@quartzds/core 1.0.0-beta.121 → 1.0.0-beta.122

package/hydrate/index.mjs

@@ -3649,14 +3649,14 @@ const actionItemCss = ":host([hidden]){display:none!important}:host{display:bloc
 // SPDX-FileCopyrightText: © 2025 Schneider Electric
 //
 // SPDX-License-Identifier: Apache-2.0
-var __classPrivateFieldGet$w = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$x = (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 __classPrivateFieldSet$q = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+var __classPrivateFieldSet$p = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
     if (kind === "m")
         throw new TypeError("Private method is not writable");
     if (kind === "a" && !f)
@@ -3706,15 +3706,15 @@ class ActionItem {
         _ActionItem_actionItem.set(this, void 0);
         _ActionItem_span.set(this, void 0);
         _ActionItem_actionDivRef.set(this, (actionItem) => {
-            __classPrivateFieldSet$q(this, _ActionItem_actionItem, actionItem, "f");
+            __classPrivateFieldSet$p(this, _ActionItem_actionItem, actionItem, "f");
         });
         _ActionItem_spanRef.set(this, (span) => {
-            __classPrivateFieldSet$q(this, _ActionItem_span, span, "f");
+            __classPrivateFieldSet$p(this, _ActionItem_span, span, "f");
         });
         _ActionItem_tooltipRef.set(this, (tooltip) => {
             if (tooltip)
                 // eslint-disable-next-line no-param-reassign
-                tooltip.target = __classPrivateFieldGet$w(this, _ActionItem_actionItem, "f");
+                tooltip.target = __classPrivateFieldGet$x(this, _ActionItem_actionItem, "f");
         });
     }
     disabledChanged() {
@@ -3727,7 +3727,7 @@ class ActionItem {
         this.focusEmitter.emit(pickFocusEventAttributes(event));
     }
     onClick(event) {
-        if (__classPrivateFieldGet$w(this, _ActionItem_instances, "a", _ActionItem_computedDisabled_get))
+        if (__classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedDisabled_get))
             event.stopImmediatePropagation();
     }
     componentWillLoad() {
@@ -3735,21 +3735,21 @@ class ActionItem {
         this.disabledChanged();
     }
     componentDidLoad() {
-        invariant(__classPrivateFieldGet$w(this, _ActionItem_span, "f"));
-        const span = __classPrivateFieldGet$w(this, _ActionItem_span, "f");
+        invariant(__classPrivateFieldGet$x(this, _ActionItem_span, "f"));
+        const span = __classPrivateFieldGet$x(this, _ActionItem_span, "f");
         readTask(() => {
             this.tooltip = isEllipsisActive(span);
         });
-        __classPrivateFieldSet$q(this, _ActionItem_ro, new ResizeObserver(([spanEntry]) => {
+        __classPrivateFieldSet$p(this, _ActionItem_ro, new ResizeObserver(([spanEntry]) => {
             this.tooltip = isEllipsisActive(spanEntry.target);
         }), "f");
-        __classPrivateFieldGet$w(this, _ActionItem_ro, "f").observe(__classPrivateFieldGet$w(this, _ActionItem_span, "f"));
+        __classPrivateFieldGet$x(this, _ActionItem_ro, "f").observe(__classPrivateFieldGet$x(this, _ActionItem_span, "f"));
     }
     render() {
         return (hAsync("div", { key: 'c5761b24a5de2f0784850e2c05a35a4ff0d50540', class: {
                 'qds-action-item': true,
                 'qds-disabled': this.disabled,
-            }, ref: __classPrivateFieldGet$w(this, _ActionItem_actionDivRef, "f"), "data-size": __classPrivateFieldGet$w(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), "data-importance": __classPrivateFieldGet$w(this, _ActionItem_instances, "a", _ActionItem_computedImportance_get) }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'f9c3a23ffeace5cbe558b15a50da5fdc95c58806', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$w(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '3100774715c9057232a91ff5103016c5dea61922', class: "qds-text", "data-size": __classPrivateFieldGet$w(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), ref: __classPrivateFieldGet$w(this, _ActionItem_spanRef, "f") }, this.text), this.action !== undefined && (hAsync("qds-icon", { key: '128edb074db17bd31c1467a1857f9c9473cda8ff', class: "qds-icon", "data-size": __classPrivateFieldGet$w(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), name: this.action, library: "core", "aria-label": this.actionDescription, role: "img" })), this.tooltip && (hAsync("qds-tooltip", { key: 'a28ef16e7941795bcf9241a367130e8b2f63b7d5', "aria-hidden": "true", ref: __classPrivateFieldGet$w(this, _ActionItem_tooltipRef, "f") }, this.text))));
+            }, ref: __classPrivateFieldGet$x(this, _ActionItem_actionDivRef, "f"), "data-size": __classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), "data-importance": __classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedImportance_get) }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'd2409cac17173463348bf2264b68f012270b04ee', class: "qds-icon", "data-size": __classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '1bf65623a82dceaa776cb28429760cf7a1a1904f', class: "qds-text", "data-size": __classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), ref: __classPrivateFieldGet$x(this, _ActionItem_spanRef, "f") }, this.text), this.action !== undefined && (hAsync("qds-icon", { key: '132eb8d186e9329eeb7b380aea4b3afbb0449731', class: "qds-icon", "data-size": __classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), name: this.action, library: "core", "aria-label": this.actionDescription, role: "img" })), this.tooltip && (hAsync("qds-tooltip", { key: '77351beaf85712117a076f18adb25f4fc25b64a9', "aria-hidden": "true", ref: __classPrivateFieldGet$x(this, _ActionItem_tooltipRef, "f") }, this.text))));
     }
     static get watchers() { return {
         "disabled": ["disabledChanged"]
@@ -3800,56 +3800,60 @@ _ActionItem_ro = new WeakMap(), _ActionItem_actionItem = new WeakMap(), _ActionI
     return this.disabled;
 };
 
-const avatarMediaCss = ":host([hidden]){display:none!important}:host{display:block}.qds-container{align-items:center;align-self:stretch;background:var(--qds-theme-display-background);border:var(--qds-display-border-width) solid var(--qds-theme-display-background-contrast);border-radius:var(--qds-display-rounded-border-radius);display:flex;height:inherit;justify-content:center;width:inherit}.qds-container .qds-picture{border-radius:inherit;flex-shrink:0;height:100%;object-fit:cover;width:100%}.qds-container .qds-icon,.qds-container .qds-text{color:var(--qds-theme-display-background-contrast)}.qds-container .qds-icon{flex-shrink:0;height:60%;width:60%}.qds-container .qds-text{font:var(--qds-display-standard);text-align:center}";
+const avatarMediaCss = ":host([hidden]){display:none!important}:host{display:block}.qds-container{align-items:center;align-self:stretch;background:var(--qds-theme-display-background);border:var(--qds-display-border-width) solid var(--qds-theme-display-background-contrast);border-radius:var(--qds-display-rounded-border-radius);display:flex;height:inherit;justify-content:center;width:inherit}.qds-picture{border-radius:inherit;flex-shrink:0;height:100%;object-fit:cover;width:100%}.qds-icon,.qds-text{color:var(--qds-theme-display-background-contrast)}.qds-icon{flex-shrink:0;height:60%;width:60%}.qds-text{font:var(--qds-display-standard);text-align:center}.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: © 2025 Schneider Electric
 //
 // SPDX-License-Identifier: Apache-2.0
-var __classPrivateFieldGet$v = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$w = (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 _AvatarMedia_renderContent, _AvatarMedia_handleImageError;
+var _AvatarMedia_renderContent, _AvatarMedia_handleImageError, _AvatarMedia_handleImageLoad;
 /**
  * @experimental
  */
 class AvatarMedia {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.loadEmitter = createEvent(this, "qdsLoad", 6);
         this.errorEmitter = createEvent(this, "qdsError", 6);
+        if (hostRef.$hostElement$["s-ei"]) {
+            this.internals = hostRef.$hostElement$["s-ei"];
+        }
+        else {
+            this.internals = hostRef.$hostElement$.attachInternals();
+            hostRef.$hostElement$["s-ei"] = this.internals;
+        }
         /**
-         * The alt text for the avatar-media's image.
-         * @webnative
-         */
-        this.alt = '';
-        /**
-         * The avatar-media's icon library.
+         * The name of a registered icon library.
          */
         this.iconLibrary = 'default';
         this.hasImageError = false;
         _AvatarMedia_renderContent.set(this, () => {
-            if (this.src !== undefined && this.src !== '' && !this.hasImageError) {
-                return (hAsync("img", { class: "qds-picture", src: this.src, alt: this.alt, onError: __classPrivateFieldGet$v(this, _AvatarMedia_handleImageError, "f"), onLoad: () => {
-                        this.hasImageError = false;
-                    } }));
-            }
-            if (this.text !== undefined && this.text !== '') {
-                return hAsync("span", { class: "qds-text" }, this.initials);
-            }
-            if (this.iconName !== undefined && this.iconName !== '') {
+            if (this.src !== undefined && this.src !== '' && !this.hasImageError)
+                return (hAsync("img", { "aria-hidden": "true", class: "qds-picture", src: this.src, alt: this.alt, onError: __classPrivateFieldGet$w(this, _AvatarMedia_handleImageError, "f"), onLoad: __classPrivateFieldGet$w(this, _AvatarMedia_handleImageLoad, "f") }));
+            if (this.text !== undefined && this.text !== '')
+                return (hAsync(Fragment, null, hAsync("span", { "aria-hidden": "true", class: "qds-text" }, this.initials), hAsync("span", { class: "qds-sr-only" }, this.text)));
+            if (this.iconName !== undefined && this.iconName !== '')
                 return (hAsync("qds-icon", { class: "qds-icon", name: this.iconName, library: this.iconLibrary }));
-            }
             return hAsync("qds-icon", { class: "qds-icon", name: "user", library: "core" });
         });
         _AvatarMedia_handleImageError.set(this, () => {
             this.hasImageError = true;
+            this.roleChanged();
             this.errorEmitter.emit();
         });
+        _AvatarMedia_handleImageLoad.set(this, () => {
+            this.hasImageError = false;
+            this.roleChanged();
+            this.loadEmitter.emit();
+        });
     }
-    handleTextChange() {
+    textChanged() {
         if (this.text === undefined || this.text === '') {
             this.initials = undefined;
             return;
@@ -3858,14 +3862,33 @@ class AvatarMedia {
         const [first = '', second = ''] = words.filter(Boolean);
         this.initials = (first.charAt(0) + (second.charAt(0) || '')).toLocaleUpperCase();
     }
+    labelChanged() {
+        this.internals.ariaLabel =
+            this.alt !== undefined && this.alt !== ''
+                ? this.alt
+                : // eslint-disable-next-line unicorn/no-null
+                    null;
+    }
+    roleChanged() {
+        if (this.src !== undefined && this.src !== '' && !this.hasImageError)
+            this.internals.role = 'img';
+        else if (this.text !== undefined && this.text !== '')
+            this.internals.role = 'generic';
+        else
+            this.internals.role = 'presentation';
+    }
     componentWillLoad() {
-        this.handleTextChange();
+        this.textChanged();
+        this.labelChanged();
+        this.roleChanged();
     }
     render() {
-        return hAsync("div", { key: '2a4d92d823206e950959201c8c2c1b420379ceb1', class: "qds-container" }, __classPrivateFieldGet$v(this, _AvatarMedia_renderContent, "f").call(this));
+        return hAsync("div", { key: '52d3dd3165ee17dd49f8cdbf901af5c1c613246c', class: "qds-container" }, __classPrivateFieldGet$w(this, _AvatarMedia_renderContent, "f").call(this));
     }
     static get watchers() { return {
-        "text": ["handleTextChange"]
+        "text": ["textChanged", "roleChanged"],
+        "alt": ["labelChanged"],
+        "src": ["roleChanged"]
     }; }
     static get style() { return avatarMediaCss; }
     static get cmpMeta() { return {
@@ -3885,14 +3908,14 @@ class AvatarMedia {
         "$attrsToReflect$": []
     }; }
 }
-_AvatarMedia_renderContent = new WeakMap(), _AvatarMedia_handleImageError = new WeakMap();
+_AvatarMedia_renderContent = new WeakMap(), _AvatarMedia_handleImageError = new WeakMap(), _AvatarMedia_handleImageLoad = new WeakMap();
 
-const badgeCounterCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-badge-counter{align-items:center;background-color:var(--qds-theme-feedback-message-neutral);border-radius:var(--qds-feedback-rounded-border-radius);color:var(--qds-theme-feedback-message-neutral-contrast);display:flex;font:var(--qds-feedback-badge-counter-standard-text);height:var(--qds-feedback-badge-counter-standard-height);justify-content:center;margin:0;padding-inline:var(--qds-feedback-badge-counter-standard-padding-horizontal);text-align:center}.qds-stroke-ring{border:var(--qds-feedback-badge-border-width) solid var(--qds-theme-feedback-message-neutral-contrast)}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}[data-importance=emphasized]{background-color:var(--qds-theme-signature-color-contrast);color:var(--qds-theme-signature-color-default)}.qds-stroke-ring[data-importance=emphasized]{border-color:var(--qds-theme-signature-color-default)}[data-importance=subdued]{background-color:var(--qds-theme-feedback-message-informational);color:var(--qds-theme-feedback-message-informational-contrast)}.qds-stroke-ring[data-importance=subdued]{border-color:var(--qds-theme-feedback-message-informational-contrast)}[data-importance=destructive]{background-color:var(--qds-theme-feedback-message-critical-contrast);color:var(--qds-theme-feedback-message-critical)}.qds-stroke-ring[data-importance=destructive]{border-color:var(--qds-theme-feedback-message-critical)}[data-importance=subdued-destructive]{background-color:var(--qds-theme-feedback-message-critical);color:var(--qds-theme-feedback-message-critical-contrast)}.qds-stroke-ring[data-importance=subdued-destructive]{border-color:var(--qds-theme-feedback-message-critical-contrast)}[data-size=small]{font:var(--qds-feedback-badge-counter-small-text);height:var(--qds-feedback-badge-counter-small-height);padding-inline:var(--qds-feedback-badge-counter-small-padding-horizontal)}[data-size=large]{font:var(--qds-feedback-badge-counter-large-text);height:var(--qds-feedback-badge-counter-large-height);padding-inline:var(--qds-feedback-badge-counter-large-padding-horizontal)}[data-size=hero]{font:var(--qds-feedback-badge-counter-hero-text);height:var(--qds-feedback-badge-counter-hero-height);padding-inline:var(--qds-feedback-badge-counter-hero-padding-horizontal)}";
+const badgeCounterCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-badge-counter{align-items:center;background-color:var(--qds-theme-feedback-message-neutral);border-radius:var(--qds-feedback-rounded-border-radius);color:var(--qds-theme-feedback-message-neutral-contrast);display:flex;font:var(--qds-feedback-badge-counter-standard-text);height:var(--qds-feedback-badge-counter-standard-height);justify-content:center;margin:0;min-width:var(--qds-feedback-badge-counter-standard-min-width);padding-inline:var(--qds-feedback-badge-counter-standard-padding-horizontal);text-align:center}.qds-stroke-ring{border:var(--qds-feedback-badge-border-width) solid var(--qds-theme-feedback-message-neutral-contrast)}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}[data-importance=emphasized]{background-color:var(--qds-theme-signature-color-contrast);color:var(--qds-theme-signature-color-default)}.qds-stroke-ring[data-importance=emphasized]{border-color:var(--qds-theme-signature-color-default)}[data-importance=subdued]{background-color:var(--qds-theme-feedback-message-informational);color:var(--qds-theme-feedback-message-informational-contrast)}.qds-stroke-ring[data-importance=subdued]{border-color:var(--qds-theme-feedback-message-informational-contrast)}[data-importance=destructive]{background-color:var(--qds-theme-feedback-message-critical-contrast);color:var(--qds-theme-feedback-message-critical)}.qds-stroke-ring[data-importance=destructive]{border-color:var(--qds-theme-feedback-message-critical)}[data-importance=subdued-destructive]{background-color:var(--qds-theme-feedback-message-critical);color:var(--qds-theme-feedback-message-critical-contrast)}.qds-stroke-ring[data-importance=subdued-destructive]{border-color:var(--qds-theme-feedback-message-critical-contrast)}[data-size=small]{font:var(--qds-feedback-badge-counter-small-text);height:var(--qds-feedback-badge-counter-small-height);min-width:var(--qds-feedback-badge-counter-small-min-width);padding-inline:var(--qds-feedback-badge-counter-small-padding-horizontal)}[data-size=large]{font:var(--qds-feedback-badge-counter-large-text);height:var(--qds-feedback-badge-counter-large-height);min-width:var(--qds-feedback-badge-counter-large-min-width);padding-inline:var(--qds-feedback-badge-counter-large-padding-horizontal)}[data-size=hero]{font:var(--qds-feedback-badge-counter-hero-text);height:var(--qds-feedback-badge-counter-hero-height);padding-inline:var(--qds-feedback-badge-counter-hero-padding-horizontal)}";
 
 // SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
 // SPDX-License-Identifier: Apache-2.0
-var __classPrivateFieldGet$u = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$v = (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))
@@ -3927,7 +3950,7 @@ class BadgeCounter {
         return (hAsync("span", { key: '0a706e1e216c17976c3c04c94ac165e69e860e40', class: {
                 'qds-badge-counter': true,
                 'qds-stroke-ring': this.strokeRing,
-            }, "data-importance": __classPrivateFieldGet$u(this, _BadgeCounter_instances, "a", _BadgeCounter_computedImportance_get), "data-size": __classPrivateFieldGet$u(this, _BadgeCounter_instances, "a", _BadgeCounter_computedSize_get) }, __classPrivateFieldGet$u(this, _BadgeCounter_instances, "a", _BadgeCounter_computedValue_get), hAsync("span", { key: 'c68fcbe9899495b2e774567f7cd0058162d7d889', class: "qds-sr-only" }, this.description)));
+            }, "data-importance": __classPrivateFieldGet$v(this, _BadgeCounter_instances, "a", _BadgeCounter_computedImportance_get), "data-size": __classPrivateFieldGet$v(this, _BadgeCounter_instances, "a", _BadgeCounter_computedSize_get) }, __classPrivateFieldGet$v(this, _BadgeCounter_instances, "a", _BadgeCounter_computedValue_get), hAsync("span", { key: 'c68fcbe9899495b2e774567f7cd0058162d7d889', class: "qds-sr-only" }, this.description)));
     }
     static get style() { return badgeCounterCss; }
     static get cmpMeta() { return {
@@ -3983,7 +4006,7 @@ const badgeIndicatorCss = ":host([hidden]){display:none!important}:host{display:
 // SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
 // SPDX-License-Identifier: Apache-2.0
-var __classPrivateFieldGet$t = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$u = (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))
@@ -4018,7 +4041,7 @@ class BadgeIndicator {
         return (hAsync("div", { key: '1442d3293846a5f18a87297abc5e53755aebe4b6', class: {
                 'qds-badge-indicator': true,
                 'qds-stroke-ring': this.strokeRing,
-            }, "data-size": __classPrivateFieldGet$t(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedSize_get), "data-status": __classPrivateFieldGet$t(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedStatus_get) }, hAsync("span", { key: 'f2131c0350fa5b857cb1b10b8f2fb276d3f52bb6', class: "qds-sr-only" }, this.description)));
+            }, "data-size": __classPrivateFieldGet$u(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedSize_get), "data-status": __classPrivateFieldGet$u(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedStatus_get) }, hAsync("span", { key: 'f2131c0350fa5b857cb1b10b8f2fb276d3f52bb6', class: "qds-sr-only" }, this.description)));
     }
     static get style() { return badgeIndicatorCss; }
     static get cmpMeta() { return {
@@ -4079,19 +4102,19 @@ const VALID_STATE = {
     valueMissing: false,
 };
 
-const buttonCss = ":host([hidden]){display:none!important}:host{display:inline-block;outline:none}.qds-button:disabled,.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-overflow[data-size=hero]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.qds-action{transform:scaleX(var(--qds-direction-factor,1))}.qds-container{display:grid;grid-template-areas:\"b\"}.qds-focus-ring{border-radius:max(1px,var(\n        --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n      )) max(1px,var(\n        --qds-control-border-radius-top-right,var(--qds-control-border-radius)\n      )) max(1px,var(\n        --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n      )) max(1px,var(\n        --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n      ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:b;height:calc(100% + var(--qds-control-border-width) - var(--qds-control-border-width));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-control-border-width) - var(\n        --qds-control-border-width-inline-end,\n        var(--qds-control-border-width)\n      ))}:host(:focus-visible) .qds-focus-ring{visibility:visible}.qds-button{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-radius:var(\n      --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n    ) var(--qds-control-border-radius-top-right,var(--qds-control-border-radius)) var(\n      --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n    ) var(\n      --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n    );box-sizing:border-box;cursor:pointer;display:inline-flex;grid-area:b;justify-content:center;min-width:0;outline:none;padding-block:0;position:relative;-webkit-print-color-adjust:exact;print-color-adjust:exact;text-align:center;-webkit-user-select:none;user-select:none}.qds-button:any-link{-webkit-text-decoration:none;text-decoration:none}.qds-icon{flex-shrink:0}.qds-indicator{inset-block-start:0;inset-inline-end:0;position:absolute;transform:translate(50%,-50%)}[data-size=small]{font:var(--qds-control-small-text)}.qds-button[data-size=small]{gap:var(--qds-control-small-gap-internal);min-height:var(--qds-control-small-height);padding-inline:var(--qds-control-button-small-padding-horizontal)}.qds-icon-only[data-size=small]{width:var(--qds-control-small-height)}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=standard]{font:var(--qds-control-standard-text)}.qds-button[data-size=standard]{gap:var(--qds-control-standard-gap-internal);min-height:var(--qds-control-standard-height);padding-inline:var(--qds-control-button-standard-padding-horizontal)}.qds-icon-only[data-size=standard]{width:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=large]{font:var(--qds-control-large-text)}.qds-button[data-size=large]{gap:var(--qds-control-large-gap-internal);min-height:var(--qds-control-large-height);padding-inline:var(--qds-control-button-large-padding-horizontal)}.qds-icon-only[data-size=large]{width:var(--qds-control-large-height)}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large],[data-size=small],[data-size=standard]{line-height:normal}.qds-button.qds-icon-only[data-size=large],.qds-button.qds-icon-only[data-size=small],.qds-button.qds-icon-only[data-size=standard]{padding-inline:0}[data-size=hero]{font:var(--qds-control-hero-text)}.qds-button[data-size=hero]{border-radius:var(\n        --qds-control-border-radius-top-left,var(--qds-control-hero-border-radius)\n      ) var(\n        --qds-control-border-radius-top-right,var(--qds-control-hero-border-radius)\n      ) var(\n        --qds-control-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n      ) var(\n        --qds-control-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n      );gap:var(--qds-control-hero-gap-internal);padding-block:var(--qds-control-hero-padding-auto-height);padding-inline:var(--qds-control-button-hero-padding-horizontal)}.qds-button.qds-icon-only[data-size=hero]{min-height:var(--qds-control-hero-height);padding-inline:0;width:var(--qds-control-hero-height)}.qds-focus-ring[data-size=hero]{border-radius:max(1px,var(\n          --qds-control-border-radius-top-left,var(--qds-control-hero-border-radius)\n        )) max(1px,var(\n          --qds-control-border-radius-top-right,var(--qds-control-hero-border-radius)\n        )) max(1px,var(\n          --qds-control-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n        )) max(1px,var(\n          --qds-control-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n        ))}.qds-icon[data-size=hero]{height:var(--qds-control-hero-icon-size);width:var(--qds-control-hero-icon-size)}[data-importance=subdued]{border-radius:0;color:var(--qds-theme-link-standard-default)}.qds-button[data-importance=subdued]{border-block-end:var(--qds-control-border-width) solid #0000;padding-inline:0}.qds-button[data-importance=subdued]:hover{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-link-standard-hover);color:var(--qds-theme-link-standard-hover)}.qds-button[data-importance=subdued]:active{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-link-standard-pressed);color:var(--qds-theme-link-standard-pressed)}.qds-button[data-importance=subdued]:not(.qds-icon-only){border-radius:0}.qds-button.qds-icon-only[data-importance=subdued]{border:none;color:var(--qds-theme-control-text-standard)}.qds-button.qds-icon-only[data-importance=subdued]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-button.qds-icon-only[data-importance=subdued]:active{background-color:var(--qds-theme-interactive-background-pressed)}[data-importance=standard]{color:var(--qds-theme-control-text-standard)}.qds-button[data-importance=standard]{border-color:var(--qds-theme-control-border);border-style:solid;border-width:var(--qds-control-border-width)}.qds-button[data-importance=standard]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-button[data-importance=standard]:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-button[data-importance=emphasized]{background-color:var(--qds-theme-signature-color-default);color:var(--qds-theme-signature-color-contrast)}.qds-button[data-importance=emphasized]:hover{background-color:var(--qds-theme-signature-color-hover)}.qds-button[data-importance=emphasized]:active{background-color:var(--qds-theme-signature-color-pressed)}.qds-button[data-importance=destructive]{background-color:var(--qds-theme-feedback-action-destructive-default);color:var(--qds-theme-feedback-action-destructive-contrast)}.qds-button[data-importance=destructive]:hover{background-color:var(--qds-theme-feedback-action-destructive-hover)}.qds-button[data-importance=destructive]:active{background-color:var(--qds-theme-feedback-action-destructive-pressed)}[data-importance=subdued-destructive]{border-radius:0;color:var(--qds-theme-feedback-action-destructive-default)}.qds-button[data-importance=subdued-destructive]{border-block-end:var(--qds-control-border-width) solid #0000;padding-inline:0}.qds-button[data-importance=subdued-destructive]:hover{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-feedback-action-destructive-hover);color:var(--qds-theme-feedback-action-destructive-hover)}.qds-button[data-importance=subdued-destructive]:active{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-feedback-action-destructive-pressed);color:var(--qds-theme-feedback-action-destructive-pressed)}.qds-button[data-importance=subdued-destructive]:not(.qds-icon-only){border-radius:0}.qds-button.qds-icon-only[data-importance=subdued-destructive]{border:none}.qds-button.qds-icon-only[data-importance=subdued-destructive]:hover{background-color:var(--qds-theme-interactive-background-hover);color:var(--qds-theme-feedback-action-destructive-default)}.qds-button.qds-icon-only[data-importance=subdued-destructive]:active{background-color:var(--qds-theme-interactive-background-pressed);color:var(--qds-theme-feedback-action-destructive-default)}[data-action=dropdown-close] .qds-action{transform:rotate(-180deg)}:is([data-action=dropdown],[data-action=dropdown-close]) .qds-action{transition-duration:.3s;transition-property:transform}:is([data-action=dropdown],[data-action=dropdown-close]):not(:has(qds-badge-counter)) .qds-action{margin-inline-start:auto}:is([data-action=dropdown],[data-action=dropdown-close]) qds-badge-counter{margin-inline-start:auto}:is([data-action=dropdown],[data-action=dropdown-close]):not([data-importance=subdued]):not([data-importance=subdued-destructive]){padding-inline:var(--qds-control-input-padding-horizontal)}";
+const buttonCss = ":host([hidden]){display:none!important}:host{display:inline-block;outline:none}.qds-button:disabled,.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-overflow[data-size=hero]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.qds-action{transform:scaleX(var(--qds-direction-factor,1))}.qds-container{display:grid;grid-template-areas:\"c\"}.qds-focus-ring{border-radius:max(1px,var(\n        --qds-form-input-border-radius-top-left,var(--qds-control-border-radius)\n      )) max(1px,var(\n        --qds-form-input-border-radius-top-right,var(--qds-control-border-radius)\n      )) max(1px,var(\n        --qds-form-input-border-radius-bottom-right,var(--qds-control-border-radius)\n      )) max(1px,var(\n        --qds-form-input-border-radius-bottom-left,var(--qds-control-border-radius)\n      ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:c;height:calc(100% + var(--qds-control-border-width) - var(--qds-control-border-width));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-control-border-width) - var(\n        --qds-form-input-border-width-inline-end,\n        var(--qds-control-border-width)\n      ))}:host(:focus-visible) .qds-focus-ring{visibility:visible}.qds-button{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-radius:var(\n      --qds-form-input-border-radius-top-left,var(--qds-control-border-radius)\n    ) var(\n      --qds-form-input-border-radius-top-right,var(--qds-control-border-radius)\n    ) var(\n      --qds-form-input-border-radius-bottom-right,var(--qds-control-border-radius)\n    ) var(\n      --qds-form-input-border-radius-bottom-left,var(--qds-control-border-radius)\n    );box-sizing:border-box;cursor:pointer;display:inline-flex;grid-area:c;justify-content:center;min-width:0;outline:none;padding-block:0;position:relative;-webkit-print-color-adjust:exact;print-color-adjust:exact;text-align:center;-webkit-user-select:none;user-select:none}.qds-button:any-link{-webkit-text-decoration:none;text-decoration:none}.qds-icon{flex-shrink:0}.qds-indicator{position:absolute;transform:translate(50%,-50%)}[data-size=small]{font:var(--qds-control-small-text)}.qds-button[data-size=small]{gap:var(--qds-control-small-gap-internal);min-height:var(--qds-control-small-height);padding-inline:var(--qds-control-button-small-padding-horizontal)}.qds-icon-only[data-size=small]{width:var(--qds-control-small-height)}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small] .qds-indicator{inset-block-start:var(--qds-control-button-small-badge-padding-top);inset-inline-end:var(--qds-control-button-small-badge-padding-end)}[data-size=standard]{font:var(--qds-control-standard-text)}.qds-button[data-size=standard]{gap:var(--qds-control-standard-gap-internal);min-height:var(--qds-control-standard-height);padding-inline:var(--qds-control-button-standard-padding-horizontal)}.qds-icon-only[data-size=standard]{width:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-indicator{inset-block-start:var(--qds-control-button-standard-badge-padding-top);inset-inline-end:var(--qds-control-button-standard-badge-padding-end)}[data-size=large]{font:var(--qds-control-large-text)}.qds-button[data-size=large]{gap:var(--qds-control-large-gap-internal);min-height:var(--qds-control-large-height);padding-inline:var(--qds-control-button-large-padding-horizontal)}.qds-icon-only[data-size=large]{width:var(--qds-control-large-height)}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large] .qds-indicator{inset-block-start:var(--qds-control-button-large-badge-padding-top);inset-inline-end:var(--qds-control-button-large-badge-padding-end)}[data-size=large],[data-size=small],[data-size=standard]{line-height:normal}.qds-button.qds-icon-only[data-size=large],.qds-button.qds-icon-only[data-size=small],.qds-button.qds-icon-only[data-size=standard]{padding-inline:0}[data-size=hero]{font:var(--qds-control-hero-text)}.qds-button[data-size=hero]{border-radius:var(\n        --qds-form-input-border-radius-top-left,var(--qds-control-hero-border-radius)\n      ) var(\n        --qds-form-input-border-radius-top-right,var(--qds-control-hero-border-radius)\n      ) var(\n        --qds-form-input-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n      ) var(\n        --qds-form-input-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n      );gap:var(--qds-control-hero-gap-internal);padding-block:var(--qds-control-hero-padding-auto-height);padding-inline:var(--qds-control-button-hero-padding-horizontal)}.qds-button.qds-icon-only[data-size=hero]{min-height:var(--qds-control-hero-height);padding-inline:0;width:var(--qds-control-hero-height)}.qds-button[data-size=hero] .qds-indicator{inset-block-start:var(--qds-control-button-hero-badge-padding-top);inset-inline-end:var(--qds-control-button-hero-badge-padding-end)}.qds-focus-ring[data-size=hero]{border-radius:max(1px,var(\n          --qds-form-input-border-radius-top-left,var(--qds-control-hero-border-radius)\n        )) max(1px,var(\n          --qds-form-input-border-radius-top-right,var(--qds-control-hero-border-radius)\n        )) max(1px,var(\n          --qds-form-input-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n        )) max(1px,var(\n          --qds-form-input-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n        ))}.qds-icon[data-size=hero]{height:var(--qds-control-hero-icon-size);width:var(--qds-control-hero-icon-size)}[data-importance=subdued]{border-radius:0;color:var(--qds-theme-link-standard-default)}.qds-button[data-importance=subdued]{border-block-end:var(--qds-control-border-width) solid #0000;padding-inline:0}.qds-button[data-importance=subdued]:hover{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-link-standard-hover);color:var(--qds-theme-link-standard-hover)}.qds-button[data-importance=subdued]:active{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-link-standard-pressed);color:var(--qds-theme-link-standard-pressed)}.qds-button[data-importance=subdued]:not(.qds-icon-only){border-radius:0}.qds-button.qds-icon-only[data-importance=subdued]{border:none;color:var(--qds-theme-control-text-standard)}.qds-button.qds-icon-only[data-importance=subdued]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-button.qds-icon-only[data-importance=subdued]:active{background-color:var(--qds-theme-interactive-background-pressed)}[data-importance=standard]{color:var(--qds-theme-control-text-standard)}.qds-button[data-importance=standard]{border-color:var(--qds-theme-control-border);border-style:solid;border-width:var(--qds-control-border-width)}.qds-button[data-importance=standard]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-button[data-importance=standard]:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-button[data-importance=emphasized]{background-color:var(--qds-theme-signature-color-default);color:var(--qds-theme-signature-color-contrast)}.qds-button[data-importance=emphasized]:hover{background-color:var(--qds-theme-signature-color-hover)}.qds-button[data-importance=emphasized]:active{background-color:var(--qds-theme-signature-color-pressed)}.qds-button[data-importance=destructive]{background-color:var(--qds-theme-feedback-action-destructive-default);color:var(--qds-theme-feedback-action-destructive-contrast)}.qds-button[data-importance=destructive]:hover{background-color:var(--qds-theme-feedback-action-destructive-hover)}.qds-button[data-importance=destructive]:active{background-color:var(--qds-theme-feedback-action-destructive-pressed)}[data-importance=subdued-destructive]{border-radius:0;color:var(--qds-theme-feedback-action-destructive-default)}.qds-button[data-importance=subdued-destructive]{border-block-end:var(--qds-control-border-width) solid #0000;padding-inline:0}.qds-button[data-importance=subdued-destructive]:hover{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-feedback-action-destructive-hover);color:var(--qds-theme-feedback-action-destructive-hover)}.qds-button[data-importance=subdued-destructive]:active{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-feedback-action-destructive-pressed);color:var(--qds-theme-feedback-action-destructive-pressed)}.qds-button[data-importance=subdued-destructive]:not(.qds-icon-only){border-radius:0}.qds-button.qds-icon-only[data-importance=subdued-destructive]{border:none}.qds-button.qds-icon-only[data-importance=subdued-destructive]:hover{background-color:var(--qds-theme-interactive-background-hover);color:var(--qds-theme-feedback-action-destructive-default)}.qds-button.qds-icon-only[data-importance=subdued-destructive]:active{background-color:var(--qds-theme-interactive-background-pressed);color:var(--qds-theme-feedback-action-destructive-default)}[data-action=dropdown-close] .qds-action{transform:rotate(-180deg)}:is([data-action=dropdown],[data-action=dropdown-close]) .qds-action{transition-duration:.3s;transition-property:transform}:is([data-action=dropdown],[data-action=dropdown-close]):not(:has(qds-badge-counter)) .qds-action{margin-inline-start:auto}:is([data-action=dropdown],[data-action=dropdown-close]) qds-badge-counter{margin-inline-start:auto}[data-importance]:is([data-action=dropdown],[data-action=dropdown-close]){padding-inline:var(--qds-control-input-padding-horizontal)}";
 
 // SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
 // SPDX-License-Identifier: Apache-2.0
-var __classPrivateFieldGet$s = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$t = (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 __classPrivateFieldSet$p = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+var __classPrivateFieldSet$o = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
     if (kind === "m")
         throw new TypeError("Private method is not writable");
     if (kind === "a" && !f)
@@ -4261,15 +4284,15 @@ class Button {
         this.reportValidity = () => this.internals.reportValidity();
         this.setCustomValidity = (error) => {
             if (error)
-                this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$s(this, _Button_button, "f"));
+                this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$t(this, _Button_button, "f"));
             else
                 this.internals.setValidity(NO_ERROR_FLAGS);
         };
         _Button_buttonRef.set(this, (button) => {
-            __classPrivateFieldSet$p(this, _Button_button, button, "f");
+            __classPrivateFieldSet$o(this, _Button_button, button, "f");
         });
         _Button_spanRef.set(this, (span) => {
-            __classPrivateFieldSet$p(this, _Button_span, span, "f");
+            __classPrivateFieldSet$o(this, _Button_span, span, "f");
         });
         _Button_tooltipRef.set(this, (tooltip) => {
             if (tooltip)
@@ -4277,7 +4300,7 @@ class Button {
                 tooltip.target = this.host;
         });
         _Button_onClick.set(this, (event) => {
-            if (__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedDisabled_get)) {
+            if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get)) {
                 preventDefault$2(event);
                 event.stopImmediatePropagation();
             }
@@ -4287,13 +4310,13 @@ class Button {
         this.blurEmitter.emit(pickFocusEventAttributes(event));
     }
     onClick(event) {
-        if (__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedDisabled_get)) {
+        if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get)) {
             event.stopImmediatePropagation();
             return;
         }
-        if (__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_buttonType_get) === 'button' || !this.internals.form)
+        if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_buttonType_get) === 'button' || !this.internals.form)
             return;
-        if (__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_buttonType_get) === 'reset') {
+        if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_buttonType_get) === 'reset') {
             this.internals.form.reset();
         }
         else {
@@ -4306,8 +4329,8 @@ class Button {
     }
     onKeydown(event) {
         if (event.key === 'Enter') {
-            if (__classPrivateFieldGet$s(this, _Button_button, "f") instanceof HTMLAnchorElement)
-                __classPrivateFieldGet$s(this, _Button_button, "f").click();
+            if (__classPrivateFieldGet$t(this, _Button_button, "f") instanceof HTMLAnchorElement)
+                __classPrivateFieldGet$t(this, _Button_button, "f").click();
             else
                 this.host.click();
         }
@@ -4317,11 +4340,11 @@ class Button {
             this.host.click();
     }
     disabledChanged() {
-        this.internals.ariaDisabled = __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedDisabled_get).toString();
-        if (__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedDisabled_get))
+        this.internals.ariaDisabled = __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get).toString();
+        if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get))
             this.host.removeAttribute('tabindex');
         else
-            this.host.tabIndex = __classPrivateFieldGet$s(this, _Button_savedTabIndex, "f");
+            this.host.tabIndex = __classPrivateFieldGet$t(this, _Button_savedTabIndex, "f");
     }
     hrefChanged() {
         this.internals.role = this.href === undefined ? 'button' : 'link';
@@ -4329,40 +4352,40 @@ class Button {
     tabindexChanged(newValue) {
         if (newValue !== null) {
             const parsedValue = Number.parseInt(newValue, 10);
-            __classPrivateFieldSet$p(this, _Button_savedTabIndex, Number.isNaN(parsedValue) || !Number.isFinite(parsedValue)
+            __classPrivateFieldSet$o(this, _Button_savedTabIndex, Number.isNaN(parsedValue) || !Number.isFinite(parsedValue)
                 ? 0
                 : parsedValue, "f");
         }
-        if (__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedDisabled_get))
+        if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get))
             this.host.removeAttribute('tabindex');
         else
-            this.host.tabIndex = __classPrivateFieldGet$s(this, _Button_savedTabIndex, "f");
+            this.host.tabIndex = __classPrivateFieldGet$t(this, _Button_savedTabIndex, "f");
     }
     textChanged() {
-        __classPrivateFieldGet$s(this, _Button_instances, "m", _Button_updateAriaLabel).call(this);
-        if (__classPrivateFieldGet$s(this, _Button_ro, "f"))
-            __classPrivateFieldGet$s(this, _Button_ro, "f").disconnect();
-        if (!__classPrivateFieldGet$s(this, _Button_span, "f"))
+        __classPrivateFieldGet$t(this, _Button_instances, "m", _Button_updateAriaLabel).call(this);
+        if (__classPrivateFieldGet$t(this, _Button_ro, "f"))
+            __classPrivateFieldGet$t(this, _Button_ro, "f").disconnect();
+        if (!__classPrivateFieldGet$t(this, _Button_span, "f"))
             return;
-        const span = __classPrivateFieldGet$s(this, _Button_span, "f");
+        const span = __classPrivateFieldGet$t(this, _Button_span, "f");
         readTask(() => {
             this.tooltip = isEllipsisActive(span);
         });
-        __classPrivateFieldSet$p(this, _Button_ro, new ResizeObserver(([spanEntry]) => {
+        __classPrivateFieldSet$o(this, _Button_ro, new ResizeObserver(([spanEntry]) => {
             this.tooltip = isEllipsisActive(spanEntry.target);
         }), "f");
-        __classPrivateFieldGet$s(this, _Button_ro, "f").observe(__classPrivateFieldGet$s(this, _Button_span, "f"));
+        __classPrivateFieldGet$t(this, _Button_ro, "f").observe(__classPrivateFieldGet$t(this, _Button_span, "f"));
     }
     /* DEPRECATED: will be removed by september 2026  */
     iconOnlyChanged() {
         this.tooltip = this.iconOnly;
     }
     componentWillLoad() {
-        __classPrivateFieldGet$s(this, _Button_instances, "m", _Button_defineGetter).call(this, 'form', () => this.internals.form);
-        __classPrivateFieldGet$s(this, _Button_instances, "m", _Button_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
-        __classPrivateFieldGet$s(this, _Button_instances, "m", _Button_defineGetter).call(this, 'validity', () => this.internals.validity);
-        __classPrivateFieldGet$s(this, _Button_instances, "m", _Button_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
-        __classPrivateFieldGet$s(this, _Button_instances, "m", _Button_defineGetter).call(this, 'labels', () => this.internals.labels);
+        __classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'form', () => this.internals.form);
+        __classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
+        __classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'validity', () => this.internals.validity);
+        __classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
+        __classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'labels', () => this.internals.labels);
         this.hrefChanged();
         this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
         this.disabledChanged();
@@ -4373,26 +4396,26 @@ class Button {
         this.iconOnlyChanged();
     }
     disconnectedCallback() {
-        if (__classPrivateFieldGet$s(this, _Button_ro, "f"))
-            __classPrivateFieldGet$s(this, _Button_ro, "f").disconnect();
+        if (__classPrivateFieldGet$t(this, _Button_ro, "f"))
+            __classPrivateFieldGet$t(this, _Button_ro, "f").disconnect();
     }
     render() {
         const Tag = this.href === undefined ? 'button' : 'a';
-        return (hAsync("div", { key: '5054db1b3354d932b0ec1f12a93958d8d7813248', class: "qds-container", onClick: __classPrivateFieldGet$s(this, _Button_onClick, "f"), onKeyDown: preventDefault$2, onKeyUp: preventDefault$2, onKeyPress: preventDefault$2, "aria-hidden": "true" }, hAsync(Tag, { key: '409fa13363df964507be7e4a83c5f9c84c32fb56', class: {
+        return (hAsync("div", { key: '5054db1b3354d932b0ec1f12a93958d8d7813248', class: "qds-container", onClick: __classPrivateFieldGet$t(this, _Button_onClick, "f"), onKeyDown: preventDefault$2, onKeyUp: preventDefault$2, onKeyPress: preventDefault$2, "aria-hidden": "true" }, hAsync(Tag, { key: '409fa13363df964507be7e4a83c5f9c84c32fb56', class: {
                 'qds-button': true,
-                'qds-disabled': Tag === 'a' ? __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedDisabled_get) : false,
+                'qds-disabled': Tag === 'a' ? __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get) : false,
                 /* DEPRECATED: will be removed by september 2026  */
-                'qds-icon-only': __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_iconOnly_get),
-            }, "data-importance": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedSize_get), "data-action": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedAction_get), disabled: Tag === 'a' ? undefined : this.disabled, download: Tag === 'a' ? this.download : undefined, formAction: this.formAction, formMethod: this.formMethod, formNoValidate: this.formNoValidate, formTarget: this.formTarget, href: Tag === 'a' ? this.href : undefined, name: Tag === 'a' ? undefined : this.name, ref: __classPrivateFieldGet$s(this, _Button_buttonRef, "f"), rel: Tag === 'a' ? this.rel : undefined, tabIndex: -1, target: Tag === 'a' ? this.target : undefined, type: Tag === 'a' ? undefined : __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_buttonType_get), value: Tag === 'a' ? undefined : this.value }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'd784fbf3badc14df36b1ac9fa354d03a60eef2d4', class: "qds-icon", "data-size": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedSize_get), library: this.iconLibrary, name: this.iconName })), !__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_iconOnly_get) && (
+                'qds-icon-only': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
+            }, "data-importance": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), "data-action": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedAction_get), disabled: Tag === 'a' ? undefined : this.disabled, download: Tag === 'a' ? this.download : undefined, formAction: this.formAction, formMethod: this.formMethod, formNoValidate: this.formNoValidate, formTarget: this.formTarget, href: Tag === 'a' ? this.href : undefined, name: Tag === 'a' ? undefined : this.name, ref: __classPrivateFieldGet$t(this, _Button_buttonRef, "f"), rel: Tag === 'a' ? this.rel : undefined, tabIndex: -1, target: Tag === 'a' ? this.target : undefined, type: Tag === 'a' ? undefined : __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_buttonType_get), value: Tag === 'a' ? undefined : this.value }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'd784fbf3badc14df36b1ac9fa354d03a60eef2d4', class: "qds-icon", "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), library: this.iconLibrary, name: this.iconName })), !__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get) && (
         /* DEPRECATED: will be removed by september 2026  */
-        hAsync("span", { key: '3aab08349fefe93cae8702f816befae266f98a6a', class: "qds-overflow", "data-size": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedSize_get), ref: __classPrivateFieldGet$s(this, _Button_spanRef, "f") }, this.text)), isIndicator$3(this.badge) && (hAsync("qds-badge-indicator", { key: '1e328f7471a1d5b5ec1cc2f45bde6c58e77d9b22', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true })), isCounter$3(this.badge) && (hAsync("qds-badge-counter", { key: 'b033e659fdd37de19534067ed28ca694f5674ded', class: {
+        hAsync("span", { key: '3aab08349fefe93cae8702f816befae266f98a6a', class: "qds-overflow", "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), ref: __classPrivateFieldGet$t(this, _Button_spanRef, "f") }, this.text)), isIndicator$3(this.badge) && (hAsync("qds-badge-indicator", { key: '1e328f7471a1d5b5ec1cc2f45bde6c58e77d9b22', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true })), isCounter$3(this.badge) && (hAsync("qds-badge-counter", { key: 'b033e659fdd37de19534067ed28ca694f5674ded', class: {
                 /* DEPRECATED: will be removed by september 2026  */
-                'qds-indicator': __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_iconOnly_get),
-            }, description: this.badgeDescription, importance: __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedImportance_get), size: __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedActionIcon_get) !== undefined && (hAsync("qds-icon", { key: '3f27c4969412f2a3dc14aa1ab137c04c19231953', class: "qds-icon qds-action", "data-size": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedSize_get), library: "core", name: __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedActionIcon_get) }))), hAsync("div", { key: '347df81b48ec9318c0ba049f56cb1a63046a7fd6', class: {
+                'qds-indicator': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
+            }, description: this.badgeDescription, importance: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedImportance_get), size: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedActionIcon_get) !== undefined && (hAsync("qds-icon", { key: '3f27c4969412f2a3dc14aa1ab137c04c19231953', class: "qds-icon qds-action", "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), library: "core", name: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedActionIcon_get) }))), hAsync("div", { key: '347df81b48ec9318c0ba049f56cb1a63046a7fd6', class: {
                 'qds-focus-ring': true,
                 /* DEPRECATED: will be removed by september 2026  */
-                'qds-icon-only': __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_iconOnly_get),
-            }, "data-importance": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedSize_get) }), this.tooltip && (hAsync("qds-tooltip", { key: 'd97c38bab772dc277db8f058fce4ea21ce015251', ref: __classPrivateFieldGet$s(this, _Button_tooltipRef, "f"), placement: this.tooltipPlacement }, this.text))));
+                'qds-icon-only': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
+            }, "data-importance": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get) }), this.tooltip && (hAsync("qds-tooltip", { key: 'd97c38bab772dc277db8f058fce4ea21ce015251', ref: __classPrivateFieldGet$t(this, _Button_tooltipRef, "f"), placement: this.tooltipPlacement }, this.text))));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }
@@ -4515,19 +4538,19 @@ _Button_savedTabIndex = new WeakMap(), _Button_button = new WeakMap(), _Button_s
     Object.defineProperty(this.host, p, { enumerable: true, get });
 };
 
-const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-checkbox,.qds-icon{grid-area:c;place-self:center}.qds-icon{color:var(--qds-theme-signature-color-contrast);display:none;pointer-events:none}.qds-container{display:grid;grid-template-areas:\"c\"}.qds-label{align-items:flex-start;background-color:var(--qds-theme-interactive-background-default);border-radius:var(--qds-control-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;width:inherit}.qds-label:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-label:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-label:has(.qds-checkbox: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-label-inner{flex:1 1 auto;min-width:0;width:100%}.qds-checkbox{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-interactive-background-default);border:var(--qds-control-border-width) solid var(--qds-theme-control-border);cursor:pointer;margin:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-checkbox:focus-visible{outline:none}.qds-checkbox:checked~.qds-checked,.qds-checkbox:indeterminate~.qds-indeterminate{display:block}.qds-checkbox:checked,.qds-checkbox:indeterminate{background-color:var(--qds-theme-control-background-contrast);border-color:#0000}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}[data-size=small]{--qds-form-small-text:var(--qds-control-small-text)}.qds-checkbox[data-size=small]{border-radius:var(--qds-control-toggle-small-knob-border-radius);height:var(--qds-control-toggle-small-box-size);width:var(--qds-control-toggle-small-box-size)}.qds-icon[data-size=small]{font-size:var(--qds-control-small-icon-size)}.qds-label[data-size=small]{gap:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-control-toggle-small-height);min-width:var(--qds-control-toggle-small-width);padding-block:var(--qds-control-no-inline-small-padding-vertical)}.qds-inline[data-size=small]{min-height:var(--qds-control-small-height);padding:var(--qds-control-small-padding-auto-height) var(--qds-control-toggle-small-padding-horizontal)}[data-size=standard]{--qds-form-standard-text:var(--qds-control-standard-text)}.qds-checkbox[data-size=standard]{border-radius:var(--qds-control-toggle-standard-knob-border-radius);height:var(--qds-control-toggle-standard-box-size);width:var(--qds-control-toggle-standard-box-size)}.qds-icon[data-size=standard]{font-size:var(--qds-control-standard-icon-size)}.qds-label[data-size=standard]{gap:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-control-toggle-standard-height);min-width:var(--qds-control-toggle-standard-width);padding-block:var(--qds-control-no-inline-standard-padding-vertical)}.qds-inline[data-size=standard]{min-height:var(--qds-control-standard-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}[data-size=large]{--qds-form-large-text:var(--qds-control-large-text)}.qds-checkbox[data-size=large]{border-radius:var(--qds-control-toggle-large-knob-border-radius);height:var(--qds-control-toggle-large-box-size);width:var(--qds-control-toggle-large-box-size)}.qds-icon[data-size=large]{font-size:var(--qds-control-large-icon-size)}.qds-label[data-size=large]{gap:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-control-toggle-large-height);min-width:var(--qds-control-toggle-large-width);padding-block:var(--qds-control-no-inline-large-padding-vertical)}.qds-inline[data-size=large]{min-height:var(--qds-control-large-height);padding:var(--qds-control-large-padding-auto-height) var(--qds-control-toggle-large-padding-horizontal)}";
+const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-checkbox,.qds-icon{grid-area:b;place-self:center}.qds-icon{color:var(--qds-theme-signature-color-contrast);display:none;pointer-events:none}.qds-container{display:grid;grid-template-areas:\"b\"}.qds-label{align-items:flex-start;background-color:var(--qds-theme-interactive-background-default);border-radius:var(--qds-control-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;width:inherit}.qds-label:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-label:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-label:has(.qds-checkbox: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-label-inner{color:var(--qds-theme-control-text-standard);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%}.qds-required{color:var(--qds-theme-feedback-field-required);-webkit-user-select:none;user-select:none}.qds-tooltip{line-height:normal}.qds-checkbox{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-interactive-background-default);border:var(--qds-control-border-width) solid var(--qds-theme-control-border);cursor:pointer;margin:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-checkbox:focus-visible{outline:none}.qds-checkbox:checked~.qds-checked,.qds-checkbox:indeterminate~.qds-indeterminate{display:block}.qds-checkbox:checked,.qds-checkbox:indeterminate{background-color:var(--qds-theme-control-background-contrast);border-color:#0000}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-checkbox[data-size=small]{border-radius:var(--qds-control-toggle-small-knob-border-radius);height:var(--qds-control-toggle-small-box-size);width:var(--qds-control-toggle-small-box-size)}.qds-icon[data-size=small]{font-size:var(--qds-control-toggle-small-box-size)}.qds-label[data-size=small]{gap:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-control-toggle-small-height);min-width:var(--qds-control-toggle-small-width);padding-block:var(--qds-control-no-inline-small-padding-vertical)}.qds-label-inner[data-size=small]{font:var(--qds-control-small-text)}.qds-inline[data-size=small]{min-height:var(--qds-control-small-height);padding:var(--qds-control-small-padding-auto-height) var(--qds-control-toggle-small-padding-horizontal)}.qds-checkbox[data-size=standard]{border-radius:var(--qds-control-toggle-standard-knob-border-radius);height:var(--qds-control-toggle-standard-box-size);width:var(--qds-control-toggle-standard-box-size)}.qds-icon[data-size=standard]{font-size:var(--qds-control-toggle-standard-box-size)}.qds-label[data-size=standard]{gap:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-control-toggle-standard-height);min-width:var(--qds-control-toggle-standard-width);padding-block:var(--qds-control-no-inline-standard-padding-vertical)}.qds-label-inner[data-size=standard]{font:var(--qds-control-standard-text)}.qds-inline[data-size=standard]{min-height:var(--qds-control-standard-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}.qds-checkbox[data-size=large]{border-radius:var(--qds-control-toggle-large-knob-border-radius);height:var(--qds-control-toggle-large-box-size);width:var(--qds-control-toggle-large-box-size)}.qds-icon[data-size=large]{font-size:var(--qds-control-toggle-large-box-size)}.qds-label[data-size=large]{gap:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-control-toggle-large-height);min-width:var(--qds-control-toggle-large-width);padding-block:var(--qds-control-no-inline-large-padding-vertical)}.qds-label-inner[data-size=large]{font:var(--qds-control-large-text)}.qds-inline[data-size=large]{min-height:var(--qds-control-large-height);padding:var(--qds-control-large-padding-auto-height) var(--qds-control-toggle-large-padding-horizontal)}";
 
 // SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
 // SPDX-License-Identifier: Apache-2.0
-var __classPrivateFieldGet$r = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$s = (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 __classPrivateFieldSet$o = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+var __classPrivateFieldSet$n = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
     if (kind === "m")
         throw new TypeError("Private method is not writable");
     if (kind === "a" && !f)
@@ -4536,7 +4559,7 @@ var __classPrivateFieldSet$o = (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 _Checkbox_instances, _Checkbox_inheritedAttributes, _Checkbox_computedChecked_get, _Checkbox_computedDisabled_get, _Checkbox_computedIndeterminate_get, _Checkbox_computedSize_get, _Checkbox_computedValue_get, _Checkbox_hasText_get, _Checkbox_onBlur, _Checkbox_onFocus, _Checkbox_defineGetter;
+var _Checkbox_instances, _Checkbox_inheritedAttributes, _Checkbox_ro, _Checkbox_span, _Checkbox_tooltip, _Checkbox_computedChecked_get, _Checkbox_computedDisabled_get, _Checkbox_computedIndeterminate_get, _Checkbox_computedSize_get, _Checkbox_computedValue_get, _Checkbox_hasText_get, _Checkbox_onBlur, _Checkbox_onFocus, _Checkbox_spanRef, _Checkbox_tooltipRef, _Checkbox_defineGetter;
 /**
  * `<qds-checkbox>` elements are rendered as boxes that are checked (ticked)
  * when activated, like you might see in an official government paper form. A
@@ -4622,7 +4645,11 @@ class Checkbox {
          * Whether or not the text is displayed.
          */
         this.checkboxOnly = false;
+        this.tooltip = false;
         _Checkbox_inheritedAttributes.set(this, {});
+        _Checkbox_ro.set(this, void 0);
+        _Checkbox_span.set(this, void 0);
+        _Checkbox_tooltip.set(this, void 0);
         this.checkValidity = () => this.internals.checkValidity();
         this.reportValidity = () => this.internals.reportValidity();
         this.setCustomValidity = (error) => {
@@ -4633,30 +4660,44 @@ class Checkbox {
         };
         _Checkbox_onBlur.set(this, (event) => {
             this.blurEmitter.emit(pickFocusEventAttributes(event));
+            if (__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f"))
+                ignorePromise(__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f").close());
         });
         _Checkbox_onFocus.set(this, (event) => {
             this.focusEmitter.emit(pickFocusEventAttributes(event));
+            if (__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f"))
+                ignorePromise(__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f").show());
+        });
+        _Checkbox_spanRef.set(this, (span) => {
+            __classPrivateFieldSet$n(this, _Checkbox_span, span, "f");
+        });
+        _Checkbox_tooltipRef.set(this, (tooltip) => {
+            if (tooltip) {
+                // eslint-disable-next-line no-param-reassign
+                tooltip.target = this.host;
+                __classPrivateFieldSet$n(this, _Checkbox_tooltip, tooltip, "f");
+            }
         });
     }
     onClick(event) {
-        if (__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)) {
+        if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)) {
             event.stopImmediatePropagation();
             return;
         }
         event.preventDefault();
-        this.checked = __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? true : !__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get);
+        this.checked = __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? true : !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get);
         this.changeEmitter.emit();
         this.indeterminate = false;
     }
     checkedChanged() {
-        this.internals.setFormValue(__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)
-            ? __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedValue_get)
+        this.internals.setFormValue(__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)
+            ? __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedValue_get)
             : // eslint-disable-next-line unicorn/no-null
                 null);
     }
     disabledChanged() {
-        if (__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
-            this.internals.setFormValue(__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
+        if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
+            this.internals.setFormValue(__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
         // eslint-disable-next-line unicorn/no-null
         else
             this.internals.setFormValue(null);
@@ -4666,34 +4707,55 @@ class Checkbox {
         this.tabIndex =
             parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
     }
+    textChanged() {
+        if (__classPrivateFieldGet$s(this, _Checkbox_ro, "f"))
+            __classPrivateFieldGet$s(this, _Checkbox_ro, "f").disconnect();
+        if (!__classPrivateFieldGet$s(this, _Checkbox_span, "f"))
+            return;
+        const span = __classPrivateFieldGet$s(this, _Checkbox_span, "f");
+        readTask(() => {
+            this.tooltip = isEllipsisActive(span);
+        });
+        __classPrivateFieldSet$n(this, _Checkbox_ro, new ResizeObserver(([spanEntry]) => {
+            this.tooltip = isEllipsisActive(spanEntry.target);
+        }), "f");
+        __classPrivateFieldGet$s(this, _Checkbox_ro, "f").observe(__classPrivateFieldGet$s(this, _Checkbox_span, "f"));
+    }
     valueChanged() {
-        if (__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
-            this.internals.setFormValue(__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
+        if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
+            this.internals.setFormValue(__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
     }
     componentWillLoad() {
         this.valueChanged();
-        __classPrivateFieldGet$r(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'form', () => this.internals.form);
-        __classPrivateFieldGet$r(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
-        __classPrivateFieldGet$r(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validity', () => this.internals.validity);
-        __classPrivateFieldGet$r(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
-        __classPrivateFieldSet$o(this, _Checkbox_inheritedAttributes, inheritAriaAttributes(this.host), "f");
+        __classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'form', () => this.internals.form);
+        __classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
+        __classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validity', () => this.internals.validity);
+        __classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
+        __classPrivateFieldSet$n(this, _Checkbox_inheritedAttributes, inheritAriaAttributes(this.host), "f");
         this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
     }
+    componentDidLoad() {
+        this.textChanged();
+    }
+    disconnectedCallback() {
+        if (__classPrivateFieldGet$s(this, _Checkbox_ro, "f"))
+            __classPrivateFieldGet$s(this, _Checkbox_ro, "f").disconnect();
+    }
     render() {
         return (
         // eslint-disable-next-line jsx-a11y/label-has-associated-control
-        hAsync("label", { key: 'eee46a1d52fdce13a48944878461a64b4010ac2b', "aria-disabled": __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? 'true' : undefined, class: {
+        hAsync("label", { key: 'ff46801768016168ffb89acd3148a796dd94765f', "aria-disabled": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? 'true' : undefined, class: {
                 'qds-inline': this.inline,
                 'qds-label': true,
-            }, "data-size": __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedSize_get) }, hAsync("div", { key: 'b22d88f6b62e988057db205e8b493a31cb9eabdc', class: "qds-container" }, hAsync("input", { key: 'c1510dc602adc3cf9470edbc6fa95af12f701b9a',
+            }, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get) }, hAsync("div", { key: 'f4761b84afd3a10bff6367b2b22628cbf22d01d6', class: "qds-container" }, hAsync("input", { key: 'e29721f3efccdcbf3ca70e733c8932b69d134b5c',
             // eslint-disable-next-line jsx-a11y/no-autofocus
-            autoFocus: this.host.autofocus, checked: __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? false : this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), disabled: __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get), indeterminate: this.indeterminate, onBlur: __classPrivateFieldGet$r(this, _Checkbox_onBlur, "f"), onFocus: __classPrivateFieldGet$r(this, _Checkbox_onFocus, "f"), required: this.required, tabIndex: __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", "aria-label": this.checkboxOnly ? this.text : undefined, ...__classPrivateFieldGet$r(this, _Checkbox_inheritedAttributes, "f") }), hAsync("qds-icon", { key: '7fd98e670537e117298a45d854b34fb9060a8850', "aria-hidden": "true", class: {
+            autoFocus: this.host.autofocus, checked: __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? false : this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), disabled: __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get), indeterminate: this.indeterminate, onBlur: __classPrivateFieldGet$s(this, _Checkbox_onBlur, "f"), onFocus: __classPrivateFieldGet$s(this, _Checkbox_onFocus, "f"), required: this.required, tabIndex: __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", "aria-label": this.checkboxOnly ? this.text : undefined, ...__classPrivateFieldGet$s(this, _Checkbox_inheritedAttributes, "f") }), hAsync("qds-icon", { key: '83ec6c6752f5c0138d3adb3fa4f1e04dd78e83ea', class: {
                 'qds-icon': true,
                 'qds-checked': true,
-            }, "data-size": __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "checked" }), hAsync("qds-icon", { key: '7d5266124a946507ee7384a7086af51e6f5a1d66', "aria-hidden": "true", class: {
+            }, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "checked" }), hAsync("qds-icon", { key: 'dfbbe3c44f7ee900706fbda544e4c9c709895608', class: {
                 'qds-icon': true,
                 'qds-indeterminate': true,
-            }, "data-size": __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "indeterminate" })), __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_hasText_get) && (hAsync("qds-label", { key: '2abb3aa9fe38db5b754d65024d907fe7e6c05ed0', class: "qds-label-inner", required: this.required, size: this.size, text: this.text, tabindex: -1, tooltipTarget: this.host }))));
+            }, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "indeterminate" })), __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_hasText_get) && (hAsync("span", { key: 'cdb7452d5230c202e957a1c1223549f4e1a8131b', class: "qds-label-inner", "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), ref: __classPrivateFieldGet$s(this, _Checkbox_spanRef, "f") }, this.required === true && hAsync("span", { key: 'bfcda68d1914a4942ab46cc4b421a7918f89ac6d', class: "qds-required" }, "*"), this.text)), this.tooltip && (hAsync("qds-tooltip", { key: '314e615f55bd825269f44513ab50b5059755e6f3', "aria-hidden": "true", class: "qds-tooltip", ref: __classPrivateFieldGet$s(this, _Checkbox_tooltipRef, "f") }, this.text))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
@@ -4702,6 +4764,7 @@ class Checkbox {
         "checked": ["checkedChanged"],
         "disabled": ["disabledChanged"],
         "tabindex": ["tabindexChanged"],
+        "text": ["textChanged"],
         "value": ["valueChanged"]
     }; }
     static get style() { return checkboxCss; }
@@ -4723,14 +4786,15 @@ class Checkbox {
             "value": [8],
             "willValidate": [4, "will-validate"],
             "checkboxOnly": [4, "checkbox-only"],
-            "tabIndex": [32]
+            "tabIndex": [32],
+            "tooltip": [32]
         },
         "$listeners$": [[0, "click", "onClick"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
 }
-_Checkbox_inheritedAttributes = new WeakMap(), _Checkbox_onBlur = new WeakMap(), _Checkbox_onFocus = new WeakMap(), _Checkbox_instances = new WeakSet(), _Checkbox_computedChecked_get = function _Checkbox_computedChecked_get() {
+_Checkbox_inheritedAttributes = new WeakMap(), _Checkbox_ro = new WeakMap(), _Checkbox_span = new WeakMap(), _Checkbox_tooltip = new WeakMap(), _Checkbox_onBlur = new WeakMap(), _Checkbox_onFocus = new WeakMap(), _Checkbox_spanRef = new WeakMap(), _Checkbox_tooltipRef = new WeakMap(), _Checkbox_instances = new WeakSet(), _Checkbox_computedChecked_get = function _Checkbox_computedChecked_get() {
     return this.checked ?? false;
 }, _Checkbox_computedDisabled_get = function _Checkbox_computedDisabled_get() {
     return ((this.host.matches(':disabled') || (this.disabled ?? false)) &&
@@ -4762,14 +4826,14 @@ const chipCss = ":host([hidden]){display:none!important}:host{display:block}[ari
 // SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
 // SPDX-License-Identifier: Apache-2.0
-var __classPrivateFieldGet$q = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$r = (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 __classPrivateFieldSet$n = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+var __classPrivateFieldSet$m = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
     if (kind === "m")
         throw new TypeError("Private method is not writable");
     if (kind === "a" && !f)
@@ -4843,7 +4907,7 @@ class Chip {
         _Chip_ro.set(this, void 0);
         _Chip_inheritedAttributes.set(this, {});
         _Chip_onIconClick.set(this, (event) => {
-            if (!event.defaultPrevented && __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable')
+            if (!event.defaultPrevented && __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable')
                 this.closeEmitter.emit();
         });
         _Chip_onFocus.set(this, (event) => {
@@ -4853,30 +4917,30 @@ class Chip {
             this.blurEmitter.emit(pickFocusEventAttributes(event));
         });
         _Chip_chipRef.set(this, (chip) => {
-            __classPrivateFieldSet$n(this, _Chip_chip, chip, "f");
+            __classPrivateFieldSet$m(this, _Chip_chip, chip, "f");
         });
         _Chip_spanRef.set(this, (span) => {
-            __classPrivateFieldSet$n(this, _Chip_span, span, "f");
+            __classPrivateFieldSet$m(this, _Chip_span, span, "f");
         });
         _Chip_tooltipRef.set(this, (tooltip) => {
             if (tooltip)
                 // eslint-disable-next-line no-param-reassign
-                tooltip.target = __classPrivateFieldGet$q(this, _Chip_chip, "f");
+                tooltip.target = __classPrivateFieldGet$r(this, _Chip_chip, "f");
         });
     }
     onClick(event) {
-        if (__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
+        if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
             event.stopImmediatePropagation();
             return;
         }
         event.preventDefault();
-        if (__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
-            this.checked = !__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedChecked_get);
+        if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
+            this.checked = !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get);
             this.changeEmitter.emit();
         }
     }
     handleKeyDown(event) {
-        if (__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
+        if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
             event.stopImmediatePropagation();
             return;
         }
@@ -4893,21 +4957,21 @@ class Chip {
         if (event.key !== ' ')
             return;
         this.isPressed = false;
-        if (__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
-            this.checked = !__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedChecked_get);
+        if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
+            this.checked = !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get);
             this.changeEmitter.emit();
         }
     }
     checkedChanged() {
-        this.isSelected = __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedChecked_get);
-        this.internals.setFormValue(__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get)
-            ? __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedValue_get)
+        this.isSelected = __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get);
+        this.internals.setFormValue(__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get)
+            ? __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedValue_get)
             : // eslint-disable-next-line unicorn/no-null
                 null);
     }
     disabledChanged() {
-        if (__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get))
-            this.internals.setFormValue(__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedValue_get));
+        if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get))
+            this.internals.setFormValue(__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedValue_get));
         // eslint-disable-next-line unicorn/no-null
         else
             this.internals.setFormValue(null);
@@ -4918,8 +4982,8 @@ class Chip {
             parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
     }
     valueChanged() {
-        if (__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get))
-            this.internals.setFormValue(__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedValue_get));
+        if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get))
+            this.internals.setFormValue(__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedValue_get));
     }
     componentWillLoad() {
         this.valueChanged();
@@ -4927,39 +4991,39 @@ class Chip {
             enumerable: true,
             get: () => this.internals.form,
         });
-        __classPrivateFieldSet$n(this, _Chip_inheritedAttributes, inheritAriaAttributes(this.host), "f");
+        __classPrivateFieldSet$m(this, _Chip_inheritedAttributes, inheritAriaAttributes(this.host), "f");
         this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
     }
     componentDidLoad() {
-        invariant(__classPrivateFieldGet$q(this, _Chip_span, "f"));
-        const span = __classPrivateFieldGet$q(this, _Chip_span, "f");
+        invariant(__classPrivateFieldGet$r(this, _Chip_span, "f"));
+        const span = __classPrivateFieldGet$r(this, _Chip_span, "f");
         readTask(() => {
             this.tooltip = isEllipsisActive(span);
         });
-        __classPrivateFieldSet$n(this, _Chip_ro, new ResizeObserver(([spanEntry]) => {
+        __classPrivateFieldSet$m(this, _Chip_ro, new ResizeObserver(([spanEntry]) => {
             this.tooltip = isEllipsisActive(spanEntry.target);
         }), "f");
-        __classPrivateFieldGet$q(this, _Chip_ro, "f").observe(__classPrivateFieldGet$q(this, _Chip_span, "f"));
+        __classPrivateFieldGet$r(this, _Chip_ro, "f").observe(__classPrivateFieldGet$r(this, _Chip_span, "f"));
     }
     disconnectedCallback() {
-        if (__classPrivateFieldGet$q(this, _Chip_ro, "f"))
-            __classPrivateFieldGet$q(this, _Chip_ro, "f").disconnect();
+        if (__classPrivateFieldGet$r(this, _Chip_ro, "f"))
+            __classPrivateFieldGet$r(this, _Chip_ro, "f").disconnect();
     }
     render() {
-        return (hAsync("div", { key: 'bcc34bdc302e3507dbfc330766602a56b385ebb0', class: "qds-chip", ref: __classPrivateFieldGet$q(this, _Chip_chipRef, "f") }, __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable' && (hAsync("div", { key: '8bbbaa13dadd5169da7020566e27b714d6dee90d', "aria-disabled": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? 'true' : undefined, class: {
+        return (hAsync("div", { key: 'c87ae5b0e24b50bb8304e826f924e23906813a30', class: "qds-chip", ref: __classPrivateFieldGet$r(this, _Chip_chipRef, "f") }, __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable' && (hAsync("div", { key: '021c3a19556340b72b7361a7c1837eb2f8fc4c44', "aria-disabled": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? 'true' : undefined, class: {
                 'qds-container': true,
                 'qds-closable-chip': true,
-            }, "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get) }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '2ae352f12ce6157b9257278c8cb435292bc84d27', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '94b7769f238fe01b6cdb1343a0191eab89fcccb6', class: "qds-text", "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get), ref: __classPrivateFieldGet$q(this, _Chip_spanRef, "f") }, this.text), hAsync("qds-mini-button", { key: '5c5304b762576f483c8694352c39cc1f4d5548fa', name: "clear", text: __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_closableText_get), library: "core", class: "qds-cursor", "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get), disabled: __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get), onClick: __classPrivateFieldGet$q(this, _Chip_onIconClick, "f"), tabIndex: __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? undefined : this.tabIndex, ...__classPrivateFieldGet$q(this, _Chip_inheritedAttributes, "f") }))), __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable' && (
+            }, "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get) }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '6372fef2711522b9fd7c7985f3b5e02b348c4104', class: "qds-icon", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '80c7e8d86cf341d096808fa496f7d4dd595c2cb5', class: "qds-text", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), ref: __classPrivateFieldGet$r(this, _Chip_spanRef, "f") }, this.text), hAsync("qds-mini-button", { key: '98ca1457125b1b0e2e37e9ad403aea21fc94ac07', name: "clear", text: __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_closableText_get), library: "core", class: "qds-cursor", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), disabled: __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get), onClick: __classPrivateFieldGet$r(this, _Chip_onIconClick, "f"), tabIndex: __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? undefined : this.tabIndex, ...__classPrivateFieldGet$r(this, _Chip_inheritedAttributes, "f") }))), __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable' && (
         // eslint-disable-next-line jsx-a11y/label-has-associated-control
-        hAsync("label", { key: 'f50ca1f2369ab1ff8d823c8ce22865950126eb18', "aria-disabled": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? 'true' : undefined, class: "qds-label" }, hAsync("input", { key: '9ef4d6e771113a1bc84a91091e963d2f24dc677c',
+        hAsync("label", { key: '47d726ace416ef546f315afce0215e374cb4f402', "aria-disabled": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? 'true' : undefined, class: "qds-label" }, hAsync("input", { key: '41b0a87019c193d62c6cccb2da6ea5c51e5bcc7e',
             // eslint-disable-next-line jsx-a11y/no-autofocus
-            autoFocus: this.host.autofocus, checked: this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get), disabled: __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get), name: this.name, onBlur: __classPrivateFieldGet$q(this, _Chip_onBlur, "f"), onFocus: __classPrivateFieldGet$q(this, _Chip_onFocus, "f"), tabIndex: __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", value: this.value ?? undefined, ...__classPrivateFieldGet$q(this, _Chip_inheritedAttributes, "f") }), hAsync("div", { key: '6471d8928c0a302ae6226857a92e85984757e66f', class: {
+            autoFocus: this.host.autofocus, checked: this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), disabled: __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get), name: this.name, onBlur: __classPrivateFieldGet$r(this, _Chip_onBlur, "f"), onFocus: __classPrivateFieldGet$r(this, _Chip_onFocus, "f"), tabIndex: __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", value: this.value ?? undefined, ...__classPrivateFieldGet$r(this, _Chip_inheritedAttributes, "f") }), hAsync("div", { key: '6cf7b1de73a86af57d95404e8441ec10aa8b4005', class: {
                 'qds-container': true,
                 'qds-pressed-state': this.isPressed,
                 'qds-selected-state': this.isSelected,
                 'qds-padding-end': true,
                 'qds-cursor': true,
-            }, "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get) }, (this.checked ?? false) && (hAsync("qds-icon", { key: 'dcb2c36b020d0968c1bcdc2620c8bce2aceb5a05', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get), library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '8bd629d4b13fc12a1510860a2728a935b78d5740', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '21012b833280655c9ad6ebb7b1f75870a3ff0d97', class: "qds-text", "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get), ref: __classPrivateFieldGet$q(this, _Chip_spanRef, "f") }, this.text)))), this.tooltip && (hAsync("qds-tooltip", { key: 'decb809fab63928ec8e7f8069b04b88fd7d1117e', "aria-hidden": "true", ref: __classPrivateFieldGet$q(this, _Chip_tooltipRef, "f"), trigger: "pointerenter focusin" }, this.text))));
+            }, "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get) }, (this.checked ?? false) && (hAsync("qds-icon", { key: 'b3b8fcb77e020f0819d33259ad4e9d8883f268db', class: "qds-icon", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '3bed0e9814f3da14f8d5516ece2044bf6369907d', class: "qds-icon", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '17d03ea52ea5e06d22e1a9e4dd24d7ca2217c245', class: "qds-text", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), ref: __classPrivateFieldGet$r(this, _Chip_spanRef, "f") }, this.text)))), this.tooltip && (hAsync("qds-tooltip", { key: 'a84aca122610d08ad6338b8cc3e4100d18efece6', "aria-hidden": "true", ref: __classPrivateFieldGet$r(this, _Chip_tooltipRef, "f"), trigger: "pointerenter focusin" }, this.text))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
@@ -5032,7 +5096,7 @@ const dialogCss = ":host([hidden]){display:none!important}:host{display:none;hei
 // SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
 // SPDX-License-Identifier: Apache-2.0
-var __classPrivateFieldSet$m = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+var __classPrivateFieldSet$l = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
     if (kind === "m")
         throw new TypeError("Private method is not writable");
     if (kind === "a" && !f)
@@ -5041,7 +5105,7 @@ var __classPrivateFieldSet$m = (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 __classPrivateFieldGet$p = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$q = (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))
@@ -5074,16 +5138,16 @@ class Dialog {
         _Dialog_titleId.set(this, void 0);
         _Dialog_closeButton.set(this, void 0);
         _Dialog_ref.set(this, (dialog) => {
-            __classPrivateFieldSet$m(this, _Dialog_dialog, dialog, "f");
+            __classPrivateFieldSet$l(this, _Dialog_dialog, dialog, "f");
         });
         _Dialog_onCancel.set(this, (event) => {
             if (this.cancelEmitter.emit().defaultPrevented)
                 event.preventDefault();
         });
         _Dialog_onClose.set(this, () => {
-            invariant(__classPrivateFieldGet$p(this, _Dialog_dialog, "f"));
+            invariant(__classPrivateFieldGet$q(this, _Dialog_dialog, "f"));
             this.closeEmitter.emit();
-            this.open = __classPrivateFieldGet$p(this, _Dialog_dialog, "f").open;
+            this.open = __classPrivateFieldGet$q(this, _Dialog_dialog, "f").open;
         });
         _Dialog_handleCloseClick.set(this, () => {
             this.close();
@@ -5100,7 +5164,7 @@ class Dialog {
             }
         });
         _Dialog_closeButtonRef.set(this, (button) => {
-            __classPrivateFieldSet$m(this, _Dialog_closeButton, button, "f");
+            __classPrivateFieldSet$l(this, _Dialog_closeButton, button, "f");
         });
         _Dialog_handleFocus.set(this, () => {
             if (!this.open)
@@ -5110,8 +5174,8 @@ class Dialog {
                 autofocusTarget.focus();
                 return;
             }
-            if (this.closable === true && __classPrivateFieldGet$p(this, _Dialog_closeButton, "f")) {
-                __classPrivateFieldGet$p(this, _Dialog_closeButton, "f").focus();
+            if (this.closable === true && __classPrivateFieldGet$q(this, _Dialog_closeButton, "f")) {
+                __classPrivateFieldGet$q(this, _Dialog_closeButton, "f").focus();
             }
         });
     }
@@ -5126,9 +5190,9 @@ class Dialog {
         this.hasFooterSlot = !!this.host.querySelector('[slot="footer"]');
     }
     componentWillLoad() {
-        __classPrivateFieldSet$m(this, _Dialog_inheritedAttributes, inheritAriaAttributes(this.host), "f");
+        __classPrivateFieldSet$l(this, _Dialog_inheritedAttributes, inheritAriaAttributes(this.host), "f");
         autoIncrementingId$4 += 1;
-        __classPrivateFieldSet$m(this, _Dialog_titleId, `qds-dialog-title-${autoIncrementingId$4}`, "f");
+        __classPrivateFieldSet$l(this, _Dialog_titleId, `qds-dialog-title-${autoIncrementingId$4}`, "f");
     }
     componentDidLoad() {
         if (this.open)
@@ -5136,19 +5200,19 @@ class Dialog {
     }
     render() {
         const hasHeading = this.hasTitleSlot || this.closable === true;
-        return (hAsync(Host, { key: 'f313722f78e3f980b74660bac5768007549ae621' }, hAsync("dialog", { key: 'fc46abf07f8fccbae8d623a5999e4ad11f7f5501', class: "qds-dialog", ref: __classPrivateFieldGet$p(this, _Dialog_ref, "f"), onCancel: __classPrivateFieldGet$p(this, _Dialog_onCancel, "f"), onClose: __classPrivateFieldGet$p(this, _Dialog_onClose, "f"), onSubmit: __classPrivateFieldGet$p(this, _Dialog_onSubmit, "f"), ...__classPrivateFieldGet$p(this, _Dialog_inheritedAttributes, "f"), "aria-labelledby": this.hasTitleSlot ? __classPrivateFieldGet$p(this, _Dialog_titleId, "f") : undefined }, hasHeading && (hAsync("div", { key: '8ace06b599301b3ef3e7d8be4ba909dd1e3ba742', class: "qds-heading" }, this.hasTitleSlot && (hAsync("div", { key: 'e94ee93590cddb1684ee84dfebe74224bb02292d', id: __classPrivateFieldGet$p(this, _Dialog_titleId, "f") }, hAsync("slot", { key: 'b00cbbf5e62b2ca2731fa0b6e75a069e8e13cc21', name: "title" }))), this.closable === true && (hAsync("qds-icon-button", { key: '3044cae955df2c8adaceddcb07d9254d12106ad3', text: "close dialog", class: "qds-close-button", importance: "subdued", iconName: "close", iconLibrary: "core", onClick: __classPrivateFieldGet$p(this, _Dialog_handleCloseClick, "f"), ref: __classPrivateFieldGet$p(this, _Dialog_closeButtonRef, "f") })))), hAsync("div", { key: 'e62a1b6b1a2a4babc08af96cf7445e35298cc2b1', class: "qds-content" }, hAsync("slot", { key: 'f5c6d8733e00a39520584f9883c81287fb7edcc2' })), this.hasFooterSlot && (hAsync("div", { key: 'b812ec757d9afd4a18e82b12ffa3af2157acbf0b', class: "qds-footer" }, hAsync("slot", { key: '4b460b404bca6e97492ce4d5f26d6e74889717fc', name: "footer" })))), hAsync("div", { key: '2d1ef9f26a25beeec31fb5c42c0a0f6635f265e6', class: "qds-backdrop" })));
+        return (hAsync(Host, { key: '3775c0fe42baca31c033c94ac54ae9a0952230e1' }, hAsync("dialog", { key: 'd7d151c1824d486cc600b4f35239d8750df7ae3c', class: "qds-dialog", ref: __classPrivateFieldGet$q(this, _Dialog_ref, "f"), onCancel: __classPrivateFieldGet$q(this, _Dialog_onCancel, "f"), onClose: __classPrivateFieldGet$q(this, _Dialog_onClose, "f"), onSubmit: __classPrivateFieldGet$q(this, _Dialog_onSubmit, "f"), ...__classPrivateFieldGet$q(this, _Dialog_inheritedAttributes, "f"), "aria-labelledby": this.hasTitleSlot ? __classPrivateFieldGet$q(this, _Dialog_titleId, "f") : undefined }, hasHeading && (hAsync("div", { key: '35dd63265b11d60c81a0da00ecf26960e1ac6019', class: "qds-heading" }, this.hasTitleSlot && (hAsync("div", { key: '36a0f0cea4d5ea178159c6999dee7a0f504b463c', id: __classPrivateFieldGet$q(this, _Dialog_titleId, "f") }, hAsync("slot", { key: '75e5ece6f72f32e4ba7db2bf9d599fca38439d47', name: "title" }))), this.closable === true && (hAsync("qds-icon-button", { key: '32ebd90a963baf9641cc67bb2cd149028a60b260', text: "close dialog", class: "qds-close-button", importance: "subdued", iconName: "close", iconLibrary: "core", onClick: __classPrivateFieldGet$q(this, _Dialog_handleCloseClick, "f"), ref: __classPrivateFieldGet$q(this, _Dialog_closeButtonRef, "f") })))), hAsync("div", { key: 'bda8d06d22282ca980d92fa59675906c9e848f2d', class: "qds-content" }, hAsync("slot", { key: 'cb838bb563777ab4e6364cff00c18ab29d3097d3' })), this.hasFooterSlot && (hAsync("div", { key: 'abe36ceae28976fcf7414c84512024ee4a4cb1ea', class: "qds-footer" }, hAsync("slot", { key: '4a5256aa87b920d001592d3a3878661a7c7fcd86', name: "footer" })))), hAsync("div", { key: 'a77aaaf5f7011473d53593c5ca26435b0b9c8946', class: "qds-backdrop" })));
     }
     show() {
-        invariant(__classPrivateFieldGet$p(this, _Dialog_dialog, "f"));
-        __classPrivateFieldGet$p(this, _Dialog_dialog, "f").showModal();
-        this.open = __classPrivateFieldGet$p(this, _Dialog_dialog, "f").open;
+        invariant(__classPrivateFieldGet$q(this, _Dialog_dialog, "f"));
+        __classPrivateFieldGet$q(this, _Dialog_dialog, "f").showModal();
+        this.open = __classPrivateFieldGet$q(this, _Dialog_dialog, "f").open;
         requestAnimationFrame(() => {
-            __classPrivateFieldGet$p(this, _Dialog_handleFocus, "f").call(this);
+            __classPrivateFieldGet$q(this, _Dialog_handleFocus, "f").call(this);
         });
     }
     close() {
-        invariant(__classPrivateFieldGet$p(this, _Dialog_dialog, "f"));
-        __classPrivateFieldGet$p(this, _Dialog_dialog, "f").close();
+        invariant(__classPrivateFieldGet$q(this, _Dialog_dialog, "f"));
+        __classPrivateFieldGet$q(this, _Dialog_dialog, "f").close();
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -5176,7 +5240,7 @@ const dividerCss = ":host([hidden]){display:none!important}:host{display:block}.
 // SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
 // SPDX-License-Identifier: Apache-2.0
-var __classPrivateFieldGet$o = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$p = (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))
@@ -5222,10 +5286,10 @@ class Divider {
         this.verticalChanged();
     }
     render() {
-        return (hAsync("hr", { key: '377320d6db82fa0188749625cf808243462fc790', class: {
+        return (hAsync("hr", { key: '172c2fec598edca334fa30ddab125eb285aba164', class: {
                 'qds-divider': true,
                 'qds-vertical': this.vertical,
-            }, "aria-hidden": "true", "data-importance": __classPrivateFieldGet$o(this, _Divider_instances, "a", _Divider_computedImportance_get) }));
+            }, "aria-hidden": "true", "data-importance": __classPrivateFieldGet$p(this, _Divider_instances, "a", _Divider_computedImportance_get) }));
     }
     static get watchers() { return {
         "vertical": ["verticalChanged"]
@@ -6944,7 +7008,7 @@ const dropdownCss = ":host([hidden]){display:none!important}:host{background-col
 // SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
 // SPDX-License-Identifier: Apache-2.0
-var __classPrivateFieldSet$l = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+var __classPrivateFieldSet$k = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
     if (kind === "m")
         throw new TypeError("Private method is not writable");
     if (kind === "a" && !f)
@@ -6953,7 +7017,7 @@ var __classPrivateFieldSet$l = (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 __classPrivateFieldGet$n = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$o = (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))
@@ -7041,10 +7105,10 @@ class Dropdown {
             if (!(event instanceof FocusEvent))
                 return;
             const { relatedTarget } = event;
-            const dropdownItem = __classPrivateFieldGet$n(this, _Dropdown_Items, "f").find((item) => item === relatedTarget);
+            const dropdownItem = __classPrivateFieldGet$o(this, _Dropdown_Items, "f").find((item) => item === relatedTarget);
             if (relatedTarget instanceof globalThis.Element &&
                 !this.host.contains(relatedTarget) &&
-                __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") !== relatedTarget &&
+                __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") !== relatedTarget &&
                 !dropdownItem)
                 await this.close();
         });
@@ -7052,33 +7116,51 @@ class Dropdown {
             if (!(event instanceof KeyboardEvent))
                 return;
             const { key, target } = event;
+            const targetRootNode = target instanceof globalThis.Node ? target.getRootNode() : undefined;
+            const keydownOnReference = target === __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") ||
+                (targetRootNode instanceof globalThis.ShadowRoot &&
+                    targetRootNode.host === __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")) ||
+                (target instanceof globalThis.Element &&
+                    __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element &&
+                    __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").contains(target));
             if (key === 'Enter' && !this.keepOpenOnSelect && isEnabledItem(target)) {
+                // Keep parent open when Enter is used on an item with a nested submenu.
+                if (target instanceof HTMLElement &&
+                    target.shadowRoot?.querySelector('qds-dropdown'))
+                    return;
                 await this.close();
-                __classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
+                __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
                 return;
             }
             if (key === 'Escape' &&
-                (target === __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") ||
+                (target === __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") ||
                     (target instanceof globalThis.Element &&
                         closestElement('qds-dropdown', target) === this.host))) {
                 const cancelEvent = this.cancelEmitter.emit();
                 if (cancelEvent.defaultPrevented)
                     return;
                 await this.close();
-                __classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
+                __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
                 return;
             }
-            if (target === __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") &&
-                (key === 'ArrowDown' || key === 'ArrowUp')) {
-                if (!__classPrivateFieldGet$n(this, _Dropdown_open, "f"))
+            if (keydownOnReference &&
+                (key === 'ArrowDown' || key === 'ArrowUp' || key === 'Enter')) {
+                if (!__classPrivateFieldGet$o(this, _Dropdown_open, "f"))
                     await this.show();
-                __classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
+                __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
                 event.preventDefault();
+                event.stopPropagation();
+                return;
+            }
+            // Prevent space key from scrolling the page when focused on an item
+            if (key === ' ') {
+                event.preventDefault();
+                event.stopPropagation();
                 return;
             }
             if (!VERTICAL_MOVE_KEYS.has(key))
                 return;
-            const Items = __classPrivateFieldGet$n(this, _Dropdown_Items, "f").filter((item) => isEnabledItem(item) &&
+            const Items = __classPrivateFieldGet$o(this, _Dropdown_Items, "f").filter((item) => isEnabledItem(item) &&
                 closestElement('qds-dropdown', item) === this.host);
             if (Items.length === 0)
                 return;
@@ -7117,42 +7199,42 @@ class Dropdown {
         _Dropdown_onReferenceClick.set(this, async () => {
             if (this.disabled)
                 return;
-            if (__classPrivateFieldGet$n(this, _Dropdown_open, "f")) {
+            if (__classPrivateFieldGet$o(this, _Dropdown_open, "f")) {
                 await this.close();
                 return;
             }
             await this.show();
-            __classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
+            __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
         });
         _Dropdown_boundOnFocusout.set(this, (event) => {
-            ignorePromise(__classPrivateFieldGet$n(this, _Dropdown_onFocusout, "f").call(this, event));
+            ignorePromise(__classPrivateFieldGet$o(this, _Dropdown_onFocusout, "f").call(this, event));
         });
         _Dropdown_boundOnKeydown.set(this, (event) => {
-            ignorePromise(__classPrivateFieldGet$n(this, _Dropdown_onKeydown, "f").call(this, event));
+            ignorePromise(__classPrivateFieldGet$o(this, _Dropdown_onKeydown, "f").call(this, event));
         });
         _Dropdown_boundOnReferenceClick.set(this, () => {
-            ignorePromise(__classPrivateFieldGet$n(this, _Dropdown_onReferenceClick, "f").call(this));
+            ignorePromise(__classPrivateFieldGet$o(this, _Dropdown_onReferenceClick, "f").call(this));
         });
         _Dropdown_onSlotchange.set(this, (event) => {
             const slot = event.target;
             const assignedElements = slot.assignedElements({ flatten: true });
-            __classPrivateFieldSet$l(this, _Dropdown_Items, assignedElements.filter((element) => isEnabledItem(element)), "f");
+            __classPrivateFieldSet$k(this, _Dropdown_Items, assignedElements.filter((element) => isEnabledItem(element)), "f");
         });
     }
     /**
      * Updates the gap between the dropdown and its target element.
      */
     async updateGap() {
-        __classPrivateFieldSet$l(this, _Dropdown_gap, propertyToPx(this.host, '--qds-accessory-gap-floating') ?? 0, "f");
+        __classPrivateFieldSet$k(this, _Dropdown_gap, propertyToPx(this.host, '--qds-accessory-gap-floating') ?? 0, "f");
         await this.updateMiddleware();
     }
     /**
      * Shows the dropdown.
      */
     async show() {
-        if (__classPrivateFieldGet$n(this, _Dropdown_open, "f"))
+        if (__classPrivateFieldGet$o(this, _Dropdown_open, "f"))
             return;
-        const reference = __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f");
+        const reference = __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f");
         const { host } = this;
         if (reference instanceof globalThis.Element) {
             reference.setAttribute('aria-expanded', 'true');
@@ -7163,12 +7245,12 @@ class Dropdown {
             if (isQdsButton(reference) && reference.action === 'dropdown')
                 reference.action = 'dropdown-close';
         }
-        if (!__classPrivateFieldGet$n(this, _Dropdown_opened, "f")) {
+        if (!__classPrivateFieldGet$o(this, _Dropdown_opened, "f")) {
             await this.updateGap();
-            __classPrivateFieldSet$l(this, _Dropdown_opened, true, "f");
+            __classPrivateFieldSet$k(this, _Dropdown_opened, true, "f");
         }
         this.startAutoUpdate();
-        __classPrivateFieldSet$l(this, _Dropdown_open, true, "f");
+        __classPrivateFieldSet$k(this, _Dropdown_open, true, "f");
         host.hidden = false;
         host.showPopover();
     }
@@ -7176,29 +7258,29 @@ class Dropdown {
      * Closes the dropdown.
      */
     async close() {
-        if (!__classPrivateFieldGet$n(this, _Dropdown_open, "f"))
+        if (!__classPrivateFieldGet$o(this, _Dropdown_open, "f"))
             return;
-        if (__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element) {
-            __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
-            __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
-            if (isQdsButton(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f")) &&
-                __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").action === 'dropdown-close')
-                __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").action = 'dropdown';
-        }
-        if (__classPrivateFieldGet$n(this, _Dropdown_cleanup, "f"))
-            __classPrivateFieldGet$n(this, _Dropdown_cleanup, "f").call(this);
-        __classPrivateFieldSet$l(this, _Dropdown_open, false, "f");
+        if (__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element) {
+            __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
+            __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
+            if (isQdsButton(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")) &&
+                __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").action === 'dropdown-close')
+                __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").action = 'dropdown';
+        }
+        if (__classPrivateFieldGet$o(this, _Dropdown_cleanup, "f"))
+            __classPrivateFieldGet$o(this, _Dropdown_cleanup, "f").call(this);
+        __classPrivateFieldSet$k(this, _Dropdown_open, false, "f");
         this.host.hidden = true;
         this.host.hidePopover();
         this.closeEmitter.emit();
     }
     async handleMouseDown(event) {
-        if (!__classPrivateFieldGet$n(this, _Dropdown_open, "f"))
+        if (!__classPrivateFieldGet$o(this, _Dropdown_open, "f"))
             return;
         const composedPath = event.composedPath();
         const withinBounds = composedPath.includes(this.host) ||
-            (__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element &&
-                composedPath.includes(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f")));
+            (__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element &&
+                composedPath.includes(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")));
         if (!withinBounds)
             await this.close();
     }
@@ -7209,24 +7291,24 @@ class Dropdown {
     }
     async updateReferenceElement() {
         var _a;
-        __classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
-        __classPrivateFieldSet$l(this, _Dropdown_referenceElement, resolveTarget(this.target), "f");
-        if (!(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
+        __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
+        __classPrivateFieldSet$k(this, _Dropdown_referenceElement, resolveTarget(this.target), "f");
+        if (!(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
             return;
-        __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
-        __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").addEventListener('click', __classPrivateFieldGet$n(this, _Dropdown_boundOnReferenceClick, "f"));
-        __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").addEventListener('focusout', __classPrivateFieldGet$n(this, _Dropdown_boundOnFocusout, "f"));
-        __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").addEventListener('keydown', __classPrivateFieldGet$n(this, _Dropdown_boundOnKeydown, "f"));
+        __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
+        __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").addEventListener('click', __classPrivateFieldGet$o(this, _Dropdown_boundOnReferenceClick, "f"));
+        __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").addEventListener('focusout', __classPrivateFieldGet$o(this, _Dropdown_boundOnFocusout, "f"));
+        __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").addEventListener('keydown', __classPrivateFieldGet$o(this, _Dropdown_boundOnKeydown, "f"));
         if (this.host.role === 'menu') {
-            (_a = __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f")).id || (_a.id = `qds-dropdown-trigger-${autoIncrementingId$3}`);
-            this.host.setAttribute('aria-labelledby', __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").id);
+            (_a = __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")).id || (_a.id = `qds-dropdown-trigger-${autoIncrementingId$3}`);
+            this.host.setAttribute('aria-labelledby', __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").id);
         }
     }
     async updateMiddleware() {
-        __classPrivateFieldSet$l(this, _Dropdown_middleware, [
+        __classPrivateFieldSet$k(this, _Dropdown_middleware, [
             offset({
                 ...this.offsetOptions,
-                mainAxis: __classPrivateFieldGet$n(this, _Dropdown_gap, "f"),
+                mainAxis: __classPrivateFieldGet$o(this, _Dropdown_gap, "f"),
             }),
             !this.noFlip &&
                 flip({
@@ -7241,10 +7323,10 @@ class Dropdown {
         ], "f");
     }
     async updatePosition() {
-        if (!__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f"))
+        if (!__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"))
             return;
-        const { x, y, strategy } = await computePosition(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f"), this.host, {
-            middleware: __classPrivateFieldGet$n(this, _Dropdown_middleware, "f"),
+        const { x, y, strategy } = await computePosition(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"), this.host, {
+            middleware: __classPrivateFieldGet$o(this, _Dropdown_middleware, "f"),
             placement: this.placement,
             strategy: this.strategy,
         });
@@ -7255,11 +7337,11 @@ class Dropdown {
         });
     }
     startAutoUpdate() {
-        if (!__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f"))
+        if (!__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"))
             return;
-        if (__classPrivateFieldGet$n(this, _Dropdown_cleanup, "f"))
-            __classPrivateFieldGet$n(this, _Dropdown_cleanup, "f").call(this);
-        __classPrivateFieldSet$l(this, _Dropdown_cleanup, autoUpdate(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f"), this.host, () => {
+        if (__classPrivateFieldGet$o(this, _Dropdown_cleanup, "f"))
+            __classPrivateFieldGet$o(this, _Dropdown_cleanup, "f").call(this);
+        __classPrivateFieldSet$k(this, _Dropdown_cleanup, autoUpdate(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"), this.host, () => {
             ignorePromise(this.updatePosition());
         }, this.autoUpdateOptions), "f");
     }
@@ -7273,10 +7355,10 @@ class Dropdown {
         autoIncrementingId$3 += 1;
     }
     disconnectedCallback() {
-        __classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
+        __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
     }
     render() {
-        return (hAsync(Host, { key: '818208411addc4dea30191c3d4941b214144def0', onKeyDown: __classPrivateFieldGet$n(this, _Dropdown_onKeydown, "f"), onFocusout: __classPrivateFieldGet$n(this, _Dropdown_onFocusout, "f") }, hAsync("slot", { key: 'd909ca090df9e4eaca458b00984d59ecd63cc7da', onSlotchange: __classPrivateFieldGet$n(this, _Dropdown_onSlotchange, "f") })));
+        return (hAsync(Host, { key: '65c58f7361006626f42e2d3b57fe78d2388b3a9d', onKeyDown: __classPrivateFieldGet$o(this, _Dropdown_onKeydown, "f"), onFocusout: __classPrivateFieldGet$o(this, _Dropdown_onFocusout, "f") }, hAsync("slot", { key: '79bc14dc9dfd417f26e7043fcd71694819ccd2c8', onSlotchange: __classPrivateFieldGet$o(this, _Dropdown_onSlotchange, "f") })));
     }
     static get delegatesFocus() { return true; }
     get host() { return getElement(this); }
@@ -7318,30 +7400,30 @@ class Dropdown {
     }; }
 }
 _Dropdown_cleanup = new WeakMap(), _Dropdown_Items = new WeakMap(), _Dropdown_gap = new WeakMap(), _Dropdown_middleware = new WeakMap(), _Dropdown_referenceElement = new WeakMap(), _Dropdown_open = new WeakMap(), _Dropdown_opened = new WeakMap(), _Dropdown_onFocusout = new WeakMap(), _Dropdown_onKeydown = new WeakMap(), _Dropdown_onReferenceClick = new WeakMap(), _Dropdown_boundOnFocusout = new WeakMap(), _Dropdown_boundOnKeydown = new WeakMap(), _Dropdown_boundOnReferenceClick = new WeakMap(), _Dropdown_onSlotchange = new WeakMap(), _Dropdown_instances = new WeakSet(), _Dropdown_focusOnTrigger = function _Dropdown_focusOnTrigger() {
-    if (__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") instanceof globalThis.HTMLElement ||
-        __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") instanceof globalThis.SVGElement) {
-        __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").focus();
+    if (__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.HTMLElement ||
+        __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.SVGElement) {
+        __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").focus();
     }
 }, _Dropdown_focusFirstItem = function _Dropdown_focusFirstItem() {
     requestAnimationFrame(() => {
-        const firstItem = __classPrivateFieldGet$n(this, _Dropdown_Items, "f").find((item) => item instanceof HTMLElement &&
+        const firstItem = __classPrivateFieldGet$o(this, _Dropdown_Items, "f").find((item) => item instanceof HTMLElement &&
             isEnabledItem(item) &&
             closestElement('qds-dropdown', item) === this.host);
         if (!firstItem)
             return;
-        for (const item of __classPrivateFieldGet$n(this, _Dropdown_Items, "f"))
+        for (const item of __classPrivateFieldGet$o(this, _Dropdown_Items, "f"))
             item.setAttribute('tabindex', '-1');
         firstItem.setAttribute('tabindex', '0');
         firstItem.focus();
     });
 }, _Dropdown_disconnectReferenceElement = function _Dropdown_disconnectReferenceElement() {
     this.host.removeAttribute('aria-labelledby');
-    if (!(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
+    if (!(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
         return;
-    __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").removeEventListener('focusout', __classPrivateFieldGet$n(this, _Dropdown_boundOnFocusout, "f"));
-    __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").removeEventListener('keydown', __classPrivateFieldGet$n(this, _Dropdown_boundOnKeydown, "f"));
-    __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").removeAttribute('aria-expanded');
-    __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
+    __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeEventListener('focusout', __classPrivateFieldGet$o(this, _Dropdown_boundOnFocusout, "f"));
+    __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeEventListener('keydown', __classPrivateFieldGet$o(this, _Dropdown_boundOnKeydown, "f"));
+    __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeAttribute('aria-expanded');
+    __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
 };
 
 const formMessageCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-form-message{color:var(--qds-theme-control-text-standard);display:inline-flex;gap:var(--qds-text-icon-gap)}.qds-form-message.qds-inline{align-items:flex-start}.qds-icon-background,.qds-icon-container{align-items:center;display:flex}.qds-icon-background{background-color:var(--qds-theme-feedback-action-destructive-contrast);border-radius:var(--qds-control-rounded-border-radius)}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}[data-size=small]{font:var(--qds-form-small-text)}.qds-icon-container[data-size=small]{height:var(--qds-control-small-icon-crop-height)}.qds-icon[data-size=small]{height:var(--qds-form-small-icon-size);width:var(--qds-form-small-icon-size)}.qds-inline[data-size=small]{min-height:var(--qds-form-input-small-height);padding-block:var(--qds-control-small-padding-auto-height)}[data-size=standard]{font:var(--qds-form-standard-text)}.qds-icon-container[data-size=standard]{height:var(--qds-control-standard-icon-crop-height)}.qds-icon[data-size=standard]{height:var(--qds-form-standard-icon-size);width:var(--qds-form-standard-icon-size)}.qds-inline[data-size=standard]{min-height:var(--qds-form-input-standard-height);padding-block:var(--qds-control-standard-padding-auto-height)}[data-size=large]{font:var(--qds-form-large-text)}.qds-icon-container[data-size=large]{height:var(--qds-control-large-icon-crop-height)}.qds-icon[data-size=large]{height:var(--qds-form-large-icon-size);width:var(--qds-form-large-icon-size)}.qds-inline[data-size=large]{min-height:var(--qds-form-input-large-height);padding-block:var(--qds-control-large-padding-auto-height)}.qds-icon[data-status=error],.qds-text[data-status=error]{color:var(--qds-theme-feedback-result-failure)}[data-status=info].qds-icon{color:var(--qds-theme-feedback-message-informational)}.qds-icon[data-status=success],.qds-text[data-status=success]{color:var(--qds-theme-feedback-result-success)}[data-status=warning].qds-icon{color:var(--qds-theme-feedback-result-partial-success)}[data-status=neutral]{color:var(--qds-theme-text-subdued)}";
@@ -7349,7 +7431,7 @@ const formMessageCss = ":host([hidden]){display:none!important}:host{display:inl
 // SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
 // SPDX-License-Identifier: Apache-2.0
-var __classPrivateFieldSet$k = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+var __classPrivateFieldSet$j = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
     if (kind === "m")
         throw new TypeError("Private method is not writable");
     if (kind === "a" && !f)
@@ -7358,7 +7440,7 @@ var __classPrivateFieldSet$k = (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 __classPrivateFieldGet$m = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$n = (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))
@@ -7394,13 +7476,13 @@ class FormMessage {
         _FormMessage_inheritedAttributes.set(this, {});
     }
     componentWillLoad() {
-        __classPrivateFieldSet$k(this, _FormMessage_inheritedAttributes, inheritAriaAttributes(this.host), "f");
+        __classPrivateFieldSet$j(this, _FormMessage_inheritedAttributes, inheritAriaAttributes(this.host), "f");
     }
     render() {
-        return (hAsync("span", { key: '0a8cbc3d4d61b9dbf49f33e3d68b789bc549c9f7', class: {
+        return (hAsync("span", { key: '06e32c62546b32c49b946d4878a7d6fe8401bdc5', class: {
                 'qds-form-message': true,
                 'qds-inline': this.inline,
-            }, "data-size": __classPrivateFieldGet$m(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), ...__classPrivateFieldGet$m(this, _FormMessage_inheritedAttributes, "f") }, this.status !== 'neutral' && (hAsync("div", { key: '02884cdb957599f46d249bb98801f3c160250937', class: "qds-icon-container", "data-size": __classPrivateFieldGet$m(this, _FormMessage_instances, "a", _FormMessage_computedSize_get) }, hAsync("div", { key: '0a644f9370c393343e13e540fdff08d00173aa38', class: "qds-icon-background", "data-size": __classPrivateFieldGet$m(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": this.status }, hAsync("qds-icon", { key: '9e5155876baa893f97c1c075ac45c7456cf14a7c', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$m(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": this.status, name: `status-${this.status}-solid`, library: "core" }), hAsync("span", { key: '39ed92c28a4fabb5d88e1e3994ce2223fce3c152', class: "qds-sr-only" }, this.statusDescription)))), hAsync("span", { key: 'b9a972b25f786706b6b080599e1249cc8d7f6b4a', class: "qds-text", "data-status": __classPrivateFieldGet$m(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) }, this.text)));
+            }, "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), ...__classPrivateFieldGet$n(this, _FormMessage_inheritedAttributes, "f") }, this.status !== 'neutral' && (hAsync("div", { key: '0a9b180b4a3649f5360cdd930b47e154940a57ec', class: "qds-icon-container", "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get) }, hAsync("div", { key: '8662cabe7446727290a67ad778e519aad73438f6', class: "qds-icon-background", "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": this.status }, hAsync("qds-icon", { key: '99467f3ddac3b4ca02f54b56d252eafcd266e627', class: "qds-icon", "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": this.status, name: `status-${this.status}-solid`, library: "core" }), hAsync("span", { key: 'f14eb5b9840eab89b41b0dba1aeb3e4565302a57', class: "qds-sr-only" }, this.statusDescription)))), hAsync("span", { key: 'feba7f19897dad2a1913cb6175933fb83580a5b0', class: "qds-text", "data-status": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) }, this.text)));
     }
     get host() { return getElement(this); }
     static get style() { return formMessageCss; }
@@ -7575,26 +7657,6 @@ const requestIcon = (url) => {
 
 const iconCss = ":host([hidden]){display:none!important}:host{display:inline-block;height:1em;width:1em}.qds-container{position:relative}.qds-icon-wrapper{display:contents}svg{display:block;fill:currentcolor;height:100%;width:100%}";
 
-// SPDX-FileCopyrightText: © 2024 Schneider Electric
-//
-// SPDX-License-Identifier: Apache-2.0
-var __classPrivateFieldGet$l = (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 __classPrivateFieldSet$j = (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 _Icon_inheritedAttributes;
 let parser;
 /**
  * @experimental
@@ -7604,12 +7666,18 @@ class Icon {
         registerInstance(this, hostRef);
         this.loadEmitter = createEvent(this, "qdsLoad", 6);
         this.errorEmitter = createEvent(this, "qdsError", 6);
+        if (hostRef.$hostElement$["s-ei"]) {
+            this.internals = hostRef.$hostElement$["s-ei"];
+        }
+        else {
+            this.internals = hostRef.$hostElement$.attachInternals();
+            hostRef.$hostElement$["s-ei"] = this.internals;
+        }
         /**
          * The name of a registered icon library.
          */
         this.library = 'default';
         this.svg = '';
-        _Icon_inheritedAttributes.set(this, {});
     }
     async setIcon() {
         if (!this.name)
@@ -7640,9 +7708,6 @@ class Icon {
                 this.errorEmitter.emit();
             }
             else {
-                for (const [key, value] of Object.entries(__classPrivateFieldGet$l(this, _Icon_inheritedAttributes, "f")))
-                    if (value !== undefined)
-                        svgElement.setAttribute(key, value);
                 this.svg = svgElement.outerHTML;
                 this.loadEmitter.emit();
             }
@@ -7652,13 +7717,12 @@ class Icon {
         }
     }
     async componentWillLoad() {
-        __classPrivateFieldSet$j(this, _Icon_inheritedAttributes, inheritAriaAttributes(this.host), "f");
+        this.internals.role = 'presentation';
         await this.setIcon();
     }
     render() {
-        return (hAsync("div", { key: 'e34db03445b6466673f0a5007e56565db0607dad', class: "qds-container" }, hAsync("span", { key: 'ae17bef072c530670209c28570db6f0021d58168', class: "qds-icon-wrapper", innerHTML: this.svg })));
+        return (hAsync("div", { key: 'a572b557421a531b2247ff4bdfa3f739eddf04de', class: "qds-container", "aria-hidden": "true" }, hAsync("span", { key: '61ffb82db95a3fc5703e5c5fa33af46281fad445', class: "qds-icon-wrapper", innerHTML: this.svg })));
     }
-    get host() { return getElement(this); }
     static get watchers() { return {
         "name": ["setIcon"],
         "library": ["setIcon"]
@@ -7677,14 +7741,13 @@ class Icon {
         "$attrsToReflect$": []
     }; }
 }
-_Icon_inheritedAttributes = new WeakMap();
 
-const iconButtonCss = ":host{display:block;outline:none}.qds-focus-ring{border-radius:max(1px,var(\n        --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n      )) max(1px,var(\n        --qds-control-border-radius-top-right,var(--qds-control-border-radius)\n      )) max(1px,var(\n        --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n      )) max(1px,var(\n        --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n      ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:a;height:calc(100% + var(--qds-control-border-width) - var(--qds-control-border-width));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-control-border-width) - var(\n        --qds-control-border-width-inline-end,\n        var(--qds-control-border-width)\n      ))}:host(:focus-visible) .qds-focus-ring{visibility:visible}.qds-container{display:grid;grid-template-areas:\"a\"}.qds-icon-button{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-radius:var(\n      --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n    ) var(--qds-control-border-radius-top-right,var(--qds-control-border-radius)) var(\n      --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n    ) var(\n      --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n    );box-sizing:border-box;color:var(--qds-theme-control-text-standard);cursor:pointer;display:flex;grid-area:a;justify-content:center;line-height:normal;min-width:0;outline:none;padding-inline:0;position:relative;-webkit-user-select:none;user-select:none}.qds-icon-button:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-icon-button:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{flex-shrink:0}.qds-indicator{inset-block-start:0;inset-inline-end:0;position:absolute;transform:translate(50%,-50%)}[data-size=small]{min-height:var(--qds-control-small-height);width:var(--qds-control-small-height)}.qds-icon[data-size=small]{min-height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=standard]{min-height:var(--qds-control-standard-height);width:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{min-height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=large]{min-height:var(--qds-control-large-height);width:var(--qds-control-large-height)}.qds-icon[data-size=large]{min-height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=hero]{border-radius:var(\n      --qds-control-border-radius-top-left,var(--qds-control-hero-border-radius)\n    ) var(\n      --qds-control-border-radius-top-right,var(--qds-control-hero-border-radius)\n    ) var(\n      --qds-control-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n    ) var(\n      --qds-control-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n    );min-height:var(--qds-control-hero-height);width:var(--qds-control-hero-height)}.qds-icon[data-size=hero]{min-height:var(--qds-control-hero-icon-size);width:var(--qds-control-hero-icon-size)}[data-importance=subdued]{color:var(--qds-theme-control-text-standard)}[data-importance=subdued]:hover{background-color:var(--qds-theme-interactive-background-hover)}[data-importance=subdued]:active{background-color:var(--qds-theme-interactive-background-pressed)}[data-importance=standard]{border:var(--qds-control-border-width) solid var(--qds-theme-control-border);color:var(--qds-theme-control-text-standard)}[data-importance=standard]:hover{background-color:var(--qds-theme-interactive-background-hover)}[data-importance=standard]:active{background-color:var(--qds-theme-interactive-background-pressed)}[data-importance=emphasized]{background-color:var(--qds-theme-signature-color-default);color:var(--qds-theme-signature-color-contrast)}[data-importance=emphasized]:hover{background-color:var(--qds-theme-signature-color-hover)}[data-importance=emphasized]:active{background-color:var(--qds-theme-signature-color-pressed)}[data-importance=destructive]{background-color:var(--qds-theme-feedback-action-destructive-default);color:var(--qds-theme-feedback-action-destructive-contrast)}[data-importance=destructive]:hover{background-color:var(--qds-theme-feedback-action-destructive-hover)}[data-importance=destructive]:active{background-color:var(--qds-theme-feedback-action-destructive-pressed)}[data-importance=subdued-destructive]{border:none;color:var(--qds-theme-feedback-action-destructive-default)}[data-importance=subdued-destructive]:hover{background-color:var(--qds-theme-interactive-background-hover);color:var(--qds-theme-feedback-action-destructive-default)}[data-importance=subdued-destructive]:active{background-color:var(--qds-theme-interactive-background-pressed);color:var(--qds-theme-feedback-action-destructive-default)}";
+const iconButtonCss = ":host{display:block;outline:none}.qds-focus-ring{border-radius:max(1px,var(\n        --qds-form-input-border-radius-top-left,var(--qds-control-border-radius)\n      )) max(1px,var(\n        --qds-form-input-border-radius-top-right,var(--qds-control-border-radius)\n      )) max(1px,var(\n        --qds-form-input-border-radius-bottom-right,var(--qds-control-border-radius)\n      )) max(1px,var(\n        --qds-form-input-border-radius-bottom-left,var(--qds-control-border-radius)\n      ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:a;height:calc(100% + var(--qds-control-border-width) - var(--qds-control-border-width));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-control-border-width) - var(\n        --qds-form-input-border-width-inline-end,\n        var(--qds-control-border-width)\n      ))}:host(:focus-visible) .qds-focus-ring{visibility:visible}.qds-container{display:grid;grid-template-areas:\"a\"}.qds-icon-button{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-radius:var(\n      --qds-form-input-border-radius-top-left,var(--qds-control-border-radius)\n    ) var(\n      --qds-form-input-border-radius-top-right,var(--qds-control-border-radius)\n    ) var(\n      --qds-form-input-border-radius-bottom-right,var(--qds-control-border-radius)\n    ) var(\n      --qds-form-input-border-radius-bottom-left,var(--qds-control-border-radius)\n    );box-sizing:border-box;color:var(--qds-theme-control-text-standard);cursor:pointer;display:flex;grid-area:a;justify-content:center;line-height:normal;min-width:0;outline:none;padding-inline:0;position:relative;-webkit-user-select:none;user-select:none}.qds-icon-button:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-icon-button:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{flex-shrink:0}.qds-indicator{transform:translate(50%,-50%)}.qds-counter,.qds-indicator{position:absolute}[data-size=small]{min-height:var(--qds-control-small-height);width:var(--qds-control-small-height)}.qds-icon[data-size=small]{min-height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small] .qds-indicator{inset-block-start:var(\n      --qds-control-icon-button-small-badge-indicator-padding-top\n    );inset-inline-end:var(\n      --qds-control-icon-button-small-badge-indicator-padding-end\n    )}[data-size=small] .qds-counter{inset-block-start:calc(var(--qds-control-icon-button-small-badge-counter-padding-top) - var(--qds-feedback-badge-border-width));inset-inline-end:calc(var(--qds-control-icon-button-small-badge-counter-padding-end) - var(--qds-feedback-badge-border-width))}[data-size=standard]{min-height:var(--qds-control-standard-height);width:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{min-height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-indicator{inset-block-start:var(\n      --qds-control-icon-button-standard-badge-indicator-padding-top\n    );inset-inline-end:var(\n      --qds-control-icon-button-standard-badge-indicator-padding-end\n    )}[data-size=standard] .qds-counter{inset-block-start:calc(var(--qds-control-icon-button-standard-badge-counter-padding-top) - var(--qds-feedback-badge-border-width));inset-inline-end:calc(var(--qds-control-icon-button-standard-badge-counter-padding-end) - var(--qds-feedback-badge-border-width))}[data-size=large]{min-height:var(--qds-control-large-height);width:var(--qds-control-large-height)}.qds-icon[data-size=large]{min-height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large] .qds-indicator{inset-block-start:var(\n      --qds-control-icon-button-large-badge-indicator-padding-top\n    );inset-inline-end:var(\n      --qds-control-icon-button-large-badge-indicator-padding-end\n    )}[data-size=large] .qds-counter{inset-block-start:calc(var(--qds-control-icon-button-large-badge-counter-padding-top) - var(--qds-feedback-badge-border-width));inset-inline-end:calc(var(--qds-control-icon-button-large-badge-counter-padding-end) - var(--qds-feedback-badge-border-width))}[data-size=hero]{border-radius:var(\n      --qds-form-input-border-radius-top-left,var(--qds-control-hero-border-radius)\n    ) var(\n      --qds-form-input-border-radius-top-right,var(--qds-control-hero-border-radius)\n    ) var(\n      --qds-form-input-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n    ) var(\n      --qds-form-input-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n    );min-height:var(--qds-control-hero-height);width:var(--qds-control-hero-height)}.qds-icon[data-size=hero]{min-height:var(--qds-control-hero-icon-size);width:var(--qds-control-hero-icon-size)}[data-size=hero] .qds-indicator{inset-block-start:var(\n      --qds-control-icon-button-hero-badge-indicator-padding-top\n    );inset-inline-end:var(\n      --qds-control-icon-button-hero-badge-indicator-padding-end\n    )}[data-size=hero] .qds-counter{inset-block-start:var(\n      --qds-control-icon-button-hero-badge-counter-padding-top\n    );inset-inline-end:var(\n      --qds-control-icon-button-hero-badge-counter-padding-end\n    )}[data-importance=subdued]{color:var(--qds-theme-control-text-standard)}[data-importance=subdued]:hover{background-color:var(--qds-theme-interactive-background-hover)}[data-importance=subdued]:active{background-color:var(--qds-theme-interactive-background-pressed)}[data-importance=standard]{border:var(--qds-control-border-width) solid var(--qds-theme-control-border);color:var(--qds-theme-control-text-standard)}[data-importance=standard]:hover{background-color:var(--qds-theme-interactive-background-hover)}[data-importance=standard]:active{background-color:var(--qds-theme-interactive-background-pressed)}[data-importance=emphasized]{background-color:var(--qds-theme-signature-color-default);color:var(--qds-theme-signature-color-contrast)}[data-importance=emphasized]:hover{background-color:var(--qds-theme-signature-color-hover)}[data-importance=emphasized]:active{background-color:var(--qds-theme-signature-color-pressed)}[data-importance=destructive]{background-color:var(--qds-theme-feedback-action-destructive-default);color:var(--qds-theme-feedback-action-destructive-contrast)}[data-importance=destructive]:hover{background-color:var(--qds-theme-feedback-action-destructive-hover)}[data-importance=destructive]:active{background-color:var(--qds-theme-feedback-action-destructive-pressed)}[data-importance=subdued-destructive]{border:none;color:var(--qds-theme-feedback-action-destructive-default)}[data-importance=subdued-destructive]:hover{background-color:var(--qds-theme-interactive-background-hover);color:var(--qds-theme-feedback-action-destructive-default)}[data-importance=subdued-destructive]:active{background-color:var(--qds-theme-interactive-background-pressed);color:var(--qds-theme-feedback-action-destructive-default)}";
 
 // SPDX-FileCopyrightText: © 2025 Schneider Electric
 //
 // SPDX-License-Identifier: Apache-2.0
-var __classPrivateFieldGet$k = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$m = (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))
@@ -7768,17 +7831,17 @@ class IconButton {
         _IconButton_tooltipRef.set(this, (tooltip) => {
             if (tooltip) {
                 // eslint-disable-next-line no-param-reassign
-                tooltip.target = __classPrivateFieldGet$k(this, _IconButton_button, "f");
+                tooltip.target = __classPrivateFieldGet$m(this, _IconButton_button, "f");
                 __classPrivateFieldSet$i(this, _IconButton_tooltip, tooltip, "f");
             }
         });
     }
     disabledChanged() {
-        this.internals.ariaDisabled = __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedDisabled_get).toString();
-        if (__classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
+        this.internals.ariaDisabled = __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get).toString();
+        if (__classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
             this.host.removeAttribute('tabindex');
         else
-            this.host.tabIndex = __classPrivateFieldGet$k(this, _IconButton_savedTabIndex, "f");
+            this.host.tabIndex = __classPrivateFieldGet$m(this, _IconButton_savedTabIndex, "f");
     }
     hrefChanged() {
         this.internals.role = this.href === undefined ? 'button' : 'link';
@@ -7790,34 +7853,34 @@ class IconButton {
                 ? 0
                 : parsedValue, "f");
         }
-        if (__classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
+        if (__classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
             this.host.removeAttribute('tabindex');
         else
-            this.host.tabIndex = __classPrivateFieldGet$k(this, _IconButton_savedTabIndex, "f");
+            this.host.tabIndex = __classPrivateFieldGet$m(this, _IconButton_savedTabIndex, "f");
     }
     textChanged() {
-        __classPrivateFieldGet$k(this, _IconButton_instances, "m", _IconButton_updateAriaLabel).call(this);
+        __classPrivateFieldGet$m(this, _IconButton_instances, "m", _IconButton_updateAriaLabel).call(this);
     }
     onClick(event) {
-        if (__classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
+        if (__classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
             event.stopImmediatePropagation();
     }
     async onBlur(event) {
         this.blurEmitter.emit(pickFocusEventAttributes(event));
-        if (__classPrivateFieldGet$k(this, _IconButton_tooltip, "f")) {
-            await __classPrivateFieldGet$k(this, _IconButton_tooltip, "f").close();
+        if (__classPrivateFieldGet$m(this, _IconButton_tooltip, "f")) {
+            await __classPrivateFieldGet$m(this, _IconButton_tooltip, "f").close();
         }
     }
     async onFocus(event) {
         this.focusEmitter.emit(pickFocusEventAttributes(event));
-        if (__classPrivateFieldGet$k(this, _IconButton_tooltip, "f")) {
-            await __classPrivateFieldGet$k(this, _IconButton_tooltip, "f").show();
+        if (__classPrivateFieldGet$m(this, _IconButton_tooltip, "f")) {
+            await __classPrivateFieldGet$m(this, _IconButton_tooltip, "f").show();
         }
     }
     onKeydown(event) {
         if (event.key === 'Enter') {
-            if (__classPrivateFieldGet$k(this, _IconButton_button, "f") instanceof HTMLAnchorElement) {
-                __classPrivateFieldGet$k(this, _IconButton_button, "f").click();
+            if (__classPrivateFieldGet$m(this, _IconButton_button, "f") instanceof HTMLAnchorElement) {
+                __classPrivateFieldGet$m(this, _IconButton_button, "f").click();
             }
             else
                 this.host.click();
@@ -7835,10 +7898,10 @@ class IconButton {
     }
     render() {
         const Tag = this.href === undefined ? 'button' : 'a';
-        return (hAsync("div", { key: '78677375ce18f22b5c76363187dad9edafcb1c7b', class: "qds-container", "aria-hidden": "true" }, hAsync(Tag, { key: 'ad3f3fb8c69a8f5b38c4124051410251f735d9c8', type: Tag === 'a' ? undefined : 'button', class: {
+        return (hAsync("div", { key: '74914fa07f359baa1a7f713b006ae390faf2c6c7', class: "qds-container", "aria-hidden": "true" }, hAsync(Tag, { key: '020ec79ffa66c0ffc6889021efbf841aa81988db', type: Tag === 'a' ? undefined : 'button', class: {
                 'qds-icon-button': true,
-                'qds-disabled': __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedDisabled_get),
-            }, href: Tag === 'a' ? this.href : undefined, target: Tag === 'a' ? this.target : undefined, rel: Tag === 'a' ? this.rel : undefined, ref: __classPrivateFieldGet$k(this, _IconButton_ref, "f"), disabled: Tag === 'a' ? undefined : __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedDisabled_get), download: Tag === 'a' ? this.download : undefined, "data-size": __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedSize_get), "data-importance": __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedImportance_get), onKeyDown: preventDefault$1, onKeyUp: preventDefault$1, onKeyPress: preventDefault$1, tabIndex: -1 }, hAsync("qds-icon", { key: '29cb03c903fba4345d3a6c9c2c5a68c0023b51cc', class: "qds-icon", "data-size": __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedSize_get), library: this.iconLibrary, name: this.iconName }), isIndicator$2(this.badge) && (hAsync("qds-badge-indicator", { key: '480364dfd3d94ed4e5c5576b160b405834794e05', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedSize_get), strokeRing: true })), isCounter$2(this.badge) && (hAsync("qds-badge-counter", { key: '1e3fe4df0264c2f8ba3b5136b069a64013f348cc', class: "qds-indicator", description: this.badgeDescription, importance: __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedImportance_get), size: __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedSize_get), strokeRing: true, value: this.badge }))), hAsync("div", { key: 'be898d9a58d84e5bc9854e8d348d6e5cbd1f090e', class: "qds-focus-ring", "data-size": __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedSize_get) }), __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_hasText_get) && (hAsync("qds-tooltip", { key: '37173b5f043570a7ce0867e32a6de5060ee93a26', ref: __classPrivateFieldGet$k(this, _IconButton_tooltipRef, "f") }, this.text))));
+                'qds-disabled': __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get),
+            }, href: Tag === 'a' ? this.href : undefined, target: Tag === 'a' ? this.target : undefined, rel: Tag === 'a' ? this.rel : undefined, ref: __classPrivateFieldGet$m(this, _IconButton_ref, "f"), disabled: Tag === 'a' ? undefined : __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get), download: Tag === 'a' ? this.download : undefined, "data-size": __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get), "data-importance": __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedImportance_get), onKeyDown: preventDefault$1, onKeyUp: preventDefault$1, onKeyPress: preventDefault$1, tabIndex: -1 }, hAsync("qds-icon", { key: '24a25e630f833d2b61c461a522517f54d125ce73', class: "qds-icon", "data-size": __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get), library: this.iconLibrary, name: this.iconName }), isIndicator$2(this.badge) && (hAsync("qds-badge-indicator", { key: '3e4efc42923833d90a1550cdcc124520227e423e', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get), strokeRing: true })), isCounter$2(this.badge) && (hAsync("qds-badge-counter", { key: 'aff710b534385e2f88e964cabd9070e7381d079f', class: "qds-counter", description: this.badgeDescription, importance: __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedImportance_get), size: __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get), strokeRing: true, value: this.badge }))), hAsync("div", { key: '161d272e21dfcc81b130c40fe8afce7600332777', class: "qds-focus-ring", "data-size": __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get) }), __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_hasText_get) && (hAsync("qds-tooltip", { key: '1c6e87ba9cd0e298ae2cfbb5dc10bb393d7ef7c7', ref: __classPrivateFieldGet$m(this, _IconButton_tooltipRef, "f") }, this.text))));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }
@@ -7927,7 +7990,7 @@ var __classPrivateFieldSet$h = (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 __classPrivateFieldGet$j = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$l = (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))
@@ -8001,7 +8064,7 @@ class IconTab {
         _IconTab_tooltipRef.set(this, (tooltip) => {
             if (tooltip)
                 // eslint-disable-next-line no-param-reassign
-                tooltip.target = __classPrivateFieldGet$j(this, _IconTab_div, "f");
+                tooltip.target = __classPrivateFieldGet$l(this, _IconTab_div, "f");
         });
         _IconTab_onBlur.set(this, (event) => {
             this.blurEmitter.emit(pickFocusEventAttributes(event));
@@ -8011,7 +8074,7 @@ class IconTab {
         });
         _IconTab_defineTab.set(this, () => {
             this.internals.role = 'tab';
-            __classPrivateFieldGet$j(this, _IconTab_instances, "m", _IconTab_defineGetter).call(this, 'tab', () => __classPrivateFieldGet$j(this, _IconTab_iconTab, "f"));
+            __classPrivateFieldGet$l(this, _IconTab_instances, "m", _IconTab_defineGetter).call(this, 'tab', () => __classPrivateFieldGet$l(this, _IconTab_iconTab, "f"));
         });
     }
     panelChanged() {
@@ -8022,15 +8085,15 @@ class IconTab {
         __classPrivateFieldSet$h(this, _IconTab_panel, panel, "f");
         const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
         if (tab)
-            tab.setAttribute('aria-controls', __classPrivateFieldGet$j(this, _IconTab_panel, "f").id);
-        if (__classPrivateFieldGet$j(this, _IconTab_panel, "f").role === null)
-            __classPrivateFieldGet$j(this, _IconTab_panel, "f").role = 'tabpanel';
-        if (__classPrivateFieldGet$j(this, _IconTab_panel, "f").getAttribute('aria-labelledby') === null)
-            __classPrivateFieldGet$j(this, _IconTab_panel, "f").setAttribute('aria-labelledby', this.host.id);
-        __classPrivateFieldGet$j(this, _IconTab_panel, "f").setAttribute('tabindex', __classPrivateFieldGet$j(this, _IconTab_panel, "f").getAttribute('tabindex') ?? '0');
+            tab.setAttribute('aria-controls', __classPrivateFieldGet$l(this, _IconTab_panel, "f").id);
+        if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").role === null)
+            __classPrivateFieldGet$l(this, _IconTab_panel, "f").role = 'tabpanel';
+        if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").getAttribute('aria-labelledby') === null)
+            __classPrivateFieldGet$l(this, _IconTab_panel, "f").setAttribute('aria-labelledby', this.host.id);
+        __classPrivateFieldGet$l(this, _IconTab_panel, "f").setAttribute('tabindex', __classPrivateFieldGet$l(this, _IconTab_panel, "f").getAttribute('tabindex') ?? '0');
     }
     onClick(event) {
-        if (__classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedDisabled_get))
+        if (__classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedDisabled_get))
             event.stopImmediatePropagation();
     }
     tabindexChanged(newValue) {
@@ -8043,39 +8106,39 @@ class IconTab {
         this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
         (_a = this.host).id || (_a.id = `qds-icon-tab-${autoIncrementingId$2}`);
         autoIncrementingId$2 += 1;
-        __classPrivateFieldGet$j(this, _IconTab_defineTab, "f").call(this);
+        __classPrivateFieldGet$l(this, _IconTab_defineTab, "f").call(this);
     }
     componentWillRender() {
-        const isPanelRoot = __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_parentLayer_get) === 'panel' && __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_parentLevel_get) === 'root';
-        const isMainSubsection = __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_parentLayer_get) === 'main' && __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_parentLevel_get) === 'subsection';
+        const isPanelRoot = __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_parentLayer_get) === 'panel' && __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_parentLevel_get) === 'root';
+        const isMainSubsection = __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_parentLayer_get) === 'main' && __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_parentLevel_get) === 'subsection';
         this.isIndicatorOnTop = isPanelRoot || isMainSubsection;
     }
     componentDidLoad() {
         this.panelChanged();
     }
     disconnectedCallback() {
-        if (!__classPrivateFieldGet$j(this, _IconTab_panel, "f"))
+        if (!__classPrivateFieldGet$l(this, _IconTab_panel, "f"))
             return;
         const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
         if (tab)
             tab.removeAttribute('aria-controls');
-        if (__classPrivateFieldGet$j(this, _IconTab_panel, "f").role === 'tabpanel')
+        if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").role === 'tabpanel')
             // eslint-disable-next-line unicorn/no-null
-            __classPrivateFieldGet$j(this, _IconTab_panel, "f").role = null;
-        if (__classPrivateFieldGet$j(this, _IconTab_panel, "f").getAttribute('aria-labelledby') === this.host.id)
-            __classPrivateFieldGet$j(this, _IconTab_panel, "f").removeAttribute('aria-labelledby');
-        __classPrivateFieldGet$j(this, _IconTab_panel, "f").removeAttribute('tabindex');
+            __classPrivateFieldGet$l(this, _IconTab_panel, "f").role = null;
+        if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").getAttribute('aria-labelledby') === this.host.id)
+            __classPrivateFieldGet$l(this, _IconTab_panel, "f").removeAttribute('aria-labelledby');
+        __classPrivateFieldGet$l(this, _IconTab_panel, "f").removeAttribute('tabindex');
     }
     render() {
         const isLink = this.href === undefined ? this.indicatorPosition : 'block-start';
         const Tag = isLink ? 'a' : 'div';
-        return (hAsync("div", { key: 'ee55c8edcad6ea16123e32591e073638dfda985a', "aria-disabled": __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedDisabled_get) ? 'true' : undefined, class: {
+        return (hAsync("div", { key: '487ae8cb9a55bbe7d07a8c4dcae654a1609af5b4', "aria-disabled": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedDisabled_get) ? 'true' : undefined, class: {
                 'qds-selected': this.selected,
-            }, "data-size": __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedSize_get), "data-importance": __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedImportance_get), ref: __classPrivateFieldGet$j(this, _IconTab_ref, "f") }, hAsync(Tag, { key: '7c535857b7b2856437596c2df0099919dc99c1b6', ref: __classPrivateFieldGet$j(this, _IconTab_iconTabRef, "f"), "aria-disabled": __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedDisabled_get) ? 'true' : undefined, ...(isLink ? undefined : { disabled: this.disabled }), onBlur: __classPrivateFieldGet$j(this, _IconTab_onBlur, "f"), onFocus: __classPrivateFieldGet$j(this, _IconTab_onFocus, "f"), class: {
+            }, "data-size": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedSize_get), "data-importance": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedImportance_get), ref: __classPrivateFieldGet$l(this, _IconTab_ref, "f") }, hAsync(Tag, { key: '12093c90673de8fc1377992bc7892e76315b6b21', ref: __classPrivateFieldGet$l(this, _IconTab_iconTabRef, "f"), "aria-disabled": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedDisabled_get) ? 'true' : undefined, ...(isLink ? undefined : { disabled: this.disabled }), onBlur: __classPrivateFieldGet$l(this, _IconTab_onBlur, "f"), onFocus: __classPrivateFieldGet$l(this, _IconTab_onFocus, "f"), class: {
                 'qds-icon-tab': true,
                 'qds-selected': this.selected,
                 [`qds-indicator-${this.indicatorPosition}`]: true,
-            }, role: isLink ? undefined : 'tab', "aria-current": isLink && this.selected ? 'true' : undefined, "aria-expanded": isLink ? undefined : this.selected ? 'true' : 'false', "data-importance": __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedImportance_get), "data-size": __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedSize_get), href: isLink ? this.href : undefined }, hAsync("div", { key: '0e5c9c975cd7839003dc6227e692974905165abe', class: "qds-icon-container" }, hAsync("qds-icon", { key: 'e400c4a9249fcd4a6e436e196302961ff1f430d1', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName }), isIndicator$1(this.badge) && (hAsync("qds-badge-indicator", { key: 'def25454ebe3e3ac6bc21b3618db347a016e2ad8', class: "qds-badge-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedSize_get), strokeRing: true })), isCounter$1(this.badge) && (hAsync("qds-badge-counter", { key: '3ee1b82b6d97c1e3aeac1347333f2487c922a6f7', class: "qds-badge-counter", description: this.badgeDescription, importance: this.badgeCounterImportance, size: __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedSize_get), strokeRing: true, value: this.badge })))), hAsync("qds-tooltip", { key: 'f292fc171e186c67537ac0159376fb3e9618d54c', placement: __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_placement_get), ref: __classPrivateFieldGet$j(this, _IconTab_tooltipRef, "f") }, hAsync("qds-title", { key: 'f4e85471c2f320db20e75ae24d5c08f5a29d8a17', layer: "accessory", level: "root" }, this.text))));
+            }, role: isLink ? undefined : 'tab', "aria-current": isLink && this.selected ? 'true' : undefined, "aria-expanded": isLink ? undefined : this.selected ? 'true' : 'false', "data-importance": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedImportance_get), "data-size": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedSize_get), href: isLink ? this.href : undefined }, hAsync("div", { key: '69a7818c3f16667a07cd37d0775d8c2676546693', class: "qds-icon-container" }, hAsync("qds-icon", { key: '281df04fbea65aa853c0f3b5fe20ea0f3c491c81', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName }), isIndicator$1(this.badge) && (hAsync("qds-badge-indicator", { key: '40199c0a4a79e0b98ec62c106d7f76dbac343a3f', class: "qds-badge-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedSize_get), strokeRing: true })), isCounter$1(this.badge) && (hAsync("qds-badge-counter", { key: '3c7cab837ba45ea78c741a748915ec67d2f4ae7d', class: "qds-badge-counter", description: this.badgeDescription, importance: this.badgeCounterImportance, size: __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedSize_get), strokeRing: true, value: this.badge })))), hAsync("qds-tooltip", { key: 'bade89eaa9147b36bad8cc0177d1a4867373646f', placement: __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_placement_get), ref: __classPrivateFieldGet$l(this, _IconTab_tooltipRef, "f") }, hAsync("qds-title", { key: '45f7022bf7984a7bc471603d94f7f9dc8a3b7ee2', layer: "accessory", level: "root" }, this.text))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -8152,7 +8215,7 @@ const inlineLinkCss = ":host([hidden]){display:none!important}:host{display:inli
 // SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
 // SPDX-License-Identifier: Apache-2.0
-var __classPrivateFieldGet$i = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$k = (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))
@@ -8219,10 +8282,10 @@ class InlineLink {
             this.focusEmitter.emit(pickFocusEventAttributes(event));
         });
         _InlineLink_updateAriaLabelElements.set(this, () => {
-            this.internals.ariaLabel = `${this.host.textContent} ${__classPrivateFieldGet$i(this, _InlineLink_instances, "a", _InlineLink_openInNewTab_get) ? 'Opens in a new tab' : ''}`.trim();
+            this.internals.ariaLabel = `${this.host.textContent} ${__classPrivateFieldGet$k(this, _InlineLink_instances, "a", _InlineLink_openInNewTab_get) ? 'Opens in a new tab' : ''}`.trim();
         });
         _InlineLink_onSlotchange.set(this, () => {
-            __classPrivateFieldGet$i(this, _InlineLink_updateAriaLabelElements, "f").call(this);
+            __classPrivateFieldGet$k(this, _InlineLink_updateAriaLabelElements, "f").call(this);
         });
     }
     onClick(event) {
@@ -8230,18 +8293,18 @@ class InlineLink {
             event.stopImmediatePropagation();
     }
     onKeydown(event) {
-        invariant(__classPrivateFieldGet$i(this, _InlineLink_link, "f"));
+        invariant(__classPrivateFieldGet$k(this, _InlineLink_link, "f"));
         if (this.disabled)
             return;
         if (event.key === 'Enter')
-            __classPrivateFieldGet$i(this, _InlineLink_link, "f").click();
+            __classPrivateFieldGet$k(this, _InlineLink_link, "f").click();
     }
     disabledChanged() {
         this.internals.ariaDisabled = this.disabled.toString();
         if (this.disabled)
             this.host.removeAttribute('tabindex');
         else
-            this.host.tabIndex = __classPrivateFieldGet$i(this, _InlineLink_savedTabIndex, "f");
+            this.host.tabIndex = __classPrivateFieldGet$k(this, _InlineLink_savedTabIndex, "f");
     }
     tabindexChanged(newValue) {
         const parsedValue = Number.parseInt(newValue, 10);
@@ -8252,11 +8315,11 @@ class InlineLink {
         if (this.disabled)
             this.host.removeAttribute('tabindex');
         else
-            this.host.tabIndex = __classPrivateFieldGet$i(this, _InlineLink_savedTabIndex, "f");
+            this.host.tabIndex = __classPrivateFieldGet$k(this, _InlineLink_savedTabIndex, "f");
     }
     hrefTargetChanged() {
         this.linkIcon = determineLinkIcon(this.target, this.rel);
-        __classPrivateFieldGet$i(this, _InlineLink_updateAriaLabelElements, "f").call(this);
+        __classPrivateFieldGet$k(this, _InlineLink_updateAriaLabelElements, "f").call(this);
     }
     componentWillLoad() {
         this.internals.role = 'link';
@@ -8265,13 +8328,13 @@ class InlineLink {
         this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
     }
     componentDidLoad() {
-        __classPrivateFieldGet$i(this, _InlineLink_updateAriaLabelElements, "f").call(this);
+        __classPrivateFieldGet$k(this, _InlineLink_updateAriaLabelElements, "f").call(this);
     }
     render() {
-        return (hAsync("a", { key: '3411bcbb89281e52a96f8e2a42380c4b28563cd0', "aria-hidden": "true", class: {
+        return (hAsync("a", { key: '0a4e02f5a4ccd184c3b2fdc72d39b437cb951799', "aria-hidden": "true", class: {
                 'qds-inline-link': true,
                 'qds-disabled': this.disabled,
-            }, "data-importance": __classPrivateFieldGet$i(this, _InlineLink_instances, "a", _InlineLink_computedImportance_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$i(this, _InlineLink_onBlur, "f"), onFocus: __classPrivateFieldGet$i(this, _InlineLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet$i(this, _InlineLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'e931203750a48ebb52ffbab861b78c194a0ae20b', class: "qds-icon", "aria-hidden": "true", library: this.iconLibrary, name: this.iconName })), hAsync("slot", { key: '795b019b877c1d66d0811b9475af3176a2504806', onSlotchange: __classPrivateFieldGet$i(this, _InlineLink_onSlotchange, "f") }), this.linkIcon && (hAsync("qds-icon", { key: 'a3edf8126b78e986672c314ea8be78a7d8c0f988', "aria-hidden": "true", class: "qds-icon", library: "core", name: this.linkIcon }))));
+            }, "data-importance": __classPrivateFieldGet$k(this, _InlineLink_instances, "a", _InlineLink_computedImportance_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$k(this, _InlineLink_onBlur, "f"), onFocus: __classPrivateFieldGet$k(this, _InlineLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet$k(this, _InlineLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '66400e2071d58f4ae5b2afd32e435fd688ff9f7b', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("slot", { key: '7650baedea48e920ad0aaf445b11654a91954119', onSlotchange: __classPrivateFieldGet$k(this, _InlineLink_onSlotchange, "f") }), this.linkIcon && (hAsync("qds-icon", { key: 'ec44b064cbca50416722bde16fad8f9401e62e8a', class: "qds-icon", library: "core", name: this.linkIcon }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -8316,12 +8379,12 @@ _InlineLink_savedTabIndex = new WeakMap(), _InlineLink_link = new WeakMap(), _In
     return this.target === '_blank';
 };
 
-const inputCss = ":host([hidden]){display:none!important}:host{display:inline-block}@-moz-document url-prefix(){[type=date]~.qds-icon-container,[type=datetime-local]~.qds-icon-container,[type=month]~.qds-icon-container,[type=time]~.qds-icon-container,[type=week]~.qds-icon-container{display:none}}input[type=password]::-ms-reveal{display:none}.qds-container,.qds-input{max-width:inherit;width:inherit}.qds-container{align-content:flex-start;align-items:center;box-sizing:border-box;display:grid;grid-template-areas:\"d\"}.qds-icon-container,.qds-input{grid-area:d}.qds-focus-ring{border-radius:max(1px,var(\n        --qds-control-border-radius-top-left,var(--qds-form-input-border-radius)\n      )) max(1px,var(\n        --qds-control-border-radius-top-right,var(--qds-form-input-border-radius)\n      )) max(1px,var(\n        --qds-control-border-radius-bottom-right,var(--qds-form-input-border-radius)\n      )) max(1px,var(\n        --qds-control-border-radius-bottom-left,var(--qds-form-input-border-radius)\n      ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:d;height:calc(100% + var(--qds-form-input-border-width-default) - var(\n        --qds-control-border-width-block-end,\n        var(--qds-form-input-border-width-default)\n      ));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-form-input-border-width-default) - var(\n        --qds-control-border-width-inline-end,\n        var(--qds-form-input-border-width-default)\n      ))}[data-size=large]{font:var(--qds-form-large-text);min-height:var(--qds-form-input-large-height);padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}.qds-password-padding[data-size=large],[data-size=large][type=date],[data-size=large][type=datetime-local],[data-size=large][type=month],[data-size=large][type=time],[data-size=large][type=week]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height))}[data-size=large]~.qds-icon-container{padding-inline-end:var(--qds-form-input-large-padding-end)}[data-size=large][type=number]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large][type=file]{padding-block:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large][type=file]::file-selector-button{font:var(--qds-form-large-text);margin-inline-end:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-form-input-large-height);padding-inline:var(--qds-control-button-large-padding-horizontal)}[data-size=large][type=search]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-gap-internal))}[data-size=large][type=search]~.qds-icon-container{gap:var(--qds-form-input-large-gap-internal)}.qds-custom-icon-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height))}.qds-dual-icon-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-large-gap-internal))}.qds-dual-icon-padding[data-size=large]~.qds-icon-container{gap:var(--qds-form-input-large-gap-internal)}.qds-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}}}[data-size=standard]{font:var(--qds-form-standard-text);min-height:var(--qds-form-input-standard-height);padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}.qds-password-padding[data-size=standard],[data-size=standard][type=date],[data-size=standard][type=datetime-local],[data-size=standard][type=month],[data-size=standard][type=time],[data-size=standard][type=week]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height))}[data-size=standard]~.qds-icon-container{padding-inline-end:var(--qds-form-input-standard-padding-end)}[data-size=standard][type=number]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard][type=file]{padding-block:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard][type=file]::file-selector-button{font:var(--qds-form-standard-text);margin-inline-end:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-form-input-standard-height);padding-inline:var(--qds-control-button-standard-padding-horizontal)}[data-size=standard][type=search]{padding-inline:var(--qds-form-input-standard-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-gap-internal))}[data-size=standard][type=search]~.qds-icon-container{gap:var(--qds-form-input-standard-gap-internal)}.qds-custom-icon-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height))}.qds-dual-icon-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-standard-gap-internal))}.qds-dual-icon-padding[data-size=standard]~.qds-icon-container{gap:var(--qds-form-input-standard-gap-internal)}.qds-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}}}[data-size=small]{font:var(--qds-form-small-text);min-height:var(--qds-form-input-small-height);padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}.qds-password-padding[data-size=small],[data-size=small][type=date],[data-size=small][type=datetime-local],[data-size=small][type=month],[data-size=small][type=time],[data-size=small][type=week]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height))}[data-size=small]~.qds-icon-container{padding-inline-end:var(--qds-form-input-small-padding-end)}[data-size=small][type=number]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small][type=file]{padding-block:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small][type=file]::file-selector-button{font:var(--qds-form-small-text);margin-inline-end:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-form-input-small-height);padding-inline:var(--qds-control-button-small-padding-horizontal)}[data-size=small][type=search]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-gap-internal))}[data-size=small][type=search]~.qds-icon-container{gap:var(--qds-form-input-small-gap-internal)}.qds-custom-icon-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height))}.qds-dual-icon-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-small-gap-internal))}.qds-dual-icon-padding[data-size=small]~.qds-icon-container{gap:var(--qds-form-input-small-gap-internal)}.qds-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}}}.qds-input{-webkit-appearance:textfield;appearance:textfield;background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-default);border-radius:var(\n      --qds-control-border-radius-top-left,var(--qds-form-input-border-radius)\n    ) var(\n      --qds-control-border-radius-top-right,var(--qds-form-input-border-radius)\n    ) var(\n      --qds-control-border-radius-bottom-right,var(--qds-form-input-border-radius)\n    ) var(\n      --qds-control-border-radius-bottom-left,var(--qds-form-input-border-radius)\n    );border-style:solid;border-width:var(--qds-form-input-border-width-default) var(\n      --qds-control-border-width-inline-end,var(--qds-form-input-border-width-default)\n    ) var(\n      --qds-control-border-width-block-end,var(--qds-form-input-border-width-default)\n    ) var(--qds-form-input-border-width-default);box-sizing:border-box;color:var(--qds-theme-form-input-text-active);grid-area:d;padding-block:0}.qds-input.qds-hide~.qds-icon-container{display:none}.qds-input:disabled,.qds-input:disabled~.qds-icon-container{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-input:focus-visible{outline:none}.qds-input:focus-visible~.qds-focus-ring{visibility:visible}.qds-input:read-only{background-color:var(--qds-theme-form-input-background-read-only);border-color:var(--qds-theme-form-input-border-disabled)}.qds-input:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}.qds-input:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-input:active{background-color:var(--qds-theme-form-input-background-active);color:var(--qds-theme-form-input-text-active)}.qds-input::-webkit-search-cancel-button,.qds-input:is([type=date],[type=datetime-local],[type=month],[type=time],[type=week])::-webkit-calendar-picker-indicator{display:none}.qds-input[type=file]::file-selector-button{background-color:initial;border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius);color:var(--qds-theme-form-input-text-active)}.qds-input[type=file]::file-selector-button:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=file]::file-selector-button:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input[type=color]{-webkit-appearance:none;appearance:none;cursor:pointer;min-width:50px;padding-block:var(--qds-form-input-standard-padding-end);padding-inline:var(--qds-form-input-standard-padding-end)}.qds-input[type=color]::-webkit-color-swatch-wrapper{padding:0}.qds-input[type=color]::-webkit-color-swatch{border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]::-moz-color-swatch{border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=color]:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input.qds-search-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-standard-padding-end))}.qds-input[data-size=standard][type=file]{height:auto}.qds-input.qds-search-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-large-padding-end))}.qds-input[data-size=large][type=file]{height:auto}.qds-input.qds-search-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-small-padding-end))}.qds-input[data-size=small][type=file]{height:auto}.qds-input{@-moz-document url-prefix(){&[type=number]{appearance:none}}}.qds-input[data-status]{border-width:var(--qds-form-input-border-width-status) var(\n        --qds-control-border-width-inline-end,var(--qds-form-input-border-width-status)\n      ) var(\n        --qds-control-border-width-block-end,var(--qds-form-input-border-width-status)\n      ) var(--qds-form-input-border-width-status)}.qds-input[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-input[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-input:not(:focus):user-invalid,.qds-input[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}.qds-icon-container{align-items:center;display:flex;justify-content:center;justify-self:end}";
+const inputCss = ":host([hidden]){display:none!important}:host{display:inline-block}@-moz-document url-prefix(){[type=date]~.qds-icon-container,[type=datetime-local]~.qds-icon-container,[type=month]~.qds-icon-container,[type=time]~.qds-icon-container,[type=week]~.qds-icon-container{display:none}}input[type=password]::-ms-reveal{display:none}.qds-container,.qds-input{max-width:inherit;width:inherit}.qds-container{align-content:flex-start;align-items:center;box-sizing:border-box;display:grid;grid-template-areas:\"d\"}.qds-icon-container,.qds-input{grid-area:d}.qds-focus-ring{border-radius:max(1px,var(\n        --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n      )) max(1px,var(\n        --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n      )) max(1px,var(\n        --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n      )) max(1px,var(\n        --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n      ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:d;height:calc(100% + var(--qds-form-input-border-width-default) - var(\n        --qds-form-input-border-width-block-end,\n        var(--qds-form-input-border-width-default)\n      ));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-form-input-border-width-default) - var(\n        --qds-form-input-border-width-inline-end,\n        var(--qds-form-input-border-width-default)\n      ))}[data-size=large]{font:var(--qds-form-large-text);min-height:var(--qds-form-input-large-height);padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}.qds-password-padding[data-size=large],[data-size=large][type=date],[data-size=large][type=datetime-local],[data-size=large][type=month],[data-size=large][type=time],[data-size=large][type=week]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height))}[data-size=large]~.qds-icon-container{padding-inline-end:var(--qds-form-input-large-padding-end)}[data-size=large][type=number]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large][type=file]{padding-block:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large][type=file]::file-selector-button{font:var(--qds-form-large-text);margin-inline-end:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-form-input-large-height);padding-inline:var(--qds-control-button-large-padding-horizontal)}[data-size=large][type=search]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-gap-internal))}[data-size=large][type=search]~.qds-icon-container{gap:var(--qds-form-input-large-gap-internal)}.qds-custom-icon-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height))}.qds-dual-icon-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-large-gap-internal))}.qds-dual-icon-padding[data-size=large]~.qds-icon-container{gap:var(--qds-form-input-large-gap-internal)}.qds-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}}}[data-size=standard]{font:var(--qds-form-standard-text);min-height:var(--qds-form-input-standard-height);padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}.qds-password-padding[data-size=standard],[data-size=standard][type=date],[data-size=standard][type=datetime-local],[data-size=standard][type=month],[data-size=standard][type=time],[data-size=standard][type=week]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height))}[data-size=standard]~.qds-icon-container{padding-inline-end:var(--qds-form-input-standard-padding-end)}[data-size=standard][type=number]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard][type=file]{padding-block:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard][type=file]::file-selector-button{font:var(--qds-form-standard-text);margin-inline-end:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-form-input-standard-height);padding-inline:var(--qds-control-button-standard-padding-horizontal)}[data-size=standard][type=search]{padding-inline:var(--qds-form-input-standard-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-gap-internal))}[data-size=standard][type=search]~.qds-icon-container{gap:var(--qds-form-input-standard-gap-internal)}.qds-custom-icon-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height))}.qds-dual-icon-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-standard-gap-internal))}.qds-dual-icon-padding[data-size=standard]~.qds-icon-container{gap:var(--qds-form-input-standard-gap-internal)}.qds-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}}}[data-size=small]{font:var(--qds-form-small-text);min-height:var(--qds-form-input-small-height);padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}.qds-password-padding[data-size=small],[data-size=small][type=date],[data-size=small][type=datetime-local],[data-size=small][type=month],[data-size=small][type=time],[data-size=small][type=week]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height))}[data-size=small]~.qds-icon-container{padding-inline-end:var(--qds-form-input-small-padding-end)}[data-size=small][type=number]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small][type=file]{padding-block:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small][type=file]::file-selector-button{font:var(--qds-form-small-text);margin-inline-end:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-form-input-small-height);padding-inline:var(--qds-control-button-small-padding-horizontal)}[data-size=small][type=search]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-gap-internal))}[data-size=small][type=search]~.qds-icon-container{gap:var(--qds-form-input-small-gap-internal)}.qds-custom-icon-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height))}.qds-dual-icon-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-small-gap-internal))}.qds-dual-icon-padding[data-size=small]~.qds-icon-container{gap:var(--qds-form-input-small-gap-internal)}.qds-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}}}.qds-input{-webkit-appearance:textfield;appearance:textfield;background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-default);border-radius:var(\n      --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n    ) var(\n      --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n    ) var(\n      --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n    ) var(\n      --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n    );border-style:solid;border-width:var(--qds-form-input-border-width-default) var(\n      --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-default)\n    ) var(\n      --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-default)\n    ) var(--qds-form-input-border-width-default);box-sizing:border-box;color:var(--qds-theme-form-input-text-active);grid-area:d;padding-block:0}.qds-input.qds-hide~.qds-icon-container{display:none}.qds-input:disabled,.qds-input:disabled~.qds-icon-container{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-input:focus-visible{outline:none}.qds-input:focus-visible~.qds-focus-ring{visibility:visible}.qds-input:read-only{background-color:var(--qds-theme-form-input-background-read-only);border-color:var(--qds-theme-form-input-border-disabled)}.qds-input:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}.qds-input:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-input:active{background-color:var(--qds-theme-form-input-background-active);color:var(--qds-theme-form-input-text-active)}.qds-input::-webkit-search-cancel-button,.qds-input:is([type=date],[type=datetime-local],[type=month],[type=time],[type=week])::-webkit-calendar-picker-indicator{display:none}.qds-input[type=file]::file-selector-button{background-color:initial;border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius);color:var(--qds-theme-form-input-text-active)}.qds-input[type=file]::file-selector-button:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=file]::file-selector-button:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input[type=color]{-webkit-appearance:none;appearance:none;cursor:pointer;min-width:50px;padding-block:var(--qds-form-input-standard-padding-end);padding-inline:var(--qds-form-input-standard-padding-end)}.qds-input[type=color]::-webkit-color-swatch-wrapper{padding:0}.qds-input[type=color]::-webkit-color-swatch{border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]::-moz-color-swatch{border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=color]:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input.qds-search-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-standard-padding-end))}.qds-input[data-size=standard][type=file]{height:auto}.qds-input.qds-search-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-large-padding-end))}.qds-input[data-size=large][type=file]{height:auto}.qds-input.qds-search-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-small-padding-end))}.qds-input[data-size=small][type=file]{height:auto}.qds-input{@-moz-document url-prefix(){&[type=number]{appearance:none}}}.qds-input[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-input[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-input[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-input:not(:focus):user-invalid,.qds-input[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}.qds-icon-container{align-items:center;display:flex;justify-content:center;justify-self:end}";
 
 // SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
 // SPDX-License-Identifier: Apache-2.0
-var __classPrivateFieldGet$h = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$j = (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))
@@ -8489,69 +8552,69 @@ class Input {
         this.checkValidity = () => this.internals.checkValidity();
         this.reportValidity = () => this.internals.reportValidity();
         this.setCustomValidity = (error) => {
-            invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
-            __classPrivateFieldGet$h(this, _Input_input, "f").setCustomValidity(error);
+            invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
+            __classPrivateFieldGet$j(this, _Input_input, "f").setCustomValidity(error);
             if (error)
-                this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$h(this, _Input_input, "f"));
+                this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$j(this, _Input_input, "f"));
             else
                 this.internals.setValidity(NO_ERROR_FLAGS);
         };
         this.select = () => {
-            invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
-            __classPrivateFieldGet$h(this, _Input_input, "f").select();
+            invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
+            __classPrivateFieldGet$j(this, _Input_input, "f").select();
         };
         this.getSelectionDirection = () => {
-            invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
-            return __classPrivateFieldGet$h(this, _Input_input, "f").selectionDirection;
+            invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
+            return __classPrivateFieldGet$j(this, _Input_input, "f").selectionDirection;
         };
         this.getSelectionStart = () => {
-            invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
-            return __classPrivateFieldGet$h(this, _Input_input, "f").selectionStart;
+            invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
+            return __classPrivateFieldGet$j(this, _Input_input, "f").selectionStart;
         };
         this.getSelectionEnd = () => {
-            invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
-            return __classPrivateFieldGet$h(this, _Input_input, "f").selectionEnd;
+            invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
+            return __classPrivateFieldGet$j(this, _Input_input, "f").selectionEnd;
         };
         this.setRangeText = (replacement, start, end, selectionMode) => {
-            invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
-            __classPrivateFieldGet$h(this, _Input_input, "f").setRangeText(replacement, start, end, selectionMode);
-            if (this.value !== __classPrivateFieldGet$h(this, _Input_input, "f").value) {
-                this.value = __classPrivateFieldGet$h(this, _Input_input, "f").value;
+            invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
+            __classPrivateFieldGet$j(this, _Input_input, "f").setRangeText(replacement, start, end, selectionMode);
+            if (this.value !== __classPrivateFieldGet$j(this, _Input_input, "f").value) {
+                this.value = __classPrivateFieldGet$j(this, _Input_input, "f").value;
                 this.inputEmitter.emit();
                 this.changeEmitter.emit();
             }
         };
         this.setSelectionRange = (start, end, direction) => {
-            invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
-            __classPrivateFieldGet$h(this, _Input_input, "f").setSelectionRange(start, end, direction);
+            invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
+            __classPrivateFieldGet$j(this, _Input_input, "f").setSelectionRange(start, end, direction);
         };
         this.stepDown = (n) => {
-            invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
-            __classPrivateFieldGet$h(this, _Input_input, "f").stepDown(n);
+            invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
+            __classPrivateFieldGet$j(this, _Input_input, "f").stepDown(n);
         };
         this.stepUp = (n) => {
-            invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
-            __classPrivateFieldGet$h(this, _Input_input, "f").stepUp(n);
+            invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
+            __classPrivateFieldGet$j(this, _Input_input, "f").stepUp(n);
         };
         this.showPicker = () => {
-            invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
-            __classPrivateFieldGet$h(this, _Input_input, "f").showPicker();
+            invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
+            __classPrivateFieldGet$j(this, _Input_input, "f").showPicker();
         };
-        _Input_renderClearableButton.set(this, () => (hAsync("qds-mini-button", { name: "clear", library: "core", text: "clear input", onClick: __classPrivateFieldGet$h(this, _Input_onClearableClick, "f"), tabindex: -1, onQdsFocus: stopImmediatePropagation })));
-        _Input_renderSearchClearButton.set(this, () => (hAsync("qds-mini-button", { class: "qds-hide", name: "clear", library: "core", text: "clear input", onClick: __classPrivateFieldGet$h(this, _Input_onSearchClear, "f"), tabindex: -1, onQdsFocus: stopImmediatePropagation })));
-        _Input_renderInteractiveIconButton.set(this, () => (hAsync("qds-mini-button", { name: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedIconName_get) ?? '', library: "core", text: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedInteractiveIconAriaLabel_get), onClick: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_iconClickHandler_get), tabindex: -1, onQdsFocus: stopImmediatePropagation })));
-        _Input_renderSearchButton.set(this, () => (hAsync("qds-mini-button", { name: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedIconName_get) ?? '', library: "core", text: "search", onClick: __classPrivateFieldGet$h(this, _Input_onSearch, "f"), tabindex: -1, onQdsFocus: stopImmediatePropagation })));
+        _Input_renderClearableButton.set(this, () => (hAsync("qds-mini-button", { name: "clear", library: "core", text: "clear input", onClick: __classPrivateFieldGet$j(this, _Input_onClearableClick, "f"), onQdsFocus: stopImmediatePropagation })));
+        _Input_renderSearchClearButton.set(this, () => (hAsync("qds-mini-button", { class: "qds-hide", name: "clear", library: "core", text: "clear input", onClick: __classPrivateFieldGet$j(this, _Input_onSearchClear, "f"), onQdsFocus: stopImmediatePropagation })));
+        _Input_renderInteractiveIconButton.set(this, () => (hAsync("qds-mini-button", { name: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get) ?? '', library: "core", text: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedInteractiveIconAriaLabel_get), onClick: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_iconClickHandler_get), onQdsFocus: stopImmediatePropagation })));
+        _Input_renderSearchButton.set(this, () => (hAsync("qds-mini-button", { name: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get) ?? '', library: "core", text: "search", onClick: __classPrivateFieldGet$j(this, _Input_onSearch, "f"), onQdsFocus: stopImmediatePropagation })));
         _Input_togglePasswordVisibility.set(this, () => {
-            invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
+            invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
             this.isPasswordVisible = !this.isPasswordVisible;
-            __classPrivateFieldGet$h(this, _Input_input, "f").type = __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedType_get);
+            __classPrivateFieldGet$j(this, _Input_input, "f").type = __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedType_get);
         });
         _Input_ref.set(this, (input) => {
             __classPrivateFieldSet$f(this, _Input_input, input, "f");
         });
         _Input_getFiles.set(this, () => {
-            invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
-            return __classPrivateFieldGet$h(this, _Input_input, "f").files;
+            invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
+            return __classPrivateFieldGet$j(this, _Input_input, "f").files;
         });
         _Input_onBlur.set(this, (event) => {
             this.blurEmitter.emit(pickFocusEventAttributes(event));
@@ -8566,34 +8629,34 @@ class Input {
             this.changeEmitter.emit();
         });
         _Input_handleClear.set(this, () => {
-            __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_clearValue).call(this);
-            __classPrivateFieldGet$h(this, _Input_onInput, "f").call(this, new InputEvent('input', { inputType: 'deleteContent' }));
-            invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
-            if (document.activeElement !== __classPrivateFieldGet$h(this, _Input_input, "f"))
-                __classPrivateFieldGet$h(this, _Input_input, "f").focus();
+            __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_clearValue).call(this);
+            __classPrivateFieldGet$j(this, _Input_onInput, "f").call(this, new InputEvent('input', { inputType: 'deleteContent' }));
+            invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
+            if (document.activeElement !== __classPrivateFieldGet$j(this, _Input_input, "f"))
+                __classPrivateFieldGet$j(this, _Input_input, "f").focus();
         });
         _Input_onClearableClick.set(this, () => {
-            __classPrivateFieldGet$h(this, _Input_handleClear, "f").call(this);
+            __classPrivateFieldGet$j(this, _Input_handleClear, "f").call(this);
         });
         _Input_onSearchClear.set(this, () => {
-            __classPrivateFieldGet$h(this, _Input_handleClear, "f").call(this);
+            __classPrivateFieldGet$j(this, _Input_handleClear, "f").call(this);
             this.searchEmitter.emit();
         });
         _Input_onFocus.set(this, (event) => {
             this.focusEmitter.emit(pickFocusEventAttributes(event));
         });
         _Input_onInput.set(this, (event) => {
-            invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
-            this.value = __classPrivateFieldGet$h(this, _Input_input, "f").value;
+            invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
+            this.value = __classPrivateFieldGet$j(this, _Input_input, "f").value;
             this.inputEmitter.emit(pickInputEventAttributes(event));
         });
     }
     onClick(event) {
-        if (__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedDisabled_get))
+        if (__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get))
             event.stopImmediatePropagation();
     }
     onKeydown(event) {
-        if (__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedDisabled_get)) {
+        if (__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get)) {
             event.stopImmediatePropagation();
             return;
         }
@@ -8606,36 +8669,40 @@ class Input {
         }
     }
     ariaLabelChanged(newValue) {
-        invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
-        __classPrivateFieldGet$h(this, _Input_input, "f").ariaLabel =
+        invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
+        __classPrivateFieldGet$j(this, _Input_input, "f").ariaLabel =
             newValue ??
                 [...this.internals.labels]
-                    .map((node) => node.textContent === ''
-                    ? this.host.parentElement?.querySelector('qds-label')?.text
-                    : node.textContent?.trim())
+                    .map((node) => {
+                    // eslint-disable-next-line unicorn/prefer-dom-node-text-content
+                    const text = node.innerText.trim();
+                    return text === ''
+                        ? (this.host.parentElement?.querySelector('qds-label')?.text ?? '')
+                        : text;
+                })
                     .join(' ');
     }
     statusChanged() {
-        this.internals.ariaInvalid = (__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedStatus_get) === 'error').toString();
+        this.internals.ariaInvalid = (__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedStatus_get) === 'error').toString();
     }
     disabledChanged() {
-        if (__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedDisabled_get))
+        if (__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get))
             // eslint-disable-next-line unicorn/no-null
             this.internals.setFormValue(null);
         else
-            this.internals.setFormValue(__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedValue_get));
+            this.internals.setFormValue(__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedValue_get));
     }
     selectionDirectionChanged() {
-        invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
-        __classPrivateFieldGet$h(this, _Input_input, "f").selectionDirection = this.selectionDirection;
+        invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
+        __classPrivateFieldGet$j(this, _Input_input, "f").selectionDirection = this.selectionDirection;
     }
     selectionEndChanged() {
-        invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
-        __classPrivateFieldGet$h(this, _Input_input, "f").selectionEnd = this.selectionEnd;
+        invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
+        __classPrivateFieldGet$j(this, _Input_input, "f").selectionEnd = this.selectionEnd;
     }
     selectionStartChanged() {
-        invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
-        __classPrivateFieldGet$h(this, _Input_input, "f").selectionStart = this.selectionStart;
+        invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
+        __classPrivateFieldGet$j(this, _Input_input, "f").selectionStart = this.selectionStart;
     }
     tabindexChanged(newValue) {
         const parsedValue = Number.parseInt(newValue, 10);
@@ -8643,62 +8710,62 @@ class Input {
             parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
     }
     validationChanged() {
-        if (!__classPrivateFieldGet$h(this, _Input_input, "f"))
+        if (!__classPrivateFieldGet$j(this, _Input_input, "f"))
             return;
-        if (__classPrivateFieldGet$h(this, _Input_input, "f").max !== this.max && this.max !== undefined)
-            __classPrivateFieldGet$h(this, _Input_input, "f").max = this.max.toString();
+        if (__classPrivateFieldGet$j(this, _Input_input, "f").max !== this.max && this.max !== undefined)
+            __classPrivateFieldGet$j(this, _Input_input, "f").max = this.max.toString();
         if (this.maxLength !== undefined)
-            __classPrivateFieldGet$h(this, _Input_input, "f").maxLength = this.maxLength;
-        if (__classPrivateFieldGet$h(this, _Input_input, "f").min !== this.min && this.min !== undefined)
-            __classPrivateFieldGet$h(this, _Input_input, "f").min = this.min.toString();
+            __classPrivateFieldGet$j(this, _Input_input, "f").maxLength = this.maxLength;
+        if (__classPrivateFieldGet$j(this, _Input_input, "f").min !== this.min && this.min !== undefined)
+            __classPrivateFieldGet$j(this, _Input_input, "f").min = this.min.toString();
         if (this.minLength !== undefined)
-            __classPrivateFieldGet$h(this, _Input_input, "f").minLength = this.minLength;
+            __classPrivateFieldGet$j(this, _Input_input, "f").minLength = this.minLength;
         if (this.pattern !== undefined)
-            __classPrivateFieldGet$h(this, _Input_input, "f").pattern = this.pattern;
-        __classPrivateFieldGet$h(this, _Input_input, "f").required = this.required ?? false;
-        if (__classPrivateFieldGet$h(this, _Input_input, "f").step !== this.step && this.step !== undefined)
-            __classPrivateFieldGet$h(this, _Input_input, "f").step = this.step.toString();
-        __classPrivateFieldGet$h(this, _Input_input, "f").type = __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedType_get);
-        const { valid } = __classPrivateFieldGet$h(this, _Input_input, "f").validity;
+            __classPrivateFieldGet$j(this, _Input_input, "f").pattern = this.pattern;
+        __classPrivateFieldGet$j(this, _Input_input, "f").required = this.required ?? false;
+        if (__classPrivateFieldGet$j(this, _Input_input, "f").step !== this.step && this.step !== undefined)
+            __classPrivateFieldGet$j(this, _Input_input, "f").step = this.step.toString();
+        __classPrivateFieldGet$j(this, _Input_input, "f").type = __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedType_get);
+        const { valid } = __classPrivateFieldGet$j(this, _Input_input, "f").validity;
         if (valid)
-            this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$h(this, _Input_input, "f"));
+            this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$j(this, _Input_input, "f"));
         else
-            this.internals.setValidity(__classPrivateFieldGet$h(this, _Input_input, "f").validity, __classPrivateFieldGet$h(this, _Input_input, "f").validationMessage, __classPrivateFieldGet$h(this, _Input_input, "f"));
+            this.internals.setValidity(__classPrivateFieldGet$j(this, _Input_input, "f").validity, __classPrivateFieldGet$j(this, _Input_input, "f").validationMessage, __classPrivateFieldGet$j(this, _Input_input, "f"));
     }
     valueChanged() {
-        if (!__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedDisabled_get))
-            this.internals.setFormValue(__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedValue_get));
-        if ((__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedValue_get) === null || __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedValue_get) === '') &&
+        if (!__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get))
+            this.internals.setFormValue(__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedValue_get));
+        if ((__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedValue_get) === null || __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedValue_get) === '') &&
             this.type === 'file') {
-            __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_clearValue).call(this);
+            __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_clearValue).call(this);
         }
     }
     componentWillLoad() {
-        __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'form', () => this.internals.form);
-        __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
-        __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'validity', () => this.internals.validity);
-        __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
-        __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'files', __classPrivateFieldGet$h(this, _Input_getFiles, "f"));
-        __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'labels', () => this.internals.labels);
+        __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'form', () => this.internals.form);
+        __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
+        __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'validity', () => this.internals.validity);
+        __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
+        __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'files', __classPrivateFieldGet$j(this, _Input_getFiles, "f"));
+        __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'labels', () => this.internals.labels);
         __classPrivateFieldSet$f(this, _Input_inheritedAttributes, inheritAriaAttributes(this.host), "f");
         this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
         this.statusChanged();
     }
     componentDidLoad() {
-        invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
+        invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
         this.ariaLabelChanged(this.host.ariaLabel);
         this.validationChanged();
         this.valueChanged();
         // FIXME: This event is supported by the native `<input>` element but not
         // recognized by Stencil's type definitions, so it needs to be manually
         // bound here.
-        __classPrivateFieldGet$h(this, _Input_input, "f").addEventListener('cancel', __classPrivateFieldGet$h(this, _Input_onCancel, "f"));
-        __classPrivateFieldGet$h(this, _Input_input, "f").addEventListener('search', __classPrivateFieldGet$h(this, _Input_onSearch, "f"));
+        __classPrivateFieldGet$j(this, _Input_input, "f").addEventListener('cancel', __classPrivateFieldGet$j(this, _Input_onCancel, "f"));
+        __classPrivateFieldGet$j(this, _Input_input, "f").addEventListener('search', __classPrivateFieldGet$j(this, _Input_onSearch, "f"));
     }
     disconnectedCallback() {
-        if (__classPrivateFieldGet$h(this, _Input_input, "f")) {
-            __classPrivateFieldGet$h(this, _Input_input, "f").removeEventListener('cancel', __classPrivateFieldGet$h(this, _Input_onCancel, "f"));
-            __classPrivateFieldGet$h(this, _Input_input, "f").removeEventListener('search', __classPrivateFieldGet$h(this, _Input_onSearch, "f"));
+        if (__classPrivateFieldGet$j(this, _Input_input, "f")) {
+            __classPrivateFieldGet$j(this, _Input_input, "f").removeEventListener('cancel', __classPrivateFieldGet$j(this, _Input_onCancel, "f"));
+            __classPrivateFieldGet$j(this, _Input_input, "f").removeEventListener('search', __classPrivateFieldGet$j(this, _Input_onSearch, "f"));
         }
     }
     render() {
@@ -8714,7 +8781,7 @@ class Input {
         const shouldShowSearchButton = isSearchType && this.noIcon === false;
         const shouldHideIcon = !isSearchType && this.noIcon === true;
         const shouldRemoveSearchPadding = isSearchType && this.noIcon === true;
-        return (hAsync("div", { key: '6e70a342a4fd8e02d8aa643899981afe811c001b', class: "qds-container" }, hAsync("input", { key: '3add3be0f05dc633ff22af9d27857eeef87236d7', accept: this.accept, autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
+        return (hAsync("div", { key: '3ed80a395c44519bc231e9d898f642619c1c8bbd', class: "qds-container" }, hAsync("input", { key: 'dc2df7c5d4a0226a8a8304684cdcbba00bfc8926', accept: this.accept, autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
             // eslint-disable-next-line jsx-a11y/no-autofocus
             autoFocus: this.host.autofocus, capture: this.capture, class: {
                 'qds-search-padding': shouldRemoveSearchPadding,
@@ -8723,11 +8790,11 @@ class Input {
                 'qds-padding': shouldHideIcon,
                 'qds-password-padding': this.type === 'password' ||
                     (this.isPasswordVisible && this.type === 'text'),
-                'qds-custom-icon-padding': shouldShowClearableButton && !__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedIconName_get),
-                'qds-dual-icon-padding': shouldShowClearableButton && __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_hasInteractiveIcon_get),
-            }, "data-status": __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedStatus_get), "data-size": __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedSize_get), disabled: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedDisabled_get), enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, max: this.max, maxLength: this.maxLength, min: this.min, minLength: this.minLength, multiple: this.multiple, onBlur: __classPrivateFieldGet$h(this, _Input_onBlur, "f"), onChange: __classPrivateFieldGet$h(this, _Input_onChange, "f"), onFocus: __classPrivateFieldGet$h(this, _Input_onFocus, "f"), onInput: __classPrivateFieldGet$h(this, _Input_onInput, "f"), placeholder: this.placeholder, readOnly: this.readonly, ref: __classPrivateFieldGet$h(this, _Input_ref, "f"), spellcheck: this.host.spellcheck, step: this.step, tabIndex: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedDisabled_get) ? undefined : this.tabIndex, type: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedType_get), value: this.value ?? '', ...__classPrivateFieldGet$h(this, _Input_inheritedAttributes, "f") }), hAsync("div", { key: 'fea60800a1a9efd39ad815e77adcaaeac1914a10', class: "qds-focus-ring" }), shouldShowClearableButton && !__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedIconName_get) && (hAsync("div", { key: 'd61a0c44cd829b1acd4e3118ba9af6b57e2cf176', class: "qds-icon-container" }, __classPrivateFieldGet$h(this, _Input_renderClearableButton, "f").call(this))), __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedIconName_get) && (hAsync("div", { key: '49bf72935ef8d3bc3740b742f6cc71d51c30d662', class: "qds-icon-container" }, shouldShowClearButton && __classPrivateFieldGet$h(this, _Input_renderSearchClearButton, "f").call(this), shouldShowClearableButton &&
-            __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_hasInteractiveIcon_get) &&
-            __classPrivateFieldGet$h(this, _Input_renderClearableButton, "f").call(this), __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_hasInteractiveIcon_get) && __classPrivateFieldGet$h(this, _Input_renderInteractiveIconButton, "f").call(this), shouldShowSearchButton && __classPrivateFieldGet$h(this, _Input_renderSearchButton, "f").call(this)))));
+                'qds-custom-icon-padding': shouldShowClearableButton && !__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get),
+                'qds-dual-icon-padding': shouldShowClearableButton && __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_hasInteractiveIcon_get),
+            }, "data-status": __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedStatus_get), "data-size": __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedSize_get), disabled: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get), enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, max: this.max, maxLength: this.maxLength, min: this.min, minLength: this.minLength, multiple: this.multiple, onBlur: __classPrivateFieldGet$j(this, _Input_onBlur, "f"), onChange: __classPrivateFieldGet$j(this, _Input_onChange, "f"), onFocus: __classPrivateFieldGet$j(this, _Input_onFocus, "f"), onInput: __classPrivateFieldGet$j(this, _Input_onInput, "f"), placeholder: this.placeholder, readOnly: this.readonly, ref: __classPrivateFieldGet$j(this, _Input_ref, "f"), spellcheck: this.host.spellcheck, step: this.step, tabIndex: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get) ? undefined : this.tabIndex, type: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedType_get), value: this.value ?? '', ...__classPrivateFieldGet$j(this, _Input_inheritedAttributes, "f") }), hAsync("div", { key: '889c7b40cbd470dde63c581c28d5c18de1fbea79', class: "qds-focus-ring" }), shouldShowClearableButton && !__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get) && (hAsync("div", { key: 'eed30a3f52adda657e8e6c46afbfd22fd68be37f', class: "qds-icon-container" }, __classPrivateFieldGet$j(this, _Input_renderClearableButton, "f").call(this))), __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get) && (hAsync("div", { key: 'bf2d80802037f3db6e647e85f9f62501b0cc6dc4', class: "qds-icon-container" }, shouldShowClearButton && __classPrivateFieldGet$j(this, _Input_renderSearchClearButton, "f").call(this), shouldShowClearableButton &&
+            __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_hasInteractiveIcon_get) &&
+            __classPrivateFieldGet$j(this, _Input_renderClearableButton, "f").call(this), __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_hasInteractiveIcon_get) && __classPrivateFieldGet$j(this, _Input_renderInteractiveIconButton, "f").call(this), shouldShowSearchButton && __classPrivateFieldGet$j(this, _Input_renderSearchButton, "f").call(this)))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
@@ -8847,7 +8914,7 @@ _Input_inheritedAttributes = new WeakMap(), _Input_input = new WeakMap(), _Input
         ['month', 'time', 'date', 'datetime-local', 'week', 'password'].includes(this.type));
 }, _Input_iconClickHandler_get = function _Input_iconClickHandler_get() {
     return this.type === 'password'
-        ? __classPrivateFieldGet$h(this, _Input_togglePasswordVisibility, "f")
+        ? __classPrivateFieldGet$j(this, _Input_togglePasswordVisibility, "f")
         : this.showPicker;
 }, _Input_computedType_get = function _Input_computedType_get() {
     return this.type === 'password' && this.isPasswordVisible
@@ -8862,8 +8929,8 @@ _Input_inheritedAttributes = new WeakMap(), _Input_input = new WeakMap(), _Input
 }, _Input_defineGetter = function _Input_defineGetter(p, get) {
     Object.defineProperty(this.host, p, { enumerable: true, get });
 }, _Input_clearValue = function _Input_clearValue() {
-    invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
-    __classPrivateFieldGet$h(this, _Input_input, "f").value = '';
+    invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
+    __classPrivateFieldGet$j(this, _Input_input, "f").value = '';
 };
 
 const labelCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-label{align-items:center;box-sizing:border-box;color:var(--qds-theme-control-text-standard);display:inline-flex;gap:var(--qds-text-icon-gap);width:100%}.qds-label:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-focus-border-width) solid var(--qds-theme-focus-border);outline-offset:var(--qds-focus-border-offset)}.qds-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-required{color:var(--qds-theme-feedback-field-required);-webkit-user-select:none;user-select:none}[data-size=small][data-importance=standard]{font:var(--qds-form-small-text)}[data-size=small][data-importance=emphasized] .qds-text{font:var(--qds-form-small-text-emphasized)}.qds-inline[data-size=small]{min-height:var(--qds-control-small-height)}.qds-icon[data-size=small]{height:var(--qds-form-small-icon-size);min-width:var(--qds-form-small-icon-size);width:var(--qds-form-small-icon-size)}[data-size=standard][data-importance=standard]{font:var(--qds-form-standard-text)}[data-size=standard][data-importance=emphasized] .qds-text{font:var(--qds-form-standard-text-emphasized)}.qds-inline[data-size=standard]{min-height:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{height:var(--qds-form-standard-icon-size);min-width:var(--qds-form-standard-icon-size);width:var(--qds-form-standard-icon-size)}[data-size=large][data-importance=standard]{font:var(--qds-form-large-text)}[data-size=large][data-importance=emphasized] .qds-text{font:var(--qds-form-large-text-emphasized)}.qds-inline[data-size=large]{min-height:var(--qds-control-large-height)}.qds-icon[data-size=large]{height:var(--qds-form-large-icon-size);min-width:var(--qds-form-large-icon-size);width:var(--qds-form-large-icon-size)}";
@@ -8871,7 +8938,7 @@ const labelCss = ":host([hidden]){display:none!important}:host{display:inline-bl
 // SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
 // SPDX-License-Identifier: Apache-2.0
-var __classPrivateFieldGet$g = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$i = (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))
@@ -8929,37 +8996,37 @@ class Label {
         _Label_tooltipRef.set(this, (tooltip) => {
             if (tooltip)
                 // eslint-disable-next-line no-param-reassign
-                tooltip.target = this.tooltipTarget ?? __classPrivateFieldGet$g(this, _Label_label, "f");
+                tooltip.target = this.tooltipTarget ?? __classPrivateFieldGet$i(this, _Label_label, "f");
         });
     }
     textChanged() {
-        if (__classPrivateFieldGet$g(this, _Label_ro, "f"))
-            __classPrivateFieldGet$g(this, _Label_ro, "f").disconnect();
-        if (!__classPrivateFieldGet$g(this, _Label_span, "f"))
+        if (__classPrivateFieldGet$i(this, _Label_ro, "f"))
+            __classPrivateFieldGet$i(this, _Label_ro, "f").disconnect();
+        if (!__classPrivateFieldGet$i(this, _Label_span, "f"))
             return;
-        const span = __classPrivateFieldGet$g(this, _Label_span, "f");
+        const span = __classPrivateFieldGet$i(this, _Label_span, "f");
         readTask(() => {
             this.tooltip = isEllipsisActive(span);
         });
         __classPrivateFieldSet$e(this, _Label_ro, new ResizeObserver(([spanEntry]) => {
             this.tooltip = isEllipsisActive(spanEntry.target);
         }), "f");
-        __classPrivateFieldGet$g(this, _Label_ro, "f").observe(__classPrivateFieldGet$g(this, _Label_span, "f"));
+        __classPrivateFieldGet$i(this, _Label_ro, "f").observe(__classPrivateFieldGet$i(this, _Label_span, "f"));
     }
     componentDidLoad() {
         this.textChanged();
     }
     disconnectedCallback() {
-        if (__classPrivateFieldGet$g(this, _Label_ro, "f"))
-            __classPrivateFieldGet$g(this, _Label_ro, "f").disconnect();
+        if (__classPrivateFieldGet$i(this, _Label_ro, "f"))
+            __classPrivateFieldGet$i(this, _Label_ro, "f").disconnect();
     }
     render() {
-        return (hAsync("span", { key: '9a45ac712eed524ea4d87837685f6eeb181be38c', class: {
+        return (hAsync("span", { key: '12b2c6847b2fe257bcb21263510875a91b61e1b9', class: {
                 'qds-inline': this.inline,
                 'qds-label': true,
-            }, "data-size": __classPrivateFieldGet$g(this, _Label_instances, "a", _Label_computedSize_get), "data-importance": __classPrivateFieldGet$g(this, _Label_instances, "a", _Label_computedImportance_get), ref: __classPrivateFieldGet$g(this, _Label_labelRef, "f"),
+            }, "data-size": __classPrivateFieldGet$i(this, _Label_instances, "a", _Label_computedSize_get), "data-importance": __classPrivateFieldGet$i(this, _Label_instances, "a", _Label_computedImportance_get), ref: __classPrivateFieldGet$i(this, _Label_labelRef, "f"),
             // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
-            tabIndex: this.tooltip ? 0 : undefined }, this.required && hAsync("span", { key: '30fc4189432271cca78ccc4516d495244bf3a0fb', class: "qds-required" }, "*"), hAsync("span", { key: '0d7f97d2cf2b149d4941aff613e77799a494a86c', class: "qds-text", ref: __classPrivateFieldGet$g(this, _Label_spanRef, "f") }, this.text), this.tooltip && (hAsync("qds-tooltip", { key: '7cd2b48f3afa11c57fabeb9083cf55051c8170db', "aria-hidden": "true", ref: __classPrivateFieldGet$g(this, _Label_tooltipRef, "f") }, this.text))));
+            tabIndex: this.tooltip ? 0 : undefined }, this.required && hAsync("span", { key: '3155ac878f2a19da19bcd7deb7bca5f6b1ea7bd2', class: "qds-required" }, "*"), hAsync("span", { key: '98d1af5518e7966879b2b66eafb9e40c1eccbb42', class: "qds-text", ref: __classPrivateFieldGet$i(this, _Label_spanRef, "f") }, this.text), this.tooltip && (hAsync("qds-tooltip", { key: '9688a0b4965659c2232b48e10c263fd272ed7a06', "aria-hidden": "true", ref: __classPrivateFieldGet$i(this, _Label_tooltipRef, "f") }, this.text))));
     }
     static get watchers() { return {
         "text": ["textChanged"]
@@ -9005,12 +9072,12 @@ _Label_label = new WeakMap(), _Label_ro = new WeakMap(), _Label_span = new WeakM
     }
 };
 
-const listItemCss = ":host([hidden]){display:none!important}:host{display:block}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-indented-content,.qds-list-item{align-items:center;border-radius:var(--qds-control-border-radius);box-sizing:border-box}.qds-indented-content{align-self:stretch;cursor:default;display:flex;flex:1 0}.qds-destination{transform:scaleX(var(--qds-direction-factor,1))}.qds-icon,.qds-main-icon{color:var(--qds-theme-text-standard)}.qds-picture{flex-shrink:0}.qds-texts{display:flex;flex:1 0;flex-direction:column;justify-items:center;padding:0;position:relative}.qds-input{-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:var(--qds-control-border-radius);inset:0;margin:0;outline:none;position:absolute}.qds-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.qds-title,.qds-tooltip-title{color:var(--qds-theme-title)}.qds-subtitle{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.qds-subtitle,.qds-tooltip-subtitle{color:var(--qds-theme-subtitle)}.qds-kicker{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.qds-kicker,.qds-tooltip-kicker{color:var(--qds-theme-kicker)}.qds-draggable{cursor:grab}.qds-cursor-pointer{cursor:pointer}[data-size=small] .qds-indented-content{gap:var(--qds-list-item-small-gap-internal);min-height:var(--qds-list-item-small-height);padding:var(--qds-list-item-small-padding-vertical) var(--qds-list-item-small-padding-horizontal)}[data-size=small] .qds-icon{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small] .qds-main-icon{height:var(--qds-list-item-small-icon-size);width:var(--qds-list-item-small-icon-size)}[data-size=small] .qds-texts{gap:var(--qds-list-item-small-titles-gap)}[data-size=small] .qds-kicker,[data-size=small] .qds-tooltip-kicker{font:var(--qds-list-item-small-kicker)}[data-size=small] .qds-title,[data-size=small] .qds-tooltip-title{font:var(--qds-list-item-small-title)}[data-size=small] .qds-subtitle,[data-size=small] .qds-tooltip-subtitle{font:var(--qds-list-item-small-subtitle)}[data-size=small] .qds-picture{height:var(--qds-list-item-small-picture-size);width:var(--qds-list-item-small-picture-size)}[data-size=standard] .qds-indented-content{gap:var(--qds-list-item-standard-gap-internal);min-height:var(--qds-list-item-standard-height);padding:var(--qds-list-item-standard-padding-vertical) var(--qds-list-item-standard-padding-horizontal)}[data-size=standard] .qds-icon{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-main-icon{height:var(--qds-list-item-standard-icon-size);width:var(--qds-list-item-standard-icon-size)}[data-size=standard] .qds-texts{gap:var(--qds-list-item-standard-titles-gap)}[data-size=standard] .qds-kicker,[data-size=standard] .qds-tooltip-kicker{font:var(--qds-list-item-standard-kicker)}[data-size=standard] .qds-title,[data-size=standard] .qds-tooltip-title{font:var(--qds-list-item-standard-title)}[data-size=standard] .qds-subtitle,[data-size=standard] .qds-tooltip-subtitle{font:var(--qds-list-item-standard-subtitle)}[data-size=standard] .qds-picture{height:var(--qds-list-item-standard-picture-size);width:var(--qds-list-item-standard-picture-size)}[data-size=large] .qds-indented-content{gap:var(--qds-list-item-large-gap-internal);min-height:var(--qds-list-item-large-height);padding:var(--qds-list-item-large-padding-vertical) var(--qds-list-item-large-padding-horizontal)}[data-size=large] .qds-icon{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large] .qds-main-icon{height:var(--qds-list-item-large-icon-size);width:var(--qds-list-item-large-icon-size)}[data-size=large] .qds-texts{gap:var(--qds-list-item-large-titles-gap)}[data-size=large] .qds-kicker,[data-size=large] .qds-tooltip-kicker{font:var(--qds-list-item-large-kicker)}[data-size=large] .qds-title,[data-size=large] .qds-tooltip-title{font:var(--qds-list-item-large-title)}[data-size=large] .qds-subtitle,[data-size=large] .qds-tooltip-subtitle{font:var(--qds-list-item-large-subtitle)}[data-size=large] .qds-picture{height:var(--qds-list-item-large-picture-size);width:var(--qds-list-item-large-picture-size)}.qds-list-item{display:block}.qds-list-item:has(input:focus-visible){border-radius:var(--qds-control-border-radius);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-list-item:hover:not(.qds-static){background-color:var(--qds-theme-interactive-background-hover)}.qds-list-item:active:not(.qds-static),.qds-list-item:not(.qds-has-submenu):not(.qds-static):active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-selected.qds-list-item{background-color:var(--qds-theme-interactive-background-selected)}.qds-selected.qds-list-item:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-selected.qds-list-item:active{background-color:var(\n        --qds-theme-interactive-background-selected-pressed\n      )}.qds-selected[data-size=small] .qds-title{font:var(--qds-list-item-small-title-emphasized)}.qds-selected[data-size=standard] .qds-title{font:var(--qds-list-item-standard-title-emphasized)}.qds-selected[data-size=large] .qds-title{font:var(--qds-list-item-large-title-emphasized)}";
+const listItemCss = ":host([hidden]){display:none!important}:host{display:block}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-indented-content,.qds-list-item{align-items:center;border-radius:var(--qds-control-border-radius);box-sizing:border-box}.qds-indented-content{align-self:stretch;cursor:default;display:flex;flex:1 0}.qds-destination{transform:scaleX(var(--qds-direction-factor,1))}.qds-icon,.qds-main-icon{color:var(--qds-theme-text-standard)}.qds-picture{flex-shrink:0}.qds-texts{display:flex;flex:1 0;flex-direction:column;justify-items:center;padding:0;position:relative}.qds-texts:focus-visible{border-radius:var(--qds-control-border-radius);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-input{-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:var(--qds-control-border-radius);inset:0;margin:0;outline:none;position:absolute}.qds-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.qds-title,.qds-tooltip-title{color:var(--qds-theme-title)}.qds-subtitle{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.qds-subtitle,.qds-tooltip-subtitle{color:var(--qds-theme-subtitle)}.qds-kicker{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.qds-kicker,.qds-tooltip-kicker{color:var(--qds-theme-kicker)}.qds-draggable{cursor:grab}.qds-cursor-pointer{cursor:pointer}[data-size=small] .qds-indented-content{gap:var(--qds-list-item-small-gap-internal);min-height:var(--qds-list-item-small-height);padding:var(--qds-list-item-small-padding-vertical) var(--qds-list-item-small-padding-horizontal)}[data-size=small] .qds-icon{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small] .qds-main-icon{height:var(--qds-list-item-small-icon-size);width:var(--qds-list-item-small-icon-size)}[data-size=small] .qds-texts{gap:var(--qds-list-item-small-titles-gap)}[data-size=small] .qds-kicker,[data-size=small] .qds-tooltip-kicker{font:var(--qds-list-item-small-kicker)}[data-size=small] .qds-title,[data-size=small] .qds-tooltip-title{font:var(--qds-list-item-small-title)}[data-size=small] .qds-subtitle,[data-size=small] .qds-tooltip-subtitle{font:var(--qds-list-item-small-subtitle)}[data-size=small] .qds-picture{height:var(--qds-list-item-small-picture-size);width:var(--qds-list-item-small-picture-size)}[data-size=standard] .qds-indented-content{gap:var(--qds-list-item-standard-gap-internal);min-height:var(--qds-list-item-standard-height);padding:var(--qds-list-item-standard-padding-vertical) var(--qds-list-item-standard-padding-horizontal)}[data-size=standard] .qds-icon{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-main-icon{height:var(--qds-list-item-standard-icon-size);width:var(--qds-list-item-standard-icon-size)}[data-size=standard] .qds-texts{gap:var(--qds-list-item-standard-titles-gap)}[data-size=standard] .qds-kicker,[data-size=standard] .qds-tooltip-kicker{font:var(--qds-list-item-standard-kicker)}[data-size=standard] .qds-title,[data-size=standard] .qds-tooltip-title{font:var(--qds-list-item-standard-title)}[data-size=standard] .qds-subtitle,[data-size=standard] .qds-tooltip-subtitle{font:var(--qds-list-item-standard-subtitle)}[data-size=standard] .qds-picture{height:var(--qds-list-item-standard-picture-size);width:var(--qds-list-item-standard-picture-size)}[data-size=large] .qds-indented-content{gap:var(--qds-list-item-large-gap-internal);min-height:var(--qds-list-item-large-height);padding:var(--qds-list-item-large-padding-vertical) var(--qds-list-item-large-padding-horizontal)}[data-size=large] .qds-icon{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large] .qds-main-icon{height:var(--qds-list-item-large-icon-size);width:var(--qds-list-item-large-icon-size)}[data-size=large] .qds-texts{gap:var(--qds-list-item-large-titles-gap)}[data-size=large] .qds-kicker,[data-size=large] .qds-tooltip-kicker{font:var(--qds-list-item-large-kicker)}[data-size=large] .qds-title,[data-size=large] .qds-tooltip-title{font:var(--qds-list-item-large-title)}[data-size=large] .qds-subtitle,[data-size=large] .qds-tooltip-subtitle{font:var(--qds-list-item-large-subtitle)}[data-size=large] .qds-picture{height:var(--qds-list-item-large-picture-size);width:var(--qds-list-item-large-picture-size)}.qds-list-item{display:block}.qds-list-item:hover:not(.qds-static){background-color:var(--qds-theme-interactive-background-hover)}.qds-list-item:active:not(.qds-static),.qds-list-item:not(.qds-has-submenu):not(.qds-static):active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-selected.qds-list-item{background-color:var(--qds-theme-interactive-background-selected)}.qds-selected.qds-list-item:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-selected.qds-list-item:active{background-color:var(\n        --qds-theme-interactive-background-selected-pressed\n      )}.qds-selected[data-size=small] .qds-title{font:var(--qds-list-item-small-title-emphasized)}.qds-selected[data-size=standard] .qds-title{font:var(--qds-list-item-standard-title-emphasized)}.qds-selected[data-size=large] .qds-title{font:var(--qds-list-item-large-title-emphasized)}";
 
 // SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
 // SPDX-License-Identifier: Apache-2.0
-var __classPrivateFieldGet$f = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$h = (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))
@@ -9087,14 +9154,14 @@ class ListItem {
         });
         _ListItem_onCheck.set(this, (event) => {
             event.stopImmediatePropagation();
-            this.selected = __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedIndeterminate_get) ? true : !__classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSelected_get);
+            this.selected = __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedIndeterminate_get) ? true : !__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get);
             this.changeEmitter.emit();
             this.indeterminate = false;
         });
         _ListItem_onSelect.set(this, (event) => {
             event.stopImmediatePropagation();
-            if (!__classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSelected_get)) {
-                this.selected = !__classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSelected_get);
+            if (!__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get)) {
+                this.selected = !__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get);
                 this.changeEmitter.emit();
             }
         });
@@ -9113,7 +9180,7 @@ class ListItem {
             if (iconButton) {
                 __classPrivateFieldSet$d(this, _ListItem_iconButton, iconButton, "f");
             }
-            return __classPrivateFieldGet$f(this, _ListItem_iconButton, "f");
+            return __classPrivateFieldGet$h(this, _ListItem_iconButton, "f");
         });
         _ListItem_onSlotChange.set(this, (event) => {
             invariant(event.target instanceof HTMLSlotElement);
@@ -9132,13 +9199,13 @@ class ListItem {
             event.stopImmediatePropagation();
             return;
         }
-        if (__classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect') {
-            invariant(__classPrivateFieldGet$f(this, _ListItem_checkbox, "f"));
-            __classPrivateFieldGet$f(this, _ListItem_onCheck, "f").call(this, event);
+        if (__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect') {
+            invariant(__classPrivateFieldGet$h(this, _ListItem_checkbox, "f"));
+            __classPrivateFieldGet$h(this, _ListItem_onCheck, "f").call(this, event);
         }
-        if (__classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'radio') {
-            invariant(__classPrivateFieldGet$f(this, _ListItem_radio, "f"));
-            __classPrivateFieldGet$f(this, _ListItem_onSelect, "f").call(this, event);
+        if (__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'radio') {
+            invariant(__classPrivateFieldGet$h(this, _ListItem_radio, "f"));
+            __classPrivateFieldGet$h(this, _ListItem_onSelect, "f").call(this, event);
         }
         // Always prevent default behavior to avoid the internal `<input>`
         // to toggle `checked` state inappropriately.
@@ -9170,39 +9237,39 @@ class ListItem {
     listActionChanged(newValue) {
         this.internals.ariaChecked =
             (newValue === 'radio' || newValue === 'multiselect') &&
-                __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSelected_get)
+                __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get)
                 ? 'true'
                 : 'false';
     }
     textChanged() {
-        if (__classPrivateFieldGet$f(this, _ListItem_roText, "f"))
-            __classPrivateFieldGet$f(this, _ListItem_roText, "f").disconnect();
-        if (!__classPrivateFieldGet$f(this, _ListItem_text, "f") || !this.text)
+        if (__classPrivateFieldGet$h(this, _ListItem_roText, "f"))
+            __classPrivateFieldGet$h(this, _ListItem_roText, "f").disconnect();
+        if (!__classPrivateFieldGet$h(this, _ListItem_text, "f") || !this.text)
             return;
-        invariant(__classPrivateFieldGet$f(this, _ListItem_text, "f"));
-        const div = __classPrivateFieldGet$f(this, _ListItem_text, "f");
+        invariant(__classPrivateFieldGet$h(this, _ListItem_text, "f"));
+        const div = __classPrivateFieldGet$h(this, _ListItem_text, "f");
         readTask(() => {
             this.textTooltip = isEllipsisActive(div);
         });
         __classPrivateFieldSet$d(this, _ListItem_roText, new ResizeObserver(([divEntry]) => {
             this.textTooltip = isEllipsisActive(divEntry.target);
         }), "f");
-        __classPrivateFieldGet$f(this, _ListItem_roText, "f").observe(__classPrivateFieldGet$f(this, _ListItem_text, "f"));
+        __classPrivateFieldGet$h(this, _ListItem_roText, "f").observe(__classPrivateFieldGet$h(this, _ListItem_text, "f"));
     }
     subtitleChanged() {
-        if (__classPrivateFieldGet$f(this, _ListItem_roSubTitle, "f"))
-            __classPrivateFieldGet$f(this, _ListItem_roSubTitle, "f").disconnect();
-        if (!__classPrivateFieldGet$f(this, _ListItem_subtitle, "f") || this.subtitle === undefined || this.subtitle === '')
+        if (__classPrivateFieldGet$h(this, _ListItem_roSubTitle, "f"))
+            __classPrivateFieldGet$h(this, _ListItem_roSubTitle, "f").disconnect();
+        if (!__classPrivateFieldGet$h(this, _ListItem_subtitle, "f") || this.subtitle === undefined || this.subtitle === '')
             return;
-        invariant(__classPrivateFieldGet$f(this, _ListItem_subtitle, "f"));
-        const div = __classPrivateFieldGet$f(this, _ListItem_subtitle, "f");
+        invariant(__classPrivateFieldGet$h(this, _ListItem_subtitle, "f"));
+        const div = __classPrivateFieldGet$h(this, _ListItem_subtitle, "f");
         readTask(() => {
             this.subtitleTooltip = isEllipsisActive(div);
         });
         __classPrivateFieldSet$d(this, _ListItem_roSubTitle, new ResizeObserver(([divEntry]) => {
             this.subtitleTooltip = isEllipsisActive(divEntry.target);
         }), "f");
-        __classPrivateFieldGet$f(this, _ListItem_roSubTitle, "f").observe(__classPrivateFieldGet$f(this, _ListItem_subtitle, "f"));
+        __classPrivateFieldGet$h(this, _ListItem_roSubTitle, "f").observe(__classPrivateFieldGet$h(this, _ListItem_subtitle, "f"));
     }
     componentWillLoad() {
         this.hasSubmenuSlot = this.host.hasChildNodes();
@@ -9228,16 +9295,18 @@ class ListItem {
         this.subtitleChanged();
     }
     render() {
-        return (hAsync(Host, { key: '803593358a6509e04fe10b525c49046507bd98fc' }, hAsync("div", { key: '1e9280c3aaa8df47c632917a63a9687a03e7f088', class: {
+        return (hAsync(Host, { key: 'ee0d9edc0e5cdebab2c62a1b0ba5834fb0880205' }, hAsync("div", { key: '27fdefc82869d16f8328614994979edfedf83847', class: {
                 'qds-list-item': true,
-                'qds-has-submenu': __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get),
+                'qds-has-submenu': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get),
                 'qds-disabled': this.disabled,
-                'qds-selected': __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSelected_get),
-                'qds-static': __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'none',
-            }, "data-size": __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSize_get) }, hAsync("div", { key: '17e07c813d187b15a57a90ee74becc5542a43e95', class: {
+                'qds-selected': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get),
+                'qds-static': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'none',
+            }, "data-size": __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSize_get) }, hAsync("div", { key: '7b2e68fcac4f4ffab6e81e885653999612ed1cb6', class: {
                 'qds-indented-content': true,
-                'qds-cursor-pointer': !this.disabled && __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) !== 'none',
-            } }, __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect' && (hAsync("qds-checkbox", { key: '41b2754a41b9951b0dabe336859769a26548400a', checked: this.selected, indeterminate: this.indeterminate, size: this.size, text: this.text, disabled: this.disabled, checkboxOnly: true, onQdsChange: __classPrivateFieldGet$f(this, _ListItem_onCheck, "f"), ref: __classPrivateFieldGet$f(this, _ListItem_checkboxRef, "f") })), __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'radio' && (hAsync("qds-radio", { key: '5ea68ccec051bbde4ba9730db2ec24112cbf04c7', checked: this.selected, size: this.size, onQdsChange: __classPrivateFieldGet$f(this, _ListItem_onSelect, "f"), disabled: this.disabled, "aria-label": this.text, ref: __classPrivateFieldGet$f(this, _ListItem_radioRef, "f") })), this.host.draggable && (hAsync("qds-icon", { key: 'b45194d779ff4b117baa97e51c1e33d5884e2bdd', "aria-hidden": "true", class: "qds-icon qds-list-action qds-draggable", library: "core", name: "draggable" })), this.imageSrc !== undefined && this.imageSrc !== '' && (hAsync("img", { key: 'a95f3ddcd6a72db5607134caf7c7f00452bcd63d', class: "qds-picture", src: this.imageSrc, alt: "" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '66da0b7170ccee1eb7c5adb9c21bb150cac651f8', "aria-hidden": "true", class: "qds-main-icon", library: this.iconLibrary, name: this.iconName })), this.avatarSrc !== undefined && this.avatarSrc !== '' && (hAsync("qds-avatar-media", { key: '1418e8bd4497ae255522378f2065c67ee8afc3c7', class: "qds-picture", src: this.avatarSrc })), hAsync("div", { key: '6b04b051449339bdb6e24a47c2638c27d5393536', class: "qds-texts", role: __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select' ? 'option' : undefined, tabIndex: __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select' ? 0 : undefined, onFocus: __classPrivateFieldGet$f(this, _ListItem_onFocus, "f"), onBlur: __classPrivateFieldGet$f(this, _ListItem_onBlur, "f") }, this.kicker !== undefined && this.kicker !== '' && (hAsync("div", { key: '03a60339943557c9227ccf3ee53472c3cac8f05d', class: "qds-kicker" }, this.kicker)), hAsync("div", { key: '8b9ee0e0e03706fd1cbe1d383d9a6ff6dcd64ff1', class: "qds-title", ref: __classPrivateFieldGet$f(this, _ListItem_divTitleRef, "f") }, this.text), this.subtitle !== undefined && this.subtitle !== '' && (hAsync("div", { key: '8bc75a99861db70c6760007dc78b5f796690d91b', class: "qds-subtitle", ref: __classPrivateFieldGet$f(this, _ListItem_divSubtitleRef, "f") }, this.subtitle))), this.badge !== undefined && this.badge !== '' && (hAsync("qds-badge-counter", { key: '20f17a6e0dcd11c6b2237ca386403924a35a7d65', size: __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSize_get), strokeRing: true, value: this.badge, description: this.badgeDescription })), __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get) && (hAsync("qds-icon-button", { key: '02d6dadfe251b2e1d35b2eb85b8932b209aaf3f5', iconName: "dots-3-vertical", importance: "subdued", "aria-label": "more actions", disabled: this.disabled, ref: __classPrivateFieldGet$f(this, _ListItem_iconButtonRef, "f") })), __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedDestination_get) !== undefined && (hAsync("qds-icon", { key: 'd72407043e1c8cba676beecea6b670b247794ca4', "aria-hidden": "true", class: "qds-icon qds-destination", library: "core", name: __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedDestination_get) }))), __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get) && (hAsync("qds-dropdown", { key: 'cbd0ffcf43042cca1f1d5d9a23863a90435389dd', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet$f(this, _ListItem_iconButtonRef, "f"), role: "group" }, hAsync("slot", { key: '4e032125ba8172ae70fa8772c6ed204fc8fbf661', onSlotchange: __classPrivateFieldGet$f(this, _ListItem_onSlotChange, "f") }))), this.showDivider && hAsync("qds-divider", { key: '9945a285d94a2e0a8698d849a279fae6c27f7a31' }), (this.textTooltip || this.subtitleTooltip) && (hAsync("qds-tooltip", { key: '14a42f4b905ad4f62be170b019b5c0b0ba232ac2', "aria-hidden": "true", ref: __classPrivateFieldGet$f(this, _ListItem_textTooltipRef, "f") }, hAsync("div", { key: '282ef968c93d24c424f7b0dfd40c907caf777952', class: "qds-tooltip-kicker" }, this.kicker), hAsync("div", { key: '325acee90130720b2d1e26f6a4e5e407a13902b8', class: "qds-tooltip-title" }, this.text), hAsync("div", { key: 'ae3bb2c7778dc406f11a8f252901e568f94c844a', class: "qds-tooltip-subtitle" }, this.subtitle))))));
+                'qds-cursor-pointer': !this.disabled && __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) !== 'none',
+            } }, __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect' && (hAsync("qds-checkbox", { key: 'a06bfe133541e0557a9ad0fed6a27b024b9fb44e', checked: this.selected, indeterminate: this.indeterminate, size: this.size, text: this.text, disabled: this.disabled, checkboxOnly: true, onQdsChange: __classPrivateFieldGet$h(this, _ListItem_onCheck, "f"), ref: __classPrivateFieldGet$h(this, _ListItem_checkboxRef, "f") })), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'radio' && (hAsync("qds-radio", { key: 'd5083877d38ffcc299012d074ad2f1ef8b5de4cb', checked: this.selected, size: this.size, onQdsChange: __classPrivateFieldGet$h(this, _ListItem_onSelect, "f"), disabled: this.disabled, "aria-label": this.text, ref: __classPrivateFieldGet$h(this, _ListItem_radioRef, "f") })), this.host.draggable && (hAsync("qds-icon", { key: 'bf588102869dc59bc78a285d42c852226852e219', class: "qds-icon qds-list-action qds-draggable", library: "core", name: "draggable" })), this.imageSrc !== undefined && this.imageSrc !== '' && (hAsync("img", { key: '47f87d7dec2a4756cd6a9c81bfab6fa2a7fc0871', class: "qds-picture", src: this.imageSrc, alt: "" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '6224ec0568b6930da2a9f4ebeb1c2d8763e06814', class: "qds-main-icon", library: this.iconLibrary, name: this.iconName })), this.avatarSrc !== undefined && this.avatarSrc !== '' && (hAsync("qds-avatar-media", { key: '50aa50b332721712087f71c90128d683464eb357', class: "qds-picture", src: this.avatarSrc })), hAsync("div", { key: '5f1eb25a30de4c5a8c2ba2f177c60772820f780d', class: "qds-texts", role: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select' ? 'option' : undefined, tabIndex: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select' && !this.disabled
+                ? 0
+                : undefined, onFocus: __classPrivateFieldGet$h(this, _ListItem_onFocus, "f"), onBlur: __classPrivateFieldGet$h(this, _ListItem_onBlur, "f") }, this.kicker !== undefined && this.kicker !== '' && (hAsync("div", { key: 'ad1019304d423631b49c184f8fe063f8244a5522', class: "qds-kicker" }, this.kicker)), hAsync("div", { key: 'e04aee135c90ae30afbe892dc0c93dc1b58d0f6e', class: "qds-title", ref: __classPrivateFieldGet$h(this, _ListItem_divTitleRef, "f") }, this.text), this.subtitle !== undefined && this.subtitle !== '' && (hAsync("div", { key: '0878a0bcdbb2a46a6a10a3a337db37fa173ba117', class: "qds-subtitle", ref: __classPrivateFieldGet$h(this, _ListItem_divSubtitleRef, "f") }, this.subtitle))), this.badge !== undefined && this.badge !== '' && (hAsync("qds-badge-counter", { key: '26c39639c5ff74e527a3c13870357992005d83b9', size: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSize_get), strokeRing: true, value: this.badge, description: this.badgeDescription })), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get) && (hAsync("qds-icon-button", { key: '8772f76f5b815cf2416d330127ebf84cc2033cf2', iconName: "dots-3-vertical", importance: "subdued", "aria-label": "more actions", disabled: this.disabled, ref: __classPrivateFieldGet$h(this, _ListItem_iconButtonRef, "f") })), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedDestination_get) !== undefined && (hAsync("qds-icon", { key: '93dca44f644c099ef7fdbe2698c9bdb6f7591191', class: "qds-icon qds-destination", library: "core", name: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedDestination_get) }))), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get) && (hAsync("qds-dropdown", { key: 'ac7ee2dc31df20870a50f10c2226715c479e9fea', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet$h(this, _ListItem_iconButtonRef, "f"), role: "group" }, hAsync("slot", { key: '69984f6419363b4e3118a9530c2b7c3aa80058b5', onSlotchange: __classPrivateFieldGet$h(this, _ListItem_onSlotChange, "f") }))), this.showDivider && hAsync("qds-divider", { key: '8a1af2e9ca9ca2efb7e06cad5be2f520744c9792' }), (this.textTooltip || this.subtitleTooltip) && (hAsync("qds-tooltip", { key: 'fcf807651e2e3d2b6da676447ce68f961ab168ee', "aria-hidden": "true", ref: __classPrivateFieldGet$h(this, _ListItem_textTooltipRef, "f") }, hAsync("div", { key: 'eacd4ab8814dd82dc61c3c0a1767bae199d3bfa5', class: "qds-tooltip-kicker" }, this.kicker), hAsync("div", { key: '3da43382feaa8e6f6882bab0b30911d4259c4d92', class: "qds-tooltip-title" }, this.text), hAsync("div", { key: 'e6ce033788d3428f83b255d859b69a737f0f4b9c', class: "qds-tooltip-subtitle" }, this.subtitle))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -9321,7 +9390,7 @@ const loaderCss = ":host([hidden]){display:none!important}:host{display:inline-b
 // SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
 // SPDX-License-Identifier: Apache-2.0
-var __classPrivateFieldGet$e = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$g = (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))
@@ -9356,7 +9425,7 @@ class Loader {
         this.importance = 'standard';
     }
     statusChanged() {
-        const status = __classPrivateFieldGet$e(this, _Loader_instances, "a", _Loader_computedStatus_get);
+        const status = __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedStatus_get);
         this.internals.ariaValueNow =
             status === undefined
                 ? // eslint-disable-next-line unicorn/no-null
@@ -9384,11 +9453,11 @@ class Loader {
         this.internals.role = 'progressbar';
         this.internals.ariaValueMin = this.host.ariaValueMin ?? '0';
         this.internals.ariaValueMax = this.host.ariaValueMax ?? '1';
-        __classPrivateFieldGet$e(this, _Loader_instances, "m", _Loader_defineGetter).call(this, 'labels', () => this.internals.labels);
+        __classPrivateFieldGet$g(this, _Loader_instances, "m", _Loader_defineGetter).call(this, 'labels', () => this.internals.labels);
         this.statusChanged();
     }
     render() {
-        return __classPrivateFieldGet$e(this, _Loader_instances, "a", _Loader_computedStatus_get) ? (hAsync("qds-icon", { "aria-hidden": "true", class: "qds-loader", "data-size": __classPrivateFieldGet$e(this, _Loader_instances, "a", _Loader_computedSize_get), "data-status": __classPrivateFieldGet$e(this, _Loader_instances, "a", _Loader_computedStatus_get), library: "core", name: `status-${this.status}-solid` })) : (hAsync("div", { "aria-hidden": "true", class: "qds-loader", "data-size": __classPrivateFieldGet$e(this, _Loader_instances, "a", _Loader_computedSize_get), "data-status": "loading", "data-importance": __classPrivateFieldGet$e(this, _Loader_instances, "a", _Loader_computedImportance_get) }));
+        return __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedStatus_get) ? (hAsync("qds-icon", { class: "qds-loader", "data-size": __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedSize_get), "data-status": __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedStatus_get), library: "core", name: `status-${this.status}-solid` })) : (hAsync("div", { class: "qds-loader", "data-size": __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedSize_get), "data-status": "loading", "data-importance": __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedImportance_get) }));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }
@@ -9454,7 +9523,7 @@ const menuItemCss = ":host([hidden]){display:none!important}:host{display:block}
 // SPDX-FileCopyrightText: © 2025 Schneider Electric
 //
 // SPDX-License-Identifier: Apache-2.0
-var __classPrivateFieldGet$d = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$f = (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))
@@ -9512,7 +9581,7 @@ class MenuItem {
             if (menuItem) {
                 __classPrivateFieldSet$c(this, _MenuItem_menuItem, menuItem, "f");
             }
-            return __classPrivateFieldGet$d(this, _MenuItem_menuItem, "f");
+            return __classPrivateFieldGet$f(this, _MenuItem_menuItem, "f");
         });
         _MenuItem_spanRef.set(this, (span) => {
             __classPrivateFieldSet$c(this, _MenuItem_span, span, "f");
@@ -9520,7 +9589,7 @@ class MenuItem {
         _MenuItem_tooltipRef.set(this, (tooltip) => {
             if (tooltip)
                 // eslint-disable-next-line no-param-reassign
-                tooltip.target = __classPrivateFieldGet$d(this, _MenuItem_menuItem, "f");
+                tooltip.target = __classPrivateFieldGet$f(this, _MenuItem_menuItem, "f");
         });
     }
     onBlur(event) {
@@ -9530,32 +9599,32 @@ class MenuItem {
         this.focusEmitter.emit(pickFocusEventAttributes(event));
     }
     onClick(event) {
-        if (__classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get)) {
+        if (__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get)) {
             event.stopImmediatePropagation();
             return;
         }
-        if (__classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get)) {
-            this.checked = !__classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get);
+        if (__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get)) {
+            this.checked = !__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get);
             this.selectEmitter.emit();
         }
     }
     disabledChanged() {
-        this.internals.ariaDisabled = __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get).toString();
+        this.internals.ariaDisabled = __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get).toString();
     }
     checkedChanged() {
-        this.internals.ariaChecked = __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get).toString();
+        this.internals.ariaChecked = __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get).toString();
     }
     componentDidLoad() {
         this.checkedChanged();
-        invariant(__classPrivateFieldGet$d(this, _MenuItem_span, "f"));
-        const span = __classPrivateFieldGet$d(this, _MenuItem_span, "f");
+        invariant(__classPrivateFieldGet$f(this, _MenuItem_span, "f"));
+        const span = __classPrivateFieldGet$f(this, _MenuItem_span, "f");
         readTask(() => {
             this.tooltip = isEllipsisActive(span);
         });
         __classPrivateFieldSet$c(this, _MenuItem_ro, new ResizeObserver(([spanEntry]) => {
             this.tooltip = isEllipsisActive(spanEntry.target);
         }), "f");
-        __classPrivateFieldGet$d(this, _MenuItem_ro, "f").observe(__classPrivateFieldGet$d(this, _MenuItem_span, "f"));
+        __classPrivateFieldGet$f(this, _MenuItem_ro, "f").observe(__classPrivateFieldGet$f(this, _MenuItem_span, "f"));
     }
     componentWillLoad() {
         this.hasSubmenuSlot = this.host.hasChildNodes();
@@ -9564,11 +9633,11 @@ class MenuItem {
         this.disabledChanged();
     }
     render() {
-        return (hAsync("div", { key: 'fe9c905dc3232dcc7aff3c11989708418933cc2e', class: {
+        return (hAsync("div", { key: '7d0ba7c11661174f646a8b69012645224bda21fe', class: {
                 'qds-menu-item': true,
-                'qds-disabled': __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get),
-                'qds-has-submenu': __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get),
-            }, ref: __classPrivateFieldGet$d(this, _MenuItem_menuitemDivRef, "f"), "data-size": __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedSize_get), "aria-hidden": "true" }, hAsync("div", { key: 'facde0ba3177e95aea0b93af7f21073ff2cd8094', class: "qds-menu-item-container" }, __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (hAsync("span", { key: '110ec6c5050fba47f94b4d7e300a93d31d890feb', class: "menu-item-checkable" })), __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (hAsync("qds-icon", { key: '578d2bec12c10fe7055ddefdac43cf466a9c3bb5', class: "qds-icon", library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '25b937d83d0337f0f7938f85436dfcf4694e330d', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: 'f6078d0567035d59b4e874a857665e6c17f795d9', class: "qds-text", ref: __classPrivateFieldGet$d(this, _MenuItem_spanRef, "f") }, this.text), this.shortcut !== undefined && this.shortcut !== '' && (hAsync("span", { key: 'cc7803584b35cc9c596e17504acb74c19df4a559', class: "qds-shortcut" }, this.shortcut)), __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-icon", { key: 'f122617959813d4b34265ac06fd04ad4bd85d6a3', class: "qds-icon", library: "core", name: "navigation" }))), __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-dropdown", { key: '4d3b287da7077769324d8bf121bee88d05dfc4c3', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet$d(this, _MenuItem_menuitemDivRef, "f") }, hAsync("slot", { key: '26bf5f8470dcf823bdc4d2faa9ecae16acb8b420' }))), this.tooltip && (hAsync("qds-tooltip", { key: 'd61af3444249c927fe17fa9f09141de8070cdea3', ref: __classPrivateFieldGet$d(this, _MenuItem_tooltipRef, "f") }, this.text))));
+                'qds-disabled': __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get),
+                'qds-has-submenu': __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get),
+            }, ref: __classPrivateFieldGet$f(this, _MenuItem_menuitemDivRef, "f"), "data-size": __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedSize_get), "aria-hidden": "true" }, hAsync("div", { key: 'ddc9c1614161a68acce64d7b055a4f98ad46c8ea', class: "qds-menu-item-container" }, __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (hAsync("span", { key: '2976f946bbafda1f8878fe63dab984acb3a7022a', class: "menu-item-checkable" })), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (hAsync("qds-icon", { key: 'badd5434f8857f8819aeefdff6d81d8206ff4c26', class: "qds-icon", library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '6ba121d5c02d93f061fe6e4563a840c3e3ed248b', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: 'e6d352056093d513259bf307d57a2bf6594ef51c', class: "qds-text", ref: __classPrivateFieldGet$f(this, _MenuItem_spanRef, "f") }, this.text), this.shortcut !== undefined && this.shortcut !== '' && (hAsync("span", { key: '57e519dcacdd6df02e57cabedf6be273ca2fe6d6', class: "qds-shortcut" }, this.shortcut)), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-icon", { key: 'd42b375a3db82416e4897046f8158475e5ae8cae', class: "qds-icon", library: "core", name: "navigation" }))), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-dropdown", { key: '051eac52674daeba3a8818f56e8bcc313c281a0b', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet$f(this, _MenuItem_menuitemDivRef, "f") }, hAsync("slot", { key: 'c8f84041f9369ab6d2bd8e2978db851e2fc89c2e' }))), this.tooltip && (hAsync("qds-tooltip", { key: 'dde1e377a56eaa598351c119d190fa77c001deb6', ref: __classPrivateFieldGet$f(this, _MenuItem_tooltipRef, "f") }, this.text))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -9610,9 +9679,9 @@ _MenuItem_ro = new WeakMap(), _MenuItem_menuItem = new WeakMap(), _MenuItem_span
 }, _MenuItem_computedType_get = function _MenuItem_computedType_get() {
     return this.type ?? undefined;
 }, _MenuItem_computedCheckable_get = function _MenuItem_computedCheckable_get() {
-    return __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedType_get) === 'checkbox';
+    return __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedType_get) === 'checkbox';
 }, _MenuItem_computedChecked_get = function _MenuItem_computedChecked_get() {
-    return ((__classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && this.checked) ?? false);
+    return ((__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && this.checked) ?? false);
 }, _MenuItem_computedDisabled_get = function _MenuItem_computedDisabled_get() {
     return this.disabled ?? false;
 }, _MenuItem_hasSubmenu_get = function _MenuItem_hasSubmenu_get() {
@@ -9624,7 +9693,7 @@ const miniButtonCss = ":host{display:block}:host(:focus-visible){box-shadow:0 0
 // SPDX-FileCopyrightText: © 2025 Schneider Electric
 //
 // SPDX-License-Identifier: Apache-2.0
-var __classPrivateFieldGet$c = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$e = (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))
@@ -9673,11 +9742,11 @@ class MiniButton {
         _MiniButton_savedTabIndex.set(this, 0);
     }
     disabledChanged() {
-        this.internals.ariaDisabled = __classPrivateFieldGet$c(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get).toString();
-        if (__classPrivateFieldGet$c(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get))
+        this.internals.ariaDisabled = __classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get).toString();
+        if (__classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get))
             this.host.removeAttribute('tabindex');
         else
-            this.host.tabIndex = __classPrivateFieldGet$c(this, _MiniButton_savedTabIndex, "f");
+            this.host.tabIndex = __classPrivateFieldGet$e(this, _MiniButton_savedTabIndex, "f");
     }
     hrefChanged() {
         this.internals.role = this.href === undefined ? 'button' : 'link';
@@ -9689,16 +9758,16 @@ class MiniButton {
                 ? 0
                 : parsedValue, "f");
         }
-        if (__classPrivateFieldGet$c(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get))
+        if (__classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get))
             this.host.removeAttribute('tabindex');
         else
-            this.host.tabIndex = __classPrivateFieldGet$c(this, _MiniButton_savedTabIndex, "f");
+            this.host.tabIndex = __classPrivateFieldGet$e(this, _MiniButton_savedTabIndex, "f");
     }
     textChanged() {
         this.internals.ariaLabel = this.text;
     }
     onClick(event) {
-        if (__classPrivateFieldGet$c(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get)) {
+        if (__classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get)) {
             event.stopImmediatePropagation();
         }
     }
@@ -9724,7 +9793,7 @@ class MiniButton {
     }
     render() {
         const Tag = this.href === undefined ? 'button' : 'a';
-        return (hAsync(Tag, { key: '3aa9f2bcc195f87e4e3a529eb2bac1079f58f523', type: Tag === 'a' ? undefined : 'button', class: "qds-mini-button", href: Tag === 'a' ? this.href : undefined, rel: Tag === 'a' ? this.rel : undefined, disabled: __classPrivateFieldGet$c(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get), "aria-hidden": "true", onKeyDown: preventDefault, onKeyUp: preventDefault, onKeyPress: preventDefault, tabIndex: -1 }, hAsync("qds-icon", { key: 'aecc513ae5bd03f88ad7a1e5a0cb45fae43ab40f', class: "qds-icon", library: this.library, name: this.name })));
+        return (hAsync(Tag, { key: '670347ad3f469e3b7d8d8cc30774c3c208c4dd08', type: Tag === 'a' ? undefined : 'button', class: "qds-mini-button", href: Tag === 'a' ? this.href : undefined, rel: Tag === 'a' ? this.rel : undefined, disabled: __classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get), "aria-hidden": "true", onKeyDown: preventDefault, onKeyUp: preventDefault, onKeyPress: preventDefault, tabIndex: -1 }, hAsync("qds-icon", { key: 'd3ab0776386fa553ee0a1582261a6724c6c5ef3a', class: "qds-icon", library: this.library, name: this.name })));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }
@@ -9772,7 +9841,7 @@ var __classPrivateFieldSet$a = (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 __classPrivateFieldGet$b = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$d = (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))
@@ -9828,8 +9897,8 @@ class ProgressBar {
     maxChanged() {
         const max = typeof this.max === 'string' ? Number.parseFloat(this.max) : this.max;
         __classPrivateFieldSet$a(this, _ProgressBar_localMax, max === undefined || Number.isNaN(max) || max < 0 ? 1 : max, "f");
-        this.internals.ariaValueMax = __classPrivateFieldGet$b(this, _ProgressBar_localMax, "f").toString();
-        __classPrivateFieldGet$b(this, _ProgressBar_instances, "m", _ProgressBar_positionChanged).call(this);
+        this.internals.ariaValueMax = __classPrivateFieldGet$d(this, _ProgressBar_localMax, "f").toString();
+        __classPrivateFieldGet$d(this, _ProgressBar_instances, "m", _ProgressBar_positionChanged).call(this);
     }
     valueChanged() {
         const value = typeof this.value === 'string'
@@ -9838,21 +9907,21 @@ class ProgressBar {
         __classPrivateFieldSet$a(this, _ProgressBar_localValue, value === undefined || Number.isNaN(value) || value < 0 ? 0 : value, "f");
         this.internals.ariaValueNow =
             // eslint-disable-next-line unicorn/no-null
-            this.value === undefined ? null : __classPrivateFieldGet$b(this, _ProgressBar_localValue, "f").toString();
-        __classPrivateFieldGet$b(this, _ProgressBar_instances, "m", _ProgressBar_positionChanged).call(this);
+            this.value === undefined ? null : __classPrivateFieldGet$d(this, _ProgressBar_localValue, "f").toString();
+        __classPrivateFieldGet$d(this, _ProgressBar_instances, "m", _ProgressBar_positionChanged).call(this);
     }
     componentWillLoad() {
         this.internals.role = 'progressbar';
-        __classPrivateFieldGet$b(this, _ProgressBar_instances, "m", _ProgressBar_defineGetter).call(this, 'labels', () => this.internals.labels);
-        __classPrivateFieldGet$b(this, _ProgressBar_instances, "m", _ProgressBar_defineGetter).call(this, 'position', () => __classPrivateFieldGet$b(this, _ProgressBar_position, "f"));
+        __classPrivateFieldGet$d(this, _ProgressBar_instances, "m", _ProgressBar_defineGetter).call(this, 'labels', () => this.internals.labels);
+        __classPrivateFieldGet$d(this, _ProgressBar_instances, "m", _ProgressBar_defineGetter).call(this, 'position', () => __classPrivateFieldGet$d(this, _ProgressBar_position, "f"));
         this.maxChanged();
         this.valueChanged();
     }
     render() {
-        return (hAsync("div", { key: '86d72369e0342009d6b899033ab93c31f58e6218', "aria-hidden": "true", class: "qds-track", "data-size": __classPrivateFieldGet$b(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get) }, hAsync("div", { key: 'b246c0a10e3fb2e019b810d8485e11fadbe2f0e8', class: {
+        return (hAsync("div", { key: '1f594b08dadc74c480d08f43bd9351225871990b', "aria-hidden": "true", class: "qds-track", "data-size": __classPrivateFieldGet$d(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get) }, hAsync("div", { key: '5bcba1c692dde87d29f842ab572d3b36b58dbe43', class: {
                 'qds-bar': true,
-                'qds-indeterminate': __classPrivateFieldGet$b(this, _ProgressBar_position, "f") === -1,
-            }, "data-size": __classPrivateFieldGet$b(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get), style: { width: this.width } })));
+                'qds-indeterminate': __classPrivateFieldGet$d(this, _ProgressBar_position, "f") === -1,
+            }, "data-size": __classPrivateFieldGet$d(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get), style: { width: this.width } })));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }
@@ -9893,8 +9962,8 @@ _ProgressBar_localMax = new WeakMap(), _ProgressBar_localValue = new WeakMap(),
         this.width = '50%';
         return;
     }
-    __classPrivateFieldSet$a(this, _ProgressBar_position, __classPrivateFieldGet$b(this, _ProgressBar_localValue, "f") / __classPrivateFieldGet$b(this, _ProgressBar_localMax, "f"), "f");
-    this.width = `${Math.min(__classPrivateFieldGet$b(this, _ProgressBar_position, "f") * 100, 100)}%`;
+    __classPrivateFieldSet$a(this, _ProgressBar_position, __classPrivateFieldGet$d(this, _ProgressBar_localValue, "f") / __classPrivateFieldGet$d(this, _ProgressBar_localMax, "f"), "f");
+    this.width = `${Math.min(__classPrivateFieldGet$d(this, _ProgressBar_position, "f") * 100, 100)}%`;
 }, _ProgressBar_defineGetter = function _ProgressBar_defineGetter(p, get) {
     Object.defineProperty(this.host, p, { enumerable: true, get });
 };
@@ -9904,7 +9973,7 @@ const breadcrumbItemCss = ":host([hidden]){display:none!important}:host{display:
 // SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
 // SPDX-License-Identifier: Apache-2.0
-var __classPrivateFieldGet$a = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$c = (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))
@@ -9963,29 +10032,29 @@ class QdsBreadcrumbItem {
         _QdsBreadcrumbItem_tooltipRef.set(this, (tooltip) => {
             if (tooltip)
                 // eslint-disable-next-line no-param-reassign
-                tooltip.target = __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_breadcrumbItem, "f");
+                tooltip.target = __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_breadcrumbItem, "f");
         });
     }
     onClick(event) {
-        if (__classPrivateFieldGet$a(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_computedDisabled_get))
+        if (__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_computedDisabled_get))
             event.stopImmediatePropagation();
     }
     disabledChanged() {
         this.internals.ariaDisabled = this.disabled.toString();
     }
     textChanged() {
-        if (__classPrivateFieldGet$a(this, _QdsBreadcrumbItem_ro, "f"))
-            __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_ro, "f").disconnect();
-        if (!__classPrivateFieldGet$a(this, _QdsBreadcrumbItem_span, "f"))
+        if (__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f"))
+            __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f").disconnect();
+        if (!__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_span, "f"))
             return;
-        const span = __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_span, "f");
+        const span = __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_span, "f");
         readTask(() => {
             this.tooltip = isEllipsisActive(span);
         });
         __classPrivateFieldSet$9(this, _QdsBreadcrumbItem_ro, new ResizeObserver(([spanEntry]) => {
             this.tooltip = isEllipsisActive(spanEntry.target);
         }), "f");
-        __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_ro, "f").observe(__classPrivateFieldGet$a(this, _QdsBreadcrumbItem_span, "f"));
+        __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f").observe(__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_span, "f"));
     }
     componentWillLoad() {
         this.internals.role = 'listitem';
@@ -9995,16 +10064,16 @@ class QdsBreadcrumbItem {
         this.textChanged();
     }
     disconnectedCallback() {
-        if (__classPrivateFieldGet$a(this, _QdsBreadcrumbItem_ro, "f"))
-            __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_ro, "f").disconnect();
+        if (__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f"))
+            __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f").disconnect();
     }
     render() {
         return (hAsync("div", { key: '98651d2afead065d1dc9955fecbba5a3c56b9c99', class: {
                 'qds-breadcrumb-item': true,
-                'qds-disabled': __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_computedDisabled_get),
-            }, ref: this.href === undefined ? __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_breadcrumbItemRef, "f") : undefined, tabIndex: this.tooltip && this.href === undefined ? 0 : undefined }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '148c315f31e52b9766689d8f0bed862cf1d96e28', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName })), this.href === undefined || __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_isCurrentPage_get)
-            ? __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderText).call(this)
-            : __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderAnchor).call(this), this.tooltip && (hAsync("qds-tooltip", { key: 'b17a3515b3f6c786bfdd16f4e01e951c477c1c66', "aria-hidden": "true", ref: __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_tooltipRef, "f") }, this.text))));
+                'qds-disabled': __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_computedDisabled_get),
+            }, ref: this.href === undefined ? __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_breadcrumbItemRef, "f") : undefined, tabIndex: this.tooltip && this.href === undefined ? 0 : undefined }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '9126433ac3532b3716d5821568d65a74b45c7145', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), this.href === undefined || __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_isCurrentPage_get)
+            ? __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderText).call(this)
+            : __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderAnchor).call(this), this.tooltip && (hAsync("qds-tooltip", { key: '8db1c84dea739706bb39ebbfe3824b4adbe2765c', "aria-hidden": "true", ref: __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_tooltipRef, "f") }, this.text))));
     }
     static get delegatesFocus() { return true; }
     static get watchers() { return {
@@ -10039,17 +10108,17 @@ _QdsBreadcrumbItem_breadcrumbItem = new WeakMap(), _QdsBreadcrumbItem_ro = new W
         return false;
     return isCurrentPage(this.href);
 }, _QdsBreadcrumbItem_renderAnchor = function _QdsBreadcrumbItem_renderAnchor() {
-    return (hAsync(Fragment, null, hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_spanRef, "f") }, hAsync("a", { class: "qds-anchor", href: this.href, hrefLang: this.hreflang, referrerPolicy: this.referrerPolicy, rel: this.rel, ref: this.href === undefined ? undefined : __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_breadcrumbItemRef, "f"), target: this.target }, this.text)), hAsync("span", { "aria-hidden": "true", class: "qds-divider" }, "/")));
+    return (hAsync(Fragment, null, hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_spanRef, "f") }, hAsync("a", { class: "qds-anchor", href: this.href, hrefLang: this.hreflang, referrerPolicy: this.referrerPolicy, rel: this.rel, ref: this.href === undefined ? undefined : __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_breadcrumbItemRef, "f"), target: this.target }, this.text)), hAsync("span", { "aria-hidden": "true", class: "qds-divider" }, "/")));
 }, _QdsBreadcrumbItem_renderText = function _QdsBreadcrumbItem_renderText() {
-    return (hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_spanRef, "f") }, this.text));
+    return (hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_spanRef, "f") }, this.text));
 };
 
-const radioCss = "[hidden].sc-qds-radio-h{display:none!important}.sc-qds-radio-h{display:inline-block;line-height:0}.qds-icon.sc-qds-radio,.qds-radio.sc-qds-radio{grid-area:i;place-self:center}.qds-icon.sc-qds-radio{display:none;pointer-events:none}.qds-container.sc-qds-radio{display:grid;grid-template-areas:\"i\"}.qds-label.sc-qds-radio{align-items:flex-start;background-color:var(--qds-theme-interactive-background-default);border-radius:var(--qds-control-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;width:inherit}.qds-label.sc-qds-radio:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-label.sc-qds-radio:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-label.sc-qds-radio:has(.qds-radio: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-label-inner.sc-qds-radio{flex:1 1 auto;min-width:0;width:100%}.qds-radio.sc-qds-radio{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-interactive-background-default);border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-rounded-border-radius);cursor:pointer;margin:0;padding:var(--qds-control-toggle-padding);-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-radio.sc-qds-radio:focus-visible{outline:none}.qds-radio.sc-qds-radio:checked~.qds-icon.sc-qds-radio{color:var(--qds-theme-control-background-contrast);display:block}[aria-disabled=true].sc-qds-radio{opacity:var(--qds-theme-disabled);pointer-events:none}[data-size=small].sc-qds-radio{--qds-form-small-text:var(--qds-control-small-text)}.qds-radio[data-size=small].sc-qds-radio{height:var(--qds-control-toggle-small-box-size);width:var(--qds-control-toggle-small-box-size)}.qds-icon[data-size=small].sc-qds-radio{font-size:var(--qds-control-small-icon-size)}.qds-label[data-size=small].sc-qds-radio{gap:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-control-toggle-small-height);min-width:var(--qds-control-toggle-small-width);padding-block:var(--qds-control-no-inline-small-padding-vertical)}.qds-inline[data-size=small].sc-qds-radio{min-height:var(--qds-control-small-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}[data-size=standard].sc-qds-radio{--qds-form-standard-text:var(--qds-control-standard-text)}.qds-radio[data-size=standard].sc-qds-radio{height:var(--qds-control-toggle-standard-box-size);width:var(--qds-control-toggle-standard-box-size)}.qds-icon[data-size=standard].sc-qds-radio{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-label[data-size=standard].sc-qds-radio{gap:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-control-toggle-standard-height);min-width:var(--qds-control-toggle-standard-width);padding-block:var(--qds-control-no-inline-standard-padding-vertical)}.qds-inline[data-size=standard].sc-qds-radio{min-height:var(--qds-control-standard-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}[data-size=large].sc-qds-radio{--qds-form-large-text:var(--qds-control-large-text)}.qds-radio[data-size=large].sc-qds-radio{height:var(--qds-control-toggle-large-box-size);width:var(--qds-control-toggle-large-box-size)}.qds-icon[data-size=large].sc-qds-radio{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}.qds-label[data-size=large].sc-qds-radio{gap:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-control-toggle-large-height);min-width:var(--qds-control-toggle-large-width);padding-block:var(--qds-control-no-inline-large-padding-vertical)}.qds-inline[data-size=large].sc-qds-radio{min-height:var(--qds-control-large-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}";
+const radioCss = "[hidden].sc-qds-radio-h{display:none!important}.sc-qds-radio-h{display:inline-block;line-height:0}.qds-icon.sc-qds-radio,.qds-radio.sc-qds-radio{grid-area:e;place-self:center}.qds-icon.sc-qds-radio{display:none;pointer-events:none}.qds-container.sc-qds-radio{display:grid;grid-template-areas:\"e\"}.qds-label.sc-qds-radio{align-items:flex-start;background-color:var(--qds-theme-interactive-background-default);border-radius:var(--qds-control-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;width:inherit}.qds-label.sc-qds-radio:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-label.sc-qds-radio:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-label.sc-qds-radio:has(.qds-radio: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-label-inner.sc-qds-radio{color:var(--qds-theme-control-text-standard);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%}.qds-required.sc-qds-radio{color:var(--qds-theme-feedback-field-required);-webkit-user-select:none;user-select:none}.qds-tooltip.sc-qds-radio{line-height:normal}.qds-radio.sc-qds-radio{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-interactive-background-default);border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-rounded-border-radius);cursor:pointer;margin:0;padding:var(--qds-control-toggle-padding);-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-radio.sc-qds-radio:focus-visible{outline:none}.qds-radio.sc-qds-radio:checked~.qds-icon.sc-qds-radio{color:var(--qds-theme-control-background-contrast);display:block}[aria-disabled=true].sc-qds-radio{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-radio[data-size=small].sc-qds-radio{height:var(--qds-control-toggle-small-box-size);width:var(--qds-control-toggle-small-box-size)}.qds-icon[data-size=small].sc-qds-radio{font-size:var(--qds-control-toggle-small-box-size)}.qds-label[data-size=small].sc-qds-radio{gap:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-control-toggle-small-height);min-width:var(--qds-control-toggle-small-width);padding-block:var(--qds-control-no-inline-small-padding-vertical)}.qds-label-inner[data-size=small].sc-qds-radio{font:var(--qds-control-small-text)}.qds-inline[data-size=small].sc-qds-radio{min-height:var(--qds-control-small-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}.qds-radio[data-size=standard].sc-qds-radio{height:var(--qds-control-toggle-standard-box-size);width:var(--qds-control-toggle-standard-box-size)}.qds-icon[data-size=standard].sc-qds-radio{font-size:var(--qds-control-toggle-standard-box-size)}.qds-label[data-size=standard].sc-qds-radio{gap:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-control-toggle-standard-height);min-width:var(--qds-control-toggle-standard-width);padding-block:var(--qds-control-no-inline-standard-padding-vertical)}.qds-label-inner[data-size=standard].sc-qds-radio{font:var(--qds-control-standard-text)}.qds-inline[data-size=standard].sc-qds-radio{min-height:var(--qds-control-standard-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}.qds-radio[data-size=large].sc-qds-radio{height:var(--qds-control-toggle-large-box-size);width:var(--qds-control-toggle-large-box-size)}.qds-icon[data-size=large].sc-qds-radio{font-size:var(--qds-control-toggle-large-box-size)}.qds-label[data-size=large].sc-qds-radio{gap:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-control-toggle-large-height);min-width:var(--qds-control-toggle-large-width);padding-block:var(--qds-control-no-inline-large-padding-vertical)}.qds-label-inner[data-size=large].sc-qds-radio{font:var(--qds-control-large-text)}.qds-inline[data-size=large].sc-qds-radio{min-height:var(--qds-control-large-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}";
 
 // SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
 // SPDX-License-Identifier: Apache-2.0
-var __classPrivateFieldGet$9 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$b = (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))
@@ -10065,7 +10134,7 @@ var __classPrivateFieldSet$8 = (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 _Radio_instances, _Radio_inheritedAttributes, _Radio_input, _Radio_computedDisabled_get, _Radio_computedSize_get, _Radio_hasText_get, _Radio_ref, _Radio_onBlur, _Radio_onChange, _Radio_onFocus;
+var _Radio_instances, _Radio_inheritedAttributes, _Radio_input, _Radio_ro, _Radio_span, _Radio_tooltip, _Radio_computedDisabled_get, _Radio_computedSize_get, _Radio_hasText_get, _Radio_ref, _Radio_onBlur, _Radio_onFocus, _Radio_spanRef, _Radio_tooltipRef, _Radio_onChange;
 /**
  * `<qds-radio>` elements are rendered as circles that are filled when
  * selected. They are generally used in **radio groups** — collections of radio
@@ -10094,51 +10163,91 @@ class Radio {
          * The radio button's size.
          */
         this.size = 'standard';
+        this.tooltip = false;
         _Radio_inheritedAttributes.set(this, {});
         _Radio_input.set(this, void 0);
+        _Radio_ro.set(this, void 0);
+        _Radio_span.set(this, void 0);
+        _Radio_tooltip.set(this, void 0);
         _Radio_ref.set(this, (input) => {
             __classPrivateFieldSet$8(this, _Radio_input, input, "f");
         });
         _Radio_onBlur.set(this, (event) => {
             this.blurEmitter.emit(pickFocusEventAttributes(event));
-        });
-        _Radio_onChange.set(this, () => {
-            this.changeEmitter.emit();
+            if (__classPrivateFieldGet$b(this, _Radio_tooltip, "f"))
+                ignorePromise(__classPrivateFieldGet$b(this, _Radio_tooltip, "f").close());
         });
         _Radio_onFocus.set(this, (event) => {
             this.focusEmitter.emit(pickFocusEventAttributes(event));
+            if (__classPrivateFieldGet$b(this, _Radio_tooltip, "f"))
+                ignorePromise(__classPrivateFieldGet$b(this, _Radio_tooltip, "f").show());
+        });
+        _Radio_spanRef.set(this, (span) => {
+            __classPrivateFieldSet$8(this, _Radio_span, span, "f");
+        });
+        _Radio_tooltipRef.set(this, (tooltip) => {
+            if (tooltip) {
+                // eslint-disable-next-line no-param-reassign
+                tooltip.target = this.host;
+                __classPrivateFieldSet$8(this, _Radio_tooltip, tooltip, "f");
+            }
+        });
+        _Radio_onChange.set(this, () => {
+            this.changeEmitter.emit();
         });
     }
     onClick(event) {
-        if (__classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedDisabled_get)) {
+        if (__classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedDisabled_get)) {
             event.stopImmediatePropagation();
             return;
         }
-        invariant(__classPrivateFieldGet$9(this, _Radio_input, "f"));
-        this.checked = __classPrivateFieldGet$9(this, _Radio_input, "f").checked;
+        invariant(__classPrivateFieldGet$b(this, _Radio_input, "f"));
+        this.checked = __classPrivateFieldGet$b(this, _Radio_input, "f").checked;
     }
     tabindexChanged(newValue) {
         const parsedValue = Number.parseInt(newValue, 10);
         this.tabIndex =
             parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
     }
+    textChanged() {
+        if (__classPrivateFieldGet$b(this, _Radio_ro, "f"))
+            __classPrivateFieldGet$b(this, _Radio_ro, "f").disconnect();
+        if (!__classPrivateFieldGet$b(this, _Radio_span, "f"))
+            return;
+        const span = __classPrivateFieldGet$b(this, _Radio_span, "f");
+        readTask(() => {
+            this.tooltip = isEllipsisActive(span);
+        });
+        __classPrivateFieldSet$8(this, _Radio_ro, new ResizeObserver(([spanEntry]) => {
+            this.tooltip = isEllipsisActive(spanEntry.target);
+        }), "f");
+        __classPrivateFieldGet$b(this, _Radio_ro, "f").observe(__classPrivateFieldGet$b(this, _Radio_span, "f"));
+    }
     componentWillLoad() {
         __classPrivateFieldSet$8(this, _Radio_inheritedAttributes, inheritAriaAttributes(this.host), "f");
         this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
     }
+    componentDidLoad() {
+        this.textChanged();
+    }
+    disconnectedCallback() {
+        if (__classPrivateFieldGet$b(this, _Radio_ro, "f"))
+            __classPrivateFieldGet$b(this, _Radio_ro, "f").disconnect();
+    }
     render() {
         return (
         // eslint-disable-next-line jsx-a11y/label-has-associated-control
-        hAsync("label", { key: 'd0c73be3ff0a081eb00a0857c8d4c44757b6db2b', "aria-disabled": __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? 'true' : undefined, class: {
+        hAsync("label", { key: '62bb3624c0b808bd128e2377215d63ed03f03c9f', "aria-disabled": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? 'true' : undefined, class: {
                 'qds-inline': this.inline,
                 'qds-label': true,
-            }, "data-size": __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedSize_get) }, hAsync("div", { key: '1018adbd92399c84791fed4bd449220431f8525f', class: "qds-container" }, hAsync("input", { key: 'f7d1a5bdaf8cc9689b7b4d2257cb360377d8a4b6',
+            }, "data-size": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedSize_get) }, hAsync("div", { key: '0162d9e7c109e914c2450ea0ecbeeb17e228d106', class: "qds-container" }, hAsync("input", { key: '076c5b110f38044837431b6d1d43196700ec97b2',
             // eslint-disable-next-line jsx-a11y/no-autofocus
-            autoFocus: this.host.autofocus, checked: this.checked, class: "qds-radio", "data-size": __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedSize_get), disabled: this.disabled, form: this.form, name: this.name, onBlur: __classPrivateFieldGet$9(this, _Radio_onBlur, "f"), onChange: __classPrivateFieldGet$9(this, _Radio_onChange, "f"), onFocus: __classPrivateFieldGet$9(this, _Radio_onFocus, "f"), ref: __classPrivateFieldGet$9(this, _Radio_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? undefined : this.tabIndex, type: "radio", value: this.value ?? undefined, ...__classPrivateFieldGet$9(this, _Radio_inheritedAttributes, "f") }), hAsync("qds-icon", { key: '5d216956b9bc9a9d673f79ef81302f8a085a4f01', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedSize_get), library: "core", name: "checked-radio" })), __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_hasText_get) && (hAsync("qds-label", { key: '023e5f403ff3299ff37153eb7ee96941f485b308', class: "qds-label-inner", size: __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedSize_get), text: this.text }))));
+            autoFocus: this.host.autofocus, checked: this.checked, class: "qds-radio", "data-size": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedSize_get), disabled: this.disabled, form: this.form, name: this.name, onBlur: __classPrivateFieldGet$b(this, _Radio_onBlur, "f"), onChange: __classPrivateFieldGet$b(this, _Radio_onChange, "f"), onFocus: __classPrivateFieldGet$b(this, _Radio_onFocus, "f"), ref: __classPrivateFieldGet$b(this, _Radio_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? undefined : this.tabIndex, type: "radio", value: this.value ?? undefined, ...__classPrivateFieldGet$b(this, _Radio_inheritedAttributes, "f") }), hAsync("qds-icon", { key: '668a2d22e68b6f1d49cb5b9798b99dbd6d5a05a5', class: "qds-icon", "data-size": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedSize_get), library: "core", name: "checked-radio" })), __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_hasText_get) && (hAsync("span", { key: 'f1205a0e975d4e59a907239a0371fe8864e5adfd', class: "qds-label-inner", "data-size": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedSize_get), ref: __classPrivateFieldGet$b(this, _Radio_spanRef, "f") }, this.required === true && hAsync("span", { key: '77c767cab283f45e4f5d4d23caab06ddd200c214', class: "qds-required" }, "*"), this.text)), this.tooltip && (hAsync("qds-tooltip", { key: '905dbef82ca3a3803e536bceca43c1bee35eb195', "aria-hidden": "true", class: "qds-tooltip", ref: __classPrivateFieldGet$b(this, _Radio_tooltipRef, "f") }, this.text))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
-        "tabindex": ["tabindexChanged"]
+        "tabindex": ["tabindexChanged"],
+        "text": ["textChanged"]
     }; }
     static get style() { return radioCss; }
     static get cmpMeta() { return {
@@ -10154,14 +10263,15 @@ class Radio {
             "name": [1],
             "required": [4],
             "value": [1032],
-            "tabIndex": [32]
+            "tabIndex": [32],
+            "tooltip": [32]
         },
         "$listeners$": [[0, "click", "onClick"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
 }
-_Radio_inheritedAttributes = new WeakMap(), _Radio_input = new WeakMap(), _Radio_ref = new WeakMap(), _Radio_onBlur = new WeakMap(), _Radio_onChange = new WeakMap(), _Radio_onFocus = new WeakMap(), _Radio_instances = new WeakSet(), _Radio_computedDisabled_get = function _Radio_computedDisabled_get() {
+_Radio_inheritedAttributes = new WeakMap(), _Radio_input = new WeakMap(), _Radio_ro = new WeakMap(), _Radio_span = new WeakMap(), _Radio_tooltip = new WeakMap(), _Radio_ref = new WeakMap(), _Radio_onBlur = new WeakMap(), _Radio_onFocus = new WeakMap(), _Radio_spanRef = new WeakMap(), _Radio_tooltipRef = new WeakMap(), _Radio_onChange = new WeakMap(), _Radio_instances = new WeakSet(), _Radio_computedDisabled_get = function _Radio_computedDisabled_get() {
     return this.disabled ?? false;
 }, _Radio_computedSize_get = function _Radio_computedSize_get() {
     switch (this.size) {
@@ -10178,12 +10288,12 @@ _Radio_inheritedAttributes = new WeakMap(), _Radio_input = new WeakMap(), _Radio
     return this.text !== undefined && this.text !== '';
 };
 
-const selectCss = ":host([hidden]){display:none!important}:host{display:inline-block}slot{display:none}.qds-container{box-sizing:border-box;display:grid;grid-template-areas:\"j\"}.qds-container,.qds-select{width:inherit}.qds-icon,.qds-select{color:var(--qds-theme-form-input-text-placeholder);grid-area:j}.qds-icon{place-self:center end;pointer-events:none}.qds-select{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-default);border-radius:var(\n      --qds-control-border-radius-top-left,var(--qds-form-input-border-radius)\n    ) var(\n      --qds-control-border-radius-top-right,var(--qds-form-input-border-radius)\n    ) var(\n      --qds-control-border-radius-bottom-right,var(--qds-form-input-border-radius)\n    ) var(\n      --qds-control-border-radius-bottom-left,var(--qds-form-input-border-radius)\n    );border-style:solid;border-width:var(--qds-form-input-border-width-default) var(\n      --qds-control-border-width-inline-end,var(--qds-form-input-border-width-default)\n    ) var(\n      --qds-control-border-width-block-end,var(--qds-form-input-border-width-default)\n    ) var(--qds-form-input-border-width-default);margin:0;outline:0;padding-block:0;text-overflow:ellipsis}.qds-select:enabled:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-select:enabled:active{background-color:var(--qds-theme-form-input-background-active);color:var(--qds-theme-form-input-text-active)}.qds-select:not(:focus):user-invalid{border-color:var(--qds-theme-feedback-result-failure)}.qds-select[data-status]{border-width:var(--qds-form-input-border-width-status) var(\n        --qds-control-border-width-inline-end,var(--qds-form-input-border-width-status)\n      ) var(\n        --qds-control-border-width-block-end,var(--qds-form-input-border-width-status)\n      ) var(--qds-form-input-border-width-status)}.qds-select[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-select[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-select :not(:focus):user-invalid,.qds-select[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}.qds-select:disabled,.qds-select:disabled+.qds-icon{opacity:var(--qds-theme-disabled)}:is(::slotted(optgroup),::slotted(optgroup:not(:disabled)>option),::slotted(option)):disabled{opacity:var(--qds-theme-disabled)}::slotted(optgroup){font:var(--qds-accessory-section-title)}::slotted(optgroup>option),::slotted(option){font:var(--qds-list-item-label-main)}.qds-select[data-size=small]{font:var(--qds-form-small-text);padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}.qds-select[data-size=small]:not([multiple]){min-height:var(--qds-form-input-small-height);padding-inline-end:calc(var(--qds-control-small-icon-size) + var(--qds-form-input-small-gap-internal) + var(--qds-form-input-small-padding-end))}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);margin-inline-end:calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-small-icon-size)}.qds-select[data-size=standard]{font:var(--qds-form-standard-text);padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}.qds-select[data-size=standard]:not([multiple]){min-height:var(--qds-form-input-standard-height);padding-inline-end:calc(var(--qds-control-standard-icon-size) + var(--qds-form-input-standard-gap-internal) + var(--qds-form-input-standard-padding-end))}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);margin-inline-end:calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-standard-icon-size)}.qds-select[data-size=large]{font:var(--qds-form-large-text);padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}.qds-select[data-size=large]:not([multiple]){min-height:var(--qds-form-input-large-height);padding-inline-end:calc(var(--qds-control-large-icon-size) + var(--qds-form-input-large-gap-internal) + var(--qds-form-input-large-padding-end))}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);margin-inline-end:calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-large-icon-size)}.qds-focus-ring{border-radius:max(1px,var(\n        --qds-control-border-radius-top-left,var(--qds-form-input-border-radius)\n      )) max(1px,var(\n        --qds-control-border-radius-top-right,var(--qds-form-input-border-radius)\n      )) max(1px,var(\n        --qds-control-border-radius-bottom-right,var(--qds-form-input-border-radius)\n      )) max(1px,var(\n        --qds-control-border-radius-bottom-left,var(--qds-form-input-border-radius)\n      ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:j;height:calc(100% + var(--qds-form-input-border-width-default) - var(\n        --qds-control-border-width-block-end,\n        var(--qds-form-input-border-width-default)\n      ));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-form-input-border-width-default) - var(\n        --qds-control-border-width-inline-end,\n        var(--qds-form-input-border-width-default)\n      ))}.qds-select:focus-visible~.qds-focus-ring{visibility:visible}";
+const selectCss = ":host([hidden]){display:none!important}:host{display:inline-block}slot{display:none}.qds-container{box-sizing:border-box;display:grid;grid-template-areas:\"f\"}.qds-container,.qds-select{width:inherit}.qds-icon,.qds-select{color:var(--qds-theme-form-input-text-placeholder);grid-area:f}.qds-icon{place-self:center end;pointer-events:none}.qds-select{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-default);border-radius:var(\n      --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n    ) var(\n      --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n    ) var(\n      --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n    ) var(\n      --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n    );border-style:solid;border-width:var(--qds-form-input-border-width-default) var(\n      --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-default)\n    ) var(\n      --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-default)\n    ) var(--qds-form-input-border-width-default);margin:0;outline:0;padding-block:0;text-overflow:ellipsis}.qds-select:enabled:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-select:enabled:active{background-color:var(--qds-theme-form-input-background-active);color:var(--qds-theme-form-input-text-active)}.qds-select:not(:focus):user-invalid{border-color:var(--qds-theme-feedback-result-failure)}.qds-select[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-select[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-select[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-select :not(:focus):user-invalid,.qds-select[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}.qds-select:disabled,.qds-select:disabled+.qds-icon{opacity:var(--qds-theme-disabled)}:is(::slotted(optgroup),::slotted(optgroup:not(:disabled)>option),::slotted(option)):disabled{opacity:var(--qds-theme-disabled)}::slotted(optgroup){font:var(--qds-accessory-section-title)}::slotted(optgroup>option),::slotted(option){font:var(--qds-list-item-label-main)}.qds-select[data-size=small]{font:var(--qds-form-small-text);padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}.qds-select[data-size=small]:not([multiple]){min-height:var(--qds-form-input-small-height);padding-inline-end:calc(var(--qds-control-small-icon-size) + var(--qds-form-input-small-gap-internal) + var(--qds-form-input-small-padding-end))}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);margin-inline-end:calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-small-icon-size)}.qds-select[data-size=standard]{font:var(--qds-form-standard-text);padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}.qds-select[data-size=standard]:not([multiple]){min-height:var(--qds-form-input-standard-height);padding-inline-end:calc(var(--qds-control-standard-icon-size) + var(--qds-form-input-standard-gap-internal) + var(--qds-form-input-standard-padding-end))}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);margin-inline-end:calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-standard-icon-size)}.qds-select[data-size=large]{font:var(--qds-form-large-text);padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}.qds-select[data-size=large]:not([multiple]){min-height:var(--qds-form-input-large-height);padding-inline-end:calc(var(--qds-control-large-icon-size) + var(--qds-form-input-large-gap-internal) + var(--qds-form-input-large-padding-end))}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);margin-inline-end:calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-large-icon-size)}.qds-focus-ring{border-radius:max(1px,var(\n        --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n      )) max(1px,var(\n        --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n      )) max(1px,var(\n        --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n      )) max(1px,var(\n        --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n      ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:f;height:calc(100% + var(--qds-form-input-border-width-default) - var(\n        --qds-form-input-border-width-block-end,\n        var(--qds-form-input-border-width-default)\n      ));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-form-input-border-width-default) - var(\n        --qds-form-input-border-width-inline-end,\n        var(--qds-form-input-border-width-default)\n      ))}.qds-select:focus-visible~.qds-focus-ring{visibility:visible}";
 
 // SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
 // SPDX-License-Identifier: Apache-2.0
-var __classPrivateFieldGet$8 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$a = (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))
@@ -10347,28 +10457,28 @@ class Select {
         this.checkValidity = () => this.internals.checkValidity();
         this.reportValidity = () => this.internals.reportValidity();
         this.setCustomValidity = (error) => {
-            invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
-            __classPrivateFieldGet$8(this, _Select_select, "f").setCustomValidity(error);
+            invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
+            __classPrivateFieldGet$a(this, _Select_select, "f").setCustomValidity(error);
             if (error)
-                this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$8(this, _Select_select, "f"));
+                this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$a(this, _Select_select, "f"));
             else
                 this.internals.setValidity(NO_ERROR_FLAGS);
         };
         this.addItem = (element, before) => {
-            invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
-            __classPrivateFieldGet$8(this, _Select_select, "f").add(element, before);
+            invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
+            __classPrivateFieldGet$a(this, _Select_select, "f").add(element, before);
         };
         this.removeItem = (index) => {
-            invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
-            __classPrivateFieldGet$8(this, _Select_select, "f").remove(index);
+            invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
+            __classPrivateFieldGet$a(this, _Select_select, "f").remove(index);
         };
         this.item = (index) => {
-            invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
-            return __classPrivateFieldGet$8(this, _Select_select, "f").item(index);
+            invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
+            return __classPrivateFieldGet$a(this, _Select_select, "f").item(index);
         };
         this.namedItem = (name) => {
-            invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
-            return __classPrivateFieldGet$8(this, _Select_select, "f").namedItem(name);
+            invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
+            return __classPrivateFieldGet$a(this, _Select_select, "f").namedItem(name);
         };
         _Select_ref.set(this, (select) => {
             __classPrivateFieldSet$7(this, _Select_select, select, "f");
@@ -10383,31 +10493,31 @@ class Select {
             this.focusEmitter.emit(pickFocusEventAttributes(event));
         });
         _Select_onInput.set(this, (event) => {
-            invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
-            this.value = __classPrivateFieldGet$8(this, _Select_select, "f").value;
+            invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
+            this.value = __classPrivateFieldGet$a(this, _Select_select, "f").value;
             this.inputEmitter.emit(pickInputEventAttributes(event));
         });
         _Select_onSlotchange.set(this, (event) => {
-            invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
+            invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
             const { currentTarget } = event;
             invariant(currentTarget instanceof HTMLSlotElement);
-            __classPrivateFieldGet$8(this, _Select_select, "f").replaceChildren(...currentTarget.assignedNodes().map((node) => node.cloneNode(true)));
+            __classPrivateFieldGet$a(this, _Select_select, "f").replaceChildren(...currentTarget.assignedNodes().map((node) => node.cloneNode(true)));
         });
     }
     onClick(event) {
-        if (__classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedDisabled_get))
+        if (__classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedDisabled_get))
             event.stopImmediatePropagation();
     }
     disabledChanged() {
-        if (__classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedDisabled_get))
+        if (__classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedDisabled_get))
             // eslint-disable-next-line unicorn/no-null
             this.internals.setFormValue(null);
         else
-            this.internals.setFormValue(__classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedValue_get));
+            this.internals.setFormValue(__classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedValue_get));
     }
     selectedIndexChanged() {
-        invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
-        __classPrivateFieldGet$8(this, _Select_select, "f").selectedIndex = this.selectedIndex;
+        invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
+        __classPrivateFieldGet$a(this, _Select_select, "f").selectedIndex = this.selectedIndex;
     }
     tabindexChanged(newValue) {
         const parsedValue = Number.parseInt(newValue, 10);
@@ -10415,43 +10525,43 @@ class Select {
             parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
     }
     validationChanged() {
-        invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
-        __classPrivateFieldGet$8(this, _Select_select, "f").value = __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedValue_get);
-        __classPrivateFieldGet$8(this, _Select_select, "f").required = this.required ?? false;
-        const { valid } = __classPrivateFieldGet$8(this, _Select_select, "f").validity;
+        invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
+        __classPrivateFieldGet$a(this, _Select_select, "f").value = __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedValue_get);
+        __classPrivateFieldGet$a(this, _Select_select, "f").required = this.required ?? false;
+        const { valid } = __classPrivateFieldGet$a(this, _Select_select, "f").validity;
         if (valid)
-            this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$8(this, _Select_select, "f"));
+            this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$a(this, _Select_select, "f"));
         else
-            this.internals.setValidity(__classPrivateFieldGet$8(this, _Select_select, "f").validity, __classPrivateFieldGet$8(this, _Select_select, "f").validationMessage, __classPrivateFieldGet$8(this, _Select_select, "f"));
+            this.internals.setValidity(__classPrivateFieldGet$a(this, _Select_select, "f").validity, __classPrivateFieldGet$a(this, _Select_select, "f").validationMessage, __classPrivateFieldGet$a(this, _Select_select, "f"));
     }
     statusChanged() {
-        this.internals.ariaInvalid = (__classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedStatus_get) === 'error').toString();
+        this.internals.ariaInvalid = (__classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedStatus_get) === 'error').toString();
     }
     componentWillLoad() {
-        __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'form', () => this.internals.form);
-        __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
-        __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'validity', () => this.internals.validity);
-        __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
-        __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'type', () => __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedType_get));
-        __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'options', () => __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedOptions_get));
-        __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'length', () => __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedOptions_get).length);
-        __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'selectedOptions', () => __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedSelectedOptions_get));
+        __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'form', () => this.internals.form);
+        __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
+        __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'validity', () => this.internals.validity);
+        __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
+        __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'type', () => __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedType_get));
+        __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'options', () => __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedOptions_get));
+        __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'length', () => __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedOptions_get).length);
+        __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'selectedOptions', () => __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedSelectedOptions_get));
         __classPrivateFieldSet$7(this, _Select_inheritedAttributes, inheritAriaAttributes(this.host), "f");
         this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
         this.statusChanged();
     }
     componentDidLoad() {
-        invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
+        invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
         this.validationChanged();
-        this.selectedIndex = __classPrivateFieldGet$8(this, _Select_select, "f").selectedIndex;
+        this.selectedIndex = __classPrivateFieldGet$a(this, _Select_select, "f").selectedIndex;
     }
     render() {
-        return (hAsync("div", { key: '4e54c80117271921cdf5eeaa8498f91467b514f5', class: {
+        return (hAsync("div", { key: '26c702cd3ae186b45a53bd51196f425b101fd1c9', class: {
                 'qds-container': true,
                 'qds-multiple': this.multiple ?? false,
-            }, "data-size": __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedSize_get) }, hAsync("select", { key: '239e13dcdd0dec5f835005d80417b546cb41b181', autoComplete: this.autoComplete,
+            }, "data-size": __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedSize_get) }, hAsync("select", { key: 'c42974f545c679f3ac6e91178a4891199c374695', autoComplete: this.autoComplete,
             // eslint-disable-next-line jsx-a11y/no-autofocus
-            autoFocus: this.host.autofocus, class: "qds-select", "data-size": __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedSize_get), "data-status": __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedStatus_get), disabled: __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedDisabled_get), multiple: this.multiple, name: this.name, onBlur: __classPrivateFieldGet$8(this, _Select_onBlur, "f"), onChange: __classPrivateFieldGet$8(this, _Select_onChange, "f"), onFocus: __classPrivateFieldGet$8(this, _Select_onFocus, "f"), onInput: __classPrivateFieldGet$8(this, _Select_onInput, "f"), ref: __classPrivateFieldGet$8(this, _Select_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedDisabled_get) ? undefined : this.tabIndex, ...__classPrivateFieldGet$8(this, _Select_inheritedAttributes, "f") }), this.multiple !== true && (hAsync("qds-icon", { key: '4d3e255a814e9d5ba41e125d33f918d24f446438', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedSize_get), library: "core", name: "dropdown" })), hAsync("slot", { key: '1bbdca184b14af7b56ca0f0b484455e310ada1b9', onSlotchange: __classPrivateFieldGet$8(this, _Select_onSlotchange, "f") }), hAsync("div", { key: 'e79fbfb62d6b4420a009180df83e911b575b321f', class: "qds-focus-ring" })));
+            autoFocus: this.host.autofocus, class: "qds-select", "data-size": __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedSize_get), "data-status": __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedStatus_get), disabled: __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedDisabled_get), multiple: this.multiple, name: this.name, onBlur: __classPrivateFieldGet$a(this, _Select_onBlur, "f"), onChange: __classPrivateFieldGet$a(this, _Select_onChange, "f"), onFocus: __classPrivateFieldGet$a(this, _Select_onFocus, "f"), onInput: __classPrivateFieldGet$a(this, _Select_onInput, "f"), ref: __classPrivateFieldGet$a(this, _Select_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedDisabled_get) ? undefined : this.tabIndex, ...__classPrivateFieldGet$a(this, _Select_inheritedAttributes, "f") }), this.multiple !== true && (hAsync("qds-icon", { key: 'aa8e1e662d3fbe6763c15db02a7461cb5fc8b427', class: "qds-icon", "data-size": __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedSize_get), library: "core", name: "dropdown" })), hAsync("slot", { key: 'b72253181babf15b30131d300e531a412cb23623', onSlotchange: __classPrivateFieldGet$a(this, _Select_onSlotchange, "f") }), hAsync("div", { key: 'b7302af05bf0d6169ab86cca521b3a208fc39e9f', class: "qds-focus-ring" })));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
@@ -10497,8 +10607,8 @@ _Select_inheritedAttributes = new WeakMap(), _Select_select = new WeakMap(), _Se
     return ((this.host.matches(':disabled') || (this.disabled ?? false)) &&
         this.host.getAttribute('disabled') !== 'false');
 }, _Select_computedOptions_get = function _Select_computedOptions_get() {
-    invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
-    return __classPrivateFieldGet$8(this, _Select_select, "f").options;
+    invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
+    return __classPrivateFieldGet$a(this, _Select_select, "f").options;
 }, _Select_computedStatus_get = function _Select_computedStatus_get() {
     switch (this.status) {
         case 'error':
@@ -10522,23 +10632,23 @@ _Select_inheritedAttributes = new WeakMap(), _Select_select = new WeakMap(), _Se
         }
     }
 }, _Select_computedType_get = function _Select_computedType_get() {
-    invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
-    return __classPrivateFieldGet$8(this, _Select_select, "f").type;
+    invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
+    return __classPrivateFieldGet$a(this, _Select_select, "f").type;
 }, _Select_computedValue_get = function _Select_computedValue_get() {
     return this.value ?? '';
 }, _Select_computedSelectedOptions_get = function _Select_computedSelectedOptions_get() {
-    invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
-    return __classPrivateFieldGet$8(this, _Select_select, "f").selectedOptions;
+    invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
+    return __classPrivateFieldGet$a(this, _Select_select, "f").selectedOptions;
 }, _Select_defineGetter = function _Select_defineGetter(p, get) {
     Object.defineProperty(this.host, p, { enumerable: true, get });
 };
 
-const standaloneLinkCss = ":host([hidden]){display:none!important}:host{display:inline-block}:host(:focus-visible){border-radius:var(--qds-control-border-radius);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-icon-crop{align-items:center;display:flex;justify-content:center}.qds-icon{flex-shrink:0;transform:scaleX(var(--qds-direction-factor,1))}.qds-standalone-link{box-sizing:border-box;display:inline-flex;justify-content:center;-webkit-print-color-adjust:exact;print-color-adjust:exact;width:100%}.qds-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}[data-importance=subdued]{color:var(--qds-theme-link-subdued-default)}.qds-visitable[data-importance=subdued]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=subdued]:hover{color:var(--qds-theme-link-subdued-hover)}[data-importance=subdued]:active{color:var(--qds-theme-link-subdued-pressed)}.qds-visitable[data-importance=subdued]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=subdued]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=standard]{color:var(--qds-theme-link-standard-default)}.qds-visitable[data-importance=standard]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=standard]:hover{color:var(--qds-theme-link-standard-hover)}[data-importance=standard]:active{color:var(--qds-theme-link-standard-pressed)}.qds-visitable[data-importance=standard]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=standard]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=emphasized]{color:var(--qds-theme-link-emphasized-default)}.qds-visitable[data-importance=emphasized]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=emphasized]:hover{color:var(--qds-theme-link-emphasized-hover)}[data-importance=emphasized]:active{color:var(--qds-theme-link-emphasized-pressed)}.qds-visitable[data-importance=emphasized]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=emphasized]:visited:active{color:var(--qds-theme-link-visited-pressed)}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-standalone-link[data-size=small]{font:var(--qds-control-small-link);gap:var(--qds-control-small-gap-internal);min-height:var(--qds-control-small-height);padding-block:var(--qds-control-small-padding-auto-height)}[data-size=small][data-importance=subdued]{font:var(--qds-control-small-text)}.qds-icon-crop[data-size=small]{height:var(--qds-control-small-icon-crop-height)}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-standalone-link[data-size=standard]{font:var(--qds-control-standard-link);gap:var(--qds-control-standard-gap-internal);min-height:var(--qds-control-standard-height);padding-block:var(--qds-control-standard-padding-auto-height)}[data-size=standard][data-importance=subdued]{font:var(--qds-control-standard-text)}.qds-icon-crop[data-size=standard]{height:var(--qds-control-standard-icon-crop-height)}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-standalone-link[data-size=large]{font:var(--qds-control-large-link);gap:var(--qds-control-large-gap-internal);min-height:var(--qds-control-large-height);padding-block:var(--qds-control-large-padding-auto-height)}[data-size=large][data-importance=subdued]{font:var(--qds-control-large-text)}.qds-icon-crop[data-size=large]{height:var(--qds-control-large-icon-crop-height)}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}";
+const standaloneLinkCss = ":host([hidden]){display:none!important}:host{display:inline-block}:host(:focus-visible){border-radius:var(--qds-control-border-radius);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-icon-crop{align-items:center;display:flex;justify-content:center}.qds-icon{flex-shrink:0;transform:scaleX(var(--qds-direction-factor,1))}.qds-standalone-link{box-sizing:border-box;display:inline-flex;justify-content:center;-webkit-print-color-adjust:exact;print-color-adjust:exact;width:100%}.qds-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}[data-importance=emphasized],[data-importance=standard]{-webkit-text-decoration:none;text-decoration:none}.qds-visitable[data-importance=emphasized],.qds-visitable[data-importance=standard],[data-importance=emphasized]:active,[data-importance=emphasized]:hover,[data-importance=standard]:active,[data-importance=standard]:hover{-webkit-text-decoration:underline;text-decoration:underline}[data-importance=subdued]{color:var(--qds-theme-link-subdued-default)}.qds-visitable[data-importance=subdued]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=subdued]:hover{color:var(--qds-theme-link-subdued-hover)}[data-importance=subdued]:active{color:var(--qds-theme-link-subdued-pressed)}.qds-visitable[data-importance=subdued]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=subdued]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=standard]{color:var(--qds-theme-link-standard-default)}.qds-visitable[data-importance=standard]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=standard]:hover{color:var(--qds-theme-link-standard-hover)}[data-importance=standard]:active{color:var(--qds-theme-link-standard-pressed)}.qds-visitable[data-importance=standard]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=standard]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=emphasized]{color:var(--qds-theme-link-emphasized-default)}.qds-visitable[data-importance=emphasized]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=emphasized]:hover{color:var(--qds-theme-link-emphasized-hover)}[data-importance=emphasized]:active{color:var(--qds-theme-link-emphasized-pressed)}.qds-visitable[data-importance=emphasized]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=emphasized]:visited:active{color:var(--qds-theme-link-visited-pressed)}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-standalone-link[data-size=small]{font:var(--qds-control-small-text);gap:var(--qds-control-small-gap-internal);min-height:var(--qds-control-small-height);padding-block:var(--qds-control-small-padding-auto-height)}.qds-icon-crop[data-size=small]{height:var(--qds-control-small-icon-crop-height)}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-standalone-link[data-size=standard]{font:var(--qds-control-standard-text);gap:var(--qds-control-standard-gap-internal);min-height:var(--qds-control-standard-height);padding-block:var(--qds-control-standard-padding-auto-height)}.qds-icon-crop[data-size=standard]{height:var(--qds-control-standard-icon-crop-height)}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-standalone-link[data-size=large]{font:var(--qds-control-large-text);gap:var(--qds-control-large-gap-internal);min-height:var(--qds-control-large-height);padding-block:var(--qds-control-large-padding-auto-height)}.qds-icon-crop[data-size=large]{height:var(--qds-control-large-icon-crop-height)}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}";
 
 // SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
 // SPDX-License-Identifier: Apache-2.0
-var __classPrivateFieldGet$7 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$9 = (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))
@@ -10604,7 +10714,7 @@ class StandaloneLink {
         _StandaloneLink_savedTabIndex.set(this, 0);
         _StandaloneLink_link.set(this, void 0);
         _StandaloneLink_updateAriaLabelElements.set(this, () => {
-            this.internals.ariaLabel = `${this.host.textContent} ${__classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_openInNewTab_get) ? 'Opens in a new tab' : ''}`.trim();
+            this.internals.ariaLabel = `${this.host.textContent} ${__classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_openInNewTab_get) ? 'Opens in a new tab' : ''}`.trim();
         });
         _StandaloneLink_linkRef.set(this, (link) => {
             __classPrivateFieldSet$6(this, _StandaloneLink_link, link, "f");
@@ -10616,7 +10726,7 @@ class StandaloneLink {
             this.focusEmitter.emit(pickFocusEventAttributes(event));
         });
         _StandaloneLink_onSlotchange.set(this, () => {
-            __classPrivateFieldGet$7(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
+            __classPrivateFieldGet$9(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
         });
     }
     onClick(event) {
@@ -10624,18 +10734,18 @@ class StandaloneLink {
             event.stopImmediatePropagation();
     }
     onKeydown(event) {
-        invariant(__classPrivateFieldGet$7(this, _StandaloneLink_link, "f"));
+        invariant(__classPrivateFieldGet$9(this, _StandaloneLink_link, "f"));
         if (this.disabled)
             return;
         if (event.key === 'Enter')
-            __classPrivateFieldGet$7(this, _StandaloneLink_link, "f").click();
+            __classPrivateFieldGet$9(this, _StandaloneLink_link, "f").click();
     }
     disabledChanged() {
         this.internals.ariaDisabled = this.disabled.toString();
         if (this.disabled)
             this.host.removeAttribute('tabindex');
         else
-            this.host.tabIndex = __classPrivateFieldGet$7(this, _StandaloneLink_savedTabIndex, "f");
+            this.host.tabIndex = __classPrivateFieldGet$9(this, _StandaloneLink_savedTabIndex, "f");
     }
     tabindexChanged(newValue) {
         const parsedValue = Number.parseInt(newValue, 10);
@@ -10646,11 +10756,11 @@ class StandaloneLink {
         if (this.disabled)
             this.host.removeAttribute('tabindex');
         else
-            this.host.tabIndex = __classPrivateFieldGet$7(this, _StandaloneLink_savedTabIndex, "f");
+            this.host.tabIndex = __classPrivateFieldGet$9(this, _StandaloneLink_savedTabIndex, "f");
     }
     hrefTargetChanged() {
         this.linkIcon = determineLinkIcon(this.target, this.rel);
-        __classPrivateFieldGet$7(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
+        __classPrivateFieldGet$9(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
     }
     componentWillLoad() {
         this.internals.role = 'link';
@@ -10659,14 +10769,14 @@ class StandaloneLink {
         this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
     }
     componentDidLoad() {
-        __classPrivateFieldGet$7(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
+        __classPrivateFieldGet$9(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
     }
     render() {
-        return (hAsync("a", { key: '91c07ea8152387f46020e1431858cd35bd126ced', "aria-hidden": "true", class: {
+        return (hAsync("a", { key: '0e70d2f7b1d663435904b2f1fcc718b39946020d', "aria-hidden": "true", class: {
                 'qds-standalone-link': true,
                 'qds-disabled': this.disabled,
                 'qds-visitable': this.visitable,
-            }, "data-importance": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedImportance_get), "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$7(this, _StandaloneLink_onBlur, "f"), onFocus: __classPrivateFieldGet$7(this, _StandaloneLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet$7(this, _StandaloneLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (hAsync("span", { key: '11ef79b0704c1be48b7c96bf67d5395324a4da78', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: 'b13b23fb3cade4a2419435e1ee9199929e38caa7', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: this.iconLibrary, name: this.iconName }))), hAsync("span", { key: '14dc1bd1fb86f9e910df3a752b5b21e9d6a32614', class: "qds-text" }, hAsync("slot", { key: '3bec7502fd6a1d8ac80bce195e0aae082fbd6071', onSlotchange: __classPrivateFieldGet$7(this, _StandaloneLink_onSlotchange, "f") })), this.linkIcon && (hAsync("span", { key: '2baed1edfde4437a36acd524ddcc80eff6ed3d6a', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: 'd4998672b43c3a94762823d0d0f7439df632b344', "aria-hidden": "true", class: "qds-icon", library: "core", "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), name: this.linkIcon }))), this.importance === 'emphasized' && (hAsync("span", { key: '20e1eccfa5db5faf5f704d9297502d908f5dd105', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '82461b636037dd9bf41246a4d666ea9f6c17765a', class: "qds-icon", "aria-hidden": "true", "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: "core", name: "next" })))));
+            }, "data-importance": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedImportance_get), "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$9(this, _StandaloneLink_onBlur, "f"), onFocus: __classPrivateFieldGet$9(this, _StandaloneLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet$9(this, _StandaloneLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (hAsync("span", { key: '952fb52d3129a1bd7e1bb901af8673439f434a1b', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '9fc0f2d475b165e890546f6faad7d9e90ca31df9', class: "qds-icon", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: this.iconLibrary, name: this.iconName }))), hAsync("span", { key: '0213f2cf7a42d5ca9ba4b8083a26966c49bd6eb3', class: "qds-text" }, hAsync("slot", { key: 'f54a7b1f67e7114fa2eac1bd787c7b604c937630', onSlotchange: __classPrivateFieldGet$9(this, _StandaloneLink_onSlotchange, "f") })), this.linkIcon && (hAsync("span", { key: 'eca6d9db29c904ff24ef63672f448ea9bf69e803', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: 'e2610d31880ed6fe83d59c06c437014a54284b26', class: "qds-icon", library: "core", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), name: this.linkIcon }))), this.importance === 'emphasized' && (hAsync("span", { key: 'a242b2eabb9f7d1c2db2e2e531151e91c32d651e', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '88dc23ac40898d3adfe236dad9fe44136db5efb3', class: "qds-icon", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: "core", name: "next" })))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -10729,7 +10839,7 @@ const switchCss = ":host([hidden]){display:none!important}:host{display:inline-b
 // SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
 // SPDX-License-Identifier: Apache-2.0
-var __classPrivateFieldGet$6 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$8 = (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))
@@ -10843,12 +10953,12 @@ class Switch {
         };
     }
     onClick(event) {
-        if (__classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedDisabled_get)) {
+        if (__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get)) {
             event.stopImmediatePropagation();
             return;
         }
         event.preventDefault();
-        this.checked = !__classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedChecked_get);
+        this.checked = !__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get);
         this.changeEmitter.emit();
     }
     onBlur(event) {
@@ -10867,12 +10977,12 @@ class Switch {
             this.host.click();
     }
     checkedChanged() {
-        __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
-        this.internals.ariaChecked = __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedChecked_get).toString();
+        __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
+        this.internals.ariaChecked = __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get).toString();
     }
     disabledChanged() {
-        __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
-        this.internals.ariaDisabled = __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedDisabled_get).toString();
+        __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
+        this.internals.ariaDisabled = __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get).toString();
     }
     tabindexChanged(newValue) {
         if (newValue !== null) {
@@ -10881,33 +10991,33 @@ class Switch {
                 ? 0
                 : parsedValue, "f");
         }
-        if (__classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedDisabled_get))
+        if (__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get))
             this.host.removeAttribute('tabindex');
         else
-            this.host.tabIndex = __classPrivateFieldGet$6(this, _Switch_savedTabIndex, "f");
+            this.host.tabIndex = __classPrivateFieldGet$8(this, _Switch_savedTabIndex, "f");
     }
     valueChanged() {
-        __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
+        __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
     }
     componentWillLoad() {
         this.internals.role = 'switch';
         this.checkedChanged();
         this.disabledChanged();
-        __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'form', () => this.internals.form);
-        __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'labels', () => this.internals.labels);
-        __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
-        __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'validity', () => this.internals.validity);
-        __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
+        __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'form', () => this.internals.form);
+        __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'labels', () => this.internals.labels);
+        __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
+        __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'validity', () => this.internals.validity);
+        __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
         this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
     }
     render() {
-        return (hAsync("div", { key: '069ad2361ec53753dea236d5385289bc5cf7c43b', class: {
+        return (hAsync("div", { key: 'a994ca43fd0e0622278739d7e69b2091ae712b56', class: {
                 'qds-container': true,
-                'qds-disabled': __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedDisabled_get),
+                'qds-disabled': __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get),
                 'qds-inline': this.inline,
-            }, "data-size": __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedSize_get), "aria-hidden": "true" }, hAsync("input", { key: 'edd519f0ca4bc0a5a9df50602d29822ac373bdc2', "aria-hidden": "true",
+            }, "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get), "aria-hidden": "true" }, hAsync("input", { key: '4ad47ff4666f963608114fa23dfcdbea21768716', "aria-hidden": "true",
             // eslint-disable-next-line jsx-a11y/no-autofocus
-            autoFocus: this.host.autofocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, type: "checkbox", value: this.value ?? undefined, tabIndex: -1 }), hAsync("div", { key: '5fe5cfe0155f73a9c50781e5f709b379518f68e1', class: "qds-track", "data-size": __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedSize_get) }, !this.noIndicator && __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedChecked_get) && (hAsync("div", { key: '03f01573be5637a269dd05d08f438a51d0a04222', class: "qds-indicator", "data-size": __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("qds-icon", { key: 'd31bbb6ae64160b68ad1cab4a4ab002c8083c7f5', class: "qds-icon", name: "toggle-on", library: "core" }))), hAsync("div", { key: '3b94ef4a388da271cc3e17c9f4e7887e5753ded4', class: "qds-knob-container" }, hAsync("div", { key: 'd0c1cff71474d8b33d757db4cd37bb4ea7d20d40', class: "qds-knob", "data-size": __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedSize_get) })), !this.noIndicator && !__classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedChecked_get) && (hAsync("div", { key: '9b999c6042687f8d7e1c0d5046419131cf287b84', class: "qds-indicator", "data-size": __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("qds-icon", { key: '8a47477f273f44e52f26184cf2d19fb0041ec775', class: "qds-icon", name: "toggle-off", library: "core" }))))));
+            autoFocus: this.host.autofocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, type: "checkbox", value: this.value ?? undefined, tabIndex: -1 }), hAsync("div", { key: '62ffdca674fecb443977b8a077f67e74b5be561c', class: "qds-track", "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get) }, !this.noIndicator && __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get) && (hAsync("div", { key: '35ace9f745581aa451ddf0618fdae0759cec0a0c', class: "qds-indicator", "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("qds-icon", { key: '5c59c47b9a95721441956169344ed8aa7049a049', class: "qds-icon", name: "toggle-on", library: "core" }))), hAsync("div", { key: '193c882652ace39275e13858d7a73e9993271b52', class: "qds-knob-container" }, hAsync("div", { key: 'e0a80c43ed774d3e2a89a9b437f1b3ec0e647937', class: "qds-knob", "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get) })), !this.noIndicator && !__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get) && (hAsync("div", { key: '14f8db236430628094cfd58dd794de83f559cd88', class: "qds-indicator", "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("qds-icon", { key: 'c180a31164968b92edac3a9b48d53dbf7cf1cf75', class: "qds-icon", name: "toggle-off", library: "core" }))))));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }
@@ -10962,18 +11072,18 @@ _Switch_savedTabIndex = new WeakMap(), _Switch_instances = new WeakSet(), _Switc
 }, _Switch_defineGetter = function _Switch_defineGetter(p, get) {
     Object.defineProperty(this.host, p, { enumerable: true, get });
 }, _Switch_updateFormValue = function _Switch_updateFormValue() {
-    this.internals.setFormValue(__classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedChecked_get) && !__classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedDisabled_get)
-        ? __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedValue_get)
+    this.internals.setFormValue(__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get) && !__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get)
+        ? __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedValue_get)
         : // eslint-disable-next-line unicorn/no-null
             null);
 };
 
-const tabCss = ":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-target-icon{color:var(--qds-theme-control-text-standard)}.qds-icon,.qds-target-icon{flex-shrink:0}.qds-chevron{transform:rotate(180deg)}.qds-selected:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-selected:active{background-color:var(--qds-theme-interactive-background-selected-pressed)}.qds-closable-tab,.qds-closable-wrapper,.qds-tab,.qds-texts{display:flex}.qds-texts{flex:1 0;flex-direction:column}.qds-icon,.qds-text{color:var(--qds-theme-title)}.qds-subtitle{color:var(--qds-theme-subtitle);font:var(--qds-nav-element-standard-subtitle)}.qds-closable-wrapper[data-size=small],.qds-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal);min-height:var(--qds-nav-element-small-height);padding-inline:var(--qds-nav-element-small-padding-horizontal)}.qds-closable-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal)}[data-size=small]>.qds-icon{height:var(--qds-nav-element-small-icon-size);width:var(--qds-nav-element-small-icon-size)}[data-size=small]>.qds-texts{gap:var(--qds-nav-element-small-titles-gap)}[data-size=small] .qds-text{font:var(--qds-nav-element-small-title)}[data-size=small] .qds-subtitle{font:var(--qds-nav-element-small-subtitle)}.qds-target-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-closable-wrapper[data-size=standard],.qds-tab[data-size=standard]{gap:var(--qds-nav-element-standard-gap-internal);min-height:var(--qds-nav-element-standard-height);padding-inline:var(--qds-nav-element-standard-padding-horizontal)}.qds-closable-tab[data-size=standard]{gap:var(--qds-nav-element-standard-gap-internal)}[data-size=standard]>.qds-icon{height:var(--qds-nav-element-standard-icon-size);width:var(--qds-nav-element-standard-icon-size)}[data-size=standard]>.qds-texts{gap:var(--qds-nav-element-standard-titles-gap)}[data-size=standard] .qds-text{font:var(--qds-nav-element-standard-title)}[data-size=standard] .qds-subtitle{font:var(--qds-nav-element-standard-subtitle)}.qds-target-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-closable-wrapper[data-size=large],.qds-tab[data-size=large]{gap:var(--qds-nav-element-large-gap-internal);min-height:var(--qds-nav-element-large-height);padding-inline:var(--qds-nav-element-large-padding-horizontal)}.qds-closable-tab[data-size=large]{gap:var(--qds-nav-element-large-gap-internal)}[data-size=large]>.qds-icon{height:var(--qds-nav-element-large-icon-size);width:var(--qds-nav-element-large-icon-size)}[data-size=large]>.qds-texts{gap:var(--qds-nav-element-large-titles-gap)}[data-size=large] .qds-text{font:var(--qds-nav-element-large-title)}[data-size=large] .qds-subtext{font:var(--qds-nav-element-large-subtitle)}.qds-target-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{border-radius:var(--qds-signature-line-connection-cap-radius);content:\"\";display:block;position:absolute}.qds-indicator-inline-end:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after,.qds-indicator-inline-start:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{height:100%;width:var(--qds-signature-line-connection-width)}.qds-indicator-inline-end:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{inset-inline-end:0}.qds-indicator-inline-start:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{inset-inline-start:0}.qds-indicator-block-end:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after,.qds-indicator-block-start:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{height:var(--qds-signature-line-connection-width);width:100%}.qds-indicator-block-end:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{bottom:0}.qds-indicator-block-start:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{top:0}.qds-selected[data-importance=standard][data-size=standard] .qds-text,.qds-selected[data-importance=subdued][data-size=standard] .qds-text{font:var(--qds-nav-element-standard-title-emphasized)}.qds-selected[data-importance=standard][data-size=small] .qds-text,.qds-selected[data-importance=subdued][data-size=small] .qds-text{font:var(--qds-nav-element-small-title-emphasized)}.qds-selected[data-importance=standard][data-size=large] .qds-text,.qds-selected[data-importance=subdued][data-size=large] .qds-text{font:var(--qds-nav-element-large-title-emphasized)}[data-importance=standard] .qds-selected .qds-icon{color:var(--qds-theme-title)}[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)}.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-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-closable-tab{width:100%}.qds-closable-tab:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width)}.qds-closable-tab,.qds-closable-wrapper,.qds-tab{align-items:center;justify-content:center}.qds-closable-tab,.qds-tab{background-color:initial;border:none;cursor:pointer;text-align:initial}.qds-closable-tab:any-link,.qds-tab:any-link{-webkit-text-decoration:none;text-decoration:none}.qds-closable-wrapper,.qds-tab{position:relative}.qds-closable-wrapper:not(.qds-selected):hover,.qds-tab:not(.qds-selected):hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-closable-wrapper:not(.qds-selected):active,.qds-tab:not(.qds-selected):active{background-color:var(--qds-theme-interactive-background-pressed)}";
+const tabCss = ":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-target-icon{color:var(--qds-theme-control-text-standard)}.qds-icon,.qds-target-icon{flex-shrink:0}.qds-chevron{transform:rotate(180deg)}.qds-selected:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-selected:active{background-color:var(--qds-theme-interactive-background-selected-pressed)}.qds-closable-tab,.qds-closable-wrapper,.qds-tab,.qds-texts{display:flex}.qds-texts{flex:1 0;flex-direction:column}.qds-icon,.qds-text{color:var(--qds-theme-title)}.qds-subtitle{color:var(--qds-theme-subtitle);font:var(--qds-nav-element-standard-subtitle)}.qds-closable-wrapper[data-size=small],.qds-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal);min-height:var(--qds-nav-element-small-height);padding-inline:var(--qds-nav-element-small-padding-horizontal)}.qds-closable-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal)}[data-size=small]>.qds-icon{height:var(--qds-nav-element-small-icon-size);width:var(--qds-nav-element-small-icon-size)}[data-size=small]>.qds-texts{gap:var(--qds-nav-element-small-titles-gap)}[data-size=small] .qds-text{font:var(--qds-nav-element-small-title)}[data-size=small] .qds-subtitle{font:var(--qds-nav-element-small-subtitle)}.qds-target-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-closable-wrapper[data-size=standard],.qds-tab[data-size=standard]{gap:var(--qds-nav-element-standard-gap-internal);min-height:var(--qds-nav-element-standard-height);padding-inline:var(--qds-nav-element-standard-padding-horizontal)}.qds-closable-tab[data-size=standard]{gap:var(--qds-nav-element-standard-gap-internal)}[data-size=standard]>.qds-icon{height:var(--qds-nav-element-standard-icon-size);width:var(--qds-nav-element-standard-icon-size)}[data-size=standard]>.qds-texts{gap:var(--qds-nav-element-standard-titles-gap)}[data-size=standard] .qds-text{font:var(--qds-nav-element-standard-title)}[data-size=standard] .qds-subtitle{font:var(--qds-nav-element-standard-subtitle)}.qds-target-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-closable-wrapper[data-size=large],.qds-tab[data-size=large]{gap:var(--qds-nav-element-large-gap-internal);min-height:var(--qds-nav-element-large-height);padding-inline:var(--qds-nav-element-large-padding-horizontal)}.qds-closable-tab[data-size=large]{gap:var(--qds-nav-element-large-gap-internal)}[data-size=large]>.qds-icon{height:var(--qds-nav-element-large-icon-size);width:var(--qds-nav-element-large-icon-size)}[data-size=large]>.qds-texts{gap:var(--qds-nav-element-large-titles-gap)}[data-size=large] .qds-text{font:var(--qds-nav-element-large-title)}[data-size=large] .qds-subtext{font:var(--qds-nav-element-large-subtitle)}.qds-target-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-importance=standard] .qds-selected .qds-icon{color:var(--qds-theme-title)}.qds-selected[data-importance=standard]:after{background-color:var(--qds-theme-signature-color-default)}.qds-selected[data-importance=subdued]:after{background-color:var(\n        --qds-theme-nav-element-selection-indicator-background-subdued\n      )}.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}.qds-selected[data-importance=standard][data-size=standard] .qds-text,.qds-selected[data-importance=subdued][data-size=standard] .qds-text{font:var(--qds-nav-element-standard-title-emphasized)}.qds-selected[data-importance=standard][data-size=small] .qds-text,.qds-selected[data-importance=subdued][data-size=small] .qds-text{font:var(--qds-nav-element-small-title-emphasized)}.qds-selected[data-importance=standard][data-size=large] .qds-text,.qds-selected[data-importance=subdued][data-size=large] .qds-text{font:var(--qds-nav-element-large-title-emphasized)}.qds-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-closable-tab{width:100%}.qds-closable-tab:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width)}.qds-closable-tab,.qds-closable-wrapper,.qds-tab{align-items:center;justify-content:center}.qds-closable-tab,.qds-tab{background-color:initial;border:none;cursor:pointer;text-align:initial}.qds-closable-tab:any-link,.qds-tab:any-link{-webkit-text-decoration:none;text-decoration:none}.qds-closable-wrapper,.qds-tab{position:relative}.qds-closable-wrapper:not(.qds-selected):hover,.qds-tab:not(.qds-selected):hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-closable-wrapper:not(.qds-selected):active,.qds-tab:not(.qds-selected):active{background-color:var(--qds-theme-interactive-background-pressed)}";
 
 // SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
 // SPDX-License-Identifier: Apache-2.0
-var __classPrivateFieldGet$5 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$7 = (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))
@@ -10989,7 +11099,7 @@ var __classPrivateFieldSet$4 = (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 _Tab_instances, _Tab_panel, _Tab_tab, _Tab_computedAction_get, _Tab_computedSize_get, _Tab_computedImportance_get, _Tab_parentLayer_get, _Tab_parentLevel_get, _Tab_ariaLabel_get, _Tab_computedDisabled_get, _Tab_computeCloseButtonTabIndex_get, _Tab_renderText, _Tab_tabRef, _Tab_close, _Tab_onIconClick, _Tab_onBlur, _Tab_onFocus, _Tab_defineTab, _Tab_defineGetter;
+var _Tab_instances, _Tab_panel, _Tab_tab, _Tab_computedAction_get, _Tab_computedSize_get, _Tab_computedImportance_get, _Tab_parentImportance_get, _Tab_parentSize_get, _Tab_parentLayer_get, _Tab_parentLevel_get, _Tab_ariaLabel_get, _Tab_computedDisabled_get, _Tab_computeCloseButtonTabIndex_get, _Tab_renderText, _Tab_tabRef, _Tab_close, _Tab_onIconClick, _Tab_onBlur, _Tab_onFocus, _Tab_defineTab, _Tab_defineGetter;
 const isCounter = (value) => typeof value === 'string'
     ? !Number.isNaN(Number.parseFloat(value))
     : typeof value === 'number';
@@ -11035,7 +11145,7 @@ class Tab {
         /**
          * The tab's indicator position.
          */
-        this.indicatorPosition = 'block-end';
+        this.indicatorPosition = 'block-start';
         /**
          * The name of a registered icon library.
          */
@@ -11071,7 +11181,7 @@ class Tab {
         });
         _Tab_onIconClick.set(this, (event) => {
             event.stopPropagation();
-            __classPrivateFieldGet$5(this, _Tab_close, "f").call(this);
+            __classPrivateFieldGet$7(this, _Tab_close, "f").call(this);
         });
         _Tab_onBlur.set(this, (event) => {
             this.blurEmitter.emit(pickFocusEventAttributes(event));
@@ -11080,12 +11190,12 @@ class Tab {
             this.focusEmitter.emit(pickFocusEventAttributes(event));
         });
         _Tab_defineTab.set(this, () => {
-            if (__classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable') {
-                __classPrivateFieldGet$5(this, _Tab_instances, "m", _Tab_defineGetter).call(this, 'tab', () => __classPrivateFieldGet$5(this, _Tab_tab, "f"));
+            if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable') {
+                __classPrivateFieldGet$7(this, _Tab_instances, "m", _Tab_defineGetter).call(this, 'tab', () => __classPrivateFieldGet$7(this, _Tab_tab, "f"));
             }
             else {
                 this.internals.role = 'tab';
-                __classPrivateFieldGet$5(this, _Tab_instances, "m", _Tab_defineGetter).call(this, 'tab', () => this.host);
+                __classPrivateFieldGet$7(this, _Tab_instances, "m", _Tab_defineGetter).call(this, 'tab', () => this.host);
             }
         });
     }
@@ -11097,15 +11207,15 @@ class Tab {
         __classPrivateFieldSet$4(this, _Tab_panel, panel, "f");
         const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
         if (tab)
-            tab.setAttribute('aria-controls', __classPrivateFieldGet$5(this, _Tab_panel, "f").id);
-        if (__classPrivateFieldGet$5(this, _Tab_panel, "f").role === null)
-            __classPrivateFieldGet$5(this, _Tab_panel, "f").role = 'tabpanel';
-        if (__classPrivateFieldGet$5(this, _Tab_panel, "f").getAttribute('aria-labelledby') === null)
-            __classPrivateFieldGet$5(this, _Tab_panel, "f").setAttribute('aria-labelledby', this.host.id);
-        __classPrivateFieldGet$5(this, _Tab_panel, "f").setAttribute('tabindex', __classPrivateFieldGet$5(this, _Tab_panel, "f").getAttribute('tabindex') ?? '0');
+            tab.setAttribute('aria-controls', __classPrivateFieldGet$7(this, _Tab_panel, "f").id);
+        if (__classPrivateFieldGet$7(this, _Tab_panel, "f").role === null)
+            __classPrivateFieldGet$7(this, _Tab_panel, "f").role = 'tabpanel';
+        if (__classPrivateFieldGet$7(this, _Tab_panel, "f").getAttribute('aria-labelledby') === null)
+            __classPrivateFieldGet$7(this, _Tab_panel, "f").setAttribute('aria-labelledby', this.host.id);
+        __classPrivateFieldGet$7(this, _Tab_panel, "f").setAttribute('tabindex', __classPrivateFieldGet$7(this, _Tab_panel, "f").getAttribute('tabindex') ?? '0');
     }
     onClick(event) {
-        if (__classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedDisabled_get))
+        if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get))
             event.stopImmediatePropagation();
     }
     tabindexChanged(newValue) {
@@ -11114,61 +11224,58 @@ class Tab {
             parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
     }
     actionChanged() {
-        __classPrivateFieldGet$5(this, _Tab_defineTab, "f").call(this);
+        __classPrivateFieldGet$7(this, _Tab_defineTab, "f").call(this);
     }
     componentWillLoad() {
         var _a;
         this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
         (_a = this.host).id || (_a.id = `qds-tab-${autoIncrementingId$1}`);
         autoIncrementingId$1 += 1;
-        __classPrivateFieldGet$5(this, _Tab_defineTab, "f").call(this);
+        __classPrivateFieldGet$7(this, _Tab_defineTab, "f").call(this);
     }
     componentWillRender() {
-        const isPanelRoot = __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_parentLayer_get) === 'panel' && __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_parentLevel_get) === 'root';
-        const isMainSubsection = __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_parentLayer_get) === 'main' && __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_parentLevel_get) === 'subsection';
+        const isPanelRoot = __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentLayer_get) === 'panel' && __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentLevel_get) === 'root';
+        const isMainSubsection = __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentLayer_get) === 'main' && __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentLevel_get) === 'subsection';
         this.isIndicatorOnTop = isPanelRoot || isMainSubsection;
     }
     componentDidLoad() {
         this.panelChanged();
     }
     disconnectedCallback() {
-        if (!__classPrivateFieldGet$5(this, _Tab_panel, "f"))
+        if (!__classPrivateFieldGet$7(this, _Tab_panel, "f"))
             return;
         const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
         if (tab)
             tab.removeAttribute('aria-controls');
-        if (__classPrivateFieldGet$5(this, _Tab_panel, "f").role === 'tabpanel')
+        if (__classPrivateFieldGet$7(this, _Tab_panel, "f").role === 'tabpanel')
             // eslint-disable-next-line unicorn/no-null
-            __classPrivateFieldGet$5(this, _Tab_panel, "f").role = null;
-        if (__classPrivateFieldGet$5(this, _Tab_panel, "f").getAttribute('aria-labelledby') === this.host.id)
-            __classPrivateFieldGet$5(this, _Tab_panel, "f").removeAttribute('aria-labelledby');
-        __classPrivateFieldGet$5(this, _Tab_panel, "f").removeAttribute('tabindex');
+            __classPrivateFieldGet$7(this, _Tab_panel, "f").role = null;
+        if (__classPrivateFieldGet$7(this, _Tab_panel, "f").getAttribute('aria-labelledby') === this.host.id)
+            __classPrivateFieldGet$7(this, _Tab_panel, "f").removeAttribute('aria-labelledby');
+        __classPrivateFieldGet$7(this, _Tab_panel, "f").removeAttribute('tabindex');
     }
     render() {
-        const isLink = this.href !== undefined && __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === undefined;
-        const indicatorPosition = this.isIndicatorOnTop
-            ? 'block-start'
-            : this.indicatorPosition;
+        const isLink = this.href !== undefined && __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === undefined;
         const Tag = isLink
             ? 'a'
-            : __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable'
+            : __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable'
                 ? 'button'
                 : 'div';
-        return (hAsync("div", { key: 'a7e5f460e6bbcc0b16addb8390bd017d7f55c072', "aria-disabled": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, class: {
-                'qds-closable-wrapper': __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
+        return (hAsync("div", { key: '5315497861332b523d44189a04238cee49ccff3a', "aria-disabled": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, class: {
+                'qds-closable-wrapper': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
                 'qds-selected': this.selected,
-                [`qds-indicator-${indicatorPosition}`]: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
-            }, "data-size": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), "data-importance": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedImportance_get) }, hAsync(Tag, { key: '8f8acf408e6343208a8140bc67084898e14d3479', ref: __classPrivateFieldGet$5(this, _Tab_tabRef, "f"), "aria-disabled": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, disabled: isLink ? undefined : this.disabled, onBlur: __classPrivateFieldGet$5(this, _Tab_onBlur, "f"), onFocus: __classPrivateFieldGet$5(this, _Tab_onFocus, "f"), class: {
-                'qds-tab': __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
-                'qds-closable-tab': __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
+                [`qds-indicator-${this.indicatorPosition}`]: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
+            }, "data-size": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), "data-importance": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedImportance_get) }, hAsync(Tag, { key: '5d0ffe78945e31f890fd8bb382a2e2c70380c2e8', ref: __classPrivateFieldGet$7(this, _Tab_tabRef, "f"), "aria-disabled": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, disabled: isLink ? undefined : this.disabled, onBlur: __classPrivateFieldGet$7(this, _Tab_onBlur, "f"), onFocus: __classPrivateFieldGet$7(this, _Tab_onFocus, "f"), class: {
+                'qds-tab': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
+                'qds-closable-tab': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
                 'qds-selected': this.selected,
-                [`qds-indicator-${this.indicatorPosition}`]: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
-            }, role: !isLink && __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'expandable' ? 'tab' : undefined, "aria-current": isLink && this.selected ? 'true' : undefined, "aria-expanded": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable' && !isLink
+                [`qds-indicator-${this.indicatorPosition}`]: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
+            }, role: !isLink && __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'expandable' ? 'tab' : undefined, "aria-current": isLink && this.selected ? 'true' : undefined, "aria-expanded": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable' && !isLink
                 ? this.selected
                     ? 'true'
                     : 'false'
-                : undefined, "data-importance": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedImportance_get), "data-action": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get), "data-size": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), href: isLink ? this.href : undefined }, ((this.tagText !== undefined && this.tagText !== '') ||
-            (this.tagIconName !== undefined && this.tagIconName !== '')) && (hAsync("qds-tag", { key: 'a69e2c407bedc1f3d710f3cbd2789eba292cc9c9', text: this.tagText, status: this.tagStatus, size: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), importance: this.tagImportance, "icon-library": this.tagIconLibrary, "icon-name": this.tagIconName, "icon-description": this.tagIconDescription })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '12d6f3003c346f26c908b5b6f48ab1308593409f', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName })), this.text && __classPrivateFieldGet$5(this, _Tab_instances, "m", _Tab_renderText).call(this), isIndicator(this.badge) && (hAsync("qds-badge-indicator", { key: 'bf8b256c2b13ff5db116946084c783ed90ba3bb5', status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true })), isCounter(this.badge) && (hAsync("qds-badge-counter", { key: 'a4c44307105e6112e5d4329e7079a6fdd697d19c', description: this.badgeDescription, importance: this.badgeCounterImportance, size: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable' && (hAsync("qds-icon", { key: 'db78b4abbe81932fe0f1cca08b8fd78cb40504dc', "aria-hidden": "true", class: { 'qds-target-icon': true, 'qds-chevron': this.selected }, "data-size": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), library: "core", name: "dropdown" }))), __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable' && (hAsync("qds-mini-button", { key: 'ee5b8a295493a839274523c736a438a299e8b02a', name: "close", library: "core", text: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_ariaLabel_get), "data-size": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), disabled: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedDisabled_get), onClick: __classPrivateFieldGet$5(this, _Tab_onIconClick, "f"), tabIndex: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computeCloseButtonTabIndex_get) }))));
+                : undefined, "data-importance": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedImportance_get), "data-action": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get), "data-size": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), href: isLink ? this.href : undefined }, ((this.tagText !== undefined && this.tagText !== '') ||
+            (this.tagIconName !== undefined && this.tagIconName !== '')) && (hAsync("qds-tag", { key: '3dc70a5b756995e7a8b27e207da5ae69c0f07966', text: this.tagText, status: this.tagStatus, size: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), importance: this.tagImportance, "icon-library": this.tagIconLibrary, "icon-name": this.tagIconName, "icon-description": this.tagIconDescription })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'ec984fdce7855e58b9981c2cbff4a1b6c664bce6', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName })), this.text && __classPrivateFieldGet$7(this, _Tab_instances, "m", _Tab_renderText).call(this), isIndicator(this.badge) && (hAsync("qds-badge-indicator", { key: 'cb6ec00cd85a5858d608f9bfcbb80a6ac8b4767d', status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true })), isCounter(this.badge) && (hAsync("qds-badge-counter", { key: '007e24af5206a2ea0cc6205ab74086e5c9bc8d34', description: this.badgeDescription, importance: this.badgeCounterImportance, size: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable' && (hAsync("qds-icon", { key: '2eacc81e4f8e952365d811e73f9ce1d56a2c1b42', class: { 'qds-target-icon': true, 'qds-chevron': this.selected }, "data-size": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), library: "core", name: "dropdown" }))), __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable' && (hAsync("qds-mini-button", { key: '730c62133c50a8877994910154d75abc8074d2ad', name: "close", library: "core", text: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_ariaLabel_get), "data-size": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), disabled: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get), onClick: __classPrivateFieldGet$7(this, _Tab_onIconClick, "f"), tabIndex: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computeCloseButtonTabIndex_get) }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -11223,6 +11330,8 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
         }
     }
 }, _Tab_computedSize_get = function _Tab_computedSize_get() {
+    if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentSize_get) !== undefined)
+        return __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentSize_get);
     switch (this.size) {
         case 'standard':
         case 'small':
@@ -11234,6 +11343,8 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
         }
     }
 }, _Tab_computedImportance_get = function _Tab_computedImportance_get() {
+    if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentImportance_get) !== undefined)
+        return __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentImportance_get);
     switch (this.importance) {
         case 'subdued':
         case 'standard': {
@@ -11243,6 +11354,10 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
             return 'standard';
         }
     }
+}, _Tab_parentImportance_get = function _Tab_parentImportance_get() {
+    return this.host.closest('qds-tabbar')?.importance ?? undefined;
+}, _Tab_parentSize_get = function _Tab_parentSize_get() {
+    return this.host.closest('qds-tabbar')?.size ?? undefined;
 }, _Tab_parentLayer_get = function _Tab_parentLayer_get() {
     return this.host.closest('qds-tabbar')?.layer ?? 'main';
 }, _Tab_parentLevel_get = function _Tab_parentLevel_get() {
@@ -11253,7 +11368,7 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
     return this.disabled ?? false;
 }, _Tab_computeCloseButtonTabIndex_get = function _Tab_computeCloseButtonTabIndex_get() {
     if (this.selected) {
-        return __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? undefined : this.tabIndex;
+        return __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? undefined : this.tabIndex;
     }
     return -1;
 }, _Tab_renderText = function _Tab_renderText() {
@@ -11262,12 +11377,12 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
     Object.defineProperty(this.host, p, { enumerable: true, get });
 };
 
-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}.qds-vertical{flex-direction:column}.qds-vertical-divider{flex-direction:row}[data-layer=main][data-level=root] .qds-tabs{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}.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)}";
 
 // SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
 // SPDX-License-Identifier: Apache-2.0
-var __classPrivateFieldGet$4 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$6 = (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))
@@ -11283,7 +11398,7 @@ var __classPrivateFieldSet$3 = (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_inheritedAttributes, _Tabbar_computeDividerVisible_get, _Tabbar_scrollToStart, _Tabbar_scrollToEnd, _Tabbar_setActiveTab, _Tabbar_switchTabPanel, _Tabbar_handleTabActivation, _Tabbar_getCurrentTab, _Tabbar_setCurrentTab, _Tabbar_onClick, _Tabbar_onKeyDown, _Tabbar_onMouseDown, _Tabbar_onScroll, _Tabbar_onViewportCrop, _Tabbar_updateTabsCache, _Tabbar_onSlotchange;
+var _Tabbar_instances, _Tabbar_tabs, _Tabbar_ro, _Tabbar_tabbar, _Tabbar_inheritedAttributes, _Tabbar_computedImportance_get, _Tabbar_computedSize_get, _Tabbar_computedPlacement_get, _Tabbar_computeDividerVisible_get, _Tabbar_scrollToStart, _Tabbar_scrollToEnd, _Tabbar_setActiveTab, _Tabbar_switchTabPanel, _Tabbar_handleTabActivation, _Tabbar_getCurrentTab, _Tabbar_setCurrentTab, _Tabbar_isVerticalPlacement, _Tabbar_isHorizontalPlacement, _Tabbar_onClick, _Tabbar_onKeyDown, _Tabbar_onMouseDown, _Tabbar_onScroll, _Tabbar_onViewportCrop, _Tabbar_updateTabsCache, _Tabbar_setTabSettings, _Tabbar_onSlotchange;
 const TAB_SETTINGS = {
     'main-root': {
         importance: 'standard',
@@ -11341,16 +11456,33 @@ class Tabbar {
         _Tabbar_instances.add(this);
         /**
          * The tabbar's layer.
+         *
+         * @deprecated The property layer is deprecated. Please use `size` property instead.
+         * Please do not use `layer` and `size` at the same time.
          */
         this.layer = 'main';
         /**
          * The tabbar's level.
+         *
+         * @deprecated The property level is deprecated. Please use `size` property instead.
+         * Please do not use `level` and `size` at the same time.
          */
         this.level = 'root';
+        /**
+         * The tabbar's size. This controls the size of the tabs within the tabbar.
+         */
+        this.size = 'standard';
         /**
          * The tabbar's orientation.
+         *
+         * @deprecated Please use the `placement` property instead. Do not use
+         * `orientation` and `placement` at the same time.
          */
         this.orientation = 'horizontal';
+        /**
+         * The tabbar's placement.
+         */
+        this.placement = 'top';
         /**
          * Displays a divider line.
          */
@@ -11358,7 +11490,7 @@ class Tabbar {
         /**
          * The alignment of tabs. Only applicable for horizontal orientation.
          */
-        this.alignment = 'left';
+        this.alignment = 'start';
         this.disableEndArrow = false;
         this.disableStartArrow = false;
         _Tabbar_tabs.set(this, []);
@@ -11366,23 +11498,25 @@ class Tabbar {
         _Tabbar_tabbar.set(this, void 0);
         _Tabbar_inheritedAttributes.set(this, {});
         _Tabbar_scrollToStart.set(this, () => {
-            invariant(__classPrivateFieldGet$4(this, _Tabbar_tabbar, "f"));
+            invariant(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
             const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
-            __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").scroll({
+            __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scroll({
                 left: isRTL
-                    ? __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").scrollLeft + __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").clientWidth
-                    : __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").scrollLeft - __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").clientWidth,
+                    ? __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft + __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth
+                    : __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft - __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth,
             });
         });
         _Tabbar_scrollToEnd.set(this, () => {
-            invariant(__classPrivateFieldGet$4(this, _Tabbar_tabbar, "f"));
+            invariant(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
             const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
-            __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").scroll({
+            __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scroll({
                 left: isRTL
-                    ? __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").scrollLeft - __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").clientWidth
-                    : __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").scrollLeft + __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").clientWidth,
+                    ? __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft - __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth
+                    : __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft + __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth,
             });
         });
+        _Tabbar_isVerticalPlacement.set(this, () => this.placement === 'start' || this.placement === 'end');
+        _Tabbar_isHorizontalPlacement.set(this, () => this.placement === 'top' || this.placement === 'bottom');
         _Tabbar_onClick.set(this, (event) => {
             const { target } = event;
             if (!(target instanceof HTMLElement))
@@ -11390,22 +11524,22 @@ class Tabbar {
             const tab = target.closest('qds-tab');
             if (!tab || tab.disabled === true || tab.inert)
                 return;
-            __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, tab);
-            __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, tab);
+            __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, tab);
+            __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, tab);
         });
         _Tabbar_onKeyDown.set(this, (event) => {
-            const isVertical = this.orientation === 'vertical';
+            const isVertical = this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this);
             const MOVE_SELECTION_KEYS = isVertical
                 ? VERTICAL_MOVE_KEYS
                 : HORIZONTAL_MOVE_KEYS;
             if (!MOVE_SELECTION_KEYS.has(event.key))
                 return;
-            const tabs = __classPrivateFieldGet$4(this, _Tabbar_tabs, "f");
+            const tabs = __classPrivateFieldGet$6(this, _Tabbar_tabs, "f");
             if (tabs.length === 0)
                 return;
             event.preventDefault();
             event.stopPropagation();
-            const activeTab = __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_getCurrentTab).call(this);
+            const activeTab = __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_getCurrentTab).call(this);
             let index = activeTab ? tabs.indexOf(activeTab) : 0;
             const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
             let nextTab;
@@ -11440,23 +11574,23 @@ class Tabbar {
                 }
                 nextTab = tabs[index];
             } while (nextTab.disabled === true);
-            __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, nextTab);
+            __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, nextTab);
             const target = nextTab.tab;
             target.focus({ preventScroll: true });
             if (!isVertical)
                 target.scrollIntoView();
-            __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, nextTab);
-            __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, nextTab);
+            __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, nextTab);
+            __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, nextTab);
         });
         _Tabbar_onMouseDown.set(this, (event) => {
             const { target } = event;
             if (isEnabledTabItem(target))
-                __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, target);
+                __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, target);
         });
         _Tabbar_onScroll.set(this, () => {
-            if (!__classPrivateFieldGet$4(this, _Tabbar_tabbar, "f"))
+            if (!__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"))
                 return;
-            const { clientWidth, scrollWidth, scrollLeft } = __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f");
+            const { clientWidth, scrollWidth, scrollLeft } = __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f");
             const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
             this.disableStartArrow = scrollLeft === 0;
             this.disableEndArrow = isRTL
@@ -11464,80 +11598,81 @@ class Tabbar {
                 : scrollWidth - clientWidth - scrollLeft <= 1;
         });
         _Tabbar_onViewportCrop.set(this, () => {
-            if (!__classPrivateFieldGet$4(this, _Tabbar_tabbar, "f"))
+            if (!__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"))
                 return;
-            const { scrollWidth, clientWidth } = __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f");
+            const { scrollWidth, clientWidth } = __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f");
             if (scrollWidth > clientWidth) {
-                __classPrivateFieldGet$4(this, _Tabbar_onScroll, "f").call(this);
+                __classPrivateFieldGet$6(this, _Tabbar_onScroll, "f").call(this);
             }
         });
         _Tabbar_onSlotchange.set(this, () => {
-            __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_updateTabsCache).call(this);
-            if (__classPrivateFieldGet$4(this, _Tabbar_tabs, "f").length > 0)
-                __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, __classPrivateFieldGet$4(this, _Tabbar_tabs, "f")[0]);
+            __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_updateTabsCache).call(this);
+            if (__classPrivateFieldGet$6(this, _Tabbar_tabs, "f").length > 0)
+                __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, __classPrivateFieldGet$6(this, _Tabbar_tabs, "f")[0]);
         });
     }
+    settingChanged() {
+        __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setTabSettings).call(this);
+    }
     windowResize() {
-        __classPrivateFieldGet$4(this, _Tabbar_onViewportCrop, "f").call(this);
+        __classPrivateFieldGet$6(this, _Tabbar_onViewportCrop, "f").call(this);
     }
     componentWillLoad() {
+        this.settingChanged();
         __classPrivateFieldSet$3(this, _Tabbar_inheritedAttributes, inheritAriaAttributes(this.host), "f");
         const tabs = [
             ...this.host.querySelectorAll('qds-tab'),
         ];
         const preselectedTab = tabs.find((tab) => tab.selected);
         if (preselectedTab)
-            __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, preselectedTab);
+            __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, preselectedTab);
         else if (tabs.length > 0)
-            __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, tabs[0]);
+            __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, tabs[0]);
     }
     componentDidRender() {
         if (this.activeTab)
-            __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, this.activeTab);
-        const settings = TAB_SETTINGS[`${this.layer}-${this.level}`];
-        if (!settings)
-            return;
-        for (const tab of this.host.querySelectorAll('qds-tab')) {
-            /* eslint-disable @typescript-eslint/no-unsafe-member-access */
-            tab.importance = settings.importance;
-            tab.size = settings.size;
-            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-            tab.indicatorPosition =
-                this.orientation === 'vertical' ? 'inline-end' : tab.indicatorPosition;
-            /* eslint-enable @typescript-eslint/no-unsafe-member-access */
-        }
+            __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, this.activeTab);
+        this.settingChanged();
     }
     componentDidLoad() {
-        invariant(__classPrivateFieldGet$4(this, _Tabbar_tabbar, "f"));
-        __classPrivateFieldSet$3(this, _Tabbar_ro, new ResizeObserver(__classPrivateFieldGet$4(this, _Tabbar_onScroll, "f")), "f");
-        __classPrivateFieldGet$4(this, _Tabbar_ro, "f").observe(__classPrivateFieldGet$4(this, _Tabbar_tabbar, "f"));
+        invariant(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
+        __classPrivateFieldSet$3(this, _Tabbar_ro, new ResizeObserver(__classPrivateFieldGet$6(this, _Tabbar_onScroll, "f")), "f");
+        __classPrivateFieldGet$6(this, _Tabbar_ro, "f").observe(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
     }
     disconnectedCallback() {
-        if (__classPrivateFieldGet$4(this, _Tabbar_ro, "f"))
-            __classPrivateFieldGet$4(this, _Tabbar_ro, "f").disconnect();
+        if (__classPrivateFieldGet$6(this, _Tabbar_ro, "f"))
+            __classPrivateFieldGet$6(this, _Tabbar_ro, "f").disconnect();
     }
     render() {
-        return (hAsync("div", { key: '08a0002721156b63a913af400939ecdd5e643cef', class: { 'qds-vertical-divider': this.orientation === 'vertical' }, "data-layer": this.layer, "data-level": this.level }, hAsync("div", { key: 'ca559923b24ca9cecaf4622955249a330adaeba7', class: "qds-tabbar" }, hAsync("div", { key: '987181efde486ffa9dde605d5ba10cd3b3aadbfb', class: {
+        return (hAsync("div", { key: '47ac9cd0bc096758c6c2797393010c0a9693fa88', class: {
+                'qds-vertical-divider': this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
+            }, "data-layer": this.layer, "data-level": this.level, "data-importance": __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedImportance_get) }, hAsync("div", { key: '2421469125db014dfa6be6012daaf06a354e1466', class: "qds-tabbar" }, hAsync("div", { key: '1def1f43dc9ecc8680634fa2d5f330c803c82054', class: {
                 'qds-align-center': true,
                 'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
-                    this.orientation === 'vertical',
-            } }, hAsync("qds-icon-button", { key: '37088e335fe0feb772dedd1886f16f191d7fcdc3', text: "show previous tab", importance: "subdued", iconName: "next", iconLibrary: "core", class: "qds-arrow-start", onClick: __classPrivateFieldGet$4(this, _Tabbar_scrollToStart, "f"), disabled: this.disableStartArrow })), hAsync("ul", { key: '5ad39c11264831dd50cbca718cb824a0e5097ffc', class: {
+                    this.orientation === 'vertical' ||
+                    __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
+            } }, hAsync("qds-icon-button", { key: '539fe2ec4cd5a91cf1a35ead239eebd2eda981e4', text: "show previous tab", importance: "subdued", iconName: "next", iconLibrary: "core", class: "qds-arrow-start", onClick: __classPrivateFieldGet$6(this, _Tabbar_scrollToStart, "f"), disabled: this.disableStartArrow })), hAsync("ul", { key: '05ff03b99f92f9e85f4703dcc6eca96220d6e1ee', class: {
                 'qds-tabs': true,
-                'qds-vertical': this.orientation === 'vertical',
-                'qds-centered': this.alignment === 'centered' &&
-                    this.orientation === 'horizontal' &&
+                'qds-vertical': this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
+                'qds-centered': this.alignment === 'center' &&
+                    (this.orientation === 'horizontal' ||
+                        __classPrivateFieldGet$6(this, _Tabbar_isHorizontalPlacement, "f").call(this)) &&
                     this.disableEndArrow &&
                     this.disableStartArrow,
             }, role: "tablist", "aria-label": this.tablistDescription, ref: (element) => {
                 __classPrivateFieldSet$3(this, _Tabbar_tabbar, element, "f");
-            }, onClick: __classPrivateFieldGet$4(this, _Tabbar_onClick, "f"), onKeyDown: __classPrivateFieldGet$4(this, _Tabbar_onKeyDown, "f"), onMouseDown: __classPrivateFieldGet$4(this, _Tabbar_onMouseDown, "f"), onScroll: __classPrivateFieldGet$4(this, _Tabbar_onScroll, "f"), ...__classPrivateFieldGet$4(this, _Tabbar_inheritedAttributes, "f") }, hAsync("slot", { key: 'db30b064f6e9949c86bcc049bf6d5383f5d659e8', onSlotchange: __classPrivateFieldGet$4(this, _Tabbar_onSlotchange, "f") })), hAsync("div", { key: '6e61da5a09d938972b7629ac3449831d8fa630f2', class: {
+            }, onClick: __classPrivateFieldGet$6(this, _Tabbar_onClick, "f"), onKeyDown: __classPrivateFieldGet$6(this, _Tabbar_onKeyDown, "f"), onMouseDown: __classPrivateFieldGet$6(this, _Tabbar_onMouseDown, "f"), onScroll: __classPrivateFieldGet$6(this, _Tabbar_onScroll, "f"), ...__classPrivateFieldGet$6(this, _Tabbar_inheritedAttributes, "f") }, hAsync("slot", { key: '4ccd64f11587556c7af2b0d4c571ee8162dbba70', onSlotchange: __classPrivateFieldGet$6(this, _Tabbar_onSlotchange, "f") })), hAsync("div", { key: 'c5b64348ca4c65bb4894ec0dec6b6b89c411f958', class: {
                 'qds-align-center': true,
                 'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
-                    this.orientation === 'vertical',
-            } }, hAsync("qds-icon-button", { key: '74557af7eb1ab5ac2cd2dffe5751dd9b7083bb74', text: "show next tab", iconName: "next", iconLibrary: "core", importance: "subdued", onClick: __classPrivateFieldGet$4(this, _Tabbar_scrollToEnd, "f"), disabled: this.disableEndArrow }))), __classPrivateFieldGet$4(this, _Tabbar_instances, "a", _Tabbar_computeDividerVisible_get) && (hAsync("qds-divider", { key: '6e178e1b7e5c1ed80f9b447248ec5df896cea055', vertical: this.orientation === 'vertical' }))));
+                    this.orientation === 'vertical' ||
+                    __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
+            } }, hAsync("qds-icon-button", { key: 'edcb7e2054454edb2f949332ad62998a2e34a368', text: "show next tab", iconName: "next", iconLibrary: "core", importance: "subdued", onClick: __classPrivateFieldGet$6(this, _Tabbar_scrollToEnd, "f"), disabled: this.disableEndArrow }))), __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computeDividerVisible_get) && (hAsync("qds-divider", { key: 'bfafcfbcaaa50341778498e9887b71a548209178', vertical: this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this) }))));
     }
     static get delegatesFocus() { return true; }
     get host() { return getElement(this); }
+    static get watchers() { return {
+        "importance": ["settingChanged"]
+    }; }
     static get style() { return tabbarCss; }
     static get cmpMeta() { return {
         "$flags$": 281,
@@ -11545,10 +11680,13 @@ class Tabbar {
         "$members$": {
             "layer": [1],
             "level": [1],
+            "size": [1],
             "orientation": [1],
+            "placement": [1],
             "tablistDescription": [1, "tablist-description"],
             "showDivider": [4, "show-divider"],
             "alignment": [1],
+            "importance": [1],
             "disableEndArrow": [32],
             "disableStartArrow": [32],
             "activeTab": [32]
@@ -11558,12 +11696,34 @@ class Tabbar {
         "$attrsToReflect$": []
     }; }
 }
-_Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new WeakMap(), _Tabbar_inheritedAttributes = new WeakMap(), _Tabbar_scrollToStart = new WeakMap(), _Tabbar_scrollToEnd = 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_computeDividerVisible_get = function _Tabbar_computeDividerVisible_get() {
+_Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new WeakMap(), _Tabbar_inheritedAttributes = new WeakMap(), _Tabbar_scrollToStart = new WeakMap(), _Tabbar_scrollToEnd = new WeakMap(), _Tabbar_isVerticalPlacement = new WeakMap(), _Tabbar_isHorizontalPlacement = 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() {
+    return this.importance;
+}, _Tabbar_computedSize_get = function _Tabbar_computedSize_get() {
+    return this.size ?? undefined;
+}, _Tabbar_computedPlacement_get = function _Tabbar_computedPlacement_get() {
+    switch (this.placement) {
+        case 'top': {
+            return 'block-end';
+        }
+        case 'end': {
+            return 'inline-start';
+        }
+        case 'bottom': {
+            return 'block-start';
+        }
+        case 'start': {
+            return 'inline-end';
+        }
+        default: {
+            return undefined;
+        }
+    }
+}, _Tabbar_computeDividerVisible_get = function _Tabbar_computeDividerVisible_get() {
     if (this.layer === 'panel')
         return false;
     if (this.layer === 'main' &&
         this.level === 'subsection' &&
-        this.orientation === 'horizontal')
+        (this.orientation === 'horizontal' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this)))
         return false;
     return this.showDivider === true;
 }, _Tabbar_setActiveTab = function _Tabbar_setActiveTab(tab) {
@@ -11578,7 +11738,7 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
             target.ariaSelected = isSelected.toString();
     }
 }, _Tabbar_switchTabPanel = function _Tabbar_switchTabPanel(activeTab) {
-    for (const tab of __classPrivateFieldGet$4(this, _Tabbar_tabs, "f")) {
+    for (const tab of __classPrivateFieldGet$6(this, _Tabbar_tabs, "f")) {
         const panel = resolvePanelElement(tab);
         if (panel) {
             panel.hidden = tab !== activeTab;
@@ -11591,12 +11751,12 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
     this.activeTab = tab;
     this.hideEmitter.emit(previousTab);
     this.showEmitter.emit(tab);
-    __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, tab);
-    __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, tab);
+    __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, tab);
+    __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, tab);
 }, _Tabbar_getCurrentTab = function _Tabbar_getCurrentTab() {
-    return __classPrivateFieldGet$4(this, _Tabbar_tabs, "f").find((tab) => tab.tab.getAttribute('tabindex') === '0');
+    return __classPrivateFieldGet$6(this, _Tabbar_tabs, "f").find((tab) => tab.tab.getAttribute('tabindex') === '0');
 }, _Tabbar_setCurrentTab = function _Tabbar_setCurrentTab(tab) {
-    for (const t of __classPrivateFieldGet$4(this, _Tabbar_tabs, "f")) {
+    for (const t of __classPrivateFieldGet$6(this, _Tabbar_tabs, "f")) {
         const isCurrent = t === tab;
         componentOnReady(t, (element) => {
             const target = element?.tab;
@@ -11607,7 +11767,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$4(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, t);
+                __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, t);
         });
     }
 }, _Tabbar_updateTabsCache = function _Tabbar_updateTabsCache() {
@@ -11615,6 +11775,20 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
     __classPrivateFieldSet$3(this, _Tabbar_tabs, slot
         ? [...slot.assignedElements({ flatten: true })].filter((element) => isEnabledTabItem(element))
         : [], "f");
+}, _Tabbar_setTabSettings = function _Tabbar_setTabSettings() {
+    const settings = TAB_SETTINGS[`${this.layer}-${this.level}`];
+    if (!settings)
+        return;
+    for (const tab of this.host.querySelectorAll('qds-tab')) {
+        /* eslint-disable @typescript-eslint/no-unsafe-member-access */
+        tab.importance = __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedImportance_get) ?? settings.importance;
+        tab.size = __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedSize_get) ?? settings.size;
+        tab.indicatorPosition =
+            this.orientation === 'vertical'
+                ? 'inline-end'
+                : (__classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedPlacement_get) ?? settings.indicatorPosition);
+        /* eslint-enable @typescript-eslint/no-unsafe-member-access */
+    }
 };
 
 const tableCss = ":host([hidden]){display:none!important}:host{border-collapse:collapse;display:table}";
@@ -11642,7 +11816,7 @@ class Table {
     }
     // eslint-disable-next-line @typescript-eslint/class-methods-use-this
     render() {
-        return hAsync("slot", { key: '8e2daea5b29256b1f80892e60f363d3837e707a5' });
+        return hAsync("slot", { key: 'e48b0a5845e41ac83900ddbd3baf9c5a38b01d9a' });
     }
     static get style() { return tableCss; }
     static get cmpMeta() { return {
@@ -11655,8 +11829,19 @@ class Table {
     }; }
 }
 
-const tableCellCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-cell{box-sizing:border-box;color:var(--qds-theme-title);font:var(--qds-list-item-standard-title);padding-block:0;padding-inline:var(--qds-list-item-standard-padding-horizontal);text-align:inherit;vertical-align:middle;width:inherit}";
+const tableCellCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-cell{box-sizing:border-box;color:var(--qds-theme-text-standard);padding-block:0;text-align:inherit;vertical-align:middle;width:inherit}[data-size=small]{font:var(--qds-table-cell-small-title);min-height:var(--qds-table-cell-small-height);padding-inline:var(--qds-table-cell-small-padding-horizontal)}[data-size=standard]{font:var(--qds-table-cell-standard-title);min-height:var(--qds-table-cell-standard-height);padding-inline:var(--qds-table-cell-standard-padding-horizontal)}[data-size=large]{font:var(--qds-table-cell-large-title);min-height:var(--qds-table-cell-large-height);padding-inline:var(--qds-table-cell-large-padding-horizontal)}";
 
+// SPDX-FileCopyrightText: © 2024 Schneider Electric
+//
+// SPDX-License-Identifier: Apache-2.0
+var __classPrivateFieldGet$5 = (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 _TableCell_instances, _TableCell_computedSize_get;
 /**
  * The `<qds-table-cell>` element defines a cell of a table that contains data.
  * It participates in the *table model*.
@@ -11673,6 +11858,11 @@ class TableCell {
             this.internals = hostRef.$hostElement$.attachInternals();
             hostRef.$hostElement$["s-ei"] = this.internals;
         }
+        _TableCell_instances.add(this);
+        /**
+         * The table cell's size.
+         */
+        this.size = 'standard';
     }
     colSpanChanged(newValue) {
         this.internals.ariaColSpan =
@@ -11700,9 +11890,9 @@ class TableCell {
     render() {
         return (
         // eslint-disable-next-line jsx-a11y/control-has-associated-label
-        hAsync("td", { key: '94fafc4ea9c69aa490738766f16364bd70233e3f', class: "qds-table-cell", colSpan: this.colSpan, rowSpan: this.rowSpan,
+        hAsync("td", { key: '92bc078c48ec5f41e1751a19bdbf2f95eb33d996', class: "qds-table-cell", "data-size": __classPrivateFieldGet$5(this, _TableCell_instances, "a", _TableCell_computedSize_get), colSpan: this.colSpan, rowSpan: this.rowSpan,
             // eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
-            role: "none" }, hAsync("slot", { key: '6f7d0b32f792cfe417239758b3d2c8d338c3e126' })));
+            role: "none" }, hAsync("slot", { key: 'cf016b76dd2a13a2768180d3f7f8cb22d9189876' })));
     }
     static get watchers() { return {
         "colSpan": ["colSpanChanged"],
@@ -11714,16 +11904,39 @@ class TableCell {
         "$tagName$": "qds-table-cell",
         "$members$": {
             "colSpan": [2, "colspan"],
-            "rowSpan": [2, "rowspan"]
+            "rowSpan": [2, "rowspan"],
+            "size": [1]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
 }
+_TableCell_instances = new WeakSet(), _TableCell_computedSize_get = function _TableCell_computedSize_get() {
+    switch (this.size) {
+        case 'large':
+        case 'small': {
+            return this.size;
+        }
+        default: {
+            return 'standard';
+        }
+    }
+};
 
-const tableHeadCellCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-head-cell{box-sizing:border-box;color:var(--qds-theme-title);font:var(--qds-list-item-standard-title);padding-block:var(--qds-list-item-standard-padding-vertical);padding-inline:var(--qds-list-item-standard-padding-horizontal);text-align:inherit;vertical-align:middle;width:inherit}";
+const tableHeadCellCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-head-cell{box-sizing:border-box;color:var(--qds-theme-text-standard);padding-block:0;text-align:inherit;vertical-align:middle;width:inherit}[data-size=small]{font:var(--qds-table-cell-small-title);min-height:var(--qds-table-cell-small-height);padding-inline:var(--qds-table-cell-small-padding-horizontal)}[data-size=standard]{font:var(--qds-table-cell-standard-title);min-height:var(--qds-table-cell-standard-height);padding-inline:var(--qds-table-cell-standard-padding-horizontal)}[data-size=large]{font:var(--qds-table-cell-large-title);min-height:var(--qds-table-cell-large-height);padding-inline:var(--qds-table-cell-large-padding-horizontal)}";
 
+// SPDX-FileCopyrightText: © 2024 Schneider Electric
+//
+// SPDX-License-Identifier: Apache-2.0
+var __classPrivateFieldGet$4 = (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 _TableHeadCell_instances, _TableHeadCell_computedSize_get;
 /**
  * The `<qds-table-head-cell>` element defines a cell as the header of a group
  * of table cells. The exact nature of this group is defined by the `scope`
@@ -11741,6 +11954,11 @@ class TableHeadCell {
             this.internals = hostRef.$hostElement$.attachInternals();
             hostRef.$hostElement$["s-ei"] = this.internals;
         }
+        _TableHeadCell_instances.add(this);
+        /**
+         * The table header cell's size.
+         */
+        this.size = 'standard';
     }
     colSpanChanged(newValue) {
         this.internals.ariaColSpan =
@@ -11771,9 +11989,9 @@ class TableHeadCell {
     render() {
         return (
         // eslint-disable-next-line jsx-a11y/control-has-associated-label
-        hAsync("th", { key: '89eb4dadd071a6045f356c6eccddcf4933d2cb0b', class: "qds-table-head-cell", colSpan: this.colSpan, rowSpan: this.rowSpan, scope: this.scope,
+        hAsync("th", { key: '0d385fba48aa553f9a968b310bd6cafc8cac8659', class: "qds-table-head-cell", "data-size": __classPrivateFieldGet$4(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" }, hAsync("slot", { key: '320c62a678ca5a52a8f965ae8aa9f527c83022a0' })));
+            role: "none" }, hAsync("slot", { key: '7aa120d507fa6cbb80ef6acf92ba88d29545b82c' })));
     }
     static get watchers() { return {
         "colSpan": ["colSpanChanged"],
@@ -11787,15 +12005,27 @@ class TableHeadCell {
         "$members$": {
             "colSpan": [2, "colspan"],
             "rowSpan": [2, "rowspan"],
-            "scope": [1]
+            "scope": [1],
+            "size": [1]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
 }
+_TableHeadCell_instances = new WeakSet(), _TableHeadCell_computedSize_get = function _TableHeadCell_computedSize_get() {
+    switch (this.size) {
+        case 'large':
+        case 'small': {
+            return this.size;
+        }
+        default: {
+            return 'standard';
+        }
+    }
+};
 
-const tableRowCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-row{border-block-end:var(--qds-list-border-width) solid var(--qds-theme-divider-standard);box-sizing:border-box}";
+const tableRowCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-row{border-block-end:var(--qds-table-border-width) solid var(--qds-theme-divider-standard);box-sizing:border-box}";
 
 /**
  * The `<qds-table-row>` element defines a row of cells in a table. The row's
@@ -11820,7 +12050,7 @@ class TableRow {
     }
     // eslint-disable-next-line @typescript-eslint/class-methods-use-this
     render() {
-        return (hAsync("tr", { key: 'f92c2b9db18dbe06ea680ce23273da08f7998f5b', class: "qds-table-row", role: "none" }, hAsync("slot", { key: '897f11cad82a4c6f1c04c4bc5a65cd0f85714a57' })));
+        return (hAsync("tr", { key: 'f2ebf28bc79f5b8043ba5309e0f5d67b2e29dccc', class: "qds-table-row", role: "none" }, hAsync("slot", { key: '3a16ecf6721c2decf2fc050db6abb1c0feabc45e' })));
     }
     static get style() { return tableRowCss; }
     static get cmpMeta() { return {
@@ -11891,11 +12121,11 @@ class Tag {
         __classPrivateFieldSet$2(this, _Tag_inheritedAttributes, inheritAriaAttributes(this.host), "f");
     }
     render() {
-        return (hAsync("span", { key: '315dd8f19131efdf55430a797a80dc806efd988c', class: {
+        return (hAsync("span", { key: 'dbda480ae5220ac8393a33a1b05970e099a1594b', class: {
                 'qds-tag': true,
                 'qds-padding': this.importance !== 'subdued',
             }, "data-importance": __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedImportance_get), "data-size": __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), "data-status": __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedStatus_get), ...__classPrivateFieldGet$3(this, _Tag_inheritedAttributes, "f") }, this.iconName !== undefined && this.iconName !== '' ? (hAsync(Fragment, null, this.iconDescription !== undefined &&
-            this.iconDescription !== '' && (hAsync("span", { class: "qds-sr-only" }, this.iconDescription)), hAsync("qds-icon", { "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), library: this.iconLibrary, name: this.iconName }))) : (__classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_hasBadge_get) && (hAsync("qds-badge-indicator", { status: __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedStatus_get), description: this.badgeDescription, size: __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), strokeRing: true }))), hAsync("span", { key: '141a71ce195cba6774485e6c2209b8f61ad3ec5c', class: "qds-text" }, this.text)));
+            this.iconDescription !== '' && (hAsync("span", { class: "qds-sr-only" }, this.iconDescription)), hAsync("qds-icon", { class: "qds-icon", "data-size": __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), library: this.iconLibrary, name: this.iconName }))) : (__classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_hasBadge_get) && (hAsync("qds-badge-indicator", { status: __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedStatus_get), description: this.badgeDescription, size: __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), strokeRing: true }))), hAsync("span", { key: '2bb48b6e991ad7bda93971b3556b3b9689a05c43', class: "qds-text" }, this.text)));
     }
     get host() { return getElement(this); }
     static get style() { return tagCss; }
@@ -11955,7 +12185,7 @@ _Tag_inheritedAttributes = new WeakMap(), _Tag_instances = new WeakSet(), _Tag_c
     return (this.badge ?? false) && this.importance !== 'emphasized';
 };
 
-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-control-text-standard);height:100%;padding-inline:var(--qds-control-input-padding-horizontal);resize:inherit;width:100%}.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-default);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-control-border-width-inline-end,var(--qds-form-input-border-width-status)\n      ) var(\n        --qds-control-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-control-text-standard);height:100%;padding-inline:var(--qds-control-input-padding-horizontal);resize:inherit;width:100%}.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-default);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)}";
 
 // SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
@@ -12221,9 +12451,9 @@ class TextArea {
         this.valueChanged();
     }
     render() {
-        return (hAsync(Host, { key: 'e70a2441fe46be35f06f84f4be817fc04d623905' }, hAsync("textarea", { key: 'f627ebc9f1619940f5a530886de0241353e270a7', autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
+        return (hAsync(Host, { key: '3aa4b8a2f3cf4b591a13f6bf029adfe3691087e7' }, hAsync("textarea", { key: 'ba6281ce9a79274d6132c82ec0da48cf25361489', 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$2(this, _TextArea_instances, "a", _TextArea_computedStatus_get), disabled: this.disabled, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, maxLength: this.maxLength, minLength: this.minLength, onBlur: __classPrivateFieldGet$2(this, _TextArea_onBlur, "f"), onChange: __classPrivateFieldGet$2(this, _TextArea_onChange, "f"), onFocus: __classPrivateFieldGet$2(this, _TextArea_onFocus, "f"), onInput: __classPrivateFieldGet$2(this, _TextArea_onInput, "f"), placeholder: this.placeholder, ref: __classPrivateFieldGet$2(this, _TextArea_ref, "f"), readOnly: this.readonly, rows: this.rows, spellcheck: this.host.spellcheck, tabIndex: __classPrivateFieldGet$2(this, _TextArea_instances, "a", _TextArea_computedDisabled_get) ? undefined : this.tabIndex, wrap: this.wrap, ...__classPrivateFieldGet$2(this, _TextArea_inheritedAttributes, "f") }), hAsync("slot", { key: '68cade8e77037f9b7c53c5663182f9825fdc3afa', onSlotchange: __classPrivateFieldGet$2(this, _TextArea_onSlotchange, "f") })));
+            autoFocus: this.host.autofocus, class: "qds-textarea", cols: this.cols, "data-size": this.size ?? 'standard', "data-status": __classPrivateFieldGet$2(this, _TextArea_instances, "a", _TextArea_computedStatus_get), disabled: this.disabled, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, maxLength: this.maxLength, minLength: this.minLength, onBlur: __classPrivateFieldGet$2(this, _TextArea_onBlur, "f"), onChange: __classPrivateFieldGet$2(this, _TextArea_onChange, "f"), onFocus: __classPrivateFieldGet$2(this, _TextArea_onFocus, "f"), onInput: __classPrivateFieldGet$2(this, _TextArea_onInput, "f"), placeholder: this.placeholder, ref: __classPrivateFieldGet$2(this, _TextArea_ref, "f"), readOnly: this.readonly, rows: this.rows, spellcheck: this.host.spellcheck, tabIndex: __classPrivateFieldGet$2(this, _TextArea_instances, "a", _TextArea_computedDisabled_get) ? undefined : this.tabIndex, wrap: this.wrap, ...__classPrivateFieldGet$2(this, _TextArea_inheritedAttributes, "f") }), hAsync("slot", { key: '6b3adf605ea2b899ad2f69e7b03505db56682a20', onSlotchange: __classPrivateFieldGet$2(this, _TextArea_onSlotchange, "f") })));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
@@ -12299,7 +12529,7 @@ _TextArea_inheritedAttributes = new WeakMap(), _TextArea_textarea = new WeakMap(
     Object.defineProperty(this.host, p, { enumerable: true, get });
 };
 
-const titleCss = ":host([hidden]){display:none!important}:host{display:block}.qds-titles{display:grid;grid-template-areas:\"e\"}.qds-titles.qds-has-kicker{grid-template-areas:\"f\" \"e\"}.qds-titles.qds-has-subtitle{grid-template-areas:\"e\" \"g\"}.qds-titles.qds-has-kicker.qds-has-subtitle{grid-template-areas:\"f\" \"e\" \"g\"}.qds-has-icon{grid-template-areas:\"h e\";grid-template-columns:auto 1fr}.qds-has-icon.qds-has-kicker{grid-template-areas:\". f\" \"h e\"}.qds-has-icon.qds-has-subtitle{grid-template-areas:\"h e\" \". g\"}.qds-has-icon.qds-has-kicker.qds-has-subtitle{grid-template-areas:\". f\" \"h e\" \". g\"}.qds-title,.qds-titles{hyphens:inherit}.qds-kicker,.qds-subtitle{hyphens:manual}.qds-kicker,.qds-subtitle,.qds-title{margin-block:0}.qds-title{color:var(--qds-theme-title);grid-area:e}.qds-subtitle{color:var(--qds-theme-subtitle);grid-area:g}.qds-kicker{color:var(--qds-theme-kicker);grid-area:f}.qds-icon{align-content:center;color:var(--qds-theme-text-standard);grid-area:h}.qds-main.qds-section.qds-titles{gap:var(--qds-main-section-titles-gap)}.qds-main.qds-section.qds-has-icon{gap:var(--qds-main-section-titles-gap) var(--qds-main-section-titles-icon-gap)}.qds-main.qds-section .qds-title{font:var(--qds-main-section-title)}.qds-main.qds-section .qds-subtitle{font:var(--qds-main-section-subtitle)}.qds-main.qds-section .qds-kicker{font:var(--qds-main-section-kicker)}.qds-main.qds-section .qds-icon{height:var(--qds-main-section-titles-icon-crop-height);width:var(--qds-main-section-titles-icon-size)}.qds-main.qds-subsection.qds-titles{gap:var(--qds-main-subsection-titles-gap)}.qds-main.qds-subsection.qds-has-icon{gap:var(--qds-main-subsection-titles-gap) var(--qds-main-subsection-titles-icon-gap)}.qds-main.qds-subsection .qds-title{font:var(--qds-main-subsection-title)}.qds-main.qds-subsection .qds-subtitle{font:var(--qds-main-subsection-subtitle)}.qds-main.qds-subsection .qds-kicker{font:var(--qds-main-subsection-kicker)}.qds-main.qds-subsection .qds-icon{height:var(--qds-main-subsection-titles-icon-crop-height);width:var(--qds-main-subsection-titles-icon-size)}.qds-panel.qds-root.qds-titles{gap:var(--qds-panel-titles-gap)}.qds-panel.qds-root.qds-has-icon{gap:var(--qds-panel-titles-gap) var(--qds-panel-titles-icon-gap)}.qds-panel.qds-root .qds-title{font:var(--qds-panel-title)}.qds-panel.qds-root .qds-subtitle{font:var(--qds-panel-subtitle)}.qds-panel.qds-root .qds-kicker{font:var(--qds-panel-kicker)}.qds-panel.qds-root .qds-icon{height:var(--qds-panel-titles-icon-crop-height);width:var(--qds-panel-titles-icon-size)}.qds-panel.qds-section.qds-titles{gap:var(--qds-panel-section-titles-gap)}.qds-panel.qds-section.qds-has-icon{gap:var(--qds-panel-section-titles-gap) var(--qds-panel-section-titles-icon-gap)}.qds-panel.qds-section .qds-title{font:var(--qds-panel-section-title)}.qds-panel.qds-section .qds-subtitle{font:var(--qds-panel-section-subtitle)}.qds-panel.qds-section .qds-kicker{font:var(--qds-panel-section-kicker)}.qds-panel.qds-section .qds-icon{height:var(--qds-panel-section-titles-icon-crop-height);width:var(--qds-panel-section-titles-icon-size)}.qds-panel.qds-subsection.qds-titles{gap:var(--qds-panel-subsection-titles-gap)}.qds-panel.qds-subsection.qds-has-icon{gap:var(--qds-panel-subsection-titles-gap) var(--qds-panel-subsection-titles-icon-gap)}.qds-panel.qds-subsection .qds-title{font:var(--qds-panel-subsection-title)}.qds-panel.qds-subsection .qds-subtitle{font:var(--qds-panel-subsection-subtitle)}.qds-panel.qds-subsection .qds-kicker{font:var(--qds-panel-subsection-kicker)}.qds-panel.qds-subsection .qds-icon{height:var(--qds-panel-subsection-titles-icon-crop-height);width:var(--qds-panel-subsection-titles-icon-size)}.qds-navigation.qds-section.qds-titles{gap:var(--qds-navigation-section-titles-gap)}.qds-navigation.qds-section.qds-has-icon{gap:var(--qds-navigation-section-titles-gap) var(--qds-navigation-section-titles-icon-gap)}.qds-navigation.qds-section .qds-title{font:var(--qds-navigation-section-title)}.qds-navigation.qds-section .qds-subtitle{font:var(--qds-navigation-section-subtitle)}.qds-navigation.qds-section .qds-kicker{font:var(--qds-navigation-section-kicker)}.qds-navigation.qds-section .qds-icon{height:var(--qds-navigation-section-titles-icon-crop-height);width:var(--qds-navigation-section-titles-icon-size)}.qds-navigation.qds-subsection.qds-titles{gap:var(--qds-navigation-subsection-titles-gap)}.qds-navigation.qds-subsection.qds-has-icon{gap:var(--qds-navigation-subsection-titles-gap) var(--qds-navigation-subsection-titles-icon-gap)}.qds-navigation.qds-subsection .qds-title{font:var(--qds-navigation-subsection-title)}.qds-navigation.qds-subsection .qds-subtitle{font:var(--qds-navigation-subsection-subtitle)}.qds-navigation.qds-subsection .qds-kicker{font:var(--qds-navigation-subsection-kicker)}.qds-navigation.qds-subsection .qds-icon{height:var(--qds-navigation-subsection-titles-icon-crop-height);width:var(--qds-navigation-subsection-titles-icon-size)}.qds-popup.qds-root.qds-titles{gap:var(--qds-popup-titles-gap)}.qds-popup.qds-root.qds-has-icon{gap:var(--qds-popup-titles-gap) var(--qds-popup-titles-icon-gap)}.qds-popup.qds-root .qds-title{font:var(--qds-popup-title)}.qds-popup.qds-root .qds-subtitle{font:var(--qds-popup-subtitle)}.qds-popup.qds-root .qds-kicker{font:var(--qds-popup-kicker)}.qds-popup.qds-root .qds-icon{height:var(--qds-popup-titles-icon-crop-height);width:var(--qds-popup-titles-icon-size)}.qds-popup.qds-section.qds-titles{gap:var(--qds-popup-section-titles-gap)}.qds-popup.qds-section.qds-has-icon{gap:var(--qds-popup-section-titles-gap) var(--qds-popup-section-titles-icon-gap)}.qds-popup.qds-section .qds-title{font:var(--qds-popup-section-title)}.qds-popup.qds-section .qds-subtitle{font:var(--qds-popup-section-subtitle)}.qds-popup.qds-section .qds-kicker{font:var(--qds-popup-section-kicker)}.qds-popup.qds-section .qds-icon{height:var(--qds-popup-section-titles-icon-crop-height);width:var(--qds-popup-section-titles-icon-size)}.qds-popup.qds-subsection.qds-titles{gap:var(--qds-popup-subsection-titles-gap)}.qds-popup.qds-subsection.qds-has-icon{gap:var(--qds-popup-subsection-titles-gap) var(--qds-popup-subsection-titles-icon-gap)}.qds-popup.qds-subsection .qds-title{font:var(--qds-popup-subsection-title)}.qds-popup.qds-subsection .qds-subtitle{font:var(--qds-popup-subsection-subtitle)}.qds-popup.qds-subsection .qds-kicker{font:var(--qds-popup-subsection-kicker)}.qds-popup.qds-subsection .qds-icon{height:var(--qds-popup-subsection-titles-icon-crop-height);width:var(--qds-popup-subsection-titles-icon-size)}.qds-accessory.qds-root.qds-titles{gap:var(--qds-accessory-titles-gap)}.qds-accessory.qds-root.qds-has-icon{gap:var(--qds-accessory-titles-gap) var(--qds-accessory-titles-icon-gap)}.qds-accessory.qds-root .qds-title{font:var(--qds-accessory-title)}.qds-accessory.qds-root .qds-subtitle{font:var(--qds-accessory-subtitle)}.qds-accessory.qds-root .qds-kicker{font:var(--qds-accessory-kicker)}.qds-accessory.qds-root .qds-icon{height:var(--qds-accessory-titles-icon-crop-height);width:var(--qds-accessory-titles-icon-size)}.qds-accessory.qds-section.qds-titles{gap:var(--qds-accessory-section-titles-gap)}.qds-accessory.qds-section.qds-has-icon{gap:var(--qds-accessory-section-titles-gap) var(--qds-accessory-section-titles-icon-gap)}.qds-accessory.qds-section .qds-title{font:var(--qds-accessory-section-title)}.qds-accessory.qds-section .qds-subtitle{font:var(--qds-accessory-section-subtitle)}.qds-accessory.qds-section .qds-kicker{font:var(--qds-accessory-section-kicker)}.qds-accessory.qds-section .qds-icon{height:var(--qds-accessory-section-titles-icon-crop-height);width:var(--qds-accessory-section-titles-icon-size)}.qds-titles[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-promo-titles-gap);margin:auto}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-promo-title)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-subtitle{font:var(--qds-main-section-promo-subtitle)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-kicker{font:var(--qds-main-section-promo-kicker)}.qds-has-icon[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-promo-titles-gap) var(--qds-main-section-promo-titles-icon-gap)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-icon{height:var(--qds-main-section-promo-titles-icon-crop-height);width:var(--qds-main-section-promo-titles-icon-size)}[data-alignment=start]{text-align:start}[data-alignment=center]{text-align:center}[data-alignment=end]{text-align:end}.qds-titles[data-variant=web-main-section-display]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-display-titles-gap)}[data-variant=web-main-section-display]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-display-title)}.qds-titles[data-variant=web-main-subsection-card]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-subsection-card-titles-gap)}[data-variant=web-main-subsection-card]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-subsection-card-standard-title)}.qds-titles[data-variant=web-main-section-hero]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-hero-titles-gap)}[data-variant=web-main-section-hero]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-hero-title)}";
+const titleCss = ":host([hidden]){display:none!important}:host{display:block}.qds-titles{display:grid;grid-template-areas:\"g\"}.qds-titles.qds-has-kicker{grid-template-areas:\"h\" \"g\"}.qds-titles.qds-has-subtitle{grid-template-areas:\"g\" \"i\"}.qds-titles.qds-has-kicker.qds-has-subtitle{grid-template-areas:\"h\" \"g\" \"i\"}.qds-has-icon{grid-template-areas:\"j g\";grid-template-columns:auto 1fr}.qds-has-icon.qds-has-kicker{grid-template-areas:\". h\" \"j g\"}.qds-has-icon.qds-has-subtitle{grid-template-areas:\"j g\" \". i\"}.qds-has-icon.qds-has-kicker.qds-has-subtitle{grid-template-areas:\". h\" \"j g\" \". i\"}.qds-title,.qds-titles{hyphens:inherit}.qds-kicker,.qds-subtitle{hyphens:manual}.qds-kicker,.qds-subtitle,.qds-title{margin-block:0}.qds-title{color:var(--qds-theme-title);grid-area:g}.qds-subtitle{color:var(--qds-theme-subtitle);grid-area:i}.qds-kicker{color:var(--qds-theme-kicker);grid-area:h}.qds-icon{align-content:center;color:var(--qds-theme-text-standard);grid-area:j}.qds-main.qds-section.qds-titles{gap:var(--qds-main-section-titles-gap)}.qds-main.qds-section.qds-has-icon{gap:var(--qds-main-section-titles-gap) var(--qds-main-section-titles-icon-gap)}.qds-main.qds-section .qds-title{font:var(--qds-main-section-title)}.qds-main.qds-section .qds-subtitle{font:var(--qds-main-section-subtitle)}.qds-main.qds-section .qds-kicker{font:var(--qds-main-section-kicker)}.qds-main.qds-section .qds-icon{height:var(--qds-main-section-titles-icon-crop-height);width:var(--qds-main-section-titles-icon-size)}.qds-main.qds-subsection.qds-titles{gap:var(--qds-main-subsection-titles-gap)}.qds-main.qds-subsection.qds-has-icon{gap:var(--qds-main-subsection-titles-gap) var(--qds-main-subsection-titles-icon-gap)}.qds-main.qds-subsection .qds-title{font:var(--qds-main-subsection-title)}.qds-main.qds-subsection .qds-subtitle{font:var(--qds-main-subsection-subtitle)}.qds-main.qds-subsection .qds-kicker{font:var(--qds-main-subsection-kicker)}.qds-main.qds-subsection .qds-icon{height:var(--qds-main-subsection-titles-icon-crop-height);width:var(--qds-main-subsection-titles-icon-size)}.qds-panel.qds-root.qds-titles{gap:var(--qds-panel-titles-gap)}.qds-panel.qds-root.qds-has-icon{gap:var(--qds-panel-titles-gap) var(--qds-panel-titles-icon-gap)}.qds-panel.qds-root .qds-title{font:var(--qds-panel-title)}.qds-panel.qds-root .qds-subtitle{font:var(--qds-panel-subtitle)}.qds-panel.qds-root .qds-kicker{font:var(--qds-panel-kicker)}.qds-panel.qds-root .qds-icon{height:var(--qds-panel-titles-icon-crop-height);width:var(--qds-panel-titles-icon-size)}.qds-panel.qds-section.qds-titles{gap:var(--qds-panel-section-titles-gap)}.qds-panel.qds-section.qds-has-icon{gap:var(--qds-panel-section-titles-gap) var(--qds-panel-section-titles-icon-gap)}.qds-panel.qds-section .qds-title{font:var(--qds-panel-section-title)}.qds-panel.qds-section .qds-subtitle{font:var(--qds-panel-section-subtitle)}.qds-panel.qds-section .qds-kicker{font:var(--qds-panel-section-kicker)}.qds-panel.qds-section .qds-icon{height:var(--qds-panel-section-titles-icon-crop-height);width:var(--qds-panel-section-titles-icon-size)}.qds-panel.qds-subsection.qds-titles{gap:var(--qds-panel-subsection-titles-gap)}.qds-panel.qds-subsection.qds-has-icon{gap:var(--qds-panel-subsection-titles-gap) var(--qds-panel-subsection-titles-icon-gap)}.qds-panel.qds-subsection .qds-title{font:var(--qds-panel-subsection-title)}.qds-panel.qds-subsection .qds-subtitle{font:var(--qds-panel-subsection-subtitle)}.qds-panel.qds-subsection .qds-kicker{font:var(--qds-panel-subsection-kicker)}.qds-panel.qds-subsection .qds-icon{height:var(--qds-panel-subsection-titles-icon-crop-height);width:var(--qds-panel-subsection-titles-icon-size)}.qds-navigation.qds-section.qds-titles{gap:var(--qds-navigation-section-titles-gap)}.qds-navigation.qds-section.qds-has-icon{gap:var(--qds-navigation-section-titles-gap) var(--qds-navigation-section-titles-icon-gap)}.qds-navigation.qds-section .qds-title{font:var(--qds-navigation-section-title)}.qds-navigation.qds-section .qds-subtitle{font:var(--qds-navigation-section-subtitle)}.qds-navigation.qds-section .qds-kicker{font:var(--qds-navigation-section-kicker)}.qds-navigation.qds-section .qds-icon{height:var(--qds-navigation-section-titles-icon-crop-height);width:var(--qds-navigation-section-titles-icon-size)}.qds-navigation.qds-subsection.qds-titles{gap:var(--qds-navigation-subsection-titles-gap)}.qds-navigation.qds-subsection.qds-has-icon{gap:var(--qds-navigation-subsection-titles-gap) var(--qds-navigation-subsection-titles-icon-gap)}.qds-navigation.qds-subsection .qds-title{font:var(--qds-navigation-subsection-title)}.qds-navigation.qds-subsection .qds-subtitle{font:var(--qds-navigation-subsection-subtitle)}.qds-navigation.qds-subsection .qds-kicker{font:var(--qds-navigation-subsection-kicker)}.qds-navigation.qds-subsection .qds-icon{height:var(--qds-navigation-subsection-titles-icon-crop-height);width:var(--qds-navigation-subsection-titles-icon-size)}.qds-popup.qds-root.qds-titles{gap:var(--qds-popup-titles-gap)}.qds-popup.qds-root.qds-has-icon{gap:var(--qds-popup-titles-gap) var(--qds-popup-titles-icon-gap)}.qds-popup.qds-root .qds-title{font:var(--qds-popup-title)}.qds-popup.qds-root .qds-subtitle{font:var(--qds-popup-subtitle)}.qds-popup.qds-root .qds-kicker{font:var(--qds-popup-kicker)}.qds-popup.qds-root .qds-icon{height:var(--qds-popup-titles-icon-crop-height);width:var(--qds-popup-titles-icon-size)}.qds-popup.qds-section.qds-titles{gap:var(--qds-popup-section-titles-gap)}.qds-popup.qds-section.qds-has-icon{gap:var(--qds-popup-section-titles-gap) var(--qds-popup-section-titles-icon-gap)}.qds-popup.qds-section .qds-title{font:var(--qds-popup-section-title)}.qds-popup.qds-section .qds-subtitle{font:var(--qds-popup-section-subtitle)}.qds-popup.qds-section .qds-kicker{font:var(--qds-popup-section-kicker)}.qds-popup.qds-section .qds-icon{height:var(--qds-popup-section-titles-icon-crop-height);width:var(--qds-popup-section-titles-icon-size)}.qds-popup.qds-subsection.qds-titles{gap:var(--qds-popup-subsection-titles-gap)}.qds-popup.qds-subsection.qds-has-icon{gap:var(--qds-popup-subsection-titles-gap) var(--qds-popup-subsection-titles-icon-gap)}.qds-popup.qds-subsection .qds-title{font:var(--qds-popup-subsection-title)}.qds-popup.qds-subsection .qds-subtitle{font:var(--qds-popup-subsection-subtitle)}.qds-popup.qds-subsection .qds-kicker{font:var(--qds-popup-subsection-kicker)}.qds-popup.qds-subsection .qds-icon{height:var(--qds-popup-subsection-titles-icon-crop-height);width:var(--qds-popup-subsection-titles-icon-size)}.qds-accessory.qds-root.qds-titles{gap:var(--qds-accessory-titles-gap)}.qds-accessory.qds-root.qds-has-icon{gap:var(--qds-accessory-titles-gap) var(--qds-accessory-titles-icon-gap)}.qds-accessory.qds-root .qds-title{font:var(--qds-accessory-title)}.qds-accessory.qds-root .qds-subtitle{font:var(--qds-accessory-subtitle)}.qds-accessory.qds-root .qds-kicker{font:var(--qds-accessory-kicker)}.qds-accessory.qds-root .qds-icon{height:var(--qds-accessory-titles-icon-crop-height);width:var(--qds-accessory-titles-icon-size)}.qds-accessory.qds-section.qds-titles{gap:var(--qds-accessory-section-titles-gap)}.qds-accessory.qds-section.qds-has-icon{gap:var(--qds-accessory-section-titles-gap) var(--qds-accessory-section-titles-icon-gap)}.qds-accessory.qds-section .qds-title{font:var(--qds-accessory-section-title)}.qds-accessory.qds-section .qds-subtitle{font:var(--qds-accessory-section-subtitle)}.qds-accessory.qds-section .qds-kicker{font:var(--qds-accessory-section-kicker)}.qds-accessory.qds-section .qds-icon{height:var(--qds-accessory-section-titles-icon-crop-height);width:var(--qds-accessory-section-titles-icon-size)}.qds-titles[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-promo-titles-gap);margin:auto}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-promo-title)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-subtitle{font:var(--qds-main-section-promo-subtitle)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-kicker{font:var(--qds-main-section-promo-kicker)}.qds-has-icon[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-promo-titles-gap) var(--qds-main-section-promo-titles-icon-gap)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-icon{height:var(--qds-main-section-promo-titles-icon-crop-height);width:var(--qds-main-section-promo-titles-icon-size)}[data-alignment=start]{text-align:start}[data-alignment=center]{text-align:center}[data-alignment=end]{text-align:end}.qds-titles[data-variant=web-main-section-display]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-display-titles-gap)}[data-variant=web-main-section-display]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-display-title)}.qds-titles[data-variant=web-main-subsection-card]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-subsection-card-titles-gap)}[data-variant=web-main-subsection-card]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-subsection-card-standard-title)}.qds-titles[data-variant=web-main-section-hero]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-hero-titles-gap)}[data-variant=web-main-section-hero]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-hero-title)}";
 
 // SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
@@ -12350,14 +12580,14 @@ class Title {
         const level = `qds-${this.level ?? 'section'}`;
         const Tag = this.tag ?? 'h2';
         const hasIcon = this.iconName !== undefined && this.iconName !== '';
-        return (hAsync("hgroup", { key: '7c189575dd8ed51097af980d98291820f37624c4', "data-alignment": this.alignment ?? 'start', "data-variant": this.variant, class: {
+        return (hAsync("hgroup", { key: 'ed0b1522df1d04ac5d4a19bfd4d801bac51aba5a', "data-alignment": this.alignment ?? 'start', "data-variant": this.variant, class: {
                 [layer]: true,
                 [level]: true,
                 'qds-titles': true,
                 'qds-has-icon': hasIcon,
                 'qds-has-kicker': __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get),
                 'qds-has-subtitle': __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get),
-            }, role: "none" }, hAsync(Tag, { key: '3f25e1c50fdb35604f43241aa510110b67965167', class: "qds-title", "data-variant": this.variant }, hAsync("slot", { key: 'dde713ba933ac2664020cc41f3c10468eb65e607' })), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get) && hAsync("p", { key: '8c273bdb0967542e8c8e2c1d8ae1127830d98069', class: "qds-kicker" }, this.kicker), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get) && hAsync("p", { key: '1625372d50d0e15b68c776daa124ae07c3f5c569', class: "qds-subtitle" }, this.subtitle), hasIcon && (hAsync("qds-icon", { key: 'b9819207b05b1de4a8a1461fd88bc1c7d90c3773', "aria-hidden": "true", class: "qds-icon", name: this.iconName, library: this.iconLibrary }))));
+            }, role: "none" }, hAsync(Tag, { key: '9159ae4127d5be822227a6edd25d1297857686d7', class: "qds-title", "data-variant": this.variant }, hAsync("slot", { key: '266cb1ded9c3d64320bd71d13393832f6e280a85' })), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get) && hAsync("p", { key: '5672a80281144196dc75fd811b5889afd997cf98', class: "qds-kicker" }, this.kicker), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get) && hAsync("p", { key: '499d0d4b792e9edba768472043c42b2fb08e3c62', class: "qds-subtitle" }, this.subtitle), hasIcon && (hAsync("qds-icon", { key: 'f49f82e51dbfdefb3a1316372ee7d48ab2079e47', class: "qds-icon", name: this.iconName, library: this.iconLibrary }))));
     }
     static get style() { return titleCss; }
     static get cmpMeta() { return {
@@ -12657,7 +12887,7 @@ class Tooltip {
         __classPrivateFieldGet(this, _Tooltip_referenceElement, "f").removeAttribute('aria-describedby');
     }
     render() {
-        return (hAsync(Host, { key: 'adda0a9e51cad1cca312cb4fb087d960bcb884b8', onKeyDown: __classPrivateFieldGet(this, _Tooltip_boundKeyDown, "f"), onPointerDown: __classPrivateFieldGet(this, _Tooltip_boundTooltipPointerDown, "f") }, hAsync("div", { key: '6f43cad976871e9c203f0e41603c9e58fe754d5f', class: "qds-tooltip" }, hAsync("slot", { key: '05c34d22efbf1369e2ec6b69d6020fb2271b3f48' })), hAsync("div", { key: '282e2413e80dfcd6a1431d2804ac478c59c4699f', class: "qds-arrow", ref: __classPrivateFieldGet(this, _Tooltip_arrowRef, "f") })));
+        return (hAsync(Host, { key: 'ada26ff918babf015dbd05965df20959b59f97f2', onKeyDown: __classPrivateFieldGet(this, _Tooltip_boundKeyDown, "f"), onPointerDown: __classPrivateFieldGet(this, _Tooltip_boundTooltipPointerDown, "f") }, hAsync("div", { key: 'b705f423abccd6d1692e8a1d8efd1601c6aa6088', class: "qds-tooltip" }, hAsync("slot", { key: 'bd3537ecd12be14271e7444e93975093507b3a58' })), hAsync("div", { key: '9277875e8bff33306847ef3df100a58d34fe50fb', class: "qds-arrow", ref: __classPrivateFieldGet(this, _Tooltip_arrowRef, "f") })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {