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

package/components/qds-tab.js.map

@@ -1 +1 @@
-{"file":"qds-tab.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/tab/tab.css?tag=qds-tab&encapsulation=shadow","src/components/tab/tab.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: inline-block;\n  line-height: 0;\n}\n\n[aria-disabled='true'] {\n  opacity: var(--qds-theme-disabled);\n  pointer-events: none;\n}\n\n:host(:focus-visible) {\n  outline: var(--qds-theme-focus-border) solid var(--qds-focus-border-width);\n  border-radius: var(--qds-focus-border-radius);\n  outline-offset: calc(\n    -1 * var(--qds-focus-border-width) - var(--qds-focus-border-offset)\n  );\n}\n\n.qds-target-icon {\n  color: var(--qds-theme-control-text-standard);\n}\n\n.qds-icon,\n.qds-target-icon {\n  flex-shrink: 0;\n}\n\n.qds-chevron {\n  transform: rotate(180deg);\n}\n\n.qds-selected {\n  &:hover {\n    background-color: var(--qds-theme-interactive-background-selected-hover);\n  }\n\n  &:active {\n    background-color: var(--qds-theme-interactive-background-selected-pressed);\n  }\n}\n\n.qds-closable-wrapper,\n.qds-tab,\n.qds-closable-tab,\n.qds-texts {\n  display: flex;\n}\n\n.qds-texts {\n  flex: 1 0;\n  flex-direction: column;\n}\n\n.qds-icon,\n.qds-text {\n  color: var(--qds-theme-title);\n}\n\n.qds-subtitle {\n  color: var(--qds-theme-subtitle);\n  font: var(--qds-nav-element-standard-subtitle);\n}\n\n[data-size='small'] {\n  &.qds-tab,\n  &.qds-closable-wrapper {\n    min-height: var(--qds-nav-element-small-height);\n    gap: var(--qds-nav-element-small-gap-internal);\n    padding-inline: var(--qds-nav-element-small-padding-horizontal);\n  }\n\n  &.qds-closable-tab {\n    gap: var(--qds-nav-element-small-gap-internal);\n  }\n\n  & > .qds-icon {\n    height: var(--qds-nav-element-small-icon-size);\n    width: var(--qds-nav-element-small-icon-size);\n  }\n\n  & > .qds-texts {\n    gap: var(--qds-nav-element-small-titles-gap);\n  }\n\n  & .qds-text {\n    font: var(--qds-nav-element-small-title);\n  }\n\n  & .qds-subtitle {\n    font: var(--qds-nav-element-small-subtitle);\n  }\n\n  &.qds-target-icon {\n    --qds-experimental-icon-click-target-size: var(--qds-control-small-height);\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-tab,\n  &.qds-closable-wrapper {\n    min-height: var(--qds-nav-element-standard-height);\n    gap: var(--qds-nav-element-standard-gap-internal);\n    padding-inline: var(--qds-nav-element-standard-padding-horizontal);\n  }\n\n  &.qds-closable-tab {\n    gap: var(--qds-nav-element-standard-gap-internal);\n  }\n\n  & > .qds-icon {\n    height: var(--qds-nav-element-standard-icon-size);\n    width: var(--qds-nav-element-standard-icon-size);\n  }\n\n  & > .qds-texts {\n    gap: var(--qds-nav-element-standard-titles-gap);\n  }\n\n  & .qds-text {\n    font: var(--qds-nav-element-standard-title);\n  }\n\n  & .qds-subtitle {\n    font: var(--qds-nav-element-standard-subtitle);\n  }\n\n  &.qds-target-icon {\n    --qds-experimental-icon-click-target-size: var(\n      --qds-control-standard-height\n    );\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-tab,\n  &.qds-closable-wrapper {\n    min-height: var(--qds-nav-element-large-height);\n    gap: var(--qds-nav-element-large-gap-internal);\n    padding-inline: var(--qds-nav-element-large-padding-horizontal);\n  }\n\n  &.qds-closable-tab {\n    gap: var(--qds-nav-element-large-gap-internal);\n  }\n\n  & > .qds-icon {\n    height: var(--qds-nav-element-large-icon-size);\n    width: var(--qds-nav-element-large-icon-size);\n  }\n\n  & > .qds-texts {\n    gap: var(--qds-nav-element-large-titles-gap);\n  }\n\n  & .qds-text {\n    font: var(--qds-nav-element-large-title);\n  }\n\n  & .qds-subtext {\n    font: var(--qds-nav-element-large-subtitle);\n  }\n\n  &.qds-target-icon {\n    --qds-experimental-icon-click-target-size: var(--qds-control-large-height);\n\n    height: var(--qds-control-large-icon-size);\n    width: var(--qds-control-large-icon-size);\n  }\n}\n\n[data-importance='subdued'],\n[data-importance='standard'] {\n  &.qds-selected,\n  &.qds-closable-wrapper,\n  .qds-tab:hover {\n    &::after {\n      border-radius: var(--qds-signature-line-connection-cap-radius);\n      content: '';\n      display: block;\n      position: absolute;\n    }\n\n    &.qds-indicator-inline-end::after,\n    &.qds-indicator-inline-start::after {\n      width: var(--qds-signature-line-connection-width);\n      height: 100%;\n    }\n\n    &.qds-indicator-inline-end::after {\n      inset-inline-end: 0;\n    }\n\n    &.qds-indicator-inline-start::after {\n      inset-inline-start: 0;\n    }\n\n    &.qds-indicator-block-end::after,\n    &.qds-indicator-block-start::after {\n      width: 100%;\n      height: var(--qds-signature-line-connection-width);\n    }\n\n    &.qds-indicator-block-end::after {\n      bottom: 0;\n    }\n\n    &.qds-indicator-block-start::after {\n      top: 0;\n    }\n  }\n\n  &.qds-selected {\n    &[data-size='standard'] .qds-text {\n      font: var(--qds-nav-element-standard-title-emphasized);\n    }\n\n    &[data-size='small'] .qds-text {\n      font: var(--qds-nav-element-small-title-emphasized);\n    }\n\n    &[data-size='large'] .qds-text {\n      font: var(--qds-nav-element-large-title-emphasized);\n    }\n  }\n}\n\n[data-importance='standard'] {\n  .qds-selected .qds-icon {\n    color: var(--qds-theme-title);\n  }\n\n  &:hover {\n    &::after {\n      background-color: var(--qds-theme-signature-color-hover);\n    }\n  }\n\n  &:active {\n    &::after {\n      background-color: var(--qds-theme-signature-color-pressed);\n    }\n  }\n\n  &.qds-selected {\n    &::after {\n      background-color: var(--qds-theme-signature-color-default);\n    }\n  }\n}\n\n[data-importance='subdued'] {\n  &.qds-selected,\n  :active {\n    &::after {\n      background-color: var(--qds-theme-link-subdued-pressed);\n    }\n  }\n\n  &:hover {\n    &::after {\n      background-color: var(--qds-theme-link-subdued-hover);\n    }\n  }\n\n  &.qds-selected::after {\n    background-color: var(\n      --qds-theme-nav-element-selection-indicator-background-subdued\n    );\n  }\n}\n\n.qds-tab {\n  &:focus-visible {\n    outline: var(--qds-theme-focus-border) solid var(--qds-focus-border-width);\n    border-radius: var(--qds-focus-border-radius);\n    outline-offset: calc(\n      -1 * var(--qds-focus-border-width) - var(--qds-focus-border-offset)\n    );\n  }\n}\n\n.qds-closable-tab {\n  width: 100%;\n\n  &:focus-visible {\n    outline: var(--qds-theme-focus-border) solid var(--qds-focus-border-width);\n    border-radius: var(--qds-focus-border-radius);\n  }\n}\n\n.qds-closable-wrapper {\n  align-items: center;\n  justify-content: center;\n}\n\n.qds-tab,\n.qds-closable-tab {\n  align-items: center;\n  justify-content: center;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  text-align: initial;\n\n  &:any-link {\n    text-decoration: none;\n  }\n}\n\n.qds-tab,\n.qds-closable-wrapper {\n  position: relative;\n\n  &:not(.qds-selected):hover {\n    background-color: var(--qds-theme-interactive-background-hover);\n  }\n\n  &:not(.qds-selected):active {\n    background-color: var(--qds-theme-interactive-background-pressed);\n  }\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface, EventEmitter, JSX } from '@stencil/core'\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  h,\n  Listen,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core'\n\nimport type { QdsFocusEventDetail } from '../../helpers'\nimport { pickFocusEventAttributes, resolveTarget } from '../../helpers'\nimport type { Importance, Size, Status } from '../shared'\n\nexport type Action = 'closable' | 'expandable'\n\nexport type TabImportance = Exclude<Importance, 'emphasized'>\n\nexport type TagStatus = Status | 'neutral'\n\nexport type IndicatorPosition =\n  | 'block-end'\n  | 'block-start'\n  | 'inline-end'\n  | 'inline-start'\n\nconst isCounter = (value: unknown): value is number =>\n  typeof value === 'string'\n    ? !Number.isNaN(Number.parseFloat(value))\n    : typeof value === 'number'\n\nconst isIndicator = (value: unknown): value is '' | true =>\n  value === '' || value === true\n\nlet autoIncrementingId = 1\n\n/**\n * <qds-tab> is a navigational element that is used in different horizontal or vertical navigation bars\n * (Main Navigation, secondary navigation, Tab bar, etc.)\n * as trigger points for opening a menu list or switching content in Tab bar.\n *\n * @see https://quartz.se.com/build/components/tab\n */\n@Component({\n  tag: 'qds-tab',\n  shadow: true,\n  styleUrl: 'tab.css',\n})\nexport class Tab implements ComponentInterface {\n  /**\n   * The name of the action icon to render.\n   */\n  @Prop() public readonly action?: Action\n\n  /**\n   * Displays an indicator if `true` or the empty string. Otherwise, displays a\n   * counter badge if a number or string representing a number is used.\n   */\n  @Prop() public readonly badge?: number | string | true\n\n  /**\n   * The tab's counter importance.\n   */\n  @Prop()\n  public readonly badgeCounterImportance?: HTMLQdsBadgeCounterElement['importance'] =\n    'standard'\n\n  /**\n   * The indicator or counter badge's accessible text that will be used by\n   * screen readers.\n   */\n  @Prop() public readonly badgeDescription?: string\n\n  /**\n   * The indicator's status.\n   */\n  @Prop()\n  public readonly badgeIndicatorStatus?: HTMLQdsBadgeIndicatorElement['status'] =\n    'neutral'\n\n  /**\n   * Prevents the tab from being interacted with: it cannot be\n   * selected or focused.\n   */\n  @Prop() public readonly disabled?: boolean\n\n  /**\n   * The name of a registered icon library.\n   */\n  @Prop() public readonly iconLibrary: string = 'default'\n\n  /**\n   * The name of the icon to render.\n   *\n   * Available names depend on the icon library being used.\n   */\n  @Prop() public readonly iconName?: string\n\n  /**\n   * The tab's importance.\n   */\n  @Prop() public readonly importance?: TabImportance = 'standard'\n\n  /**\n   * The tab's indicator position.\n   */\n  @Prop() public readonly indicatorPosition?: IndicatorPosition = 'block-end'\n\n  /**\n   * The tab panel element associated with this tab. The `panel` specified\n   * can be any of the following:\n   *\n   * - A CSS selector string\n   * - A reference to an [`Element`][]\n   * - A function returning a reference to an [`Element`][] or a CSS selector\n   * string\n   *\n   * [`Element`]: https://developer.mozilla.org/docs/Web/API/Element\n   */\n  @Prop() public readonly panel!: Element | string | (() => Element | string)\n\n  /**\n   * The tag icon's accessible text that will be used by\n   * screen readers.\n   */\n  @Prop() public readonly tagIconDescription?: string\n\n  /**\n   * The name of the tab's tag icon to render.\n   *\n   * Available names depend on the icon library being used.\n   */\n  @Prop() public readonly tagIconName?: string\n\n  /**\n   * The name of a registered icon library.\n   */\n  @Prop() public readonly tagIconLibrary: string = 'default'\n\n  /**\n   * The tab's tag importance.\n   */\n  @Prop() public readonly tagImportance?: HTMLQdsTagElement['importance'] =\n    'emphasized'\n\n  /**\n   * The tab's tag size.\n   */\n  @Prop() public readonly tagSize?: Size = 'small'\n\n  /**\n   * The tab's tag status.\n   */\n  @Prop() public readonly tagStatus?: Status = 'info'\n\n  /**\n   * The tab's tag text.\n   */\n  @Prop() public readonly tagText?: string\n\n  /**\n   * Whether or not the tab is selected.\n   */\n  @Prop() public selected = false\n\n  /**\n   * The tab's size.\n   */\n  @Prop() public readonly size?: Size = 'standard'\n\n  /**\n   * Text to display for the subtitle.\n   */\n  @Prop() public readonly subtitle?: string\n\n  /**\n   * Primary text to display.\n   */\n  @Prop() public readonly text!: string\n\n  /**\n   * When set, the underlying tab will be rendered as an `<a>` with this\n   * `href` instead of a `<button>`.\n   *\n   * This property has no effect if the tab has an `action`.\n   *\n   * @webnative\n   */\n  @Prop() public readonly href?: string\n\n  /**\n   * Emitted when the tab is closed.\n   */\n  @Event({ eventName: 'qdsClose', cancelable: false })\n  private readonly closeEmitter!: EventEmitter<void>\n\n  /**\n   * Emitted when the tab loses focus.\n   */\n  @Event({ eventName: 'qdsBlur', bubbles: false, cancelable: false })\n  private readonly blurEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  /**\n   * Emitted when the tab gains focus.\n   */\n  @Event({ eventName: 'qdsFocus', bubbles: false, cancelable: false })\n  private readonly focusEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  @Element() private readonly host!: HTMLElement\n\n  @State() private tabIndex?: number\n\n  @State() private isIndicatorOnTop = false\n\n  @AttachInternals() private readonly internals!: ElementInternals\n\n  #panel?: Element\n\n  #tab?: HTMLElement\n\n  get #computedAction(): Action | undefined {\n    switch (this.action) {\n      case 'closable':\n      case 'expandable': {\n        return this.action\n      }\n      default: {\n        return undefined\n      }\n    }\n  }\n\n  get #computedSize(): Size {\n    switch (this.size) {\n      case 'standard':\n      case 'small':\n      case 'large': {\n        return this.size\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  get #computedImportance(): TabImportance {\n    switch (this.importance) {\n      case 'subdued':\n      case 'standard': {\n        return this.importance\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  get #parentLayer(): string {\n    return this.host.closest('qds-tabbar')?.layer ?? 'main'\n  }\n\n  get #parentLevel(): string {\n    return this.host.closest('qds-tabbar')?.level ?? 'root'\n  }\n\n  get #ariaLabel(): string {\n    return `Close ${this.text}`\n  }\n\n  get #computedDisabled(): boolean {\n    return this.disabled ?? false\n  }\n\n  get #computeCloseButtonTabIndex(): number | undefined {\n    if (this.selected) {\n      return this.#computedDisabled ? undefined : this.tabIndex\n    }\n    return -1\n  }\n\n  @Watch('panel')\n  protected panelChanged(): void {\n    this.disconnectedCallback()\n\n    const panel = resolveTarget(this.panel)\n    if (!(panel instanceof globalThis.Element)) return\n    this.#panel = panel\n\n    const tab = this.host.shadowRoot?.querySelector('[role=\"tab\"]')\n    if (tab) tab.setAttribute('aria-controls', this.#panel.id)\n\n    if (this.#panel.role === null) this.#panel.role = 'tabpanel'\n    if (this.#panel.getAttribute('aria-labelledby') === null)\n      this.#panel.setAttribute('aria-labelledby', this.host.id)\n    this.#panel.setAttribute(\n      'tabindex',\n      this.#panel.getAttribute('tabindex') ?? '0',\n    )\n  }\n\n  @Listen('click')\n  protected onClick(event: MouseEvent): void {\n    if (this.#computedDisabled) event.stopImmediatePropagation()\n  }\n\n  @Watch('tabindex')\n  protected tabindexChanged(newValue: string): void {\n    const parsedValue = Number.parseInt(newValue, 10)\n    this.tabIndex =\n      parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue\n  }\n\n  @Watch('action')\n  protected actionChanged(): void {\n    this.#defineTab()\n  }\n\n  public componentWillLoad(): void {\n    this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0')\n    this.host.id ||= `qds-tab-${autoIncrementingId}`\n    autoIncrementingId += 1\n\n    this.#defineTab()\n  }\n\n  public componentWillRender(): void {\n    const isPanelRoot =\n      this.#parentLayer === 'panel' && this.#parentLevel === 'root'\n    const isMainSubsection =\n      this.#parentLayer === 'main' && this.#parentLevel === 'subsection'\n\n    this.isIndicatorOnTop = isPanelRoot || isMainSubsection\n  }\n\n  public componentDidLoad(): void {\n    this.panelChanged()\n  }\n\n  public disconnectedCallback(): void {\n    if (!this.#panel) return\n\n    const tab = this.host.shadowRoot?.querySelector('[role=\"tab\"]')\n    if (tab) tab.removeAttribute('aria-controls')\n\n    if (this.#panel.role === 'tabpanel')\n      // eslint-disable-next-line unicorn/no-null\n      this.#panel.role = null\n    if (this.#panel.getAttribute('aria-labelledby') === this.host.id)\n      this.#panel.removeAttribute('aria-labelledby')\n    this.#panel.removeAttribute('tabindex')\n  }\n\n  public render() {\n    const isLink = this.href !== undefined && this.#computedAction === undefined\n    const indicatorPosition = this.isIndicatorOnTop\n      ? 'block-start'\n      : this.indicatorPosition\n    const Tag = isLink\n      ? 'a'\n      : this.#computedAction === 'expandable'\n        ? 'button'\n        : 'div'\n    return (\n      <div\n        aria-disabled={this.#computedDisabled ? 'true' : undefined}\n        class={{\n          'qds-closable-wrapper': this.#computedAction === 'closable',\n          'qds-selected': this.selected,\n          [`qds-indicator-${indicatorPosition}`]:\n            this.#computedAction === 'closable',\n        }}\n        data-size={this.#computedSize}\n        data-importance={this.#computedImportance}\n      >\n        <Tag\n          ref={this.#tabRef}\n          aria-disabled={this.#computedDisabled ? 'true' : undefined}\n          disabled={isLink ? undefined : this.disabled}\n          onBlur={this.#onBlur}\n          onFocus={this.#onFocus}\n          class={{\n            'qds-tab': this.#computedAction !== 'closable',\n            'qds-closable-tab': this.#computedAction === 'closable',\n            'qds-selected': this.selected,\n            [`qds-indicator-${this.indicatorPosition}`]:\n              this.#computedAction !== 'closable',\n          }}\n          role={\n            !isLink && this.#computedAction !== 'expandable' ? 'tab' : undefined\n          }\n          aria-current={isLink && this.selected ? 'true' : undefined}\n          aria-expanded={\n            this.#computedAction === 'expandable' && !isLink\n              ? this.selected\n                ? 'true'\n                : 'false'\n              : undefined\n          }\n          data-importance={this.#computedImportance}\n          data-action={this.#computedAction}\n          data-size={this.#computedSize}\n          href={isLink ? this.href : undefined}\n        >\n          {((this.tagText !== undefined && this.tagText !== '') ||\n            (this.tagIconName !== undefined && this.tagIconName !== '')) && (\n            <qds-tag\n              text={this.tagText}\n              status={this.tagStatus}\n              size={this.#computedSize}\n              importance={this.tagImportance}\n              icon-library={this.tagIconLibrary}\n              icon-name={this.tagIconName}\n              icon-description={this.tagIconDescription}\n            />\n          )}\n\n          {this.iconName !== undefined && this.iconName !== '' && (\n            <qds-icon\n              aria-hidden=\"true\"\n              class=\"qds-icon\"\n              library={this.iconLibrary}\n              name={this.iconName}\n            />\n          )}\n          {this.text && this.#renderText()}\n          {isIndicator(this.badge) && (\n            <qds-badge-indicator\n              status={this.badgeIndicatorStatus}\n              description={this.badgeDescription}\n              size={this.#computedSize}\n              strokeRing\n            />\n          )}\n          {isCounter(this.badge) && (\n            <qds-badge-counter\n              description={this.badgeDescription}\n              importance={this.badgeCounterImportance}\n              size={this.#computedSize}\n              strokeRing\n              value={this.badge}\n            />\n          )}\n          {this.#computedAction === 'expandable' && (\n            <qds-icon\n              aria-hidden=\"true\"\n              class={{ 'qds-target-icon': true, 'qds-chevron': this.selected }}\n              data-size={this.#computedSize}\n              library=\"core\"\n              name=\"dropdown\"\n            />\n          )}\n        </Tag>\n        {this.#computedAction === 'closable' && (\n          <qds-mini-button\n            name=\"close\"\n            library=\"core\"\n            text={this.#ariaLabel}\n            data-size={this.#computedSize}\n            disabled={this.#computedDisabled}\n            onClick={this.#onIconClick}\n            tabIndex={this.#computeCloseButtonTabIndex}\n          />\n        )}\n      </div>\n    )\n  }\n\n  #renderText(): JSX.Element {\n    return (\n      <div class=\"qds-texts\">\n        <div class=\"qds-text\">{this.text}</div>\n        {this.subtitle !== undefined && this.subtitle !== '' && (\n          <div class=\"qds-subtitle\">{this.subtitle}</div>\n        )}\n      </div>\n    )\n  }\n\n  readonly #tabRef = (tab?: HTMLElement): void => {\n    this.#tab = tab\n  }\n\n  readonly #close = (): void => {\n    this.closeEmitter.emit()\n  }\n\n  readonly #onIconClick = (event: MouseEvent): void => {\n    event.stopPropagation()\n    this.#close()\n  }\n\n  readonly #onBlur = (event: FocusEvent): void => {\n    this.blurEmitter.emit(pickFocusEventAttributes(event))\n  }\n\n  readonly #onFocus = (event: FocusEvent): void => {\n    this.focusEmitter.emit(pickFocusEventAttributes(event))\n  }\n\n  readonly #defineTab = (): void => {\n    if (this.#computedAction === 'closable') {\n      this.#defineGetter('tab', () => this.#tab)\n    } else {\n      this.internals.role = 'tab'\n      this.#defineGetter('tab', () => this.host)\n    }\n  }\n\n  #defineGetter(p: PropertyKey, get: () => unknown): void {\n    Object.defineProperty(this.host, p, { enumerable: true, get })\n  }\n}\n"],"version":3}
+{"file":"qds-tab.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/tab/tab.css?tag=qds-tab&encapsulation=shadow","src/components/tab/tab.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: inline-block;\n  line-height: 0;\n}\n\n[aria-disabled='true'] {\n  opacity: var(--qds-theme-disabled);\n  pointer-events: none;\n}\n\n:host(:focus-visible) {\n  outline: var(--qds-theme-focus-border) solid var(--qds-focus-border-width);\n  border-radius: var(--qds-focus-border-radius);\n  outline-offset: calc(\n    -1 * var(--qds-focus-border-width) - var(--qds-focus-border-offset)\n  );\n}\n\n.qds-target-icon {\n  color: var(--qds-theme-control-text-standard);\n}\n\n.qds-icon,\n.qds-target-icon {\n  flex-shrink: 0;\n}\n\n.qds-chevron {\n  transform: rotate(180deg);\n}\n\n.qds-selected {\n  &:hover {\n    background-color: var(--qds-theme-interactive-background-selected-hover);\n  }\n\n  &:active {\n    background-color: var(--qds-theme-interactive-background-selected-pressed);\n  }\n}\n\n.qds-closable-wrapper,\n.qds-tab,\n.qds-closable-tab,\n.qds-texts {\n  display: flex;\n}\n\n.qds-texts {\n  flex: 1 0;\n  flex-direction: column;\n}\n\n.qds-icon,\n.qds-text {\n  color: var(--qds-theme-title);\n}\n\n.qds-subtitle {\n  color: var(--qds-theme-subtitle);\n  font: var(--qds-nav-element-standard-subtitle);\n}\n\n[data-size='small'] {\n  &.qds-tab,\n  &.qds-closable-wrapper {\n    min-height: var(--qds-nav-element-small-height);\n    gap: var(--qds-nav-element-small-gap-internal);\n    padding-inline: var(--qds-nav-element-small-padding-horizontal);\n  }\n\n  &.qds-closable-tab {\n    gap: var(--qds-nav-element-small-gap-internal);\n  }\n\n  & > .qds-icon {\n    height: var(--qds-nav-element-small-icon-size);\n    width: var(--qds-nav-element-small-icon-size);\n  }\n\n  & > .qds-texts {\n    gap: var(--qds-nav-element-small-titles-gap);\n  }\n\n  & .qds-text {\n    font: var(--qds-nav-element-small-title);\n  }\n\n  & .qds-subtitle {\n    font: var(--qds-nav-element-small-subtitle);\n  }\n\n  &.qds-target-icon {\n    height: var(--qds-control-small-icon-size);\n    width: var(--qds-control-small-icon-size);\n  }\n}\n\n[data-size='standard'] {\n  &.qds-tab,\n  &.qds-closable-wrapper {\n    min-height: var(--qds-nav-element-standard-height);\n    gap: var(--qds-nav-element-standard-gap-internal);\n    padding-inline: var(--qds-nav-element-standard-padding-horizontal);\n  }\n\n  &.qds-closable-tab {\n    gap: var(--qds-nav-element-standard-gap-internal);\n  }\n\n  & > .qds-icon {\n    height: var(--qds-nav-element-standard-icon-size);\n    width: var(--qds-nav-element-standard-icon-size);\n  }\n\n  & > .qds-texts {\n    gap: var(--qds-nav-element-standard-titles-gap);\n  }\n\n  & .qds-text {\n    font: var(--qds-nav-element-standard-title);\n  }\n\n  & .qds-subtitle {\n    font: var(--qds-nav-element-standard-subtitle);\n  }\n\n  &.qds-target-icon {\n    height: var(--qds-control-standard-icon-size);\n    width: var(--qds-control-standard-icon-size);\n  }\n}\n\n[data-size='large'] {\n  &.qds-tab,\n  &.qds-closable-wrapper {\n    min-height: var(--qds-nav-element-large-height);\n    gap: var(--qds-nav-element-large-gap-internal);\n    padding-inline: var(--qds-nav-element-large-padding-horizontal);\n  }\n\n  &.qds-closable-tab {\n    gap: var(--qds-nav-element-large-gap-internal);\n  }\n\n  & > .qds-icon {\n    height: var(--qds-nav-element-large-icon-size);\n    width: var(--qds-nav-element-large-icon-size);\n  }\n\n  & > .qds-texts {\n    gap: var(--qds-nav-element-large-titles-gap);\n  }\n\n  & .qds-text {\n    font: var(--qds-nav-element-large-title);\n  }\n\n  & .qds-subtext {\n    font: var(--qds-nav-element-large-subtitle);\n  }\n\n  &.qds-target-icon {\n    height: var(--qds-control-large-icon-size);\n    width: var(--qds-control-large-icon-size);\n  }\n}\n\n[data-importance='subdued'],\n[data-importance='standard'] {\n  &.qds-selected,\n  &.qds-closable-wrapper,\n  .qds-tab:hover {\n    &::after {\n      border-radius: var(--qds-signature-line-connection-cap-radius);\n      content: '';\n      display: block;\n      position: absolute;\n    }\n\n    &.qds-indicator-inline-end::after,\n    &.qds-indicator-inline-start::after {\n      width: var(--qds-signature-line-connection-width);\n      height: 100%;\n    }\n\n    &.qds-indicator-inline-end::after {\n      inset-inline-end: 0;\n    }\n\n    &.qds-indicator-inline-start::after {\n      inset-inline-start: 0;\n    }\n\n    &.qds-indicator-block-end::after,\n    &.qds-indicator-block-start::after {\n      width: 100%;\n      height: var(--qds-signature-line-connection-width);\n    }\n\n    &.qds-indicator-block-end::after {\n      bottom: 0;\n    }\n\n    &.qds-indicator-block-start::after {\n      top: 0;\n    }\n  }\n\n  &.qds-selected {\n    &[data-size='standard'] .qds-text {\n      font: var(--qds-nav-element-standard-title-emphasized);\n    }\n\n    &[data-size='small'] .qds-text {\n      font: var(--qds-nav-element-small-title-emphasized);\n    }\n\n    &[data-size='large'] .qds-text {\n      font: var(--qds-nav-element-large-title-emphasized);\n    }\n  }\n}\n\n[data-importance='standard'] {\n  .qds-selected .qds-icon {\n    color: var(--qds-theme-title);\n  }\n\n  &:hover {\n    &::after {\n      background-color: var(--qds-theme-signature-color-hover);\n    }\n  }\n\n  &:active {\n    &::after {\n      background-color: var(--qds-theme-signature-color-pressed);\n    }\n  }\n\n  &.qds-selected {\n    &::after {\n      background-color: var(--qds-theme-signature-color-default);\n    }\n  }\n}\n\n[data-importance='subdued'] {\n  &.qds-selected,\n  :active {\n    &::after {\n      background-color: var(--qds-theme-link-subdued-pressed);\n    }\n  }\n\n  &:hover {\n    &::after {\n      background-color: var(--qds-theme-link-subdued-hover);\n    }\n  }\n\n  &.qds-selected::after {\n    background-color: var(\n      --qds-theme-nav-element-selection-indicator-background-subdued\n    );\n  }\n}\n\n.qds-tab {\n  &:focus-visible {\n    outline: var(--qds-theme-focus-border) solid var(--qds-focus-border-width);\n    border-radius: var(--qds-focus-border-radius);\n    outline-offset: calc(\n      -1 * var(--qds-focus-border-width) - var(--qds-focus-border-offset)\n    );\n  }\n}\n\n.qds-closable-tab {\n  width: 100%;\n\n  &:focus-visible {\n    outline: var(--qds-theme-focus-border) solid var(--qds-focus-border-width);\n    border-radius: var(--qds-focus-border-radius);\n  }\n}\n\n.qds-closable-wrapper {\n  align-items: center;\n  justify-content: center;\n}\n\n.qds-tab,\n.qds-closable-tab {\n  align-items: center;\n  justify-content: center;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  text-align: initial;\n\n  &:any-link {\n    text-decoration: none;\n  }\n}\n\n.qds-tab,\n.qds-closable-wrapper {\n  position: relative;\n\n  &:not(.qds-selected):hover {\n    background-color: var(--qds-theme-interactive-background-hover);\n  }\n\n  &:not(.qds-selected):active {\n    background-color: var(--qds-theme-interactive-background-pressed);\n  }\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface, EventEmitter, JSX } from '@stencil/core'\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  h,\n  Listen,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core'\n\nimport type { QdsFocusEventDetail } from '../../helpers'\nimport { pickFocusEventAttributes, resolveTarget } from '../../helpers'\nimport type { Importance, Size, Status } from '../shared'\n\nexport type Action = 'closable' | 'expandable'\n\nexport type TabImportance = Exclude<Importance, 'emphasized'>\n\nexport type TagStatus = Status | 'neutral'\n\nexport type IndicatorPosition =\n  | 'block-end'\n  | 'block-start'\n  | 'inline-end'\n  | 'inline-start'\n\nconst isCounter = (value: unknown): value is number =>\n  typeof value === 'string'\n    ? !Number.isNaN(Number.parseFloat(value))\n    : typeof value === 'number'\n\nconst isIndicator = (value: unknown): value is '' | true =>\n  value === '' || value === true\n\nlet autoIncrementingId = 1\n\n/**\n * <qds-tab> is a navigational element that is used in different horizontal or vertical navigation bars\n * (Main Navigation, secondary navigation, Tab bar, etc.)\n * as trigger points for opening a menu list or switching content in Tab bar.\n *\n * @see https://quartz.se.com/build/components/tab\n */\n@Component({\n  tag: 'qds-tab',\n  shadow: true,\n  styleUrl: 'tab.css',\n})\nexport class Tab implements ComponentInterface {\n  /**\n   * The name of the action icon to render.\n   */\n  @Prop() public readonly action?: Action\n\n  /**\n   * Displays an indicator if `true` or the empty string. Otherwise, displays a\n   * counter badge if a number or string representing a number is used.\n   */\n  @Prop() public readonly badge?: number | string | true\n\n  /**\n   * The tab's counter importance.\n   */\n  @Prop()\n  public readonly badgeCounterImportance?: HTMLQdsBadgeCounterElement['importance'] =\n    'standard'\n\n  /**\n   * The indicator or counter badge's accessible text that will be used by\n   * screen readers.\n   */\n  @Prop() public readonly badgeDescription?: string\n\n  /**\n   * The indicator's status.\n   */\n  @Prop()\n  public readonly badgeIndicatorStatus?: HTMLQdsBadgeIndicatorElement['status'] =\n    'neutral'\n\n  /**\n   * Prevents the tab from being interacted with: it cannot be\n   * selected or focused.\n   */\n  @Prop() public readonly disabled?: boolean\n\n  /**\n   * The name of a registered icon library.\n   */\n  @Prop() public readonly iconLibrary: string = 'default'\n\n  /**\n   * The name of the icon to render.\n   *\n   * Available names depend on the icon library being used.\n   */\n  @Prop() public readonly iconName?: string\n\n  /**\n   * The tab's importance.\n   */\n  @Prop() public readonly importance?: TabImportance = 'standard'\n\n  /**\n   * The tab's indicator position.\n   */\n  @Prop() public readonly indicatorPosition?: IndicatorPosition = 'block-end'\n\n  /**\n   * The tab panel element associated with this tab. The `panel` specified\n   * can be any of the following:\n   *\n   * - A CSS selector string\n   * - A reference to an [`Element`][]\n   * - A function returning a reference to an [`Element`][] or a CSS selector\n   * string\n   *\n   * [`Element`]: https://developer.mozilla.org/docs/Web/API/Element\n   */\n  @Prop() public readonly panel!: Element | string | (() => Element | string)\n\n  /**\n   * The tag icon's accessible text that will be used by\n   * screen readers.\n   */\n  @Prop() public readonly tagIconDescription?: string\n\n  /**\n   * The name of the tab's tag icon to render.\n   *\n   * Available names depend on the icon library being used.\n   */\n  @Prop() public readonly tagIconName?: string\n\n  /**\n   * The name of a registered icon library.\n   */\n  @Prop() public readonly tagIconLibrary: string = 'default'\n\n  /**\n   * The tab's tag importance.\n   */\n  @Prop() public readonly tagImportance?: HTMLQdsTagElement['importance'] =\n    'emphasized'\n\n  /**\n   * The tab's tag size.\n   */\n  @Prop() public readonly tagSize?: Size = 'small'\n\n  /**\n   * The tab's tag status.\n   */\n  @Prop() public readonly tagStatus?: Status = 'info'\n\n  /**\n   * The tab's tag text.\n   */\n  @Prop() public readonly tagText?: string\n\n  /**\n   * Whether or not the tab is selected.\n   */\n  @Prop() public selected = false\n\n  /**\n   * The tab's size.\n   */\n  @Prop() public readonly size?: Size = 'standard'\n\n  /**\n   * Text to display for the subtitle.\n   */\n  @Prop() public readonly subtitle?: string\n\n  /**\n   * Primary text to display.\n   */\n  @Prop() public readonly text!: string\n\n  /**\n   * When set, the underlying tab will be rendered as an `<a>` with this\n   * `href` instead of a `<button>`.\n   *\n   * This property has no effect if the tab has an `action`.\n   *\n   * @webnative\n   */\n  @Prop() public readonly href?: string\n\n  /**\n   * Emitted when the tab is closed.\n   */\n  @Event({ eventName: 'qdsClose', cancelable: false })\n  private readonly closeEmitter!: EventEmitter<void>\n\n  /**\n   * Emitted when the tab loses focus.\n   */\n  @Event({ eventName: 'qdsBlur', bubbles: false, cancelable: false })\n  private readonly blurEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  /**\n   * Emitted when the tab gains focus.\n   */\n  @Event({ eventName: 'qdsFocus', bubbles: false, cancelable: false })\n  private readonly focusEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  @Element() private readonly host!: HTMLElement\n\n  @State() private tabIndex?: number\n\n  @State() private isIndicatorOnTop = false\n\n  @AttachInternals() private readonly internals!: ElementInternals\n\n  #panel?: Element\n\n  #tab?: HTMLElement\n\n  get #computedAction(): Action | undefined {\n    switch (this.action) {\n      case 'closable':\n      case 'expandable': {\n        return this.action\n      }\n      default: {\n        return undefined\n      }\n    }\n  }\n\n  get #computedSize(): Size {\n    switch (this.size) {\n      case 'standard':\n      case 'small':\n      case 'large': {\n        return this.size\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  get #computedImportance(): TabImportance {\n    switch (this.importance) {\n      case 'subdued':\n      case 'standard': {\n        return this.importance\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  get #parentLayer(): string {\n    return this.host.closest('qds-tabbar')?.layer ?? 'main'\n  }\n\n  get #parentLevel(): string {\n    return this.host.closest('qds-tabbar')?.level ?? 'root'\n  }\n\n  get #ariaLabel(): string {\n    return `Close ${this.text}`\n  }\n\n  get #computedDisabled(): boolean {\n    return this.disabled ?? false\n  }\n\n  get #computeCloseButtonTabIndex(): number | undefined {\n    if (this.selected) {\n      return this.#computedDisabled ? undefined : this.tabIndex\n    }\n    return -1\n  }\n\n  @Watch('panel')\n  protected panelChanged(): void {\n    this.disconnectedCallback()\n\n    const panel = resolveTarget(this.panel)\n    if (!(panel instanceof globalThis.Element)) return\n    this.#panel = panel\n\n    const tab = this.host.shadowRoot?.querySelector('[role=\"tab\"]')\n    if (tab) tab.setAttribute('aria-controls', this.#panel.id)\n\n    if (this.#panel.role === null) this.#panel.role = 'tabpanel'\n    if (this.#panel.getAttribute('aria-labelledby') === null)\n      this.#panel.setAttribute('aria-labelledby', this.host.id)\n    this.#panel.setAttribute(\n      'tabindex',\n      this.#panel.getAttribute('tabindex') ?? '0',\n    )\n  }\n\n  @Listen('click')\n  protected onClick(event: MouseEvent): void {\n    if (this.#computedDisabled) event.stopImmediatePropagation()\n  }\n\n  @Watch('tabindex')\n  protected tabindexChanged(newValue: string): void {\n    const parsedValue = Number.parseInt(newValue, 10)\n    this.tabIndex =\n      parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue\n  }\n\n  @Watch('action')\n  protected actionChanged(): void {\n    this.#defineTab()\n  }\n\n  public componentWillLoad(): void {\n    this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0')\n    this.host.id ||= `qds-tab-${autoIncrementingId}`\n    autoIncrementingId += 1\n\n    this.#defineTab()\n  }\n\n  public componentWillRender(): void {\n    const isPanelRoot =\n      this.#parentLayer === 'panel' && this.#parentLevel === 'root'\n    const isMainSubsection =\n      this.#parentLayer === 'main' && this.#parentLevel === 'subsection'\n\n    this.isIndicatorOnTop = isPanelRoot || isMainSubsection\n  }\n\n  public componentDidLoad(): void {\n    this.panelChanged()\n  }\n\n  public disconnectedCallback(): void {\n    if (!this.#panel) return\n\n    const tab = this.host.shadowRoot?.querySelector('[role=\"tab\"]')\n    if (tab) tab.removeAttribute('aria-controls')\n\n    if (this.#panel.role === 'tabpanel')\n      // eslint-disable-next-line unicorn/no-null\n      this.#panel.role = null\n    if (this.#panel.getAttribute('aria-labelledby') === this.host.id)\n      this.#panel.removeAttribute('aria-labelledby')\n    this.#panel.removeAttribute('tabindex')\n  }\n\n  public render() {\n    const isLink = this.href !== undefined && this.#computedAction === undefined\n    const indicatorPosition = this.isIndicatorOnTop\n      ? 'block-start'\n      : this.indicatorPosition\n    const Tag = isLink\n      ? 'a'\n      : this.#computedAction === 'expandable'\n        ? 'button'\n        : 'div'\n    return (\n      <div\n        aria-disabled={this.#computedDisabled ? 'true' : undefined}\n        class={{\n          'qds-closable-wrapper': this.#computedAction === 'closable',\n          'qds-selected': this.selected,\n          [`qds-indicator-${indicatorPosition}`]:\n            this.#computedAction === 'closable',\n        }}\n        data-size={this.#computedSize}\n        data-importance={this.#computedImportance}\n      >\n        <Tag\n          ref={this.#tabRef}\n          aria-disabled={this.#computedDisabled ? 'true' : undefined}\n          disabled={isLink ? undefined : this.disabled}\n          onBlur={this.#onBlur}\n          onFocus={this.#onFocus}\n          class={{\n            'qds-tab': this.#computedAction !== 'closable',\n            'qds-closable-tab': this.#computedAction === 'closable',\n            'qds-selected': this.selected,\n            [`qds-indicator-${this.indicatorPosition}`]:\n              this.#computedAction !== 'closable',\n          }}\n          role={\n            !isLink && this.#computedAction !== 'expandable' ? 'tab' : undefined\n          }\n          aria-current={isLink && this.selected ? 'true' : undefined}\n          aria-expanded={\n            this.#computedAction === 'expandable' && !isLink\n              ? this.selected\n                ? 'true'\n                : 'false'\n              : undefined\n          }\n          data-importance={this.#computedImportance}\n          data-action={this.#computedAction}\n          data-size={this.#computedSize}\n          href={isLink ? this.href : undefined}\n        >\n          {((this.tagText !== undefined && this.tagText !== '') ||\n            (this.tagIconName !== undefined && this.tagIconName !== '')) && (\n            <qds-tag\n              text={this.tagText}\n              status={this.tagStatus}\n              size={this.#computedSize}\n              importance={this.tagImportance}\n              icon-library={this.tagIconLibrary}\n              icon-name={this.tagIconName}\n              icon-description={this.tagIconDescription}\n            />\n          )}\n\n          {this.iconName !== undefined && this.iconName !== '' && (\n            <qds-icon\n              aria-hidden=\"true\"\n              class=\"qds-icon\"\n              library={this.iconLibrary}\n              name={this.iconName}\n            />\n          )}\n          {this.text && this.#renderText()}\n          {isIndicator(this.badge) && (\n            <qds-badge-indicator\n              status={this.badgeIndicatorStatus}\n              description={this.badgeDescription}\n              size={this.#computedSize}\n              strokeRing\n            />\n          )}\n          {isCounter(this.badge) && (\n            <qds-badge-counter\n              description={this.badgeDescription}\n              importance={this.badgeCounterImportance}\n              size={this.#computedSize}\n              strokeRing\n              value={this.badge}\n            />\n          )}\n          {this.#computedAction === 'expandable' && (\n            <qds-icon\n              aria-hidden=\"true\"\n              class={{ 'qds-target-icon': true, 'qds-chevron': this.selected }}\n              data-size={this.#computedSize}\n              library=\"core\"\n              name=\"dropdown\"\n            />\n          )}\n        </Tag>\n        {this.#computedAction === 'closable' && (\n          <qds-mini-button\n            name=\"close\"\n            library=\"core\"\n            text={this.#ariaLabel}\n            data-size={this.#computedSize}\n            disabled={this.#computedDisabled}\n            onClick={this.#onIconClick}\n            tabIndex={this.#computeCloseButtonTabIndex}\n          />\n        )}\n      </div>\n    )\n  }\n\n  #renderText(): JSX.Element {\n    return (\n      <div class=\"qds-texts\">\n        <div class=\"qds-text\">{this.text}</div>\n        {this.subtitle !== undefined && this.subtitle !== '' && (\n          <div class=\"qds-subtitle\">{this.subtitle}</div>\n        )}\n      </div>\n    )\n  }\n\n  readonly #tabRef = (tab?: HTMLElement): void => {\n    this.#tab = tab\n  }\n\n  readonly #close = (): void => {\n    this.closeEmitter.emit()\n  }\n\n  readonly #onIconClick = (event: MouseEvent): void => {\n    event.stopPropagation()\n    this.#close()\n  }\n\n  readonly #onBlur = (event: FocusEvent): void => {\n    this.blurEmitter.emit(pickFocusEventAttributes(event))\n  }\n\n  readonly #onFocus = (event: FocusEvent): void => {\n    this.focusEmitter.emit(pickFocusEventAttributes(event))\n  }\n\n  readonly #defineTab = (): void => {\n    if (this.#computedAction === 'closable') {\n      this.#defineGetter('tab', () => this.#tab)\n    } else {\n      this.internals.role = 'tab'\n      this.#defineGetter('tab', () => this.host)\n    }\n  }\n\n  #defineGetter(p: PropertyKey, get: () => unknown): void {\n    Object.defineProperty(this.host, p, { enumerable: true, get })\n  }\n}\n"],"version":3}

package/components/qds-tabbar.js

@@ -4,13 +4,13 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-D2489VzR.js';
-import { i as invariant, V as VERTICAL_MOVE_KEYS, H as HORIZONTAL_MOVE_KEYS, c as inheritAriaAttributes, j as resolvePanelElement, k as componentOnReady } from './p-CXP6q9Mr.js';
+import { i as invariant, V as VERTICAL_MOVE_KEYS, H as HORIZONTAL_MOVE_KEYS, c as inheritAriaAttributes, j as resolvePanelElement, k as componentOnReady } from './p-CURs27Ur.js';
 import { d as defineCustomElement$7 } from './p-CDRwHAIT.js';
 import { d as defineCustomElement$6 } from './p-U2Q0vF-d.js';
-import { d as defineCustomElement$5 } from './p-DwxIJEUj.js';
-import { d as defineCustomElement$4 } from './p-BkgfW_tl.js';
-import { d as defineCustomElement$3 } from './p-CFVg7I9T.js';
-import { d as defineCustomElement$2 } from './p-B03FWheS.js';
+import { d as defineCustomElement$5 } from './p-CjVnGhSO.js';
+import { d as defineCustomElement$4 } from './p-DtxwXYGb.js';
+import { d as defineCustomElement$3 } from './p-CkyaV9az.js';
+import { d as defineCustomElement$2 } from './p-D82sb4oJ.js';
 
 const tabbarCss = ":host([hidden]){display:none!important}:host{display:block}.qds-tabbar,.qds-tabs,.qds-vertical,.qds-vertical-divider{display:flex}.qds-tabbar,.qds-vertical-divider{width:inherit}.qds-arrow-start{transform:scaleX(var(--qds-direction-factor,1)) rotate(180deg)}.qds-align-center{align-content:center}.qds-hidden{display:none}.qds-centered{justify-content:center}.qds-tabs{flex:1;margin-block:0;overflow:auto;padding-inline-start:0;scroll-behavior:smooth}.qds-vertical{flex-direction:column}.qds-vertical-divider{flex-direction:row}[data-layer=main][data-level=root] .qds-tabs{gap:var(--qds-control-large-gap-siblings-related)}[data-layer=main][data-level=section] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=main][data-level=subsection] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}[data-layer=popup][data-level=root] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=popup][data-level=section] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}:is([data-layer=panel],[data-layer=accessory])[data-level=root] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}";
 
@@ -266,11 +266,11 @@ const Tabbar = /*@__PURE__*/ proxyCustomElement(class Tabbar extends H {
             __classPrivateFieldGet(this, _Tabbar_ro, "f").disconnect();
     }
     render() {
-        return (h("div", { key: 'dbae5f300427dbaeb563eefee8861dc6453e9af8', class: { 'qds-vertical-divider': this.orientation === 'vertical' }, "data-layer": this.layer, "data-level": this.level }, h("div", { key: 'a2ebf55faeaccd30a52d1cb5769574e8f18dfc57', class: "qds-tabbar" }, h("div", { key: '7ddc9b7f553da79b357ab7a1ba193d6fe0ad3d6d', class: {
+        return (h("div", { key: '08a0002721156b63a913af400939ecdd5e643cef', class: { 'qds-vertical-divider': this.orientation === 'vertical' }, "data-layer": this.layer, "data-level": this.level }, h("div", { key: 'ca559923b24ca9cecaf4622955249a330adaeba7', class: "qds-tabbar" }, h("div", { key: '987181efde486ffa9dde605d5ba10cd3b3aadbfb', class: {
                 'qds-align-center': true,
                 'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
                     this.orientation === 'vertical',
-            } }, h("qds-icon-button", { key: '77e21e5a713c6f4703301951b599035082a7fecc', text: "show previous tab", importance: "subdued", iconName: "next", iconLibrary: "core", class: "qds-arrow-start", onClick: __classPrivateFieldGet(this, _Tabbar_scrollToStart, "f"), disabled: this.disableStartArrow })), h("ul", { key: '1dcb2e83e1e493347dbcc6ed59dba9fcba9bf60b', class: {
+            } }, h("qds-icon-button", { key: '37088e335fe0feb772dedd1886f16f191d7fcdc3', text: "show previous tab", importance: "subdued", iconName: "next", iconLibrary: "core", class: "qds-arrow-start", onClick: __classPrivateFieldGet(this, _Tabbar_scrollToStart, "f"), disabled: this.disableStartArrow })), h("ul", { key: '5ad39c11264831dd50cbca718cb824a0e5097ffc', class: {
                 'qds-tabs': true,
                 'qds-vertical': this.orientation === 'vertical',
                 'qds-centered': this.alignment === 'centered' &&
@@ -279,11 +279,11 @@ const Tabbar = /*@__PURE__*/ proxyCustomElement(class Tabbar extends H {
                     this.disableStartArrow,
             }, role: "tablist", "aria-label": this.tablistDescription, ref: (element) => {
                 __classPrivateFieldSet(this, _Tabbar_tabbar, element, "f");
-            }, onClick: __classPrivateFieldGet(this, _Tabbar_onClick, "f"), onKeyDown: __classPrivateFieldGet(this, _Tabbar_onKeyDown, "f"), onMouseDown: __classPrivateFieldGet(this, _Tabbar_onMouseDown, "f"), onScroll: __classPrivateFieldGet(this, _Tabbar_onScroll, "f"), ...__classPrivateFieldGet(this, _Tabbar_inheritedAttributes, "f") }, h("slot", { key: '264bdf5fa1c99ead75ad7ccb96eff791f5b0d85a', onSlotchange: __classPrivateFieldGet(this, _Tabbar_onSlotchange, "f") })), h("div", { key: '9b0d013ea65ccd8b0548b2d70031e0bd29798081', class: {
+            }, onClick: __classPrivateFieldGet(this, _Tabbar_onClick, "f"), onKeyDown: __classPrivateFieldGet(this, _Tabbar_onKeyDown, "f"), onMouseDown: __classPrivateFieldGet(this, _Tabbar_onMouseDown, "f"), onScroll: __classPrivateFieldGet(this, _Tabbar_onScroll, "f"), ...__classPrivateFieldGet(this, _Tabbar_inheritedAttributes, "f") }, h("slot", { key: 'db30b064f6e9949c86bcc049bf6d5383f5d659e8', onSlotchange: __classPrivateFieldGet(this, _Tabbar_onSlotchange, "f") })), h("div", { key: '6e61da5a09d938972b7629ac3449831d8fa630f2', class: {
                 'qds-align-center': true,
                 'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
                     this.orientation === 'vertical',
-            } }, h("qds-icon-button", { key: 'def7674888c88bb34f7fef6921784b2cdafbee8c', text: "show next tab", iconName: "next", iconLibrary: "core", importance: "subdued", onClick: __classPrivateFieldGet(this, _Tabbar_scrollToEnd, "f"), disabled: this.disableEndArrow }))), __classPrivateFieldGet(this, _Tabbar_instances, "a", _Tabbar_computeDividerVisible_get) && (h("qds-divider", { key: '87f1bcf19e2d60fccd4473ef3a91e35e3b77e955', vertical: this.orientation === 'vertical' }))));
+            } }, h("qds-icon-button", { key: '74557af7eb1ab5ac2cd2dffe5751dd9b7083bb74', text: "show next tab", iconName: "next", iconLibrary: "core", importance: "subdued", onClick: __classPrivateFieldGet(this, _Tabbar_scrollToEnd, "f"), disabled: this.disableEndArrow }))), __classPrivateFieldGet(this, _Tabbar_instances, "a", _Tabbar_computeDividerVisible_get) && (h("qds-divider", { key: '6e178e1b7e5c1ed80f9b447248ec5df896cea055', vertical: this.orientation === 'vertical' }))));
     }
     static get delegatesFocus() { return true; }
     get host() { return this; }

package/components/qds-table-cell.js

@@ -42,9 +42,9 @@ const TableCell = /*@__PURE__*/ proxyCustomElement(class TableCell extends H {
     render() {
         return (
         // eslint-disable-next-line jsx-a11y/control-has-associated-label
-        h("td", { key: '1c90aa486ee26c73cade143b8b281f0d8f93dee7', class: "qds-table-cell", colSpan: this.colSpan, rowSpan: this.rowSpan,
+        h("td", { key: '94fafc4ea9c69aa490738766f16364bd70233e3f', class: "qds-table-cell", colSpan: this.colSpan, rowSpan: this.rowSpan,
             // eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
-            role: "none" }, h("slot", { key: '02b3051cba1bfdc7d1d0be004691eaeb4387c446' })));
+            role: "none" }, h("slot", { key: '6f7d0b32f792cfe417239758b3d2c8d338c3e126' })));
     }
     static get watchers() { return {
         "colSpan": ["colSpanChanged"],

package/components/qds-table-head-cell.js

@@ -45,9 +45,9 @@ const TableHeadCell = /*@__PURE__*/ proxyCustomElement(class TableHeadCell exten
     render() {
         return (
         // eslint-disable-next-line jsx-a11y/control-has-associated-label
-        h("th", { key: '8da9111144c766154c60bfa301600459d90e9043', class: "qds-table-head-cell", colSpan: this.colSpan, rowSpan: this.rowSpan, scope: this.scope,
+        h("th", { key: '89eb4dadd071a6045f356c6eccddcf4933d2cb0b', class: "qds-table-head-cell", colSpan: this.colSpan, rowSpan: this.rowSpan, scope: this.scope,
             // eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
-            role: "none" }, h("slot", { key: '5be7abb9f8e15a810e23ec701de4f1ff4e7b073b' })));
+            role: "none" }, h("slot", { key: '320c62a678ca5a52a8f965ae8aa9f527c83022a0' })));
     }
     static get watchers() { return {
         "colSpan": ["colSpanChanged"],

package/components/qds-table-row.js

@@ -21,7 +21,7 @@ const TableRow = /*@__PURE__*/ proxyCustomElement(class TableRow extends H {
     }
     // eslint-disable-next-line @typescript-eslint/class-methods-use-this
     render() {
-        return (h("tr", { key: '44369e890bdbb4c8398cdac7a67262a0d854f963', class: "qds-table-row", role: "none" }, h("slot", { key: 'a27ca3af7183c73b363a936fd94de2760f8d6aaa' })));
+        return (h("tr", { key: 'f92c2b9db18dbe06ea680ce23273da08f7998f5b', class: "qds-table-row", role: "none" }, h("slot", { key: '897f11cad82a4c6f1c04c4bc5a65cd0f85714a57' })));
     }
     static get style() { return tableRowCss; }
 }, [257, "qds-table-row"]);

package/components/qds-table.js

@@ -21,7 +21,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
     }
     // eslint-disable-next-line @typescript-eslint/class-methods-use-this
     render() {
-        return h("slot", { key: '7eab42fceb6964136583f1a0f6cb93c0f0557574' });
+        return h("slot", { key: '8e2daea5b29256b1f80892e60f363d3837e707a5' });
     }
     static get style() { return tableCss; }
 }, [257, "qds-table"]);

package/components/qds-tag.js

@@ -3,7 +3,7 @@
  * 
  * SPDX-License-Identifier: Apache-2.0
  */
-import { T as Tag, d as defineCustomElement$1 } from './p-DnZdwX0l.js';
+import { T as Tag, d as defineCustomElement$1 } from './p-DR79BVX5.js';
 
 const QdsTag = Tag;
 const defineCustomElement = defineCustomElement$1;

package/components/qds-textarea.js

@@ -4,10 +4,10 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { p as proxyCustomElement, H, c as createEvent, h, e as Host } from './p-D2489VzR.js';
-import { i as invariant, p as pickFocusEventAttributes, e as pickInputEventAttributes, c as inheritAriaAttributes } from './p-CXP6q9Mr.js';
+import { i as invariant, p as pickFocusEventAttributes, e as pickInputEventAttributes, c as inheritAriaAttributes } from './p-CURs27Ur.js';
 import { V as VALID_STATE, C as CUSTOM_ERROR_FLAGS, N as NO_ERROR_FLAGS } from './p-CZRW1LV_.js';
 
-const textareaCss = ":host([hidden]){display:none!important}:host{display:inline-block;resize:both}slot{display:none}.qds-textarea{background-color:var(--qds-theme-form-input-background-active);border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-form-input-border-radius);box-sizing:border-box;color:var(--qds-theme-control-text-standard);height:100%;padding-inline:var(--qds-control-input-padding-horizontal);resize:inherit;width:100%}.qds-textarea:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-textarea:disabled{background-color:var(--qds-theme-form-input-background-default);opacity:var(--qds-theme-disabled);pointer-events:none}.qds-textarea:read-only{background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-disabled)}.qds-textarea:focus-visible{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-textarea:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}.qds-textarea:not(:focus):user-invalid{border-color:var(--qds-theme-form-input-border-error)}.qds-textarea[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-textarea[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-textarea[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}[data-size=small]{font:var(--qds-control-small-text);padding-block:var(--qds-control-small-padding-auto-height)}[data-size=standard]{font:var(--qds-control-standard-text);padding-block:var(--qds-control-standard-padding-auto-height)}[data-size=large]{font:var(--qds-control-large-text);padding-block:var(--qds-control-large-padding-auto-height)}";
+const textareaCss = ":host([hidden]){display:none!important}:host{display:inline-block;resize:both}slot{display:none}.qds-textarea{background-color:var(--qds-theme-form-input-background-active);border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-form-input-border-radius);box-sizing:border-box;color:var(--qds-theme-control-text-standard);height:100%;padding-inline:var(--qds-control-input-padding-horizontal);resize:inherit;width:100%}.qds-textarea:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-textarea:disabled{background-color:var(--qds-theme-form-input-background-default);opacity:var(--qds-theme-disabled);pointer-events:none}.qds-textarea:read-only{background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-disabled)}.qds-textarea:focus-visible{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-textarea:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}.qds-textarea:not(:focus):user-invalid{border-color:var(--qds-theme-form-input-border-error)}.qds-textarea[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-textarea[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-textarea[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-textarea[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}[data-size=small]{font:var(--qds-control-small-text);padding-block:var(--qds-control-small-padding-auto-height)}[data-size=standard]{font:var(--qds-control-standard-text);padding-block:var(--qds-control-standard-padding-auto-height)}[data-size=large]{font:var(--qds-control-large-text);padding-block:var(--qds-control-large-padding-auto-height)}";
 
 // SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
@@ -264,9 +264,9 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class TextArea extends H {
         this.valueChanged();
     }
     render() {
-        return (h(Host, { key: 'd3fb4b50124d583054365845989dd4a267a7c878' }, h("textarea", { key: 'e92506a523021d0f3e7f280bf24e9a095443109e', autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
+        return (h(Host, { key: 'e70a2441fe46be35f06f84f4be817fc04d623905' }, h("textarea", { key: 'f627ebc9f1619940f5a530886de0241353e270a7', autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
             // eslint-disable-next-line jsx-a11y/no-autofocus
-            autoFocus: this.host.autofocus, class: "qds-textarea", cols: this.cols, "data-size": this.size ?? 'standard', "data-status": __classPrivateFieldGet(this, _TextArea_instances, "a", _TextArea_computedStatus_get), disabled: this.disabled, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, maxLength: this.maxLength, minLength: this.minLength, onBlur: __classPrivateFieldGet(this, _TextArea_onBlur, "f"), onChange: __classPrivateFieldGet(this, _TextArea_onChange, "f"), onFocus: __classPrivateFieldGet(this, _TextArea_onFocus, "f"), onInput: __classPrivateFieldGet(this, _TextArea_onInput, "f"), placeholder: this.placeholder, ref: __classPrivateFieldGet(this, _TextArea_ref, "f"), readOnly: this.readonly, rows: this.rows, spellcheck: this.host.spellcheck, tabIndex: __classPrivateFieldGet(this, _TextArea_instances, "a", _TextArea_computedDisabled_get) ? undefined : this.tabIndex, wrap: this.wrap, ...__classPrivateFieldGet(this, _TextArea_inheritedAttributes, "f") }), h("slot", { key: '2a6775f2cd7e90c03dc93e8b3c72a05fb17fb61a', onSlotchange: __classPrivateFieldGet(this, _TextArea_onSlotchange, "f") })));
+            autoFocus: this.host.autofocus, class: "qds-textarea", cols: this.cols, "data-size": this.size ?? 'standard', "data-status": __classPrivateFieldGet(this, _TextArea_instances, "a", _TextArea_computedStatus_get), disabled: this.disabled, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, maxLength: this.maxLength, minLength: this.minLength, onBlur: __classPrivateFieldGet(this, _TextArea_onBlur, "f"), onChange: __classPrivateFieldGet(this, _TextArea_onChange, "f"), onFocus: __classPrivateFieldGet(this, _TextArea_onFocus, "f"), onInput: __classPrivateFieldGet(this, _TextArea_onInput, "f"), placeholder: this.placeholder, ref: __classPrivateFieldGet(this, _TextArea_ref, "f"), readOnly: this.readonly, rows: this.rows, spellcheck: this.host.spellcheck, tabIndex: __classPrivateFieldGet(this, _TextArea_instances, "a", _TextArea_computedDisabled_get) ? undefined : this.tabIndex, wrap: this.wrap, ...__classPrivateFieldGet(this, _TextArea_inheritedAttributes, "f") }), h("slot", { key: '68cade8e77037f9b7c53c5663182f9825fdc3afa', onSlotchange: __classPrivateFieldGet(this, _TextArea_onSlotchange, "f") })));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }

package/components/qds-textarea.js.map

@@ -1 +1 @@
-{"file":"qds-textarea.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/textarea/textarea.css?tag=qds-textarea&encapsulation=shadow","src/components/textarea/textarea.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  resize: both;\n}\n\nslot {\n  display: none;\n}\n\n.qds-textarea {\n  background-color: var(--qds-theme-form-input-background-active);\n  border-radius: var(--qds-form-input-border-radius);\n  border: var(--qds-form-input-border-width-default) solid\n    var(--qds-theme-form-input-border-default);\n  box-sizing: border-box;\n  color: var(--qds-theme-control-text-standard);\n  height: 100%;\n  padding-inline: var(--qds-control-input-padding-horizontal);\n  resize: inherit;\n  width: 100%;\n\n  &:hover {\n    background-color: var(--qds-theme-form-input-background-hover);\n    border-color: var(--qds-theme-form-input-border-hover);\n  }\n\n  &:disabled {\n    background-color: var(--qds-theme-form-input-background-default);\n    opacity: var(--qds-theme-disabled);\n    pointer-events: none;\n  }\n\n  &:read-only {\n    background-color: var(--qds-theme-form-input-background-default);\n    border-color: var(--qds-theme-form-input-border-disabled);\n  }\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  }\n\n  &:placeholder-shown {\n    color: var(--qds-theme-control-text-placeholder);\n  }\n\n  &:not(:focus):user-invalid {\n    border-color: var(--qds-theme-form-input-border-error);\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    border-color: var(--qds-theme-form-input-border-error);\n  }\n}\n\n[data-size='small'] {\n  font: var(--qds-control-small-text);\n  padding-block: var(--qds-control-small-padding-auto-height);\n}\n\n[data-size='standard'] {\n  font: var(--qds-control-standard-text);\n  padding-block: var(--qds-control-standard-padding-auto-height);\n}\n\n[data-size='large'] {\n  font: var(--qds-control-large-text);\n  padding-block: var(--qds-control-large-padding-auto-height);\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  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 { EnterKeyHint, InputMode, Value } from '../controls'\nimport { CUSTOM_ERROR_FLAGS, NO_ERROR_FLAGS, VALID_STATE } from '../controls'\nimport type { Size, Status } from '../shared'\n\nexport type TextAreaAutoComplete = 'off' | 'on'\n// TODO: `hard` value isn't supported by Firefox or Safari\nexport type Wrap = 'off' | 'soft'\nexport type TextAreaStatus = Exclude<Status, 'info'>\n\n/**\n * The `<qds-textarea>` element represents a multi-line plain-text editing\n * control, useful when you want to allow users to enter a sizeable amount of\n * free-form text, for example a comment on a review or feedback form.\n *\n * @see https://quartz.se.com/build/components/textarea\n */\n@Component({\n  tag: 'qds-textarea',\n  formAssociated: true,\n  shadow: { delegatesFocus: true },\n  styleUrl: 'textarea.css',\n})\nexport class TextArea implements ComponentInterface {\n  /**\n   * The textarea's size.\n   *\n   * > **_NOTE:_** The native [`size` HTML attribute][] is not supported. CSS\n   * `width` 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   * The textarea's status.\n   */\n  @Prop() public readonly status?: TextAreaStatus\n\n  /**\n   * Indicates whether the value of the textarea can be automatically completed\n   * by the browser. Possible values:\n   *\n   * `off`: The user must explicitly enter a value into this field for every\n   * use, or the document provides its own auto-completion method; the browser\n   * does not automatically complete the entry.\n   * `on`: The browser can automatically complete the value based on values\n   * that the user has entered during previous uses.\n   *\n   * If the `autocomplete` attribute is not specified on a `<qds-textarea>`\n   * element, then the browser uses the `autocomplete` attribute value of the\n   * `<qds-textarea>` element's form owner. The form owner is either the\n   * [`<form>`][] element that this `<qds-textarea>` element is a descendant of\n   * or the form element whose `id` is specified by the `form` attribute of the\n   * `qds-textarea` element. For more information, see the [`autocomplete`]\n   * attribute in [`<form>`][].\n   *\n   * [`<form>`]: https://developer.mozilla.org/docs/Web/HTML/Element/form\n   * [`autocomplete`]: https://developer.mozilla.org/docs/Web/HTML/Element/form#autocomplete\n   *\n   * @webnative\n   */\n  @Prop({ attribute: 'autocomplete' })\n  public readonly autoComplete?: TextAreaAutoComplete\n\n  /**\n   * The visible width of the text control, in average character widths. If it\n   * is specified, it must be a positive integer. If it is not specified, the\n   * default value is `20`.\n   *\n   * @webnative\n   */\n  @Prop() public readonly cols?: number\n\n  /**\n   * Prevents the textarea from being interacted with: it cannot be pressed or\n   * focused.\n   *\n   * @webnative\n   */\n  @Prop() public disabled?: boolean\n\n  /**\n   * Prevents the user from changing the value of the textarea.\n   */\n  @Prop() public readonly readonly?: boolean\n\n  /**\n   * What action label (or icon) to present for the enter key on virtual\n   * keyboards. Possible values:\n   *\n   * - `\"done\"`: Typically meaning there is nothing more to input and the input\n   * method editor (IME) will be closed.\n   * - `\"enter\"`:\tTypically inserting a new line.\n   * - `\"go\"`: \tTypically meaning to take the user to the target of the text\n   * they typed.\n   * - `\"next\"`: \tTypically taking the user to the next field that will accept\n   * text.\n   * - `\"previous\"`: Typically taking the user to the previous field that will\n   * accept text.\n   * - `\"search\"`: Typically taking the user to the results of searching for\n   * the text they have typed.\n   * - `\"send\"`: Typically delivering the text to its target.\n   *\n   * @webnative\n   */\n  // FIXME: Can't use `attribute` option here to name this `enterKeyHint` instead.\n  @Prop() public readonly enterkeyhint?: EnterKeyHint\n\n  /**\n   * The [`<form>`][] element to associate the input 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-textarea>` is associated\n   * with its ancestor `<form>` element, if any.\n   *\n   * This attribute lets you associate `<qds-textarea>` 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   * Provide a hint to browsers as to the type of virtual keyboard\n   * configuration to use when editing this element or its contents.\n   *\n   * @webnative\n   */\n  // FIXME: Can't use `attribute` option here to name this `inputMode` instead.\n  @Prop() public readonly inputmode?: InputMode\n\n  /**\n   * Returns a list of the [`<label>`][] elements associated with the\n   * `qds-textarea` element.\n   *\n   * [`<label>`]: https://developer.mozilla.org/docs/Web/HTML/Element/label\n   *\n   * @readonly\n   * @webnative\n   */\n  @Prop() public readonly labels: ElementInternals['labels'] =\n    {} as ElementInternals['labels']\n\n  /**\n   * The maximum number of characters (as UTF-16 code units) the user can enter\n   * into the textarea. This must be an non-negative integer value. If no\n   * `maxlength` is specified, or an invalid value is specified, the textarea\n   * has no maximum length.\n   *\n   * The textarea will fail [constraint validation][] if the length of the text\n   * entered into the field is greater than `maxlength` UTF-16 code units long.\n   * By default, browsers prevent users from entering more characters than\n   * allowed by the `maxlength` attribute. See [Client-side validation][] for\n   * more information.\n   *\n   * [constraint validation]: https://developer.mozilla.org/docs/Web/Guide/HTML/Constraint_validation\n   * [Client-side validation]: https://developer.mozilla.org/docs/Web/HTML/Element/input#client-side_validation\n   *\n   * @webnative\n   */\n  @Prop({ attribute: 'maxlength' }) public readonly maxLength?: number\n\n  /**\n   * The minimum number of characters (as UTF-16 code units) the user can enter\n   * into the textarea. This must be an non-negative integer value smaller than\n   * or equal to the value specified by `maxlength`. If no `minlength` is\n   * specified, or an invalid value is specified, the textarea has no minimum\n   * length.\n   *\n   * The textarea will fail [constraint validation][] if the length of the text\n   * entered into the field is fewer than `minlength` UTF-16 code units long,\n   * preventing form submission. See [Client-side validation][] for more\n   * information.\n   *\n   * [constraint validation]: https://developer.mozilla.org/docs/Web/Guide/HTML/Constraint_validation\n   * [Client-side validation]: https://developer.mozilla.org/docs/Web/HTML/Element/input#client-side_validation\n   *\n   * @webnative\n   */\n  @Prop({ attribute: 'minlength' }) public readonly minLength?: number\n\n  /**\n   * The name of the textarea, which is submitted with the form data.\n   *\n   * @webnative\n   */\n  @Prop() public readonly name?: string\n\n  /**\n   * Text that appears in the textarea when it has no value set.\n   *\n   * @webnative\n   */\n  @Prop() public readonly placeholder?: string\n\n  /**\n   * A value must be specified for the textarea before the owning form can be\n   * submitted.\n   *\n   * See [Client-side validation][] and the [HTML attribute: `required`][] for\n   * more 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 number of visible text lines for the control. If it is specified, it\n   * must be a positive integer. If it is not specified, the default value is\n   * `2`.\n   *\n   * @webnative\n   */\n  @Prop() public readonly rows?: number\n\n  /**\n   * Get or set the selection direction of a text selection.\n   *\n   * > **_NOTE:_** This property has no effect when used as an attribute.\n   *\n   * @webnative\n   */\n  @Prop({ mutable: true })\n  // FIXME: Use `HTMLTextAreaElement['selectionDirection']` instead.\n  // eslint-disable-next-line unicorn/no-null\n  public selectionDirection: HTMLInputElement['selectionDirection'] = null\n\n  /**\n   * Get or set the ending position or offset of a text selection.\n   *\n   * > **_NOTE:_** This property has no effect when used as an attribute.\n   *\n   * @webnative\n   */\n  @Prop({ mutable: true })\n  // FIXME: Use `HTMLTextAreaElement['selectionEnd']` instead.\n  // eslint-disable-next-line unicorn/no-null\n  public selectionEnd: HTMLInputElement['selectionEnd'] = null\n\n  /**\n   * Get or set the starting position or offset of a text selection.\n   *\n   * > **_NOTE:_** This property has no effect when used as an attribute.\n   *\n   * @webnative\n   */\n  @Prop({ mutable: true })\n  // FIXME: Use `HTMLTextAreaElement['selectionStart']` instead.\n  // eslint-disable-next-line unicorn/no-null\n  public selectionStart: HTMLInputElement['selectionStart'] = null\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 of the textarea.\n   *\n   * @webnative\n   */\n  @Prop({ mutable: true }) public value?: Value\n\n  /**\n   * True if `<qds-textarea>` 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  /**\n   * Indicates how the control should wrap the value for form submission.\n   * Possible values are:\n   *\n   * - `hard`: The browser automatically inserts line breaks (`CR+LF`) so that\n   * each line is no longer than the width of the control; the `cols` attribute\n   * must be specified for this to take effect\n   * - `soft`: The browser ensures that all line breaks in the entered value\n   * are a `CR+LF` pair, but no additional line breaks are added to the value.\n   * - `off`: Like `soft` but changes appearance to `white-space: pre` so line\n   * segments exceeding `cols` are not wrapped and the `<qds-textarea>` becomes\n   * horizontally scrollable.\n   *\n   * If this attribute is not specified, `soft` is its default value.\n   *\n   * @webnative\n   */\n  @Prop() public readonly wrap?: Wrap\n\n  @AttachInternals() private readonly internals!: ElementInternals\n\n  /**\n   * Emitted when the textarea 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 textarea'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 textarea gains focus.\n   */\n  @Event({ eventName: 'qdsFocus', bubbles: false, cancelable: false })\n  private readonly focusEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  /**\n   * Emitted when the textarea'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  #textarea?: HTMLTextAreaElement\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 #computedValue(): Parameters<ElementInternals['setFormValue']>[0] {\n    if (typeof this.value === 'number') return this.value.toString()\n    // eslint-disable-next-line unicorn/no-null\n    return this.value === undefined ? null : this.value\n  }\n\n  get #computedStatus(): TextAreaStatus | 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  @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('selectionDirection')\n  protected selectionDirectionChanged(): void {\n    invariant(this.#textarea)\n\n    // @ts-expect-error: `null` is a valid value according to the HTML spec.\n    this.#textarea.selectionDirection = this.selectionDirection\n  }\n\n  @Watch('selectionEnd')\n  protected selectionEndChanged(): void {\n    invariant(this.#textarea)\n\n    // @ts-expect-error: `null` is a valid value according to the HTML spec.\n    this.#textarea.selectionEnd = this.selectionEnd\n  }\n\n  @Watch('selectionStart')\n  protected selectionStartChanged(): void {\n    invariant(this.#textarea)\n\n    // @ts-expect-error: `null` is a valid value according to the HTML spec.\n    this.#textarea.selectionStart = this.selectionStart\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('maxLength')\n  @Watch('minLength')\n  @Watch('required')\n  @Watch('value')\n  protected validationChanged(): void {\n    invariant(this.#textarea)\n\n    if (this.maxLength !== undefined) this.#textarea.maxLength = this.maxLength\n    if (this.minLength !== undefined) this.#textarea.minLength = this.minLength\n    this.#textarea.required = this.required ?? false\n    // eslint-disable-next-line unicorn/no-null\n    if (this.value != null) this.#textarea.value = this.value.toString()\n\n    const { valid } = this.#textarea.validity\n    if (valid)\n      this.internals.setValidity(NO_ERROR_FLAGS, undefined, this.#textarea)\n    else\n      this.internals.setValidity(\n        this.#textarea.validity,\n        this.#textarea.validationMessage,\n        this.#textarea,\n      )\n  }\n\n  @Watch('value')\n  protected valueChanged(): void {\n    if (!this.#computedDisabled)\n      this.internals.setFormValue(this.#computedValue)\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    this.#defineGetter('labels', () => this.internals.labels)\n\n    this.#defineGetter('selectionDirection', this.#getSelectionDirection)\n    this.#defineGetter('selectionStart', this.#getSelectionStart)\n    this.#defineGetter('selectionEnd', this.#getSelectionEnd)\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.#textarea)\n\n    this.validationChanged()\n    this.valueChanged()\n  }\n\n  public render() {\n    return (\n      <Host>\n        <textarea\n          autoCapitalize={this.host.autocapitalize}\n          autoComplete={this.autoComplete}\n          // eslint-disable-next-line jsx-a11y/no-autofocus\n          autoFocus={this.host.autofocus}\n          class=\"qds-textarea\"\n          cols={this.cols}\n          data-size={this.size ?? 'standard'}\n          data-status={this.#computedStatus}\n          disabled={this.disabled}\n          enterKeyHint={this.enterkeyhint}\n          inputMode={this.inputmode}\n          maxLength={this.maxLength}\n          minLength={this.minLength}\n          onBlur={this.#onBlur}\n          onChange={this.#onChange}\n          onFocus={this.#onFocus}\n          onInput={this.#onInput}\n          placeholder={this.placeholder}\n          ref={this.#ref}\n          readOnly={this.readonly}\n          rows={this.rows}\n          spellcheck={this.host.spellcheck}\n          tabIndex={this.#computedDisabled ? undefined : this.tabIndex}\n          wrap={this.wrap}\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...this.#inheritedAttributes}\n        />\n        <slot onSlotchange={this.#onSlotchange} />\n      </Host>\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: HTMLTextAreaElement['setCustomValidity'] = (\n    error,\n  ) => {\n    invariant(this.#textarea)\n\n    this.#textarea.setCustomValidity(error)\n    if (error)\n      this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, this.#textarea)\n    else this.internals.setValidity(NO_ERROR_FLAGS)\n  }\n\n  public select: HTMLTextAreaElement['select'] = () => {\n    invariant(this.#textarea)\n\n    this.#textarea.select()\n  }\n\n  public setRangeText = (\n    replacement: string,\n    start: number,\n    end: number,\n    selectionMode?: SelectionMode,\n  ): void => {\n    invariant(this.#textarea)\n\n    this.#textarea.setRangeText(replacement, start, end, selectionMode)\n\n    if (this.value !== this.#textarea.value) {\n      this.value = this.#textarea.value\n      this.inputEmitter.emit()\n      this.changeEmitter.emit()\n    }\n  }\n\n  public setSelectionRange: HTMLTextAreaElement['setSelectionRange'] = (\n    start,\n    end,\n    direction,\n  ) => {\n    invariant(this.#textarea)\n\n    this.#textarea.setSelectionRange(start, end, direction)\n  }\n\n  readonly #getSelectionDirection: () => HTMLTextAreaElement['selectionDirection'] =\n    () => {\n      invariant(this.#textarea)\n\n      return this.#textarea.selectionDirection\n    }\n\n  readonly #getSelectionStart: () => HTMLTextAreaElement['selectionStart'] =\n    () => {\n      invariant(this.#textarea)\n\n      return this.#textarea.selectionStart\n    }\n\n  readonly #getSelectionEnd: () => HTMLTextAreaElement['selectionEnd'] = () => {\n    invariant(this.#textarea)\n\n    return this.#textarea.selectionEnd\n  }\n\n  readonly #ref = (textarea?: HTMLTextAreaElement): void => {\n    this.#textarea = textarea\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.#textarea)\n\n    this.value = this.#textarea.value\n    this.inputEmitter.emit(pickInputEventAttributes(event))\n  }\n\n  readonly #onSlotchange = (): void => {\n    invariant(this.#textarea)\n    this.#textarea.innerHTML = this.host.innerHTML\n  }\n\n  #defineGetter(p: PropertyKey, get: () => unknown): void {\n    Object.defineProperty(this.host, p, { enumerable: true, get })\n  }\n}\n"],"version":3}
+{"file":"qds-textarea.js","mappings":";;;;;;;;;AAAA,MAAM,WAAW,GAAG,msEAAmsE;;ACAvtE;AACA;AACA;;;;;;;;;;;;;;;;;;MAiDa,QAAQ,iBAAAA,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;AANrB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;;;;;;AAOE;;;;;;;AAOG;AACqB,QAAA,IAAI,CAAA,IAAA,GAAU,UAAU;AA6EhD;;;;;;;;;;;;;;;AAeG;;AAEqB,QAAA,IAAI,CAAA,IAAA,GAAsC,IAAI;AAWtE;;;;;;;;AAQG;AACqB,QAAA,IAAM,CAAA,MAAA,GAC5B,EAAgC;AA6ElC;;;;;;AAMG;AAII,QAAA,IAAkB,CAAA,kBAAA,GAA2C,IAAI;AAExE;;;;;;AAMG;AAII,QAAA,IAAY,CAAA,YAAA,GAAqC,IAAI;AAE5D;;;;;;AAMG;AAII,QAAA,IAAc,CAAA,cAAA,GAAuC,IAAI;AAEhE;;;;;;AAMG;AAEa,QAAA,IAAiB,CAAA,iBAAA,GAA0C,EAAE;AAE7E;;;;;;;AAOG;AACqB,QAAA,IAAQ,CAAA,QAAA,GAAiC,WAAW;AAS5E;;;;;;AAMG;AACqB,QAAA,IAAY,CAAA,YAAA,GAAqC,KAAK;AAoD9E,QAAA,6BAAA,CAAA,GAAA,CAAA,IAAA,EAAmC,EAAE,CAAA;QAErC,kBAA+B,CAAA,GAAA,CAAA,IAAA,EAAA,MAAA,CAAA;AAyKxB,QAAA,IAAa,CAAA,aAAA,GAAsC,MACxD,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE;AAEzB,QAAA,IAAc,CAAA,cAAA,GAAuC,MAC1D,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE;AAE1B,QAAA,IAAA,CAAA,iBAAiB,GAA6C,CACnE,KAAK,KACH;YACF,SAAS,CAAC,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC;AAEzB,YAAA,sBAAA,CAAA,IAAI,EAAU,kBAAA,EAAA,GAAA,CAAA,CAAC,iBAAiB,CAAC,KAAK,CAAC;AACvC,YAAA,IAAI,KAAK;AACP,gBAAA,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,kBAAkB,EAAE,KAAK,EAAE,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC;;AAClE,gBAAA,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,cAAc,CAAC;AACjD,SAAC;AAEM,QAAA,IAAM,CAAA,MAAA,GAAkC,MAAK;YAClD,SAAS,CAAC,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC;YAEzB,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC,MAAM,EAAE;AACzB,SAAC;AAEM,QAAA,IAAY,CAAA,YAAA,GAAG,CACpB,WAAmB,EACnB,KAAa,EACb,GAAW,EACX,aAA6B,KACrB;YACR,SAAS,CAAC,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC;AAEzB,YAAA,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC,YAAY,CAAC,WAAW,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,CAAC;AAEnE,YAAA,IAAI,IAAI,CAAC,KAAK,KAAK,sBAAA,CAAA,IAAI,EAAU,kBAAA,EAAA,GAAA,CAAA,CAAC,KAAK,EAAE;AACvC,gBAAA,IAAI,CAAC,KAAK,GAAG,sBAAA,CAAA,IAAI,EAAU,kBAAA,EAAA,GAAA,CAAA,CAAC,KAAK;AACjC,gBAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;AACxB,gBAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;;AAE7B,SAAC;QAEM,IAAiB,CAAA,iBAAA,GAA6C,CACnE,KAAK,EACL,GAAG,EACH,SAAS,KACP;YACF,SAAS,CAAC,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC;AAEzB,YAAA,sBAAA,CAAA,IAAI,EAAU,kBAAA,EAAA,GAAA,CAAA,CAAC,iBAAiB,CAAC,KAAK,EAAE,GAAG,EAAE,SAAS,CAAC;AACzD,SAAC;AAEQ,QAAA,+BAAA,CAAA,GAAA,CAAA,IAAA,EACP,MAAK;YACH,SAAS,CAAC,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC;YAEzB,OAAO,sBAAA,CAAA,IAAI,EAAU,kBAAA,EAAA,GAAA,CAAA,CAAC,kBAAkB;AAC1C,SAAC,CAAA;AAEM,QAAA,2BAAA,CAAA,GAAA,CAAA,IAAA,EACP,MAAK;YACH,SAAS,CAAC,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC;YAEzB,OAAO,sBAAA,CAAA,IAAI,EAAU,kBAAA,EAAA,GAAA,CAAA,CAAC,cAAc;AACtC,SAAC,CAAA;AAEM,QAAA,yBAAA,CAAA,GAAA,CAAA,IAAA,EAA8D,MAAK;YAC1E,SAAS,CAAC,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC;YAEzB,OAAO,sBAAA,CAAA,IAAI,EAAU,kBAAA,EAAA,GAAA,CAAA,CAAC,YAAY;AACpC,SAAC,CAAA;QAEQ,aAAO,CAAA,GAAA,CAAA,IAAA,EAAA,CAAC,QAA8B,KAAU;YACvD,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAa,QAAQ,EAAA,GAAA,CAAA;AAC3B,SAAC,CAAA;QAEQ,gBAAU,CAAA,GAAA,CAAA,IAAA,EAAA,CAAC,KAAiB,KAAU;YAC7C,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AACxD,SAAC,CAAA;AAEQ,QAAA,kBAAA,CAAA,GAAA,CAAA,IAAA,EAAY,MAAW;AAC9B,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;AAC3B,SAAC,CAAA;QAEQ,iBAAW,CAAA,GAAA,CAAA,IAAA,EAAA,CAAC,KAAiB,KAAU;YAC9C,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AACzD,SAAC,CAAA;QAEQ,iBAAW,CAAA,GAAA,CAAA,IAAA,EAAA,CAAC,KAAiB,KAAU;YAC9C,SAAS,CAAC,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC;AAEzB,YAAA,IAAI,CAAC,KAAK,GAAG,sBAAA,CAAA,IAAI,EAAU,kBAAA,EAAA,GAAA,CAAA,CAAC,KAAK;YACjC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AACzD,SAAC,CAAA;AAEQ,QAAA,sBAAA,CAAA,GAAA,CAAA,IAAA,EAAgB,MAAW;YAClC,SAAS,CAAC,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC;AACzB,YAAA,sBAAA,CAAA,IAAI,EAAU,kBAAA,EAAA,GAAA,CAAA,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS;AAChD,SAAC,CAAA;AAKF;AAjPW,IAAA,OAAO,CAAC,KAAiB,EAAA;QACjC,IAAI,sBAAA,CAAA,IAAI,EAAkB,mBAAA,EAAA,GAAA,EAAA,8BAAA,CAAA;YAAE,KAAK,CAAC,wBAAwB,EAAE;;IAIpD,eAAe,GAAA;QACvB,IAAI,sBAAA,CAAA,IAAI,EAAkB,mBAAA,EAAA,GAAA,EAAA,8BAAA,CAAA;;AAExB,YAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC;;AAC9B,YAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,sBAAA,CAAA,IAAI,EAAe,mBAAA,EAAA,GAAA,EAAA,2BAAA,CAAA,CAAC;;IAI7C,yBAAyB,GAAA;QACjC,SAAS,CAAC,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC;;AAGzB,QAAA,sBAAA,CAAA,IAAI,0BAAU,CAAC,kBAAkB,GAAG,IAAI,CAAC,kBAAkB;;IAInD,mBAAmB,GAAA;QAC3B,SAAS,CAAC,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC;;AAGzB,QAAA,sBAAA,CAAA,IAAI,0BAAU,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY;;IAIvC,qBAAqB,GAAA;QAC7B,SAAS,CAAC,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC;;AAGzB,QAAA,sBAAA,CAAA,IAAI,0BAAU,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc;;AAI3C,IAAA,eAAe,CAAC,QAAgB,EAAA;QACxC,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC;AACjD,QAAA,IAAI,CAAC,QAAQ;AACX,YAAA,WAAW,KAAK,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,SAAS,GAAG,WAAW;;IAOlE,iBAAiB,GAAA;QACzB,SAAS,CAAC,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC;AAEzB,QAAA,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS;AAAE,YAAA,sBAAA,CAAA,IAAI,0BAAU,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS;AAC3E,QAAA,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS;AAAE,YAAA,sBAAA,CAAA,IAAI,0BAAU,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS;AAC3E,QAAA,sBAAA,CAAA,IAAI,EAAU,kBAAA,EAAA,GAAA,CAAA,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,KAAK;;AAEhD,QAAA,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI;AAAE,YAAA,sBAAA,CAAA,IAAI,EAAU,kBAAA,EAAA,GAAA,CAAA,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;AAEpE,QAAA,MAAM,EAAE,KAAK,EAAE,GAAG,uBAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC,QAAQ;AACzC,QAAA,IAAI,KAAK;AACP,YAAA,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,cAAc,EAAE,SAAS,EAAE,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC;;AAErE,YAAA,IAAI,CAAC,SAAS,CAAC,WAAW,CACxB,sBAAA,CAAA,IAAI,0BAAU,CAAC,QAAQ,EACvB,sBAAA,CAAA,IAAI,0BAAU,CAAC,iBAAiB,EAChC,sBAAA,CAAA,IAAI,EAAU,kBAAA,EAAA,GAAA,CAAA,CACf;;IAIK,YAAY,GAAA;QACpB,IAAI,CAAC,sBAAA,CAAA,IAAI,EAAkB,mBAAA,EAAA,GAAA,EAAA,8BAAA,CAAA;AACzB,YAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,sBAAA,CAAA,IAAI,EAAe,mBAAA,EAAA,GAAA,EAAA,2BAAA,CAAA,CAAC;;IAI1C,aAAa,GAAA;QACrB,IAAI,CAAC,SAAS,CAAC,WAAW,GAAG,CAAC,sBAAA,CAAA,IAAI,EAAA,mBAAA,EAAA,GAAA,EAAA,4BAAA,CAAgB,KAAK,OAAO,EAAE,QAAQ,EAAE;;IAGrE,iBAAiB,GAAA;QACtB,sBAAA,CAAA,IAAI,EAAc,mBAAA,EAAA,GAAA,EAAA,sBAAA,CAAA,CAAA,IAAA,CAAlB,IAAI,EAAe,MAAM,EAAE,MAAM,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;QACrD,sBAAA,CAAA,IAAI,EAAc,mBAAA,EAAA,GAAA,EAAA,sBAAA,CAAA,CAAA,IAAA,CAAlB,IAAI,EAAe,cAAc,EAAE,MAAM,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC;QACrE,sBAAA,CAAA,IAAI,EAAc,mBAAA,EAAA,GAAA,EAAA,sBAAA,CAAA,CAAA,IAAA,CAAlB,IAAI,EAAe,UAAU,EAAE,MAAM,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC;QAC7D,sBAAA,CAAA,IAAI,EAAc,mBAAA,EAAA,GAAA,EAAA,sBAAA,CAAA,CAAA,IAAA,CAAlB,IAAI,EACF,mBAAmB,EACnB,MAAM,IAAI,CAAC,SAAS,CAAC,iBAAiB,CACvC;QACD,sBAAA,CAAA,IAAI,EAAc,mBAAA,EAAA,GAAA,EAAA,sBAAA,CAAA,CAAA,IAAA,CAAlB,IAAI,EAAe,QAAQ,EAAE,MAAM,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;QAEzD,sBAAA,CAAA,IAAI,EAAc,mBAAA,EAAA,GAAA,EAAA,sBAAA,CAAA,CAAA,IAAA,CAAlB,IAAI,EAAe,oBAAoB,EAAE,sBAAA,CAAA,IAAI,EAAuB,+BAAA,EAAA,GAAA,CAAA,CAAC;QACrE,sBAAA,CAAA,IAAI,EAAc,mBAAA,EAAA,GAAA,EAAA,sBAAA,CAAA,CAAA,IAAA,CAAlB,IAAI,EAAe,gBAAgB,EAAE,sBAAA,CAAA,IAAI,EAAmB,2BAAA,EAAA,GAAA,CAAA,CAAC;QAC7D,sBAAA,CAAA,IAAI,EAAc,mBAAA,EAAA,GAAA,EAAA,sBAAA,CAAA,CAAA,IAAA,CAAlB,IAAI,EAAe,cAAc,EAAE,sBAAA,CAAA,IAAI,EAAiB,yBAAA,EAAA,GAAA,CAAA,CAAC;AAEzD,QAAA,sBAAA,CAAA,IAAI,iCAAwB,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAA,GAAA,CAAA;AAC5D,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,GAAG,CAAC;QAC/D,IAAI,CAAC,aAAa,EAAE;;IAGf,gBAAgB,GAAA;QACrB,SAAS,CAAC,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC;QAEzB,IAAI,CAAC,iBAAiB,EAAE;QACxB,IAAI,CAAC,YAAY,EAAE;;IAGd,MAAM,GAAA;AACX,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,cAAc,EAAE,IAAI,CAAC,IAAI,CAAC,cAAc,EACxC,YAAY,EAAE,IAAI,CAAC,YAAY;;YAE/B,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,EAC9B,KAAK,EAAC,cAAc,EACpB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,WAAA,EACJ,IAAI,CAAC,IAAI,IAAI,UAAU,EACrB,aAAA,EAAA,sBAAA,CAAA,IAAI,EAAA,mBAAA,EAAA,GAAA,EAAA,4BAAA,CAAgB,EACjC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,MAAM,EAAE,sBAAA,CAAA,IAAI,EAAA,gBAAA,EAAA,GAAA,CAAQ,EACpB,QAAQ,EAAE,sBAAA,CAAA,IAAI,EAAU,kBAAA,EAAA,GAAA,CAAA,EACxB,OAAO,EAAE,sBAAA,CAAA,IAAI,EAAS,iBAAA,EAAA,GAAA,CAAA,EACtB,OAAO,EAAE,sBAAA,CAAA,IAAI,EAAS,iBAAA,EAAA,GAAA,CAAA,EACtB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,GAAG,EAAE,sBAAA,CAAA,IAAI,EAAA,aAAA,EAAA,GAAA,CAAK,EACd,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,UAAU,EAChC,QAAQ,EAAE,sBAAA,CAAA,IAAI,EAAkB,mBAAA,EAAA,GAAA,EAAA,8BAAA,CAAA,GAAG,SAAS,GAAG,IAAI,CAAC,QAAQ,EAC5D,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,GAEX,sBAAA,CAAA,IAAI,qCAAqB,EAC7B,CAAA,EACF,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAY,EAAE,sBAAA,CAAA,IAAI,8BAAc,EAAI,CAAA,CACrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlKT,IAAA,QACE,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC;QAC3D,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,KAAK,OAAO;AAElD,CAAC,EAAA,2BAAA,GAAA,SAAA,2BAAA,GAAA;AAGC,IAAA,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ;AAAE,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;;AAEhE,IAAA,OAAO,IAAI,CAAC,KAAK,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC,KAAK;AACrD,CAAC,EAAA,4BAAA,GAAA,SAAA,4BAAA,GAAA;AAGC,IAAA,QAAQ,IAAI,CAAC,MAAM;AACjB,QAAA,KAAK,OAAO;AACZ,QAAA,KAAK,SAAS;QACd,KAAK,SAAS,EAAE;YACd,OAAO,IAAI,CAAC,MAAM;;QAEpB,SAAS;AACP,YAAA,OAAO,SAAS;;;AAGtB,CAAC,EAAA,sBAAA,GAAA,SAAA,sBAAA,CAiPa,CAAc,EAAE,GAAkB,EAAA;AAC9C,IAAA,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC;AAChE,CAAC;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/textarea/textarea.css?tag=qds-textarea&encapsulation=shadow","src/components/textarea/textarea.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  resize: both;\n}\n\nslot {\n  display: none;\n}\n\n.qds-textarea {\n  background-color: var(--qds-theme-form-input-background-active);\n  border-radius: var(--qds-form-input-border-radius);\n  border: var(--qds-form-input-border-width-default) solid\n    var(--qds-theme-form-input-border-default);\n  box-sizing: border-box;\n  color: var(--qds-theme-control-text-standard);\n  height: 100%;\n  padding-inline: var(--qds-control-input-padding-horizontal);\n  resize: inherit;\n  width: 100%;\n\n  &:hover {\n    background-color: var(--qds-theme-form-input-background-hover);\n    border-color: var(--qds-theme-form-input-border-hover);\n  }\n\n  &:disabled {\n    background-color: var(--qds-theme-form-input-background-default);\n    opacity: var(--qds-theme-disabled);\n    pointer-events: none;\n  }\n\n  &:read-only {\n    background-color: var(--qds-theme-form-input-background-default);\n    border-color: var(--qds-theme-form-input-border-disabled);\n  }\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  }\n\n  &:placeholder-shown {\n    color: var(--qds-theme-control-text-placeholder);\n  }\n\n  &:not(:focus):user-invalid {\n    border-color: var(--qds-theme-form-input-border-error);\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    border-color: var(--qds-theme-form-input-border-error);\n  }\n}\n\n[data-size='small'] {\n  font: var(--qds-control-small-text);\n  padding-block: var(--qds-control-small-padding-auto-height);\n}\n\n[data-size='standard'] {\n  font: var(--qds-control-standard-text);\n  padding-block: var(--qds-control-standard-padding-auto-height);\n}\n\n[data-size='large'] {\n  font: var(--qds-control-large-text);\n  padding-block: var(--qds-control-large-padding-auto-height);\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  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 { EnterKeyHint, InputMode, Value } from '../controls'\nimport { CUSTOM_ERROR_FLAGS, NO_ERROR_FLAGS, VALID_STATE } from '../controls'\nimport type { Size, Status } from '../shared'\n\nexport type TextAreaAutoComplete = 'off' | 'on'\n// TODO: `hard` value isn't supported by Firefox or Safari\nexport type Wrap = 'off' | 'soft'\nexport type TextAreaStatus = Exclude<Status, 'info'>\n\n/**\n * The `<qds-textarea>` element represents a multi-line plain-text editing\n * control, useful when you want to allow users to enter a sizeable amount of\n * free-form text, for example a comment on a review or feedback form.\n *\n * @see https://quartz.se.com/build/components/textarea\n */\n@Component({\n  tag: 'qds-textarea',\n  formAssociated: true,\n  shadow: { delegatesFocus: true },\n  styleUrl: 'textarea.css',\n})\nexport class TextArea implements ComponentInterface {\n  /**\n   * The textarea's size.\n   *\n   * > **_NOTE:_** The native [`size` HTML attribute][] is not supported. CSS\n   * `width` 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   * The textarea's status.\n   */\n  @Prop() public readonly status?: TextAreaStatus\n\n  /**\n   * Indicates whether the value of the textarea can be automatically completed\n   * by the browser. Possible values:\n   *\n   * `off`: The user must explicitly enter a value into this field for every\n   * use, or the document provides its own auto-completion method; the browser\n   * does not automatically complete the entry.\n   * `on`: The browser can automatically complete the value based on values\n   * that the user has entered during previous uses.\n   *\n   * If the `autocomplete` attribute is not specified on a `<qds-textarea>`\n   * element, then the browser uses the `autocomplete` attribute value of the\n   * `<qds-textarea>` element's form owner. The form owner is either the\n   * [`<form>`][] element that this `<qds-textarea>` element is a descendant of\n   * or the form element whose `id` is specified by the `form` attribute of the\n   * `qds-textarea` element. For more information, see the [`autocomplete`]\n   * attribute in [`<form>`][].\n   *\n   * [`<form>`]: https://developer.mozilla.org/docs/Web/HTML/Element/form\n   * [`autocomplete`]: https://developer.mozilla.org/docs/Web/HTML/Element/form#autocomplete\n   *\n   * @webnative\n   */\n  @Prop({ attribute: 'autocomplete' })\n  public readonly autoComplete?: TextAreaAutoComplete\n\n  /**\n   * The visible width of the text control, in average character widths. If it\n   * is specified, it must be a positive integer. If it is not specified, the\n   * default value is `20`.\n   *\n   * @webnative\n   */\n  @Prop() public readonly cols?: number\n\n  /**\n   * Prevents the textarea from being interacted with: it cannot be pressed or\n   * focused.\n   *\n   * @webnative\n   */\n  @Prop() public disabled?: boolean\n\n  /**\n   * Prevents the user from changing the value of the textarea.\n   */\n  @Prop() public readonly readonly?: boolean\n\n  /**\n   * What action label (or icon) to present for the enter key on virtual\n   * keyboards. Possible values:\n   *\n   * - `\"done\"`: Typically meaning there is nothing more to input and the input\n   * method editor (IME) will be closed.\n   * - `\"enter\"`:\tTypically inserting a new line.\n   * - `\"go\"`: \tTypically meaning to take the user to the target of the text\n   * they typed.\n   * - `\"next\"`: \tTypically taking the user to the next field that will accept\n   * text.\n   * - `\"previous\"`: Typically taking the user to the previous field that will\n   * accept text.\n   * - `\"search\"`: Typically taking the user to the results of searching for\n   * the text they have typed.\n   * - `\"send\"`: Typically delivering the text to its target.\n   *\n   * @webnative\n   */\n  // FIXME: Can't use `attribute` option here to name this `enterKeyHint` instead.\n  @Prop() public readonly enterkeyhint?: EnterKeyHint\n\n  /**\n   * The [`<form>`][] element to associate the input 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-textarea>` is associated\n   * with its ancestor `<form>` element, if any.\n   *\n   * This attribute lets you associate `<qds-textarea>` 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   * Provide a hint to browsers as to the type of virtual keyboard\n   * configuration to use when editing this element or its contents.\n   *\n   * @webnative\n   */\n  // FIXME: Can't use `attribute` option here to name this `inputMode` instead.\n  @Prop() public readonly inputmode?: InputMode\n\n  /**\n   * Returns a list of the [`<label>`][] elements associated with the\n   * `qds-textarea` element.\n   *\n   * [`<label>`]: https://developer.mozilla.org/docs/Web/HTML/Element/label\n   *\n   * @readonly\n   * @webnative\n   */\n  @Prop() public readonly labels: ElementInternals['labels'] =\n    {} as ElementInternals['labels']\n\n  /**\n   * The maximum number of characters (as UTF-16 code units) the user can enter\n   * into the textarea. This must be an non-negative integer value. If no\n   * `maxlength` is specified, or an invalid value is specified, the textarea\n   * has no maximum length.\n   *\n   * The textarea will fail [constraint validation][] if the length of the text\n   * entered into the field is greater than `maxlength` UTF-16 code units long.\n   * By default, browsers prevent users from entering more characters than\n   * allowed by the `maxlength` attribute. See [Client-side validation][] for\n   * more information.\n   *\n   * [constraint validation]: https://developer.mozilla.org/docs/Web/Guide/HTML/Constraint_validation\n   * [Client-side validation]: https://developer.mozilla.org/docs/Web/HTML/Element/input#client-side_validation\n   *\n   * @webnative\n   */\n  @Prop({ attribute: 'maxlength' }) public readonly maxLength?: number\n\n  /**\n   * The minimum number of characters (as UTF-16 code units) the user can enter\n   * into the textarea. This must be an non-negative integer value smaller than\n   * or equal to the value specified by `maxlength`. If no `minlength` is\n   * specified, or an invalid value is specified, the textarea has no minimum\n   * length.\n   *\n   * The textarea will fail [constraint validation][] if the length of the text\n   * entered into the field is fewer than `minlength` UTF-16 code units long,\n   * preventing form submission. See [Client-side validation][] for more\n   * information.\n   *\n   * [constraint validation]: https://developer.mozilla.org/docs/Web/Guide/HTML/Constraint_validation\n   * [Client-side validation]: https://developer.mozilla.org/docs/Web/HTML/Element/input#client-side_validation\n   *\n   * @webnative\n   */\n  @Prop({ attribute: 'minlength' }) public readonly minLength?: number\n\n  /**\n   * The name of the textarea, which is submitted with the form data.\n   *\n   * @webnative\n   */\n  @Prop() public readonly name?: string\n\n  /**\n   * Text that appears in the textarea when it has no value set.\n   *\n   * @webnative\n   */\n  @Prop() public readonly placeholder?: string\n\n  /**\n   * A value must be specified for the textarea before the owning form can be\n   * submitted.\n   *\n   * See [Client-side validation][] and the [HTML attribute: `required`][] for\n   * more 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 number of visible text lines for the control. If it is specified, it\n   * must be a positive integer. If it is not specified, the default value is\n   * `2`.\n   *\n   * @webnative\n   */\n  @Prop() public readonly rows?: number\n\n  /**\n   * Get or set the selection direction of a text selection.\n   *\n   * > **_NOTE:_** This property has no effect when used as an attribute.\n   *\n   * @webnative\n   */\n  @Prop({ mutable: true })\n  // FIXME: Use `HTMLTextAreaElement['selectionDirection']` instead.\n  // eslint-disable-next-line unicorn/no-null\n  public selectionDirection: HTMLInputElement['selectionDirection'] = null\n\n  /**\n   * Get or set the ending position or offset of a text selection.\n   *\n   * > **_NOTE:_** This property has no effect when used as an attribute.\n   *\n   * @webnative\n   */\n  @Prop({ mutable: true })\n  // FIXME: Use `HTMLTextAreaElement['selectionEnd']` instead.\n  // eslint-disable-next-line unicorn/no-null\n  public selectionEnd: HTMLInputElement['selectionEnd'] = null\n\n  /**\n   * Get or set the starting position or offset of a text selection.\n   *\n   * > **_NOTE:_** This property has no effect when used as an attribute.\n   *\n   * @webnative\n   */\n  @Prop({ mutable: true })\n  // FIXME: Use `HTMLTextAreaElement['selectionStart']` instead.\n  // eslint-disable-next-line unicorn/no-null\n  public selectionStart: HTMLInputElement['selectionStart'] = null\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 of the textarea.\n   *\n   * @webnative\n   */\n  @Prop({ mutable: true }) public value?: Value\n\n  /**\n   * True if `<qds-textarea>` 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  /**\n   * Indicates how the control should wrap the value for form submission.\n   * Possible values are:\n   *\n   * - `hard`: The browser automatically inserts line breaks (`CR+LF`) so that\n   * each line is no longer than the width of the control; the `cols` attribute\n   * must be specified for this to take effect\n   * - `soft`: The browser ensures that all line breaks in the entered value\n   * are a `CR+LF` pair, but no additional line breaks are added to the value.\n   * - `off`: Like `soft` but changes appearance to `white-space: pre` so line\n   * segments exceeding `cols` are not wrapped and the `<qds-textarea>` becomes\n   * horizontally scrollable.\n   *\n   * If this attribute is not specified, `soft` is its default value.\n   *\n   * @webnative\n   */\n  @Prop() public readonly wrap?: Wrap\n\n  @AttachInternals() private readonly internals!: ElementInternals\n\n  /**\n   * Emitted when the textarea 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 textarea'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 textarea gains focus.\n   */\n  @Event({ eventName: 'qdsFocus', bubbles: false, cancelable: false })\n  private readonly focusEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  /**\n   * Emitted when the textarea'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  #textarea?: HTMLTextAreaElement\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 #computedValue(): Parameters<ElementInternals['setFormValue']>[0] {\n    if (typeof this.value === 'number') return this.value.toString()\n    // eslint-disable-next-line unicorn/no-null\n    return this.value === undefined ? null : this.value\n  }\n\n  get #computedStatus(): TextAreaStatus | 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  @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('selectionDirection')\n  protected selectionDirectionChanged(): void {\n    invariant(this.#textarea)\n\n    // @ts-expect-error: `null` is a valid value according to the HTML spec.\n    this.#textarea.selectionDirection = this.selectionDirection\n  }\n\n  @Watch('selectionEnd')\n  protected selectionEndChanged(): void {\n    invariant(this.#textarea)\n\n    // @ts-expect-error: `null` is a valid value according to the HTML spec.\n    this.#textarea.selectionEnd = this.selectionEnd\n  }\n\n  @Watch('selectionStart')\n  protected selectionStartChanged(): void {\n    invariant(this.#textarea)\n\n    // @ts-expect-error: `null` is a valid value according to the HTML spec.\n    this.#textarea.selectionStart = this.selectionStart\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('maxLength')\n  @Watch('minLength')\n  @Watch('required')\n  @Watch('value')\n  protected validationChanged(): void {\n    invariant(this.#textarea)\n\n    if (this.maxLength !== undefined) this.#textarea.maxLength = this.maxLength\n    if (this.minLength !== undefined) this.#textarea.minLength = this.minLength\n    this.#textarea.required = this.required ?? false\n    // eslint-disable-next-line unicorn/no-null\n    if (this.value != null) this.#textarea.value = this.value.toString()\n\n    const { valid } = this.#textarea.validity\n    if (valid)\n      this.internals.setValidity(NO_ERROR_FLAGS, undefined, this.#textarea)\n    else\n      this.internals.setValidity(\n        this.#textarea.validity,\n        this.#textarea.validationMessage,\n        this.#textarea,\n      )\n  }\n\n  @Watch('value')\n  protected valueChanged(): void {\n    if (!this.#computedDisabled)\n      this.internals.setFormValue(this.#computedValue)\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    this.#defineGetter('labels', () => this.internals.labels)\n\n    this.#defineGetter('selectionDirection', this.#getSelectionDirection)\n    this.#defineGetter('selectionStart', this.#getSelectionStart)\n    this.#defineGetter('selectionEnd', this.#getSelectionEnd)\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.#textarea)\n\n    this.validationChanged()\n    this.valueChanged()\n  }\n\n  public render() {\n    return (\n      <Host>\n        <textarea\n          autoCapitalize={this.host.autocapitalize}\n          autoComplete={this.autoComplete}\n          // eslint-disable-next-line jsx-a11y/no-autofocus\n          autoFocus={this.host.autofocus}\n          class=\"qds-textarea\"\n          cols={this.cols}\n          data-size={this.size ?? 'standard'}\n          data-status={this.#computedStatus}\n          disabled={this.disabled}\n          enterKeyHint={this.enterkeyhint}\n          inputMode={this.inputmode}\n          maxLength={this.maxLength}\n          minLength={this.minLength}\n          onBlur={this.#onBlur}\n          onChange={this.#onChange}\n          onFocus={this.#onFocus}\n          onInput={this.#onInput}\n          placeholder={this.placeholder}\n          ref={this.#ref}\n          readOnly={this.readonly}\n          rows={this.rows}\n          spellcheck={this.host.spellcheck}\n          tabIndex={this.#computedDisabled ? undefined : this.tabIndex}\n          wrap={this.wrap}\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...this.#inheritedAttributes}\n        />\n        <slot onSlotchange={this.#onSlotchange} />\n      </Host>\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: HTMLTextAreaElement['setCustomValidity'] = (\n    error,\n  ) => {\n    invariant(this.#textarea)\n\n    this.#textarea.setCustomValidity(error)\n    if (error)\n      this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, this.#textarea)\n    else this.internals.setValidity(NO_ERROR_FLAGS)\n  }\n\n  public select: HTMLTextAreaElement['select'] = () => {\n    invariant(this.#textarea)\n\n    this.#textarea.select()\n  }\n\n  public setRangeText = (\n    replacement: string,\n    start: number,\n    end: number,\n    selectionMode?: SelectionMode,\n  ): void => {\n    invariant(this.#textarea)\n\n    this.#textarea.setRangeText(replacement, start, end, selectionMode)\n\n    if (this.value !== this.#textarea.value) {\n      this.value = this.#textarea.value\n      this.inputEmitter.emit()\n      this.changeEmitter.emit()\n    }\n  }\n\n  public setSelectionRange: HTMLTextAreaElement['setSelectionRange'] = (\n    start,\n    end,\n    direction,\n  ) => {\n    invariant(this.#textarea)\n\n    this.#textarea.setSelectionRange(start, end, direction)\n  }\n\n  readonly #getSelectionDirection: () => HTMLTextAreaElement['selectionDirection'] =\n    () => {\n      invariant(this.#textarea)\n\n      return this.#textarea.selectionDirection\n    }\n\n  readonly #getSelectionStart: () => HTMLTextAreaElement['selectionStart'] =\n    () => {\n      invariant(this.#textarea)\n\n      return this.#textarea.selectionStart\n    }\n\n  readonly #getSelectionEnd: () => HTMLTextAreaElement['selectionEnd'] = () => {\n    invariant(this.#textarea)\n\n    return this.#textarea.selectionEnd\n  }\n\n  readonly #ref = (textarea?: HTMLTextAreaElement): void => {\n    this.#textarea = textarea\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.#textarea)\n\n    this.value = this.#textarea.value\n    this.inputEmitter.emit(pickInputEventAttributes(event))\n  }\n\n  readonly #onSlotchange = (): void => {\n    invariant(this.#textarea)\n    this.#textarea.innerHTML = this.host.innerHTML\n  }\n\n  #defineGetter(p: PropertyKey, get: () => unknown): void {\n    Object.defineProperty(this.host, p, { enumerable: true, get })\n  }\n}\n"],"version":3}

package/components/qds-title.js

@@ -3,7 +3,7 @@
  * 
  * SPDX-License-Identifier: Apache-2.0
  */
-import { T as Title, d as defineCustomElement$1 } from './p-DeRqCYmp.js';
+import { T as Title, d as defineCustomElement$1 } from './p-CkUTS1aU.js';
 
 const QdsTitle = Title;
 const defineCustomElement = defineCustomElement$1;

package/components/qds-tooltip.js

@@ -3,7 +3,7 @@
  * 
  * SPDX-License-Identifier: Apache-2.0
  */
-import { T as Tooltip, d as defineCustomElement$1 } from './p-B03FWheS.js';
+import { T as Tooltip, d as defineCustomElement$1 } from './p-D82sb4oJ.js';
 
 const QdsTooltip = Tooltip;
 const defineCustomElement = defineCustomElement$1;

package/dist/cjs/{helpers-BIL8yXqA.js → helpers-Qs3cpKiI.js}

@@ -276,10 +276,15 @@ const closestElement = (selector, base) => {
     return closestFrom(base);
 };
 const isCurrentPage = (url) => {
-    const currentUrl = new URL(window.location.href);
-    const targetUrl = new URL(url);
-    return (currentUrl.origin === targetUrl.origin &&
-        currentUrl.pathname === targetUrl.pathname);
+    try {
+        const currentUrl = new URL(window.location.href);
+        const targetUrl = new URL(url);
+        return (currentUrl.origin === targetUrl.origin &&
+            currentUrl.pathname === targetUrl.pathname);
+    }
+    catch {
+        return false;
+    }
 };
 
 exports.HORIZONTAL_MOVE_KEYS = HORIZONTAL_MOVE_KEYS;
@@ -298,6 +303,6 @@ exports.pickInputEventAttributes = pickInputEventAttributes;
 exports.propertyToPx = propertyToPx;
 exports.resolvePanelElement = resolvePanelElement;
 exports.resolveTarget = resolveTarget;
-//# sourceMappingURL=helpers-BIL8yXqA.js.map
+//# sourceMappingURL=helpers-Qs3cpKiI.js.map
 
-//# sourceMappingURL=helpers-BIL8yXqA.js.map
+//# sourceMappingURL=helpers-Qs3cpKiI.js.map