@m3e/web 2.3.0 → 2.3.2

package/dist/autocomplete.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.min.js","sources":["../../src/autocomplete/AutocompleteElement.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-declaration-merging */\r\nimport { css, CSSResultGroup, html, LitElement, PropertyValues } from \"lit\";\r\nimport { property } from \"lit/decorators.js\";\r\n\r\nimport {\r\n  HtmlFor,\r\n  prefersReducedMotion,\r\n  scrollIntoViewIfNeeded,\r\n  forcedColorsActive,\r\n  setCustomState,\r\n  deleteCustomState,\r\n  addCustomState,\r\n  customElement,\r\n  MutationController,\r\n  EventAttribute,\r\n} from \"@m3e/web/core\";\r\n\r\nimport { ListKeyManager, M3eLiveAnnouncer } from \"@m3e/web/core/a11y\";\r\nimport { M3eOptGroupElement, M3eOptionElement, M3eOptionPanelElement } from \"@m3e/web/option\";\r\nimport type { M3eFormFieldElement } from \"@m3e/web/form-field\";\r\n\r\nimport { AutocompleteFilterMode } from \"./AutocompleteFilterMode\";\r\nimport { AutocompleteQueryEventDetail } from \"./AutocompleteQueryEventDetail\";\r\n\r\n/**\r\n * Enhances a text input with suggested options.\r\n *\r\n * @description\r\n * The `m3e-autocomplete` component augments a text input field with a dynamically positioned menu of filterable suggestions,\r\n * following Material Design 3 principles. It provides real-time filtering, keyboard navigation, automatic option activation,\r\n * and text highlighting to guide user selection. The component manages focus, selection state, and menu visibility while\r\n * integrating seamlessly with form field containers and supporting both required and optional selection modes.\r\n *\r\n * @example\r\n * The following example illustrates use of the `m3e-autocomplete` paired with a `m3e-form-field`.\r\n * ```html\r\n * <m3e-form-field>\r\n *   <label slot=\"label\" for=\"fruit\">Choose your favorite fruit</label>\r\n *   <input id=\"fruit\" />\r\n * </m3e-form-field>\r\n * <m3e-autocomplete for=\"fruit\">\r\n *   <m3e-option>Apples</m3e-option>\r\n *   <m3e-option>Oranges</m3e-option>\r\n *   <m3e-option>Bananas</m3e-option>\r\n *   <m3e-option>Grapes</m3e-option>\r\n * </m3e-autocomplete>\r\n * ```\r\n *\r\n * @tag m3e-autocomplete\r\n *\r\n * @attr auto-activate - Whether the first option should be automatically activated.\r\n * @attr case-sensitive - Whether filtering is case sensitive.\r\n * @attr filter - Mode in which to filter options.\r\n * @attr hide-selection-indicator - Whether to hide the selection indicator.\r\n * @attr hide-loading - Whether to hide the menu when loading options.\r\n * @attr hide-no-data - Whether to hide the menu when there are no options to show.\r\n * @attr loading - Whether options are being loaded.\r\n * @attr loading-label - The text announced and presented when loading options.\r\n * @attr no-data-label - The text announced and presented when no options are available for the current term.\r\n * @attr panel-class - Class or list of classes to be applied to the autocomplete's overlay panel.\r\n * @attr required - Whether the user is required to make a selection when interacting with the autocomplete.\r\n * @attr results-label - The text announced when available options change for the current term.\r\n *\r\n * @slot - Renders the options of the autocomplete.\r\n * @slot loading - Renders content when loading options.\r\n * @slot no-data - Renders content when there are no options to show.\r\n *\r\n * @fires toggle - Emitted when the options menu opens or closes.\r\n * @fires query - Emitted when the input is focused or when the user modifies its value.\r\n * @fires change - Emitted when the committed value changes due to selecting an option or clearing the input.\r\n */\r\n@customElement(\"m3e-autocomplete\")\r\nexport class M3eAutocompleteElement extends EventAttribute(HtmlFor(LitElement), \"query\") {\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = css`\r\n    :host {\r\n      display: contents;\r\n    }\r\n    .options {\r\n      display: none;\r\n    }\r\n  `;\r\n\r\n  /** @private */ private static __nextId = 0;\r\n\r\n  /** @private */ readonly #id = `m3e-autocomplete-${M3eAutocompleteElement.__nextId}`;\r\n  /** @private */ readonly #menuId = `${this.#id}-menu`;\r\n  /** @private */ private _options = new Array<M3eOptionElement>();\r\n  /** @private */ #clone?: HTMLElement;\r\n  /** @private */ #ignoreFocusVisible = false;\r\n  /** @private */ #menu?: M3eOptionPanelElement;\r\n  /** @private */ #ignoreHideMenuOnBlur = false;\r\n  /** @private */ #inputChanged = false;\r\n  /** @private */ #hasFocus = false;\r\n  /** @private */ #mutationAbortController?: AbortController;\r\n\r\n  /** @private */ readonly #clickHandler = () => this.#handleClick();\r\n  /** @private */ readonly #formFieldPointerDownHandler = () => this.#handleFormFieldPointerDown();\r\n  /** @private */ readonly #focusHandler = () => this.#handleFocus();\r\n  /** @private */ readonly #blurHandler = () => this.#handleBlur();\r\n  /** @private */ readonly #keyDownHandler = (e: KeyboardEvent) => this.#handleKeyDown(e);\r\n  /** @private */ readonly #inputHandler = (e: Event) => this.#handleInput(e);\r\n  /** @private */ readonly #changeHandler = () => this.#handleChange();\r\n  /** @private */ readonly #menuToggleHandler = (e: ToggleEvent) => this.#handleMenuToggle(e);\r\n  /** @private */ readonly #menuPointerDownHandler = (e: PointerEvent) => this.#handleMenuPointerDown(e);\r\n\r\n  /** @private */ private readonly _listKeyManager = new ListKeyManager<M3eOptionElement>()\r\n    .withWrap()\r\n    .withHomeAndEnd()\r\n    .withPageUpAndDown()\r\n    .withVerticalOrientation()\r\n    .withSkipPredicate((item) => item.disabled || item.hidden === true)\r\n    .onActiveItemChange(() => {\r\n      if (this._listKeyManager.activeItem) {\r\n        this.#activateOption(this._listKeyManager.activeItem);\r\n      }\r\n    });\r\n\r\n  constructor() {\r\n    super();\r\n\r\n    new MutationController(this, {\r\n      config: {\r\n        childList: true,\r\n        subtree: true,\r\n      },\r\n      callback: () => this.#handleMutation(),\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Whether to hide the selection indicator.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"hide-selection-indicator\", type: Boolean }) hideSelectionIndicator = false;\r\n\r\n  /**\r\n   * Whether the user is required to make a selection when interacting with the autocomplete.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean, reflect: true }) required = false;\r\n\r\n  /**\r\n   * Whether the first option should be automatically activated.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"auto-activate\", type: Boolean }) autoActivate = false;\r\n\r\n  /**\r\n   * Whether filtering is case sensitive.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"case-sensitive\", type: Boolean }) caseSensitive = false;\r\n\r\n  /**\r\n   * Mode in which to filter options.\r\n   * @default \"contains\"\r\n   */\r\n  @property({\r\n    converter: {\r\n      fromAttribute(value: string | null): AutocompleteFilterMode {\r\n        if (value === null) return \"contains\";\r\n        if (value === \"starts-with\" || value === \"ends-with\" || value === \"contains\" || value === \"none\") {\r\n          return value;\r\n        }\r\n        return \"contains\";\r\n      },\r\n    },\r\n  })\r\n  filter: AutocompleteFilterMode | ((option: M3eOptionElement, term: string) => boolean) = \"contains\";\r\n\r\n  /**\r\n   * Whether options are being loaded.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean }) loading = false;\r\n\r\n  /**\r\n   * Whether to hide the menu when there are no options to show.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"hide-no-data\", type: Boolean }) hideNoData = false;\r\n\r\n  /**\r\n   * Whether to hide the menu when loading options.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"hide-loading\", type: Boolean }) hideLoading = false;\r\n\r\n  /**\r\n   * The text announced and presented when loading options.\r\n   * @default \"Loading...\"\r\n   */\r\n  @property({ attribute: \"loading-label\" }) loadingLabel = \"Loading...\";\r\n\r\n  /**\r\n   * The text announced and presented when no options are available for the current term.\r\n   * @default \"No options\"\r\n   */\r\n  @property({ attribute: \"no-data-label\" }) noDataLabel = \"No options\";\r\n\r\n  /**\r\n   * The text announced when available options change for the current term.\r\n   * @default (count) => `${count} options`\r\n   */\r\n  @property({ attribute: \"results-label\" }) resultsLabel: string | ((count: number) => string) = (count) =>\r\n    `${count} options`;\r\n\r\n  /**\r\n   * Class or list of classes to be applied to the autocomplete's overlay panel.\r\n   * @default \"\"\r\n   */\r\n  @property({ attribute: \"panel-class\" }) panelClass = \"\";\r\n\r\n  /** The options that can be selected. */\r\n  get options(): readonly M3eOptionElement[] {\r\n    return this._options ?? [];\r\n  }\r\n\r\n  /** The selected option. */\r\n  get selected(): M3eOptionElement | null {\r\n    return this.options.find((x) => x.selected) ?? null;\r\n  }\r\n\r\n  /** The selected (enabled) value. */\r\n  get value(): string | null {\r\n    const selected = this.selected;\r\n    return selected && !selected.disabled ? selected.value : null;\r\n  }\r\n\r\n  /** @private */\r\n  get #options(): readonly M3eOptionElement[] {\r\n    return this._listKeyManager?.items ?? [];\r\n  }\r\n\r\n  /** @private */\r\n  get #input(): HTMLInputElement | null {\r\n    return this.control ? <HTMLInputElement>this.control : null;\r\n  }\r\n\r\n  /** @private */\r\n  get #hasNoDataSlot(): boolean {\r\n    return (this.#clone?.querySelector(\"[slot='no-data']\") ?? null) !== null;\r\n  }\r\n\r\n  /** @private */\r\n  get #hasLoadingSlot(): boolean {\r\n    return (this.#clone?.querySelector(\"[slot='loading']\") ?? null) !== null;\r\n  }\r\n\r\n  /** @private */\r\n  get #shouldShowMenu(): boolean {\r\n    return (\r\n      this.#options.some((x) => x.hidden === false) ||\r\n      (this.loading && !this.hideLoading && this.loadingLabel.length > 0) ||\r\n      (!this.loading && !this.hideNoData && this.noDataLabel.length > 0)\r\n    );\r\n  }\r\n\r\n  /** @private */\r\n  get #formField(): M3eFormFieldElement | null {\r\n    return this.control?.closest(\"m3e-form-field\") ?? null;\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override attach(control: HTMLElement): void {\r\n    if (!(control instanceof HTMLInputElement)) return;\r\n\r\n    super.attach(control);\r\n\r\n    control.autocomplete = \"off\";\r\n    control.role = \"combobox\";\r\n    control.ariaAutoComplete = \"list\";\r\n    control.ariaExpanded = \"false\";\r\n\r\n    control.addEventListener(\"click\", this.#clickHandler);\r\n    control.addEventListener(\"focus\", this.#focusHandler);\r\n    control.addEventListener(\"blur\", this.#blurHandler);\r\n    control.addEventListener(\"keydown\", this.#keyDownHandler);\r\n    control.addEventListener(\"input\", this.#inputHandler);\r\n    control.addEventListener(\"change\", this.#changeHandler);\r\n\r\n    this.#formField?.addEventListener(\"pointerdown\", this.#formFieldPointerDownHandler);\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override detach(): void {\r\n    if (this.control) {\r\n      this.#formField?.removeEventListener(\"pointerdown\", this.#formFieldPointerDownHandler);\r\n\r\n      this.control.role = null;\r\n      this.control.ariaAutoComplete = null;\r\n      this.control.ariaExpanded = null;\r\n\r\n      this.control.removeEventListener(\"click\", this.#clickHandler);\r\n      this.control.removeEventListener(\"focus\", this.#focusHandler);\r\n      this.control.removeEventListener(\"blur\", this.#blurHandler);\r\n      this.control.removeEventListener(\"keydown\", this.#keyDownHandler);\r\n      this.control.removeEventListener(\"input\", this.#inputHandler);\r\n      this.control.removeEventListener(\"change\", this.#changeHandler);\r\n    }\r\n    super.detach();\r\n  }\r\n\r\n  /**\r\n   * Clears the value of the element.\r\n   * @param [restoreFocus=false] Whether to restore input focus.\r\n   */\r\n  clear(restoreFocus = false): void {\r\n    if (!this.#input) return;\r\n\r\n    this.#input.value = \"\";\r\n    if (this.#clearOptions()) {\r\n      this.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n    }\r\n    this.#filterOptions();\r\n\r\n    if (restoreFocus) {\r\n      this.#input.focus();\r\n    } else {\r\n      this.#hideMenu();\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override connectedCallback(): void {\r\n    super.connectedCallback();\r\n    this.#handleMutation();\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override update(changedProperties: PropertyValues<this>): void {\r\n    super.update(changedProperties);\r\n\r\n    if (changedProperties.has(\"hideNoData\") && this.hideNoData && this.#menu) {\r\n      setCustomState(this.#menu, \"-no-data\", false);\r\n    }\r\n\r\n    if (changedProperties.has(\"loading\")) {\r\n      if (this.loading) {\r\n        if (this.#hasFocus) {\r\n          if (this.loadingLabel) {\r\n            M3eLiveAnnouncer.announce(this.loadingLabel, \"polite\");\r\n          }\r\n          if (!this.#menu && this.#shouldShowMenu) {\r\n            this.#showMenu();\r\n          }\r\n        }\r\n      } else if (this.#menu && !this.#shouldShowMenu) {\r\n        this.#hideMenu();\r\n      } else if (this.#menu) {\r\n        deleteCustomState(this.#menu, \"-loading\");\r\n      } else if (this.#hasFocus) {\r\n        this.#showMenu();\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return html`<div class=\"options\" aria-hidden=\"true\">\r\n      <slot></slot>\r\n    </div>`;\r\n  }\r\n\r\n  /** @private */\r\n  async #handleMutation(): Promise<void> {\r\n    if (this.#mutationAbortController) {\r\n      this.#mutationAbortController.abort();\r\n    }\r\n    const mutationAbortController = new AbortController();\r\n    this.#mutationAbortController = mutationAbortController;\r\n\r\n    const options = [...this.querySelectorAll(\"m3e-option\")];\r\n\r\n    for (const option of options) {\r\n      if (mutationAbortController.signal.aborted) {\r\n        break;\r\n      }\r\n      if (option.isUpdatePending) {\r\n        await option.updateComplete;\r\n      }\r\n    }\r\n\r\n    if (mutationAbortController.signal.aborted) {\r\n      return;\r\n    }\r\n\r\n    this._options = options;\r\n\r\n    this.#clone = <HTMLElement>this.cloneNode(true);\r\n\r\n    const { added } = this._listKeyManager.setItems([...this.#clone.querySelectorAll(\"m3e-option\")]);\r\n    added.forEach((x) => {\r\n      x.id = x.id || `${this.#id}-option-${this._listKeyManager.items.indexOf(x)}`;\r\n      setCustomState(x, \"-hide-selection-indicator\", this.hideSelectionIndicator);\r\n    });\r\n\r\n    if (this.#menu) {\r\n      const count = this.#filterOptions();\r\n      this.#projectClone();\r\n      if (!this.#shouldShowMenu) {\r\n        this.#hideMenu();\r\n      } else {\r\n        this.#updateMenuState(this.#menu, count);\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleClick(): void {\r\n    this.#ignoreFocusVisible = true;\r\n    this.#showMenu();\r\n  }\r\n\r\n  /** @private */\r\n  #handleFormFieldPointerDown(): void {\r\n    this.#ignoreHideMenuOnBlur = true;\r\n  }\r\n\r\n  /** @private */\r\n  #handleFocus(): void {\r\n    this.#hasFocus = true;\r\n    this.#ignoreFocusVisible = true;\r\n\r\n    if (this.options.length == 0 && !(<HTMLInputElement>this.control).readOnly) {\r\n      this.dispatchEvent(\r\n        new CustomEvent<AutocompleteQueryEventDetail>(\"query\", {\r\n          detail: { term: this.#input?.value ?? \"\" },\r\n          bubbles: true,\r\n          composed: true,\r\n        }),\r\n      );\r\n    }\r\n\r\n    this.#showMenu();\r\n  }\r\n\r\n  /** @private */\r\n  #handleBlur(): void {\r\n    this.#hasFocus = false;\r\n    if (!this.#ignoreHideMenuOnBlur) {\r\n      this.#hideMenu();\r\n    }\r\n    this.#ignoreHideMenuOnBlur = false;\r\n  }\r\n\r\n  /** @private */\r\n  #handleInput(e: Event): void {\r\n    if (!this.#input || e.defaultPrevented) return;\r\n\r\n    this.dispatchEvent(\r\n      new CustomEvent<AutocompleteQueryEventDetail>(\"query\", {\r\n        detail: { term: this.#input.value },\r\n        bubbles: true,\r\n        composed: true,\r\n      }),\r\n    );\r\n\r\n    if (this.#input.value === \"\" && this.#clearOptions()) {\r\n      this.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n    }\r\n\r\n    this.#inputChanged = true;\r\n    try {\r\n      if (!this.#menu) {\r\n        this.#showMenu();\r\n      } else {\r\n        this.#filterOptions();\r\n        if (!this.#shouldShowMenu) {\r\n          this.#hideMenu();\r\n        }\r\n      }\r\n    } finally {\r\n      this.#inputChanged = false;\r\n      this.#formField?.notifyControlStateChange(true);\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleChange(): void {\r\n    if (this.#input) {\r\n      const selected = this.selected;\r\n      if (this.required) {\r\n        this.#input.value = selected?.label ?? \"\";\r\n      } else if (selected && selected.label !== this.#input.value && this.#clearOptions()) {\r\n        this.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleKeyDown(e: KeyboardEvent): void {\r\n    if (e.defaultPrevented) return;\r\n\r\n    this.#ignoreFocusVisible = false;\r\n\r\n    switch (e.key) {\r\n      case \"Backspace\":\r\n      case \"Delete\":\r\n        if (this.#input && !this.#input.value) {\r\n          this.#hideMenu();\r\n        }\r\n        break;\r\n\r\n      case \"Enter\":\r\n        if (this.#menu && this._listKeyManager.activeItem) {\r\n          e.preventDefault();\r\n          this.#selectOption(this._listKeyManager.activeItem);\r\n          if (!prefersReducedMotion()) {\r\n            setTimeout(() => this.#hideMenu(), 150);\r\n          } else {\r\n            this.#hideMenu();\r\n          }\r\n        } else if (this.#menu) {\r\n          setTimeout(() => {\r\n            if (this.#input && !this.#input.value) {\r\n              this.#hideMenu();\r\n            }\r\n          });\r\n        }\r\n        break;\r\n\r\n      case \"Escape\":\r\n      case \"Tab\":\r\n        this.#hideMenu();\r\n        break;\r\n\r\n      case \"Up\":\r\n      case \"ArrowUp\":\r\n        if (e.altKey) {\r\n          this.#hideMenu();\r\n        } else {\r\n          this._listKeyManager.onKeyDown(e);\r\n        }\r\n        break;\r\n\r\n      case \"Down\":\r\n      case \"ArrowDown\":\r\n        if (!this.#menu) {\r\n          this.#showMenu();\r\n          e.preventDefault();\r\n        } else {\r\n          this._listKeyManager.onKeyDown(e);\r\n        }\r\n        break;\r\n\r\n      default:\r\n        this._listKeyManager.onKeyDown(e);\r\n        break;\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleMenuPointerDown(e: PointerEvent): void {\r\n    if (e.button === 2) return;\r\n    e.preventDefault();\r\n    e.stopImmediatePropagation();\r\n\r\n    const option = <M3eOptionElement | undefined>(\r\n      e.composedPath().find((x) => x instanceof HTMLElement && x.tagName === \"M3E-OPTION\")\r\n    );\r\n\r\n    if (option && !option.disabled) {\r\n      this._listKeyManager.setActiveItem(option);\r\n      this.#selectOption(option);\r\n      if (!prefersReducedMotion()) {\r\n        setTimeout(() => this.#hideMenu(), 150);\r\n      } else {\r\n        this.#hideMenu();\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleMenuToggle(e: ToggleEvent): void {\r\n    if (!this.#menu) return;\r\n\r\n    if (e.newState !== \"closed\") {\r\n      const option = this.#options.find((x) => x.selected && !x.disabled);\r\n      if (option) {\r\n        this._listKeyManager.setActiveItem(option);\r\n        scrollIntoViewIfNeeded(option, this.#menu);\r\n      } else {\r\n        this.#autoActivate();\r\n      }\r\n\r\n      this.dispatchEvent(\r\n        new ToggleEvent(\"toggle\", {\r\n          oldState: e.oldState,\r\n          newState: e.newState,\r\n        }),\r\n      );\r\n    } else {\r\n      if (prefersReducedMotion()) {\r\n        this.#destroyMenu(e);\r\n      } else {\r\n        // NOTE: use transitionend is preferred but doesn't fire when used here.\r\n        // This is a workaround until that is fixed.\r\n        setTimeout(() => this.#destroyMenu(e), 100);\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private*/\r\n  #destroyMenu(e: ToggleEvent): void {\r\n    if (!this.#menu) return;\r\n\r\n    this.#clone?.replaceChildren(...this.#menu.childNodes);\r\n\r\n    this.#menu.remove();\r\n    this.#menu.removeEventListener(\"toggle\", this.#menuToggleHandler);\r\n    this.#menu.removeEventListener(\"pointerdown\", this.#menuPointerDownHandler);\r\n    this.#menu = undefined;\r\n\r\n    if (this.#input) {\r\n      this.#input.ariaExpanded = \"false\";\r\n      this.#input.removeAttribute(\"aria-controls\");\r\n      this.#input.removeAttribute(\"aria-owns\");\r\n      this.#input.removeAttribute(\"aria-activedescendant\");\r\n    }\r\n    this.requestUpdate();\r\n\r\n    this.#formField?.notifyControlStateChange();\r\n\r\n    this.dispatchEvent(\r\n      new ToggleEvent(\"toggle\", {\r\n        oldState: e.oldState,\r\n        newState: e.newState,\r\n      }),\r\n    );\r\n\r\n    if (this.#input?.slot === \"input\" && this.#input.parentElement?.tagName === \"M3E-INPUT-CHIP-SET\") {\r\n      this.#clearOptions();\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #showMenu(): void {\r\n    if (this.#menu || !this.#input || this.#input.readOnly || this.#input.disabled) return;\r\n\r\n    const count = this.#filterOptions();\r\n\r\n    if (!this.#shouldShowMenu) return;\r\n\r\n    this.#menu = document.createElement(\"m3e-option-panel\");\r\n    this.#menu.id = this.#menuId;\r\n\r\n    if (this.panelClass) {\r\n      for (const klass of this.panelClass\r\n        .split(/\\s+/)\r\n        .map((d) => d.trim())\r\n        .filter(Boolean)) {\r\n        this.#menu.classList.add(klass);\r\n      }\r\n    }\r\n\r\n    this.#menu.style.overflowX = \"hidden\";\r\n    this.#menu.scrollStrategy = \"reposition\";\r\n    this.#menu.fitAnchorWidth = true;\r\n    this.#menu.addEventListener(\"toggle\", this.#menuToggleHandler);\r\n    this.#menu.addEventListener(\"pointerdown\", this.#menuPointerDownHandler);\r\n\r\n    this.#projectClone();\r\n\r\n    this.#updateMenuState(this.#menu, count);\r\n\r\n    (this.#formField ?? this.#input).insertAdjacentElement(\"afterend\", this.#menu);\r\n\r\n    this.#input.setAttribute(\"aria-controls\", this.#menuId);\r\n    this.#input.setAttribute(\"aria-owns\", this.#menuId);\r\n\r\n    this.#formField?.notifyControlStateChange();\r\n\r\n    if (this._listKeyManager.activeItem && this.autoActivate) {\r\n      this.#activateOption(this._listKeyManager.activeItem, true);\r\n    }\r\n\r\n    const input = this.#input;\r\n    setTimeout(() => this.#menu?.show(input, this.#formField?.menuAnchor));\r\n  }\r\n\r\n  /** @private */\r\n  #projectClone(): void {\r\n    if (!this.#clone || !this.#menu) return;\r\n    const children = [...this.#clone.childNodes];\r\n    if (!this.#hasNoDataSlot && this.noDataLabel) {\r\n      const noDataSpan = document.createElement(\"span\");\r\n      noDataSpan.slot = \"no-data\";\r\n      noDataSpan.textContent = this.noDataLabel;\r\n      children.push(noDataSpan);\r\n    }\r\n    if (!this.#hasLoadingSlot && this.loadingLabel) {\r\n      const loadingSpan = document.createElement(\"span\");\r\n      loadingSpan.slot = \"loading\";\r\n      loadingSpan.textContent = this.loadingLabel;\r\n      children.push(loadingSpan);\r\n    }\r\n    this.#menu.replaceChildren(...children);\r\n  }\r\n\r\n  /** @private */\r\n  #updateMenuState(menu: M3eOptionPanelElement, count: number): void {\r\n    setCustomState(menu, \"-loading\", this.loading);\r\n    setCustomState(menu, \"-no-data\", count == 0);\r\n  }\r\n\r\n  /** @private */\r\n  #hideMenu(): void {\r\n    this.#menu?.hide();\r\n  }\r\n\r\n  /** @private */\r\n  #activateOption(option: M3eOptionElement, forceFocusVisible = false): void {\r\n    if (!this.#input) return;\r\n\r\n    this.#input.setAttribute(\"aria-activedescendant\", option.id);\r\n\r\n    if (this.#menu) {\r\n      scrollIntoViewIfNeeded(option, this.#menu, { block: \"nearest\", behavior: \"instant\" });\r\n\r\n      const focusVisible =\r\n        forceFocusVisible ||\r\n        (!this.#ignoreFocusVisible && (this.#input.matches(\":focus-visible\") || forcedColorsActive()));\r\n\r\n      this.#options.forEach((x) => {\r\n        const active = x === option && focusVisible;\r\n        if (active) {\r\n          x.focusRing?.show();\r\n          x.stateLayer?.show(\"focused\");\r\n        } else {\r\n          x.focusRing?.hide();\r\n          x.stateLayer?.hide(\"focused\");\r\n        }\r\n      });\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  async #updateSelectionState(clone: M3eOptionElement): Promise<void> {\r\n    const option = this._options[this._listKeyManager.items.indexOf(clone)];\r\n    if (option) {\r\n      option.selected = clone.selected;\r\n      if (option.isUpdatePending) {\r\n        await option.updateComplete;\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  async #selectOption(option: M3eOptionElement): Promise<void> {\r\n    if (option.selected) return;\r\n\r\n    option.selected = true;\r\n    await this.#updateSelectionState(option);\r\n    if (option.isUpdatePending) {\r\n      await option.updateComplete;\r\n    }\r\n\r\n    this.requestUpdate();\r\n    if (this.isUpdatePending) {\r\n      await this.updateComplete;\r\n    }\r\n\r\n    if (this.#input) {\r\n      this.#input.value = option.label;\r\n    }\r\n\r\n    this.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n\r\n    this.#formField?.notifyControlStateChange(true);\r\n  }\r\n\r\n  /** @private */\r\n  #filterOption(clone: M3eOptionElement, option: M3eOptionElement, term: string, exactTerm: string): boolean {\r\n    const value = this.caseSensitive ? option.value : option.value.toLowerCase();\r\n    switch (this.filter) {\r\n      case \"starts-with\":\r\n        clone.term = exactTerm;\r\n        clone.highlightMode = this.filter;\r\n        return value.startsWith(term);\r\n      case \"ends-with\":\r\n        clone.term = exactTerm;\r\n        clone.highlightMode = this.filter;\r\n        return value.endsWith(term);\r\n      case \"contains\":\r\n        clone.term = exactTerm;\r\n        clone.highlightMode = this.filter;\r\n        return value.includes(term);\r\n      case \"none\":\r\n        clone.disableHighlight = true;\r\n        return true;\r\n      default:\r\n        clone.disableHighlight = true;\r\n        return this.filter(option, exactTerm);\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #filterOptions(): number {\r\n    if (!this.#input) return 0;\r\n\r\n    const oldCount = this.#options.filter((x) => x.hidden === false).length;\r\n    const shouldAnnounce = !this.loading && this.#inputChanged;\r\n    this.#inputChanged = false;\r\n\r\n    const exactTerm = this.#input.value;\r\n    const term = this.caseSensitive ? exactTerm : exactTerm.toLocaleLowerCase();\r\n\r\n    let newCount = 0;\r\n    let first = false;\r\n    let last: M3eOptionElement | undefined;\r\n\r\n    for (let i = 0; i < this.#options.length; i++) {\r\n      const clone = this.#options[i];\r\n      const option = this._options[i];\r\n      clone.hidden = !this.#filterOption(clone, option, term, exactTerm);\r\n\r\n      if (clone.hidden === true) {\r\n        this.#deactivateOption(clone);\r\n        deleteCustomState(clone, \"-first\");\r\n        deleteCustomState(clone, \"-last\");\r\n      } else {\r\n        newCount++;\r\n        if (!first && !(clone.parentElement instanceof M3eOptGroupElement)) {\r\n          addCustomState(clone, \"-first\");\r\n          first = true;\r\n          addCustomState(clone, \"-last\");\r\n          last = clone;\r\n        } else {\r\n          deleteCustomState(clone, \"-first\");\r\n          if (last) {\r\n            deleteCustomState(last, \"-last\");\r\n          }\r\n          addCustomState(clone, \"-last\");\r\n          last = clone;\r\n        }\r\n      }\r\n    }\r\n\r\n    if (this.#menu) {\r\n      this.#updateMenuState(this.#menu, newCount);\r\n    }\r\n\r\n    const groups = this.#menu?.querySelectorAll(\"m3e-optgroup\") ?? this.#clone?.querySelectorAll(\"m3e-optgroup\") ?? [];\r\n    for (const group of groups) {\r\n      group.hidden = [...group.querySelectorAll(\"m3e-option\")].every((x) => x.hidden === true);\r\n    }\r\n\r\n    if (shouldAnnounce) {\r\n      this.#announceResults(oldCount, newCount);\r\n    }\r\n\r\n    this.#autoActivate();\r\n    return newCount;\r\n  }\r\n\r\n  /** @private */\r\n  #clearOptions(): boolean {\r\n    const selected = this._listKeyManager.items.filter((x) => x.selected);\r\n    if (selected.length > 0) {\r\n      selected.forEach((x) => {\r\n        x.selected = false;\r\n        this.#updateSelectionState(x);\r\n      });\r\n      return true;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  /** @private */\r\n  #announceResults(oldCount: number, newCount: number): void {\r\n    if (!this.#hasFocus) return;\r\n    if (newCount == 0) {\r\n      if (oldCount > 0 && this.noDataLabel) {\r\n        M3eLiveAnnouncer.announce(this.noDataLabel, \"polite\");\r\n      }\r\n    } else if (oldCount != newCount) {\r\n      const message = this.resultsLabel instanceof Function ? this.resultsLabel(newCount) : this.resultsLabel;\r\n      if (message) {\r\n        M3eLiveAnnouncer.announce(message, \"polite\");\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #autoActivate(): void {\r\n    if (this.autoActivate && (!this._listKeyManager.activeItem || !this._listKeyManager.activeItem.selected)) {\r\n      const option = this.#options.find((x) => !x.disabled && x.hidden === false);\r\n      if (option) {\r\n        this._listKeyManager.setActiveItem(option);\r\n        if (this.#menu) {\r\n          scrollIntoViewIfNeeded(option, this.#menu, { block: \"nearest\", behavior: \"instant\" });\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #deactivateOption(option: M3eOptionElement): void {\r\n    option.focusRing?.hide();\r\n    option.stateLayer?.hide(\"focused\");\r\n    if (option === this._listKeyManager.activeItem) {\r\n      this._listKeyManager.updateActiveItem(null);\r\n      this.#input?.removeAttribute(\"aria-activedescendant\");\r\n    }\r\n  }\r\n}\r\n\r\ninterface M3eAutocompleteElementEventMap extends HTMLElementEventMap {\r\n  toggle: ToggleEvent;\r\n  query: CustomEvent<AutocompleteQueryEventDetail>;\r\n}\r\n\r\nexport interface M3eAutocompleteElement {\r\n  addEventListener<K extends keyof M3eAutocompleteElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3eAutocompleteElement, ev: M3eAutocompleteElementEventMap[K]) => void,\r\n    options?: boolean | AddEventListenerOptions,\r\n  ): void;\r\n\r\n  addEventListener(\r\n    type: string,\r\n    listener: EventListenerOrEventListenerObject,\r\n    options?: boolean | AddEventListenerOptions,\r\n  ): void;\r\n\r\n  removeEventListener<K extends keyof M3eAutocompleteElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3eAutocompleteElement, ev: M3eAutocompleteElementEventMap[K]) => void,\r\n    options?: boolean | EventListenerOptions,\r\n  ): void;\r\n\r\n  removeEventListener(\r\n    type: string,\r\n    listener: EventListenerOrEventListenerObject,\r\n    options?: boolean | EventListenerOptions,\r\n  ): void;\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    \"m3e-autocomplete\": M3eAutocompleteElement;\r\n  }\r\n}\r\n"],"names":["M3eAutocompleteElement","M3eAutocompleteElement_1","EventAttribute","HtmlFor","LitElement","constructor","super","_M3eAutocompleteElement_id","set","this","__nextId","_M3eAutocompleteElement_menuId","__classPrivateFieldGet","_options","Array","_M3eAutocompleteElement_clone","_M3eAutocompleteElement_ignoreFocusVisible","_M3eAutocompleteElement_menu","_M3eAutocompleteElement_ignoreHideMenuOnBlur","_M3eAutocompleteElement_inputChanged","_M3eAutocompleteElement_hasFocus","_M3eAutocompleteElement_mutationAbortController","_M3eAutocompleteElement_clickHandler","_M3eAutocompleteElement_instances","_M3eAutocompleteElement_handleClick","call","_M3eAutocompleteElement_formFieldPointerDownHandler","_M3eAutocompleteElement_handleFormFieldPointerDown","_M3eAutocompleteElement_focusHandler","_M3eAutocompleteElement_handleFocus","_M3eAutocompleteElement_blurHandler","_M3eAutocompleteElement_handleBlur","_M3eAutocompleteElement_keyDownHandler","e","_M3eAutocompleteElement_inputHandler","_M3eAutocompleteElement_changeHandler","_M3eAutocompleteElement_handleChange","_M3eAutocompleteElement_menuToggleHandler","_M3eAutocompleteElement_menuPointerDownHandler","_listKeyManager","ListKeyManager","withWrap","withHomeAndEnd","withPageUpAndDown","withVerticalOrientation","withSkipPredicate","item","disabled","hidden","onActiveItemChange","activeItem","_M3eAutocompleteElement_activateOption","hideSelectionIndicator","required","autoActivate","caseSensitive","filter","loading","hideNoData","hideLoading","loadingLabel","noDataLabel","resultsLabel","count","panelClass","MutationController","config","childList","subtree","callback","_M3eAutocompleteElement_handleMutation","options","selected","find","x","value","attach","control","HTMLInputElement","autocomplete","role","ariaAutoComplete","ariaExpanded","addEventListener","_M3eAutocompleteElement_formField_get","detach","removeEventListener","clear","restoreFocus","_M3eAutocompleteElement_input_get","_M3eAutocompleteElement_clearOptions","dispatchEvent","Event","bubbles","_M3eAutocompleteElement_filterOptions","focus","_M3eAutocompleteElement_hideMenu","connectedCallback","update","changedProperties","has","setCustomState","M3eLiveAnnouncer","announce","_M3eAutocompleteElement_shouldShowMenu_get","_M3eAutocompleteElement_showMenu","deleteCustomState","render","html","items","querySelector","_M3eAutocompleteElement_options_get","some","length","closest","async","abort","mutationAbortController","AbortController","__classPrivateFieldSet","querySelectorAll","option","signal","aborted","isUpdatePending","updateComplete","cloneNode","added","setItems","forEach","id","indexOf","_M3eAutocompleteElement_projectClone","_M3eAutocompleteElement_updateMenuState","readOnly","CustomEvent","detail","term","composed","defaultPrevented","notifyControlStateChange","label","key","preventDefault","_M3eAutocompleteElement_selectOption","prefersReducedMotion","setTimeout","altKey","onKeyDown","button","stopImmediatePropagation","composedPath","HTMLElement","tagName","setActiveItem","newState","scrollIntoViewIfNeeded","_M3eAutocompleteElement_autoActivate","ToggleEvent","oldState","_M3eAutocompleteElement_destroyMenu","replaceChildren","childNodes","remove","undefined","removeAttribute","requestUpdate","slot","parentElement","document","createElement","klass","split","map","d","trim","Boolean","classList","add","style","overflowX","scrollStrategy","fitAnchorWidth","insertAdjacentElement","setAttribute","input","show","menuAnchor","children","_M3eAutocompleteElement_hasNoDataSlot_get","noDataSpan","textContent","push","_M3eAutocompleteElement_hasLoadingSlot_get","loadingSpan","menu","hide","forceFocusVisible","block","behavior","focusVisible","matches","forcedColorsActive","focusRing","stateLayer","clone","_M3eAutocompleteElement_updateSelectionState","_M3eAutocompleteElement_filterOption","exactTerm","toLowerCase","highlightMode","startsWith","endsWith","includes","disableHighlight","oldCount","shouldAnnounce","toLocaleLowerCase","last","newCount","first","i","_M3eAutocompleteElement_deactivateOption","M3eOptGroupElement","addCustomState","groups","group","every","_M3eAutocompleteElement_announceResults","message","Function","updateActiveItem","styles","css","__decorate","property","attribute","type","prototype","reflect","converter","fromAttribute","customElement"],"mappings":"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"}
+{"version":3,"file":"autocomplete.min.js","sources":["../../src/autocomplete/AutocompleteElement.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-declaration-merging */\r\nimport { css, CSSResultGroup, html, LitElement, PropertyValues } from \"lit\";\r\nimport { property } from \"lit/decorators.js\";\r\n\r\nimport {\r\n  HtmlFor,\r\n  prefersReducedMotion,\r\n  scrollIntoViewIfNeeded,\r\n  forcedColorsActive,\r\n  setCustomState,\r\n  deleteCustomState,\r\n  addCustomState,\r\n  customElement,\r\n  MutationController,\r\n  EventAttribute,\r\n} from \"@m3e/web/core\";\r\n\r\nimport { ListKeyManager, M3eLiveAnnouncer } from \"@m3e/web/core/a11y\";\r\nimport { M3eOptGroupElement, M3eOptionElement, M3eOptionPanelElement } from \"@m3e/web/option\";\r\nimport type { M3eFormFieldElement } from \"@m3e/web/form-field\";\r\n\r\nimport { AutocompleteFilterMode } from \"./AutocompleteFilterMode\";\r\nimport { AutocompleteQueryEventDetail } from \"./AutocompleteQueryEventDetail\";\r\n\r\n/**\r\n * Enhances a text input with suggested options.\r\n *\r\n * @description\r\n * The `m3e-autocomplete` component augments a text input field with a dynamically positioned menu of filterable suggestions,\r\n * following Material Design 3 principles. It provides real-time filtering, keyboard navigation, automatic option activation,\r\n * and text highlighting to guide user selection. The component manages focus, selection state, and menu visibility while\r\n * integrating seamlessly with form field containers and supporting both required and optional selection modes.\r\n *\r\n * @example\r\n * The following example illustrates use of the `m3e-autocomplete` paired with a `m3e-form-field`.\r\n * ```html\r\n * <m3e-form-field>\r\n *   <label slot=\"label\" for=\"fruit\">Choose your favorite fruit</label>\r\n *   <input id=\"fruit\" />\r\n * </m3e-form-field>\r\n * <m3e-autocomplete for=\"fruit\">\r\n *   <m3e-option>Apples</m3e-option>\r\n *   <m3e-option>Oranges</m3e-option>\r\n *   <m3e-option>Bananas</m3e-option>\r\n *   <m3e-option>Grapes</m3e-option>\r\n * </m3e-autocomplete>\r\n * ```\r\n *\r\n * @tag m3e-autocomplete\r\n *\r\n * @attr auto-activate - Whether the first option should be automatically activated.\r\n * @attr case-sensitive - Whether filtering is case sensitive.\r\n * @attr filter - Mode in which to filter options.\r\n * @attr hide-selection-indicator - Whether to hide the selection indicator.\r\n * @attr hide-loading - Whether to hide the menu when loading options.\r\n * @attr hide-no-data - Whether to hide the menu when there are no options to show.\r\n * @attr loading - Whether options are being loaded.\r\n * @attr loading-label - The text announced and presented when loading options.\r\n * @attr no-data-label - The text announced and presented when no options are available for the current term.\r\n * @attr panel-class - Class or list of classes to be applied to the autocomplete's overlay panel.\r\n * @attr required - Whether the user is required to make a selection when interacting with the autocomplete.\r\n * @attr results-label - The text announced when available options change for the current term.\r\n *\r\n * @slot - Renders the options of the autocomplete.\r\n * @slot loading - Renders content when loading options.\r\n * @slot no-data - Renders content when there are no options to show.\r\n *\r\n * @fires toggle - Emitted when the options menu opens or closes.\r\n * @fires query - Emitted when the input is focused or when the user modifies its value.\r\n * @fires change - Emitted when the committed value changes due to selecting an option or clearing the input.\r\n */\r\n@customElement(\"m3e-autocomplete\")\r\nexport class M3eAutocompleteElement extends EventAttribute(HtmlFor(LitElement), \"query\") {\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = css`\r\n    :host {\r\n      display: contents;\r\n    }\r\n    .options {\r\n      display: none;\r\n    }\r\n  `;\r\n\r\n  /** @private */ private static __nextId = 0;\r\n\r\n  /** @private */ readonly #id = `m3e-autocomplete-${M3eAutocompleteElement.__nextId}`;\r\n  /** @private */ readonly #menuId = `${this.#id}-menu`;\r\n  /** @private */ private _options = new Array<M3eOptionElement>();\r\n  /** @private */ #clone?: HTMLElement;\r\n  /** @private */ #ignoreFocusVisible = false;\r\n  /** @private */ #menu?: M3eOptionPanelElement;\r\n  /** @private */ #ignoreHideMenuOnBlur = false;\r\n  /** @private */ #inputChanged = false;\r\n  /** @private */ #hasFocus = false;\r\n  /** @private */ #mutationAbortController?: AbortController;\r\n\r\n  /** @private */ readonly #clickHandler = () => this.#handleClick();\r\n  /** @private */ readonly #formFieldPointerDownHandler = () => this.#handleFormFieldPointerDown();\r\n  /** @private */ readonly #focusHandler = () => this.#handleFocus();\r\n  /** @private */ readonly #blurHandler = () => this.#handleBlur();\r\n  /** @private */ readonly #keyDownHandler = (e: KeyboardEvent) => this.#handleKeyDown(e);\r\n  /** @private */ readonly #inputHandler = (e: Event) => this.#handleInput(e);\r\n  /** @private */ readonly #changeHandler = () => this.#handleChange();\r\n  /** @private */ readonly #menuToggleHandler = (e: ToggleEvent) => this.#handleMenuToggle(e);\r\n  /** @private */ readonly #menuPointerDownHandler = (e: PointerEvent) => this.#handleMenuPointerDown(e);\r\n  /** @private */ readonly #menuPointerUpHandler = (e: PointerEvent) => this.#handleMenuPointerUp(e);\r\n  /** @private */ #menuPressedOption?: M3eOptionElement;\r\n\r\n  /** @private */ private readonly _listKeyManager = new ListKeyManager<M3eOptionElement>()\r\n    .withWrap()\r\n    .withHomeAndEnd()\r\n    .withPageUpAndDown()\r\n    .withVerticalOrientation()\r\n    .withSkipPredicate((item) => item.disabled || item.hidden === true)\r\n    .onActiveItemChange(() => {\r\n      if (this._listKeyManager.activeItem) {\r\n        this.#activateOption(this._listKeyManager.activeItem);\r\n      }\r\n    });\r\n\r\n  constructor() {\r\n    super();\r\n\r\n    new MutationController(this, {\r\n      config: {\r\n        childList: true,\r\n        subtree: true,\r\n      },\r\n      callback: () => this.#handleMutation(),\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Whether to hide the selection indicator.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"hide-selection-indicator\", type: Boolean }) hideSelectionIndicator = false;\r\n\r\n  /**\r\n   * Whether the user is required to make a selection when interacting with the autocomplete.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean, reflect: true }) required = false;\r\n\r\n  /**\r\n   * Whether the first option should be automatically activated.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"auto-activate\", type: Boolean }) autoActivate = false;\r\n\r\n  /**\r\n   * Whether filtering is case sensitive.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"case-sensitive\", type: Boolean }) caseSensitive = false;\r\n\r\n  /**\r\n   * Mode in which to filter options.\r\n   * @default \"contains\"\r\n   */\r\n  @property({\r\n    converter: {\r\n      fromAttribute(value: string | null): AutocompleteFilterMode {\r\n        if (value === null) return \"contains\";\r\n        if (value === \"starts-with\" || value === \"ends-with\" || value === \"contains\" || value === \"none\") {\r\n          return value;\r\n        }\r\n        return \"contains\";\r\n      },\r\n    },\r\n  })\r\n  filter: AutocompleteFilterMode | ((option: M3eOptionElement, term: string) => boolean) = \"contains\";\r\n\r\n  /**\r\n   * Whether options are being loaded.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean }) loading = false;\r\n\r\n  /**\r\n   * Whether to hide the menu when there are no options to show.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"hide-no-data\", type: Boolean }) hideNoData = false;\r\n\r\n  /**\r\n   * Whether to hide the menu when loading options.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"hide-loading\", type: Boolean }) hideLoading = false;\r\n\r\n  /**\r\n   * The text announced and presented when loading options.\r\n   * @default \"Loading...\"\r\n   */\r\n  @property({ attribute: \"loading-label\" }) loadingLabel = \"Loading...\";\r\n\r\n  /**\r\n   * The text announced and presented when no options are available for the current term.\r\n   * @default \"No options\"\r\n   */\r\n  @property({ attribute: \"no-data-label\" }) noDataLabel = \"No options\";\r\n\r\n  /**\r\n   * The text announced when available options change for the current term.\r\n   * @default (count) => `${count} options`\r\n   */\r\n  @property({ attribute: \"results-label\" }) resultsLabel: string | ((count: number) => string) = (count) =>\r\n    `${count} options`;\r\n\r\n  /**\r\n   * Class or list of classes to be applied to the autocomplete's overlay panel.\r\n   * @default \"\"\r\n   */\r\n  @property({ attribute: \"panel-class\" }) panelClass = \"\";\r\n\r\n  /** The options that can be selected. */\r\n  get options(): readonly M3eOptionElement[] {\r\n    return this._options ?? [];\r\n  }\r\n\r\n  /** The selected option. */\r\n  get selected(): M3eOptionElement | null {\r\n    return this.options.find((x) => x.selected) ?? null;\r\n  }\r\n\r\n  /** The selected (enabled) value. */\r\n  get value(): string | null {\r\n    const selected = this.selected;\r\n    return selected && !selected.disabled ? selected.value : null;\r\n  }\r\n\r\n  /** @private */\r\n  get #options(): readonly M3eOptionElement[] {\r\n    return this._listKeyManager?.items ?? [];\r\n  }\r\n\r\n  /** @private */\r\n  get #input(): HTMLInputElement | null {\r\n    return this.control ? <HTMLInputElement>this.control : null;\r\n  }\r\n\r\n  /** @private */\r\n  get #hasNoDataSlot(): boolean {\r\n    return (this.#clone?.querySelector(\"[slot='no-data']\") ?? null) !== null;\r\n  }\r\n\r\n  /** @private */\r\n  get #hasLoadingSlot(): boolean {\r\n    return (this.#clone?.querySelector(\"[slot='loading']\") ?? null) !== null;\r\n  }\r\n\r\n  /** @private */\r\n  get #shouldShowMenu(): boolean {\r\n    return (\r\n      this.#options.some((x) => x.hidden === false) ||\r\n      (this.loading && !this.hideLoading && this.loadingLabel.length > 0) ||\r\n      (!this.loading && !this.hideNoData && this.noDataLabel.length > 0)\r\n    );\r\n  }\r\n\r\n  /** @private */\r\n  get #formField(): M3eFormFieldElement | null {\r\n    return this.control?.closest(\"m3e-form-field\") ?? null;\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override attach(control: HTMLElement): void {\r\n    if (!(control instanceof HTMLInputElement)) return;\r\n\r\n    super.attach(control);\r\n\r\n    control.autocomplete = \"off\";\r\n    control.role = \"combobox\";\r\n    control.ariaAutoComplete = \"list\";\r\n    control.ariaExpanded = \"false\";\r\n\r\n    control.addEventListener(\"click\", this.#clickHandler);\r\n    control.addEventListener(\"focus\", this.#focusHandler);\r\n    control.addEventListener(\"blur\", this.#blurHandler);\r\n    control.addEventListener(\"keydown\", this.#keyDownHandler);\r\n    control.addEventListener(\"input\", this.#inputHandler);\r\n    control.addEventListener(\"change\", this.#changeHandler);\r\n\r\n    this.#formField?.addEventListener(\"pointerdown\", this.#formFieldPointerDownHandler);\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override detach(): void {\r\n    if (this.control) {\r\n      this.#formField?.removeEventListener(\"pointerdown\", this.#formFieldPointerDownHandler);\r\n\r\n      this.control.role = null;\r\n      this.control.ariaAutoComplete = null;\r\n      this.control.ariaExpanded = null;\r\n\r\n      this.control.removeEventListener(\"click\", this.#clickHandler);\r\n      this.control.removeEventListener(\"focus\", this.#focusHandler);\r\n      this.control.removeEventListener(\"blur\", this.#blurHandler);\r\n      this.control.removeEventListener(\"keydown\", this.#keyDownHandler);\r\n      this.control.removeEventListener(\"input\", this.#inputHandler);\r\n      this.control.removeEventListener(\"change\", this.#changeHandler);\r\n    }\r\n    super.detach();\r\n  }\r\n\r\n  /**\r\n   * Clears the value of the element.\r\n   * @param [restoreFocus=false] Whether to restore input focus.\r\n   */\r\n  clear(restoreFocus = false): void {\r\n    if (!this.#input) return;\r\n\r\n    this.#input.value = \"\";\r\n    if (this.#clearOptions()) {\r\n      this.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n    }\r\n    this.#filterOptions();\r\n\r\n    if (restoreFocus) {\r\n      this.#input.focus();\r\n    } else {\r\n      this.#hideMenu();\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override connectedCallback(): void {\r\n    super.connectedCallback();\r\n    this.#handleMutation();\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override update(changedProperties: PropertyValues<this>): void {\r\n    super.update(changedProperties);\r\n\r\n    if (changedProperties.has(\"hideNoData\") && this.hideNoData && this.#menu) {\r\n      setCustomState(this.#menu, \"-no-data\", false);\r\n    }\r\n\r\n    if (changedProperties.has(\"loading\")) {\r\n      if (this.loading) {\r\n        if (this.#hasFocus) {\r\n          if (this.loadingLabel) {\r\n            M3eLiveAnnouncer.announce(this.loadingLabel, \"polite\");\r\n          }\r\n          if (!this.#menu && this.#shouldShowMenu) {\r\n            this.#showMenu();\r\n          }\r\n        }\r\n      } else if (this.#menu && !this.#shouldShowMenu) {\r\n        this.#hideMenu();\r\n      } else if (this.#menu) {\r\n        deleteCustomState(this.#menu, \"-loading\");\r\n      } else if (this.#hasFocus) {\r\n        this.#showMenu();\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return html`<div class=\"options\" aria-hidden=\"true\">\r\n      <slot></slot>\r\n    </div>`;\r\n  }\r\n\r\n  /** @private */\r\n  async #handleMutation(): Promise<void> {\r\n    if (this.#mutationAbortController) {\r\n      this.#mutationAbortController.abort();\r\n    }\r\n    const mutationAbortController = new AbortController();\r\n    this.#mutationAbortController = mutationAbortController;\r\n\r\n    const options = [...this.querySelectorAll(\"m3e-option\")];\r\n\r\n    for (const option of options) {\r\n      if (mutationAbortController.signal.aborted) {\r\n        break;\r\n      }\r\n      if (option.isUpdatePending) {\r\n        await option.updateComplete;\r\n      }\r\n    }\r\n\r\n    if (mutationAbortController.signal.aborted) {\r\n      return;\r\n    }\r\n\r\n    this._options = options;\r\n\r\n    this.#clone = <HTMLElement>this.cloneNode(true);\r\n\r\n    const { added } = this._listKeyManager.setItems([...this.#clone.querySelectorAll(\"m3e-option\")]);\r\n    added.forEach((x) => {\r\n      x.id = x.id || `${this.#id}-option-${this._listKeyManager.items.indexOf(x)}`;\r\n      setCustomState(x, \"-hide-selection-indicator\", this.hideSelectionIndicator);\r\n    });\r\n\r\n    if (this.#menu) {\r\n      const count = this.#filterOptions();\r\n      this.#projectClone();\r\n      if (!this.#shouldShowMenu) {\r\n        this.#hideMenu();\r\n      } else {\r\n        this.#updateMenuState(this.#menu, count);\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleClick(): void {\r\n    this.#ignoreFocusVisible = true;\r\n    this.#showMenu();\r\n  }\r\n\r\n  /** @private */\r\n  #handleFormFieldPointerDown(): void {\r\n    this.#ignoreHideMenuOnBlur = true;\r\n  }\r\n\r\n  /** @private */\r\n  #handleFocus(): void {\r\n    this.#hasFocus = true;\r\n    this.#ignoreFocusVisible = true;\r\n\r\n    if (this.options.length == 0 && !(<HTMLInputElement>this.control).readOnly) {\r\n      this.dispatchEvent(\r\n        new CustomEvent<AutocompleteQueryEventDetail>(\"query\", {\r\n          detail: { term: this.#input?.value ?? \"\" },\r\n          bubbles: true,\r\n          composed: true,\r\n        }),\r\n      );\r\n    }\r\n\r\n    this.#showMenu();\r\n  }\r\n\r\n  /** @private */\r\n  #handleBlur(): void {\r\n    this.#hasFocus = false;\r\n    if (!this.#ignoreHideMenuOnBlur) {\r\n      this.#hideMenu();\r\n    }\r\n    this.#ignoreHideMenuOnBlur = false;\r\n  }\r\n\r\n  /** @private */\r\n  #handleInput(e: Event): void {\r\n    if (!this.#input || e.defaultPrevented) return;\r\n\r\n    this.dispatchEvent(\r\n      new CustomEvent<AutocompleteQueryEventDetail>(\"query\", {\r\n        detail: { term: this.#input.value },\r\n        bubbles: true,\r\n        composed: true,\r\n      }),\r\n    );\r\n\r\n    if (this.#input.value === \"\" && this.#clearOptions()) {\r\n      this.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n    }\r\n\r\n    this.#inputChanged = true;\r\n    try {\r\n      if (!this.#menu) {\r\n        this.#showMenu();\r\n      } else {\r\n        this.#filterOptions();\r\n        if (!this.#shouldShowMenu) {\r\n          this.#hideMenu();\r\n        }\r\n      }\r\n    } finally {\r\n      this.#inputChanged = false;\r\n      this.#formField?.notifyControlStateChange(true);\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleChange(): void {\r\n    if (this.#input) {\r\n      const selected = this.selected;\r\n      if (this.required) {\r\n        this.#input.value = selected?.label ?? \"\";\r\n      } else if (selected && selected.label !== this.#input.value && this.#clearOptions()) {\r\n        this.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleKeyDown(e: KeyboardEvent): void {\r\n    if (e.defaultPrevented) return;\r\n\r\n    this.#ignoreFocusVisible = false;\r\n\r\n    switch (e.key) {\r\n      case \"Backspace\":\r\n      case \"Delete\":\r\n        if (this.#input && !this.#input.value) {\r\n          this.#hideMenu();\r\n        }\r\n        break;\r\n\r\n      case \"Enter\":\r\n        if (this.#menu && this._listKeyManager.activeItem) {\r\n          e.preventDefault();\r\n          this.#selectOption(this._listKeyManager.activeItem);\r\n          if (!prefersReducedMotion()) {\r\n            setTimeout(() => this.#hideMenu(), 150);\r\n          } else {\r\n            this.#hideMenu();\r\n          }\r\n        } else if (this.#menu) {\r\n          setTimeout(() => {\r\n            if (this.#input && !this.#input.value) {\r\n              this.#hideMenu();\r\n            }\r\n          });\r\n        }\r\n        break;\r\n\r\n      case \"Escape\":\r\n      case \"Tab\":\r\n        this.#hideMenu();\r\n        break;\r\n\r\n      case \"Up\":\r\n      case \"ArrowUp\":\r\n        if (e.altKey) {\r\n          this.#hideMenu();\r\n        } else {\r\n          this._listKeyManager.onKeyDown(e);\r\n        }\r\n        break;\r\n\r\n      case \"Down\":\r\n      case \"ArrowDown\":\r\n        if (!this.#menu) {\r\n          this.#showMenu();\r\n          e.preventDefault();\r\n        } else {\r\n          this._listKeyManager.onKeyDown(e);\r\n        }\r\n        break;\r\n\r\n      default:\r\n        this._listKeyManager.onKeyDown(e);\r\n        break;\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleMenuPointerDown(e: PointerEvent): void {\r\n    this.#menuPressedOption = undefined;\r\n\r\n    if (e.button === 2) return;\r\n    // Prevent click to avoid stealing focus.\r\n    e.preventDefault();\r\n    e.stopImmediatePropagation();\r\n\r\n    const option = <M3eOptionElement | undefined>(\r\n      e.composedPath().find((x) => x instanceof HTMLElement && x.tagName === \"M3E-OPTION\")\r\n    );\r\n\r\n    if (option && !option.disabled) {\r\n      this.#menuPressedOption = option;\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleMenuPointerUp(e: PointerEvent): void {\r\n    const pressedOption = this.#menuPressedOption;\r\n    this.#menuPressedOption = undefined;\r\n\r\n    if (e.button === 2) return;\r\n\r\n    if (!pressedOption) return;\r\n\r\n    const option = <M3eOptionElement | undefined>(\r\n      e.composedPath().find((x) => x instanceof HTMLElement && x.tagName === \"M3E-OPTION\")\r\n    );\r\n\r\n    if (option === pressedOption) {\r\n      this._listKeyManager.setActiveItem(option);\r\n      this.#selectOption(option);\r\n    }\r\n\r\n    if (!prefersReducedMotion()) {\r\n      setTimeout(() => this.#hideMenu(), 150);\r\n    } else {\r\n      this.#hideMenu();\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleMenuToggle(e: ToggleEvent): void {\r\n    if (!this.#menu) return;\r\n\r\n    if (e.newState !== \"closed\") {\r\n      const option = this.#options.find((x) => x.selected && !x.disabled);\r\n      if (option) {\r\n        this._listKeyManager.setActiveItem(option);\r\n        scrollIntoViewIfNeeded(option, this.#menu);\r\n      } else {\r\n        this.#autoActivate();\r\n      }\r\n\r\n      this.dispatchEvent(\r\n        new ToggleEvent(\"toggle\", {\r\n          oldState: e.oldState,\r\n          newState: e.newState,\r\n        }),\r\n      );\r\n    } else {\r\n      if (prefersReducedMotion()) {\r\n        this.#destroyMenu(e);\r\n      } else {\r\n        // NOTE: use transitionend is preferred but doesn't fire when used here.\r\n        // This is a workaround until that is fixed.\r\n        setTimeout(() => this.#destroyMenu(e), 100);\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private*/\r\n  #destroyMenu(e: ToggleEvent): void {\r\n    if (!this.#menu) return;\r\n\r\n    this.#clone?.replaceChildren(...this.#menu.childNodes);\r\n\r\n    this.#menu.remove();\r\n    this.#menu.removeEventListener(\"toggle\", this.#menuToggleHandler);\r\n    this.#menu.removeEventListener(\"pointerdown\", this.#menuPointerDownHandler);\r\n    this.#menu.removeEventListener(\"pointerup\", this.#menuPointerUpHandler);\r\n    this.#menu = undefined;\r\n\r\n    if (this.#input) {\r\n      this.#input.ariaExpanded = \"false\";\r\n      this.#input.removeAttribute(\"aria-controls\");\r\n      this.#input.removeAttribute(\"aria-owns\");\r\n      this.#input.removeAttribute(\"aria-activedescendant\");\r\n    }\r\n    this.requestUpdate();\r\n\r\n    this.#formField?.notifyControlStateChange();\r\n\r\n    this.dispatchEvent(\r\n      new ToggleEvent(\"toggle\", {\r\n        oldState: e.oldState,\r\n        newState: e.newState,\r\n      }),\r\n    );\r\n\r\n    if (this.#input?.slot === \"input\" && this.#input.parentElement?.tagName === \"M3E-INPUT-CHIP-SET\") {\r\n      this.#clearOptions();\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #showMenu(): void {\r\n    if (this.#menu || !this.#input || this.#input.readOnly || this.#input.disabled) return;\r\n\r\n    const count = this.#filterOptions();\r\n\r\n    if (!this.#shouldShowMenu) return;\r\n\r\n    this.#menu = document.createElement(\"m3e-option-panel\");\r\n    this.#menu.id = this.#menuId;\r\n\r\n    if (this.panelClass) {\r\n      for (const klass of this.panelClass\r\n        .split(/\\s+/)\r\n        .map((d) => d.trim())\r\n        .filter(Boolean)) {\r\n        this.#menu.classList.add(klass);\r\n      }\r\n    }\r\n\r\n    this.#menu.style.overflowX = \"hidden\";\r\n    this.#menu.scrollStrategy = \"reposition\";\r\n    this.#menu.fitAnchorWidth = true;\r\n    this.#menu.addEventListener(\"toggle\", this.#menuToggleHandler);\r\n    this.#menu.addEventListener(\"pointerdown\", this.#menuPointerDownHandler);\r\n    this.#menu.addEventListener(\"pointerup\", this.#menuPointerUpHandler);\r\n\r\n    this.#projectClone();\r\n\r\n    this.#updateMenuState(this.#menu, count);\r\n\r\n    (this.#formField ?? this.#input).insertAdjacentElement(\"afterend\", this.#menu);\r\n\r\n    this.#input.setAttribute(\"aria-controls\", this.#menuId);\r\n    this.#input.setAttribute(\"aria-owns\", this.#menuId);\r\n\r\n    this.#formField?.notifyControlStateChange();\r\n\r\n    if (this._listKeyManager.activeItem && this.autoActivate) {\r\n      this.#activateOption(this._listKeyManager.activeItem, true);\r\n    }\r\n\r\n    const input = this.#input;\r\n    setTimeout(() => this.#menu?.show(input, this.#formField?.menuAnchor));\r\n  }\r\n\r\n  /** @private */\r\n  #projectClone(): void {\r\n    if (!this.#clone || !this.#menu) return;\r\n    const children = [...this.#clone.childNodes];\r\n    if (!this.#hasNoDataSlot && this.noDataLabel) {\r\n      const noDataSpan = document.createElement(\"span\");\r\n      noDataSpan.slot = \"no-data\";\r\n      noDataSpan.textContent = this.noDataLabel;\r\n      children.push(noDataSpan);\r\n    }\r\n    if (!this.#hasLoadingSlot && this.loadingLabel) {\r\n      const loadingSpan = document.createElement(\"span\");\r\n      loadingSpan.slot = \"loading\";\r\n      loadingSpan.textContent = this.loadingLabel;\r\n      children.push(loadingSpan);\r\n    }\r\n    this.#menu.replaceChildren(...children);\r\n  }\r\n\r\n  /** @private */\r\n  #updateMenuState(menu: M3eOptionPanelElement, count: number): void {\r\n    setCustomState(menu, \"-loading\", this.loading);\r\n    setCustomState(menu, \"-no-data\", count == 0);\r\n  }\r\n\r\n  /** @private */\r\n  #hideMenu(): void {\r\n    this.#menu?.hide();\r\n  }\r\n\r\n  /** @private */\r\n  #activateOption(option: M3eOptionElement, forceFocusVisible = false): void {\r\n    if (!this.#input) return;\r\n\r\n    this.#input.setAttribute(\"aria-activedescendant\", option.id);\r\n\r\n    if (this.#menu) {\r\n      scrollIntoViewIfNeeded(option, this.#menu, { block: \"nearest\", behavior: \"instant\" });\r\n\r\n      const focusVisible =\r\n        forceFocusVisible ||\r\n        (!this.#ignoreFocusVisible && (this.#input.matches(\":focus-visible\") || forcedColorsActive()));\r\n\r\n      this.#options.forEach((x) => {\r\n        const active = x === option && focusVisible;\r\n        if (active) {\r\n          x.focusRing?.show();\r\n          x.stateLayer?.show(\"focused\");\r\n        } else {\r\n          x.focusRing?.hide();\r\n          x.stateLayer?.hide(\"focused\");\r\n        }\r\n      });\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  async #updateSelectionState(clone: M3eOptionElement): Promise<void> {\r\n    const option = this._options[this._listKeyManager.items.indexOf(clone)];\r\n    if (option) {\r\n      option.selected = clone.selected;\r\n      if (option.isUpdatePending) {\r\n        await option.updateComplete;\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  async #selectOption(option: M3eOptionElement): Promise<void> {\r\n    if (option.selected) return;\r\n\r\n    option.selected = true;\r\n    await this.#updateSelectionState(option);\r\n    if (option.isUpdatePending) {\r\n      await option.updateComplete;\r\n    }\r\n\r\n    this.requestUpdate();\r\n    if (this.isUpdatePending) {\r\n      await this.updateComplete;\r\n    }\r\n\r\n    if (this.#input) {\r\n      this.#input.value = option.label;\r\n    }\r\n\r\n    this.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n\r\n    this.#formField?.notifyControlStateChange(true);\r\n  }\r\n\r\n  /** @private */\r\n  #filterOption(clone: M3eOptionElement, option: M3eOptionElement, term: string, exactTerm: string): boolean {\r\n    const value = this.caseSensitive ? option.value : option.value.toLowerCase();\r\n    switch (this.filter) {\r\n      case \"starts-with\":\r\n        clone.term = exactTerm;\r\n        clone.highlightMode = this.filter;\r\n        return value.startsWith(term);\r\n      case \"ends-with\":\r\n        clone.term = exactTerm;\r\n        clone.highlightMode = this.filter;\r\n        return value.endsWith(term);\r\n      case \"contains\":\r\n        clone.term = exactTerm;\r\n        clone.highlightMode = this.filter;\r\n        return value.includes(term);\r\n      case \"none\":\r\n        clone.disableHighlight = true;\r\n        return true;\r\n      default:\r\n        clone.disableHighlight = true;\r\n        return this.filter(option, exactTerm);\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #filterOptions(): number {\r\n    if (!this.#input) return 0;\r\n\r\n    const oldCount = this.#options.filter((x) => x.hidden === false).length;\r\n    const shouldAnnounce = !this.loading && this.#inputChanged;\r\n    this.#inputChanged = false;\r\n\r\n    const exactTerm = this.#input.value;\r\n    const term = this.caseSensitive ? exactTerm : exactTerm.toLocaleLowerCase();\r\n\r\n    let newCount = 0;\r\n    let first = false;\r\n    let last: M3eOptionElement | undefined;\r\n\r\n    for (let i = 0; i < this.#options.length; i++) {\r\n      const clone = this.#options[i];\r\n      const option = this._options[i];\r\n      clone.hidden = !this.#filterOption(clone, option, term, exactTerm);\r\n\r\n      if (clone.hidden === true) {\r\n        this.#deactivateOption(clone);\r\n        deleteCustomState(clone, \"-first\");\r\n        deleteCustomState(clone, \"-last\");\r\n      } else {\r\n        newCount++;\r\n        if (!first && !(clone.parentElement instanceof M3eOptGroupElement)) {\r\n          addCustomState(clone, \"-first\");\r\n          first = true;\r\n          addCustomState(clone, \"-last\");\r\n          last = clone;\r\n        } else {\r\n          deleteCustomState(clone, \"-first\");\r\n          if (last) {\r\n            deleteCustomState(last, \"-last\");\r\n          }\r\n          addCustomState(clone, \"-last\");\r\n          last = clone;\r\n        }\r\n      }\r\n    }\r\n\r\n    if (this.#menu) {\r\n      this.#updateMenuState(this.#menu, newCount);\r\n    }\r\n\r\n    const groups = this.#menu?.querySelectorAll(\"m3e-optgroup\") ?? this.#clone?.querySelectorAll(\"m3e-optgroup\") ?? [];\r\n    for (const group of groups) {\r\n      group.hidden = [...group.querySelectorAll(\"m3e-option\")].every((x) => x.hidden === true);\r\n    }\r\n\r\n    if (shouldAnnounce) {\r\n      this.#announceResults(oldCount, newCount);\r\n    }\r\n\r\n    this.#autoActivate();\r\n    return newCount;\r\n  }\r\n\r\n  /** @private */\r\n  #clearOptions(): boolean {\r\n    const selected = this._listKeyManager.items.filter((x) => x.selected);\r\n    if (selected.length > 0) {\r\n      selected.forEach((x) => {\r\n        x.selected = false;\r\n        this.#updateSelectionState(x);\r\n      });\r\n      return true;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  /** @private */\r\n  #announceResults(oldCount: number, newCount: number): void {\r\n    if (!this.#hasFocus) return;\r\n    if (newCount == 0) {\r\n      if (oldCount > 0 && this.noDataLabel) {\r\n        M3eLiveAnnouncer.announce(this.noDataLabel, \"polite\");\r\n      }\r\n    } else if (oldCount != newCount) {\r\n      const message = this.resultsLabel instanceof Function ? this.resultsLabel(newCount) : this.resultsLabel;\r\n      if (message) {\r\n        M3eLiveAnnouncer.announce(message, \"polite\");\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #autoActivate(): void {\r\n    if (this.autoActivate && (!this._listKeyManager.activeItem || !this._listKeyManager.activeItem.selected)) {\r\n      const option = this.#options.find((x) => !x.disabled && x.hidden === false);\r\n      if (option) {\r\n        this._listKeyManager.setActiveItem(option);\r\n        if (this.#menu) {\r\n          scrollIntoViewIfNeeded(option, this.#menu, { block: \"nearest\", behavior: \"instant\" });\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #deactivateOption(option: M3eOptionElement): void {\r\n    option.focusRing?.hide();\r\n    option.stateLayer?.hide(\"focused\");\r\n    if (option === this._listKeyManager.activeItem) {\r\n      this._listKeyManager.updateActiveItem(null);\r\n      this.#input?.removeAttribute(\"aria-activedescendant\");\r\n    }\r\n  }\r\n}\r\n\r\ninterface M3eAutocompleteElementEventMap extends HTMLElementEventMap {\r\n  toggle: ToggleEvent;\r\n  query: CustomEvent<AutocompleteQueryEventDetail>;\r\n}\r\n\r\nexport interface M3eAutocompleteElement {\r\n  addEventListener<K extends keyof M3eAutocompleteElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3eAutocompleteElement, ev: M3eAutocompleteElementEventMap[K]) => void,\r\n    options?: boolean | AddEventListenerOptions,\r\n  ): void;\r\n\r\n  addEventListener(\r\n    type: string,\r\n    listener: EventListenerOrEventListenerObject,\r\n    options?: boolean | AddEventListenerOptions,\r\n  ): void;\r\n\r\n  removeEventListener<K extends keyof M3eAutocompleteElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3eAutocompleteElement, ev: M3eAutocompleteElementEventMap[K]) => void,\r\n    options?: boolean | EventListenerOptions,\r\n  ): void;\r\n\r\n  removeEventListener(\r\n    type: string,\r\n    listener: EventListenerOrEventListenerObject,\r\n    options?: boolean | EventListenerOptions,\r\n  ): void;\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    \"m3e-autocomplete\": M3eAutocompleteElement;\r\n  }\r\n}\r\n"],"names":["M3eAutocompleteElement","M3eAutocompleteElement_1","EventAttribute","HtmlFor","LitElement","constructor","super","_M3eAutocompleteElement_id","set","this","__nextId","_M3eAutocompleteElement_menuId","__classPrivateFieldGet","_options","Array","_M3eAutocompleteElement_clone","_M3eAutocompleteElement_ignoreFocusVisible","_M3eAutocompleteElement_menu","_M3eAutocompleteElement_ignoreHideMenuOnBlur","_M3eAutocompleteElement_inputChanged","_M3eAutocompleteElement_hasFocus","_M3eAutocompleteElement_mutationAbortController","_M3eAutocompleteElement_clickHandler","_M3eAutocompleteElement_instances","_M3eAutocompleteElement_handleClick","call","_M3eAutocompleteElement_formFieldPointerDownHandler","_M3eAutocompleteElement_handleFormFieldPointerDown","_M3eAutocompleteElement_focusHandler","_M3eAutocompleteElement_handleFocus","_M3eAutocompleteElement_blurHandler","_M3eAutocompleteElement_handleBlur","_M3eAutocompleteElement_keyDownHandler","e","_M3eAutocompleteElement_inputHandler","_M3eAutocompleteElement_changeHandler","_M3eAutocompleteElement_handleChange","_M3eAutocompleteElement_menuToggleHandler","_M3eAutocompleteElement_menuPointerDownHandler","_M3eAutocompleteElement_menuPointerUpHandler","_M3eAutocompleteElement_menuPressedOption","_listKeyManager","ListKeyManager","withWrap","withHomeAndEnd","withPageUpAndDown","withVerticalOrientation","withSkipPredicate","item","disabled","hidden","onActiveItemChange","activeItem","_M3eAutocompleteElement_activateOption","hideSelectionIndicator","required","autoActivate","caseSensitive","filter","loading","hideNoData","hideLoading","loadingLabel","noDataLabel","resultsLabel","count","panelClass","MutationController","config","childList","subtree","callback","_M3eAutocompleteElement_handleMutation","options","selected","find","x","value","attach","control","HTMLInputElement","autocomplete","role","ariaAutoComplete","ariaExpanded","addEventListener","_M3eAutocompleteElement_formField_get","detach","removeEventListener","clear","restoreFocus","_M3eAutocompleteElement_input_get","_M3eAutocompleteElement_clearOptions","dispatchEvent","Event","bubbles","_M3eAutocompleteElement_filterOptions","focus","_M3eAutocompleteElement_hideMenu","connectedCallback","update","changedProperties","has","setCustomState","M3eLiveAnnouncer","announce","_M3eAutocompleteElement_shouldShowMenu_get","_M3eAutocompleteElement_showMenu","deleteCustomState","render","html","items","querySelector","_M3eAutocompleteElement_options_get","some","length","closest","async","abort","mutationAbortController","AbortController","__classPrivateFieldSet","querySelectorAll","option","signal","aborted","isUpdatePending","updateComplete","cloneNode","added","setItems","forEach","id","indexOf","_M3eAutocompleteElement_projectClone","_M3eAutocompleteElement_updateMenuState","readOnly","CustomEvent","detail","term","composed","defaultPrevented","notifyControlStateChange","label","key","preventDefault","_M3eAutocompleteElement_selectOption","prefersReducedMotion","setTimeout","altKey","onKeyDown","undefined","button","stopImmediatePropagation","composedPath","HTMLElement","tagName","pressedOption","setActiveItem","newState","scrollIntoViewIfNeeded","_M3eAutocompleteElement_autoActivate","ToggleEvent","oldState","_M3eAutocompleteElement_destroyMenu","replaceChildren","childNodes","remove","removeAttribute","requestUpdate","slot","parentElement","document","createElement","klass","split","map","d","trim","Boolean","classList","add","style","overflowX","scrollStrategy","fitAnchorWidth","insertAdjacentElement","setAttribute","input","show","menuAnchor","children","_M3eAutocompleteElement_hasNoDataSlot_get","noDataSpan","textContent","push","_M3eAutocompleteElement_hasLoadingSlot_get","loadingSpan","menu","hide","forceFocusVisible","block","behavior","focusVisible","matches","forcedColorsActive","focusRing","stateLayer","clone","_M3eAutocompleteElement_updateSelectionState","_M3eAutocompleteElement_filterOption","exactTerm","toLowerCase","highlightMode","startsWith","endsWith","includes","disableHighlight","oldCount","shouldAnnounce","toLocaleLowerCase","last","newCount","first","i","_M3eAutocompleteElement_deactivateOption","M3eOptGroupElement","addCustomState","groups","group","every","_M3eAutocompleteElement_announceResults","message","Function","updateActiveItem","styles","css","__decorate","property","attribute","type","prototype","reflect","converter","fromAttribute","customElement"],"mappings":"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"}

package/dist/avatar.js

@@ -1,6 +1,6 @@
 /**
  * @license MIT
- * Copyright (c) 2025 matraic
+ * Copyright (c) 2025–2026 matraic
  * See LICENSE file in the project root for full license text.
  */
 import { __decorate } from 'tslib';

package/dist/avatar.min.js

@@ -1,6 +1,6 @@
 /**
  * @license MIT
- * Copyright (c) 2025 matraic
+ * Copyright (c) 2025–2026 matraic
  * See LICENSE file in the project root for full license text.
  */
 import{__decorate as e}from"tslib";import{css as t,LitElement as a,html as r}from"lit";import{DesignToken as i,customElement as o}from"@m3e/web/core";let l=class extends a{render(){return r`<div class="base"><slot></slot></div>`}};l.styles=t`:host { display: inline-block; vertical-align: middle; aspect-ratio: 1 / 1; width: var(--m3e-avatar-size, 2.5rem); } .base { user-select: none; white-space: nowrap; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: var(--m3e-avatar-shape, ${i.shape.corner.full}); font-size: var(--m3e-avatar-font-size, ${i.typescale.standard.title.medium.fontSize}); font-weight: var(--m3e-avatar-font-weight, ${i.typescale.standard.title.medium.fontWeight}); line-height: var(--m3e-avatar-line-height, ${i.typescale.standard.title.medium.lineHeight}); letter-spacing: var(--m3e-avatar-tracking, ${i.typescale.standard.title.medium.tracking}); background-color: var(--m3e-avatar-color, ${i.color.primaryContainer}); color: var(--m3e-avatar-label-color, ${i.color.onPrimaryContainer}); } ::slotted(img) { display: block; margin: 0 auto; overflow: hidden; object-fit: cover; width: 100%; height: 100%; }`,l=e([o("m3e-avatar")],l);export{l as M3eAvatarElement};

package/dist/badge.js

@@ -1,6 +1,6 @@
 /**
  * @license MIT
- * Copyright (c) 2025 matraic
+ * Copyright (c) 2025–2026 matraic
  * See LICENSE file in the project root for full license text.
  */
 import { __classPrivateFieldGet, __classPrivateFieldSet, __decorate } from 'tslib';

package/dist/badge.min.js

@@ -1,6 +1,6 @@
 /**
  * @license MIT
- * Copyright (c) 2025 matraic
+ * Copyright (c) 2025–2026 matraic
  * See LICENSE file in the project root for full license text.
  */
 import{__classPrivateFieldGet as e,__classPrivateFieldSet as t,__decorate as a}from"tslib";import{LitElement as r,html as o,css as s}from"lit";import{property as i}from"lit/decorators.js";import{HtmlFor as l,DesignToken as n,customElement as d}from"@m3e/web/core";import{M3eDirectionality as f}from"@m3e/web/core/bidi";import{positionAnchor as b}from"@m3e/web/core/anchoring";var c,h,m,p,g,v;let x=class extends(l(r)){constructor(){super(...arguments),c.add(this),h.set(this,void 0),m.set(this,void 0),this.size="medium",this.position="above-after"}attach(t){super.attach(t),e(this,c,"m",v).call(this)}detach(){super.detach(),e(this,c,"m",g).call(this)}connectedCallback(){super.connectedCallback(),t(this,h,f.observe(()=>e(this,c,"m",v).call(this)),"f")}disconnectedCallback(){super.disconnectedCallback(),e(this,h,"f")?.call(this)}update(t){super.update(t),(t.has("position")||t.has("size")||t.has("htmlFor"))&&e(this,c,"m",v).call(this)}render(){return o`<div class="base"><slot @slotchange="${e(this,c,"m",p)}"><span aria-hidden="true">&nbsp;</span></slot></div>`}};h=new WeakMap,m=new WeakMap,c=new WeakSet,p=function(){this.isConnected&&this.style.setProperty("--_badge-padding",this.textContent&&this.textContent.length>2?"0 "+("medium"===this.size?"0.25rem":"large"===this.size?"0.5rem":"0"):"")},g=function(){e(this,m,"f")?.call(this),t(this,m,void 0,"f")},v=async function(){if(e(this,c,"m",g).call(this),!this.control)return;let a="top-end";switch(this.position){case"above":a="top";break;case"above-before":a="top-start";break;case"after":a="right";break;case"before":a="left";break;case"below":a="bottom";break;case"below-after":a="bottom-end";break;case"below-before":a="bottom-start"}t(this,m,await b(this,this.control,{position:a},(e,t)=>{this.position.includes("before")&&"before"!==this.position&&("rtl"===f.current?e+=this.clientWidth:e-=this.clientWidth),this.position.includes("after")&&"after"!==this.position&&("rtl"===f.current?e-=this.clientWidth:e+=this.clientWidth),this.style.left=`${e}px`,this.style.top=`${t}px`}),"f")},x.styles=s`:host { display: inline-block; vertical-align: baseline; } .base { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; white-space: nowrap; vertical-align: baseline; box-sizing: border-box; user-select: none; padding: var(--_badge-padding); border-radius: var(--m3e-badge-shape, ${n.shape.corner.full}); color: var(--m3e-badge-color, ${n.color.onError}); background-color: var(--m3e-badge-container-color, ${n.color.error}); } :host([for]) { position: absolute; z-index: 1; } :host([for][position="above"]) { transform: translateY(var(--_badge-offset, 0px)); } :host([for][position="above-after"]:not(:dir(rtl))) { transform: translate3d(calc(0px - var(--_badge-offset, 0px)), var(--_badge-offset, 0px), 0); } :host([for][position="above-after"]:dir(rtl)) { transform: translate3d(var(--_badge-offset, 0px), var(--_badge-offset, 0px), 0); } :host([for][position="above-before"]:not(:dir(rtl))) { transform: translate3d(var(--_badge-offset, 0px), var(--_badge-offset, 0px), 0); } :host([for][position="above-before"]:dir(rtl)) { transform: translate3d(calc(0px - var(--_badge-offset, 0px)), var(--_badge-offset, 0px), 0); } :host([for][position="below"]) { transform: translateY(calc(0px - var(--_badge-offset, 0px))); } :host([for][position="below-after"]:not(:dir(rtl))) { transform: translate3d(calc(0px - var(--_badge-offset, 0px)), calc(0px - var(--_badge-offset, 0px)), 0); } :host([for][position="below-after"]:dir(rtl)) { transform: translate3d(var(--_badge-offset, 0px), calc(0px - var(--_badge-offset, 0px)), 0); } :host([for][position="below-before"]:not(:dir(rtl))) { transform: translate3d(var(--_badge-offset, 0px), calc(0px - var(--_badge-offset, 0px)), 0); } :host([for][position="below-before"]:dir(rtl)) { transform: translate3d(calc(0px - var(--_badge-offset, 0px)), calc(0px - var(--_badge-offset, 0px)), 0); } :host([for][position="before"]:not(:dir(rtl))), :host([for][position="after"]:dir(rtl)) { transform: translateX(var(--_badge-offset, 0px)); } :host([for][position="before"]:dir(rtl)), :host([for][position="after"]:not(:dir(rtl))) { transform: translateX(calc(0px - var(--_badge-offset, 0px))); } :host([size="small"]) { height: var(--m3e-badge-small-size, 0.375rem); max-height: var(--m3e-badge-small-size, 0.375rem); width: var(--m3e-badge-small-size, 0.375rem); min-width: var(--m3e-badge-small-size, 0.375rem); --_badge-offset: var(--m3e-badge-small-offset, 0.375rem); } :host([size="small"]) .base { font-size: 0; } :host([size="medium"]) { height: var(--m3e-badge-medium-size, 1.375rem); min-width: var(--m3e-badge-medium-size, 1.375rem); --_badge-offset: var(--m3e-badge-small-offset, 0.75rem); } :host([size="medium"]) .base { font-size: var(--m3e-badge-medium-font-size, ${n.typescale.standard.label.small.fontSize}); font-weight: var(--m3e-badge-medium-font-weight, ${n.typescale.standard.label.small.fontWeight}); line-height: var(--m3e-badge-medium-line-height, ${n.typescale.standard.label.small.lineHeight}); letter-spacing: var(--m3e-badge-medium-tracking, ${n.typescale.standard.label.small.tracking}); } :host([size="large"]) { height: var(--m3e-badge-large-size, 1.75rem); min-width: var(--m3e-badge-large-size, 1.75rem); --_badge-offset: var(--m3e-badge-small-offset, 1rem); } :host([size="large"]) .base { font-size: var(--m3e-badge-large-font-size, ${n.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-badge-large-font-weight, ${n.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-badge-large-line-height, ${n.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-badge-large-tracking, ${n.typescale.standard.label.large.tracking}); } @media (forced-colors: active) { .base { background-color: ButtonFace; color: ButtonText; outline: 1px solid ButtonText; } }`,a([i({reflect:!0})],x.prototype,"size",void 0),a([i({reflect:!0})],x.prototype,"position",void 0),x=a([d("m3e-badge")],x);export{x as M3eBadgeElement};

package/dist/bottom-sheet.js

@@ -1,6 +1,6 @@
 /**
  * @license MIT
- * Copyright (c) 2025 matraic
+ * Copyright (c) 2025–2026 matraic
  * See LICENSE file in the project root for full license text.
  */
 import { __decorate, __classPrivateFieldGet, __classPrivateFieldSet } from 'tslib';

package/dist/bottom-sheet.min.js

@@ -1,6 +1,6 @@
 /**
  * @license MIT
- * Copyright (c) 2025 matraic
+ * Copyright (c) 2025–2026 matraic
  * See LICENSE file in the project root for full license text.
  */
 import{__decorate as t,__classPrivateFieldGet as e,__classPrivateFieldSet as i}from"tslib";import{customElement as o,ActionElementBase as s,EventAttribute as n,ReconnectedCallback as a,SuppressInitialAnimation as h,AttachInternals as l,VelocityTracker as r,ScrollLockController as d,InertController as c,ResizeController as m,focusWhenReady as p,setCustomState as f,hasAssignedNodes as u,hasCustomState as b,computeCssSize as g,prefersReducedMotion as v,registerStyleSheet as y,DesignToken as w,spaceSeparatedStringConverter as k,HtmlFor as $}from"@m3e/web/core";import{LitElement as x,nothing as E,html as S,css as H,unsafeCSS as M}from"lit";import{property as _}from"lit/decorators.js";import{M3eInteractivityChecker as z,isModifierAllowed as W,addAriaReferencedId as L,removeAriaReferencedId as B}from"@m3e/web/core/a11y";let C=class extends s{_onClick(){this.closest("m3e-bottom-sheet")?.hide()}};var F,q,Y,A,P,D,R,T,U,I,N,j,K,V,X,G,J,O,Q,Z,tt,et,it,ot,st,nt,at,ht,lt,rt,dt,ct,mt,pt,ft,ut,bt,gt,vt;C=t([o("m3e-bottom-sheet-action")],C);let yt=vt=class extends(n(a(h(l(x))),"opening","opened","cancel","closing","closed")){constructor(){super(...arguments),F.add(this),q.set(this,t=>e(this,F,"m",et).call(this,t)),Y.set(this,t=>e(this,F,"m",it).call(this,t)),A.set(this,()=>e(this,F,"m",ot).call(this)),P.set(this,new r),D.set(this,new d(this)),R.set(this,new c(this)),T.set(this,new m(this,{target:null,skipInitial:!0,callback:t=>e(this,F,"m",ft).call(this,t)})),U.set(this,null),I.set(this,void 0),N.set(this,!1),j.set(this,0),K.set(this,void 0),V.set(this,0),X.set(this,0),G.set(this,void 0),this.modal=!1,this.open=!1,this.handle=!1,this.handleLabel="Drag handle",this.detents=[],this.detent=0,this.hideable=!1,this.hideFriction=.5}show(t=this.detent){this.open?void 0!==t&&e(this,j,"f")!==t&&e(this,F,"m",ut).call(this,t):(i(this,K,t,"f"),this.open=!0)}hide(){this.open=!1}toggle(t){this.open?this.hide():this.show(t)}cycle(){var t;this.open?this.detents.length>0?e(this,j,"f")<this.detents.length-1?(i(this,j,(t=e(this,j,"f"),++t),"f"),e(this,F,"m",ut).call(this,e(this,j,"f"))):this.hideable&&this.hide():this.hide():this.show()}update(t){super.update(t),t.has("modal")&&(this.role=this.modal?"dialog":"region",this.ariaModal=this.modal?"true":null,this.popover=this.modal?"manual":null)}reconnectedCallback(){super.reconnectedCallback(),e(this,F,"m",J).call(this)}firstUpdated(t){super.firstUpdated(t),e(this,F,"m",J).call(this)}updated(t){if(super.updated(t),t.has("open")){if(this.open){if(!this.dispatchEvent(new Event("opening",{cancelable:!0})))return void(this.open=!1);vt.__openSheet!==this&&vt.__openSheet?.hide(),vt.__openSheet=this,this.inert=!1,window.addEventListener("resize",e(this,A,"f")),this.detents.length>0?(i(this,j,Math.min(Math.max(0,e(this,K,"f")??this.detent),this.detents.length-1),"f"),e(this,F,"m",gt).call(this,e(this,F,"m",rt).call(this,this.detents[e(this,j,"f")]))):e(this,F,"m",gt).call(this,Math.min(e(this,F,"m",rt).call(this,"fit"),e(this,F,"m",rt).call(this,"half"))),i(this,K,void 0,"f")}else{if(!this.dispatchEvent(new Event("closing",{cancelable:!0})))return void(this.open=!0);requestAnimationFrame(()=>this.inert=!0),window.removeEventListener("resize",e(this,A,"f")),vt.__openSheet===this&&(vt.__openSheet=void 0)}if(this.modal)if(this.open){i(this,U,document.activeElement,"f"),e(this,R,"f").lock(),e(this,D,"f").lock(),this.showPopover(),requestAnimationFrame(()=>{document.addEventListener("click",e(this,q,"f")),document.addEventListener("keydown",e(this,Y,"f"))});let t=this.querySelector("[autofocus]");t&&z.isFocusable(t)||(t=this.shadowRoot?.querySelector(".handle")),t&&p(t)}else e(this,F,"m",bt).call(this,0).then(()=>{e(this,R,"f").unlock(),e(this,D,"f").unlock(),document.removeEventListener("click",e(this,q,"f")),document.removeEventListener("keydown",e(this,Y,"f")),this.hidePopover(),e(this,U,"f")instanceof HTMLElement&&e(this,U,"f").focus(),i(this,U,null,"f")});this.dispatchEvent(new Event(this.open?"opened":"closed"))}}render(){return S`<m3e-focus-trap ?disabled="${!this.modal}"><div class="base"><m3e-elevation class="elevation"></m3e-elevation><div class="header" @pointerdown="${e(this,F,"m",Q)}" @pointermove="${e(this,F,"m",Z)}" @pointerup="${e(this,F,"m",tt)}">${this.handle?S`<div class="handle-row"><div id="handle" class="handle" role="button" aria-label="${this.handleLabel}" tabindex="0" @click="${e(this,F,"m",st)}" @keydown="${e(this,F,"m",nt)}"><m3e-focus-ring class="focus-ring" for="handle"></m3e-focus-ring><div class="handle-touch" aria-hidden="true"></div></div></div>`:E}<slot name="header" @slotchange="${e(this,F,"m",O)}"></slot></div><div class="body"><div class="content"><slot></slot></div></div></div></m3e-focus-trap>`}};q=new WeakMap,Y=new WeakMap,A=new WeakMap,P=new WeakMap,D=new WeakMap,R=new WeakMap,T=new WeakMap,U=new WeakMap,I=new WeakMap,N=new WeakMap,j=new WeakMap,K=new WeakMap,V=new WeakMap,X=new WeakMap,G=new WeakMap,F=new WeakSet,J=function(){const t=this.shadowRoot?.querySelector(".content");t&&(i(this,V,t.clientHeight,"f"),e(this,T,"f").observe(t));const o=this.shadowRoot?.querySelector(".header");o&&(i(this,X,o.clientHeight,"f"),e(this,T,"f").observe(o))},O=function(t){f(this,"has-header",u(t.target))},Q=function(t){t.target instanceof HTMLElement&&z.isFocusable(t.target)||(t.target.setPointerCapture(t.pointerId),t.target.style.cursor="grabbing",e(this,P,"f").reset(),e(this,P,"f").add(t.clientY),i(this,I,{startY:t.clientY,startHeight:this.clientHeight,maxHeight:e(this,F,"m",dt).call(this),minHeight:e(this,F,"m",ct).call(this)},"f"),i(this,N,!1,"f"))},Z=function(t){if(!e(this,I,"f"))return;if(Math.abs(t.clientY-e(this,I,"f").startY)<=8)return;(t.getCoalescedEvents?.()??[t]).forEach(i=>e(this,P,"f").add(i.clientY,t.timeStamp));let o=e(this,I,"f").startHeight-(t.clientY-e(this,I,"f").startY);if(o<e(this,I,"f").minHeight){const t=(e(this,I,"f").minHeight-o)*this.hideFriction;o=e(this,I,"f").minHeight-t}e(this,F,"m",gt).call(this,Math.min(e(this,I,"f").maxHeight,o)),i(this,N,!0,"f")},tt=function(t){if(e(this,I,"f"))try{if(t.target.releasePointerCapture(t.pointerId),t.target.style.cursor="",!e(this,N,"f"))return;const i="touch"===t.pointerType?1200:500,o=e(this,P,"f").getVelocity();if(e(this,P,"f").reset(),this.hideable&&o>=i)this.dispatchEvent(new Event("cancel",{cancelable:!0}))&&this.hide();else if(Math.abs(o)>=i)if(this.detents.length>0){const t=e(this,F,"m",at).call(this);t!==e(this,j,"f")&&e(this,F,"m",ut).call(this,t)}else e(this,F,"m",bt).call(this,e(this,F,"m",rt).call(this,"full"));else{const t=20;if(this.hideable){const i=e(this,I,"f").minHeight;if(this.clientHeight<i-t)return void this.hide()}this.detents.length>0?e(this,F,"m",ut).call(this,e(this,F,"m",lt).call(this)):this.clientHeight<e(this,I,"f").minHeight&&e(this,F,"m",bt).call(this,e(this,I,"f").minHeight)}}finally{i(this,I,void 0,"f")}},et=function(t){this.open&&this.modal&&!t.composedPath().includes(this)&&this.dispatchEvent(new Event("cancel",{cancelable:!0}))&&this.hide()},it=function(t){this.open&&this.modal&&"Escape"===t.key&&!t.shiftKey&&!t.ctrlKey&&(t.preventDefault(),this.dispatchEvent(new Event("cancel",{cancelable:!0}))&&this.hide())},ot=function(){if(this.detents.length>0&&"half"===this.detents[e(this,j,"f")])return void e(this,F,"m",gt).call(this,e(this,F,"m",rt).call(this,"half"));const t=e(this,F,"m",dt).call(this);(b(this,"-full")||this.clientHeight>t)&&e(this,F,"m",gt).call(this,t)},st=function(){e(this,N,"f")||this.cycle(),i(this,N,!1,"f")},nt=function(t){if(!t.defaultPrevented&&W(t))switch(t.key){case"Up":case"ArrowUp":if(t.preventDefault(),this.detents.length>0){const t=e(this,F,"m",at).call(this);t!==e(this,j,"f")&&e(this,F,"m",ut).call(this,t)}else e(this,F,"m",bt).call(this,e(this,F,"m",rt).call(this,"full"));break;case"Down":case"ArrowDown":if(t.preventDefault(),this.detents.length>0){const t=e(this,F,"m",ht).call(this);t!==e(this,j,"f")?e(this,F,"m",ut).call(this,t):this.hideable&&this.hide()}else this.hideable&&this.hide()}},at=function(){const t=this.clientHeight;let i=1/0,o=e(this,j,"f");for(let s=0;s<this.detents.length;s++){if(s===e(this,j,"f"))continue;const n=e(this,F,"m",rt).call(this,this.detents[s]);n>t&&n<i&&(i=n,o=s)}return o},ht=function(){const t=this.clientHeight;let i=-1/0,o=e(this,j,"f");for(let s=0;s<this.detents.length;s++){if(s===e(this,j,"f"))continue;const n=e(this,F,"m",rt).call(this,this.detents[s]);n<t&&n>i&&(i=n,o=s)}return o},lt=function(){const t=this.clientHeight;let i=e(this,j,"f"),o=1/0;for(let s=0;s<this.detents.length;s++){const n=e(this,F,"m",rt).call(this,this.detents[s]),a=Math.abs(t-n);a<o&&(o=a,i=s)}return i},rt=function(t){switch(t){case"collapsed":return e(this,F,"m",ct).call(this);case"half":return.5*e(this,F,"m",dt).call(this);case"full":return e(this,F,"m",dt).call(this);case"fit":return e(this,F,"m",pt).call(this)}return t.endsWith("%")?e(this,F,"m",dt).call(this)*(parseFloat(t)/100):t.endsWith("px")?parseFloat(t):e(this,F,"m",ct).call(this)},dt=function(){const t=this.shadowRoot?.querySelector(".base");return window.innerHeight-(t?g(t,"var(--_bottom-sheet-top-space)"):0)},ct=function(){return this.detents.includes("fit")&&!this.detents.includes("collapsed")?e(this,F,"m",pt).call(this):e(this,F,"m",mt).call(this)},mt=function(){const t=this.shadowRoot?.querySelector(".base");return e(this,X,"f")+(t?g(t,"var(--_bottom-sheet-peek-height)"):0)},pt=function(){const t=this.shadowRoot?.querySelector(".body");if(!t)return 0;const i=getComputedStyle(t);return e(this,X,"f")+e(this,V,"f")+parseFloat(i.paddingBlockStart)+parseFloat(i.paddingBlockEnd)},ft=function(t){const o=e(this,V,"f"),s=e(this,X,"f");for(const e of t)e.target.classList.contains("content")?i(this,V,(Array.isArray(e.borderBoxSize)?e.borderBoxSize[0]:e.borderBoxSize).blockSize,"f"):e.target.classList.contains("header")&&i(this,X,(Array.isArray(e.borderBoxSize)?e.borderBoxSize[0]:e.borderBoxSize).blockSize,"f");if(this.open&&this.detents.length>0&&(o!==e(this,V,"f")||s!==e(this,X,"f")))switch(this.detents[e(this,j,"f")]){case"fit":e(this,F,"m",gt).call(this,e(this,F,"m",pt).call(this));break;case"collapsed":e(this,F,"m",gt).call(this,e(this,F,"m",ct).call(this))}},ut=function(t){t>=0&&t<this.detents.length&&(i(this,j,t,"f"),e(this,F,"m",bt).call(this,e(this,F,"m",rt).call(this,this.detents[t])))},bt=async function(t){e(this,G,"f")&&(e(this,F,"m",gt).call(this,this.clientHeight),e(this,G,"f")?.cancel(),i(this,G,void 0,"f")),v()?e(this,F,"m",gt).call(this,t):(i(this,G,this.animate([{"--_bottom-sheet-height":`${this.clientHeight}px`},{"--_bottom-sheet-height":`${t}px`}],{duration:250,easing:"cubic-bezier(0.2, 0.0, 0, 1.0)"}),"f"),e(this,G,"f").onfinish=()=>{e(this,F,"m",gt).call(this,t),i(this,G,void 0,"f")},await e(this,G,"f").finished)},gt=function(t){this.style.setProperty("--_bottom-sheet-height",`${t}px`),f(this,"-full",t===e(this,F,"m",dt).call(this));const i=this.shadowRoot?.querySelector(".content");i&&(i.inert=t<=e(this,F,"m",mt).call(this))},y(H`@property --_bottom-sheet-height { syntax: "<length>"; inherits: false; initial-value: 50vh; } m3e-bottom-sheet > [slot="header"] { margin-block-end: var(--m3e-bottom-sheet-padding-block, 0.5rem); margin-inline: var(--m3e-bottom-sheet-padding-inline, 1rem); }</length>`),yt.styles=H`:host { display: block; position: fixed; left: 50%; top: calc(100vh - var(--_bottom-sheet-height)); margin: 0; padding: 0; outline: none; overflow: hidden; border: none; box-sizing: border-box; width: var(--m3e-bottom-sheet-width, 100%); max-width: var(--m3e-bottom-sheet-max-width, 40rem); height: var(--_bottom-sheet-height); color: var(--m3e-bottom-sheet-color, ${w.color.onSurface}); background-color: var(--m3e-bottom-sheet-container-color, ${w.color.surfaceContainerLow}); } :host(:not(:state(-no-animate))) { transition: ${M(`transform ${w.motion.duration.medium2} ${w.motion.easing.standardDecelerate},\n        border-radius ${w.motion.duration.medium2} ${w.motion.easing.standard}`)}; } :host(:not([modal]):not(:state(-full))) .elevation { --m3e-elevation-level: var(--m3e-bottom-sheet-elevation, ${w.elevation.level1}); } :host([modal]:not(:state(-full))) .elevation { --m3e-elevation-level: var(--m3e-bottom-sheet-modal-elevation, ${w.elevation.level1}); } :host(:state(-full)) .elevation { --m3e-elevation-level: var(--m3e-bottom-sheet-full-elevation, ${w.elevation.level1}); } :host(:not([modal])) { z-index: var(--m3e-bottom-sheet-z-index, 10); } :host(:not([modal]):not([open])), :host([modal]:not(:popover-open)) { border-radius: var(--m3e-bottom-sheet-minimized-container-shape, ${w.shape.corner.none}); transform: translateX(-50%) translateY(100%); } :host(:not([modal])[open]:not(:state(-full))), :host([modal]:not(:state(-full)):popover-open) { border-radius: var(--m3e-bottom-sheet-container-shape, ${w.shape.corner.extraLargeTop}); } :host(:not([modal])[open]:state(-full)), :host([modal]:state(-full):popover-open) { border-radius: var(--m3e-bottom-sheet-full-container-shape, ${w.shape.corner.extraLargeTop}); } :host(:not([modal])[open]), :host([modal]:popover-open) { transform: translateX(-50%) translateY(0); } :host([modal]:not(:state(-no-animate)))::backdrop { transition: ${M(`background-color ${w.motion.duration.short3} ${w.motion.easing.standard}, \n        overlay ${w.motion.duration.short3} ${w.motion.easing.standard} allow-discrete,\n        visibility ${w.motion.duration.short3} ${w.motion.easing.standard} allow-discrete`)}; } :host([modal]:popover-open)::backdrop { background-color: color-mix( in srgb, var(--m3e-bottom-sheet-scrim-color, ${w.color.scrim}) var(--m3e-bottom-sheet-scrim-opacity, 32%), transparent ); } :host([modal]:popover-open:not(:state(-no-animate)))::backdrop { transition: ${M(`background-color ${w.motion.duration.long2} ${w.motion.easing.standard}, \n        overlay ${w.motion.duration.long2} ${w.motion.easing.standard} allow-discrete,\n        visibility ${w.motion.duration.long2} ${w.motion.easing.standard} allow-discrete`)}; } @starting-style { :host([modal]:popover-open)::backdrop { background-color: color-mix( in srgb, var(--m3e-bottom-sheet-scrim-color, ${w.color.scrim}) 0%, transparent ); } } .base { display: flex; border-radius: inherit; flex-direction: column; height: 100%; --_bottom-sheet-peek-height: var(--m3e-bottom-sheet-peek-height, 0); --_bottom-sheet-top-space: var(--m3e-bottom-sheet-compact-top-space, 4.5rem); } @media (max-height: 640px) { .base { --_bottom-sheet-top-space: var(--m3e-bottom-sheet-top-space, 3.5rem); } } .body { flex: 1 1 auto; overflow-y: auto; scrollbar-width: ${w.scrollbar.thinWidth}; scrollbar-color: ${w.scrollbar.color}; padding-block-end: var(--m3e-bottom-sheet-padding-block, 0.5rem); padding-inline: var(--m3e-bottom-sheet-padding-inline, 1rem); font-size: var(--m3e-bottom-sheet-content-font-size, ${w.typescale.standard.body.medium.fontSize}); font-weight: var( --m3e-bottom-sheet-content-font-weight, ${w.typescale.standard.body.medium.fontWeight} ); line-height: var( --m3e-bottom-sheet-content-line-height, ${w.typescale.standard.body.medium.lineHeight} ); letter-spacing: var(--m3e-bottom-sheet-content-tracking, ${w.typescale.standard.body.medium.tracking}); } .content { height: fit-content; } :host(:not([handle])) .header { display: none; } :host(:not([handle])) .body, .header { border-top-left-radius: inherit; border-top-right-radius: inherit; padding-block-start: var(--m3e-bottom-sheet-padding-block, 0.5rem); font-size: var(--m3e-bottom-sheet-header-font-size, ${w.typescale.standard.title.large.fontSize}); font-weight: var(--m3e-bottom-sheet-header-font-weight, ${w.typescale.standard.title.large.fontWeight}); line-height: var(--m3e-bottom-sheet-header-line-height, ${w.typescale.standard.title.large.lineHeight}); letter-spacing: var(--m3e-bottom-sheet-header-tracking, ${w.typescale.standard.title.large.tracking}); } .header { cursor: grab; touch-action: none; outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing: border-box; flex: none; display: flex; flex-direction: column; min-height: 3rem; --m3e-app-bar-container-color: var(--m3e-bottom-sheet-container-color, ${w.color.surfaceContainerLow}); } .handle-row { position: relative; flex: none; display: flex; align-items: center; justify-content: center; opacity: 1; visibility: visible; height: var(--m3e-bottom-sheet-handle-container-height, 1.5rem); } :host(:not(:state(-no-animate))) .handle-row { transition: ${M(`opacity ${w.motion.duration.short3} ${w.motion.easing.standard},\n        padding ${w.motion.duration.short3} ${w.motion.easing.standard},\n        height ${w.motion.duration.short3} ${w.motion.easing.standard},\n        visibility ${w.motion.duration.short3} ${w.motion.easing.standard} allow-discrete`)}; } .handle { position: relative; width: var(--m3e-bottom-sheet-handle-width, 2rem); height: var(--m3e-bottom-sheet-handle-height, 4px); border-radius: var(--m3e-bottom-sheet-handle-shape, ${w.shape.corner.full}); background-color: var(--m3e-bottom-sheet-handle-color, ${w.color.onSurfaceVariant}); } .handle-touch { position: absolute; aspect-ratio: 1 / 1; height: 3rem; left: calc(0px - calc(calc(3rem - var(--m3e-bottom-sheet-handle-width, 2rem)) / 2)); right: calc(0px - calc(calc(3rem - var(--m3e-bottom-sheet-handle-width, 2rem)) / 2)); top: calc( 0px - calc( calc(3rem - var(--m3e-bottom-sheet-handle-container-height, 1.5rem)) - calc( var(--m3e-bottom-sheet-handle-height, 4px) / 2 ) ) ); } @media (prefers-reduced-motion) { :host(:not(:state(-no-animate))), :host([modal]:not(:state(-no-animate)))::backdrop, :host([modal]:popover-open:not(:state(-no-animate)))::backdrop, :host(:not(:state(-no-animate))) .handle-row { transition: none; } } @media (forced-colors: active) { :host([modal]:not(:state(-no-animate)))::backdrop, :host([modal]:popover-open:not(:state(-no-animate)))::backdrop { transition: none; } .base { border-style: solid; border-width: 1px; border-color: CanvasText; } .handle { background-color: ButtonText; } }`,t([_({type:Boolean,reflect:!0})],yt.prototype,"modal",void 0),t([_({type:Boolean,reflect:!0})],yt.prototype,"open",void 0),t([_({type:Boolean})],yt.prototype,"handle",void 0),t([_({attribute:"handle-label"})],yt.prototype,"handleLabel",void 0),t([_({attribute:"detents",converter:k})],yt.prototype,"detents",void 0),t([_({type:Number})],yt.prototype,"detent",void 0),t([_({type:Boolean,reflect:!0})],yt.prototype,"hideable",void 0),t([_({attribute:"hide-friction",type:Number})],yt.prototype,"hideFriction",void 0),yt=vt=t([o("m3e-bottom-sheet")],yt);let wt=class extends($(s)){constructor(){super(...arguments),this.secondary=!1}attach(t){t instanceof yt&&(super.attach(t),this.parentElement&&(t.modal?this.parentElement.ariaHasPopup="dialog":this.secondary||(this.parentElement.ariaExpanded="false",L(this.parentElement,"aria-controls",t.id),this.parentElement.id&&L(t,"aria-labelledby",this.parentElement.id))))}detach(){this.control&&this.parentElement&&!this.secondary&&B(this.parentElement,"aria-controls",this.control.id),super.detach()}_onClick(){this.control instanceof yt&&(this.control.modal?this.control.show(this.detent):(this.control.toggle(this.detent),!this.secondary&&this.parentElement&&(this.parentElement.ariaExpanded=`${this.control.open}`)))}};t([_({type:Number})],wt.prototype,"detent",void 0),t([_({type:Boolean})],wt.prototype,"secondary",void 0),wt=t([o("m3e-bottom-sheet-trigger")],wt);export{C as M3eBottomSheetActionElement,yt as M3eBottomSheetElement,wt as M3eBottomSheetTriggerElement};

package/dist/button-group.js

@@ -1,6 +1,6 @@
 /**
  * @license MIT
- * Copyright (c) 2025 matraic
+ * Copyright (c) 2025–2026 matraic
  * See LICENSE file in the project root for full license text.
  */
 import { __classPrivateFieldGet, __decorate } from 'tslib';

package/dist/button-group.min.js

@@ -1,6 +1,6 @@
 /**
  * @license MIT
- * Copyright (c) 2025 matraic
+ * Copyright (c) 2025–2026 matraic
  * See LICENSE file in the project root for full license text.
  */
 import{__classPrivateFieldGet as e,__decorate as t}from"tslib";import{LitElement as a,html as s,css as r}from"lit";import{query as n,property as o,queryAssignedElements as l}from"lit/decorators.js";import{Role as i,PressedController as d,setCustomState as c,addCustomState as p,isSelectedMixin as u,DesignToken as h,customElement as m}from"@m3e/web/core";var g,b,v,f;let x=class extends(i(a,"group")){constructor(){super(...arguments),g.add(this),b.set(this,new d(this,{target:null,capture:!0,minPressedDuration:150,isPressedKey:e=>" "===e,callback:e=>{this._base&&(e&&"connected"!==this.variant?(this._base.classList.add("pressed"),this._base.style.setProperty("--_button-group-width",`${this._base.getBoundingClientRect().width}px`)):(this._base.style.removeProperty("--_button-group-width"),this._base.classList.remove("pressed")))}})),this.variant="standard",this.size="small",this.multi=!1}connectedCallback(){super.connectedCallback(),this.hasAttribute("disable-role")&&(this.role=null)}disconnectedCallback(){super.disconnectedCallback(),this._base?.style.removeProperty("--_button-group-width"),this._base?.classList.remove("pressed")}update(t){super.update(t),(t.has("multi")||t.has("variant"))&&e(this,g,"m",v).call(this),t.has("variant")&&this._base?.style.removeProperty("--_button-group-width")}render(){return s`<div class="base"><slot @slotchange="${e(this,g,"m",v)}" @change="${e(this,g,"m",f)}"></slot></div>`}};b=new WeakMap,g=new WeakSet,v=function(){const t=this.buttons;for(const t of e(this,b,"f").targets)e(this,b,"f").unobserve(t);const a=[...t].some(e=>e.toggle);this.hasAttribute("disable-role")||(this.role=a&&!this.multi?"radiogroup":"group");const s="radiogroup"===this.role?"radio":"button";t.forEach((a,r)=>{if(e(this,b,"f").observe(a),c(a,"-connected","connected"===this.variant),p(a,"-grouped"),c(a,"-first",0==r),c(a,"-last",r==t.length-1),!this.hasAttribute("disable-role")&&a.role!==s&&a.toggle){const e=a.toggle?a.selected?"true":"false":null;a.role=s,"button"===a.role?(a.ariaPressed=e,a.ariaChecked=null):(a.ariaChecked=e,a.ariaPressed=null)}})},f=function(e){if(!this.multi&&e.target instanceof HTMLElement&&("M3E-BUTTON"===e.target.tagName||"M3E-ICON-BUTTON"===e.target.tagName)){if(!u(e.target)||!e.target.selected)return;for(const t of this.buttons)t!==e.target&&t.selected&&(t.selected=!1)}},x.styles=r`:host { display: flex; vertical-align: middle; flex-wrap: nowrap; align-items: center; } .base { display: flex; vertical-align: middle; flex-wrap: nowrap; align-items: center; } :host([variant="standard"]) { justify-content: center; } :host([variant="connected"]) .base { flex: 1 1 auto; } :host([variant="standard"]) .base { width: fit-content; flex: none; } :host([variant="standard"]) .base.pressed { justify-content: space-between; width: var(--_button-group-width); } :host([variant="standard"][size="extra-small"]) .base { column-gap: var(--m3e-standard-button-group-extra-small-spacing, 1.125rem); } :host([variant="standard"][size="small"]) .base { column-gap: var(--m3e-standard-button-group-small-spacing, 0.75rem); } :host([variant="standard"][size="medium"]).base { column-gap: var(--m3e-standard-button-group-medium-spacing, 0.5rem); } :host([variant="standard"][size="large"]) .base { column-gap: var(--m3e-standard-button-group-large-spacing, 0.5rem); } :host([variant="standard"][size="extra-large"]) .base { column-gap: var(--m3e-standard-button-group-extra-large-spacing, 0.5rem); } :host([variant="connected"]) .base { column-gap: var(--m3e-connected-button-group-spacing, 0.125rem); } :host([variant="connected"][size="extra-small"]) ::slotted(:state(-first)[size="extra-small"]), :host([variant="connected"][size="extra-small"]) ::slotted(:not(:state(-first)):not(:state(-last))[size="extra-small"]) { --_button-rounded-end-shape: var( --m3e-connected-button-group-extra-small-inner-shape, ${h.shape.corner.small} ); --_button-square-end-shape: var( --m3e-connected-button-group-extra-small-inner-shape, ${h.shape.corner.small} ); --_button-square-end-pressed-shape: var( --m3e-connected-button-group-extra-small-inner-pressed-shape, ${h.shape.corner.extraSmall} ); } :host([variant="connected"][size="extra-small"]) ::slotted(:state(-last)[size="extra-small"]), :host([variant="connected"][size="extra-small"]) ::slotted(:not(:state(-first)):not(:state(-last))[size="extra-small"]) { --_button-rounded-start-shape: var( --m3e-connected-button-group-extra-small-inner-shape, ${h.shape.corner.small} ); --_button-square-start-shape: var( --m3e-connected-button-group-extra-small-inner-shape, ${h.shape.corner.small} ); --_button-square-start-pressed-shape: var( --m3e-connected-button-group-extra-small-inner-pressed-shape, ${h.shape.corner.extraSmall} ); } :host([variant="connected"][size="small"]) ::slotted(:state(-first)[size="small"]), :host([variant="connected"][size="small"]) ::slotted(:not(:state(-first)):not(:state(-last))[size="small"]) { --_button-rounded-end-shape: var( --m3e-connected-button-group-small-inner-shape, ${h.shape.corner.small} ); --_button-square-end-shape: var( --m3e-connected-button-group-small-inner-shape, ${h.shape.corner.small} ); --_button-end-shape-pressed-morph: var( --m3e-connected-button-group-small-inner-pressed-shape, ${h.shape.corner.extraSmall} ); } :host([variant="connected"][size="small"]) ::slotted(:state(-last)[size="small"]), :host([variant="connected"][size="small"]) ::slotted(:not(:state(-first)):not(:state(-last))[size="small"]) { --_button-rounded-start-shape: var( --m3e-connected-button-group-small-inner-shape, ${h.shape.corner.small} ); --_button-square-start-shape: var( --m3e-connected-button-group-small-inner-shape, ${h.shape.corner.small} ); --_button-start-shape-pressed-morph: var( --m3e-connected-button-group-small-inner-pressed-shape, ${h.shape.corner.extraSmall} ); } :host([variant="connected"][size="medium"]) ::slotted(:state(-first)[size="medium"]), :host([variant="connected"][size="medium"]) ::slotted(:not(:state(-first)):not(:state(-last))[size="medium"]) { --_button-rounded-end-shape: var( --m3e-connected-button-group-medium-inner-shape, ${h.shape.corner.small} ); --_button-square-end-shape: var( --m3e-connected-button-group-medium-inner-shape, ${h.shape.corner.small} ); --_button-square-end-pressed-shape: var( --m3e-connected-button-group-medium-inner-pressed-shape, ${h.shape.corner.extraSmall} ); } :host([variant="connected"][size="medium"]) ::slotted(:state(-last)[size="medium"]), :host([variant="connected"][size="medium"]) ::slotted(:not(:state(-first)):not(:state(-last))[size="medium"]) { --_button-rounded-start-shape: var( --m3e-connected-button-group-medium-inner-shape, ${h.shape.corner.small} ); --_button-square-start-shape: var( --m3e-connected-button-group-medium-inner-shape, ${h.shape.corner.small} ); --_button-square-start-pressed-shape: var( --m3e-connected-button-group-medium-inner-pressed-shape, ${h.shape.corner.extraSmall} ); } :host([variant="connected"][size="large"]) ::slotted(:state(-first)[size="large"]), :host([variant="connected"][size="large"]) ::slotted(:not(:state(-first)):not(:state(-last))[size="large"]) { --_button-rounded-end-shape: var( --m3e-connected-button-group-large-inner-shape, ${h.shape.corner.large} ); --_button-square-end-shape: var( --m3e-connected-button-group-large-inner-shape, ${h.shape.corner.large} ); --_button-square-end-pressed-shape: var( --m3e-connected-button-group-large-inner-pressed-shape, ${h.shape.corner.medium} ); } :host([variant="connected"][size="large"]) ::slotted(:state(-last)[size="large"]), :host([variant="connected"][size="large"]) ::slotted(:not(:state(-first)):not(:state(-last))[size="large"]) { --_button-rounded-start-shape: var( --m3e-connected-button-group-large-inner-shape, ${h.shape.corner.large} ); --_button-square-start-shape: var( --m3e-connected-button-group-large-inner-shape, ${h.shape.corner.large} ); --_button-square-start-pressed-shape: var( --m3e-connected-button-group-large-inner-pressed-shape, ${h.shape.corner.medium} ); } :host([variant="connected"][size="extra-large"]) ::slotted(:state(-first)[size="extra-large"]), :host([variant="connected"][size="extra-large"]) ::slotted(:not(:state(-first)):not(:state(-last))[size="extra-large"]) { --_button-rounded-end-shape: var( --m3e-connected-button-group-extra-large-inner-shape, ${h.shape.corner.largeIncreased} ); --_button-square-end-shape: var( --m3e-connected-button-group-extra-large-inner-shape, ${h.shape.corner.largeIncreased} ); --_button-square-end-pressed-shape: var( --m3e-connected-button-group-extra-large-inner-pressed-shape, ${h.shape.corner.large} ); } :host([variant="connected"][size="extra-large"]) ::slotted(:state(-last)[size="extra-large"]), :host([variant="connected"][size="extra-large"]) ::slotted(:not(:state(-first)):not(:state(-last))[size="extra-large"]) { --_button-rounded-start-shape: var( --m3e-connected-button-group-extra-large-inner-shape, ${h.shape.corner.largeIncreased} ); --_button-square-start-shape: var( --m3e-connected-button-group-extra-large-inner-shape, ${h.shape.corner.largeIncreased} ); --_button-square-start-pressed-shape: var( --m3e-connected-button-group-extra-large-inner-pressed-shape, ${h.shape.corner.large} ); }`,t([n(".base")],x.prototype,"_base",void 0),t([o({reflect:!0})],x.prototype,"variant",void 0),t([o({reflect:!0})],x.prototype,"size",void 0),t([o({type:Boolean})],x.prototype,"multi",void 0),t([l({slot:"",selector:"m3e-button,m3e-icon-button",flatten:!0})],x.prototype,"buttons",void 0),x=t([m("m3e-button-group")],x);export{x as M3eButtonGroupElement};

package/dist/button.js

@@ -1,6 +1,6 @@
 /**
  * @license MIT
- * Copyright (c) 2025 matraic
+ * Copyright (c) 2025–2026 matraic
  * See LICENSE file in the project root for full license text.
  */
 import { __classPrivateFieldGet, __decorate } from 'tslib';