@quartzds/core 1.0.0-beta.113 → 1.0.0-beta.115

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

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { r as registerInstance, a as readTask, h } from './index-D8Hb0u1k.js';
-import { a as isOverflowing } from './helpers-CDZIefsI.js';
+import { a as isEllipsisActive } from './helpers-t9FQ7Vl_.js';
 
 const labelCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-label{align-items:center;box-sizing:border-box;color:var(--qds-theme-control-text-standard);display:inline-flex;gap:var(--qds-text-icon-gap);width:100%}.qds-label:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-focus-border-width) solid var(--qds-theme-focus-border);outline-offset:var(--qds-focus-border-offset)}.qds-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.qds-required{color:var(--qds-theme-feedback-field-required);-webkit-user-select:none;user-select:none}[data-size=small][data-importance=standard]{font:var(--qds-form-small-text)}[data-size=small][data-importance=emphasized] .qds-text{font:var(--qds-form-small-text-emphasized)}.qds-inline[data-size=small]{min-height:var(--qds-control-small-height)}.qds-icon[data-size=small]{height:var(--qds-form-small-icon-size);min-width:var(--qds-form-small-icon-size);width:var(--qds-form-small-icon-size)}[data-size=standard][data-importance=standard]{font:var(--qds-form-standard-text)}[data-size=standard][data-importance=emphasized] .qds-text{font:var(--qds-form-standard-text-emphasized)}.qds-inline[data-size=standard]{min-height:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{height:var(--qds-form-standard-icon-size);min-width:var(--qds-form-standard-icon-size);width:var(--qds-form-standard-icon-size)}[data-size=large][data-importance=standard]{font:var(--qds-form-large-text)}[data-size=large][data-importance=emphasized] .qds-text{font:var(--qds-form-large-text-emphasized)}.qds-inline[data-size=large]{min-height:var(--qds-control-large-height)}.qds-icon[data-size=large]{height:var(--qds-form-large-icon-size);min-width:var(--qds-form-large-icon-size);width:var(--qds-form-large-icon-size)}";
 
@@ -27,7 +27,7 @@ var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) ||
         throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _Label_instances, _Label_label, _Label_ro, _Label_span, _Label_computedSize_get, _Label_computedImportance_get, _Label_labelRef, _Label_spanRef, _Label_truncatedTooltipRef;
+var _Label_instances, _Label_label, _Label_ro, _Label_span, _Label_computedSize_get, _Label_computedImportance_get, _Label_labelRef, _Label_spanRef, _Label_tooltipRef;
 const Label = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -51,7 +51,7 @@ const Label = class {
          * The label's importance.
          */
         this.importance = 'standard';
-        this.truncatedTooltip = false;
+        this.tooltip = false;
         _Label_label.set(this, void 0);
         _Label_ro.set(this, void 0);
         _Label_span.set(this, void 0);
@@ -61,7 +61,7 @@ const Label = class {
         _Label_spanRef.set(this, (span) => {
             __classPrivateFieldSet(this, _Label_span, span, "f");
         });
-        _Label_truncatedTooltipRef.set(this, (tooltip) => {
+        _Label_tooltipRef.set(this, (tooltip) => {
             if (tooltip)
                 // eslint-disable-next-line no-param-reassign
                 tooltip.target = this.tooltipTarget ?? __classPrivateFieldGet(this, _Label_label, "f");
@@ -74,10 +74,10 @@ const Label = class {
             return;
         const span = __classPrivateFieldGet(this, _Label_span, "f");
         readTask(() => {
-            this.truncatedTooltip = isOverflowing(span);
+            this.tooltip = isEllipsisActive(span);
         });
         __classPrivateFieldSet(this, _Label_ro, new ResizeObserver(([spanEntry]) => {
-            this.truncatedTooltip = isOverflowing(spanEntry.target);
+            this.tooltip = isEllipsisActive(spanEntry.target);
         }), "f");
         __classPrivateFieldGet(this, _Label_ro, "f").observe(__classPrivateFieldGet(this, _Label_span, "f"));
     }
@@ -89,18 +89,18 @@ const Label = class {
             __classPrivateFieldGet(this, _Label_ro, "f").disconnect();
     }
     render() {
-        return (h("span", { key: '4b3c218e3a93f4d8e7d05ba231a8e1fca15e1259', class: {
+        return (h("span", { key: '6c3f4a992f689a53a80385f1d83b7c1a15da62f5', class: {
                 'qds-inline': this.inline,
                 'qds-label': true,
             }, "data-size": __classPrivateFieldGet(this, _Label_instances, "a", _Label_computedSize_get), "data-importance": __classPrivateFieldGet(this, _Label_instances, "a", _Label_computedImportance_get), ref: __classPrivateFieldGet(this, _Label_labelRef, "f"),
             // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
-            tabIndex: this.truncatedTooltip ? 0 : undefined }, this.required && h("span", { key: '00c69fff743b8aaa165feffa0e06b319c468b6aa', class: "qds-required" }, "*"), h("span", { key: '3a59234c320f3753db63df6ad5956a9fa21013cd', class: "qds-text", ref: __classPrivateFieldGet(this, _Label_spanRef, "f") }, this.text), this.truncatedTooltip && (h("qds-tooltip", { key: 'c247a3ca87f0d175a324f9eb7ad2662e0290708a', "aria-hidden": "true", ref: __classPrivateFieldGet(this, _Label_truncatedTooltipRef, "f") }, this.text))));
+            tabIndex: this.tooltip ? 0 : undefined }, this.required && h("span", { key: '3f69236c9ede573ea57335b24839170a188bb29e', class: "qds-required" }, "*"), h("span", { key: '77c6d15632b184100a047fb58b4923bf46725403', class: "qds-text", ref: __classPrivateFieldGet(this, _Label_spanRef, "f") }, this.text), this.tooltip && (h("qds-tooltip", { key: 'a925ab15602788ba2c6aaf0db21ae903de79c940', "aria-hidden": "true", ref: __classPrivateFieldGet(this, _Label_tooltipRef, "f") }, this.text))));
     }
     static get watchers() { return {
         "text": ["textChanged"]
     }; }
 };
-_Label_label = new WeakMap(), _Label_ro = new WeakMap(), _Label_span = new WeakMap(), _Label_labelRef = new WeakMap(), _Label_spanRef = new WeakMap(), _Label_truncatedTooltipRef = new WeakMap(), _Label_instances = new WeakSet(), _Label_computedSize_get = function _Label_computedSize_get() {
+_Label_label = new WeakMap(), _Label_ro = new WeakMap(), _Label_span = new WeakMap(), _Label_labelRef = new WeakMap(), _Label_spanRef = new WeakMap(), _Label_tooltipRef = new WeakMap(), _Label_instances = new WeakSet(), _Label_computedSize_get = function _Label_computedSize_get() {
     switch (this.size) {
         case 'standard':
         case 'small':

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

@@ -1 +1 @@
-{"version":3,"file":"qds-label.entry.js","sources":["src/components/label/label.css?tag=qds-label&encapsulation=shadow","src/components/label/label.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-label {\n  box-sizing: border-box;\n  color: var(--qds-theme-control-text-standard);\n  display: inline-flex;\n  align-items: center;\n  gap: var(--qds-text-icon-gap);\n  width: 100%;\n\n  &:focus-visible {\n    outline: var(--qds-focus-border-width) solid var(--qds-theme-focus-border);\n    outline-offset: var(--qds-focus-border-offset);\n    border-radius: var(--qds-focus-border-radius);\n  }\n}\n\n.qds-text {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.qds-required {\n  color: var(--qds-theme-feedback-field-required);\n  user-select: none;\n}\n\n[data-size='small'] {\n  &[data-importance='standard'] {\n    font: var(--qds-form-small-text);\n  }\n\n  &[data-importance='emphasized'] .qds-text {\n    font: var(--qds-form-small-text-emphasized);\n  }\n\n  &.qds-inline {\n    min-height: var(--qds-control-small-height);\n  }\n\n  &.qds-icon {\n    height: var(--qds-form-small-icon-size);\n    width: var(--qds-form-small-icon-size);\n    min-width: var(--qds-form-small-icon-size);\n  }\n}\n\n[data-size='standard'] {\n  &[data-importance='standard'] {\n    font: var(--qds-form-standard-text);\n  }\n\n  &[data-importance='emphasized'] .qds-text {\n    font: var(--qds-form-standard-text-emphasized);\n  }\n\n  &.qds-inline {\n    min-height: var(--qds-control-standard-height);\n  }\n\n  &.qds-icon {\n    height: var(--qds-form-standard-icon-size);\n    width: var(--qds-form-standard-icon-size);\n    min-width: var(--qds-form-standard-icon-size);\n  }\n}\n\n[data-size='large'] {\n  &[data-importance='standard'] {\n    font: var(--qds-form-large-text);\n  }\n\n  &[data-importance='emphasized'] .qds-text {\n    font: var(--qds-form-large-text-emphasized);\n  }\n\n  &.qds-inline {\n    min-height: var(--qds-control-large-height);\n  }\n\n  &.qds-icon {\n    height: var(--qds-form-large-icon-size);\n    width: var(--qds-form-large-icon-size);\n    min-width: var(--qds-form-large-icon-size);\n  }\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, readTask, State, Watch } from '@stencil/core'\n\nimport { isOverflowing } from '../../helpers'\nimport type { Importance, Size } from '../shared'\nimport type { Tooltip } from '../tooltip/tooltip'\n\nexport type LabelImportance = Exclude<Importance, 'subdued'>\n\n/**\n * `<qds-label>` elements represent a caption for an item in a user interface.\n *\n * @see https://quartz.se.com/build/components/label\n */\n@Component({\n  tag: 'qds-label',\n  shadow: true,\n  styleUrl: 'label.css',\n})\nexport class Label implements ComponentInterface {\n  /**\n   * Adds vertical margin to the label for alignment.\n   *\n   * This is useful when creating inline layouts so that the first lines have\n   * the correct vertical centering.\n   */\n  @Prop() public readonly inline: boolean = false\n\n  /**\n   * Specify the labelled item as required by appending a red asterisk (*).\n   */\n  @Prop() public readonly required: boolean = false\n\n  /**\n   * The label's size.\n   */\n  @Prop() public readonly size?: Size = 'standard'\n\n  /**\n   * The label's importance.\n   */\n  @Prop() public readonly importance?: LabelImportance = 'standard'\n\n  /**\n   * The label's text.\n   */\n  @Prop() public readonly text?: string\n\n  /**\n   * The element to which the tooltip is anchored.\n   * By default, the tooltip is anchored to the label itself when this prop is not set.\n   */\n  @Prop() public readonly tooltipTarget?: Tooltip['target']\n\n  @State() private truncatedTooltip = false\n\n  #label?: HTMLSpanElement\n\n  #ro?: ResizeObserver\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(): LabelImportance {\n    switch (this.importance) {\n      case 'emphasized':\n      case 'standard': {\n        return this.importance\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  @Watch('text')\n  protected textChanged(): void {\n    if (this.#ro) this.#ro.disconnect()\n\n    if (!this.#span) return\n\n    const span = this.#span\n    readTask(() => {\n      this.truncatedTooltip = isOverflowing(span)\n    })\n    this.#ro = new ResizeObserver(([spanEntry]) => {\n      this.truncatedTooltip = isOverflowing(spanEntry.target)\n    })\n    this.#ro.observe(this.#span)\n  }\n\n  public componentDidLoad(): void {\n    this.textChanged()\n  }\n\n  public disconnectedCallback(): void {\n    if (this.#ro) this.#ro.disconnect()\n  }\n\n  public render() {\n    return (\n      <span\n        class={{\n          'qds-inline': this.inline,\n          'qds-label': true,\n        }}\n        data-size={this.#computedSize}\n        data-importance={this.#computedImportance}\n        ref={this.#labelRef}\n        // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n        tabIndex={this.truncatedTooltip ? 0 : undefined}\n      >\n        {this.required && <span class=\"qds-required\">*</span>}\n        <span class=\"qds-text\" ref={this.#spanRef}>\n          {this.text}\n        </span>\n        {this.truncatedTooltip && (\n          <qds-tooltip aria-hidden=\"true\" ref={this.#truncatedTooltipRef}>\n            {this.text}\n          </qds-tooltip>\n        )}\n      </span>\n    )\n  }\n\n  readonly #labelRef = (label?: HTMLSpanElement): void => {\n    this.#label = label\n  }\n\n  readonly #spanRef = (span?: HTMLSpanElement): void => {\n    this.#span = span\n  }\n\n  readonly #truncatedTooltipRef = (tooltip?: HTMLQdsTooltipElement): void => {\n    if (tooltip)\n      // eslint-disable-next-line no-param-reassign\n      tooltip.target = this.tooltipTarget ?? this.#label\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"qds-label.entry.js","sources":["src/components/label/label.css?tag=qds-label&encapsulation=shadow","src/components/label/label.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-label {\n  box-sizing: border-box;\n  color: var(--qds-theme-control-text-standard);\n  display: inline-flex;\n  align-items: center;\n  gap: var(--qds-text-icon-gap);\n  width: 100%;\n\n  &:focus-visible {\n    outline: var(--qds-focus-border-width) solid var(--qds-theme-focus-border);\n    outline-offset: var(--qds-focus-border-offset);\n    border-radius: var(--qds-focus-border-radius);\n  }\n}\n\n.qds-text {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.qds-required {\n  color: var(--qds-theme-feedback-field-required);\n  user-select: none;\n}\n\n[data-size='small'] {\n  &[data-importance='standard'] {\n    font: var(--qds-form-small-text);\n  }\n\n  &[data-importance='emphasized'] .qds-text {\n    font: var(--qds-form-small-text-emphasized);\n  }\n\n  &.qds-inline {\n    min-height: var(--qds-control-small-height);\n  }\n\n  &.qds-icon {\n    height: var(--qds-form-small-icon-size);\n    width: var(--qds-form-small-icon-size);\n    min-width: var(--qds-form-small-icon-size);\n  }\n}\n\n[data-size='standard'] {\n  &[data-importance='standard'] {\n    font: var(--qds-form-standard-text);\n  }\n\n  &[data-importance='emphasized'] .qds-text {\n    font: var(--qds-form-standard-text-emphasized);\n  }\n\n  &.qds-inline {\n    min-height: var(--qds-control-standard-height);\n  }\n\n  &.qds-icon {\n    height: var(--qds-form-standard-icon-size);\n    width: var(--qds-form-standard-icon-size);\n    min-width: var(--qds-form-standard-icon-size);\n  }\n}\n\n[data-size='large'] {\n  &[data-importance='standard'] {\n    font: var(--qds-form-large-text);\n  }\n\n  &[data-importance='emphasized'] .qds-text {\n    font: var(--qds-form-large-text-emphasized);\n  }\n\n  &.qds-inline {\n    min-height: var(--qds-control-large-height);\n  }\n\n  &.qds-icon {\n    height: var(--qds-form-large-icon-size);\n    width: var(--qds-form-large-icon-size);\n    min-width: var(--qds-form-large-icon-size);\n  }\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, readTask, State, Watch } from '@stencil/core'\n\nimport { isEllipsisActive } from '../../helpers'\nimport type { Importance, Size } from '../shared'\nimport type { Tooltip } from '../tooltip/tooltip'\n\nexport type LabelImportance = Exclude<Importance, 'subdued'>\n\n/**\n * `<qds-label>` elements represent a caption for an item in a user interface.\n *\n * @see https://quartz.se.com/build/components/label\n */\n@Component({\n  tag: 'qds-label',\n  shadow: true,\n  styleUrl: 'label.css',\n})\nexport class Label implements ComponentInterface {\n  /**\n   * Adds vertical margin to the label for alignment.\n   *\n   * This is useful when creating inline layouts so that the first lines have\n   * the correct vertical centering.\n   */\n  @Prop() public readonly inline: boolean = false\n\n  /**\n   * Specify the labelled item as required by appending a red asterisk (*).\n   */\n  @Prop() public readonly required: boolean = false\n\n  /**\n   * The label's size.\n   */\n  @Prop() public readonly size?: Size = 'standard'\n\n  /**\n   * The label's importance.\n   */\n  @Prop() public readonly importance?: LabelImportance = 'standard'\n\n  /**\n   * The label's text.\n   */\n  @Prop() public readonly text?: string\n\n  /**\n   * The element to which the tooltip is anchored.\n   * By default, the tooltip is anchored to the label itself when this prop is not set.\n   */\n  @Prop() public readonly tooltipTarget?: Tooltip['target']\n\n  @State() private tooltip = false\n\n  #label?: HTMLSpanElement\n\n  #ro?: ResizeObserver\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(): LabelImportance {\n    switch (this.importance) {\n      case 'emphasized':\n      case 'standard': {\n        return this.importance\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  @Watch('text')\n  protected textChanged(): void {\n    if (this.#ro) this.#ro.disconnect()\n\n    if (!this.#span) return\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 componentDidLoad(): void {\n    this.textChanged()\n  }\n\n  public disconnectedCallback(): void {\n    if (this.#ro) this.#ro.disconnect()\n  }\n\n  public render() {\n    return (\n      <span\n        class={{\n          'qds-inline': this.inline,\n          'qds-label': true,\n        }}\n        data-size={this.#computedSize}\n        data-importance={this.#computedImportance}\n        ref={this.#labelRef}\n        // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n        tabIndex={this.tooltip ? 0 : undefined}\n      >\n        {this.required && <span class=\"qds-required\">*</span>}\n        <span class=\"qds-text\" ref={this.#spanRef}>\n          {this.text}\n        </span>\n        {this.tooltip && (\n          <qds-tooltip aria-hidden=\"true\" ref={this.#tooltipRef}>\n            {this.text}\n          </qds-tooltip>\n        )}\n      </span>\n    )\n  }\n\n  readonly #labelRef = (label?: HTMLSpanElement): void => {\n    this.#label = label\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.tooltipTarget ?? this.#label\n  }\n}\n"],"names":[],"mappings":"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"}

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

@@ -4,9 +4,9 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { r as registerInstance, c as createEvent, a as readTask, h, H as Host, g as getElement } from './index-D8Hb0u1k.js';
-import { p as pickFocusEventAttributes, i as invariant, a as isOverflowing } from './helpers-CDZIefsI.js';
+import { p as pickFocusEventAttributes, i as invariant, a as isEllipsisActive } from './helpers-t9FQ7Vl_.js';
 
-const listItemCss = ":host([hidden]){display:none!important}:host{display:block}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-indented-content,.qds-list-item{align-items:center;border-radius:var(--qds-control-border-radius);box-sizing:border-box}.qds-list-action{pointer-events:none}.qds-indented-content{align-self:stretch;display:flex;flex:1 0}.qds-destination{transform:scaleX(var(--qds-direction-factor,1))}.qds-icon{color:var(--qds-theme-text-standard)}.qds-avatar{border-radius:var(--qds-control-rounded-border-radius)}.qds-avatar,.qds-picture{flex-shrink:0}.qds-texts{display:flex;flex:1 0;flex-direction:column;justify-items:center;padding:0;position:relative}.qds-input{-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:var(--qds-control-border-radius);inset:0;margin:0;outline:none;position:absolute}.qds-title{color:var(--qds-theme-title);-webkit-line-clamp:2}.qds-subtitle,.qds-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.qds-subtitle{color:var(--qds-theme-subtitle);-webkit-line-clamp:5}.qds-kicker{color:var(--qds-theme-kicker);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}[data-size=small] .qds-indented-content{gap:var(--qds-list-item-small-gap-internal);min-height:var(--qds-list-item-small-height);padding:var(--qds-list-item-small-padding-vertical) var(--qds-list-item-small-padding-horizontal)}[data-size=small] .qds-icon{font-size:var(--qds-control-small-icon-size)}[data-size=small] .qds-main-icon{font-size:var(--qds-list-item-small-icon-size)}[data-size=small] .qds-texts{gap:var(--qds-list-item-small-titles-gap)}[data-size=small] .qds-kicker{font:var(--qds-list-item-small-kicker)}[data-size=small] .qds-title{font:var(--qds-list-item-small-title)}[data-size=small] .qds-subtitle{font:var(--qds-list-item-small-subtitle)}[data-size=small] .qds-avatar,[data-size=small] .qds-picture{height:var(--qds-list-item-small-picture-size);width:var(--qds-list-item-small-picture-size)}[data-size=standard] .qds-indented-content{gap:var(--qds-list-item-standard-gap-internal);min-height:var(--qds-list-item-standard-height);padding:var(--qds-list-item-standard-padding-vertical) var(--qds-list-item-standard-padding-horizontal)}[data-size=standard] .qds-icon{font-size:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-main-icon{font-size:var(--qds-list-item-standard-icon-size)}[data-size=standard] .qds-texts{gap:var(--qds-list-item-standard-titles-gap)}[data-size=standard] .qds-kicker{font:var(--qds-list-item-standard-kicker)}[data-size=standard] .qds-title{font:var(--qds-list-item-standard-title)}[data-size=standard] .qds-subtitle{font:var(--qds-list-item-standard-subtitle)}[data-size=standard] .qds-avatar,[data-size=standard] .qds-picture{height:var(--qds-list-item-standard-picture-size);width:var(--qds-list-item-standard-picture-size)}[data-size=large] .qds-indented-content{gap:var(--qds-list-item-large-gap-internal);min-height:var(--qds-list-item-large-height);padding:var(--qds-list-item-large-padding-vertical) var(--qds-list-item-large-padding-horizontal)}[data-size=large] .qds-icon{font-size:var(--qds-control-large-icon-size)}[data-size=large] .qds-main-icon{font-size:var(--qds-list-item-large-icon-size)}[data-size=large] .qds-texts{gap:var(--qds-list-item-large-titles-gap)}[data-size=large] .qds-kicker{font:var(--qds-list-item-large-kicker)}[data-size=large] .qds-title{font:var(--qds-list-item-large-title)}[data-size=large] .qds-subtitle{font:var(--qds-list-item-large-subtitle)}[data-size=large] .qds-avatar,[data-size=large] .qds-picture{height:var(--qds-list-item-large-picture-size);width:var(--qds-list-item-large-picture-size)}.qds-list-item{display:block}.qds-list-item:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-list-item:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-list-item:has(input:focus-visible){outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset)}.qds-selected.qds-list-item{background-color:var(--qds-theme-interactive-background-selected)}.qds-selected.qds-list-item:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-selected.qds-list-item:active{background-color:var(\n        --qds-theme-interactive-background-selected-pressed\n      )}.qds-selected[data-size=small] .qds-title{font:var(--qds-list-item-small-title-emphasized)}.qds-selected[data-size=standard] .qds-title{font:var(--qds-list-item-standard-title-emphasized)}.qds-selected[data-size=large] .qds-title{font:var(--qds-list-item-large-title-emphasized)}";
+const listItemCss = ":host([hidden]){display:none!important}:host{display:block}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-indented-content,.qds-list-item{align-items:center;border-radius:var(--qds-control-border-radius);box-sizing:border-box}.qds-list-action{pointer-events:none}.qds-indented-content{align-self:stretch;display:flex;flex:1 0}.qds-destination{transform:scaleX(var(--qds-direction-factor,1))}.qds-icon,.qds-main-icon{color:var(--qds-theme-text-standard)}.qds-picture{flex-shrink:0}.qds-texts{display:flex;flex:1 0;flex-direction:column;justify-items:center;padding:0;position:relative}.qds-input{-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:var(--qds-control-border-radius);inset:0;margin:0;outline:none;position:absolute}.qds-title{color:var(--qds-theme-title);-webkit-line-clamp:2}.qds-subtitle,.qds-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.qds-subtitle{color:var(--qds-theme-subtitle);-webkit-line-clamp:5}.qds-kicker{color:var(--qds-theme-kicker);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}[data-size=small] .qds-indented-content{gap:var(--qds-list-item-small-gap-internal);min-height:var(--qds-list-item-small-height);padding:var(--qds-list-item-small-padding-vertical) var(--qds-list-item-small-padding-horizontal)}[data-size=small] .qds-icon{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small] .qds-main-icon{height:var(--qds-list-item-small-icon-size);width:var(--qds-list-item-small-icon-size)}[data-size=small] .qds-texts{gap:var(--qds-list-item-small-titles-gap)}[data-size=small] .qds-kicker{font:var(--qds-list-item-small-kicker)}[data-size=small] .qds-title{font:var(--qds-list-item-small-title)}[data-size=small] .qds-subtitle{font:var(--qds-list-item-small-subtitle)}[data-size=small] .qds-picture{height:var(--qds-list-item-small-picture-size);width:var(--qds-list-item-small-picture-size)}[data-size=standard] .qds-indented-content{gap:var(--qds-list-item-standard-gap-internal);min-height:var(--qds-list-item-standard-height);padding:var(--qds-list-item-standard-padding-vertical) var(--qds-list-item-standard-padding-horizontal)}[data-size=standard] .qds-icon{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-main-icon{height:var(--qds-list-item-standard-icon-size);width:var(--qds-list-item-standard-icon-size)}[data-size=standard] .qds-texts{gap:var(--qds-list-item-standard-titles-gap)}[data-size=standard] .qds-kicker{font:var(--qds-list-item-standard-kicker)}[data-size=standard] .qds-title{font:var(--qds-list-item-standard-title)}[data-size=standard] .qds-subtitle{font:var(--qds-list-item-standard-subtitle)}[data-size=standard] .qds-picture{height:var(--qds-list-item-standard-picture-size);width:var(--qds-list-item-standard-picture-size)}[data-size=large] .qds-indented-content{gap:var(--qds-list-item-large-gap-internal);min-height:var(--qds-list-item-large-height);padding:var(--qds-list-item-large-padding-vertical) var(--qds-list-item-large-padding-horizontal)}[data-size=large] .qds-icon{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large] .qds-main-icon{height:var(--qds-list-item-large-icon-size);width:var(--qds-list-item-large-icon-size)}[data-size=large] .qds-texts{gap:var(--qds-list-item-large-titles-gap)}[data-size=large] .qds-kicker{font:var(--qds-list-item-large-kicker)}[data-size=large] .qds-title{font:var(--qds-list-item-large-title)}[data-size=large] .qds-subtitle{font:var(--qds-list-item-large-subtitle)}[data-size=large] .qds-picture{height:var(--qds-list-item-large-picture-size);width:var(--qds-list-item-large-picture-size)}.qds-list-item{display:block}.qds-list-item:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-list-item:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-list-item:has(input:focus-visible){outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset)}.qds-selected.qds-list-item{background-color:var(--qds-theme-interactive-background-selected)}.qds-selected.qds-list-item:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-selected.qds-list-item:active{background-color:var(\n        --qds-theme-interactive-background-selected-pressed\n      )}.qds-selected[data-size=small] .qds-title{font:var(--qds-list-item-small-title-emphasized)}.qds-selected[data-size=standard] .qds-title{font:var(--qds-list-item-standard-title-emphasized)}.qds-selected[data-size=large] .qds-title{font:var(--qds-list-item-large-title-emphasized)}";
 
 // SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
@@ -148,10 +148,10 @@ const ListItem = class {
         invariant(__classPrivateFieldGet(this, _ListItem_text, "f"));
         const div = __classPrivateFieldGet(this, _ListItem_text, "f");
         readTask(() => {
-            this.textTooltip = isOverflowing(div);
+            this.textTooltip = isEllipsisActive(div);
         });
         __classPrivateFieldSet(this, _ListItem_roText, new ResizeObserver(([divEntry]) => {
-            this.textTooltip = isOverflowing(divEntry.target);
+            this.textTooltip = isEllipsisActive(divEntry.target);
         }), "f");
         __classPrivateFieldGet(this, _ListItem_roText, "f").observe(__classPrivateFieldGet(this, _ListItem_text, "f"));
     }
@@ -163,10 +163,10 @@ const ListItem = class {
         invariant(__classPrivateFieldGet(this, _ListItem_subtitle, "f"));
         const div = __classPrivateFieldGet(this, _ListItem_subtitle, "f");
         readTask(() => {
-            this.subtitleTooltip = isOverflowing(div);
+            this.subtitleTooltip = isEllipsisActive(div);
         });
-        __classPrivateFieldSet(this, _ListItem_roSubTitle, new ResizeObserver(([subtitleEntry]) => {
-            this.subtitleTooltip = isOverflowing(subtitleEntry.target);
+        __classPrivateFieldSet(this, _ListItem_roSubTitle, new ResizeObserver(([divEntry]) => {
+            this.subtitleTooltip = isEllipsisActive(divEntry.target);
         }), "f");
         __classPrivateFieldGet(this, _ListItem_roSubTitle, "f").observe(__classPrivateFieldGet(this, _ListItem_subtitle, "f"));
     }
@@ -199,13 +199,13 @@ const ListItem = class {
     render() {
         return (
         /* eslint-disable jsx-a11y/label-has-associated-control */
-        h(Host, { key: '1bc30a3d6b69b7fea0cb94185da1c81c0bb571ae', onBlur: __classPrivateFieldGet(this, _ListItem_onBlur, "f"), onFocus: __classPrivateFieldGet(this, _ListItem_onFocus, "f"), tabIndex: this.tabIndex, "aria-label": this.text }, h("div", { key: '174b04bcdf89e93f9e3a8dbf06e3fa1ab6b34514', class: {
+        h(Host, { key: 'eb643cc1b548667a3d67f994f118091e65483964', onBlur: __classPrivateFieldGet(this, _ListItem_onBlur, "f"), onFocus: __classPrivateFieldGet(this, _ListItem_onFocus, "f"), tabIndex: this.tabIndex, "aria-label": this.text }, h("div", { key: '5f1109254dc3403308d8e0222a09efb38630e248', class: {
                 'qds-list-item': true,
                 'qds-disabled': this.disabled,
                 'qds-selected': __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_computedSelected_get),
-            }, "data-size": __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_computedSize_get) }, h("div", { key: '693f4348f47bc60251340efc7c22208df32d99b0', class: {
+            }, "data-size": __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_computedSize_get) }, h("div", { key: '92388e22d3afd96458c4381045e09fd2fb0e854d', class: {
                 'qds-indented-content': true,
-            } }, __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect' && (h("qds-checkbox", { key: '12cf69217513e8722f691ab2c3871d9b359656e4', checked: this.selected, class: "qds-list-action", indeterminate: this.indeterminate, size: this.size, tabindex: -1, text: this.text, disabled: this.disabled, "aria-hidden": "true", checkboxOnly: true })), __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'radio' && (h("qds-radio", { key: 'bf631db58a51f0d800bf460cd8d4c510a48e7ea7', checked: this.selected, class: "qds-list-action", size: this.size, tabindex: -1, "aria-hidden": "true", disabled: this.disabled })), __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'reorder' && (h("qds-icon", { key: 'd792f12359629099d564b7b09314171541c77441', "aria-hidden": "true", class: "qds-icon qds-list-action", library: "core", name: "draggable" })), this.imageSrc !== undefined && this.imageSrc !== '' && (h("img", { key: 'faa636ecb2975c9f9de07c9c042f63a6aec9243a', class: "qds-picture", src: this.imageSrc, alt: "" })), this.iconName !== undefined && this.iconName !== '' && (h("qds-icon", { key: '4345b66cea49af0e18c56b7dc5004e1e26d0d9ef', "aria-hidden": "true", class: "qds-icon qds-main-icon", library: this.iconLibrary, name: this.iconName })), this.avatarSrc !== undefined && this.avatarSrc !== '' && (h("img", { key: 'f7f0d63fdca5c55e152d6963732d750ca016e50d', class: "qds-avatar", src: this.avatarSrc, alt: "" })), h("label", { key: '4b7f6f1884528fc15d217658a185887526f0fb15', class: "qds-texts" }, this.kicker !== undefined && this.kicker !== '' && (h("div", { key: '7de8ee3b9ed3f532bbf4a90a296c1f7ca678ebc3', class: "qds-kicker" }, this.kicker)), h("div", { key: 'a58efb59edc9ca8d4a88917aadea49d03a7286d8', class: "qds-title", ref: __classPrivateFieldGet(this, _ListItem_divTitleRef, "f") }, this.text), this.subtitle !== undefined && this.subtitle !== '' && (h("div", { key: '9c635b772342c5c9bd5ac64a1b08ac9f4f16896b', class: "qds-subtitle", ref: __classPrivateFieldGet(this, _ListItem_divSubtitleRef, "f") }, this.subtitle))), this.badge !== undefined && this.badge !== '' && (h("qds-badge-counter", { key: 'd3c3d1984ed4f1abbfb1e981526042b1888b1565', size: __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_computedSize_get), strokeRing: true, value: this.badge, description: this.badgeDescription })), __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_computedDestination_get) !== undefined && (h("qds-icon", { key: '9b5abdec058b1ac7108c792989d36553af91f0a9', "aria-hidden": "true", class: "qds-icon qds-destination qds-main-icon", library: "core", name: __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_computedDestination_get) }))), this.showDivider && h("qds-divider", { key: '1db41d9c8d7875dd5fd3820aeea0fead6db1b22f' }), this.textTooltip && (h("qds-tooltip", { key: '6fa5bd5e3ff61d5b58a5011a99e6d8360d334b13', "aria-hidden": "true", ref: __classPrivateFieldGet(this, _ListItem_textTooltipRef, "f") }, this.text)), this.subtitleTooltip && (h("qds-tooltip", { key: 'a924d741f1621679645552b78922fd762b0287aa', "aria-hidden": "true", ref: __classPrivateFieldGet(this, _ListItem_subtitleTooltipRef, "f") }, this.subtitle))))
+            } }, __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect' && (h("qds-checkbox", { key: '14231ea877cc08acdf4d8317c765d80b63908e64', checked: this.selected, class: "qds-list-action", indeterminate: this.indeterminate, size: this.size, tabindex: -1, text: this.text, disabled: this.disabled, "aria-hidden": "true", checkboxOnly: true })), __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'radio' && (h("qds-radio", { key: '742dfe21f2cedfbdbed36ab4b84f1ddb52601486', checked: this.selected, class: "qds-list-action", size: this.size, tabindex: -1, "aria-hidden": "true", disabled: this.disabled })), __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'reorder' && (h("qds-icon", { key: '7b1621883c9a1603899eb3ea6c99b1b62b3a18b1', "aria-hidden": "true", class: "qds-icon qds-list-action", library: "core", name: "draggable" })), this.imageSrc !== undefined && this.imageSrc !== '' && (h("img", { key: '5b3342a6edd2638b48a8a4bd4f5ed0b618645681', class: "qds-picture", src: this.imageSrc, alt: "" })), this.iconName !== undefined && this.iconName !== '' && (h("qds-icon", { key: '240bdc74537b49a5549532a064f0a9dcb86f2403', "aria-hidden": "true", class: "qds-main-icon", library: this.iconLibrary, name: this.iconName })), this.avatarSrc !== undefined && this.avatarSrc !== '' && (h("qds-avatar-media", { key: '846fe9687d812abba5746be6be72df97c6cf1296', class: "qds-picture", src: this.avatarSrc })), h("label", { key: 'b0a7a4008c27f7d25a136d4c1d4b1865c475fbb6', class: "qds-texts" }, this.kicker !== undefined && this.kicker !== '' && (h("div", { key: 'd1fa1c3d7ad575bf0a34ad35980df4f81246b43f', class: "qds-kicker" }, this.kicker)), h("div", { key: '17b8a7a1ff250b62ce47358eb781f85062392e12', class: "qds-title", ref: __classPrivateFieldGet(this, _ListItem_divTitleRef, "f") }, this.text), this.subtitle !== undefined && this.subtitle !== '' && (h("div", { key: '75d43bb788000dffd0b079bdcf20bf7260ec25e2', class: "qds-subtitle", ref: __classPrivateFieldGet(this, _ListItem_divSubtitleRef, "f") }, this.subtitle))), this.badge !== undefined && this.badge !== '' && (h("qds-badge-counter", { key: 'b2158f3a39e040fe2eebe88f5353c4b5d5ae66e6', size: __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_computedSize_get), strokeRing: true, value: this.badge, description: this.badgeDescription })), __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_computedDestination_get) !== undefined && (h("qds-icon", { key: '556fe79cc687a40bf954602888740497ae77250b', "aria-hidden": "true", class: "qds-icon qds-destination", library: "core", name: __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_computedDestination_get) }))), this.showDivider && h("qds-divider", { key: '95190118f21c209ea22c9fbb158c23f01780b38a' }), this.textTooltip && (h("qds-tooltip", { key: 'f2babf99ea3084f52b06d206963922af4c20f4ed', "aria-hidden": "true", ref: __classPrivateFieldGet(this, _ListItem_textTooltipRef, "f") }, this.text)), this.subtitleTooltip && (h("qds-tooltip", { key: '18d3fdb6bb2d53a98818e5d82b9ac973b9c315e3', "aria-hidden": "true", ref: __classPrivateFieldGet(this, _ListItem_subtitleTooltipRef, "f") }, this.subtitle))))
         /* eslint-enable jsx-a11y/label-has-associated-control */
         );
     }

package/dist/esm/qds-list-item.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"qds-list-item.entry.js","sources":["src/components/list-item/list-item.css?tag=qds-list-item&encapsulation=shadow","src/components/list-item/list-item.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: block;\n}\n\n.qds-disabled {\n  opacity: var(--qds-theme-disabled);\n  pointer-events: none;\n}\n\n.qds-list-item,\n.qds-indented-content {\n  align-items: center;\n  box-sizing: border-box;\n  border-radius: var(--qds-control-border-radius);\n}\n\n.qds-list-action {\n  pointer-events: none;\n}\n\n.qds-indented-content {\n  display: flex;\n  flex: 1 0;\n  align-self: stretch;\n}\n\n.qds-destination {\n  transform: scaleX(var(--qds-direction-factor, 1));\n}\n\n.qds-icon {\n  color: var(--qds-theme-text-standard);\n}\n\n.qds-avatar {\n  border-radius: var(--qds-control-rounded-border-radius);\n  flex-shrink: 0;\n}\n\n.qds-picture {\n  flex-shrink: 0;\n}\n\n.qds-texts {\n  justify-items: center;\n  display: flex;\n  flex: 1 0;\n  flex-direction: column;\n  padding: 0;\n  position: relative;\n}\n\n.qds-input {\n  appearance: none;\n  background: none;\n  border: none;\n  border-radius: var(--qds-control-border-radius);\n  inset: 0;\n  margin: 0;\n  outline: none;\n  position: absolute;\n}\n\n.qds-title {\n  color: var(--qds-theme-title);\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n}\n\n.qds-subtitle {\n  color: var(--qds-theme-subtitle);\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 5;\n  overflow: hidden;\n}\n\n.qds-kicker {\n  color: var(--qds-theme-kicker);\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  overflow: hidden;\n}\n\n[data-size='small'] {\n  .qds-indented-content {\n    gap: var(--qds-list-item-small-gap-internal);\n    min-height: var(--qds-list-item-small-height);\n    padding: var(--qds-list-item-small-padding-vertical)\n      var(--qds-list-item-small-padding-horizontal);\n  }\n\n  .qds-icon {\n    font-size: var(--qds-control-small-icon-size);\n  }\n\n  .qds-main-icon {\n    font-size: var(--qds-list-item-small-icon-size);\n  }\n\n  .qds-texts {\n    gap: var(--qds-list-item-small-titles-gap);\n  }\n\n  .qds-kicker {\n    font: var(--qds-list-item-small-kicker);\n  }\n\n  .qds-title {\n    font: var(--qds-list-item-small-title);\n  }\n\n  .qds-subtitle {\n    font: var(--qds-list-item-small-subtitle);\n  }\n\n  .qds-avatar,\n  .qds-picture {\n    height: var(--qds-list-item-small-picture-size);\n    width: var(--qds-list-item-small-picture-size);\n  }\n}\n\n[data-size='standard'] {\n  .qds-indented-content {\n    gap: var(--qds-list-item-standard-gap-internal);\n    min-height: var(--qds-list-item-standard-height);\n    padding: var(--qds-list-item-standard-padding-vertical)\n      var(--qds-list-item-standard-padding-horizontal);\n  }\n\n  .qds-icon {\n    font-size: var(--qds-control-standard-icon-size);\n  }\n\n  .qds-main-icon {\n    font-size: var(--qds-list-item-standard-icon-size);\n  }\n\n  .qds-texts {\n    gap: var(--qds-list-item-standard-titles-gap);\n  }\n\n  .qds-kicker {\n    font: var(--qds-list-item-standard-kicker);\n  }\n\n  .qds-title {\n    font: var(--qds-list-item-standard-title);\n  }\n\n  .qds-subtitle {\n    font: var(--qds-list-item-standard-subtitle);\n  }\n\n  .qds-avatar,\n  .qds-picture {\n    height: var(--qds-list-item-standard-picture-size);\n    width: var(--qds-list-item-standard-picture-size);\n  }\n}\n\n[data-size='large'] {\n  .qds-indented-content {\n    gap: var(--qds-list-item-large-gap-internal);\n    min-height: var(--qds-list-item-large-height);\n    padding: var(--qds-list-item-large-padding-vertical)\n      var(--qds-list-item-large-padding-horizontal);\n  }\n\n  .qds-icon {\n    font-size: var(--qds-control-large-icon-size);\n  }\n\n  .qds-main-icon {\n    font-size: var(--qds-list-item-large-icon-size);\n  }\n\n  .qds-texts {\n    gap: var(--qds-list-item-large-titles-gap);\n  }\n\n  .qds-kicker {\n    font: var(--qds-list-item-large-kicker);\n  }\n\n  .qds-title {\n    font: var(--qds-list-item-large-title);\n  }\n\n  .qds-subtitle {\n    font: var(--qds-list-item-large-subtitle);\n  }\n\n  .qds-avatar,\n  .qds-picture {\n    height: var(--qds-list-item-large-picture-size);\n    width: var(--qds-list-item-large-picture-size);\n  }\n}\n\n.qds-list-item {\n  display: block;\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  &:has(input:focus-visible) {\n    outline: var(--qds-theme-focus-border) solid var(--qds-focus-border-width);\n    outline-offset: var(--qds-focus-border-offset);\n  }\n}\n\n.qds-selected {\n  &.qds-list-item {\n    background-color: var(--qds-theme-interactive-background-selected);\n\n    &:hover {\n      background-color: var(--qds-theme-interactive-background-selected-hover);\n    }\n\n    &:active {\n      background-color: var(\n        --qds-theme-interactive-background-selected-pressed\n      );\n    }\n  }\n\n  &[data-size='small'] .qds-title {\n    font: var(--qds-list-item-small-title-emphasized);\n  }\n\n  &[data-size='standard'] .qds-title {\n    font: var(--qds-list-item-standard-title-emphasized);\n  }\n\n  &[data-size='large'] .qds-title {\n    font: var(--qds-list-item-large-title-emphasized);\n  }\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface, EventEmitter } from '@stencil/core'\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  h,\n  Host,\n  Listen,\n  Prop,\n  readTask,\n  State,\n  Watch,\n} from '@stencil/core'\n\nimport type { QdsFocusEventDetail } from '../../helpers'\nimport {\n  invariant,\n  isOverflowing,\n  pickFocusEventAttributes,\n} from '../../helpers'\nimport type { Size } from '../shared'\n\nexport type Destination = 'navigation'\nexport type ListAction = 'multiselect' | 'radio' | 'reorder'\n\n/**\n *\n *\n * @see https://quartz.se.com/build/components/list-item\n */\n@Component({\n  tag: 'qds-list-item',\n  shadow: { delegatesFocus: false },\n  styleUrl: 'list-item.css',\n})\nexport class ListItem implements ComponentInterface {\n  /**\n   * The destination action that the list item denotes through its rightmost icon.\n   */\n  @Prop() public readonly destination?: Destination\n\n  /**\n   * Prevents the list item from being interacted with: it cannot be selected\n   * or focused.\n   */\n  @Prop() public readonly disabled: boolean = false\n\n  /**\n   * Control how to display the bottom divider line.\n   *\n   * By default, the divider is not visible.\n   */\n  @Prop() public readonly showDivider: 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 URL of the avatar image to display.\n   */\n  @Prop() public readonly avatarSrc?: string\n\n  /**\n   * The URL of the picture to display.\n   *\n   * This is used to display a picture in the list item.\n   * It is not used for the avatar image.\n   */\n  @Prop() public readonly imageSrc?: string\n\n  /**\n   * Text to display for the kicker.\n   */\n  @Prop() public readonly kicker?: string\n\n  /**\n   * The type of list-level action that the list item supports\n   */\n  @Prop() public readonly listAction?: ListAction\n\n  /**\n   * The list items's size.\n   */\n  @Prop() public readonly size?: Size = 'standard'\n\n  /**\n   * Whether or not the list item is selected.\n   */\n  @Prop({ mutable: true }) public selected?: boolean\n\n  /**\n   * Sets the list item to an indeterminate state, only when `list-action=\"indeterminate\"`.\n   * This is usually applied to items that represent a \"select all/none\" behavior when associated\n   * items have a mix of selected and unselected states.\n   *\n   * @webnative\n   */\n  @Prop({ mutable: true }) public indeterminate?: boolean\n\n  /**\n   * The primary text of the list item.\n   */\n  @Prop() public readonly text!: string\n\n  /**\n   * Text to display below the primary text.\n   */\n  @Prop() public readonly subtitle?: string\n\n  /**\n   * Displays a counter badge if a number or string representing a number is used.\n   *\n   * @webnative\n   */\n  @Prop() public readonly badge?: number | string\n\n  /**\n   * The counter badge's accessible text that will be used by\n   * screen readers.\n   */\n  @Prop() public readonly badgeDescription?: string\n\n  /**\n   * Emitted when the list item loses focus.\n   */\n  @Event({ eventName: 'qdsBlur', bubbles: false, cancelable: false })\n  private readonly blurEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  /**\n   * Emitted when a change to the checkbox's state is committed by the user.\n   */\n  @Event({ eventName: 'qdsChange', cancelable: false })\n  private readonly changeEmitter!: EventEmitter<void>\n\n  /**\n   * Emitted when the list 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  @Element() private readonly host!: HTMLElement\n\n  @State() private tabIndex?: number\n\n  @State() private textTooltip = false\n\n  @State() private subtitleTooltip = false\n\n  #roText?: ResizeObserver\n\n  #roSubTitle?: ResizeObserver\n\n  #text?: HTMLDivElement\n\n  #subtitle?: HTMLDivElement\n\n  get #computedDestination(): Destination | undefined {\n    switch (this.destination) {\n      case 'navigation': {\n        return this.destination\n      }\n      default: {\n        return undefined\n      }\n    }\n  }\n\n  get #computedIndeterminate(): boolean {\n    return this.indeterminate ?? false\n  }\n\n  get #computedListAction(): ListAction | undefined {\n    switch (this.listAction) {\n      case 'reorder':\n      case 'radio':\n      case 'multiselect': {\n        return this.listAction\n      }\n      default: {\n        return undefined\n      }\n    }\n  }\n\n  get #computedSelected(): boolean {\n    return this.selected ?? false\n  }\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  @Listen('click')\n  protected onClick(event: MouseEvent): void {\n    if (this.disabled) {\n      event.stopImmediatePropagation()\n      return\n    }\n\n    // Always prevent default behavior to avoid the internal `<input>`\n    // to toggle `checked` state inappropriately.\n    //\n    // Note that this will need adjustments once we add the `item-action` slot.\n    event.preventDefault()\n\n    if (this.listAction === 'multiselect') {\n      event.stopImmediatePropagation()\n      this.selected = this.#computedIndeterminate\n        ? true\n        : !this.#computedSelected\n      this.changeEmitter.emit()\n      this.indeterminate = false\n    }\n\n    if (this.listAction === 'radio' && !this.#computedSelected) {\n      event.stopImmediatePropagation()\n      this.selected = !this.#computedSelected\n    }\n  }\n\n  @Listen('keydown')\n  protected onKeydown(event: KeyboardEvent): void {\n    if (event.key === 'Enter') this.host.click()\n  }\n\n  @Listen('keyup')\n  protected onKeyup(event: KeyboardEvent): void {\n    if (event.key === ' ') this.host.click()\n  }\n\n  @Watch('tabindex')\n  protected tabindexChanged(newValue: string): void {\n    const parsedValue = Number.parseInt(newValue, 10)\n    this.tabIndex = Number.isNaN(parsedValue) ? undefined : parsedValue\n  }\n\n  @Watch('disabled')\n  protected disabledChanged(): void {\n    this.internals.ariaDisabled = this.disabled.toString()\n  }\n\n  @Watch('listAction')\n  protected listActionChanged(newValue: ListAction | undefined): void {\n    this.internals.ariaChecked =\n      (newValue === 'radio' || newValue === 'multiselect') &&\n      this.#computedSelected\n        ? 'true'\n        : 'false'\n  }\n\n  @Watch('selected')\n  protected selectedChanged(): void {\n    if (this.listAction === 'multiselect') {\n      this.internals.ariaChecked = this.#computedSelected.toString()\n    }\n  }\n\n  @Watch('text')\n  protected textChanged(): void {\n    if (this.#roText) this.#roText.disconnect()\n\n    if (!this.#text || !this.text) return\n\n    invariant(this.#text)\n\n    const div = this.#text\n    readTask(() => {\n      this.textTooltip = isOverflowing(div)\n    })\n    this.#roText = new ResizeObserver(([divEntry]) => {\n      this.textTooltip = isOverflowing(divEntry.target)\n    })\n    this.#roText.observe(this.#text)\n  }\n\n  @Watch('subtitle')\n  protected subtitleChanged(): void {\n    if (this.#roSubTitle) this.#roSubTitle.disconnect()\n\n    if (!this.#subtitle || this.subtitle === undefined || this.subtitle === '')\n      return\n\n    invariant(this.#subtitle)\n    const div = this.#subtitle\n    readTask(() => {\n      this.subtitleTooltip = isOverflowing(div)\n    })\n    this.#roSubTitle = new ResizeObserver(([subtitleEntry]) => {\n      this.subtitleTooltip = isOverflowing(subtitleEntry.target)\n    })\n    this.#roSubTitle.observe(this.#subtitle)\n  }\n\n  public componentWillLoad(): void {\n    this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0')\n    switch (this.listAction) {\n      case 'radio': {\n        this.internals.role = 'menuitemradio'\n        break\n      }\n      case 'multiselect': {\n        this.internals.role = 'menuitemcheckbox'\n        break\n      }\n      case undefined: {\n        this.internals.role = 'option'\n        break\n      }\n      default: {\n        this.internals.role = 'listitem'\n        break\n      }\n    }\n    this.disabledChanged()\n  }\n\n  public componentDidLoad(): void {\n    this.textChanged()\n    this.subtitleChanged()\n  }\n\n  public render() {\n    return (\n      /* eslint-disable jsx-a11y/label-has-associated-control */\n      <Host\n        onBlur={this.#onBlur}\n        onFocus={this.#onFocus}\n        tabIndex={this.tabIndex}\n        aria-label={this.text}\n      >\n        <div\n          class={{\n            'qds-list-item': true,\n            'qds-disabled': this.disabled,\n            'qds-selected': this.#computedSelected,\n          }}\n          data-size={this.#computedSize}\n        >\n          <div\n            class={{\n              'qds-indented-content': true,\n            }}\n          >\n            {this.#computedListAction === 'multiselect' && (\n              <qds-checkbox\n                checked={this.selected}\n                class=\"qds-list-action\"\n                indeterminate={this.indeterminate}\n                size={this.size}\n                tabindex={-1}\n                text={this.text}\n                disabled={this.disabled}\n                aria-hidden=\"true\"\n                checkboxOnly\n              />\n            )}\n\n            {this.#computedListAction === 'radio' && (\n              <qds-radio\n                checked={this.selected}\n                class=\"qds-list-action\"\n                size={this.size}\n                tabindex={-1}\n                aria-hidden=\"true\"\n                disabled={this.disabled}\n              />\n            )}\n\n            {this.#computedListAction === 'reorder' && (\n              <qds-icon\n                aria-hidden=\"true\"\n                class=\"qds-icon qds-list-action\"\n                library=\"core\"\n                name=\"draggable\"\n              />\n            )}\n\n            {this.imageSrc !== undefined && this.imageSrc !== '' && (\n              <img class=\"qds-picture\" src={this.imageSrc} alt=\"\" />\n            )}\n\n            {this.iconName !== undefined && this.iconName !== '' && (\n              <qds-icon\n                aria-hidden=\"true\"\n                class=\"qds-icon qds-main-icon\"\n                library={this.iconLibrary}\n                name={this.iconName}\n              />\n            )}\n            {this.avatarSrc !== undefined && this.avatarSrc !== '' && (\n              <img class=\"qds-avatar\" src={this.avatarSrc} alt=\"\" />\n            )}\n\n            <label class=\"qds-texts\">\n              {this.kicker !== undefined && this.kicker !== '' && (\n                <div class=\"qds-kicker\">{this.kicker}</div>\n              )}\n              <div class=\"qds-title\" ref={this.#divTitleRef}>\n                {this.text}\n              </div>\n              {this.subtitle !== undefined && this.subtitle !== '' && (\n                <div class=\"qds-subtitle\" ref={this.#divSubtitleRef}>\n                  {this.subtitle}\n                </div>\n              )}\n            </label>\n\n            {this.badge !== undefined && this.badge !== '' && (\n              <qds-badge-counter\n                size={this.#computedSize}\n                strokeRing\n                value={this.badge}\n                description={this.badgeDescription}\n              />\n            )}\n\n            {this.#computedDestination !== undefined && (\n              <qds-icon\n                aria-hidden=\"true\"\n                class=\"qds-icon qds-destination qds-main-icon\"\n                library=\"core\"\n                name={this.#computedDestination}\n              />\n            )}\n          </div>\n          {this.showDivider && <qds-divider />}\n          {this.textTooltip && (\n            <qds-tooltip aria-hidden=\"true\" ref={this.#textTooltipRef}>\n              {this.text}\n            </qds-tooltip>\n          )}\n          {this.subtitleTooltip && (\n            <qds-tooltip aria-hidden=\"true\" ref={this.#subtitleTooltipRef}>\n              {this.subtitle}\n            </qds-tooltip>\n          )}\n        </div>\n      </Host>\n\n      /* eslint-enable jsx-a11y/label-has-associated-control */\n    )\n  }\n\n  readonly #onBlur = (event: FocusEvent): void => {\n    this.blurEmitter.emit(pickFocusEventAttributes(event))\n  }\n\n  readonly #onFocus = (event: FocusEvent): void => {\n    this.focusEmitter.emit(pickFocusEventAttributes(event))\n  }\n\n  readonly #divTitleRef = (div?: HTMLDivElement): void => {\n    this.#text = div\n  }\n\n  readonly #divSubtitleRef = (div?: HTMLDivElement): void => {\n    this.#subtitle = div\n  }\n\n  readonly #textTooltipRef = (tooltip?: HTMLQdsTooltipElement): void => {\n    if (tooltip)\n      // eslint-disable-next-line no-param-reassign\n      tooltip.target = this.#text\n  }\n\n  readonly #subtitleTooltipRef = (tooltip?: HTMLQdsTooltipElement): void => {\n    if (tooltip)\n      // eslint-disable-next-line no-param-reassign\n      tooltip.target = this.#subtitle\n  }\n}\n"],"names":[],"mappings":";;;;;;;;AAAA,MAAM,WAAW,GAAG,yjJAAyjJ;;ACA7kJ;AACA;AACA;;;;;;;;;;;;;;;;;;MAsCa,QAAQ,GAAA,MAAA;AALrB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;;;;;;;;;;AAWE;;;AAGG;AACqB,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAEjD;;;;AAIG;AACqB,QAAA,IAAW,CAAA,WAAA,GAAY,KAAK;AASpD;;AAEG;AACqB,QAAA,IAAW,CAAA,WAAA,GAAW,SAAS;AAyBvD;;AAEG;AACqB,QAAA,IAAI,CAAA,IAAA,GAAU,UAAU;AA+D/B,QAAA,IAAW,CAAA,WAAA,GAAG,KAAK;AAEnB,QAAA,IAAe,CAAA,eAAA,GAAG,KAAK;QAExC,gBAAwB,CAAA,GAAA,CAAA,IAAA,EAAA,MAAA,CAAA;QAExB,oBAA4B,CAAA,GAAA,CAAA,IAAA,EAAA,MAAA,CAAA;QAE5B,cAAsB,CAAA,GAAA,CAAA,IAAA,EAAA,MAAA,CAAA;QAEtB,kBAA0B,CAAA,GAAA,CAAA,IAAA,EAAA,MAAA,CAAA;QA0SjB,gBAAU,CAAA,GAAA,CAAA,IAAA,EAAA,CAAC,KAAiB,KAAU;YAC7C,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AACxD,SAAC,CAAA;QAEQ,iBAAW,CAAA,GAAA,CAAA,IAAA,EAAA,CAAC,KAAiB,KAAU;YAC9C,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AACzD,SAAC,CAAA;QAEQ,qBAAe,CAAA,GAAA,CAAA,IAAA,EAAA,CAAC,GAAoB,KAAU;YACrD,sBAAA,CAAA,IAAI,EAAA,cAAA,EAAS,GAAG,EAAA,GAAA,CAAA;AAClB,SAAC,CAAA;QAEQ,wBAAkB,CAAA,GAAA,CAAA,IAAA,EAAA,CAAC,GAAoB,KAAU;YACxD,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAa,GAAG,EAAA,GAAA,CAAA;AACtB,SAAC,CAAA;QAEQ,wBAAkB,CAAA,GAAA,CAAA,IAAA,EAAA,CAAC,OAA+B,KAAU;AACnE,YAAA,IAAI,OAAO;;gBAET,OAAO,CAAC,MAAM,GAAG,sBAAA,CAAA,IAAI,sBAAM;AAC/B,SAAC,CAAA;QAEQ,4BAAsB,CAAA,GAAA,CAAA,IAAA,EAAA,CAAC,OAA+B,KAAU;AACvE,YAAA,IAAI,OAAO;;gBAET,OAAO,CAAC,MAAM,GAAG,sBAAA,CAAA,IAAI,0BAAU;AACnC,SAAC,CAAA;AACF;AArRW,IAAA,OAAO,CAAC,KAAiB,EAAA;AACjC,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,KAAK,CAAC,wBAAwB,EAAE;YAChC;;;;;;QAOF,KAAK,CAAC,cAAc,EAAE;AAEtB,QAAA,IAAI,IAAI,CAAC,UAAU,KAAK,aAAa,EAAE;YACrC,KAAK,CAAC,wBAAwB,EAAE;AAChC,YAAA,IAAI,CAAC,QAAQ,GAAG,sBAAA,CAAA,IAAI,EAAuB,mBAAA,EAAA,GAAA,EAAA,mCAAA;AACzC,kBAAE;AACF,kBAAE,CAAC,sBAAA,CAAA,IAAI,2DAAkB;AAC3B,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;AACzB,YAAA,IAAI,CAAC,aAAa,GAAG,KAAK;;AAG5B,QAAA,IAAI,IAAI,CAAC,UAAU,KAAK,OAAO,IAAI,CAAC,sBAAA,CAAA,IAAI,EAAkB,mBAAA,EAAA,GAAA,EAAA,8BAAA,CAAA,EAAE;YAC1D,KAAK,CAAC,wBAAwB,EAAE;AAChC,YAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,sBAAA,CAAA,IAAI,2DAAkB;;;AAKjC,IAAA,SAAS,CAAC,KAAoB,EAAA;AACtC,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO;AAAE,YAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;;AAIpC,IAAA,OAAO,CAAC,KAAoB,EAAA;AACpC,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG;AAAE,YAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;;AAIhC,IAAA,eAAe,CAAC,QAAgB,EAAA;QACxC,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC;AACjD,QAAA,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,SAAS,GAAG,WAAW;;IAI3D,eAAe,GAAA;QACvB,IAAI,CAAC,SAAS,CAAC,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE;;AAI9C,IAAA,iBAAiB,CAAC,QAAgC,EAAA;QAC1D,IAAI,CAAC,SAAS,CAAC,WAAW;AACxB,YAAA,CAAC,QAAQ,KAAK,OAAO,IAAI,QAAQ,KAAK,aAAa;gBACnD,sBAAA,CAAA,IAAI,EAAkB,mBAAA,EAAA,GAAA,EAAA,8BAAA;AACpB,kBAAE;kBACA,OAAO;;IAIL,eAAe,GAAA;AACvB,QAAA,IAAI,IAAI,CAAC,UAAU,KAAK,aAAa,EAAE;AACrC,YAAA,IAAI,CAAC,SAAS,CAAC,WAAW,GAAG,sBAAA,CAAA,IAAI,EAAkB,mBAAA,EAAA,GAAA,EAAA,8BAAA,CAAA,CAAC,QAAQ,EAAE;;;IAKxD,WAAW,GAAA;AACnB,QAAA,IAAI,sBAAA,CAAA,IAAI,EAAQ,gBAAA,EAAA,GAAA,CAAA;YAAE,sBAAA,CAAA,IAAI,EAAA,gBAAA,EAAA,GAAA,CAAQ,CAAC,UAAU,EAAE;AAE3C,QAAA,IAAI,CAAC,uBAAA,IAAI,EAAA,cAAA,EAAA,GAAA,CAAM,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE;QAE/B,SAAS,CAAC,sBAAA,CAAA,IAAI,EAAA,cAAA,EAAA,GAAA,CAAM,CAAC;QAErB,MAAM,GAAG,GAAG,sBAAA,CAAA,IAAI,sBAAM;QACtB,QAAQ,CAAC,MAAK;AACZ,YAAA,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,GAAG,CAAC;AACvC,SAAC,CAAC;AACF,QAAA,sBAAA,CAAA,IAAI,EAAW,gBAAA,EAAA,IAAI,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAI;YAC/C,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC;AACnD,SAAC,CAAC,MAAA;AACF,QAAA,sBAAA,CAAA,IAAI,wBAAQ,CAAC,OAAO,CAAC,sBAAA,CAAA,IAAI,EAAM,cAAA,EAAA,GAAA,CAAA,CAAC;;IAIxB,eAAe,GAAA;AACvB,QAAA,IAAI,sBAAA,CAAA,IAAI,EAAY,oBAAA,EAAA,GAAA,CAAA;YAAE,sBAAA,CAAA,IAAI,EAAA,oBAAA,EAAA,GAAA,CAAY,CAAC,UAAU,EAAE;QAEnD,IAAI,CAAC,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,KAAK,EAAE;YACxE;QAEF,SAAS,CAAC,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC;QACzB,MAAM,GAAG,GAAG,sBAAA,CAAA,IAAI,0BAAU;QAC1B,QAAQ,CAAC,MAAK;AACZ,YAAA,IAAI,CAAC,eAAe,GAAG,aAAa,CAAC,GAAG,CAAC;AAC3C,SAAC,CAAC;AACF,QAAA,sBAAA,CAAA,IAAI,EAAe,oBAAA,EAAA,IAAI,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,KAAI;YACxD,IAAI,CAAC,eAAe,GAAG,aAAa,CAAC,aAAa,CAAC,MAAM,CAAC;AAC5D,SAAC,CAAC,MAAA;AACF,QAAA,sBAAA,CAAA,IAAI,4BAAY,CAAC,OAAO,CAAC,sBAAA,CAAA,IAAI,EAAU,kBAAA,EAAA,GAAA,CAAA,CAAC;;IAGnC,iBAAiB,GAAA;AACtB,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,GAAG,CAAC;AAC/D,QAAA,QAAQ,IAAI,CAAC,UAAU;YACrB,KAAK,OAAO,EAAE;AACZ,gBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,eAAe;gBACrC;;YAEF,KAAK,aAAa,EAAE;AAClB,gBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,kBAAkB;gBACxC;;YAEF,KAAK,SAAS,EAAE;AACd,gBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,QAAQ;gBAC9B;;YAEF,SAAS;AACP,gBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,UAAU;gBAChC;;;QAGJ,IAAI,CAAC,eAAe,EAAE;;IAGjB,gBAAgB,GAAA;QACrB,IAAI,CAAC,WAAW,EAAE;QAClB,IAAI,CAAC,eAAe,EAAE;;IAGjB,MAAM,GAAA;QACX;;QAEE,CAAC,CAAA,IAAI,qDACH,MAAM,EAAE,uBAAA,IAAI,EAAA,gBAAA,EAAA,GAAA,CAAQ,EACpB,OAAO,EAAE,sBAAA,CAAA,IAAI,EAAS,iBAAA,EAAA,GAAA,CAAA,EACtB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,YAAA,EACX,IAAI,CAAC,IAAI,EAAA,EAErB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE;AACL,gBAAA,eAAe,EAAE,IAAI;gBACrB,cAAc,EAAE,IAAI,CAAC,QAAQ;gBAC7B,cAAc,EAAE,sBAAA,CAAA,IAAI,EAAkB,mBAAA,EAAA,GAAA,EAAA,8BAAA,CAAA;aACvC,EACU,WAAA,EAAA,sBAAA,CAAA,IAAI,EAAc,mBAAA,EAAA,GAAA,EAAA,0BAAA,CAAA,EAAA,EAE7B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE;AACL,gBAAA,sBAAsB,EAAE,IAAI;AAC7B,aAAA,EAAA,EAEA,sBAAA,CAAA,IAAI,6DAAoB,KAAK,aAAa,KACzC,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,KAAK,EAAC,iBAAiB,EACvB,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,EAAE,EACZ,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,iBACX,MAAM,EAClB,YAAY,EAAA,IAAA,EAAA,CACZ,CACH,EAEA,sBAAA,CAAA,IAAI,EAAoB,mBAAA,EAAA,GAAA,EAAA,gCAAA,CAAA,KAAK,OAAO,KACnC,CACE,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,EAAE,EAAA,aAAA,EACA,MAAM,EAClB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACvB,CACH,EAEA,sBAAA,CAAA,IAAI,6DAAoB,KAAK,SAAS,KACrC,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAA,EACc,MAAM,EAClB,KAAK,EAAC,0BAA0B,EAChC,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,WAAW,EAAA,CAChB,CACH,EAEA,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,KAAK,EAAE,KAClD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,aAAa,EAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAC,EAAE,EAAA,CAAG,CACvD,EAEA,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,KAAK,EAAE,KAClD,gFACc,MAAM,EAClB,KAAK,EAAC,wBAAwB,EAC9B,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,IAAI,EAAE,IAAI,CAAC,QAAQ,GACnB,CACH,EACA,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,KAAK,EAAE,KACpD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,YAAY,EAAC,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,EAAC,EAAE,EAAA,CAAG,CACvD,EAED,CAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAA,EACrB,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,KAAK,EAAE,KAC9C,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,YAAY,IAAE,IAAI,CAAC,MAAM,CAAO,CAC5C,EACD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,WAAW,EAAC,GAAG,EAAE,sBAAA,CAAA,IAAI,EAAa,qBAAA,EAAA,GAAA,CAAA,EAAA,EAC1C,IAAI,CAAC,IAAI,CACN,EACL,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,KAAK,EAAE,KAClD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAC,GAAG,EAAE,sBAAA,CAAA,IAAI,EAAA,wBAAA,EAAA,GAAA,CAAgB,EAChD,EAAA,IAAI,CAAC,QAAQ,CACV,CACP,CACK,EAEP,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,EAAE,KAC5C,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAE,sBAAA,CAAA,IAAI,EAAA,mBAAA,EAAA,GAAA,EAAA,0BAAA,CAAc,EACxB,UAAU,EACV,IAAA,EAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,IAAI,CAAC,gBAAgB,GAClC,CACH,EAEA,sBAAA,CAAA,IAAI,EAAqB,mBAAA,EAAA,GAAA,EAAA,iCAAA,CAAA,KAAK,SAAS,KACtC,CACc,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAA,EAAA,MAAM,EAClB,KAAK,EAAC,wCAAwC,EAC9C,OAAO,EAAC,MAAM,EACd,IAAI,EAAE,uBAAA,IAAI,EAAA,mBAAA,EAAA,GAAA,EAAA,iCAAA,CAAqB,EAC/B,CAAA,CACH,CACG,EACL,IAAI,CAAC,WAAW,IAAI,CAAe,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACnC,IAAI,CAAC,WAAW,KACf,CAAA,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAA,EAAyB,MAAM,EAAC,GAAG,EAAE,sBAAA,CAAA,IAAI,EAAgB,wBAAA,EAAA,GAAA,CAAA,EAAA,EACtD,IAAI,CAAC,IAAI,CACE,CACf,EACA,IAAI,CAAC,eAAe,KACnB,CAAyB,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAA,EAAA,MAAM,EAAC,GAAG,EAAE,uBAAA,IAAI,EAAA,4BAAA,EAAA,GAAA,CAAoB,IAC1D,IAAI,CAAC,QAAQ,CACF,CACf,CACG;;;;;;;;;;;;;;;AAhSV,IAAA,QAAQ,IAAI,CAAC,WAAW;QACtB,KAAK,YAAY,EAAE;YACjB,OAAO,IAAI,CAAC,WAAW;;QAEzB,SAAS;AACP,YAAA,OAAO,SAAS;;;AAGtB,CAAC,EAAA,mCAAA,GAAA,SAAA,mCAAA,GAAA;AAGC,IAAA,OAAO,IAAI,CAAC,aAAa,IAAI,KAAK;AACpC,CAAC,EAAA,gCAAA,GAAA,SAAA,gCAAA,GAAA;AAGC,IAAA,QAAQ,IAAI,CAAC,UAAU;AACrB,QAAA,KAAK,SAAS;AACd,QAAA,KAAK,OAAO;QACZ,KAAK,aAAa,EAAE;YAClB,OAAO,IAAI,CAAC,UAAU;;QAExB,SAAS;AACP,YAAA,OAAO,SAAS;;;AAGtB,CAAC,EAAA,8BAAA,GAAA,SAAA,8BAAA,GAAA;AAGC,IAAA,OAAO,IAAI,CAAC,QAAQ,IAAI,KAAK;AAC/B,CAAC,EAAA,0BAAA,GAAA,SAAA,0BAAA,GAAA;AAGC,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;;;;;"}
+{"version":3,"file":"qds-list-item.entry.js","sources":["src/components/list-item/list-item.css?tag=qds-list-item&encapsulation=shadow","src/components/list-item/list-item.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: block;\n}\n\n.qds-disabled {\n  opacity: var(--qds-theme-disabled);\n  pointer-events: none;\n}\n\n.qds-list-item,\n.qds-indented-content {\n  align-items: center;\n  box-sizing: border-box;\n  border-radius: var(--qds-control-border-radius);\n}\n\n.qds-list-action {\n  pointer-events: none;\n}\n\n.qds-indented-content {\n  display: flex;\n  flex: 1 0;\n  align-self: stretch;\n}\n\n.qds-destination {\n  transform: scaleX(var(--qds-direction-factor, 1));\n}\n\n.qds-icon,\n.qds-main-icon {\n  color: var(--qds-theme-text-standard);\n}\n\n.qds-picture {\n  flex-shrink: 0;\n}\n\n.qds-texts {\n  justify-items: center;\n  display: flex;\n  flex: 1 0;\n  flex-direction: column;\n  padding: 0;\n  position: relative;\n}\n\n.qds-input {\n  appearance: none;\n  background: none;\n  border: none;\n  border-radius: var(--qds-control-border-radius);\n  inset: 0;\n  margin: 0;\n  outline: none;\n  position: absolute;\n}\n\n.qds-title {\n  color: var(--qds-theme-title);\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n}\n\n.qds-subtitle {\n  color: var(--qds-theme-subtitle);\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 5;\n  overflow: hidden;\n}\n\n.qds-kicker {\n  color: var(--qds-theme-kicker);\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  overflow: hidden;\n}\n\n[data-size='small'] {\n  .qds-indented-content {\n    gap: var(--qds-list-item-small-gap-internal);\n    min-height: var(--qds-list-item-small-height);\n    padding: var(--qds-list-item-small-padding-vertical)\n      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-main-icon {\n    height: var(--qds-list-item-small-icon-size);\n    width: var(--qds-list-item-small-icon-size);\n  }\n\n  .qds-texts {\n    gap: var(--qds-list-item-small-titles-gap);\n  }\n\n  .qds-kicker {\n    font: var(--qds-list-item-small-kicker);\n  }\n\n  .qds-title {\n    font: var(--qds-list-item-small-title);\n  }\n\n  .qds-subtitle {\n    font: var(--qds-list-item-small-subtitle);\n  }\n\n  .qds-picture {\n    height: var(--qds-list-item-small-picture-size);\n    width: var(--qds-list-item-small-picture-size);\n  }\n}\n\n[data-size='standard'] {\n  .qds-indented-content {\n    gap: var(--qds-list-item-standard-gap-internal);\n    min-height: var(--qds-list-item-standard-height);\n    padding: var(--qds-list-item-standard-padding-vertical)\n      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-main-icon {\n    height: var(--qds-list-item-standard-icon-size);\n    width: var(--qds-list-item-standard-icon-size);\n  }\n\n  .qds-texts {\n    gap: var(--qds-list-item-standard-titles-gap);\n  }\n\n  .qds-kicker {\n    font: var(--qds-list-item-standard-kicker);\n  }\n\n  .qds-title {\n    font: var(--qds-list-item-standard-title);\n  }\n\n  .qds-subtitle {\n    font: var(--qds-list-item-standard-subtitle);\n  }\n\n  .qds-picture {\n    height: var(--qds-list-item-standard-picture-size);\n    width: var(--qds-list-item-standard-picture-size);\n  }\n}\n\n[data-size='large'] {\n  .qds-indented-content {\n    gap: var(--qds-list-item-large-gap-internal);\n    min-height: var(--qds-list-item-large-height);\n    padding: var(--qds-list-item-large-padding-vertical)\n      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-main-icon {\n    height: var(--qds-list-item-large-icon-size);\n    width: var(--qds-list-item-large-icon-size);\n  }\n\n  .qds-texts {\n    gap: var(--qds-list-item-large-titles-gap);\n  }\n\n  .qds-kicker {\n    font: var(--qds-list-item-large-kicker);\n  }\n\n  .qds-title {\n    font: var(--qds-list-item-large-title);\n  }\n\n  .qds-subtitle {\n    font: var(--qds-list-item-large-subtitle);\n  }\n\n  .qds-picture {\n    height: var(--qds-list-item-large-picture-size);\n    width: var(--qds-list-item-large-picture-size);\n  }\n}\n\n.qds-list-item {\n  display: block;\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  &:has(input:focus-visible) {\n    outline: var(--qds-theme-focus-border) solid var(--qds-focus-border-width);\n    outline-offset: var(--qds-focus-border-offset);\n  }\n}\n\n.qds-selected {\n  &.qds-list-item {\n    background-color: var(--qds-theme-interactive-background-selected);\n\n    &:hover {\n      background-color: var(--qds-theme-interactive-background-selected-hover);\n    }\n\n    &:active {\n      background-color: var(\n        --qds-theme-interactive-background-selected-pressed\n      );\n    }\n  }\n\n  &[data-size='small'] .qds-title {\n    font: var(--qds-list-item-small-title-emphasized);\n  }\n\n  &[data-size='standard'] .qds-title {\n    font: var(--qds-list-item-standard-title-emphasized);\n  }\n\n  &[data-size='large'] .qds-title {\n    font: var(--qds-list-item-large-title-emphasized);\n  }\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface, EventEmitter } from '@stencil/core'\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  h,\n  Host,\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 { Size } from '../shared'\n\nexport type Destination = 'navigation'\nexport type ListAction = 'multiselect' | 'radio' | 'reorder'\n\n/**\n *\n *\n * @see https://quartz.se.com/build/components/list-item\n */\n@Component({\n  tag: 'qds-list-item',\n  shadow: { delegatesFocus: false },\n  styleUrl: 'list-item.css',\n})\nexport class ListItem implements ComponentInterface {\n  /**\n   * The destination action that the list item denotes through its rightmost icon.\n   */\n  @Prop() public readonly destination?: Destination\n\n  /**\n   * Prevents the list item from being interacted with: it cannot be selected\n   * or focused.\n   */\n  @Prop() public readonly disabled: boolean = false\n\n  /**\n   * Control how to display the bottom divider line.\n   *\n   * By default, the divider is not visible.\n   */\n  @Prop() public readonly showDivider: 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 URL of the avatar image to display.\n   */\n  @Prop() public readonly avatarSrc?: string\n\n  /**\n   * The URL of the picture to display.\n   *\n   * This is used to display a picture in the list item.\n   * It is not used for the avatar image.\n   */\n  @Prop() public readonly imageSrc?: string\n\n  /**\n   * Text to display for the kicker.\n   */\n  @Prop() public readonly kicker?: string\n\n  /**\n   * The type of list-level action that the list item supports\n   */\n  @Prop() public readonly listAction?: ListAction\n\n  /**\n   * The list items's size.\n   */\n  @Prop() public readonly size?: Size = 'standard'\n\n  /**\n   * Whether or not the list item is selected.\n   */\n  @Prop({ mutable: true }) public selected?: boolean\n\n  /**\n   * Sets the list item to an indeterminate state, only when `list-action=\"indeterminate\"`.\n   * This is usually applied to items that represent a \"select all/none\" behavior when associated\n   * items have a mix of selected and unselected states.\n   *\n   * @webnative\n   */\n  @Prop({ mutable: true }) public indeterminate?: boolean\n\n  /**\n   * The primary text of the list item.\n   */\n  @Prop() public readonly text!: string\n\n  /**\n   * Text to display below the primary text.\n   */\n  @Prop() public readonly subtitle?: string\n\n  /**\n   * Displays a counter badge if a number or string representing a number is used.\n   *\n   * @webnative\n   */\n  @Prop() public readonly badge?: number | string\n\n  /**\n   * The counter badge's accessible text that will be used by\n   * screen readers.\n   */\n  @Prop() public readonly badgeDescription?: string\n\n  /**\n   * Emitted when the list item loses focus.\n   */\n  @Event({ eventName: 'qdsBlur', bubbles: false, cancelable: false })\n  private readonly blurEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  /**\n   * Emitted when a change to the checkbox's state is committed by the user.\n   */\n  @Event({ eventName: 'qdsChange', cancelable: false })\n  private readonly changeEmitter!: EventEmitter<void>\n\n  /**\n   * Emitted when the list 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  @Element() private readonly host!: HTMLElement\n\n  @State() private tabIndex?: number\n\n  @State() private textTooltip = false\n\n  @State() private subtitleTooltip = false\n\n  #roText?: ResizeObserver\n\n  #roSubTitle?: ResizeObserver\n\n  #text?: HTMLDivElement\n\n  #subtitle?: HTMLDivElement\n\n  get #computedDestination(): Destination | undefined {\n    switch (this.destination) {\n      case 'navigation': {\n        return this.destination\n      }\n      default: {\n        return undefined\n      }\n    }\n  }\n\n  get #computedIndeterminate(): boolean {\n    return this.indeterminate ?? false\n  }\n\n  get #computedListAction(): ListAction | undefined {\n    switch (this.listAction) {\n      case 'reorder':\n      case 'radio':\n      case 'multiselect': {\n        return this.listAction\n      }\n      default: {\n        return undefined\n      }\n    }\n  }\n\n  get #computedSelected(): boolean {\n    return this.selected ?? false\n  }\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  @Listen('click')\n  protected onClick(event: MouseEvent): void {\n    if (this.disabled) {\n      event.stopImmediatePropagation()\n      return\n    }\n\n    // Always prevent default behavior to avoid the internal `<input>`\n    // to toggle `checked` state inappropriately.\n    //\n    // Note that this will need adjustments once we add the `item-action` slot.\n    event.preventDefault()\n\n    if (this.listAction === 'multiselect') {\n      event.stopImmediatePropagation()\n      this.selected = this.#computedIndeterminate\n        ? true\n        : !this.#computedSelected\n      this.changeEmitter.emit()\n      this.indeterminate = false\n    }\n\n    if (this.listAction === 'radio' && !this.#computedSelected) {\n      event.stopImmediatePropagation()\n      this.selected = !this.#computedSelected\n    }\n  }\n\n  @Listen('keydown')\n  protected onKeydown(event: KeyboardEvent): void {\n    if (event.key === 'Enter') this.host.click()\n  }\n\n  @Listen('keyup')\n  protected onKeyup(event: KeyboardEvent): void {\n    if (event.key === ' ') this.host.click()\n  }\n\n  @Watch('tabindex')\n  protected tabindexChanged(newValue: string): void {\n    const parsedValue = Number.parseInt(newValue, 10)\n    this.tabIndex = Number.isNaN(parsedValue) ? undefined : parsedValue\n  }\n\n  @Watch('disabled')\n  protected disabledChanged(): void {\n    this.internals.ariaDisabled = this.disabled.toString()\n  }\n\n  @Watch('listAction')\n  protected listActionChanged(newValue: ListAction | undefined): void {\n    this.internals.ariaChecked =\n      (newValue === 'radio' || newValue === 'multiselect') &&\n      this.#computedSelected\n        ? 'true'\n        : 'false'\n  }\n\n  @Watch('selected')\n  protected selectedChanged(): void {\n    if (this.listAction === 'multiselect') {\n      this.internals.ariaChecked = this.#computedSelected.toString()\n    }\n  }\n\n  @Watch('text')\n  protected textChanged(): void {\n    if (this.#roText) this.#roText.disconnect()\n\n    if (!this.#text || !this.text) return\n\n    invariant(this.#text)\n\n    const div = this.#text\n    readTask(() => {\n      this.textTooltip = isEllipsisActive(div)\n    })\n    this.#roText = new ResizeObserver(([divEntry]) => {\n      this.textTooltip = isEllipsisActive(divEntry.target as HTMLDivElement)\n    })\n    this.#roText.observe(this.#text)\n  }\n\n  @Watch('subtitle')\n  protected subtitleChanged(): void {\n    if (this.#roSubTitle) this.#roSubTitle.disconnect()\n\n    if (!this.#subtitle || this.subtitle === undefined || this.subtitle === '')\n      return\n\n    invariant(this.#subtitle)\n    const div = this.#subtitle\n    readTask(() => {\n      this.subtitleTooltip = isEllipsisActive(div)\n    })\n    this.#roSubTitle = new ResizeObserver(([divEntry]) => {\n      this.subtitleTooltip = isEllipsisActive(divEntry.target as HTMLDivElement)\n    })\n    this.#roSubTitle.observe(this.#subtitle)\n  }\n\n  public componentWillLoad(): void {\n    this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0')\n    switch (this.listAction) {\n      case 'radio': {\n        this.internals.role = 'menuitemradio'\n        break\n      }\n      case 'multiselect': {\n        this.internals.role = 'menuitemcheckbox'\n        break\n      }\n      case undefined: {\n        this.internals.role = 'option'\n        break\n      }\n      default: {\n        this.internals.role = 'listitem'\n        break\n      }\n    }\n    this.disabledChanged()\n  }\n\n  public componentDidLoad(): void {\n    this.textChanged()\n    this.subtitleChanged()\n  }\n\n  public render() {\n    return (\n      /* eslint-disable jsx-a11y/label-has-associated-control */\n      <Host\n        onBlur={this.#onBlur}\n        onFocus={this.#onFocus}\n        tabIndex={this.tabIndex}\n        aria-label={this.text}\n      >\n        <div\n          class={{\n            'qds-list-item': true,\n            'qds-disabled': this.disabled,\n            'qds-selected': this.#computedSelected,\n          }}\n          data-size={this.#computedSize}\n        >\n          <div\n            class={{\n              'qds-indented-content': true,\n            }}\n          >\n            {this.#computedListAction === 'multiselect' && (\n              <qds-checkbox\n                checked={this.selected}\n                class=\"qds-list-action\"\n                indeterminate={this.indeterminate}\n                size={this.size}\n                tabindex={-1}\n                text={this.text}\n                disabled={this.disabled}\n                aria-hidden=\"true\"\n                checkboxOnly\n              />\n            )}\n\n            {this.#computedListAction === 'radio' && (\n              <qds-radio\n                checked={this.selected}\n                class=\"qds-list-action\"\n                size={this.size}\n                tabindex={-1}\n                aria-hidden=\"true\"\n                disabled={this.disabled}\n              />\n            )}\n\n            {this.#computedListAction === 'reorder' && (\n              <qds-icon\n                aria-hidden=\"true\"\n                class=\"qds-icon qds-list-action\"\n                library=\"core\"\n                name=\"draggable\"\n              />\n            )}\n\n            {this.imageSrc !== undefined && this.imageSrc !== '' && (\n              <img class=\"qds-picture\" src={this.imageSrc} alt=\"\" />\n            )}\n\n            {this.iconName !== undefined && this.iconName !== '' && (\n              <qds-icon\n                aria-hidden=\"true\"\n                class=\"qds-main-icon\"\n                library={this.iconLibrary}\n                name={this.iconName}\n              />\n            )}\n            {this.avatarSrc !== undefined && this.avatarSrc !== '' && (\n              <qds-avatar-media class=\"qds-picture\" src={this.avatarSrc} />\n            )}\n\n            <label class=\"qds-texts\">\n              {this.kicker !== undefined && this.kicker !== '' && (\n                <div class=\"qds-kicker\">{this.kicker}</div>\n              )}\n              <div class=\"qds-title\" ref={this.#divTitleRef}>\n                {this.text}\n              </div>\n              {this.subtitle !== undefined && this.subtitle !== '' && (\n                <div class=\"qds-subtitle\" ref={this.#divSubtitleRef}>\n                  {this.subtitle}\n                </div>\n              )}\n            </label>\n\n            {this.badge !== undefined && this.badge !== '' && (\n              <qds-badge-counter\n                size={this.#computedSize}\n                strokeRing\n                value={this.badge}\n                description={this.badgeDescription}\n              />\n            )}\n\n            {this.#computedDestination !== undefined && (\n              <qds-icon\n                aria-hidden=\"true\"\n                class=\"qds-icon qds-destination\"\n                library=\"core\"\n                name={this.#computedDestination}\n              />\n            )}\n          </div>\n          {this.showDivider && <qds-divider />}\n          {this.textTooltip && (\n            <qds-tooltip aria-hidden=\"true\" ref={this.#textTooltipRef}>\n              {this.text}\n            </qds-tooltip>\n          )}\n          {this.subtitleTooltip && (\n            <qds-tooltip aria-hidden=\"true\" ref={this.#subtitleTooltipRef}>\n              {this.subtitle}\n            </qds-tooltip>\n          )}\n        </div>\n      </Host>\n\n      /* eslint-enable jsx-a11y/label-has-associated-control */\n    )\n  }\n\n  readonly #onBlur = (event: FocusEvent): void => {\n    this.blurEmitter.emit(pickFocusEventAttributes(event))\n  }\n\n  readonly #onFocus = (event: FocusEvent): void => {\n    this.focusEmitter.emit(pickFocusEventAttributes(event))\n  }\n\n  readonly #divTitleRef = (div?: HTMLDivElement): void => {\n    this.#text = div\n  }\n\n  readonly #divSubtitleRef = (div?: HTMLDivElement): void => {\n    this.#subtitle = div\n  }\n\n  readonly #textTooltipRef = (tooltip?: HTMLQdsTooltipElement): void => {\n    if (tooltip)\n      // eslint-disable-next-line no-param-reassign\n      tooltip.target = this.#text\n  }\n\n  readonly #subtitleTooltipRef = (tooltip?: HTMLQdsTooltipElement): void => {\n    if (tooltip)\n      // eslint-disable-next-line no-param-reassign\n      tooltip.target = this.#subtitle\n  }\n}\n"],"names":[],"mappings":";;;;;;;;AAAA,MAAM,WAAW,GAAG,4oJAA4oJ;;ACAhqJ;AACA;AACA;;;;;;;;;;;;;;;;;;MAsCa,QAAQ,GAAA,MAAA;AALrB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;;;;;;;;;;AAWE;;;AAGG;AACqB,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAEjD;;;;AAIG;AACqB,QAAA,IAAW,CAAA,WAAA,GAAY,KAAK;AASpD;;AAEG;AACqB,QAAA,IAAW,CAAA,WAAA,GAAW,SAAS;AAyBvD;;AAEG;AACqB,QAAA,IAAI,CAAA,IAAA,GAAU,UAAU;AA+D/B,QAAA,IAAW,CAAA,WAAA,GAAG,KAAK;AAEnB,QAAA,IAAe,CAAA,eAAA,GAAG,KAAK;QAExC,gBAAwB,CAAA,GAAA,CAAA,IAAA,EAAA,MAAA,CAAA;QAExB,oBAA4B,CAAA,GAAA,CAAA,IAAA,EAAA,MAAA,CAAA;QAE5B,cAAsB,CAAA,GAAA,CAAA,IAAA,EAAA,MAAA,CAAA;QAEtB,kBAA0B,CAAA,GAAA,CAAA,IAAA,EAAA,MAAA,CAAA;QA0SjB,gBAAU,CAAA,GAAA,CAAA,IAAA,EAAA,CAAC,KAAiB,KAAU;YAC7C,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AACxD,SAAC,CAAA;QAEQ,iBAAW,CAAA,GAAA,CAAA,IAAA,EAAA,CAAC,KAAiB,KAAU;YAC9C,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AACzD,SAAC,CAAA;QAEQ,qBAAe,CAAA,GAAA,CAAA,IAAA,EAAA,CAAC,GAAoB,KAAU;YACrD,sBAAA,CAAA,IAAI,EAAA,cAAA,EAAS,GAAG,EAAA,GAAA,CAAA;AAClB,SAAC,CAAA;QAEQ,wBAAkB,CAAA,GAAA,CAAA,IAAA,EAAA,CAAC,GAAoB,KAAU;YACxD,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAa,GAAG,EAAA,GAAA,CAAA;AACtB,SAAC,CAAA;QAEQ,wBAAkB,CAAA,GAAA,CAAA,IAAA,EAAA,CAAC,OAA+B,KAAU;AACnE,YAAA,IAAI,OAAO;;gBAET,OAAO,CAAC,MAAM,GAAG,sBAAA,CAAA,IAAI,sBAAM;AAC/B,SAAC,CAAA;QAEQ,4BAAsB,CAAA,GAAA,CAAA,IAAA,EAAA,CAAC,OAA+B,KAAU;AACvE,YAAA,IAAI,OAAO;;gBAET,OAAO,CAAC,MAAM,GAAG,sBAAA,CAAA,IAAI,0BAAU;AACnC,SAAC,CAAA;AACF;AArRW,IAAA,OAAO,CAAC,KAAiB,EAAA;AACjC,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,KAAK,CAAC,wBAAwB,EAAE;YAChC;;;;;;QAOF,KAAK,CAAC,cAAc,EAAE;AAEtB,QAAA,IAAI,IAAI,CAAC,UAAU,KAAK,aAAa,EAAE;YACrC,KAAK,CAAC,wBAAwB,EAAE;AAChC,YAAA,IAAI,CAAC,QAAQ,GAAG,sBAAA,CAAA,IAAI,EAAuB,mBAAA,EAAA,GAAA,EAAA,mCAAA;AACzC,kBAAE;AACF,kBAAE,CAAC,sBAAA,CAAA,IAAI,2DAAkB;AAC3B,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;AACzB,YAAA,IAAI,CAAC,aAAa,GAAG,KAAK;;AAG5B,QAAA,IAAI,IAAI,CAAC,UAAU,KAAK,OAAO,IAAI,CAAC,sBAAA,CAAA,IAAI,EAAkB,mBAAA,EAAA,GAAA,EAAA,8BAAA,CAAA,EAAE;YAC1D,KAAK,CAAC,wBAAwB,EAAE;AAChC,YAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,sBAAA,CAAA,IAAI,2DAAkB;;;AAKjC,IAAA,SAAS,CAAC,KAAoB,EAAA;AACtC,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO;AAAE,YAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;;AAIpC,IAAA,OAAO,CAAC,KAAoB,EAAA;AACpC,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG;AAAE,YAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;;AAIhC,IAAA,eAAe,CAAC,QAAgB,EAAA;QACxC,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC;AACjD,QAAA,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,SAAS,GAAG,WAAW;;IAI3D,eAAe,GAAA;QACvB,IAAI,CAAC,SAAS,CAAC,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE;;AAI9C,IAAA,iBAAiB,CAAC,QAAgC,EAAA;QAC1D,IAAI,CAAC,SAAS,CAAC,WAAW;AACxB,YAAA,CAAC,QAAQ,KAAK,OAAO,IAAI,QAAQ,KAAK,aAAa;gBACnD,sBAAA,CAAA,IAAI,EAAkB,mBAAA,EAAA,GAAA,EAAA,8BAAA;AACpB,kBAAE;kBACA,OAAO;;IAIL,eAAe,GAAA;AACvB,QAAA,IAAI,IAAI,CAAC,UAAU,KAAK,aAAa,EAAE;AACrC,YAAA,IAAI,CAAC,SAAS,CAAC,WAAW,GAAG,sBAAA,CAAA,IAAI,EAAkB,mBAAA,EAAA,GAAA,EAAA,8BAAA,CAAA,CAAC,QAAQ,EAAE;;;IAKxD,WAAW,GAAA;AACnB,QAAA,IAAI,sBAAA,CAAA,IAAI,EAAQ,gBAAA,EAAA,GAAA,CAAA;YAAE,sBAAA,CAAA,IAAI,EAAA,gBAAA,EAAA,GAAA,CAAQ,CAAC,UAAU,EAAE;AAE3C,QAAA,IAAI,CAAC,uBAAA,IAAI,EAAA,cAAA,EAAA,GAAA,CAAM,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE;QAE/B,SAAS,CAAC,sBAAA,CAAA,IAAI,EAAA,cAAA,EAAA,GAAA,CAAM,CAAC;QAErB,MAAM,GAAG,GAAG,sBAAA,CAAA,IAAI,sBAAM;QACtB,QAAQ,CAAC,MAAK;AACZ,YAAA,IAAI,CAAC,WAAW,GAAG,gBAAgB,CAAC,GAAG,CAAC;AAC1C,SAAC,CAAC;AACF,QAAA,sBAAA,CAAA,IAAI,EAAW,gBAAA,EAAA,IAAI,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAI;YAC/C,IAAI,CAAC,WAAW,GAAG,gBAAgB,CAAC,QAAQ,CAAC,MAAwB,CAAC;AACxE,SAAC,CAAC,MAAA;AACF,QAAA,sBAAA,CAAA,IAAI,wBAAQ,CAAC,OAAO,CAAC,sBAAA,CAAA,IAAI,EAAM,cAAA,EAAA,GAAA,CAAA,CAAC;;IAIxB,eAAe,GAAA;AACvB,QAAA,IAAI,sBAAA,CAAA,IAAI,EAAY,oBAAA,EAAA,GAAA,CAAA;YAAE,sBAAA,CAAA,IAAI,EAAA,oBAAA,EAAA,GAAA,CAAY,CAAC,UAAU,EAAE;QAEnD,IAAI,CAAC,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,KAAK,EAAE;YACxE;QAEF,SAAS,CAAC,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC;QACzB,MAAM,GAAG,GAAG,sBAAA,CAAA,IAAI,0BAAU;QAC1B,QAAQ,CAAC,MAAK;AACZ,YAAA,IAAI,CAAC,eAAe,GAAG,gBAAgB,CAAC,GAAG,CAAC;AAC9C,SAAC,CAAC;AACF,QAAA,sBAAA,CAAA,IAAI,EAAe,oBAAA,EAAA,IAAI,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAI;YACnD,IAAI,CAAC,eAAe,GAAG,gBAAgB,CAAC,QAAQ,CAAC,MAAwB,CAAC;AAC5E,SAAC,CAAC,MAAA;AACF,QAAA,sBAAA,CAAA,IAAI,4BAAY,CAAC,OAAO,CAAC,sBAAA,CAAA,IAAI,EAAU,kBAAA,EAAA,GAAA,CAAA,CAAC;;IAGnC,iBAAiB,GAAA;AACtB,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,GAAG,CAAC;AAC/D,QAAA,QAAQ,IAAI,CAAC,UAAU;YACrB,KAAK,OAAO,EAAE;AACZ,gBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,eAAe;gBACrC;;YAEF,KAAK,aAAa,EAAE;AAClB,gBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,kBAAkB;gBACxC;;YAEF,KAAK,SAAS,EAAE;AACd,gBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,QAAQ;gBAC9B;;YAEF,SAAS;AACP,gBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,UAAU;gBAChC;;;QAGJ,IAAI,CAAC,eAAe,EAAE;;IAGjB,gBAAgB,GAAA;QACrB,IAAI,CAAC,WAAW,EAAE;QAClB,IAAI,CAAC,eAAe,EAAE;;IAGjB,MAAM,GAAA;QACX;;QAEE,CAAC,CAAA,IAAI,qDACH,MAAM,EAAE,uBAAA,IAAI,EAAA,gBAAA,EAAA,GAAA,CAAQ,EACpB,OAAO,EAAE,sBAAA,CAAA,IAAI,EAAS,iBAAA,EAAA,GAAA,CAAA,EACtB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,YAAA,EACX,IAAI,CAAC,IAAI,EAAA,EAErB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE;AACL,gBAAA,eAAe,EAAE,IAAI;gBACrB,cAAc,EAAE,IAAI,CAAC,QAAQ;gBAC7B,cAAc,EAAE,sBAAA,CAAA,IAAI,EAAkB,mBAAA,EAAA,GAAA,EAAA,8BAAA,CAAA;aACvC,EACU,WAAA,EAAA,sBAAA,CAAA,IAAI,EAAc,mBAAA,EAAA,GAAA,EAAA,0BAAA,CAAA,EAAA,EAE7B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE;AACL,gBAAA,sBAAsB,EAAE,IAAI;AAC7B,aAAA,EAAA,EAEA,sBAAA,CAAA,IAAI,6DAAoB,KAAK,aAAa,KACzC,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,KAAK,EAAC,iBAAiB,EACvB,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,EAAE,EACZ,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,iBACX,MAAM,EAClB,YAAY,EAAA,IAAA,EAAA,CACZ,CACH,EAEA,sBAAA,CAAA,IAAI,EAAoB,mBAAA,EAAA,GAAA,EAAA,gCAAA,CAAA,KAAK,OAAO,KACnC,CACE,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,EAAE,EAAA,aAAA,EACA,MAAM,EAClB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACvB,CACH,EAEA,sBAAA,CAAA,IAAI,6DAAoB,KAAK,SAAS,KACrC,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAA,EACc,MAAM,EAClB,KAAK,EAAC,0BAA0B,EAChC,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,WAAW,EAAA,CAChB,CACH,EAEA,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,KAAK,EAAE,KAClD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,aAAa,EAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAC,EAAE,EAAA,CAAG,CACvD,EAEA,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,KAAK,EAAE,KAClD,gFACc,MAAM,EAClB,KAAK,EAAC,eAAe,EACrB,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,IAAI,EAAE,IAAI,CAAC,QAAQ,GACnB,CACH,EACA,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,KAAK,EAAE,KACpD,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAC,GAAG,EAAE,IAAI,CAAC,SAAS,EAAA,CAAI,CAC9D,EAED,CAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAA,EACrB,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,KAAK,EAAE,KAC9C,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,YAAY,IAAE,IAAI,CAAC,MAAM,CAAO,CAC5C,EACD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,WAAW,EAAC,GAAG,EAAE,sBAAA,CAAA,IAAI,EAAa,qBAAA,EAAA,GAAA,CAAA,EAAA,EAC1C,IAAI,CAAC,IAAI,CACN,EACL,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,KAAK,EAAE,KAClD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAC,GAAG,EAAE,sBAAA,CAAA,IAAI,EAAA,wBAAA,EAAA,GAAA,CAAgB,EAChD,EAAA,IAAI,CAAC,QAAQ,CACV,CACP,CACK,EAEP,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,EAAE,KAC5C,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAE,sBAAA,CAAA,IAAI,EAAA,mBAAA,EAAA,GAAA,EAAA,0BAAA,CAAc,EACxB,UAAU,EACV,IAAA,EAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,IAAI,CAAC,gBAAgB,GAClC,CACH,EAEA,sBAAA,CAAA,IAAI,EAAqB,mBAAA,EAAA,GAAA,EAAA,iCAAA,CAAA,KAAK,SAAS,KACtC,CACc,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAA,EAAA,MAAM,EAClB,KAAK,EAAC,0BAA0B,EAChC,OAAO,EAAC,MAAM,EACd,IAAI,EAAE,uBAAA,IAAI,EAAA,mBAAA,EAAA,GAAA,EAAA,iCAAA,CAAqB,EAC/B,CAAA,CACH,CACG,EACL,IAAI,CAAC,WAAW,IAAI,CAAe,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACnC,IAAI,CAAC,WAAW,KACf,CAAA,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAA,EAAyB,MAAM,EAAC,GAAG,EAAE,sBAAA,CAAA,IAAI,EAAgB,wBAAA,EAAA,GAAA,CAAA,EAAA,EACtD,IAAI,CAAC,IAAI,CACE,CACf,EACA,IAAI,CAAC,eAAe,KACnB,CAAyB,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAA,EAAA,MAAM,EAAC,GAAG,EAAE,uBAAA,IAAI,EAAA,4BAAA,EAAA,GAAA,CAAoB,IAC1D,IAAI,CAAC,QAAQ,CACF,CACf,CACG;;;;;;;;;;;;;;;AAhSV,IAAA,QAAQ,IAAI,CAAC,WAAW;QACtB,KAAK,YAAY,EAAE;YACjB,OAAO,IAAI,CAAC,WAAW;;QAEzB,SAAS;AACP,YAAA,OAAO,SAAS;;;AAGtB,CAAC,EAAA,mCAAA,GAAA,SAAA,mCAAA,GAAA;AAGC,IAAA,OAAO,IAAI,CAAC,aAAa,IAAI,KAAK;AACpC,CAAC,EAAA,gCAAA,GAAA,SAAA,gCAAA,GAAA;AAGC,IAAA,QAAQ,IAAI,CAAC,UAAU;AACrB,QAAA,KAAK,SAAS;AACd,QAAA,KAAK,OAAO;QACZ,KAAK,aAAa,EAAE;YAClB,OAAO,IAAI,CAAC,UAAU;;QAExB,SAAS;AACP,YAAA,OAAO,SAAS;;;AAGtB,CAAC,EAAA,8BAAA,GAAA,SAAA,8BAAA,GAAA;AAGC,IAAA,OAAO,IAAI,CAAC,QAAQ,IAAI,KAAK;AAC/B,CAAC,EAAA,0BAAA,GAAA,SAAA,0BAAA,GAAA;AAGC,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;;;;;"}

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

@@ -5,7 +5,7 @@
  */
 import { r as registerInstance, h, g as getElement } from './index-D8Hb0u1k.js';
 
-const loaderCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-loader{border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;color:var(--qds-theme-feedback-action-destructive-contrast)}[data-size=small]{height:var(--qds-feedback-loader-small-size);padding:var(--qds-signature-circle-progress-small-border-width);width:var(--qds-feedback-loader-small-size)}[data-size=standard]{height:var(--qds-feedback-loader-standard-size);padding:var(--qds-signature-circle-progress-standard-border-width);width:var(--qds-feedback-loader-standard-size)}[data-size=large]{height:var(--qds-feedback-loader-large-size);padding:var(--qds-signature-circle-progress-large-border-width);width:var(--qds-feedback-loader-large-size)}[data-size=jumbo]{height:var(--qds-feedback-loader-jumbo-size);padding:var(--qds-signature-circle-progress-jumbo-border-width);width:var(--qds-feedback-loader-jumbo-size)}[data-size=hero]{height:var(--qds-feedback-loader-hero-size);padding:var(--qds-signature-circle-progress-hero-border-width);width:var(--qds-feedback-loader-hero-size)}[data-status=loading]{animation:a 1s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}[data-status=loading][data-importance=standard]{background-image:var(--qds-theme-feedback-loader-standard-indeterminate)}[data-status=loading][data-importance=destructive]{background-image:var(\n      --qds-theme-feedback-loader-destructive-indeterminate\n    )}[data-status=loading][data-importance=informative]{background-image:var(\n      --qds-theme-feedback-loader-informational-indeterminate\n    )}[data-status=loading][data-importance=neutral-contrast]{background-image:var(\n      --qds-theme-feedback-loader-neutral-on-dark-indeterminate\n    );border:var(--qds-theme-feedback-loader-neutral-on-dark-indeterminate)}[data-status=loading][data-importance=neutral]{background-image:var(\n      --qds-theme-feedback-loader-neutral-on-light-indeterminate\n    );border:var(--qds-theme-feedback-loader-neutral-on-light-indeterminate)}@keyframes a{to{transform:rotate(1turn)}}[data-status=success]{background-color:var(--qds-theme-feedback-result-success)}[data-status=warning]{background-color:var(--qds-theme-feedback-result-partial-success)}[data-status=error]{background-color:var(--qds-theme-feedback-result-failure)}";
+const loaderCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-loader{border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;color:var(--qds-theme-feedback-action-destructive-contrast)}[data-size=small]{height:var(--qds-feedback-loader-small-size);width:var(--qds-feedback-loader-small-size)}[data-size=small][data-status=loading]{padding:var(--qds-signature-circle-progress-small-border-width)}[data-size=standard]{height:var(--qds-feedback-loader-standard-size);width:var(--qds-feedback-loader-standard-size)}[data-size=standard][data-status=loading]{padding:var(--qds-signature-circle-progress-standard-border-width)}[data-size=large]{height:var(--qds-feedback-loader-large-size);width:var(--qds-feedback-loader-large-size)}[data-size=large][data-status=loading]{padding:var(--qds-signature-circle-progress-large-border-width)}[data-size=jumbo]{height:var(--qds-feedback-loader-jumbo-size);width:var(--qds-feedback-loader-jumbo-size)}[data-size=jumbo][data-status=loading]{padding:var(--qds-signature-circle-progress-jumbo-border-width)}[data-size=hero]{height:var(--qds-feedback-loader-hero-size);width:var(--qds-feedback-loader-hero-size)}[data-size=hero][data-status=loading]{padding:var(--qds-signature-circle-progress-hero-border-width)}[data-status=loading]{animation:a 1s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}[data-status=loading][data-importance=standard]{background-image:var(--qds-theme-feedback-loader-standard-indeterminate)}[data-status=loading][data-importance=destructive]{background-image:var(\n      --qds-theme-feedback-loader-destructive-indeterminate\n    )}[data-status=loading][data-importance=informative]{background-image:var(\n      --qds-theme-feedback-loader-informational-indeterminate\n    )}[data-status=loading][data-importance=neutral-contrast]{background-image:var(\n      --qds-theme-feedback-loader-neutral-on-dark-indeterminate\n    );border:var(--qds-theme-feedback-loader-neutral-on-dark-indeterminate)}[data-status=loading][data-importance=neutral]{background-image:var(\n      --qds-theme-feedback-loader-neutral-on-light-indeterminate\n    );border:var(--qds-theme-feedback-loader-neutral-on-light-indeterminate)}@keyframes a{to{transform:rotate(1turn)}}[data-status=success]{color:var(--qds-theme-feedback-result-success)}[data-status=warning]{color:var(--qds-theme-feedback-result-partial-success)}[data-status=error]{color:var(--qds-theme-feedback-result-failure)}";
 
 // SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
@@ -71,7 +71,7 @@ const Loader = class {
         this.statusChanged();
     }
     render() {
-        return __classPrivateFieldGet(this, _Loader_instances, "a", _Loader_computedStatus_get) ? (h("qds-icon", { "aria-hidden": "true", class: "qds-loader", "data-size": __classPrivateFieldGet(this, _Loader_instances, "a", _Loader_computedSize_get), "data-status": __classPrivateFieldGet(this, _Loader_instances, "a", _Loader_computedStatus_get), library: "core", name: `status-${this.status}` })) : (h("div", { "aria-hidden": "true", class: "qds-loader", "data-size": __classPrivateFieldGet(this, _Loader_instances, "a", _Loader_computedSize_get), "data-status": "loading", "data-importance": __classPrivateFieldGet(this, _Loader_instances, "a", _Loader_computedImportance_get) }));
+        return __classPrivateFieldGet(this, _Loader_instances, "a", _Loader_computedStatus_get) ? (h("qds-icon", { "aria-hidden": "true", class: "qds-loader", "data-size": __classPrivateFieldGet(this, _Loader_instances, "a", _Loader_computedSize_get), "data-status": __classPrivateFieldGet(this, _Loader_instances, "a", _Loader_computedStatus_get), library: "core", name: `status-${this.status}-solid` })) : (h("div", { "aria-hidden": "true", class: "qds-loader", "data-size": __classPrivateFieldGet(this, _Loader_instances, "a", _Loader_computedSize_get), "data-status": "loading", "data-importance": __classPrivateFieldGet(this, _Loader_instances, "a", _Loader_computedImportance_get) }));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }

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

@@ -1 +1 @@
-{"version":3,"file":"qds-loader.entry.js","sources":["src/components/loader/loader.css?tag=qds-loader&encapsulation=shadow","src/components/loader/loader.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-loader {\n  border-radius: var(--qds-control-rounded-border-radius);\n  box-sizing: border-box;\n  color: var(--qds-theme-feedback-action-destructive-contrast);\n}\n\n[data-size='small'] {\n  padding: var(--qds-signature-circle-progress-small-border-width);\n  height: var(--qds-feedback-loader-small-size);\n  width: var(--qds-feedback-loader-small-size);\n}\n\n[data-size='standard'] {\n  padding: var(--qds-signature-circle-progress-standard-border-width);\n  height: var(--qds-feedback-loader-standard-size);\n  width: var(--qds-feedback-loader-standard-size);\n}\n\n[data-size='large'] {\n  padding: var(--qds-signature-circle-progress-large-border-width);\n  height: var(--qds-feedback-loader-large-size);\n  width: var(--qds-feedback-loader-large-size);\n}\n\n[data-size='jumbo'] {\n  padding: var(--qds-signature-circle-progress-jumbo-border-width);\n  height: var(--qds-feedback-loader-jumbo-size);\n  width: var(--qds-feedback-loader-jumbo-size);\n}\n\n[data-size='hero'] {\n  padding: var(--qds-signature-circle-progress-hero-border-width);\n  height: var(--qds-feedback-loader-hero-size);\n  width: var(--qds-feedback-loader-hero-size);\n}\n\n[data-status='loading'] {\n  animation: loading 1s linear infinite;\n  /* stylelint-disable color-no-hex, declaration-property-value-no-unknown */\n  mask:\n    linear-gradient(#fff 0 0) content-box,\n    linear-gradient(#fff 0 0);\n  /* stylelint-enable color-no-hex, declaration-property-value-no-unknown */\n  mask-composite: exclude;\n\n  &[data-importance='standard'] {\n    background-image: var(--qds-theme-feedback-loader-standard-indeterminate);\n  }\n\n  &[data-importance='destructive'] {\n    background-image: var(\n      --qds-theme-feedback-loader-destructive-indeterminate\n    );\n  }\n\n  &[data-importance='informative'] {\n    background-image: var(\n      --qds-theme-feedback-loader-informational-indeterminate\n    );\n  }\n\n  &[data-importance='neutral-contrast'] {\n    background-image: var(\n      --qds-theme-feedback-loader-neutral-on-dark-indeterminate\n    );\n    border: var(--qds-theme-feedback-loader-neutral-on-dark-indeterminate);\n  }\n\n  &[data-importance='neutral'] {\n    background-image: var(\n      --qds-theme-feedback-loader-neutral-on-light-indeterminate\n    );\n    border: var(--qds-theme-feedback-loader-neutral-on-light-indeterminate);\n  }\n}\n\n@keyframes loading {\n  to {\n    transform: rotate(1turn);\n  }\n}\n\n[data-status='success'] {\n  background-color: var(--qds-theme-feedback-result-success);\n}\n\n[data-status='warning'] {\n  background-color: var(--qds-theme-feedback-result-partial-success);\n}\n\n[data-status='error'] {\n  background-color: var(--qds-theme-feedback-result-failure);\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  h,\n  Prop,\n  Watch,\n} from '@stencil/core'\n\nimport type { Size } from '../shared'\n\nexport type LoaderSize = Size | 'hero' | 'jumbo'\nexport type LoaderStatus = 'error' | 'success' | 'warning'\nexport type LoaderImportance =\n  | 'destructive'\n  | 'informative'\n  | 'neutral-contrast'\n  | 'neutral'\n  | 'standard'\n/**\n * The `<qds-loader>` element displays an indicator showing that content is\n * being loaded or processed.\n *\n * @see https://quartz.se.com/build/components/loader\n */\n@Component({\n  tag: 'qds-loader',\n  formAssociated: true,\n  shadow: true,\n  styleUrl: 'loader.css',\n})\nexport class Loader implements ComponentInterface {\n  /**\n   * The loader's size.\n   */\n  @Prop() public readonly size?: LoaderSize = 'standard'\n\n  /**\n   * The loader's status.\n   */\n  @Prop() public readonly status?: LoaderStatus\n\n  /**\n   * The loader's importance.\n   */\n  @Prop() public readonly importance?: LoaderImportance = 'standard'\n\n  @Element() private readonly host!: HTMLElement\n\n  @AttachInternals() private readonly internals!: ElementInternals\n\n  get #computedSize(): LoaderSize {\n    switch (this.size) {\n      case 'small':\n      case 'large':\n      case 'hero':\n      case 'jumbo': {\n        return this.size\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  get #computedStatus(): LoaderStatus | undefined {\n    switch (this.status) {\n      case 'error':\n      case 'success':\n      case 'warning': {\n        return this.status\n      }\n      default: {\n        return undefined\n      }\n    }\n  }\n\n  get #computedImportance(): LoaderImportance {\n    switch (this.importance) {\n      case 'destructive':\n      case 'informative':\n      case 'neutral':\n      case 'neutral-contrast':\n      case 'standard': {\n        return this.importance\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  @Watch('status')\n  protected statusChanged(): void {\n    const status = this.#computedStatus\n\n    this.internals.ariaValueNow =\n      status === undefined\n        ? // eslint-disable-next-line unicorn/no-null\n          null\n        : this.internals.ariaValueMax\n\n    switch (status) {\n      case 'error': {\n        this.internals.ariaLabel = 'Error'\n        break\n      }\n      case 'success': {\n        this.internals.ariaLabel = 'Loaded'\n        break\n      }\n      case 'warning': {\n        this.internals.ariaLabel = 'Warning'\n        break\n      }\n      default: {\n        this.internals.ariaLabel = 'Loading'\n      }\n    }\n  }\n\n  public componentWillLoad(): void {\n    this.internals.role = 'progressbar'\n    this.internals.ariaValueMin = this.host.ariaValueMin ?? '0'\n    this.internals.ariaValueMax = this.host.ariaValueMax ?? '1'\n    this.#defineGetter('labels', () => this.internals.labels)\n\n    this.statusChanged()\n  }\n\n  public render() {\n    return this.#computedStatus ? (\n      <qds-icon\n        aria-hidden=\"true\"\n        class=\"qds-loader\"\n        data-size={this.#computedSize}\n        data-status={this.#computedStatus}\n        library=\"core\"\n        name={`status-${this.status}`}\n      />\n    ) : (\n      <div\n        aria-hidden=\"true\"\n        class=\"qds-loader\"\n        data-size={this.#computedSize}\n        data-status=\"loading\"\n        data-importance={this.#computedImportance}\n      />\n    )\n  }\n\n  #defineGetter(p: PropertyKey, get: () => unknown): void {\n    Object.defineProperty(this.host, p, { enumerable: true, get })\n  }\n}\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,SAAS,GAAG,s5EAAs5E;;ACAx6E;AACA;AACA;;;;;;;;;MAkCa,MAAM,GAAA,MAAA;AANnB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;;;;;;;AAOE;;AAEG;AACqB,QAAA,IAAI,CAAA,IAAA,GAAgB,UAAU;AAOtD;;AAEG;AACqB,QAAA,IAAU,CAAA,UAAA,GAAsB,UAAU;AA8GnE;IA7DW,aAAa,GAAA;AACrB,QAAA,MAAM,MAAM,GAAG,sBAAA,CAAA,IAAI,qDAAgB;QAEnC,IAAI,CAAC,SAAS,CAAC,YAAY;AACzB,YAAA,MAAM,KAAK;AACT;oBACE;AACF,kBAAE,IAAI,CAAC,SAAS,CAAC,YAAY;QAEjC,QAAQ,MAAM;YACZ,KAAK,OAAO,EAAE;AACZ,gBAAA,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,OAAO;gBAClC;;YAEF,KAAK,SAAS,EAAE;AACd,gBAAA,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,QAAQ;gBACnC;;YAEF,KAAK,SAAS,EAAE;AACd,gBAAA,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,SAAS;gBACpC;;YAEF,SAAS;AACP,gBAAA,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,SAAS;;;;IAKnC,iBAAiB,GAAA;AACtB,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,aAAa;AACnC,QAAA,IAAI,CAAC,SAAS,CAAC,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,IAAI,GAAG;AAC3D,QAAA,IAAI,CAAC,SAAS,CAAC,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,IAAI,GAAG;QAC3D,sBAAA,CAAA,IAAI,EAAc,iBAAA,EAAA,GAAA,EAAA,oBAAA,CAAA,CAAA,IAAA,CAAlB,IAAI,EAAe,QAAQ,EAAE,MAAM,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;QAEzD,IAAI,CAAC,aAAa,EAAE;;IAGf,MAAM,GAAA;QACX,OAAO,sBAAA,CAAA,IAAI,EAAA,iBAAA,EAAA,GAAA,EAAA,0BAAA,CAAgB,IACzB,CACc,CAAA,UAAA,EAAA,EAAA,aAAA,EAAA,MAAM,EAClB,KAAK,EAAC,YAAY,eACP,sBAAA,CAAA,IAAI,EAAc,iBAAA,EAAA,GAAA,EAAA,wBAAA,CAAA,EAAA,aAAA,EAChB,sBAAA,CAAA,IAAI,EAAgB,iBAAA,EAAA,GAAA,EAAA,0BAAA,CAAA,EACjC,OAAO,EAAC,MAAM,EACd,IAAI,EAAE,CAAU,OAAA,EAAA,IAAI,CAAC,MAAM,CAAE,CAAA,EAC7B,CAAA,KAEF,CACc,CAAA,KAAA,EAAA,EAAA,aAAA,EAAA,MAAM,EAClB,KAAK,EAAC,YAAY,EACP,WAAA,EAAA,sBAAA,CAAA,IAAI,EAAA,iBAAA,EAAA,GAAA,EAAA,wBAAA,CAAc,EACjB,aAAA,EAAA,SAAS,EACJ,iBAAA,EAAA,sBAAA,CAAA,IAAI,EAAA,iBAAA,EAAA,GAAA,EAAA,8BAAA,CAAoB,EACzC,CAAA,CACH;;;;;;;;;AAjGD,IAAA,QAAQ,IAAI,CAAC,IAAI;AACf,QAAA,KAAK,OAAO;AACZ,QAAA,KAAK,OAAO;AACZ,QAAA,KAAK,MAAM;QACX,KAAK,OAAO,EAAE;YACZ,OAAO,IAAI,CAAC,IAAI;;QAElB,SAAS;AACP,YAAA,OAAO,UAAU;;;AAGvB,CAAC,EAAA,0BAAA,GAAA,SAAA,0BAAA,GAAA;AAGC,IAAA,QAAQ,IAAI,CAAC,MAAM;AACjB,QAAA,KAAK,OAAO;AACZ,QAAA,KAAK,SAAS;QACd,KAAK,SAAS,EAAE;YACd,OAAO,IAAI,CAAC,MAAM;;QAEpB,SAAS;AACP,YAAA,OAAO,SAAS;;;AAGtB,CAAC,EAAA,8BAAA,GAAA,SAAA,8BAAA,GAAA;AAGC,IAAA,QAAQ,IAAI,CAAC,UAAU;AACrB,QAAA,KAAK,aAAa;AAClB,QAAA,KAAK,aAAa;AAClB,QAAA,KAAK,SAAS;AACd,QAAA,KAAK,kBAAkB;QACvB,KAAK,UAAU,EAAE;YACf,OAAO,IAAI,CAAC,UAAU;;QAExB,SAAS;AACP,YAAA,OAAO,UAAU;;;AAGvB,CAAC,EAAA,oBAAA,GAAA,SAAA,oBAAA,CA6Da,CAAc,EAAE,GAAkB,EAAA;AAC9C,IAAA,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC;AAChE,CAAC;;;;;"}
+{"version":3,"file":"qds-loader.entry.js","sources":["src/components/loader/loader.css?tag=qds-loader&encapsulation=shadow","src/components/loader/loader.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-loader {\n  border-radius: var(--qds-control-rounded-border-radius);\n  box-sizing: border-box;\n  color: var(--qds-theme-feedback-action-destructive-contrast);\n}\n\n[data-size='small'] {\n  height: var(--qds-feedback-loader-small-size);\n  width: var(--qds-feedback-loader-small-size);\n\n  &[data-status='loading'] {\n    padding: var(--qds-signature-circle-progress-small-border-width);\n  }\n}\n\n[data-size='standard'] {\n  height: var(--qds-feedback-loader-standard-size);\n  width: var(--qds-feedback-loader-standard-size);\n\n  &[data-status='loading'] {\n    padding: var(--qds-signature-circle-progress-standard-border-width);\n  }\n}\n\n[data-size='large'] {\n  height: var(--qds-feedback-loader-large-size);\n  width: var(--qds-feedback-loader-large-size);\n\n  &[data-status='loading'] {\n    padding: var(--qds-signature-circle-progress-large-border-width);\n  }\n}\n\n[data-size='jumbo'] {\n  height: var(--qds-feedback-loader-jumbo-size);\n  width: var(--qds-feedback-loader-jumbo-size);\n\n  &[data-status='loading'] {\n    padding: var(--qds-signature-circle-progress-jumbo-border-width);\n  }\n}\n\n[data-size='hero'] {\n  height: var(--qds-feedback-loader-hero-size);\n  width: var(--qds-feedback-loader-hero-size);\n\n  &[data-status='loading'] {\n    padding: var(--qds-signature-circle-progress-hero-border-width);\n  }\n}\n\n[data-status='loading'] {\n  animation: loading 1s linear infinite;\n  /* stylelint-disable color-no-hex, declaration-property-value-no-unknown */\n  mask:\n    linear-gradient(#fff 0 0) content-box,\n    linear-gradient(#fff 0 0);\n  /* stylelint-enable color-no-hex, declaration-property-value-no-unknown */\n  mask-composite: exclude;\n\n  &[data-importance='standard'] {\n    background-image: var(--qds-theme-feedback-loader-standard-indeterminate);\n  }\n\n  &[data-importance='destructive'] {\n    background-image: var(\n      --qds-theme-feedback-loader-destructive-indeterminate\n    );\n  }\n\n  &[data-importance='informative'] {\n    background-image: var(\n      --qds-theme-feedback-loader-informational-indeterminate\n    );\n  }\n\n  &[data-importance='neutral-contrast'] {\n    background-image: var(\n      --qds-theme-feedback-loader-neutral-on-dark-indeterminate\n    );\n    border: var(--qds-theme-feedback-loader-neutral-on-dark-indeterminate);\n  }\n\n  &[data-importance='neutral'] {\n    background-image: var(\n      --qds-theme-feedback-loader-neutral-on-light-indeterminate\n    );\n    border: var(--qds-theme-feedback-loader-neutral-on-light-indeterminate);\n  }\n}\n\n@keyframes loading {\n  to {\n    transform: rotate(1turn);\n  }\n}\n\n[data-status='success'] {\n  color: var(--qds-theme-feedback-result-success);\n}\n\n[data-status='warning'] {\n  color: var(--qds-theme-feedback-result-partial-success);\n}\n\n[data-status='error'] {\n  color: var(--qds-theme-feedback-result-failure);\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  h,\n  Prop,\n  Watch,\n} from '@stencil/core'\n\nimport type { Size } from '../shared'\n\nexport type LoaderSize = Size | 'hero' | 'jumbo'\nexport type LoaderStatus = 'error' | 'success' | 'warning'\nexport type LoaderImportance =\n  | 'destructive'\n  | 'informative'\n  | 'neutral-contrast'\n  | 'neutral'\n  | 'standard'\n/**\n * The `<qds-loader>` element displays an indicator showing that content is\n * being loaded or processed.\n *\n * @see https://quartz.se.com/build/components/loader\n */\n@Component({\n  tag: 'qds-loader',\n  formAssociated: true,\n  shadow: true,\n  styleUrl: 'loader.css',\n})\nexport class Loader implements ComponentInterface {\n  /**\n   * The loader's size.\n   */\n  @Prop() public readonly size?: LoaderSize = 'standard'\n\n  /**\n   * The loader's status.\n   */\n  @Prop() public readonly status?: LoaderStatus\n\n  /**\n   * The loader's importance.\n   */\n  @Prop() public readonly importance?: LoaderImportance = 'standard'\n\n  @Element() private readonly host!: HTMLElement\n\n  @AttachInternals() private readonly internals!: ElementInternals\n\n  get #computedSize(): LoaderSize {\n    switch (this.size) {\n      case 'small':\n      case 'large':\n      case 'hero':\n      case 'jumbo': {\n        return this.size\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  get #computedStatus(): LoaderStatus | undefined {\n    switch (this.status) {\n      case 'error':\n      case 'success':\n      case 'warning': {\n        return this.status\n      }\n      default: {\n        return undefined\n      }\n    }\n  }\n\n  get #computedImportance(): LoaderImportance {\n    switch (this.importance) {\n      case 'destructive':\n      case 'informative':\n      case 'neutral':\n      case 'neutral-contrast':\n      case 'standard': {\n        return this.importance\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  @Watch('status')\n  protected statusChanged(): void {\n    const status = this.#computedStatus\n\n    this.internals.ariaValueNow =\n      status === undefined\n        ? // eslint-disable-next-line unicorn/no-null\n          null\n        : this.internals.ariaValueMax\n\n    switch (status) {\n      case 'error': {\n        this.internals.ariaLabel = 'Error'\n        break\n      }\n      case 'success': {\n        this.internals.ariaLabel = 'Loaded'\n        break\n      }\n      case 'warning': {\n        this.internals.ariaLabel = 'Warning'\n        break\n      }\n      default: {\n        this.internals.ariaLabel = 'Loading'\n      }\n    }\n  }\n\n  public componentWillLoad(): void {\n    this.internals.role = 'progressbar'\n    this.internals.ariaValueMin = this.host.ariaValueMin ?? '0'\n    this.internals.ariaValueMax = this.host.ariaValueMax ?? '1'\n    this.#defineGetter('labels', () => this.internals.labels)\n\n    this.statusChanged()\n  }\n\n  public render() {\n    return this.#computedStatus ? (\n      <qds-icon\n        aria-hidden=\"true\"\n        class=\"qds-loader\"\n        data-size={this.#computedSize}\n        data-status={this.#computedStatus}\n        library=\"core\"\n        name={`status-${this.status}-solid`}\n      />\n    ) : (\n      <div\n        aria-hidden=\"true\"\n        class=\"qds-loader\"\n        data-size={this.#computedSize}\n        data-status=\"loading\"\n        data-importance={this.#computedImportance}\n      />\n    )\n  }\n\n  #defineGetter(p: PropertyKey, get: () => unknown): void {\n    Object.defineProperty(this.host, p, { enumerable: true, get })\n  }\n}\n"],"names":[],"mappings":"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"}

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

@@ -4,9 +4,9 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { r as registerInstance, c as createEvent, a as readTask, h, g as getElement } from './index-D8Hb0u1k.js';
-import { p as pickFocusEventAttributes, i as invariant, a as isOverflowing } from './helpers-CDZIefsI.js';
+import { p as pickFocusEventAttributes, i as invariant, a as isEllipsisActive } from './helpers-t9FQ7Vl_.js';
 
-const menuItemCss = ":host([hidden]){display:none!important}:host{display:block}:host(:focus-visible){border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width)}.qds-menu-item-container{align-items:center;display:flex}.qds-disabled{cursor:not-allowed;opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{color:var(--qds-theme-text-standard)}.qds-text{color:var(--qds-theme-title);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-shortcut{color:var(--qds-theme-text-subdued)}[data-size=small] .qds-menu-item-container{gap:var(--qds-list-item-small-gap-internal);min-height:var(--qds-list-item-small-height);padding-inline:var(--qds-list-item-small-padding-horizontal)}[data-size=small] .menu-item-checkable{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small] .qds-icon{font-size:var(--qds-control-small-icon-size)}[data-size=small] .qds-main-icon{font-size:var(--qds-list-item-small-icon-size)}[data-size=small] .qds-text{font:var(--qds-list-item-small-title)}[data-size=standard] .qds-menu-item-container{gap:var(--qds-list-item-standard-gap-internal);min-height:var(--qds-list-item-standard-height);padding-inline:var(--qds-list-item-standard-padding-horizontal)}[data-size=standard] .menu-item-checkable{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-icon{font-size:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-main-icon{font-size:var(--qds-list-item-standard-icon-size)}[data-size=standard] .qds-text{font:var(--qds-list-item-standard-title)}[data-size=large] .qds-menu-item-container{gap:var(--qds-list-item-large-gap-internal);min-height:var(--qds-list-item-large-height);padding-inline:var(--qds-list-item-large-padding-horizontal)}[data-size=large] .menu-item-checkable{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large] .qds-icon{font-size:var(--qds-control-large-icon-size)}[data-size=large] .qds-main-icon{font-size:var(--qds-list-item-large-icon-size)}[data-size=large] .qds-text{font:var(--qds-list-item-large-title)}.qds-menu-item{align-items:center;-webkit-appearance:none;appearance:none;border:none;border-radius:var(--qds-control-border-radius);box-sizing:border-box;color:var(--qds-theme-text-standard);cursor:pointer;display:flex;flex-grow:1;text-align:initial;-webkit-text-decoration:none;text-decoration:none}.qds-menu-item:not(.qds-selected):not(.qds-disabled):hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-menu-item:not(.qds-selected):not(.qds-disabled):active{background-color:var(--qds-theme-interactive-background-pressed)}";
+const menuItemCss = ":host([hidden]){display:none!important}:host{display:block}:host(:focus-visible){border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width)}.qds-menu-item-container{align-items:center;display:flex}.qds-disabled{cursor:not-allowed;opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{color:var(--qds-theme-text-standard)}.qds-text{color:var(--qds-theme-title);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-shortcut{color:var(--qds-theme-text-subdued)}[data-size=small] .qds-menu-item-container{gap:var(--qds-list-item-small-gap-internal);min-height:var(--qds-list-item-small-height);padding-inline:var(--qds-list-item-small-padding-horizontal)}[data-size=small] .menu-item-checkable,[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)}[data-size=standard] .qds-menu-item-container{gap:var(--qds-list-item-standard-gap-internal);min-height:var(--qds-list-item-standard-height);padding-inline:var(--qds-list-item-standard-padding-horizontal)}[data-size=standard] .menu-item-checkable,[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)}[data-size=large] .qds-menu-item-container{gap:var(--qds-list-item-large-gap-internal);min-height:var(--qds-list-item-large-height);padding-inline:var(--qds-list-item-large-padding-horizontal)}[data-size=large] .menu-item-checkable,[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)}.qds-menu-item{align-items:center;-webkit-appearance:none;appearance:none;border:none;border-radius:var(--qds-control-border-radius);box-sizing:border-box;color:var(--qds-theme-text-standard);cursor:pointer;display:flex;flex-grow:1;text-align:initial;-webkit-text-decoration:none;text-decoration:none}.qds-menu-item:not(.qds-selected):not(.qds-disabled):hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-menu-item:not(.qds-selected):not(.qds-disabled):active{background-color:var(--qds-theme-interactive-background-pressed)}";
 
 // SPDX-FileCopyrightText: © 2025 Schneider Electric
 //
@@ -102,10 +102,10 @@ const MenuItem = class {
         invariant(__classPrivateFieldGet(this, _MenuItem_span, "f"));
         const span = __classPrivateFieldGet(this, _MenuItem_span, "f");
         readTask(() => {
-            this.tooltip = isOverflowing(span);
+            this.tooltip = isEllipsisActive(span);
         });
         __classPrivateFieldSet(this, _MenuItem_ro, new ResizeObserver(([spanEntry]) => {
-            this.tooltip = isOverflowing(spanEntry.target);
+            this.tooltip = isEllipsisActive(spanEntry.target);
         }), "f");
         __classPrivateFieldGet(this, _MenuItem_ro, "f").observe(__classPrivateFieldGet(this, _MenuItem_span, "f"));
     }
@@ -116,11 +116,11 @@ const MenuItem = class {
         this.disabledChanged();
     }
     render() {
-        return (h("div", { key: '1658c03c627a7ca5c9879cf759ddc6d4a3144c17', class: {
+        return (h("div", { key: 'b8454a28e6a29f24a95f4950b638e954147f0def', class: {
                 'qds-menu-item': true,
                 'qds-disabled': __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get),
                 'qds-has-submenu': __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get),
-            }, ref: __classPrivateFieldGet(this, _MenuItem_menuitemDivRef, "f"), "data-size": __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedSize_get), "aria-hidden": "true" }, h("div", { key: '9b8c19b11dcf9df5e9adbd7023b4078c7ab3bb82', class: "qds-menu-item-container" }, __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (h("span", { key: '57ff7d1b868c938474f20f81f61a80b8c597c595', class: "menu-item-checkable" })), __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (h("qds-icon", { key: '0703b664deefdf9f8a744159558c6c07af6e7aa6', class: "qds-icon", library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (h("qds-icon", { key: '62b144acca8231375156add3a904949464db4b4c', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), h("span", { key: '5b2c7de89600b289839be269602ca2d256e6f30d', class: "qds-text", ref: __classPrivateFieldGet(this, _MenuItem_spanRef, "f") }, this.text), this.shortcut !== undefined && this.shortcut !== '' && (h("span", { key: 'dadeb0c9205536902e15244ff8d96a4a438d6c8f', class: "qds-shortcut" }, this.shortcut)), __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (h("qds-icon", { key: '649ce349063540db09d7c5c2131b50df6f5e251c', class: "qds-icon", library: "core", name: "navigation" }))), __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (h("qds-dropdown", { key: 'ba644390279536acae0c71c9972b499167f26c91', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet(this, _MenuItem_menuitemDivRef, "f") }, h("slot", { key: 'f9ac0af6324730424228ef39264a0592930f0f0a' }))), this.tooltip && (h("qds-tooltip", { key: 'ddad882c24991b306023e600330d074a5a331100', ref: __classPrivateFieldGet(this, _MenuItem_tooltipRef, "f") }, this.text))));
+            }, ref: __classPrivateFieldGet(this, _MenuItem_menuitemDivRef, "f"), "data-size": __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedSize_get), "aria-hidden": "true" }, h("div", { key: '1a68b3955e885de3eaaba08f7c3942725d6a2cbc', class: "qds-menu-item-container" }, __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (h("span", { key: '04d8061f121116785a71b6d757d4c7655f7d4570', class: "menu-item-checkable" })), __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (h("qds-icon", { key: 'd6485fb3a39a1e017612c1931fc35b2ad87dc021', class: "qds-icon", library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (h("qds-icon", { key: '546959fe9b235fad85fb7f3b69970ebb0de895b8', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), h("span", { key: '12d44c8e4ef630aafe51033de1e396ee5bad418b', class: "qds-text", ref: __classPrivateFieldGet(this, _MenuItem_spanRef, "f") }, this.text), this.shortcut !== undefined && this.shortcut !== '' && (h("span", { key: '93e81f7b27658b66c941bcee3c013e7b801d11f4', class: "qds-shortcut" }, this.shortcut)), __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (h("qds-icon", { key: '9dbad66e98cf520a37e0fb17f593b6144073e3b3', class: "qds-icon", library: "core", name: "navigation" }))), __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (h("qds-dropdown", { key: '4ee1c768d8b95446472d0d421b22fc1f5762789a', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet(this, _MenuItem_menuitemDivRef, "f") }, h("slot", { key: 'a94adab6a68f516340c6436a440674ed03a9c984' }))), this.tooltip && (h("qds-tooltip", { key: 'de57b2a6a63a5b251bc5657969e784d2ecbc0f10', ref: __classPrivateFieldGet(this, _MenuItem_tooltipRef, "f") }, this.text))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/qds-menu-item.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"qds-menu-item.entry.js","sources":["src/components/menu-item/menu-item.css?tag=qds-menu-item&encapsulation=shadow","src/components/menu-item/menu-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  outline: var(--qds-theme-focus-border) solid var(--qds-focus-border-width);\n  border-radius: var(--qds-focus-border-radius);\n}\n\n.qds-menu-item-container {\n  display: flex;\n  align-items: center;\n}\n\n.qds-disabled {\n  opacity: var(--qds-theme-disabled);\n  pointer-events: none;\n  cursor: not-allowed;\n}\n\n.qds-icon {\n  color: var(--qds-theme-text-standard);\n}\n\n.qds-text {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--qds-theme-title);\n}\n\n.qds-shortcut {\n  color: var(--qds-theme-text-subdued);\n}\n\n[data-size='small'] {\n  .qds-menu-item-container {\n    min-height: var(--qds-list-item-small-height);\n    gap: var(--qds-list-item-small-gap-internal);\n    padding-inline: var(--qds-list-item-small-padding-horizontal);\n  }\n\n  .menu-item-checkable {\n    height: var(--qds-control-small-icon-size);\n    width: var(--qds-control-small-icon-size);\n  }\n\n  .qds-icon {\n    font-size: var(--qds-control-small-icon-size);\n  }\n\n  .qds-main-icon {\n    font-size: var(--qds-list-item-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-menu-item-container {\n    min-height: var(--qds-list-item-standard-height);\n    gap: var(--qds-list-item-standard-gap-internal);\n    padding-inline: var(--qds-list-item-standard-padding-horizontal);\n  }\n\n  .menu-item-checkable {\n    height: var(--qds-control-standard-icon-size);\n    width: var(--qds-control-standard-icon-size);\n  }\n\n  .qds-icon {\n    font-size: var(--qds-control-standard-icon-size);\n  }\n\n  .qds-main-icon {\n    font-size: var(--qds-list-item-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-menu-item-container {\n    min-height: var(--qds-list-item-large-height);\n    gap: var(--qds-list-item-large-gap-internal);\n    padding-inline: var(--qds-list-item-large-padding-horizontal);\n  }\n\n  .menu-item-checkable {\n    height: var(--qds-control-large-icon-size);\n    width: var(--qds-control-large-icon-size);\n  }\n\n  .qds-icon {\n    font-size: var(--qds-control-large-icon-size);\n  }\n\n  .qds-main-icon {\n    font-size: var(--qds-list-item-large-icon-size);\n  }\n\n  .qds-text {\n    font: var(--qds-list-item-large-title);\n  }\n}\n\n.qds-menu-item {\n  box-sizing: border-box;\n  display: flex;\n  flex-grow: 1;\n  align-items: center;\n  appearance: none;\n  border: none;\n  border-radius: var(--qds-control-border-radius);\n  cursor: pointer;\n  text-align: initial;\n  text-decoration: none;\n  color: var(--qds-theme-text-standard);\n\n  &:not(.qds-selected, .qds-disabled) {\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","// 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  invariant,\n  isOverflowing,\n  pickFocusEventAttributes,\n} from '../../helpers'\nimport type { Size } from '../shared'\n\nexport type Type = 'checkbox' | undefined\n\n/**\n *\n *\n * @see https://quartz.se.com/build/components/menu-item\n */\n@Component({\n  tag: 'qds-menu-item',\n  shadow: true,\n  styleUrl: 'menu-item.css',\n})\nexport class MenuItem implements ComponentInterface {\n  /**\n   * Prevents the menu 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 menu item's size.\n   */\n  @Prop() public readonly size?: Size = 'standard'\n\n  /**\n   * Whether or not the menu item should be selectable.\n   */\n  @Prop() public type: Type\n\n  /**\n   * Whether or not the menu item is checked.\n   */\n  @Prop({ mutable: true }) public checked?: boolean\n\n  /**\n   * The menu item's text\n   */\n  @Prop() public readonly text!: string\n\n  /**\n   * The shortcut of the action.\n   */\n  @Prop() public readonly shortcut?: string\n\n  @State() private hasSubmenuSlot = false\n\n  @State() private tooltip = false\n\n  /**\n   * Emitted when the menu item loses focus.\n   */\n  @Event({ eventName: 'qdsBlur', bubbles: false, cancelable: false })\n  private readonly blurEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  /**\n   * Emitted when the menu item gains focus.\n   */\n  @Event({ eventName: 'qdsFocus', bubbles: false, cancelable: false })\n  private readonly focusEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  /**\n   * Emitted when the menu item is checked.\n   */\n  @Event({ eventName: 'qdsSelect', cancelable: false })\n  private readonly selectEmitter!: EventEmitter<void>\n\n  @Element() private readonly host!: HTMLElement\n\n  @AttachInternals() private readonly internals!: ElementInternals\n\n  #ro?: ResizeObserver\n\n  #menuItem!: 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 #computedType(): Type {\n    return this.type ?? undefined\n  }\n\n  get #computedCheckable(): boolean {\n    return this.#computedType === 'checkbox'\n  }\n\n  get #computedChecked(): boolean {\n    return (\n      (this.#computedCheckable && !this.#hasSubmenu && this.checked) ?? false\n    )\n  }\n\n  get #computedDisabled(): boolean {\n    return this.disabled ?? false\n  }\n\n  get #hasSubmenu(): boolean {\n    return this.hasSubmenuSlot\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) {\n      event.stopImmediatePropagation()\n      return\n    }\n\n    if (this.#computedCheckable) {\n      this.checked = !this.#computedChecked\n      this.selectEmitter.emit()\n    }\n  }\n\n  @Watch('disabled')\n  protected disabledChanged(): void {\n    this.internals.ariaDisabled = this.#computedDisabled.toString()\n  }\n\n  @Watch('checked')\n  protected checkedChanged(): void {\n    this.internals.ariaChecked = this.#computedChecked.toString()\n  }\n\n  public componentDidLoad(): void {\n    this.checkedChanged()\n    invariant(this.#span)\n\n    const span = this.#span\n    readTask(() => {\n      this.tooltip = isOverflowing(span)\n    })\n    this.#ro = new ResizeObserver(([spanEntry]) => {\n      this.tooltip = isOverflowing(spanEntry.target)\n    })\n    this.#ro.observe(this.#span)\n  }\n\n  public componentWillLoad(): void {\n    this.hasSubmenuSlot = this.host.hasChildNodes()\n    this.internals.role =\n      this.type === 'checkbox' ? 'menuitemcheckbox' : 'menuitem'\n    this.disabledChanged()\n  }\n\n  public render() {\n    return (\n      <div\n        class={{\n          'qds-menu-item': true,\n          'qds-disabled': this.#computedDisabled,\n          'qds-has-submenu': this.#hasSubmenu,\n        }}\n        ref={this.#menuitemDivRef}\n        data-size={this.#computedSize}\n        aria-hidden=\"true\"\n      >\n        <div class=\"qds-menu-item-container\">\n          {this.#computedCheckable && !this.#computedChecked && (\n            <span class=\"menu-item-checkable\" />\n          )}\n          {this.#computedChecked && (\n            <qds-icon class=\"qds-icon\" library=\"core\" name=\"checked\" />\n          )}\n          {this.iconName !== undefined && this.iconName !== '' && (\n            <qds-icon\n              class=\"qds-icon\"\n              library={this.iconLibrary}\n              name={this.iconName}\n            />\n          )}\n          <span class=\"qds-text\" ref={this.#spanRef}>\n            {this.text}\n          </span>\n          {this.shortcut !== undefined && this.shortcut !== '' && (\n            <span class=\"qds-shortcut\">{this.shortcut}</span>\n          )}\n          {this.#hasSubmenu && (\n            <qds-icon class=\"qds-icon\" library=\"core\" name=\"navigation\" />\n          )}\n        </div>\n        {this.#hasSubmenu && (\n          <qds-dropdown\n            class=\"qds-accessory qds-related\"\n            placement=\"right-start\"\n            target={this.#menuitemDivRef}\n          >\n            <slot />\n          </qds-dropdown>\n        )}\n        {this.tooltip && (\n          <qds-tooltip ref={this.#tooltipRef}>{this.text}</qds-tooltip>\n        )}\n      </div>\n    )\n  }\n\n  readonly #menuitemDivRef = (menuItem?: HTMLDivElement): HTMLDivElement => {\n    if (menuItem) {\n      this.#menuItem = menuItem\n    }\n\n    return this.#menuItem\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.#menuItem\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"qds-menu-item.entry.js","sources":["src/components/menu-item/menu-item.css?tag=qds-menu-item&encapsulation=shadow","src/components/menu-item/menu-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  outline: var(--qds-theme-focus-border) solid var(--qds-focus-border-width);\n  border-radius: var(--qds-focus-border-radius);\n}\n\n.qds-menu-item-container {\n  display: flex;\n  align-items: center;\n}\n\n.qds-disabled {\n  opacity: var(--qds-theme-disabled);\n  pointer-events: none;\n  cursor: not-allowed;\n}\n\n.qds-icon {\n  color: var(--qds-theme-text-standard);\n}\n\n.qds-text {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--qds-theme-title);\n}\n\n.qds-shortcut {\n  color: var(--qds-theme-text-subdued);\n}\n\n[data-size='small'] {\n  .qds-menu-item-container {\n    min-height: var(--qds-list-item-small-height);\n    gap: var(--qds-list-item-small-gap-internal);\n    padding-inline: var(--qds-list-item-small-padding-horizontal);\n  }\n\n  .menu-item-checkable,\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-menu-item-container {\n    min-height: var(--qds-list-item-standard-height);\n    gap: var(--qds-list-item-standard-gap-internal);\n    padding-inline: var(--qds-list-item-standard-padding-horizontal);\n  }\n\n  .menu-item-checkable,\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-menu-item-container {\n    min-height: var(--qds-list-item-large-height);\n    gap: var(--qds-list-item-large-gap-internal);\n    padding-inline: var(--qds-list-item-large-padding-horizontal);\n  }\n\n  .menu-item-checkable,\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.qds-menu-item {\n  box-sizing: border-box;\n  display: flex;\n  flex-grow: 1;\n  align-items: center;\n  appearance: none;\n  border: none;\n  border-radius: var(--qds-control-border-radius);\n  cursor: pointer;\n  text-align: initial;\n  text-decoration: none;\n  color: var(--qds-theme-text-standard);\n\n  &:not(.qds-selected, .qds-disabled) {\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","// 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  invariant,\n  isEllipsisActive,\n  pickFocusEventAttributes,\n} from '../../helpers'\nimport type { Size } from '../shared'\n\nexport type Type = 'checkbox' | undefined\n\n/**\n *\n *\n * @see https://quartz.se.com/build/components/menu-item\n */\n@Component({\n  tag: 'qds-menu-item',\n  shadow: true,\n  styleUrl: 'menu-item.css',\n})\nexport class MenuItem implements ComponentInterface {\n  /**\n   * Prevents the menu 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 menu item's size.\n   */\n  @Prop() public readonly size?: Size = 'standard'\n\n  /**\n   * Whether or not the menu item should be selectable.\n   */\n  @Prop() public type: Type\n\n  /**\n   * Whether or not the menu item is checked.\n   */\n  @Prop({ mutable: true }) public checked?: boolean\n\n  /**\n   * The menu item's text\n   */\n  @Prop() public readonly text!: string\n\n  /**\n   * The shortcut of the action.\n   */\n  @Prop() public readonly shortcut?: string\n\n  @State() private hasSubmenuSlot = false\n\n  @State() private tooltip = false\n\n  /**\n   * Emitted when the menu item loses focus.\n   */\n  @Event({ eventName: 'qdsBlur', bubbles: false, cancelable: false })\n  private readonly blurEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  /**\n   * Emitted when the menu item gains focus.\n   */\n  @Event({ eventName: 'qdsFocus', bubbles: false, cancelable: false })\n  private readonly focusEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  /**\n   * Emitted when the menu item is checked.\n   */\n  @Event({ eventName: 'qdsSelect', cancelable: false })\n  private readonly selectEmitter!: EventEmitter<void>\n\n  @Element() private readonly host!: HTMLElement\n\n  @AttachInternals() private readonly internals!: ElementInternals\n\n  #ro?: ResizeObserver\n\n  #menuItem!: 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 #computedType(): Type {\n    return this.type ?? undefined\n  }\n\n  get #computedCheckable(): boolean {\n    return this.#computedType === 'checkbox'\n  }\n\n  get #computedChecked(): boolean {\n    return (\n      (this.#computedCheckable && !this.#hasSubmenu && this.checked) ?? false\n    )\n  }\n\n  get #computedDisabled(): boolean {\n    return this.disabled ?? false\n  }\n\n  get #hasSubmenu(): boolean {\n    return this.hasSubmenuSlot\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) {\n      event.stopImmediatePropagation()\n      return\n    }\n\n    if (this.#computedCheckable) {\n      this.checked = !this.#computedChecked\n      this.selectEmitter.emit()\n    }\n  }\n\n  @Watch('disabled')\n  protected disabledChanged(): void {\n    this.internals.ariaDisabled = this.#computedDisabled.toString()\n  }\n\n  @Watch('checked')\n  protected checkedChanged(): void {\n    this.internals.ariaChecked = this.#computedChecked.toString()\n  }\n\n  public componentDidLoad(): void {\n    this.checkedChanged()\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 componentWillLoad(): void {\n    this.hasSubmenuSlot = this.host.hasChildNodes()\n    this.internals.role =\n      this.type === 'checkbox' ? 'menuitemcheckbox' : 'menuitem'\n    this.disabledChanged()\n  }\n\n  public render() {\n    return (\n      <div\n        class={{\n          'qds-menu-item': true,\n          'qds-disabled': this.#computedDisabled,\n          'qds-has-submenu': this.#hasSubmenu,\n        }}\n        ref={this.#menuitemDivRef}\n        data-size={this.#computedSize}\n        aria-hidden=\"true\"\n      >\n        <div class=\"qds-menu-item-container\">\n          {this.#computedCheckable && !this.#computedChecked && (\n            <span class=\"menu-item-checkable\" />\n          )}\n          {this.#computedChecked && (\n            <qds-icon class=\"qds-icon\" library=\"core\" name=\"checked\" />\n          )}\n          {this.iconName !== undefined && this.iconName !== '' && (\n            <qds-icon\n              class=\"qds-icon\"\n              library={this.iconLibrary}\n              name={this.iconName}\n            />\n          )}\n          <span class=\"qds-text\" ref={this.#spanRef}>\n            {this.text}\n          </span>\n          {this.shortcut !== undefined && this.shortcut !== '' && (\n            <span class=\"qds-shortcut\">{this.shortcut}</span>\n          )}\n          {this.#hasSubmenu && (\n            <qds-icon class=\"qds-icon\" library=\"core\" name=\"navigation\" />\n          )}\n        </div>\n        {this.#hasSubmenu && (\n          <qds-dropdown\n            class=\"qds-accessory qds-related\"\n            placement=\"right-start\"\n            target={this.#menuitemDivRef}\n          >\n            <slot />\n          </qds-dropdown>\n        )}\n        {this.tooltip && (\n          <qds-tooltip ref={this.#tooltipRef}>{this.text}</qds-tooltip>\n        )}\n      </div>\n    )\n  }\n\n  readonly #menuitemDivRef = (menuItem?: HTMLDivElement): HTMLDivElement => {\n    if (menuItem) {\n      this.#menuItem = menuItem\n    }\n\n    return this.#menuItem\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.#menuItem\n  }\n}\n"],"names":[],"mappings":"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"}