@quartzds/core 1.0.0-beta.89 → 1.0.0-beta.90

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

@@ -263,9 +263,9 @@ const TextArea = class {
         this.valueChanged();
     }
     render() {
-        return (h(Host, { key: 'e7dce6854082dbf81ce04f551493abd12fd02de6' }, h("textarea", { key: '9d856c94923ea96e4cbd21639fd3bc759c778206', autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
+        return (h(Host, { key: '3d90ed4fa28f54ac3676c2da3b7c78875322bf60' }, h("textarea", { key: '6636101c90c14b78e81f7121c2a1a948cebcaefa', 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', 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"), 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: '11e0afeab02ff5041ee39fc53747952ccd994911', onSlotchange: __classPrivateFieldGet(this, _TextArea_onSlotchange, "f") })));
+            autoFocus: this.host.autofocus, class: "qds-textarea", cols: this.cols, "data-size": this.size ?? 'standard', 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"), 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: '7f654f572a7ba49acb68addb731b811ba76c71f5', onSlotchange: __classPrivateFieldGet(this, _TextArea_onSlotchange, "f") })));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }

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

@@ -109,7 +109,6 @@ const Tooltip = class {
         if (this.open)
             return;
         this.open = true;
-        this.host.hidden = false;
         this.startAutoUpdate();
     }
     /**
@@ -121,7 +120,6 @@ const Tooltip = class {
         this.closeEmitter.emit();
         this.open = false;
         __classPrivateFieldSet(this, _Tooltip_clickedTooltip, false, "f");
-        this.host.hidden = true;
         if (__classPrivateFieldGet(this, _Tooltip_cleanup, "f"))
             __classPrivateFieldGet(this, _Tooltip_cleanup, "f").call(this);
     }
@@ -172,6 +170,20 @@ const Tooltip = class {
             }),
         ].filter((middleware) => middleware !== false);
     }
+    updateAriaHasPopup() {
+        __classPrivateFieldSet(this, _Tooltip_referenceElement, resolveTarget(this.target), "f");
+        if (__classPrivateFieldGet(this, _Tooltip_referenceElement, "f") instanceof globalThis.Element &&
+            this.host.role === 'dialog') {
+            __classPrivateFieldGet(this, _Tooltip_referenceElement, "f").ariaHasPopup = 'dialog';
+        }
+    }
+    setAriaExpanded() {
+        this.host.hidden = !this.open;
+        if (__classPrivateFieldGet(this, _Tooltip_referenceElement, "f") instanceof globalThis.Element &&
+            this.host.role === 'dialog') {
+            __classPrivateFieldGet(this, _Tooltip_referenceElement, "f").ariaExpanded = String(this.open);
+        }
+    }
     async updateReferenceElement() {
         var _a;
         this.disconnectedCallback();
@@ -181,6 +193,9 @@ const Tooltip = class {
         this.updateEventListeners();
         (_a = this.host).id || (_a.id = `qds-tooltip-${autoIncrementingId}`);
         __classPrivateFieldGet(this, _Tooltip_referenceElement, "f").setAttribute('aria-describedby', this.host.id);
+        if (this.host.role === 'dialog') {
+            __classPrivateFieldGet(this, _Tooltip_referenceElement, "f").ariaHasPopup = 'dialog';
+        }
     }
     updateEventListeners() {
         if (!(__classPrivateFieldGet(this, _Tooltip_referenceElement, "f") instanceof globalThis.Element))
@@ -260,10 +275,10 @@ const Tooltip = class {
         __classPrivateFieldGet(this, _Tooltip_referenceElement, "f").removeAttribute('aria-describedby');
     }
     render() {
-        return (h(Host, { key: '678386dd0a05edabb6c90dc1cb2d0345107689a3', "data-side": this.side, role: this.host.role ?? 'tooltip', onKeyDown: __classPrivateFieldGet(this, _Tooltip_boundKeyDown, "f"), onPointerDown: __classPrivateFieldGet(this, _Tooltip_boundTooltipPointerDown, "f"), style: {
+        return (h(Host, { key: '1a03bec6948f99947abbf089e2ce2b0066e9f2d2', "data-side": this.side, role: this.host.role ?? 'tooltip', onKeyDown: __classPrivateFieldGet(this, _Tooltip_boundKeyDown, "f"), onPointerDown: __classPrivateFieldGet(this, _Tooltip_boundTooltipPointerDown, "f"), style: {
                 position: this.hostPosition,
                 transform: this.hostTransform,
-            } }, h("slot", { key: '6958ae3c6255c8f0a53f33330bc59a9f3c257050' }), h("svg", { key: 'b768de16eec59f39e2e8b8d3e8acdc192a69a178', "aria-hidden": "true", "data-side": this.side, class: "qds-arrow-container", ref: __classPrivateFieldGet(this, _Tooltip_arrowContainerRef, "f"), viewBox: this.aViewbox, style: this.aStyles }, h("path", { key: '333ec7658a519223eed1d0f1583f95a7a5c494be', class: "qds-arrow", d: this.aShape }))));
+            } }, h("slot", { key: '78d80ba8fe0974a3d556e4d6e36f9e56885e922b' }), h("svg", { key: '859caf9b95099903828be15deba2052e07479e07', "aria-hidden": "true", "data-side": this.side, class: "qds-arrow-container", ref: __classPrivateFieldGet(this, _Tooltip_arrowContainerRef, "f"), viewBox: this.aViewbox, style: this.aStyles }, h("path", { key: '6f488cf3ae3f4ed0661a3dd265cc280f129961f9', class: "qds-arrow", d: this.aShape }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -274,6 +289,8 @@ const Tooltip = class {
         "noShift": ["updateMiddleware"],
         "offsetOptions": ["updateMiddleware"],
         "shiftOptions": ["updateMiddleware"],
+        "role": ["updateAriaHasPopup"],
+        "open": ["setAriaExpanded"],
         "target": ["updateReferenceElement"],
         "trigger": ["updateEventListeners"],
         "middleware": ["updatePosition"],

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

@@ -1 +1 @@
-{"file":"qds-tooltip.entry.js","mappings":"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","names":[],"sources":["src/components/tooltip/tooltip.css?tag=qds-tooltip&encapsulation=shadow","src/components/tooltip/tooltip.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  align-items: flex-start;\n  background-color: var(--qds-theme-accessory-background);\n  border-radius: var(--qds-accessory-border-radius);\n  box-shadow: var(--qds-theme-accessory-elevation);\n  box-sizing: border-box;\n  color: var(--qds-theme-text-standard);\n  display: flex;\n  flex-direction: column;\n  gap: var(--qds-accessory-gap-children-unrelated);\n  left: 0;\n  padding: var(--qds-accessory-padding);\n  top: 0;\n}\n\n:host::before {\n  content: '';\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n}\n\n::slotted(blockquote),\n::slotted(button),\n::slotted(dd),\n::slotted(dl),\n::slotted(fieldset),\n::slotted(figure),\n::slotted(h1),\n::slotted(h2),\n::slotted(h3),\n::slotted(h4),\n::slotted(h5),\n::slotted(h6),\n::slotted(hr),\n::slotted(input),\n::slotted(menu),\n::slotted(ol),\n::slotted(p),\n::slotted(pre),\n::slotted(select),\n::slotted(textarea),\n::slotted(ul) {\n  margin: 0;\n}\n\n:host([data-side='top'])::before,\n:host([data-side='bottom'])::before {\n  height: calc(\n    var(--qds-accessory-gap-floating, 0px) +\n      var(--qds-signature-triangle-pointer-size-height, 0px)\n  );\n  top: 100%;\n}\n\n:host([data-side='bottom'])::before {\n  top: calc(\n    -1 * (var(--qds-accessory-gap-floating, 0px) +\n          var(--qds-signature-triangle-pointer-size-height, 0px))\n  );\n}\n\n:host([data-side='left'])::before,\n:host([data-side='right'])::before {\n  width: calc(\n    var(--qds-accessory-gap-floating, 0px) +\n      var(--qds-signature-triangle-pointer-size-height, 0px)\n  );\n  left: 100%;\n}\n\n:host([data-side='right'])::before {\n  left: calc(\n    -1 * (var(--qds-accessory-gap-floating, 0px) +\n          var(--qds-signature-triangle-pointer-size-height, 0px))\n  );\n}\n\n.qds-arrow-container {\n  height: var(--qds-signature-triangle-pointer-size-width);\n  position: absolute;\n  width: var(--qds-signature-triangle-pointer-size-width);\n\n  &[data-side='bottom'] {\n    bottom: 100%;\n    transform: rotate(180deg);\n  }\n\n  &[data-side='left'] {\n    left: 100%;\n    transform: rotate(-90deg);\n  }\n\n  &[data-side='right'] {\n    right: 100%;\n    transform: rotate(90deg);\n  }\n\n  &[data-side='top'] {\n    top: 100%;\n  }\n}\n\n.qds-arrow {\n  fill: var(--qds-theme-accessory-background);\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type {\n  AutoUpdateOptions,\n  DetectOverflowOptions,\n  FlipOptions,\n  Middleware,\n  Placement,\n  ReferenceElement,\n  ShiftOptions,\n  Side,\n  Strategy,\n} from '@floating-ui/dom'\nimport {\n  arrow,\n  autoUpdate,\n  computePosition,\n  flip,\n  limitShift,\n  offset,\n  shift,\n} from '@floating-ui/dom'\nimport type { ComponentInterface, EventEmitter } from '@stencil/core'\nimport {\n  Component,\n  Element,\n  Event,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core'\nimport type { Split } from 'type-fest'\n\nimport type { OffsetOptions } from '../../helpers'\nimport {\n  ignorePromise,\n  invariant,\n  isTouchDevice,\n  propertyToPx,\n  resolveTarget,\n  roundByDPR,\n} from '../../helpers'\n\nlet autoIncrementingId = 1\n\nexport type TriggerEvent = Extract<\n  keyof GlobalEventHandlersEventMap,\n  'click' | 'focus' | 'focusin' | 'pointerenter'\n>\n\n/**\n * @slot Content to display in the dropdown.\n * @see https://quartz.se.com/build/components/tooltip\n */\n@Component({\n  tag: 'qds-tooltip',\n  shadow: true,\n  styleUrl: 'tooltip.css',\n})\nexport class Tooltip implements ComponentInterface {\n  /**\n   * Options to pass to Floating UI's\n   * [`autoUpdate()` function](https://floating-ui.com/docs/autoUpdate).\n   *\n   * @see https://floating-ui.com/docs/autoupdate#options\n   */\n  @Prop() public readonly autoUpdateOptions?: AutoUpdateOptions\n\n  /**\n   * Prevents the tooltip from being shown by user interaction. The tooltip can\n   * still be displayed by calling the `show()` method.\n   */\n  @Prop() public readonly disabled: boolean = false\n\n  /**\n   * Options to pass to Floating UI's\n   * [`flip` middleware](https://floating-ui.com/docs/flip).\n   *\n   * The [`crossAxis` option](https://floating-ui.com/docs/flip#crossaxis) is\n   * set to the value of the `noShift` property by default for interoperability\n   * with the [`shift` middleware](https://floating-ui.com/docs/shift).\n   *\n   * @see https://floating-ui.com/docs/flip#options\n   */\n  @Prop() public readonly flipOptions?: Partial<\n    DetectOverflowOptions & FlipOptions\n  >\n\n  /**\n   * Disable Floating UI's\n   * [`flip` middleware](https://floating-ui.com/docs/flip).\n   */\n  @Prop() public readonly noFlip: boolean = false\n\n  /**\n   * Disable Floating UI's\n   * [`shift` middleware](https://floating-ui.com/docs/shift).\n   */\n  @Prop() public readonly noShift: boolean = false\n\n  /**\n   * Options to pass to Floating UI's\n   * [`offset` middleware](https://floating-ui.com/docs/offset).\n   *\n   * The [`mainAxis` option](https://floating-ui.com/docs/offset#mainaxis) is\n   * not supported.\n   *\n   * @see https://floating-ui.com/docs/offset#options\n   */\n  @Prop() public readonly offsetOptions?: OffsetOptions\n\n  /**\n   * Where to place the tooltip relative to the `target`.\n   *\n   * @see https://floating-ui.com/docs/tutorial#placements\n   */\n  @Prop() public readonly placement: Placement = 'top'\n\n  /**\n   * Options to pass to Floating UI's\n   * [`shift` middleware](https://floating-ui.com/docs/shift).\n   *\n   * @see https://floating-ui.com/docs/shift#options\n   */\n  @Prop() public readonly shiftOptions?: Partial<\n    DetectOverflowOptions & ShiftOptions\n  >\n\n  /**\n   * The CSS position strategy to use.\n   *\n   * @see https://floating-ui.com/docs/computeposition#strategy\n   */\n  @Prop() public readonly strategy?: Strategy\n\n  /**\n   * The trigger element that will trigger the tooltip. The target specified\n   * can be any of the following:\n   *\n   * - A CSS selector string\n   * - A reference to an [`Element`][] or [Virtual Element][]\n   * - A function returning a reference to an [`Element`][],\n   * [Virtual Element][], or a CSS selector string\n   *\n   * [`Element`]: https://developer.mozilla.org/docs/Web/API/Element\n   * [Virtual Element]: https://floating-ui.com/docs/virtual-elements\n   */\n  @Prop() public readonly target?:\n    | ReferenceElement\n    | string\n    | (() => ReferenceElement | string)\n\n  /**\n   * Determines the events that cause the tooltip to show. Multiple event names\n   * are separated by spaces.\n   */\n  @Prop() public readonly trigger?: TriggerEvent[] | string =\n    'pointerenter focus'\n\n  /**\n   * Emitted when the tooltip is closed.\n   */\n  @Event({ eventName: 'qdsClose', bubbles: false, cancelable: false })\n  private readonly closeEmitter!: EventEmitter<void>\n\n  @Element() private readonly host!: HTMLElement\n\n  @State() private hostPosition?: string\n\n  @State() private hostTransform?: string\n\n  @State() private open = false\n\n  @State() private middleware?: Middleware[]\n\n  @State() private side: Side = 'top'\n\n  @State() private aStyles?: Record<string, string | undefined>\n\n  @State() private aShape = ''\n\n  @State() private aViewbox = '0 0 0 0'\n\n  @State() private aHeight = 0\n\n  @State() private aGap = 0\n\n  #arrowContainerElement?: SVGElement\n\n  #cleanup?: () => void\n\n  #clickedTooltip = false\n\n  #isTouchDevice = false\n\n  #listeners: {\n    element: Element\n    event: keyof GlobalEventHandlersEventMap\n    listener: EventListenerOrEventListenerObject\n  }[] = []\n\n  #referenceElement?: ReferenceElement\n\n  /**\n   * Show the tooltip.\n   */\n  @Method()\n  public async show(): Promise<void> {\n    if (this.open) return\n\n    this.open = true\n    this.host.hidden = false\n    this.startAutoUpdate()\n  }\n\n  /**\n   * Close the tooltip.\n   */\n  @Method()\n  public async close(): Promise<void> {\n    if (!this.open) return\n\n    this.closeEmitter.emit()\n\n    this.open = false\n    this.#clickedTooltip = false\n    this.host.hidden = true\n    if (this.#cleanup) this.#cleanup()\n  }\n\n  /**\n   * Update the tooltip's arrow.\n   *\n   * This method should typically be called when the Quartz platform was\n   * changed.\n   */\n  @Method()\n  public async updateArrow(): Promise<void> {\n    const aWidth =\n      propertyToPx(this.host, `--qds-signature-triangle-pointer-size-width`) ??\n      0\n    const aTipRadius =\n      propertyToPx(this.host, `--qds-signature-triangle-pointer-tip-radius`) ??\n      0\n    const svgX = (aWidth / 2) * (aTipRadius / -8 + 1)\n    const svgY = ((this.aHeight / 2) * aTipRadius) / 4\n\n    this.aHeight =\n      propertyToPx(this.host, `--qds-signature-triangle-pointer-size-height`) ??\n      0\n    this.aViewbox = `0 0 ${aWidth} ${Math.max(this.aHeight, aWidth)}`\n    this.aGap = propertyToPx(this.host, '--qds-accessory-gap-floating') ?? 0\n    this.aShape =\n      'M0,0' +\n      ` H${aWidth}` +\n      ` L${aWidth - svgX},${this.aHeight - svgY}` +\n      ` Q${aWidth / 2},${this.aHeight} ${svgX},${this.aHeight - svgY}` +\n      ' Z'\n  }\n\n  @Watch('aGap')\n  @Watch('aHeight')\n  @Watch('flipOptions')\n  @Watch('noFlip')\n  @Watch('noShift')\n  @Watch('offsetOptions')\n  @Watch('shiftOptions')\n  protected async updateMiddleware(): Promise<void> {\n    invariant(this.#arrowContainerElement)\n\n    this.middleware = [\n      offset({\n        ...this.offsetOptions,\n        mainAxis: this.aGap + this.aHeight,\n      }),\n      !this.noFlip &&\n        flip({\n          crossAxis: this.noShift,\n          ...this.flipOptions,\n        }),\n      !this.noShift &&\n        shift({\n          limiter: limitShift(),\n          ...this.shiftOptions,\n        }),\n      arrow({\n        element: this.#arrowContainerElement,\n      }),\n    ].filter((middleware): middleware is Middleware => middleware !== false)\n  }\n\n  @Watch('target')\n  private async updateReferenceElement(): Promise<void> {\n    this.disconnectedCallback()\n\n    this.#referenceElement = resolveTarget(this.target)\n\n    if (!(this.#referenceElement instanceof globalThis.Element)) return\n\n    this.updateEventListeners()\n    this.host.id ||= `qds-tooltip-${autoIncrementingId}`\n    this.#referenceElement.setAttribute('aria-describedby', this.host.id)\n  }\n\n  @Watch('trigger')\n  private updateEventListeners(): void {\n    if (!(this.#referenceElement instanceof globalThis.Element)) return\n\n    const triggers = Array.isArray(this.trigger)\n      ? this.trigger\n      : ((this.trigger?.split(' ') as Split<TriggerEvent, ' '> | undefined) ??\n        [])\n\n    this.#removeEventListeners()\n\n    if (this.#isTouchDevice)\n      this.#on(this.#referenceElement, 'click', this.#boundReferenceClick)\n    this.#on(document.documentElement, 'pointerdown', this.#boundPointerdown)\n    this.#on(this.#referenceElement, 'keydown', this.#boundKeyDown)\n\n    for (const trigger of triggers) {\n      switch (trigger) {\n        case 'click': {\n          this.#on(this.#referenceElement, 'click', this.#boundReferenceClick)\n          break\n        }\n        case 'focus':\n        case 'focusin': {\n          this.#on(this.#referenceElement, trigger, this.#boundFocus)\n          this.#on(this.#referenceElement, 'focusout', this.#boundFocusout)\n          this.#on(this.host, 'focusout', this.#boundFocusout)\n          break\n        }\n        case 'pointerenter': {\n          this.#on(\n            this.#referenceElement,\n            'pointerenter',\n            this.#boundPointerenter,\n          )\n          this.#on(\n            this.#referenceElement,\n            'pointerleave',\n            this.#boundPointerleave,\n          )\n          this.#on(this.host, 'pointerleave', this.#boundPointerleave)\n          break\n        }\n        default:\n      }\n    }\n  }\n\n  @Watch('middleware')\n  @Watch('placement')\n  @Watch('strategy')\n  private async updatePosition(): Promise<void> {\n    invariant(this.#referenceElement)\n\n    const { x, y, middlewareData, placement, strategy } = await computePosition(\n      this.#referenceElement,\n      this.host,\n      {\n        middleware: this.middleware,\n        placement: this.placement,\n        strategy: this.strategy,\n      },\n    )\n    const [side] = placement.split('-') as Split<Placement, '-'>\n\n    this.hostPosition = strategy\n    this.hostTransform = `translate(${roundByDPR(x)}px,${roundByDPR(y)}px)`\n    this.side = side\n\n    if (middlewareData.arrow === undefined) return\n    const { x: aX, y: aY, centerOffset } = middlewareData.arrow\n    this.aStyles = {\n      display: centerOffset === 0 ? undefined : 'none',\n      left: aX === undefined ? '' : `${aX}px`,\n      top: aY === undefined ? '' : `${aY}px`,\n    }\n  }\n\n  @Watch('autoUpdateOptions')\n  private startAutoUpdate(): void {\n    invariant(this.#referenceElement)\n\n    if (this.#cleanup) this.#cleanup()\n    this.#cleanup = autoUpdate(\n      this.#referenceElement,\n      this.host,\n      () => {\n        ignorePromise(this.updatePosition())\n      },\n      this.autoUpdateOptions,\n    )\n  }\n\n  public async componentWillLoad(): Promise<void> {\n    this.#isTouchDevice = isTouchDevice()\n    this.host.hidden = true\n    await this.updateReferenceElement()\n    autoIncrementingId += 1\n  }\n\n  public async componentDidLoad(): Promise<void> {\n    await this.updateArrow()\n  }\n\n  public disconnectedCallback(): void {\n    if (!(this.#referenceElement instanceof globalThis.Element)) return\n\n    this.#removeEventListeners()\n    this.#referenceElement.removeAttribute('aria-describedby')\n  }\n\n  public render() {\n    return (\n      <Host\n        data-side={this.side}\n        role={this.host.role ?? 'tooltip'}\n        onKeyDown={this.#boundKeyDown}\n        onPointerDown={this.#boundTooltipPointerDown}\n        style={{\n          position: this.hostPosition,\n          transform: this.hostTransform,\n        }}\n      >\n        <slot />\n        <svg\n          aria-hidden=\"true\"\n          data-side={this.side}\n          class=\"qds-arrow-container\"\n          ref={this.#arrowContainerRef}\n          viewBox={this.aViewbox}\n          style={this.aStyles}\n        >\n          <path class=\"qds-arrow\" d={this.aShape} />\n        </svg>\n      </Host>\n    )\n  }\n\n  readonly #arrowContainerRef = (svg?: SVGElement): void => {\n    this.#arrowContainerElement = svg\n  }\n\n  readonly #boundTooltipPointerDown = (): void => {\n    this.#clickedTooltip = true\n  }\n\n  async #handleFocus(): Promise<void> {\n    if (!this.disabled) await this.show()\n  }\n\n  readonly #boundFocus = (): void => {\n    ignorePromise(this.#handleFocus())\n  }\n\n  async #handleKeyDown(event: Event): Promise<void> {\n    if (event instanceof KeyboardEvent && event.key === 'Escape')\n      await this.close()\n  }\n\n  readonly #boundKeyDown = (event: Event): void => {\n    ignorePromise(this.#handleKeyDown(event))\n  }\n\n  async #handlePointerenter(): Promise<void> {\n    if (!this.disabled) await this.show()\n  }\n\n  readonly #boundPointerenter = (): void => {\n    ignorePromise(this.#handlePointerenter())\n  }\n\n  async #handlePointerleave(event: Event): Promise<void> {\n    if (\n      !this.#clickedTooltip &&\n      document.activeElement !== this.#referenceElement &&\n      document.activeElement?.closest('qds-tooltip') !== this.host &&\n      event instanceof PointerEvent &&\n      event.relatedTarget !== this.#referenceElement &&\n      event.relatedTarget !== this.host\n    )\n      await this.close()\n  }\n\n  readonly #boundPointerleave = (event: Event): void => {\n    ignorePromise(this.#handlePointerleave(event))\n  }\n\n  async #handleFocusOut(event: Event): Promise<void> {\n    if (!(event instanceof FocusEvent)) return\n    const { relatedTarget } = event\n\n    if (\n      relatedTarget instanceof globalThis.Element &&\n      !this.host.contains(relatedTarget) &&\n      this.#referenceElement !== relatedTarget\n    )\n      await this.close()\n  }\n\n  readonly #boundFocusout = (event: Event): void => {\n    ignorePromise(this.#handleFocusOut(event))\n  }\n\n  async #handlePointerdown(event: Event): Promise<void> {\n    const composedPath = event.composedPath()\n    const withinBounds =\n      composedPath.includes(this.host) ||\n      (this.#referenceElement instanceof globalThis.Element &&\n        composedPath.includes(this.#referenceElement))\n    if (!withinBounds) await this.close()\n  }\n\n  readonly #boundPointerdown = (event: Event): void => {\n    ignorePromise(this.#handlePointerdown(event))\n  }\n\n  async #handleReferenceClick(): Promise<void> {\n    if (!this.disabled) await (this.open ? this.close() : this.show())\n  }\n\n  readonly #boundReferenceClick = (): void => {\n    ignorePromise(this.#handleReferenceClick())\n  }\n\n  #on(\n    element: Element,\n    event: keyof GlobalEventHandlersEventMap,\n    listener: EventListenerOrEventListenerObject,\n  ): void {\n    const hasListener = this.#listeners.some(\n      (value) => value.element === element && value.event === event,\n    )\n    if (hasListener) return\n\n    element.addEventListener(event, listener)\n    this.#listeners.push({ element, event, listener })\n  }\n\n  #removeEventListeners(): void {\n    for (const { element, event, listener } of this.#listeners)\n      element.removeEventListener(event, listener)\n    this.#listeners = []\n  }\n}\n"],"version":3}
+{"file":"qds-tooltip.entry.js","mappings":";;;;;;;;;AAAA,MAAM,UAAU,GAAG,k6DAAk6D,CAAC;AACt7D,yBAAe,UAAU;;ACDzB;AACA;AACA;;;;;;;;;;;;;;;;;;AA8CA,IAAI,kBAAkB,GAAG,CAAC,CAAA;MAgBb,OAAO;IALpB;;;;;;;;QAkB0B,aAAQ,GAAY,KAAK,CAAA;;;;;QAoBzB,WAAM,GAAY,KAAK,CAAA;;;;;QAMvB,YAAO,GAAY,KAAK,CAAA;;;;;;QAkBxB,cAAS,GAAc,KAAK,CAAA;;;;;QAwC5B,YAAO,GAC7B,oBAAoB,CAAA;QAcL,SAAI,GAAG,KAAK,CAAA;QAIZ,SAAI,GAAS,KAAK,CAAA;QAIlB,WAAM,GAAG,EAAE,CAAA;QAEX,aAAQ,GAAG,SAAS,CAAA;QAEpB,YAAO,GAAG,CAAC,CAAA;QAEX,SAAI,GAAG,CAAC,CAAA;QAEzB,iDAAmC;QAEnC,mCAAqB;QAErB,kCAAkB,KAAK,EAAA;QAEvB,iCAAiB,KAAK,EAAA;QAEtB,6BAIM,EAAE,EAAA;QAER,4CAAoC;QA0Q3B,qCAAqB,CAAC,GAAgB;YAC7C,uBAAA,IAAI,kCAA0B,GAAG,MAAA,CAAA;SAClC,EAAA;QAEQ,2CAA2B;YAClC,uBAAA,IAAI,2BAAmB,IAAI,MAAA,CAAA;SAC5B,EAAA;QAMQ,8BAAc;YACrB,aAAa,CAAC,uBAAA,IAAI,gDAAa,MAAjB,IAAI,CAAe,CAAC,CAAA;SACnC,EAAA;QAOQ,gCAAgB,CAAC,KAAY;YACpC,aAAa,CAAC,uBAAA,IAAI,kDAAe,MAAnB,IAAI,EAAgB,KAAK,CAAC,CAAC,CAAA;SAC1C,EAAA;QAMQ,qCAAqB;YAC5B,aAAa,CAAC,uBAAA,IAAI,uDAAoB,MAAxB,IAAI,CAAsB,CAAC,CAAA;SAC1C,EAAA;QAcQ,qCAAqB,CAAC,KAAY;YACzC,aAAa,CAAC,uBAAA,IAAI,uDAAoB,MAAxB,IAAI,EAAqB,KAAK,CAAC,CAAC,CAAA;SAC/C,EAAA;QAcQ,iCAAiB,CAAC,KAAY;YACrC,aAAa,CAAC,uBAAA,IAAI,mDAAgB,MAApB,IAAI,EAAiB,KAAK,CAAC,CAAC,CAAA;SAC3C,EAAA;QAWQ,oCAAoB,CAAC,KAAY;YACxC,aAAa,CAAC,uBAAA,IAAI,sDAAmB,MAAvB,IAAI,EAAoB,KAAK,CAAC,CAAC,CAAA;SAC9C,EAAA;QAMQ,uCAAuB;YAC9B,aAAa,CAAC,uBAAA,IAAI,yDAAsB,MAA1B,IAAI,CAAwB,CAAC,CAAA;SAC5C,EAAA;KAqBF;;;;IA7WQ,MAAM,IAAI;QACf,IAAI,IAAI,CAAC,IAAI;YAAE,OAAM;QAErB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;QAChB,IAAI,CAAC,eAAe,EAAE,CAAA;KACvB;;;;IAMM,MAAM,KAAK;QAChB,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,OAAM;QAEtB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAA;QAExB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAA;QACjB,uBAAA,IAAI,2BAAmB,KAAK,MAAA,CAAA;QAC5B,IAAI,uBAAA,IAAI,wBAAS;YAAE,uBAAA,IAAI,wBAAS,MAAb,IAAI,CAAW,CAAA;KACnC;;;;;;;IASM,MAAM,WAAW;QACtB,MAAM,MAAM,GACV,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,6CAA6C,CAAC;YACtE,CAAC,CAAA;QACH,MAAM,UAAU,GACd,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,6CAA6C,CAAC;YACtE,CAAC,CAAA;QACH,MAAM,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC,KAAK,UAAU,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;QACjD,MAAM,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,UAAU,IAAI,CAAC,CAAA;QAElD,IAAI,CAAC,OAAO;YACV,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,8CAA8C,CAAC;gBACvE,CAAC,CAAA;QACH,IAAI,CAAC,QAAQ,GAAG,OAAO,MAAM,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,CAAA;QACjE,IAAI,CAAC,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,8BAA8B,CAAC,IAAI,CAAC,CAAA;QACxE,IAAI,CAAC,MAAM;YACT,MAAM;gBACN,KAAK,MAAM,EAAE;gBACb,KAAK,MAAM,GAAG,IAAI,IAAI,IAAI,CAAC,OAAO,GAAG,IAAI,EAAE;gBAC3C,KAAK,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,IAAI,IAAI,CAAC,OAAO,GAAG,IAAI,EAAE;gBAChE,IAAI,CAAA;KACP;IASS,MAAM,gBAAgB;QAC9B,SAAS,CAAC,uBAAA,IAAI,sCAAuB,CAAC,CAAA;QAEtC,IAAI,CAAC,UAAU,GAAG;YAChB,MAAM,CAAC;gBACL,GAAG,IAAI,CAAC,aAAa;gBACrB,QAAQ,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,OAAO;aACnC,CAAC;YACF,CAAC,IAAI,CAAC,MAAM;gBACV,IAAI,CAAC;oBACH,SAAS,EAAE,IAAI,CAAC,OAAO;oBACvB,GAAG,IAAI,CAAC,WAAW;iBACpB,CAAC;YACJ,CAAC,IAAI,CAAC,OAAO;gBACX,KAAK,CAAC;oBACJ,OAAO,EAAE,UAAU,EAAE;oBACrB,GAAG,IAAI,CAAC,YAAY;iBACrB,CAAC;YACJ,KAAK,CAAC;gBACJ,OAAO,EAAE,uBAAA,IAAI,sCAAuB;aACrC,CAAC;SACH,CAAC,MAAM,CAAC,CAAC,UAAU,KAA+B,UAAU,KAAK,KAAK,CAAC,CAAA;KACzE;IAGS,kBAAkB;QAC1B,uBAAA,IAAI,6BAAqB,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,MAAA,CAAA;QAEnD,IACE,uBAAA,IAAI,iCAAkB,YAAY,UAAU,CAAC,OAAO;YACpD,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ,EAC3B;YACA,uBAAA,IAAI,iCAAkB,CAAC,YAAY,GAAG,QAAQ,CAAA;SAC/C;KACF;IAGS,eAAe;QACvB,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,IAAI,CAAA;QAC7B,IACE,uBAAA,IAAI,iCAAkB,YAAY,UAAU,CAAC,OAAO;YACpD,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ,EAC3B;YACA,uBAAA,IAAI,iCAAkB,CAAC,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;SACxD;KACF;IAGO,MAAM,sBAAsB;;QAClC,IAAI,CAAC,oBAAoB,EAAE,CAAA;QAE3B,uBAAA,IAAI,6BAAqB,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,MAAA,CAAA;QAEnD,IAAI,EAAE,uBAAA,IAAI,iCAAkB,YAAY,UAAU,CAAC,OAAO,CAAC;YAAE,OAAM;QAEnE,IAAI,CAAC,oBAAoB,EAAE,CAAA;QAC3B,MAAA,IAAI,CAAC,IAAI,EAAC,EAAE,QAAF,EAAE,GAAK,eAAe,kBAAkB,EAAE,EAAA;QACpD,uBAAA,IAAI,iCAAkB,CAAC,YAAY,CAAC,kBAAkB,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;QAErE,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;YAC/B,uBAAA,IAAI,iCAAkB,CAAC,YAAY,GAAG,QAAQ,CAAA;SAC/C;KACF;IAGO,oBAAoB;QAC1B,IAAI,EAAE,uBAAA,IAAI,iCAAkB,YAAY,UAAU,CAAC,OAAO,CAAC;YAAE,OAAM;QAEnE,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC;cACxC,IAAI,CAAC,OAAO;eACV,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,GAAG,CAA0C;gBACnE,EAAE,CAAC,CAAA;QAEP,uBAAA,IAAI,yDAAsB,MAA1B,IAAI,CAAwB,CAAA;QAE5B,IAAI,uBAAA,IAAI,8BAAe;YACrB,uBAAA,IAAI,uCAAI,MAAR,IAAI,EAAK,uBAAA,IAAI,iCAAkB,EAAE,OAAO,EAAE,uBAAA,IAAI,oCAAqB,CAAC,CAAA;QACtE,uBAAA,IAAI,uCAAI,MAAR,IAAI,EAAK,QAAQ,CAAC,eAAe,EAAE,aAAa,EAAE,uBAAA,IAAI,iCAAkB,CAAC,CAAA;QACzE,uBAAA,IAAI,uCAAI,MAAR,IAAI,EAAK,uBAAA,IAAI,iCAAkB,EAAE,SAAS,EAAE,uBAAA,IAAI,6BAAc,CAAC,CAAA;QAE/D,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE;YAC9B,QAAQ,OAAO;gBACb,KAAK,OAAO,EAAE;oBACZ,uBAAA,IAAI,uCAAI,MAAR,IAAI,EAAK,uBAAA,IAAI,iCAAkB,EAAE,OAAO,EAAE,uBAAA,IAAI,oCAAqB,CAAC,CAAA;oBACpE,MAAK;iBACN;gBACD,KAAK,OAAO,CAAC;gBACb,KAAK,SAAS,EAAE;oBACd,uBAAA,IAAI,uCAAI,MAAR,IAAI,EAAK,uBAAA,IAAI,iCAAkB,EAAE,OAAO,EAAE,uBAAA,IAAI,2BAAY,CAAC,CAAA;oBAC3D,uBAAA,IAAI,uCAAI,MAAR,IAAI,EAAK,uBAAA,IAAI,iCAAkB,EAAE,UAAU,EAAE,uBAAA,IAAI,8BAAe,CAAC,CAAA;oBACjE,uBAAA,IAAI,uCAAI,MAAR,IAAI,EAAK,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,uBAAA,IAAI,8BAAe,CAAC,CAAA;oBACpD,MAAK;iBACN;gBACD,KAAK,cAAc,EAAE;oBACnB,uBAAA,IAAI,uCAAI,MAAR,IAAI,EACF,uBAAA,IAAI,iCAAkB,EACtB,cAAc,EACd,uBAAA,IAAI,kCAAmB,CACxB,CAAA;oBACD,uBAAA,IAAI,uCAAI,MAAR,IAAI,EACF,uBAAA,IAAI,iCAAkB,EACtB,cAAc,EACd,uBAAA,IAAI,kCAAmB,CACxB,CAAA;oBACD,uBAAA,IAAI,uCAAI,MAAR,IAAI,EAAK,IAAI,CAAC,IAAI,EAAE,cAAc,EAAE,uBAAA,IAAI,kCAAmB,CAAC,CAAA;oBAC5D,MAAK;iBACN;aAEF;SACF;KACF;IAKO,MAAM,cAAc;QAC1B,SAAS,CAAC,uBAAA,IAAI,iCAAkB,CAAC,CAAA;QAEjC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,cAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,MAAM,eAAe,CACzE,uBAAA,IAAI,iCAAkB,EACtB,IAAI,CAAC,IAAI,EACT;YACE,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CACF,CAAA;QACD,MAAM,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAA0B,CAAA;QAE5D,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAA;QAC5B,IAAI,CAAC,aAAa,GAAG,aAAa,UAAU,CAAC,CAAC,CAAC,MAAM,UAAU,CAAC,CAAC,CAAC,KAAK,CAAA;QACvE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;QAEhB,IAAI,cAAc,CAAC,KAAK,KAAK,SAAS;YAAE,OAAM;QAC9C,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,YAAY,EAAE,GAAG,cAAc,CAAC,KAAK,CAAA;QAC3D,IAAI,CAAC,OAAO,GAAG;YACb,OAAO,EAAE,YAAY,KAAK,CAAC,GAAG,SAAS,GAAG,MAAM;YAChD,IAAI,EAAE,EAAE,KAAK,SAAS,GAAG,EAAE,GAAG,GAAG,EAAE,IAAI;YACvC,GAAG,EAAE,EAAE,KAAK,SAAS,GAAG,EAAE,GAAG,GAAG,EAAE,IAAI;SACvC,CAAA;KACF;IAGO,eAAe;QACrB,SAAS,CAAC,uBAAA,IAAI,iCAAkB,CAAC,CAAA;QAEjC,IAAI,uBAAA,IAAI,wBAAS;YAAE,uBAAA,IAAI,wBAAS,MAAb,IAAI,CAAW,CAAA;QAClC,uBAAA,IAAI,oBAAY,UAAU,CACxB,uBAAA,IAAI,iCAAkB,EACtB,IAAI,CAAC,IAAI,EACT;YACE,aAAa,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAA;SACrC,EACD,IAAI,CAAC,iBAAiB,CACvB,MAAA,CAAA;KACF;IAEM,MAAM,iBAAiB;QAC5B,uBAAA,IAAI,0BAAkB,aAAa,EAAE,MAAA,CAAA;QACrC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAA;QACvB,MAAM,IAAI,CAAC,sBAAsB,EAAE,CAAA;QACnC,kBAAkB,IAAI,CAAC,CAAA;KACxB;IAEM,MAAM,gBAAgB;QAC3B,MAAM,IAAI,CAAC,WAAW,EAAE,CAAA;KACzB;IAEM,oBAAoB;QACzB,IAAI,EAAE,uBAAA,IAAI,iCAAkB,YAAY,UAAU,CAAC,OAAO,CAAC;YAAE,OAAM;QAEnE,uBAAA,IAAI,yDAAsB,MAA1B,IAAI,CAAwB,CAAA;QAC5B,uBAAA,IAAI,iCAAkB,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAA;KAC3D;IAEM,MAAM;QACX,QACE,EAAC,IAAI,kEACQ,IAAI,CAAC,IAAI,EACpB,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,SAAS,EACjC,SAAS,EAAE,uBAAA,IAAI,6BAAc,EAC7B,aAAa,EAAE,uBAAA,IAAI,wCAAyB,EAC5C,KAAK,EAAE;gBACL,QAAQ,EAAE,IAAI,CAAC,YAAY;gBAC3B,SAAS,EAAE,IAAI,CAAC,aAAa;aAC9B,IAED,8DAAQ,EACR,2EACc,MAAM,eACP,IAAI,CAAC,IAAI,EACpB,KAAK,EAAC,qBAAqB,EAC3B,GAAG,EAAE,uBAAA,IAAI,kCAAmB,EAC5B,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,KAAK,EAAE,IAAI,CAAC,OAAO,IAEnB,6DAAM,KAAK,EAAC,WAAW,EAAC,CAAC,EAAE,IAAI,CAAC,MAAM,GAAI,CACtC,CACD,EACR;KACF;;;;;;;;;;;;;;;;;;;;grBAUD;IACE,IAAI,CAAC,IAAI,CAAC,QAAQ;QAAE,MAAM,IAAI,CAAC,IAAI,EAAE,CAAA;AACvC,CAAC,2BAMD,sCAAqB,KAAY;IAC/B,IAAI,KAAK,YAAY,aAAa,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ;QAC1D,MAAM,IAAI,CAAC,KAAK,EAAE,CAAA;AACtB,CAAC,gCAMD;IACE,IAAI,CAAC,IAAI,CAAC,QAAQ;QAAE,MAAM,IAAI,CAAC,IAAI,EAAE,CAAA;AACvC,CAAC,gCAMD,2CAA0B,KAAY;IACpC,IACE,CAAC,uBAAA,IAAI,+BAAgB;QACrB,QAAQ,CAAC,aAAa,KAAK,uBAAA,IAAI,iCAAkB;QACjD,QAAQ,CAAC,aAAa,EAAE,OAAO,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC,IAAI;QAC5D,KAAK,YAAY,YAAY;QAC7B,KAAK,CAAC,aAAa,KAAK,uBAAA,IAAI,iCAAkB;QAC9C,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC,IAAI;QAEjC,MAAM,IAAI,CAAC,KAAK,EAAE,CAAA;AACtB,CAAC,4BAMD,uCAAsB,KAAY;IAChC,IAAI,EAAE,KAAK,YAAY,UAAU,CAAC;QAAE,OAAM;IAC1C,MAAM,EAAE,aAAa,EAAE,GAAG,KAAK,CAAA;IAE/B,IACE,aAAa,YAAY,UAAU,CAAC,OAAO;QAC3C,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC;QAClC,uBAAA,IAAI,iCAAkB,KAAK,aAAa;QAExC,MAAM,IAAI,CAAC,KAAK,EAAE,CAAA;AACtB,CAAC,+BAMD,0CAAyB,KAAY;IACnC,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,EAAE,CAAA;IACzC,MAAM,YAAY,GAChB,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;SAC/B,uBAAA,IAAI,iCAAkB,YAAY,UAAU,CAAC,OAAO;YACnD,YAAY,CAAC,QAAQ,CAAC,uBAAA,IAAI,iCAAkB,CAAC,CAAC,CAAA;IAClD,IAAI,CAAC,YAAY;QAAE,MAAM,IAAI,CAAC,KAAK,EAAE,CAAA;AACvC,CAAC,kCAMD;IACE,IAAI,CAAC,IAAI,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,CAAA;AACpE,CAAC,qCAOC,OAAgB,EAChB,KAAwC,EACxC,QAA4C;IAE5C,MAAM,WAAW,GAAG,uBAAA,IAAI,0BAAW,CAAC,IAAI,CACtC,CAAC,KAAK,KAAK,KAAK,CAAC,OAAO,KAAK,OAAO,IAAI,KAAK,CAAC,KAAK,KAAK,KAAK,CAC9D,CAAA;IACD,IAAI,WAAW;QAAE,OAAM;IAEvB,OAAO,CAAC,gBAAgB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;IACzC,uBAAA,IAAI,0BAAW,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAA;AACpD,CAAC;IAGC,KAAK,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,uBAAA,IAAI,0BAAW;QACxD,OAAO,CAAC,mBAAmB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;IAC9C,uBAAA,IAAI,sBAAc,EAAE,MAAA,CAAA;AACtB,CAAC;;;;;","names":[],"sources":["src/components/tooltip/tooltip.css?tag=qds-tooltip&encapsulation=shadow","src/components/tooltip/tooltip.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  align-items: flex-start;\n  background-color: var(--qds-theme-accessory-background);\n  border-radius: var(--qds-accessory-border-radius);\n  box-shadow: var(--qds-theme-accessory-elevation);\n  box-sizing: border-box;\n  color: var(--qds-theme-text-standard);\n  display: flex;\n  flex-direction: column;\n  gap: var(--qds-accessory-gap-children-unrelated);\n  left: 0;\n  padding: var(--qds-accessory-padding);\n  top: 0;\n}\n\n:host::before {\n  content: '';\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n}\n\n::slotted(blockquote),\n::slotted(button),\n::slotted(dd),\n::slotted(dl),\n::slotted(fieldset),\n::slotted(figure),\n::slotted(h1),\n::slotted(h2),\n::slotted(h3),\n::slotted(h4),\n::slotted(h5),\n::slotted(h6),\n::slotted(hr),\n::slotted(input),\n::slotted(menu),\n::slotted(ol),\n::slotted(p),\n::slotted(pre),\n::slotted(select),\n::slotted(textarea),\n::slotted(ul) {\n  margin: 0;\n}\n\n:host([data-side='top'])::before,\n:host([data-side='bottom'])::before {\n  height: calc(\n    var(--qds-accessory-gap-floating, 0px) +\n      var(--qds-signature-triangle-pointer-size-height, 0px)\n  );\n  top: 100%;\n}\n\n:host([data-side='bottom'])::before {\n  top: calc(\n    -1 * (var(--qds-accessory-gap-floating, 0px) +\n          var(--qds-signature-triangle-pointer-size-height, 0px))\n  );\n}\n\n:host([data-side='left'])::before,\n:host([data-side='right'])::before {\n  width: calc(\n    var(--qds-accessory-gap-floating, 0px) +\n      var(--qds-signature-triangle-pointer-size-height, 0px)\n  );\n  left: 100%;\n}\n\n:host([data-side='right'])::before {\n  left: calc(\n    -1 * (var(--qds-accessory-gap-floating, 0px) +\n          var(--qds-signature-triangle-pointer-size-height, 0px))\n  );\n}\n\n.qds-arrow-container {\n  height: var(--qds-signature-triangle-pointer-size-width);\n  position: absolute;\n  width: var(--qds-signature-triangle-pointer-size-width);\n\n  &[data-side='bottom'] {\n    bottom: 100%;\n    transform: rotate(180deg);\n  }\n\n  &[data-side='left'] {\n    left: 100%;\n    transform: rotate(-90deg);\n  }\n\n  &[data-side='right'] {\n    right: 100%;\n    transform: rotate(90deg);\n  }\n\n  &[data-side='top'] {\n    top: 100%;\n  }\n}\n\n.qds-arrow {\n  fill: var(--qds-theme-accessory-background);\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type {\n  AutoUpdateOptions,\n  DetectOverflowOptions,\n  FlipOptions,\n  Middleware,\n  Placement,\n  ReferenceElement,\n  ShiftOptions,\n  Side,\n  Strategy,\n} from '@floating-ui/dom'\nimport {\n  arrow,\n  autoUpdate,\n  computePosition,\n  flip,\n  limitShift,\n  offset,\n  shift,\n} from '@floating-ui/dom'\nimport type { ComponentInterface, EventEmitter } from '@stencil/core'\nimport {\n  Component,\n  Element,\n  Event,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core'\nimport type { Split } from 'type-fest'\n\nimport type { OffsetOptions } from '../../helpers'\nimport {\n  ignorePromise,\n  invariant,\n  isTouchDevice,\n  propertyToPx,\n  resolveTarget,\n  roundByDPR,\n} from '../../helpers'\n\nlet autoIncrementingId = 1\n\nexport type TriggerEvent = Extract<\n  keyof GlobalEventHandlersEventMap,\n  'click' | 'focus' | 'focusin' | 'pointerenter'\n>\n\n/**\n * @slot Content to display in the dropdown.\n * @see https://quartz.se.com/build/components/tooltip\n */\n@Component({\n  tag: 'qds-tooltip',\n  shadow: true,\n  styleUrl: 'tooltip.css',\n})\nexport class Tooltip implements ComponentInterface {\n  /**\n   * Options to pass to Floating UI's\n   * [`autoUpdate()` function](https://floating-ui.com/docs/autoUpdate).\n   *\n   * @see https://floating-ui.com/docs/autoupdate#options\n   */\n  @Prop() public readonly autoUpdateOptions?: AutoUpdateOptions\n\n  /**\n   * Prevents the tooltip from being shown by user interaction. The tooltip can\n   * still be displayed by calling the `show()` method.\n   */\n  @Prop() public readonly disabled: boolean = false\n\n  /**\n   * Options to pass to Floating UI's\n   * [`flip` middleware](https://floating-ui.com/docs/flip).\n   *\n   * The [`crossAxis` option](https://floating-ui.com/docs/flip#crossaxis) is\n   * set to the value of the `noShift` property by default for interoperability\n   * with the [`shift` middleware](https://floating-ui.com/docs/shift).\n   *\n   * @see https://floating-ui.com/docs/flip#options\n   */\n  @Prop() public readonly flipOptions?: Partial<\n    DetectOverflowOptions & FlipOptions\n  >\n\n  /**\n   * Disable Floating UI's\n   * [`flip` middleware](https://floating-ui.com/docs/flip).\n   */\n  @Prop() public readonly noFlip: boolean = false\n\n  /**\n   * Disable Floating UI's\n   * [`shift` middleware](https://floating-ui.com/docs/shift).\n   */\n  @Prop() public readonly noShift: boolean = false\n\n  /**\n   * Options to pass to Floating UI's\n   * [`offset` middleware](https://floating-ui.com/docs/offset).\n   *\n   * The [`mainAxis` option](https://floating-ui.com/docs/offset#mainaxis) is\n   * not supported.\n   *\n   * @see https://floating-ui.com/docs/offset#options\n   */\n  @Prop() public readonly offsetOptions?: OffsetOptions\n\n  /**\n   * Where to place the tooltip relative to the `target`.\n   *\n   * @see https://floating-ui.com/docs/tutorial#placements\n   */\n  @Prop() public readonly placement: Placement = 'top'\n\n  /**\n   * Options to pass to Floating UI's\n   * [`shift` middleware](https://floating-ui.com/docs/shift).\n   *\n   * @see https://floating-ui.com/docs/shift#options\n   */\n  @Prop() public readonly shiftOptions?: Partial<\n    DetectOverflowOptions & ShiftOptions\n  >\n\n  /**\n   * The CSS position strategy to use.\n   *\n   * @see https://floating-ui.com/docs/computeposition#strategy\n   */\n  @Prop() public readonly strategy?: Strategy\n\n  /**\n   * The trigger element that will trigger the tooltip. The target specified\n   * can be any of the following:\n   *\n   * - A CSS selector string\n   * - A reference to an [`Element`][] or [Virtual Element][]\n   * - A function returning a reference to an [`Element`][],\n   * [Virtual Element][], or a CSS selector string\n   *\n   * [`Element`]: https://developer.mozilla.org/docs/Web/API/Element\n   * [Virtual Element]: https://floating-ui.com/docs/virtual-elements\n   */\n  @Prop() public readonly target?:\n    | ReferenceElement\n    | string\n    | (() => ReferenceElement | string)\n\n  /**\n   * Determines the events that cause the tooltip to show. Multiple event names\n   * are separated by spaces.\n   */\n  @Prop() public readonly trigger?: TriggerEvent[] | string =\n    'pointerenter focus'\n\n  /**\n   * Emitted when the tooltip is closed.\n   */\n  @Event({ eventName: 'qdsClose', bubbles: false, cancelable: false })\n  private readonly closeEmitter!: EventEmitter<void>\n\n  @Element() private readonly host!: HTMLElement\n\n  @State() private hostPosition?: string\n\n  @State() private hostTransform?: string\n\n  @State() private open = false\n\n  @State() private middleware?: Middleware[]\n\n  @State() private side: Side = 'top'\n\n  @State() private aStyles?: Record<string, string | undefined>\n\n  @State() private aShape = ''\n\n  @State() private aViewbox = '0 0 0 0'\n\n  @State() private aHeight = 0\n\n  @State() private aGap = 0\n\n  #arrowContainerElement?: SVGElement\n\n  #cleanup?: () => void\n\n  #clickedTooltip = false\n\n  #isTouchDevice = false\n\n  #listeners: {\n    element: Element\n    event: keyof GlobalEventHandlersEventMap\n    listener: EventListenerOrEventListenerObject\n  }[] = []\n\n  #referenceElement?: ReferenceElement\n\n  /**\n   * Show the tooltip.\n   */\n  @Method()\n  public async show(): Promise<void> {\n    if (this.open) return\n\n    this.open = true\n    this.startAutoUpdate()\n  }\n\n  /**\n   * Close the tooltip.\n   */\n  @Method()\n  public async close(): Promise<void> {\n    if (!this.open) return\n\n    this.closeEmitter.emit()\n\n    this.open = false\n    this.#clickedTooltip = false\n    if (this.#cleanup) this.#cleanup()\n  }\n\n  /**\n   * Update the tooltip's arrow.\n   *\n   * This method should typically be called when the Quartz platform was\n   * changed.\n   */\n  @Method()\n  public async updateArrow(): Promise<void> {\n    const aWidth =\n      propertyToPx(this.host, `--qds-signature-triangle-pointer-size-width`) ??\n      0\n    const aTipRadius =\n      propertyToPx(this.host, `--qds-signature-triangle-pointer-tip-radius`) ??\n      0\n    const svgX = (aWidth / 2) * (aTipRadius / -8 + 1)\n    const svgY = ((this.aHeight / 2) * aTipRadius) / 4\n\n    this.aHeight =\n      propertyToPx(this.host, `--qds-signature-triangle-pointer-size-height`) ??\n      0\n    this.aViewbox = `0 0 ${aWidth} ${Math.max(this.aHeight, aWidth)}`\n    this.aGap = propertyToPx(this.host, '--qds-accessory-gap-floating') ?? 0\n    this.aShape =\n      'M0,0' +\n      ` H${aWidth}` +\n      ` L${aWidth - svgX},${this.aHeight - svgY}` +\n      ` Q${aWidth / 2},${this.aHeight} ${svgX},${this.aHeight - svgY}` +\n      ' Z'\n  }\n\n  @Watch('aGap')\n  @Watch('aHeight')\n  @Watch('flipOptions')\n  @Watch('noFlip')\n  @Watch('noShift')\n  @Watch('offsetOptions')\n  @Watch('shiftOptions')\n  protected async updateMiddleware(): Promise<void> {\n    invariant(this.#arrowContainerElement)\n\n    this.middleware = [\n      offset({\n        ...this.offsetOptions,\n        mainAxis: this.aGap + this.aHeight,\n      }),\n      !this.noFlip &&\n        flip({\n          crossAxis: this.noShift,\n          ...this.flipOptions,\n        }),\n      !this.noShift &&\n        shift({\n          limiter: limitShift(),\n          ...this.shiftOptions,\n        }),\n      arrow({\n        element: this.#arrowContainerElement,\n      }),\n    ].filter((middleware): middleware is Middleware => middleware !== false)\n  }\n\n  @Watch('role')\n  protected updateAriaHasPopup(): void {\n    this.#referenceElement = resolveTarget(this.target)\n\n    if (\n      this.#referenceElement instanceof globalThis.Element &&\n      this.host.role === 'dialog'\n    ) {\n      this.#referenceElement.ariaHasPopup = 'dialog'\n    }\n  }\n\n  @Watch('open')\n  protected setAriaExpanded(): void {\n    this.host.hidden = !this.open\n    if (\n      this.#referenceElement instanceof globalThis.Element &&\n      this.host.role === 'dialog'\n    ) {\n      this.#referenceElement.ariaExpanded = String(this.open)\n    }\n  }\n\n  @Watch('target')\n  private async updateReferenceElement(): Promise<void> {\n    this.disconnectedCallback()\n\n    this.#referenceElement = resolveTarget(this.target)\n\n    if (!(this.#referenceElement instanceof globalThis.Element)) return\n\n    this.updateEventListeners()\n    this.host.id ||= `qds-tooltip-${autoIncrementingId}`\n    this.#referenceElement.setAttribute('aria-describedby', this.host.id)\n\n    if (this.host.role === 'dialog') {\n      this.#referenceElement.ariaHasPopup = 'dialog'\n    }\n  }\n\n  @Watch('trigger')\n  private updateEventListeners(): void {\n    if (!(this.#referenceElement instanceof globalThis.Element)) return\n\n    const triggers = Array.isArray(this.trigger)\n      ? this.trigger\n      : ((this.trigger?.split(' ') as Split<TriggerEvent, ' '> | undefined) ??\n        [])\n\n    this.#removeEventListeners()\n\n    if (this.#isTouchDevice)\n      this.#on(this.#referenceElement, 'click', this.#boundReferenceClick)\n    this.#on(document.documentElement, 'pointerdown', this.#boundPointerdown)\n    this.#on(this.#referenceElement, 'keydown', this.#boundKeyDown)\n\n    for (const trigger of triggers) {\n      switch (trigger) {\n        case 'click': {\n          this.#on(this.#referenceElement, 'click', this.#boundReferenceClick)\n          break\n        }\n        case 'focus':\n        case 'focusin': {\n          this.#on(this.#referenceElement, trigger, this.#boundFocus)\n          this.#on(this.#referenceElement, 'focusout', this.#boundFocusout)\n          this.#on(this.host, 'focusout', this.#boundFocusout)\n          break\n        }\n        case 'pointerenter': {\n          this.#on(\n            this.#referenceElement,\n            'pointerenter',\n            this.#boundPointerenter,\n          )\n          this.#on(\n            this.#referenceElement,\n            'pointerleave',\n            this.#boundPointerleave,\n          )\n          this.#on(this.host, 'pointerleave', this.#boundPointerleave)\n          break\n        }\n        default:\n      }\n    }\n  }\n\n  @Watch('middleware')\n  @Watch('placement')\n  @Watch('strategy')\n  private async updatePosition(): Promise<void> {\n    invariant(this.#referenceElement)\n\n    const { x, y, middlewareData, placement, strategy } = await computePosition(\n      this.#referenceElement,\n      this.host,\n      {\n        middleware: this.middleware,\n        placement: this.placement,\n        strategy: this.strategy,\n      },\n    )\n    const [side] = placement.split('-') as Split<Placement, '-'>\n\n    this.hostPosition = strategy\n    this.hostTransform = `translate(${roundByDPR(x)}px,${roundByDPR(y)}px)`\n    this.side = side\n\n    if (middlewareData.arrow === undefined) return\n    const { x: aX, y: aY, centerOffset } = middlewareData.arrow\n    this.aStyles = {\n      display: centerOffset === 0 ? undefined : 'none',\n      left: aX === undefined ? '' : `${aX}px`,\n      top: aY === undefined ? '' : `${aY}px`,\n    }\n  }\n\n  @Watch('autoUpdateOptions')\n  private startAutoUpdate(): void {\n    invariant(this.#referenceElement)\n\n    if (this.#cleanup) this.#cleanup()\n    this.#cleanup = autoUpdate(\n      this.#referenceElement,\n      this.host,\n      () => {\n        ignorePromise(this.updatePosition())\n      },\n      this.autoUpdateOptions,\n    )\n  }\n\n  public async componentWillLoad(): Promise<void> {\n    this.#isTouchDevice = isTouchDevice()\n    this.host.hidden = true\n    await this.updateReferenceElement()\n    autoIncrementingId += 1\n  }\n\n  public async componentDidLoad(): Promise<void> {\n    await this.updateArrow()\n  }\n\n  public disconnectedCallback(): void {\n    if (!(this.#referenceElement instanceof globalThis.Element)) return\n\n    this.#removeEventListeners()\n    this.#referenceElement.removeAttribute('aria-describedby')\n  }\n\n  public render() {\n    return (\n      <Host\n        data-side={this.side}\n        role={this.host.role ?? 'tooltip'}\n        onKeyDown={this.#boundKeyDown}\n        onPointerDown={this.#boundTooltipPointerDown}\n        style={{\n          position: this.hostPosition,\n          transform: this.hostTransform,\n        }}\n      >\n        <slot />\n        <svg\n          aria-hidden=\"true\"\n          data-side={this.side}\n          class=\"qds-arrow-container\"\n          ref={this.#arrowContainerRef}\n          viewBox={this.aViewbox}\n          style={this.aStyles}\n        >\n          <path class=\"qds-arrow\" d={this.aShape} />\n        </svg>\n      </Host>\n    )\n  }\n\n  readonly #arrowContainerRef = (svg?: SVGElement): void => {\n    this.#arrowContainerElement = svg\n  }\n\n  readonly #boundTooltipPointerDown = (): void => {\n    this.#clickedTooltip = true\n  }\n\n  async #handleFocus(): Promise<void> {\n    if (!this.disabled) await this.show()\n  }\n\n  readonly #boundFocus = (): void => {\n    ignorePromise(this.#handleFocus())\n  }\n\n  async #handleKeyDown(event: Event): Promise<void> {\n    if (event instanceof KeyboardEvent && event.key === 'Escape')\n      await this.close()\n  }\n\n  readonly #boundKeyDown = (event: Event): void => {\n    ignorePromise(this.#handleKeyDown(event))\n  }\n\n  async #handlePointerenter(): Promise<void> {\n    if (!this.disabled) await this.show()\n  }\n\n  readonly #boundPointerenter = (): void => {\n    ignorePromise(this.#handlePointerenter())\n  }\n\n  async #handlePointerleave(event: Event): Promise<void> {\n    if (\n      !this.#clickedTooltip &&\n      document.activeElement !== this.#referenceElement &&\n      document.activeElement?.closest('qds-tooltip') !== this.host &&\n      event instanceof PointerEvent &&\n      event.relatedTarget !== this.#referenceElement &&\n      event.relatedTarget !== this.host\n    )\n      await this.close()\n  }\n\n  readonly #boundPointerleave = (event: Event): void => {\n    ignorePromise(this.#handlePointerleave(event))\n  }\n\n  async #handleFocusOut(event: Event): Promise<void> {\n    if (!(event instanceof FocusEvent)) return\n    const { relatedTarget } = event\n\n    if (\n      relatedTarget instanceof globalThis.Element &&\n      !this.host.contains(relatedTarget) &&\n      this.#referenceElement !== relatedTarget\n    )\n      await this.close()\n  }\n\n  readonly #boundFocusout = (event: Event): void => {\n    ignorePromise(this.#handleFocusOut(event))\n  }\n\n  async #handlePointerdown(event: Event): Promise<void> {\n    const composedPath = event.composedPath()\n    const withinBounds =\n      composedPath.includes(this.host) ||\n      (this.#referenceElement instanceof globalThis.Element &&\n        composedPath.includes(this.#referenceElement))\n    if (!withinBounds) await this.close()\n  }\n\n  readonly #boundPointerdown = (event: Event): void => {\n    ignorePromise(this.#handlePointerdown(event))\n  }\n\n  async #handleReferenceClick(): Promise<void> {\n    if (!this.disabled) await (this.open ? this.close() : this.show())\n  }\n\n  readonly #boundReferenceClick = (): void => {\n    ignorePromise(this.#handleReferenceClick())\n  }\n\n  #on(\n    element: Element,\n    event: keyof GlobalEventHandlersEventMap,\n    listener: EventListenerOrEventListenerObject,\n  ): void {\n    const hasListener = this.#listeners.some(\n      (value) => value.element === element && value.event === event,\n    )\n    if (hasListener) return\n\n    element.addEventListener(event, listener)\n    this.#listeners.push({ element, event, listener })\n  }\n\n  #removeEventListeners(): void {\n    for (const { element, event, listener } of this.#listeners)\n      element.removeEventListener(event, listener)\n    this.#listeners = []\n  }\n}\n"],"version":3}

package/dist/esm/qds.js

@@ -21,7 +21,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"qds-tab\",[[1,\"qds-tab\",{\"action\":[1],\"badge\":[8],\"badgeCounterImportance\":[1,\"badge-counter-importance\"],\"badgeDescription\":[1,\"badge-description\"],\"badgeIndicatorStatus\":[1,\"badge-indicator-status\"],\"disabled\":[4],\"iconLibrary\":[1,\"icon-library\"],\"iconName\":[1,\"icon-name\"],\"iconOnly\":[4,\"icon-only\"],\"importance\":[1],\"indicatorPosition\":[1,\"indicator-position\"],\"panel\":[1],\"tagIconDescription\":[1,\"tag-icon-description\"],\"tagIconName\":[1,\"tag-icon-name\"],\"tagIconLibrary\":[1,\"tag-icon-library\"],\"tagImportance\":[1,\"tag-importance\"],\"tagSize\":[1,\"tag-size\"],\"tagStatus\":[1,\"tag-status\"],\"tagText\":[1,\"tag-text\"],\"selected\":[4],\"size\":[1],\"subtitle\":[1],\"text\":[1],\"href\":[1],\"tabIndex\":[32],\"isIndicatorOnTop\":[32]},[[0,\"click\",\"onClick\"]],{\"panel\":[\"panelChanged\"],\"tabindex\":[\"tabindexChanged\"]}]]],[\"qds-tabbar\",[[17,\"qds-tabbar\",{\"layer\":[1],\"level\":[1],\"orientation\":[1],\"tablistDescription\":[1,\"tablist-description\"],\"disableEndArrow\":[32],\"disableStartArrow\":[32],\"activeTab\":[32]},[[9,\"resize\",\"windowResize\"]]]]],[\"qds-input\",[[81,\"qds-input\",{\"noIcon\":[4,\"no-icon\"],\"size\":[1],\"accept\":[1],\"autoComplete\":[1,\"autocomplete\"],\"capture\":[1],\"disabled\":[4],\"enterkeyhint\":[1],\"files\":[16],\"form\":[1],\"inputmode\":[1],\"labels\":[16],\"max\":[8],\"maxLength\":[2,\"maxlength\"],\"min\":[8],\"minLength\":[2,\"minlength\"],\"multiple\":[4],\"name\":[1],\"pattern\":[1],\"placeholder\":[1],\"required\":[4],\"selectionDirection\":[1025,\"selection-direction\"],\"selectionEnd\":[1026,\"selection-end\"],\"selectionStart\":[1026,\"selection-start\"],\"step\":[8],\"type\":[1],\"validationMessage\":[1,\"validation-message\"],\"validity\":[16],\"value\":[1032],\"willValidate\":[4,\"will-validate\"],\"tabIndex\":[32]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeydown\"]],{\"disabled\":[\"disabledChanged\"],\"selectionDirection\":[\"selectionDirectionChanged\"],\"selectionEnd\":[\"selectionEndChanged\"],\"selectionStart\":[\"selectionStartChanged\"],\"tabindex\":[\"tabindexChanged\"],\"max\":[\"validationChanged\"],\"maxLength\":[\"validationChanged\"],\"min\":[\"validationChanged\"],\"minLength\":[\"validationChanged\"],\"pattern\":[\"validationChanged\"],\"required\":[\"validationChanged\"],\"step\":[\"validationChanged\"],\"type\":[\"validationChanged\"],\"value\":[\"validationChanged\",\"valueChanged\"]}]]],[\"qds-list-item\",[[17,\"qds-list-item\",{\"destination\":[1],\"disabled\":[4],\"divider\":[1],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"kicker\":[1],\"listAction\":[1,\"list-action\"],\"size\":[1],\"checked\":[1028],\"selected\":[1028],\"indeterminate\":[1028],\"text\":[1],\"subtitle\":[1],\"tabIndex\":[32]},[[0,\"click\",\"onClick\"]],{\"tabindex\":[\"tabindexChanged\"]}]]],[\"qds-radio\",[[2,\"qds-radio\",{\"inline\":[4],\"size\":[1],\"text\":[1],\"checked\":[1028],\"disabled\":[4],\"form\":[1],\"name\":[1],\"required\":[4],\"value\":[1032],\"tabIndex\":[32]},[[0,\"click\",\"onClick\"]],{\"tabindex\":[\"tabindexChanged\"]}]]],[\"qds-chip\",[[81,\"qds-chip\",{\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"size\":[1],\"type\":[1],\"text\":[1],\"checked\":[1028],\"form\":[1],\"disabled\":[4],\"name\":[1],\"value\":[8],\"isPressed\":[32],\"tabIndex\":[32],\"tooltip\":[32]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"handleKeyDown\"],[0,\"keyup\",\"handleKeyUp\"]],{\"checked\":[\"checkedChanged\"],\"disabled\":[\"disabledChanged\"],\"tabindex\":[\"tabindexChanged\"],\"value\":[\"valueChanged\"]}]]],[\"qds-nav-list-item\",[[17,\"qds-nav-list-item\",{\"collapsed\":[4],\"disabled\":[4],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"size\":[1],\"selected\":[4],\"subtext\":[1],\"text\":[1],\"tabIndex\":[32]},[[0,\"click\",\"onClick\"]],{\"tabindex\":[\"tabindexChanged\"]}]]],[\"qds-breadcrumb-item\",[[17,\"qds-breadcrumb-item\",{\"text\":[1],\"href\":[1],\"hreflang\":[1],\"referrerPolicy\":[1,\"referrerpolicy\"],\"rel\":[1],\"target\":[1],\"tooltip\":[32]},null,{\"text\":[\"textChanged\"]}]]],[\"qds-form-message\",[[1,\"qds-form-message\",{\"inline\":[4],\"size\":[1],\"status\":[1],\"statusDescription\":[1,\"status-description\"],\"text\":[1]}]]],[\"qds-inline-link\",[[17,\"qds-inline-link\",{\"disabled\":[4],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"importance\":[1],\"download\":[8],\"href\":[1],\"hreflang\":[1],\"referrerPolicy\":[1,\"referrerpolicy\"],\"rel\":[1],\"target\":[1],\"linkIcon\":[32],\"tabIndex\":[32]},[[0,\"click\",\"onClick\"]],{\"disabled\":[\"disabledChanged\"],\"tabindex\":[\"tabindexChanged\"],\"href\":[\"hrefTargetChanged\"],\"target\":[\"hrefTargetChanged\"]}]]],[\"qds-loader\",[[65,\"qds-loader\",{\"size\":[1],\"status\":[1]},null,{\"status\":[\"statusChanged\"]}]]],[\"qds-select\",[[81,\"qds-select\",{\"size\":[1],\"autoComplete\":[1,\"autocomplete\"],\"disabled\":[4],\"form\":[1],\"length\":[2],\"multiple\":[4],\"name\":[1],\"options\":[16],\"required\":[4],\"selectedIndex\":[1026,\"selected-index\"],\"selectedOptions\":[16],\"type\":[1],\"validationMessage\":[1,\"validation-message\"],\"validity\":[16],\"value\":[1025],\"willValidate\":[4,\"will-validate\"],\"tabIndex\":[32]},[[0,\"click\",\"onClick\"]],{\"disabled\":[\"disabledChanged\"],\"selectedIndex\":[\"selectedIndexChanged\"],\"tabindex\":[\"tabindexChanged\"],\"required\":[\"validationChanged\"],\"value\":[\"validationChanged\"]}]]],[\"qds-standalone-link\",[[17,\"qds-standalone-link\",{\"disabled\":[4],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"importance\":[1],\"size\":[1],\"visitable\":[4],\"download\":[8],\"href\":[1],\"hreflang\":[1],\"referrerPolicy\":[1,\"referrerpolicy\"],\"rel\":[1],\"target\":[1],\"linkIcon\":[32],\"tabIndex\":[32]},[[0,\"click\",\"onClick\"]],{\"disabled\":[\"disabledChanged\"],\"tabindex\":[\"tabindexChanged\"],\"href\":[\"hrefTargetChanged\"],\"target\":[\"hrefTargetChanged\"]}]]],[\"qds-dialog\",[[1,\"qds-dialog\",{\"open\":[1540]},null,{\"open\":[\"openChanged\"]}]]],[\"qds-dropdown\",[[1,\"qds-dropdown\",{\"autoUpdateOptions\":[16],\"disabled\":[4],\"flipOptions\":[16],\"noFlip\":[4,\"no-flip\"],\"noShift\":[4,\"no-shift\"],\"offsetOptions\":[16],\"placement\":[1],\"shiftOptions\":[16],\"strategy\":[1],\"target\":[1],\"hostAriaLabelledBy\":[32],\"hostDisplay\":[32],\"hostPosition\":[32],\"hostTransform\":[32],\"update\":[64]},[[4,\"click\",\"handleMouseDown\"]],{\"target\":[\"updateReferenceElement\"],\"flipOptions\":[\"updateMiddleware\"],\"noFlip\":[\"updateMiddleware\"],\"noShift\":[\"updateMiddleware\"],\"offsetOptions\":[\"updateMiddleware\"],\"shiftOptions\":[\"updateMiddleware\"],\"placement\":[\"updatePosition\"],\"strategy\":[\"updatePosition\"],\"autoUpdateOptions\":[\"startAutoUpdate\"]}]]],[\"qds-progress-bar\",[[65,\"qds-progress-bar\",{\"size\":[1],\"labels\":[16],\"max\":[8],\"position\":[2],\"value\":[8],\"width\":[32]},null,{\"max\":[\"maxChanged\"],\"value\":[\"valueChanged\"]}]]],[\"qds-switch\",[[81,\"qds-switch\",{\"inline\":[4],\"size\":[1],\"checked\":[1028],\"disabled\":[4],\"form\":[1],\"labels\":[16],\"name\":[1],\"value\":[8],\"validationMessage\":[1,\"validation-message\"],\"validity\":[16],\"willValidate\":[4,\"will-validate\"],\"tabIndex\":[32],\"inheritedAttributes\":[32]},[[0,\"click\",\"onClick\"]],{\"checked\":[\"checkedChanged\"],\"disabled\":[\"disabledChanged\"],\"tabindex\":[\"tabindexChanged\"],\"value\":[\"valueChanged\"]}]]],[\"qds-table\",[[1,\"qds-table\"]]],[\"qds-table-body\",[[1,\"qds-table-body\"]]],[\"qds-table-cell\",[[1,\"qds-table-cell\",{\"colSpan\":[2,\"colspan\"],\"rowSpan\":[2,\"rowspan\"]}]]],[\"qds-table-head\",[[1,\"qds-table-head\"]]],[\"qds-table-head-cell\",[[1,\"qds-table-head-cell\",{\"abbr\":[1],\"colSpan\":[2,\"colspan\"],\"rowSpan\":[2,\"rowspan\"],\"scope\":[1]}]]],[\"qds-table-row\",[[1,\"qds-table-row\"]]],[\"qds-textarea\",[[81,\"qds-textarea\",{\"size\":[1],\"autoComplete\":[1,\"autocomplete\"],\"cols\":[2],\"disabled\":[4],\"enterkeyhint\":[1],\"form\":[1],\"inputmode\":[1],\"labels\":[16],\"maxLength\":[2,\"maxlength\"],\"minLength\":[2,\"minlength\"],\"name\":[1],\"placeholder\":[1],\"required\":[4],\"rows\":[2],\"selectionDirection\":[1025,\"selection-direction\"],\"selectionEnd\":[1026,\"selection-end\"],\"selectionStart\":[1026,\"selection-start\"],\"validationMessage\":[1,\"validation-message\"],\"validity\":[16],\"value\":[1032],\"willValidate\":[4,\"will-validate\"],\"wrap\":[1],\"tabIndex\":[32]},[[0,\"click\",\"onClick\"]],{\"disabled\":[\"disabledChanged\"],\"selectionDirection\":[\"selectionDirectionChanged\"],\"selectionEnd\":[\"selectionEndChanged\"],\"selectionStart\":[\"selectionStartChanged\"],\"tabindex\":[\"tabindexChanged\"],\"maxLength\":[\"validationChanged\"],\"minLength\":[\"validationChanged\"],\"required\":[\"validationChanged\"],\"value\":[\"validationChanged\",\"valueChanged\"]}]]],[\"qds-checkbox\",[[81,\"qds-checkbox\",{\"inline\":[4],\"size\":[1],\"text\":[1],\"checked\":[1028],\"disabled\":[4],\"form\":[1],\"indeterminate\":[1028],\"name\":[1],\"required\":[4],\"validationMessage\":[1,\"validation-message\"],\"validity\":[16],\"value\":[8],\"willValidate\":[4,\"will-validate\"],\"tabIndex\":[32]},[[0,\"click\",\"onClick\"]],{\"checked\":[\"checkedChanged\"],\"disabled\":[\"disabledChanged\"],\"tabindex\":[\"tabindexChanged\"],\"value\":[\"valueChanged\"]}]]],[\"qds-divider\",[[1,\"qds-divider\",{\"importance\":[1],\"vertical\":[4]},null,{\"vertical\":[\"verticalChanged\"]}]]],[\"qds-badge-counter_2\",[[1,\"qds-badge-counter\",{\"description\":[1],\"importance\":[1],\"size\":[1],\"strokeRing\":[4,\"stroke-ring\"],\"value\":[8]}],[1,\"qds-badge-indicator\",{\"description\":[1],\"size\":[1],\"status\":[1],\"strokeRing\":[4,\"stroke-ring\"]}]]],[\"qds-tooltip\",[[1,\"qds-tooltip\",{\"autoUpdateOptions\":[16],\"disabled\":[4],\"flipOptions\":[16],\"noFlip\":[4,\"no-flip\"],\"noShift\":[4,\"no-shift\"],\"offsetOptions\":[16],\"placement\":[1],\"shiftOptions\":[16],\"strategy\":[1],\"target\":[1],\"trigger\":[1],\"hostPosition\":[32],\"hostTransform\":[32],\"open\":[32],\"middleware\":[32],\"side\":[32],\"aStyles\":[32],\"aShape\":[32],\"aViewbox\":[32],\"aHeight\":[32],\"aGap\":[32],\"show\":[64],\"close\":[64],\"updateArrow\":[64]},null,{\"aGap\":[\"updateMiddleware\"],\"aHeight\":[\"updateMiddleware\"],\"flipOptions\":[\"updateMiddleware\"],\"noFlip\":[\"updateMiddleware\"],\"noShift\":[\"updateMiddleware\"],\"offsetOptions\":[\"updateMiddleware\"],\"shiftOptions\":[\"updateMiddleware\"],\"target\":[\"updateReferenceElement\"],\"trigger\":[\"updateEventListeners\"],\"middleware\":[\"updatePosition\"],\"placement\":[\"updatePosition\"],\"strategy\":[\"updatePosition\"],\"autoUpdateOptions\":[\"startAutoUpdate\"]}]]],[\"qds-icon\",[[1,\"qds-icon\",{\"name\":[1],\"library\":[1],\"svg\":[32]},null,{\"name\":[\"setIcon\"],\"library\":[\"setIcon\"]}]]],[\"qds-button\",[[81,\"qds-button\",{\"action\":[1],\"badge\":[8],\"badgeDescription\":[1,\"badge-description\"],\"badgeIndicatorStatus\":[1,\"badge-indicator-status\"],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"importance\":[1],\"size\":[1],\"text\":[1],\"iconOnly\":[4,\"icon-only\"],\"disabled\":[4],\"download\":[1],\"form\":[1],\"formAction\":[1,\"formaction\"],\"formMethod\":[1,\"formmethod\"],\"formNoValidate\":[4,\"formnovalidate\"],\"formTarget\":[1,\"formtarget\"],\"href\":[1],\"labels\":[16],\"rel\":[1],\"name\":[1],\"target\":[1],\"type\":[1],\"validationMessage\":[1,\"validation-message\"],\"validity\":[16],\"value\":[1],\"willValidate\":[4,\"will-validate\"],\"tabIndex\":[32],\"tooltip\":[32]},[[0,\"click\",\"onClick\"]],{\"disabled\":[\"disabledChanged\"],\"tabindex\":[\"tabindexChanged\"],\"text\":[\"textChanged\"]}]]],[\"qds-tag_2\",[[1,\"qds-tag\",{\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"importance\":[1],\"status\":[1],\"size\":[1],\"text\":[1],\"iconDescription\":[1,\"icon-description\"]}],[1,\"qds-title\",{\"alignment\":[1],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"kicker\":[1],\"layer\":[1],\"level\":[1],\"subtitle\":[1],\"tag\":[1],\"variant\":[1]}]]],[\"qds-label\",[[1,\"qds-label\",{\"inline\":[4],\"required\":[4],\"size\":[1],\"text\":[1],\"tooltip\":[32]},null,{\"text\":[\"textChanged\"]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"qds-tab\",[[1,\"qds-tab\",{\"action\":[1],\"badge\":[8],\"badgeCounterImportance\":[1,\"badge-counter-importance\"],\"badgeDescription\":[1,\"badge-description\"],\"badgeIndicatorStatus\":[1,\"badge-indicator-status\"],\"disabled\":[4],\"iconLibrary\":[1,\"icon-library\"],\"iconName\":[1,\"icon-name\"],\"iconOnly\":[4,\"icon-only\"],\"importance\":[1],\"indicatorPosition\":[1,\"indicator-position\"],\"panel\":[1],\"tagIconDescription\":[1,\"tag-icon-description\"],\"tagIconName\":[1,\"tag-icon-name\"],\"tagIconLibrary\":[1,\"tag-icon-library\"],\"tagImportance\":[1,\"tag-importance\"],\"tagSize\":[1,\"tag-size\"],\"tagStatus\":[1,\"tag-status\"],\"tagText\":[1,\"tag-text\"],\"selected\":[4],\"size\":[1],\"subtitle\":[1],\"text\":[1],\"href\":[1],\"tabIndex\":[32],\"isIndicatorOnTop\":[32]},[[0,\"click\",\"onClick\"]],{\"panel\":[\"panelChanged\"],\"tabindex\":[\"tabindexChanged\"]}]]],[\"qds-tabbar\",[[17,\"qds-tabbar\",{\"layer\":[1],\"level\":[1],\"orientation\":[1],\"tablistDescription\":[1,\"tablist-description\"],\"disableEndArrow\":[32],\"disableStartArrow\":[32],\"activeTab\":[32]},[[9,\"resize\",\"windowResize\"]]]]],[\"qds-input\",[[81,\"qds-input\",{\"noIcon\":[4,\"no-icon\"],\"size\":[1],\"accept\":[1],\"autoComplete\":[1,\"autocomplete\"],\"capture\":[1],\"disabled\":[4],\"enterkeyhint\":[1],\"files\":[16],\"form\":[1],\"inputmode\":[1],\"labels\":[16],\"max\":[8],\"maxLength\":[2,\"maxlength\"],\"min\":[8],\"minLength\":[2,\"minlength\"],\"multiple\":[4],\"name\":[1],\"pattern\":[1],\"placeholder\":[1],\"required\":[4],\"selectionDirection\":[1025,\"selection-direction\"],\"selectionEnd\":[1026,\"selection-end\"],\"selectionStart\":[1026,\"selection-start\"],\"step\":[8],\"type\":[1],\"validationMessage\":[1,\"validation-message\"],\"validity\":[16],\"value\":[1032],\"willValidate\":[4,\"will-validate\"],\"tabIndex\":[32]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeydown\"]],{\"disabled\":[\"disabledChanged\"],\"selectionDirection\":[\"selectionDirectionChanged\"],\"selectionEnd\":[\"selectionEndChanged\"],\"selectionStart\":[\"selectionStartChanged\"],\"tabindex\":[\"tabindexChanged\"],\"max\":[\"validationChanged\"],\"maxLength\":[\"validationChanged\"],\"min\":[\"validationChanged\"],\"minLength\":[\"validationChanged\"],\"pattern\":[\"validationChanged\"],\"required\":[\"validationChanged\"],\"step\":[\"validationChanged\"],\"type\":[\"validationChanged\"],\"value\":[\"validationChanged\",\"valueChanged\"]}]]],[\"qds-list-item\",[[17,\"qds-list-item\",{\"destination\":[1],\"disabled\":[4],\"divider\":[1],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"kicker\":[1],\"listAction\":[1,\"list-action\"],\"size\":[1],\"checked\":[1028],\"selected\":[1028],\"indeterminate\":[1028],\"text\":[1],\"subtitle\":[1],\"tabIndex\":[32]},[[0,\"click\",\"onClick\"]],{\"tabindex\":[\"tabindexChanged\"]}]]],[\"qds-radio\",[[2,\"qds-radio\",{\"inline\":[4],\"size\":[1],\"text\":[1],\"checked\":[1028],\"disabled\":[4],\"form\":[1],\"name\":[1],\"required\":[4],\"value\":[1032],\"tabIndex\":[32]},[[0,\"click\",\"onClick\"]],{\"tabindex\":[\"tabindexChanged\"]}]]],[\"qds-chip\",[[81,\"qds-chip\",{\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"size\":[1],\"type\":[1],\"text\":[1],\"checked\":[1028],\"form\":[1],\"disabled\":[4],\"name\":[1],\"value\":[8],\"isPressed\":[32],\"isSelected\":[32],\"tabIndex\":[32],\"tooltip\":[32]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"handleKeyDown\"],[0,\"keyup\",\"handleKeyUp\"]],{\"checked\":[\"checkedChanged\"],\"disabled\":[\"disabledChanged\"],\"tabindex\":[\"tabindexChanged\"],\"value\":[\"valueChanged\"]}]]],[\"qds-nav-list-item\",[[17,\"qds-nav-list-item\",{\"collapsed\":[4],\"disabled\":[4],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"size\":[1],\"selected\":[4],\"subtext\":[1],\"text\":[1],\"tabIndex\":[32]},[[0,\"click\",\"onClick\"]],{\"tabindex\":[\"tabindexChanged\"]}]]],[\"qds-breadcrumb-item\",[[17,\"qds-breadcrumb-item\",{\"text\":[1],\"href\":[1],\"hreflang\":[1],\"referrerPolicy\":[1,\"referrerpolicy\"],\"rel\":[1],\"target\":[1],\"tooltip\":[32]},null,{\"text\":[\"textChanged\"]}]]],[\"qds-form-message\",[[1,\"qds-form-message\",{\"inline\":[4],\"size\":[1],\"status\":[1],\"statusDescription\":[1,\"status-description\"],\"text\":[1]}]]],[\"qds-inline-link\",[[17,\"qds-inline-link\",{\"disabled\":[4],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"importance\":[1],\"download\":[8],\"href\":[1],\"hreflang\":[1],\"referrerPolicy\":[1,\"referrerpolicy\"],\"rel\":[1],\"target\":[1],\"linkIcon\":[32],\"tabIndex\":[32]},[[0,\"click\",\"onClick\"]],{\"disabled\":[\"disabledChanged\"],\"tabindex\":[\"tabindexChanged\"],\"href\":[\"hrefTargetChanged\"],\"target\":[\"hrefTargetChanged\"]}]]],[\"qds-loader\",[[65,\"qds-loader\",{\"size\":[1],\"status\":[1]},null,{\"status\":[\"statusChanged\"]}]]],[\"qds-select\",[[81,\"qds-select\",{\"size\":[1],\"autoComplete\":[1,\"autocomplete\"],\"disabled\":[4],\"form\":[1],\"length\":[2],\"multiple\":[4],\"name\":[1],\"options\":[16],\"required\":[4],\"selectedIndex\":[1026,\"selected-index\"],\"selectedOptions\":[16],\"type\":[1],\"validationMessage\":[1,\"validation-message\"],\"validity\":[16],\"value\":[1025],\"willValidate\":[4,\"will-validate\"],\"tabIndex\":[32]},[[0,\"click\",\"onClick\"]],{\"disabled\":[\"disabledChanged\"],\"selectedIndex\":[\"selectedIndexChanged\"],\"tabindex\":[\"tabindexChanged\"],\"required\":[\"validationChanged\"],\"value\":[\"validationChanged\"]}]]],[\"qds-standalone-link\",[[17,\"qds-standalone-link\",{\"disabled\":[4],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"importance\":[1],\"size\":[1],\"visitable\":[4],\"download\":[8],\"href\":[1],\"hreflang\":[1],\"referrerPolicy\":[1,\"referrerpolicy\"],\"rel\":[1],\"target\":[1],\"linkIcon\":[32],\"tabIndex\":[32]},[[0,\"click\",\"onClick\"]],{\"disabled\":[\"disabledChanged\"],\"tabindex\":[\"tabindexChanged\"],\"href\":[\"hrefTargetChanged\"],\"target\":[\"hrefTargetChanged\"]}]]],[\"qds-dialog\",[[1,\"qds-dialog\",{\"open\":[1540]},null,{\"open\":[\"openChanged\"]}]]],[\"qds-dropdown\",[[1,\"qds-dropdown\",{\"autoUpdateOptions\":[16],\"disabled\":[4],\"flipOptions\":[16],\"noFlip\":[4,\"no-flip\"],\"noShift\":[4,\"no-shift\"],\"offsetOptions\":[16],\"placement\":[1],\"shiftOptions\":[16],\"strategy\":[1],\"target\":[1],\"hostAriaLabelledBy\":[32],\"hostDisplay\":[32],\"hostPosition\":[32],\"hostTransform\":[32],\"update\":[64]},[[4,\"click\",\"handleMouseDown\"]],{\"target\":[\"updateReferenceElement\"],\"flipOptions\":[\"updateMiddleware\"],\"noFlip\":[\"updateMiddleware\"],\"noShift\":[\"updateMiddleware\"],\"offsetOptions\":[\"updateMiddleware\"],\"shiftOptions\":[\"updateMiddleware\"],\"placement\":[\"updatePosition\"],\"strategy\":[\"updatePosition\"],\"autoUpdateOptions\":[\"startAutoUpdate\"]}]]],[\"qds-progress-bar\",[[65,\"qds-progress-bar\",{\"size\":[1],\"labels\":[16],\"max\":[8],\"position\":[2],\"value\":[8],\"width\":[32]},null,{\"max\":[\"maxChanged\"],\"value\":[\"valueChanged\"]}]]],[\"qds-switch\",[[81,\"qds-switch\",{\"inline\":[4],\"size\":[1],\"checked\":[1028],\"disabled\":[4],\"form\":[1],\"labels\":[16],\"name\":[1],\"value\":[8],\"validationMessage\":[1,\"validation-message\"],\"validity\":[16],\"willValidate\":[4,\"will-validate\"],\"tabIndex\":[32],\"inheritedAttributes\":[32]},[[0,\"click\",\"onClick\"]],{\"checked\":[\"checkedChanged\"],\"disabled\":[\"disabledChanged\"],\"tabindex\":[\"tabindexChanged\"],\"value\":[\"valueChanged\"]}]]],[\"qds-table\",[[1,\"qds-table\"]]],[\"qds-table-body\",[[1,\"qds-table-body\"]]],[\"qds-table-cell\",[[1,\"qds-table-cell\",{\"colSpan\":[2,\"colspan\"],\"rowSpan\":[2,\"rowspan\"]}]]],[\"qds-table-head\",[[1,\"qds-table-head\"]]],[\"qds-table-head-cell\",[[1,\"qds-table-head-cell\",{\"abbr\":[1],\"colSpan\":[2,\"colspan\"],\"rowSpan\":[2,\"rowspan\"],\"scope\":[1]}]]],[\"qds-table-row\",[[1,\"qds-table-row\"]]],[\"qds-textarea\",[[81,\"qds-textarea\",{\"size\":[1],\"autoComplete\":[1,\"autocomplete\"],\"cols\":[2],\"disabled\":[4],\"enterkeyhint\":[1],\"form\":[1],\"inputmode\":[1],\"labels\":[16],\"maxLength\":[2,\"maxlength\"],\"minLength\":[2,\"minlength\"],\"name\":[1],\"placeholder\":[1],\"required\":[4],\"rows\":[2],\"selectionDirection\":[1025,\"selection-direction\"],\"selectionEnd\":[1026,\"selection-end\"],\"selectionStart\":[1026,\"selection-start\"],\"validationMessage\":[1,\"validation-message\"],\"validity\":[16],\"value\":[1032],\"willValidate\":[4,\"will-validate\"],\"wrap\":[1],\"tabIndex\":[32]},[[0,\"click\",\"onClick\"]],{\"disabled\":[\"disabledChanged\"],\"selectionDirection\":[\"selectionDirectionChanged\"],\"selectionEnd\":[\"selectionEndChanged\"],\"selectionStart\":[\"selectionStartChanged\"],\"tabindex\":[\"tabindexChanged\"],\"maxLength\":[\"validationChanged\"],\"minLength\":[\"validationChanged\"],\"required\":[\"validationChanged\"],\"value\":[\"validationChanged\",\"valueChanged\"]}]]],[\"qds-checkbox\",[[81,\"qds-checkbox\",{\"inline\":[4],\"size\":[1],\"text\":[1],\"checked\":[1028],\"disabled\":[4],\"form\":[1],\"indeterminate\":[1028],\"name\":[1],\"required\":[4],\"validationMessage\":[1,\"validation-message\"],\"validity\":[16],\"value\":[8],\"willValidate\":[4,\"will-validate\"],\"tabIndex\":[32]},[[0,\"click\",\"onClick\"]],{\"checked\":[\"checkedChanged\"],\"disabled\":[\"disabledChanged\"],\"tabindex\":[\"tabindexChanged\"],\"value\":[\"valueChanged\"]}]]],[\"qds-divider\",[[1,\"qds-divider\",{\"importance\":[1],\"vertical\":[4]},null,{\"vertical\":[\"verticalChanged\"]}]]],[\"qds-badge-counter_2\",[[1,\"qds-badge-counter\",{\"description\":[1],\"importance\":[1],\"size\":[1],\"strokeRing\":[4,\"stroke-ring\"],\"value\":[8]}],[1,\"qds-badge-indicator\",{\"description\":[1],\"size\":[1],\"status\":[1],\"strokeRing\":[4,\"stroke-ring\"]}]]],[\"qds-tooltip\",[[1,\"qds-tooltip\",{\"autoUpdateOptions\":[16],\"disabled\":[4],\"flipOptions\":[16],\"noFlip\":[4,\"no-flip\"],\"noShift\":[4,\"no-shift\"],\"offsetOptions\":[16],\"placement\":[1],\"shiftOptions\":[16],\"strategy\":[1],\"target\":[1],\"trigger\":[1],\"hostPosition\":[32],\"hostTransform\":[32],\"open\":[32],\"middleware\":[32],\"side\":[32],\"aStyles\":[32],\"aShape\":[32],\"aViewbox\":[32],\"aHeight\":[32],\"aGap\":[32],\"show\":[64],\"close\":[64],\"updateArrow\":[64]},null,{\"aGap\":[\"updateMiddleware\"],\"aHeight\":[\"updateMiddleware\"],\"flipOptions\":[\"updateMiddleware\"],\"noFlip\":[\"updateMiddleware\"],\"noShift\":[\"updateMiddleware\"],\"offsetOptions\":[\"updateMiddleware\"],\"shiftOptions\":[\"updateMiddleware\"],\"role\":[\"updateAriaHasPopup\"],\"open\":[\"setAriaExpanded\"],\"target\":[\"updateReferenceElement\"],\"trigger\":[\"updateEventListeners\"],\"middleware\":[\"updatePosition\"],\"placement\":[\"updatePosition\"],\"strategy\":[\"updatePosition\"],\"autoUpdateOptions\":[\"startAutoUpdate\"]}]]],[\"qds-icon\",[[1,\"qds-icon\",{\"name\":[1],\"library\":[1],\"svg\":[32]},null,{\"name\":[\"setIcon\"],\"library\":[\"setIcon\"]}]]],[\"qds-button\",[[81,\"qds-button\",{\"action\":[1],\"badge\":[8],\"badgeDescription\":[1,\"badge-description\"],\"badgeIndicatorStatus\":[1,\"badge-indicator-status\"],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"importance\":[1],\"size\":[1],\"text\":[1],\"iconOnly\":[4,\"icon-only\"],\"disabled\":[4],\"download\":[1],\"form\":[1],\"formAction\":[1,\"formaction\"],\"formMethod\":[1,\"formmethod\"],\"formNoValidate\":[4,\"formnovalidate\"],\"formTarget\":[1,\"formtarget\"],\"href\":[1],\"labels\":[16],\"rel\":[1],\"name\":[1],\"target\":[1],\"type\":[1],\"validationMessage\":[1,\"validation-message\"],\"validity\":[16],\"value\":[1],\"willValidate\":[4,\"will-validate\"],\"tabIndex\":[32],\"tooltip\":[32]},[[0,\"click\",\"onClick\"]],{\"disabled\":[\"disabledChanged\"],\"tabindex\":[\"tabindexChanged\"],\"text\":[\"textChanged\"]}]]],[\"qds-tag_2\",[[1,\"qds-tag\",{\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"importance\":[1],\"status\":[1],\"size\":[1],\"text\":[1],\"iconDescription\":[1,\"icon-description\"],\"badge\":[4],\"badgeDescription\":[1,\"badge-description\"]}],[1,\"qds-title\",{\"alignment\":[1],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"kicker\":[1],\"layer\":[1],\"level\":[1],\"subtitle\":[1],\"tag\":[1],\"variant\":[1]}]]],[\"qds-label\",[[1,\"qds-label\",{\"inline\":[4],\"required\":[4],\"size\":[1],\"text\":[1],\"tooltip\":[32]},null,{\"text\":[\"textChanged\"]}]]]]"), options);
 });
 
 //# sourceMappingURL=qds.js.map

package/dist/types/components/chip/chip.d.ts

@@ -91,6 +91,7 @@ export declare class Chip implements ComponentInterface {
     private readonly host;
     private readonly internals;
     private isPressed;
+    private isSelected;
     private tabIndex?;
     private tooltip;
     protected onClick(event: MouseEvent): void;

package/dist/types/components/tag/tag.d.ts

@@ -39,6 +39,15 @@ export declare class Tag implements ComponentInterface {
      * Provides a text description of the icon for screen readers.
      */
     readonly iconDescription?: string;
+    /**
+     * Displays an indicator if `true`.
+     */
+    readonly badge?: boolean;
+    /**
+     * The indicator badge's accessible text that will be used by
+     * screen readers.
+     */
+    readonly badgeDescription?: string;
     private readonly host;
     componentWillLoad(): void;
     render(): any;

package/dist/types/components/title/title.d.ts

@@ -2,7 +2,7 @@ import type { ComponentInterface } from '../../stencil-public-runtime';
 export type Layer = 'accessory' | 'main' | 'navigation' | 'panel' | 'popup';
 export type Level = 'root' | 'section' | 'subsection';
 export type Tag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-export type TitleVariant = 'web-main-section-display' | 'web-main-section-hero' | 'web-main-subsection-card' | 'web-promo';
+export type TitleVariant = 'web-main-section-display' | 'web-main-section-hero' | 'web-main-section-promo' | 'web-main-subsection-card';
 export type Alignment = 'center' | 'end' | 'start';
 /**
  * @slot Content to display for the title.

package/dist/types/components/tooltip/tooltip.d.ts

@@ -119,6 +119,8 @@ export declare class Tooltip implements ComponentInterface {
      */
     updateArrow(): Promise<void>;
     protected updateMiddleware(): Promise<void>;
+    protected updateAriaHasPopup(): void;
+    protected setAriaExpanded(): void;
     private updateReferenceElement;
     private updateEventListeners;
     private updatePosition;

package/dist/types/components.d.ts

@@ -1672,6 +1672,18 @@ export namespace Components {
      * @see https://quartz.se.com/build/components/tag
      */
     interface QdsTag {
+        /**
+          * Displays an indicator if `true`.
+         */
+        "badge"?: boolean;
+        /**
+          * The indicator badge's accessible text that will be used by screen readers.
+         */
+        "badgeDescription"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "badge-description"?: string;
         /**
           * Provides a text description of the icon for screen readers.
          */
@@ -4516,6 +4528,18 @@ declare namespace LocalJSX {
      * @see https://quartz.se.com/build/components/tag
      */
     interface QdsTag {
+        /**
+          * Displays an indicator if `true`.
+         */
+        "badge"?: boolean;
+        /**
+          * The indicator badge's accessible text that will be used by screen readers.
+         */
+        "badgeDescription"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "badge-description"?: string;
         /**
           * Provides a text description of the icon for screen readers.
          */

package/dist/vscode.html-custom-data.json

@@ -2012,6 +2012,14 @@
         "value": "The `<qds-tag>` element is a static descriptor used for items that need to\nbe labeled, categorized, or organized using keywords that describe them."
       },
       "attributes": [
+        {
+          "name": "badge",
+          "description": "Displays an indicator if `true`."
+        },
+        {
+          "name": "badge-description",
+          "description": "The indicator badge's accessible text that will be used by\nscreen readers."
+        },
         {
           "name": "icon-description",
           "description": "Provides a text description of the icon for screen readers."
@@ -2366,10 +2374,10 @@
               "name": "web-main-section-hero"
             },
             {
-              "name": "web-main-subsection-card"
+              "name": "web-main-section-promo"
             },
             {
-              "name": "web-promo"
+              "name": "web-main-subsection-card"
             }
           ]
         }