@shoper/phoenix_design_system 1.18.2 → 1.18.3

package/build/esm/packages/phoenix/src/components/tabs/tab/tab.js

@@ -1,71 +1,72 @@
-import { __decorate, __metadata } from "tslib";
-import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
-import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
 import { property } from 'lit/decorators';
-import { TAB_EVENT_NAMES, TAB_SELECTED_ATTRIBUTE_NAME } from '@phoenixRoot/components/tabs/tab/tab_constants';
 import { UiDomUtils } from '@dreamcommerce/utilities';
-import { BtnController } from '@phoenixRoot/controllers/btn_controller/btn_controller';
-import '../tabs_types';
-let HTab = class HTab extends PhoenixLightLitElement {
-    constructor() {
-        super(...arguments);
-        this._handleTabClicked = () => {
-            if (this.disabled)
-                return;
-            this._dispatchSelectedEvent();
-        };
-        this._dispatchSelectedEvent = () => {
-            document.dispatchEvent(new CustomEvent(TAB_EVENT_NAMES.selected, {
-                detail: {
-                    panelName: this.panelName
-                },
-                bubbles: true
-            }));
-        };
-    }
-    get selected() {
-        return this.hasAttribute(TAB_SELECTED_ATTRIBUTE_NAME);
-    }
-    set selected(selected) {
-        selected ? this.setAttribute(TAB_SELECTED_ATTRIBUTE_NAME, '') : this.removeAttribute(TAB_SELECTED_ATTRIBUTE_NAME);
-        this.setAttribute('aria-selected', String(selected));
-        selected ? UiDomUtils.makeNavigable(this) : UiDomUtils.makeUnnavigable(this);
-    }
-    attributeChangedCallback(name, value, newValue) {
-        super.attributeChangedCallback(name, value, newValue);
-        switch (name) {
-            case TAB_SELECTED_ATTRIBUTE_NAME: {
-                this.selected = Boolean(newValue);
-                break;
-            }
-        }
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this._btnController = new BtnController(this, this._handleTabClicked);
-        this._setupAttributes();
-        this._bindEvents();
-        this.selected ? UiDomUtils.makeNavigable(this) : UiDomUtils.makeUnnavigable(this);
-    }
-    _setupAttributes() {
-        this.setAttribute('role', 'tab');
-        this.setAttribute('aria-controls', this.panelName);
-        this.setAttribute('aria-selected', String(this.selected));
-    }
-    _bindEvents() {
-        this.addEventListener('click', this._handleTabClicked);
-    }
-};
-__decorate([
-    property({ type: String, reflect: true, attribute: 'panel-name' }),
-    __metadata("design:type", String)
-], HTab.prototype, "panelName", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true }),
-    __metadata("design:type", Boolean)
-], HTab.prototype, "disabled", void 0);
-HTab = __decorate([
-    phoenixCustomElement('h-tab')
+import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
+import { BtnController } from '../../../controllers/btn_controller/btn_controller.js';
+import { TAB_EVENT_NAMES, TAB_SELECTED_ATTRIBUTE_NAME } from './tab_constants.js';
+
+let HTab = class HTab extends PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this._handleTabClicked = () => {
+            if (this.disabled)
+                return;
+            this._dispatchSelectedEvent();
+        };
+        this._dispatchSelectedEvent = () => {
+            document.dispatchEvent(new CustomEvent(TAB_EVENT_NAMES.selected, {
+                detail: {
+                    panelName: this.panelName
+                },
+                bubbles: true
+            }));
+        };
+    }
+    get selected() {
+        return this.hasAttribute(TAB_SELECTED_ATTRIBUTE_NAME);
+    }
+    set selected(selected) {
+        selected ? this.setAttribute(TAB_SELECTED_ATTRIBUTE_NAME, '') : this.removeAttribute(TAB_SELECTED_ATTRIBUTE_NAME);
+        this.setAttribute('aria-selected', String(selected));
+        selected ? UiDomUtils.makeNavigable(this) : UiDomUtils.makeUnnavigable(this);
+    }
+    attributeChangedCallback(name, value, newValue) {
+        super.attributeChangedCallback(name, value, newValue);
+        switch (name) {
+            case TAB_SELECTED_ATTRIBUTE_NAME: {
+                this.selected = Boolean(newValue);
+                break;
+            }
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._btnController = new BtnController(this, this._handleTabClicked);
+        this._setupAttributes();
+        this._bindEvents();
+        this.selected ? UiDomUtils.makeNavigable(this) : UiDomUtils.makeUnnavigable(this);
+    }
+    _setupAttributes() {
+        this.setAttribute('role', 'tab');
+        this.setAttribute('aria-controls', this.panelName);
+        this.setAttribute('aria-selected', String(this.selected));
+    }
+    _bindEvents() {
+        this.addEventListener('click', this._handleTabClicked);
+    }
+};
+__decorate([
+    property({ type: String, reflect: true, attribute: 'panel-name' }),
+    __metadata("design:type", String)
+], HTab.prototype, "panelName", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Boolean)
+], HTab.prototype, "disabled", void 0);
+HTab = __decorate([
+    phoenixCustomElement('h-tab')
 ], HTab);
+
 export { HTab };
-//# sourceMappingURL=tab.js.map
+//# sourceMappingURL=tab.js.map

package/build/esm/packages/phoenix/src/components/tabs/tab/tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../../../../../../src/components/tabs/tab/tab.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/phoenix/src/components/tabs/tab/tab_constants.d.ts

@@ -1,4 +1,4 @@
-export declare const TAB_EVENT_NAMES: {
-    readonly selected: "selected";
-};
-export declare const TAB_SELECTED_ATTRIBUTE_NAME = "selected";
+export declare const TAB_EVENT_NAMES: {
+    readonly selected: "selected";
+};
+export declare const TAB_SELECTED_ATTRIBUTE_NAME = "selected";

package/build/esm/packages/phoenix/src/components/tabs/tab/tab_constants.js

@@ -1,5 +1,7 @@
-export const TAB_EVENT_NAMES = {
-    selected: 'selected'
-};
-export const TAB_SELECTED_ATTRIBUTE_NAME = 'selected';
-//# sourceMappingURL=tab_constants.js.map
+const TAB_EVENT_NAMES = {
+    selected: 'selected'
+};
+const TAB_SELECTED_ATTRIBUTE_NAME = 'selected';
+
+export { TAB_EVENT_NAMES, TAB_SELECTED_ATTRIBUTE_NAME };
+//# sourceMappingURL=tab_constants.js.map

package/build/esm/packages/phoenix/src/components/tabs/tab/tab_constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab_constants.js","sourceRoot":"","sources":["../../../../../../../../src/components/tabs/tab/tab_constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,QAAQ,EAAE,UAAU;CACd,CAAC;AAEX,MAAM,CAAC,MAAM,2BAA2B,GAAG,UAAU,CAAC"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/phoenix/src/components/tabs/tab_panel.d.ts

@@ -1,9 +1,9 @@
-import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
-export declare class HTabPanel extends PhoenixLightLitElement {
-    name: string;
-    private _visibilityController;
-    constructor();
-    connectedCallback(): void;
-    show(): void;
-    hide(): void;
-}
+import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+export declare class HTabPanel extends PhoenixLightLitElement {
+    name: string;
+    private _visibilityController;
+    constructor();
+    connectedCallback(): void;
+    show(): void;
+    hide(): void;
+}

package/build/esm/packages/phoenix/src/components/tabs/tab_panel.js

@@ -1,37 +1,37 @@
-import { __decorate, __metadata } from "tslib";
-import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
-import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
 import { property } from 'lit/decorators';
-import '@phoenixRoot/controllers/visibility_controller/visibility_controller_types';
-import { VisibilityController } from '@phoenixRoot/controllers/visibility_controller/visibility_controller';
-import './tab/tab';
-let HTabPanel = class HTabPanel extends PhoenixLightLitElement {
-    constructor() {
-        super();
-        this._visibilityController = new VisibilityController(this);
-        this.setAttribute('role', 'tabpanel');
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        const $tab = document.querySelector(`[panel-name="${this.name}"]`);
-        if ($tab && $tab.id) {
-            this.setAttribute('aria-labelledby', $tab.id);
-        }
-    }
-    show() {
-        this._visibilityController.show();
-    }
-    hide() {
-        this._visibilityController.hide();
-    }
-};
-__decorate([
-    property({ type: String, reflect: true }),
-    __metadata("design:type", String)
-], HTabPanel.prototype, "name", void 0);
-HTabPanel = __decorate([
-    phoenixCustomElement('h-tab-panel'),
-    __metadata("design:paramtypes", [])
+import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
+import { VisibilityController } from '../../controllers/visibility_controller/visibility_controller.js';
+
+let HTabPanel = class HTabPanel extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        this._visibilityController = new VisibilityController(this);
+        this.setAttribute('role', 'tabpanel');
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        const $tab = document.querySelector(`[panel-name="${this.name}"]`);
+        if ($tab && $tab.id) {
+            this.setAttribute('aria-labelledby', $tab.id);
+        }
+    }
+    show() {
+        this._visibilityController.show();
+    }
+    hide() {
+        this._visibilityController.hide();
+    }
+};
+__decorate([
+    property({ type: String, reflect: true }),
+    __metadata("design:type", String)
+], HTabPanel.prototype, "name", void 0);
+HTabPanel = __decorate([
+    phoenixCustomElement('h-tab-panel'),
+    __metadata("design:paramtypes", [])
 ], HTabPanel);
+
 export { HTabPanel };
-//# sourceMappingURL=tab_panel.js.map
+//# sourceMappingURL=tab_panel.js.map

package/build/esm/packages/phoenix/src/components/tabs/tab_panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab_panel.js","sourceRoot":"","sources":["../../../../../../../src/components/tabs/tab_panel.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAC/G,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAsC,4EAA4E,CAAC;AACnH,OAAO,EAAE,oBAAoB,EAAE,MAAM,sEAAsE,CAAC;AAC5G,OAAqB,WAAW,CAAC;AAGjC,IAAa,SAAS,GAAtB,MAAa,SAAU,SAAQ,sBAAsB;IAMjD;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,qBAAqB,GAAG,IAAI,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAE5D,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IAC1C,CAAC;IAEM,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAO,gBAAgB,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC;QAEzE,IAAI,IAAI,IAAI,IAAI,CAAC,EAAE,EAAE;YACjB,IAAI,CAAC,YAAY,CAAC,iBAAiB,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;SACjD;IACL,CAAC;IAEM,IAAI;QACP,IAAI,CAAC,qBAAqB,CAAC,IAAI,EAAE,CAAC;IACtC,CAAC;IAEM,IAAI;QACP,IAAI,CAAC,qBAAqB,CAAC,IAAI,EAAE,CAAC;IACtC,CAAC;CACJ,CAAA;AA7BG;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;uCACtB;AAFX,SAAS;IADrB,oBAAoB,CAAC,aAAa,CAAC;;GACvB,SAAS,CA+BrB;SA/BY,SAAS"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/phoenix/src/components/tabs/tabs.d.ts

@@ -1,18 +1,18 @@
-import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
-export declare class HTabs extends PhoenixLightLitElement {
-    private _$selectedTab;
-    private _$tabs;
-    watchChildrenRendered: boolean;
-    connectedCallback(): void;
-    private _handleArrowNavigation;
-    private _getFocusedTabIndex;
-    private _getNextTabIndex;
-    private _getPrevTabIndex;
-    private _setupEvents;
-    private _handleTabSelected;
-    allChildrenRendered(): void;
-    private _hideNotSelectedAndVisiblePanels;
-    switchPanel(newPanelName: string): void;
-    private _dispatchChangedEvent;
-    disconnectedCallback(): void;
-}
+import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+export declare class HTabs extends PhoenixLightLitElement {
+    private _$selectedTab;
+    private _$tabs;
+    watchChildrenRendered: boolean;
+    connectedCallback(): void;
+    private _handleArrowNavigation;
+    private _getFocusedTabIndex;
+    private _getNextTabIndex;
+    private _getPrevTabIndex;
+    private _setupEvents;
+    private _handleTabSelected;
+    allChildrenRendered(): void;
+    private _hideNotSelectedAndVisiblePanels;
+    switchPanel(newPanelName: string): void;
+    private _dispatchChangedEvent;
+    disconnectedCallback(): void;
+}

package/build/esm/packages/phoenix/src/components/tabs/tabs.js

@@ -1,109 +1,109 @@
-import { __decorate, __metadata } from "tslib";
-import { HTab } from '@phoenixRoot/components/tabs/tab/tab';
-import '@phoenixRoot/components/tabs/tab_panel';
-import { KeystrokesController } from '@phoenixRoot/controllers/keystrokes_controller/keystrokes_controller';
-import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
-import { TABS_EVENT_NAMES } from '@phoenixRoot/components/tabs/tabs_constants';
-import { TAB_EVENT_NAMES } from '@phoenixRoot/components/tabs/tab/tab_constants';
-import '@phoenixRoot/components/tabs/tabs_types';
-import { UiDomUtils } from '@dreamcommerce/utilities';
-import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
+import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
 import { state } from 'lit/decorators';
-let HTabs = class HTabs extends PhoenixLightLitElement {
-    constructor() {
-        super(...arguments);
-        this.watchChildrenRendered = true;
-        this._handleArrowNavigation = (ev) => {
-            ev.preventDefault();
-            const currentTabIndex = this._getFocusedTabIndex();
-            if (currentTabIndex === undefined)
-                return;
-            const newTabIndex = ev.key === 'ArrowLeft' ? this._getPrevTabIndex(currentTabIndex) : this._getNextTabIndex(currentTabIndex);
-            UiDomUtils.makeUnnavigable(this._$tabs[currentTabIndex]);
-            UiDomUtils.makeNavigable(this._$tabs[newTabIndex]);
-            this._$tabs[newTabIndex].focus();
-        };
-        this._handleTabSelected = (event) => {
-            const newlySelectedTabPanelName = event.detail.panelName;
-            const $newlySelectedTab = this.querySelector(`[panel-name="${newlySelectedTabPanelName}"]`);
-            if (!$newlySelectedTab)
-                return;
-            this.switchPanel($newlySelectedTab.panelName);
-            if (this._$selectedTab)
-                this._$selectedTab.selected = false;
-            $newlySelectedTab.selected = true;
-            this._dispatchChangedEvent(this._$selectedTab, $newlySelectedTab);
-            this._$selectedTab = $newlySelectedTab;
-        };
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this._setupEvents();
-        this.setAttribute('role', 'tablist');
-        this._$tabs = [...this.querySelectorAll('h-tab')];
-        new KeystrokesController({
-            host: this,
-            keys: ['ArrowRight', 'ArrowLeft'],
-            callback: this._handleArrowNavigation,
-            target: this
-        });
-    }
-    _getFocusedTabIndex() {
-        const focusedElement = document.activeElement;
-        if ((focusedElement === null || focusedElement === void 0 ? void 0 : focusedElement.tagName) !== 'H-TAB')
-            return;
-        return this._$tabs.findIndex(($tab) => $tab === focusedElement);
-    }
-    _getNextTabIndex(currentTabIndex) {
-        return (currentTabIndex + 1) % this._$tabs.length;
-    }
-    _getPrevTabIndex(currentTabIndex) {
-        return (currentTabIndex - 1 + this._$tabs.length) % this._$tabs.length;
-    }
-    _setupEvents() {
-        document.addEventListener(TAB_EVENT_NAMES.selected, this._handleTabSelected);
-    }
-    allChildrenRendered() {
-        const $selectedTab = this.querySelector('h-tab[selected]');
-        this._hideNotSelectedAndVisiblePanels();
-        if (!$selectedTab)
-            return;
-        this._$selectedTab = $selectedTab;
-        this.switchPanel(this._$selectedTab.panelName);
-    }
-    _hideNotSelectedAndVisiblePanels() {
-        const $notSelectedTabs = [...this.querySelectorAll('h-tab:not([selected])')];
-        $notSelectedTabs
-            .map(($tab) => $tab.panelName)
-            .forEach((panelName) => document.querySelectorAll(`[name="${panelName}"]`).forEach(($panel) => $panel.hide()));
-    }
-    switchPanel(newPanelName) {
-        const $currentPanel = this._$selectedTab && document.querySelectorAll(`[name="${this._$selectedTab.panelName}"]`);
-        const $newPanel = document.querySelectorAll(`[name="${newPanelName}"]`);
-        if ($currentPanel)
-            $currentPanel.forEach(($panel) => $panel.hide());
-        if ($newPanel)
-            $newPanel.forEach(($panel) => $panel.show());
-    }
-    _dispatchChangedEvent($previousTab, $newTab) {
-        this.emitCustomEvent(TABS_EVENT_NAMES.changed, {
-            detail: {
-                $previousTab,
-                $newTab
-            }
-        });
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        document.removeEventListener(TAB_EVENT_NAMES.selected, this._handleTabSelected);
-    }
-};
-__decorate([
-    state(),
-    __metadata("design:type", HTab)
-], HTabs.prototype, "_$selectedTab", void 0);
-HTabs = __decorate([
-    phoenixCustomElement('h-tabs')
+import { UiDomUtils } from '@dreamcommerce/utilities';
+import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
+import { KeystrokesController } from '../../controllers/keystrokes_controller/keystrokes_controller.js';
+import { TAB_EVENT_NAMES } from './tab/tab_constants.js';
+import { HTab } from './tab/tab.js';
+import { TABS_EVENT_NAMES } from './tabs_constants.js';
+
+let HTabs = class HTabs extends PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this.watchChildrenRendered = true;
+        this._handleArrowNavigation = (ev) => {
+            ev.preventDefault();
+            const currentTabIndex = this._getFocusedTabIndex();
+            if (currentTabIndex === undefined)
+                return;
+            const newTabIndex = ev.key === 'ArrowLeft' ? this._getPrevTabIndex(currentTabIndex) : this._getNextTabIndex(currentTabIndex);
+            UiDomUtils.makeUnnavigable(this._$tabs[currentTabIndex]);
+            UiDomUtils.makeNavigable(this._$tabs[newTabIndex]);
+            this._$tabs[newTabIndex].focus();
+        };
+        this._handleTabSelected = (event) => {
+            const newlySelectedTabPanelName = event.detail.panelName;
+            const $newlySelectedTab = this.querySelector(`[panel-name="${newlySelectedTabPanelName}"]`);
+            if (!$newlySelectedTab)
+                return;
+            this.switchPanel($newlySelectedTab.panelName);
+            if (this._$selectedTab)
+                this._$selectedTab.selected = false;
+            $newlySelectedTab.selected = true;
+            this._dispatchChangedEvent(this._$selectedTab, $newlySelectedTab);
+            this._$selectedTab = $newlySelectedTab;
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._setupEvents();
+        this.setAttribute('role', 'tablist');
+        this._$tabs = [...this.querySelectorAll('h-tab')];
+        new KeystrokesController({
+            host: this,
+            keys: ['ArrowRight', 'ArrowLeft'],
+            callback: this._handleArrowNavigation,
+            target: this
+        });
+    }
+    _getFocusedTabIndex() {
+        const focusedElement = document.activeElement;
+        if ((focusedElement === null || focusedElement === void 0 ? void 0 : focusedElement.tagName) !== 'H-TAB')
+            return;
+        return this._$tabs.findIndex(($tab) => $tab === focusedElement);
+    }
+    _getNextTabIndex(currentTabIndex) {
+        return (currentTabIndex + 1) % this._$tabs.length;
+    }
+    _getPrevTabIndex(currentTabIndex) {
+        return (currentTabIndex - 1 + this._$tabs.length) % this._$tabs.length;
+    }
+    _setupEvents() {
+        document.addEventListener(TAB_EVENT_NAMES.selected, this._handleTabSelected);
+    }
+    allChildrenRendered() {
+        const $selectedTab = this.querySelector('h-tab[selected]');
+        this._hideNotSelectedAndVisiblePanels();
+        if (!$selectedTab)
+            return;
+        this._$selectedTab = $selectedTab;
+        this.switchPanel(this._$selectedTab.panelName);
+    }
+    _hideNotSelectedAndVisiblePanels() {
+        const $notSelectedTabs = [...this.querySelectorAll('h-tab:not([selected])')];
+        $notSelectedTabs
+            .map(($tab) => $tab.panelName)
+            .forEach((panelName) => document.querySelectorAll(`[name="${panelName}"]`).forEach(($panel) => $panel.hide()));
+    }
+    switchPanel(newPanelName) {
+        const $currentPanel = this._$selectedTab && document.querySelectorAll(`[name="${this._$selectedTab.panelName}"]`);
+        const $newPanel = document.querySelectorAll(`[name="${newPanelName}"]`);
+        if ($currentPanel)
+            $currentPanel.forEach(($panel) => $panel.hide());
+        if ($newPanel)
+            $newPanel.forEach(($panel) => $panel.show());
+    }
+    _dispatchChangedEvent($previousTab, $newTab) {
+        this.emitCustomEvent(TABS_EVENT_NAMES.changed, {
+            detail: {
+                $previousTab,
+                $newTab
+            }
+        });
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        document.removeEventListener(TAB_EVENT_NAMES.selected, this._handleTabSelected);
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", HTab)
+], HTabs.prototype, "_$selectedTab", void 0);
+HTabs = __decorate([
+    phoenixCustomElement('h-tabs')
 ], HTabs);
+
 export { HTabs };
-//# sourceMappingURL=tabs.js.map
+//# sourceMappingURL=tabs.js.map

package/build/esm/packages/phoenix/src/components/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../../../../src/components/tabs/tabs.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/phoenix/src/components/tabs/tabs_constants.d.ts

@@ -1,3 +1,3 @@
-export declare const TABS_EVENT_NAMES: {
-    readonly changed: "changed";
-};
+export declare const TABS_EVENT_NAMES: {
+    readonly changed: "changed";
+};

package/build/esm/packages/phoenix/src/components/tabs/tabs_constants.js

@@ -1,4 +1,6 @@
-export const TABS_EVENT_NAMES = {
-    changed: 'changed'
+const TABS_EVENT_NAMES = {
+    changed: 'changed'
 };
-//# sourceMappingURL=tabs_constants.js.map
+
+export { TABS_EVENT_NAMES };
+//# sourceMappingURL=tabs_constants.js.map

package/build/esm/packages/phoenix/src/components/tabs/tabs_constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs_constants.js","sourceRoot":"","sources":["../../../../../../../src/components/tabs/tabs_constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC5B,OAAO,EAAE,SAAS;CACZ,CAAC"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/phoenix/src/components/tabs/tabs_types.d.ts

@@ -1,4 +1,4 @@
-export declare type TTabSelectedEventDetail = {
-    panelName: string;
-};
-export declare type TTabSelectedEvent = CustomEvent<TTabSelectedEventDetail>;
+export declare type TTabSelectedEventDetail = {
+    panelName: string;
+};
+export declare type TTabSelectedEvent = CustomEvent<TTabSelectedEventDetail>;

package/build/esm/packages/phoenix/src/components/tag/tag.d.ts

@@ -1,9 +1,9 @@
-import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
-export declare class HTag extends PhoenixLightLitElement {
-    clickable: boolean;
-    private removable;
-    private _btnController;
-    connectedCallback(): void;
-    private _setupEvents;
-    private _handleClick;
-}
+import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+export declare class HTag extends PhoenixLightLitElement {
+    clickable: boolean;
+    private removable;
+    private _btnController;
+    connectedCallback(): void;
+    private _setupEvents;
+    private _handleClick;
+}