@omegagrid/tabs 0.2.5

package/dist/components/tabSplitContainer.js

@@ -0,0 +1,281 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var TabSplitContainer_1;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabSplitContainer = void 0;
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const core_1 = require("@omegagrid/core");
+const tabContainer_1 = require("./tabContainer");
+const tabs_1 = require("./tabs");
+const model_1 = require("../model");
+let TabSplitContainer = TabSplitContainer_1 = class TabSplitContainer extends lit_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.addButton = false;
+        this.closable = false;
+        this.singleActive = false;
+        this.tabPosition = 'top';
+        this.tabContainers = new Set();
+        this._createTabContainer = (containerIndex) => {
+            var _a, _b;
+            const component = core_1.dom.createElement('og-tabcontainer');
+            component.inactive = this.singleActive;
+            component.index = containerIndex;
+            component.parentContainer = this;
+            component.tabPosition = this.tabPosition;
+            this.model.items = (_a = this.model.items) !== null && _a !== void 0 ? _a : [];
+            component.closable = this.closable;
+            component.addButton = this.addButton;
+            component.style.height = '100%';
+            const item = this.model.items[containerIndex];
+            component.items = (_b = item === null || item === void 0 ? void 0 : item.tabs) !== null && _b !== void 0 ? _b : [];
+            component.selectedIndex = item.selectedIndex;
+            component.topLevelComponent = this.topLevelComponent;
+            //component.actions = [{key: 'split', icon: 'table-columns'}];
+            // component.addEventListener('tabs.action.split', (e) => {
+            // 	e.stopPropagation();
+            // 	const newItem: TabSplitContainerItem = {size: null, tabs: []};
+            // 	this.model.items.splice(containerIndex + 1, 0, newItem);
+            // 	this.model.items.forEach(item => item.size = null);
+            // 	this.requestUpdate();
+            // });
+            component.addEventListener('tab.remove', () => {
+                if (component.tabs.items.length == 0) {
+                    if (this.model.items.length > 1)
+                        this.model.items.splice(containerIndex, 1);
+                    this.model.items.forEach(item => item.size = null);
+                    this.requestUpdate();
+                }
+                this.removeEmptyContainers();
+            });
+            component.addEventListener('tab.move', () => {
+                this.removeEmptyContainers();
+            });
+            component.addEventListener('tab.select', (e) => {
+                if (e.tabs.topLevelComponent == this.topLevelComponent && item) {
+                    item.selectedIndex = e.tabs.selectedIndex;
+                    if (this.singleActive) {
+                        this._activeTabContainer = component;
+                        this._activeTab = e.tab;
+                        this.updateActiveTab();
+                    }
+                }
+            });
+            component.createComponent = this.createComponent;
+            return component;
+        };
+        this._createSplitContainer = (containerIndex) => {
+            const component = core_1.dom.createElement('og-tabsplitcontainer');
+            component.style.height = '100%';
+            component.addButton = this.addButton;
+            component.tabPosition = this.tabPosition;
+            component.model = this.model.items[containerIndex].container;
+            component.createComponent = this.createComponent;
+            component.topLevelComponent = this.topLevelComponent;
+            component.closable = this.closable;
+            component.singleActive = this.singleActive;
+            return component;
+        };
+        this._createSplitContainerComponent = (id) => new Promise((resolve, reject) => {
+            const containerIndex = id;
+            const container = this.model.items ? this.model.items[containerIndex] : null;
+            if (container) {
+                const containerComponent = container.container
+                    ? this._createSplitContainer(containerIndex)
+                    : this._createTabContainer(containerIndex);
+                this.tabContainers.add(containerComponent);
+                resolve(containerComponent);
+            }
+            else {
+                reject();
+            }
+        });
+        this._onDrop = (e) => {
+            if (!tabContainer_1.TabContainer.dragParent && !tabs_1.Tabs.dragParent)
+                return;
+            if (tabContainer_1.TabContainer.dragParent.topLevelComponent != this.topLevelComponent && tabs_1.Tabs.dragParent.topLevelComponent != this.topLevelComponent)
+                return;
+            e.stopImmediatePropagation();
+            const tabContainer1 = tabContainer_1.TabContainer.dragParent;
+            const tabContainer2 = tabContainer_1.TabContainer.dropTarget;
+            tabContainer_1.TabContainer.dragParent = null;
+            tabContainer_1.TabContainer.dropTarget = null;
+            if (!tabContainer1 || !tabContainer2) {
+                if (tabContainer1 && tabContainer1.parentContainer.model.items[tabContainer1.index].tabs.length == 0) {
+                    tabContainer1.parentContainer.model.items.splice(tabContainer1.index, 1);
+                }
+                tabContainer1.parentContainer.splitContainer.requestUpdate();
+                return;
+            }
+            const tab = tabContainer1.tabs.removeTab(tabs_1.Tabs.dragIndex, false);
+            const dropOrientation = tabContainer_1.TabContainer.dropPosition
+                ? ['left', 'right'].includes(tabContainer_1.TabContainer.dropPosition) ? 'horizontal' : 'vertical'
+                : null;
+            if (tabContainer2 && tabContainer2.parentContainer) {
+                if (dropOrientation == null) {
+                    const item = tabContainer2.parentContainer.model.items[tabContainer2.index];
+                    item.tabs.push(tab);
+                }
+                else if (dropOrientation == tabContainer2.parentContainer.model.orientation) {
+                    tabContainer2.parentContainer.model.items.splice(tabContainer2.index + (['right', 'bottom'].includes(tabContainer_1.TabContainer.dropPosition) ? 1 : 0), 0, { tabs: [tab] });
+                }
+                else {
+                    const item = tabContainer2.parentContainer.model.items[tabContainer2.index];
+                    item.container = new model_1.TabSplitContainerModel({
+                        orientation: dropOrientation,
+                        items: [{
+                                tabs: item.tabs
+                            }, {
+                                tabs: [tab]
+                            }]
+                    });
+                }
+                tabContainer2.parentContainer.splitContainer.requestUpdate();
+            }
+            if (tabContainer1 && tabContainer1.parentContainer) {
+                for (let i = tabContainer1.parentContainer.model.items.length - 1; i >= 0; i--) {
+                    const item = tabContainer1.parentContainer.model.items[i];
+                    if ((!item.tabs || item.tabs.length == 0) && !item.container) {
+                        tabContainer1.parentContainer.model.items.splice(i, 1);
+                    }
+                }
+                tabContainer1.parentContainer.splitContainer.requestUpdate();
+            }
+        };
+        this.render = () => {
+            var _a, _b;
+            return this.model ? (0, lit_1.html) `
+		<og-splitcontainer
+			orientation=${(_a = this.model) === null || _a === void 0 ? void 0 : _a.orientation}
+			.items="${(_b = this.model.items) !== null && _b !== void 0 ? _b : []}"
+			.createComponent="${this._createSplitContainerComponent}"
+			@drop="${this._onDrop}">
+		</og-splitcontainer>
+	` : '';
+        };
+    }
+    get activeTabContainer() { return this._activeTabContainer; }
+    get activeTab() { return this._activeTab; }
+    walk(cb) {
+        this.tabContainers.forEach(container => {
+            if (container instanceof TabSplitContainer_1)
+                container.walk(cb);
+            else {
+                const res = cb(this, container);
+                if (res === false)
+                    return;
+            }
+        });
+    }
+    willUpdate() {
+        if (!this.topLevelComponent)
+            this.topLevelComponent = this;
+        if (this.model && !this.model.orientation)
+            this.model.orientation = 'horizontal';
+    }
+    updateTabs() { this.tabContainers.forEach(tabContainer => tabContainer.updateTabs()); }
+    updateTab(id, tab) {
+        this.walk((_splitContainer, tabContainer) => {
+            const tabIndex = tabContainer.items.findIndex(item => item.id == id);
+            const currentTab = tabContainer.tabs.items[tabIndex];
+            if (currentTab) {
+                Object.assign(currentTab, tab);
+                if (tabContainer.selectedIndex == tabIndex && id != tab.id) {
+                    // component is visible and id has changed
+                    this.updateTabs();
+                    tabContainer.loadComponent(currentTab.id);
+                    tabContainer.components.delete(id);
+                    this.updateActiveTab();
+                }
+                return false;
+            }
+        });
+    }
+    async removeEmptyContainers() {
+        if (this.model.clean()) {
+            this.requestUpdate();
+            await this.updateComplete;
+            this.layout();
+        }
+    }
+    updateActiveTab() {
+        if (!this.singleActive)
+            return;
+        this.topLevelComponent.walk((_splitContainer, tabContainer) => {
+            tabContainer.inactive = tabContainer != this.activeTabContainer;
+        });
+    }
+    activate(id) {
+        this.open({ id });
+    }
+    open(item, containerIndex = 0) {
+        let container = this.splitContainer.getContainerComponent(containerIndex);
+        let model = this.model;
+        // prevent opening the same tab twice
+        this.walk((splitContainer, tabContainer) => {
+            for (let i = 0; i < tabContainer.items.length; i++) {
+                const tabItem = tabContainer.items[i];
+                if (tabItem.id == item.id) {
+                    container = tabContainer;
+                    model = splitContainer.model;
+                    container.selectedIndex = i;
+                    containerIndex = container.index;
+                    return false;
+                }
+            }
+        });
+        container.open(item);
+        if (model.items[containerIndex]) {
+            model.items[containerIndex].tabs = container.items;
+        }
+    }
+    layout() {
+        var _a;
+        (_a = this.splitContainer) === null || _a === void 0 ? void 0 : _a.layout();
+    }
+};
+exports.TabSplitContainer = TabSplitContainer;
+TabSplitContainer.styles = (0, lit_1.css) `
+		:host {
+			display: block;
+		}
+
+		og-splitcontainer {
+			height: 100%;
+		}
+	`;
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], TabSplitContainer.prototype, "topLevelComponent", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], TabSplitContainer.prototype, "model", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], TabSplitContainer.prototype, "addButton", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], TabSplitContainer.prototype, "closable", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], TabSplitContainer.prototype, "singleActive", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: String, reflect: true })
+], TabSplitContainer.prototype, "tabPosition", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], TabSplitContainer.prototype, "createComponent", void 0);
+__decorate([
+    (0, decorators_js_1.query)('og-splitcontainer')
+], TabSplitContainer.prototype, "splitContainer", void 0);
+exports.TabSplitContainer = TabSplitContainer = TabSplitContainer_1 = __decorate([
+    (0, decorators_js_1.customElement)('og-tabsplitcontainer')
+    // @stylable({vars: ['tab-*']})
+], TabSplitContainer);
+//# sourceMappingURL=tabSplitContainer.js.map

package/dist/components/tabSplitContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabSplitContainer.js","sourceRoot":"","sources":["../../src/components/tabSplitContainer.ts"],"names":[],"mappings":"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"}

package/dist/components/tabs.d.ts

@@ -0,0 +1,55 @@
+import { LitElement } from "lit";
+import { TabItem } from '../types';
+import { ListSelectEvent, Menu, actions, ComponentId, VerticalPosition } from "@omegagrid/core";
+import { TabContainer } from "./tabContainer";
+export declare class TabEvent extends Event {
+    index: number;
+    tabs: Tabs;
+    tab: TabItem;
+    uiEvent: UIEvent;
+    constructor(type: string, args: Partial<TabEvent>);
+}
+export declare class Tabs extends LitElement {
+    static styles: import("lit").CSSResult[];
+    static dragParent: Tabs;
+    static dragIndex: number;
+    static dragTarget: Tabs;
+    static dropIndex: number;
+    topLevelComponent: HTMLElement;
+    items: TabItem[];
+    closable: boolean;
+    addButton: boolean;
+    selectedIndex: number;
+    overlay: HTMLDivElement;
+    tabs: HTMLDivElement[];
+    actions: actions.Action[];
+    position: VerticalPosition;
+    empty: HTMLDivElement;
+    parentContainer: TabContainer;
+    menuRef: import("lit-html/directives/ref").Ref<Menu>;
+    get menu(): Menu;
+    private _contextMenuTabIndex;
+    private _contextMenuItems;
+    get selectedItem(): TabItem;
+    updated(): void;
+    positionOverlay(target?: HTMLElement): HTMLElement;
+    hideOverlay: () => HTMLElement;
+    selectTab(index: number, dispatchEvent?: boolean): void;
+    getIndexById(id: ComponentId): number;
+    selectTabById(id: ComponentId, dispatchEvent?: boolean): void;
+    addTab(item: TabItem, index?: number): void;
+    removeTab(index: number, dispatchEvent?: boolean): TabItem;
+    _onDragover(e: DragEvent, index: number): void;
+    _onDragStart(_e: DragEvent, index: number): void;
+    _onDragStop(): void;
+    _onDrop(): void;
+    moveTab(fromIndex: number, toIndex: number, dispatchEvent?: boolean): void;
+    _onMenuItemSelect(e: ListSelectEvent): void;
+    _onCrossClick(e: MouseEvent, index: number): void;
+    _onContextMenu(e: MouseEvent, index: number): void;
+    _onActionClick(action: actions.Action): void;
+    disconnectedCallback(): void;
+    _onContainerDragover(e: DragEvent): void;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=tabs.d.ts.map

package/dist/components/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/components/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAO,eAAe,EAAE,IAAI,EAAY,OAAO,EAAE,WAAW,EAAY,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEzH,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI9C,qBAAa,QAAS,SAAQ,KAAK;IAElC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,IAAI,CAAC;IACX,GAAG,EAAE,OAAO,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;gBAEL,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC;CAIjD;AAWD,qBAEa,IAAK,SAAQ,UAAU;IAEnC,MAAM,CAAC,MAAM,4BAAW;IAExB,MAAM,CAAC,UAAU,EAAE,IAAI,CAAC;IACxB,MAAM,CAAC,SAAS,SAAM;IACtB,MAAM,CAAC,UAAU,EAAE,IAAI,CAAC;IACxB,MAAM,CAAC,SAAS,SAAM;IAGtB,iBAAiB,EAAE,WAAW,CAAC;IAG/B,KAAK,EAAE,OAAO,EAAE,CAAC;IAGjB,QAAQ,UAAS;IAGjB,SAAS,UAAS;IAGlB,aAAa,SAAM;IAGnB,OAAO,EAAE,cAAc,CAAC;IAGxB,IAAI,EAAE,cAAc,EAAE,CAAC;IAGvB,OAAO,EAAE,OAAO,CAAC,MAAM,EAAE,CAAC;IAG1B,QAAQ,EAAE,gBAAgB,CAAS;IAGnC,KAAK,EAAE,cAAc,CAAC;IAEtB,eAAe,EAAE,YAAY,CAAC;IAE9B,OAAO,8CAAqB;IAE5B,IAAI,IAAI,SAAgC;IAExC,OAAO,CAAC,oBAAoB,CAAM;IAClC,OAAO,CAAC,iBAAiB,CAAkB;IAE3C,IAAI,YAAY,YAA4C;IAE5D,OAAO;IAMP,eAAe,CAAC,MAAM,CAAC,EAAE,WAAW;IASpC,WAAW,oBAAuC;IAElD,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,aAAa,UAAQ;IAK9C,YAAY,CAAC,EAAE,EAAE,WAAW;IAI5B,aAAa,CAAC,EAAE,EAAE,WAAW,EAAE,aAAa,UAAQ;IAKpD,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,SAAyB;IAMpD,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,aAAa,UAAQ;IAW9C,WAAW,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM;IAUvC,YAAY,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM;IAMzC,WAAW;IAIX,OAAO;IAeP,OAAO,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,UAAQ;IAQjE,iBAAiB,CAAC,CAAC,EAAE,eAAe;IAqBpC,aAAa,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM;IAK1C,cAAc,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM;IAO3C,cAAc,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM;IAIrC,oBAAoB;IAIpB,oBAAoB,CAAC,CAAC,EAAE,SAAS;IAOjC,MAAM,6CA8DJ;CAEF"}

package/dist/components/tabs.js

@@ -0,0 +1,287 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var Tabs_1;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tabs = exports.TabEvent = void 0;
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const map_js_1 = require("lit/directives/map.js");
+const class_map_js_1 = require("lit/directives/class-map.js");
+const tabs_style_1 = require("./tabs.style");
+const core_1 = require("@omegagrid/core");
+const ref_js_1 = require("lit/directives/ref.js");
+const style_map_js_1 = require("lit/directives/style-map.js");
+const core_2 = require("@omegagrid/core");
+class TabEvent extends Event {
+    constructor(type, args) {
+        super(`tab.${type}`, { composed: true, bubbles: true, cancelable: true });
+        Object.assign(this, args);
+    }
+}
+exports.TabEvent = TabEvent;
+const closeMenuItems = [
+    { key: 'close', value: "Close", icon: "xmark" },
+    { key: 'close_all', value: "Close All", icon: "xmark" },
+    { key: 'close_others', value: "Close Others", icon: "xmark" },
+    { key: 'close_right', value: "Close to the Right", icon: "xmark" }
+];
+let Tabs = Tabs_1 = class Tabs extends lit_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.closable = false;
+        this.addButton = false;
+        this.selectedIndex = -1;
+        this.position = 'top';
+        this.menuRef = (0, ref_js_1.createRef)();
+        this._contextMenuTabIndex = -1;
+        this._contextMenuItems = [];
+        this.hideOverlay = () => core_1.dom.hideElement(this.overlay);
+        this.render = () => (0, lit_1.html) `
+		${this.items && this.items.length > 0 ? (0, lit_1.html) `
+		<div class="tabs"
+			@dragend="${() => this.hideOverlay()}">
+			${(0, map_js_1.map)(this.items, (item, index) => {
+            var _a;
+            return (0, lit_1.html) `
+				<div
+					draggable="true"
+					class="${(0, class_map_js_1.classMap)({
+                'tab': true,
+                'active': index == this.selectedIndex,
+                'unsaved': !!item.unsaved,
+                'closable': this.closable
+            })}"
+					style="${(0, style_map_js_1.styleMap)({ backgroundColor: item.color ? `#${item.color}` : null })}"
+					@click="${() => this.selectTab(index, true)}"
+					@drop="${() => this._onDrop()}"
+					@dragover="${(e) => this._onDragover(e, index)}"
+					@dragleave="${() => this.hideOverlay()}"
+					@dragstart="${(e) => this._onDragStart(e, index)}"
+					@dragstop="${() => this._onDragStop()}"
+					@contextmenu="${(e) => this._onContextMenu(e, index)}">
+					<div class="tab-text" style="${(0, style_map_js_1.styleMap)({ color: item.color ? core_2.colors.getComplmentaryColor('#' + item.color) : null })}">
+						${(_a = item.title) !== null && _a !== void 0 ? _a : item.id}
+					</div>
+					${item.unsaved ? (0, lit_1.html) `<div class="tab-save-mark">&#9679;</div>` : ``}
+					${this.closable ? (0, lit_1.html) `<div
+						class="tab-x"
+						@click="${(e) => this._onCrossClick(e, index)}">
+						&times
+					</div>` : ``}
+				</div>
+			`;
+        })}
+		</div>
+		` : ``}
+
+		<div
+			class="empty"
+			@dragover="${(e) => this._onDragover(e, this.items.length)}"
+			@drop="${() => this._onDrop()}"
+			@dragleave="${() => this.hideOverlay()}">
+			${this.addButton ? (0, lit_1.html) `
+				<og-button
+					id="btnAdd"
+					icon="plus"
+					color="gray"
+					@click="${() => this.dispatchEvent(new TabEvent('add', { tab: this.items[this.items.length - 1], tabs: this }))}">
+				</og-button>
+			` : ``}
+		</div>
+		
+		<div class="buttons">
+			${(0, map_js_1.map)(this.actions, action => (0, lit_1.html) `
+				<og-fa-icon icon="${action.icon}" @click="${() => this._onActionClick(action)}"></og-fa-icon>
+			`)}
+		</div>
+
+		<div id="overlay" style="display: none"></div>
+
+		<og-menu ${(0, ref_js_1.ref)(this.menuRef)} 
+			style="display: none; z-index: 2000"
+			@select=${(e) => this._onMenuItemSelect(e)}>
+		</og-menu>
+	`;
+    }
+    get menu() { return this.menuRef.value; }
+    get selectedItem() { return this.items[this.selectedIndex]; }
+    updated() {
+        this._contextMenuItems = [];
+        if (this.closable)
+            this._contextMenuItems = closeMenuItems;
+        this.menu.items = this._contextMenuItems;
+    }
+    positionOverlay(target) {
+        if (!target)
+            return this.hideOverlay();
+        const offset = core_1.dom.getElementOffset(target, this);
+        core_1.dom.setPosition(this.overlay, { t: offset.top, l: offset.left });
+        core_1.dom.setSize(this.overlay, { w: target.offsetWidth, h: target.offsetHeight });
+        core_1.dom.showElement(this.overlay);
+    }
+    selectTab(index, dispatchEvent = false) {
+        this.selectedIndex = index;
+        if (dispatchEvent)
+            this.dispatchEvent(new TabEvent('select', { tab: this.items[index], tabs: this }));
+    }
+    getIndexById(id) {
+        return this.items.findIndex(item => item.id == id);
+    }
+    selectTabById(id, dispatchEvent = false) {
+        const index = this.getIndexById(id);
+        if (index > -1)
+            this.selectTab(index, dispatchEvent);
+    }
+    addTab(item, index = this.selectedIndex + 1) {
+        this.hideOverlay();
+        this.items.splice(index, 0, item);
+        this.requestUpdate();
+    }
+    removeTab(index, dispatchEvent = false) {
+        this.hideOverlay();
+        if (!this.dispatchEvent(new TabEvent('beforeRemove', { tab: this.items[index], tabs: this, index })))
+            return;
+        const [deletedItem] = this.items.splice(index, 1);
+        if (this.selectedIndex >= this.items.length)
+            this.selectTab(this.items.length - 1, true);
+        this.requestUpdate();
+        if (dispatchEvent)
+            this.dispatchEvent(new TabEvent('remove', { tab: deletedItem, tabs: this, index }));
+        return deletedItem;
+    }
+    _onDragover(e, index) {
+        if (!Tabs_1.dragParent)
+            return;
+        if (Tabs_1.dragParent.topLevelComponent != this.topLevelComponent)
+            return;
+        e.preventDefault();
+        e.stopPropagation();
+        e.dataTransfer.dropEffect = 'move';
+        Tabs_1.dropIndex = index;
+        this.positionOverlay(index >= this.tabs.length ? this.empty : this.tabs[index]);
+    }
+    _onDragStart(_e, index) {
+        Tabs_1.dragParent = this;
+        Tabs_1.dragTarget = null;
+        Tabs_1.dragIndex = index;
+    }
+    _onDragStop() {
+        Tabs_1.dragParent = null;
+    }
+    _onDrop() {
+        Tabs_1.dragTarget = this;
+        if (Tabs_1.dragParent == Tabs_1.dragTarget) {
+            this.moveTab(Tabs_1.dragIndex, Tabs_1.dropIndex, true);
+        }
+        else {
+            const tab = Tabs_1.dragParent.items[Tabs_1.dragIndex];
+            Tabs_1.dragParent.removeTab(Tabs_1.dragIndex);
+            Tabs_1.dragParent.selectTab(Math.min(Tabs_1.dragParent.items.length - 1, Tabs_1.dragIndex), true);
+            Tabs_1.dragTarget.addTab(tab, Tabs_1.dropIndex);
+            Tabs_1.dragTarget.selectTab(Tabs_1.dropIndex, true);
+            this.dispatchEvent(new TabEvent('move', { tab: tab, tabs: this }));
+        }
+        Tabs_1.dragParent = null;
+    }
+    moveTab(fromIndex, toIndex, dispatchEvent = false) {
+        if (fromIndex == toIndex)
+            return;
+        const [movedItem] = this.items.splice(toIndex, 0, this.items.splice(fromIndex, 1)[0]);
+        this.selectTab(Math.min(toIndex, this.tabs.length - 1), true);
+        this.requestUpdate();
+        if (dispatchEvent)
+            this.dispatchEvent(new TabEvent('move', { tab: movedItem, tabs: this }));
+    }
+    _onMenuItemSelect(e) {
+        const key = this._contextMenuItems[e.index].key;
+        if (key == 'close') {
+            this.removeTab(this._contextMenuTabIndex, true);
+            if (this.selectedIndex >= this.items.length)
+                this.selectTab(Math.max(this.items.length - 1, 0), true);
+        }
+        else if (key == 'close_all') {
+            while (this.items.length > 0)
+                this.removeTab(0, true);
+        }
+        else if (key == 'close_others') {
+            for (let i = this.items.length - 1; i >= 0; i--) {
+                if (i != this._contextMenuTabIndex)
+                    this.removeTab(i, true);
+            }
+            this.selectTab(0, true);
+        }
+        else if (key == 'close_right') {
+            while (this.items.length > this._contextMenuTabIndex + 1)
+                this.removeTab(this._contextMenuTabIndex + 1, true);
+            if (this.selectedIndex >= this.items.length)
+                this.selectTab(Math.max(this.items.length - 1, 0), true);
+        }
+    }
+    _onCrossClick(e, index) {
+        e.stopPropagation();
+        this.removeTab(index, true);
+    }
+    _onContextMenu(e, index) {
+        e.preventDefault();
+        this._contextMenuTabIndex = index;
+        if (this.menu.items.length > 0)
+            this.menu.openAt(e.pageX, e.pageY);
+        this.dispatchEvent(new TabEvent('contextmenu', { tab: this.items[index], tabs: this, uiEvent: e }));
+    }
+    _onActionClick(action) {
+        core_1.actions.dispatchActionEvent(this, 'tabs', action);
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.menu) === null || _a === void 0 ? void 0 : _a.remove();
+    }
+    _onContainerDragover(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        e.dataTransfer.dropEffect = 'move';
+    }
+};
+exports.Tabs = Tabs;
+Tabs.styles = [tabs_style_1.style];
+Tabs.dragIndex = -1;
+Tabs.dropIndex = -1;
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], Tabs.prototype, "topLevelComponent", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Array })
+], Tabs.prototype, "items", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], Tabs.prototype, "closable", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], Tabs.prototype, "addButton", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Number })
+], Tabs.prototype, "selectedIndex", void 0);
+__decorate([
+    (0, decorators_js_1.query)('#overlay')
+], Tabs.prototype, "overlay", void 0);
+__decorate([
+    (0, decorators_js_1.queryAll)('.tab')
+], Tabs.prototype, "tabs", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Array })
+], Tabs.prototype, "actions", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: String, reflect: true })
+], Tabs.prototype, "position", void 0);
+__decorate([
+    (0, decorators_js_1.query)('.empty')
+], Tabs.prototype, "empty", void 0);
+exports.Tabs = Tabs = Tabs_1 = __decorate([
+    (0, decorators_js_1.customElement)('og-tabs'),
+    (0, core_1.stylable)({ vars: ['tab-*', 'font-*', 'text-*'] })
+], Tabs);
+//# sourceMappingURL=tabs.js.map

package/dist/components/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/components/tabs.ts"],"names":[],"mappings":"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"}