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

package/components/qds-menu-item.js

@@ -4,12 +4,12 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { p as proxyCustomElement, H, c as createEvent, d as readTask, h } from './p-BEWDu8_P.js';
-import { p as pickFocusEventAttributes, i as invariant, a as isOverflowing } from './p-CzJQDr3N.js';
-import { d as defineCustomElement$4 } from './p-Dqnx5weA.js';
-import { d as defineCustomElement$3 } from './p-9fm05BrQ.js';
-import { d as defineCustomElement$2 } from './p-CB1GgGmx.js';
+import { p as pickFocusEventAttributes, i as invariant, a as isEllipsisActive } from './p-Bs-thw7N.js';
+import { d as defineCustomElement$4 } from './p-Dmky30vp.js';
+import { d as defineCustomElement$3 } from './p-D6kEwmWw.js';
+import { d as defineCustomElement$2 } from './p--vOFwWP9.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
 //
@@ -103,10 +103,10 @@ const MenuItem = /*@__PURE__*/ proxyCustomElement(class MenuItem extends H {
         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"));
     }
@@ -117,11 +117,11 @@ const MenuItem = /*@__PURE__*/ proxyCustomElement(class MenuItem extends H {
         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 this; }
     static get watchers() { return {

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

@@ -1 +1 @@
-{"file":"qds-menu-item.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"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"],"version":3}
+{"file":"qds-menu-item.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"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"],"version":3}

package/components/qds-mini-button.js

@@ -3,7 +3,7 @@
  * 
  * SPDX-License-Identifier: Apache-2.0
  */
-import { M as MiniButton, d as defineCustomElement$1 } from './p-CSR3ZAEX.js';
+import { M as MiniButton, d as defineCustomElement$1 } from './p-I5PkZmy8.js';
 
 const QdsMiniButton = MiniButton;
 const defineCustomElement = defineCustomElement$1;

package/components/qds-progress-bar.js

@@ -88,7 +88,7 @@ const ProgressBar = /*@__PURE__*/ proxyCustomElement(class ProgressBar extends H
         this.valueChanged();
     }
     render() {
-        return (h("div", { key: '45917cac000ce8e0f48ab3b1b4564fcb995553d3', "aria-hidden": "true", class: "qds-track", "data-size": __classPrivateFieldGet(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get) }, h("div", { key: 'aaf7c3dabbc5b7fc20b8985aa6f03118c570add4', class: {
+        return (h("div", { key: '2035bc7abf352a5bfaaf04a046dd30f9672dc975', "aria-hidden": "true", class: "qds-track", "data-size": __classPrivateFieldGet(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get) }, h("div", { key: '470492d53476ee40851d999a165c147069a4d449', class: {
                 'qds-bar': true,
                 'qds-indeterminate': __classPrivateFieldGet(this, _ProgressBar_position, "f") === -1,
             }, "data-size": __classPrivateFieldGet(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get), style: { width: this.width } })));

package/components/qds-radio.js

@@ -3,7 +3,7 @@
  * 
  * SPDX-License-Identifier: Apache-2.0
  */
-import { R as Radio, d as defineCustomElement$1 } from './p-CK_Yxg3A.js';
+import { R as Radio, d as defineCustomElement$1 } from './p-Df4zqimN.js';
 
 const QdsRadio = Radio;
 const defineCustomElement = defineCustomElement$1;

package/components/qds-select.js

@@ -4,9 +4,9 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-BEWDu8_P.js';
-import { i as invariant, p as pickFocusEventAttributes, c as pickInputEventAttributes, b as inheritAriaAttributes } from './p-CzJQDr3N.js';
+import { i as invariant, p as pickFocusEventAttributes, c as pickInputEventAttributes, b as inheritAriaAttributes } from './p-Bs-thw7N.js';
 import { V as VALID_STATE, C as CUSTOM_ERROR_FLAGS, N as NO_ERROR_FLAGS } from './p-DQLjJn7-.js';
-import { d as defineCustomElement$2 } from './p-9fm05BrQ.js';
+import { d as defineCustomElement$2 } from './p-D6kEwmWw.js';
 
 const selectCss = ":host([hidden]){display:none!important}:host{display:inline-block}slot{display:none}.qds-container{box-sizing:border-box;display:grid;grid-template-areas:\"i\"}.qds-container,.qds-select{width:inherit}.qds-icon,.qds-select{color:var(--qds-theme-control-text-standard);grid-area:i}.qds-icon{margin-inline-end:calc(var(--qds-control-input-padding-horizontal) + var(--qds-control-border-width));place-self:center end;pointer-events:none}.qds-select{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-control-input-background);border-color:var(--qds-theme-control-border);border-radius:var(\n      --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n    ) var(--qds-control-border-radius-top-right,var(--qds-control-border-radius)) var(\n      --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n    ) var(\n      --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n    );border-style:solid;border-width:var(--qds-control-border-width) var(--qds-control-border-width-inline-end,var(--qds-control-border-width)) var(--qds-control-border-width-block-end,var(--qds-control-border-width)) var(--qds-control-border-width);margin:0;outline:0;padding-block:0;padding-inline:var(--qds-control-input-padding-horizontal);text-overflow:ellipsis}.qds-select:not(:focus):user-invalid{border-color:var(--qds-theme-feedback-result-failure)}.qds-select:disabled,.qds-select:disabled+.qds-icon{opacity:var(--qds-theme-disabled)}:is(::slotted(optgroup),::slotted(optgroup:not(:disabled)>option),::slotted(option)):disabled{opacity:var(--qds-theme-disabled)}::slotted(optgroup){font:var(--qds-accessory-section-title)}::slotted(optgroup>option),::slotted(option){font:var(--qds-list-item-label-main)}.qds-select[data-size=small]{font:var(--qds-control-small-text)}.qds-select[data-size=small]:not([multiple]){height:var(--qds-control-small-height);padding-inline-end:calc(var(--qds-control-small-icon-size) + var(--qds-text-icon-gap) + var(--qds-control-input-padding-horizontal))}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-select[data-size=standard]{font:var(--qds-control-standard-text)}.qds-select[data-size=standard]:not([multiple]){height:var(--qds-control-standard-height);padding-inline-end:calc(var(--qds-control-standard-icon-size) + var(--qds-text-icon-gap) + var(--qds-control-input-padding-horizontal))}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-select[data-size=large]{font:var(--qds-control-large-text)}.qds-select[data-size=large]:not([multiple]){height:var(--qds-control-large-height);padding-inline-end:calc(var(--qds-control-large-icon-size) + var(--qds-text-icon-gap) + var(--qds-control-input-padding-horizontal))}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}.qds-focus-ring{border-radius:max(1px,var(\n        --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n      )) max(1px,var(\n        --qds-control-border-radius-top-right,var(--qds-control-border-radius)\n      )) max(1px,var(\n        --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n      )) max(1px,var(\n        --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n      ));grid-area:i;height:calc(100% + var(--qds-control-border-width) - var(--qds-control-border-width-block-end, var(--qds-control-border-width)));isolation:isolate;outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset);pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-control-border-width) - var(\n        --qds-control-border-width-inline-end,\n        var(--qds-control-border-width)\n      ))}.qds-select:focus-visible~.qds-focus-ring{visibility:visible}";
 
@@ -264,12 +264,12 @@ const Select = /*@__PURE__*/ proxyCustomElement(class Select extends H {
         this.selectedIndex = __classPrivateFieldGet(this, _Select_select, "f").selectedIndex;
     }
     render() {
-        return (h("div", { key: 'f5b83bd06c168aa8826c1bc1c35b90a334906d03', class: {
+        return (h("div", { key: '49394446e10b83dd16df332de3ec060f4b4aef0d', class: {
                 'qds-container': true,
                 'qds-multiple': this.multiple ?? false,
-            }, "data-size": __classPrivateFieldGet(this, _Select_instances, "a", _Select_computedSize_get) }, h("select", { key: '344da6b19f9b29fd9068dc013364bef48a16ab98', autoComplete: this.autoComplete,
+            }, "data-size": __classPrivateFieldGet(this, _Select_instances, "a", _Select_computedSize_get) }, h("select", { key: '58acde98cc4a7c03b8a7a926c5ea17bbd55b5807', autoComplete: this.autoComplete,
             // eslint-disable-next-line jsx-a11y/no-autofocus
-            autoFocus: this.host.autofocus, class: "qds-select", "data-size": __classPrivateFieldGet(this, _Select_instances, "a", _Select_computedSize_get), disabled: __classPrivateFieldGet(this, _Select_instances, "a", _Select_computedDisabled_get), multiple: this.multiple, name: this.name, onBlur: __classPrivateFieldGet(this, _Select_onBlur, "f"), onChange: __classPrivateFieldGet(this, _Select_onChange, "f"), onFocus: __classPrivateFieldGet(this, _Select_onFocus, "f"), onInput: __classPrivateFieldGet(this, _Select_onInput, "f"), ref: __classPrivateFieldGet(this, _Select_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet(this, _Select_instances, "a", _Select_computedDisabled_get) ? undefined : this.tabIndex, ...__classPrivateFieldGet(this, _Select_inheritedAttributes, "f") }), this.multiple !== true && (h("qds-icon", { key: '6e05daf9803145d6740cd8f7088853b3a1f812cd', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet(this, _Select_instances, "a", _Select_computedSize_get), library: "core", name: "dropdown" })), h("slot", { key: 'bd4dbad874d87004e627168a669944732252d6f7', onSlotchange: __classPrivateFieldGet(this, _Select_onSlotchange, "f") }), h("div", { key: '06288c7a842b329cd64d674b05511c98eca81412', class: "qds-focus-ring" })));
+            autoFocus: this.host.autofocus, class: "qds-select", "data-size": __classPrivateFieldGet(this, _Select_instances, "a", _Select_computedSize_get), disabled: __classPrivateFieldGet(this, _Select_instances, "a", _Select_computedDisabled_get), multiple: this.multiple, name: this.name, onBlur: __classPrivateFieldGet(this, _Select_onBlur, "f"), onChange: __classPrivateFieldGet(this, _Select_onChange, "f"), onFocus: __classPrivateFieldGet(this, _Select_onFocus, "f"), onInput: __classPrivateFieldGet(this, _Select_onInput, "f"), ref: __classPrivateFieldGet(this, _Select_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet(this, _Select_instances, "a", _Select_computedDisabled_get) ? undefined : this.tabIndex, ...__classPrivateFieldGet(this, _Select_inheritedAttributes, "f") }), this.multiple !== true && (h("qds-icon", { key: 'd1dfe5e5050081b8dcf6e0b8c4d63645247d2e29', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet(this, _Select_instances, "a", _Select_computedSize_get), library: "core", name: "dropdown" })), h("slot", { key: 'f189efbbb5ee2a4635cc5dc0a29e55818e6a4abe', onSlotchange: __classPrivateFieldGet(this, _Select_onSlotchange, "f") }), h("div", { key: 'a176b166b864bec1cc20d9c482ea62e445c9719b', class: "qds-focus-ring" })));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }

package/components/qds-standalone-link.js

@@ -4,10 +4,10 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-BEWDu8_P.js';
-import { p as pickFocusEventAttributes, d as determineLinkIcon } from './p-CzJQDr3N.js';
-import { d as defineCustomElement$2 } from './p-9fm05BrQ.js';
+import { p as pickFocusEventAttributes, i as invariant, d as determineLinkIcon } from './p-Bs-thw7N.js';
+import { d as defineCustomElement$2 } from './p-D6kEwmWw.js';
 
-const standaloneLinkCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-icon-crop{align-items:center;display:flex;justify-content:center}.qds-icon{flex-shrink:0;transform:scaleX(var(--qds-direction-factor,1))}.qds-standalone-link{border-radius:var(--qds-focus-border-radius);box-sizing:border-box;display:inline-flex;justify-content:center;-webkit-print-color-adjust:exact;print-color-adjust:exact;-webkit-text-decoration:none;text-decoration:none;width:100%}.qds-standalone-link:focus-visible{outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset)}.qds-standalone-link:active,.qds-standalone-link:hover{-webkit-text-decoration:underline;text-decoration:underline}.qds-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}[data-importance=subdued]{color:var(--qds-theme-link-subdued-default)}.qds-visitable[data-importance=subdued]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=subdued]:hover{color:var(--qds-theme-link-subdued-hover)}[data-importance=subdued]:active{color:var(--qds-theme-link-subdued-pressed)}.qds-visitable[data-importance=subdued]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=subdued]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=standard]{color:var(--qds-theme-link-standard-default)}.qds-visitable[data-importance=standard]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=standard]:hover{color:var(--qds-theme-link-standard-hover)}[data-importance=standard]:active{color:var(--qds-theme-link-standard-pressed)}.qds-visitable[data-importance=standard]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=standard]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=emphasized]{color:var(--qds-theme-link-emphasized-default)}.qds-visitable[data-importance=emphasized]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=emphasized]:hover{color:var(--qds-theme-link-emphasized-hover)}[data-importance=emphasized]:active{color:var(--qds-theme-link-emphasized-pressed)}.qds-visitable[data-importance=emphasized]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=emphasized]:visited:active{color:var(--qds-theme-link-visited-pressed)}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-standalone-link[data-size=small]{font:var(--qds-control-small-link);gap:var(--qds-control-small-gap-internal);min-height:var(--qds-control-small-height);padding-block:var(--qds-control-small-padding-auto-height)}[data-size=small][data-importance=subdued]{font:var(--qds-control-small-text)}.qds-icon-crop[data-size=small]{height:var(--qds-control-small-icon-crop-height)}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-standalone-link[data-size=standard]{font:var(--qds-control-standard-link);gap:var(--qds-control-standard-gap-internal);min-height:var(--qds-control-standard-height);padding-block:var(--qds-control-standard-padding-auto-height)}[data-size=standard][data-importance=subdued]{font:var(--qds-control-standard-text)}.qds-icon-crop[data-size=standard]{height:var(--qds-control-standard-icon-crop-height)}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-standalone-link[data-size=large]{font:var(--qds-control-large-link);gap:var(--qds-control-large-gap-internal);min-height:var(--qds-control-large-height);padding-block:var(--qds-control-large-padding-auto-height)}[data-size=large][data-importance=subdued]{font:var(--qds-control-large-text)}.qds-icon-crop[data-size=large]{height:var(--qds-control-large-icon-crop-height)}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}";
+const standaloneLinkCss = ":host([hidden]){display:none!important}:host{border-radius:var(--qds-focus-border-radius);display:inline-block}:host(:focus-visible){outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset)}.qds-icon-crop{align-items:center;display:flex;justify-content:center}.qds-icon{flex-shrink:0;transform:scaleX(var(--qds-direction-factor,1))}.qds-standalone-link{box-sizing:border-box;display:inline-flex;justify-content:center;-webkit-print-color-adjust:exact;print-color-adjust:exact;-webkit-text-decoration:none;text-decoration:none;width:100%}.qds-standalone-link:active,.qds-standalone-link:hover{-webkit-text-decoration:underline;text-decoration:underline}.qds-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}[data-importance=subdued]{color:var(--qds-theme-link-subdued-default)}.qds-visitable[data-importance=subdued]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=subdued]:hover{color:var(--qds-theme-link-subdued-hover)}[data-importance=subdued]:active{color:var(--qds-theme-link-subdued-pressed)}.qds-visitable[data-importance=subdued]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=subdued]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=standard]{color:var(--qds-theme-link-standard-default)}.qds-visitable[data-importance=standard]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=standard]:hover{color:var(--qds-theme-link-standard-hover)}[data-importance=standard]:active{color:var(--qds-theme-link-standard-pressed)}.qds-visitable[data-importance=standard]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=standard]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=emphasized]{color:var(--qds-theme-link-emphasized-default)}.qds-visitable[data-importance=emphasized]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=emphasized]:hover{color:var(--qds-theme-link-emphasized-hover)}[data-importance=emphasized]:active{color:var(--qds-theme-link-emphasized-pressed)}.qds-visitable[data-importance=emphasized]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=emphasized]:visited:active{color:var(--qds-theme-link-visited-pressed)}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-standalone-link[data-size=small]{font:var(--qds-control-small-link);gap:var(--qds-control-small-gap-internal);min-height:var(--qds-control-small-height);padding-block:var(--qds-control-small-padding-auto-height)}[data-size=small][data-importance=subdued]{font:var(--qds-control-small-text)}.qds-icon-crop[data-size=small]{height:var(--qds-control-small-icon-crop-height)}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-standalone-link[data-size=standard]{font:var(--qds-control-standard-link);gap:var(--qds-control-standard-gap-internal);min-height:var(--qds-control-standard-height);padding-block:var(--qds-control-standard-padding-auto-height)}[data-size=standard][data-importance=subdued]{font:var(--qds-control-standard-text)}.qds-icon-crop[data-size=standard]{height:var(--qds-control-standard-icon-crop-height)}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-standalone-link[data-size=large]{font:var(--qds-control-large-link);gap:var(--qds-control-large-gap-internal);min-height:var(--qds-control-large-height);padding-block:var(--qds-control-large-padding-auto-height)}[data-size=large][data-importance=subdued]{font:var(--qds-control-large-text)}.qds-icon-crop[data-size=large]{height:var(--qds-control-large-icon-crop-height)}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}";
 
 // SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
@@ -19,7 +19,16 @@ var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) ||
         throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var _StandaloneLink_instances, _StandaloneLink_computedImportance_get, _StandaloneLink_computedSize_get, _StandaloneLink_openInNewTab_get, _StandaloneLink_updateAriaLabelElements, _StandaloneLink_onBlur, _StandaloneLink_onFocus, _StandaloneLink_onSlotchange;
+var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _StandaloneLink_instances, _StandaloneLink_savedTabIndex, _StandaloneLink_link, _StandaloneLink_computedImportance_get, _StandaloneLink_computedSize_get, _StandaloneLink_openInNewTab_get, _StandaloneLink_updateAriaLabelElements, _StandaloneLink_linkRef, _StandaloneLink_onBlur, _StandaloneLink_onFocus, _StandaloneLink_onSlotchange;
 const StandaloneLink = /*@__PURE__*/ proxyCustomElement(class StandaloneLink extends H {
     constructor(registerHost) {
         super();
@@ -52,9 +61,14 @@ const StandaloneLink = /*@__PURE__*/ proxyCustomElement(class StandaloneLink ext
          * Defines if the standalone link will display the visited state.
          */
         this.visitable = false;
+        _StandaloneLink_savedTabIndex.set(this, 0);
+        _StandaloneLink_link.set(this, void 0);
         _StandaloneLink_updateAriaLabelElements.set(this, () => {
             this.internals.ariaLabel = `${this.host.textContent} ${__classPrivateFieldGet(this, _StandaloneLink_instances, "a", _StandaloneLink_openInNewTab_get) ? 'Opens in a new tab' : ''}`.trim();
         });
+        _StandaloneLink_linkRef.set(this, (link) => {
+            __classPrivateFieldSet(this, _StandaloneLink_link, link, "f");
+        });
         _StandaloneLink_onBlur.set(this, (event) => {
             this.blurEmitter.emit(pickFocusEventAttributes(event));
         });
@@ -66,18 +80,36 @@ const StandaloneLink = /*@__PURE__*/ proxyCustomElement(class StandaloneLink ext
         });
     }
     onClick(event) {
+        invariant(__classPrivateFieldGet(this, _StandaloneLink_link, "f"));
         if (this.disabled)
             event.stopImmediatePropagation();
+        else
+            __classPrivateFieldGet(this, _StandaloneLink_link, "f").click();
+    }
+    onKeydown(event) {
+        invariant(__classPrivateFieldGet(this, _StandaloneLink_link, "f"));
+        if (this.disabled)
+            return;
+        if (event.key === 'Enter')
+            __classPrivateFieldGet(this, _StandaloneLink_link, "f").click();
     }
     disabledChanged() {
         this.internals.ariaDisabled = this.disabled.toString();
+        if (this.disabled)
+            this.host.removeAttribute('tabindex');
+        else
+            this.host.tabIndex = __classPrivateFieldGet(this, _StandaloneLink_savedTabIndex, "f");
     }
     tabindexChanged(newValue) {
         const parsedValue = Number.parseInt(newValue, 10);
         // FIXME: `undefined` instead of `0` causes `qdsFocus/qdsBlur` E2E tests
         // to fail, but it's not clear why this is the case since it works for
         // other components.
-        this.tabIndex = Number.isNaN(parsedValue) ? 0 : parsedValue;
+        __classPrivateFieldSet(this, _StandaloneLink_savedTabIndex, Number.isNaN(parsedValue) ? 0 : parsedValue, "f");
+        if (this.disabled)
+            this.host.removeAttribute('tabindex');
+        else
+            this.host.tabIndex = __classPrivateFieldGet(this, _StandaloneLink_savedTabIndex, "f");
     }
     hrefTargetChanged() {
         this.linkIcon = determineLinkIcon(this.target, this.rel);
@@ -93,13 +125,12 @@ const StandaloneLink = /*@__PURE__*/ proxyCustomElement(class StandaloneLink ext
         __classPrivateFieldGet(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
     }
     render() {
-        return (h("a", { key: 'a34d2308d0c5c598d98a6b8cbb1eca4b0121dc4d', "aria-hidden": "true", class: {
+        return (h("a", { key: 'a6f2f71f977a39583ba07a2997ea785b17effec6', "aria-hidden": "true", class: {
                 'qds-standalone-link': true,
                 'qds-disabled': this.disabled,
                 'qds-visitable': this.visitable,
-            }, "data-importance": __classPrivateFieldGet(this, _StandaloneLink_instances, "a", _StandaloneLink_computedImportance_get), "data-size": __classPrivateFieldGet(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet(this, _StandaloneLink_onBlur, "f"), onFocus: __classPrivateFieldGet(this, _StandaloneLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: this.disabled ? -1 : this.tabIndex, target: this.target }, this.iconName !== undefined && this.iconName !== '' && (h("span", { key: '4245aa51b3cfda8eadc527d7948fc7afdb4a9c32', class: "qds-icon-crop", "data-size": __classPrivateFieldGet(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, h("qds-icon", { key: 'c199d84f99fe90c723b25191634053824071ec8c', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: this.iconLibrary, name: this.iconName }))), h("span", { key: '571108445540b3326b9648c587e9261964c62031', class: "qds-text" }, h("slot", { key: 'fae60de0c8f710a5722c40a9e7eea634b8cc207e', onSlotchange: __classPrivateFieldGet(this, _StandaloneLink_onSlotchange, "f") })), this.linkIcon && (h("span", { key: '24113fa57e68b998480375adadb465420bb05ecc', class: "qds-icon-crop", "data-size": __classPrivateFieldGet(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, h("qds-icon", { key: '6862ab5eea6063415459092e26a258bb45b888e0', "aria-hidden": "true", class: "qds-icon", library: "core", "data-size": __classPrivateFieldGet(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), name: this.linkIcon }))), this.importance === 'emphasized' && (h("span", { key: 'ada467340c4985c569592601131840f0d165461d', class: "qds-icon-crop", "data-size": __classPrivateFieldGet(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, h("qds-icon", { key: 'a901b0ec5f13b6bd1d86a6430ba2b2a14cba3349', class: "qds-icon", "aria-hidden": "true", "data-size": __classPrivateFieldGet(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: "core", name: "next" })))));
+            }, "data-importance": __classPrivateFieldGet(this, _StandaloneLink_instances, "a", _StandaloneLink_computedImportance_get), "data-size": __classPrivateFieldGet(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet(this, _StandaloneLink_onBlur, "f"), onFocus: __classPrivateFieldGet(this, _StandaloneLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet(this, _StandaloneLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (h("span", { key: '2bfcea42c26d65fd1a6344592f0a369d16eac6cd', class: "qds-icon-crop", "data-size": __classPrivateFieldGet(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, h("qds-icon", { key: '97aa272653c0fb9dcd79991999765254ce5df9fd', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: this.iconLibrary, name: this.iconName }))), h("span", { key: 'a32bf8d15ffb4432d974da0c3293ab7e88418c31', class: "qds-text" }, h("slot", { key: '67af5a4d98368bfe9fa461fc70f4edde50d0a315', onSlotchange: __classPrivateFieldGet(this, _StandaloneLink_onSlotchange, "f") })), this.linkIcon && (h("span", { key: '18393dee44a347ed7412e353caad13e58f90080f', class: "qds-icon-crop", "data-size": __classPrivateFieldGet(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, h("qds-icon", { key: 'd701870e516ca437bdad771c70577a73c36990f3', "aria-hidden": "true", class: "qds-icon", library: "core", "data-size": __classPrivateFieldGet(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), name: this.linkIcon }))), this.importance === 'emphasized' && (h("span", { key: 'f0f49b2d8b2dd6d23e758677a8f9a86af6923837', class: "qds-icon-crop", "data-size": __classPrivateFieldGet(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, h("qds-icon", { key: '4dfeb4355b5ed78158439893a5e077b9cc665de9', class: "qds-icon", "aria-hidden": "true", "data-size": __classPrivateFieldGet(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: "core", name: "next" })))));
     }
-    static get delegatesFocus() { return true; }
     get host() { return this; }
     static get watchers() { return {
         "disabled": ["disabledChanged"],
@@ -108,7 +139,7 @@ const StandaloneLink = /*@__PURE__*/ proxyCustomElement(class StandaloneLink ext
         "target": ["hrefTargetChanged"]
     }; }
     static get style() { return standaloneLinkCss; }
-}, [273, "qds-standalone-link", {
+}, [257, "qds-standalone-link", {
         "disabled": [4],
         "iconName": [1, "icon-name"],
         "iconLibrary": [1, "icon-library"],
@@ -121,15 +152,14 @@ const StandaloneLink = /*@__PURE__*/ proxyCustomElement(class StandaloneLink ext
         "referrerPolicy": [1, "referrerpolicy"],
         "rel": [1],
         "target": [1],
-        "linkIcon": [32],
-        "tabIndex": [32]
-    }, [[0, "click", "onClick"]], {
+        "linkIcon": [32]
+    }, [[0, "click", "onClick"], [0, "keydown", "onKeydown"]], {
         "disabled": ["disabledChanged"],
         "tabindex": ["tabindexChanged"],
         "rel": ["hrefTargetChanged"],
         "target": ["hrefTargetChanged"]
     }]);
-_StandaloneLink_updateAriaLabelElements = new WeakMap(), _StandaloneLink_onBlur = new WeakMap(), _StandaloneLink_onFocus = new WeakMap(), _StandaloneLink_onSlotchange = new WeakMap(), _StandaloneLink_instances = new WeakSet(), _StandaloneLink_computedImportance_get = function _StandaloneLink_computedImportance_get() {
+_StandaloneLink_savedTabIndex = new WeakMap(), _StandaloneLink_link = new WeakMap(), _StandaloneLink_updateAriaLabelElements = new WeakMap(), _StandaloneLink_linkRef = new WeakMap(), _StandaloneLink_onBlur = new WeakMap(), _StandaloneLink_onFocus = new WeakMap(), _StandaloneLink_onSlotchange = new WeakMap(), _StandaloneLink_instances = new WeakSet(), _StandaloneLink_computedImportance_get = function _StandaloneLink_computedImportance_get() {
     switch (this.importance) {
         case 'subdued':
         case 'emphasized': {

package/components/qds-standalone-link.js.map

@@ -1 +1 @@
-{"file":"qds-standalone-link.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/standalone-link/standalone-link.css?tag=qds-standalone-link&encapsulation=shadow","src/components/standalone-link/standalone-link.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-icon-crop {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n}\n\n.qds-icon {\n  flex-shrink: 0;\n  transform: scaleX(var(--qds-direction-factor, 1));\n}\n\n.qds-standalone-link {\n  border-radius: var(--qds-focus-border-radius);\n  box-sizing: border-box;\n  display: inline-flex;\n  justify-content: center;\n  print-color-adjust: exact;\n  text-decoration: none;\n  width: 100%;\n\n  &: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  &:hover,\n  &:active {\n    text-decoration: underline;\n  }\n}\n\n.qds-text {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n}\n\n[data-importance='subdued'] {\n  color: var(--qds-theme-link-subdued-default);\n\n  &:visited.qds-visitable {\n    color: var(--qds-theme-link-visited-default);\n  }\n\n  &:hover {\n    color: var(--qds-theme-link-subdued-hover);\n  }\n\n  &:active {\n    color: var(--qds-theme-link-subdued-pressed);\n  }\n\n  &:visited:hover.qds-visitable {\n    color: var(--qds-theme-link-visited-hover);\n  }\n\n  &:visited:active.qds-visitable {\n    color: var(--qds-theme-link-visited-pressed);\n  }\n}\n\n[data-importance='standard'] {\n  color: var(--qds-theme-link-standard-default);\n\n  &:visited.qds-visitable {\n    color: var(--qds-theme-link-visited-default);\n  }\n\n  &:hover {\n    color: var(--qds-theme-link-standard-hover);\n  }\n\n  &:active {\n    color: var(--qds-theme-link-standard-pressed);\n  }\n\n  &:visited:hover.qds-visitable {\n    color: var(--qds-theme-link-visited-hover);\n  }\n\n  &:visited:active.qds-visitable {\n    color: var(--qds-theme-link-visited-pressed);\n  }\n}\n\n[data-importance='emphasized'] {\n  color: var(--qds-theme-link-emphasized-default);\n\n  &:visited.qds-visitable {\n    color: var(--qds-theme-link-visited-default);\n  }\n\n  &:hover {\n    color: var(--qds-theme-link-emphasized-hover);\n  }\n\n  &:active {\n    color: var(--qds-theme-link-emphasized-pressed);\n  }\n\n  &:visited:hover.qds-visitable {\n    color: var(--qds-theme-link-visited-hover);\n  }\n\n  &:visited:active.qds-visitable {\n    color: var(--qds-theme-link-visited-pressed);\n  }\n}\n\n.qds-disabled {\n  opacity: var(--qds-theme-disabled);\n  pointer-events: none;\n}\n\n[data-size='small'] {\n  &.qds-standalone-link {\n    font: var(--qds-control-small-link);\n    gap: var(--qds-control-small-gap-internal);\n    padding-block: var(--qds-control-small-padding-auto-height);\n    min-height: var(--qds-control-small-height);\n  }\n\n  &[data-importance='subdued'] {\n    font: var(--qds-control-small-text);\n  }\n\n  &.qds-icon-crop {\n    height: var(--qds-control-small-icon-crop-height);\n  }\n\n  &.qds-icon {\n    height: var(--qds-control-small-icon-size);\n    width: var(--qds-control-small-icon-size);\n  }\n}\n\n[data-size='standard'] {\n  &.qds-standalone-link {\n    font: var(--qds-control-standard-link);\n    gap: var(--qds-control-standard-gap-internal);\n    padding-block: var(--qds-control-standard-padding-auto-height);\n    min-height: var(--qds-control-standard-height);\n  }\n\n  &[data-importance='subdued'] {\n    font: var(--qds-control-standard-text);\n  }\n\n  &.qds-icon-crop {\n    height: var(--qds-control-standard-icon-crop-height);\n  }\n\n  &.qds-icon {\n    height: var(--qds-control-standard-icon-size);\n    width: var(--qds-control-standard-icon-size);\n  }\n}\n\n[data-size='large'] {\n  &.qds-standalone-link {\n    font: var(--qds-control-large-link);\n    gap: var(--qds-control-large-gap-internal);\n    padding-block: var(--qds-control-large-padding-auto-height);\n    min-height: var(--qds-control-large-height);\n  }\n\n  &[data-importance='subdued'] {\n    font: var(--qds-control-large-text);\n  }\n\n  &.qds-icon-crop {\n    height: var(--qds-control-large-icon-crop-height);\n  }\n\n  &.qds-icon {\n    height: var(--qds-control-large-icon-size);\n    width: var(--qds-control-large-icon-size);\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  Listen,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core'\nimport type { LiteralUnion } from 'type-fest'\n\nimport type { QdsFocusEventDetail } from '../../helpers'\nimport { determineLinkIcon, pickFocusEventAttributes } from '../../helpers'\nimport type { Importance, LinkIcon, Size, Target } from '../shared'\n\n/**\n * `<qds-standalone-link>` elements, with their `href` property, create a hyperlink\n * to web pages, files, email addresses, locations in the same page, or\n * anything else a URL can address.\n *\n * Content within each `<qds-standalone-link>` *should* indicate the standalone link's\n * destination. If the `href` property is present, pressing the enter key while\n * focused on the `<qds-standalone-link>` element will activate it.\n *\n * @slot Content to display for the standalone link.\n * @see https://quartz.se.com/build/components/standalone-link\n */\n@Component({\n  tag: 'qds-standalone-link',\n  shadow: { delegatesFocus: true },\n  styleUrl: 'standalone-link.css',\n})\nexport class StandaloneLink implements ComponentInterface {\n  /**\n   * Prevents the standalone link from being interacted with: it cannot be pressed\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 standalone link's importance.\n   */\n  @Prop() public readonly importance?: Importance = 'standard'\n\n  /**\n   * The standalone link's size.\n   */\n  @Prop() public readonly size?: Size = 'standard'\n\n  /**\n   * Defines if the standalone link will display the visited state.\n   */\n  @Prop() public readonly visitable: boolean = false\n\n  /**\n   * Causes the browser to treat the linked URL as a download. Can be used with\n   * or without a `filename` value:\n   *\n   * - Without a value, the browser will suggest a filename/extension,\n   * generated from various sources:\n   *\n   *   - The\n   *   [`Content-Disposition`](https://developer.mozilla.org/docs/Web/HTTP/Headers/Content-Disposition)\n   *   HTTP header\n   *   - The final segment in the URL\n   *   [path](https://developer.mozilla.org/docs/Web/API/URL/pathname)\n   *   - The\n   *   [media type](https://developer.mozilla.org/docs/Glossary/MIME_type)\n   *   (from the\n   *   [`Content-Type`](https://developer.mozilla.org/docs/Web/HTTP/Headers/Content-Type)\n   *   header, the start of a\n   *   [`data:` URL](https://developer.mozilla.org/docs/Web/HTTP/Basics_of_HTTP/Data_URLs),\n   *   or\n   *   [`Blob.type`](https://developer.mozilla.org/docs/Web/API/Blob/type)\n   *   for a\n   *   [`blob:` URL](https://developer.mozilla.org/docs/Web/API/URL/createObjectURL))\n   * - `filename`: defining a value suggests it as the filename. `/` and `\\`\n   * characters are converted to underscores (`_`). Filesystems may forbid\n   * other characters in filenames, so browsers will adjust the suggested name\n   * if necessary.\n   *\n   * @webnative\n   */\n  @Prop() public readonly download?: boolean | string\n\n  /**\n   * The URL that the standalone link points to. Standalone links are not restricted to\n   * HTTP-based URLs — they can use any URL scheme supported by browsers:\n   *\n   * - Sections of a page with document fragments\n   * - Specific text portions with\n   * [text fragments](https://developer.mozilla.org/docs/Web/Text_fragments)\n   * - Pieces of media files with media fragments\n   * - Telephone numbers with `tel:` URLs\n   * - Email addresses with `mailto:` URLs\n   * - While web browsers may not support other URL schemes, websites can with\n   * [`registerProtocolHandler()`](https://developer.mozilla.org/docs/Web/API/Navigator/registerProtocolHandler)\n   *\n   * @webnative\n   */\n  @Prop() public readonly href?: URL | string\n\n  /**\n   * Hints at the human language of the linked URL. No built-in functionality.\n   * Allowed values are the same as\n   * [the global `lang` attribute](https://developer.mozilla.org/docs/Web/HTML/Global_attributes/lang).\n   *\n   * @webnative\n   */\n  @Prop() public readonly hreflang?: string\n\n  /**\n   * How much of the\n   * [referrer](https://developer.mozilla.org/docs/Web/HTTP/Headers/Referer)\n   * to send when following the standalone link.\n   *\n   * - `no-referrer`: The\n   * [`Referer`](https://developer.mozilla.org/docs/Web/HTTP/Headers/Referer)\n   * header will not be sent.\n   * - `no-referrer-when-downgrade`: The\n   * [`Referer`](https://developer.mozilla.org/docs/Web/HTTP/Headers/Referer)\n   * header will not be sent to\n   * [origin](https://developer.mozilla.org/docs/Glossary/Origin)s\n   * without [TLS](https://developer.mozilla.org/docs/Glossary/TLS)\n   * ([HTTPS](https://developer.mozilla.org/docs/Glossary/HTTPS)).\n   * - `origin`: The sent referrer will be limited to the origin of the\n   * referring page: its\n   * [scheme](https://developer.mozilla.org/docs/Learn/Common_questions/What_is_a_URL),\n   * [host](https://developer.mozilla.org/docs/Glossary/Host), and\n   * [port](https://developer.mozilla.org/docs/Glossary/Port).\n   * - `origin-when-cross-origin`: The referrer sent to other origins will be\n   * limited to the scheme, the host, and the port. Navigations on the same\n   * origin will still include the path.\n   * - `same-origin`: A referrer will be sent for\n   * [same origin](https://developer.mozilla.org/docs/Glossary/Same-origin_policy),\n   * but cross-origin requests will contain no referrer information.\n   * - `strict-origin`: Only send the origin of the document as the referrer\n   * when the protocol security level stays the same (HTTPS→HTTPS), but don't\n   * send it to a less secure destination (HTTPS→HTTP).\n   * - `strict-origin-when-cross-origin` (default): Send a full URL when\n   * performing a same-origin request, only send the origin when the protocol\n   * security level stays the same (HTTPS→HTTPS), and send no header to a less\n   * secure destination (HTTPS→HTTP).\n   * - `unsafe-url`: The referrer will include the origin and the path (but not the\n   * [fragment](https://developer.mozilla.org/docs/Web/API/HTMLAnchorElement/hash),\n   * [password](https://developer.mozilla.org/docs/Web/API/HTMLAnchorElement/password),\n   * or [username](https://developer.mozilla.org/docs/Web/API/HTMLAnchorElement/username)).\n   * **This value is unsafe** because it leaks origins and paths from\n   * TLS-protected resources to insecure origins.\n   *\n   * @webnative\n   */\n  @Prop({ attribute: 'referrerpolicy' })\n  public readonly referrerPolicy?: ReferrerPolicy\n\n  /**\n   * The relationship of the linked URL as space-separated\n   * [link types](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel).\n   *\n   * The following list includes some of the most important existing keywords.\n   * Every keyword within a space-separated value should be unique within that\n   * value.\n   *\n   * - [`alternate`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-alternate):\n   * Alternate representations of the current document.\n   * - [`author`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-author):\n   * Author of the current document or article.\n   * - [`bookmark`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-bookmark):\n   * Permalink for the nearest ancestor section.\n   * - [`external`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-external):\n   * The referenced document is not part of the same site as the current\n   * document. An icon will be rendered next to the text if this value is\n   * specified.\n   * - [`help`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-help):\n   * Link to context-sensitive help.\n   * - [`license`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-license):\n   * Indicates that the main content of the current document is covered by the\n   * copyright license described by the referenced document.\n   * - [`me`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel/me):\n   * Indicates that the current document represents the person who owns the\n   * linked content.\n   * - [`next`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-next):\n   * Indicates that the current document is a part of a series and that the\n   * next document in the series is the referenced document.\n   * - [`nofollow`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-nofollow):\n   * Indicates that the current document's original author or publisher does\n   * not endorse the referenced document.\n   * - [`noopener`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel/noopener):\n   * Creates a top-level browsing context that is not an auxiliary browsing\n   * context if the hyperlink would create either of those, to begin with (i.e.,\n   * has an appropriate `target` attribute value).\n   * - [`noreferrer`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-noreferrer):\n   * No `Referer` header will be included. Additionally, has the same effect as\n   * `noopener`.\n   * - [`opener`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-opener):\n   * Creates an auxiliary browsing context if the hyperlink would otherwise\n   * create a top-level browsing context that is not an auxiliary browsing\n   * context (i.e., has \"`_blank`\" as `target` attribute value).\n   * - [`prev`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-prev):\n   * Indicates that the current document is a part of a series and that the\n   * previous document in the series is the referenced document.\n   * - [`search`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-search):\n   * Gives a link to a resource that can be used to search through the current\n   * document and its related pages.\n   * - [`tag`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-tag):\n   * Gives a tag (identified by the given address) that applies to the current\n   * document.\n   *\n   * @webnative\n   */\n  @Prop() public readonly rel?: string\n\n  /**\n   * Where to display the linked URL, as the name for a browsing context (a\n   * tab, window, or\n   * [`<iframe>`](https://developer.mozilla.org/docs/Web/HTML/Element/iframe).\n   * The following keywords have special meanings for where to load the URL:\n   *\n   * - `_blank`: usually a new tab, but users can configure browsers to open a new\n   *   window instead.\n   * - `_parent`: the parent browsing context of the current one. If no parent,\n   *   behaves as `_self`.\n   * - `_self`: the current browsing context.\n   * - `_top`: the topmost browsing context (the \"highest\" context that's an\n   *   ancestor of the current one). If no ancestors, behaves as `_self`.\n   *\n   * @webnative\n   */\n  @Prop() public readonly target?: LiteralUnion<Target, string>\n\n  /**\n   * Emitted when the standalone link loses focus.\n   */\n  @Event({ eventName: 'qdsBlur', bubbles: false, cancelable: false })\n  private readonly blurEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  /**\n   * Emitted when the standalone link gains focus.\n   */\n  @Event({ eventName: 'qdsFocus', bubbles: false, cancelable: false })\n  private readonly focusEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  @Element() private readonly host!: HTMLElement\n\n  @State() private linkIcon?: LinkIcon\n\n  @State() private tabIndex?: number\n\n  @AttachInternals() private readonly internals!: ElementInternals\n\n  get #computedImportance(): Importance {\n    switch (this.importance) {\n      case 'subdued':\n      case 'emphasized': {\n        return this.importance\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  get #computedSize(): Size | undefined {\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 #openInNewTab(): boolean {\n    return this.target === '_blank'\n  }\n\n  @Listen('click')\n  protected onClick(event: MouseEvent): void {\n    if (this.disabled) event.stopImmediatePropagation()\n  }\n\n  @Watch('disabled')\n  protected disabledChanged(): void {\n    this.internals.ariaDisabled = this.disabled.toString()\n  }\n\n  @Watch('tabindex')\n  protected tabindexChanged(newValue: string): void {\n    const parsedValue = Number.parseInt(newValue, 10)\n    // FIXME: `undefined` instead of `0` causes `qdsFocus/qdsBlur` E2E tests\n    // to fail, but it's not clear why this is the case since it works for\n    // other components.\n    this.tabIndex = Number.isNaN(parsedValue) ? 0 : parsedValue\n  }\n\n  @Watch('rel')\n  @Watch('target')\n  protected hrefTargetChanged(): void {\n    this.linkIcon = determineLinkIcon(this.target, this.rel)\n    this.#updateAriaLabelElements()\n  }\n\n  public componentWillLoad(): void {\n    this.internals.role = 'link'\n\n    this.disabledChanged()\n    this.hrefTargetChanged()\n    this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0')\n  }\n\n  public componentDidLoad(): void {\n    this.#updateAriaLabelElements()\n  }\n\n  public render() {\n    return (\n      <a\n        aria-hidden=\"true\"\n        class={{\n          'qds-standalone-link': true,\n          'qds-disabled': this.disabled,\n          'qds-visitable': this.visitable,\n        }}\n        data-importance={this.#computedImportance}\n        data-size={this.#computedSize}\n        download={this.download}\n        href={this.href?.toString()}\n        hrefLang={this.hreflang}\n        onBlur={this.#onBlur}\n        onFocus={this.#onFocus}\n        referrerPolicy={this.referrerPolicy}\n        rel={this.rel}\n        tabIndex={this.disabled ? -1 : this.tabIndex}\n        target={this.target}\n      >\n        {this.iconName !== undefined && this.iconName !== '' && (\n          <span class=\"qds-icon-crop\" data-size={this.#computedSize}>\n            <qds-icon\n              aria-hidden=\"true\"\n              class=\"qds-icon\"\n              data-size={this.#computedSize}\n              library={this.iconLibrary}\n              name={this.iconName}\n            />\n          </span>\n        )}\n        <span class=\"qds-text\">\n          <slot onSlotchange={this.#onSlotchange} />\n        </span>\n        {this.linkIcon && (\n          <span class=\"qds-icon-crop\" data-size={this.#computedSize}>\n            <qds-icon\n              aria-hidden=\"true\"\n              class=\"qds-icon\"\n              library=\"core\"\n              data-size={this.#computedSize}\n              name={this.linkIcon}\n            />\n          </span>\n        )}\n        {this.importance === 'emphasized' && (\n          <span class=\"qds-icon-crop\" data-size={this.#computedSize}>\n            <qds-icon\n              class=\"qds-icon\"\n              aria-hidden=\"true\"\n              data-size={this.#computedSize}\n              library=\"core\"\n              name=\"next\"\n            />\n          </span>\n        )}\n      </a>\n    )\n  }\n\n  readonly #updateAriaLabelElements = (): void => {\n    this.internals.ariaLabel = `${this.host.textContent} ${\n      this.#openInNewTab ? 'Opens in a new tab' : ''\n    }`.trim()\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 #onSlotchange = (): void => {\n    this.#updateAriaLabelElements()\n  }\n}\n"],"version":3}
+{"file":"qds-standalone-link.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/standalone-link/standalone-link.css?tag=qds-standalone-link&encapsulation=shadow","src/components/standalone-link/standalone-link.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  border-radius: var(--qds-focus-border-radius);\n}\n\n:host(: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.qds-icon-crop {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n}\n\n.qds-icon {\n  flex-shrink: 0;\n  transform: scaleX(var(--qds-direction-factor, 1));\n}\n\n.qds-standalone-link {\n  box-sizing: border-box;\n  display: inline-flex;\n  justify-content: center;\n  print-color-adjust: exact;\n  text-decoration: none;\n  width: 100%;\n\n  &:hover,\n  &:active {\n    text-decoration: underline;\n  }\n}\n\n.qds-text {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n}\n\n[data-importance='subdued'] {\n  color: var(--qds-theme-link-subdued-default);\n\n  &:visited.qds-visitable {\n    color: var(--qds-theme-link-visited-default);\n  }\n\n  &:hover {\n    color: var(--qds-theme-link-subdued-hover);\n  }\n\n  &:active {\n    color: var(--qds-theme-link-subdued-pressed);\n  }\n\n  &:visited:hover.qds-visitable {\n    color: var(--qds-theme-link-visited-hover);\n  }\n\n  &:visited:active.qds-visitable {\n    color: var(--qds-theme-link-visited-pressed);\n  }\n}\n\n[data-importance='standard'] {\n  color: var(--qds-theme-link-standard-default);\n\n  &:visited.qds-visitable {\n    color: var(--qds-theme-link-visited-default);\n  }\n\n  &:hover {\n    color: var(--qds-theme-link-standard-hover);\n  }\n\n  &:active {\n    color: var(--qds-theme-link-standard-pressed);\n  }\n\n  &:visited:hover.qds-visitable {\n    color: var(--qds-theme-link-visited-hover);\n  }\n\n  &:visited:active.qds-visitable {\n    color: var(--qds-theme-link-visited-pressed);\n  }\n}\n\n[data-importance='emphasized'] {\n  color: var(--qds-theme-link-emphasized-default);\n\n  &:visited.qds-visitable {\n    color: var(--qds-theme-link-visited-default);\n  }\n\n  &:hover {\n    color: var(--qds-theme-link-emphasized-hover);\n  }\n\n  &:active {\n    color: var(--qds-theme-link-emphasized-pressed);\n  }\n\n  &:visited:hover.qds-visitable {\n    color: var(--qds-theme-link-visited-hover);\n  }\n\n  &:visited:active.qds-visitable {\n    color: var(--qds-theme-link-visited-pressed);\n  }\n}\n\n.qds-disabled {\n  opacity: var(--qds-theme-disabled);\n  pointer-events: none;\n}\n\n[data-size='small'] {\n  &.qds-standalone-link {\n    font: var(--qds-control-small-link);\n    gap: var(--qds-control-small-gap-internal);\n    padding-block: var(--qds-control-small-padding-auto-height);\n    min-height: var(--qds-control-small-height);\n  }\n\n  &[data-importance='subdued'] {\n    font: var(--qds-control-small-text);\n  }\n\n  &.qds-icon-crop {\n    height: var(--qds-control-small-icon-crop-height);\n  }\n\n  &.qds-icon {\n    height: var(--qds-control-small-icon-size);\n    width: var(--qds-control-small-icon-size);\n  }\n}\n\n[data-size='standard'] {\n  &.qds-standalone-link {\n    font: var(--qds-control-standard-link);\n    gap: var(--qds-control-standard-gap-internal);\n    padding-block: var(--qds-control-standard-padding-auto-height);\n    min-height: var(--qds-control-standard-height);\n  }\n\n  &[data-importance='subdued'] {\n    font: var(--qds-control-standard-text);\n  }\n\n  &.qds-icon-crop {\n    height: var(--qds-control-standard-icon-crop-height);\n  }\n\n  &.qds-icon {\n    height: var(--qds-control-standard-icon-size);\n    width: var(--qds-control-standard-icon-size);\n  }\n}\n\n[data-size='large'] {\n  &.qds-standalone-link {\n    font: var(--qds-control-large-link);\n    gap: var(--qds-control-large-gap-internal);\n    padding-block: var(--qds-control-large-padding-auto-height);\n    min-height: var(--qds-control-large-height);\n  }\n\n  &[data-importance='subdued'] {\n    font: var(--qds-control-large-text);\n  }\n\n  &.qds-icon-crop {\n    height: var(--qds-control-large-icon-crop-height);\n  }\n\n  &.qds-icon {\n    height: var(--qds-control-large-icon-size);\n    width: var(--qds-control-large-icon-size);\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  Listen,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core'\nimport type { LiteralUnion } from 'type-fest'\n\nimport type { QdsFocusEventDetail } from '../../helpers'\nimport {\n  determineLinkIcon,\n  invariant,\n  pickFocusEventAttributes,\n} from '../../helpers'\nimport type { Importance, LinkIcon, Size, Target } from '../shared'\n\n/**\n * `<qds-standalone-link>` elements, with their `href` property, create a hyperlink\n * to web pages, files, email addresses, locations in the same page, or\n * anything else a URL can address.\n *\n * Content within each `<qds-standalone-link>` *should* indicate the standalone link's\n * destination. If the `href` property is present, pressing the enter key while\n * focused on the `<qds-standalone-link>` element will activate it.\n *\n * @slot Content to display for the standalone link.\n * @see https://quartz.se.com/build/components/standalone-link\n */\n@Component({\n  tag: 'qds-standalone-link',\n  shadow: true,\n  styleUrl: 'standalone-link.css',\n})\nexport class StandaloneLink implements ComponentInterface {\n  /**\n   * Prevents the standalone link from being interacted with: it cannot be pressed\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 standalone link's importance.\n   */\n  @Prop() public readonly importance?: Importance = 'standard'\n\n  /**\n   * The standalone link's size.\n   */\n  @Prop() public readonly size?: Size = 'standard'\n\n  /**\n   * Defines if the standalone link will display the visited state.\n   */\n  @Prop() public readonly visitable: boolean = false\n\n  /**\n   * Causes the browser to treat the linked URL as a download. Can be used with\n   * or without a `filename` value:\n   *\n   * - Without a value, the browser will suggest a filename/extension,\n   * generated from various sources:\n   *\n   *   - The\n   *   [`Content-Disposition`](https://developer.mozilla.org/docs/Web/HTTP/Headers/Content-Disposition)\n   *   HTTP header\n   *   - The final segment in the URL\n   *   [path](https://developer.mozilla.org/docs/Web/API/URL/pathname)\n   *   - The\n   *   [media type](https://developer.mozilla.org/docs/Glossary/MIME_type)\n   *   (from the\n   *   [`Content-Type`](https://developer.mozilla.org/docs/Web/HTTP/Headers/Content-Type)\n   *   header, the start of a\n   *   [`data:` URL](https://developer.mozilla.org/docs/Web/HTTP/Basics_of_HTTP/Data_URLs),\n   *   or\n   *   [`Blob.type`](https://developer.mozilla.org/docs/Web/API/Blob/type)\n   *   for a\n   *   [`blob:` URL](https://developer.mozilla.org/docs/Web/API/URL/createObjectURL))\n   * - `filename`: defining a value suggests it as the filename. `/` and `\\`\n   * characters are converted to underscores (`_`). Filesystems may forbid\n   * other characters in filenames, so browsers will adjust the suggested name\n   * if necessary.\n   *\n   * @webnative\n   */\n  @Prop() public readonly download?: boolean | string\n\n  /**\n   * The URL that the standalone link points to. Standalone links are not restricted to\n   * HTTP-based URLs — they can use any URL scheme supported by browsers:\n   *\n   * - Sections of a page with document fragments\n   * - Specific text portions with\n   * [text fragments](https://developer.mozilla.org/docs/Web/Text_fragments)\n   * - Pieces of media files with media fragments\n   * - Telephone numbers with `tel:` URLs\n   * - Email addresses with `mailto:` URLs\n   * - While web browsers may not support other URL schemes, websites can with\n   * [`registerProtocolHandler()`](https://developer.mozilla.org/docs/Web/API/Navigator/registerProtocolHandler)\n   *\n   * @webnative\n   */\n  @Prop() public readonly href?: URL | string\n\n  /**\n   * Hints at the human language of the linked URL. No built-in functionality.\n   * Allowed values are the same as\n   * [the global `lang` attribute](https://developer.mozilla.org/docs/Web/HTML/Global_attributes/lang).\n   *\n   * @webnative\n   */\n  @Prop() public readonly hreflang?: string\n\n  /**\n   * How much of the\n   * [referrer](https://developer.mozilla.org/docs/Web/HTTP/Headers/Referer)\n   * to send when following the standalone link.\n   *\n   * - `no-referrer`: The\n   * [`Referer`](https://developer.mozilla.org/docs/Web/HTTP/Headers/Referer)\n   * header will not be sent.\n   * - `no-referrer-when-downgrade`: The\n   * [`Referer`](https://developer.mozilla.org/docs/Web/HTTP/Headers/Referer)\n   * header will not be sent to\n   * [origin](https://developer.mozilla.org/docs/Glossary/Origin)s\n   * without [TLS](https://developer.mozilla.org/docs/Glossary/TLS)\n   * ([HTTPS](https://developer.mozilla.org/docs/Glossary/HTTPS)).\n   * - `origin`: The sent referrer will be limited to the origin of the\n   * referring page: its\n   * [scheme](https://developer.mozilla.org/docs/Learn/Common_questions/What_is_a_URL),\n   * [host](https://developer.mozilla.org/docs/Glossary/Host), and\n   * [port](https://developer.mozilla.org/docs/Glossary/Port).\n   * - `origin-when-cross-origin`: The referrer sent to other origins will be\n   * limited to the scheme, the host, and the port. Navigations on the same\n   * origin will still include the path.\n   * - `same-origin`: A referrer will be sent for\n   * [same origin](https://developer.mozilla.org/docs/Glossary/Same-origin_policy),\n   * but cross-origin requests will contain no referrer information.\n   * - `strict-origin`: Only send the origin of the document as the referrer\n   * when the protocol security level stays the same (HTTPS→HTTPS), but don't\n   * send it to a less secure destination (HTTPS→HTTP).\n   * - `strict-origin-when-cross-origin` (default): Send a full URL when\n   * performing a same-origin request, only send the origin when the protocol\n   * security level stays the same (HTTPS→HTTPS), and send no header to a less\n   * secure destination (HTTPS→HTTP).\n   * - `unsafe-url`: The referrer will include the origin and the path (but not the\n   * [fragment](https://developer.mozilla.org/docs/Web/API/HTMLAnchorElement/hash),\n   * [password](https://developer.mozilla.org/docs/Web/API/HTMLAnchorElement/password),\n   * or [username](https://developer.mozilla.org/docs/Web/API/HTMLAnchorElement/username)).\n   * **This value is unsafe** because it leaks origins and paths from\n   * TLS-protected resources to insecure origins.\n   *\n   * @webnative\n   */\n  @Prop({ attribute: 'referrerpolicy' })\n  public readonly referrerPolicy?: ReferrerPolicy\n\n  /**\n   * The relationship of the linked URL as space-separated\n   * [link types](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel).\n   *\n   * The following list includes some of the most important existing keywords.\n   * Every keyword within a space-separated value should be unique within that\n   * value.\n   *\n   * - [`alternate`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-alternate):\n   * Alternate representations of the current document.\n   * - [`author`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-author):\n   * Author of the current document or article.\n   * - [`bookmark`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-bookmark):\n   * Permalink for the nearest ancestor section.\n   * - [`external`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-external):\n   * The referenced document is not part of the same site as the current\n   * document. An icon will be rendered next to the text if this value is\n   * specified.\n   * - [`help`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-help):\n   * Link to context-sensitive help.\n   * - [`license`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-license):\n   * Indicates that the main content of the current document is covered by the\n   * copyright license described by the referenced document.\n   * - [`me`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel/me):\n   * Indicates that the current document represents the person who owns the\n   * linked content.\n   * - [`next`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-next):\n   * Indicates that the current document is a part of a series and that the\n   * next document in the series is the referenced document.\n   * - [`nofollow`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-nofollow):\n   * Indicates that the current document's original author or publisher does\n   * not endorse the referenced document.\n   * - [`noopener`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel/noopener):\n   * Creates a top-level browsing context that is not an auxiliary browsing\n   * context if the hyperlink would create either of those, to begin with (i.e.,\n   * has an appropriate `target` attribute value).\n   * - [`noreferrer`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-noreferrer):\n   * No `Referer` header will be included. Additionally, has the same effect as\n   * `noopener`.\n   * - [`opener`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-opener):\n   * Creates an auxiliary browsing context if the hyperlink would otherwise\n   * create a top-level browsing context that is not an auxiliary browsing\n   * context (i.e., has \"`_blank`\" as `target` attribute value).\n   * - [`prev`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-prev):\n   * Indicates that the current document is a part of a series and that the\n   * previous document in the series is the referenced document.\n   * - [`search`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-search):\n   * Gives a link to a resource that can be used to search through the current\n   * document and its related pages.\n   * - [`tag`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-tag):\n   * Gives a tag (identified by the given address) that applies to the current\n   * document.\n   *\n   * @webnative\n   */\n  @Prop() public readonly rel?: string\n\n  /**\n   * Where to display the linked URL, as the name for a browsing context (a\n   * tab, window, or\n   * [`<iframe>`](https://developer.mozilla.org/docs/Web/HTML/Element/iframe).\n   * The following keywords have special meanings for where to load the URL:\n   *\n   * - `_blank`: usually a new tab, but users can configure browsers to open a new\n   *   window instead.\n   * - `_parent`: the parent browsing context of the current one. If no parent,\n   *   behaves as `_self`.\n   * - `_self`: the current browsing context.\n   * - `_top`: the topmost browsing context (the \"highest\" context that's an\n   *   ancestor of the current one). If no ancestors, behaves as `_self`.\n   *\n   * @webnative\n   */\n  @Prop() public readonly target?: LiteralUnion<Target, string>\n\n  /**\n   * Emitted when the standalone link loses focus.\n   */\n  @Event({ eventName: 'qdsBlur', bubbles: false, cancelable: false })\n  private readonly blurEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  /**\n   * Emitted when the standalone link gains focus.\n   */\n  @Event({ eventName: 'qdsFocus', bubbles: false, cancelable: false })\n  private readonly focusEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  @Element() private readonly host!: HTMLElement\n\n  @State() private linkIcon?: LinkIcon\n\n  @AttachInternals() private readonly internals!: ElementInternals\n\n  #savedTabIndex = 0\n\n  #link?: HTMLAnchorElement\n\n  get #computedImportance(): Importance {\n    switch (this.importance) {\n      case 'subdued':\n      case 'emphasized': {\n        return this.importance\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  get #computedSize(): Size | undefined {\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 #openInNewTab(): boolean {\n    return this.target === '_blank'\n  }\n\n  @Listen('click')\n  protected onClick(event: MouseEvent): void {\n    invariant(this.#link)\n    if (this.disabled) event.stopImmediatePropagation()\n    else this.#link.click()\n  }\n\n  @Listen('keydown')\n  protected onKeydown(event: KeyboardEvent): void {\n    invariant(this.#link)\n    if (this.disabled) return\n    if (event.key === 'Enter') this.#link.click()\n  }\n\n  @Watch('disabled')\n  protected disabledChanged(): void {\n    this.internals.ariaDisabled = this.disabled.toString()\n    if (this.disabled) this.host.removeAttribute('tabindex')\n    else this.host.tabIndex = this.#savedTabIndex\n  }\n\n  @Watch('tabindex')\n  protected tabindexChanged(newValue: string): void {\n    const parsedValue = Number.parseInt(newValue, 10)\n    // FIXME: `undefined` instead of `0` causes `qdsFocus/qdsBlur` E2E tests\n    // to fail, but it's not clear why this is the case since it works for\n    // other components.\n    this.#savedTabIndex = Number.isNaN(parsedValue) ? 0 : parsedValue\n    if (this.disabled) this.host.removeAttribute('tabindex')\n    else this.host.tabIndex = this.#savedTabIndex\n  }\n\n  @Watch('rel')\n  @Watch('target')\n  protected hrefTargetChanged(): void {\n    this.linkIcon = determineLinkIcon(this.target, this.rel)\n    this.#updateAriaLabelElements()\n  }\n\n  public componentWillLoad(): void {\n    this.internals.role = 'link'\n    this.disabledChanged()\n    this.hrefTargetChanged()\n    this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0')\n  }\n\n  public componentDidLoad(): void {\n    this.#updateAriaLabelElements()\n  }\n\n  public render() {\n    return (\n      <a\n        aria-hidden=\"true\"\n        class={{\n          'qds-standalone-link': true,\n          'qds-disabled': this.disabled,\n          'qds-visitable': this.visitable,\n        }}\n        data-importance={this.#computedImportance}\n        data-size={this.#computedSize}\n        download={this.download}\n        href={this.href?.toString()}\n        hrefLang={this.hreflang}\n        onBlur={this.#onBlur}\n        onFocus={this.#onFocus}\n        referrerPolicy={this.referrerPolicy}\n        rel={this.rel}\n        tabIndex={-1}\n        target={this.target}\n        ref={this.#linkRef}\n      >\n        {this.iconName !== undefined && this.iconName !== '' && (\n          <span class=\"qds-icon-crop\" data-size={this.#computedSize}>\n            <qds-icon\n              aria-hidden=\"true\"\n              class=\"qds-icon\"\n              data-size={this.#computedSize}\n              library={this.iconLibrary}\n              name={this.iconName}\n            />\n          </span>\n        )}\n        <span class=\"qds-text\">\n          <slot onSlotchange={this.#onSlotchange} />\n        </span>\n        {this.linkIcon && (\n          <span class=\"qds-icon-crop\" data-size={this.#computedSize}>\n            <qds-icon\n              aria-hidden=\"true\"\n              class=\"qds-icon\"\n              library=\"core\"\n              data-size={this.#computedSize}\n              name={this.linkIcon}\n            />\n          </span>\n        )}\n        {this.importance === 'emphasized' && (\n          <span class=\"qds-icon-crop\" data-size={this.#computedSize}>\n            <qds-icon\n              class=\"qds-icon\"\n              aria-hidden=\"true\"\n              data-size={this.#computedSize}\n              library=\"core\"\n              name=\"next\"\n            />\n          </span>\n        )}\n      </a>\n    )\n  }\n\n  readonly #updateAriaLabelElements = (): void => {\n    this.internals.ariaLabel = `${this.host.textContent} ${\n      this.#openInNewTab ? 'Opens in a new tab' : ''\n    }`.trim()\n  }\n\n  readonly #linkRef = (link?: HTMLAnchorElement): void => {\n    this.#link = link\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 #onSlotchange = (): void => {\n    this.#updateAriaLabelElements()\n  }\n}\n"],"version":3}

package/components/qds-switch.js

@@ -4,9 +4,9 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-BEWDu8_P.js';
-import { p as pickFocusEventAttributes } from './p-CzJQDr3N.js';
+import { p as pickFocusEventAttributes } from './p-Bs-thw7N.js';
 import { V as VALID_STATE, C as CUSTOM_ERROR_FLAGS, N as NO_ERROR_FLAGS } from './p-DQLjJn7-.js';
-import { d as defineCustomElement$2 } from './p-9fm05BrQ.js';
+import { d as defineCustomElement$2 } from './p-D6kEwmWw.js';
 
 const switchCss = ":host([hidden]){display:none!important}:host{display:inline-block;outline:none}.qds-knob,.qds-track{-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-track{align-items:center;background-color:var(--qds-theme-control-toggle-track-default);box-sizing:border-box;display:flex;flex-shrink:0;padding-inline:var(--qds-control-toggle-track-padding)}.qds-track:hover{background-color:var(--qds-theme-control-toggle-track-hover)}.qds-track:active{background-color:var(--qds-theme-control-toggle-track-pressed)}.qds-knob{background-color:var(--qds-theme-control-input-background);box-sizing:border-box;margin:0}.qds-indicator{align-items:center;color:var(--qds-theme-control-input-background);display:flex;flex-grow:1;justify-content:center}.qds-container{box-sizing:border-box;cursor:pointer;display:flex}.qds-switch{clip-path:inset(50%);height:1px;margin:0;position:absolute;white-space:nowrap;width:1px}.qds-switch:checked~.qds-track{background-color:var(--qds-theme-signature-color-default);justify-content:flex-end}.qds-switch:checked~.qds-track:hover{background-color:var(--qds-theme-signature-color-hover)}.qds-switch:checked~.qds-track:active{background-color:var(--qds-theme-signature-color-pressed)}:host(:focus-visible) .qds-switch~.qds-track{outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset)}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-container[data-size=small]{min-height:var(--qds-control-toggle-small-track-height)}.qds-inline[data-size=small]{margin-block:var(--qds-control-small-padding-auto-height);min-height:var(--qds-control-small-height)}.qds-track[data-size=small]{border-radius:var(--qds-control-toggle-small-track-border-radius);height:var(--qds-control-toggle-small-track-height);width:var(--qds-control-toggle-small-track-width)}.qds-knob[data-size=small]{border-radius:var(--qds-control-toggle-small-knob-border-radius);height:var(--qds-control-toggle-small-knob-height);width:var(--qds-control-toggle-small-knob-width)}.qds-indicator[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-container[data-size=standard]{min-height:var(--qds-control-toggle-standard-track-height)}.qds-inline[data-size=standard]{margin-block:var(--qds-control-standard-padding-auto-height);min-height:var(--qds-control-standard-height)}.qds-track[data-size=standard]{border-radius:var(--qds-control-toggle-standard-track-border-radius);height:var(--qds-control-toggle-standard-track-height);width:var(--qds-control-toggle-standard-track-width)}.qds-knob[data-size=standard]{border-radius:var(--qds-control-toggle-standard-knob-border-radius);height:var(--qds-control-toggle-standard-knob-height);width:var(--qds-control-toggle-standard-knob-width)}.qds-indicator[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-container[data-size=large]{min-height:var(--qds-control-toggle-large-track-height)}.qds-inline[data-size=large]{margin-block:var(--qds-control-large-padding-auto-height);min-height:var(--qds-control-large-height)}.qds-track[data-size=large]{border-radius:var(--qds-control-toggle-large-track-border-radius);height:var(--qds-control-toggle-large-track-height);width:var(--qds-control-toggle-large-track-width)}.qds-knob[data-size=large]{border-radius:var(--qds-control-toggle-large-knob-border-radius);height:var(--qds-control-toggle-large-knob-height);width:var(--qds-control-toggle-large-knob-width)}.qds-indicator[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}";
 
@@ -180,13 +180,13 @@ const Switch = /*@__PURE__*/ proxyCustomElement(class Switch extends H {
         this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
     }
     render() {
-        return (h("div", { key: '8b639b7734ef7f2677610f935b5eeef1bd4470e2', class: {
+        return (h("div", { key: 'b156b2f7e345943e167b1b09e70ac1b03269ca4a', class: {
                 'qds-container': true,
                 'qds-disabled': __classPrivateFieldGet(this, _Switch_instances, "a", _Switch_computedDisabled_get),
                 'qds-inline': this.inline,
-            }, "data-size": __classPrivateFieldGet(this, _Switch_instances, "a", _Switch_computedSize_get), "aria-hidden": "true" }, h("input", { key: 'f9b3cbc0d3786b9e97e6104d645be8d2014e724a', "aria-hidden": "true",
+            }, "data-size": __classPrivateFieldGet(this, _Switch_instances, "a", _Switch_computedSize_get), "aria-hidden": "true" }, h("input", { key: 'f75d1fe33287e75ab58685cee7aff596a9597bfa', "aria-hidden": "true",
             // eslint-disable-next-line jsx-a11y/no-autofocus
-            autoFocus: this.host.autofocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, type: "checkbox", value: this.value ?? undefined, tabIndex: -1 }), h("div", { key: 'a57840c859d1d668dc209ea1d1546ec8e11fb8ad', class: "qds-track", "data-size": __classPrivateFieldGet(this, _Switch_instances, "a", _Switch_computedSize_get) }, !this.noIndicator && __classPrivateFieldGet(this, _Switch_instances, "a", _Switch_computedChecked_get) && (h("div", { key: 'c62a440c3db325180d6d834e476c04050b3cdd82', class: "qds-indicator", "data-size": __classPrivateFieldGet(this, _Switch_instances, "a", _Switch_computedSize_get) }, h("qds-icon", { key: '7eb82f579d3ad1e223364d37cca6b390b48876a6', class: "qds-icon", name: "toggle-on", library: "core" }))), h("div", { key: '20d36ca782cbad1baaf16def41872f84b7d1c674', class: "qds-knob", "data-size": __classPrivateFieldGet(this, _Switch_instances, "a", _Switch_computedSize_get) }), !this.noIndicator && !__classPrivateFieldGet(this, _Switch_instances, "a", _Switch_computedChecked_get) && (h("div", { key: '40299fcaa7b07715c810a046442324fa523e5052', class: "qds-indicator", "data-size": __classPrivateFieldGet(this, _Switch_instances, "a", _Switch_computedSize_get) }, h("qds-icon", { key: '03f2ac280d758cbf29707472af4ddf621865aeb2', class: "qds-icon", name: "toggle-off", library: "core" }))))));
+            autoFocus: this.host.autofocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, type: "checkbox", value: this.value ?? undefined, tabIndex: -1 }), h("div", { key: 'a7bfc9741173779aabe30c699c8d9530f065ae4b', class: "qds-track", "data-size": __classPrivateFieldGet(this, _Switch_instances, "a", _Switch_computedSize_get) }, !this.noIndicator && __classPrivateFieldGet(this, _Switch_instances, "a", _Switch_computedChecked_get) && (h("div", { key: '507bb4692846f245467b9aea7e318f83924dbf84', class: "qds-indicator", "data-size": __classPrivateFieldGet(this, _Switch_instances, "a", _Switch_computedSize_get) }, h("qds-icon", { key: '387dc8e7f98ed37a9c7325187b433d0bf5c2f72b', class: "qds-icon", name: "toggle-on", library: "core" }))), h("div", { key: '06ed50db97c69ff8f2442358ce0a6149311a86cf', class: "qds-knob", "data-size": __classPrivateFieldGet(this, _Switch_instances, "a", _Switch_computedSize_get) }), !this.noIndicator && !__classPrivateFieldGet(this, _Switch_instances, "a", _Switch_computedChecked_get) && (h("div", { key: 'bee181087663d6ba855043e3fd8bd216b2bef949', class: "qds-indicator", "data-size": __classPrivateFieldGet(this, _Switch_instances, "a", _Switch_computedSize_get) }, h("qds-icon", { key: 'b60cf09b8cedf8f609c88c9ee09410e8e806906e', class: "qds-icon", name: "toggle-off", library: "core" }))))));
     }
     static get formAssociated() { return true; }
     get host() { return this; }