102 lines
2.3 KiB
JavaScript
102 lines
2.3 KiB
JavaScript
/* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
|
|
|
"use strict";
|
|
|
|
// This is loaded into chrome windows with the subscript loader. Wrap in
|
|
// a block to prevent accidentally leaking globals onto `window`.
|
|
{
|
|
class MozTabbrowserTabGroup extends MozXULElement {
|
|
static markup = `
|
|
<label class="tab-group-label" crop="end"/>
|
|
<html:slot/>
|
|
`;
|
|
|
|
#labelElement;
|
|
|
|
constructor() {
|
|
super();
|
|
}
|
|
|
|
static get inheritedAttributes() {
|
|
return {
|
|
".tab-group-label": "value=label,tooltiptext=label",
|
|
};
|
|
}
|
|
|
|
connectedCallback() {
|
|
if (this._initialized) {
|
|
return;
|
|
}
|
|
|
|
this.textContent = "";
|
|
this.appendChild(this.constructor.fragment);
|
|
this.initializeAttributeInheritance();
|
|
|
|
this._initialized = true;
|
|
|
|
this.#labelElement = this.querySelector(".tab-group-label");
|
|
this.#labelElement.addEventListener("click", this);
|
|
}
|
|
|
|
get color() {
|
|
return this.style.getProperty("--tab-group-color");
|
|
}
|
|
|
|
set color(val) {
|
|
this.style.setProperty("--tab-group-color", val);
|
|
}
|
|
|
|
get id() {
|
|
return this.getAttribute("id");
|
|
}
|
|
|
|
set id(val) {
|
|
this.setAttribute("id", val);
|
|
}
|
|
|
|
get label() {
|
|
return this.getAttribute("label");
|
|
}
|
|
|
|
set label(val) {
|
|
this.setAttribute("label", val);
|
|
}
|
|
|
|
get collapsed() {
|
|
return this.hasAttribute("collapsed");
|
|
}
|
|
|
|
set collapsed(val) {
|
|
this.toggleAttribute("collapsed", val);
|
|
const eventName = val ? "TabGroupCollapse" : "TabGroupExpand";
|
|
this.dispatchEvent(new CustomEvent(eventName, { bubbles: true }));
|
|
}
|
|
|
|
get tabs() {
|
|
return Array.from(this.children).filter(node => node.matches("tab"));
|
|
}
|
|
|
|
/**
|
|
* add tabs to the group
|
|
*
|
|
* @param tabs array of tabs to add
|
|
*/
|
|
addTabs(tabs) {
|
|
for (let tab of tabs) {
|
|
gBrowser.moveTabToGroup(tab, this);
|
|
}
|
|
}
|
|
|
|
on_click(event) {
|
|
if (event.target === this.#labelElement && event.button === 0) {
|
|
event.preventDefault();
|
|
this.collapsed = !this.collapsed;
|
|
}
|
|
}
|
|
}
|
|
|
|
customElements.define("tab-group", MozTabbrowserTabGroup);
|
|
}
|