@quartzds/core 1.0.0-beta.127 → 1.0.0-beta.129

package/dist/esm/qds-tabbar.entry.js

@@ -4,9 +4,9 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-Hg1Liloy.js';
-import { i as invariant, V as VERTICAL_MOVE_KEYS, H as HORIZONTAL_MOVE_KEYS, h as resolvePanelElement, j as componentOnReady } from './helpers-mPQzhx-O.js';
+import { i as invariant, V as VERTICAL_MOVE_KEYS, H as HORIZONTAL_MOVE_KEYS, l as resolvePanelElement, m as componentOnReady } from './helpers-_a9kqEyo.js';
 
-const tabbarCss = ":host([hidden]){display:none!important}:host{display:block}.qds-tabbar,.qds-tabs,.qds-vertical,.qds-vertical-divider{display:flex}.qds-tabbar,.qds-vertical-divider{width:inherit}.qds-arrow-start{transform:scaleX(var(--qds-direction-factor,1)) rotate(180deg)}.qds-align-center{align-content:center}.qds-hidden{display:none}.qds-centered{justify-content:center}.qds-tabs{flex:1;margin-block:0;overflow:auto;padding-inline-start:0;scroll-behavior:smooth;scrollbar-width:none}.qds-vertical{flex-direction:column}.qds-vertical-divider{flex-direction:row}[data-size=small]{gap:var(--qds-control-small-gap-siblings-related)}[data-size=standard]{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=main][data-level=root] .qds-tabs,[data-size=large]{gap:var(--qds-control-large-gap-siblings-related)}[data-layer=main][data-level=section] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=main][data-level=subsection] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}[data-layer=popup][data-level=root] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=popup][data-level=section] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}:is([data-layer=panel],[data-layer=accessory])[data-level=root] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}";
+const tabbarCss = ":host([hidden]){display:none!important}:host{display:block}.qds-tabbar,.qds-tabs,.qds-vertical,.qds-vertical-divider{display:flex}.qds-tabbar,.qds-vertical-divider{width:inherit}.qds-arrow-start{transform:scaleX(var(--qds-direction-factor,1)) rotate(180deg)}.qds-align-center{align-content:center}.qds-hidden{display:none}.qds-centered{justify-content:center}.qds-tabs{flex:1;margin-block:0;overflow:auto;padding-inline-start:0;scroll-behavior:smooth;scrollbar-width:none}.qds-vertical{flex-direction:column}.qds-vertical-divider{flex-direction:row}[data-size=small]{gap:var(--qds-control-small-gap-siblings-related)}[data-size=standard]{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=main][data-level=root] .qds-tabs,[data-size=large]{gap:var(--qds-control-large-gap-siblings-related)}[data-layer=main][data-level=section] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=main][data-level=subsection] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}[data-layer=popup][data-level=root] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=popup][data-level=section] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}:is([data-layer=panel],[data-layer=accessory])[data-level=root] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}";
 
 // SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
@@ -27,7 +27,7 @@ var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) ||
         throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _Tabbar_instances, _Tabbar_tabs, _Tabbar_ro, _Tabbar_tabbar, _Tabbar_computedImportance_get, _Tabbar_computedSize_get, _Tabbar_computedPlacement_get, _Tabbar_computeDividerVisible_get, _Tabbar_computedAriaOrientation_get, _Tabbar_getTabItems, _Tabbar_scrollToStart, _Tabbar_scrollToEnd, _Tabbar_setActiveTab, _Tabbar_switchTabPanel, _Tabbar_handleTabActivation, _Tabbar_getCurrentTab, _Tabbar_setCurrentTab, _Tabbar_isVerticalPlacement, _Tabbar_isHorizontalPlacement, _Tabbar_isEndOrBottomPlacement, _Tabbar_onClick, _Tabbar_onKeyDown, _Tabbar_onMouseDown, _Tabbar_onScroll, _Tabbar_onViewportCrop, _Tabbar_syncInternalsAccessibility, _Tabbar_updateTabsCache, _Tabbar_setTabSettings, _Tabbar_onSlotchange;
+var _Tabbar_instances, _Tabbar_tabs, _Tabbar_ro, _Tabbar_mutationObserver, _Tabbar_tabbar, _Tabbar_toggleAnnouncement, _Tabbar_scrollStartButton, _Tabbar_scrollEndButton, _Tabbar_pendingArrowFocus, _Tabbar_isInternallySettingActive, _Tabbar_computedImportance_get, _Tabbar_computedSize_get, _Tabbar_computedPlacement_get, _Tabbar_computeDividerVisible_get, _Tabbar_computedAriaOrientation_get, _Tabbar_getTabItems, _Tabbar_announceScroll, _Tabbar_scrollToStart, _Tabbar_scrollToEnd, _Tabbar_setActiveTab, _Tabbar_handleTabMutation, _Tabbar_activateTab, _Tabbar_switchTabPanel, _Tabbar_getCurrentTab, _Tabbar_setCurrentTab, _Tabbar_isVerticalPlacement, _Tabbar_isHorizontalPlacement, _Tabbar_isEndOrBottomPlacement, _Tabbar_onClick, _Tabbar_onKeyDown, _Tabbar_onMouseDown, _Tabbar_onScroll, _Tabbar_onViewportCrop, _Tabbar_syncInternalsAccessibility, _Tabbar_updateTabsCache, _Tabbar_setTabSettings, _Tabbar_onSlotchange, _Tabbar_scrollEndButtonRef, _Tabbar_scrollStartButtonRef;
 const TAB_ITEM_SELECTOR = 'qds-icon-tab, qds-tab';
 const TAB_SETTINGS = {
     'main-root': {
@@ -73,7 +73,12 @@ const isTabItem = (item) => {
     return tagName === 'qds-tab' || tagName === 'qds-icon-tab';
 };
 const isEnabledTabItem = (item) => isTabItem(item) && !item.inert && item.disabled !== true;
+const isTabActive = (tab) => tab.selected;
 const getTabTrigger = (tab) => tab.tab;
+const getPanelId = (tab) => {
+    const panelElement = resolvePanelElement(tab);
+    return panelElement?.id ?? '';
+};
 const Tabbar = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -126,26 +131,37 @@ const Tabbar = class {
         this.alignment = 'start';
         this.disableEndArrow = false;
         this.disableStartArrow = false;
+        this.scrollAnnouncement = '';
         _Tabbar_tabs.set(this, []);
         _Tabbar_ro.set(this, void 0);
+        _Tabbar_mutationObserver.set(this, void 0);
         _Tabbar_tabbar.set(this, void 0);
+        _Tabbar_toggleAnnouncement.set(this, false);
+        _Tabbar_scrollStartButton.set(this, void 0);
+        _Tabbar_scrollEndButton.set(this, void 0);
+        _Tabbar_pendingArrowFocus.set(this, void 0);
+        _Tabbar_isInternallySettingActive.set(this, false);
         _Tabbar_scrollToStart.set(this, () => {
             invariant(__classPrivateFieldGet(this, _Tabbar_tabbar, "f"));
             const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
+            __classPrivateFieldSet(this, _Tabbar_pendingArrowFocus, 'end', "f");
             __classPrivateFieldGet(this, _Tabbar_tabbar, "f").scroll({
                 left: isRTL
                     ? __classPrivateFieldGet(this, _Tabbar_tabbar, "f").scrollLeft + __classPrivateFieldGet(this, _Tabbar_tabbar, "f").clientWidth
                     : __classPrivateFieldGet(this, _Tabbar_tabbar, "f").scrollLeft - __classPrivateFieldGet(this, _Tabbar_tabbar, "f").clientWidth,
             });
+            __classPrivateFieldGet(this, _Tabbar_instances, "m", _Tabbar_announceScroll).call(this, 'previous');
         });
         _Tabbar_scrollToEnd.set(this, () => {
             invariant(__classPrivateFieldGet(this, _Tabbar_tabbar, "f"));
             const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
+            __classPrivateFieldSet(this, _Tabbar_pendingArrowFocus, 'start', "f");
             __classPrivateFieldGet(this, _Tabbar_tabbar, "f").scroll({
                 left: isRTL
                     ? __classPrivateFieldGet(this, _Tabbar_tabbar, "f").scrollLeft - __classPrivateFieldGet(this, _Tabbar_tabbar, "f").clientWidth
                     : __classPrivateFieldGet(this, _Tabbar_tabbar, "f").scrollLeft + __classPrivateFieldGet(this, _Tabbar_tabbar, "f").clientWidth,
             });
+            __classPrivateFieldGet(this, _Tabbar_instances, "m", _Tabbar_announceScroll).call(this, 'next');
         });
         _Tabbar_isVerticalPlacement.set(this, () => this.placement === 'start' || this.placement === 'end');
         _Tabbar_isHorizontalPlacement.set(this, () => this.placement === 'top' || this.placement === 'bottom');
@@ -157,8 +173,7 @@ const Tabbar = class {
             const tab = target.closest(TAB_ITEM_SELECTOR);
             if (!isEnabledTabItem(tab))
                 return;
-            __classPrivateFieldGet(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, tab);
-            __classPrivateFieldGet(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, tab);
+            __classPrivateFieldGet(this, _Tabbar_instances, "m", _Tabbar_activateTab).call(this, tab);
         });
         _Tabbar_onKeyDown.set(this, (event) => {
             const isVertical = this.orientation === 'vertical' || __classPrivateFieldGet(this, _Tabbar_isVerticalPlacement, "f").call(this);
@@ -212,8 +227,7 @@ const Tabbar = class {
             target.focus({ preventScroll: true });
             if (!isVertical)
                 target.scrollIntoView();
-            __classPrivateFieldGet(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, nextTab);
-            __classPrivateFieldGet(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, nextTab);
+            __classPrivateFieldGet(this, _Tabbar_instances, "m", _Tabbar_activateTab).call(this, nextTab);
         });
         _Tabbar_onMouseDown.set(this, (event) => {
             const { target } = event;
@@ -245,6 +259,13 @@ const Tabbar = class {
             __classPrivateFieldGet(this, _Tabbar_instances, "m", _Tabbar_updateTabsCache).call(this);
             if (__classPrivateFieldGet(this, _Tabbar_tabs, "f").length > 0)
                 __classPrivateFieldGet(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, __classPrivateFieldGet(this, _Tabbar_tabs, "f")[0]);
+            __classPrivateFieldGet(this, _Tabbar_onViewportCrop, "f").call(this);
+        });
+        _Tabbar_scrollEndButtonRef.set(this, (button) => {
+            __classPrivateFieldSet(this, _Tabbar_scrollEndButton, button, "f");
+        });
+        _Tabbar_scrollStartButtonRef.set(this, (button) => {
+            __classPrivateFieldSet(this, _Tabbar_scrollStartButton, button, "f");
         });
     }
     settingChanged() {
@@ -256,12 +277,46 @@ const Tabbar = class {
     windowResize() {
         __classPrivateFieldGet(this, _Tabbar_onViewportCrop, "f").call(this);
     }
+    activeChanged() {
+        if (__classPrivateFieldGet(this, _Tabbar_isInternallySettingActive, "f"))
+            return;
+        if (this.active === undefined || this.active === '')
+            return;
+        const tabs = __classPrivateFieldGet(this, _Tabbar_instances, "m", _Tabbar_getTabItems).call(this);
+        const nextTab = tabs.find((tab) => {
+            const panelId = getPanelId(tab);
+            return panelId === this.active;
+        });
+        if (!nextTab || nextTab.disabled === true)
+            return;
+        const previousTab = this.activeTab;
+        if (previousTab === nextTab && this.active === getPanelId(nextTab))
+            return;
+        this.activeTab = nextTab;
+        if (previousTab && previousTab !== nextTab) {
+            this.hideEmitter.emit(previousTab);
+        }
+        if (previousTab !== nextTab) {
+            this.showEmitter.emit(nextTab);
+        }
+        // Update tab states without triggering mutation observer
+        __classPrivateFieldSet(this, _Tabbar_isInternallySettingActive, true, "f");
+        for (const t of tabs) {
+            const target = getTabTrigger(t);
+            const isSelected = t === nextTab;
+            t.selected = isSelected;
+            if (target instanceof globalThis.Element)
+                target.ariaSelected = isSelected.toString();
+        }
+        __classPrivateFieldSet(this, _Tabbar_isInternallySettingActive, false, "f");
+        __classPrivateFieldGet(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, nextTab);
+    }
     componentWillLoad() {
         this.settingChanged();
         this.internals.role = 'tablist';
         __classPrivateFieldGet(this, _Tabbar_instances, "m", _Tabbar_syncInternalsAccessibility).call(this);
         const tabs = __classPrivateFieldGet(this, _Tabbar_instances, "m", _Tabbar_getTabItems).call(this);
-        const preselectedTab = tabs.find((tab) => tab.selected);
+        const preselectedTab = tabs.find((tab) => isTabActive(tab));
         if (preselectedTab)
             __classPrivateFieldGet(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, preselectedTab);
         else if (tabs.length > 0)
@@ -270,26 +325,43 @@ const Tabbar = class {
     componentDidRender() {
         if (this.activeTab)
             __classPrivateFieldGet(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, this.activeTab);
+        if (__classPrivateFieldGet(this, _Tabbar_pendingArrowFocus, "f") === 'start' && this.disableEndArrow) {
+            __classPrivateFieldSet(this, _Tabbar_pendingArrowFocus, undefined, "f");
+            __classPrivateFieldGet(this, _Tabbar_scrollStartButton, "f")?.focus();
+        }
+        else if (__classPrivateFieldGet(this, _Tabbar_pendingArrowFocus, "f") === 'end' && this.disableStartArrow) {
+            __classPrivateFieldSet(this, _Tabbar_pendingArrowFocus, undefined, "f");
+            __classPrivateFieldGet(this, _Tabbar_scrollEndButton, "f")?.focus();
+        }
         this.settingChanged();
     }
     componentDidLoad() {
         invariant(__classPrivateFieldGet(this, _Tabbar_tabbar, "f"));
         __classPrivateFieldSet(this, _Tabbar_ro, new ResizeObserver(__classPrivateFieldGet(this, _Tabbar_onScroll, "f")), "f");
         __classPrivateFieldGet(this, _Tabbar_ro, "f").observe(__classPrivateFieldGet(this, _Tabbar_tabbar, "f"));
+        __classPrivateFieldSet(this, _Tabbar_mutationObserver, new MutationObserver((mutations) => {
+            __classPrivateFieldGet(this, _Tabbar_instances, "m", _Tabbar_handleTabMutation).call(this, mutations);
+        }), "f");
+        __classPrivateFieldGet(this, _Tabbar_mutationObserver, "f").observe(this.host, {
+            attributes: true,
+            attributeFilter: ['active'],
+            childList: true,
+            subtree: true,
+        });
     }
     disconnectedCallback() {
-        if (__classPrivateFieldGet(this, _Tabbar_ro, "f"))
-            __classPrivateFieldGet(this, _Tabbar_ro, "f").disconnect();
+        __classPrivateFieldGet(this, _Tabbar_ro, "f")?.disconnect();
+        __classPrivateFieldGet(this, _Tabbar_mutationObserver, "f")?.disconnect();
     }
     render() {
-        return (h("div", { key: 'd820ee3759abcc7f15aae3b6de501740ab336ecc', class: {
+        return (h("div", { key: '43a1bae6bd980854ec8cbc786be30d3c4dae4ae9', class: {
                 'qds-vertical-divider': this.orientation === 'vertical' || __classPrivateFieldGet(this, _Tabbar_isVerticalPlacement, "f").call(this),
-            }, "data-layer": this.layer, "data-level": this.level, "data-importance": __classPrivateFieldGet(this, _Tabbar_instances, "a", _Tabbar_computedImportance_get) }, __classPrivateFieldGet(this, _Tabbar_instances, "a", _Tabbar_computeDividerVisible_get) && __classPrivateFieldGet(this, _Tabbar_isEndOrBottomPlacement, "f").call(this) && (h("qds-divider", { key: 'aaf2c29e2bce39d7e6ffcc850f6f8d904423a0b6', vertical: this.orientation === 'vertical' || __classPrivateFieldGet(this, _Tabbar_isVerticalPlacement, "f").call(this) })), h("div", { key: '31da1576f38662a580876a7ff0a494f68a06a123', class: "qds-tabbar" }, h("div", { key: 'c8a76c45175f5676762600b57806746f80198411', class: {
+            }, "data-layer": this.layer, "data-level": this.level, "data-importance": __classPrivateFieldGet(this, _Tabbar_instances, "a", _Tabbar_computedImportance_get) }, h("span", { key: '6c81132bbb30f3c5813186bd9a2e6c4715b208c5', class: "qds-sr-only", "aria-live": "polite" }, this.scrollAnnouncement), __classPrivateFieldGet(this, _Tabbar_instances, "a", _Tabbar_computeDividerVisible_get) && __classPrivateFieldGet(this, _Tabbar_isEndOrBottomPlacement, "f").call(this) && (h("qds-divider", { key: '147475632fc9fd2d8f859240dfa71e45058c4d78', vertical: this.orientation === 'vertical' || __classPrivateFieldGet(this, _Tabbar_isVerticalPlacement, "f").call(this) })), h("div", { key: '51a0179675663618453b54d25bda6054e3f91321', class: "qds-tabbar" }, h("div", { key: '44f0167da0d5b5d682f86c57a0a7b347e51e0fca', class: {
                 'qds-align-center': true,
                 'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
                     this.orientation === 'vertical' ||
                     __classPrivateFieldGet(this, _Tabbar_isVerticalPlacement, "f").call(this),
-            } }, h("qds-icon-button", { key: 'f1ba88e9eeb4f1d7b0b12bf137809ceccc6b1bee', "aria-label": "show previous tab", importance: "subdued", iconName: "next", iconLibrary: "core", class: "qds-arrow-start", onClick: __classPrivateFieldGet(this, _Tabbar_scrollToStart, "f"), disabled: this.disableStartArrow })), h("div", { key: '02f16b1d5fddeb80bf1ddcce1d50b95710a78c48', class: {
+            } }, h("qds-icon-button", { key: '22a512257855b48e1b50f9b48d06017c756a58ea', "aria-label": "show previous tab", importance: "subdued", iconName: "next", iconLibrary: "core", class: "qds-arrow-start", onClick: __classPrivateFieldGet(this, _Tabbar_scrollToStart, "f"), disabled: this.disableStartArrow, ref: __classPrivateFieldGet(this, _Tabbar_scrollStartButtonRef, "f") })), h("div", { key: '4e1a36aaf66917a57bf64618fa675e91db34e555', class: {
                 'qds-tabs': true,
                 'qds-vertical': this.orientation === 'vertical' || __classPrivateFieldGet(this, _Tabbar_isVerticalPlacement, "f").call(this),
                 'qds-centered': this.alignment === 'center' &&
@@ -299,12 +371,12 @@ const Tabbar = class {
                     this.disableStartArrow,
             }, ref: (element) => {
                 __classPrivateFieldSet(this, _Tabbar_tabbar, element, "f");
-            }, onClick: __classPrivateFieldGet(this, _Tabbar_onClick, "f"), onKeyDown: __classPrivateFieldGet(this, _Tabbar_onKeyDown, "f"), onMouseDown: __classPrivateFieldGet(this, _Tabbar_onMouseDown, "f"), onScroll: __classPrivateFieldGet(this, _Tabbar_onScroll, "f") }, h("slot", { key: '256bca75a1538ded4fdbdfb9ec191bcc78c8450a', onSlotchange: __classPrivateFieldGet(this, _Tabbar_onSlotchange, "f") })), h("div", { key: 'bf0e3e181e30f47abf436a7de487e386ea5ceb54', class: {
+            }, onClick: __classPrivateFieldGet(this, _Tabbar_onClick, "f"), onKeyDown: __classPrivateFieldGet(this, _Tabbar_onKeyDown, "f"), onMouseDown: __classPrivateFieldGet(this, _Tabbar_onMouseDown, "f"), onScroll: __classPrivateFieldGet(this, _Tabbar_onScroll, "f") }, h("slot", { key: '0ae4c49fd815426bd78962526f5fce946d0688a1', onSlotchange: __classPrivateFieldGet(this, _Tabbar_onSlotchange, "f") })), h("div", { key: 'c4fc6997f1430efe4975c8ed1ad723fa6d906d79', class: {
                 'qds-align-center': true,
                 'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
                     this.orientation === 'vertical' ||
                     __classPrivateFieldGet(this, _Tabbar_isVerticalPlacement, "f").call(this),
-            } }, h("qds-icon-button", { key: '36901a4b40069f0219bd3817d7c525bf4769f94b', "aria-label": "show next tab", iconName: "next", iconLibrary: "core", importance: "subdued", onClick: __classPrivateFieldGet(this, _Tabbar_scrollToEnd, "f"), disabled: this.disableEndArrow }))), __classPrivateFieldGet(this, _Tabbar_instances, "a", _Tabbar_computeDividerVisible_get) && !__classPrivateFieldGet(this, _Tabbar_isEndOrBottomPlacement, "f").call(this) && (h("qds-divider", { key: 'ea0076705b62d3c1a7fe0faec239703034aa55f2', vertical: this.orientation === 'vertical' || __classPrivateFieldGet(this, _Tabbar_isVerticalPlacement, "f").call(this) }))));
+            } }, h("qds-icon-button", { key: '87973e92e8ad9e40a2ba6a2a7ade1040c6e46fde', "aria-label": "show next tab", iconName: "next", iconLibrary: "core", importance: "subdued", onClick: __classPrivateFieldGet(this, _Tabbar_scrollToEnd, "f"), disabled: this.disableEndArrow, ref: __classPrivateFieldGet(this, _Tabbar_scrollEndButtonRef, "f") }))), __classPrivateFieldGet(this, _Tabbar_instances, "a", _Tabbar_computeDividerVisible_get) && !__classPrivateFieldGet(this, _Tabbar_isEndOrBottomPlacement, "f").call(this) && (h("qds-divider", { key: '9c7748c515f2f86c4065b90929dbe7d8f19b377b', vertical: this.orientation === 'vertical' || __classPrivateFieldGet(this, _Tabbar_isVerticalPlacement, "f").call(this) }))));
     }
     static get delegatesFocus() { return true; }
     get host() { return getElement(this); }
@@ -312,10 +384,11 @@ const Tabbar = class {
         "importance": ["settingChanged"],
         "orientation": ["accessibilityChanged"],
         "placement": ["accessibilityChanged"],
-        "tablistDescription": ["accessibilityChanged"]
+        "tablistDescription": ["accessibilityChanged"],
+        "active": ["activeChanged"]
     }; }
 };
-_Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new WeakMap(), _Tabbar_scrollToStart = new WeakMap(), _Tabbar_scrollToEnd = new WeakMap(), _Tabbar_isVerticalPlacement = new WeakMap(), _Tabbar_isHorizontalPlacement = new WeakMap(), _Tabbar_isEndOrBottomPlacement = new WeakMap(), _Tabbar_onClick = new WeakMap(), _Tabbar_onKeyDown = new WeakMap(), _Tabbar_onMouseDown = new WeakMap(), _Tabbar_onScroll = new WeakMap(), _Tabbar_onViewportCrop = new WeakMap(), _Tabbar_onSlotchange = new WeakMap(), _Tabbar_instances = new WeakSet(), _Tabbar_computedImportance_get = function _Tabbar_computedImportance_get() {
+_Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_mutationObserver = new WeakMap(), _Tabbar_tabbar = new WeakMap(), _Tabbar_toggleAnnouncement = new WeakMap(), _Tabbar_scrollStartButton = new WeakMap(), _Tabbar_scrollEndButton = new WeakMap(), _Tabbar_pendingArrowFocus = new WeakMap(), _Tabbar_isInternallySettingActive = new WeakMap(), _Tabbar_scrollToStart = new WeakMap(), _Tabbar_scrollToEnd = new WeakMap(), _Tabbar_isVerticalPlacement = new WeakMap(), _Tabbar_isHorizontalPlacement = new WeakMap(), _Tabbar_isEndOrBottomPlacement = new WeakMap(), _Tabbar_onClick = new WeakMap(), _Tabbar_onKeyDown = new WeakMap(), _Tabbar_onMouseDown = new WeakMap(), _Tabbar_onScroll = new WeakMap(), _Tabbar_onViewportCrop = new WeakMap(), _Tabbar_onSlotchange = new WeakMap(), _Tabbar_scrollEndButtonRef = new WeakMap(), _Tabbar_scrollStartButtonRef = new WeakMap(), _Tabbar_instances = new WeakSet(), _Tabbar_computedImportance_get = function _Tabbar_computedImportance_get() {
     return this.importance;
 }, _Tabbar_computedSize_get = function _Tabbar_computedSize_get() {
     return this.size ?? undefined;
@@ -353,8 +426,15 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
     return [
         ...this.host.querySelectorAll(TAB_ITEM_SELECTOR),
     ].filter((element) => isTabItem(element));
+}, _Tabbar_announceScroll = function _Tabbar_announceScroll(direction) {
+    const text = direction === 'next' ? 'Next tabs showed' : 'Previous tabs showed';
+    __classPrivateFieldSet(this, _Tabbar_toggleAnnouncement, !__classPrivateFieldGet(this, _Tabbar_toggleAnnouncement, "f"), "f");
+    this.scrollAnnouncement = text + (__classPrivateFieldGet(this, _Tabbar_toggleAnnouncement, "f") ? '' : '.');
 }, _Tabbar_setActiveTab = function _Tabbar_setActiveTab(tab) {
     this.activeTab = tab;
+    const panelId = getPanelId(tab);
+    __classPrivateFieldSet(this, _Tabbar_isInternallySettingActive, true, "f");
+    this.active = panelId;
     for (const t of __classPrivateFieldGet(this, _Tabbar_instances, "m", _Tabbar_getTabItems).call(this)) {
         const target = getTabTrigger(t);
         const isSelected = t === tab;
@@ -362,22 +442,46 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
         if (target instanceof globalThis.Element)
             target.ariaSelected = isSelected.toString();
     }
-}, _Tabbar_switchTabPanel = function _Tabbar_switchTabPanel(activeTab) {
-    for (const tab of __classPrivateFieldGet(this, _Tabbar_tabs, "f")) {
-        const panel = resolvePanelElement(tab);
-        if (panel) {
-            panel.hidden = tab !== activeTab;
-        }
+    __classPrivateFieldSet(this, _Tabbar_isInternallySettingActive, false, "f");
+}, _Tabbar_handleTabMutation = function _Tabbar_handleTabMutation(mutations) {
+    if (__classPrivateFieldGet(this, _Tabbar_isInternallySettingActive, "f"))
+        return;
+    const activeTab = mutations
+        .map((m) => m.target)
+        .find((target) => target instanceof HTMLElement && isTabItem(target) && target.selected);
+    if (activeTab) {
+        __classPrivateFieldGet(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, activeTab);
     }
-}, _Tabbar_handleTabActivation = function _Tabbar_handleTabActivation(tab) {
+}, _Tabbar_activateTab = function _Tabbar_activateTab(tab) {
     const previousTab = this.activeTab;
     if (previousTab === tab)
         return;
     this.activeTab = tab;
-    this.hideEmitter.emit(previousTab);
+    const panelId = getPanelId(tab);
+    if (previousTab) {
+        this.hideEmitter.emit(previousTab);
+    }
     this.showEmitter.emit(tab);
     __classPrivateFieldGet(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, tab);
     __classPrivateFieldGet(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, tab);
+    // Set active property without triggering watcher events again
+    __classPrivateFieldSet(this, _Tabbar_isInternallySettingActive, true, "f");
+    this.active = panelId;
+    __classPrivateFieldSet(this, _Tabbar_isInternallySettingActive, false, "f");
+    for (const t of __classPrivateFieldGet(this, _Tabbar_instances, "m", _Tabbar_getTabItems).call(this)) {
+        const target = getTabTrigger(t);
+        const isSelected = t === tab;
+        t.selected = isSelected;
+        if (target instanceof globalThis.Element)
+            target.ariaSelected = isSelected.toString();
+    }
+}, _Tabbar_switchTabPanel = function _Tabbar_switchTabPanel(activeTab) {
+    for (const tab of __classPrivateFieldGet(this, _Tabbar_tabs, "f")) {
+        const panel = resolvePanelElement(tab);
+        if (panel) {
+            panel.hidden = tab !== activeTab;
+        }
+    }
 }, _Tabbar_getCurrentTab = function _Tabbar_getCurrentTab() {
     return __classPrivateFieldGet(this, _Tabbar_tabs, "f").find((tab) => getTabTrigger(tab).getAttribute('tabindex') === '0');
 }, _Tabbar_setCurrentTab = function _Tabbar_setCurrentTab(tab) {
@@ -392,7 +496,7 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
             const tabindex = shouldActivateTab ? '0' : '-1';
             target.setAttribute('tabindex', tabindex);
             if (shouldActivateTab)
-                __classPrivateFieldGet(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, t);
+                __classPrivateFieldGet(this, _Tabbar_instances, "m", _Tabbar_activateTab).call(this, t);
         });
     }
 }, _Tabbar_syncInternalsAccessibility = function _Tabbar_syncInternalsAccessibility() {

package/dist/esm/qds-tabbar.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"qds-tabbar.entry.js","sources":["src/components/tabbar/tabbar.css?tag=qds-tabbar&encapsulation=shadow","src/components/tabbar/tabbar.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: block;\n}\n\n.qds-vertical,\n.qds-vertical-divider,\n.qds-tabbar,\n.qds-tabs {\n  display: flex;\n}\n\n.qds-vertical-divider,\n.qds-tabbar {\n  width: inherit;\n}\n\n.qds-arrow-start {\n  transform: scaleX(var(--qds-direction-factor, 1)) rotate(180deg);\n}\n\n.qds-align-center {\n  align-content: center;\n}\n\n.qds-hidden {\n  display: none;\n}\n\n.qds-centered {\n  justify-content: center;\n}\n\n.qds-tabs {\n  flex: 1;\n  margin-block: 0;\n  overflow: auto;\n  padding-inline-start: 0;\n  scroll-behavior: smooth;\n  scrollbar-width: none;\n}\n\n.qds-vertical {\n  flex-direction: column;\n}\n\n.qds-vertical-divider {\n  flex-direction: row;\n}\n\n[data-size='small'] {\n  gap: var(--qds-control-small-gap-siblings-related);\n}\n\n[data-size='standard'] {\n  gap: var(--qds-control-standard-gap-siblings-related);\n}\n\n[data-size='large'] {\n  gap: var(--qds-control-large-gap-siblings-related);\n}\n\n[data-layer='main'] {\n  &[data-level='root'] .qds-tabs {\n    gap: var(--qds-control-large-gap-siblings-related);\n  }\n\n  &[data-level='section'] .qds-tabs {\n    gap: var(--qds-control-standard-gap-siblings-related);\n  }\n\n  &[data-level='subsection'] .qds-tabs {\n    gap: var(--qds-control-small-gap-siblings-related);\n  }\n}\n\n[data-layer='popup'] {\n  &[data-level='root'] .qds-tabs {\n    gap: var(--qds-control-standard-gap-siblings-related);\n  }\n\n  &[data-level='section'] .qds-tabs {\n    gap: var(--qds-control-small-gap-siblings-related);\n  }\n}\n\n:is([data-layer='panel'], [data-layer='accessory'])[data-level='root']\n  .qds-tabs {\n  gap: var(--qds-control-small-gap-siblings-related);\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface, EventEmitter } from '@stencil/core'\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  h,\n  Listen,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core'\n\nimport {\n  componentOnReady,\n  HORIZONTAL_MOVE_KEYS,\n  invariant,\n  resolvePanelElement,\n  VERTICAL_MOVE_KEYS,\n} from '../../helpers'\nimport type { IndicatorPosition } from '../icon-tab/icon-tab'\nimport type { Importance, Size } from '../shared'\nimport type { Tab } from '../tab/tab'\n\nexport type Layer = 'accessory' | 'main' | 'panel' | 'popup'\nexport type Level = 'root' | 'section' | 'subsection'\nexport type TabbarSize = Size | undefined\nexport type TabbarImportance = Exclude<Importance, 'emphasized'> | undefined\nexport type Orientation = 'horizontal' | 'vertical'\nexport type Placement = 'bottom' | 'end' | 'start' | 'top'\nexport type Alignment = 'center' | 'start'\n\ntype TabItemElement = HTMLQdsIconTabElement | HTMLQdsTabElement\n\nconst TAB_ITEM_SELECTOR = 'qds-icon-tab, qds-tab'\n\nconst TAB_SETTINGS: Record<\n  string,\n  Pick<Tab, 'importance' | 'indicatorPosition' | 'size'> | undefined\n> = {\n  'main-root': {\n    importance: 'standard',\n    size: 'large',\n    indicatorPosition: 'block-end',\n  },\n  'main-section': {\n    importance: 'standard',\n    size: 'standard',\n    indicatorPosition: 'block-end',\n  },\n  'popup-root': {\n    importance: 'standard',\n    size: 'standard',\n    indicatorPosition: 'block-end',\n  },\n  'main-subsection': {\n    importance: 'subdued',\n    size: 'small',\n    indicatorPosition: 'block-start',\n  },\n  'popup-section': {\n    importance: 'subdued',\n    size: 'small',\n    indicatorPosition: 'inline-start',\n  },\n  'panel-root': {\n    importance: 'standard',\n    size: 'small',\n    indicatorPosition: 'block-start',\n  },\n  'accessory-root': {\n    importance: 'subdued',\n    size: 'small',\n    indicatorPosition: 'block-end',\n  },\n}\n\nconst isTabItem = (item: unknown): item is TabItemElement => {\n  if (!(item instanceof HTMLElement)) return false\n\n  const tagName = item.tagName.toLowerCase()\n  return tagName === 'qds-tab' || tagName === 'qds-icon-tab'\n}\n\nconst isEnabledTabItem = (item: unknown): item is TabItemElement =>\n  isTabItem(item) && !item.inert && item.disabled !== true\n\nconst getTabTrigger = (tab: TabItemElement): HTMLElement =>\n  (tab as TabItemElement & { tab: HTMLElement }).tab\n\n/**\n * `<qds-tabbar>` is the component that facilitates navigation between the groups\n * of related content within the page.\n * It allows users to switch between groups by clicking on Tabs without going to another page.\n */\n@Component({\n  tag: 'qds-tabbar',\n  shadow: { delegatesFocus: true },\n  styleUrl: 'tabbar.css',\n})\nexport class Tabbar implements ComponentInterface {\n  /**\n   * The tabbar's layer.\n   *\n   * @deprecated The property layer is deprecated. Please use `size` property instead.\n   * Please do not use `layer` and `size` at the same time.\n   */\n  @Prop() public layer?: Layer = 'main'\n\n  /**\n   * The tabbar's level.\n   *\n   * @deprecated The property level is deprecated. Please use `size` property instead.\n   * Please do not use `level` and `size` at the same time.\n   */\n  @Prop() public level?: Level = 'root'\n\n  /**\n   * The tabbar's size. This controls the size of the tabs within the tabbar.\n   */\n  @Prop() public size?: Size = 'standard'\n\n  /**\n   * The tabbar's orientation.\n   *\n   * @deprecated Please use the `placement` property instead. Do not use\n   * `orientation` and `placement` at the same time.\n   */\n  @Prop() public orientation?: Orientation = 'horizontal'\n\n  /**\n   * The tabbar's placement.\n   */\n  @Prop() public placement?: Placement = 'top'\n\n  /**\n   * the tablist Description\n   */\n  @Prop() public readonly tablistDescription?: string\n\n  /**\n   * Displays a divider line.\n   */\n  @Prop() public showDivider?: boolean = false\n\n  /**\n   * The alignment of tabs. Only applicable for horizontal orientation.\n   */\n  @Prop() public readonly alignment?: Alignment = 'start'\n\n  /**\n   * The importance of the tabbar. This controls the visual emphasis of the tabs within the tabbar.\n   */\n  @Prop() public importance?: TabbarImportance\n\n  /**\n   * Emitted when the user selects the tab.\n   */\n  @Event({ eventName: 'qdsTabShow', cancelable: false })\n  private readonly showEmitter!: EventEmitter<HTMLElement>\n\n  /**\n   * Emitted when the user selects the tab.\n   */\n  @Event({ eventName: 'qdsTabHide', cancelable: false })\n  private readonly hideEmitter!: EventEmitter<HTMLElement>\n\n  @Element() private readonly host!: HTMLElement\n\n  @AttachInternals() private readonly internals!: ElementInternals\n\n  @State() private disableEndArrow = false\n\n  @State() private disableStartArrow = false\n\n  @State() private activeTab?: TabItemElement\n\n  #tabs: TabItemElement[] = []\n\n  #ro: ResizeObserver | undefined\n\n  #tabbar?: HTMLElement\n\n  get #computedImportance(): TabbarImportance {\n    return this.importance\n  }\n\n  get #computedSize(): Size | undefined {\n    return this.size ?? undefined\n  }\n\n  get #computedPlacement(): IndicatorPosition | undefined {\n    switch (this.placement) {\n      case 'top': {\n        return 'block-end'\n      }\n      case 'end': {\n        return 'inline-start'\n      }\n      case 'bottom': {\n        return 'block-start'\n      }\n      case 'start': {\n        return 'inline-end'\n      }\n      default: {\n        return undefined\n      }\n    }\n  }\n\n  get #computeDividerVisible(): boolean {\n    if (this.layer === 'panel') return false\n    if (\n      this.layer === 'main' &&\n      this.level === 'subsection' &&\n      (this.orientation === 'horizontal' || this.#isVerticalPlacement())\n    )\n      return false\n    return this.showDivider === true\n  }\n\n  get #computedAriaOrientation(): Orientation {\n    return this.orientation === 'vertical' || this.#isVerticalPlacement()\n      ? 'vertical'\n      : 'horizontal'\n  }\n\n  @Watch('importance')\n  protected settingChanged(): void {\n    this.#setTabSettings()\n  }\n\n  @Watch('orientation')\n  @Watch('placement')\n  @Watch('tablistDescription')\n  protected accessibilityChanged(): void {\n    this.#syncInternalsAccessibility()\n  }\n\n  @Listen('resize', { target: 'window' })\n  protected windowResize(): void {\n    this.#onViewportCrop()\n  }\n\n  public componentWillLoad(): void {\n    this.settingChanged()\n    this.internals.role = 'tablist'\n    this.#syncInternalsAccessibility()\n    const tabs = this.#getTabItems()\n    const preselectedTab = tabs.find((tab) => tab.selected)\n    if (preselectedTab) this.#setActiveTab(preselectedTab)\n    else if (tabs.length > 0) this.#setActiveTab(tabs[0])\n  }\n\n  public componentDidRender(): void {\n    if (this.activeTab) this.#switchTabPanel(this.activeTab)\n    this.settingChanged()\n  }\n\n  public componentDidLoad(): void {\n    invariant(this.#tabbar)\n\n    this.#ro = new ResizeObserver(this.#onScroll)\n    this.#ro.observe(this.#tabbar)\n  }\n\n  public disconnectedCallback(): void {\n    if (this.#ro) this.#ro.disconnect()\n  }\n\n  public render() {\n    return (\n      <div\n        class={{\n          'qds-vertical-divider':\n            this.orientation === 'vertical' || this.#isVerticalPlacement(),\n        }}\n        data-layer={this.layer}\n        data-level={this.level}\n        data-importance={this.#computedImportance}\n      >\n        {this.#computeDividerVisible && this.#isEndOrBottomPlacement() && (\n          <qds-divider\n            vertical={\n              this.orientation === 'vertical' || this.#isVerticalPlacement()\n            }\n          />\n        )}\n        <div class=\"qds-tabbar\">\n          <div\n            class={{\n              'qds-align-center': true,\n              'qds-hidden':\n                (this.disableEndArrow && this.disableStartArrow) ||\n                this.orientation === 'vertical' ||\n                this.#isVerticalPlacement(),\n            }}\n          >\n            <qds-icon-button\n              aria-label=\"show previous tab\"\n              importance=\"subdued\"\n              iconName=\"next\"\n              iconLibrary=\"core\"\n              class=\"qds-arrow-start\"\n              onClick={this.#scrollToStart}\n              disabled={this.disableStartArrow}\n            />\n          </div>\n          {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n          <div\n            class={{\n              'qds-tabs': true,\n              'qds-vertical':\n                this.orientation === 'vertical' || this.#isVerticalPlacement(),\n              'qds-centered':\n                this.alignment === 'center' &&\n                (this.orientation === 'horizontal' ||\n                  this.#isHorizontalPlacement()) &&\n                this.disableEndArrow &&\n                this.disableStartArrow,\n            }}\n            ref={(element) => {\n              this.#tabbar = element\n            }}\n            onClick={this.#onClick}\n            onKeyDown={this.#onKeyDown}\n            onMouseDown={this.#onMouseDown}\n            onScroll={this.#onScroll}\n          >\n            <slot onSlotchange={this.#onSlotchange} />\n          </div>\n          <div\n            class={{\n              'qds-align-center': true,\n              'qds-hidden':\n                (this.disableEndArrow && this.disableStartArrow) ||\n                this.orientation === 'vertical' ||\n                this.#isVerticalPlacement(),\n            }}\n          >\n            <qds-icon-button\n              aria-label=\"show next tab\"\n              iconName=\"next\"\n              iconLibrary=\"core\"\n              importance=\"subdued\"\n              onClick={this.#scrollToEnd}\n              disabled={this.disableEndArrow}\n            />\n          </div>\n        </div>\n        {this.#computeDividerVisible && !this.#isEndOrBottomPlacement() && (\n          <qds-divider\n            vertical={\n              this.orientation === 'vertical' || this.#isVerticalPlacement()\n            }\n          />\n        )}\n      </div>\n    )\n  }\n\n  #getTabItems(): TabItemElement[] {\n    return [\n      ...this.host.querySelectorAll<HTMLElement>(TAB_ITEM_SELECTOR),\n    ].filter((element): element is TabItemElement => isTabItem(element))\n  }\n\n  readonly #scrollToStart = (): void => {\n    invariant(this.#tabbar)\n\n    const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl'\n    this.#tabbar.scroll({\n      left: isRTL\n        ? this.#tabbar.scrollLeft + this.#tabbar.clientWidth\n        : this.#tabbar.scrollLeft - this.#tabbar.clientWidth,\n    })\n  }\n\n  readonly #scrollToEnd = (): void => {\n    invariant(this.#tabbar)\n\n    const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl'\n    this.#tabbar.scroll({\n      left: isRTL\n        ? this.#tabbar.scrollLeft - this.#tabbar.clientWidth\n        : this.#tabbar.scrollLeft + this.#tabbar.clientWidth,\n    })\n  }\n\n  #setActiveTab(tab: TabItemElement): void {\n    this.activeTab = tab\n\n    for (const t of this.#getTabItems()) {\n      const target = getTabTrigger(t)\n      const isSelected = t === tab\n      t.selected = isSelected\n      if (target instanceof globalThis.Element)\n        target.ariaSelected = isSelected.toString()\n    }\n  }\n\n  #switchTabPanel(activeTab: TabItemElement): void {\n    for (const tab of this.#tabs) {\n      const panel = resolvePanelElement(tab)\n      if (panel) {\n        panel.hidden = tab !== activeTab\n      }\n    }\n  }\n\n  #handleTabActivation(tab: TabItemElement): void {\n    const previousTab = this.activeTab\n    if (previousTab === tab) return\n\n    this.activeTab = tab\n\n    this.hideEmitter.emit(previousTab)\n\n    this.showEmitter.emit(tab)\n    this.#setCurrentTab(tab)\n    this.#switchTabPanel(tab)\n  }\n\n  #getCurrentTab(): TabItemElement | undefined {\n    return this.#tabs.find(\n      (tab) => getTabTrigger(tab).getAttribute('tabindex') === '0',\n    )\n  }\n\n  #setCurrentTab(tab: TabItemElement): void {\n    for (const t of this.#tabs) {\n      const isCurrent = t === tab\n\n      componentOnReady(t, (element: TabItemElement | undefined) => {\n        const target = element ? getTabTrigger(element) : undefined\n        if (target === undefined) return\n        const isDisabled = target.getAttribute('aria-disabled') === 'true'\n        const shouldActivateTab = isCurrent && !isDisabled\n        const tabindex = shouldActivateTab ? '0' : '-1'\n        target.setAttribute('tabindex', tabindex)\n        if (shouldActivateTab) this.#handleTabActivation(t)\n      })\n    }\n  }\n\n  readonly #isVerticalPlacement = (): boolean =>\n    this.placement === 'start' || this.placement === 'end'\n\n  readonly #isHorizontalPlacement = (): boolean =>\n    this.placement === 'top' || this.placement === 'bottom'\n\n  readonly #isEndOrBottomPlacement = (): boolean =>\n    this.placement === 'end' || this.placement === 'bottom'\n\n  readonly #onClick = (event: MouseEvent): void => {\n    const { target } = event\n    if (!(target instanceof HTMLElement)) return\n    const tab = target.closest(TAB_ITEM_SELECTOR)\n    if (!isEnabledTabItem(tab)) return\n\n    this.#handleTabActivation(tab)\n    this.#setActiveTab(tab)\n  }\n\n  readonly #onKeyDown = (event: KeyboardEvent): void => {\n    const isVertical =\n      this.orientation === 'vertical' || this.#isVerticalPlacement()\n    const MOVE_SELECTION_KEYS = isVertical\n      ? VERTICAL_MOVE_KEYS\n      : HORIZONTAL_MOVE_KEYS\n    if (!MOVE_SELECTION_KEYS.has(event.key)) return\n\n    const tabs = this.#tabs\n    if (tabs.length === 0) return\n\n    event.preventDefault()\n    event.stopPropagation()\n\n    const activeTab = this.#getCurrentTab()\n    let index = activeTab ? tabs.indexOf(activeTab) : 0\n\n    const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl'\n\n    let nextTab: TabItemElement | undefined\n    do {\n      switch (event.key) {\n        case 'ArrowLeft':\n        case 'ArrowUp': {\n          index = (isRTL ? index < tabs.length - 1 : index > 0)\n            ? index - (isRTL ? -1 : 1)\n            : isRTL\n              ? 0\n              : tabs.length - 1\n          break\n        }\n        case 'ArrowRight':\n        case 'ArrowDown': {\n          index = (isRTL ? index > 0 : index < tabs.length - 1)\n            ? index + (isRTL ? -1 : 1)\n            : isRTL\n              ? tabs.length - 1\n              : 0\n          break\n        }\n        case 'Home': {\n          index = isRTL ? tabs.length - 1 : 0\n          break\n        }\n        case 'End': {\n          index = isRTL ? 0 : tabs.length - 1\n          break\n        }\n        default:\n      }\n      nextTab = tabs[index]\n    } while (nextTab.disabled === true)\n\n    this.#setCurrentTab(nextTab)\n\n    const target = getTabTrigger(nextTab)\n    target.focus({ preventScroll: true })\n    if (!isVertical) target.scrollIntoView()\n    this.#handleTabActivation(nextTab)\n    this.#setActiveTab(nextTab)\n  }\n\n  readonly #onMouseDown = (event: MouseEvent): void => {\n    const { target } = event\n    if (!(target instanceof HTMLElement)) return\n\n    const tab = target.closest(TAB_ITEM_SELECTOR)\n    if (isEnabledTabItem(tab)) this.#setCurrentTab(tab)\n  }\n\n  readonly #onScroll = (): void => {\n    if (!this.#tabbar) return\n\n    const { clientWidth, scrollWidth, scrollLeft } = this.#tabbar\n\n    const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl'\n    this.disableStartArrow = scrollLeft === 0\n    this.disableEndArrow = isRTL\n      ? scrollWidth + scrollLeft <= clientWidth\n      : scrollWidth - clientWidth - scrollLeft <= 1\n  }\n\n  readonly #onViewportCrop = (): void => {\n    if (!this.#tabbar) return\n\n    const { scrollWidth, clientWidth } = this.#tabbar\n\n    if (scrollWidth > clientWidth) {\n      this.#onScroll()\n    }\n  }\n\n  #syncInternalsAccessibility(): void {\n    this.internals.ariaOrientation = this.#computedAriaOrientation\n    this.internals.ariaLabel = this.tablistDescription ?? ''\n  }\n\n  #updateTabsCache(): void {\n    const slot = this.host.shadowRoot?.querySelector('slot')\n    this.#tabs = slot\n      ? [...slot.assignedElements({ flatten: true })].filter(\n          (element): element is TabItemElement => isEnabledTabItem(element),\n        )\n      : []\n  }\n\n  #setTabSettings(): void {\n    const settings = TAB_SETTINGS[`${this.layer}-${this.level}`]\n    if (!settings) return\n\n    for (const tab of this.#getTabItems()) {\n      tab.importance = this.#computedImportance ?? settings.importance\n      tab.size = this.#computedSize ?? settings.size\n\n      tab.indicatorPosition =\n        this.orientation === 'vertical'\n          ? 'inline-end'\n          : (this.#computedPlacement ?? settings.indicatorPosition)\n    }\n  }\n\n  readonly #onSlotchange = (): void => {\n    this.#updateTabsCache()\n\n    if (this.#tabs.length > 0) this.#setCurrentTab(this.#tabs[0])\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"qds-tabbar.entry.js","sources":["src/components/tabbar/tabbar.css?tag=qds-tabbar&encapsulation=shadow","src/components/tabbar/tabbar.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: block;\n}\n\n.qds-vertical,\n.qds-vertical-divider,\n.qds-tabbar,\n.qds-tabs {\n  display: flex;\n}\n\n.qds-vertical-divider,\n.qds-tabbar {\n  width: inherit;\n}\n\n.qds-arrow-start {\n  transform: scaleX(var(--qds-direction-factor, 1)) rotate(180deg);\n}\n\n.qds-align-center {\n  align-content: center;\n}\n\n.qds-hidden {\n  display: none;\n}\n\n.qds-centered {\n  justify-content: center;\n}\n\n.qds-tabs {\n  flex: 1;\n  margin-block: 0;\n  overflow: auto;\n  padding-inline-start: 0;\n  scroll-behavior: smooth;\n  scrollbar-width: none;\n}\n\n.qds-vertical {\n  flex-direction: column;\n}\n\n.qds-vertical-divider {\n  flex-direction: row;\n}\n\n[data-size='small'] {\n  gap: var(--qds-control-small-gap-siblings-related);\n}\n\n[data-size='standard'] {\n  gap: var(--qds-control-standard-gap-siblings-related);\n}\n\n[data-size='large'] {\n  gap: var(--qds-control-large-gap-siblings-related);\n}\n\n[data-layer='main'] {\n  &[data-level='root'] .qds-tabs {\n    gap: var(--qds-control-large-gap-siblings-related);\n  }\n\n  &[data-level='section'] .qds-tabs {\n    gap: var(--qds-control-standard-gap-siblings-related);\n  }\n\n  &[data-level='subsection'] .qds-tabs {\n    gap: var(--qds-control-small-gap-siblings-related);\n  }\n}\n\n[data-layer='popup'] {\n  &[data-level='root'] .qds-tabs {\n    gap: var(--qds-control-standard-gap-siblings-related);\n  }\n\n  &[data-level='section'] .qds-tabs {\n    gap: var(--qds-control-small-gap-siblings-related);\n  }\n}\n\n:is([data-layer='panel'], [data-layer='accessory'])[data-level='root']\n  .qds-tabs {\n  gap: var(--qds-control-small-gap-siblings-related);\n}\n\n.qds-sr-only {\n  clip: rect(0 0 0 0);\n  height: 1px;\n  width: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface, EventEmitter } from '@stencil/core'\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  h,\n  Listen,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core'\n\nimport {\n  componentOnReady,\n  HORIZONTAL_MOVE_KEYS,\n  invariant,\n  resolvePanelElement,\n  VERTICAL_MOVE_KEYS,\n} from '../../helpers'\nimport type { IndicatorPosition } from '../icon-tab/icon-tab'\nimport type { Importance, Size } from '../shared'\nimport type { Tab } from '../tab/tab'\n\nexport type Layer = 'accessory' | 'main' | 'panel' | 'popup'\nexport type Level = 'root' | 'section' | 'subsection'\nexport type TabbarSize = Size | undefined\nexport type TabbarImportance = Exclude<Importance, 'emphasized'> | undefined\nexport type Orientation = 'horizontal' | 'vertical'\nexport type Placement = 'bottom' | 'end' | 'start' | 'top'\nexport type Alignment = 'center' | 'start'\n\ntype TabItemElement = HTMLQdsIconTabElement | HTMLQdsTabElement\n\nconst TAB_ITEM_SELECTOR = 'qds-icon-tab, qds-tab'\n\nconst TAB_SETTINGS: Record<\n  string,\n  Pick<Tab, 'importance' | 'indicatorPosition' | 'size'> | undefined\n> = {\n  'main-root': {\n    importance: 'standard',\n    size: 'large',\n    indicatorPosition: 'block-end',\n  },\n  'main-section': {\n    importance: 'standard',\n    size: 'standard',\n    indicatorPosition: 'block-end',\n  },\n  'popup-root': {\n    importance: 'standard',\n    size: 'standard',\n    indicatorPosition: 'block-end',\n  },\n  'main-subsection': {\n    importance: 'subdued',\n    size: 'small',\n    indicatorPosition: 'block-start',\n  },\n  'popup-section': {\n    importance: 'subdued',\n    size: 'small',\n    indicatorPosition: 'inline-start',\n  },\n  'panel-root': {\n    importance: 'standard',\n    size: 'small',\n    indicatorPosition: 'block-start',\n  },\n  'accessory-root': {\n    importance: 'subdued',\n    size: 'small',\n    indicatorPosition: 'block-end',\n  },\n}\n\nconst isTabItem = (item: unknown): item is TabItemElement => {\n  if (!(item instanceof HTMLElement)) return false\n\n  const tagName = item.tagName.toLowerCase()\n  return tagName === 'qds-tab' || tagName === 'qds-icon-tab'\n}\n\nconst isEnabledTabItem = (item: unknown): item is TabItemElement =>\n  isTabItem(item) && !item.inert && item.disabled !== true\n\nconst isTabActive = (tab: TabItemElement): boolean => tab.selected\n\nconst getTabTrigger = (tab: TabItemElement): HTMLElement =>\n  (tab as TabItemElement & { tab: HTMLElement }).tab\n\nconst getPanelId = (tab: TabItemElement): string => {\n  const panelElement = resolvePanelElement(tab)\n  return panelElement?.id ?? ''\n}\n\n/**\n * `<qds-tabbar>` is the component that facilitates navigation between the groups\n * of related content within the page.\n * It allows users to switch between groups by clicking on Tabs without going to another page.\n */\n@Component({\n  tag: 'qds-tabbar',\n  shadow: { delegatesFocus: true },\n  styleUrl: 'tabbar.css',\n})\nexport class Tabbar implements ComponentInterface {\n  /**\n   * The tabbar's layer.\n   *\n   * @deprecated The property layer is deprecated. Please use `size` property instead.\n   * Please do not use `layer` and `size` at the same time.\n   */\n  @Prop() public layer?: Layer = 'main'\n\n  /**\n   * The tabbar's level.\n   *\n   * @deprecated The property level is deprecated. Please use `size` property instead.\n   * Please do not use `level` and `size` at the same time.\n   */\n  @Prop() public level?: Level = 'root'\n\n  /**\n   * The tabbar's size. This controls the size of the tabs within the tabbar.\n   */\n  @Prop() public size?: Size = 'standard'\n\n  /**\n   * The tabbar's orientation.\n   *\n   * @deprecated Please use the `placement` property instead. Do not use\n   * `orientation` and `placement` at the same time.\n   */\n  @Prop() public orientation?: Orientation = 'horizontal'\n\n  /**\n   * The tabbar's placement.\n   */\n  @Prop() public placement?: Placement = 'top'\n\n  /**\n   * the tablist Description\n   */\n  @Prop() public readonly tablistDescription?: string\n\n  /**\n   * Displays a divider line.\n   */\n  @Prop() public showDivider?: boolean = false\n\n  /**\n   * The alignment of tabs. Only applicable for horizontal orientation.\n   */\n  @Prop() public readonly alignment?: Alignment = 'start'\n\n  /**\n   * The importance of the tabbar. This controls the visual emphasis of the tabs within the tabbar.\n   */\n  @Prop() public importance?: TabbarImportance\n\n  /**\n   * Sets the active tab by panel identifier.\n   * When set, navigates to the tab with the matching panel.\n   */\n  @Prop() public active?: string\n\n  /**\n   * Emitted when the user selects the tab.\n   */\n  @Event({ eventName: 'qdsTabShow', cancelable: false })\n  private readonly showEmitter!: EventEmitter<HTMLElement>\n\n  /**\n   * Emitted when the user selects the tab.\n   */\n  @Event({ eventName: 'qdsTabHide', cancelable: false })\n  private readonly hideEmitter!: EventEmitter<HTMLElement>\n\n  @Element() private readonly host!: HTMLElement\n\n  @AttachInternals() private readonly internals!: ElementInternals\n\n  @State() private disableEndArrow = false\n\n  @State() private disableStartArrow = false\n\n  @State() private activeTab?: TabItemElement\n\n  @State() private scrollAnnouncement = ''\n\n  #tabs: TabItemElement[] = []\n\n  #ro: ResizeObserver | undefined\n\n  #mutationObserver?: MutationObserver\n\n  #tabbar?: HTMLElement\n\n  #toggleAnnouncement = false\n\n  #scrollStartButton?: HTMLElement\n\n  #scrollEndButton?: HTMLElement\n\n  #pendingArrowFocus?: 'end' | 'start'\n\n  #isInternallySettingActive = false\n\n  get #computedImportance(): TabbarImportance {\n    return this.importance\n  }\n\n  get #computedSize(): Size | undefined {\n    return this.size ?? undefined\n  }\n\n  get #computedPlacement(): IndicatorPosition | undefined {\n    switch (this.placement) {\n      case 'top': {\n        return 'block-end'\n      }\n      case 'end': {\n        return 'inline-start'\n      }\n      case 'bottom': {\n        return 'block-start'\n      }\n      case 'start': {\n        return 'inline-end'\n      }\n      default: {\n        return undefined\n      }\n    }\n  }\n\n  get #computeDividerVisible(): boolean {\n    if (this.layer === 'panel') return false\n    if (\n      this.layer === 'main' &&\n      this.level === 'subsection' &&\n      (this.orientation === 'horizontal' || this.#isVerticalPlacement())\n    )\n      return false\n    return this.showDivider === true\n  }\n\n  get #computedAriaOrientation(): Orientation {\n    return this.orientation === 'vertical' || this.#isVerticalPlacement()\n      ? 'vertical'\n      : 'horizontal'\n  }\n\n  @Watch('importance')\n  protected settingChanged(): void {\n    this.#setTabSettings()\n  }\n\n  @Watch('orientation')\n  @Watch('placement')\n  @Watch('tablistDescription')\n  protected accessibilityChanged(): void {\n    this.#syncInternalsAccessibility()\n  }\n\n  @Listen('resize', { target: 'window' })\n  protected windowResize(): void {\n    this.#onViewportCrop()\n  }\n\n  @Watch('active')\n  protected activeChanged(): void {\n    if (this.#isInternallySettingActive) return\n    if (this.active === undefined || this.active === '') return\n\n    const tabs = this.#getTabItems()\n    const nextTab = tabs.find((tab) => {\n      const panelId = getPanelId(tab)\n      return panelId === this.active\n    })\n\n    if (!nextTab || nextTab.disabled === true) return\n\n    const previousTab = this.activeTab\n    if (previousTab === nextTab && this.active === getPanelId(nextTab)) return\n\n    this.activeTab = nextTab\n\n    if (previousTab && previousTab !== nextTab) {\n      this.hideEmitter.emit(previousTab)\n    }\n    if (previousTab !== nextTab) {\n      this.showEmitter.emit(nextTab)\n    }\n\n    // Update tab states without triggering mutation observer\n    this.#isInternallySettingActive = true\n    for (const t of tabs) {\n      const target = getTabTrigger(t)\n      const isSelected = t === nextTab\n      t.selected = isSelected\n      if (target instanceof globalThis.Element)\n        target.ariaSelected = isSelected.toString()\n    }\n    this.#isInternallySettingActive = false\n\n    this.#switchTabPanel(nextTab)\n  }\n\n  public componentWillLoad(): void {\n    this.settingChanged()\n    this.internals.role = 'tablist'\n    this.#syncInternalsAccessibility()\n    const tabs = this.#getTabItems()\n    const preselectedTab = tabs.find((tab) => isTabActive(tab))\n    if (preselectedTab) this.#setActiveTab(preselectedTab)\n    else if (tabs.length > 0) this.#setActiveTab(tabs[0])\n  }\n\n  public componentDidRender(): void {\n    if (this.activeTab) this.#switchTabPanel(this.activeTab)\n    if (this.#pendingArrowFocus === 'start' && this.disableEndArrow) {\n      this.#pendingArrowFocus = undefined\n      this.#scrollStartButton?.focus()\n    } else if (this.#pendingArrowFocus === 'end' && this.disableStartArrow) {\n      this.#pendingArrowFocus = undefined\n      this.#scrollEndButton?.focus()\n    }\n    this.settingChanged()\n  }\n\n  public componentDidLoad(): void {\n    invariant(this.#tabbar)\n\n    this.#ro = new ResizeObserver(this.#onScroll)\n    this.#ro.observe(this.#tabbar)\n\n    this.#mutationObserver = new MutationObserver((mutations) => {\n      this.#handleTabMutation(mutations)\n    })\n    this.#mutationObserver.observe(this.host, {\n      attributes: true,\n      attributeFilter: ['active'],\n      childList: true,\n      subtree: true,\n    })\n  }\n\n  public disconnectedCallback(): void {\n    this.#ro?.disconnect()\n    this.#mutationObserver?.disconnect()\n  }\n\n  public render() {\n    return (\n      <div\n        class={{\n          'qds-vertical-divider':\n            this.orientation === 'vertical' || this.#isVerticalPlacement(),\n        }}\n        data-layer={this.layer}\n        data-level={this.level}\n        data-importance={this.#computedImportance}\n      >\n        <span class=\"qds-sr-only\" aria-live=\"polite\">\n          {this.scrollAnnouncement}\n        </span>\n        {this.#computeDividerVisible && this.#isEndOrBottomPlacement() && (\n          <qds-divider\n            vertical={\n              this.orientation === 'vertical' || this.#isVerticalPlacement()\n            }\n          />\n        )}\n        <div class=\"qds-tabbar\">\n          <div\n            class={{\n              'qds-align-center': true,\n              'qds-hidden':\n                (this.disableEndArrow && this.disableStartArrow) ||\n                this.orientation === 'vertical' ||\n                this.#isVerticalPlacement(),\n            }}\n          >\n            <qds-icon-button\n              aria-label=\"show previous tab\"\n              importance=\"subdued\"\n              iconName=\"next\"\n              iconLibrary=\"core\"\n              class=\"qds-arrow-start\"\n              onClick={this.#scrollToStart}\n              disabled={this.disableStartArrow}\n              ref={this.#scrollStartButtonRef}\n            />\n          </div>\n          {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n          <div\n            class={{\n              'qds-tabs': true,\n              'qds-vertical':\n                this.orientation === 'vertical' || this.#isVerticalPlacement(),\n              'qds-centered':\n                this.alignment === 'center' &&\n                (this.orientation === 'horizontal' ||\n                  this.#isHorizontalPlacement()) &&\n                this.disableEndArrow &&\n                this.disableStartArrow,\n            }}\n            ref={(element) => {\n              this.#tabbar = element\n            }}\n            onClick={this.#onClick}\n            onKeyDown={this.#onKeyDown}\n            onMouseDown={this.#onMouseDown}\n            onScroll={this.#onScroll}\n          >\n            <slot onSlotchange={this.#onSlotchange} />\n          </div>\n          <div\n            class={{\n              'qds-align-center': true,\n              'qds-hidden':\n                (this.disableEndArrow && this.disableStartArrow) ||\n                this.orientation === 'vertical' ||\n                this.#isVerticalPlacement(),\n            }}\n          >\n            <qds-icon-button\n              aria-label=\"show next tab\"\n              iconName=\"next\"\n              iconLibrary=\"core\"\n              importance=\"subdued\"\n              onClick={this.#scrollToEnd}\n              disabled={this.disableEndArrow}\n              ref={this.#scrollEndButtonRef}\n            />\n          </div>\n        </div>\n        {this.#computeDividerVisible && !this.#isEndOrBottomPlacement() && (\n          <qds-divider\n            vertical={\n              this.orientation === 'vertical' || this.#isVerticalPlacement()\n            }\n          />\n        )}\n      </div>\n    )\n  }\n\n  #getTabItems(): TabItemElement[] {\n    return [\n      ...this.host.querySelectorAll<HTMLElement>(TAB_ITEM_SELECTOR),\n    ].filter((element): element is TabItemElement => isTabItem(element))\n  }\n\n  #announceScroll(direction: 'next' | 'previous'): void {\n    const text =\n      direction === 'next' ? 'Next tabs showed' : 'Previous tabs showed'\n    this.#toggleAnnouncement = !this.#toggleAnnouncement\n    this.scrollAnnouncement = text + (this.#toggleAnnouncement ? '' : '.')\n  }\n\n  readonly #scrollToStart = (): void => {\n    invariant(this.#tabbar)\n\n    const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl'\n    this.#pendingArrowFocus = 'end'\n    this.#tabbar.scroll({\n      left: isRTL\n        ? this.#tabbar.scrollLeft + this.#tabbar.clientWidth\n        : this.#tabbar.scrollLeft - this.#tabbar.clientWidth,\n    })\n    this.#announceScroll('previous')\n  }\n\n  readonly #scrollToEnd = (): void => {\n    invariant(this.#tabbar)\n\n    const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl'\n    this.#pendingArrowFocus = 'start'\n    this.#tabbar.scroll({\n      left: isRTL\n        ? this.#tabbar.scrollLeft - this.#tabbar.clientWidth\n        : this.#tabbar.scrollLeft + this.#tabbar.clientWidth,\n    })\n    this.#announceScroll('next')\n  }\n\n  #setActiveTab(tab: TabItemElement): void {\n    this.activeTab = tab\n    const panelId = getPanelId(tab)\n\n    this.#isInternallySettingActive = true\n    this.active = panelId\n    for (const t of this.#getTabItems()) {\n      const target = getTabTrigger(t)\n      const isSelected = t === tab\n      t.selected = isSelected\n      if (target instanceof globalThis.Element)\n        target.ariaSelected = isSelected.toString()\n    }\n    this.#isInternallySettingActive = false\n  }\n\n  #handleTabMutation(mutations: MutationRecord[]): void {\n    if (this.#isInternallySettingActive) return\n\n    const activeTab = mutations\n      .map((m) => m.target)\n      .find(\n        (target): target is TabItemElement =>\n          target instanceof HTMLElement && isTabItem(target) && target.selected,\n      )\n\n    if (activeTab) {\n      this.#setActiveTab(activeTab)\n    }\n  }\n\n  #activateTab(tab: TabItemElement): void {\n    const previousTab = this.activeTab\n    if (previousTab === tab) return\n\n    this.activeTab = tab\n    const panelId = getPanelId(tab)\n\n    if (previousTab) {\n      this.hideEmitter.emit(previousTab)\n    }\n    this.showEmitter.emit(tab)\n    this.#setCurrentTab(tab)\n    this.#switchTabPanel(tab)\n\n    // Set active property without triggering watcher events again\n    this.#isInternallySettingActive = true\n    this.active = panelId\n    this.#isInternallySettingActive = false\n\n    for (const t of this.#getTabItems()) {\n      const target = getTabTrigger(t)\n      const isSelected = t === tab\n      t.selected = isSelected\n      if (target instanceof globalThis.Element)\n        target.ariaSelected = isSelected.toString()\n    }\n  }\n\n  #switchTabPanel(activeTab: TabItemElement): void {\n    for (const tab of this.#tabs) {\n      const panel = resolvePanelElement(tab)\n      if (panel) {\n        panel.hidden = tab !== activeTab\n      }\n    }\n  }\n\n  #getCurrentTab(): TabItemElement | undefined {\n    return this.#tabs.find(\n      (tab) => getTabTrigger(tab).getAttribute('tabindex') === '0',\n    )\n  }\n\n  #setCurrentTab(tab: TabItemElement): void {\n    for (const t of this.#tabs) {\n      const isCurrent = t === tab\n\n      componentOnReady(t, (element: TabItemElement | undefined) => {\n        const target = element ? getTabTrigger(element) : undefined\n        if (target === undefined) return\n        const isDisabled = target.getAttribute('aria-disabled') === 'true'\n        const shouldActivateTab = isCurrent && !isDisabled\n        const tabindex = shouldActivateTab ? '0' : '-1'\n        target.setAttribute('tabindex', tabindex)\n        if (shouldActivateTab) this.#activateTab(t)\n      })\n    }\n  }\n\n  readonly #isVerticalPlacement = (): boolean =>\n    this.placement === 'start' || this.placement === 'end'\n\n  readonly #isHorizontalPlacement = (): boolean =>\n    this.placement === 'top' || this.placement === 'bottom'\n\n  readonly #isEndOrBottomPlacement = (): boolean =>\n    this.placement === 'end' || this.placement === 'bottom'\n\n  readonly #onClick = (event: MouseEvent): void => {\n    const { target } = event\n    if (!(target instanceof HTMLElement)) return\n    const tab = target.closest(TAB_ITEM_SELECTOR)\n    if (!isEnabledTabItem(tab)) return\n\n    this.#activateTab(tab)\n  }\n\n  readonly #onKeyDown = (event: KeyboardEvent): void => {\n    const isVertical =\n      this.orientation === 'vertical' || this.#isVerticalPlacement()\n    const MOVE_SELECTION_KEYS = isVertical\n      ? VERTICAL_MOVE_KEYS\n      : HORIZONTAL_MOVE_KEYS\n    if (!MOVE_SELECTION_KEYS.has(event.key)) return\n\n    const tabs = this.#tabs\n    if (tabs.length === 0) return\n\n    event.preventDefault()\n    event.stopPropagation()\n\n    const activeTab = this.#getCurrentTab()\n    let index = activeTab ? tabs.indexOf(activeTab) : 0\n\n    const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl'\n\n    let nextTab: TabItemElement | undefined\n    do {\n      switch (event.key) {\n        case 'ArrowLeft':\n        case 'ArrowUp': {\n          index = (isRTL ? index < tabs.length - 1 : index > 0)\n            ? index - (isRTL ? -1 : 1)\n            : isRTL\n              ? 0\n              : tabs.length - 1\n          break\n        }\n        case 'ArrowRight':\n        case 'ArrowDown': {\n          index = (isRTL ? index > 0 : index < tabs.length - 1)\n            ? index + (isRTL ? -1 : 1)\n            : isRTL\n              ? tabs.length - 1\n              : 0\n          break\n        }\n        case 'Home': {\n          index = isRTL ? tabs.length - 1 : 0\n          break\n        }\n        case 'End': {\n          index = isRTL ? 0 : tabs.length - 1\n          break\n        }\n        default:\n      }\n      nextTab = tabs[index]\n    } while (nextTab.disabled === true)\n\n    this.#setCurrentTab(nextTab)\n\n    const target = getTabTrigger(nextTab)\n    target.focus({ preventScroll: true })\n    if (!isVertical) target.scrollIntoView()\n    this.#activateTab(nextTab)\n  }\n\n  readonly #onMouseDown = (event: MouseEvent): void => {\n    const { target } = event\n    if (!(target instanceof HTMLElement)) return\n\n    const tab = target.closest(TAB_ITEM_SELECTOR)\n    if (isEnabledTabItem(tab)) this.#setCurrentTab(tab)\n  }\n\n  readonly #onScroll = (): void => {\n    if (!this.#tabbar) return\n\n    const { clientWidth, scrollWidth, scrollLeft } = this.#tabbar\n\n    const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl'\n    this.disableStartArrow = scrollLeft === 0\n    this.disableEndArrow = isRTL\n      ? scrollWidth + scrollLeft <= clientWidth\n      : scrollWidth - clientWidth - scrollLeft <= 1\n  }\n\n  readonly #onViewportCrop = (): void => {\n    if (!this.#tabbar) return\n\n    const { scrollWidth, clientWidth } = this.#tabbar\n\n    if (scrollWidth > clientWidth) {\n      this.#onScroll()\n    }\n  }\n\n  #syncInternalsAccessibility(): void {\n    this.internals.ariaOrientation = this.#computedAriaOrientation\n    this.internals.ariaLabel = this.tablistDescription ?? ''\n  }\n\n  #updateTabsCache(): void {\n    const slot = this.host.shadowRoot?.querySelector('slot')\n    this.#tabs = slot\n      ? [...slot.assignedElements({ flatten: true })].filter(\n          (element): element is TabItemElement => isEnabledTabItem(element),\n        )\n      : []\n  }\n\n  #setTabSettings(): void {\n    const settings = TAB_SETTINGS[`${this.layer}-${this.level}`]\n    if (!settings) return\n\n    for (const tab of this.#getTabItems()) {\n      tab.importance = this.#computedImportance ?? settings.importance\n      tab.size = this.#computedSize ?? settings.size\n\n      tab.indicatorPosition =\n        this.orientation === 'vertical'\n          ? 'inline-end'\n          : (this.#computedPlacement ?? settings.indicatorPosition)\n    }\n  }\n\n  readonly #onSlotchange = (): void => {\n    this.#updateTabsCache()\n\n    if (this.#tabs.length > 0) this.#setCurrentTab(this.#tabs[0])\n\n    this.#onViewportCrop()\n  }\n\n  readonly #scrollEndButtonRef = (button?: HTMLElement): void => {\n    this.#scrollEndButton = button\n  }\n\n  readonly #scrollStartButtonRef = (button?: HTMLElement): void => {\n    this.#scrollStartButton = button\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/qds-table-head-cell.entry.js

@@ -63,9 +63,9 @@ const TableHeadCell = class {
     render() {
         return (
         // eslint-disable-next-line jsx-a11y/control-has-associated-label
-        h("th", { key: '39eede66689e3b36b792e5e046e30874aa30cc8e', class: "qds-table-head-cell", "data-size": __classPrivateFieldGet(this, _TableHeadCell_instances, "a", _TableHeadCell_computedSize_get), colSpan: this.colSpan, rowSpan: this.rowSpan, scope: this.scope,
+        h("th", { key: '16fe39b4b5a08bc7ec90ec9d32930f9163e12b07', class: "qds-table-head-cell", "data-size": __classPrivateFieldGet(this, _TableHeadCell_instances, "a", _TableHeadCell_computedSize_get), colSpan: this.colSpan, rowSpan: this.rowSpan, scope: this.scope,
             // eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
-            role: "none" }, h("slot", { key: '5a9b851f4d1197066ce220fe73259262bca7c628' })));
+            role: "none" }, h("slot", { key: '9830dc68cec377ecf68fe362f304b5a561a580d9' })));
     }
     static get watchers() { return {
         "colSpan": ["colSpanChanged"],

package/dist/esm/qds-tag.entry.js

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { r as registerInstance, h, F as Fragment, g as getElement } from './index-Hg1Liloy.js';
-import { c as inheritAriaAttributes } from './helpers-mPQzhx-O.js';
+import { f as inheritAriaAttributes } from './helpers-_a9kqEyo.js';
 
 const tagCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-tag{align-items:center;box-sizing:border-box;display:inline-flex;justify-content:center;max-width:inherit;min-width:inherit;width:inherit}.qds-text{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.qds-icon{flex-shrink:0}[data-status=error]{color:var(--qds-theme-feedback-message-critical)}[data-status=success]{color:var(--qds-theme-feedback-message-success)}[data-status=warning]{color:var(--qds-theme-feedback-message-important)}[data-status=info]{color:var(--qds-theme-feedback-message-informational)}[data-status=neutral]{color:var(--qds-theme-feedback-message-neutral)}[data-importance=subdued] .qds-text{color:var(--qds-theme-text-standard)}[data-importance=standard][data-status=error]{background-color:var(--qds-theme-feedback-message-critical-dimmed)}[data-importance=standard][data-status=success]{background-color:var(--qds-theme-feedback-message-success-dimmed)}[data-importance=standard][data-status=warning]{background-color:var(--qds-theme-feedback-message-important-dimmed)}[data-importance=standard][data-status=info]{background-color:var(--qds-theme-feedback-message-informational-dimmed)}[data-importance=standard][data-status=neutral]{background-color:var(--qds-theme-feedback-message-neutral-dimmed)}[data-importance=emphasized][data-status=error]{background-color:var(--qds-theme-feedback-message-critical);color:var(--qds-theme-feedback-message-critical-contrast)}[data-importance=emphasized][data-status=success]{background-color:var(--qds-theme-feedback-message-success);color:var(--qds-theme-feedback-message-success-contrast)}[data-importance=emphasized][data-status=warning]{background-color:var(--qds-theme-feedback-message-important);color:var(--qds-theme-feedback-message-important-contrast)}[data-importance=emphasized][data-status=info]{background-color:var(--qds-theme-feedback-message-informational);color:var(--qds-theme-feedback-message-informational-contrast)}[data-importance=emphasized][data-status=neutral]{background-color:var(--qds-theme-feedback-message-neutral);color:var(--qds-theme-feedback-message-neutral-contrast)}.qds-tag[data-size=small]{border-radius:var(--qds-feedback-tag-small-border-radius);font:var(--qds-feedback-tag-small-text);gap:var(--qds-feedback-tag-small-gap-internal);min-height:var(--qds-feedback-tag-small-height)}.qds-padding[data-size=small]{padding:var(--qds-feedback-tag-small-padding-vertical) var(--qds-feedback-tag-small-padding-horizontal)}.qds-icon[data-size=small]{height:var(--qds-feedback-tag-small-icon-size);width:var(--qds-feedback-tag-small-icon-size)}.qds-tag[data-size=standard]{border-radius:var(--qds-feedback-tag-standard-border-radius);font:var(--qds-feedback-tag-standard-text);gap:var(--qds-feedback-tag-standard-gap-internal);min-height:var(--qds-feedback-tag-standard-height)}.qds-padding[data-size=standard]{padding:var(--qds-feedback-tag-large-padding-vertical) var(--qds-feedback-tag-standard-padding-horizontal)}.qds-icon[data-size=standard]{height:var(--qds-feedback-tag-standard-icon-size);width:var(--qds-feedback-tag-standard-icon-size)}.qds-tag[data-size=large]{border-radius:var(--qds-feedback-tag-large-border-radius);font:var(--qds-feedback-tag-large-text);gap:var(--qds-feedback-tag-large-gap-internal);min-height:var(--qds-feedback-tag-large-height)}.qds-padding[data-size=large]{padding:var(--qds-feedback-tag-large-padding-vertical) var(--qds-feedback-tag-large-padding-horizontal)}.qds-icon[data-size=large]{height:var(--qds-feedback-tag-large-icon-size);width:var(--qds-feedback-tag-large-icon-size)}";
 
@@ -58,11 +58,11 @@ const Tag = class {
         __classPrivateFieldSet(this, _Tag_inheritedAttributes, inheritAriaAttributes(this.host), "f");
     }
     render() {
-        return (h("span", { key: '194fb2d697edf8bd3dcf8bd673adf7782c45bfcd', class: {
+        return (h("span", { key: '88bdc52e4729a80ef0dbf0e6b4e5c085a1d9acb8', class: {
                 'qds-tag': true,
                 'qds-padding': this.importance !== 'subdued',
             }, "data-importance": __classPrivateFieldGet(this, _Tag_instances, "a", _Tag_computedImportance_get), "data-size": __classPrivateFieldGet(this, _Tag_instances, "a", _Tag_computedSize_get), "data-status": __classPrivateFieldGet(this, _Tag_instances, "a", _Tag_computedStatus_get), ...__classPrivateFieldGet(this, _Tag_inheritedAttributes, "f") }, this.iconName !== undefined && this.iconName !== '' ? (h(Fragment, null, this.iconDescription !== undefined &&
-            this.iconDescription !== '' && (h("span", { class: "qds-sr-only" }, this.iconDescription)), h("qds-icon", { class: "qds-icon", "data-size": __classPrivateFieldGet(this, _Tag_instances, "a", _Tag_computedSize_get), library: this.iconLibrary, name: this.iconName }))) : (__classPrivateFieldGet(this, _Tag_instances, "a", _Tag_hasBadge_get) && (h("qds-badge-indicator", { status: __classPrivateFieldGet(this, _Tag_instances, "a", _Tag_computedStatus_get), description: this.badgeDescription, size: __classPrivateFieldGet(this, _Tag_instances, "a", _Tag_computedSize_get), strokeRing: true }))), h("span", { key: '705880cc4ddd215757ca217af2b348cdd1cf5ba7', class: "qds-text" }, this.text)));
+            this.iconDescription !== '' && (h("span", { class: "qds-sr-only" }, this.iconDescription)), h("qds-icon", { class: "qds-icon", "data-size": __classPrivateFieldGet(this, _Tag_instances, "a", _Tag_computedSize_get), library: this.iconLibrary, name: this.iconName }))) : (__classPrivateFieldGet(this, _Tag_instances, "a", _Tag_hasBadge_get) && (h("qds-badge-indicator", { status: __classPrivateFieldGet(this, _Tag_instances, "a", _Tag_computedStatus_get), description: this.badgeDescription, size: __classPrivateFieldGet(this, _Tag_instances, "a", _Tag_computedSize_get), strokeRing: true }))), h("span", { key: 'c070ff3e5308ee34e42209ea1d5638b33ad9c16a', class: "qds-text" }, this.text)));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/qds-textarea.entry.js

@@ -4,10 +4,10 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-Hg1Liloy.js';
-import { i as invariant, p as pickFocusEventAttributes, e as pickInputEventAttributes, c as inheritAriaAttributes } from './helpers-mPQzhx-O.js';
+import { i as invariant, p as pickFocusEventAttributes, h as pickInputEventAttributes, f as inheritAriaAttributes } from './helpers-_a9kqEyo.js';
 import { V as VALID_STATE, C as CUSTOM_ERROR_FLAGS, N as NO_ERROR_FLAGS } from './controls-CZRW1LV_.js';
 
-const textareaCss = ":host([hidden]){display:none!important}:host{display:inline-block;resize:both}slot{display:none}.qds-textarea{background-color:var(--qds-theme-form-input-background-active);border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-form-input-border-radius);box-sizing:border-box;color:var(--qds-theme-form-input-text-active);height:100%;letter-spacing:inherit;padding-inline:var(--qds-control-input-padding-horizontal);resize:inherit;width:100%;word-spacing:inherit}.qds-textarea:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-textarea:disabled{background-color:var(--qds-theme-form-input-background-default);opacity:var(--qds-theme-disabled);pointer-events:none}.qds-textarea:read-only{background-color:var(--qds-theme-form-input-background-read-only);border-color:var(--qds-theme-form-input-border-disabled)}.qds-textarea:focus-visible{box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-textarea:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}.qds-textarea:not(:focus):user-invalid{border-color:var(--qds-theme-form-input-border-error)}.qds-textarea[data-status]{border-width:var(--qds-form-input-border-width-status) var(\n        --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-status)\n      ) var(\n        --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-status)\n      ) var(--qds-form-input-border-width-status)}.qds-textarea[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-textarea[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-textarea[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}[data-size=small]{font:var(--qds-control-small-text);padding-block:var(--qds-control-small-padding-auto-height)}[data-size=standard]{font:var(--qds-control-standard-text);padding-block:var(--qds-control-standard-padding-auto-height)}[data-size=large]{font:var(--qds-control-large-text);padding-block:var(--qds-control-large-padding-auto-height)}";
+const textareaCss = ":host([hidden]){display:none!important}:host{display:inline-block;resize:both}slot{display:none}.qds-textarea{background-color:var(--qds-theme-form-input-background-active);border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-form-input-border-radius);box-sizing:border-box;color:var(--qds-theme-form-input-text-active);height:100%;letter-spacing:inherit;padding-inline:var(--qds-control-input-padding-horizontal);resize:inherit;width:100%;word-spacing:inherit}.qds-textarea:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-textarea:disabled{background-color:var(--qds-theme-form-input-background-default);opacity:var(--qds-theme-disabled);pointer-events:none}.qds-textarea:read-only{background-color:var(--qds-theme-form-input-background-read-only);border-color:var(--qds-theme-form-input-border-disabled)}.qds-textarea:focus-visible{box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-textarea::placeholder{color:var(--qds-theme-form-input-text-placeholder)}.qds-textarea:not(:focus):user-invalid{border-color:var(--qds-theme-form-input-border-error)}.qds-textarea[data-status]{border-width:var(--qds-form-input-border-width-status) var(\n        --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-status)\n      ) var(\n        --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-status)\n      ) var(--qds-form-input-border-width-status)}.qds-textarea[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-textarea[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-textarea[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}[data-size=small]{font:var(--qds-control-small-text);padding-block:var(--qds-control-small-padding-auto-height)}[data-size=standard]{font:var(--qds-control-standard-text);padding-block:var(--qds-control-standard-padding-auto-height)}[data-size=large]{font:var(--qds-control-large-text);padding-block:var(--qds-control-large-padding-auto-height)}";
 
 // SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
@@ -266,9 +266,9 @@ const TextArea = class {
         this.valueChanged();
     }
     render() {
-        return (h(Host, { key: '02cc12c22262aafb743e54316e2f37d6180af269' }, h("textarea", { key: 'd4c804e22e15953f61f089480b3e86abef1cda0d', autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
+        return (h(Host, { key: 'e4a8c71dc44612152518e44ea1dec9f2a60ddb80' }, h("textarea", { key: '42d5da43e4a033e62d9438cba9319f5a1bf3e76c', autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
             // eslint-disable-next-line jsx-a11y/no-autofocus
-            autoFocus: this.host.autofocus, class: "qds-textarea", cols: this.cols, "data-size": this.size ?? 'standard', "data-status": __classPrivateFieldGet(this, _TextArea_instances, "a", _TextArea_computedStatus_get), disabled: this.disabled, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, maxLength: this.maxLength, minLength: this.minLength, onBlur: __classPrivateFieldGet(this, _TextArea_onBlur, "f"), onChange: __classPrivateFieldGet(this, _TextArea_onChange, "f"), onFocus: __classPrivateFieldGet(this, _TextArea_onFocus, "f"), onInput: __classPrivateFieldGet(this, _TextArea_onInput, "f"), placeholder: this.placeholder, ref: __classPrivateFieldGet(this, _TextArea_ref, "f"), readOnly: this.readonly, rows: this.rows, spellcheck: this.host.spellcheck, tabIndex: __classPrivateFieldGet(this, _TextArea_instances, "a", _TextArea_computedDisabled_get) ? undefined : this.tabIndex, wrap: this.wrap, ...__classPrivateFieldGet(this, _TextArea_inheritedAttributes, "f") }), h("slot", { key: '290d42f23f3d42d9f8551761083ca0fad3bc47fd', onSlotchange: __classPrivateFieldGet(this, _TextArea_onSlotchange, "f") })));
+            autoFocus: this.host.autofocus, class: "qds-textarea", cols: this.cols, "data-size": this.size ?? 'standard', "data-status": __classPrivateFieldGet(this, _TextArea_instances, "a", _TextArea_computedStatus_get), disabled: this.disabled, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, maxLength: this.maxLength, minLength: this.minLength, onBlur: __classPrivateFieldGet(this, _TextArea_onBlur, "f"), onChange: __classPrivateFieldGet(this, _TextArea_onChange, "f"), onFocus: __classPrivateFieldGet(this, _TextArea_onFocus, "f"), onInput: __classPrivateFieldGet(this, _TextArea_onInput, "f"), placeholder: this.placeholder, ref: __classPrivateFieldGet(this, _TextArea_ref, "f"), readOnly: this.readonly, rows: this.rows, spellcheck: this.host.spellcheck, tabIndex: __classPrivateFieldGet(this, _TextArea_instances, "a", _TextArea_computedDisabled_get) ? undefined : this.tabIndex, wrap: this.wrap, ...__classPrivateFieldGet(this, _TextArea_inheritedAttributes, "f") }), h("slot", { key: '1f7a23defc50ec60b1d292306c205cf34ddef9ee', onSlotchange: __classPrivateFieldGet(this, _TextArea_onSlotchange, "f") })));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }