@quartzds/core 1.0.0-beta.123 → 1.0.0-beta.125

package/dist/cjs/qds-inline-link.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"qds-inline-link.entry.cjs.js","sources":["src/components/inline-link/inline-link.css?tag=qds-inline-link&encapsulation=shadow","src/components/inline-link/inline-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:host(:focus-visible) {\n  /* inner ring */\n  outline: var(--qds-theme-focus-border-contrast) solid\n    var(--qds-focus-light-border-width);\n  outline-offset: 0;\n\n  /* outer ring */\n  box-shadow: 0 0 0 var(--qds-focus-heavy-border-width)\n    var(--qds-theme-focus-border);\n  border-radius: var(--qds-control-border-radius);\n}\n\n.qds-icon {\n  height: var(--qds-control-hero-icon-size);\n  width: var(--qds-control-hero-icon-size);\n}\n\n.qds-inline-link {\n  display: flex;\n  gap: var(--qds-text-icon-gap);\n  align-items: center;\n}\n\n.qds-disabled {\n  opacity: var(--qds-theme-disabled);\n  pointer-events: none;\n}\n\n[data-importance='subdued'] {\n  color: var(--qds-theme-link-subdued-default);\n\n  &:visited {\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 {\n    color: var(--qds-theme-link-visited-hover);\n  }\n\n  &:visited:active {\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 {\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 {\n    color: var(--qds-theme-link-visited-hover);\n  }\n\n  &:visited:active {\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 {\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 {\n    color: var(--qds-theme-link-visited-hover);\n  }\n\n  &:visited:active {\n    color: var(--qds-theme-link-visited-pressed);\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, Target } from '../shared'\n\n/**\n * `<qds-inline-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-inline-link>` *should* indicate the inline link's\n * destination. If the `href` property is present, pressing the enter key while\n * focused on the `<qds-inline-link>` element will activate it.\n *\n * @slot Content to display for the inline link.\n * @see https://quartz.se.com/build/components/inline-link\n */\n@Component({\n  tag: 'qds-inline-link',\n  shadow: true,\n  styleUrl: 'inline-link.css',\n})\nexport class InlineLink implements ComponentInterface {\n  /**\n   * Prevents the inline 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 inline link's importance.\n   */\n  @Prop() public readonly importance?: Importance = 'standard'\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 inline link points to. Inline 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 inline 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 inline link loses focus.\n   */\n  @Event({ eventName: 'qdsBlur', bubbles: false, cancelable: false })\n  private readonly blurEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  /**\n   * Emitted when the inline 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 #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  @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-inline-link': true,\n          'qds-disabled': this.disabled,\n        }}\n        data-importance={this.#computedImportance}\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          <qds-icon\n            class=\"qds-icon\"\n            library={this.iconLibrary}\n            name={this.iconName}\n          />\n        )}\n        <slot onSlotchange={this.#onSlotchange} />\n        {this.linkIcon && (\n          <qds-icon class=\"qds-icon\" library=\"core\" name={this.linkIcon} />\n        )}\n      </a>\n    )\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 #updateAriaLabelElements = (): void => {\n    this.internals.ariaLabel = `${this.host.textContent} ${\n      this.#openInNewTab ? 'Opens in a new tab' : ''\n    }`.trim()\n  }\n\n  readonly #onSlotchange = (): void => {\n    this.#updateAriaLabelElements()\n  }\n}\n"],"names":["pickFocusEventAttributes","invariant","determineLinkIcon","h"],"mappings":";;;;;;;;;;AAAA,MAAM,aAAa,GAAG,68DAA68D;;ACAn+D;AACA;AACA;;;;;;;;;;;;;;;;;;MAyCa,UAAU,GAAA,MAAA;AALvB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;;;;;;;;;AAME;;;AAGG;AACqB,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AASjD;;AAEG;AACqB,QAAA,IAAW,CAAA,WAAA,GAAW,SAAS;AAEvD;;AAEG;AACqB,QAAA,IAAU,CAAA,UAAA,GAAgB,UAAU;AAoM5D,QAAA,yBAAA,CAAA,GAAA,CAAA,IAAA,EAAiB,CAAC,CAAA;QAElB,gBAAyB,CAAA,GAAA,CAAA,IAAA,EAAA,MAAA,CAAA;QAqGhB,mBAAW,CAAA,GAAA,CAAA,IAAA,EAAA,CAAC,IAAwB,KAAU;YACrD,sBAAA,CAAA,IAAI,EAAA,gBAAA,EAAS,IAAI,EAAA,GAAA,CAAA;AACnB,SAAC,CAAA;QAEQ,kBAAU,CAAA,GAAA,CAAA,IAAA,EAAA,CAAC,KAAiB,KAAU;YAC7C,IAAI,CAAC,WAAW,CAAC,IAAI,CAACA,gCAAwB,CAAC,KAAK,CAAC,CAAC;AACxD,SAAC,CAAA;QAEQ,mBAAW,CAAA,GAAA,CAAA,IAAA,EAAA,CAAC,KAAiB,KAAU;YAC9C,IAAI,CAAC,YAAY,CAAC,IAAI,CAACA,gCAAwB,CAAC,KAAK,CAAC,CAAC;AACzD,SAAC,CAAA;AAEQ,QAAA,mCAAA,CAAA,GAAA,CAAA,IAAA,EAA2B,MAAW;AAC7C,YAAA,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,CAAG,EAAA,IAAI,CAAC,IAAI,CAAC,WAAW,CAAA,CAAA,EACjD,sBAAA,CAAA,IAAI,EAAA,qBAAA,EAAA,GAAA,EAAA,4BAAA,CAAc,GAAG,oBAAoB,GAAG,EAC9C,CAAA,CAAE,CAAC,IAAI,EAAE;AACX,SAAC,CAAA;AAEQ,QAAA,wBAAA,CAAA,GAAA,CAAA,IAAA,EAAgB,MAAW;AAClC,YAAA,sBAAA,CAAA,IAAI,EAAA,mCAAA,EAAA,GAAA,CAAyB,CAA7B,IAAA,CAAA,IAAI,CAA2B;AACjC,SAAC,CAAA;AACF;AAvGW,IAAA,OAAO,CAAC,KAAiB,EAAA;QACjC,IAAI,IAAI,CAAC,QAAQ;YAAE,KAAK,CAAC,wBAAwB,EAAE;;AAI3C,IAAA,SAAS,CAAC,KAAoB,EAAA;QACtCC,iBAAS,CAAC,sBAAA,CAAA,IAAI,EAAA,gBAAA,EAAA,GAAA,CAAM,CAAC;QACrB,IAAI,IAAI,CAAC,QAAQ;YAAE;AACnB,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO;YAAE,sBAAA,CAAA,IAAI,EAAA,gBAAA,EAAA,GAAA,CAAM,CAAC,KAAK,EAAE;;IAIrC,eAAe,GAAA;QACvB,IAAI,CAAC,SAAS,CAAC,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE;QACtD,IAAI,IAAI,CAAC,QAAQ;AAAE,YAAA,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC;;AACnD,YAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,sBAAA,CAAA,IAAI,iCAAe;;AAIrC,IAAA,eAAe,CAAC,QAAgB,EAAA;QACxC,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC;;;;QAIjD,sBAAA,CAAA,IAAI,EAAkB,yBAAA,EAAA,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,WAAW,MAAA;QACjE,IAAI,IAAI,CAAC,QAAQ;AAAE,YAAA,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC;;AACnD,YAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,sBAAA,CAAA,IAAI,iCAAe;;IAKrC,iBAAiB,GAAA;AACzB,QAAA,IAAI,CAAC,QAAQ,GAAGC,yBAAiB,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC;AACxD,QAAA,sBAAA,CAAA,IAAI,EAAA,mCAAA,EAAA,GAAA,CAAyB,CAA7B,IAAA,CAAA,IAAI,CAA2B;;IAG1B,iBAAiB,GAAA;AACtB,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,MAAM;QAC5B,IAAI,CAAC,eAAe,EAAE;QACtB,IAAI,CAAC,iBAAiB,EAAE;AACxB,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,GAAG,CAAC;;IAG1D,gBAAgB,GAAA;AACrB,QAAA,sBAAA,CAAA,IAAI,EAAA,mCAAA,EAAA,GAAA,CAAyB,CAA7B,IAAA,CAAA,IAAI,CAA2B;;IAG1B,MAAM,GAAA;AACX,QAAA,QACEC,OAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAA,EACc,MAAM,EAClB,KAAK,EAAE;AACL,gBAAA,iBAAiB,EAAE,IAAI;gBACvB,cAAc,EAAE,IAAI,CAAC,QAAQ;AAC9B,aAAA,EAAA,iBAAA,EACgB,sBAAA,CAAA,IAAI,EAAoB,qBAAA,EAAA,GAAA,EAAA,kCAAA,CAAA,EACzC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,EAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,MAAM,EAAE,sBAAA,CAAA,IAAI,0BAAQ,EACpB,OAAO,EAAE,sBAAA,CAAA,IAAI,EAAA,mBAAA,EAAA,GAAA,CAAS,EACtB,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,QAAQ,EAAE,EAAE,EACZ,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,GAAG,EAAE,sBAAA,CAAA,IAAI,EAAS,mBAAA,EAAA,GAAA,CAAA,EAAA,EAEjB,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,KAAK,EAAE,KAClDA,OACE,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,IAAI,EAAE,IAAI,CAAC,QAAQ,GACnB,CACH,EACDA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,YAAY,EAAE,sBAAA,CAAA,IAAI,gCAAc,EAAI,CAAA,EACzC,IAAI,CAAC,QAAQ,KACZA,uEAAU,KAAK,EAAC,UAAU,EAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,CAClE,CACC;;;;;;;;;;;AA9FN,IAAA,QAAQ,IAAI,CAAC,UAAU;AACrB,QAAA,KAAK,SAAS;QACd,KAAK,YAAY,EAAE;YACjB,OAAO,IAAI,CAAC,UAAU;;QAExB,SAAS;AACP,YAAA,OAAO,UAAU;;;AAGvB,CAAC,EAAA,4BAAA,GAAA,SAAA,4BAAA,GAAA;AAGC,IAAA,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ;AACjC,CAAC;;;;;"}
+{"version":3,"file":"qds-inline-link.entry.cjs.js","sources":["src/components/inline-link/inline-link.css?tag=qds-inline-link&encapsulation=shadow","src/components/inline-link/inline-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:host(:focus-visible) {\n  /* inner ring */\n  outline: var(--qds-theme-focus-border-contrast) solid\n    var(--qds-focus-light-border-width);\n  outline-offset: 0;\n\n  /* outer ring */\n  box-shadow: 0 0 0 var(--qds-focus-heavy-border-width)\n    var(--qds-theme-focus-border);\n  border-radius: var(--qds-control-border-radius);\n}\n\n.qds-icon {\n  height: var(--qds-control-hero-icon-size);\n  width: var(--qds-control-hero-icon-size);\n  transform: scaleX(var(--qds-direction-factor, 1));\n}\n\n.qds-inline-link {\n  display: flex;\n  gap: var(--qds-text-icon-gap);\n  align-items: center;\n}\n\n.qds-disabled {\n  opacity: var(--qds-theme-disabled);\n  pointer-events: none;\n}\n\n[data-importance='subdued'] {\n  color: var(--qds-theme-link-subdued-default);\n\n  &:visited {\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 {\n    color: var(--qds-theme-link-visited-hover);\n  }\n\n  &:visited:active {\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 {\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 {\n    color: var(--qds-theme-link-visited-hover);\n  }\n\n  &:visited:active {\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 {\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 {\n    color: var(--qds-theme-link-visited-hover);\n  }\n\n  &:visited:active {\n    color: var(--qds-theme-link-visited-pressed);\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, Target } from '../shared'\n\n/**\n * `<qds-inline-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-inline-link>` *should* indicate the inline link's\n * destination. If the `href` property is present, pressing the enter key while\n * focused on the `<qds-inline-link>` element will activate it.\n *\n * @slot Content to display for the inline link.\n * @see https://quartz.se.com/build/components/inline-link\n */\n@Component({\n  tag: 'qds-inline-link',\n  shadow: true,\n  styleUrl: 'inline-link.css',\n})\nexport class InlineLink implements ComponentInterface {\n  /**\n   * Prevents the inline 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 inline link's importance.\n   */\n  @Prop() public readonly importance?: Importance = 'standard'\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 inline link points to. Inline 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 inline 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 inline link loses focus.\n   */\n  @Event({ eventName: 'qdsBlur', bubbles: false, cancelable: false })\n  private readonly blurEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  /**\n   * Emitted when the inline 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 #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  @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-inline-link': true,\n          'qds-disabled': this.disabled,\n        }}\n        data-importance={this.#computedImportance}\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          <qds-icon\n            class=\"qds-icon\"\n            library={this.iconLibrary}\n            name={this.iconName}\n          />\n        )}\n        <slot onSlotchange={this.#onSlotchange} />\n        {this.linkIcon && (\n          <qds-icon class=\"qds-icon\" library=\"core\" name={this.linkIcon} />\n        )}\n      </a>\n    )\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 #updateAriaLabelElements = (): void => {\n    this.internals.ariaLabel = `${this.host.textContent} ${\n      this.#openInNewTab ? 'Opens in a new tab' : ''\n    }`.trim()\n  }\n\n  readonly #onSlotchange = (): void => {\n    this.#updateAriaLabelElements()\n  }\n}\n"],"names":["pickFocusEventAttributes","invariant","determineLinkIcon","h"],"mappings":"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"}

package/dist/cjs/qds-input.cjs.entry.js

@@ -6,7 +6,7 @@
 'use strict';
 
 var index = require('./index-DIY7gpXM.js');
-var helpers = require('./helpers-Qs3cpKiI.js');
+var helpers = require('./helpers-DjUgyTKn.js');
 var controls = require('./controls-DKGeNyr5.js');
 
 const inputCss = ":host([hidden]){display:none!important}:host{display:inline-block}@-moz-document url-prefix(){[type=date]~.qds-icon-container,[type=datetime-local]~.qds-icon-container,[type=month]~.qds-icon-container,[type=time]~.qds-icon-container,[type=week]~.qds-icon-container{display:none}}input[type=password]::-ms-reveal{display:none}.qds-container,.qds-input{max-width:inherit;width:inherit}.qds-container{align-content:flex-start;align-items:center;box-sizing:border-box;display:grid;grid-template-areas:\"e\"}.qds-icon-container,.qds-input{grid-area:e}.qds-focus-ring{border-radius:max(1px,var(\n        --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n      )) max(1px,var(\n        --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n      )) max(1px,var(\n        --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n      )) max(1px,var(\n        --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n      ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:e;height:calc(100% + var(--qds-form-input-border-width-default) - var(\n        --qds-form-input-border-width-block-end,\n        var(--qds-form-input-border-width-default)\n      ));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-form-input-border-width-default) - var(\n        --qds-form-input-border-width-inline-end,\n        var(--qds-form-input-border-width-default)\n      ))}[data-size=large]{font:var(--qds-form-large-text);min-height:var(--qds-form-input-large-height);padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}.qds-password-padding[data-size=large],[data-size=large][type=date],[data-size=large][type=datetime-local],[data-size=large][type=month],[data-size=large][type=time],[data-size=large][type=week]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height))}[data-size=large]~.qds-icon-container{padding-inline-end:var(--qds-form-input-large-padding-end)}[data-size=large][type=number]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large][type=file]{padding-block:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large][type=file]::file-selector-button{font:var(--qds-form-large-text);margin-inline-end:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-form-input-large-height);padding-inline:var(--qds-control-button-large-padding-horizontal)}[data-size=large][type=search]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-gap-internal))}[data-size=large][type=search]~.qds-icon-container{gap:var(--qds-form-input-large-gap-internal)}.qds-custom-icon-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height))}.qds-dual-icon-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-large-gap-internal))}.qds-dual-icon-padding[data-size=large]~.qds-icon-container{gap:var(--qds-form-input-large-gap-internal)}.qds-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}}}[data-size=standard]{font:var(--qds-form-standard-text);min-height:var(--qds-form-input-standard-height);padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}.qds-password-padding[data-size=standard],[data-size=standard][type=date],[data-size=standard][type=datetime-local],[data-size=standard][type=month],[data-size=standard][type=time],[data-size=standard][type=week]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height))}[data-size=standard]~.qds-icon-container{padding-inline-end:var(--qds-form-input-standard-padding-end)}[data-size=standard][type=number]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard][type=file]{padding-block:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard][type=file]::file-selector-button{font:var(--qds-form-standard-text);margin-inline-end:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-form-input-standard-height);padding-inline:var(--qds-control-button-standard-padding-horizontal)}[data-size=standard][type=search]{padding-inline:var(--qds-form-input-standard-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-gap-internal))}[data-size=standard][type=search]~.qds-icon-container{gap:var(--qds-form-input-standard-gap-internal)}.qds-custom-icon-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height))}.qds-dual-icon-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-standard-gap-internal))}.qds-dual-icon-padding[data-size=standard]~.qds-icon-container{gap:var(--qds-form-input-standard-gap-internal)}.qds-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}}}[data-size=small]{font:var(--qds-form-small-text);min-height:var(--qds-form-input-small-height);padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}.qds-password-padding[data-size=small],[data-size=small][type=date],[data-size=small][type=datetime-local],[data-size=small][type=month],[data-size=small][type=time],[data-size=small][type=week]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height))}[data-size=small]~.qds-icon-container{padding-inline-end:var(--qds-form-input-small-padding-end)}[data-size=small][type=number]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small][type=file]{padding-block:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small][type=file]::file-selector-button{font:var(--qds-form-small-text);margin-inline-end:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-form-input-small-height);padding-inline:var(--qds-control-button-small-padding-horizontal)}[data-size=small][type=search]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-gap-internal))}[data-size=small][type=search]~.qds-icon-container{gap:var(--qds-form-input-small-gap-internal)}.qds-custom-icon-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height))}.qds-dual-icon-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-small-gap-internal))}.qds-dual-icon-padding[data-size=small]~.qds-icon-container{gap:var(--qds-form-input-small-gap-internal)}.qds-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}}}.qds-input{-webkit-appearance:textfield;appearance:textfield;background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-default);border-radius:var(\n      --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n    ) var(\n      --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n    ) var(\n      --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n    ) var(\n      --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n    );border-style:solid;border-width:var(--qds-form-input-border-width-default) var(\n      --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-default)\n    ) var(\n      --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-default)\n    ) var(--qds-form-input-border-width-default);box-sizing:border-box;color:var(--qds-theme-form-input-text-active);grid-area:e;padding-block:0}.qds-input.qds-hide~.qds-icon-container{display:none}.qds-input:disabled,.qds-input:disabled~.qds-icon-container{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-input:focus-visible{outline:none}.qds-input:focus-visible~.qds-focus-ring{visibility:visible}.qds-input:read-only{background-color:var(--qds-theme-form-input-background-read-only);border-color:var(--qds-theme-form-input-border-disabled)}.qds-input:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}.qds-input:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-input:active{background-color:var(--qds-theme-form-input-background-active);color:var(--qds-theme-form-input-text-active)}.qds-input::-webkit-search-cancel-button,.qds-input:is([type=date],[type=datetime-local],[type=month],[type=time],[type=week])::-webkit-calendar-picker-indicator{display:none}.qds-input[type=file]::file-selector-button{background-color:initial;border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius);color:var(--qds-theme-form-input-text-active)}.qds-input[type=file]::file-selector-button:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=file]::file-selector-button:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input[type=color]{-webkit-appearance:none;appearance:none;cursor:pointer;min-width:50px;padding-block:var(--qds-form-input-standard-padding-end);padding-inline:var(--qds-form-input-standard-padding-end)}.qds-input[type=color]::-webkit-color-swatch-wrapper{padding:0}.qds-input[type=color]::-webkit-color-swatch{border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]::-moz-color-swatch{border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=color]:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input.qds-search-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-standard-padding-end))}.qds-input[data-size=standard][type=file]{height:auto}.qds-input.qds-search-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-large-padding-end))}.qds-input[data-size=large][type=file]{height:auto}.qds-input.qds-search-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-small-padding-end))}.qds-input[data-size=small][type=file]{height:auto}.qds-input{@-moz-document url-prefix(){&[type=number]{appearance:none}}}.qds-input[data-status]{border-width:var(--qds-form-input-border-width-status) var(\n        --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-status)\n      ) var(\n        --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-status)\n      ) var(--qds-form-input-border-width-status)}.qds-input[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-input[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-input:not(:focus):user-invalid,.qds-input[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}.qds-icon-container{align-items:center;display:flex;justify-content:center;justify-self:end}";

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

@@ -6,7 +6,7 @@
 'use strict';
 
 var index = require('./index-DIY7gpXM.js');
-var helpers = require('./helpers-Qs3cpKiI.js');
+var helpers = require('./helpers-DjUgyTKn.js');
 
 const labelCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-label{align-items:center;box-sizing:border-box;color:var(--qds-theme-control-text-standard);display:inline-flex;gap:var(--qds-text-icon-gap);width:100%}.qds-label:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-focus-border-width) solid var(--qds-theme-focus-border);outline-offset:var(--qds-focus-border-offset)}.qds-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-required{color:var(--qds-theme-feedback-field-required);-webkit-user-select:none;user-select:none}[data-size=small][data-importance=standard]{font:var(--qds-form-small-text)}[data-size=small][data-importance=emphasized] .qds-text{font:var(--qds-form-small-text-emphasized)}.qds-inline[data-size=small]{min-height:var(--qds-control-small-height)}.qds-icon[data-size=small]{height:var(--qds-form-small-icon-size);min-width:var(--qds-form-small-icon-size);width:var(--qds-form-small-icon-size)}[data-size=standard][data-importance=standard]{font:var(--qds-form-standard-text)}[data-size=standard][data-importance=emphasized] .qds-text{font:var(--qds-form-standard-text-emphasized)}.qds-inline[data-size=standard]{min-height:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{height:var(--qds-form-standard-icon-size);min-width:var(--qds-form-standard-icon-size);width:var(--qds-form-standard-icon-size)}[data-size=large][data-importance=standard]{font:var(--qds-form-large-text)}[data-size=large][data-importance=emphasized] .qds-text{font:var(--qds-form-large-text-emphasized)}.qds-inline[data-size=large]{min-height:var(--qds-control-large-height)}.qds-icon[data-size=large]{height:var(--qds-form-large-icon-size);min-width:var(--qds-form-large-icon-size);width:var(--qds-form-large-icon-size)}";
 

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

@@ -6,7 +6,7 @@
 'use strict';
 
 var index = require('./index-DIY7gpXM.js');
-var helpers = require('./helpers-Qs3cpKiI.js');
+var helpers = require('./helpers-DjUgyTKn.js');
 
 const listItemCss = ":host([hidden]){display:none!important}:host{display:block}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-indented-content,.qds-list-item{align-items:center;border-radius:var(--qds-control-border-radius);box-sizing:border-box}.qds-indented-content{align-self:stretch;cursor:default;display:flex;flex:1 0}.qds-destination{transform:scaleX(var(--qds-direction-factor,1))}.qds-icon,.qds-main-icon{color:var(--qds-theme-text-standard)}.qds-picture{flex-shrink:0}.qds-texts{display:flex;flex:1 0;flex-direction:column;justify-items:center;padding:0;position:relative}.qds-texts:focus-visible{border-radius:var(--qds-control-border-radius);box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-input{-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:var(--qds-control-border-radius);inset:0;margin:0;outline:none;position:absolute}.qds-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.qds-title,.qds-tooltip-title{color:var(--qds-theme-title)}.qds-subtitle{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.qds-subtitle,.qds-tooltip-subtitle{color:var(--qds-theme-subtitle)}.qds-kicker{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.qds-kicker,.qds-tooltip-kicker{color:var(--qds-theme-kicker)}.qds-draggable{cursor:grab}.qds-cursor-pointer{cursor:pointer}[data-size=small] .qds-indented-content{gap:var(--qds-list-item-small-gap-internal);min-height:var(--qds-list-item-small-height);padding:var(--qds-list-item-small-padding-vertical) var(--qds-list-item-small-padding-horizontal)}[data-size=small] .qds-icon{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small] .qds-main-icon{height:var(--qds-list-item-small-icon-size);width:var(--qds-list-item-small-icon-size)}[data-size=small] .qds-texts{gap:var(--qds-list-item-small-titles-gap)}[data-size=small] .qds-kicker,[data-size=small] .qds-tooltip-kicker{font:var(--qds-list-item-small-kicker)}[data-size=small] .qds-title,[data-size=small] .qds-tooltip-title{font:var(--qds-list-item-small-title)}[data-size=small] .qds-subtitle,[data-size=small] .qds-tooltip-subtitle{font:var(--qds-list-item-small-subtitle)}[data-size=small] .qds-picture{height:var(--qds-list-item-small-picture-size);width:var(--qds-list-item-small-picture-size)}[data-size=standard] .qds-indented-content{gap:var(--qds-list-item-standard-gap-internal);min-height:var(--qds-list-item-standard-height);padding:var(--qds-list-item-standard-padding-vertical) var(--qds-list-item-standard-padding-horizontal)}[data-size=standard] .qds-icon{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-main-icon{height:var(--qds-list-item-standard-icon-size);width:var(--qds-list-item-standard-icon-size)}[data-size=standard] .qds-texts{gap:var(--qds-list-item-standard-titles-gap)}[data-size=standard] .qds-kicker,[data-size=standard] .qds-tooltip-kicker{font:var(--qds-list-item-standard-kicker)}[data-size=standard] .qds-title,[data-size=standard] .qds-tooltip-title{font:var(--qds-list-item-standard-title)}[data-size=standard] .qds-subtitle,[data-size=standard] .qds-tooltip-subtitle{font:var(--qds-list-item-standard-subtitle)}[data-size=standard] .qds-picture{height:var(--qds-list-item-standard-picture-size);width:var(--qds-list-item-standard-picture-size)}[data-size=large] .qds-indented-content{gap:var(--qds-list-item-large-gap-internal);min-height:var(--qds-list-item-large-height);padding:var(--qds-list-item-large-padding-vertical) var(--qds-list-item-large-padding-horizontal)}[data-size=large] .qds-icon{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large] .qds-main-icon{height:var(--qds-list-item-large-icon-size);width:var(--qds-list-item-large-icon-size)}[data-size=large] .qds-texts{gap:var(--qds-list-item-large-titles-gap)}[data-size=large] .qds-kicker,[data-size=large] .qds-tooltip-kicker{font:var(--qds-list-item-large-kicker)}[data-size=large] .qds-title,[data-size=large] .qds-tooltip-title{font:var(--qds-list-item-large-title)}[data-size=large] .qds-subtitle,[data-size=large] .qds-tooltip-subtitle{font:var(--qds-list-item-large-subtitle)}[data-size=large] .qds-picture{height:var(--qds-list-item-large-picture-size);width:var(--qds-list-item-large-picture-size)}.qds-list-item{display:block}.qds-list-item:hover:not(.qds-static){background-color:var(--qds-theme-interactive-background-hover)}.qds-list-item:active:not(.qds-static),.qds-list-item:not(.qds-has-submenu):not(.qds-static):active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-selected.qds-list-item{background-color:var(--qds-theme-interactive-background-selected)}.qds-selected.qds-list-item:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-selected.qds-list-item:active{background-color:var(\n        --qds-theme-interactive-background-selected-pressed\n      )}.qds-selected[data-size=small] .qds-title{font:var(--qds-list-item-small-title-emphasized)}.qds-selected[data-size=standard] .qds-title{font:var(--qds-list-item-standard-title-emphasized)}.qds-selected[data-size=large] .qds-title{font:var(--qds-list-item-large-title-emphasized)}";
 
@@ -30,6 +30,9 @@ var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) ||
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
 var _ListItem_instances, _ListItem_roText, _ListItem_roSubTitle, _ListItem_text, _ListItem_subtitle, _ListItem_iconButton, _ListItem_checkbox, _ListItem_radio, _ListItem_computedDestination_get, _ListItem_computedIndeterminate_get, _ListItem_computedListAction_get, _ListItem_computedSelected_get, _ListItem_computedSize_get, _ListItem_hasSubmenu_get, _ListItem_onBlur, _ListItem_onFocus, _ListItem_onCheck, _ListItem_onSelect, _ListItem_divTitleRef, _ListItem_divSubtitleRef, _ListItem_textTooltipRef, _ListItem_iconButtonRef, _ListItem_onSlotChange, _ListItem_checkboxRef, _ListItem_radioRef;
+const stopImmediatePropagation = (event) => {
+    event.stopImmediatePropagation();
+};
 const ListItem = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -226,18 +229,18 @@ const ListItem = class {
         this.subtitleChanged();
     }
     render() {
-        return (index.h(index.Host, { key: 'ee0d9edc0e5cdebab2c62a1b0ba5834fb0880205' }, index.h("div", { key: '27fdefc82869d16f8328614994979edfedf83847', class: {
+        return (index.h(index.Host, { key: '5a3a3df94d196e2c3740c9a7cd47b9cd28f6259c' }, index.h("div", { key: '19458ba3e18483d63c3e1d767198757c40f8af1d', class: {
                 'qds-list-item': true,
                 'qds-has-submenu': __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get),
                 'qds-disabled': this.disabled,
                 'qds-selected': __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_computedSelected_get),
                 'qds-static': __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'none',
-            }, "data-size": __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_computedSize_get) }, index.h("div", { key: '7b2e68fcac4f4ffab6e81e885653999612ed1cb6', class: {
+            }, "data-size": __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_computedSize_get) }, index.h("div", { key: '330677408fefe3434033699287497cdbb0229de8', class: {
                 'qds-indented-content': true,
                 'qds-cursor-pointer': !this.disabled && __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_computedListAction_get) !== 'none',
-            } }, __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect' && (index.h("qds-checkbox", { key: 'a06bfe133541e0557a9ad0fed6a27b024b9fb44e', checked: this.selected, indeterminate: this.indeterminate, size: this.size, text: this.text, disabled: this.disabled, checkboxOnly: true, onQdsChange: __classPrivateFieldGet(this, _ListItem_onCheck, "f"), ref: __classPrivateFieldGet(this, _ListItem_checkboxRef, "f") })), __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'radio' && (index.h("qds-radio", { key: 'd5083877d38ffcc299012d074ad2f1ef8b5de4cb', checked: this.selected, size: this.size, onQdsChange: __classPrivateFieldGet(this, _ListItem_onSelect, "f"), disabled: this.disabled, "aria-label": this.text, ref: __classPrivateFieldGet(this, _ListItem_radioRef, "f") })), this.host.draggable && (index.h("qds-icon", { key: 'bf588102869dc59bc78a285d42c852226852e219', class: "qds-icon qds-list-action qds-draggable", library: "core", name: "draggable" })), this.imageSrc !== undefined && this.imageSrc !== '' && (index.h("img", { key: '47f87d7dec2a4756cd6a9c81bfab6fa2a7fc0871', class: "qds-picture", src: this.imageSrc, alt: "" })), this.iconName !== undefined && this.iconName !== '' && (index.h("qds-icon", { key: '6224ec0568b6930da2a9f4ebeb1c2d8763e06814', class: "qds-main-icon", library: this.iconLibrary, name: this.iconName })), this.avatarSrc !== undefined && this.avatarSrc !== '' && (index.h("qds-avatar-media", { key: '50aa50b332721712087f71c90128d683464eb357', class: "qds-picture", src: this.avatarSrc })), index.h("div", { key: '5f1eb25a30de4c5a8c2ba2f177c60772820f780d', class: "qds-texts", role: __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select' ? 'option' : undefined, tabIndex: __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select' && !this.disabled
+            } }, __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect' && (index.h("qds-checkbox", { key: '6951ebdb2c5d31b045e867c08f8f7a59b477d7a3', checked: this.selected, indeterminate: this.indeterminate, size: this.size, text: this.text, disabled: this.disabled, checkboxOnly: true, onQdsChange: stopImmediatePropagation, ref: __classPrivateFieldGet(this, _ListItem_checkboxRef, "f") })), __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'radio' && (index.h("qds-radio", { key: 'afe26df255406172e85866f9f8ad0c117dd7c80d', checked: this.selected, size: this.size, onQdsChange: __classPrivateFieldGet(this, _ListItem_onSelect, "f"), disabled: this.disabled, "aria-label": this.text, ref: __classPrivateFieldGet(this, _ListItem_radioRef, "f") })), this.host.draggable && (index.h("qds-icon", { key: 'f5398339399b1b5ed40eb99fddfd4da70e46cc06', class: "qds-icon qds-list-action qds-draggable", library: "core", name: "draggable" })), this.imageSrc !== undefined && this.imageSrc !== '' && (index.h("img", { key: '92330554b0bac82bb1830518f646fbc07494028f', class: "qds-picture", src: this.imageSrc, alt: "" })), this.iconName !== undefined && this.iconName !== '' && (index.h("qds-icon", { key: '59ec62d45dd9f0970435f33492625f78dbf5917f', class: "qds-main-icon", library: this.iconLibrary, name: this.iconName })), this.avatarSrc !== undefined && this.avatarSrc !== '' && (index.h("qds-avatar-media", { key: '48638dc5625c1b452cef3425aa154809f9db119b', class: "qds-picture", src: this.avatarSrc })), index.h("div", { key: '77a1f8424be02a7d363edc66db61ad3b55b3b29b', class: "qds-texts", role: __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select' ? 'option' : undefined, tabIndex: __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select' && !this.disabled
                 ? 0
-                : undefined, onFocus: __classPrivateFieldGet(this, _ListItem_onFocus, "f"), onBlur: __classPrivateFieldGet(this, _ListItem_onBlur, "f") }, this.kicker !== undefined && this.kicker !== '' && (index.h("div", { key: 'ad1019304d423631b49c184f8fe063f8244a5522', class: "qds-kicker" }, this.kicker)), index.h("div", { key: 'e04aee135c90ae30afbe892dc0c93dc1b58d0f6e', class: "qds-title", ref: __classPrivateFieldGet(this, _ListItem_divTitleRef, "f") }, this.text), this.subtitle !== undefined && this.subtitle !== '' && (index.h("div", { key: '0878a0bcdbb2a46a6a10a3a337db37fa173ba117', class: "qds-subtitle", ref: __classPrivateFieldGet(this, _ListItem_divSubtitleRef, "f") }, this.subtitle))), this.badge !== undefined && this.badge !== '' && (index.h("qds-badge-counter", { key: '26c39639c5ff74e527a3c13870357992005d83b9', size: __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_computedSize_get), strokeRing: true, value: this.badge, description: this.badgeDescription })), __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get) && (index.h("qds-icon-button", { key: '8772f76f5b815cf2416d330127ebf84cc2033cf2', iconName: "dots-3-vertical", importance: "subdued", "aria-label": "more actions", disabled: this.disabled, ref: __classPrivateFieldGet(this, _ListItem_iconButtonRef, "f") })), __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_computedDestination_get) !== undefined && (index.h("qds-icon", { key: '93dca44f644c099ef7fdbe2698c9bdb6f7591191', class: "qds-icon qds-destination", library: "core", name: __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_computedDestination_get) }))), __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get) && (index.h("qds-dropdown", { key: 'a43fc24b55eccf93f250540346f6495dad9c3b4b', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet(this, _ListItem_iconButtonRef, "f"), role: "menu" }, index.h("slot", { key: '78d7411d2b3297a2c2166b5cfafc8ec3fc8d7857', onSlotchange: __classPrivateFieldGet(this, _ListItem_onSlotChange, "f") }))), this.showDivider && index.h("qds-divider", { key: 'aad3d9a40005d34c0796af12c0a8f0d6b6d1a0c1' }), (this.textTooltip || this.subtitleTooltip) && (index.h("qds-tooltip", { key: '41d102a47192763abaff3a04c208ac66eb70d899', "aria-hidden": "true", ref: __classPrivateFieldGet(this, _ListItem_textTooltipRef, "f") }, index.h("div", { key: '03744a30496c35426909b265f641ca6ac8d40a7c', class: "qds-tooltip-kicker" }, this.kicker), index.h("div", { key: 'c8ac27f7bdf5235ed2fcee5e570b8623158919df', class: "qds-tooltip-title" }, this.text), index.h("div", { key: '10f38255ce09df8919d726726ed5f71f80c2cf4a', class: "qds-tooltip-subtitle" }, this.subtitle))))));
+                : undefined, onFocus: __classPrivateFieldGet(this, _ListItem_onFocus, "f"), onBlur: __classPrivateFieldGet(this, _ListItem_onBlur, "f") }, this.kicker !== undefined && this.kicker !== '' && (index.h("div", { key: 'bd286572a596d6834deb37c78355fd0c513b507b', class: "qds-kicker" }, this.kicker)), index.h("div", { key: 'e47ad0f2262a6b703ad60910ecda70f9055a99cd', class: "qds-title", ref: __classPrivateFieldGet(this, _ListItem_divTitleRef, "f") }, this.text), this.subtitle !== undefined && this.subtitle !== '' && (index.h("div", { key: '454e29db383d4d42388302c2a0c2e3e829110d69', class: "qds-subtitle", ref: __classPrivateFieldGet(this, _ListItem_divSubtitleRef, "f") }, this.subtitle))), this.badge !== undefined && this.badge !== '' && (index.h("qds-badge-counter", { key: '954a084ce37eb83a184e21b34f04a552384d113a', size: __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_computedSize_get), strokeRing: true, value: this.badge, description: this.badgeDescription })), __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get) && (index.h("qds-icon-button", { key: 'ee6d36f38f7f2503dfbbf59add9dd381ce9634d4', iconName: "dots-3-vertical", importance: "subdued", "aria-label": "more actions", disabled: this.disabled, ref: __classPrivateFieldGet(this, _ListItem_iconButtonRef, "f") })), __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_computedDestination_get) !== undefined && (index.h("qds-icon", { key: '07065d6e8cb830d7df88fa2222418957a352f36a', class: "qds-icon qds-destination", library: "core", name: __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_computedDestination_get) }))), __classPrivateFieldGet(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get) && (index.h("qds-dropdown", { key: '89fd9526aabb5d3d51252b767abf4b61cfad3699', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet(this, _ListItem_iconButtonRef, "f"), role: "menu" }, index.h("slot", { key: '8543f5c404208d1a8e2e2e7b7504fb212caef8f1', onSlotchange: __classPrivateFieldGet(this, _ListItem_onSlotChange, "f") }))), this.showDivider && index.h("qds-divider", { key: '147261b3b694ab5fc53cde8f92bf2d4bf9db78aa' }), (this.textTooltip || this.subtitleTooltip) && (index.h("qds-tooltip", { key: 'd241910d595e17d4624fbfeaebb3c592e9861250', "aria-hidden": "true", ref: __classPrivateFieldGet(this, _ListItem_textTooltipRef, "f") }, index.h("div", { key: '2e0fbef65e5aff8fd9cd6a746914e19c4509e5ae', class: "qds-tooltip-kicker" }, this.kicker), index.h("div", { key: '0258af911af8835bf23bed6ab204e47b50dde61d', class: "qds-tooltip-title" }, this.text), index.h("div", { key: 'cd81e5f0a52ad03b876967bb41549af3a3603d5f', class: "qds-tooltip-subtitle" }, this.subtitle))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1 +1 @@
-{"version":3,"file":"qds-list-item.entry.cjs.js","sources":["src/components/list-item/list-item.css?tag=qds-list-item&encapsulation=shadow","src/components/list-item/list-item.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: block;\n}\n\n.qds-disabled {\n  opacity: var(--qds-theme-disabled);\n  pointer-events: none;\n}\n\n.qds-list-item,\n.qds-indented-content {\n  align-items: center;\n  box-sizing: border-box;\n  border-radius: var(--qds-control-border-radius);\n}\n\n.qds-indented-content {\n  display: flex;\n  flex: 1 0;\n  align-self: stretch;\n  cursor: default;\n}\n\n.qds-destination {\n  transform: scaleX(var(--qds-direction-factor, 1));\n}\n\n.qds-icon,\n.qds-main-icon {\n  color: var(--qds-theme-text-standard);\n}\n\n.qds-picture {\n  flex-shrink: 0;\n}\n\n.qds-texts {\n  justify-items: center;\n  display: flex;\n  flex: 1 0;\n  flex-direction: column;\n  padding: 0;\n  position: relative;\n\n  &:focus-visible {\n    /* inner ring */\n    outline: var(--qds-theme-focus-border-contrast) solid\n      var(--qds-focus-light-border-width);\n    outline-offset: 0;\n\n    /* outer ring */\n    box-shadow: 0 0 0 var(--qds-focus-heavy-border-width)\n      var(--qds-theme-focus-border);\n    border-radius: var(--qds-control-border-radius);\n  }\n}\n\n.qds-input {\n  appearance: none;\n  background: none;\n  border: none;\n  border-radius: var(--qds-control-border-radius);\n  inset: 0;\n  margin: 0;\n  outline: none;\n  position: absolute;\n}\n\n.qds-title {\n  color: var(--qds-theme-title);\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n}\n\n.qds-tooltip-title {\n  color: var(--qds-theme-title);\n}\n\n.qds-subtitle {\n  color: var(--qds-theme-subtitle);\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 5;\n  overflow: hidden;\n}\n\n.qds-tooltip-subtitle {\n  color: var(--qds-theme-subtitle);\n}\n\n.qds-kicker {\n  color: var(--qds-theme-kicker);\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  overflow: hidden;\n}\n\n.qds-tooltip-kicker {\n  color: var(--qds-theme-kicker);\n}\n\n.qds-draggable {\n  cursor: grab;\n}\n\n.qds-cursor-pointer {\n  cursor: pointer;\n}\n\n[data-size='small'] {\n  .qds-indented-content {\n    gap: var(--qds-list-item-small-gap-internal);\n    min-height: var(--qds-list-item-small-height);\n    padding: var(--qds-list-item-small-padding-vertical)\n      var(--qds-list-item-small-padding-horizontal);\n  }\n\n  .qds-icon {\n    height: var(--qds-control-small-icon-size);\n    width: var(--qds-control-small-icon-size);\n  }\n\n  .qds-main-icon {\n    height: var(--qds-list-item-small-icon-size);\n    width: var(--qds-list-item-small-icon-size);\n  }\n\n  .qds-texts {\n    gap: var(--qds-list-item-small-titles-gap);\n  }\n\n  .qds-kicker,\n  .qds-tooltip-kicker {\n    font: var(--qds-list-item-small-kicker);\n  }\n\n  .qds-title,\n  .qds-tooltip-title {\n    font: var(--qds-list-item-small-title);\n  }\n\n  .qds-subtitle,\n  .qds-tooltip-subtitle {\n    font: var(--qds-list-item-small-subtitle);\n  }\n\n  .qds-picture {\n    height: var(--qds-list-item-small-picture-size);\n    width: var(--qds-list-item-small-picture-size);\n  }\n}\n\n[data-size='standard'] {\n  .qds-indented-content {\n    gap: var(--qds-list-item-standard-gap-internal);\n    min-height: var(--qds-list-item-standard-height);\n    padding: var(--qds-list-item-standard-padding-vertical)\n      var(--qds-list-item-standard-padding-horizontal);\n  }\n\n  .qds-icon {\n    height: var(--qds-control-standard-icon-size);\n    width: var(--qds-control-standard-icon-size);\n  }\n\n  .qds-main-icon {\n    height: var(--qds-list-item-standard-icon-size);\n    width: var(--qds-list-item-standard-icon-size);\n  }\n\n  .qds-texts {\n    gap: var(--qds-list-item-standard-titles-gap);\n  }\n\n  .qds-kicker,\n  .qds-tooltip-kicker {\n    font: var(--qds-list-item-standard-kicker);\n  }\n\n  .qds-title,\n  .qds-tooltip-title {\n    font: var(--qds-list-item-standard-title);\n  }\n\n  .qds-subtitle,\n  .qds-tooltip-subtitle {\n    font: var(--qds-list-item-standard-subtitle);\n  }\n\n  .qds-picture {\n    height: var(--qds-list-item-standard-picture-size);\n    width: var(--qds-list-item-standard-picture-size);\n  }\n}\n\n[data-size='large'] {\n  .qds-indented-content {\n    gap: var(--qds-list-item-large-gap-internal);\n    min-height: var(--qds-list-item-large-height);\n    padding: var(--qds-list-item-large-padding-vertical)\n      var(--qds-list-item-large-padding-horizontal);\n  }\n\n  .qds-icon {\n    height: var(--qds-control-large-icon-size);\n    width: var(--qds-control-large-icon-size);\n  }\n\n  .qds-main-icon {\n    height: var(--qds-list-item-large-icon-size);\n    width: var(--qds-list-item-large-icon-size);\n  }\n\n  .qds-texts {\n    gap: var(--qds-list-item-large-titles-gap);\n  }\n\n  .qds-kicker,\n  .qds-tooltip-kicker {\n    font: var(--qds-list-item-large-kicker);\n  }\n\n  .qds-title,\n  .qds-tooltip-title {\n    font: var(--qds-list-item-large-title);\n  }\n\n  .qds-subtitle,\n  .qds-tooltip-subtitle {\n    font: var(--qds-list-item-large-subtitle);\n  }\n\n  .qds-picture {\n    height: var(--qds-list-item-large-picture-size);\n    width: var(--qds-list-item-large-picture-size);\n  }\n}\n\n.qds-list-item {\n  display: block;\n\n  &:hover:not(.qds-static) {\n    background-color: var(--qds-theme-interactive-background-hover);\n  }\n\n  &:active:not(.qds-static) {\n    background-color: var(--qds-theme-interactive-background-pressed);\n  }\n\n  &:not(.qds-has-submenu, .qds-static):active {\n    background-color: var(--qds-theme-interactive-background-pressed);\n  }\n}\n\n.qds-selected {\n  &.qds-list-item {\n    background-color: var(--qds-theme-interactive-background-selected);\n\n    &:hover {\n      background-color: var(--qds-theme-interactive-background-selected-hover);\n    }\n\n    &:active {\n      background-color: var(\n        --qds-theme-interactive-background-selected-pressed\n      );\n    }\n  }\n\n  &[data-size='small'] .qds-title {\n    font: var(--qds-list-item-small-title-emphasized);\n  }\n\n  &[data-size='standard'] .qds-title {\n    font: var(--qds-list-item-standard-title-emphasized);\n  }\n\n  &[data-size='large'] .qds-title {\n    font: var(--qds-list-item-large-title-emphasized);\n  }\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface, EventEmitter } from '@stencil/core'\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  h,\n  Host,\n  Listen,\n  Prop,\n  readTask,\n  State,\n  Watch,\n} from '@stencil/core'\n\nimport type { QdsFocusEventDetail } from '../../helpers'\nimport {\n  invariant,\n  isEllipsisActive,\n  pickFocusEventAttributes,\n} from '../../helpers'\nimport type { Size } from '../shared'\n\nexport type Destination = 'navigation'\nexport type ListAction = 'multiselect' | 'none' | 'radio' | 'select'\n\n/**\n *\n *\n * @see https://quartz.se.com/build/components/list-item\n */\n@Component({\n  tag: 'qds-list-item',\n  shadow: { delegatesFocus: false },\n  styleUrl: 'list-item.css',\n})\nexport class ListItem implements ComponentInterface {\n  /**\n   * The destination action that the list item denotes through its rightmost icon.\n   */\n  @Prop() public readonly destination?: Destination\n\n  /**\n   * Prevents the list item from being interacted with: it cannot be selected\n   * or focused.\n   */\n  @Prop() public readonly disabled: boolean = false\n\n  /**\n   * Control how to display the bottom divider line.\n   *\n   * By default, the divider is not visible.\n   */\n  @Prop() public readonly showDivider: boolean = false\n\n  /**\n   * The name of the icon to render.\n   *\n   * Available names depend on the icon library being used.\n   */\n  @Prop() public readonly iconName?: string\n\n  /**\n   * The name of a registered icon library.\n   */\n  @Prop() public readonly iconLibrary: string = 'default'\n\n  /**\n   * The URL of the avatar image to display.\n   */\n  @Prop() public readonly avatarSrc?: string\n\n  /**\n   * The URL of the picture to display.\n   *\n   * This is used to display a picture in the list item.\n   * It is not used for the avatar image.\n   */\n  @Prop() public readonly imageSrc?: string\n\n  /**\n   * Text to display for the kicker.\n   */\n  @Prop() public readonly kicker?: string\n\n  /**\n   * The type of list-level action that the list item supports\n   */\n  @Prop() public readonly listAction: ListAction = 'select'\n\n  /**\n   * The list items's size.\n   */\n  @Prop() public readonly size?: Size = 'standard'\n\n  /**\n   * Whether or not the list item is selected.\n   */\n  @Prop({ mutable: true }) public selected?: boolean\n\n  /**\n   * Sets the list item to an indeterminate state, only when `list-action=\"indeterminate\"`.\n   * This is usually applied to items that represent a \"select all/none\" behavior when associated\n   * items have a mix of selected and unselected states.\n   *\n   * @webnative\n   */\n  @Prop({ mutable: true }) public indeterminate?: boolean\n\n  /**\n   * The primary text of the list item.\n   */\n  @Prop() public readonly text!: string\n\n  /**\n   * Text to display below the primary text.\n   */\n  @Prop() public readonly subtitle?: string\n\n  /**\n   * Displays a counter badge if a number or string representing a number is used.\n   *\n   * @webnative\n   */\n  @Prop() public readonly badge?: number | string\n\n  /**\n   * The counter badge's accessible text that will be used by\n   * screen readers.\n   */\n  @Prop() public readonly badgeDescription?: string\n\n  /**\n   * Emitted when the list item loses focus.\n   */\n  @Event({ eventName: 'qdsBlur', bubbles: false, cancelable: false })\n  private readonly blurEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  /**\n   * Emitted when a change to the checkbox's state is committed by the user.\n   */\n  @Event({ eventName: 'qdsChange', cancelable: false })\n  private readonly changeEmitter!: EventEmitter<void>\n\n  /**\n   * Emitted when the list item gains focus.\n   */\n  @Event({ eventName: 'qdsFocus', bubbles: false, cancelable: false })\n  private readonly focusEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  @AttachInternals() private readonly internals!: ElementInternals\n\n  @Element() private readonly host!: HTMLElement\n\n  @State() private textTooltip = false\n\n  @State() private subtitleTooltip = false\n\n  @State() private hasSubmenuSlot = false\n\n  #roText?: ResizeObserver\n\n  #roSubTitle?: ResizeObserver\n\n  #text?: HTMLDivElement\n\n  #subtitle?: HTMLDivElement\n\n  #iconButton!: HTMLQdsIconButtonElement\n\n  #checkbox?: HTMLQdsCheckboxElement\n\n  #radio?: HTMLQdsRadioElement\n\n  get #computedDestination(): Destination | undefined {\n    switch (this.destination) {\n      case 'navigation': {\n        return this.destination\n      }\n      default: {\n        return undefined\n      }\n    }\n  }\n\n  get #computedIndeterminate(): boolean {\n    return this.indeterminate ?? false\n  }\n\n  get #computedListAction(): ListAction {\n    switch (this.listAction) {\n      case 'radio':\n      case 'multiselect':\n      case 'select':\n      case 'none': {\n        return this.listAction\n      }\n      default: {\n        return 'select'\n      }\n    }\n  }\n\n  get #computedSelected(): boolean {\n    return this.selected ?? false\n  }\n\n  get #computedSize(): Size {\n    switch (this.size) {\n      case 'standard':\n      case 'small':\n      case 'large': {\n        return this.size\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  get #hasSubmenu(): boolean {\n    return this.hasSubmenuSlot\n  }\n\n  @Listen('click')\n  protected onClick(event: MouseEvent): void {\n    if (this.disabled || this.hasSubmenuSlot) {\n      event.stopImmediatePropagation()\n      return\n    }\n\n    if (this.#computedListAction === 'multiselect') {\n      invariant(this.#checkbox)\n      this.#onCheck(event)\n    }\n\n    if (this.#computedListAction === 'radio') {\n      invariant(this.#radio)\n      this.#onSelect(event)\n    }\n    // Always prevent default behavior to avoid the internal `<input>`\n    // to toggle `checked` state inappropriately.\n    //\n    // Note that this will need adjustments once we add the `item-action` slot.\n    event.preventDefault()\n  }\n\n  @Listen('keydown')\n  protected onKeydown(event: KeyboardEvent): void {\n    if (event.key === 'Enter') this.host.click()\n  }\n\n  @Listen('keyup')\n  protected onKeyup(event: KeyboardEvent): void {\n    if (event.key === ' ') this.host.click()\n  }\n\n  @Listen('dragstart')\n  protected onDragstart(): void {\n    if (!this.host.draggable) return\n    this.host.setAttribute('aria-grabbed', 'true')\n  }\n\n  @Listen('dragend')\n  protected onDragend(): void {\n    if (!this.host.draggable) return\n    this.host.removeAttribute('aria-grabbed')\n  }\n\n  @Watch('disabled')\n  protected disabledChanged(): void {\n    this.internals.ariaDisabled = this.disabled.toString()\n  }\n\n  @Watch('listAction')\n  protected listActionChanged(newValue: ListAction | undefined): void {\n    this.internals.ariaChecked =\n      (newValue === 'radio' || newValue === 'multiselect') &&\n      this.#computedSelected\n        ? 'true'\n        : 'false'\n  }\n\n  @Watch('text')\n  protected textChanged(): void {\n    if (this.#roText) this.#roText.disconnect()\n\n    if (!this.#text || !this.text) return\n\n    invariant(this.#text)\n\n    const div = this.#text\n    readTask(() => {\n      this.textTooltip = isEllipsisActive(div)\n    })\n    this.#roText = new ResizeObserver(([divEntry]) => {\n      this.textTooltip = isEllipsisActive(divEntry.target as HTMLDivElement)\n    })\n    this.#roText.observe(this.#text)\n  }\n\n  @Watch('subtitle')\n  protected subtitleChanged(): void {\n    if (this.#roSubTitle) this.#roSubTitle.disconnect()\n\n    if (!this.#subtitle || this.subtitle === undefined || this.subtitle === '')\n      return\n\n    invariant(this.#subtitle)\n    const div = this.#subtitle\n    readTask(() => {\n      this.subtitleTooltip = isEllipsisActive(div)\n    })\n    this.#roSubTitle = new ResizeObserver(([divEntry]) => {\n      this.subtitleTooltip = isEllipsisActive(divEntry.target as HTMLDivElement)\n    })\n    this.#roSubTitle.observe(this.#subtitle)\n  }\n\n  public componentWillLoad(): void {\n    this.hasSubmenuSlot = this.host.hasChildNodes()\n\n    const subtitle =\n      this.subtitle === undefined || this.subtitle === ''\n        ? ''\n        : ` ${this.subtitle}`\n    const kicker =\n      this.kicker === undefined || this.kicker === '' ? '' : ` ${this.kicker}`\n    this.internals.ariaLabel = `${this.text} ${subtitle} ${kicker}`.trim()\n    switch (this.listAction) {\n      case 'select': {\n        this.internals.role = 'generic'\n        break\n      }\n      default: {\n        this.internals.role = 'listitem'\n        break\n      }\n    }\n    this.disabledChanged()\n  }\n\n  public componentDidLoad(): void {\n    this.textChanged()\n    this.subtitleChanged()\n  }\n\n  public render() {\n    return (\n      <Host>\n        <div\n          class={{\n            'qds-list-item': true,\n            'qds-has-submenu': this.#hasSubmenu,\n            'qds-disabled': this.disabled,\n            'qds-selected': this.#computedSelected,\n            'qds-static': this.#computedListAction === 'none',\n          }}\n          data-size={this.#computedSize}\n        >\n          <div\n            class={{\n              'qds-indented-content': true,\n              'qds-cursor-pointer':\n                !this.disabled && this.#computedListAction !== 'none',\n            }}\n          >\n            {this.#computedListAction === 'multiselect' && (\n              <qds-checkbox\n                checked={this.selected}\n                indeterminate={this.indeterminate}\n                size={this.size}\n                text={this.text}\n                disabled={this.disabled}\n                checkboxOnly\n                onQdsChange={this.#onCheck}\n                ref={this.#checkboxRef}\n              />\n            )}\n\n            {this.#computedListAction === 'radio' && (\n              <qds-radio\n                checked={this.selected}\n                size={this.size}\n                onQdsChange={this.#onSelect}\n                disabled={this.disabled}\n                aria-label={this.text}\n                ref={this.#radioRef}\n              />\n            )}\n\n            {this.host.draggable && (\n              <qds-icon\n                class=\"qds-icon qds-list-action qds-draggable\"\n                library=\"core\"\n                name=\"draggable\"\n              />\n            )}\n\n            {this.imageSrc !== undefined && this.imageSrc !== '' && (\n              <img class=\"qds-picture\" src={this.imageSrc} alt=\"\" />\n            )}\n\n            {this.iconName !== undefined && this.iconName !== '' && (\n              <qds-icon\n                class=\"qds-main-icon\"\n                library={this.iconLibrary}\n                name={this.iconName}\n              />\n            )}\n            {this.avatarSrc !== undefined && this.avatarSrc !== '' && (\n              <qds-avatar-media class=\"qds-picture\" src={this.avatarSrc} />\n            )}\n\n            <div\n              class=\"qds-texts\"\n              role={\n                this.#computedListAction === 'select' ? 'option' : undefined\n              }\n              tabIndex={\n                this.#computedListAction === 'select' && !this.disabled\n                  ? 0\n                  : undefined\n              }\n              onFocus={this.#onFocus}\n              onBlur={this.#onBlur}\n            >\n              {this.kicker !== undefined && this.kicker !== '' && (\n                <div class=\"qds-kicker\">{this.kicker}</div>\n              )}\n              <div class=\"qds-title\" ref={this.#divTitleRef}>\n                {this.text}\n              </div>\n              {this.subtitle !== undefined && this.subtitle !== '' && (\n                <div class=\"qds-subtitle\" ref={this.#divSubtitleRef}>\n                  {this.subtitle}\n                </div>\n              )}\n            </div>\n\n            {this.badge !== undefined && this.badge !== '' && (\n              <qds-badge-counter\n                size={this.#computedSize}\n                strokeRing\n                value={this.badge}\n                description={this.badgeDescription}\n              />\n            )}\n\n            {this.#hasSubmenu && (\n              <qds-icon-button\n                iconName=\"dots-3-vertical\"\n                importance=\"subdued\"\n                aria-label=\"more actions\"\n                disabled={this.disabled}\n                ref={this.#iconButtonRef}\n              />\n            )}\n\n            {this.#computedDestination !== undefined && (\n              <qds-icon\n                class=\"qds-icon qds-destination\"\n                library=\"core\"\n                name={this.#computedDestination}\n              />\n            )}\n          </div>\n          {this.#hasSubmenu && (\n            <qds-dropdown\n              class=\"qds-accessory qds-related\"\n              placement=\"right-start\"\n              target={this.#iconButtonRef}\n              role=\"menu\"\n            >\n              <slot onSlotchange={this.#onSlotChange} />\n            </qds-dropdown>\n          )}\n          {this.showDivider && <qds-divider />}\n          {(this.textTooltip || this.subtitleTooltip) && (\n            <qds-tooltip aria-hidden=\"true\" ref={this.#textTooltipRef}>\n              <div class=\"qds-tooltip-kicker\">{this.kicker}</div>\n              <div class=\"qds-tooltip-title\">{this.text}</div>\n              <div class=\"qds-tooltip-subtitle\">{this.subtitle}</div>\n            </qds-tooltip>\n          )}\n        </div>\n      </Host>\n    )\n  }\n\n  readonly #onBlur = (event: FocusEvent): void => {\n    this.blurEmitter.emit(pickFocusEventAttributes(event))\n  }\n\n  readonly #onFocus = (event: FocusEvent): void => {\n    this.focusEmitter.emit(pickFocusEventAttributes(event))\n  }\n\n  readonly #onCheck = (event: Event): void => {\n    event.stopImmediatePropagation()\n    this.selected = this.#computedIndeterminate ? true : !this.#computedSelected\n    this.changeEmitter.emit()\n    this.indeterminate = false\n  }\n\n  readonly #onSelect = (event: Event): void => {\n    event.stopImmediatePropagation()\n    if (!this.#computedSelected) {\n      this.selected = !this.#computedSelected\n      this.changeEmitter.emit()\n    }\n  }\n\n  readonly #divTitleRef = (div?: HTMLDivElement): void => {\n    this.#text = div\n  }\n\n  readonly #divSubtitleRef = (div?: HTMLDivElement): void => {\n    this.#subtitle = div\n  }\n\n  readonly #textTooltipRef = (tooltip?: HTMLQdsTooltipElement): void => {\n    if (tooltip)\n      // eslint-disable-next-line no-param-reassign\n      tooltip.target = this.host\n  }\n\n  readonly #iconButtonRef = (\n    iconButton?: HTMLQdsIconButtonElement,\n  ): HTMLQdsIconButtonElement => {\n    if (iconButton) {\n      this.#iconButton = iconButton\n    }\n\n    return this.#iconButton\n  }\n\n  readonly #onSlotChange = (event: Event): void => {\n    invariant(event.target instanceof HTMLSlotElement)\n    const slot = event.target\n    this.hasSubmenuSlot = slot.assignedNodes().length > 0\n  }\n\n  readonly #checkboxRef = (checkbox?: HTMLQdsCheckboxElement): void => {\n    this.#checkbox = checkbox\n  }\n\n  readonly #radioRef = (radio?: HTMLQdsRadioElement): void => {\n    this.#radio = radio\n  }\n}\n"],"names":["pickFocusEventAttributes","invariant","readTask","isEllipsisActive","h","Host"],"mappings":"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"}
+{"version":3,"file":"qds-list-item.entry.cjs.js","sources":["src/components/list-item/list-item.css?tag=qds-list-item&encapsulation=shadow","src/components/list-item/list-item.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: block;\n}\n\n.qds-disabled {\n  opacity: var(--qds-theme-disabled);\n  pointer-events: none;\n}\n\n.qds-list-item,\n.qds-indented-content {\n  align-items: center;\n  box-sizing: border-box;\n  border-radius: var(--qds-control-border-radius);\n}\n\n.qds-indented-content {\n  display: flex;\n  flex: 1 0;\n  align-self: stretch;\n  cursor: default;\n}\n\n.qds-destination {\n  transform: scaleX(var(--qds-direction-factor, 1));\n}\n\n.qds-icon,\n.qds-main-icon {\n  color: var(--qds-theme-text-standard);\n}\n\n.qds-picture {\n  flex-shrink: 0;\n}\n\n.qds-texts {\n  justify-items: center;\n  display: flex;\n  flex: 1 0;\n  flex-direction: column;\n  padding: 0;\n  position: relative;\n\n  &:focus-visible {\n    /* inner ring */\n    outline: var(--qds-theme-focus-border-contrast) solid\n      var(--qds-focus-light-border-width);\n    outline-offset: 0;\n\n    /* outer ring */\n    box-shadow: 0 0 0 var(--qds-focus-heavy-border-width)\n      var(--qds-theme-focus-border);\n    border-radius: var(--qds-control-border-radius);\n  }\n}\n\n.qds-input {\n  appearance: none;\n  background: none;\n  border: none;\n  border-radius: var(--qds-control-border-radius);\n  inset: 0;\n  margin: 0;\n  outline: none;\n  position: absolute;\n}\n\n.qds-title {\n  color: var(--qds-theme-title);\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n}\n\n.qds-tooltip-title {\n  color: var(--qds-theme-title);\n}\n\n.qds-subtitle {\n  color: var(--qds-theme-subtitle);\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 5;\n  overflow: hidden;\n}\n\n.qds-tooltip-subtitle {\n  color: var(--qds-theme-subtitle);\n}\n\n.qds-kicker {\n  color: var(--qds-theme-kicker);\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  overflow: hidden;\n}\n\n.qds-tooltip-kicker {\n  color: var(--qds-theme-kicker);\n}\n\n.qds-draggable {\n  cursor: grab;\n}\n\n.qds-cursor-pointer {\n  cursor: pointer;\n}\n\n[data-size='small'] {\n  .qds-indented-content {\n    gap: var(--qds-list-item-small-gap-internal);\n    min-height: var(--qds-list-item-small-height);\n    padding: var(--qds-list-item-small-padding-vertical)\n      var(--qds-list-item-small-padding-horizontal);\n  }\n\n  .qds-icon {\n    height: var(--qds-control-small-icon-size);\n    width: var(--qds-control-small-icon-size);\n  }\n\n  .qds-main-icon {\n    height: var(--qds-list-item-small-icon-size);\n    width: var(--qds-list-item-small-icon-size);\n  }\n\n  .qds-texts {\n    gap: var(--qds-list-item-small-titles-gap);\n  }\n\n  .qds-kicker,\n  .qds-tooltip-kicker {\n    font: var(--qds-list-item-small-kicker);\n  }\n\n  .qds-title,\n  .qds-tooltip-title {\n    font: var(--qds-list-item-small-title);\n  }\n\n  .qds-subtitle,\n  .qds-tooltip-subtitle {\n    font: var(--qds-list-item-small-subtitle);\n  }\n\n  .qds-picture {\n    height: var(--qds-list-item-small-picture-size);\n    width: var(--qds-list-item-small-picture-size);\n  }\n}\n\n[data-size='standard'] {\n  .qds-indented-content {\n    gap: var(--qds-list-item-standard-gap-internal);\n    min-height: var(--qds-list-item-standard-height);\n    padding: var(--qds-list-item-standard-padding-vertical)\n      var(--qds-list-item-standard-padding-horizontal);\n  }\n\n  .qds-icon {\n    height: var(--qds-control-standard-icon-size);\n    width: var(--qds-control-standard-icon-size);\n  }\n\n  .qds-main-icon {\n    height: var(--qds-list-item-standard-icon-size);\n    width: var(--qds-list-item-standard-icon-size);\n  }\n\n  .qds-texts {\n    gap: var(--qds-list-item-standard-titles-gap);\n  }\n\n  .qds-kicker,\n  .qds-tooltip-kicker {\n    font: var(--qds-list-item-standard-kicker);\n  }\n\n  .qds-title,\n  .qds-tooltip-title {\n    font: var(--qds-list-item-standard-title);\n  }\n\n  .qds-subtitle,\n  .qds-tooltip-subtitle {\n    font: var(--qds-list-item-standard-subtitle);\n  }\n\n  .qds-picture {\n    height: var(--qds-list-item-standard-picture-size);\n    width: var(--qds-list-item-standard-picture-size);\n  }\n}\n\n[data-size='large'] {\n  .qds-indented-content {\n    gap: var(--qds-list-item-large-gap-internal);\n    min-height: var(--qds-list-item-large-height);\n    padding: var(--qds-list-item-large-padding-vertical)\n      var(--qds-list-item-large-padding-horizontal);\n  }\n\n  .qds-icon {\n    height: var(--qds-control-large-icon-size);\n    width: var(--qds-control-large-icon-size);\n  }\n\n  .qds-main-icon {\n    height: var(--qds-list-item-large-icon-size);\n    width: var(--qds-list-item-large-icon-size);\n  }\n\n  .qds-texts {\n    gap: var(--qds-list-item-large-titles-gap);\n  }\n\n  .qds-kicker,\n  .qds-tooltip-kicker {\n    font: var(--qds-list-item-large-kicker);\n  }\n\n  .qds-title,\n  .qds-tooltip-title {\n    font: var(--qds-list-item-large-title);\n  }\n\n  .qds-subtitle,\n  .qds-tooltip-subtitle {\n    font: var(--qds-list-item-large-subtitle);\n  }\n\n  .qds-picture {\n    height: var(--qds-list-item-large-picture-size);\n    width: var(--qds-list-item-large-picture-size);\n  }\n}\n\n.qds-list-item {\n  display: block;\n\n  &:hover:not(.qds-static) {\n    background-color: var(--qds-theme-interactive-background-hover);\n  }\n\n  &:active:not(.qds-static) {\n    background-color: var(--qds-theme-interactive-background-pressed);\n  }\n\n  &:not(.qds-has-submenu, .qds-static):active {\n    background-color: var(--qds-theme-interactive-background-pressed);\n  }\n}\n\n.qds-selected {\n  &.qds-list-item {\n    background-color: var(--qds-theme-interactive-background-selected);\n\n    &:hover {\n      background-color: var(--qds-theme-interactive-background-selected-hover);\n    }\n\n    &:active {\n      background-color: var(\n        --qds-theme-interactive-background-selected-pressed\n      );\n    }\n  }\n\n  &[data-size='small'] .qds-title {\n    font: var(--qds-list-item-small-title-emphasized);\n  }\n\n  &[data-size='standard'] .qds-title {\n    font: var(--qds-list-item-standard-title-emphasized);\n  }\n\n  &[data-size='large'] .qds-title {\n    font: var(--qds-list-item-large-title-emphasized);\n  }\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface, EventEmitter } from '@stencil/core'\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  h,\n  Host,\n  Listen,\n  Prop,\n  readTask,\n  State,\n  Watch,\n} from '@stencil/core'\n\nimport type { QdsFocusEventDetail } from '../../helpers'\nimport {\n  invariant,\n  isEllipsisActive,\n  pickFocusEventAttributes,\n} from '../../helpers'\nimport type { Size } from '../shared'\n\nexport type Destination = 'navigation'\nexport type ListAction = 'multiselect' | 'none' | 'radio' | 'select'\n\nconst stopImmediatePropagation = (event: Event): void => {\n  event.stopImmediatePropagation()\n}\n\n/**\n *\n *\n * @see https://quartz.se.com/build/components/list-item\n */\n@Component({\n  tag: 'qds-list-item',\n  shadow: { delegatesFocus: false },\n  styleUrl: 'list-item.css',\n})\nexport class ListItem implements ComponentInterface {\n  /**\n   * The destination action that the list item denotes through its rightmost icon.\n   */\n  @Prop() public readonly destination?: Destination\n\n  /**\n   * Prevents the list item from being interacted with: it cannot be selected\n   * or focused.\n   */\n  @Prop() public readonly disabled: boolean = false\n\n  /**\n   * Control how to display the bottom divider line.\n   *\n   * By default, the divider is not visible.\n   */\n  @Prop() public readonly showDivider: boolean = false\n\n  /**\n   * The name of the icon to render.\n   *\n   * Available names depend on the icon library being used.\n   */\n  @Prop() public readonly iconName?: string\n\n  /**\n   * The name of a registered icon library.\n   */\n  @Prop() public readonly iconLibrary: string = 'default'\n\n  /**\n   * The URL of the avatar image to display.\n   */\n  @Prop() public readonly avatarSrc?: string\n\n  /**\n   * The URL of the picture to display.\n   *\n   * This is used to display a picture in the list item.\n   * It is not used for the avatar image.\n   */\n  @Prop() public readonly imageSrc?: string\n\n  /**\n   * Text to display for the kicker.\n   */\n  @Prop() public readonly kicker?: string\n\n  /**\n   * The type of list-level action that the list item supports\n   */\n  @Prop() public readonly listAction: ListAction = 'select'\n\n  /**\n   * The list items's size.\n   */\n  @Prop() public readonly size?: Size = 'standard'\n\n  /**\n   * Whether or not the list item is selected.\n   */\n  @Prop({ mutable: true }) public selected?: boolean\n\n  /**\n   * Sets the list item to an indeterminate state, only when `list-action=\"indeterminate\"`.\n   * This is usually applied to items that represent a \"select all/none\" behavior when associated\n   * items have a mix of selected and unselected states.\n   *\n   * @webnative\n   */\n  @Prop({ mutable: true }) public indeterminate?: boolean\n\n  /**\n   * The primary text of the list item.\n   */\n  @Prop() public readonly text!: string\n\n  /**\n   * Text to display below the primary text.\n   */\n  @Prop() public readonly subtitle?: string\n\n  /**\n   * Displays a counter badge if a number or string representing a number is used.\n   *\n   * @webnative\n   */\n  @Prop() public readonly badge?: number | string\n\n  /**\n   * The counter badge's accessible text that will be used by\n   * screen readers.\n   */\n  @Prop() public readonly badgeDescription?: string\n\n  /**\n   * Emitted when the list item loses focus.\n   */\n  @Event({ eventName: 'qdsBlur', bubbles: false, cancelable: false })\n  private readonly blurEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  /**\n   * Emitted when a change to the checkbox's state is committed by the user.\n   */\n  @Event({ eventName: 'qdsChange', cancelable: false })\n  private readonly changeEmitter!: EventEmitter<void>\n\n  /**\n   * Emitted when the list item gains focus.\n   */\n  @Event({ eventName: 'qdsFocus', bubbles: false, cancelable: false })\n  private readonly focusEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  @AttachInternals() private readonly internals!: ElementInternals\n\n  @Element() private readonly host!: HTMLElement\n\n  @State() private textTooltip = false\n\n  @State() private subtitleTooltip = false\n\n  @State() private hasSubmenuSlot = false\n\n  #roText?: ResizeObserver\n\n  #roSubTitle?: ResizeObserver\n\n  #text?: HTMLDivElement\n\n  #subtitle?: HTMLDivElement\n\n  #iconButton!: HTMLQdsIconButtonElement\n\n  #checkbox?: HTMLQdsCheckboxElement\n\n  #radio?: HTMLQdsRadioElement\n\n  get #computedDestination(): Destination | undefined {\n    switch (this.destination) {\n      case 'navigation': {\n        return this.destination\n      }\n      default: {\n        return undefined\n      }\n    }\n  }\n\n  get #computedIndeterminate(): boolean {\n    return this.indeterminate ?? false\n  }\n\n  get #computedListAction(): ListAction {\n    switch (this.listAction) {\n      case 'radio':\n      case 'multiselect':\n      case 'select':\n      case 'none': {\n        return this.listAction\n      }\n      default: {\n        return 'select'\n      }\n    }\n  }\n\n  get #computedSelected(): boolean {\n    return this.selected ?? false\n  }\n\n  get #computedSize(): Size {\n    switch (this.size) {\n      case 'standard':\n      case 'small':\n      case 'large': {\n        return this.size\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  get #hasSubmenu(): boolean {\n    return this.hasSubmenuSlot\n  }\n\n  @Listen('click')\n  protected onClick(event: MouseEvent): void {\n    if (this.disabled || this.hasSubmenuSlot) {\n      event.stopImmediatePropagation()\n      return\n    }\n\n    if (this.#computedListAction === 'multiselect') {\n      invariant(this.#checkbox)\n      this.#onCheck(event)\n    }\n\n    if (this.#computedListAction === 'radio') {\n      invariant(this.#radio)\n      this.#onSelect(event)\n    }\n    // Always prevent default behavior to avoid the internal `<input>`\n    // to toggle `checked` state inappropriately.\n    //\n    // Note that this will need adjustments once we add the `item-action` slot.\n    event.preventDefault()\n  }\n\n  @Listen('keydown')\n  protected onKeydown(event: KeyboardEvent): void {\n    if (event.key === 'Enter') this.host.click()\n  }\n\n  @Listen('keyup')\n  protected onKeyup(event: KeyboardEvent): void {\n    if (event.key === ' ') this.host.click()\n  }\n\n  @Listen('dragstart')\n  protected onDragstart(): void {\n    if (!this.host.draggable) return\n    this.host.setAttribute('aria-grabbed', 'true')\n  }\n\n  @Listen('dragend')\n  protected onDragend(): void {\n    if (!this.host.draggable) return\n    this.host.removeAttribute('aria-grabbed')\n  }\n\n  @Watch('disabled')\n  protected disabledChanged(): void {\n    this.internals.ariaDisabled = this.disabled.toString()\n  }\n\n  @Watch('listAction')\n  protected listActionChanged(newValue: ListAction | undefined): void {\n    this.internals.ariaChecked =\n      (newValue === 'radio' || newValue === 'multiselect') &&\n      this.#computedSelected\n        ? 'true'\n        : 'false'\n  }\n\n  @Watch('text')\n  protected textChanged(): void {\n    if (this.#roText) this.#roText.disconnect()\n\n    if (!this.#text || !this.text) return\n\n    invariant(this.#text)\n\n    const div = this.#text\n    readTask(() => {\n      this.textTooltip = isEllipsisActive(div)\n    })\n    this.#roText = new ResizeObserver(([divEntry]) => {\n      this.textTooltip = isEllipsisActive(divEntry.target as HTMLDivElement)\n    })\n    this.#roText.observe(this.#text)\n  }\n\n  @Watch('subtitle')\n  protected subtitleChanged(): void {\n    if (this.#roSubTitle) this.#roSubTitle.disconnect()\n\n    if (!this.#subtitle || this.subtitle === undefined || this.subtitle === '')\n      return\n\n    invariant(this.#subtitle)\n    const div = this.#subtitle\n    readTask(() => {\n      this.subtitleTooltip = isEllipsisActive(div)\n    })\n    this.#roSubTitle = new ResizeObserver(([divEntry]) => {\n      this.subtitleTooltip = isEllipsisActive(divEntry.target as HTMLDivElement)\n    })\n    this.#roSubTitle.observe(this.#subtitle)\n  }\n\n  public componentWillLoad(): void {\n    this.hasSubmenuSlot = this.host.hasChildNodes()\n\n    const subtitle =\n      this.subtitle === undefined || this.subtitle === ''\n        ? ''\n        : ` ${this.subtitle}`\n    const kicker =\n      this.kicker === undefined || this.kicker === '' ? '' : ` ${this.kicker}`\n    this.internals.ariaLabel = `${this.text} ${subtitle} ${kicker}`.trim()\n    switch (this.listAction) {\n      case 'select': {\n        this.internals.role = 'generic'\n        break\n      }\n      default: {\n        this.internals.role = 'listitem'\n        break\n      }\n    }\n    this.disabledChanged()\n  }\n\n  public componentDidLoad(): void {\n    this.textChanged()\n    this.subtitleChanged()\n  }\n\n  public render() {\n    return (\n      <Host>\n        <div\n          class={{\n            'qds-list-item': true,\n            'qds-has-submenu': this.#hasSubmenu,\n            'qds-disabled': this.disabled,\n            'qds-selected': this.#computedSelected,\n            'qds-static': this.#computedListAction === 'none',\n          }}\n          data-size={this.#computedSize}\n        >\n          <div\n            class={{\n              'qds-indented-content': true,\n              'qds-cursor-pointer':\n                !this.disabled && this.#computedListAction !== 'none',\n            }}\n          >\n            {this.#computedListAction === 'multiselect' && (\n              <qds-checkbox\n                checked={this.selected}\n                indeterminate={this.indeterminate}\n                size={this.size}\n                text={this.text}\n                disabled={this.disabled}\n                checkboxOnly\n                onQdsChange={stopImmediatePropagation}\n                ref={this.#checkboxRef}\n              />\n            )}\n\n            {this.#computedListAction === 'radio' && (\n              <qds-radio\n                checked={this.selected}\n                size={this.size}\n                onQdsChange={this.#onSelect}\n                disabled={this.disabled}\n                aria-label={this.text}\n                ref={this.#radioRef}\n              />\n            )}\n\n            {this.host.draggable && (\n              <qds-icon\n                class=\"qds-icon qds-list-action qds-draggable\"\n                library=\"core\"\n                name=\"draggable\"\n              />\n            )}\n\n            {this.imageSrc !== undefined && this.imageSrc !== '' && (\n              <img class=\"qds-picture\" src={this.imageSrc} alt=\"\" />\n            )}\n\n            {this.iconName !== undefined && this.iconName !== '' && (\n              <qds-icon\n                class=\"qds-main-icon\"\n                library={this.iconLibrary}\n                name={this.iconName}\n              />\n            )}\n            {this.avatarSrc !== undefined && this.avatarSrc !== '' && (\n              <qds-avatar-media class=\"qds-picture\" src={this.avatarSrc} />\n            )}\n\n            <div\n              class=\"qds-texts\"\n              role={\n                this.#computedListAction === 'select' ? 'option' : undefined\n              }\n              tabIndex={\n                this.#computedListAction === 'select' && !this.disabled\n                  ? 0\n                  : undefined\n              }\n              onFocus={this.#onFocus}\n              onBlur={this.#onBlur}\n            >\n              {this.kicker !== undefined && this.kicker !== '' && (\n                <div class=\"qds-kicker\">{this.kicker}</div>\n              )}\n              <div class=\"qds-title\" ref={this.#divTitleRef}>\n                {this.text}\n              </div>\n              {this.subtitle !== undefined && this.subtitle !== '' && (\n                <div class=\"qds-subtitle\" ref={this.#divSubtitleRef}>\n                  {this.subtitle}\n                </div>\n              )}\n            </div>\n\n            {this.badge !== undefined && this.badge !== '' && (\n              <qds-badge-counter\n                size={this.#computedSize}\n                strokeRing\n                value={this.badge}\n                description={this.badgeDescription}\n              />\n            )}\n\n            {this.#hasSubmenu && (\n              <qds-icon-button\n                iconName=\"dots-3-vertical\"\n                importance=\"subdued\"\n                aria-label=\"more actions\"\n                disabled={this.disabled}\n                ref={this.#iconButtonRef}\n              />\n            )}\n\n            {this.#computedDestination !== undefined && (\n              <qds-icon\n                class=\"qds-icon qds-destination\"\n                library=\"core\"\n                name={this.#computedDestination}\n              />\n            )}\n          </div>\n          {this.#hasSubmenu && (\n            <qds-dropdown\n              class=\"qds-accessory qds-related\"\n              placement=\"right-start\"\n              target={this.#iconButtonRef}\n              role=\"menu\"\n            >\n              <slot onSlotchange={this.#onSlotChange} />\n            </qds-dropdown>\n          )}\n          {this.showDivider && <qds-divider />}\n          {(this.textTooltip || this.subtitleTooltip) && (\n            <qds-tooltip aria-hidden=\"true\" ref={this.#textTooltipRef}>\n              <div class=\"qds-tooltip-kicker\">{this.kicker}</div>\n              <div class=\"qds-tooltip-title\">{this.text}</div>\n              <div class=\"qds-tooltip-subtitle\">{this.subtitle}</div>\n            </qds-tooltip>\n          )}\n        </div>\n      </Host>\n    )\n  }\n\n  readonly #onBlur = (event: FocusEvent): void => {\n    this.blurEmitter.emit(pickFocusEventAttributes(event))\n  }\n\n  readonly #onFocus = (event: FocusEvent): void => {\n    this.focusEmitter.emit(pickFocusEventAttributes(event))\n  }\n\n  readonly #onCheck = (event: Event): void => {\n    event.stopImmediatePropagation()\n    this.selected = this.#computedIndeterminate ? true : !this.#computedSelected\n    this.changeEmitter.emit()\n    this.indeterminate = false\n  }\n\n  readonly #onSelect = (event: Event): void => {\n    event.stopImmediatePropagation()\n    if (!this.#computedSelected) {\n      this.selected = !this.#computedSelected\n      this.changeEmitter.emit()\n    }\n  }\n\n  readonly #divTitleRef = (div?: HTMLDivElement): void => {\n    this.#text = div\n  }\n\n  readonly #divSubtitleRef = (div?: HTMLDivElement): void => {\n    this.#subtitle = div\n  }\n\n  readonly #textTooltipRef = (tooltip?: HTMLQdsTooltipElement): void => {\n    if (tooltip)\n      // eslint-disable-next-line no-param-reassign\n      tooltip.target = this.host\n  }\n\n  readonly #iconButtonRef = (\n    iconButton?: HTMLQdsIconButtonElement,\n  ): HTMLQdsIconButtonElement => {\n    if (iconButton) {\n      this.#iconButton = iconButton\n    }\n\n    return this.#iconButton\n  }\n\n  readonly #onSlotChange = (event: Event): void => {\n    invariant(event.target instanceof HTMLSlotElement)\n    const slot = event.target\n    this.hasSubmenuSlot = slot.assignedNodes().length > 0\n  }\n\n  readonly #checkboxRef = (checkbox?: HTMLQdsCheckboxElement): void => {\n    this.#checkbox = checkbox\n  }\n\n  readonly #radioRef = (radio?: HTMLQdsRadioElement): void => {\n    this.#radio = radio\n  }\n}\n"],"names":["pickFocusEventAttributes","invariant","readTask","isEllipsisActive","h","Host"],"mappings":"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"}

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

@@ -6,9 +6,9 @@
 'use strict';
 
 var index = require('./index-DIY7gpXM.js');
-var helpers = require('./helpers-Qs3cpKiI.js');
+var helpers = require('./helpers-DjUgyTKn.js');
 
-const menuItemCss = ":host([hidden]){display:none!important}:host{display:block}:host(:focus-visible){border-radius:var(--qds-control-border-radius);box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-menu-item-container{align-items:center;display:flex;flex-grow:1}.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);flex-grow:1;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);padding-block:var(--qds-list-item-small-padding-vertical);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);padding-block:var(--qds-list-item-standard-padding-vertical);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);padding-block:var(--qds-list-item-large-padding-vertical);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)}";
+const menuItemCss = ":host([hidden]){display:none!important}:host{display:block}:host(:focus-visible){border-radius:var(--qds-control-border-radius);box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-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);transform:scaleX(var(--qds-direction-factor,1))}.menu-item-checkable,.qds-icon{flex-shrink:0}.qds-text{color:var(--qds-theme-title);flex-grow:1;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);padding-block:var(--qds-list-item-small-padding-vertical);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);padding-block:var(--qds-list-item-standard-padding-vertical);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);padding-block:var(--qds-list-item-large-padding-vertical);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;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
 //
@@ -29,7 +29,7 @@ var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) ||
         throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _MenuItem_instances, _MenuItem_ro, _MenuItem_menuItem, _MenuItem_span, _MenuItem_computedSize_get, _MenuItem_computedType_get, _MenuItem_computedCheckable_get, _MenuItem_computedChecked_get, _MenuItem_computedDisabled_get, _MenuItem_hasSubmenu_get, _MenuItem_menuitemDivRef, _MenuItem_spanRef, _MenuItem_tooltipRef;
+var _MenuItem_instances, _MenuItem_ro, _MenuItem_menuItem, _MenuItem_span, _MenuItem_submenuDropdown, _MenuItem_submenuPlacement_get, _MenuItem_computedSize_get, _MenuItem_computedType_get, _MenuItem_computedCheckable_get, _MenuItem_computedChecked_get, _MenuItem_computedDisabled_get, _MenuItem_hasSubmenu_get, _MenuItem_menuitemDivRef, _MenuItem_spanRef, _MenuItem_tooltipRef;
 const MenuItem = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -62,6 +62,7 @@ const MenuItem = class {
         _MenuItem_ro.set(this, void 0);
         _MenuItem_menuItem.set(this, void 0);
         _MenuItem_span.set(this, void 0);
+        _MenuItem_submenuDropdown.set(this, void 0);
         _MenuItem_menuitemDivRef.set(this, (menuItem) => {
             if (menuItem) {
                 __classPrivateFieldSet(this, _MenuItem_menuItem, menuItem, "f");
@@ -92,6 +93,24 @@ const MenuItem = class {
             this.checked = !__classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get);
             this.selectEmitter.emit();
         }
+        if (__classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && __classPrivateFieldGet(this, _MenuItem_submenuDropdown, "f")) {
+            __classPrivateFieldGet(this, _MenuItem_submenuDropdown, "f").placement = helpers.isRTL(this.host)
+                ? __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_submenuPlacement_get)
+                : __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_submenuPlacement_get);
+        }
+    }
+    async onKeydown(event) {
+        if (!__classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) || !__classPrivateFieldGet(this, _MenuItem_submenuDropdown, "f"))
+            return;
+        const openKey = helpers.getSubmenuOpenKey(this.host);
+        if (event.key === openKey || event.key === ' ' || event.key === 'Enter') {
+            event.preventDefault();
+            event.stopPropagation();
+            __classPrivateFieldGet(this, _MenuItem_submenuDropdown, "f").placement =
+                event.key === openKey ? __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_submenuPlacement_get) : __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_submenuPlacement_get);
+            await __classPrivateFieldGet(this, _MenuItem_submenuDropdown, "f").show();
+            await __classPrivateFieldGet(this, _MenuItem_submenuDropdown, "f").focusFirstItem();
+        }
     }
     disabledChanged() {
         this.internals.ariaDisabled = __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get).toString();
@@ -113,16 +132,21 @@ const MenuItem = class {
     }
     componentWillLoad() {
         this.hasSubmenuSlot = this.host.hasChildNodes();
-        this.internals.role =
-            this.type === 'checkbox' ? 'menuitemcheckbox' : 'menuitem';
+        this.internals.role = this.hasSubmenuSlot
+            ? 'menu'
+            : this.type === 'checkbox'
+                ? 'menuitemcheckbox'
+                : 'menuitem';
         this.disabledChanged();
     }
     render() {
-        return (index.h("div", { key: '7d0ba7c11661174f646a8b69012645224bda21fe', class: {
+        return (index.h("div", { key: 'fae8f24bbefcdc64c004b8da65a70cd8b9fe8438', 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" }, index.h("div", { key: 'ddc9c1614161a68acce64d7b055a4f98ad46c8ea', class: "qds-menu-item-container" }, __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (index.h("span", { key: '2976f946bbafda1f8878fe63dab984acb3a7022a', class: "menu-item-checkable" })), __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (index.h("qds-icon", { key: 'badd5434f8857f8819aeefdff6d81d8206ff4c26', class: "qds-icon", library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (index.h("qds-icon", { key: '6ba121d5c02d93f061fe6e4563a840c3e3ed248b', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), index.h("span", { key: 'e6d352056093d513259bf307d57a2bf6594ef51c', class: "qds-text", ref: __classPrivateFieldGet(this, _MenuItem_spanRef, "f") }, this.text), this.shortcut !== undefined && this.shortcut !== '' && (index.h("span", { key: '57e519dcacdd6df02e57cabedf6be273ca2fe6d6', class: "qds-shortcut" }, this.shortcut)), __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (index.h("qds-icon", { key: 'd42b375a3db82416e4897046f8158475e5ae8cae', class: "qds-icon", library: "core", name: "navigation" }))), __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (index.h("qds-dropdown", { key: '051eac52674daeba3a8818f56e8bcc313c281a0b', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet(this, _MenuItem_menuitemDivRef, "f") }, index.h("slot", { key: 'c8f84041f9369ab6d2bd8e2978db851e2fc89c2e' }))), this.tooltip && (index.h("qds-tooltip", { key: 'dde1e377a56eaa598351c119d190fa77c001deb6', 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" }, index.h("div", { key: 'b45e71326da41fc69fd8c9a39ba169eb47f2c8dc', class: "qds-menu-item-container" }, __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (index.h("span", { key: 'd71f665a70cd44ca1fd13715a7caebf01714993c', class: "menu-item-checkable" })), __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (index.h("qds-icon", { key: '6e50fb81a27ef336c33a7d0a0efe073f0760e5c0', class: "qds-icon", library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (index.h("qds-icon", { key: '1c746859fb0e38ea9ad2cbce505dfba50db6342a', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), index.h("span", { key: '035d26a96b245959e98a89b652b60af3feb837c5', class: "qds-text", ref: __classPrivateFieldGet(this, _MenuItem_spanRef, "f") }, this.text), this.shortcut !== undefined && this.shortcut !== '' && (index.h("span", { key: 'ab0cae8c88d869426ebb91769ec45186f1f73342', class: "qds-shortcut" }, this.shortcut)), __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (index.h("qds-icon", { key: '363565cb9b80eb1063fc95c46bc59bbf5d5f2ae3', class: "qds-icon", library: "core", name: "navigation" }))), __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (index.h("qds-dropdown", { key: 'f44a9870d3b5c5cdc24f27ba67e4bfda6f00252a', class: "qds-accessory qds-related", target: __classPrivateFieldGet(this, _MenuItem_menuitemDivRef, "f"), ref: (element) => {
+                __classPrivateFieldSet(this, _MenuItem_submenuDropdown, element, "f");
+            } }, index.h("slot", { key: '45c0814fb09df52fc2cbc63f0d35e6d4f09f2a55' }))), this.tooltip && (index.h("qds-tooltip", { key: '2dac01c4221bd941b3b62946f5ddc92f4682182a', ref: __classPrivateFieldGet(this, _MenuItem_tooltipRef, "f") }, this.text))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -130,7 +154,9 @@ const MenuItem = class {
         "checked": ["checkedChanged"]
     }; }
 };
-_MenuItem_ro = new WeakMap(), _MenuItem_menuItem = new WeakMap(), _MenuItem_span = new WeakMap(), _MenuItem_menuitemDivRef = new WeakMap(), _MenuItem_spanRef = new WeakMap(), _MenuItem_tooltipRef = new WeakMap(), _MenuItem_instances = new WeakSet(), _MenuItem_computedSize_get = function _MenuItem_computedSize_get() {
+_MenuItem_ro = new WeakMap(), _MenuItem_menuItem = new WeakMap(), _MenuItem_span = new WeakMap(), _MenuItem_submenuDropdown = new WeakMap(), _MenuItem_menuitemDivRef = new WeakMap(), _MenuItem_spanRef = new WeakMap(), _MenuItem_tooltipRef = new WeakMap(), _MenuItem_instances = new WeakSet(), _MenuItem_submenuPlacement_get = function _MenuItem_submenuPlacement_get() {
+    return helpers.isRTL(this.host) ? 'left-start' : 'right-start';
+}, _MenuItem_computedSize_get = function _MenuItem_computedSize_get() {
     switch (this.size) {
         case 'standard':
         case 'small':