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

package/dist/esm/qds-standalone-link.entry.js.map

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

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

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-Hg1Liloy.js';
-import { p as pickFocusEventAttributes } from './helpers-eFD8hV6J.js';
+import { p as pickFocusEventAttributes } from './helpers-Fe2AA6uo.js';
 import { V as VALID_STATE, C as CUSTOM_ERROR_FLAGS, N as NO_ERROR_FLAGS } from './controls-CZRW1LV_.js';
 
 const switchCss = ":host([hidden]){display:none!important}:host{display:inline-block;outline:none}.qds-knob,.qds-track{-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-track{align-items:center;background-color:var(--qds-theme-control-toggle-track-default);border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;display:flex;flex-shrink:0;padding-inline:var(--qds-control-toggle-track-padding)}.qds-track:hover{background-color:var(--qds-theme-control-toggle-track-hover)}.qds-track:active{background-color:var(--qds-theme-control-toggle-track-pressed)}.qds-knob-container{align-items:center;align-self:stretch;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;padding-block:var(--qds-control-toggle-track-padding)}.qds-knob{background-color:var(--qds-theme-control-input-background);border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;height:100%;margin:0}.qds-indicator{color:var(--qds-theme-control-input-background);flex-grow:1;justify-content:center;padding-block:var(--qds-control-toggle-track-padding)}.qds-container,.qds-indicator{align-items:center;display:flex}.qds-container{box-sizing:border-box;cursor:pointer}.qds-switch{clip-path:inset(50%);height:1px;margin:0;position:absolute;white-space:nowrap;width:1px}.qds-switch:checked~.qds-track{background-color:var(--qds-theme-signature-color-default);justify-content:flex-end}.qds-switch:checked~.qds-track:hover{background-color:var(--qds-theme-signature-color-hover)}.qds-switch:checked~.qds-track:active{background-color:var(--qds-theme-signature-color-pressed)}:host(:focus-visible) .qds-switch~.qds-track{box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-container[data-size=small]{min-height:var(--qds-control-toggle-small-height)}.qds-inline[data-size=small]{min-height:var(--qds-control-small-height);padding-block:var(--qds-control-small-padding-auto-height)}.qds-track[data-size=small]{height:var(--qds-control-toggle-small-track-height);width:var(--qds-control-toggle-small-track-width)}.qds-knob[data-size=small]{width:var(--qds-control-toggle-small-knob-width)}.qds-indicator[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-container[data-size=standard]{min-height:var(--qds-control-toggle-standard-height)}.qds-inline[data-size=standard]{min-height:var(--qds-control-standard-height);padding-block:var(--qds-control-standard-padding-auto-height)}.qds-track[data-size=standard]{height:var(--qds-control-toggle-standard-track-height);width:var(--qds-control-toggle-standard-track-width)}.qds-knob[data-size=standard]{width:var(--qds-control-toggle-standard-knob-width)}.qds-indicator[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-container[data-size=large]{min-height:var(--qds-control-toggle-large-height)}.qds-inline[data-size=large]{min-height:var(--qds-control-large-height);padding-block:var(--qds-control-large-padding-auto-height)}.qds-track[data-size=large]{height:var(--qds-control-toggle-large-track-height);width:var(--qds-control-toggle-large-track-width)}.qds-knob[data-size=large]{width:var(--qds-control-toggle-large-knob-width)}.qds-indicator[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}";
@@ -181,13 +181,13 @@ const Switch = class {
         this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
     }
     render() {
-        return (h("div", { key: '069ad2361ec53753dea236d5385289bc5cf7c43b', class: {
+        return (h("div", { key: 'a994ca43fd0e0622278739d7e69b2091ae712b56', class: {
                 'qds-container': true,
                 'qds-disabled': __classPrivateFieldGet(this, _Switch_instances, "a", _Switch_computedDisabled_get),
                 'qds-inline': this.inline,
-            }, "data-size": __classPrivateFieldGet(this, _Switch_instances, "a", _Switch_computedSize_get), "aria-hidden": "true" }, h("input", { key: 'edd519f0ca4bc0a5a9df50602d29822ac373bdc2', "aria-hidden": "true",
+            }, "data-size": __classPrivateFieldGet(this, _Switch_instances, "a", _Switch_computedSize_get), "aria-hidden": "true" }, h("input", { key: '4ad47ff4666f963608114fa23dfcdbea21768716', "aria-hidden": "true",
             // eslint-disable-next-line jsx-a11y/no-autofocus
-            autoFocus: this.host.autofocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, type: "checkbox", value: this.value ?? undefined, tabIndex: -1 }), h("div", { key: '5fe5cfe0155f73a9c50781e5f709b379518f68e1', class: "qds-track", "data-size": __classPrivateFieldGet(this, _Switch_instances, "a", _Switch_computedSize_get) }, !this.noIndicator && __classPrivateFieldGet(this, _Switch_instances, "a", _Switch_computedChecked_get) && (h("div", { key: '03f01573be5637a269dd05d08f438a51d0a04222', class: "qds-indicator", "data-size": __classPrivateFieldGet(this, _Switch_instances, "a", _Switch_computedSize_get) }, h("qds-icon", { key: 'd31bbb6ae64160b68ad1cab4a4ab002c8083c7f5', class: "qds-icon", name: "toggle-on", library: "core" }))), h("div", { key: '3b94ef4a388da271cc3e17c9f4e7887e5753ded4', class: "qds-knob-container" }, h("div", { key: 'd0c1cff71474d8b33d757db4cd37bb4ea7d20d40', class: "qds-knob", "data-size": __classPrivateFieldGet(this, _Switch_instances, "a", _Switch_computedSize_get) })), !this.noIndicator && !__classPrivateFieldGet(this, _Switch_instances, "a", _Switch_computedChecked_get) && (h("div", { key: '9b999c6042687f8d7e1c0d5046419131cf287b84', class: "qds-indicator", "data-size": __classPrivateFieldGet(this, _Switch_instances, "a", _Switch_computedSize_get) }, h("qds-icon", { key: '8a47477f273f44e52f26184cf2d19fb0041ec775', class: "qds-icon", name: "toggle-off", library: "core" }))))));
+            autoFocus: this.host.autofocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, type: "checkbox", value: this.value ?? undefined, tabIndex: -1 }), h("div", { key: '62ffdca674fecb443977b8a077f67e74b5be561c', class: "qds-track", "data-size": __classPrivateFieldGet(this, _Switch_instances, "a", _Switch_computedSize_get) }, !this.noIndicator && __classPrivateFieldGet(this, _Switch_instances, "a", _Switch_computedChecked_get) && (h("div", { key: '35ace9f745581aa451ddf0618fdae0759cec0a0c', class: "qds-indicator", "data-size": __classPrivateFieldGet(this, _Switch_instances, "a", _Switch_computedSize_get) }, h("qds-icon", { key: '5c59c47b9a95721441956169344ed8aa7049a049', class: "qds-icon", name: "toggle-on", library: "core" }))), h("div", { key: '193c882652ace39275e13858d7a73e9993271b52', class: "qds-knob-container" }, h("div", { key: 'e0a80c43ed774d3e2a89a9b437f1b3ec0e647937', class: "qds-knob", "data-size": __classPrivateFieldGet(this, _Switch_instances, "a", _Switch_computedSize_get) })), !this.noIndicator && !__classPrivateFieldGet(this, _Switch_instances, "a", _Switch_computedChecked_get) && (h("div", { key: '14f8db236430628094cfd58dd794de83f559cd88', class: "qds-indicator", "data-size": __classPrivateFieldGet(this, _Switch_instances, "a", _Switch_computedSize_get) }, h("qds-icon", { key: 'c180a31164968b92edac3a9b48d53dbf7cf1cf75', class: "qds-icon", name: "toggle-off", library: "core" }))))));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }

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

@@ -4,9 +4,9 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-Hg1Liloy.js';
-import { p as pickFocusEventAttributes, r as resolveTarget } from './helpers-eFD8hV6J.js';
+import { p as pickFocusEventAttributes, r as resolveTarget } from './helpers-Fe2AA6uo.js';
 
-const tabCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}:host(:focus-visible){border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-target-icon{color:var(--qds-theme-control-text-standard)}.qds-icon,.qds-target-icon{flex-shrink:0}.qds-chevron{transform:rotate(180deg)}.qds-selected:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-selected:active{background-color:var(--qds-theme-interactive-background-selected-pressed)}.qds-closable-tab,.qds-closable-wrapper,.qds-tab,.qds-texts{display:flex}.qds-texts{flex:1 0;flex-direction:column}.qds-icon,.qds-text{color:var(--qds-theme-title)}.qds-subtitle{color:var(--qds-theme-subtitle);font:var(--qds-nav-element-standard-subtitle)}.qds-closable-wrapper[data-size=small],.qds-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal);min-height:var(--qds-nav-element-small-height);padding-inline:var(--qds-nav-element-small-padding-horizontal)}.qds-closable-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal)}[data-size=small]>.qds-icon{height:var(--qds-nav-element-small-icon-size);width:var(--qds-nav-element-small-icon-size)}[data-size=small]>.qds-texts{gap:var(--qds-nav-element-small-titles-gap)}[data-size=small] .qds-text{font:var(--qds-nav-element-small-title)}[data-size=small] .qds-subtitle{font:var(--qds-nav-element-small-subtitle)}.qds-target-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-closable-wrapper[data-size=standard],.qds-tab[data-size=standard]{gap:var(--qds-nav-element-standard-gap-internal);min-height:var(--qds-nav-element-standard-height);padding-inline:var(--qds-nav-element-standard-padding-horizontal)}.qds-closable-tab[data-size=standard]{gap:var(--qds-nav-element-standard-gap-internal)}[data-size=standard]>.qds-icon{height:var(--qds-nav-element-standard-icon-size);width:var(--qds-nav-element-standard-icon-size)}[data-size=standard]>.qds-texts{gap:var(--qds-nav-element-standard-titles-gap)}[data-size=standard] .qds-text{font:var(--qds-nav-element-standard-title)}[data-size=standard] .qds-subtitle{font:var(--qds-nav-element-standard-subtitle)}.qds-target-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-closable-wrapper[data-size=large],.qds-tab[data-size=large]{gap:var(--qds-nav-element-large-gap-internal);min-height:var(--qds-nav-element-large-height);padding-inline:var(--qds-nav-element-large-padding-horizontal)}.qds-closable-tab[data-size=large]{gap:var(--qds-nav-element-large-gap-internal)}[data-size=large]>.qds-icon{height:var(--qds-nav-element-large-icon-size);width:var(--qds-nav-element-large-icon-size)}[data-size=large]>.qds-texts{gap:var(--qds-nav-element-large-titles-gap)}[data-size=large] .qds-text{font:var(--qds-nav-element-large-title)}[data-size=large] .qds-subtext{font:var(--qds-nav-element-large-subtitle)}.qds-target-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{border-radius:var(--qds-signature-line-connection-cap-radius);content:\"\";display:block;position:absolute}.qds-indicator-inline-end:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after,.qds-indicator-inline-start:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{height:100%;width:var(--qds-signature-line-connection-width)}.qds-indicator-inline-end:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{inset-inline-end:0}.qds-indicator-inline-start:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{inset-inline-start:0}.qds-indicator-block-end:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after,.qds-indicator-block-start:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{height:var(--qds-signature-line-connection-width);width:100%}.qds-indicator-block-end:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{bottom:0}.qds-indicator-block-start:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{top:0}.qds-selected[data-importance=standard][data-size=standard] .qds-text,.qds-selected[data-importance=subdued][data-size=standard] .qds-text{font:var(--qds-nav-element-standard-title-emphasized)}.qds-selected[data-importance=standard][data-size=small] .qds-text,.qds-selected[data-importance=subdued][data-size=small] .qds-text{font:var(--qds-nav-element-small-title-emphasized)}.qds-selected[data-importance=standard][data-size=large] .qds-text,.qds-selected[data-importance=subdued][data-size=large] .qds-text{font:var(--qds-nav-element-large-title-emphasized)}[data-importance=standard] .qds-selected .qds-icon{color:var(--qds-theme-title)}[data-importance=standard]:hover:after{background-color:var(--qds-theme-signature-color-hover)}[data-importance=standard]:active:after{background-color:var(--qds-theme-signature-color-pressed)}.qds-selected[data-importance=standard]:after{background-color:var(--qds-theme-signature-color-default)}.qds-selected[data-importance=subdued]:after,[data-importance=subdued] :active:after{background-color:var(--qds-theme-link-subdued-pressed)}[data-importance=subdued]:hover:after{background-color:var(--qds-theme-link-subdued-hover)}.qds-selected[data-importance=subdued]:after{background-color:var(\n      --qds-theme-nav-element-selection-indicator-background-subdued\n    )}.qds-tab:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-closable-tab{width:100%}.qds-closable-tab:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width)}.qds-closable-tab,.qds-closable-wrapper,.qds-tab{align-items:center;justify-content:center}.qds-closable-tab,.qds-tab{background-color:initial;border:none;cursor:pointer;text-align:initial}.qds-closable-tab:any-link,.qds-tab:any-link{-webkit-text-decoration:none;text-decoration:none}.qds-closable-wrapper,.qds-tab{position:relative}.qds-closable-wrapper:not(.qds-selected):hover,.qds-tab:not(.qds-selected):hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-closable-wrapper:not(.qds-selected):active,.qds-tab:not(.qds-selected):active{background-color:var(--qds-theme-interactive-background-pressed)}";
+const tabCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}:host(:focus-visible){border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-target-icon{color:var(--qds-theme-control-text-standard)}.qds-icon,.qds-target-icon{flex-shrink:0}.qds-chevron{transform:rotate(180deg)}.qds-selected:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-selected:active{background-color:var(--qds-theme-interactive-background-selected-pressed)}.qds-closable-tab,.qds-closable-wrapper,.qds-tab,.qds-texts{display:flex}.qds-texts{flex:1 0;flex-direction:column}.qds-icon,.qds-text{color:var(--qds-theme-title)}.qds-subtitle{color:var(--qds-theme-subtitle);font:var(--qds-nav-element-standard-subtitle)}.qds-closable-wrapper[data-size=small],.qds-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal);min-height:var(--qds-nav-element-small-height);padding-inline:var(--qds-nav-element-small-padding-horizontal)}.qds-closable-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal)}[data-size=small]>.qds-icon{height:var(--qds-nav-element-small-icon-size);width:var(--qds-nav-element-small-icon-size)}[data-size=small]>.qds-texts{gap:var(--qds-nav-element-small-titles-gap)}[data-size=small] .qds-text{font:var(--qds-nav-element-small-title)}[data-size=small] .qds-subtitle{font:var(--qds-nav-element-small-subtitle)}.qds-target-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-closable-wrapper[data-size=standard],.qds-tab[data-size=standard]{gap:var(--qds-nav-element-standard-gap-internal);min-height:var(--qds-nav-element-standard-height);padding-inline:var(--qds-nav-element-standard-padding-horizontal)}.qds-closable-tab[data-size=standard]{gap:var(--qds-nav-element-standard-gap-internal)}[data-size=standard]>.qds-icon{height:var(--qds-nav-element-standard-icon-size);width:var(--qds-nav-element-standard-icon-size)}[data-size=standard]>.qds-texts{gap:var(--qds-nav-element-standard-titles-gap)}[data-size=standard] .qds-text{font:var(--qds-nav-element-standard-title)}[data-size=standard] .qds-subtitle{font:var(--qds-nav-element-standard-subtitle)}.qds-target-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-closable-wrapper[data-size=large],.qds-tab[data-size=large]{gap:var(--qds-nav-element-large-gap-internal);min-height:var(--qds-nav-element-large-height);padding-inline:var(--qds-nav-element-large-padding-horizontal)}.qds-closable-tab[data-size=large]{gap:var(--qds-nav-element-large-gap-internal)}[data-size=large]>.qds-icon{height:var(--qds-nav-element-large-icon-size);width:var(--qds-nav-element-large-icon-size)}[data-size=large]>.qds-texts{gap:var(--qds-nav-element-large-titles-gap)}[data-size=large] .qds-text{font:var(--qds-nav-element-large-title)}[data-size=large] .qds-subtext{font:var(--qds-nav-element-large-subtitle)}.qds-target-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-importance=standard] .qds-selected .qds-icon{color:var(--qds-theme-title)}.qds-selected[data-importance=standard]:after{background-color:var(--qds-theme-signature-color-default)}.qds-selected[data-importance=subdued]:after{background-color:var(\n        --qds-theme-nav-element-selection-indicator-background-subdued\n      )}.qds-selected[data-importance=standard]:after,.qds-selected[data-importance=subdued]:after{border-radius:var(--qds-signature-line-connection-cap-radius);content:\"\";display:block;position:absolute}.qds-selected.qds-indicator-inline-end[data-importance=standard]:after,.qds-selected.qds-indicator-inline-end[data-importance=subdued]:after,.qds-selected.qds-indicator-inline-start[data-importance=standard]:after,.qds-selected.qds-indicator-inline-start[data-importance=subdued]:after{height:100%;width:var(--qds-signature-line-connection-width)}.qds-selected.qds-indicator-inline-end[data-importance=standard]:after,.qds-selected.qds-indicator-inline-end[data-importance=subdued]:after{inset-inline-end:0}.qds-selected.qds-indicator-inline-start[data-importance=standard]:after,.qds-selected.qds-indicator-inline-start[data-importance=subdued]:after{inset-inline-start:0}.qds-selected.qds-indicator-block-end[data-importance=standard]:after,.qds-selected.qds-indicator-block-end[data-importance=subdued]:after,.qds-selected.qds-indicator-block-start[data-importance=standard]:after,.qds-selected.qds-indicator-block-start[data-importance=subdued]:after{height:var(--qds-signature-line-connection-width);width:100%}.qds-selected.qds-indicator-block-end[data-importance=standard]:after,.qds-selected.qds-indicator-block-end[data-importance=subdued]:after{bottom:0}.qds-selected.qds-indicator-block-start[data-importance=standard]:after,.qds-selected.qds-indicator-block-start[data-importance=subdued]:after{top:0}.qds-selected[data-importance=standard][data-size=standard] .qds-text,.qds-selected[data-importance=subdued][data-size=standard] .qds-text{font:var(--qds-nav-element-standard-title-emphasized)}.qds-selected[data-importance=standard][data-size=small] .qds-text,.qds-selected[data-importance=subdued][data-size=small] .qds-text{font:var(--qds-nav-element-small-title-emphasized)}.qds-selected[data-importance=standard][data-size=large] .qds-text,.qds-selected[data-importance=subdued][data-size=large] .qds-text{font:var(--qds-nav-element-large-title-emphasized)}.qds-tab:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-closable-tab{width:100%}.qds-closable-tab:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width)}.qds-closable-tab,.qds-closable-wrapper,.qds-tab{align-items:center;justify-content:center}.qds-closable-tab,.qds-tab{background-color:initial;border:none;cursor:pointer;text-align:initial}.qds-closable-tab:any-link,.qds-tab:any-link{-webkit-text-decoration:none;text-decoration:none}.qds-closable-wrapper,.qds-tab{position:relative}.qds-closable-wrapper:not(.qds-selected):hover,.qds-tab:not(.qds-selected):hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-closable-wrapper:not(.qds-selected):active,.qds-tab:not(.qds-selected):active{background-color:var(--qds-theme-interactive-background-pressed)}";
 
 // SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
@@ -27,7 +27,7 @@ var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) ||
         throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _Tab_instances, _Tab_panel, _Tab_tab, _Tab_computedAction_get, _Tab_computedSize_get, _Tab_computedImportance_get, _Tab_parentLayer_get, _Tab_parentLevel_get, _Tab_ariaLabel_get, _Tab_computedDisabled_get, _Tab_computeCloseButtonTabIndex_get, _Tab_renderText, _Tab_tabRef, _Tab_close, _Tab_onIconClick, _Tab_onBlur, _Tab_onFocus, _Tab_defineTab, _Tab_defineGetter;
+var _Tab_instances, _Tab_panel, _Tab_tab, _Tab_computedAction_get, _Tab_computedSize_get, _Tab_computedImportance_get, _Tab_parentImportance_get, _Tab_parentSize_get, _Tab_parentLayer_get, _Tab_parentLevel_get, _Tab_ariaLabel_get, _Tab_computedDisabled_get, _Tab_computeCloseButtonTabIndex_get, _Tab_renderText, _Tab_tabRef, _Tab_close, _Tab_onIconClick, _Tab_onBlur, _Tab_onFocus, _Tab_defineTab, _Tab_defineGetter;
 const isCounter = (value) => typeof value === 'string'
     ? !Number.isNaN(Number.parseFloat(value))
     : typeof value === 'number';
@@ -66,7 +66,7 @@ const Tab = class {
         /**
          * The tab's indicator position.
          */
-        this.indicatorPosition = 'block-end';
+        this.indicatorPosition = 'block-start';
         /**
          * The name of a registered icon library.
          */
@@ -177,19 +177,16 @@ const Tab = class {
     }
     render() {
         const isLink = this.href !== undefined && __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_computedAction_get) === undefined;
-        const indicatorPosition = this.isIndicatorOnTop
-            ? 'block-start'
-            : this.indicatorPosition;
         const Tag = isLink
             ? 'a'
             : __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable'
                 ? 'button'
                 : 'div';
-        return (h("div", { key: 'a7e5f460e6bbcc0b16addb8390bd017d7f55c072', "aria-disabled": __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, class: {
+        return (h("div", { key: '5315497861332b523d44189a04238cee49ccff3a', "aria-disabled": __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, class: {
                 'qds-closable-wrapper': __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
                 'qds-selected': this.selected,
-                [`qds-indicator-${indicatorPosition}`]: __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
-            }, "data-size": __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_computedSize_get), "data-importance": __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_computedImportance_get) }, h(Tag, { key: '8f8acf408e6343208a8140bc67084898e14d3479', ref: __classPrivateFieldGet(this, _Tab_tabRef, "f"), "aria-disabled": __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, disabled: isLink ? undefined : this.disabled, onBlur: __classPrivateFieldGet(this, _Tab_onBlur, "f"), onFocus: __classPrivateFieldGet(this, _Tab_onFocus, "f"), class: {
+                [`qds-indicator-${this.indicatorPosition}`]: __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
+            }, "data-size": __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_computedSize_get), "data-importance": __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_computedImportance_get) }, h(Tag, { key: '5d0ffe78945e31f890fd8bb382a2e2c70380c2e8', ref: __classPrivateFieldGet(this, _Tab_tabRef, "f"), "aria-disabled": __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, disabled: isLink ? undefined : this.disabled, onBlur: __classPrivateFieldGet(this, _Tab_onBlur, "f"), onFocus: __classPrivateFieldGet(this, _Tab_onFocus, "f"), class: {
                 'qds-tab': __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
                 'qds-closable-tab': __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
                 'qds-selected': this.selected,
@@ -199,7 +196,7 @@ const Tab = class {
                     ? 'true'
                     : 'false'
                 : undefined, "data-importance": __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_computedImportance_get), "data-action": __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_computedAction_get), "data-size": __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_computedSize_get), href: isLink ? this.href : undefined }, ((this.tagText !== undefined && this.tagText !== '') ||
-            (this.tagIconName !== undefined && this.tagIconName !== '')) && (h("qds-tag", { key: 'a69e2c407bedc1f3d710f3cbd2789eba292cc9c9', text: this.tagText, status: this.tagStatus, size: __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_computedSize_get), importance: this.tagImportance, "icon-library": this.tagIconLibrary, "icon-name": this.tagIconName, "icon-description": this.tagIconDescription })), this.iconName !== undefined && this.iconName !== '' && (h("qds-icon", { key: '12d6f3003c346f26c908b5b6f48ab1308593409f', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName })), this.text && __classPrivateFieldGet(this, _Tab_instances, "m", _Tab_renderText).call(this), isIndicator(this.badge) && (h("qds-badge-indicator", { key: 'bf8b256c2b13ff5db116946084c783ed90ba3bb5', status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true })), isCounter(this.badge) && (h("qds-badge-counter", { key: 'a4c44307105e6112e5d4329e7079a6fdd697d19c', description: this.badgeDescription, importance: this.badgeCounterImportance, size: __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable' && (h("qds-icon", { key: 'db78b4abbe81932fe0f1cca08b8fd78cb40504dc', "aria-hidden": "true", class: { 'qds-target-icon': true, 'qds-chevron': this.selected }, "data-size": __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_computedSize_get), library: "core", name: "dropdown" }))), __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable' && (h("qds-mini-button", { key: 'ee5b8a295493a839274523c736a438a299e8b02a', name: "close", library: "core", text: __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_ariaLabel_get), "data-size": __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_computedSize_get), disabled: __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_computedDisabled_get), onClick: __classPrivateFieldGet(this, _Tab_onIconClick, "f"), tabIndex: __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_computeCloseButtonTabIndex_get) }))));
+            (this.tagIconName !== undefined && this.tagIconName !== '')) && (h("qds-tag", { key: '3dc70a5b756995e7a8b27e207da5ae69c0f07966', text: this.tagText, status: this.tagStatus, size: __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_computedSize_get), importance: this.tagImportance, "icon-library": this.tagIconLibrary, "icon-name": this.tagIconName, "icon-description": this.tagIconDescription })), this.iconName !== undefined && this.iconName !== '' && (h("qds-icon", { key: 'ec984fdce7855e58b9981c2cbff4a1b6c664bce6', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName })), this.text && __classPrivateFieldGet(this, _Tab_instances, "m", _Tab_renderText).call(this), isIndicator(this.badge) && (h("qds-badge-indicator", { key: 'cb6ec00cd85a5858d608f9bfcbb80a6ac8b4767d', status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true })), isCounter(this.badge) && (h("qds-badge-counter", { key: '007e24af5206a2ea0cc6205ab74086e5c9bc8d34', description: this.badgeDescription, importance: this.badgeCounterImportance, size: __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable' && (h("qds-icon", { key: '2eacc81e4f8e952365d811e73f9ce1d56a2c1b42', class: { 'qds-target-icon': true, 'qds-chevron': this.selected }, "data-size": __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_computedSize_get), library: "core", name: "dropdown" }))), __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable' && (h("qds-mini-button", { key: '730c62133c50a8877994910154d75abc8074d2ad', name: "close", library: "core", text: __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_ariaLabel_get), "data-size": __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_computedSize_get), disabled: __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_computedDisabled_get), onClick: __classPrivateFieldGet(this, _Tab_onIconClick, "f"), tabIndex: __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_computeCloseButtonTabIndex_get) }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -219,6 +216,8 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
         }
     }
 }, _Tab_computedSize_get = function _Tab_computedSize_get() {
+    if (__classPrivateFieldGet(this, _Tab_instances, "a", _Tab_parentSize_get) !== undefined)
+        return __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_parentSize_get);
     switch (this.size) {
         case 'standard':
         case 'small':
@@ -230,6 +229,8 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
         }
     }
 }, _Tab_computedImportance_get = function _Tab_computedImportance_get() {
+    if (__classPrivateFieldGet(this, _Tab_instances, "a", _Tab_parentImportance_get) !== undefined)
+        return __classPrivateFieldGet(this, _Tab_instances, "a", _Tab_parentImportance_get);
     switch (this.importance) {
         case 'subdued':
         case 'standard': {
@@ -239,6 +240,10 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
             return 'standard';
         }
     }
+}, _Tab_parentImportance_get = function _Tab_parentImportance_get() {
+    return this.host.closest('qds-tabbar')?.importance ?? undefined;
+}, _Tab_parentSize_get = function _Tab_parentSize_get() {
+    return this.host.closest('qds-tabbar')?.size ?? undefined;
 }, _Tab_parentLayer_get = function _Tab_parentLayer_get() {
     return this.host.closest('qds-tabbar')?.layer ?? 'main';
 }, _Tab_parentLevel_get = function _Tab_parentLevel_get() {

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

@@ -1 +1 @@
-{"version":3,"file":"qds-tab.entry.js","sources":["src/components/tab/tab.css?tag=qds-tab&encapsulation=shadow","src/components/tab/tab.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  line-height: 0;\n}\n\n[aria-disabled='true'] {\n  opacity: var(--qds-theme-disabled);\n  pointer-events: none;\n}\n\n:host(:focus-visible) {\n  outline: var(--qds-theme-focus-border) solid var(--qds-focus-border-width);\n  border-radius: var(--qds-focus-border-radius);\n  outline-offset: calc(\n    -1 * var(--qds-focus-border-width) - var(--qds-focus-border-offset)\n  );\n}\n\n.qds-target-icon {\n  color: var(--qds-theme-control-text-standard);\n}\n\n.qds-icon,\n.qds-target-icon {\n  flex-shrink: 0;\n}\n\n.qds-chevron {\n  transform: rotate(180deg);\n}\n\n.qds-selected {\n  &:hover {\n    background-color: var(--qds-theme-interactive-background-selected-hover);\n  }\n\n  &:active {\n    background-color: var(--qds-theme-interactive-background-selected-pressed);\n  }\n}\n\n.qds-closable-wrapper,\n.qds-tab,\n.qds-closable-tab,\n.qds-texts {\n  display: flex;\n}\n\n.qds-texts {\n  flex: 1 0;\n  flex-direction: column;\n}\n\n.qds-icon,\n.qds-text {\n  color: var(--qds-theme-title);\n}\n\n.qds-subtitle {\n  color: var(--qds-theme-subtitle);\n  font: var(--qds-nav-element-standard-subtitle);\n}\n\n[data-size='small'] {\n  &.qds-tab,\n  &.qds-closable-wrapper {\n    min-height: var(--qds-nav-element-small-height);\n    gap: var(--qds-nav-element-small-gap-internal);\n    padding-inline: var(--qds-nav-element-small-padding-horizontal);\n  }\n\n  &.qds-closable-tab {\n    gap: var(--qds-nav-element-small-gap-internal);\n  }\n\n  & > .qds-icon {\n    height: var(--qds-nav-element-small-icon-size);\n    width: var(--qds-nav-element-small-icon-size);\n  }\n\n  & > .qds-texts {\n    gap: var(--qds-nav-element-small-titles-gap);\n  }\n\n  & .qds-text {\n    font: var(--qds-nav-element-small-title);\n  }\n\n  & .qds-subtitle {\n    font: var(--qds-nav-element-small-subtitle);\n  }\n\n  &.qds-target-icon {\n    height: var(--qds-control-small-icon-size);\n    width: var(--qds-control-small-icon-size);\n  }\n}\n\n[data-size='standard'] {\n  &.qds-tab,\n  &.qds-closable-wrapper {\n    min-height: var(--qds-nav-element-standard-height);\n    gap: var(--qds-nav-element-standard-gap-internal);\n    padding-inline: var(--qds-nav-element-standard-padding-horizontal);\n  }\n\n  &.qds-closable-tab {\n    gap: var(--qds-nav-element-standard-gap-internal);\n  }\n\n  & > .qds-icon {\n    height: var(--qds-nav-element-standard-icon-size);\n    width: var(--qds-nav-element-standard-icon-size);\n  }\n\n  & > .qds-texts {\n    gap: var(--qds-nav-element-standard-titles-gap);\n  }\n\n  & .qds-text {\n    font: var(--qds-nav-element-standard-title);\n  }\n\n  & .qds-subtitle {\n    font: var(--qds-nav-element-standard-subtitle);\n  }\n\n  &.qds-target-icon {\n    height: var(--qds-control-standard-icon-size);\n    width: var(--qds-control-standard-icon-size);\n  }\n}\n\n[data-size='large'] {\n  &.qds-tab,\n  &.qds-closable-wrapper {\n    min-height: var(--qds-nav-element-large-height);\n    gap: var(--qds-nav-element-large-gap-internal);\n    padding-inline: var(--qds-nav-element-large-padding-horizontal);\n  }\n\n  &.qds-closable-tab {\n    gap: var(--qds-nav-element-large-gap-internal);\n  }\n\n  & > .qds-icon {\n    height: var(--qds-nav-element-large-icon-size);\n    width: var(--qds-nav-element-large-icon-size);\n  }\n\n  & > .qds-texts {\n    gap: var(--qds-nav-element-large-titles-gap);\n  }\n\n  & .qds-text {\n    font: var(--qds-nav-element-large-title);\n  }\n\n  & .qds-subtext {\n    font: var(--qds-nav-element-large-subtitle);\n  }\n\n  &.qds-target-icon {\n    height: var(--qds-control-large-icon-size);\n    width: var(--qds-control-large-icon-size);\n  }\n}\n\n[data-importance='subdued'],\n[data-importance='standard'] {\n  &.qds-selected,\n  &.qds-closable-wrapper,\n  .qds-tab:hover {\n    &::after {\n      border-radius: var(--qds-signature-line-connection-cap-radius);\n      content: '';\n      display: block;\n      position: absolute;\n    }\n\n    &.qds-indicator-inline-end::after,\n    &.qds-indicator-inline-start::after {\n      width: var(--qds-signature-line-connection-width);\n      height: 100%;\n    }\n\n    &.qds-indicator-inline-end::after {\n      inset-inline-end: 0;\n    }\n\n    &.qds-indicator-inline-start::after {\n      inset-inline-start: 0;\n    }\n\n    &.qds-indicator-block-end::after,\n    &.qds-indicator-block-start::after {\n      width: 100%;\n      height: var(--qds-signature-line-connection-width);\n    }\n\n    &.qds-indicator-block-end::after {\n      bottom: 0;\n    }\n\n    &.qds-indicator-block-start::after {\n      top: 0;\n    }\n  }\n\n  &.qds-selected {\n    &[data-size='standard'] .qds-text {\n      font: var(--qds-nav-element-standard-title-emphasized);\n    }\n\n    &[data-size='small'] .qds-text {\n      font: var(--qds-nav-element-small-title-emphasized);\n    }\n\n    &[data-size='large'] .qds-text {\n      font: var(--qds-nav-element-large-title-emphasized);\n    }\n  }\n}\n\n[data-importance='standard'] {\n  .qds-selected .qds-icon {\n    color: var(--qds-theme-title);\n  }\n\n  &:hover {\n    &::after {\n      background-color: var(--qds-theme-signature-color-hover);\n    }\n  }\n\n  &:active {\n    &::after {\n      background-color: var(--qds-theme-signature-color-pressed);\n    }\n  }\n\n  &.qds-selected {\n    &::after {\n      background-color: var(--qds-theme-signature-color-default);\n    }\n  }\n}\n\n[data-importance='subdued'] {\n  &.qds-selected,\n  :active {\n    &::after {\n      background-color: var(--qds-theme-link-subdued-pressed);\n    }\n  }\n\n  &:hover {\n    &::after {\n      background-color: var(--qds-theme-link-subdued-hover);\n    }\n  }\n\n  &.qds-selected::after {\n    background-color: var(\n      --qds-theme-nav-element-selection-indicator-background-subdued\n    );\n  }\n}\n\n.qds-tab {\n  &:focus-visible {\n    outline: var(--qds-theme-focus-border) solid var(--qds-focus-border-width);\n    border-radius: var(--qds-focus-border-radius);\n    outline-offset: calc(\n      -1 * var(--qds-focus-border-width) - var(--qds-focus-border-offset)\n    );\n  }\n}\n\n.qds-closable-tab {\n  width: 100%;\n\n  &:focus-visible {\n    outline: var(--qds-theme-focus-border) solid var(--qds-focus-border-width);\n    border-radius: var(--qds-focus-border-radius);\n  }\n}\n\n.qds-closable-wrapper {\n  align-items: center;\n  justify-content: center;\n}\n\n.qds-tab,\n.qds-closable-tab {\n  align-items: center;\n  justify-content: center;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  text-align: initial;\n\n  &:any-link {\n    text-decoration: none;\n  }\n}\n\n.qds-tab,\n.qds-closable-wrapper {\n  position: relative;\n\n  &:not(.qds-selected):hover {\n    background-color: var(--qds-theme-interactive-background-hover);\n  }\n\n  &:not(.qds-selected):active {\n    background-color: var(--qds-theme-interactive-background-pressed);\n  }\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface, EventEmitter, JSX } 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'\n\nimport type { QdsFocusEventDetail } from '../../helpers'\nimport { pickFocusEventAttributes, resolveTarget } from '../../helpers'\nimport type { Importance, Size, Status } from '../shared'\n\nexport type Action = 'closable' | 'expandable'\n\nexport type TabImportance = Exclude<Importance, 'emphasized'>\n\nexport type TagStatus = Status | 'neutral'\n\nexport type IndicatorPosition =\n  | 'block-end'\n  | 'block-start'\n  | 'inline-end'\n  | 'inline-start'\n\nconst isCounter = (value: unknown): value is number =>\n  typeof value === 'string'\n    ? !Number.isNaN(Number.parseFloat(value))\n    : typeof value === 'number'\n\nconst isIndicator = (value: unknown): value is '' | true =>\n  value === '' || value === true\n\nlet autoIncrementingId = 1\n\n/**\n * <qds-tab> is a navigational element that is used in different horizontal or vertical navigation bars\n * (Main Navigation, secondary navigation, Tab bar, etc.)\n * as trigger points for opening a menu list or switching content in Tab bar.\n *\n * @see https://quartz.se.com/build/components/tab\n */\n@Component({\n  tag: 'qds-tab',\n  shadow: true,\n  styleUrl: 'tab.css',\n})\nexport class Tab implements ComponentInterface {\n  /**\n   * The name of the action icon to render.\n   */\n  @Prop() public readonly action?: Action\n\n  /**\n   * Displays an indicator if `true` or the empty string. Otherwise, displays a\n   * counter badge if a number or string representing a number is used.\n   */\n  @Prop() public readonly badge?: number | string | true\n\n  /**\n   * The tab's counter importance.\n   */\n  @Prop()\n  public readonly badgeCounterImportance?: HTMLQdsBadgeCounterElement['importance'] =\n    'standard'\n\n  /**\n   * The indicator or counter badge's accessible text that will be used by\n   * screen readers.\n   */\n  @Prop() public readonly badgeDescription?: string\n\n  /**\n   * The indicator's status.\n   */\n  @Prop()\n  public readonly badgeIndicatorStatus?: HTMLQdsBadgeIndicatorElement['status'] =\n    'neutral'\n\n  /**\n   * Prevents the tab from being interacted with: it cannot be\n   * selected or focused.\n   */\n  @Prop() public readonly disabled?: boolean\n\n  /**\n   * The name of a registered icon library.\n   */\n  @Prop() public readonly iconLibrary: string = 'default'\n\n  /**\n   * The name of the 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 tab's importance.\n   */\n  @Prop() public readonly importance?: TabImportance = 'standard'\n\n  /**\n   * The tab's indicator position.\n   */\n  @Prop() public readonly indicatorPosition?: IndicatorPosition = 'block-end'\n\n  /**\n   * The tab panel element associated with this tab. The `panel` specified\n   * can be any of the following:\n   *\n   * - A CSS selector string\n   * - A reference to an [`Element`][]\n   * - A function returning a reference to an [`Element`][] or a CSS selector\n   * string\n   *\n   * [`Element`]: https://developer.mozilla.org/docs/Web/API/Element\n   */\n  @Prop() public readonly panel!: Element | string | (() => Element | string)\n\n  /**\n   * The tag icon's accessible text that will be used by\n   * screen readers.\n   */\n  @Prop() public readonly tagIconDescription?: string\n\n  /**\n   * The name of the tab's tag icon to render.\n   *\n   * Available names depend on the icon library being used.\n   */\n  @Prop() public readonly tagIconName?: string\n\n  /**\n   * The name of a registered icon library.\n   */\n  @Prop() public readonly tagIconLibrary: string = 'default'\n\n  /**\n   * The tab's tag importance.\n   */\n  @Prop() public readonly tagImportance?: HTMLQdsTagElement['importance'] =\n    'emphasized'\n\n  /**\n   * The tab's tag size.\n   */\n  @Prop() public readonly tagSize?: Size = 'small'\n\n  /**\n   * The tab's tag status.\n   */\n  @Prop() public readonly tagStatus?: Status = 'info'\n\n  /**\n   * The tab's tag text.\n   */\n  @Prop() public readonly tagText?: string\n\n  /**\n   * Whether or not the tab is selected.\n   */\n  @Prop() public selected = false\n\n  /**\n   * The tab's size.\n   */\n  @Prop() public readonly size?: Size = 'standard'\n\n  /**\n   * Text to display for the subtitle.\n   */\n  @Prop() public readonly subtitle?: string\n\n  /**\n   * Primary text to display.\n   */\n  @Prop() public readonly text!: string\n\n  /**\n   * When set, the underlying tab will be rendered as an `<a>` with this\n   * `href` instead of a `<button>`.\n   *\n   * This property has no effect if the tab has an `action`.\n   *\n   * @webnative\n   */\n  @Prop() public readonly href?: string\n\n  /**\n   * Emitted when the tab is closed.\n   */\n  @Event({ eventName: 'qdsClose', cancelable: false })\n  private readonly closeEmitter!: EventEmitter<void>\n\n  /**\n   * Emitted when the tab loses focus.\n   */\n  @Event({ eventName: 'qdsBlur', bubbles: false, cancelable: false })\n  private readonly blurEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  /**\n   * Emitted when the tab 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 tabIndex?: number\n\n  @State() private isIndicatorOnTop = false\n\n  @AttachInternals() private readonly internals!: ElementInternals\n\n  #panel?: Element\n\n  #tab?: HTMLElement\n\n  get #computedAction(): Action | undefined {\n    switch (this.action) {\n      case 'closable':\n      case 'expandable': {\n        return this.action\n      }\n      default: {\n        return undefined\n      }\n    }\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 #computedImportance(): TabImportance {\n    switch (this.importance) {\n      case 'subdued':\n      case 'standard': {\n        return this.importance\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  get #parentLayer(): string {\n    return this.host.closest('qds-tabbar')?.layer ?? 'main'\n  }\n\n  get #parentLevel(): string {\n    return this.host.closest('qds-tabbar')?.level ?? 'root'\n  }\n\n  get #ariaLabel(): string {\n    return `Close ${this.text}`\n  }\n\n  get #computedDisabled(): boolean {\n    return this.disabled ?? false\n  }\n\n  get #computeCloseButtonTabIndex(): number | undefined {\n    if (this.selected) {\n      return this.#computedDisabled ? undefined : this.tabIndex\n    }\n    return -1\n  }\n\n  @Watch('panel')\n  protected panelChanged(): void {\n    this.disconnectedCallback()\n\n    const panel = resolveTarget(this.panel)\n    if (!(panel instanceof globalThis.Element)) return\n    this.#panel = panel\n\n    const tab = this.host.shadowRoot?.querySelector('[role=\"tab\"]')\n    if (tab) tab.setAttribute('aria-controls', this.#panel.id)\n\n    if (this.#panel.role === null) this.#panel.role = 'tabpanel'\n    if (this.#panel.getAttribute('aria-labelledby') === null)\n      this.#panel.setAttribute('aria-labelledby', this.host.id)\n    this.#panel.setAttribute(\n      'tabindex',\n      this.#panel.getAttribute('tabindex') ?? '0',\n    )\n  }\n\n  @Listen('click')\n  protected onClick(event: MouseEvent): void {\n    if (this.#computedDisabled) event.stopImmediatePropagation()\n  }\n\n  @Watch('tabindex')\n  protected tabindexChanged(newValue: string): void {\n    const parsedValue = Number.parseInt(newValue, 10)\n    this.tabIndex =\n      parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue\n  }\n\n  @Watch('action')\n  protected actionChanged(): void {\n    this.#defineTab()\n  }\n\n  public componentWillLoad(): void {\n    this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0')\n    this.host.id ||= `qds-tab-${autoIncrementingId}`\n    autoIncrementingId += 1\n\n    this.#defineTab()\n  }\n\n  public componentWillRender(): void {\n    const isPanelRoot =\n      this.#parentLayer === 'panel' && this.#parentLevel === 'root'\n    const isMainSubsection =\n      this.#parentLayer === 'main' && this.#parentLevel === 'subsection'\n\n    this.isIndicatorOnTop = isPanelRoot || isMainSubsection\n  }\n\n  public componentDidLoad(): void {\n    this.panelChanged()\n  }\n\n  public disconnectedCallback(): void {\n    if (!this.#panel) return\n\n    const tab = this.host.shadowRoot?.querySelector('[role=\"tab\"]')\n    if (tab) tab.removeAttribute('aria-controls')\n\n    if (this.#panel.role === 'tabpanel')\n      // eslint-disable-next-line unicorn/no-null\n      this.#panel.role = null\n    if (this.#panel.getAttribute('aria-labelledby') === this.host.id)\n      this.#panel.removeAttribute('aria-labelledby')\n    this.#panel.removeAttribute('tabindex')\n  }\n\n  public render() {\n    const isLink = this.href !== undefined && this.#computedAction === undefined\n    const indicatorPosition = this.isIndicatorOnTop\n      ? 'block-start'\n      : this.indicatorPosition\n    const Tag = isLink\n      ? 'a'\n      : this.#computedAction === 'expandable'\n        ? 'button'\n        : 'div'\n    return (\n      <div\n        aria-disabled={this.#computedDisabled ? 'true' : undefined}\n        class={{\n          'qds-closable-wrapper': this.#computedAction === 'closable',\n          'qds-selected': this.selected,\n          [`qds-indicator-${indicatorPosition}`]:\n            this.#computedAction === 'closable',\n        }}\n        data-size={this.#computedSize}\n        data-importance={this.#computedImportance}\n      >\n        <Tag\n          ref={this.#tabRef}\n          aria-disabled={this.#computedDisabled ? 'true' : undefined}\n          disabled={isLink ? undefined : this.disabled}\n          onBlur={this.#onBlur}\n          onFocus={this.#onFocus}\n          class={{\n            'qds-tab': this.#computedAction !== 'closable',\n            'qds-closable-tab': this.#computedAction === 'closable',\n            'qds-selected': this.selected,\n            [`qds-indicator-${this.indicatorPosition}`]:\n              this.#computedAction !== 'closable',\n          }}\n          role={\n            !isLink && this.#computedAction !== 'expandable' ? 'tab' : undefined\n          }\n          aria-current={isLink && this.selected ? 'true' : undefined}\n          aria-expanded={\n            this.#computedAction === 'expandable' && !isLink\n              ? this.selected\n                ? 'true'\n                : 'false'\n              : undefined\n          }\n          data-importance={this.#computedImportance}\n          data-action={this.#computedAction}\n          data-size={this.#computedSize}\n          href={isLink ? this.href : undefined}\n        >\n          {((this.tagText !== undefined && this.tagText !== '') ||\n            (this.tagIconName !== undefined && this.tagIconName !== '')) && (\n            <qds-tag\n              text={this.tagText}\n              status={this.tagStatus}\n              size={this.#computedSize}\n              importance={this.tagImportance}\n              icon-library={this.tagIconLibrary}\n              icon-name={this.tagIconName}\n              icon-description={this.tagIconDescription}\n            />\n          )}\n\n          {this.iconName !== undefined && this.iconName !== '' && (\n            <qds-icon\n              aria-hidden=\"true\"\n              class=\"qds-icon\"\n              library={this.iconLibrary}\n              name={this.iconName}\n            />\n          )}\n          {this.text && this.#renderText()}\n          {isIndicator(this.badge) && (\n            <qds-badge-indicator\n              status={this.badgeIndicatorStatus}\n              description={this.badgeDescription}\n              size={this.#computedSize}\n              strokeRing\n            />\n          )}\n          {isCounter(this.badge) && (\n            <qds-badge-counter\n              description={this.badgeDescription}\n              importance={this.badgeCounterImportance}\n              size={this.#computedSize}\n              strokeRing\n              value={this.badge}\n            />\n          )}\n          {this.#computedAction === 'expandable' && (\n            <qds-icon\n              aria-hidden=\"true\"\n              class={{ 'qds-target-icon': true, 'qds-chevron': this.selected }}\n              data-size={this.#computedSize}\n              library=\"core\"\n              name=\"dropdown\"\n            />\n          )}\n        </Tag>\n        {this.#computedAction === 'closable' && (\n          <qds-mini-button\n            name=\"close\"\n            library=\"core\"\n            text={this.#ariaLabel}\n            data-size={this.#computedSize}\n            disabled={this.#computedDisabled}\n            onClick={this.#onIconClick}\n            tabIndex={this.#computeCloseButtonTabIndex}\n          />\n        )}\n      </div>\n    )\n  }\n\n  #renderText(): JSX.Element {\n    return (\n      <div class=\"qds-texts\">\n        <div class=\"qds-text\">{this.text}</div>\n        {this.subtitle !== undefined && this.subtitle !== '' && (\n          <div class=\"qds-subtitle\">{this.subtitle}</div>\n        )}\n      </div>\n    )\n  }\n\n  readonly #tabRef = (tab?: HTMLElement): void => {\n    this.#tab = tab\n  }\n\n  readonly #close = (): void => {\n    this.closeEmitter.emit()\n  }\n\n  readonly #onIconClick = (event: MouseEvent): void => {\n    event.stopPropagation()\n    this.#close()\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 #defineTab = (): void => {\n    if (this.#computedAction === 'closable') {\n      this.#defineGetter('tab', () => this.#tab)\n    } else {\n      this.internals.role = 'tab'\n      this.#defineGetter('tab', () => this.host)\n    }\n  }\n\n  #defineGetter(p: PropertyKey, get: () => unknown): void {\n    Object.defineProperty(this.host, p, { enumerable: true, get })\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"qds-tab.entry.js","sources":["src/components/tab/tab.css?tag=qds-tab&encapsulation=shadow","src/components/tab/tab.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  line-height: 0;\n}\n\n[aria-disabled='true'] {\n  opacity: var(--qds-theme-disabled);\n  pointer-events: none;\n}\n\n:host(:focus-visible) {\n  outline: var(--qds-theme-focus-border) solid var(--qds-focus-border-width);\n  border-radius: var(--qds-focus-border-radius);\n  outline-offset: calc(\n    -1 * var(--qds-focus-border-width) - var(--qds-focus-border-offset)\n  );\n}\n\n.qds-target-icon {\n  color: var(--qds-theme-control-text-standard);\n}\n\n.qds-icon,\n.qds-target-icon {\n  flex-shrink: 0;\n}\n\n.qds-chevron {\n  transform: rotate(180deg);\n}\n\n.qds-selected {\n  &:hover {\n    background-color: var(--qds-theme-interactive-background-selected-hover);\n  }\n\n  &:active {\n    background-color: var(--qds-theme-interactive-background-selected-pressed);\n  }\n}\n\n.qds-closable-wrapper,\n.qds-tab,\n.qds-closable-tab,\n.qds-texts {\n  display: flex;\n}\n\n.qds-texts {\n  flex: 1 0;\n  flex-direction: column;\n}\n\n.qds-icon,\n.qds-text {\n  color: var(--qds-theme-title);\n}\n\n.qds-subtitle {\n  color: var(--qds-theme-subtitle);\n  font: var(--qds-nav-element-standard-subtitle);\n}\n\n[data-size='small'] {\n  &.qds-tab,\n  &.qds-closable-wrapper {\n    min-height: var(--qds-nav-element-small-height);\n    gap: var(--qds-nav-element-small-gap-internal);\n    padding-inline: var(--qds-nav-element-small-padding-horizontal);\n  }\n\n  &.qds-closable-tab {\n    gap: var(--qds-nav-element-small-gap-internal);\n  }\n\n  & > .qds-icon {\n    height: var(--qds-nav-element-small-icon-size);\n    width: var(--qds-nav-element-small-icon-size);\n  }\n\n  & > .qds-texts {\n    gap: var(--qds-nav-element-small-titles-gap);\n  }\n\n  & .qds-text {\n    font: var(--qds-nav-element-small-title);\n  }\n\n  & .qds-subtitle {\n    font: var(--qds-nav-element-small-subtitle);\n  }\n\n  &.qds-target-icon {\n    height: var(--qds-control-small-icon-size);\n    width: var(--qds-control-small-icon-size);\n  }\n}\n\n[data-size='standard'] {\n  &.qds-tab,\n  &.qds-closable-wrapper {\n    min-height: var(--qds-nav-element-standard-height);\n    gap: var(--qds-nav-element-standard-gap-internal);\n    padding-inline: var(--qds-nav-element-standard-padding-horizontal);\n  }\n\n  &.qds-closable-tab {\n    gap: var(--qds-nav-element-standard-gap-internal);\n  }\n\n  & > .qds-icon {\n    height: var(--qds-nav-element-standard-icon-size);\n    width: var(--qds-nav-element-standard-icon-size);\n  }\n\n  & > .qds-texts {\n    gap: var(--qds-nav-element-standard-titles-gap);\n  }\n\n  & .qds-text {\n    font: var(--qds-nav-element-standard-title);\n  }\n\n  & .qds-subtitle {\n    font: var(--qds-nav-element-standard-subtitle);\n  }\n\n  &.qds-target-icon {\n    height: var(--qds-control-standard-icon-size);\n    width: var(--qds-control-standard-icon-size);\n  }\n}\n\n[data-size='large'] {\n  &.qds-tab,\n  &.qds-closable-wrapper {\n    min-height: var(--qds-nav-element-large-height);\n    gap: var(--qds-nav-element-large-gap-internal);\n    padding-inline: var(--qds-nav-element-large-padding-horizontal);\n  }\n\n  &.qds-closable-tab {\n    gap: var(--qds-nav-element-large-gap-internal);\n  }\n\n  & > .qds-icon {\n    height: var(--qds-nav-element-large-icon-size);\n    width: var(--qds-nav-element-large-icon-size);\n  }\n\n  & > .qds-texts {\n    gap: var(--qds-nav-element-large-titles-gap);\n  }\n\n  & .qds-text {\n    font: var(--qds-nav-element-large-title);\n  }\n\n  & .qds-subtext {\n    font: var(--qds-nav-element-large-subtitle);\n  }\n\n  &.qds-target-icon {\n    height: var(--qds-control-large-icon-size);\n    width: var(--qds-control-large-icon-size);\n  }\n}\n\n[data-importance='standard'] {\n  .qds-selected .qds-icon {\n    color: var(--qds-theme-title);\n  }\n\n  &.qds-selected {\n    &::after {\n      background-color: var(--qds-theme-signature-color-default);\n    }\n  }\n}\n\n[data-importance='subdued'] {\n  &.qds-selected {\n    &::after {\n      background-color: var(\n        --qds-theme-nav-element-selection-indicator-background-subdued\n      );\n    }\n  }\n}\n\n[data-importance='subdued'],\n[data-importance='standard'] {\n  &.qds-selected {\n    &::after {\n      border-radius: var(--qds-signature-line-connection-cap-radius);\n      content: '';\n      display: block;\n      position: absolute;\n    }\n\n    &.qds-indicator-inline-end::after,\n    &.qds-indicator-inline-start::after {\n      width: var(--qds-signature-line-connection-width);\n      height: 100%;\n    }\n\n    &.qds-indicator-inline-end::after {\n      inset-inline-end: 0;\n    }\n\n    &.qds-indicator-inline-start::after {\n      inset-inline-start: 0;\n    }\n\n    &.qds-indicator-block-end::after,\n    &.qds-indicator-block-start::after {\n      width: 100%;\n      height: var(--qds-signature-line-connection-width);\n    }\n\n    &.qds-indicator-block-end::after {\n      bottom: 0;\n    }\n\n    &.qds-indicator-block-start::after {\n      top: 0;\n    }\n\n    &[data-size='standard'] .qds-text {\n      font: var(--qds-nav-element-standard-title-emphasized);\n    }\n\n    &[data-size='small'] .qds-text {\n      font: var(--qds-nav-element-small-title-emphasized);\n    }\n\n    &[data-size='large'] .qds-text {\n      font: var(--qds-nav-element-large-title-emphasized);\n    }\n  }\n}\n\n.qds-tab {\n  &:focus-visible {\n    outline: var(--qds-theme-focus-border) solid var(--qds-focus-border-width);\n    border-radius: var(--qds-focus-border-radius);\n    outline-offset: calc(\n      -1 * var(--qds-focus-border-width) - var(--qds-focus-border-offset)\n    );\n  }\n}\n\n.qds-closable-tab {\n  width: 100%;\n\n  &:focus-visible {\n    outline: var(--qds-theme-focus-border) solid var(--qds-focus-border-width);\n    border-radius: var(--qds-focus-border-radius);\n  }\n}\n\n.qds-closable-wrapper {\n  align-items: center;\n  justify-content: center;\n}\n\n.qds-tab,\n.qds-closable-tab {\n  align-items: center;\n  justify-content: center;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  text-align: initial;\n\n  &:any-link {\n    text-decoration: none;\n  }\n}\n\n.qds-tab,\n.qds-closable-wrapper {\n  position: relative;\n\n  &:not(.qds-selected):hover {\n    background-color: var(--qds-theme-interactive-background-hover);\n  }\n\n  &:not(.qds-selected):active {\n    background-color: var(--qds-theme-interactive-background-pressed);\n  }\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface, EventEmitter, JSX } 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'\n\nimport type { QdsFocusEventDetail } from '../../helpers'\nimport { pickFocusEventAttributes, resolveTarget } from '../../helpers'\nimport type { Importance, Size, Status } from '../shared'\nimport type { TabbarImportance, TabbarSize } from '../tabbar/tabbar'\n\nexport type Action = 'closable' | 'expandable'\n\nexport type TabImportance = Exclude<Importance, 'emphasized'> | undefined\n\nexport type TagStatus = Status | 'neutral'\n\nexport type IndicatorPosition =\n  | 'block-end'\n  | 'block-start'\n  | 'inline-end'\n  | 'inline-start'\n\nconst isCounter = (value: unknown): value is number =>\n  typeof value === 'string'\n    ? !Number.isNaN(Number.parseFloat(value))\n    : typeof value === 'number'\n\nconst isIndicator = (value: unknown): value is '' | true =>\n  value === '' || value === true\n\nlet autoIncrementingId = 1\n\n/**\n * <qds-tab> is a navigational element that is used in different horizontal or vertical navigation bars\n * (Main Navigation, secondary navigation, Tab bar, etc.)\n * as trigger points for opening a menu list or switching content in Tab bar.\n *\n * @see https://quartz.se.com/build/components/tab\n */\n@Component({\n  tag: 'qds-tab',\n  shadow: true,\n  styleUrl: 'tab.css',\n})\nexport class Tab implements ComponentInterface {\n  /**\n   * The name of the action icon to render.\n   */\n  @Prop() public readonly action?: Action\n\n  /**\n   * Displays an indicator if `true` or the empty string. Otherwise, displays a\n   * counter badge if a number or string representing a number is used.\n   */\n  @Prop() public readonly badge?: number | string | true\n\n  /**\n   * The tab's counter importance.\n   */\n  @Prop()\n  public readonly badgeCounterImportance?: HTMLQdsBadgeCounterElement['importance'] =\n    'standard'\n\n  /**\n   * The indicator or counter badge's accessible text that will be used by\n   * screen readers.\n   */\n  @Prop() public readonly badgeDescription?: string\n\n  /**\n   * The indicator's status.\n   */\n  @Prop()\n  public readonly badgeIndicatorStatus?: HTMLQdsBadgeIndicatorElement['status'] =\n    'neutral'\n\n  /**\n   * Prevents the tab from being interacted with: it cannot be\n   * selected or focused.\n   */\n  @Prop() public readonly disabled?: boolean\n\n  /**\n   * The name of a registered icon library.\n   */\n  @Prop() public readonly iconLibrary: string = 'default'\n\n  /**\n   * The name of the 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 tab's importance.\n   */\n  @Prop() public readonly importance?: TabImportance = 'standard'\n\n  /**\n   * The tab's indicator position.\n   */\n  @Prop() public readonly indicatorPosition?: IndicatorPosition = 'block-start'\n\n  /**\n   * The tab panel element associated with this tab. The `panel` specified\n   * can be any of the following:\n   *\n   * - A CSS selector string\n   * - A reference to an [`Element`][]\n   * - A function returning a reference to an [`Element`][] or a CSS selector\n   * string\n   *\n   * [`Element`]: https://developer.mozilla.org/docs/Web/API/Element\n   */\n  @Prop() public readonly panel!: Element | string | (() => Element | string)\n\n  /**\n   * The tag icon's accessible text that will be used by\n   * screen readers.\n   */\n  @Prop() public readonly tagIconDescription?: string\n\n  /**\n   * The name of the tab's tag icon to render.\n   *\n   * Available names depend on the icon library being used.\n   */\n  @Prop() public readonly tagIconName?: string\n\n  /**\n   * The name of a registered icon library.\n   */\n  @Prop() public readonly tagIconLibrary: string = 'default'\n\n  /**\n   * The tab's tag importance.\n   */\n  @Prop() public readonly tagImportance?: HTMLQdsTagElement['importance'] =\n    'emphasized'\n\n  /**\n   * The tab's tag size.\n   */\n  @Prop() public readonly tagSize?: Size = 'small'\n\n  /**\n   * The tab's tag status.\n   */\n  @Prop() public readonly tagStatus?: Status = 'info'\n\n  /**\n   * The tab's tag text.\n   */\n  @Prop() public readonly tagText?: string\n\n  /**\n   * Whether or not the tab is selected.\n   */\n  @Prop() public selected = false\n\n  /**\n   * The tab's size.\n   */\n  @Prop() public readonly size?: Size = 'standard'\n\n  /**\n   * Text to display for the subtitle.\n   */\n  @Prop() public readonly subtitle?: string\n\n  /**\n   * Primary text to display.\n   */\n  @Prop() public readonly text!: string\n\n  /**\n   * When set, the underlying tab will be rendered as an `<a>` with this\n   * `href` instead of a `<button>`.\n   *\n   * This property has no effect if the tab has an `action`.\n   *\n   * @webnative\n   */\n  @Prop() public readonly href?: string\n\n  /**\n   * Emitted when the tab is closed.\n   */\n  @Event({ eventName: 'qdsClose', cancelable: false })\n  private readonly closeEmitter!: EventEmitter<void>\n\n  /**\n   * Emitted when the tab loses focus.\n   */\n  @Event({ eventName: 'qdsBlur', bubbles: false, cancelable: false })\n  private readonly blurEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  /**\n   * Emitted when the tab 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 tabIndex?: number\n\n  @State() private isIndicatorOnTop = false\n\n  @AttachInternals() private readonly internals!: ElementInternals\n\n  #panel?: Element\n\n  #tab?: HTMLElement\n\n  get #computedAction(): Action | undefined {\n    switch (this.action) {\n      case 'closable':\n      case 'expandable': {\n        return this.action\n      }\n      default: {\n        return undefined\n      }\n    }\n  }\n\n  get #computedSize(): Size {\n    if (this.#parentSize !== undefined) return this.#parentSize\n    switch (this.size) {\n      case 'standard':\n      case 'small':\n      case 'large': {\n        return this.size\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  get #computedImportance(): TabImportance {\n    if (this.#parentImportance !== undefined) return this.#parentImportance\n    switch (this.importance) {\n      case 'subdued':\n      case 'standard': {\n        return this.importance\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  get #parentImportance(): TabbarImportance {\n    return this.host.closest('qds-tabbar')?.importance ?? undefined\n  }\n\n  get #parentSize(): TabbarSize {\n    return this.host.closest('qds-tabbar')?.size ?? undefined\n  }\n\n  get #parentLayer(): string {\n    return this.host.closest('qds-tabbar')?.layer ?? 'main'\n  }\n\n  get #parentLevel(): string {\n    return this.host.closest('qds-tabbar')?.level ?? 'root'\n  }\n\n  get #ariaLabel(): string {\n    return `Close ${this.text}`\n  }\n\n  get #computedDisabled(): boolean {\n    return this.disabled ?? false\n  }\n\n  get #computeCloseButtonTabIndex(): number | undefined {\n    if (this.selected) {\n      return this.#computedDisabled ? undefined : this.tabIndex\n    }\n    return -1\n  }\n\n  @Watch('panel')\n  protected panelChanged(): void {\n    this.disconnectedCallback()\n\n    const panel = resolveTarget(this.panel)\n    if (!(panel instanceof globalThis.Element)) return\n    this.#panel = panel\n\n    const tab = this.host.shadowRoot?.querySelector('[role=\"tab\"]')\n    if (tab) tab.setAttribute('aria-controls', this.#panel.id)\n\n    if (this.#panel.role === null) this.#panel.role = 'tabpanel'\n    if (this.#panel.getAttribute('aria-labelledby') === null)\n      this.#panel.setAttribute('aria-labelledby', this.host.id)\n    this.#panel.setAttribute(\n      'tabindex',\n      this.#panel.getAttribute('tabindex') ?? '0',\n    )\n  }\n\n  @Listen('click')\n  protected onClick(event: MouseEvent): void {\n    if (this.#computedDisabled) event.stopImmediatePropagation()\n  }\n\n  @Watch('tabindex')\n  protected tabindexChanged(newValue: string): void {\n    const parsedValue = Number.parseInt(newValue, 10)\n    this.tabIndex =\n      parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue\n  }\n\n  @Watch('action')\n  protected actionChanged(): void {\n    this.#defineTab()\n  }\n\n  public componentWillLoad(): void {\n    this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0')\n    this.host.id ||= `qds-tab-${autoIncrementingId}`\n    autoIncrementingId += 1\n\n    this.#defineTab()\n  }\n\n  public componentWillRender(): void {\n    const isPanelRoot =\n      this.#parentLayer === 'panel' && this.#parentLevel === 'root'\n    const isMainSubsection =\n      this.#parentLayer === 'main' && this.#parentLevel === 'subsection'\n\n    this.isIndicatorOnTop = isPanelRoot || isMainSubsection\n  }\n\n  public componentDidLoad(): void {\n    this.panelChanged()\n  }\n\n  public disconnectedCallback(): void {\n    if (!this.#panel) return\n\n    const tab = this.host.shadowRoot?.querySelector('[role=\"tab\"]')\n    if (tab) tab.removeAttribute('aria-controls')\n\n    if (this.#panel.role === 'tabpanel')\n      // eslint-disable-next-line unicorn/no-null\n      this.#panel.role = null\n    if (this.#panel.getAttribute('aria-labelledby') === this.host.id)\n      this.#panel.removeAttribute('aria-labelledby')\n    this.#panel.removeAttribute('tabindex')\n  }\n\n  public render() {\n    const isLink = this.href !== undefined && this.#computedAction === undefined\n    const Tag = isLink\n      ? 'a'\n      : this.#computedAction === 'expandable'\n        ? 'button'\n        : 'div'\n    return (\n      <div\n        aria-disabled={this.#computedDisabled ? 'true' : undefined}\n        class={{\n          'qds-closable-wrapper': this.#computedAction === 'closable',\n          'qds-selected': this.selected,\n          [`qds-indicator-${this.indicatorPosition}`]:\n            this.#computedAction === 'closable',\n        }}\n        data-size={this.#computedSize}\n        data-importance={this.#computedImportance}\n      >\n        <Tag\n          ref={this.#tabRef}\n          aria-disabled={this.#computedDisabled ? 'true' : undefined}\n          disabled={isLink ? undefined : this.disabled}\n          onBlur={this.#onBlur}\n          onFocus={this.#onFocus}\n          class={{\n            'qds-tab': this.#computedAction !== 'closable',\n            'qds-closable-tab': this.#computedAction === 'closable',\n            'qds-selected': this.selected,\n            [`qds-indicator-${this.indicatorPosition}`]:\n              this.#computedAction !== 'closable',\n          }}\n          role={\n            !isLink && this.#computedAction !== 'expandable' ? 'tab' : undefined\n          }\n          aria-current={isLink && this.selected ? 'true' : undefined}\n          aria-expanded={\n            this.#computedAction === 'expandable' && !isLink\n              ? this.selected\n                ? 'true'\n                : 'false'\n              : undefined\n          }\n          data-importance={this.#computedImportance}\n          data-action={this.#computedAction}\n          data-size={this.#computedSize}\n          href={isLink ? this.href : undefined}\n        >\n          {((this.tagText !== undefined && this.tagText !== '') ||\n            (this.tagIconName !== undefined && this.tagIconName !== '')) && (\n            <qds-tag\n              text={this.tagText}\n              status={this.tagStatus}\n              size={this.#computedSize}\n              importance={this.tagImportance}\n              icon-library={this.tagIconLibrary}\n              icon-name={this.tagIconName}\n              icon-description={this.tagIconDescription}\n            />\n          )}\n\n          {this.iconName !== undefined && this.iconName !== '' && (\n            <qds-icon\n              aria-hidden=\"true\"\n              class=\"qds-icon\"\n              library={this.iconLibrary}\n              name={this.iconName}\n            />\n          )}\n          {this.text && this.#renderText()}\n          {isIndicator(this.badge) && (\n            <qds-badge-indicator\n              status={this.badgeIndicatorStatus}\n              description={this.badgeDescription}\n              size={this.#computedSize}\n              strokeRing\n            />\n          )}\n          {isCounter(this.badge) && (\n            <qds-badge-counter\n              description={this.badgeDescription}\n              importance={this.badgeCounterImportance}\n              size={this.#computedSize}\n              strokeRing\n              value={this.badge}\n            />\n          )}\n          {this.#computedAction === 'expandable' && (\n            <qds-icon\n              class={{ 'qds-target-icon': true, 'qds-chevron': this.selected }}\n              data-size={this.#computedSize}\n              library=\"core\"\n              name=\"dropdown\"\n            />\n          )}\n        </Tag>\n        {this.#computedAction === 'closable' && (\n          <qds-mini-button\n            name=\"close\"\n            library=\"core\"\n            text={this.#ariaLabel}\n            data-size={this.#computedSize}\n            disabled={this.#computedDisabled}\n            onClick={this.#onIconClick}\n            tabIndex={this.#computeCloseButtonTabIndex}\n          />\n        )}\n      </div>\n    )\n  }\n\n  #renderText(): JSX.Element {\n    return (\n      <div class=\"qds-texts\">\n        <div class=\"qds-text\">{this.text}</div>\n        {this.subtitle !== undefined && this.subtitle !== '' && (\n          <div class=\"qds-subtitle\">{this.subtitle}</div>\n        )}\n      </div>\n    )\n  }\n\n  readonly #tabRef = (tab?: HTMLElement): void => {\n    this.#tab = tab\n  }\n\n  readonly #close = (): void => {\n    this.closeEmitter.emit()\n  }\n\n  readonly #onIconClick = (event: MouseEvent): void => {\n    event.stopPropagation()\n    this.#close()\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 #defineTab = (): void => {\n    if (this.#computedAction === 'closable') {\n      this.#defineGetter('tab', () => this.#tab)\n    } else {\n      this.internals.role = 'tab'\n      this.#defineGetter('tab', () => this.host)\n    }\n  }\n\n  #defineGetter(p: PropertyKey, get: () => unknown): void {\n    Object.defineProperty(this.host, p, { enumerable: true, get })\n  }\n}\n"],"names":[],"mappings":";;;;;;;;AAAA,MAAM,MAAM,GAAG,qkNAAqkN;;ACAplN;AACA;AACA;;;;;;;;;;;;;;;;;;AAgCA,MAAM,SAAS,GAAG,CAAC,KAAc,KAC/B,OAAO,KAAK,KAAK;AACf,MAAE,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC;AACxC,MAAE,OAAO,KAAK,KAAK,QAAQ;AAE/B,MAAM,WAAW,GAAG,CAAC,KAAc,KACjC,KAAK,KAAK,EAAE,IAAI,KAAK,KAAK,IAAI;AAEhC,IAAI,kBAAkB,GAAG,CAAC;MAcb,GAAG,GAAA,MAAA;AALhB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;;;;;;;;;;AAiBE;;AAEG;AAEa,QAAA,IAAsB,CAAA,sBAAA,GACpC,UAAU;AAQZ;;AAEG;AAEa,QAAA,IAAoB,CAAA,oBAAA,GAClC,SAAS;AAQX;;AAEG;AACqB,QAAA,IAAW,CAAA,WAAA,GAAW,SAAS;AASvD;;AAEG;AACqB,QAAA,IAAU,CAAA,UAAA,GAAmB,UAAU;AAE/D;;AAEG;AACqB,QAAA,IAAiB,CAAA,iBAAA,GAAuB,aAAa;AA4B7E;;AAEG;AACqB,QAAA,IAAc,CAAA,cAAA,GAAW,SAAS;AAE1D;;AAEG;AACqB,QAAA,IAAa,CAAA,aAAA,GACnC,YAAY;AAEd;;AAEG;AACqB,QAAA,IAAO,CAAA,OAAA,GAAU,OAAO;AAEhD;;AAEG;AACqB,QAAA,IAAS,CAAA,SAAA,GAAY,MAAM;AAOnD;;AAEG;AACY,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAE/B;;AAEG;AACqB,QAAA,IAAI,CAAA,IAAA,GAAU,UAAU;AA4C/B,QAAA,IAAgB,CAAA,gBAAA,GAAG,KAAK;QAIzC,UAAgB,CAAA,GAAA,CAAA,IAAA,EAAA,MAAA,CAAA;QAEhB,QAAkB,CAAA,GAAA,CAAA,IAAA,EAAA,MAAA,CAAA;QA0QT,WAAU,CAAA,GAAA,CAAA,IAAA,EAAA,CAAC,GAAiB,KAAU;YAC7C,sBAAA,CAAA,IAAI,EAAA,QAAA,EAAQ,GAAG,EAAA,GAAA,CAAA;AACjB,SAAC,CAAA;AAEQ,QAAA,UAAA,CAAA,GAAA,CAAA,IAAA,EAAS,MAAW;AAC3B,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;AAC1B,SAAC,CAAA;QAEQ,gBAAe,CAAA,GAAA,CAAA,IAAA,EAAA,CAAC,KAAiB,KAAU;YAClD,KAAK,CAAC,eAAe,EAAE;AACvB,YAAA,sBAAA,CAAA,IAAI,EAAA,UAAA,EAAA,GAAA,CAAO,CAAX,IAAA,CAAA,IAAI,CAAS;AACf,SAAC,CAAA;QAEQ,WAAU,CAAA,GAAA,CAAA,IAAA,EAAA,CAAC,KAAiB,KAAU;YAC7C,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AACxD,SAAC,CAAA;QAEQ,YAAW,CAAA,GAAA,CAAA,IAAA,EAAA,CAAC,KAAiB,KAAU;YAC9C,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AACzD,SAAC,CAAA;AAEQ,QAAA,cAAA,CAAA,GAAA,CAAA,IAAA,EAAa,MAAW;AAC/B,YAAA,IAAI,uBAAA,IAAI,EAAA,cAAA,EAAA,GAAA,EAAA,uBAAA,CAAgB,KAAK,UAAU,EAAE;AACvC,gBAAA,sBAAA,CAAA,IAAI,EAAA,cAAA,EAAA,GAAA,EAAA,iBAAA,CAAc,CAAlB,IAAA,CAAA,IAAI,EAAe,KAAK,EAAE,MAAM,sBAAA,CAAA,IAAI,EAAA,QAAA,EAAA,GAAA,CAAK,CAAC;;iBACrC;AACL,gBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,KAAK;gBAC3B,sBAAA,CAAA,IAAI,EAAA,cAAA,EAAA,GAAA,EAAA,iBAAA,CAAc,CAAlB,IAAA,CAAA,IAAI,EAAe,KAAK,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC;;AAE9C,SAAC,CAAA;AAKF;IAlOW,YAAY,GAAA;QACpB,IAAI,CAAC,oBAAoB,EAAE;QAE3B,MAAM,KAAK,GAAG,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;AACvC,QAAA,IAAI,EAAE,KAAK,YAAY,UAAU,CAAC,OAAO,CAAC;YAAE;QAC5C,sBAAA,CAAA,IAAI,EAAA,UAAA,EAAU,KAAK,EAAA,GAAA,CAAA;AAEnB,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,cAAc,CAAC;AAC/D,QAAA,IAAI,GAAG;AAAE,YAAA,GAAG,CAAC,YAAY,CAAC,eAAe,EAAE,sBAAA,CAAA,IAAI,EAAO,UAAA,EAAA,GAAA,CAAA,CAAC,EAAE,CAAC;QAE1D,IAAI,uBAAA,IAAI,EAAA,UAAA,EAAA,GAAA,CAAO,CAAC,IAAI,KAAK,IAAI;YAAE,sBAAA,CAAA,IAAI,EAAO,UAAA,EAAA,GAAA,CAAA,CAAC,IAAI,GAAG,UAAU;AAC5D,QAAA,IAAI,sBAAA,CAAA,IAAI,EAAO,UAAA,EAAA,GAAA,CAAA,CAAC,YAAY,CAAC,iBAAiB,CAAC,KAAK,IAAI;AACtD,YAAA,sBAAA,CAAA,IAAI,EAAA,UAAA,EAAA,GAAA,CAAO,CAAC,YAAY,CAAC,iBAAiB,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;AAC3D,QAAA,sBAAA,CAAA,IAAI,EAAO,UAAA,EAAA,GAAA,CAAA,CAAC,YAAY,CACtB,UAAU,EACV,sBAAA,CAAA,IAAI,EAAO,UAAA,EAAA,GAAA,CAAA,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,GAAG,CAC5C;;AAIO,IAAA,OAAO,CAAC,KAAiB,EAAA;QACjC,IAAI,sBAAA,CAAA,IAAI,EAAkB,cAAA,EAAA,GAAA,EAAA,yBAAA,CAAA;YAAE,KAAK,CAAC,wBAAwB,EAAE;;AAIpD,IAAA,eAAe,CAAC,QAAgB,EAAA;QACxC,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC;AACjD,QAAA,IAAI,CAAC,QAAQ;AACX,YAAA,WAAW,KAAK,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,SAAS,GAAG,WAAW;;IAIlE,aAAa,GAAA;AACrB,QAAA,sBAAA,CAAA,IAAI,EAAA,cAAA,EAAA,GAAA,CAAW,CAAf,IAAA,CAAA,IAAI,CAAa;;IAGZ,iBAAiB,GAAA;;AACtB,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,GAAG,CAAC;AAC/D,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,EAAC,EAAE,KAAF,EAAA,CAAA,EAAE,GAAK,WAAW,kBAAkB,CAAA,CAAE,CAAA;QAChD,kBAAkB,IAAI,CAAC;AAEvB,QAAA,sBAAA,CAAA,IAAI,EAAA,cAAA,EAAA,GAAA,CAAW,CAAf,IAAA,CAAA,IAAI,CAAa;;IAGZ,mBAAmB,GAAA;QACxB,MAAM,WAAW,GACf,sBAAA,CAAA,IAAI,EAAa,cAAA,EAAA,GAAA,EAAA,oBAAA,CAAA,KAAK,OAAO,IAAI,sBAAA,CAAA,IAAI,EAAa,cAAA,EAAA,GAAA,EAAA,oBAAA,CAAA,KAAK,MAAM;QAC/D,MAAM,gBAAgB,GACpB,sBAAA,CAAA,IAAI,EAAa,cAAA,EAAA,GAAA,EAAA,oBAAA,CAAA,KAAK,MAAM,IAAI,sBAAA,CAAA,IAAI,EAAa,cAAA,EAAA,GAAA,EAAA,oBAAA,CAAA,KAAK,YAAY;AAEpE,QAAA,IAAI,CAAC,gBAAgB,GAAG,WAAW,IAAI,gBAAgB;;IAGlD,gBAAgB,GAAA;QACrB,IAAI,CAAC,YAAY,EAAE;;IAGd,oBAAoB,GAAA;QACzB,IAAI,CAAC,sBAAA,CAAA,IAAI,EAAO,UAAA,EAAA,GAAA,CAAA;YAAE;AAElB,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,cAAc,CAAC;AAC/D,QAAA,IAAI,GAAG;AAAE,YAAA,GAAG,CAAC,eAAe,CAAC,eAAe,CAAC;QAE7C,IAAI,uBAAA,IAAI,EAAA,UAAA,EAAA,GAAA,CAAO,CAAC,IAAI,KAAK,UAAU;;YAEjC,sBAAA,CAAA,IAAI,EAAO,UAAA,EAAA,GAAA,CAAA,CAAC,IAAI,GAAG,IAAI;AACzB,QAAA,IAAI,sBAAA,CAAA,IAAI,EAAO,UAAA,EAAA,GAAA,CAAA,CAAC,YAAY,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE;AAC9D,YAAA,sBAAA,CAAA,IAAI,EAAO,UAAA,EAAA,GAAA,CAAA,CAAC,eAAe,CAAC,iBAAiB,CAAC;AAChD,QAAA,sBAAA,CAAA,IAAI,EAAO,UAAA,EAAA,GAAA,CAAA,CAAC,eAAe,CAAC,UAAU,CAAC;;IAGlC,MAAM,GAAA;QACX,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,sBAAA,CAAA,IAAI,EAAgB,cAAA,EAAA,GAAA,EAAA,uBAAA,CAAA,KAAK,SAAS;QAC5E,MAAM,GAAG,GAAG;AACV,cAAE;AACF,cAAE,sBAAA,CAAA,IAAI,EAAA,cAAA,EAAA,GAAA,EAAA,uBAAA,CAAgB,KAAK;AACzB,kBAAE;kBACA,KAAK;AACX,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,eAAA,EACiB,sBAAA,CAAA,IAAI,iDAAkB,GAAG,MAAM,GAAG,SAAS,EAC1D,KAAK,EAAE;AACL,gBAAA,sBAAsB,EAAE,sBAAA,CAAA,IAAI,EAAA,cAAA,EAAA,GAAA,EAAA,uBAAA,CAAgB,KAAK,UAAU;gBAC3D,cAAc,EAAE,IAAI,CAAC,QAAQ;AAC7B,gBAAA,CAAC,iBAAiB,IAAI,CAAC,iBAAiB,CAAE,CAAA,GACxC,sBAAA,CAAA,IAAI,EAAgB,cAAA,EAAA,GAAA,EAAA,uBAAA,CAAA,KAAK,UAAU;aACtC,EAAA,WAAA,EACU,uBAAA,IAAI,EAAA,cAAA,EAAA,GAAA,EAAA,qBAAA,CAAc,EACZ,iBAAA,EAAA,sBAAA,CAAA,IAAI,EAAoB,cAAA,EAAA,GAAA,EAAA,2BAAA,CAAA,EAAA,EAEzC,CAAC,CAAA,GAAG,qDACF,GAAG,EAAE,uBAAA,IAAI,EAAA,WAAA,EAAA,GAAA,CAAQ,mBACF,sBAAA,CAAA,IAAI,iDAAkB,GAAG,MAAM,GAAG,SAAS,EAC1D,QAAQ,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC,QAAQ,EAC5C,MAAM,EAAE,uBAAA,IAAI,EAAA,WAAA,EAAA,GAAA,CAAQ,EACpB,OAAO,EAAE,uBAAA,IAAI,EAAA,YAAA,EAAA,GAAA,CAAS,EACtB,KAAK,EAAE;AACL,gBAAA,SAAS,EAAE,sBAAA,CAAA,IAAI,EAAA,cAAA,EAAA,GAAA,EAAA,uBAAA,CAAgB,KAAK,UAAU;AAC9C,gBAAA,kBAAkB,EAAE,sBAAA,CAAA,IAAI,EAAA,cAAA,EAAA,GAAA,EAAA,uBAAA,CAAgB,KAAK,UAAU;gBACvD,cAAc,EAAE,IAAI,CAAC,QAAQ;AAC7B,gBAAA,CAAC,iBAAiB,IAAI,CAAC,iBAAiB,CAAE,CAAA,GACxC,sBAAA,CAAA,IAAI,EAAgB,cAAA,EAAA,GAAA,EAAA,uBAAA,CAAA,KAAK,UAAU;aACtC,EACD,IAAI,EACF,CAAC,MAAM,IAAI,sBAAA,CAAA,IAAI,EAAgB,cAAA,EAAA,GAAA,EAAA,uBAAA,CAAA,KAAK,YAAY,GAAG,KAAK,GAAG,SAAS,EAExD,cAAA,EAAA,MAAM,IAAI,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,SAAS,EAAA,eAAA,EAExD,uBAAA,IAAI,EAAA,cAAA,EAAA,GAAA,EAAA,uBAAA,CAAgB,KAAK,YAAY,IAAI,CAAC;kBACtC,IAAI,CAAC;AACL,sBAAE;AACF,sBAAE;AACJ,kBAAE,SAAS,EAAA,iBAAA,EAEE,sBAAA,CAAA,IAAI,EAAoB,cAAA,EAAA,GAAA,EAAA,2BAAA,CAAA,EAAA,aAAA,EAC5B,sBAAA,CAAA,IAAI,EAAgB,cAAA,EAAA,GAAA,EAAA,uBAAA,CAAA,EAAA,WAAA,EACtB,sBAAA,CAAA,IAAI,EAAc,cAAA,EAAA,GAAA,EAAA,qBAAA,CAAA,EAC7B,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC,IAAI,GAAG,SAAS,EAAA,EAEnC,CAAC,CAAC,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,KAAK,EAAE;aACjD,IAAI,CAAC,WAAW,KAAK,SAAS,IAAI,IAAI,CAAC,WAAW,KAAK,EAAE,CAAC,MAC3D,CACE,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,OAAO,EAClB,MAAM,EAAE,IAAI,CAAC,SAAS,EACtB,IAAI,EAAE,sBAAA,CAAA,IAAI,EAAA,cAAA,EAAA,GAAA,EAAA,qBAAA,CAAc,EACxB,UAAU,EAAE,IAAI,CAAC,aAAa,EAAA,cAAA,EAChB,IAAI,CAAC,cAAc,EACtB,WAAA,EAAA,IAAI,CAAC,WAAW,sBACT,IAAI,CAAC,kBAAkB,EAAA,CACzC,CACH,EAEA,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,KAAK,EAAE,KAClD,gFACc,MAAM,EAClB,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,IAAI,EAAE,IAAI,CAAC,QAAQ,GACnB,CACH,EACA,IAAI,CAAC,IAAI,IAAI,sBAAA,CAAA,IAAI,EAAY,cAAA,EAAA,GAAA,EAAA,eAAA,CAAA,CAAA,IAAA,CAAhB,IAAI,CAAc,EAC/B,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,KACtB,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,MAAM,EAAE,IAAI,CAAC,oBAAoB,EACjC,WAAW,EAAE,IAAI,CAAC,gBAAgB,EAClC,IAAI,EAAE,sBAAA,CAAA,IAAI,EAAc,cAAA,EAAA,GAAA,EAAA,qBAAA,CAAA,EACxB,UAAU,EAAA,IAAA,EAAA,CACV,CACH,EACA,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KACpB,CACE,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAW,EAAE,IAAI,CAAC,gBAAgB,EAClC,UAAU,EAAE,IAAI,CAAC,sBAAsB,EACvC,IAAI,EAAE,sBAAA,CAAA,IAAI,EAAc,cAAA,EAAA,GAAA,EAAA,qBAAA,CAAA,EACxB,UAAU,EAAA,IAAA,EACV,KAAK,EAAE,IAAI,CAAC,KAAK,GACjB,CACH,EACA,sBAAA,CAAA,IAAI,EAAA,cAAA,EAAA,GAAA,EAAA,uBAAA,CAAgB,KAAK,YAAY,KACpC,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,EAAE,iBAAiB,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAA,WAAA,EACrD,sBAAA,CAAA,IAAI,6CAAc,EAC7B,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,UAAU,EAAA,CACf,CACH,CACG,EACL,sBAAA,CAAA,IAAI,+CAAgB,KAAK,UAAU,KAClC,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,MAAM,EACd,IAAI,EAAE,sBAAA,CAAA,IAAI,EAAW,cAAA,EAAA,GAAA,EAAA,kBAAA,CAAA,EAAA,WAAA,EACV,sBAAA,CAAA,IAAI,6CAAc,EAC7B,QAAQ,EAAE,sBAAA,CAAA,IAAI,iDAAkB,EAChC,OAAO,EAAE,sBAAA,CAAA,IAAI,wBAAa,EAC1B,QAAQ,EAAE,sBAAA,CAAA,IAAI,2DAA4B,EAC1C,CAAA,CACH,CACG;;;;;;;;;;AAxPR,IAAA,QAAQ,IAAI,CAAC,MAAM;AACjB,QAAA,KAAK,UAAU;QACf,KAAK,YAAY,EAAE;YACjB,OAAO,IAAI,CAAC,MAAM;;QAEpB,SAAS;AACP,YAAA,OAAO,SAAS;;;AAGtB,CAAC,EAAA,qBAAA,GAAA,SAAA,qBAAA,GAAA;IAGC,IAAI,sBAAA,CAAA,IAAI,EAAY,cAAA,EAAA,GAAA,EAAA,mBAAA,CAAA,KAAK,SAAS;QAAE,OAAO,sBAAA,CAAA,IAAI,EAAA,cAAA,EAAA,GAAA,EAAA,mBAAA,CAAY;AAC3D,IAAA,QAAQ,IAAI,CAAC,IAAI;AACf,QAAA,KAAK,UAAU;AACf,QAAA,KAAK,OAAO;QACZ,KAAK,OAAO,EAAE;YACZ,OAAO,IAAI,CAAC,IAAI;;QAElB,SAAS;AACP,YAAA,OAAO,UAAU;;;AAGvB,CAAC,EAAA,2BAAA,GAAA,SAAA,2BAAA,GAAA;IAGC,IAAI,sBAAA,CAAA,IAAI,EAAkB,cAAA,EAAA,GAAA,EAAA,yBAAA,CAAA,KAAK,SAAS;QAAE,OAAO,sBAAA,CAAA,IAAI,EAAA,cAAA,EAAA,GAAA,EAAA,yBAAA,CAAkB;AACvE,IAAA,QAAQ,IAAI,CAAC,UAAU;AACrB,QAAA,KAAK,SAAS;QACd,KAAK,UAAU,EAAE;YACf,OAAO,IAAI,CAAC,UAAU;;QAExB,SAAS;AACP,YAAA,OAAO,UAAU;;;AAGvB,CAAC,EAAA,yBAAA,GAAA,SAAA,yBAAA,GAAA;AAGC,IAAA,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,UAAU,IAAI,SAAS;AACjE,CAAC,EAAA,mBAAA,GAAA,SAAA,mBAAA,GAAA;AAGC,IAAA,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,IAAI,IAAI,SAAS;AAC3D,CAAC,EAAA,oBAAA,GAAA,SAAA,oBAAA,GAAA;AAGC,IAAA,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,KAAK,IAAI,MAAM;AACzD,CAAC,EAAA,oBAAA,GAAA,SAAA,oBAAA,GAAA;AAGC,IAAA,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,KAAK,IAAI,MAAM;AACzD,CAAC,EAAA,kBAAA,GAAA,SAAA,kBAAA,GAAA;AAGC,IAAA,OAAO,CAAS,MAAA,EAAA,IAAI,CAAC,IAAI,EAAE;AAC7B,CAAC,EAAA,yBAAA,GAAA,SAAA,yBAAA,GAAA;AAGC,IAAA,OAAO,IAAI,CAAC,QAAQ,IAAI,KAAK;AAC/B,CAAC,EAAA,mCAAA,GAAA,SAAA,mCAAA,GAAA;AAGC,IAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;QACjB,OAAO,sBAAA,CAAA,IAAI,EAAkB,cAAA,EAAA,GAAA,EAAA,yBAAA,CAAA,GAAG,SAAS,GAAG,IAAI,CAAC,QAAQ;;IAE3D,OAAO,EAAE;AACX,CAAC,EAAA,eAAA,GAAA,SAAA,eAAA,GAAA;IA0LC,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,WAAW,EAAA,EACpB,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,UAAU,IAAE,IAAI,CAAC,IAAI,CAAO,EACtC,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,KAAK,EAAE,KAClD,WAAK,KAAK,EAAC,cAAc,EAAA,EAAE,IAAI,CAAC,QAAQ,CAAO,CAChD,CACG;AAEV,CAAC,EAAA,iBAAA,GAAA,SAAA,iBAAA,CAgCa,CAAc,EAAE,GAAkB,EAAA;AAC9C,IAAA,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC;AAChE,CAAC;;;;;"}