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

package/dist/esm/qds-avatar-media_3.entry.js

@@ -3,11 +3,11 @@
  * 
  * SPDX-License-Identifier: Apache-2.0
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-Hg1Liloy.js';
-import { p as pickFocusEventAttributes, c as inheritAriaAttributes, i as invariant } from './helpers-BgaJNF9u.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, a as readTask, g as getElement } from './index-Hg1Liloy.js';
+import { p as pickFocusEventAttributes, h as ignorePromise, a as isEllipsisActive, c as inheritAriaAttributes, i as invariant } from './helpers-Fe2AA6uo.js';
 import { V as VALID_STATE, C as CUSTOM_ERROR_FLAGS, N as NO_ERROR_FLAGS } from './controls-CZRW1LV_.js';
 
-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
 //
@@ -19,41 +19,45 @@ var __classPrivateFieldGet$2 = (undefined && undefined.__classPrivateFieldGet) |
         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;
 const AvatarMedia = class {
     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 (h("img", { class: "qds-picture", src: this.src, alt: this.alt, onError: __classPrivateFieldGet$2(this, _AvatarMedia_handleImageError, "f"), onLoad: () => {
-                        this.hasImageError = false;
-                    } }));
-            }
-            if (this.text !== undefined && this.text !== '') {
-                return h("span", { class: "qds-text" }, this.initials);
-            }
-            if (this.iconName !== undefined && this.iconName !== '') {
+            if (this.src !== undefined && this.src !== '' && !this.hasImageError)
+                return (h("img", { "aria-hidden": "true", class: "qds-picture", src: this.src, alt: this.alt, onError: __classPrivateFieldGet$2(this, _AvatarMedia_handleImageError, "f"), onLoad: __classPrivateFieldGet$2(this, _AvatarMedia_handleImageLoad, "f") }));
+            if (this.text !== undefined && this.text !== '')
+                return (h(Fragment, null, h("span", { "aria-hidden": "true", class: "qds-text" }, this.initials), h("span", { class: "qds-sr-only" }, this.text)));
+            if (this.iconName !== undefined && this.iconName !== '')
                 return (h("qds-icon", { class: "qds-icon", name: this.iconName, library: this.iconLibrary }));
-            }
             return h("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;
@@ -62,20 +66,39 @@ const AvatarMedia = class {
         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 h("div", { key: 'f866a7e64a0431f9f051f931533b4d3836784653', class: "qds-container" }, __classPrivateFieldGet$2(this, _AvatarMedia_renderContent, "f").call(this));
+        return h("div", { key: '52d3dd3165ee17dd49f8cdbf901af5c1c613246c', class: "qds-container" }, __classPrivateFieldGet$2(this, _AvatarMedia_renderContent, "f").call(this));
     }
     static get watchers() { return {
-        "text": ["handleTextChange"]
+        "text": ["textChanged", "roleChanged"],
+        "alt": ["labelChanged"],
+        "src": ["roleChanged"]
     }; }
 };
-_AvatarMedia_renderContent = new WeakMap(), _AvatarMedia_handleImageError = new WeakMap();
+_AvatarMedia_renderContent = new WeakMap(), _AvatarMedia_handleImageError = new WeakMap(), _AvatarMedia_handleImageLoad = new WeakMap();
 AvatarMedia.style = avatarMediaCss;
 
-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
 //
@@ -96,7 +119,7 @@ var __classPrivateFieldSet$1 = (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;
 const Checkbox = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -175,7 +198,11 @@ const Checkbox = class {
          * 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) => {
@@ -186,9 +213,23 @@ const Checkbox = class {
         };
         _Checkbox_onBlur.set(this, (event) => {
             this.blurEmitter.emit(pickFocusEventAttributes(event));
+            if (__classPrivateFieldGet$1(this, _Checkbox_tooltip, "f"))
+                ignorePromise(__classPrivateFieldGet$1(this, _Checkbox_tooltip, "f").close());
         });
         _Checkbox_onFocus.set(this, (event) => {
             this.focusEmitter.emit(pickFocusEventAttributes(event));
+            if (__classPrivateFieldGet$1(this, _Checkbox_tooltip, "f"))
+                ignorePromise(__classPrivateFieldGet$1(this, _Checkbox_tooltip, "f").show());
+        });
+        _Checkbox_spanRef.set(this, (span) => {
+            __classPrivateFieldSet$1(this, _Checkbox_span, span, "f");
+        });
+        _Checkbox_tooltipRef.set(this, (tooltip) => {
+            if (tooltip) {
+                // eslint-disable-next-line no-param-reassign
+                tooltip.target = this.host;
+                __classPrivateFieldSet$1(this, _Checkbox_tooltip, tooltip, "f");
+            }
         });
     }
     onClick(event) {
@@ -219,6 +260,20 @@ const Checkbox = class {
         this.tabIndex =
             parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
     }
+    textChanged() {
+        if (__classPrivateFieldGet$1(this, _Checkbox_ro, "f"))
+            __classPrivateFieldGet$1(this, _Checkbox_ro, "f").disconnect();
+        if (!__classPrivateFieldGet$1(this, _Checkbox_span, "f"))
+            return;
+        const span = __classPrivateFieldGet$1(this, _Checkbox_span, "f");
+        readTask(() => {
+            this.tooltip = isEllipsisActive(span);
+        });
+        __classPrivateFieldSet$1(this, _Checkbox_ro, new ResizeObserver(([spanEntry]) => {
+            this.tooltip = isEllipsisActive(spanEntry.target);
+        }), "f");
+        __classPrivateFieldGet$1(this, _Checkbox_ro, "f").observe(__classPrivateFieldGet$1(this, _Checkbox_span, "f"));
+    }
     valueChanged() {
         if (__classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
             this.internals.setFormValue(__classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
@@ -232,21 +287,28 @@ const Checkbox = class {
         __classPrivateFieldSet$1(this, _Checkbox_inheritedAttributes, inheritAriaAttributes(this.host), "f");
         this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
     }
+    componentDidLoad() {
+        this.textChanged();
+    }
+    disconnectedCallback() {
+        if (__classPrivateFieldGet$1(this, _Checkbox_ro, "f"))
+            __classPrivateFieldGet$1(this, _Checkbox_ro, "f").disconnect();
+    }
     render() {
         return (
         // eslint-disable-next-line jsx-a11y/label-has-associated-control
-        h("label", { key: 'eee46a1d52fdce13a48944878461a64b4010ac2b', "aria-disabled": __classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? 'true' : undefined, class: {
+        h("label", { key: 'ff46801768016168ffb89acd3148a796dd94765f', "aria-disabled": __classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? 'true' : undefined, class: {
                 'qds-inline': this.inline,
                 'qds-label': true,
-            }, "data-size": __classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedSize_get) }, h("div", { key: 'b22d88f6b62e988057db205e8b493a31cb9eabdc', class: "qds-container" }, h("input", { key: 'c1510dc602adc3cf9470edbc6fa95af12f701b9a',
+            }, "data-size": __classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedSize_get) }, h("div", { key: 'f4761b84afd3a10bff6367b2b22628cbf22d01d6', class: "qds-container" }, h("input", { key: 'e29721f3efccdcbf3ca70e733c8932b69d134b5c',
             // eslint-disable-next-line jsx-a11y/no-autofocus
-            autoFocus: this.host.autofocus, checked: __classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? false : this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), disabled: __classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get), indeterminate: this.indeterminate, onBlur: __classPrivateFieldGet$1(this, _Checkbox_onBlur, "f"), onFocus: __classPrivateFieldGet$1(this, _Checkbox_onFocus, "f"), required: this.required, tabIndex: __classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", "aria-label": this.checkboxOnly ? this.text : undefined, ...__classPrivateFieldGet$1(this, _Checkbox_inheritedAttributes, "f") }), h("qds-icon", { key: '7fd98e670537e117298a45d854b34fb9060a8850', "aria-hidden": "true", class: {
+            autoFocus: this.host.autofocus, checked: __classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? false : this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), disabled: __classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get), indeterminate: this.indeterminate, onBlur: __classPrivateFieldGet$1(this, _Checkbox_onBlur, "f"), onFocus: __classPrivateFieldGet$1(this, _Checkbox_onFocus, "f"), required: this.required, tabIndex: __classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", "aria-label": this.checkboxOnly ? this.text : undefined, ...__classPrivateFieldGet$1(this, _Checkbox_inheritedAttributes, "f") }), h("qds-icon", { key: '83ec6c6752f5c0138d3adb3fa4f1e04dd78e83ea', class: {
                 'qds-icon': true,
                 'qds-checked': true,
-            }, "data-size": __classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "checked" }), h("qds-icon", { key: '7d5266124a946507ee7384a7086af51e6f5a1d66', "aria-hidden": "true", class: {
+            }, "data-size": __classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "checked" }), h("qds-icon", { key: 'dfbbe3c44f7ee900706fbda544e4c9c709895608', class: {
                 'qds-icon': true,
                 'qds-indeterminate': true,
-            }, "data-size": __classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "indeterminate" })), __classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_hasText_get) && (h("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$1(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "indeterminate" })), __classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_hasText_get) && (h("span", { key: 'cdb7452d5230c202e957a1c1223549f4e1a8131b', class: "qds-label-inner", "data-size": __classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), ref: __classPrivateFieldGet$1(this, _Checkbox_spanRef, "f") }, this.required === true && h("span", { key: 'bfcda68d1914a4942ab46cc4b421a7918f89ac6d', class: "qds-required" }, "*"), this.text)), this.tooltip && (h("qds-tooltip", { key: '314e615f55bd825269f44513ab50b5059755e6f3', "aria-hidden": "true", class: "qds-tooltip", ref: __classPrivateFieldGet$1(this, _Checkbox_tooltipRef, "f") }, this.text))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
@@ -255,10 +317,11 @@ const Checkbox = class {
         "checked": ["checkedChanged"],
         "disabled": ["disabledChanged"],
         "tabindex": ["tabindexChanged"],
+        "text": ["textChanged"],
         "value": ["valueChanged"]
     }; }
 };
-_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)) &&
@@ -286,7 +349,7 @@ _Checkbox_inheritedAttributes = new WeakMap(), _Checkbox_onBlur = new WeakMap(),
 };
 Checkbox.style = checkboxCss;
 
-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{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
 //
@@ -307,7 +370,7 @@ var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) ||
         throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _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;
 const Radio = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -326,19 +389,37 @@ const Radio = class {
          * 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(this, _Radio_input, input, "f");
         });
         _Radio_onBlur.set(this, (event) => {
             this.blurEmitter.emit(pickFocusEventAttributes(event));
-        });
-        _Radio_onChange.set(this, () => {
-            this.changeEmitter.emit();
+            if (__classPrivateFieldGet(this, _Radio_tooltip, "f"))
+                ignorePromise(__classPrivateFieldGet(this, _Radio_tooltip, "f").close());
         });
         _Radio_onFocus.set(this, (event) => {
             this.focusEmitter.emit(pickFocusEventAttributes(event));
+            if (__classPrivateFieldGet(this, _Radio_tooltip, "f"))
+                ignorePromise(__classPrivateFieldGet(this, _Radio_tooltip, "f").show());
+        });
+        _Radio_spanRef.set(this, (span) => {
+            __classPrivateFieldSet(this, _Radio_span, span, "f");
+        });
+        _Radio_tooltipRef.set(this, (tooltip) => {
+            if (tooltip) {
+                // eslint-disable-next-line no-param-reassign
+                tooltip.target = this.host;
+                __classPrivateFieldSet(this, _Radio_tooltip, tooltip, "f");
+            }
+        });
+        _Radio_onChange.set(this, () => {
+            this.changeEmitter.emit();
         });
     }
     onClick(event) {
@@ -354,26 +435,48 @@ const Radio = class {
         this.tabIndex =
             parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
     }
+    textChanged() {
+        if (__classPrivateFieldGet(this, _Radio_ro, "f"))
+            __classPrivateFieldGet(this, _Radio_ro, "f").disconnect();
+        if (!__classPrivateFieldGet(this, _Radio_span, "f"))
+            return;
+        const span = __classPrivateFieldGet(this, _Radio_span, "f");
+        readTask(() => {
+            this.tooltip = isEllipsisActive(span);
+        });
+        __classPrivateFieldSet(this, _Radio_ro, new ResizeObserver(([spanEntry]) => {
+            this.tooltip = isEllipsisActive(spanEntry.target);
+        }), "f");
+        __classPrivateFieldGet(this, _Radio_ro, "f").observe(__classPrivateFieldGet(this, _Radio_span, "f"));
+    }
     componentWillLoad() {
         __classPrivateFieldSet(this, _Radio_inheritedAttributes, inheritAriaAttributes(this.host), "f");
         this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
     }
+    componentDidLoad() {
+        this.textChanged();
+    }
+    disconnectedCallback() {
+        if (__classPrivateFieldGet(this, _Radio_ro, "f"))
+            __classPrivateFieldGet(this, _Radio_ro, "f").disconnect();
+    }
     render() {
         return (
         // eslint-disable-next-line jsx-a11y/label-has-associated-control
-        h("label", { key: '978a5c457627a622001bc271320bea35b884d0e5', "aria-disabled": __classPrivateFieldGet(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? 'true' : undefined, class: {
+        h("label", { key: '62bb3624c0b808bd128e2377215d63ed03f03c9f', "aria-disabled": __classPrivateFieldGet(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? 'true' : undefined, class: {
                 'qds-inline': this.inline,
                 'qds-label': true,
-            }, "data-size": __classPrivateFieldGet(this, _Radio_instances, "a", _Radio_computedSize_get) }, h("div", { key: 'fbd24e10474b10f707f40b50955763f3f47fe641', class: "qds-container" }, h("input", { key: 'd87badaed53c1c21d65b265256fdd4d4971f6e38',
+            }, "data-size": __classPrivateFieldGet(this, _Radio_instances, "a", _Radio_computedSize_get) }, h("div", { key: '0162d9e7c109e914c2450ea0ecbeeb17e228d106', class: "qds-container" }, h("input", { key: '076c5b110f38044837431b6d1d43196700ec97b2',
             // eslint-disable-next-line jsx-a11y/no-autofocus
-            autoFocus: this.host.autofocus, checked: this.checked, class: "qds-radio", "data-size": __classPrivateFieldGet(this, _Radio_instances, "a", _Radio_computedSize_get), disabled: this.disabled, form: this.form, name: this.name, onBlur: __classPrivateFieldGet(this, _Radio_onBlur, "f"), onChange: __classPrivateFieldGet(this, _Radio_onChange, "f"), onFocus: __classPrivateFieldGet(this, _Radio_onFocus, "f"), ref: __classPrivateFieldGet(this, _Radio_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? undefined : this.tabIndex, type: "radio", value: this.value ?? undefined, ...__classPrivateFieldGet(this, _Radio_inheritedAttributes, "f") }), h("qds-icon", { key: '6ad0f0e46f80246e4ebc1b50d09c0ec2c4dfcf95', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet(this, _Radio_instances, "a", _Radio_computedSize_get), library: "core", name: "checked-radio" })), __classPrivateFieldGet(this, _Radio_instances, "a", _Radio_hasText_get) && (h("qds-label", { key: '314a20e47c0ccc0841d2c02d4e4174729f3bd5e0', class: "qds-label-inner", size: __classPrivateFieldGet(this, _Radio_instances, "a", _Radio_computedSize_get), text: this.text }))));
+            autoFocus: this.host.autofocus, checked: this.checked, class: "qds-radio", "data-size": __classPrivateFieldGet(this, _Radio_instances, "a", _Radio_computedSize_get), disabled: this.disabled, form: this.form, name: this.name, onBlur: __classPrivateFieldGet(this, _Radio_onBlur, "f"), onChange: __classPrivateFieldGet(this, _Radio_onChange, "f"), onFocus: __classPrivateFieldGet(this, _Radio_onFocus, "f"), ref: __classPrivateFieldGet(this, _Radio_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? undefined : this.tabIndex, type: "radio", value: this.value ?? undefined, ...__classPrivateFieldGet(this, _Radio_inheritedAttributes, "f") }), h("qds-icon", { key: '668a2d22e68b6f1d49cb5b9798b99dbd6d5a05a5', class: "qds-icon", "data-size": __classPrivateFieldGet(this, _Radio_instances, "a", _Radio_computedSize_get), library: "core", name: "checked-radio" })), __classPrivateFieldGet(this, _Radio_instances, "a", _Radio_hasText_get) && (h("span", { key: 'f1205a0e975d4e59a907239a0371fe8864e5adfd', class: "qds-label-inner", "data-size": __classPrivateFieldGet(this, _Radio_instances, "a", _Radio_computedSize_get), ref: __classPrivateFieldGet(this, _Radio_spanRef, "f") }, this.required === true && h("span", { key: '77c767cab283f45e4f5d4d23caab06ddd200c214', class: "qds-required" }, "*"), this.text)), this.tooltip && (h("qds-tooltip", { key: '905dbef82ca3a3803e536bceca43c1bee35eb195', "aria-hidden": "true", class: "qds-tooltip", ref: __classPrivateFieldGet(this, _Radio_tooltipRef, "f") }, this.text))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
-        "tabindex": ["tabindexChanged"]
+        "tabindex": ["tabindexChanged"],
+        "text": ["textChanged"]
     }; }
 };
-_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) {

package/dist/esm/qds-badge-counter.qds-badge-indicator.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"qds-badge-counter.qds-badge-indicator.entry.js","sources":["src/components/badge-counter/badge-counter.css?tag=qds-badge-counter&encapsulation=shadow","src/components/badge-counter/badge-counter.tsx","src/components/badge-indicator/badge-indicator.css?tag=qds-badge-indicator&encapsulation=shadow","src/components/badge-indicator/badge-indicator.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: inline-block;\n}\n\n.qds-badge-counter {\n  align-items: center;\n  background-color: var(--qds-theme-feedback-message-neutral);\n  border-radius: var(--qds-feedback-rounded-border-radius);\n  color: var(--qds-theme-feedback-message-neutral-contrast);\n  display: flex;\n  font: var(--qds-feedback-badge-counter-standard-text);\n  height: var(--qds-feedback-badge-counter-standard-height);\n  justify-content: center;\n  margin: 0;\n  padding-inline: var(--qds-feedback-badge-counter-standard-padding-horizontal);\n  text-align: center;\n}\n\n.qds-stroke-ring {\n  border: var(--qds-feedback-badge-border-width) solid\n    var(--qds-theme-feedback-message-neutral-contrast);\n}\n\n.qds-sr-only {\n  clip: rect(0 0 0 0);\n  height: 1px;\n  width: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n}\n\n[data-importance='emphasized'] {\n  background-color: var(--qds-theme-signature-color-contrast);\n  color: var(--qds-theme-signature-color-default);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-signature-color-default);\n  }\n}\n\n[data-importance='subdued'] {\n  background-color: var(--qds-theme-feedback-message-informational);\n  color: var(--qds-theme-feedback-message-informational-contrast);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-informational-contrast);\n  }\n}\n\n[data-importance='destructive'] {\n  background-color: var(--qds-theme-feedback-message-critical-contrast);\n  color: var(--qds-theme-feedback-message-critical);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-critical);\n  }\n}\n\n[data-importance='subdued-destructive'] {\n  color: var(--qds-theme-feedback-message-critical-contrast);\n  background-color: var(--qds-theme-feedback-message-critical);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-critical-contrast);\n  }\n}\n\n[data-size='small'] {\n  font: var(--qds-feedback-badge-counter-small-text);\n  height: var(--qds-feedback-badge-counter-small-height);\n  padding-inline: var(--qds-feedback-badge-counter-small-padding-horizontal);\n}\n\n[data-size='large'] {\n  font: var(--qds-feedback-badge-counter-large-text);\n  height: var(--qds-feedback-badge-counter-large-height);\n  padding-inline: var(--qds-feedback-badge-counter-large-padding-horizontal);\n}\n\n[data-size='hero'] {\n  font: var(--qds-feedback-badge-counter-hero-text);\n  height: var(--qds-feedback-badge-counter-hero-height);\n  padding-inline: var(--qds-feedback-badge-counter-hero-padding-horizontal);\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, h, Prop } from '@stencil/core'\n\nimport type { Importance, Size } from '../shared'\n\nexport type BadgeCounterImportance =\n  | Importance\n  | 'destructive'\n  | 'subdued-destructive'\nexport type BadgeCounterSize = Size | 'hero'\n\n/**\n * The `<qds-badge-counter>` element is a small, rounded UI element used to\n * display numerical values or counts. It is designed to draw the user's eye to\n * important or dynamic content by providing a visual cue that a countable\n * event or item has occurred or is waiting to be addressed.\n */\n@Component({\n  tag: 'qds-badge-counter',\n  shadow: true,\n  styleUrl: 'badge-counter.css',\n})\nexport class BadgeCounter implements ComponentInterface {\n  /**\n   * Adds accessible text to the qds-badge-counter that will be used by screen\n   * readers.\n   *\n   * @example\n   * <qds-badge-counter value={2} description=\"new notifications\"></qds-badge-counter>\n   * // This qds-badge-counter will be read by screen readers as \"two new notifications\"\n   */\n  @Prop() public readonly description?: string\n\n  /**\n   * The badge counter's importance.\n   */\n  @Prop() public readonly importance?: BadgeCounterImportance = 'standard'\n\n  /**\n   * The badge counter's size.\n   */\n  @Prop() public readonly size?: BadgeCounterSize = 'standard'\n\n  /**\n   * Shows a stroke ring around the component for better visibility\n   */\n  @Prop() public readonly strokeRing: boolean = false\n\n  /**\n   * The badge-counter's value.\n   */\n  @Prop() public readonly value!: number | string\n\n  get #computedValue(): string {\n    const value =\n      typeof this.value === 'string'\n        ? Number.parseInt(this.value, 10)\n        : // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n          (this.value ?? Number.NaN)\n    if (Number.isNaN(value) || value < 0) return ''\n\n    return value < 100 ? value.toString() : '99+'\n  }\n\n  get #computedImportance(): BadgeCounterImportance {\n    switch (this.importance) {\n      case 'subdued':\n      case 'destructive':\n      case 'subdued-destructive':\n      case 'emphasized': {\n        return this.importance\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  get #computedSize(): BadgeCounterSize {\n    switch (this.size) {\n      case 'hero':\n      case 'large':\n      case 'small': {\n        return this.size\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  public render() {\n    return (\n      <span\n        class={{\n          'qds-badge-counter': true,\n          'qds-stroke-ring': this.strokeRing,\n        }}\n        data-importance={this.#computedImportance}\n        data-size={this.#computedSize}\n      >\n        {this.#computedValue}\n        <span class=\"qds-sr-only\">{this.description}</span>\n      </span>\n    )\n  }\n}\n","/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: inline-block;\n}\n\n.qds-badge-indicator {\n  align-items: center;\n  background-color: var(--qds-theme-feedback-message-neutral);\n  border-radius: var(--qds-feedback-rounded-border-radius);\n  display: flex;\n  height: var(--qds-badge-indicator-standard-height);\n  justify-content: center;\n  width: var(--qds-badge-indicator-standard-height);\n}\n\n.qds-stroke-ring {\n  border: var(--qds-feedback-badge-border-width) solid\n    var(--qds-theme-feedback-message-neutral-contrast);\n}\n\n.qds-sr-only {\n  clip: rect(0 0 0 0);\n  height: 1px;\n  width: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n}\n\n[data-status='error'] {\n  background-color: var(--qds-theme-feedback-message-critical);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-neutral-contrast);\n  }\n}\n\n[data-status='info'] {\n  background-color: var(--qds-theme-feedback-message-informational);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-neutral-contrast);\n  }\n}\n\n[data-status='neutral'] {\n  background-color: var(--qds-theme-feedback-message-neutral);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-neutral-contrast);\n  }\n}\n\n[data-status='success'] {\n  background-color: var(--qds-theme-signature-color-default);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-neutral-contrast);\n  }\n}\n\n[data-status='warning'] {\n  background-color: var(--qds-theme-feedback-message-important);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-neutral-contrast);\n  }\n}\n\n[data-size='small'] {\n  height: var(--qds-feedback-badge-indicator-small-size);\n  width: var(--qds-feedback-badge-indicator-small-size);\n}\n\n[data-size='standard'] {\n  height: var(--qds-feedback-badge-indicator-standard-size);\n  width: var(--qds-feedback-badge-indicator-standard-size);\n}\n\n[data-size='large'] {\n  height: var(--qds-feedback-badge-indicator-large-size);\n  width: var(--qds-feedback-badge-indicator-large-size);\n}\n\n[data-size='hero'] {\n  height: var(--qds-feedback-badge-indicator-hero-size);\n  width: var(--qds-feedback-badge-indicator-hero-size);\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, h, Prop } from '@stencil/core'\n\nimport type { Size, Status } from '../shared'\n\nexport type BadgeIndicatorSize = Size | 'hero'\nexport type BadgeIndicatorStatus = Status | 'neutral'\n\n/**\n * The `<qds-badge-indicator>` element is a small, rounded UI element used to\n * display status indicators. It is designed to draw the user's eye to\n * important or dynamic content by providing a visual cue that an event has\n * occurred or is waiting to be addressed.\n */\n@Component({\n  tag: 'qds-badge-indicator',\n  shadow: true,\n  styleUrl: 'badge-indicator.css',\n})\nexport class BadgeIndicator implements ComponentInterface {\n  /**\n   * Adds accessible text to the qds-badge-indicator that will be used by\n   * screen readers.\n   *\n   * @example\n   * <qds-badge-indicator description=\"success\"></qds-badge-indicator>\n   * // This qds-badge-indicator will be read by screen readers as \"success\"\n   */\n  @Prop() public readonly description?: string\n\n  /**\n   * The badge indicator's size.\n   */\n  @Prop() public readonly size?: BadgeIndicatorSize = 'standard'\n\n  /**\n   * The badge indicator's status.\n   */\n  @Prop() public readonly status?: BadgeIndicatorStatus = 'neutral'\n\n  /**\n   * Shows a stroke ring around the badge indicator for better visibility.\n   */\n  @Prop() public readonly strokeRing: boolean = false\n\n  get #computedStatus(): BadgeIndicatorStatus {\n    switch (this.status) {\n      case 'error':\n      case 'info':\n      case 'success':\n      case 'warning': {\n        return this.status\n      }\n      default: {\n        return 'neutral'\n      }\n    }\n  }\n\n  get #computedSize(): BadgeIndicatorSize {\n    switch (this.size) {\n      case 'hero':\n      case 'large':\n      case 'small': {\n        return this.size\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  public render() {\n    return (\n      <div\n        class={{\n          'qds-badge-indicator': true,\n          'qds-stroke-ring': this.strokeRing,\n        }}\n        data-size={this.#computedSize}\n        data-status={this.#computedStatus}\n      >\n        <span class=\"qds-sr-only\">{this.description}</span>\n      </div>\n    )\n  }\n}\n"],"names":["__classPrivateFieldGet"],"mappings":"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"}
+{"version":3,"file":"qds-badge-counter.qds-badge-indicator.entry.js","sources":["src/components/badge-counter/badge-counter.css?tag=qds-badge-counter&encapsulation=shadow","src/components/badge-counter/badge-counter.tsx","src/components/badge-indicator/badge-indicator.css?tag=qds-badge-indicator&encapsulation=shadow","src/components/badge-indicator/badge-indicator.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: inline-block;\n}\n\n.qds-badge-counter {\n  align-items: center;\n  background-color: var(--qds-theme-feedback-message-neutral);\n  border-radius: var(--qds-feedback-rounded-border-radius);\n  color: var(--qds-theme-feedback-message-neutral-contrast);\n  display: flex;\n  font: var(--qds-feedback-badge-counter-standard-text);\n  height: var(--qds-feedback-badge-counter-standard-height);\n  min-width: var(--qds-feedback-badge-counter-standard-min-width);\n  justify-content: center;\n  margin: 0;\n  padding-inline: var(--qds-feedback-badge-counter-standard-padding-horizontal);\n  text-align: center;\n}\n\n.qds-stroke-ring {\n  border: var(--qds-feedback-badge-border-width) solid\n    var(--qds-theme-feedback-message-neutral-contrast);\n}\n\n.qds-sr-only {\n  clip: rect(0 0 0 0);\n  height: 1px;\n  width: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n}\n\n[data-importance='emphasized'] {\n  background-color: var(--qds-theme-signature-color-contrast);\n  color: var(--qds-theme-signature-color-default);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-signature-color-default);\n  }\n}\n\n[data-importance='subdued'] {\n  background-color: var(--qds-theme-feedback-message-informational);\n  color: var(--qds-theme-feedback-message-informational-contrast);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-informational-contrast);\n  }\n}\n\n[data-importance='destructive'] {\n  background-color: var(--qds-theme-feedback-message-critical-contrast);\n  color: var(--qds-theme-feedback-message-critical);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-critical);\n  }\n}\n\n[data-importance='subdued-destructive'] {\n  color: var(--qds-theme-feedback-message-critical-contrast);\n  background-color: var(--qds-theme-feedback-message-critical);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-critical-contrast);\n  }\n}\n\n[data-size='small'] {\n  font: var(--qds-feedback-badge-counter-small-text);\n  height: var(--qds-feedback-badge-counter-small-height);\n  min-width: var(--qds-feedback-badge-counter-small-min-width);\n  padding-inline: var(--qds-feedback-badge-counter-small-padding-horizontal);\n}\n\n[data-size='large'] {\n  font: var(--qds-feedback-badge-counter-large-text);\n  height: var(--qds-feedback-badge-counter-large-height);\n  min-width: var(--qds-feedback-badge-counter-large-min-width);\n  padding-inline: var(--qds-feedback-badge-counter-large-padding-horizontal);\n}\n\n[data-size='hero'] {\n  font: var(--qds-feedback-badge-counter-hero-text);\n  height: var(--qds-feedback-badge-counter-hero-height);\n  padding-inline: var(--qds-feedback-badge-counter-hero-padding-horizontal);\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, h, Prop } from '@stencil/core'\n\nimport type { Importance, Size } from '../shared'\n\nexport type BadgeCounterImportance =\n  | Importance\n  | 'destructive'\n  | 'subdued-destructive'\nexport type BadgeCounterSize = Size | 'hero'\n\n/**\n * The `<qds-badge-counter>` element is a small, rounded UI element used to\n * display numerical values or counts. It is designed to draw the user's eye to\n * important or dynamic content by providing a visual cue that a countable\n * event or item has occurred or is waiting to be addressed.\n */\n@Component({\n  tag: 'qds-badge-counter',\n  shadow: true,\n  styleUrl: 'badge-counter.css',\n})\nexport class BadgeCounter implements ComponentInterface {\n  /**\n   * Adds accessible text to the qds-badge-counter that will be used by screen\n   * readers.\n   *\n   * @example\n   * <qds-badge-counter value={2} description=\"new notifications\"></qds-badge-counter>\n   * // This qds-badge-counter will be read by screen readers as \"two new notifications\"\n   */\n  @Prop() public readonly description?: string\n\n  /**\n   * The badge counter's importance.\n   */\n  @Prop() public readonly importance?: BadgeCounterImportance = 'standard'\n\n  /**\n   * The badge counter's size.\n   */\n  @Prop() public readonly size?: BadgeCounterSize = 'standard'\n\n  /**\n   * Shows a stroke ring around the component for better visibility\n   */\n  @Prop() public readonly strokeRing: boolean = false\n\n  /**\n   * The badge-counter's value.\n   */\n  @Prop() public readonly value!: number | string\n\n  get #computedValue(): string {\n    const value =\n      typeof this.value === 'string'\n        ? Number.parseInt(this.value, 10)\n        : // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n          (this.value ?? Number.NaN)\n    if (Number.isNaN(value) || value < 0) return ''\n\n    return value < 100 ? value.toString() : '99+'\n  }\n\n  get #computedImportance(): BadgeCounterImportance {\n    switch (this.importance) {\n      case 'subdued':\n      case 'destructive':\n      case 'subdued-destructive':\n      case 'emphasized': {\n        return this.importance\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  get #computedSize(): BadgeCounterSize {\n    switch (this.size) {\n      case 'hero':\n      case 'large':\n      case 'small': {\n        return this.size\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  public render() {\n    return (\n      <span\n        class={{\n          'qds-badge-counter': true,\n          'qds-stroke-ring': this.strokeRing,\n        }}\n        data-importance={this.#computedImportance}\n        data-size={this.#computedSize}\n      >\n        {this.#computedValue}\n        <span class=\"qds-sr-only\">{this.description}</span>\n      </span>\n    )\n  }\n}\n","/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: inline-block;\n}\n\n.qds-badge-indicator {\n  align-items: center;\n  background-color: var(--qds-theme-feedback-message-neutral);\n  border-radius: var(--qds-feedback-rounded-border-radius);\n  display: flex;\n  height: var(--qds-badge-indicator-standard-height);\n  justify-content: center;\n  width: var(--qds-badge-indicator-standard-height);\n}\n\n.qds-stroke-ring {\n  border: var(--qds-feedback-badge-border-width) solid\n    var(--qds-theme-feedback-message-neutral-contrast);\n}\n\n.qds-sr-only {\n  clip: rect(0 0 0 0);\n  height: 1px;\n  width: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n}\n\n[data-status='error'] {\n  background-color: var(--qds-theme-feedback-message-critical);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-neutral-contrast);\n  }\n}\n\n[data-status='info'] {\n  background-color: var(--qds-theme-feedback-message-informational);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-neutral-contrast);\n  }\n}\n\n[data-status='neutral'] {\n  background-color: var(--qds-theme-feedback-message-neutral);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-neutral-contrast);\n  }\n}\n\n[data-status='success'] {\n  background-color: var(--qds-theme-signature-color-default);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-neutral-contrast);\n  }\n}\n\n[data-status='warning'] {\n  background-color: var(--qds-theme-feedback-message-important);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-neutral-contrast);\n  }\n}\n\n[data-size='small'] {\n  height: var(--qds-feedback-badge-indicator-small-size);\n  width: var(--qds-feedback-badge-indicator-small-size);\n}\n\n[data-size='standard'] {\n  height: var(--qds-feedback-badge-indicator-standard-size);\n  width: var(--qds-feedback-badge-indicator-standard-size);\n}\n\n[data-size='large'] {\n  height: var(--qds-feedback-badge-indicator-large-size);\n  width: var(--qds-feedback-badge-indicator-large-size);\n}\n\n[data-size='hero'] {\n  height: var(--qds-feedback-badge-indicator-hero-size);\n  width: var(--qds-feedback-badge-indicator-hero-size);\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, h, Prop } from '@stencil/core'\n\nimport type { Size, Status } from '../shared'\n\nexport type BadgeIndicatorSize = Size | 'hero'\nexport type BadgeIndicatorStatus = Status | 'neutral'\n\n/**\n * The `<qds-badge-indicator>` element is a small, rounded UI element used to\n * display status indicators. It is designed to draw the user's eye to\n * important or dynamic content by providing a visual cue that an event has\n * occurred or is waiting to be addressed.\n */\n@Component({\n  tag: 'qds-badge-indicator',\n  shadow: true,\n  styleUrl: 'badge-indicator.css',\n})\nexport class BadgeIndicator implements ComponentInterface {\n  /**\n   * Adds accessible text to the qds-badge-indicator that will be used by\n   * screen readers.\n   *\n   * @example\n   * <qds-badge-indicator description=\"success\"></qds-badge-indicator>\n   * // This qds-badge-indicator will be read by screen readers as \"success\"\n   */\n  @Prop() public readonly description?: string\n\n  /**\n   * The badge indicator's size.\n   */\n  @Prop() public readonly size?: BadgeIndicatorSize = 'standard'\n\n  /**\n   * The badge indicator's status.\n   */\n  @Prop() public readonly status?: BadgeIndicatorStatus = 'neutral'\n\n  /**\n   * Shows a stroke ring around the badge indicator for better visibility.\n   */\n  @Prop() public readonly strokeRing: boolean = false\n\n  get #computedStatus(): BadgeIndicatorStatus {\n    switch (this.status) {\n      case 'error':\n      case 'info':\n      case 'success':\n      case 'warning': {\n        return this.status\n      }\n      default: {\n        return 'neutral'\n      }\n    }\n  }\n\n  get #computedSize(): BadgeIndicatorSize {\n    switch (this.size) {\n      case 'hero':\n      case 'large':\n      case 'small': {\n        return this.size\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  public render() {\n    return (\n      <div\n        class={{\n          'qds-badge-indicator': true,\n          'qds-stroke-ring': this.strokeRing,\n        }}\n        data-size={this.#computedSize}\n        data-status={this.#computedStatus}\n      >\n        <span class=\"qds-sr-only\">{this.description}</span>\n      </div>\n    )\n  }\n}\n"],"names":["__classPrivateFieldGet"],"mappings":"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"}

package/dist/esm/qds-badge-counter_2.entry.js

@@ -5,7 +5,7 @@
  */
 import { r as registerInstance, h } from './index-Hg1Liloy.js';
 
-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
 //

package/dist/esm/qds-breadcrumb-item.entry.js

@@ -4,9 +4,9 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { r as registerInstance, a as readTask, h, F as Fragment } from './index-Hg1Liloy.js';
-import { a as isEllipsisActive, b as isCurrentPage } from './helpers-BgaJNF9u.js';
+import { a as isEllipsisActive, b as isCurrentPage } from './helpers-Fe2AA6uo.js';
 
-const breadcrumbItemCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-breadcrumb-item{align-items:center;display:inline-flex;font:var(--qds-control-standard-text);gap:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-control-standard-height);width:inherit}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{flex-shrink:0;height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-divider{margin-inline:auto}.qds-overflow{line-height:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-anchor,.qds-breadcrumb-item{color:var(--qds-theme-control-text-standard)}.qds-anchor:focus-visible,.qds-breadcrumb-item: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}";
+const breadcrumbItemCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-breadcrumb-item{align-items:center;display:inline-flex;font:var(--qds-control-standard-text);gap:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-control-standard-height);width:inherit}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{flex-shrink:0;height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-divider{margin-inline:auto}.qds-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-anchor{font:var(--qds-control-standard-link)}.qds-anchor,.qds-breadcrumb-item{color:var(--qds-theme-control-text-standard)}.qds-anchor:focus-visible,.qds-breadcrumb-item: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}";
 
 // SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
@@ -100,9 +100,9 @@ const QdsBreadcrumbItem = class {
         return (h("div", { key: '98651d2afead065d1dc9955fecbba5a3c56b9c99', class: {
                 'qds-breadcrumb-item': true,
                 'qds-disabled': __classPrivateFieldGet(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_computedDisabled_get),
-            }, ref: this.href === undefined ? __classPrivateFieldGet(this, _QdsBreadcrumbItem_breadcrumbItemRef, "f") : undefined, tabIndex: this.tooltip && this.href === undefined ? 0 : undefined }, this.iconName !== undefined && this.iconName !== '' && (h("qds-icon", { key: '148c315f31e52b9766689d8f0bed862cf1d96e28', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName })), this.href === undefined || __classPrivateFieldGet(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_isCurrentPage_get)
+            }, ref: this.href === undefined ? __classPrivateFieldGet(this, _QdsBreadcrumbItem_breadcrumbItemRef, "f") : undefined, tabIndex: this.tooltip && this.href === undefined ? 0 : undefined }, this.iconName !== undefined && this.iconName !== '' && (h("qds-icon", { key: '9126433ac3532b3716d5821568d65a74b45c7145', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), this.href === undefined || __classPrivateFieldGet(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_isCurrentPage_get)
             ? __classPrivateFieldGet(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderText).call(this)
-            : __classPrivateFieldGet(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderAnchor).call(this), this.tooltip && (h("qds-tooltip", { key: 'b17a3515b3f6c786bfdd16f4e01e951c477c1c66', "aria-hidden": "true", ref: __classPrivateFieldGet(this, _QdsBreadcrumbItem_tooltipRef, "f") }, this.text))));
+            : __classPrivateFieldGet(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderAnchor).call(this), this.tooltip && (h("qds-tooltip", { key: '8db1c84dea739706bb39ebbfe3824b4adbe2765c', "aria-hidden": "true", ref: __classPrivateFieldGet(this, _QdsBreadcrumbItem_tooltipRef, "f") }, this.text))));
     }
     static get delegatesFocus() { return true; }
     static get watchers() { return {