// Не редактировать!
var vertical_top_bottom_bar = {
    navtoolbox: null,
    verticalbox: null,
    verticalbar: null,
    sidebarbox: null,
    topbar: null,
    bottombar: null,
    timer: null,
    timerImg: null,
    panelcontainer: null,
    showTimer: null,
    hideTimer: null,
    _visible: false,
    isPopupOpen: false,
    isMouseOver: false,
    isMouseSidebar: false,
    observe(aSubject, aTopic, aData) {
        Services.obs.removeObserver(this, "browser-delayed-startup-finished");
        this.delayedstartup();
    },
    init() {
        var navtoolbox = this.navtoolbox = window.gNavToolbox || document.querySelector("#navigator-toolbox");
        if (!navtoolbox) return;
        var toolbarcreate = false;
        if (UcfPrefs.t_enable) {
            try {
                let topbar = document.createXULElement("toolbar");
                topbar.id = "ucf-additional-top-bar";
                topbar.className = "toolbar-primary chromeclass-toolbar customization-target browser-toolbar";
                topbar.setAttribute("toolbarname", "Дополнительная панель");
                topbar.setAttribute("context", "toolbar-context-menu");
                topbar.setAttribute("mode", "icons");
                topbar.setAttribute("iconsize", "small");
                topbar.setAttribute("fullscreentoolbar", "true");
                topbar.setAttribute("customizable", "true");
                topbar.setAttribute("collapsed", `${UcfPrefs.t_collapsed}`);
                let sel = UcfPrefs.t_next_navbar ? "#nav-bar" : ":scope > toolbar:last-of-type";
                navtoolbox.querySelector(sel).after(topbar);
                this.topbar = topbar;
                toolbarcreate = true;
            } catch (e) {}
        }

        var externalToolbars = false;
        if (UcfPrefs.v_enable) {
            try {
                let vcontainer = document.createXULElement("vbox");
                vcontainer.id = "ucf-additional-vertical-container";
                vcontainer.setAttribute("vertautohide", `${UcfPrefs.v_autohide}`);
                vcontainer.setAttribute("v_vertical_bar_start", `${UcfPrefs.v_bar_start}`);
                vcontainer.setAttribute("hidden", "true");
                let verticalbox = document.createXULElement("vbox");
                verticalbox.id = "ucf-additional-vertical-box";
                verticalbox.setAttribute("vertautohide", `${UcfPrefs.v_autohide}`);
                verticalbox.setAttribute("v_vertical_bar_start", `${UcfPrefs.v_bar_start}`);
                verticalbox.setAttribute("flex", "1");
                let verticalbar = document.createXULElement("toolbar");
                verticalbar.id = "ucf-additional-vertical-bar";
                verticalbar.className = "toolbar-primary chromeclass-toolbar customization-target browser-toolbar";
                verticalbar.setAttribute("toolbarname", "Вертикальная панель");
                verticalbar.setAttribute("toolboxid", "navigator-toolbox");
                verticalbar.setAttribute("context", "toolbar-context-menu");
                verticalbar.setAttribute("mode", "icons");
                verticalbar.setAttribute("iconsize", "small");
                verticalbar.setAttribute("orient", "vertical");
                verticalbar.setAttribute("fullscreentoolbar", `${UcfPrefs.v_fullscreen}`);
                verticalbar.setAttribute("customizable", "true");
                verticalbar.setAttribute("collapsed", `${UcfPrefs.v_collapsed}`);
                verticalbox.append(verticalbar);
                vcontainer.append(verticalbox);
                let sidebarbox = this.sidebarbox = document.querySelector("#sidebar-box");
                let browser = sidebarbox.parentElement, border;
                if (UcfPrefs.v_bar_start) {
                    if (!(border = browser.querySelector("#browser-border-start")))
                        browser.prepend(vcontainer);
                    else
                        border.after(vcontainer);
                    document.documentElement.setAttribute("v_vertical_bar_start", "true");
                } else {
                    if (!(border = browser.querySelector("#browser-border-end")))
                        browser.append(vcontainer);
                    else
                        border.before(vcontainer);
                    document.documentElement.setAttribute("v_vertical_bar_start", "false");
                }
                this.verticalbar = verticalbar;
                this.verticalbox = verticalbox;

                if (UcfPrefs.v_autohide) {
                    document.documentElement.setAttribute("v_vertical_bar_autohide", "true");
                    Services.obs.addObserver(this, "browser-delayed-startup-finished");
                }
                navtoolbox.addEventListener("beforecustomization", this);
                externalToolbars = true;
                toolbarcreate = true;
            } catch (e) {}
        }

        if (UcfPrefs.b_enable) {
            try {
                let bottombar = document.createXULElement("toolbar");
                bottombar.id = "ucf-additional-bottom-bar";
                bottombar.className = "toolbar-primary chromeclass-toolbar customization-target browser-toolbar";
                bottombar.setAttribute("toolbarname", "Нижняя панель");
                bottombar.setAttribute("toolboxid", "navigator-toolbox");
                bottombar.setAttribute("context", "toolbar-context-menu");
                bottombar.setAttribute("mode", "icons");
                bottombar.setAttribute("iconsize", "small");
                bottombar.setAttribute("customizable", "true");
                bottombar.setAttribute("collapsed", `${UcfPrefs.b_collapsed}`);
                let closebutton = document.createXULElement("toolbarbutton");
                closebutton.id = "ucf-additional-bottom-closebutton";
                closebutton.className = "close-icon closebutton";
                closebutton.setAttribute("tooltiptext", "Скрыть панель");
                closebutton.setAttribute("removable", "false");
                closebutton.setAttribute("oncommand", "var bar = this.parentNode; setToolbarVisibility(bar, bar.collapsed);");
                bottombar.append(closebutton);
/*
                document.querySelector("#browser-bottombox")?.append(bottombar);
*/
                let id = "browser-bottombox", box = document.getElementById(id);
                if (!box) {
                    box = document.createXULElement("vbox");
                    box.id = id;
                    document.getElementById("a11y-announcement")?.before(box);
                }
                box.append(bottombar);                this.bottombar = bottombar;
                externalToolbars = true;
                toolbarcreate = true;
            } catch (e) {}
        }
        if (toolbarcreate) {
            window.addEventListener("toolbarvisibilitychange", this);
            window.addEventListener("unload", () => {
                this.destructor();
            }, { once: true });
        }
        if (!externalToolbars)
            return;
        setTimeout(() => {
            var ViewToolbarsPopup = window.onViewToolbarsPopupShowing;
            if (typeof ViewToolbarsPopup != "function") return;
            var StringFn = `${ViewToolbarsPopup}`,
            RegRep = /toolbarNodes\s*=\s*(?:gNavToolbox\s*\.\s*(?:querySelectorAll\s*\(\s*(?:\"|\')\s*toolbar\s*(?:\"|\')\s*\)|childNodes|children)|getTogglableToolbars\s*\(\s*\))/g;
            if (!RegRep.test(StringFn)) return;
            window.onViewToolbarsPopupShowing = eval(`(${StringFn.replace(/^(async\s)?.*?\(/, `$1function ${ViewToolbarsPopup.name}(`)
            .replace(RegRep, 'toolbarNodes = Array.from(document.querySelectorAll("toolbar[toolbarname]"))')})`);
        }, 200);
    },
    destructor() {
        window.removeEventListener("toolbarvisibilitychange", this);
        if (UcfPrefs.v_enable) {
            this.navtoolbox.removeEventListener("beforecustomization", this);
            if (UcfPrefs.v_autohide) {
                let verticalbox = this.verticalbox;
                verticalbox.removeEventListener("mouseenter", this);
                verticalbox.removeEventListener("mouseleave", this);
                verticalbox.removeEventListener("dragenter", this);
            }
        }
    },
    handleEvent(e) {
        this[e.type](e);
    },
    delayedstartup() {
        var panelcontainer = this.panelcontainer = gBrowser.tabpanels || gBrowser.mPanelContainer;
        if (!panelcontainer || !this.sidebarbox) return;
        var verticalbox = this.verticalbox;
        verticalbox.addEventListener("mouseenter", this);
        verticalbox.addEventListener("mouseleave", this);
        verticalbox.addEventListener("dragenter", this);
    },
    toolbarvisibilitychange(e) {
        switch (e.target) {
            case this.verticalbar:
                UcfPrefs.gbranch.setBoolPref("vertical_collapsed", UcfPrefs.v_collapsed = this.verticalbar.collapsed);
                break;
            case this.topbar:
                UcfPrefs.gbranch.setBoolPref("top_collapsed", UcfPrefs.t_collapsed = this.topbar.collapsed);
                break;
            case this.bottombar:
                UcfPrefs.gbranch.setBoolPref("bottom_collapsed", UcfPrefs.b_collapsed = this.bottombar.collapsed);
                break;
        }
    },
    beforecustomization() {
        this.verticalbar.removeAttribute("orient");
        this.navtoolbox.querySelector(":scope > toolbar:last-of-type").after(this.verticalbar);
        this.navtoolbox.addEventListener("aftercustomization", this);
    },
    aftercustomization() {
        this.verticalbar.setAttribute("orient", "vertical");
        this.verticalbox.append(this.verticalbar);
        this.navtoolbox.removeEventListener("aftercustomization", this);
    },
    mouseenter(e) {
        switch (e.currentTarget) {
            case this.verticalbox:
                if (!this._visible) {
                    this.isMouseSidebar = false;
                    this.showToolbar();
                }
                break;
            case this.verticalbar:
                this.isMouseOver = true;
                break;
            default:
                this.isMouseSidebar = e.currentTarget == this.sidebarbox;
                this.isMouseOver = false;
                this.hideToolbar();
                break;
        }
    },
    dragenter(e) {
        switch (e.currentTarget) {
            case this.verticalbox:
                if (!this._visible) {
                    this.isMouseSidebar = false;
                    this.showToolbar();
                }
                break;
            case this.panelcontainer:
                this.hideToolbar();
                break;
        }
    },
    mouseleave() {
        clearTimeout(this.showTimer);
    },
    popupshown(e) {
        if (e.target.localName != "tooltip" && e.target.localName != "window")
            this.isPopupOpen = true;
    },
    popuphidden(e) {
        if (e.target.localName != "tooltip" && e.target.localName != "window") {
            this.isPopupOpen = false;
            this.hideToolbar();
        }
    },
    showToolbar() {
        clearTimeout(this.showTimer);
        this.showTimer = setTimeout(() => {
            var docElm = document.documentElement;
            var verticalbox = this.verticalbox;
            docElm.style.setProperty("--v-vertical_bar_width", verticalbox.getBoundingClientRect().width + "px");
            verticalbox.setAttribute("v_vertical_bar_visible", "true");
            docElm.setAttribute("v_vertical_bar_visible", "true");
            this._visible = true;
            var panelcontainer = this.panelcontainer;
            panelcontainer.addEventListener("mouseenter", this);
            panelcontainer.addEventListener("dragenter", this);
            if (UcfPrefs.v_mouseenter_sidebar) {
                docElm.setAttribute("v_vertical_bar_sidebar", "true");
                this.sidebarbox.addEventListener("mouseenter", this);
            }
            var verticalbar = this.verticalbar;
            verticalbar.addEventListener("mouseenter", this);
            verticalbar.addEventListener("popupshown", this);
            verticalbar.addEventListener("popuphidden", this);
            var navtoolbox = this.navtoolbox;
            navtoolbox.addEventListener("popupshown", this);
            navtoolbox.addEventListener("popuphidden", this);
        }, UcfPrefs.v_showdelay);
    },
    hideToolbar() {
        clearTimeout(this.hideTimer);
        this.hideTimer = setTimeout(() => {
            if (this.isPopupOpen || this.isMouseOver) return;
            var panelcontainer = this.panelcontainer;
            panelcontainer.removeEventListener("mouseenter", this);
            panelcontainer.removeEventListener("dragenter", this);
            var docElm = document.documentElement;
            if (UcfPrefs.v_mouseenter_sidebar) {
                docElm.setAttribute("v_vertical_bar_sidebar", `${!this.isMouseSidebar}`);
                this.sidebarbox.removeEventListener("mouseenter", this);
            }
            var verticalbar = this.verticalbar;
            verticalbar.removeEventListener("mouseenter", this);
            verticalbar.removeEventListener("popupshown", this);
            verticalbar.removeEventListener("popuphidden", this);
            var navtoolbox = this.navtoolbox;
            navtoolbox.removeEventListener("popupshown", this);
            navtoolbox.removeEventListener("popuphidden", this);
            docElm.removeAttribute("v_vertical_bar_visible");
            this.verticalbox.removeAttribute("v_vertical_bar_visible");
            docElm.style.setProperty("--v-vertical_bar_width", "0px");
            this._visible = false;
        }, UcfPrefs.v_hidedelay);
    }
};
vertical_top_bottom_bar.init();

/*** Секция для вкладок внизу ***/

/* Вкладки в низ окна */
#TabsToolbar {
  position: fixed !important;
  display:block !important;
  bottom: -0em; !important;
  width: 100% !important;
  }
  #tabbrowser-tabs { width: 96%; }
  #content-deck { margin-bottom: 2.5em;
}

/* Для полного экрана */
TabsToolbar:not([inFullscreen="true"]) {position:fixed; bottom:0em; width:100%;} 

/* Remove X from Tabs */
#tabbrowser-tabs .tabbrowser-tab .tab-close-button { display:none!important; }

/* TABS: on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}

#tabbrowser-tabs {
  width: 100vw !important;
  #content-deck { margin-bottom: 0em; }
  #main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}
}

/* TABS: height */
:root {
 --tab-toolbar-navbar-overlap: 0px !important;
}
:root #tabbrowser-tabs {
 --tab-min-width: 80px !important;
}

/* Tabs Bottom https://support.mozilla.org/en-US/questions/1248277 */

#TabsToolbar {
 height: var(--tab-min-height) !important;
 margin-bottom: 1px !important;
 box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
 background-color: #C7C7C7 !important;
}

#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  min-height: var(--tab-min-height) !important;
  max-height: var(--tab-min-height) !important;
}

/* drag space */
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
  width: 40px;
}

/* Override vertical shifts when moving a tab */
#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
  padding-bottom: unset !important;
}
#navigator-toolbox[movingtab] #tabbrowser-tabs {
  padding-bottom: unset !important;
  margin-bottom: unset !important;
}
#navigator-toolbox[movingtab] > #nav-bar {
  margin-top: unset !important;
}

/* hide windows-controls */
#TabsToolbar #window-controls {display:none!important;}

/* move caption buttons to right of Tab bar */
#main-window[tabsintitlebar]:not([inFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
 position: fixed !important;
 right: 0 !important;
 top: calc(6px + var(--tab-min-height)) !important;
 display: block !important;
 visibility: visible !important;
}
#toolbar-menubar[autohide="true"] ~ #TabsToolbar {padding-right: 100px !important;}

/*** Конец секции для вкладок внизу ***/