@omegagrid/tabs 0.2.5

package/dist/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './tabs';
+export * from './tabContainer';
+export * from './tabSplitContainer';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./tabs"), exports);
+__exportStar(require("./tabContainer"), exports);
+__exportStar(require("./tabSplitContainer"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB;AACvB,iDAA+B;AAC/B,sDAAoC"}

package/dist/components/tabContainer.d.ts

@@ -0,0 +1,48 @@
+import { LitElement } from "lit";
+import { TabItem } from '../types';
+import { ComponentFactory, actions, Layout, ComponentId, DirectionalPosition, VerticalPosition } from "@omegagrid/core";
+import { TabEvent, Tabs } from "./tabs";
+export type TabsActionArgs = {
+    index: number;
+};
+export declare class TabContainer extends LitElement implements Layout {
+    static dropPosition: DirectionalPosition;
+    static dragParent: TabContainer;
+    static dropTarget: TabContainer;
+    static styles: import("lit").CSSResult[];
+    inactive: boolean;
+    topLevelComponent: HTMLElement;
+    items: TabItem[];
+    closable: boolean;
+    createComponent: ComponentFactory;
+    tabs: Tabs;
+    actions: actions.Action[];
+    addButton: boolean;
+    selectedIndex: number;
+    tabPosition: VerticalPosition;
+    cacheComponents: boolean;
+    container: HTMLDivElement;
+    overlay: HTMLDivElement;
+    readonly components: Map<ComponentId, HTMLElement>;
+    private currentComponent;
+    get component(): HTMLElement;
+    layout(): void;
+    updateTabs(): void;
+    getComponent(componentId: ComponentId): Promise<HTMLElement>;
+    loadComponent(componentId: ComponentId): Promise<void>;
+    _onSelect: () => Promise<void>;
+    _onRemove: (e: TabEvent) => void;
+    open(item: TabItem): void;
+    willUpdate(): void;
+    firstUpdated(): void;
+    positionOverlay(pos: DirectionalPosition): HTMLElement;
+    hideOverlay: () => void;
+    calculateOverlayPosition(x: number, y: number): DirectionalPosition;
+    _onDragover: (e: DragEvent) => void;
+    _onDrop: () => void;
+    _onDragStart: (_e: DragEvent) => void;
+    _onDragStop: () => void;
+    _onTabDrop: (e: DragEvent) => void;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=tabContainer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabContainer.d.ts","sourceRoot":"","sources":["../../src/components/tabContainer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAO,gBAAgB,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAY,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACvI,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAExC,MAAM,MAAM,cAAc,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAA;CACb,CAAA;AAED,qBAEa,YAAa,SAAQ,UAAW,YAAW,MAAM;IAE7D,MAAM,CAAC,YAAY,EAAE,mBAAmB,CAAC;IACzC,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC;IAChC,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC;IAEhC,MAAM,CAAC,MAAM,4BAAW;IAGxB,QAAQ,UAAS;IAGjB,iBAAiB,EAAE,WAAW,CAAC;IAG/B,KAAK,EAAE,OAAO,EAAE,CAAC;IAGjB,QAAQ,UAAS;IAGjB,eAAe,EAAE,gBAAgB,CAAC;IAGlC,IAAI,EAAE,IAAI,CAAC;IAGX,OAAO,EAAE,OAAO,CAAC,MAAM,EAAE,CAAC;IAG1B,SAAS,UAAS;IAGlB,aAAa,SAAM;IAGnB,WAAW,EAAE,gBAAgB,CAAS;IAGtC,eAAe,UAAS;IAGxB,SAAS,EAAE,cAAc,CAAC;IAG1B,OAAO,EAAE,cAAc,CAAC;IAGxB,SAAgB,UAAU,gCAAuC;IACjE,OAAO,CAAC,gBAAgB,CAAc;IACtC,IAAI,SAAS,gBAAmC;IAEhD,MAAM;IAIN,UAAU;IAEJ,YAAY,CAAC,WAAW,EAAE,WAAW;IAUrC,aAAa,CAAC,WAAW,EAAE,WAAW;IAa5C,SAAS,sBAAwD;IAEjE,SAAS,MAAO,QAAQ,UAEtB;IAEF,IAAI,CAAC,IAAI,EAAE,OAAO;IAUlB,UAAU;IAOV,YAAY;IAOZ,eAAe,CAAC,GAAG,EAAE,mBAAmB;IAkBxC,WAAW,aAGV;IAED,wBAAwB,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;IAQ7C,WAAW,MAAO,SAAS,UAO1B;IAED,OAAO,aAIN;IAED,YAAY,OAAQ,SAAS,UAE5B;IAED,WAAW,aAEV;IAED,UAAU,MAAO,SAAS,UAGzB;IAED,MAAM,6CAgCJ;CAEF"}

package/dist/components/tabContainer.js

@@ -0,0 +1,219 @@
+"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 TabContainer_1;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabContainer = void 0;
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const tabContainer_style_1 = require("./tabContainer.style");
+const core_1 = require("@omegagrid/core");
+const tabs_1 = require("./tabs");
+let TabContainer = TabContainer_1 = class TabContainer extends lit_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.inactive = false;
+        this.closable = false;
+        this.addButton = false;
+        this.selectedIndex = -1;
+        this.tabPosition = 'top';
+        this.cacheComponents = false;
+        this.components = new Map();
+        this._onSelect = () => { var _a; return this.loadComponent((_a = this.tabs.selectedItem) === null || _a === void 0 ? void 0 : _a.id); };
+        this._onRemove = (e) => {
+            this.components.delete(e.tab.id);
+        };
+        this.hideOverlay = () => {
+            core_1.dom.hideElement(this.overlay);
+            this.tabs.hideOverlay();
+        };
+        this._onDragover = (e) => {
+            if (!TabContainer_1.dragParent && !tabs_1.Tabs.dragParent)
+                return;
+            if (TabContainer_1.dragParent.topLevelComponent != this.topLevelComponent && tabs_1.Tabs.dragParent.topLevelComponent != this.topLevelComponent)
+                return;
+            e.preventDefault();
+            e.stopPropagation();
+            e.dataTransfer.dropEffect = 'move';
+            this.positionOverlay(this.calculateOverlayPosition(e.offsetX, e.offsetY));
+        };
+        this._onDrop = () => {
+            var _a, _b;
+            if (((_a = TabContainer_1.dragParent) === null || _a === void 0 ? void 0 : _a.topLevelComponent) != this.topLevelComponent && ((_b = tabs_1.Tabs.dragParent) === null || _b === void 0 ? void 0 : _b.topLevelComponent) != this.topLevelComponent)
+                return;
+            TabContainer_1.dropTarget = this;
+            this.hideOverlay();
+        };
+        this._onDragStart = (_e) => {
+            TabContainer_1.dragParent = this;
+        };
+        this._onDragStop = () => {
+            TabContainer_1.dragParent = null;
+        };
+        this._onTabDrop = (e) => {
+            TabContainer_1.dragParent = null;
+            e.stopPropagation();
+        };
+        this.render = () => {
+            const tabs = (0, lit_1.html) `
+			<og-tabs
+				class="${this.inactive ? 'inactive' : ''}"
+				.topLevelComponent="${this.topLevelComponent}"
+				.items="${this.items}"
+				.actions="${this.actions}"
+				.selectedIndex="${this.selectedIndex}"
+				.position="${this.tabPosition}"
+				?closable="${this.closable}"
+				?addButton="${this.addButton}"
+				@tab.select="${this._onSelect}"
+				@tab.remove="${this._onRemove}"
+				@dragstart="${this._onDragStart}"
+				@dragstop="${this._onDragStop}"
+				@drop="${this._onTabDrop}">
+			</og-tabs>
+		`;
+            const container = (0, lit_1.html) `
+			<div
+				id="container"
+				@drop="${this._onDrop}"
+				@dragover="${this._onDragover}"
+				@dragleave="${() => this.hideOverlay()}">
+			</div>
+		`;
+            return (0, lit_1.html) `
+			${this.tabPosition == 'top' ? tabs : container}
+			${this.tabPosition == 'bottom' ? tabs : container}
+			<div id="overlay" style="display: none"></div>
+		`;
+        };
+    }
+    get component() { return this.currentComponent; }
+    layout() {
+        var _a;
+        if ((_a = this.currentComponent) === null || _a === void 0 ? void 0 : _a.layout)
+            this.currentComponent.layout();
+    }
+    updateTabs() { this.tabs.requestUpdate(); }
+    async getComponent(componentId) {
+        if (!this.createComponent)
+            return null;
+        if (!this.cacheComponents || !this.components.has(componentId)) {
+            const component = await this.createComponent(componentId);
+            if (!this.cacheComponents)
+                return component;
+            this.components.set(componentId, component);
+        }
+        return this.components.get(componentId);
+    }
+    async loadComponent(componentId) {
+        if (componentId != null) {
+            this.currentComponent = await this.getComponent(componentId);
+            core_1.dom.empty(this.container);
+            if (this.currentComponent) {
+                core_1.dom.appendElement(this.container, this.currentComponent);
+            }
+        }
+        else {
+            core_1.dom.empty(this.container);
+            this.currentComponent = null;
+        }
+    }
+    open(item) {
+        const tabIndex = this.tabs.getIndexById(item.id);
+        if (tabIndex > -1) {
+            this.tabs.selectTab(tabIndex, true);
+        }
+        else {
+            this.tabs.addTab(item);
+            this.tabs.selectTabById(item.id, true);
+        }
+    }
+    willUpdate() {
+        var _a, _b;
+        if (!this.topLevelComponent)
+            this.topLevelComponent = this;
+        this.selectedIndex = ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) > 0
+            ? Math.max(0, Math.min((_b = this.selectedIndex) !== null && _b !== void 0 ? _b : -1, this.items.length - 1))
+            : -1;
+    }
+    firstUpdated() {
+        if (this.selectedIndex > -1)
+            this.open(this.items[this.selectedIndex]);
+        // this.addEventListener('dragover', e => {
+        // 	if (TabContainer.dragParent || Tabs.dragParent) e.stopPropagation();
+        // });
+    }
+    positionOverlay(pos) {
+        TabContainer_1.dropPosition = pos;
+        this.tabs.hideOverlay();
+        if (pos == null) {
+            this.tabs.positionOverlay(this.tabs.empty);
+            return core_1.dom.hideElement(this.overlay);
+        }
+        core_1.dom.showElement(this.overlay);
+        core_1.dom.setPosition(this.overlay, {
+            t: (pos == 'bottom' ? this.container.clientHeight / 2 : 0) + this.container.offsetTop,
+            l: pos == 'right' ? this.container.clientWidth / 2 : 0,
+            b: pos == 'top' ? this.container.clientHeight / 2 : 0,
+            r: pos == 'left' ? this.container.clientWidth / 2 : 0,
+        });
+    }
+    calculateOverlayPosition(x, y) {
+        const [w, h] = [this.container.clientWidth, this.container.clientHeight];
+        const margin = 0.3;
+        if (x > w * margin && x < w - (w * margin) && y > h * margin && y < h - (h * margin))
+            return null;
+        const [q1, q2] = [w / h > x / y, w / h > x / (h - y)];
+        return (q1 ? (q2 ? 'left' : 'bottom') : (q2 ? 'top' : 'right'));
+    }
+};
+exports.TabContainer = TabContainer;
+TabContainer.styles = [tabContainer_style_1.style];
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], TabContainer.prototype, "inactive", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], TabContainer.prototype, "topLevelComponent", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Array })
+], TabContainer.prototype, "items", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], TabContainer.prototype, "closable", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], TabContainer.prototype, "createComponent", void 0);
+__decorate([
+    (0, decorators_js_1.query)('og-tabs')
+], TabContainer.prototype, "tabs", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Array })
+], TabContainer.prototype, "actions", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], TabContainer.prototype, "addButton", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Number, reflect: true })
+], TabContainer.prototype, "selectedIndex", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: String, reflect: true })
+], TabContainer.prototype, "tabPosition", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], TabContainer.prototype, "cacheComponents", void 0);
+__decorate([
+    (0, decorators_js_1.query)('#container')
+], TabContainer.prototype, "container", void 0);
+__decorate([
+    (0, decorators_js_1.query)('#overlay')
+], TabContainer.prototype, "overlay", void 0);
+exports.TabContainer = TabContainer = TabContainer_1 = __decorate([
+    (0, decorators_js_1.customElement)('og-tabcontainer'),
+    (0, core_1.stylable)({ vars: ['background-*', 'tab-*'] })
+], TabContainer);
+//# sourceMappingURL=tabContainer.js.map

package/dist/components/tabContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabContainer.js","sourceRoot":"","sources":["../../src/components/tabContainer.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,6BAAuC;AACvC,qDAAmE;AACnE,6DAA6C;AAE7C,0CAAuI;AACvI,iCAAwC;AAQjC,IAAM,YAAY,oBAAlB,MAAM,YAAa,SAAQ,gBAAU;IAArC;;QASN,aAAQ,GAAG,KAAK,CAAC;QASjB,aAAQ,GAAG,KAAK,CAAC;QAYjB,cAAS,GAAG,KAAK,CAAC;QAGlB,kBAAa,GAAG,CAAC,CAAC,CAAC;QAGnB,gBAAW,GAAqB,KAAK,CAAC;QAGtC,oBAAe,GAAG,KAAK,CAAC;QASR,eAAU,GAAG,IAAI,GAAG,EAA4B,CAAC;QAiCjE,cAAS,GAAG,GAAG,EAAE,WAAC,OAAA,IAAI,CAAC,aAAa,CAAC,MAAA,IAAI,CAAC,IAAI,CAAC,YAAY,0CAAE,EAAE,CAAC,CAAA,EAAA,CAAC;QAEjE,cAAS,GAAG,CAAC,CAAW,EAAE,EAAE;YAC3B,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAClC,CAAC,CAAC;QA4CF,gBAAW,GAAG,GAAG,EAAE;YAClB,UAAG,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC9B,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;QACzB,CAAC,CAAA;QAUD,gBAAW,GAAG,CAAC,CAAY,EAAE,EAAE;YAC9B,IAAI,CAAC,cAAY,CAAC,UAAU,IAAI,CAAC,WAAI,CAAC,UAAU;gBAAE,OAAO;YACzD,IAAI,cAAY,CAAC,UAAU,CAAC,iBAAiB,IAAI,IAAI,CAAC,iBAAiB,IAAI,WAAI,CAAC,UAAU,CAAC,iBAAiB,IAAI,IAAI,CAAC,iBAAiB;gBAAE,OAAO;YAC/I,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,CAAC,CAAC,YAAY,CAAC,UAAU,GAAG,MAAM,CAAC;YACnC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3E,CAAC,CAAA;QAED,YAAO,GAAG,GAAG,EAAE;;YACd,IAAI,CAAA,MAAA,cAAY,CAAC,UAAU,0CAAE,iBAAiB,KAAI,IAAI,CAAC,iBAAiB,IAAI,CAAA,MAAA,WAAI,CAAC,UAAU,0CAAE,iBAAiB,KAAI,IAAI,CAAC,iBAAiB;gBAAE,OAAO;YACjJ,cAAY,CAAC,UAAU,GAAG,IAAI,CAAC;YAC/B,IAAI,CAAC,WAAW,EAAE,CAAC;QACpB,CAAC,CAAA;QAED,iBAAY,GAAG,CAAC,EAAa,EAAE,EAAE;YAChC,cAAY,CAAC,UAAU,GAAG,IAAI,CAAC;QAChC,CAAC,CAAA;QAED,gBAAW,GAAG,GAAG,EAAE;YAClB,cAAY,CAAC,UAAU,GAAG,IAAI,CAAC;QAChC,CAAC,CAAA;QAED,eAAU,GAAG,CAAC,CAAY,EAAE,EAAE;YAC7B,cAAY,CAAC,UAAU,GAAG,IAAI,CAAC;YAC/B,CAAC,CAAC,eAAe,EAAE,CAAC;QACrB,CAAC,CAAA;QAED,WAAM,GAAG,GAAG,EAAE;YACb,MAAM,IAAI,GAAG,IAAA,UAAI,EAAA;;aAEN,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;0BAClB,IAAI,CAAC,iBAAiB;cAClC,IAAI,CAAC,KAAK;gBACR,IAAI,CAAC,OAAO;sBACN,IAAI,CAAC,aAAa;iBACvB,IAAI,CAAC,WAAW;iBAChB,IAAI,CAAC,QAAQ;kBACZ,IAAI,CAAC,SAAS;mBACb,IAAI,CAAC,SAAS;mBACd,IAAI,CAAC,SAAS;kBACf,IAAI,CAAC,YAAY;iBAClB,IAAI,CAAC,WAAW;aACpB,IAAI,CAAC,UAAU;;GAEzB,CAAC;YACF,MAAM,SAAS,GAAG,IAAA,UAAI,EAAA;;;aAGX,IAAI,CAAC,OAAO;iBACR,IAAI,CAAC,WAAW;kBACf,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE;;GAEvC,CAAC;YAEF,OAAO,IAAA,UAAI,EAAA;KACR,IAAI,CAAC,WAAW,IAAI,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;KAC5C,IAAI,CAAC,WAAW,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;;GAEjD,CAAA;QACF,CAAC,CAAC;IAEH,CAAC;IA1JA,IAAI,SAAS,KAAK,OAAO,IAAI,CAAC,gBAAgB,CAAA,CAAC,CAAC;IAEhD,MAAM;;QACL,IAAI,MAAC,IAAI,CAAC,gBAA2B,0CAAE,MAAM;YAAG,IAAI,CAAC,gBAA2B,CAAC,MAAM,EAAE,CAAC;IAC3F,CAAC;IAED,UAAU,KAAK,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAA,CAAC,CAAC;IAE1C,KAAK,CAAC,YAAY,CAAC,WAAwB;QAC1C,IAAI,CAAC,IAAI,CAAC,eAAe;YAAE,OAAO,IAAI,CAAC;QACvC,IAAI,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC;YAChE,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;YAC1D,IAAI,CAAC,IAAI,CAAC,eAAe;gBAAE,OAAO,SAAS,CAAC;YAC5C,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;QAC7C,CAAC;QACD,OAAO,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IACzC,CAAC;IAED,KAAK,CAAC,aAAa,CAAC,WAAwB;QAC3C,IAAI,WAAW,IAAI,IAAI,EAAE,CAAC;YACzB,IAAI,CAAC,gBAAgB,GAAG,MAAM,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;YAC7D,UAAG,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAC1B,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBAC3B,UAAG,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;YAC1D,CAAC;QACF,CAAC;aAAM,CAAC;YACP,UAAG,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAC1B,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;QAC9B,CAAC;IACF,CAAC;IAQD,IAAI,CAAC,IAAa;QACjB,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACjD,IAAI,QAAQ,GAAG,CAAC,CAAC,EAAE,CAAC;YACnB,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;QACrC,CAAC;aAAM,CAAC;YACP,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YACvB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;QACxC,CAAC;IACF,CAAC;IAED,UAAU;;QACT,IAAI,CAAC,IAAI,CAAC,iBAAiB;YAAE,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;QAC3D,IAAI,CAAC,aAAa,GAAG,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,IAAG,CAAC;YAC1C,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,MAAA,IAAI,CAAC,aAAa,mCAAI,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YACxE,CAAC,CAAC,CAAC,CAAC,CAAC;IACP,CAAC;IAED,YAAY;QACX,IAAI,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;YAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;QACvE,2CAA2C;QAC3C,wEAAwE;QACxE,MAAM;IACP,CAAC;IAED,eAAe,CAAC,GAAwB;QACvC,cAAY,CAAC,YAAY,GAAG,GAAG,CAAC;QAEhC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;QACxB,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;YACjB,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC3C,OAAO,UAAG,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACtC,CAAC;QAED,UAAG,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC9B,UAAG,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE;YAC7B,CAAC,EAAE,CAAC,GAAG,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS;YACrF,CAAC,EAAE,GAAG,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YACtD,CAAC,EAAE,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YACrD,CAAC,EAAE,GAAG,IAAI,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;SACrD,CAAC,CAAC;IACJ,CAAC;IAOD,wBAAwB,CAAC,CAAS,EAAE,CAAS;QAC5C,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;QACzE,MAAM,MAAM,GAAG,GAAG,CAAC;QACnB,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC;YAAE,OAAO,IAAI,CAAC;QAClG,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QACtD,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAwB,CAAC;IACxF,CAAC;;AA5IW,oCAAY;AAMjB,mBAAM,GAAG,CAAC,0BAAK,CAAC,AAAV,CAAW;AAGxB;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;8CACT;AAGjB;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;uDACM;AAG/B;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC;2CACP;AAGjB;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;8CACT;AAGjB;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;qDACS;AAGlC;IADC,IAAA,qBAAK,EAAC,SAAS,CAAC;0CACN;AAGX;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC;6CACE;AAG1B;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;+CACR;AAGlB;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;mDACrB;AAGnB;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;iDACF;AAGtC;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;qDACF;AAGxB;IADC,IAAA,qBAAK,EAAC,YAAY,CAAC;+CACM;AAG1B;IADC,IAAA,qBAAK,EAAC,UAAU,CAAC;6CACM;uBA7CZ,YAAY;IAFxB,IAAA,6BAAa,EAAC,iBAAiB,CAAC;IAChC,IAAA,eAAQ,EAAC,EAAC,IAAI,EAAE,CAAC,cAAc,EAAE,OAAO,CAAC,EAAC,CAAC;GAC/B,YAAY,CA4MxB"}

package/dist/components/tabContainer.style.d.ts

@@ -0,0 +1,2 @@
+export declare const style: import("lit").CSSResult;
+//# sourceMappingURL=tabContainer.style.d.ts.map

package/dist/components/tabContainer.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabContainer.style.d.ts","sourceRoot":"","sources":["../../src/components/tabContainer.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,yBA2BjB,CAAC"}

package/dist/components/tabContainer.style.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.style = void 0;
+const lit_1 = require("lit");
+exports.style = (0, lit_1.css) `
+	* {
+		box-sizing: border-box;
+	}
+
+	:host {
+		display: flex;
+		flex-direction: column;
+		position: relative;
+	}
+	
+	og-tabs {
+		flex: 0;
+	}
+	
+	#container {
+		flex: 1;
+		position: relative;
+		overflow: hidden;
+		background: var(--background-color-2);
+	}
+
+	#overlay {
+		background-color: var(--accent-color);
+		opacity: 0.5;
+		pointer-events: none;
+	}
+`;
+//# sourceMappingURL=tabContainer.style.js.map

package/dist/components/tabContainer.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabContainer.style.js","sourceRoot":"","sources":["../../src/components/tabContainer.style.ts"],"names":[],"mappings":";;;AAAA,6BAA0B;AAEb,QAAA,KAAK,GAAG,IAAA,SAAG,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BvB,CAAC"}

package/dist/components/tabSplitContainer.d.ts

@@ -0,0 +1,41 @@
+import { LitElement } from "lit";
+import { TabItem } from '../types';
+import { ComponentFactory, SplitContainer, Layout, ComponentId, VerticalPosition } from "@omegagrid/core";
+import { TabContainer } from "./tabContainer";
+import { TabSplitContainerModel } from "../model";
+type TabSplitContainerTabContainer = TabContainer & {
+    index: number;
+    parentContainer: TabSplitContainer;
+};
+export declare class TabSplitContainer extends LitElement implements Layout {
+    static styles: import("lit").CSSResult;
+    topLevelComponent: HTMLElement;
+    model: TabSplitContainerModel;
+    addButton: boolean;
+    closable: boolean;
+    singleActive: boolean;
+    tabPosition: VerticalPosition;
+    createComponent: ComponentFactory;
+    splitContainer: SplitContainer;
+    tabContainers: Set<TabSplitContainer | TabSplitContainerTabContainer>;
+    private _activeTabContainer;
+    get activeTabContainer(): TabContainer;
+    private _activeTab;
+    get activeTab(): TabItem;
+    walk(cb: (splitContainer: TabSplitContainer, tabContainer: TabSplitContainerTabContainer) => boolean | void): void;
+    willUpdate(): void;
+    updateTabs(): void;
+    updateTab(id: ComponentId, tab: Partial<TabItem>): void;
+    removeEmptyContainers(): Promise<void>;
+    updateActiveTab(): void;
+    _createTabContainer: (containerIndex: number) => TabSplitContainerTabContainer;
+    _createSplitContainer: (containerIndex: number) => TabSplitContainer;
+    _createSplitContainerComponent: (id: ComponentId) => Promise<TabContainer | TabSplitContainer>;
+    _onDrop: (e: DragEvent) => void;
+    activate(id: ComponentId): void;
+    open(item: TabItem, containerIndex?: number): void;
+    render: () => import("lit-html").TemplateResult<1> | "";
+    layout(): void;
+}
+export {};
+//# sourceMappingURL=tabSplitContainer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabSplitContainer.d.ts","sourceRoot":"","sources":["../../src/components/tabSplitContainer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAO,gBAAgB,EAAE,cAAc,EAAE,MAAM,EAAE,WAAW,EAAe,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAC5H,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAElD,KAAK,6BAA6B,GAAG,YAAY,GAAG;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,iBAAiB,CAAA;CAClC,CAAC;AAEF,qBAEa,iBAAkB,SAAQ,UAAW,YAAW,MAAM;IAElE,MAAM,CAAC,MAAM,0BAQX;IAGF,iBAAiB,EAAE,WAAW,CAAC;IAG/B,KAAK,EAAE,sBAAsB,CAAC;IAG9B,SAAS,UAAS;IAGlB,QAAQ,UAAS;IAGjB,YAAY,UAAS;IAGrB,WAAW,EAAE,gBAAgB,CAAS;IAGtC,eAAe,EAAE,gBAAgB,CAAC;IAGlC,cAAc,EAAE,cAAc,CAAC;IAE/B,aAAa,yDAA8D;IAE3E,OAAO,CAAC,mBAAmB,CAAe;IAC1C,IAAI,kBAAkB,iBAAsC;IAE5D,OAAO,CAAC,UAAU,CAAU;IAC5B,IAAI,SAAS,YAA6B;IAE1C,IAAI,CAAC,EAAE,EAAE,CAAC,cAAc,EAAE,iBAAiB,EAAE,YAAY,EAAE,6BAA6B,KAAK,OAAO,GAAC,IAAI;IAUzG,UAAU;IAKV,UAAU;IAEV,SAAS,CAAC,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE,OAAO,CAAC,OAAO,CAAC;IAkB1C,qBAAqB;IAQ3B,eAAe;IAOf,mBAAmB,mBAAoB,MAAM,mCAmD3C;IAEF,qBAAqB,mBAAoB,MAAM,uBAW7C;IAEF,8BAA8B,OAAQ,WAAW,+CAY9C;IAEH,OAAO,MAAO,SAAS,UAuDtB;IAED,QAAQ,CAAC,EAAE,EAAE,WAAW;IAIxB,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,cAAc,SAAI;IAwBtC,MAAM,kDAOC;IAEP,MAAM;CAIN"}