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

package/components/qds-action-item.js

@@ -4,9 +4,9 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { p as proxyCustomElement, H, c as createEvent, d as readTask, h } from './p-D2489VzR.js';
-import { p as pickFocusEventAttributes, i as invariant, a as isEllipsisActive } from './p-BoqB4ddF.js';
+import { i as ignorePromise, p as pickFocusEventAttributes, a as invariant, b as isEllipsisActive } from './p-eUDNu0SE.js';
 import { d as defineCustomElement$3 } from './p-fKK7EmM2.js';
-import { d as defineCustomElement$2 } from './p-CQ-Ilm5d.js';
+import { d as defineCustomElement$2 } from './p-B9xuNEzc.js';
 
 const actionItemCss = ":host([hidden]){display:none!important}:host{display: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-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{flex-shrink:0}.qds-text{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-action-item{align-items:center;border:none;border-radius:var(--qds-control-border-radius);box-sizing:border-box;cursor:pointer;display:flex}.qds-action-item:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-action-item:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-action-item[data-size=small]{gap:var(--qds-list-item-small-gap-internal);min-height:var(--qds-list-item-small-height);padding-block:var(--qds-list-item-small-padding-vertical);padding-inline: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-text{font:var(--qds-list-item-small-title)}.qds-action-item[data-size=standard]{gap:var(--qds-list-item-standard-gap-internal);min-height:var(--qds-list-item-standard-height);padding-block:var(--qds-list-item-standard-padding-vertical);padding-inline: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-text{font:var(--qds-list-item-standard-title)}.qds-action-item[data-size=large]{gap:var(--qds-list-item-large-gap-internal);min-height:var(--qds-list-item-large-height);padding-block:var(--qds-list-item-large-padding-vertical);padding-inline: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-text{font:var(--qds-list-item-large-title)}[data-importance=standard] .qds-text{color:var(--qds-theme-text-standard)}[data-importance=standard] .qds-icon{color:var(--qds-theme-control-text-standard)}.qds-action-item[data-importance=emphasized] .qds-icon,.qds-action-item[data-importance=emphasized] .qds-text{color:var(--qds-theme-signature-color-default)}.qds-action-item[data-importance=emphasized]:hover .qds-icon,.qds-action-item[data-importance=emphasized]:hover .qds-text{color:var(--qds-theme-signature-color-hover)}.qds-action-item[data-importance=emphasized]:active .qds-icon,.qds-action-item[data-importance=emphasized]:active .qds-text{color:var(--qds-theme-signature-color-pressed)}.qds-action-item[data-importance=subdued] .qds-icon,.qds-action-item[data-importance=subdued] .qds-text{color:var(--qds-theme-link-standard-default)}.qds-action-item[data-importance=subdued]:hover .qds-icon,.qds-action-item[data-importance=subdued]:hover .qds-text{color:var(--qds-theme-link-standard-hover)}.qds-action-item[data-importance=subdued]:active .qds-icon,.qds-action-item[data-importance=subdued]:active .qds-text{color:var(--qds-theme-link-standard-pressed)}.qds-action-item[data-importance=destructive] .qds-icon,.qds-action-item[data-importance=destructive] .qds-text{color:var(--qds-theme-feedback-action-destructive-default)}.qds-action-item[data-importance=destructive]:hover .qds-icon,.qds-action-item[data-importance=destructive]:hover .qds-text{color:var(--qds-theme-feedback-action-destructive-hover)}.qds-action-item[data-importance=destructive]:active .qds-icon,.qds-action-item[data-importance=destructive]:active .qds-text{color:var(--qds-theme-feedback-action-destructive-pressed)}";
 
@@ -29,7 +29,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 _ActionItem_instances, _ActionItem_ro, _ActionItem_actionItem, _ActionItem_span, _ActionItem_computedSize_get, _ActionItem_computedImportance_get, _ActionItem_computedDisabled_get, _ActionItem_actionDivRef, _ActionItem_spanRef, _ActionItem_tooltipRef;
+var _ActionItem_instances, _ActionItem_ro, _ActionItem_span, _ActionItem_tooltipElement, _ActionItem_computedSize_get, _ActionItem_computedImportance_get, _ActionItem_computedDisabled_get, _ActionItem_spanRef, _ActionItem_tooltipRef;
 const ActionItem = /*@__PURE__*/ proxyCustomElement(class ActionItem extends H {
     constructor(registerHost) {
         super();
@@ -60,23 +60,30 @@ const ActionItem = /*@__PURE__*/ proxyCustomElement(class ActionItem extends H {
         this.size = 'standard';
         this.tooltip = false;
         _ActionItem_ro.set(this, void 0);
-        _ActionItem_actionItem.set(this, void 0);
         _ActionItem_span.set(this, void 0);
-        _ActionItem_actionDivRef.set(this, (actionItem) => {
-            __classPrivateFieldSet(this, _ActionItem_actionItem, actionItem, "f");
-        });
+        _ActionItem_tooltipElement.set(this, void 0);
         _ActionItem_spanRef.set(this, (span) => {
             __classPrivateFieldSet(this, _ActionItem_span, span, "f");
         });
         _ActionItem_tooltipRef.set(this, (tooltip) => {
-            if (tooltip)
-                // eslint-disable-next-line no-param-reassign
-                tooltip.target = __classPrivateFieldGet(this, _ActionItem_actionItem, "f");
+            __classPrivateFieldSet(this, _ActionItem_tooltipElement, tooltip, "f");
         });
     }
     disabledChanged() {
         this.internals.ariaDisabled = this.disabled.toString();
     }
+    tooltipChanged(truncated) {
+        if (!__classPrivateFieldGet(this, _ActionItem_tooltipElement, "f"))
+            return;
+        __classPrivateFieldGet(this, _ActionItem_tooltipElement, "f").target = truncated ? this.host : undefined;
+        if (!truncated) {
+            ignorePromise(__classPrivateFieldGet(this, _ActionItem_tooltipElement, "f").close());
+            return;
+        }
+        if (document.activeElement === this.host &&
+            this.host.matches(':focus-visible'))
+            ignorePromise(__classPrivateFieldGet(this, _ActionItem_tooltipElement, "f").show());
+    }
     onBlur(event) {
         this.blurEmitter.emit(pickFocusEventAttributes(event));
     }
@@ -87,6 +94,17 @@ const ActionItem = /*@__PURE__*/ proxyCustomElement(class ActionItem extends H {
         if (__classPrivateFieldGet(this, _ActionItem_instances, "a", _ActionItem_computedDisabled_get))
             event.stopImmediatePropagation();
     }
+    onPointerleave() {
+        if (!__classPrivateFieldGet(this, _ActionItem_tooltipElement, "f"))
+            return;
+        if (this.host.matches(':focus-visible'))
+            return;
+        /**
+         * Close the tooltip when pointer hover ends unless the item has keyboard-visible focus.
+         * This avoids sticky hover tooltips on auto-focused first dropdown items.
+         * */
+        ignorePromise(__classPrivateFieldGet(this, _ActionItem_tooltipElement, "f").close());
+    }
     componentWillLoad() {
         this.internals.role = 'menuitem';
         this.disabledChanged();
@@ -103,18 +121,20 @@ const ActionItem = /*@__PURE__*/ proxyCustomElement(class ActionItem extends H {
         __classPrivateFieldGet(this, _ActionItem_ro, "f").observe(__classPrivateFieldGet(this, _ActionItem_span, "f"));
     }
     render() {
-        return (h("div", { key: 'c5761b24a5de2f0784850e2c05a35a4ff0d50540', class: {
+        return (h("div", { key: '1299e2b225c006c503772ffe991845dd3146e771', class: {
                 'qds-action-item': true,
                 'qds-disabled': this.disabled,
-            }, ref: __classPrivateFieldGet(this, _ActionItem_actionDivRef, "f"), "data-size": __classPrivateFieldGet(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), "data-importance": __classPrivateFieldGet(this, _ActionItem_instances, "a", _ActionItem_computedImportance_get) }, this.iconName !== undefined && this.iconName !== '' && (h("qds-icon", { key: 'd2409cac17173463348bf2264b68f012270b04ee', class: "qds-icon", "data-size": __classPrivateFieldGet(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), library: this.iconLibrary, name: this.iconName })), h("span", { key: '1bf65623a82dceaa776cb28429760cf7a1a1904f', class: "qds-text", "data-size": __classPrivateFieldGet(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), ref: __classPrivateFieldGet(this, _ActionItem_spanRef, "f") }, this.text), this.action !== undefined && (h("qds-icon", { key: '132eb8d186e9329eeb7b380aea4b3afbb0449731', class: "qds-icon", "data-size": __classPrivateFieldGet(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), name: this.action, library: "core", "aria-label": this.actionDescription, role: "img" })), this.tooltip && (h("qds-tooltip", { key: '77351beaf85712117a076f18adb25f4fc25b64a9', "aria-hidden": "true", ref: __classPrivateFieldGet(this, _ActionItem_tooltipRef, "f") }, this.text))));
+            }, "data-size": __classPrivateFieldGet(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), "data-importance": __classPrivateFieldGet(this, _ActionItem_instances, "a", _ActionItem_computedImportance_get) }, this.iconName !== undefined && this.iconName !== '' && (h("qds-icon", { key: 'd842b78eb7ae8c7b0c1d5f39a77187dd34a03750', class: "qds-icon", "data-size": __classPrivateFieldGet(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), library: this.iconLibrary, name: this.iconName })), h("span", { key: '9caa7922530dcc476fd28ff792b289c4f592f355', class: "qds-text", "data-size": __classPrivateFieldGet(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), ref: __classPrivateFieldGet(this, _ActionItem_spanRef, "f") }, this.text), this.action !== undefined && (h("qds-icon", { key: 'ea40683d2db0ed4cdfde76a3ee5e651a38ea5e95', class: "qds-icon", "data-size": __classPrivateFieldGet(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), name: this.action, library: "core", "aria-label": this.actionDescription, role: "img" })), h("qds-tooltip", { key: '922793a63f11063dcc56c242d2f8bf04995c0a5a', "aria-hidden": "true", ref: __classPrivateFieldGet(this, _ActionItem_tooltipRef, "f") }, this.text)));
     }
+    get host() { return this; }
     static get watchers() { return {
-        "disabled": ["disabledChanged"]
+        "disabled": ["disabledChanged"],
+        "tooltip": ["tooltipChanged"]
     }; }
     static get style() { return actionItemCss; }
 }, [257, "qds-action-item", {
         "importance": [1],
-        "disabled": [4],
+        "disabled": [516],
         "iconName": [1, "icon-name"],
         "iconLibrary": [1, "icon-library"],
         "action": [1],
@@ -122,10 +142,11 @@ const ActionItem = /*@__PURE__*/ proxyCustomElement(class ActionItem extends H {
         "size": [1],
         "text": [1],
         "tooltip": [32]
-    }, [[0, "blur", "onBlur"], [0, "focus", "onFocus"], [0, "click", "onClick"]], {
-        "disabled": ["disabledChanged"]
+    }, [[0, "blur", "onBlur"], [0, "focus", "onFocus"], [0, "click", "onClick"], [1, "pointerleave", "onPointerleave"]], {
+        "disabled": ["disabledChanged"],
+        "tooltip": ["tooltipChanged"]
     }]);
-_ActionItem_ro = new WeakMap(), _ActionItem_actionItem = new WeakMap(), _ActionItem_span = new WeakMap(), _ActionItem_actionDivRef = new WeakMap(), _ActionItem_spanRef = new WeakMap(), _ActionItem_tooltipRef = new WeakMap(), _ActionItem_instances = new WeakSet(), _ActionItem_computedSize_get = function _ActionItem_computedSize_get() {
+_ActionItem_ro = new WeakMap(), _ActionItem_span = new WeakMap(), _ActionItem_tooltipElement = new WeakMap(), _ActionItem_spanRef = new WeakMap(), _ActionItem_tooltipRef = new WeakMap(), _ActionItem_instances = new WeakSet(), _ActionItem_computedSize_get = function _ActionItem_computedSize_get() {
     switch (this.size) {
         case 'standard':
         case 'small':

package/components/qds-action-item.js.map

@@ -1 +1 @@
-{"file":"qds-action-item.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/action-item/action-item.css?tag=qds-action-item&encapsulation=shadow","src/components/action-item/action-item.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2025 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: block;\n}\n\n:host(:focus-visible) {\n  /* inner ring */\n  outline: var(--qds-theme-focus-border-contrast) solid\n    var(--qds-focus-light-border-width);\n  outline-offset: 0;\n\n  /* outer ring */\n  box-shadow: 0 0 0 var(--qds-focus-heavy-border-width)\n    var(--qds-theme-focus-border);\n  border-radius: var(--qds-control-border-radius);\n}\n\n.qds-disabled {\n  opacity: var(--qds-theme-disabled);\n  pointer-events: none;\n}\n\n.qds-icon {\n  flex-shrink: 0;\n}\n\n.qds-text {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex-grow: 1;\n}\n\n[aria-disabled='true'] {\n  opacity: var(--qds-theme-disabled);\n  pointer-events: none;\n}\n\n.qds-action-item {\n  align-items: center;\n  box-sizing: border-box;\n  display: flex;\n  border: none;\n  cursor: pointer;\n  border-radius: var(--qds-control-border-radius);\n\n  &:hover {\n    background-color: var(--qds-theme-interactive-background-hover);\n  }\n\n  &:active {\n    background-color: var(--qds-theme-interactive-background-pressed);\n  }\n}\n\n[data-size='small'] {\n  &.qds-action-item {\n    gap: var(--qds-list-item-small-gap-internal);\n    min-height: var(--qds-list-item-small-height);\n    padding-block: var(--qds-list-item-small-padding-vertical);\n    padding-inline: var(--qds-list-item-small-padding-horizontal);\n  }\n\n  .qds-icon {\n    height: var(--qds-control-small-icon-size);\n    width: var(--qds-control-small-icon-size);\n  }\n\n  .qds-text {\n    font: var(--qds-list-item-small-title);\n  }\n}\n\n[data-size='standard'] {\n  &.qds-action-item {\n    gap: var(--qds-list-item-standard-gap-internal);\n    min-height: var(--qds-list-item-standard-height);\n    padding-block: var(--qds-list-item-standard-padding-vertical);\n    padding-inline: var(--qds-list-item-standard-padding-horizontal);\n  }\n\n  .qds-icon {\n    height: var(--qds-control-standard-icon-size);\n    width: var(--qds-control-standard-icon-size);\n  }\n\n  .qds-text {\n    font: var(--qds-list-item-standard-title);\n  }\n}\n\n[data-size='large'] {\n  &.qds-action-item {\n    gap: var(--qds-list-item-large-gap-internal);\n    min-height: var(--qds-list-item-large-height);\n    padding-block: var(--qds-list-item-large-padding-vertical);\n    padding-inline: var(--qds-list-item-large-padding-horizontal);\n  }\n\n  .qds-icon {\n    height: var(--qds-control-large-icon-size);\n    width: var(--qds-control-large-icon-size);\n  }\n\n  .qds-text {\n    font: var(--qds-list-item-large-title);\n  }\n}\n\n[data-importance='standard'] {\n  .qds-text {\n    color: var(--qds-theme-text-standard);\n  }\n\n  .qds-icon {\n    color: var(--qds-theme-control-text-standard);\n  }\n}\n\n[data-importance='emphasized'] {\n  &.qds-action-item {\n    .qds-text,\n    .qds-icon {\n      color: var(--qds-theme-signature-color-default);\n    }\n\n    &:hover {\n      .qds-text,\n      .qds-icon {\n        color: var(--qds-theme-signature-color-hover);\n      }\n    }\n\n    &:active {\n      .qds-text,\n      .qds-icon {\n        color: var(--qds-theme-signature-color-pressed);\n      }\n    }\n  }\n}\n\n[data-importance='subdued'] {\n  &.qds-action-item {\n    .qds-text,\n    .qds-icon {\n      color: var(--qds-theme-link-standard-default);\n    }\n\n    &:hover {\n      .qds-text,\n      .qds-icon {\n        color: var(--qds-theme-link-standard-hover);\n      }\n    }\n\n    &:active {\n      .qds-text,\n      .qds-icon {\n        color: var(--qds-theme-link-standard-pressed);\n      }\n    }\n  }\n}\n\n[data-importance='destructive'] {\n  &.qds-action-item {\n    .qds-text,\n    .qds-icon {\n      color: var(--qds-theme-feedback-action-destructive-default);\n    }\n\n    &:hover {\n      .qds-text,\n      .qds-icon {\n        color: var(--qds-theme-feedback-action-destructive-hover);\n      }\n    }\n\n    &:active {\n      .qds-text,\n      .qds-icon {\n        color: var(--qds-theme-feedback-action-destructive-pressed);\n      }\n    }\n  }\n}\n","// SPDX-FileCopyrightText: © 2025 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface, EventEmitter } from '@stencil/core'\nimport {\n  AttachInternals,\n  Component,\n  Event,\n  h,\n  Listen,\n  Prop,\n  readTask,\n  State,\n  Watch,\n} from '@stencil/core'\n\nimport type { QdsFocusEventDetail } from '../../helpers'\nimport {\n  invariant,\n  isEllipsisActive,\n  pickFocusEventAttributes,\n} from '../../helpers'\nimport type { Importance, Size } from '../shared'\n\nexport type ActionItemImportance = Importance | 'destructive'\n\n/**\n *\n *\n * @see https://quartz.se.com/build/components/action-item\n */\n@Component({\n  tag: 'qds-action-item',\n  shadow: true,\n  styleUrl: 'action-item.css',\n})\nexport class ActionItem implements ComponentInterface {\n  /**\n   * The action item's importance.\n   */\n  @Prop() public readonly importance?: ActionItemImportance = 'standard'\n\n  /**\n   * Prevents the action item from being interacted with: it cannot be clicked\n   * or focused.\n   */\n  @Prop() public readonly disabled: boolean = false\n\n  /**\n   * The name of the icon to render.\n   *\n   * Available names depend on the icon library being used.\n   */\n  @Prop() public readonly iconName?: string\n\n  /**\n   * The name of a registered icon library.\n   */\n  @Prop() public readonly iconLibrary: string = 'default'\n\n  /**\n   * The name of the action icon to render.\n   *\n   * Available names exist on the core icon library.\n   */\n  @Prop() public readonly action?: string\n\n  /**\n   * The action icon's accessible text that will be used by\n   * screen readers.\n   */\n  @Prop() public readonly actionDescription?: string\n\n  /**\n   * The action items's size.\n   */\n  @Prop() public readonly size?: Size = 'standard'\n\n  /**\n   * The action item's text.\n   */\n  @Prop() public readonly text!: string\n\n  @State() private tooltip = false\n\n  /**\n   * Emitted when the action item loses focus.\n   */\n  @Event({ eventName: 'qdsBlur', bubbles: false, cancelable: false })\n  private readonly blurEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  /**\n   * Emitted when the action item gains focus.\n   */\n  @Event({ eventName: 'qdsFocus', bubbles: false, cancelable: false })\n  private readonly focusEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  @AttachInternals() private readonly internals!: ElementInternals\n\n  #ro?: ResizeObserver\n\n  #actionItem?: HTMLDivElement\n\n  #span?: HTMLSpanElement\n\n  get #computedSize(): Size {\n    switch (this.size) {\n      case 'standard':\n      case 'small':\n      case 'large': {\n        return this.size\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  get #computedImportance(): ActionItemImportance {\n    switch (this.importance) {\n      case 'emphasized':\n      case 'subdued':\n      case 'destructive': {\n        return this.importance\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  get #computedDisabled(): boolean {\n    return this.disabled\n  }\n\n  @Watch('disabled')\n  protected disabledChanged(): void {\n    this.internals.ariaDisabled = this.disabled.toString()\n  }\n\n  @Listen('blur')\n  protected onBlur(event: FocusEvent): void {\n    this.blurEmitter.emit(pickFocusEventAttributes(event))\n  }\n\n  @Listen('focus')\n  protected onFocus(event: FocusEvent): void {\n    this.focusEmitter.emit(pickFocusEventAttributes(event))\n  }\n\n  @Listen('click')\n  protected onClick(event: MouseEvent): void {\n    if (this.#computedDisabled) event.stopImmediatePropagation()\n  }\n\n  public componentWillLoad(): void {\n    this.internals.role = 'menuitem'\n    this.disabledChanged()\n  }\n\n  public componentDidLoad(): void {\n    invariant(this.#span)\n\n    const span = this.#span\n    readTask(() => {\n      this.tooltip = isEllipsisActive(span)\n    })\n    this.#ro = new ResizeObserver(([spanEntry]) => {\n      this.tooltip = isEllipsisActive(spanEntry.target as HTMLSpanElement)\n    })\n    this.#ro.observe(this.#span)\n  }\n\n  public render() {\n    return (\n      <div\n        class={{\n          'qds-action-item': true,\n          'qds-disabled': this.disabled,\n        }}\n        ref={this.#actionDivRef}\n        data-size={this.#computedSize}\n        data-importance={this.#computedImportance}\n      >\n        {this.iconName !== undefined && this.iconName !== '' && (\n          <qds-icon\n            class=\"qds-icon\"\n            data-size={this.#computedSize}\n            library={this.iconLibrary}\n            name={this.iconName}\n          />\n        )}\n        <span\n          class=\"qds-text\"\n          data-size={this.#computedSize}\n          ref={this.#spanRef}\n        >\n          {this.text}\n        </span>\n\n        {this.action !== undefined && (\n          <qds-icon\n            class=\"qds-icon\"\n            data-size={this.#computedSize}\n            name={this.action}\n            library=\"core\"\n            aria-label={this.actionDescription}\n            role=\"img\"\n          />\n        )}\n        {this.tooltip && (\n          <qds-tooltip aria-hidden=\"true\" ref={this.#tooltipRef}>\n            {this.text}\n          </qds-tooltip>\n        )}\n      </div>\n    )\n  }\n\n  readonly #actionDivRef = (actionItem?: HTMLDivElement): void => {\n    this.#actionItem = actionItem\n  }\n\n  readonly #spanRef = (span?: HTMLSpanElement): void => {\n    this.#span = span\n  }\n\n  readonly #tooltipRef = (tooltip?: HTMLQdsTooltipElement): void => {\n    if (tooltip)\n      // eslint-disable-next-line no-param-reassign\n      tooltip.target = this.#actionItem\n  }\n}\n"],"version":3}
+{"file":"qds-action-item.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/action-item/action-item.css?tag=qds-action-item&encapsulation=shadow","src/components/action-item/action-item.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2025 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: block;\n}\n\n:host(:focus-visible) {\n  /* inner ring */\n  outline: var(--qds-theme-focus-border-contrast) solid\n    var(--qds-focus-light-border-width);\n  outline-offset: 0;\n\n  /* outer ring */\n  box-shadow: 0 0 0 var(--qds-focus-heavy-border-width)\n    var(--qds-theme-focus-border);\n  border-radius: var(--qds-control-border-radius);\n}\n\n.qds-disabled {\n  opacity: var(--qds-theme-disabled);\n  pointer-events: none;\n}\n\n.qds-icon {\n  flex-shrink: 0;\n}\n\n.qds-text {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex-grow: 1;\n}\n\n[aria-disabled='true'] {\n  opacity: var(--qds-theme-disabled);\n  pointer-events: none;\n}\n\n.qds-action-item {\n  align-items: center;\n  box-sizing: border-box;\n  display: flex;\n  border: none;\n  cursor: pointer;\n  border-radius: var(--qds-control-border-radius);\n\n  &:hover {\n    background-color: var(--qds-theme-interactive-background-hover);\n  }\n\n  &:active {\n    background-color: var(--qds-theme-interactive-background-pressed);\n  }\n}\n\n[data-size='small'] {\n  &.qds-action-item {\n    gap: var(--qds-list-item-small-gap-internal);\n    min-height: var(--qds-list-item-small-height);\n    padding-block: var(--qds-list-item-small-padding-vertical);\n    padding-inline: var(--qds-list-item-small-padding-horizontal);\n  }\n\n  .qds-icon {\n    height: var(--qds-control-small-icon-size);\n    width: var(--qds-control-small-icon-size);\n  }\n\n  .qds-text {\n    font: var(--qds-list-item-small-title);\n  }\n}\n\n[data-size='standard'] {\n  &.qds-action-item {\n    gap: var(--qds-list-item-standard-gap-internal);\n    min-height: var(--qds-list-item-standard-height);\n    padding-block: var(--qds-list-item-standard-padding-vertical);\n    padding-inline: var(--qds-list-item-standard-padding-horizontal);\n  }\n\n  .qds-icon {\n    height: var(--qds-control-standard-icon-size);\n    width: var(--qds-control-standard-icon-size);\n  }\n\n  .qds-text {\n    font: var(--qds-list-item-standard-title);\n  }\n}\n\n[data-size='large'] {\n  &.qds-action-item {\n    gap: var(--qds-list-item-large-gap-internal);\n    min-height: var(--qds-list-item-large-height);\n    padding-block: var(--qds-list-item-large-padding-vertical);\n    padding-inline: var(--qds-list-item-large-padding-horizontal);\n  }\n\n  .qds-icon {\n    height: var(--qds-control-large-icon-size);\n    width: var(--qds-control-large-icon-size);\n  }\n\n  .qds-text {\n    font: var(--qds-list-item-large-title);\n  }\n}\n\n[data-importance='standard'] {\n  .qds-text {\n    color: var(--qds-theme-text-standard);\n  }\n\n  .qds-icon {\n    color: var(--qds-theme-control-text-standard);\n  }\n}\n\n[data-importance='emphasized'] {\n  &.qds-action-item {\n    .qds-text,\n    .qds-icon {\n      color: var(--qds-theme-signature-color-default);\n    }\n\n    &:hover {\n      .qds-text,\n      .qds-icon {\n        color: var(--qds-theme-signature-color-hover);\n      }\n    }\n\n    &:active {\n      .qds-text,\n      .qds-icon {\n        color: var(--qds-theme-signature-color-pressed);\n      }\n    }\n  }\n}\n\n[data-importance='subdued'] {\n  &.qds-action-item {\n    .qds-text,\n    .qds-icon {\n      color: var(--qds-theme-link-standard-default);\n    }\n\n    &:hover {\n      .qds-text,\n      .qds-icon {\n        color: var(--qds-theme-link-standard-hover);\n      }\n    }\n\n    &:active {\n      .qds-text,\n      .qds-icon {\n        color: var(--qds-theme-link-standard-pressed);\n      }\n    }\n  }\n}\n\n[data-importance='destructive'] {\n  &.qds-action-item {\n    .qds-text,\n    .qds-icon {\n      color: var(--qds-theme-feedback-action-destructive-default);\n    }\n\n    &:hover {\n      .qds-text,\n      .qds-icon {\n        color: var(--qds-theme-feedback-action-destructive-hover);\n      }\n    }\n\n    &:active {\n      .qds-text,\n      .qds-icon {\n        color: var(--qds-theme-feedback-action-destructive-pressed);\n      }\n    }\n  }\n}\n","// SPDX-FileCopyrightText: © 2025 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface, EventEmitter } from '@stencil/core'\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  h,\n  Listen,\n  Prop,\n  readTask,\n  State,\n  Watch,\n} from '@stencil/core'\n\nimport type { QdsFocusEventDetail } from '../../helpers'\nimport {\n  ignorePromise,\n  invariant,\n  isEllipsisActive,\n  pickFocusEventAttributes,\n} from '../../helpers'\nimport type { Importance, Size } from '../shared'\n\nexport type ActionItemImportance = Importance | 'destructive'\n\n/**\n *\n *\n * @see https://quartz.se.com/build/components/action-item\n */\n@Component({\n  tag: 'qds-action-item',\n  shadow: true,\n  styleUrl: 'action-item.css',\n})\nexport class ActionItem implements ComponentInterface {\n  /**\n   * The action item's importance.\n   */\n  @Prop() public readonly importance?: ActionItemImportance = 'standard'\n\n  /**\n   * Prevents the action item from being interacted with: it cannot be clicked\n   * or focused.\n   */\n  @Prop({ reflect: true }) public readonly disabled: boolean = false\n\n  /**\n   * The name of the icon to render.\n   *\n   * Available names depend on the icon library being used.\n   */\n  @Prop() public readonly iconName?: string\n\n  /**\n   * The name of a registered icon library.\n   */\n  @Prop() public readonly iconLibrary: string = 'default'\n\n  /**\n   * The name of the action icon to render.\n   *\n   * Available names exist on the core icon library.\n   */\n  @Prop() public readonly action?: string\n\n  /**\n   * The action icon's accessible text that will be used by\n   * screen readers.\n   */\n  @Prop() public readonly actionDescription?: string\n\n  /**\n   * The action items's size.\n   */\n  @Prop() public readonly size?: Size = 'standard'\n\n  /**\n   * The action item's text.\n   */\n  @Prop() public readonly text!: string\n\n  @State() private tooltip = false\n\n  /**\n   * Emitted when the action item loses focus.\n   */\n  @Event({ eventName: 'qdsBlur', bubbles: false, cancelable: false })\n  private readonly blurEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  /**\n   * Emitted when the action item gains focus.\n   */\n  @Event({ eventName: 'qdsFocus', bubbles: false, cancelable: false })\n  private readonly focusEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  @Element() private readonly host!: HTMLElement\n\n  @AttachInternals() private readonly internals!: ElementInternals\n\n  #ro?: ResizeObserver\n\n  #span?: HTMLSpanElement\n\n  #tooltipElement?: HTMLQdsTooltipElement\n\n  get #computedSize(): Size {\n    switch (this.size) {\n      case 'standard':\n      case 'small':\n      case 'large': {\n        return this.size\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  get #computedImportance(): ActionItemImportance {\n    switch (this.importance) {\n      case 'emphasized':\n      case 'subdued':\n      case 'destructive': {\n        return this.importance\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  get #computedDisabled(): boolean {\n    return this.disabled\n  }\n\n  @Watch('disabled')\n  protected disabledChanged(): void {\n    this.internals.ariaDisabled = this.disabled.toString()\n  }\n\n  @Watch('tooltip')\n  protected tooltipChanged(truncated: boolean): void {\n    if (!this.#tooltipElement) return\n    this.#tooltipElement.target = truncated ? this.host : undefined\n    if (!truncated) {\n      ignorePromise(this.#tooltipElement.close())\n      return\n    }\n\n    if (\n      document.activeElement === this.host &&\n      this.host.matches(':focus-visible')\n    )\n      ignorePromise(this.#tooltipElement.show())\n  }\n\n  @Listen('blur')\n  protected onBlur(event: FocusEvent): void {\n    this.blurEmitter.emit(pickFocusEventAttributes(event))\n  }\n\n  @Listen('focus')\n  protected onFocus(event: FocusEvent): void {\n    this.focusEmitter.emit(pickFocusEventAttributes(event))\n  }\n\n  @Listen('click')\n  protected onClick(event: MouseEvent): void {\n    if (this.#computedDisabled) event.stopImmediatePropagation()\n  }\n\n  @Listen('pointerleave')\n  protected onPointerleave(): void {\n    if (!this.#tooltipElement) return\n    if (this.host.matches(':focus-visible')) return\n    /**\n     * Close the tooltip when pointer hover ends unless the item has keyboard-visible focus.\n     * This avoids sticky hover tooltips on auto-focused first dropdown items.\n     * */\n    ignorePromise(this.#tooltipElement.close())\n  }\n\n  public componentWillLoad(): void {\n    this.internals.role = 'menuitem'\n    this.disabledChanged()\n  }\n\n  public componentDidLoad(): void {\n    invariant(this.#span)\n\n    const span = this.#span\n    readTask(() => {\n      this.tooltip = isEllipsisActive(span)\n    })\n    this.#ro = new ResizeObserver(([spanEntry]) => {\n      this.tooltip = isEllipsisActive(spanEntry.target as HTMLSpanElement)\n    })\n    this.#ro.observe(this.#span)\n  }\n\n  public render() {\n    return (\n      <div\n        class={{\n          'qds-action-item': true,\n          'qds-disabled': this.disabled,\n        }}\n        data-size={this.#computedSize}\n        data-importance={this.#computedImportance}\n      >\n        {this.iconName !== undefined && this.iconName !== '' && (\n          <qds-icon\n            class=\"qds-icon\"\n            data-size={this.#computedSize}\n            library={this.iconLibrary}\n            name={this.iconName}\n          />\n        )}\n        <span\n          class=\"qds-text\"\n          data-size={this.#computedSize}\n          ref={this.#spanRef}\n        >\n          {this.text}\n        </span>\n\n        {this.action !== undefined && (\n          <qds-icon\n            class=\"qds-icon\"\n            data-size={this.#computedSize}\n            name={this.action}\n            library=\"core\"\n            aria-label={this.actionDescription}\n            role=\"img\"\n          />\n        )}\n        <qds-tooltip aria-hidden=\"true\" ref={this.#tooltipRef}>\n          {this.text}\n        </qds-tooltip>\n      </div>\n    )\n  }\n\n  readonly #spanRef = (span?: HTMLSpanElement): void => {\n    this.#span = span\n  }\n\n  readonly #tooltipRef = (tooltip?: HTMLQdsTooltipElement): void => {\n    this.#tooltipElement = tooltip\n  }\n}\n"],"version":3}

package/components/qds-avatar.js

@@ -8,7 +8,7 @@ import { d as defineCustomElement$4 } from './p-Do46q_Gd.js';
 import { d as defineCustomElement$3 } from './p-DOqfdgQA.js';
 import { d as defineCustomElement$2 } from './p-fKK7EmM2.js';
 
-const avatarCss = ":host([hidden]){display:none!important}:host{display:block}.qds-avatar,.qds-label-container{display:inline-flex;justify-content:center;position:relative}.qds-avatar-vertical,.qds-label-container{flex-direction:column}.qds-avatar-vertical,.qds-avatar-vertical .qds-label-container{align-items:center}.qds-avatar-media-wrapper{flex-shrink:0;position:relative}.qds-label{color:var(--qds-theme-title)}.qds-kicker{color:var(--qds-theme-kicker)}.qds-indicator{inset-block-start:0;inset-inline-end:0;position:absolute;transform:translate(50%,-50%)}.qds-avatar[data-size=large]{gap:var(--qds-list-item-large-gap-internal)}[data-size=large] .qds-avatar-media{height:var(--qds-display-avatar-large-size);width:var(--qds-display-avatar-large-size)}[data-size=large] .qds-label-container{gap:var(--qds-list-item-large-titles-gap)}[data-size=large] .qds-label{font:var(--qds-list-item-large-title)}[data-size=large] .qds-kicker{font:var(--qds-list-item-large-kicker)}.qds-avatar[data-size=standard]{gap:var(--qds-list-item-standard-gap-internal);height:var(--qds-control-standard-height)}[data-size=standard] .qds-avatar-media{height:var(--qds-display-avatar-standard-size);width:var(--qds-display-avatar-standard-size)}[data-size=standard] .qds-label-container{gap:var(--qds-list-item-standard-titles-gap)}[data-size=standard] .qds-label{font:var(--qds-list-item-standard-title)}[data-size=standard] .qds-kicker{font:var(--qds-list-item-standard-kicker)}.qds-avatar[data-size=small]{gap:var(--qds-list-item-small-gap-internal)}[data-size=small] .qds-avatar-media{height:var(--qds-display-avatar-small-size);width:var(--qds-display-avatar-small-size)}[data-size=small] .qds-label-container{gap:var(--qds-list-item-small-titles-gap)}[data-size=small] .qds-label{font:var(--qds-list-item-small-title)}[data-size=small] .qds-kicker{font:var(--qds-list-item-small-kicker)}";
+const avatarCss = ":host([hidden]){display:none!important}:host{display:block}.qds-avatar,.qds-label-container{display:inline-flex;justify-content:center;position:relative}.qds-avatar-vertical,.qds-label-container{flex-direction:column}.qds-avatar-vertical{align-items:center}.qds-avatar-vertical .qds-label-container{text-align:center}.qds-avatar-media-wrapper{flex-shrink:0;position:relative}.qds-label{color:var(--qds-theme-title)}.qds-kicker{color:var(--qds-theme-kicker)}.qds-indicator{inset-block-start:0;inset-inline-end:0;position:absolute;transform:translate(50%,-50%)}.qds-avatar[data-size=large]{gap:var(--qds-list-item-large-gap-internal)}[data-size=large] .qds-avatar-media{height:var(--qds-display-avatar-large-size);width:var(--qds-display-avatar-large-size)}[data-size=large] .qds-label-container{gap:var(--qds-list-item-large-titles-gap)}[data-size=large] .qds-label{font:var(--qds-list-item-large-title)}[data-size=large] .qds-kicker{font:var(--qds-list-item-large-kicker)}.qds-avatar[data-size=standard]{gap:var(--qds-list-item-standard-gap-internal)}[data-size=standard] .qds-avatar-media{height:var(--qds-display-avatar-standard-size);width:var(--qds-display-avatar-standard-size)}[data-size=standard] .qds-label-container{gap:var(--qds-list-item-standard-titles-gap)}[data-size=standard] .qds-label{font:var(--qds-list-item-standard-title)}[data-size=standard] .qds-kicker{font:var(--qds-list-item-standard-kicker)}.qds-avatar[data-size=small]{gap:var(--qds-list-item-small-gap-internal)}[data-size=small] .qds-avatar-media{height:var(--qds-display-avatar-small-size);width:var(--qds-display-avatar-small-size)}[data-size=small] .qds-label-container{gap:var(--qds-list-item-small-titles-gap)}[data-size=small] .qds-label{font:var(--qds-list-item-small-title)}[data-size=small] .qds-kicker{font:var(--qds-list-item-small-kicker)}";
 
 // SPDX-FileCopyrightText: © 2026 Schneider Electric
 //

package/components/qds-avatar.js.map

@@ -1 +1 @@
-{"file":"qds-avatar.js","mappings":";;;;;;;;;;AAAA,MAAM,SAAS,GAAG,i0DAAi0D;;ACAn1D;AACA;AACA;;;;;;;;;MAmBa,MAAM,iBAAAA,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;AALnB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AAuBE;;AAEG;AACqB,QAAA,IAAW,CAAA,WAAA,GAAY,SAAS;AAYxD;;AAEG;AACqB,QAAA,IAAI,CAAA,IAAA,GAAU,UAAU;AAEhD;;AAEG;AACqB,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAEjD;;AAEG;AACqB,QAAA,IAAK,CAAA,KAAA,GAAa,KAAK;AAQ/C;;AAEG;AAEa,QAAA,IAAoB,CAAA,oBAAA,GAClC,SAAS;AAwDZ;IAzCQ,MAAM,GAAA;AACX,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,EAAE;AAC9D,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,KAAK,EAAE;AACpE,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,KAAK,EAAE;QAEjE,QACE,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,qBAAqB,EAAE,IAAI,CAAC,QAAQ,EAAE,EACxD,WAAA,EAAA,sBAAA,CAAA,IAAI,EAAc,iBAAA,EAAA,GAAA,EAAA,wBAAA,CAAA,EAAA,EAE7B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0BAA0B,EAAA,EACnC,CAAA,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,kBAAkB,iBACX,MAAM,GAAG,SAAS,GAAG,MAAM,EACxC,GAAG,EAAE,IAAI,CAAC,SAAS,EACnB,GAAG,EAAE,IAAI,CAAC,SAAS,EACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,IAAI,EAAE,IAAI,CAAC,KAAK,EAChB,CAAA,EAED,CAAC,IAAI,CAAC,KAAK,IAAI,KAAK,MACnB,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,eAAe,EACrB,MAAM,EAAE,IAAI,CAAC,oBAAoB,EACjC,WAAW,EAAE,IAAI,CAAC,gBAAgB,EAClC,IAAI,EAAE,sBAAA,CAAA,IAAI,EAAc,iBAAA,EAAA,GAAA,EAAA,wBAAA,CAAA,EACxB,UAAU,EAAA,IAAA,EAAA,CACV,CACH,CACG,EAEL,CAAC,QAAQ,IAAI,SAAS,MACrB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,qBAAqB,EAAA,EAC7B,QAAQ,IAAI,+DAAQ,KAAK,EAAC,WAAW,EAAE,EAAA,IAAI,CAAC,KAAK,CAAU,EAC3D,SAAS,IAAI,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,YAAY,EAAE,EAAA,IAAI,CAAC,MAAM,CAAO,CACrD,CACP,CACG;;;;;;;;;;;;;;;;;AAlDR,IAAA,QAAQ,IAAI,CAAC,IAAI;AACf,QAAA,KAAK,UAAU;AACf,QAAA,KAAK,OAAO;QACZ,KAAK,OAAO,EAAE;YACZ,OAAO,IAAI,CAAC,IAAI;;QAElB,SAAS;AACP,YAAA,OAAO,UAAU;;;AAGvB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/avatar/avatar.css?tag=qds-avatar&encapsulation=shadow","src/components/avatar/avatar.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2026 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: block;\n}\n\n.qds-label-container,\n.qds-avatar {\n  display: inline-flex;\n  position: relative;\n  justify-content: center;\n}\n\n.qds-label-container {\n  flex-direction: column;\n}\n\n.qds-avatar-vertical {\n  flex-direction: column;\n  align-items: center;\n}\n\n.qds-avatar-vertical .qds-label-container {\n  align-items: center;\n}\n\n.qds-avatar-media-wrapper {\n  position: relative;\n  flex-shrink: 0;\n}\n\n.qds-label {\n  color: var(--qds-theme-title);\n}\n\n.qds-kicker {\n  color: var(--qds-theme-kicker);\n}\n\n.qds-indicator {\n  position: absolute;\n  transform: translate(50%, -50%);\n  inset-block-start: 0;\n  inset-inline-end: 0;\n}\n\n[data-size='large'] {\n  &.qds-avatar {\n    gap: var(--qds-list-item-large-gap-internal);\n  }\n\n  .qds-avatar-media {\n    width: var(--qds-display-avatar-large-size);\n    height: var(--qds-display-avatar-large-size);\n  }\n\n  .qds-label-container {\n    gap: var(--qds-list-item-large-titles-gap);\n  }\n\n  .qds-label {\n    font: var(--qds-list-item-large-title);\n  }\n\n  .qds-kicker {\n    font: var(--qds-list-item-large-kicker);\n  }\n}\n\n[data-size='standard'] {\n  &.qds-avatar {\n    gap: var(--qds-list-item-standard-gap-internal);\n    height: var(--qds-control-standard-height);\n  }\n\n  .qds-avatar-media {\n    width: var(--qds-display-avatar-standard-size);\n    height: var(--qds-display-avatar-standard-size);\n  }\n\n  .qds-label-container {\n    gap: var(--qds-list-item-standard-titles-gap);\n  }\n\n  .qds-label {\n    font: var(--qds-list-item-standard-title);\n  }\n\n  .qds-kicker {\n    font: var(--qds-list-item-standard-kicker);\n  }\n}\n\n[data-size='small'] {\n  &.qds-avatar {\n    gap: var(--qds-list-item-small-gap-internal);\n  }\n\n  .qds-avatar-media {\n    width: var(--qds-display-avatar-small-size);\n    height: var(--qds-display-avatar-small-size);\n  }\n\n  .qds-label-container {\n    gap: var(--qds-list-item-small-titles-gap);\n  }\n\n  .qds-label {\n    font: var(--qds-list-item-small-title);\n  }\n\n  .qds-kicker {\n    font: var(--qds-list-item-small-kicker);\n  }\n}\n","// SPDX-FileCopyrightText: © 2026 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, h, Prop, Watch } from '@stencil/core'\n\nimport type { Size } from '../shared'\n\n/**\n * The avatar component is a visual representation of a user or entity, typically through a profile picture, icon, or initials.\n * It is used to provide a consistent way to identify users across different parts of an interface,\n * such as messages, comments, or user profiles.\n *\n * @see https://quartz.se.com/build/components/avatar\n */\n@Component({\n  tag: 'qds-avatar',\n  shadow: true,\n  styleUrl: 'avatar.css',\n})\nexport class Avatar implements ComponentInterface {\n  /**\n   * The URL of the avatar image to display.\n   */\n  @Prop() public readonly avatarSrc?: string\n\n  /**\n   * The alt text for the avatar's image.\n   */\n  @Prop() public readonly avatarAlt?: string\n\n  /**\n   * The name of the icon to render.\n   *\n   * Available names depend on the icon library being used.\n   */\n  @Prop() public readonly iconName?: string\n\n  /**\n   * The name of a registered icon library.\n   */\n  @Prop() public readonly iconLibrary?: string = 'default'\n\n  /**\n   * Text to display for the kicker.\n   */\n  @Prop() public readonly kicker?: string\n\n  /**\n   * Text to display for the label.\n   */\n  @Prop() public readonly label?: string\n\n  /**\n   * The avatar's size.\n   */\n  @Prop() public readonly size?: Size = 'standard'\n\n  /**\n   * Display the avatar in a vertical direction.\n   */\n  @Prop() public readonly vertical: boolean = false\n\n  /**\n   * Displays an indicator if `true`.\n   */\n  @Prop() public readonly badge?: boolean = false\n\n  /**\n   * The indicator badge's accessible text that will be used by\n   * screen readers.\n   */\n  @Prop() public readonly badgeDescription?: string\n\n  /**\n   * The indicator's status.\n   */\n  @Prop()\n  public readonly badgeIndicatorStatus?: HTMLQdsBadgeIndicatorElement['status'] =\n    'success'\n\n  get #computedSize(): Size {\n    switch (this.size) {\n      case 'standard':\n      case 'small':\n      case 'large': {\n        return this.size\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  public render() {\n    const hasLabel = this.label !== undefined && this.label !== ''\n    const hasAlt = this.avatarAlt !== undefined && this.avatarAlt !== ''\n    const hasKicker = this.kicker !== undefined && this.kicker !== ''\n\n    return (\n      <div\n        class={{ 'qds-avatar': true, 'qds-avatar-vertical': this.vertical }}\n        data-size={this.#computedSize}\n      >\n        <div class=\"qds-avatar-media-wrapper\">\n          <qds-avatar-media\n            class=\"qds-avatar-media\"\n            aria-hidden={hasAlt ? undefined : 'true'}\n            src={this.avatarSrc}\n            alt={this.avatarAlt}\n            iconName={this.iconName}\n            iconLibrary={this.iconLibrary}\n            text={this.label}\n          />\n\n          {(this.badge ?? false) && (\n            <qds-badge-indicator\n              class=\"qds-indicator\"\n              status={this.badgeIndicatorStatus}\n              description={this.badgeDescription}\n              size={this.#computedSize}\n              strokeRing\n            />\n          )}\n        </div>\n\n        {(hasLabel || hasKicker) && (\n          <div class=\"qds-label-container\">\n            {hasLabel && <strong class=\"qds-label\">{this.label}</strong>}\n            {hasKicker && <div class=\"qds-kicker\">{this.kicker}</div>}\n          </div>\n        )}\n      </div>\n    )\n  }\n}\n"],"version":3}
+{"file":"qds-avatar.js","mappings":";;;;;;;;;;AAAA,MAAM,SAAS,GAAG,yyDAAyyD;;ACA3zD;AACA;AACA;;;;;;;;;MAmBa,MAAM,iBAAAA,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;AALnB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AAuBE;;AAEG;AACqB,QAAA,IAAW,CAAA,WAAA,GAAY,SAAS;AAYxD;;AAEG;AACqB,QAAA,IAAI,CAAA,IAAA,GAAU,UAAU;AAEhD;;AAEG;AACqB,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAEjD;;AAEG;AACqB,QAAA,IAAK,CAAA,KAAA,GAAa,KAAK;AAQ/C;;AAEG;AAEa,QAAA,IAAoB,CAAA,oBAAA,GAClC,SAAS;AAwDZ;IAzCQ,MAAM,GAAA;AACX,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,EAAE;AAC9D,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,KAAK,EAAE;AACpE,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,KAAK,EAAE;QAEjE,QACE,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,qBAAqB,EAAE,IAAI,CAAC,QAAQ,EAAE,EACxD,WAAA,EAAA,sBAAA,CAAA,IAAI,EAAc,iBAAA,EAAA,GAAA,EAAA,wBAAA,CAAA,EAAA,EAE7B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0BAA0B,EAAA,EACnC,CAAA,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,kBAAkB,iBACX,MAAM,GAAG,SAAS,GAAG,MAAM,EACxC,GAAG,EAAE,IAAI,CAAC,SAAS,EACnB,GAAG,EAAE,IAAI,CAAC,SAAS,EACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,IAAI,EAAE,IAAI,CAAC,KAAK,EAChB,CAAA,EAED,CAAC,IAAI,CAAC,KAAK,IAAI,KAAK,MACnB,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,eAAe,EACrB,MAAM,EAAE,IAAI,CAAC,oBAAoB,EACjC,WAAW,EAAE,IAAI,CAAC,gBAAgB,EAClC,IAAI,EAAE,sBAAA,CAAA,IAAI,EAAc,iBAAA,EAAA,GAAA,EAAA,wBAAA,CAAA,EACxB,UAAU,EAAA,IAAA,EAAA,CACV,CACH,CACG,EAEL,CAAC,QAAQ,IAAI,SAAS,MACrB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,qBAAqB,EAAA,EAC7B,QAAQ,IAAI,+DAAQ,KAAK,EAAC,WAAW,EAAE,EAAA,IAAI,CAAC,KAAK,CAAU,EAC3D,SAAS,IAAI,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,YAAY,EAAE,EAAA,IAAI,CAAC,MAAM,CAAO,CACrD,CACP,CACG;;;;;;;;;;;;;;;;;AAlDR,IAAA,QAAQ,IAAI,CAAC,IAAI;AACf,QAAA,KAAK,UAAU;AACf,QAAA,KAAK,OAAO;QACZ,KAAK,OAAO,EAAE;YACZ,OAAO,IAAI,CAAC,IAAI;;QAElB,SAAS;AACP,YAAA,OAAO,UAAU;;;AAGvB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/avatar/avatar.css?tag=qds-avatar&encapsulation=shadow","src/components/avatar/avatar.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2026 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: block;\n}\n\n.qds-label-container,\n.qds-avatar {\n  display: inline-flex;\n  position: relative;\n  justify-content: center;\n}\n\n.qds-label-container {\n  flex-direction: column;\n}\n\n.qds-avatar-vertical {\n  flex-direction: column;\n  align-items: center;\n}\n\n.qds-avatar-vertical .qds-label-container {\n  text-align: center;\n}\n\n.qds-avatar-media-wrapper {\n  position: relative;\n  flex-shrink: 0;\n}\n\n.qds-label {\n  color: var(--qds-theme-title);\n}\n\n.qds-kicker {\n  color: var(--qds-theme-kicker);\n}\n\n.qds-indicator {\n  position: absolute;\n  transform: translate(50%, -50%);\n  inset-block-start: 0;\n  inset-inline-end: 0;\n}\n\n[data-size='large'] {\n  &.qds-avatar {\n    gap: var(--qds-list-item-large-gap-internal);\n  }\n\n  .qds-avatar-media {\n    width: var(--qds-display-avatar-large-size);\n    height: var(--qds-display-avatar-large-size);\n  }\n\n  .qds-label-container {\n    gap: var(--qds-list-item-large-titles-gap);\n  }\n\n  .qds-label {\n    font: var(--qds-list-item-large-title);\n  }\n\n  .qds-kicker {\n    font: var(--qds-list-item-large-kicker);\n  }\n}\n\n[data-size='standard'] {\n  &.qds-avatar {\n    gap: var(--qds-list-item-standard-gap-internal);\n  }\n\n  .qds-avatar-media {\n    width: var(--qds-display-avatar-standard-size);\n    height: var(--qds-display-avatar-standard-size);\n  }\n\n  .qds-label-container {\n    gap: var(--qds-list-item-standard-titles-gap);\n  }\n\n  .qds-label {\n    font: var(--qds-list-item-standard-title);\n  }\n\n  .qds-kicker {\n    font: var(--qds-list-item-standard-kicker);\n  }\n}\n\n[data-size='small'] {\n  &.qds-avatar {\n    gap: var(--qds-list-item-small-gap-internal);\n  }\n\n  .qds-avatar-media {\n    width: var(--qds-display-avatar-small-size);\n    height: var(--qds-display-avatar-small-size);\n  }\n\n  .qds-label-container {\n    gap: var(--qds-list-item-small-titles-gap);\n  }\n\n  .qds-label {\n    font: var(--qds-list-item-small-title);\n  }\n\n  .qds-kicker {\n    font: var(--qds-list-item-small-kicker);\n  }\n}\n","// SPDX-FileCopyrightText: © 2026 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, h, Prop, Watch } from '@stencil/core'\n\nimport type { Size } from '../shared'\n\n/**\n * The avatar component is a visual representation of a user or entity, typically through a profile picture, icon, or initials.\n * It is used to provide a consistent way to identify users across different parts of an interface,\n * such as messages, comments, or user profiles.\n *\n * @see https://quartz.se.com/build/components/avatar\n */\n@Component({\n  tag: 'qds-avatar',\n  shadow: true,\n  styleUrl: 'avatar.css',\n})\nexport class Avatar implements ComponentInterface {\n  /**\n   * The URL of the avatar image to display.\n   */\n  @Prop() public readonly avatarSrc?: string\n\n  /**\n   * The alt text for the avatar's image.\n   */\n  @Prop() public readonly avatarAlt?: string\n\n  /**\n   * The name of the icon to render.\n   *\n   * Available names depend on the icon library being used.\n   */\n  @Prop() public readonly iconName?: string\n\n  /**\n   * The name of a registered icon library.\n   */\n  @Prop() public readonly iconLibrary?: string = 'default'\n\n  /**\n   * Text to display for the kicker.\n   */\n  @Prop() public readonly kicker?: string\n\n  /**\n   * Text to display for the label.\n   */\n  @Prop() public readonly label?: string\n\n  /**\n   * The avatar's size.\n   */\n  @Prop() public readonly size?: Size = 'standard'\n\n  /**\n   * Display the avatar in a vertical direction.\n   */\n  @Prop() public readonly vertical: boolean = false\n\n  /**\n   * Displays an indicator if `true`.\n   */\n  @Prop() public readonly badge?: boolean = false\n\n  /**\n   * The indicator badge's accessible text that will be used by\n   * screen readers.\n   */\n  @Prop() public readonly badgeDescription?: string\n\n  /**\n   * The indicator's status.\n   */\n  @Prop()\n  public readonly badgeIndicatorStatus?: HTMLQdsBadgeIndicatorElement['status'] =\n    'success'\n\n  get #computedSize(): Size {\n    switch (this.size) {\n      case 'standard':\n      case 'small':\n      case 'large': {\n        return this.size\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  public render() {\n    const hasLabel = this.label !== undefined && this.label !== ''\n    const hasAlt = this.avatarAlt !== undefined && this.avatarAlt !== ''\n    const hasKicker = this.kicker !== undefined && this.kicker !== ''\n\n    return (\n      <div\n        class={{ 'qds-avatar': true, 'qds-avatar-vertical': this.vertical }}\n        data-size={this.#computedSize}\n      >\n        <div class=\"qds-avatar-media-wrapper\">\n          <qds-avatar-media\n            class=\"qds-avatar-media\"\n            aria-hidden={hasAlt ? undefined : 'true'}\n            src={this.avatarSrc}\n            alt={this.avatarAlt}\n            iconName={this.iconName}\n            iconLibrary={this.iconLibrary}\n            text={this.label}\n          />\n\n          {(this.badge ?? false) && (\n            <qds-badge-indicator\n              class=\"qds-indicator\"\n              status={this.badgeIndicatorStatus}\n              description={this.badgeDescription}\n              size={this.#computedSize}\n              strokeRing\n            />\n          )}\n        </div>\n\n        {(hasLabel || hasKicker) && (\n          <div class=\"qds-label-container\">\n            {hasLabel && <strong class=\"qds-label\">{this.label}</strong>}\n            {hasKicker && <div class=\"qds-kicker\">{this.kicker}</div>}\n          </div>\n        )}\n      </div>\n    )\n  }\n}\n"],"version":3}

package/components/qds-breadcrumb-item.js

@@ -4,9 +4,9 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { p as proxyCustomElement, H, d as readTask, h, F as Fragment } from './p-D2489VzR.js';
-import { a as isEllipsisActive, b as isCurrentPage } from './p-BoqB4ddF.js';
+import { b as isEllipsisActive, c as isCurrentPage } from './p-eUDNu0SE.js';
 import { d as defineCustomElement$3 } from './p-fKK7EmM2.js';
-import { d as defineCustomElement$2 } from './p-CQ-Ilm5d.js';
+import { d as defineCustomElement$2 } from './p-B9xuNEzc.js';
 
 const breadcrumbItemCss = ":host([hidden]){display:none!important}:host{display:inline-block}:host(:focus-visible){outline:none}.qds-breadcrumb-item{align-items:center;display:inline-flex;font:var(--qds-control-standard-text);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:var(--qds-control-standard-gap-siblings-related)}.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,:host(:focus-visible) .qds-anchor{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}";
 

package/components/qds-button.js

@@ -4,12 +4,12 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { p as proxyCustomElement, H, c as createEvent, d as readTask, h } from './p-D2489VzR.js';
-import { p as pickFocusEventAttributes, a as isEllipsisActive, c as isIndicator, d as isCounter, e as computeBadgeValue } from './p-BoqB4ddF.js';
+import { p as pickFocusEventAttributes, b as isEllipsisActive, d as isIndicator, e as isCounter, f as computeBadgeValue } from './p-eUDNu0SE.js';
 import { V as VALID_STATE, C as CUSTOM_ERROR_FLAGS, N as NO_ERROR_FLAGS } from './p-CZRW1LV_.js';
 import { d as defineCustomElement$5 } from './p-XP2CY_fo.js';
 import { d as defineCustomElement$4 } from './p-DOqfdgQA.js';
 import { d as defineCustomElement$3 } from './p-fKK7EmM2.js';
-import { d as defineCustomElement$2 } from './p-CQ-Ilm5d.js';
+import { d as defineCustomElement$2 } from './p-B9xuNEzc.js';
 
 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;letter-spacing:inherit;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;word-spacing:inherit}.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-default);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}";
 
@@ -208,6 +208,8 @@ const Button = /*@__PURE__*/ proxyCustomElement(class Button extends H {
             event.stopImmediatePropagation();
             return;
         }
+        if (__classPrivateFieldGet(this, _Button_button, "f") instanceof HTMLAnchorElement)
+            __classPrivateFieldGet(this, _Button_button, "f").click();
         if (__classPrivateFieldGet(this, _Button_instances, "a", _Button_buttonType_get) === 'button' || !this.internals.form)
             return;
         if (__classPrivateFieldGet(this, _Button_instances, "a", _Button_buttonType_get) === 'reset') {
@@ -230,7 +232,7 @@ const Button = /*@__PURE__*/ proxyCustomElement(class Button extends H {
         }
     }
     onKeyup(event) {
-        if (event.key === ' ')
+        if (event.key === ' ' && !(__classPrivateFieldGet(this, _Button_button, "f") instanceof HTMLAnchorElement))
             this.host.click();
     }
     actionChanged() {
@@ -312,21 +314,21 @@ const Button = /*@__PURE__*/ proxyCustomElement(class Button extends H {
     }
     render() {
         const Tag = this.href === undefined ? 'button' : 'a';
-        return (h("div", { key: 'f86715d75b38467b979b281ead37c5d5e3222988', class: "qds-container", onClick: __classPrivateFieldGet(this, _Button_onClick, "f"), onKeyDown: preventDefault, onKeyUp: preventDefault, onKeyPress: preventDefault, "aria-hidden": "true" }, h(Tag, { key: '9d7467ae956902eb14343e6929a272d339588cfb', class: {
+        return (h("div", { key: '9d6105e917cd6f56940e57bbc1a887012236b412', class: "qds-container", onClick: __classPrivateFieldGet(this, _Button_onClick, "f"), onKeyDown: preventDefault, onKeyUp: preventDefault, onKeyPress: preventDefault, "aria-hidden": "true" }, h(Tag, { key: 'c75229b0603aa562ee9c54c74701ac7c8fa1679f', class: {
                 'qds-button': true,
                 'qds-disabled': Tag === 'a' ? __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedDisabled_get) : false,
                 /* DEPRECATED: will be removed by september 2026  */
                 'qds-icon-only': __classPrivateFieldGet(this, _Button_instances, "a", _Button_iconOnly_get),
-            }, "data-importance": __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedSize_get), "data-action": __classPrivateFieldGet(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(this, _Button_buttonRef, "f"), rel: Tag === 'a' ? this.rel : undefined, tabIndex: -1, target: Tag === 'a' ? this.target : undefined, type: Tag === 'a' ? undefined : __classPrivateFieldGet(this, _Button_instances, "a", _Button_buttonType_get), value: Tag === 'a' ? undefined : this.value }, this.iconName !== undefined && this.iconName !== '' && (h("qds-icon", { key: '47d8b78276482d6454726b9f55c2624f51096493', class: "qds-icon", "data-size": __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedSize_get), library: this.iconLibrary, name: this.iconName })), !__classPrivateFieldGet(this, _Button_instances, "a", _Button_iconOnly_get) && (
+            }, "data-importance": __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedSize_get), "data-action": __classPrivateFieldGet(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(this, _Button_buttonRef, "f"), rel: Tag === 'a' ? this.rel : undefined, tabIndex: -1, target: Tag === 'a' ? this.target : undefined, type: Tag === 'a' ? undefined : __classPrivateFieldGet(this, _Button_instances, "a", _Button_buttonType_get), value: Tag === 'a' ? undefined : this.value }, this.iconName !== undefined && this.iconName !== '' && (h("qds-icon", { key: '95bc587c136ea8ec2cd17aab3294677cb018d5f1', class: "qds-icon", "data-size": __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedSize_get), library: this.iconLibrary, name: this.iconName })), !__classPrivateFieldGet(this, _Button_instances, "a", _Button_iconOnly_get) && (
         /* DEPRECATED: will be removed by september 2026  */
-        h("span", { key: 'a7e6fd071790bc11fff42616ebb1dffdfc3a8ae3', class: "qds-overflow", "data-size": __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedSize_get), ref: __classPrivateFieldGet(this, _Button_spanRef, "f") }, this.text)), isIndicator(this.badge) && (h("qds-badge-indicator", { key: 'c9ba582b432342f992d7b86c3acc8d5b52e4a0a3', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true })), isCounter(this.badge) && (h("qds-badge-counter", { key: '781db3bdcf4dcf61d6fc7a68e4e4e6d932ef0458', class: {
+        h("span", { key: '715cd57557a2f651f6779dc40d1dd30f84646707', class: "qds-overflow", "data-size": __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedSize_get), ref: __classPrivateFieldGet(this, _Button_spanRef, "f") }, this.text)), isIndicator(this.badge) && (h("qds-badge-indicator", { key: 'c798711734b520aef7898e05bf812367e6ac9fc6', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true })), isCounter(this.badge) && (h("qds-badge-counter", { key: '3535e3a5ab8278e5f314fb38f7d376eef6294d2e', class: {
                 /* DEPRECATED: will be removed by september 2026  */
                 'qds-indicator': __classPrivateFieldGet(this, _Button_instances, "a", _Button_iconOnly_get),
-            }, description: this.badgeDescription, importance: __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedImportance_get), size: __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedActionIcon_get) !== undefined && (h("qds-icon", { key: 'b218db54f4ca8c5fd39a421be83e2f696841a3aa', class: "qds-icon qds-action", "data-size": __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedSize_get), library: "core", name: __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedActionIcon_get) }))), h("div", { key: 'fa6b3bebb7b78ef2fcc135df85416901d4d20cca', class: {
+            }, description: this.badgeDescription, importance: __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedImportance_get), size: __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedActionIcon_get) !== undefined && (h("qds-icon", { key: 'ff6a13827be83fb15a8d401784534e2c09efc2e4', class: "qds-icon qds-action", "data-size": __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedSize_get), library: "core", name: __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedActionIcon_get) }))), h("div", { key: 'a67b763f688efbe98dd13ec7cffc5a4a1c0efcd2', class: {
                 'qds-focus-ring': true,
                 /* DEPRECATED: will be removed by september 2026  */
                 'qds-icon-only': __classPrivateFieldGet(this, _Button_instances, "a", _Button_iconOnly_get),
-            }, "data-importance": __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedSize_get) }), this.tooltip && (h("qds-tooltip", { key: '8551c4c97a9ed86935a1e12c687342d13e424460', ref: __classPrivateFieldGet(this, _Button_tooltipRef, "f"), placement: this.tooltipPlacement }, this.text))));
+            }, "data-importance": __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedSize_get) }), this.tooltip && (h("qds-tooltip", { key: 'cbff06c60fca024f700dfd30f191cb974462e063', ref: __classPrivateFieldGet(this, _Button_tooltipRef, "f"), placement: this.tooltipPlacement }, this.text))));
     }
     static get formAssociated() { return true; }
     get host() { return this; }