@quartzds/core 1.0.0-beta.13 → 1.0.0-beta.130

package/components/qds-icon-tab.js

@@ -0,0 +1,312 @@
+/*!
+ * SPDX-FileCopyrightText: © 2026 Schneider Electric
+ * 
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-D2489VzR.js';
+import { p as pickFocusEventAttributes, r as resolveTarget, d as isIndicator, e as isCounter, f as computeBadgeValue } from './p-eUDNu0SE.js';
+import { d as defineCustomElement$6 } from './p-XP2CY_fo.js';
+import { d as defineCustomElement$5 } from './p-DOqfdgQA.js';
+import { d as defineCustomElement$4 } from './p-fKK7EmM2.js';
+import { d as defineCustomElement$3 } from './p-Cb5Tgh-o.js';
+import { d as defineCustomElement$2 } from './p-B9xuNEzc.js';
+
+const iconTabCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}:host(:focus-visible){border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-icon-container{align-items:center;display:flex;justify-content:center;position:relative}.qds-icon{flex-shrink:0}.qds-icon:hover{background-color:initial}.qds-selected:active{background-color:var(--qds-theme-interactive-background-selected-pressed)}.qds-icon,.qds-text{color:var(--qds-theme-title)}.qds-badge-indicator{inset-block-start:0;inset-inline-end:0;position:absolute}.qds-badge-counter{inset-block-start:-2px;inset-inline-end:-2px;position:absolute}.qds-icon-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal);min-height:var(--qds-nav-element-small-height);min-width:var(--qds-nav-element-small-height)}[data-size=small] .qds-icon-container{height:var(--qds-control-small-height);width:var(--qds-control-small-height)}[data-size=small] .qds-icon-container>.qds-icon{height:var(--qds-nav-element-small-icon-size);width:var(--qds-nav-element-small-icon-size)}.qds-icon-tab[data-size=standard]{gap:var(--qds-nav-element-standard-gap-internal);min-height:var(--qds-nav-element-standard-height);min-width:var(--qds-nav-element-standard-height)}[data-size=standard] .qds-icon-container{height:var(--qds-control-standard-height);width:var(--qds-control-standard-height)}[data-size=standard] .qds-icon-container>.qds-icon{height:var(--qds-nav-element-standard-icon-size);width:var(--qds-nav-element-standard-icon-size)}.qds-icon-tab[data-size=large]{gap:var(--qds-nav-element-large-gap-internal);min-height:var(--qds-nav-element-large-height);min-width:var(--qds-nav-element-large-height)}[data-size=large] .qds-icon-container{height:var(--qds-control-large-height);width:var(--qds-control-large-height)}[data-size=large] .qds-icon-container>.qds-icon{height:var(--qds-nav-element-large-icon-size);width:var(--qds-nav-element-large-icon-size)}.qds-selected[data-importance=standard]:after,.qds-selected[data-importance=subdued]:after{border-radius:var(--qds-signature-line-connection-cap-radius);content:\"\";display:block;position:absolute}.qds-selected.qds-indicator-inline-end[data-importance=standard]:after,.qds-selected.qds-indicator-inline-end[data-importance=subdued]:after,.qds-selected.qds-indicator-inline-start[data-importance=standard]:after,.qds-selected.qds-indicator-inline-start[data-importance=subdued]:after{height:100%;width:var(--qds-signature-line-connection-width)}.qds-selected.qds-indicator-inline-end[data-importance=standard]:after,.qds-selected.qds-indicator-inline-end[data-importance=subdued]:after{inset-inline-end:0}.qds-selected.qds-indicator-inline-start[data-importance=standard]:after,.qds-selected.qds-indicator-inline-start[data-importance=subdued]:after{inset-inline-start:0}.qds-selected.qds-indicator-block-end[data-importance=standard]:after,.qds-selected.qds-indicator-block-end[data-importance=subdued]:after,.qds-selected.qds-indicator-block-start[data-importance=standard]:after,.qds-selected.qds-indicator-block-start[data-importance=subdued]:after{height:var(--qds-signature-line-connection-width);width:100%}.qds-selected.qds-indicator-block-end[data-importance=standard]:after,.qds-selected.qds-indicator-block-end[data-importance=subdued]:after{bottom:0}.qds-selected.qds-indicator-block-start[data-importance=standard]:after,.qds-selected.qds-indicator-block-start[data-importance=subdued]:after{top:0}[data-importance=standard]:hover:after{background-color:var(--qds-theme-signature-color-hover)}[data-importance=standard]:active:after{background-color:var(--qds-theme-signature-color-pressed)}.qds-selected[data-importance=standard]:after{background-color:var(--qds-theme-signature-color-default)}[data-importance=standard] .qds-selected .qds-icon{color:var(--qds-theme-title)}.qds-selected[data-importance=subdued]:after,[data-importance=subdued] :active:after{background-color:var(--qds-theme-link-subdued-pressed)}[data-importance=subdued]:hover:after{background-color:var(--qds-theme-link-subdued-hover)}.qds-selected[data-importance=subdued]:after{background-color:var(\n      --qds-theme-nav-element-selection-indicator-background-subdued\n    )}.qds-icon-tab{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex;justify-content:center;position:relative;text-align:initial}.qds-icon-tab:any-link{-webkit-text-decoration:none;text-decoration:none}.qds-icon-tab:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-icon-tab:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-icon-tab:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-hidden{display:none}";
+
+// SPDX-FileCopyrightText: © 2026 Schneider Electric
+//
+// SPDX-License-Identifier: Apache-2.0
+var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        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 __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _IconTab_instances, _IconTab_tab, _IconTab_panel, _IconTab_computedSize_get, _IconTab_computedImportance_get, _IconTab_parentLayer_get, _IconTab_parentLevel_get, _IconTab_computedDisabled_get, _IconTab_placement_get, _IconTab_isLink_get, _IconTab_syncAriaLabel, _IconTab_tabRef, _IconTab_tooltipRef, _IconTab_onBlur, _IconTab_onFocus, _IconTab_defineTab, _IconTab_defineGetter;
+let autoIncrementingId = 1;
+const IconTab = /*@__PURE__*/ proxyCustomElement(class IconTab extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.blurEmitter = createEvent(this, "qdsBlur", 2);
+        this.focusEmitter = createEvent(this, "qdsFocus", 2);
+        this.internals = this.attachInternals();
+        _IconTab_instances.add(this);
+        /**
+         * The tab's counter importance.
+         */
+        this.badgeCounterImportance = 'standard';
+        /**
+         * The indicator's status.
+         */
+        this.badgeIndicatorStatus = 'neutral';
+        /**
+         * The name of a registered icon library.
+         */
+        this.iconLibrary = 'default';
+        /**
+         * The tab's importance.
+         */
+        this.importance = 'standard';
+        /**
+         * The tab's indicator position.
+         */
+        this.indicatorPosition = 'block-end';
+        /**
+         * Whether or not the tab is selected.
+         */
+        this.selected = false;
+        /**
+         * The tab's size.
+         */
+        this.size = 'standard';
+        this.isIndicatorOnTop = false;
+        _IconTab_tab.set(this, void 0);
+        _IconTab_panel.set(this, void 0);
+        _IconTab_tabRef.set(this, (tab) => {
+            __classPrivateFieldSet(this, _IconTab_tab, tab, "f");
+            __classPrivateFieldGet(this, _IconTab_instances, "m", _IconTab_syncAriaLabel).call(this);
+        });
+        _IconTab_tooltipRef.set(this, (tooltip) => {
+            if (tooltip)
+                // eslint-disable-next-line no-param-reassign
+                tooltip.target = this.host;
+        });
+        _IconTab_onBlur.set(this, (event) => {
+            this.blurEmitter.emit(pickFocusEventAttributes(event));
+        });
+        _IconTab_onFocus.set(this, (event) => {
+            this.focusEmitter.emit(pickFocusEventAttributes(event));
+        });
+        _IconTab_defineTab.set(this, () => {
+            if (__classPrivateFieldGet(this, _IconTab_instances, "a", _IconTab_isLink_get)) {
+                // eslint-disable-next-line unicorn/no-null
+                this.internals.role = null;
+                __classPrivateFieldGet(this, _IconTab_instances, "m", _IconTab_defineGetter).call(this, 'tab', () => __classPrivateFieldGet(this, _IconTab_tab, "f"));
+            }
+            else {
+                this.internals.role = 'tab';
+                this.internals.ariaSelected = this.selected ? 'true' : 'false';
+                __classPrivateFieldGet(this, _IconTab_instances, "m", _IconTab_defineGetter).call(this, 'tab', () => this.host);
+            }
+            __classPrivateFieldGet(this, _IconTab_instances, "m", _IconTab_syncAriaLabel).call(this);
+        });
+    }
+    panelChanged() {
+        this.disconnectedCallback();
+        const panel = resolveTarget(this.panel, 'qds-icon-tab');
+        if (!(panel instanceof globalThis.Element))
+            return;
+        __classPrivateFieldSet(this, _IconTab_panel, panel, "f");
+        if (!__classPrivateFieldGet(this, _IconTab_instances, "a", _IconTab_isLink_get))
+            this.host.setAttribute('aria-controls', __classPrivateFieldGet(this, _IconTab_panel, "f").id);
+        if (__classPrivateFieldGet(this, _IconTab_panel, "f").role === null)
+            __classPrivateFieldGet(this, _IconTab_panel, "f").role = 'tabpanel';
+        if (__classPrivateFieldGet(this, _IconTab_panel, "f").getAttribute('aria-labelledby') === null)
+            __classPrivateFieldGet(this, _IconTab_panel, "f").setAttribute('aria-labelledby', this.host.id);
+        __classPrivateFieldGet(this, _IconTab_panel, "f").setAttribute('tabindex', __classPrivateFieldGet(this, _IconTab_panel, "f").getAttribute('tabindex') ?? '0');
+    }
+    onClick(event) {
+        if (__classPrivateFieldGet(this, _IconTab_instances, "a", _IconTab_computedDisabled_get))
+            event.stopImmediatePropagation();
+    }
+    tabindexChanged(newValue) {
+        const parsedValue = Number.parseInt(newValue, 10);
+        this.tabIndex =
+            parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
+    }
+    ariaLabelChanged() {
+        __classPrivateFieldGet(this, _IconTab_instances, "m", _IconTab_syncAriaLabel).call(this);
+    }
+    hrefChanged() {
+        __classPrivateFieldGet(this, _IconTab_defineTab, "f").call(this);
+        __classPrivateFieldGet(this, _IconTab_instances, "m", _IconTab_syncAriaLabel).call(this);
+    }
+    componentWillLoad() {
+        var _a;
+        this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
+        (_a = this.host).id || (_a.id = `qds-icon-tab-${autoIncrementingId}`);
+        autoIncrementingId += 1;
+        __classPrivateFieldGet(this, _IconTab_defineTab, "f").call(this);
+    }
+    componentWillRender() {
+        const isPanelRoot = __classPrivateFieldGet(this, _IconTab_instances, "a", _IconTab_parentLayer_get) === 'panel' && __classPrivateFieldGet(this, _IconTab_instances, "a", _IconTab_parentLevel_get) === 'root';
+        const isMainSubsection = __classPrivateFieldGet(this, _IconTab_instances, "a", _IconTab_parentLayer_get) === 'main' && __classPrivateFieldGet(this, _IconTab_instances, "a", _IconTab_parentLevel_get) === 'subsection';
+        this.isIndicatorOnTop = isPanelRoot || isMainSubsection;
+    }
+    componentDidLoad() {
+        this.panelChanged();
+    }
+    disconnectedCallback() {
+        if (!__classPrivateFieldGet(this, _IconTab_panel, "f"))
+            return;
+        this.host.removeAttribute('aria-controls');
+        if (__classPrivateFieldGet(this, _IconTab_panel, "f").role === 'tabpanel')
+            // eslint-disable-next-line unicorn/no-null
+            __classPrivateFieldGet(this, _IconTab_panel, "f").role = null;
+        if (__classPrivateFieldGet(this, _IconTab_panel, "f").getAttribute('aria-labelledby') === this.host.id)
+            __classPrivateFieldGet(this, _IconTab_panel, "f").removeAttribute('aria-labelledby');
+        __classPrivateFieldGet(this, _IconTab_panel, "f").removeAttribute('tabindex');
+    }
+    render() {
+        const isLink = __classPrivateFieldGet(this, _IconTab_instances, "a", _IconTab_isLink_get);
+        const Tag = isLink ? 'a' : 'div';
+        return (h("div", { key: 'a07a44895055d6ad057780791f1b47eb92f19656', "aria-disabled": __classPrivateFieldGet(this, _IconTab_instances, "a", _IconTab_computedDisabled_get) ? 'true' : undefined, class: {
+                'qds-selected': this.selected,
+            }, "data-size": __classPrivateFieldGet(this, _IconTab_instances, "a", _IconTab_computedSize_get), "data-importance": __classPrivateFieldGet(this, _IconTab_instances, "a", _IconTab_computedImportance_get) }, h(Tag, { key: '9f37a73925df953a0c82bff6916ee49d0e2d95f6', "aria-disabled": __classPrivateFieldGet(this, _IconTab_instances, "a", _IconTab_computedDisabled_get) ? 'true' : undefined, ...(isLink ? undefined : { disabled: this.disabled }), onBlur: __classPrivateFieldGet(this, _IconTab_onBlur, "f"), onFocus: __classPrivateFieldGet(this, _IconTab_onFocus, "f"), class: {
+                'qds-icon-tab': true,
+                'qds-selected': this.selected,
+                [`qds-indicator-${this.indicatorPosition}`]: true,
+            }, "aria-selected": isLink && this.selected ? 'true' : undefined, "data-importance": __classPrivateFieldGet(this, _IconTab_instances, "a", _IconTab_computedImportance_get), "data-size": __classPrivateFieldGet(this, _IconTab_instances, "a", _IconTab_computedSize_get), href: isLink ? this.href : undefined, role: isLink ? 'tab' : undefined, ref: __classPrivateFieldGet(this, _IconTab_tabRef, "f") }, h("div", { key: 'e86a614402e0fbb35deb4352955ced1957c05a4e', class: "qds-icon-container" }, h("qds-icon", { key: 'e0bc0565e7e362531cc93952f07b9ed9af583600', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName }), isIndicator(this.badge) && (h("qds-badge-indicator", { key: 'a198419320b358545bcf07c9614edfe2a7d34c4c', class: "qds-badge-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet(this, _IconTab_instances, "a", _IconTab_computedSize_get), strokeRing: true })), isCounter(this.badge) && (h("qds-badge-counter", { key: '08da61a0b23b5dbbacd1d383bd4ef855d6621d62', class: "qds-badge-counter", description: this.badgeDescription, importance: this.badgeCounterImportance, size: __classPrivateFieldGet(this, _IconTab_instances, "a", _IconTab_computedSize_get), strokeRing: true, value: this.badge })))), h("qds-tooltip", { key: 'ab638b82a0c6fe3d88ba28ee87d02c3ceb55d3df', placement: __classPrivateFieldGet(this, _IconTab_instances, "a", _IconTab_placement_get), ref: __classPrivateFieldGet(this, _IconTab_tooltipRef, "f") }, h("qds-title", { key: '1a0009d13238d7896416e476215476450d7107d8', layer: "accessory", level: "root" }, this.text))));
+    }
+    get host() { return this; }
+    static get watchers() { return {
+        "panel": ["panelChanged"],
+        "tabindex": ["tabindexChanged"],
+        "text": ["ariaLabelChanged"],
+        "badge": ["ariaLabelChanged"],
+        "badgeDescription": ["ariaLabelChanged"],
+        "href": ["hrefChanged"]
+    }; }
+    static get style() { return iconTabCss; }
+}, [257, "qds-icon-tab", {
+        "badge": [8],
+        "badgeCounterImportance": [1, "badge-counter-importance"],
+        "badgeDescription": [1, "badge-description"],
+        "badgeIndicatorStatus": [1, "badge-indicator-status"],
+        "disabled": [4],
+        "iconLibrary": [1, "icon-library"],
+        "iconName": [1, "icon-name"],
+        "importance": [1],
+        "indicatorPosition": [1, "indicator-position"],
+        "panel": [1],
+        "selected": [4],
+        "size": [1],
+        "text": [1],
+        "href": [1],
+        "tabIndex": [32],
+        "isIndicatorOnTop": [32]
+    }, [[0, "click", "onClick"]], {
+        "panel": ["panelChanged"],
+        "tabindex": ["tabindexChanged"],
+        "text": ["ariaLabelChanged"],
+        "badge": ["ariaLabelChanged"],
+        "badgeDescription": ["ariaLabelChanged"],
+        "href": ["hrefChanged"]
+    }]);
+_IconTab_tab = new WeakMap(), _IconTab_panel = new WeakMap(), _IconTab_tabRef = new WeakMap(), _IconTab_tooltipRef = new WeakMap(), _IconTab_onBlur = new WeakMap(), _IconTab_onFocus = new WeakMap(), _IconTab_defineTab = new WeakMap(), _IconTab_instances = new WeakSet(), _IconTab_computedSize_get = function _IconTab_computedSize_get() {
+    switch (this.size) {
+        case 'standard':
+        case 'small':
+        case 'large': {
+            return this.size;
+        }
+        default: {
+            return 'standard';
+        }
+    }
+}, _IconTab_computedImportance_get = function _IconTab_computedImportance_get() {
+    return this.importance ?? 'standard';
+}, _IconTab_parentLayer_get = function _IconTab_parentLayer_get() {
+    return this.host.closest('qds-tabbar')?.layer ?? 'main';
+}, _IconTab_parentLevel_get = function _IconTab_parentLevel_get() {
+    return this.host.closest('qds-tabbar')?.level ?? 'root';
+}, _IconTab_computedDisabled_get = function _IconTab_computedDisabled_get() {
+    return this.disabled ?? false;
+}, _IconTab_placement_get = function _IconTab_placement_get() {
+    switch (this.indicatorPosition) {
+        case 'inline-start': {
+            return 'left';
+        }
+        case 'inline-end': {
+            return 'right';
+        }
+        case 'block-start': {
+            return 'top';
+        }
+        default: {
+            return 'bottom';
+        }
+    }
+}, _IconTab_isLink_get = function _IconTab_isLink_get() {
+    return this.href !== undefined;
+}, _IconTab_syncAriaLabel = function _IconTab_syncAriaLabel() {
+    const ariaLabel = this.badge === undefined
+        ? // eslint-disable-next-line unicorn/no-null
+            (this.text ?? null)
+        : computeBadgeValue(this.text, this.badge, this.badgeDescription);
+    if (__classPrivateFieldGet(this, _IconTab_instances, "a", _IconTab_isLink_get)) {
+        // eslint-disable-next-line unicorn/no-null
+        this.internals.ariaLabel = null;
+        if (ariaLabel === null) {
+            __classPrivateFieldGet(this, _IconTab_tab, "f")?.removeAttribute('aria-label');
+        }
+        else {
+            __classPrivateFieldGet(this, _IconTab_tab, "f")?.setAttribute('aria-label', ariaLabel);
+        }
+        return;
+    }
+    __classPrivateFieldGet(this, _IconTab_tab, "f")?.removeAttribute('aria-label');
+    this.internals.ariaLabel = ariaLabel;
+}, _IconTab_defineGetter = function _IconTab_defineGetter(p, get) {
+    Object.defineProperty(this.host, p, { enumerable: true, get });
+};
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["qds-icon-tab", "qds-badge-counter", "qds-badge-indicator", "qds-icon", "qds-title", "qds-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "qds-icon-tab":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, IconTab);
+            }
+            break;
+        case "qds-badge-counter":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "qds-badge-indicator":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "qds-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "qds-title":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "qds-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const QdsIconTab = IconTab;
+const defineCustomElement = defineCustomElement$1;
+
+export { QdsIconTab, defineCustomElement };
+//# sourceMappingURL=qds-icon-tab.js.map
+
+//# sourceMappingURL=qds-icon-tab.js.map

package/components/qds-icon-tab.js.map

@@ -0,0 +1 @@
+{"file":"qds-icon-tab.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/icon-tab/icon-tab.css?tag=qds-icon-tab&encapsulation=shadow","src/components/icon-tab/icon-tab.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2026 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: inline-block;\n  line-height: 0;\n}\n\n[aria-disabled='true'] {\n  opacity: var(--qds-theme-disabled);\n  pointer-events: none;\n}\n\n:host(:focus-visible) {\n  outline: var(--qds-theme-focus-border) solid var(--qds-focus-border-width);\n  border-radius: var(--qds-focus-border-radius);\n  outline-offset: calc(\n    -1 * var(--qds-focus-border-width) - var(--qds-focus-border-offset)\n  );\n}\n\n.qds-icon-container {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.qds-icon {\n  flex-shrink: 0;\n}\n\n.qds-icon:hover {\n  background-color: transparent;\n}\n\n.qds-selected {\n  &:active {\n    background-color: var(--qds-theme-interactive-background-selected-pressed);\n  }\n}\n\n.qds-icon,\n.qds-text {\n  color: var(--qds-theme-title);\n}\n\n.qds-badge-indicator {\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-end: 0;\n}\n\n.qds-badge-counter {\n  position: absolute;\n  inset-block-start: -2px;\n  inset-inline-end: -2px;\n}\n\n[data-size='small'] {\n  &.qds-icon-tab {\n    min-height: var(--qds-nav-element-small-height);\n    min-width: var(--qds-nav-element-small-height);\n    gap: var(--qds-nav-element-small-gap-internal);\n  }\n\n  .qds-icon-container {\n    height: var(--qds-control-small-height);\n    width: var(--qds-control-small-height);\n\n    & > .qds-icon {\n      height: var(--qds-nav-element-small-icon-size);\n      width: var(--qds-nav-element-small-icon-size);\n    }\n  }\n}\n\n[data-size='standard'] {\n  &.qds-icon-tab {\n    min-height: var(--qds-nav-element-standard-height);\n    min-width: var(--qds-nav-element-standard-height);\n    gap: var(--qds-nav-element-standard-gap-internal);\n  }\n\n  .qds-icon-container {\n    height: var(--qds-control-standard-height);\n    width: var(--qds-control-standard-height);\n\n    & > .qds-icon {\n      height: var(--qds-nav-element-standard-icon-size);\n      width: var(--qds-nav-element-standard-icon-size);\n    }\n  }\n}\n\n[data-size='large'] {\n  &.qds-icon-tab {\n    min-height: var(--qds-nav-element-large-height);\n    min-width: var(--qds-nav-element-large-height);\n    gap: var(--qds-nav-element-large-gap-internal);\n  }\n\n  .qds-icon-container {\n    height: var(--qds-control-large-height);\n    width: var(--qds-control-large-height);\n\n    & > .qds-icon {\n      height: var(--qds-nav-element-large-icon-size);\n      width: var(--qds-nav-element-large-icon-size);\n    }\n  }\n}\n\n[data-importance='subdued'],\n[data-importance='standard'] {\n  &.qds-selected {\n    &::after {\n      border-radius: var(--qds-signature-line-connection-cap-radius);\n      content: '';\n      display: block;\n      position: absolute;\n    }\n\n    &.qds-indicator-inline-end::after,\n    &.qds-indicator-inline-start::after {\n      width: var(--qds-signature-line-connection-width);\n      height: 100%;\n    }\n\n    &.qds-indicator-inline-end::after {\n      inset-inline-end: 0;\n    }\n\n    &.qds-indicator-inline-start::after {\n      inset-inline-start: 0;\n    }\n\n    &.qds-indicator-block-end::after,\n    &.qds-indicator-block-start::after {\n      width: 100%;\n      height: var(--qds-signature-line-connection-width);\n    }\n\n    &.qds-indicator-block-end::after {\n      bottom: 0;\n    }\n\n    &.qds-indicator-block-start::after {\n      top: 0;\n    }\n  }\n}\n\n[data-importance='standard'] {\n  &:hover {\n    &::after {\n      background-color: var(--qds-theme-signature-color-hover);\n    }\n  }\n\n  &:active {\n    &::after {\n      background-color: var(--qds-theme-signature-color-pressed);\n    }\n  }\n\n  &.qds-selected {\n    &::after {\n      background-color: var(--qds-theme-signature-color-default);\n    }\n  }\n\n  .qds-selected .qds-icon {\n    color: var(--qds-theme-title);\n  }\n}\n\n[data-importance='subdued'] {\n  &.qds-selected,\n  :active {\n    &::after {\n      background-color: var(--qds-theme-link-subdued-pressed);\n    }\n  }\n\n  &:hover {\n    &::after {\n      background-color: var(--qds-theme-link-subdued-hover);\n    }\n  }\n\n  &.qds-selected::after {\n    background-color: var(\n      --qds-theme-nav-element-selection-indicator-background-subdued\n    );\n  }\n}\n\n.qds-icon-tab {\n  display: flex;\n  position: relative;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  text-align: initial;\n\n  &:any-link {\n    text-decoration: none;\n  }\n\n  &:hover {\n    background-color: var(--qds-theme-interactive-background-hover);\n  }\n\n  &:active {\n    background-color: var(--qds-theme-interactive-background-pressed);\n  }\n\n  &:focus-visible {\n    outline: var(--qds-theme-focus-border) solid var(--qds-focus-border-width);\n    border-radius: var(--qds-focus-border-radius);\n    outline-offset: calc(\n      -1 * var(--qds-focus-border-width) - var(--qds-focus-border-offset)\n    );\n  }\n}\n\n.qds-hidden {\n  display: none;\n}\n","// SPDX-FileCopyrightText: © 2026 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 type { QdsFocusEventDetail } from '../../helpers'\nimport {\n  computeBadgeValue,\n  isCounter,\n  isIndicator,\n  pickFocusEventAttributes,\n  resolveTarget,\n} from '../../helpers'\nimport type { Importance, Size } from '../shared'\n\nexport type Placement = 'bottom' | 'left' | 'right' | 'top'\n\nexport type IndicatorPosition =\n  | 'block-end'\n  | 'block-start'\n  | 'inline-end'\n  | 'inline-start'\n\nexport type IconTabImportance = Exclude<Importance, 'emphasized'>\n\nlet autoIncrementingId = 1\n\n/**\n * <qds-icon-tab> is a navigational element that is used in different horizontal or vertical navigation bars\n * (Main Navigation, secondary navigation, Tab bar, etc.)\n * as trigger points for opening a menu list or switching content in Tab bar.\n *\n * @see https://quartz.se.com/build/components/icon-tab\n */\n@Component({\n  tag: 'qds-icon-tab',\n  shadow: true,\n  styleUrl: 'icon-tab.css',\n})\nexport class IconTab implements ComponentInterface {\n  /**\n   * Displays an indicator if `true` or the empty string. Otherwise, displays a\n   * counter badge if a number or string representing a number is used.\n   */\n  @Prop() public readonly badge?: number | string | true\n\n  /**\n   * The tab's counter importance.\n   */\n  @Prop()\n  public readonly badgeCounterImportance?: HTMLQdsBadgeCounterElement['importance'] =\n    'standard'\n\n  /**\n   * The indicator or counter badge's accessible text that will be used by\n   * screen readers.\n   */\n  @Prop() public readonly badgeDescription?: string\n\n  /**\n   * The indicator's status.\n   */\n  @Prop()\n  public readonly badgeIndicatorStatus?: HTMLQdsBadgeIndicatorElement['status'] =\n    'neutral'\n\n  /**\n   * Prevents the tab from being interacted with: it cannot be\n   * selected or focused.\n   */\n  @Prop() public readonly disabled?: boolean\n\n  /**\n   * The name of a registered icon library.\n   */\n  @Prop() public readonly iconLibrary: string = 'default'\n\n  /**\n   * The name of the icon to render.\n   *\n   * Available names depend on the icon library being used.\n   */\n  @Prop() public readonly iconName!: string\n\n  /**\n   * The tab's importance.\n   */\n  @Prop() public readonly importance?: IconTabImportance = 'standard'\n\n  /**\n   * The tab's indicator position.\n   */\n  @Prop() public readonly indicatorPosition?: IndicatorPosition = 'block-end'\n\n  /**\n   * The tab panel element associated with this tab. The `panel` specified\n   * can be any of the following:\n   *\n   * - A CSS selector string\n   * - A reference to an [`Element`][]\n   * - A function returning a reference to an [`Element`][] or a CSS selector\n   * string\n   *\n   * [`Element`]: https://developer.mozilla.org/docs/Web/API/Element\n   */\n  @Prop() public readonly panel!: Element | string | (() => Element | string)\n\n  /**\n   * Whether or not the tab is selected.\n   */\n  @Prop() public selected = false\n\n  /**\n   * The tab's size.\n   */\n  @Prop() public readonly size?: Size = 'standard'\n\n  /**\n   * Icon tab's accessible name.\n   */\n  @Prop() public readonly text?: string\n\n  /**\n   * When set, the underlying tab will be rendered as an `<a>` with this\n   * `href` instead of a `<button>`.\n   *\n   * This property has no effect if the tab has an `action`.\n   *\n   * @webnative\n   */\n  @Prop() public readonly href?: string\n\n  /**\n   * Emitted when the tab loses focus.\n   */\n  @Event({ eventName: 'qdsBlur', bubbles: false, cancelable: false })\n  private readonly blurEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  /**\n   * Emitted when the tab gains focus.\n   */\n  @Event({ eventName: 'qdsFocus', bubbles: false, cancelable: false })\n  private readonly focusEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  @Element() private readonly host!: HTMLElement\n\n  @State() private tabIndex?: number\n\n  @State() private isIndicatorOnTop = false\n\n  @AttachInternals() private readonly internals!: ElementInternals\n\n  #tab?: HTMLAnchorElement | HTMLDivElement\n\n  #panel?: Element\n\n  get #computedSize(): Size {\n    switch (this.size) {\n      case 'standard':\n      case 'small':\n      case 'large': {\n        return this.size\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  get #computedImportance(): IconTabImportance {\n    return this.importance ?? 'standard'\n  }\n\n  get #parentLayer(): string {\n    return this.host.closest('qds-tabbar')?.layer ?? 'main'\n  }\n\n  get #parentLevel(): string {\n    return this.host.closest('qds-tabbar')?.level ?? 'root'\n  }\n\n  get #computedDisabled(): boolean {\n    return this.disabled ?? false\n  }\n\n  get #placement(): Placement {\n    switch (this.indicatorPosition) {\n      case 'inline-start': {\n        return 'left'\n      }\n      case 'inline-end': {\n        return 'right'\n      }\n      case 'block-start': {\n        return 'top'\n      }\n      default: {\n        return 'bottom'\n      }\n    }\n  }\n\n  get #isLink(): boolean {\n    return this.href !== undefined\n  }\n\n  @Watch('panel')\n  protected panelChanged(): void {\n    this.disconnectedCallback()\n\n    const panel = resolveTarget(this.panel, 'qds-icon-tab')\n    if (!(panel instanceof globalThis.Element)) return\n    this.#panel = panel\n\n    if (!this.#isLink) this.host.setAttribute('aria-controls', this.#panel.id)\n\n    if (this.#panel.role === null) this.#panel.role = 'tabpanel'\n    if (this.#panel.getAttribute('aria-labelledby') === null)\n      this.#panel.setAttribute('aria-labelledby', this.host.id)\n    this.#panel.setAttribute(\n      'tabindex',\n      this.#panel.getAttribute('tabindex') ?? '0',\n    )\n  }\n\n  @Listen('click')\n  protected onClick(event: MouseEvent): void {\n    if (this.#computedDisabled) event.stopImmediatePropagation()\n  }\n\n  @Watch('tabindex')\n  protected tabindexChanged(newValue: string): void {\n    const parsedValue = Number.parseInt(newValue, 10)\n    this.tabIndex =\n      parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue\n  }\n\n  @Watch('text')\n  @Watch('badge')\n  @Watch('badgeDescription')\n  protected ariaLabelChanged(): void {\n    this.#syncAriaLabel()\n  }\n\n  @Watch('href')\n  protected hrefChanged(): void {\n    this.#defineTab()\n    this.#syncAriaLabel()\n  }\n\n  public componentWillLoad(): void {\n    this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0')\n    this.host.id ||= `qds-icon-tab-${autoIncrementingId}`\n    autoIncrementingId += 1\n\n    this.#defineTab()\n  }\n\n  public componentWillRender(): void {\n    const isPanelRoot =\n      this.#parentLayer === 'panel' && this.#parentLevel === 'root'\n    const isMainSubsection =\n      this.#parentLayer === 'main' && this.#parentLevel === 'subsection'\n\n    this.isIndicatorOnTop = isPanelRoot || isMainSubsection\n  }\n\n  public componentDidLoad(): void {\n    this.panelChanged()\n  }\n\n  public disconnectedCallback(): void {\n    if (!this.#panel) return\n\n    this.host.removeAttribute('aria-controls')\n\n    if (this.#panel.role === 'tabpanel')\n      // eslint-disable-next-line unicorn/no-null\n      this.#panel.role = null\n    if (this.#panel.getAttribute('aria-labelledby') === this.host.id)\n      this.#panel.removeAttribute('aria-labelledby')\n    this.#panel.removeAttribute('tabindex')\n  }\n\n  public render() {\n    const isLink = this.#isLink\n    const Tag = isLink ? 'a' : 'div'\n    return (\n      <div\n        aria-disabled={this.#computedDisabled ? 'true' : undefined}\n        class={{\n          'qds-selected': this.selected,\n        }}\n        data-size={this.#computedSize}\n        data-importance={this.#computedImportance}\n      >\n        <Tag\n          aria-disabled={this.#computedDisabled ? 'true' : undefined}\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...(isLink ? undefined : { disabled: this.disabled })}\n          onBlur={this.#onBlur}\n          onFocus={this.#onFocus}\n          class={{\n            'qds-icon-tab': true,\n            'qds-selected': this.selected,\n            [`qds-indicator-${this.indicatorPosition}`]: true,\n          }}\n          aria-selected={isLink && this.selected ? 'true' : undefined}\n          data-importance={this.#computedImportance}\n          data-size={this.#computedSize}\n          href={isLink ? this.href : undefined}\n          role={isLink ? 'tab' : undefined}\n          ref={this.#tabRef}\n        >\n          <div class=\"qds-icon-container\">\n            <qds-icon\n              aria-hidden=\"true\"\n              class=\"qds-icon\"\n              library={this.iconLibrary}\n              name={this.iconName}\n            />\n            {isIndicator(this.badge) && (\n              <qds-badge-indicator\n                class=\"qds-badge-indicator\"\n                status={this.badgeIndicatorStatus}\n                description={this.badgeDescription}\n                size={this.#computedSize}\n                strokeRing\n              />\n            )}\n            {isCounter(this.badge) && (\n              <qds-badge-counter\n                class=\"qds-badge-counter\"\n                description={this.badgeDescription}\n                importance={this.badgeCounterImportance}\n                size={this.#computedSize}\n                strokeRing\n                value={this.badge}\n              />\n            )}\n          </div>\n        </Tag>\n        <qds-tooltip placement={this.#placement} ref={this.#tooltipRef}>\n          <qds-title layer=\"accessory\" level=\"root\">\n            {this.text}\n          </qds-title>\n        </qds-tooltip>\n      </div>\n    )\n  }\n\n  #syncAriaLabel(): void {\n    const ariaLabel =\n      this.badge === undefined\n        ? // eslint-disable-next-line unicorn/no-null\n          (this.text ?? null)\n        : computeBadgeValue(this.text, this.badge, this.badgeDescription)\n\n    if (this.#isLink) {\n      // eslint-disable-next-line unicorn/no-null\n      this.internals.ariaLabel = null\n\n      if (ariaLabel === null) {\n        this.#tab?.removeAttribute('aria-label')\n      } else {\n        this.#tab?.setAttribute('aria-label', ariaLabel)\n      }\n\n      return\n    }\n\n    this.#tab?.removeAttribute('aria-label')\n    this.internals.ariaLabel = ariaLabel\n  }\n\n  readonly #tabRef = (tab?: HTMLAnchorElement | HTMLDivElement): void => {\n    this.#tab = tab\n    this.#syncAriaLabel()\n  }\n\n  readonly #tooltipRef = (tooltip?: HTMLQdsTooltipElement): void => {\n    if (tooltip)\n      // eslint-disable-next-line no-param-reassign\n      tooltip.target = this.host\n  }\n\n  readonly #onBlur = (event: FocusEvent): void => {\n    this.blurEmitter.emit(pickFocusEventAttributes(event))\n  }\n\n  readonly #onFocus = (event: FocusEvent): void => {\n    this.focusEmitter.emit(pickFocusEventAttributes(event))\n  }\n\n  readonly #defineTab = (): void => {\n    if (this.#isLink) {\n      // eslint-disable-next-line unicorn/no-null\n      this.internals.role = null\n      this.#defineGetter('tab', () => this.#tab)\n    } else {\n      this.internals.role = 'tab'\n      this.internals.ariaSelected = this.selected ? 'true' : 'false'\n      this.#defineGetter('tab', () => this.host)\n    }\n\n    this.#syncAriaLabel()\n  }\n\n  #defineGetter(p: PropertyKey, get: () => unknown): void {\n    Object.defineProperty(this.host, p, { enumerable: true, get })\n  }\n}\n"],"version":3}

package/components/qds-icon.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../dist/types/components";
 
 interface QdsIcon extends Components.QdsIcon, HTMLElement {}
 export const QdsIcon: {
-  prototype: QdsIcon;
-  new (): QdsIcon;
+    prototype: QdsIcon;
+    new (): QdsIcon;
 };
 /**
  * Used to define this component and all nested components recursively.

package/components/qds-icon.js

@@ -1,13 +1,14 @@
 /*!
- * SPDX-FileCopyrightText: © 2023 Schneider Electric
+ * SPDX-FileCopyrightText: © 2026 Schneider Electric
  * 
- * SPDX-License-Identifier: LGPL-2.1-only
+ * SPDX-License-Identifier: Apache-2.0
  */
-import { I as Icon, d as defineCustomElement$1 } from './icon.js';
+import { I as Icon, d as defineCustomElement$1 } from './p-fKK7EmM2.js';
 
 const QdsIcon = Icon;
 const defineCustomElement = defineCustomElement$1;
 
 export { QdsIcon, defineCustomElement };
+//# sourceMappingURL=qds-icon.js.map
 
 //# sourceMappingURL=qds-icon.js.map

package/components/qds-inline-link.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../dist/types/components";
 
 interface QdsInlineLink extends Components.QdsInlineLink, HTMLElement {}
 export const QdsInlineLink: {
-  prototype: QdsInlineLink;
-  new (): QdsInlineLink;
+    prototype: QdsInlineLink;
+    new (): QdsInlineLink;
 };
 /**
  * Used to define this component and all nested components recursively.