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

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

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

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

@@ -73,7 +73,7 @@ const Loader = class {
         this.statusChanged();
     }
     render() {
-        return __classPrivateFieldGet(this, _Loader_instances, "a", _Loader_computedStatus_get) ? (index.h("qds-icon", { "aria-hidden": "true", class: "qds-loader", "data-size": __classPrivateFieldGet(this, _Loader_instances, "a", _Loader_computedSize_get), "data-status": __classPrivateFieldGet(this, _Loader_instances, "a", _Loader_computedStatus_get), library: "core", name: `status-${this.status}-solid` })) : (index.h("div", { "aria-hidden": "true", class: "qds-loader", "data-size": __classPrivateFieldGet(this, _Loader_instances, "a", _Loader_computedSize_get), "data-status": "loading", "data-importance": __classPrivateFieldGet(this, _Loader_instances, "a", _Loader_computedImportance_get) }));
+        return __classPrivateFieldGet(this, _Loader_instances, "a", _Loader_computedStatus_get) ? (index.h("qds-icon", { class: "qds-loader", "data-size": __classPrivateFieldGet(this, _Loader_instances, "a", _Loader_computedSize_get), "data-status": __classPrivateFieldGet(this, _Loader_instances, "a", _Loader_computedStatus_get), library: "core", name: `status-${this.status}-solid` })) : (index.h("div", { class: "qds-loader", "data-size": __classPrivateFieldGet(this, _Loader_instances, "a", _Loader_computedSize_get), "data-status": "loading", "data-importance": __classPrivateFieldGet(this, _Loader_instances, "a", _Loader_computedImportance_get) }));
     }
     static get formAssociated() { return true; }
     get host() { return index.getElement(this); }

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

@@ -1 +1 @@
-{"version":3,"file":"qds-loader.entry.cjs.js","sources":["src/components/loader/loader.css?tag=qds-loader&encapsulation=shadow","src/components/loader/loader.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: inline-block;\n}\n\n.qds-loader {\n  border-radius: var(--qds-control-rounded-border-radius);\n  box-sizing: border-box;\n  color: var(--qds-theme-feedback-action-destructive-contrast);\n}\n\n[data-size='small'] {\n  height: var(--qds-feedback-loader-small-size);\n  width: var(--qds-feedback-loader-small-size);\n\n  &[data-status='loading'] {\n    padding: var(--qds-signature-circle-progress-small-border-width);\n  }\n}\n\n[data-size='standard'] {\n  height: var(--qds-feedback-loader-standard-size);\n  width: var(--qds-feedback-loader-standard-size);\n\n  &[data-status='loading'] {\n    padding: var(--qds-signature-circle-progress-standard-border-width);\n  }\n}\n\n[data-size='large'] {\n  height: var(--qds-feedback-loader-large-size);\n  width: var(--qds-feedback-loader-large-size);\n\n  &[data-status='loading'] {\n    padding: var(--qds-signature-circle-progress-large-border-width);\n  }\n}\n\n[data-size='jumbo'] {\n  height: var(--qds-feedback-loader-jumbo-size);\n  width: var(--qds-feedback-loader-jumbo-size);\n\n  &[data-status='loading'] {\n    padding: var(--qds-signature-circle-progress-jumbo-border-width);\n  }\n}\n\n[data-size='hero'] {\n  height: var(--qds-feedback-loader-hero-size);\n  width: var(--qds-feedback-loader-hero-size);\n\n  &[data-status='loading'] {\n    padding: var(--qds-signature-circle-progress-hero-border-width);\n  }\n}\n\n[data-status='loading'] {\n  animation: loading 1s linear infinite;\n  /* stylelint-disable color-no-hex, declaration-property-value-no-unknown */\n  mask:\n    linear-gradient(#fff 0 0) content-box,\n    linear-gradient(#fff 0 0);\n  /* stylelint-enable color-no-hex, declaration-property-value-no-unknown */\n  mask-composite: exclude;\n\n  &[data-importance='standard'] {\n    background-image: var(--qds-theme-feedback-loader-standard-indeterminate);\n  }\n\n  &[data-importance='destructive'] {\n    background-image: var(\n      --qds-theme-feedback-loader-destructive-indeterminate\n    );\n  }\n\n  &[data-importance='informative'] {\n    background-image: var(\n      --qds-theme-feedback-loader-informational-indeterminate\n    );\n  }\n\n  &[data-importance='neutral-contrast'] {\n    background-image: var(\n      --qds-theme-feedback-loader-neutral-contrast-indeterminate\n    );\n    border: var(--qds-theme-feedback-loader-neutral-contrast-indeterminate);\n  }\n\n  &[data-importance='neutral'] {\n    background-image: var(--qds-theme-feedback-loader-neutral-indeterminate);\n    border: var(--qds-theme-feedback-loader-neutral-indeterminate);\n  }\n}\n\n@keyframes loading {\n  to {\n    transform: rotate(1turn);\n  }\n}\n\n[data-status='success'] {\n  color: var(--qds-theme-feedback-result-success);\n}\n\n[data-status='warning'] {\n  color: var(--qds-theme-feedback-result-partial-success);\n}\n\n[data-status='error'] {\n  color: var(--qds-theme-feedback-result-failure);\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  h,\n  Prop,\n  Watch,\n} from '@stencil/core'\n\nimport type { Size } from '../shared'\n\nexport type LoaderSize = Size | 'hero' | 'jumbo'\nexport type LoaderStatus = 'error' | 'success' | 'warning'\nexport type LoaderImportance =\n  | 'destructive'\n  | 'informative'\n  | 'neutral-contrast'\n  | 'neutral'\n  | 'standard'\n/**\n * The `<qds-loader>` element displays an indicator showing that content is\n * being loaded or processed.\n *\n * @see https://quartz.se.com/build/components/loader\n */\n@Component({\n  tag: 'qds-loader',\n  formAssociated: true,\n  shadow: true,\n  styleUrl: 'loader.css',\n})\nexport class Loader implements ComponentInterface {\n  /**\n   * The loader's size.\n   */\n  @Prop() public readonly size?: LoaderSize = 'standard'\n\n  /**\n   * The loader's status.\n   */\n  @Prop() public readonly status?: LoaderStatus\n\n  /**\n   * The loader's importance.\n   */\n  @Prop() public readonly importance?: LoaderImportance = 'standard'\n\n  @Element() private readonly host!: HTMLElement\n\n  @AttachInternals() private readonly internals!: ElementInternals\n\n  get #computedSize(): LoaderSize {\n    switch (this.size) {\n      case 'small':\n      case 'large':\n      case 'hero':\n      case 'jumbo': {\n        return this.size\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  get #computedStatus(): LoaderStatus | undefined {\n    switch (this.status) {\n      case 'error':\n      case 'success':\n      case 'warning': {\n        return this.status\n      }\n      default: {\n        return undefined\n      }\n    }\n  }\n\n  get #computedImportance(): LoaderImportance {\n    switch (this.importance) {\n      case 'destructive':\n      case 'informative':\n      case 'neutral':\n      case 'neutral-contrast':\n      case 'standard': {\n        return this.importance\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  @Watch('status')\n  protected statusChanged(): void {\n    const status = this.#computedStatus\n\n    this.internals.ariaValueNow =\n      status === undefined\n        ? // eslint-disable-next-line unicorn/no-null\n          null\n        : this.internals.ariaValueMax\n\n    switch (status) {\n      case 'error': {\n        this.internals.ariaLabel = 'Error'\n        break\n      }\n      case 'success': {\n        this.internals.ariaLabel = 'Loaded'\n        break\n      }\n      case 'warning': {\n        this.internals.ariaLabel = 'Warning'\n        break\n      }\n      default: {\n        this.internals.ariaLabel = 'Loading'\n      }\n    }\n  }\n\n  public componentWillLoad(): void {\n    this.internals.role = 'progressbar'\n    this.internals.ariaValueMin = this.host.ariaValueMin ?? '0'\n    this.internals.ariaValueMax = this.host.ariaValueMax ?? '1'\n    this.#defineGetter('labels', () => this.internals.labels)\n\n    this.statusChanged()\n  }\n\n  public render() {\n    return this.#computedStatus ? (\n      <qds-icon\n        aria-hidden=\"true\"\n        class=\"qds-loader\"\n        data-size={this.#computedSize}\n        data-status={this.#computedStatus}\n        library=\"core\"\n        name={`status-${this.status}-solid`}\n      />\n    ) : (\n      <div\n        aria-hidden=\"true\"\n        class=\"qds-loader\"\n        data-size={this.#computedSize}\n        data-status=\"loading\"\n        data-importance={this.#computedImportance}\n      />\n    )\n  }\n\n  #defineGetter(p: PropertyKey, get: () => unknown): void {\n    Object.defineProperty(this.host, p, { enumerable: true, get })\n  }\n}\n"],"names":["h"],"mappings":"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"}
+{"version":3,"file":"qds-loader.entry.cjs.js","sources":["src/components/loader/loader.css?tag=qds-loader&encapsulation=shadow","src/components/loader/loader.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: inline-block;\n}\n\n.qds-loader {\n  border-radius: var(--qds-control-rounded-border-radius);\n  box-sizing: border-box;\n  color: var(--qds-theme-feedback-action-destructive-contrast);\n}\n\n[data-size='small'] {\n  height: var(--qds-feedback-loader-small-size);\n  width: var(--qds-feedback-loader-small-size);\n\n  &[data-status='loading'] {\n    padding: var(--qds-signature-circle-progress-small-border-width);\n  }\n}\n\n[data-size='standard'] {\n  height: var(--qds-feedback-loader-standard-size);\n  width: var(--qds-feedback-loader-standard-size);\n\n  &[data-status='loading'] {\n    padding: var(--qds-signature-circle-progress-standard-border-width);\n  }\n}\n\n[data-size='large'] {\n  height: var(--qds-feedback-loader-large-size);\n  width: var(--qds-feedback-loader-large-size);\n\n  &[data-status='loading'] {\n    padding: var(--qds-signature-circle-progress-large-border-width);\n  }\n}\n\n[data-size='jumbo'] {\n  height: var(--qds-feedback-loader-jumbo-size);\n  width: var(--qds-feedback-loader-jumbo-size);\n\n  &[data-status='loading'] {\n    padding: var(--qds-signature-circle-progress-jumbo-border-width);\n  }\n}\n\n[data-size='hero'] {\n  height: var(--qds-feedback-loader-hero-size);\n  width: var(--qds-feedback-loader-hero-size);\n\n  &[data-status='loading'] {\n    padding: var(--qds-signature-circle-progress-hero-border-width);\n  }\n}\n\n[data-status='loading'] {\n  animation: loading 1s linear infinite;\n  /* stylelint-disable color-no-hex, declaration-property-value-no-unknown */\n  mask:\n    linear-gradient(#fff 0 0) content-box,\n    linear-gradient(#fff 0 0);\n  /* stylelint-enable color-no-hex, declaration-property-value-no-unknown */\n  mask-composite: exclude;\n\n  &[data-importance='standard'] {\n    background-image: var(--qds-theme-feedback-loader-standard-indeterminate);\n  }\n\n  &[data-importance='destructive'] {\n    background-image: var(\n      --qds-theme-feedback-loader-destructive-indeterminate\n    );\n  }\n\n  &[data-importance='informative'] {\n    background-image: var(\n      --qds-theme-feedback-loader-informational-indeterminate\n    );\n  }\n\n  &[data-importance='neutral-contrast'] {\n    background-image: var(\n      --qds-theme-feedback-loader-neutral-contrast-indeterminate\n    );\n    border: var(--qds-theme-feedback-loader-neutral-contrast-indeterminate);\n  }\n\n  &[data-importance='neutral'] {\n    background-image: var(--qds-theme-feedback-loader-neutral-indeterminate);\n    border: var(--qds-theme-feedback-loader-neutral-indeterminate);\n  }\n}\n\n@keyframes loading {\n  to {\n    transform: rotate(1turn);\n  }\n}\n\n[data-status='success'] {\n  color: var(--qds-theme-feedback-result-success);\n}\n\n[data-status='warning'] {\n  color: var(--qds-theme-feedback-result-partial-success);\n}\n\n[data-status='error'] {\n  color: var(--qds-theme-feedback-result-failure);\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  h,\n  Prop,\n  Watch,\n} from '@stencil/core'\n\nimport type { Size } from '../shared'\n\nexport type LoaderSize = Size | 'hero' | 'jumbo'\nexport type LoaderStatus = 'error' | 'success' | 'warning'\nexport type LoaderImportance =\n  | 'destructive'\n  | 'informative'\n  | 'neutral-contrast'\n  | 'neutral'\n  | 'standard'\n/**\n * The `<qds-loader>` element displays an indicator showing that content is\n * being loaded or processed.\n *\n * @see https://quartz.se.com/build/components/loader\n */\n@Component({\n  tag: 'qds-loader',\n  formAssociated: true,\n  shadow: true,\n  styleUrl: 'loader.css',\n})\nexport class Loader implements ComponentInterface {\n  /**\n   * The loader's size.\n   */\n  @Prop() public readonly size?: LoaderSize = 'standard'\n\n  /**\n   * The loader's status.\n   */\n  @Prop() public readonly status?: LoaderStatus\n\n  /**\n   * The loader's importance.\n   */\n  @Prop() public readonly importance?: LoaderImportance = 'standard'\n\n  @Element() private readonly host!: HTMLElement\n\n  @AttachInternals() private readonly internals!: ElementInternals\n\n  get #computedSize(): LoaderSize {\n    switch (this.size) {\n      case 'small':\n      case 'large':\n      case 'hero':\n      case 'jumbo': {\n        return this.size\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  get #computedStatus(): LoaderStatus | undefined {\n    switch (this.status) {\n      case 'error':\n      case 'success':\n      case 'warning': {\n        return this.status\n      }\n      default: {\n        return undefined\n      }\n    }\n  }\n\n  get #computedImportance(): LoaderImportance {\n    switch (this.importance) {\n      case 'destructive':\n      case 'informative':\n      case 'neutral':\n      case 'neutral-contrast':\n      case 'standard': {\n        return this.importance\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  @Watch('status')\n  protected statusChanged(): void {\n    const status = this.#computedStatus\n\n    this.internals.ariaValueNow =\n      status === undefined\n        ? // eslint-disable-next-line unicorn/no-null\n          null\n        : this.internals.ariaValueMax\n\n    switch (status) {\n      case 'error': {\n        this.internals.ariaLabel = 'Error'\n        break\n      }\n      case 'success': {\n        this.internals.ariaLabel = 'Loaded'\n        break\n      }\n      case 'warning': {\n        this.internals.ariaLabel = 'Warning'\n        break\n      }\n      default: {\n        this.internals.ariaLabel = 'Loading'\n      }\n    }\n  }\n\n  public componentWillLoad(): void {\n    this.internals.role = 'progressbar'\n    this.internals.ariaValueMin = this.host.ariaValueMin ?? '0'\n    this.internals.ariaValueMax = this.host.ariaValueMax ?? '1'\n    this.#defineGetter('labels', () => this.internals.labels)\n\n    this.statusChanged()\n  }\n\n  public render() {\n    return this.#computedStatus ? (\n      <qds-icon\n        class=\"qds-loader\"\n        data-size={this.#computedSize}\n        data-status={this.#computedStatus}\n        library=\"core\"\n        name={`status-${this.status}-solid`}\n      />\n    ) : (\n      <div\n        class=\"qds-loader\"\n        data-size={this.#computedSize}\n        data-status=\"loading\"\n        data-importance={this.#computedImportance}\n      />\n    )\n  }\n\n  #defineGetter(p: PropertyKey, get: () => unknown): void {\n    Object.defineProperty(this.host, p, { enumerable: true, get })\n  }\n}\n"],"names":["h"],"mappings":"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"}

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

@@ -118,11 +118,11 @@ const MenuItem = class {
         this.disabledChanged();
     }
     render() {
-        return (index.h("div", { key: 'fe9c905dc3232dcc7aff3c11989708418933cc2e', class: {
+        return (index.h("div", { key: '7d0ba7c11661174f646a8b69012645224bda21fe', class: {
                 'qds-menu-item': true,
                 'qds-disabled': __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get),
                 'qds-has-submenu': __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get),
-            }, ref: __classPrivateFieldGet(this, _MenuItem_menuitemDivRef, "f"), "data-size": __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedSize_get), "aria-hidden": "true" }, index.h("div", { key: 'facde0ba3177e95aea0b93af7f21073ff2cd8094', class: "qds-menu-item-container" }, __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (index.h("span", { key: '110ec6c5050fba47f94b4d7e300a93d31d890feb', class: "menu-item-checkable" })), __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (index.h("qds-icon", { key: '578d2bec12c10fe7055ddefdac43cf466a9c3bb5', class: "qds-icon", library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (index.h("qds-icon", { key: '25b937d83d0337f0f7938f85436dfcf4694e330d', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), index.h("span", { key: 'f6078d0567035d59b4e874a857665e6c17f795d9', class: "qds-text", ref: __classPrivateFieldGet(this, _MenuItem_spanRef, "f") }, this.text), this.shortcut !== undefined && this.shortcut !== '' && (index.h("span", { key: 'cc7803584b35cc9c596e17504acb74c19df4a559', class: "qds-shortcut" }, this.shortcut)), __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (index.h("qds-icon", { key: 'f122617959813d4b34265ac06fd04ad4bd85d6a3', class: "qds-icon", library: "core", name: "navigation" }))), __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (index.h("qds-dropdown", { key: '4d3b287da7077769324d8bf121bee88d05dfc4c3', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet(this, _MenuItem_menuitemDivRef, "f") }, index.h("slot", { key: '26bf5f8470dcf823bdc4d2faa9ecae16acb8b420' }))), this.tooltip && (index.h("qds-tooltip", { key: 'd61af3444249c927fe17fa9f09141de8070cdea3', ref: __classPrivateFieldGet(this, _MenuItem_tooltipRef, "f") }, this.text))));
+            }, ref: __classPrivateFieldGet(this, _MenuItem_menuitemDivRef, "f"), "data-size": __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedSize_get), "aria-hidden": "true" }, index.h("div", { key: 'ddc9c1614161a68acce64d7b055a4f98ad46c8ea', class: "qds-menu-item-container" }, __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (index.h("span", { key: '2976f946bbafda1f8878fe63dab984acb3a7022a', class: "menu-item-checkable" })), __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (index.h("qds-icon", { key: 'badd5434f8857f8819aeefdff6d81d8206ff4c26', class: "qds-icon", library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (index.h("qds-icon", { key: '6ba121d5c02d93f061fe6e4563a840c3e3ed248b', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), index.h("span", { key: 'e6d352056093d513259bf307d57a2bf6594ef51c', class: "qds-text", ref: __classPrivateFieldGet(this, _MenuItem_spanRef, "f") }, this.text), this.shortcut !== undefined && this.shortcut !== '' && (index.h("span", { key: '57e519dcacdd6df02e57cabedf6be273ca2fe6d6', class: "qds-shortcut" }, this.shortcut)), __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (index.h("qds-icon", { key: 'd42b375a3db82416e4897046f8158475e5ae8cae', class: "qds-icon", library: "core", name: "navigation" }))), __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (index.h("qds-dropdown", { key: '051eac52674daeba3a8818f56e8bcc313c281a0b', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet(this, _MenuItem_menuitemDivRef, "f") }, index.h("slot", { key: 'c8f84041f9369ab6d2bd8e2978db851e2fc89c2e' }))), this.tooltip && (index.h("qds-tooltip", { key: 'dde1e377a56eaa598351c119d190fa77c001deb6', ref: __classPrivateFieldGet(this, _MenuItem_tooltipRef, "f") }, this.text))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/qds-mini-button.cjs.entry.js

@@ -110,7 +110,7 @@ const MiniButton = class {
     }
     render() {
         const Tag = this.href === undefined ? 'button' : 'a';
-        return (index.h(Tag, { key: '3aa9f2bcc195f87e4e3a529eb2bac1079f58f523', type: Tag === 'a' ? undefined : 'button', class: "qds-mini-button", href: Tag === 'a' ? this.href : undefined, rel: Tag === 'a' ? this.rel : undefined, disabled: __classPrivateFieldGet(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get), "aria-hidden": "true", onKeyDown: preventDefault, onKeyUp: preventDefault, onKeyPress: preventDefault, tabIndex: -1 }, index.h("qds-icon", { key: 'aecc513ae5bd03f88ad7a1e5a0cb45fae43ab40f', class: "qds-icon", library: this.library, name: this.name })));
+        return (index.h(Tag, { key: '670347ad3f469e3b7d8d8cc30774c3c208c4dd08', type: Tag === 'a' ? undefined : 'button', class: "qds-mini-button", href: Tag === 'a' ? this.href : undefined, rel: Tag === 'a' ? this.rel : undefined, disabled: __classPrivateFieldGet(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get), "aria-hidden": "true", onKeyDown: preventDefault, onKeyUp: preventDefault, onKeyPress: preventDefault, tabIndex: -1 }, index.h("qds-icon", { key: 'd3ab0776386fa553ee0a1582261a6724c6c5ef3a', class: "qds-icon", library: this.library, name: this.name })));
     }
     static get formAssociated() { return true; }
     get host() { return index.getElement(this); }

package/dist/cjs/qds-progress-bar.cjs.entry.js

@@ -92,7 +92,7 @@ const ProgressBar = class {
         this.valueChanged();
     }
     render() {
-        return (index.h("div", { key: '86d72369e0342009d6b899033ab93c31f58e6218', "aria-hidden": "true", class: "qds-track", "data-size": __classPrivateFieldGet(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get) }, index.h("div", { key: 'b246c0a10e3fb2e019b810d8485e11fadbe2f0e8', class: {
+        return (index.h("div", { key: '1f594b08dadc74c480d08f43bd9351225871990b', "aria-hidden": "true", class: "qds-track", "data-size": __classPrivateFieldGet(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get) }, index.h("div", { key: '5bcba1c692dde87d29f842ab572d3b36b58dbe43', class: {
                 'qds-bar': true,
                 'qds-indeterminate': __classPrivateFieldGet(this, _ProgressBar_position, "f") === -1,
             }, "data-size": __classPrivateFieldGet(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get), style: { width: this.width } })));

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

@@ -9,7 +9,7 @@ var index = require('./index-DIY7gpXM.js');
 var helpers = require('./helpers-Qs3cpKiI.js');
 var controls = require('./controls-DKGeNyr5.js');
 
-const selectCss = ":host([hidden]){display:none!important}:host{display:inline-block}slot{display:none}.qds-container{box-sizing:border-box;display:grid;grid-template-areas:\"j\"}.qds-container,.qds-select{width:inherit}.qds-icon,.qds-select{color:var(--qds-theme-form-input-text-placeholder);grid-area:j}.qds-icon{place-self:center end;pointer-events:none}.qds-select{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-default);border-radius:var(\n      --qds-control-border-radius-top-left,var(--qds-form-input-border-radius)\n    ) var(\n      --qds-control-border-radius-top-right,var(--qds-form-input-border-radius)\n    ) var(\n      --qds-control-border-radius-bottom-right,var(--qds-form-input-border-radius)\n    ) var(\n      --qds-control-border-radius-bottom-left,var(--qds-form-input-border-radius)\n    );border-style:solid;border-width:var(--qds-form-input-border-width-default) var(\n      --qds-control-border-width-inline-end,var(--qds-form-input-border-width-default)\n    ) var(\n      --qds-control-border-width-block-end,var(--qds-form-input-border-width-default)\n    ) var(--qds-form-input-border-width-default);margin:0;outline:0;padding-block:0;text-overflow:ellipsis}.qds-select:enabled:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-select:enabled:active{background-color:var(--qds-theme-form-input-background-active);color:var(--qds-theme-form-input-text-active)}.qds-select:not(:focus):user-invalid{border-color:var(--qds-theme-feedback-result-failure)}.qds-select[data-status]{border-width:var(--qds-form-input-border-width-status) var(\n        --qds-control-border-width-inline-end,var(--qds-form-input-border-width-status)\n      ) var(\n        --qds-control-border-width-block-end,var(--qds-form-input-border-width-status)\n      ) var(--qds-form-input-border-width-status)}.qds-select[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-select[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-select :not(:focus):user-invalid,.qds-select[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}.qds-select:disabled,.qds-select:disabled+.qds-icon{opacity:var(--qds-theme-disabled)}:is(::slotted(optgroup),::slotted(optgroup:not(:disabled)>option),::slotted(option)):disabled{opacity:var(--qds-theme-disabled)}::slotted(optgroup){font:var(--qds-accessory-section-title)}::slotted(optgroup>option),::slotted(option){font:var(--qds-list-item-label-main)}.qds-select[data-size=small]{font:var(--qds-form-small-text);padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}.qds-select[data-size=small]:not([multiple]){min-height:var(--qds-form-input-small-height);padding-inline-end:calc(var(--qds-control-small-icon-size) + var(--qds-form-input-small-gap-internal) + var(--qds-form-input-small-padding-end))}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);margin-inline-end:calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-small-icon-size)}.qds-select[data-size=standard]{font:var(--qds-form-standard-text);padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}.qds-select[data-size=standard]:not([multiple]){min-height:var(--qds-form-input-standard-height);padding-inline-end:calc(var(--qds-control-standard-icon-size) + var(--qds-form-input-standard-gap-internal) + var(--qds-form-input-standard-padding-end))}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);margin-inline-end:calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-standard-icon-size)}.qds-select[data-size=large]{font:var(--qds-form-large-text);padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}.qds-select[data-size=large]:not([multiple]){min-height:var(--qds-form-input-large-height);padding-inline-end:calc(var(--qds-control-large-icon-size) + var(--qds-form-input-large-gap-internal) + var(--qds-form-input-large-padding-end))}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);margin-inline-end:calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-large-icon-size)}.qds-focus-ring{border-radius:max(1px,var(\n        --qds-control-border-radius-top-left,var(--qds-form-input-border-radius)\n      )) max(1px,var(\n        --qds-control-border-radius-top-right,var(--qds-form-input-border-radius)\n      )) max(1px,var(\n        --qds-control-border-radius-bottom-right,var(--qds-form-input-border-radius)\n      )) max(1px,var(\n        --qds-control-border-radius-bottom-left,var(--qds-form-input-border-radius)\n      ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:j;height:calc(100% + var(--qds-form-input-border-width-default) - var(\n        --qds-control-border-width-block-end,\n        var(--qds-form-input-border-width-default)\n      ));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-form-input-border-width-default) - var(\n        --qds-control-border-width-inline-end,\n        var(--qds-form-input-border-width-default)\n      ))}.qds-select:focus-visible~.qds-focus-ring{visibility:visible}";
+const selectCss = ":host([hidden]){display:none!important}:host{display:inline-block}slot{display:none}.qds-container{box-sizing:border-box;display:grid;grid-template-areas:\"f\"}.qds-container,.qds-select{width:inherit}.qds-icon,.qds-select{color:var(--qds-theme-form-input-text-placeholder);grid-area:f}.qds-icon{place-self:center end;pointer-events:none}.qds-select{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-default);border-radius:var(\n      --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n    ) var(\n      --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n    ) var(\n      --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n    ) var(\n      --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n    );border-style:solid;border-width:var(--qds-form-input-border-width-default) var(\n      --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-default)\n    ) var(\n      --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-default)\n    ) var(--qds-form-input-border-width-default);margin:0;outline:0;padding-block:0;text-overflow:ellipsis}.qds-select:enabled:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-select:enabled:active{background-color:var(--qds-theme-form-input-background-active);color:var(--qds-theme-form-input-text-active)}.qds-select:not(:focus):user-invalid{border-color:var(--qds-theme-feedback-result-failure)}.qds-select[data-status]{border-width:var(--qds-form-input-border-width-status) var(\n        --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-status)\n      ) var(\n        --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-status)\n      ) var(--qds-form-input-border-width-status)}.qds-select[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-select[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-select :not(:focus):user-invalid,.qds-select[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}.qds-select:disabled,.qds-select:disabled+.qds-icon{opacity:var(--qds-theme-disabled)}:is(::slotted(optgroup),::slotted(optgroup:not(:disabled)>option),::slotted(option)):disabled{opacity:var(--qds-theme-disabled)}::slotted(optgroup){font:var(--qds-accessory-section-title)}::slotted(optgroup>option),::slotted(option){font:var(--qds-list-item-label-main)}.qds-select[data-size=small]{font:var(--qds-form-small-text);padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}.qds-select[data-size=small]:not([multiple]){min-height:var(--qds-form-input-small-height);padding-inline-end:calc(var(--qds-control-small-icon-size) + var(--qds-form-input-small-gap-internal) + var(--qds-form-input-small-padding-end))}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);margin-inline-end:calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-small-icon-size)}.qds-select[data-size=standard]{font:var(--qds-form-standard-text);padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}.qds-select[data-size=standard]:not([multiple]){min-height:var(--qds-form-input-standard-height);padding-inline-end:calc(var(--qds-control-standard-icon-size) + var(--qds-form-input-standard-gap-internal) + var(--qds-form-input-standard-padding-end))}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);margin-inline-end:calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-standard-icon-size)}.qds-select[data-size=large]{font:var(--qds-form-large-text);padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}.qds-select[data-size=large]:not([multiple]){min-height:var(--qds-form-input-large-height);padding-inline-end:calc(var(--qds-control-large-icon-size) + var(--qds-form-input-large-gap-internal) + var(--qds-form-input-large-padding-end))}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);margin-inline-end:calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-large-icon-size)}.qds-focus-ring{border-radius:max(1px,var(\n        --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n      )) max(1px,var(\n        --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n      )) max(1px,var(\n        --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n      )) max(1px,var(\n        --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n      ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:f;height:calc(100% + var(--qds-form-input-border-width-default) - var(\n        --qds-form-input-border-width-block-end,\n        var(--qds-form-input-border-width-default)\n      ));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-form-input-border-width-default) - var(\n        --qds-form-input-border-width-inline-end,\n        var(--qds-form-input-border-width-default)\n      ))}.qds-select:focus-visible~.qds-focus-ring{visibility:visible}";
 
 // SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
@@ -271,12 +271,12 @@ const Select = class {
         this.selectedIndex = __classPrivateFieldGet(this, _Select_select, "f").selectedIndex;
     }
     render() {
-        return (index.h("div", { key: '4e54c80117271921cdf5eeaa8498f91467b514f5', class: {
+        return (index.h("div", { key: '26c702cd3ae186b45a53bd51196f425b101fd1c9', class: {
                 'qds-container': true,
                 'qds-multiple': this.multiple ?? false,
-            }, "data-size": __classPrivateFieldGet(this, _Select_instances, "a", _Select_computedSize_get) }, index.h("select", { key: '239e13dcdd0dec5f835005d80417b546cb41b181', autoComplete: this.autoComplete,
+            }, "data-size": __classPrivateFieldGet(this, _Select_instances, "a", _Select_computedSize_get) }, index.h("select", { key: 'c42974f545c679f3ac6e91178a4891199c374695', autoComplete: this.autoComplete,
             // eslint-disable-next-line jsx-a11y/no-autofocus
-            autoFocus: this.host.autofocus, class: "qds-select", "data-size": __classPrivateFieldGet(this, _Select_instances, "a", _Select_computedSize_get), "data-status": __classPrivateFieldGet(this, _Select_instances, "a", _Select_computedStatus_get), disabled: __classPrivateFieldGet(this, _Select_instances, "a", _Select_computedDisabled_get), multiple: this.multiple, name: this.name, onBlur: __classPrivateFieldGet(this, _Select_onBlur, "f"), onChange: __classPrivateFieldGet(this, _Select_onChange, "f"), onFocus: __classPrivateFieldGet(this, _Select_onFocus, "f"), onInput: __classPrivateFieldGet(this, _Select_onInput, "f"), ref: __classPrivateFieldGet(this, _Select_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet(this, _Select_instances, "a", _Select_computedDisabled_get) ? undefined : this.tabIndex, ...__classPrivateFieldGet(this, _Select_inheritedAttributes, "f") }), this.multiple !== true && (index.h("qds-icon", { key: '4d3e255a814e9d5ba41e125d33f918d24f446438', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet(this, _Select_instances, "a", _Select_computedSize_get), library: "core", name: "dropdown" })), index.h("slot", { key: '1bbdca184b14af7b56ca0f0b484455e310ada1b9', onSlotchange: __classPrivateFieldGet(this, _Select_onSlotchange, "f") }), index.h("div", { key: 'e79fbfb62d6b4420a009180df83e911b575b321f', class: "qds-focus-ring" })));
+            autoFocus: this.host.autofocus, class: "qds-select", "data-size": __classPrivateFieldGet(this, _Select_instances, "a", _Select_computedSize_get), "data-status": __classPrivateFieldGet(this, _Select_instances, "a", _Select_computedStatus_get), disabled: __classPrivateFieldGet(this, _Select_instances, "a", _Select_computedDisabled_get), multiple: this.multiple, name: this.name, onBlur: __classPrivateFieldGet(this, _Select_onBlur, "f"), onChange: __classPrivateFieldGet(this, _Select_onChange, "f"), onFocus: __classPrivateFieldGet(this, _Select_onFocus, "f"), onInput: __classPrivateFieldGet(this, _Select_onInput, "f"), ref: __classPrivateFieldGet(this, _Select_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet(this, _Select_instances, "a", _Select_computedDisabled_get) ? undefined : this.tabIndex, ...__classPrivateFieldGet(this, _Select_inheritedAttributes, "f") }), this.multiple !== true && (index.h("qds-icon", { key: 'aa8e1e662d3fbe6763c15db02a7461cb5fc8b427', class: "qds-icon", "data-size": __classPrivateFieldGet(this, _Select_instances, "a", _Select_computedSize_get), library: "core", name: "dropdown" })), index.h("slot", { key: 'b72253181babf15b30131d300e531a412cb23623', onSlotchange: __classPrivateFieldGet(this, _Select_onSlotchange, "f") }), index.h("div", { key: 'b7302af05bf0d6169ab86cca521b3a208fc39e9f', class: "qds-focus-ring" })));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }

package/dist/cjs/qds-select.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"qds-select.entry.cjs.js","sources":["src/components/select/select.css?tag=qds-select&encapsulation=shadow","src/components/select/select.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\nslot {\n  display: none;\n}\n\n.qds-container {\n  box-sizing: border-box;\n  display: grid;\n  grid-template-areas: 'select';\n}\n\n.qds-container,\n.qds-select {\n  width: inherit;\n}\n\n.qds-icon,\n.qds-select {\n  color: var(--qds-theme-form-input-text-placeholder);\n  grid-area: select;\n}\n\n.qds-icon {\n  place-self: center end;\n  pointer-events: none;\n}\n\n.qds-select {\n  appearance: none;\n  background-color: var(--qds-theme-form-input-background-default);\n  border-color: var(--qds-theme-form-input-border-default);\n  border-radius: var(\n      --qds-control-border-radius-top-left,\n      var(--qds-form-input-border-radius)\n    )\n    var(\n      --qds-control-border-radius-top-right,\n      var(--qds-form-input-border-radius)\n    )\n    var(\n      --qds-control-border-radius-bottom-right,\n      var(--qds-form-input-border-radius)\n    )\n    var(\n      --qds-control-border-radius-bottom-left,\n      var(--qds-form-input-border-radius)\n    );\n  border-style: solid;\n  border-width: var(--qds-form-input-border-width-default)\n    var(\n      --qds-control-border-width-inline-end,\n      var(--qds-form-input-border-width-default)\n    )\n    var(\n      --qds-control-border-width-block-end,\n      var(--qds-form-input-border-width-default)\n    )\n    var(--qds-form-input-border-width-default);\n  margin: 0;\n  outline: 0;\n  padding-block: 0;\n  text-overflow: ellipsis;\n\n  &:enabled:hover {\n    background-color: var(--qds-theme-form-input-background-hover);\n    border-color: var(--qds-theme-form-input-border-hover);\n  }\n\n  &:enabled:active {\n    background-color: var(--qds-theme-form-input-background-active);\n    color: var(--qds-theme-form-input-text-active);\n  }\n\n  &:not(:focus):user-invalid {\n    border-color: var(--qds-theme-feedback-result-failure);\n  }\n\n  &[data-status] {\n    border-width: var(--qds-form-input-border-width-status)\n      var(\n        --qds-control-border-width-inline-end,\n        var(--qds-form-input-border-width-status)\n      )\n      var(\n        --qds-control-border-width-block-end,\n        var(--qds-form-input-border-width-status)\n      )\n      var(--qds-form-input-border-width-status);\n  }\n\n  &[data-status='success'] {\n    border-color: var(--qds-theme-form-input-border-success);\n  }\n\n  &[data-status='warning'] {\n    border-color: var(--qds-theme-form-input-border-warning);\n  }\n\n  &[data-status='error'],\n  :not(:focus):user-invalid {\n    border-color: var(--qds-theme-form-input-border-error);\n  }\n}\n\n.qds-select:disabled,\n.qds-select:disabled + .qds-icon {\n  opacity: var(--qds-theme-disabled);\n}\n\n:is(\n  ::slotted(optgroup),\n  ::slotted(optgroup:not(:disabled) > option),\n  ::slotted(option)\n):disabled {\n  opacity: var(--qds-theme-disabled);\n}\n\n::slotted(optgroup) {\n  font: var(--qds-accessory-section-title);\n}\n\n::slotted(optgroup > option),\n::slotted(option) {\n  font: var(--qds-list-item-label-main);\n}\n\n[data-size='small'] {\n  &.qds-select {\n    font: var(--qds-form-small-text);\n    padding-inline: var(--qds-form-input-small-padding-start)\n      var(--qds-form-input-small-padding-end);\n\n    &:not([multiple]) {\n      min-height: var(--qds-form-input-small-height);\n      padding-inline-end: calc(\n        var(--qds-control-small-icon-size) +\n          var(--qds-form-input-small-gap-internal) +\n          var(--qds-form-input-small-padding-end)\n      );\n    }\n  }\n\n  &.qds-icon {\n    margin-inline-end: calc(\n      var(--qds-form-input-small-padding-end) +\n        var(--qds-form-input-border-width-default)\n    );\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-select {\n    font: var(--qds-form-standard-text);\n    padding-inline: var(--qds-form-input-standard-padding-start)\n      var(--qds-form-input-standard-padding-end);\n\n    &:not([multiple]) {\n      min-height: var(--qds-form-input-standard-height);\n      padding-inline-end: calc(\n        var(--qds-control-standard-icon-size) +\n          var(--qds-form-input-standard-gap-internal) +\n          var(--qds-form-input-standard-padding-end)\n      );\n    }\n  }\n\n  &.qds-icon {\n    margin-inline-end: calc(\n      var(--qds-form-input-standard-padding-end) +\n        var(--qds-form-input-border-width-default)\n    );\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-select {\n    font: var(--qds-form-large-text);\n    padding-inline: var(--qds-form-input-large-padding-start)\n      var(--qds-form-input-large-padding-end);\n\n    &:not([multiple]) {\n      min-height: var(--qds-form-input-large-height);\n      padding-inline-end: calc(\n        var(--qds-control-large-icon-size) +\n          var(--qds-form-input-large-gap-internal) +\n          var(--qds-form-input-large-padding-end)\n      );\n    }\n  }\n\n  &.qds-icon {\n    margin-inline-end: calc(\n      var(--qds-form-input-large-padding-end) +\n        var(--qds-form-input-border-width-default)\n    );\n    height: var(--qds-control-large-icon-size);\n    width: var(--qds-control-large-icon-size);\n  }\n}\n\n.qds-focus-ring {\n  border-radius: max(\n      1px,\n      var(\n        --qds-control-border-radius-top-left,\n        var(--qds-form-input-border-radius)\n      )\n    )\n    max(\n      1px,\n      var(\n        --qds-control-border-radius-top-right,\n        var(--qds-form-input-border-radius)\n      )\n    )\n    max(\n      1px,\n      var(\n        --qds-control-border-radius-bottom-right,\n        var(--qds-form-input-border-radius)\n      )\n    )\n    max(\n      1px,\n      var(\n        --qds-control-border-radius-bottom-left,\n        var(--qds-form-input-border-radius)\n      )\n    );\n  grid-area: select;\n  isolation: isolate;\n\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  pointer-events: none;\n  visibility: hidden;\n  width: calc(\n    100% + var(--qds-form-input-border-width-default) -\n      var(\n        --qds-control-border-width-inline-end,\n        var(--qds-form-input-border-width-default)\n      )\n  );\n  height: calc(\n    100% + var(--qds-form-input-border-width-default) -\n      var(\n        --qds-control-border-width-block-end,\n        var(--qds-form-input-border-width-default)\n      )\n  );\n}\n\n.qds-select:focus-visible ~ .qds-focus-ring {\n  visibility: visible;\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'\n\nimport type {\n  Attributes,\n  QdsFocusEventDetail,\n  QdsInputEventDetail,\n} from '../../helpers'\nimport {\n  inheritAriaAttributes,\n  invariant,\n  pickFocusEventAttributes,\n  pickInputEventAttributes,\n} from '../../helpers'\nimport type { AutoComplete } from '../controls'\nimport { CUSTOM_ERROR_FLAGS, NO_ERROR_FLAGS, VALID_STATE } from '../controls'\nimport type { Size, Status } from '../shared'\n\nexport type SelectType = 'select-multiple' | 'select-one'\nexport type SelectStatus = Exclude<Status, 'info'>\n\nconst throwError = (): never => {\n  invariant(false)\n}\nconst EMPTY_OPTIONS_COLLECTION: HTMLSelectElement['options'] = {\n  length: 0,\n  selectedIndex: -1,\n  add: throwError,\n  remove: throwError,\n  item: throwError,\n  namedItem: throwError,\n  [Symbol.iterator]: throwError,\n}\n\n/**\n * The `<qds-select>` element represents a control that provides a menu of\n * options.\n *\n * @see https://quartz.se.com/build/components/select\n */\n@Component({\n  tag: 'qds-select',\n  formAssociated: true,\n  shadow: { delegatesFocus: true },\n  styleUrl: 'select.css',\n})\nexport class Select implements ComponentInterface {\n  /**\n   * The select's status.\n   */\n  @Prop() public readonly status?: SelectStatus\n\n  /**\n   * The select's size.\n   *\n   * > ***NOTE:*** The native [`size` HTML attribute] is not supported. CSS\n   * `height` should be used instead if this functionality is needed.\n   *\n   * [`size` HTML attribute]: https://developer.mozilla.org/docs/Web/HTML/Attributes/size\n   */\n  @Prop() public readonly size?: Size = 'standard'\n\n  /**\n   * Provides a hint for a [user agent's][] autocomplete feature. See\n   * [the HTML `autocomplete` attribute][] for a complete list of values and\n   * details on how to use `autoComplete`.\n   *\n   * [user agent's]: https://developer.mozilla.org/docs/Glossary/User_agent\n   * [the HTML `autocomplete` attribute]: https://developer.mozilla.org/docs/Web/HTML/Attributes/autocomplete\n   *\n   * @webnative\n   */\n  @Prop({ attribute: 'autocomplete' })\n  public readonly autoComplete?: AutoComplete\n\n  /**\n   * Prevents the select from being interacted with: it cannot be pressed or\n   * focused.\n   *\n   * @webnative\n   */\n  @Prop() public readonly disabled?: boolean\n\n  /**\n   * The [`<form>`][] element to associate the select with (its form owner).\n   *\n   * The value of this attribute must be the id of a `<form>` in the same\n   * document. If this attribute is not set, the `<qds-select>` is associated\n   * with its ancestor `<form>` element, if any.\n   *\n   * This attribute lets you associate `<qds-select>` elements to `<form>`s\n   * anywhere in the document, not just inside a `<form>`. It can also override\n   * an ancestor `<form>` element.\n   *\n   * [`<form>`]: https://developer.mozilla.org/docs/Web/HTML/Element/form\n   *\n   * @readonly\n   * @webnative\n   */\n  // eslint-disable-next-line unicorn/no-null\n  @Prop() public readonly form: ElementInternals['form'] | string = null\n\n  /**\n   * Returns the number of elements in the [`<option>`s collection][].\n   *\n   * [`<option>`s collection]: https://developer.mozilla.org/docs/Web/API/HTMLOptionsCollection\n   *\n   * @readonly\n   * @webnative\n   */\n  @Prop() public readonly length: HTMLSelectElement['length'] = 0\n\n  /**\n   * Indicates that multiple options can be selected in the list. If it is not\n   * specified, then only one option can be selected at a time. When `multiple`\n   * is specified, most browsers will show a scrolling list box instead of a\n   * single line dropdown.\n   *\n   * @webnative\n   */\n  @Prop() public multiple?: boolean\n\n  /**\n   * The name of the select, which is submitted with the form data.\n   *\n   * @webnative\n   */\n  @Prop() public readonly name?: string\n\n  /**\n   * An [`HTMLOptionsCollection`][] of the [`<option>`][] elements contained by\n   * the `<qds-select>` element.\n   *\n   * [`HTMLOptionsCollection`]: https://developer.mozilla.org/docs/Web/API/HTMLOptionsCollection\n   * [`<option>`]: https://developer.mozilla.org/docs/Web/HTML/Element/option\n   *\n   * @readonly\n   * @webnative\n   */\n  @Prop() public readonly options: HTMLSelectElement['options'] =\n    EMPTY_OPTIONS_COLLECTION\n\n  /**\n   * An `<option>` with a non-empty string value must be selected before this\n   * select can be submitted.\n   *\n   * See [Client-side validation] and the [HTML attribute: `required`] for more\n   * information.\n   *\n   * [Client-side validation]: https://developer.mozilla.org/docs/Web/HTML/Element/input#client-side_validation\n   * [HTML attribute: `required`]: https://developer.mozilla.org/docs/Web/HTML/Attributes/required\n   *\n   * @webnative\n   */\n  @Prop() public readonly required?: boolean\n\n  /**\n   * The index of the first or last selected [`<option>`][] element, depending\n   * on the value of `multiple`. The value `-1` indicates that no element is\n   * selected.\n   *\n   * [`<option>`]: https://developer.mozilla.org/docs/Web/HTML/Element/option\n   *\n   * @webnative\n   */\n  @Prop({ mutable: true })\n  public selectedIndex: HTMLSelectElement['selectedIndex'] = -1\n\n  /**\n   * Collection of the [`<option>`][] elements contained within the\n   * `<qds-select>` element that are currently selected.\n   *\n   * [`<option>`]: https://developer.mozilla.org/docs/Web/HTML/Element/option\n   *\n   * @readonly\n   * @webnative\n   */\n  @Prop()\n  public readonly selectedOptions: HTMLSelectElement['selectedOptions'] =\n    EMPTY_OPTIONS_COLLECTION\n\n  /**\n   * Returns `select-multiple` if the `multiple` attribute is true;\n   * `select-one` otherwise.\n   *\n   * @readonly\n   * @webnative\n   */\n  @Prop() public readonly type: SelectType = 'select-one'\n\n  /**\n   * The error message that would be shown to the user if the `<qds-select>`\n   * was to be checked for validity.\n   *\n   * @readonly\n   * @webnative\n   */\n  @Prop()\n  public readonly validationMessage: ElementInternals['validationMessage'] = ''\n\n  /**\n   * The [`ValidityState`][] object for this `<qds-select>`.\n   *\n   * [`ValidityState`]: https://developer.mozilla.org/docs/Web/API/ValidityState\n   *\n   * @readonly\n   * @webnative\n   */\n  @Prop() public readonly validity: ElementInternals['validity'] = VALID_STATE\n\n  /**\n   * The `value` property of the first selected [`<option>`][] element, or the\n   * empty string if no options are selected.\n   *\n   * [`<option>`]: https://developer.mozilla.org/docs/Web/HTML/Element/option\n   *\n   * @webnative\n   */\n  @Prop({ mutable: true }) public value? = ''\n\n  /**\n   * True if `<qds-select>` will be validated when the form is submitted;\n   * false otherwise.\n   *\n   * @readonly\n   * @webnative\n   */\n  @Prop() public readonly willValidate: ElementInternals['willValidate'] = false\n\n  @AttachInternals() private readonly internals!: ElementInternals\n\n  /**\n   * Emitted when the select loses focus.\n   */\n  @Event({ eventName: 'qdsBlur', bubbles: false, cancelable: false })\n  private readonly blurEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  /**\n   * Emitted when an alteration to the select's value is committed by the\n   * user.\n   */\n  @Event({ eventName: 'qdsChange', cancelable: false })\n  private readonly changeEmitter!: EventEmitter<void>\n\n  /**\n   * Emitted when the select gains focus.\n   */\n  @Event({ eventName: 'qdsFocus', bubbles: false, cancelable: false })\n  private readonly focusEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  /**\n   * Emitted when the select's value changes.\n   */\n  @Event({ eventName: 'qdsInput', cancelable: false })\n  private readonly inputEmitter!: EventEmitter<QdsInputEventDetail>\n\n  @Element() private readonly host!: HTMLElement\n\n  @State() private tabIndex?: number\n\n  #inheritedAttributes: Attributes = {}\n\n  #select?: HTMLSelectElement\n\n  get #computedDisabled(): boolean {\n    return (\n      (this.host.matches(':disabled') || (this.disabled ?? false)) &&\n      this.host.getAttribute('disabled') !== 'false'\n    )\n  }\n\n  get #computedOptions(): HTMLSelectElement['options'] {\n    invariant(this.#select)\n\n    return this.#select.options\n  }\n\n  get #computedStatus(): SelectStatus | undefined {\n    switch (this.status) {\n      case 'error':\n      case 'success':\n      case 'warning': {\n        return this.status\n      }\n      default: {\n        return undefined\n      }\n    }\n  }\n\n  get #computedSize(): Size {\n    switch (this.size) {\n      case 'standard':\n      case 'small':\n      case 'large': {\n        return this.size\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  get #computedType(): HTMLSelectElement['type'] {\n    invariant(this.#select)\n\n    return this.#select.type\n  }\n\n  get #computedValue(): string {\n    return this.value ?? ''\n  }\n\n  get #computedSelectedOptions(): HTMLSelectElement['selectedOptions'] {\n    invariant(this.#select)\n\n    return this.#select.selectedOptions\n  }\n\n  @Listen('click')\n  protected onClick(event: MouseEvent): void {\n    if (this.#computedDisabled) event.stopImmediatePropagation()\n  }\n\n  @Watch('disabled')\n  protected disabledChanged(): void {\n    if (this.#computedDisabled)\n      // eslint-disable-next-line unicorn/no-null\n      this.internals.setFormValue(null)\n    else this.internals.setFormValue(this.#computedValue)\n  }\n\n  @Watch('selectedIndex')\n  protected selectedIndexChanged(): void {\n    invariant(this.#select)\n\n    this.#select.selectedIndex = this.selectedIndex\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('required')\n  @Watch('value')\n  protected validationChanged(): void {\n    invariant(this.#select)\n\n    this.#select.value = this.#computedValue\n    this.#select.required = this.required ?? false\n\n    const { valid } = this.#select.validity\n    if (valid)\n      this.internals.setValidity(NO_ERROR_FLAGS, undefined, this.#select)\n    else\n      this.internals.setValidity(\n        this.#select.validity,\n        this.#select.validationMessage,\n        this.#select,\n      )\n  }\n\n  @Watch('status')\n  protected statusChanged(): void {\n    this.internals.ariaInvalid = (this.#computedStatus === 'error').toString()\n  }\n\n  public componentWillLoad(): void {\n    this.#defineGetter('form', () => this.internals.form)\n    this.#defineGetter('willValidate', () => this.internals.willValidate)\n    this.#defineGetter('validity', () => this.internals.validity)\n    this.#defineGetter(\n      'validationMessage',\n      () => this.internals.validationMessage,\n    )\n\n    this.#defineGetter('type', () => this.#computedType)\n    this.#defineGetter('options', () => this.#computedOptions)\n    this.#defineGetter('length', () => this.#computedOptions.length)\n    this.#defineGetter('selectedOptions', () => this.#computedSelectedOptions)\n\n    this.#inheritedAttributes = inheritAriaAttributes(this.host)\n    this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0')\n    this.statusChanged()\n  }\n\n  public componentDidLoad(): void {\n    invariant(this.#select)\n\n    this.validationChanged()\n    this.selectedIndex = this.#select.selectedIndex\n  }\n\n  public render() {\n    return (\n      <div\n        class={{\n          'qds-container': true,\n          'qds-multiple': this.multiple ?? false,\n        }}\n        data-size={this.#computedSize}\n      >\n        <select\n          autoComplete={this.autoComplete}\n          // eslint-disable-next-line jsx-a11y/no-autofocus\n          autoFocus={this.host.autofocus}\n          class=\"qds-select\"\n          data-size={this.#computedSize}\n          data-status={this.#computedStatus}\n          disabled={this.#computedDisabled}\n          multiple={this.multiple}\n          name={this.name}\n          onBlur={this.#onBlur}\n          onChange={this.#onChange}\n          onFocus={this.#onFocus}\n          onInput={this.#onInput}\n          ref={this.#ref}\n          required={this.required}\n          tabIndex={this.#computedDisabled ? undefined : this.tabIndex}\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...this.#inheritedAttributes}\n        />\n        {this.multiple !== true && (\n          <qds-icon\n            aria-hidden=\"true\"\n            class=\"qds-icon\"\n            data-size={this.#computedSize}\n            library=\"core\"\n            name=\"dropdown\"\n          />\n        )}\n        <slot onSlotchange={this.#onSlotchange} />\n        <div class=\"qds-focus-ring\" />\n      </div>\n    )\n  }\n\n  public checkValidity: ElementInternals['checkValidity'] = () =>\n    this.internals.checkValidity()\n\n  public reportValidity: ElementInternals['reportValidity'] = () =>\n    this.internals.reportValidity()\n\n  public setCustomValidity: HTMLSelectElement['setCustomValidity'] = (\n    error,\n  ) => {\n    invariant(this.#select)\n\n    this.#select.setCustomValidity(error)\n    if (error)\n      this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, this.#select)\n    else this.internals.setValidity(NO_ERROR_FLAGS)\n  }\n\n  public addItem: HTMLSelectElement['add'] = (element, before) => {\n    invariant(this.#select)\n\n    this.#select.add(element, before)\n  }\n\n  public removeItem = (index: number): void => {\n    invariant(this.#select)\n\n    this.#select.remove(index)\n  }\n\n  public item: HTMLSelectElement['item'] = (index) => {\n    invariant(this.#select)\n\n    return this.#select.item(index)\n  }\n\n  public namedItem: HTMLSelectElement['namedItem'] = (name) => {\n    invariant(this.#select)\n\n    return this.#select.namedItem(name)\n  }\n\n  readonly #ref = (select?: HTMLSelectElement): void => {\n    this.#select = select\n  }\n\n  readonly #onBlur = (event: FocusEvent): void => {\n    this.blurEmitter.emit(pickFocusEventAttributes(event))\n  }\n\n  readonly #onChange = (): void => {\n    this.changeEmitter.emit()\n  }\n\n  readonly #onFocus = (event: FocusEvent): void => {\n    this.focusEmitter.emit(pickFocusEventAttributes(event))\n  }\n\n  readonly #onInput = (event: InputEvent): void => {\n    invariant(this.#select)\n\n    this.value = this.#select.value\n    this.inputEmitter.emit(pickInputEventAttributes(event))\n  }\n\n  readonly #onSlotchange = (event: Event): void => {\n    invariant(this.#select)\n    const { currentTarget } = event\n    invariant(currentTarget instanceof HTMLSlotElement)\n\n    this.#select.replaceChildren(\n      ...currentTarget.assignedNodes().map((node) => node.cloneNode(true)),\n    )\n  }\n\n  #defineGetter(p: PropertyKey, get: () => unknown): void {\n    Object.defineProperty(this.host, p, { enumerable: true, get })\n  }\n}\n"],"names":["invariant","VALID_STATE","CUSTOM_ERROR_FLAGS","NO_ERROR_FLAGS","pickFocusEventAttributes","pickInputEventAttributes","inheritAriaAttributes","h"],"mappings":"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"}
+{"version":3,"file":"qds-select.entry.cjs.js","sources":["src/components/select/select.css?tag=qds-select&encapsulation=shadow","src/components/select/select.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\nslot {\n  display: none;\n}\n\n.qds-container {\n  box-sizing: border-box;\n  display: grid;\n  grid-template-areas: 'select';\n}\n\n.qds-container,\n.qds-select {\n  width: inherit;\n}\n\n.qds-icon,\n.qds-select {\n  color: var(--qds-theme-form-input-text-placeholder);\n  grid-area: select;\n}\n\n.qds-icon {\n  place-self: center end;\n  pointer-events: none;\n}\n\n.qds-select {\n  appearance: none;\n  background-color: var(--qds-theme-form-input-background-default);\n  border-color: var(--qds-theme-form-input-border-default);\n  border-radius: var(\n      --qds-form-input-border-radius-top-left,\n      var(--qds-form-input-border-radius)\n    )\n    var(\n      --qds-form-input-border-radius-top-right,\n      var(--qds-form-input-border-radius)\n    )\n    var(\n      --qds-form-input-border-radius-bottom-right,\n      var(--qds-form-input-border-radius)\n    )\n    var(\n      --qds-form-input-border-radius-bottom-left,\n      var(--qds-form-input-border-radius)\n    );\n  border-style: solid;\n  border-width: var(--qds-form-input-border-width-default)\n    var(\n      --qds-form-input-border-width-inline-end,\n      var(--qds-form-input-border-width-default)\n    )\n    var(\n      --qds-form-input-border-width-block-end,\n      var(--qds-form-input-border-width-default)\n    )\n    var(--qds-form-input-border-width-default);\n  margin: 0;\n  outline: 0;\n  padding-block: 0;\n  text-overflow: ellipsis;\n\n  &:enabled:hover {\n    background-color: var(--qds-theme-form-input-background-hover);\n    border-color: var(--qds-theme-form-input-border-hover);\n  }\n\n  &:enabled:active {\n    background-color: var(--qds-theme-form-input-background-active);\n    color: var(--qds-theme-form-input-text-active);\n  }\n\n  &:not(:focus):user-invalid {\n    border-color: var(--qds-theme-feedback-result-failure);\n  }\n\n  &[data-status] {\n    border-width: var(--qds-form-input-border-width-status)\n      var(\n        --qds-form-input-border-width-inline-end,\n        var(--qds-form-input-border-width-status)\n      )\n      var(\n        --qds-form-input-border-width-block-end,\n        var(--qds-form-input-border-width-status)\n      )\n      var(--qds-form-input-border-width-status);\n  }\n\n  &[data-status='success'] {\n    border-color: var(--qds-theme-form-input-border-success);\n  }\n\n  &[data-status='warning'] {\n    border-color: var(--qds-theme-form-input-border-warning);\n  }\n\n  &[data-status='error'],\n  :not(:focus):user-invalid {\n    border-color: var(--qds-theme-form-input-border-error);\n  }\n}\n\n.qds-select:disabled,\n.qds-select:disabled + .qds-icon {\n  opacity: var(--qds-theme-disabled);\n}\n\n:is(\n  ::slotted(optgroup),\n  ::slotted(optgroup:not(:disabled) > option),\n  ::slotted(option)\n):disabled {\n  opacity: var(--qds-theme-disabled);\n}\n\n::slotted(optgroup) {\n  font: var(--qds-accessory-section-title);\n}\n\n::slotted(optgroup > option),\n::slotted(option) {\n  font: var(--qds-list-item-label-main);\n}\n\n[data-size='small'] {\n  &.qds-select {\n    font: var(--qds-form-small-text);\n    padding-inline: var(--qds-form-input-small-padding-start)\n      var(--qds-form-input-small-padding-end);\n\n    &:not([multiple]) {\n      min-height: var(--qds-form-input-small-height);\n      padding-inline-end: calc(\n        var(--qds-control-small-icon-size) +\n          var(--qds-form-input-small-gap-internal) +\n          var(--qds-form-input-small-padding-end)\n      );\n    }\n  }\n\n  &.qds-icon {\n    margin-inline-end: calc(\n      var(--qds-form-input-small-padding-end) +\n        var(--qds-form-input-border-width-default)\n    );\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-select {\n    font: var(--qds-form-standard-text);\n    padding-inline: var(--qds-form-input-standard-padding-start)\n      var(--qds-form-input-standard-padding-end);\n\n    &:not([multiple]) {\n      min-height: var(--qds-form-input-standard-height);\n      padding-inline-end: calc(\n        var(--qds-control-standard-icon-size) +\n          var(--qds-form-input-standard-gap-internal) +\n          var(--qds-form-input-standard-padding-end)\n      );\n    }\n  }\n\n  &.qds-icon {\n    margin-inline-end: calc(\n      var(--qds-form-input-standard-padding-end) +\n        var(--qds-form-input-border-width-default)\n    );\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-select {\n    font: var(--qds-form-large-text);\n    padding-inline: var(--qds-form-input-large-padding-start)\n      var(--qds-form-input-large-padding-end);\n\n    &:not([multiple]) {\n      min-height: var(--qds-form-input-large-height);\n      padding-inline-end: calc(\n        var(--qds-control-large-icon-size) +\n          var(--qds-form-input-large-gap-internal) +\n          var(--qds-form-input-large-padding-end)\n      );\n    }\n  }\n\n  &.qds-icon {\n    margin-inline-end: calc(\n      var(--qds-form-input-large-padding-end) +\n        var(--qds-form-input-border-width-default)\n    );\n    height: var(--qds-control-large-icon-size);\n    width: var(--qds-control-large-icon-size);\n  }\n}\n\n.qds-focus-ring {\n  border-radius: max(\n      1px,\n      var(\n        --qds-form-input-border-radius-top-left,\n        var(--qds-form-input-border-radius)\n      )\n    )\n    max(\n      1px,\n      var(\n        --qds-form-input-border-radius-top-right,\n        var(--qds-form-input-border-radius)\n      )\n    )\n    max(\n      1px,\n      var(\n        --qds-form-input-border-radius-bottom-right,\n        var(--qds-form-input-border-radius)\n      )\n    )\n    max(\n      1px,\n      var(\n        --qds-form-input-border-radius-bottom-left,\n        var(--qds-form-input-border-radius)\n      )\n    );\n  grid-area: select;\n  isolation: isolate;\n\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  pointer-events: none;\n  visibility: hidden;\n  width: calc(\n    100% + var(--qds-form-input-border-width-default) -\n      var(\n        --qds-form-input-border-width-inline-end,\n        var(--qds-form-input-border-width-default)\n      )\n  );\n  height: calc(\n    100% + var(--qds-form-input-border-width-default) -\n      var(\n        --qds-form-input-border-width-block-end,\n        var(--qds-form-input-border-width-default)\n      )\n  );\n}\n\n.qds-select:focus-visible ~ .qds-focus-ring {\n  visibility: visible;\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'\n\nimport type {\n  Attributes,\n  QdsFocusEventDetail,\n  QdsInputEventDetail,\n} from '../../helpers'\nimport {\n  inheritAriaAttributes,\n  invariant,\n  pickFocusEventAttributes,\n  pickInputEventAttributes,\n} from '../../helpers'\nimport type { AutoComplete } from '../controls'\nimport { CUSTOM_ERROR_FLAGS, NO_ERROR_FLAGS, VALID_STATE } from '../controls'\nimport type { Size, Status } from '../shared'\n\nexport type SelectType = 'select-multiple' | 'select-one'\nexport type SelectStatus = Exclude<Status, 'info'>\n\nconst throwError = (): never => {\n  invariant(false)\n}\nconst EMPTY_OPTIONS_COLLECTION: HTMLSelectElement['options'] = {\n  length: 0,\n  selectedIndex: -1,\n  add: throwError,\n  remove: throwError,\n  item: throwError,\n  namedItem: throwError,\n  [Symbol.iterator]: throwError,\n}\n\n/**\n * The `<qds-select>` element represents a control that provides a menu of\n * options.\n *\n * @see https://quartz.se.com/build/components/select\n */\n@Component({\n  tag: 'qds-select',\n  formAssociated: true,\n  shadow: { delegatesFocus: true },\n  styleUrl: 'select.css',\n})\nexport class Select implements ComponentInterface {\n  /**\n   * The select's status.\n   */\n  @Prop() public readonly status?: SelectStatus\n\n  /**\n   * The select's size.\n   *\n   * > ***NOTE:*** The native [`size` HTML attribute] is not supported. CSS\n   * `height` should be used instead if this functionality is needed.\n   *\n   * [`size` HTML attribute]: https://developer.mozilla.org/docs/Web/HTML/Attributes/size\n   */\n  @Prop() public readonly size?: Size = 'standard'\n\n  /**\n   * Provides a hint for a [user agent's][] autocomplete feature. See\n   * [the HTML `autocomplete` attribute][] for a complete list of values and\n   * details on how to use `autoComplete`.\n   *\n   * [user agent's]: https://developer.mozilla.org/docs/Glossary/User_agent\n   * [the HTML `autocomplete` attribute]: https://developer.mozilla.org/docs/Web/HTML/Attributes/autocomplete\n   *\n   * @webnative\n   */\n  @Prop({ attribute: 'autocomplete' })\n  public readonly autoComplete?: AutoComplete\n\n  /**\n   * Prevents the select from being interacted with: it cannot be pressed or\n   * focused.\n   *\n   * @webnative\n   */\n  @Prop() public readonly disabled?: boolean\n\n  /**\n   * The [`<form>`][] element to associate the select with (its form owner).\n   *\n   * The value of this attribute must be the id of a `<form>` in the same\n   * document. If this attribute is not set, the `<qds-select>` is associated\n   * with its ancestor `<form>` element, if any.\n   *\n   * This attribute lets you associate `<qds-select>` elements to `<form>`s\n   * anywhere in the document, not just inside a `<form>`. It can also override\n   * an ancestor `<form>` element.\n   *\n   * [`<form>`]: https://developer.mozilla.org/docs/Web/HTML/Element/form\n   *\n   * @readonly\n   * @webnative\n   */\n  // eslint-disable-next-line unicorn/no-null\n  @Prop() public readonly form: ElementInternals['form'] | string = null\n\n  /**\n   * Returns the number of elements in the [`<option>`s collection][].\n   *\n   * [`<option>`s collection]: https://developer.mozilla.org/docs/Web/API/HTMLOptionsCollection\n   *\n   * @readonly\n   * @webnative\n   */\n  @Prop() public readonly length: HTMLSelectElement['length'] = 0\n\n  /**\n   * Indicates that multiple options can be selected in the list. If it is not\n   * specified, then only one option can be selected at a time. When `multiple`\n   * is specified, most browsers will show a scrolling list box instead of a\n   * single line dropdown.\n   *\n   * @webnative\n   */\n  @Prop() public multiple?: boolean\n\n  /**\n   * The name of the select, which is submitted with the form data.\n   *\n   * @webnative\n   */\n  @Prop() public readonly name?: string\n\n  /**\n   * An [`HTMLOptionsCollection`][] of the [`<option>`][] elements contained by\n   * the `<qds-select>` element.\n   *\n   * [`HTMLOptionsCollection`]: https://developer.mozilla.org/docs/Web/API/HTMLOptionsCollection\n   * [`<option>`]: https://developer.mozilla.org/docs/Web/HTML/Element/option\n   *\n   * @readonly\n   * @webnative\n   */\n  @Prop() public readonly options: HTMLSelectElement['options'] =\n    EMPTY_OPTIONS_COLLECTION\n\n  /**\n   * An `<option>` with a non-empty string value must be selected before this\n   * select can be submitted.\n   *\n   * See [Client-side validation] and the [HTML attribute: `required`] for more\n   * information.\n   *\n   * [Client-side validation]: https://developer.mozilla.org/docs/Web/HTML/Element/input#client-side_validation\n   * [HTML attribute: `required`]: https://developer.mozilla.org/docs/Web/HTML/Attributes/required\n   *\n   * @webnative\n   */\n  @Prop() public readonly required?: boolean\n\n  /**\n   * The index of the first or last selected [`<option>`][] element, depending\n   * on the value of `multiple`. The value `-1` indicates that no element is\n   * selected.\n   *\n   * [`<option>`]: https://developer.mozilla.org/docs/Web/HTML/Element/option\n   *\n   * @webnative\n   */\n  @Prop({ mutable: true })\n  public selectedIndex: HTMLSelectElement['selectedIndex'] = -1\n\n  /**\n   * Collection of the [`<option>`][] elements contained within the\n   * `<qds-select>` element that are currently selected.\n   *\n   * [`<option>`]: https://developer.mozilla.org/docs/Web/HTML/Element/option\n   *\n   * @readonly\n   * @webnative\n   */\n  @Prop()\n  public readonly selectedOptions: HTMLSelectElement['selectedOptions'] =\n    EMPTY_OPTIONS_COLLECTION\n\n  /**\n   * Returns `select-multiple` if the `multiple` attribute is true;\n   * `select-one` otherwise.\n   *\n   * @readonly\n   * @webnative\n   */\n  @Prop() public readonly type: SelectType = 'select-one'\n\n  /**\n   * The error message that would be shown to the user if the `<qds-select>`\n   * was to be checked for validity.\n   *\n   * @readonly\n   * @webnative\n   */\n  @Prop()\n  public readonly validationMessage: ElementInternals['validationMessage'] = ''\n\n  /**\n   * The [`ValidityState`][] object for this `<qds-select>`.\n   *\n   * [`ValidityState`]: https://developer.mozilla.org/docs/Web/API/ValidityState\n   *\n   * @readonly\n   * @webnative\n   */\n  @Prop() public readonly validity: ElementInternals['validity'] = VALID_STATE\n\n  /**\n   * The `value` property of the first selected [`<option>`][] element, or the\n   * empty string if no options are selected.\n   *\n   * [`<option>`]: https://developer.mozilla.org/docs/Web/HTML/Element/option\n   *\n   * @webnative\n   */\n  @Prop({ mutable: true }) public value? = ''\n\n  /**\n   * True if `<qds-select>` will be validated when the form is submitted;\n   * false otherwise.\n   *\n   * @readonly\n   * @webnative\n   */\n  @Prop() public readonly willValidate: ElementInternals['willValidate'] = false\n\n  @AttachInternals() private readonly internals!: ElementInternals\n\n  /**\n   * Emitted when the select loses focus.\n   */\n  @Event({ eventName: 'qdsBlur', bubbles: false, cancelable: false })\n  private readonly blurEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  /**\n   * Emitted when an alteration to the select's value is committed by the\n   * user.\n   */\n  @Event({ eventName: 'qdsChange', cancelable: false })\n  private readonly changeEmitter!: EventEmitter<void>\n\n  /**\n   * Emitted when the select gains focus.\n   */\n  @Event({ eventName: 'qdsFocus', bubbles: false, cancelable: false })\n  private readonly focusEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  /**\n   * Emitted when the select's value changes.\n   */\n  @Event({ eventName: 'qdsInput', cancelable: false })\n  private readonly inputEmitter!: EventEmitter<QdsInputEventDetail>\n\n  @Element() private readonly host!: HTMLElement\n\n  @State() private tabIndex?: number\n\n  #inheritedAttributes: Attributes = {}\n\n  #select?: HTMLSelectElement\n\n  get #computedDisabled(): boolean {\n    return (\n      (this.host.matches(':disabled') || (this.disabled ?? false)) &&\n      this.host.getAttribute('disabled') !== 'false'\n    )\n  }\n\n  get #computedOptions(): HTMLSelectElement['options'] {\n    invariant(this.#select)\n\n    return this.#select.options\n  }\n\n  get #computedStatus(): SelectStatus | undefined {\n    switch (this.status) {\n      case 'error':\n      case 'success':\n      case 'warning': {\n        return this.status\n      }\n      default: {\n        return undefined\n      }\n    }\n  }\n\n  get #computedSize(): Size {\n    switch (this.size) {\n      case 'standard':\n      case 'small':\n      case 'large': {\n        return this.size\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  get #computedType(): HTMLSelectElement['type'] {\n    invariant(this.#select)\n\n    return this.#select.type\n  }\n\n  get #computedValue(): string {\n    return this.value ?? ''\n  }\n\n  get #computedSelectedOptions(): HTMLSelectElement['selectedOptions'] {\n    invariant(this.#select)\n\n    return this.#select.selectedOptions\n  }\n\n  @Listen('click')\n  protected onClick(event: MouseEvent): void {\n    if (this.#computedDisabled) event.stopImmediatePropagation()\n  }\n\n  @Watch('disabled')\n  protected disabledChanged(): void {\n    if (this.#computedDisabled)\n      // eslint-disable-next-line unicorn/no-null\n      this.internals.setFormValue(null)\n    else this.internals.setFormValue(this.#computedValue)\n  }\n\n  @Watch('selectedIndex')\n  protected selectedIndexChanged(): void {\n    invariant(this.#select)\n\n    this.#select.selectedIndex = this.selectedIndex\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('required')\n  @Watch('value')\n  protected validationChanged(): void {\n    invariant(this.#select)\n\n    this.#select.value = this.#computedValue\n    this.#select.required = this.required ?? false\n\n    const { valid } = this.#select.validity\n    if (valid)\n      this.internals.setValidity(NO_ERROR_FLAGS, undefined, this.#select)\n    else\n      this.internals.setValidity(\n        this.#select.validity,\n        this.#select.validationMessage,\n        this.#select,\n      )\n  }\n\n  @Watch('status')\n  protected statusChanged(): void {\n    this.internals.ariaInvalid = (this.#computedStatus === 'error').toString()\n  }\n\n  public componentWillLoad(): void {\n    this.#defineGetter('form', () => this.internals.form)\n    this.#defineGetter('willValidate', () => this.internals.willValidate)\n    this.#defineGetter('validity', () => this.internals.validity)\n    this.#defineGetter(\n      'validationMessage',\n      () => this.internals.validationMessage,\n    )\n\n    this.#defineGetter('type', () => this.#computedType)\n    this.#defineGetter('options', () => this.#computedOptions)\n    this.#defineGetter('length', () => this.#computedOptions.length)\n    this.#defineGetter('selectedOptions', () => this.#computedSelectedOptions)\n\n    this.#inheritedAttributes = inheritAriaAttributes(this.host)\n    this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0')\n    this.statusChanged()\n  }\n\n  public componentDidLoad(): void {\n    invariant(this.#select)\n\n    this.validationChanged()\n    this.selectedIndex = this.#select.selectedIndex\n  }\n\n  public render() {\n    return (\n      <div\n        class={{\n          'qds-container': true,\n          'qds-multiple': this.multiple ?? false,\n        }}\n        data-size={this.#computedSize}\n      >\n        <select\n          autoComplete={this.autoComplete}\n          // eslint-disable-next-line jsx-a11y/no-autofocus\n          autoFocus={this.host.autofocus}\n          class=\"qds-select\"\n          data-size={this.#computedSize}\n          data-status={this.#computedStatus}\n          disabled={this.#computedDisabled}\n          multiple={this.multiple}\n          name={this.name}\n          onBlur={this.#onBlur}\n          onChange={this.#onChange}\n          onFocus={this.#onFocus}\n          onInput={this.#onInput}\n          ref={this.#ref}\n          required={this.required}\n          tabIndex={this.#computedDisabled ? undefined : this.tabIndex}\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...this.#inheritedAttributes}\n        />\n        {this.multiple !== true && (\n          <qds-icon\n            class=\"qds-icon\"\n            data-size={this.#computedSize}\n            library=\"core\"\n            name=\"dropdown\"\n          />\n        )}\n        <slot onSlotchange={this.#onSlotchange} />\n        <div class=\"qds-focus-ring\" />\n      </div>\n    )\n  }\n\n  public checkValidity: ElementInternals['checkValidity'] = () =>\n    this.internals.checkValidity()\n\n  public reportValidity: ElementInternals['reportValidity'] = () =>\n    this.internals.reportValidity()\n\n  public setCustomValidity: HTMLSelectElement['setCustomValidity'] = (\n    error,\n  ) => {\n    invariant(this.#select)\n\n    this.#select.setCustomValidity(error)\n    if (error)\n      this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, this.#select)\n    else this.internals.setValidity(NO_ERROR_FLAGS)\n  }\n\n  public addItem: HTMLSelectElement['add'] = (element, before) => {\n    invariant(this.#select)\n\n    this.#select.add(element, before)\n  }\n\n  public removeItem = (index: number): void => {\n    invariant(this.#select)\n\n    this.#select.remove(index)\n  }\n\n  public item: HTMLSelectElement['item'] = (index) => {\n    invariant(this.#select)\n\n    return this.#select.item(index)\n  }\n\n  public namedItem: HTMLSelectElement['namedItem'] = (name) => {\n    invariant(this.#select)\n\n    return this.#select.namedItem(name)\n  }\n\n  readonly #ref = (select?: HTMLSelectElement): void => {\n    this.#select = select\n  }\n\n  readonly #onBlur = (event: FocusEvent): void => {\n    this.blurEmitter.emit(pickFocusEventAttributes(event))\n  }\n\n  readonly #onChange = (): void => {\n    this.changeEmitter.emit()\n  }\n\n  readonly #onFocus = (event: FocusEvent): void => {\n    this.focusEmitter.emit(pickFocusEventAttributes(event))\n  }\n\n  readonly #onInput = (event: InputEvent): void => {\n    invariant(this.#select)\n\n    this.value = this.#select.value\n    this.inputEmitter.emit(pickInputEventAttributes(event))\n  }\n\n  readonly #onSlotchange = (event: Event): void => {\n    invariant(this.#select)\n    const { currentTarget } = event\n    invariant(currentTarget instanceof HTMLSlotElement)\n\n    this.#select.replaceChildren(\n      ...currentTarget.assignedNodes().map((node) => node.cloneNode(true)),\n    )\n  }\n\n  #defineGetter(p: PropertyKey, get: () => unknown): void {\n    Object.defineProperty(this.host, p, { enumerable: true, get })\n  }\n}\n"],"names":["invariant","VALID_STATE","CUSTOM_ERROR_FLAGS","NO_ERROR_FLAGS","pickFocusEventAttributes","pickInputEventAttributes","inheritAriaAttributes","h"],"mappings":"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"}

package/dist/cjs/qds-standalone-link.cjs.entry.js

@@ -8,7 +8,7 @@
 var index = require('./index-DIY7gpXM.js');
 var helpers = require('./helpers-Qs3cpKiI.js');
 
-const standaloneLinkCss = ":host([hidden]){display:none!important}:host{display:inline-block}:host(:focus-visible){border-radius:var(--qds-control-border-radius);box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-icon-crop{align-items:center;display:flex;justify-content:center}.qds-icon{flex-shrink:0;transform:scaleX(var(--qds-direction-factor,1))}.qds-standalone-link{box-sizing:border-box;display:inline-flex;justify-content:center;-webkit-print-color-adjust:exact;print-color-adjust:exact;width:100%}.qds-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}[data-importance=subdued]{color:var(--qds-theme-link-subdued-default)}.qds-visitable[data-importance=subdued]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=subdued]:hover{color:var(--qds-theme-link-subdued-hover)}[data-importance=subdued]:active{color:var(--qds-theme-link-subdued-pressed)}.qds-visitable[data-importance=subdued]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=subdued]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=standard]{color:var(--qds-theme-link-standard-default)}.qds-visitable[data-importance=standard]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=standard]:hover{color:var(--qds-theme-link-standard-hover)}[data-importance=standard]:active{color:var(--qds-theme-link-standard-pressed)}.qds-visitable[data-importance=standard]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=standard]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=emphasized]{color:var(--qds-theme-link-emphasized-default)}.qds-visitable[data-importance=emphasized]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=emphasized]:hover{color:var(--qds-theme-link-emphasized-hover)}[data-importance=emphasized]:active{color:var(--qds-theme-link-emphasized-pressed)}.qds-visitable[data-importance=emphasized]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=emphasized]:visited:active{color:var(--qds-theme-link-visited-pressed)}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-standalone-link[data-size=small]{font:var(--qds-control-small-link);gap:var(--qds-control-small-gap-internal);min-height:var(--qds-control-small-height);padding-block:var(--qds-control-small-padding-auto-height)}[data-size=small][data-importance=subdued]{font:var(--qds-control-small-text)}.qds-icon-crop[data-size=small]{height:var(--qds-control-small-icon-crop-height)}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-standalone-link[data-size=standard]{font:var(--qds-control-standard-link);gap:var(--qds-control-standard-gap-internal);min-height:var(--qds-control-standard-height);padding-block:var(--qds-control-standard-padding-auto-height)}[data-size=standard][data-importance=subdued]{font:var(--qds-control-standard-text)}.qds-icon-crop[data-size=standard]{height:var(--qds-control-standard-icon-crop-height)}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-standalone-link[data-size=large]{font:var(--qds-control-large-link);gap:var(--qds-control-large-gap-internal);min-height:var(--qds-control-large-height);padding-block:var(--qds-control-large-padding-auto-height)}[data-size=large][data-importance=subdued]{font:var(--qds-control-large-text)}.qds-icon-crop[data-size=large]{height:var(--qds-control-large-icon-crop-height)}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}";
+const standaloneLinkCss = ":host([hidden]){display:none!important}:host{display:inline-block}:host(:focus-visible){border-radius:var(--qds-control-border-radius);box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-icon-crop{align-items:center;display:flex;justify-content:center}.qds-icon{flex-shrink:0;transform:scaleX(var(--qds-direction-factor,1))}.qds-standalone-link{box-sizing:border-box;display:inline-flex;justify-content:center;-webkit-print-color-adjust:exact;print-color-adjust:exact;width:100%}.qds-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}[data-importance=emphasized],[data-importance=standard]{-webkit-text-decoration:none;text-decoration:none}.qds-visitable[data-importance=emphasized],.qds-visitable[data-importance=standard],[data-importance=emphasized]:active,[data-importance=emphasized]:hover,[data-importance=standard]:active,[data-importance=standard]:hover{-webkit-text-decoration:underline;text-decoration:underline}[data-importance=subdued]{color:var(--qds-theme-link-subdued-default)}.qds-visitable[data-importance=subdued]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=subdued]:hover{color:var(--qds-theme-link-subdued-hover)}[data-importance=subdued]:active{color:var(--qds-theme-link-subdued-pressed)}.qds-visitable[data-importance=subdued]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=subdued]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=standard]{color:var(--qds-theme-link-standard-default)}.qds-visitable[data-importance=standard]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=standard]:hover{color:var(--qds-theme-link-standard-hover)}[data-importance=standard]:active{color:var(--qds-theme-link-standard-pressed)}.qds-visitable[data-importance=standard]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=standard]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=emphasized]{color:var(--qds-theme-link-emphasized-default)}.qds-visitable[data-importance=emphasized]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=emphasized]:hover{color:var(--qds-theme-link-emphasized-hover)}[data-importance=emphasized]:active{color:var(--qds-theme-link-emphasized-pressed)}.qds-visitable[data-importance=emphasized]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=emphasized]:visited:active{color:var(--qds-theme-link-visited-pressed)}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-standalone-link[data-size=small]{font:var(--qds-control-small-text);gap:var(--qds-control-small-gap-internal);min-height:var(--qds-control-small-height);padding-block:var(--qds-control-small-padding-auto-height)}.qds-icon-crop[data-size=small]{height:var(--qds-control-small-icon-crop-height)}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-standalone-link[data-size=standard]{font:var(--qds-control-standard-text);gap:var(--qds-control-standard-gap-internal);min-height:var(--qds-control-standard-height);padding-block:var(--qds-control-standard-padding-auto-height)}.qds-icon-crop[data-size=standard]{height:var(--qds-control-standard-icon-crop-height)}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-standalone-link[data-size=large]{font:var(--qds-control-large-text);gap:var(--qds-control-large-gap-internal);min-height:var(--qds-control-large-height);padding-block:var(--qds-control-large-padding-auto-height)}.qds-icon-crop[data-size=large]{height:var(--qds-control-large-icon-crop-height)}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}";
 
 // SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
@@ -125,11 +125,11 @@ const StandaloneLink = class {
         __classPrivateFieldGet(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
     }
     render() {
-        return (index.h("a", { key: '91c07ea8152387f46020e1431858cd35bd126ced', "aria-hidden": "true", class: {
+        return (index.h("a", { key: '0e70d2f7b1d663435904b2f1fcc718b39946020d', "aria-hidden": "true", class: {
                 'qds-standalone-link': true,
                 'qds-disabled': this.disabled,
                 'qds-visitable': this.visitable,
-            }, "data-importance": __classPrivateFieldGet(this, _StandaloneLink_instances, "a", _StandaloneLink_computedImportance_get), "data-size": __classPrivateFieldGet(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet(this, _StandaloneLink_onBlur, "f"), onFocus: __classPrivateFieldGet(this, _StandaloneLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet(this, _StandaloneLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (index.h("span", { key: '11ef79b0704c1be48b7c96bf67d5395324a4da78', class: "qds-icon-crop", "data-size": __classPrivateFieldGet(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, index.h("qds-icon", { key: 'b13b23fb3cade4a2419435e1ee9199929e38caa7', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: this.iconLibrary, name: this.iconName }))), index.h("span", { key: '14dc1bd1fb86f9e910df3a752b5b21e9d6a32614', class: "qds-text" }, index.h("slot", { key: '3bec7502fd6a1d8ac80bce195e0aae082fbd6071', onSlotchange: __classPrivateFieldGet(this, _StandaloneLink_onSlotchange, "f") })), this.linkIcon && (index.h("span", { key: '2baed1edfde4437a36acd524ddcc80eff6ed3d6a', class: "qds-icon-crop", "data-size": __classPrivateFieldGet(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, index.h("qds-icon", { key: 'd4998672b43c3a94762823d0d0f7439df632b344', "aria-hidden": "true", class: "qds-icon", library: "core", "data-size": __classPrivateFieldGet(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), name: this.linkIcon }))), this.importance === 'emphasized' && (index.h("span", { key: '20e1eccfa5db5faf5f704d9297502d908f5dd105', class: "qds-icon-crop", "data-size": __classPrivateFieldGet(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, index.h("qds-icon", { key: '82461b636037dd9bf41246a4d666ea9f6c17765a', class: "qds-icon", "aria-hidden": "true", "data-size": __classPrivateFieldGet(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: "core", name: "next" })))));
+            }, "data-importance": __classPrivateFieldGet(this, _StandaloneLink_instances, "a", _StandaloneLink_computedImportance_get), "data-size": __classPrivateFieldGet(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet(this, _StandaloneLink_onBlur, "f"), onFocus: __classPrivateFieldGet(this, _StandaloneLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet(this, _StandaloneLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (index.h("span", { key: '952fb52d3129a1bd7e1bb901af8673439f434a1b', class: "qds-icon-crop", "data-size": __classPrivateFieldGet(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, index.h("qds-icon", { key: '9fc0f2d475b165e890546f6faad7d9e90ca31df9', class: "qds-icon", "data-size": __classPrivateFieldGet(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: this.iconLibrary, name: this.iconName }))), index.h("span", { key: '0213f2cf7a42d5ca9ba4b8083a26966c49bd6eb3', class: "qds-text" }, index.h("slot", { key: 'f54a7b1f67e7114fa2eac1bd787c7b604c937630', onSlotchange: __classPrivateFieldGet(this, _StandaloneLink_onSlotchange, "f") })), this.linkIcon && (index.h("span", { key: 'eca6d9db29c904ff24ef63672f448ea9bf69e803', class: "qds-icon-crop", "data-size": __classPrivateFieldGet(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, index.h("qds-icon", { key: 'e2610d31880ed6fe83d59c06c437014a54284b26', class: "qds-icon", library: "core", "data-size": __classPrivateFieldGet(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), name: this.linkIcon }))), this.importance === 'emphasized' && (index.h("span", { key: 'a242b2eabb9f7d1c2db2e2e531151e91c32d651e', class: "qds-icon-crop", "data-size": __classPrivateFieldGet(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, index.h("qds-icon", { key: '88dc23ac40898d3adfe236dad9fe44136db5efb3', class: "qds-icon", "data-size": __classPrivateFieldGet(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: "core", name: "next" })))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {