@m3e/web 2.1.2 → 2.2.0

package/dist/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","sources":["../../src/select/SelectElement.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-declaration-merging */\r\nimport { css, CSSResultGroup, html, LitElement, PropertyValues } from \"lit\";\r\nimport { property, query } from \"lit/decorators.js\";\r\n\r\nimport {\r\n  AttachInternals,\r\n  Labelled,\r\n  ConstraintValidation,\r\n  Dirty,\r\n  Disabled,\r\n  FormAssociated,\r\n  Required,\r\n  RequiredConstraintValidation,\r\n  ResizeController,\r\n  Touched,\r\n  DesignToken,\r\n  formValue,\r\n  M3eFocusRingElement,\r\n  scrollIntoViewIfNeeded,\r\n  Role,\r\n  Focusable,\r\n  prefersReducedMotion,\r\n  forcedColorsActive,\r\n  deleteCustomState,\r\n  addCustomState,\r\n  setCustomState,\r\n  customElement,\r\n  MutationController,\r\n} from \"@m3e/web/core\";\r\n\r\nimport { ListKeyManager, typeaheadLabel } from \"@m3e/web/core/a11y\";\r\n\r\nimport type { M3eFormFieldElement, FormFieldControl } from \"@m3e/web/form-field\";\r\nimport { M3eOptionElement, M3eOptionPanelElement } from \"@m3e/web/option\";\r\n\r\n/**\r\n * A form control that allows users to select a value from a set of predefined options.\r\n *\r\n * @description\r\n * The `m3e-select` component follows Material Design 3 principles and provides a comprehensive\r\n * selection interface for capturing user input. It supports both single and multiple selection modes,\r\n * customizable validation states, and accessible keyboard navigation. The component integrates seamlessly\r\n * with form field containers and dynamically positions its option list menu to ensure optimal viewport\r\n * visibility. Selection changes are communicated through standard form events, enabling predictable integration\r\n * with form submission and reactive state management systems.\r\n *\r\n * @example\r\n * The following demonstrates a `m3e-select` component wrapped in a `m3e-form-field` with a slotted label.\r\n * The label is associated with the select via the `for` and `id` attributes, ensuring accessible form semantics.\r\n * Each `m3e-option` defines an option within the dropdown.\r\n *\r\n * ```html\r\n * <m3e-form-field>\r\n *   <label slot=\"label\" for=\"select\">Choose your favorite fruit</label>\r\n *   <m3e-select id=\"select\">\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-select>\r\n * </m3e-form-field>\r\n * ```\r\n *\r\n * @tag m3e-select\r\n *\r\n * @slot - Renders the options of the select.\r\n * @slot arrow - Renders the dropdown arrow.\r\n * @slot value - Renders the selected value(s).\r\n *\r\n * @attr disabled - Whether the element is disabled.\r\n * @attr hide-selection-indicator - Whether to hide the selection indicator for single select options.\r\n * @attr multi - Whether multiple options can be selected.\r\n * @attr name - The name that identifies the element when submitting the associated form.\r\n * @attr panel-class - Class or list of classes to be applied to the select's overlay panel.\r\n * @attr required - Whether the element is required.\r\n *\r\n * @fires input - Emitted when the selected state changes.\r\n * @fires change - Emitted when the selected state changes.\r\n *\r\n * @cssprop --m3e-form-field-font-size - The font size of the select control.\r\n * @cssprop --m3e-form-field-font-weight - The font weight of the select control.\r\n * @cssprop --m3e-form-field-line-height - The line height of the select control.\r\n * @cssprop --m3e-form-field-tracking - The letter spacing of the select control.\r\n * @cssprop --m3e-select-container-shape - The corner radius of the select container.\r\n * @cssprop --m3e-select-disabled-color - The text color when the select is disabled.\r\n * @cssprop --m3e-select-disabled-color-opacity - The opacity level applied to the disabled text color.\r\n * @cssprop --m3e-select-icon-size - The size of the dropdown arrow icon.\r\n */\r\n@customElement(\"m3e-select\")\r\nexport class M3eSelectElement\r\n  extends Focusable(\r\n    Labelled(\r\n      RequiredConstraintValidation(\r\n        Dirty(\r\n          Touched(\r\n            Required(ConstraintValidation(FormAssociated(Disabled(AttachInternals(Role(LitElement, \"combobox\")))))),\r\n          ),\r\n        ),\r\n      ),\r\n    ),\r\n  )\r\n  implements FormFieldControl\r\n{\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = css`\r\n    :host {\r\n      display: inline-flex;\r\n      vertical-align: middle;\r\n      outline: none;\r\n      position: relative;\r\n      font-size: var(--m3e-form-field-font-size, ${DesignToken.typescale.standard.body.large.fontSize});\r\n      font-weight: var(--m3e-form-field-font-weight, ${DesignToken.typescale.standard.body.large.fontWeight});\r\n      line-height: var(--m3e-form-field-line-height, ${DesignToken.typescale.standard.body.large.lineHeight});\r\n      letter-spacing: var(--m3e-form-field-tracking, ${DesignToken.typescale.standard.body.large.tracking});\r\n      min-height: var(--m3e-form-field-line-height, ${DesignToken.typescale.standard.body.large.lineHeight});\r\n      border-radius: var(--m3e-select-container-shape, ${DesignToken.shape.corner.extraSmall});\r\n    }\r\n    :host(:not(:disabled)) {\r\n      cursor: pointer;\r\n    }\r\n    :host(:disabled) {\r\n      color: color-mix(\r\n        in srgb,\r\n        var(--m3e-select-disabled-color, ${DesignToken.color.onSurface}) var(--m3e-select-disabled-color-opacity, 38%),\r\n        transparent\r\n      );\r\n    }\r\n    .options {\r\n      display: none;\r\n    }\r\n    .base {\r\n      flex: 1 1 auto;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      overflow: hidden;\r\n    }\r\n    .arrow-wrapper {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin-top: var(--_select-arrow-margin-top);\r\n    }\r\n    ::slotted([slot=\"arrow\"]),\r\n    .arrow {\r\n      vertical-align: middle;\r\n      width: 1em;\r\n      height: 1em;\r\n      font-size: var(--m3e-select-icon-size, 1.5rem);\r\n    }\r\n    :host(:state(-open)) .focus-ring {\r\n      display: none;\r\n    }\r\n  `;\r\n\r\n  /** @private */ static __nextId = 0;\r\n\r\n  /** @private */ private _options = new Array<M3eOptionElement>();\r\n  /** @private */ #clone?: HTMLElement;\r\n\r\n  /** @private */ #menu?: M3eOptionPanelElement;\r\n  /** @private */ #ignoreKeyUp = false;\r\n  /** @private */ #ignoreFocusVisible = false;\r\n\r\n  /** @private */ readonly #id = `m3e-select-${M3eSelectElement.__nextId++}`;\r\n  /** @private */ readonly #listId = `${this.#id}-list`;\r\n\r\n  /** @private */ readonly #clickHandler = (e: Event) => this.#handleClick(e);\r\n  /** @private */ readonly #keyDownHandler = (e: KeyboardEvent) => this.#handleKeyDown(e);\r\n  /** @private */ readonly #keyUpHandler = (e: KeyboardEvent) => this.#handleKeyUp(e);\r\n  /** @private */ readonly #menuToggleHandler = (e: ToggleEvent) => this.#handleMenuToggle(e);\r\n  /** @private */ readonly #menuPointerDownHandler = (e: MouseEvent) => 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    .withTypeahead()\r\n    .onActiveItemChange(() => {\r\n      if (this._listKeyManager.activeItem) {\r\n        this.#activateOption(this._listKeyManager.activeItem);\r\n      }\r\n    });\r\n\r\n  /** @private */ @query(\".focus-ring\") private readonly _focusRing?: M3eFocusRingElement;\r\n\r\n  constructor() {\r\n    super();\r\n    new ResizeController(this, {\r\n      callback: () => {\r\n        if (this.#menu) {\r\n          this.#menu.style.minWidth = this.#minMenuWidth;\r\n        }\r\n      },\r\n    });\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 for single select options.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"hide-selection-indicator\", type: Boolean }) hideSelectionIndicator = false;\r\n\r\n  /**\r\n   * Whether multiple options can be selected.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean }) multi = false;\r\n\r\n  /**\r\n   * Class or list of classes to be applied to the select's overlay panel.\r\n   * @default \"\"\r\n   */\r\n  @property({ attribute: \"panel-class\" }) panelClass = \"\";\r\n\r\n  get #options(): readonly M3eOptionElement[] {\r\n    return this._listKeyManager?.items ?? [];\r\n  }\r\n\r\n  get #selected(): readonly M3eOptionElement[] {\r\n    return this.#options.filter((x) => x.selected);\r\n  }\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(s). */\r\n  get selected(): readonly M3eOptionElement[] {\r\n    return this.options.filter((x) => x.selected);\r\n  }\r\n\r\n  /** The selected (enabled) value(s). */\r\n  get value(): string | readonly string[] | null {\r\n    const values = this.selected.filter((x) => !x.disabled).map((x) => x.value);\r\n    switch (values.length) {\r\n      case 0:\r\n        return null;\r\n      case 1:\r\n        return values[0];\r\n      default:\r\n        return values;\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc @internal */\r\n  override get [formValue]() {\r\n    const values = this.value;\r\n    if (Array.isArray(values)) {\r\n      const data = new FormData();\r\n      for (const value of values) {\r\n        data.append(this.name, value);\r\n      }\r\n      return data;\r\n    }\r\n    return <string | null>values;\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  get shouldLabelFloat(): boolean {\r\n    return this.selected.filter((x) => !x.isEmpty).length > 0;\r\n  }\r\n\r\n  /** @private */\r\n  get #minMenuWidth(): string {\r\n    const formField = this.#formField;\r\n    return `${formField ? formField.menuAnchor.clientWidth : this.clientWidth}px`;\r\n  }\r\n\r\n  /** @private */\r\n  get #formField(): M3eFormFieldElement | null {\r\n    return this.closest(\"m3e-form-field\");\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  onContainerClick(): void {\r\n    this.#ignoreFocusVisible = true;\r\n    this.#toggleMenu();\r\n    this.focus({ preventScroll: true });\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    const selected = this.#selected;\r\n    const willChange = selected.length > 0;\r\n\r\n    if (willChange) {\r\n      selected.forEach((x) => {\r\n        x.selected = false;\r\n        this.#updateSelectionState(x);\r\n      });\r\n      this.requestUpdate();\r\n    }\r\n\r\n    this.#hideMenu();\r\n\r\n    if (willChange) {\r\n      this.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n    }\r\n\r\n    if (restoreFocus) {\r\n      this.focus();\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override connectedCallback(): void {\r\n    super.connectedCallback();\r\n\r\n    this.ariaHasPopup = \"listbox\";\r\n    this.ariaExpanded = \"false\";\r\n\r\n    this.addEventListener(\"click\", this.#clickHandler);\r\n    this.addEventListener(\"keydown\", this.#keyDownHandler);\r\n    this.addEventListener(\"keyup\", this.#keyUpHandler);\r\n\r\n    this.#handleMutation();\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override disconnectedCallback(): void {\r\n    super.disconnectedCallback();\r\n\r\n    this.removeEventListener(\"click\", this.#clickHandler);\r\n    this.removeEventListener(\"keydown\", this.#keyDownHandler);\r\n    this.removeEventListener(\"keyup\", this.#keyUpHandler);\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(\"hideSelectionIndicator\")) {\r\n      this.#options.forEach((x) => setCustomState(x, \"-hide-selection-indicator\", this.hideSelectionIndicator));\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override firstUpdated(_changedProperties: PropertyValues<this>): void {\r\n    super.firstUpdated(_changedProperties);\r\n\r\n    this._focusRing?.attach(this);\r\n\r\n    if (this.#formField && this._focusRing) {\r\n      this._focusRing.style.display = \"none\";\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return html` <m3e-focus-ring class=\"focus-ring\"></m3e-focus-ring>\r\n      <div class=\"base\">\r\n        <m3e-text-overflow>\r\n          <slot name=\"value\">\r\n            ${this.selected\r\n              .filter((x) => !x.isEmpty)\r\n              .map((x, i) => (i > 0 ? html`<span>, </span>${x[typeaheadLabel]()}` : x[typeaheadLabel]()))}\r\n          </slot>\r\n        </m3e-text-overflow>\r\n        <div class=\"arrow-wrapper\" aria-hidden=\"true\">\r\n          <slot name=\"arrow\">\r\n            <svg class=\"arrow\" viewBox=\"0 -960 960 960\" fill=\"currentColor\">\r\n              <path d=\"M480-360 280-560h400L480-360Z\" />\r\n            </svg>\r\n          </slot>\r\n        </div>\r\n      </div>\r\n      <div class=\"options\" aria-hidden=\"true\">\r\n        <slot></slot>\r\n      </div>`;\r\n  }\r\n\r\n  /** @private */\r\n  #handleMutation(): void {\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    this._options = [...this.querySelectorAll(\"m3e-option\")];\r\n\r\n    this.#formField?.notifyControlStateChange();\r\n    if (this.#menu) {\r\n      this.#menu.replaceChildren(...this.#clone.childNodes);\r\n      if (this._options.length == 0) {\r\n        this.#hideMenu();\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleClick(e: Event): void {\r\n    if (e.defaultPrevented || this.disabled) return;\r\n    this.#toggleMenu();\r\n  }\r\n\r\n  /** @private */\r\n  #handleKeyDown(e: KeyboardEvent): void {\r\n    if (e.defaultPrevented) return;\r\n    this.#ignoreFocusVisible = false;\r\n\r\n    switch (e.key) {\r\n      case \" \":\r\n      case \"Enter\":\r\n        e.preventDefault();\r\n        if (!this.multi) {\r\n          if (this.#menu && this._listKeyManager.activeItem) {\r\n            this.#selectOption(this._listKeyManager.activeItem);\r\n          }\r\n          if (this.#menu?.isOpen) {\r\n            if (!prefersReducedMotion()) {\r\n              setTimeout(() => this.#hideMenu(), 150);\r\n            } else {\r\n              this.#hideMenu();\r\n            }\r\n          } else {\r\n            this.#showMenu();\r\n          }\r\n        } else if (!this.#menu) {\r\n          this.#ignoreKeyUp = true;\r\n          this.#toggleMenu();\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 \"Down\":\r\n      case \"ArrowDown\":\r\n        if (this.multi && !this.#menu) {\r\n          this.#toggleMenu();\r\n        } else {\r\n          this._listKeyManager.onKeyDown(e);\r\n          if (!this.#menu && this._listKeyManager.activeItem) {\r\n            this.#selectOption(this._listKeyManager.activeItem);\r\n          }\r\n        }\r\n        break;\r\n\r\n      default:\r\n        this._listKeyManager.onKeyDown(e);\r\n        if (!this.multi && !this.#menu && this._listKeyManager.activeItem) {\r\n          this.#selectOption(this._listKeyManager.activeItem);\r\n        }\r\n        break;\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleKeyUp(e: KeyboardEvent): void {\r\n    if (e.defaultPrevented) return;\r\n\r\n    if (this.#ignoreKeyUp) {\r\n      this.#ignoreKeyUp = false;\r\n      return;\r\n    }\r\n\r\n    switch (e.key) {\r\n      case \" \":\r\n      case \"Enter\":\r\n        if (!this.multi) return;\r\n        e.preventDefault();\r\n        if (this.#menu && this._listKeyManager.activeItem) {\r\n          this.#selectOption(this._listKeyManager.activeItem);\r\n        }\r\n        break;\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleMenuPointerDown(e: MouseEvent): 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.#selectOption(option);\r\n      this._listKeyManager.setActiveItem(option);\r\n\r\n      if (!this.multi) {\r\n        if (!prefersReducedMotion()) {\r\n          setTimeout(() => this.#hideMenu(), 150);\r\n        } else {\r\n          this.#hideMenu();\r\n        }\r\n      } else {\r\n        this.requestUpdate();\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.#selected.find((x) => !x.disabled) ?? this._listKeyManager.items.find((x) => !x.disabled);\r\n      this._listKeyManager.setActiveItem(option);\r\n      if (option) {\r\n        scrollIntoViewIfNeeded(option, this.#menu, { block: \"nearest\", behavior: \"instant\" });\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    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    this.ariaExpanded = \"false\";\r\n    this.removeAttribute(\"aria-controls\");\r\n    this.removeAttribute(\"aria-owns\");\r\n    this.requestUpdate();\r\n\r\n    deleteCustomState(this, \"-open\");\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\r\n  /** @private */\r\n  #toggleMenu(): void {\r\n    if (this.disabled) return;\r\n    if (this.#menu) {\r\n      this.#hideMenu();\r\n    } else {\r\n      this.#showMenu();\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #showMenu(): void {\r\n    if (this.#menu || this._options.length == 0) return;\r\n\r\n    this.#menu = document.createElement(\"m3e-option-panel\");\r\n    if (this.multi) {\r\n      this.#menu.ariaMultiSelectable = \"true\";\r\n    }\r\n\r\n    this.#menu.id = this.#listId;\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.style.minWidth = this.#minMenuWidth;\r\n    this.#menu.addEventListener(\"toggle\", this.#menuToggleHandler);\r\n    this.#menu.addEventListener(\"pointerdown\", this.#menuPointerDownHandler);\r\n\r\n    if (this.#clone) {\r\n      this.#menu.replaceChildren(...this.#clone.childNodes);\r\n    }\r\n\r\n    (this.#formField ?? this).insertAdjacentElement(\"afterend\", this.#menu);\r\n\r\n    this.ariaExpanded = \"true\";\r\n    this.setAttribute(\"aria-controls\", this.#listId);\r\n    this.setAttribute(\"aria-owns\", this.#listId);\r\n    this.#formField?.notifyControlStateChange();\r\n\r\n    setTimeout(() => {\r\n      this.#menu?.show(this, this.#formField?.menuAnchor);\r\n      addCustomState(this, \"-open\");\r\n    });\r\n  }\r\n\r\n  /** @private */\r\n  #hideMenu(): void {\r\n    if (!this.#menu) return;\r\n\r\n    this.#menu.hide();\r\n    this.removeAttribute(\"aria-activedescendant\");\r\n    deleteCustomState(this, \"-open\");\r\n  }\r\n\r\n  /** @private */\r\n  #activateOption(option: M3eOptionElement): void {\r\n    this.setAttribute(\"aria-activedescendant\", option.id);\r\n    if (this.#menu) {\r\n      scrollIntoViewIfNeeded(option, this.#menu, { block: \"nearest\", behavior: \"instant\" });\r\n\r\n      const focusVisible = !this.#ignoreFocusVisible && (this.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  #updateSelectionState(clone: M3eOptionElement): void {\r\n    const option = this._options[this._listKeyManager.items.indexOf(clone)];\r\n    if (option) {\r\n      option.selected = clone.selected;\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #selectOption(option: M3eOptionElement): void {\r\n    const selected = this.multi ? !option.selected : true;\r\n    if (option.selected === selected) return;\r\n\r\n    option.selected = selected;\r\n    this.#updateSelectionState(option);\r\n\r\n    if (this.dispatchEvent(new Event(\"input\", { bubbles: true, composed: true, cancelable: true }))) {\r\n      if (!this.multi) {\r\n        this.#selected\r\n          .filter((x) => x !== option)\r\n          .forEach((x) => {\r\n            x.selected = false;\r\n            this.#updateSelectionState(x);\r\n          });\r\n      }\r\n\r\n      this.requestUpdate();\r\n      this.#formField?.notifyControlStateChange();\r\n      this.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n    } else {\r\n      option.selected = !selected;\r\n      this.#updateSelectionState(option);\r\n    }\r\n  }\r\n}\r\n\r\ninterface M3eSelectElementEventMap extends HTMLElementEventMap {\r\n  toggle: ToggleEvent;\r\n}\r\n\r\nexport interface M3eSelectElement {\r\n  addEventListener<K extends keyof M3eSelectElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3eSelectElement, ev: M3eSelectElementEventMap[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 M3eSelectElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3eSelectElement, ev: M3eSelectElementEventMap[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-select\": M3eSelectElement;\r\n  }\r\n}\r\n"],"names":["M3eSelectElement","M3eSelectElement_1","Focusable","Labelled","RequiredConstraintValidation","Dirty","Touched","Required","ConstraintValidation","FormAssociated","Disabled","AttachInternals","Role","LitElement","constructor","_options","Array","_M3eSelectElement_clone","set","_M3eSelectElement_menu","_M3eSelectElement_ignoreKeyUp","_M3eSelectElement_ignoreFocusVisible","_M3eSelectElement_id","__nextId","_M3eSelectElement_listId","__classPrivateFieldGet","_M3eSelectElement_clickHandler","e","call","_M3eSelectElement_keyDownHandler","_M3eSelectElement_keyUpHandler","_M3eSelectElement_menuToggleHandler","_M3eSelectElement_menuPointerDownHandler","_listKeyManager","ListKeyManager","withWrap","withHomeAndEnd","withPageUpAndDown","withVerticalOrientation","withTypeahead","onActiveItemChange","activeItem","_M3eSelectElement_instances","_M3eSelectElement_activateOption","hideSelectionIndicator","multi","panelClass","ResizeController","callback","style","minWidth","_M3eSelectElement_minMenuWidth_get","MutationController","config","childList","subtree","_M3eSelectElement_handleMutation","options","selected","filter","x","value","values","disabled","map","length","WeakMap","WeakSet","_M3eSelectElement_options_get","items","_M3eSelectElement_selected_get","formValue","isArray","data","FormData","append","name","shouldLabelFloat","isEmpty","onContainerClick","__classPrivateFieldSet","_M3eSelectElement_toggleMenu","focus","preventScroll","clear","restoreFocus","willChange","forEach","_M3eSelectElement_updateSelectionState","requestUpdate","_M3eSelectElement_hideMenu","dispatchEvent","Event","bubbles","connectedCallback","ariaHasPopup","ariaExpanded","addEventListener","disconnectedCallback","removeEventListener","update","changedProperties","has","setCustomState","firstUpdated","_changedProperties","_focusRing","attach","_M3eSelectElement_formField_get","display","render","html","i","typeaheadLabel","formField","menuAnchor","clientWidth","closest","cloneNode","added","setItems","querySelectorAll","id","indexOf","notifyControlStateChange","replaceChildren","childNodes","defaultPrevented","key","preventDefault","_M3eSelectElement_selectOption","isOpen","prefersReducedMotion","setTimeout","_M3eSelectElement_showMenu","onKeyDown","button","stopImmediatePropagation","option","composedPath","find","HTMLElement","tagName","setActiveItem","newState","scrollIntoViewIfNeeded","block","behavior","ToggleEvent","oldState","_M3eSelectElement_destroyMenu","remove","undefined","removeAttribute","deleteCustomState","document","createElement","ariaMultiSelectable","klass","split","d","trim","Boolean","classList","add","overflowX","insertAdjacentElement","setAttribute","show","addCustomState","hide","focusVisible","matches","forcedColorsActive","active","focusRing","stateLayer","clone","composed","cancelable","styles","css","DesignToken","typescale","standard","body","large","fontSize","fontWeight","lineHeight","tracking","shape","corner","extraSmall","color","onSurface","__decorate","query","prototype","property","attribute","type","customElement"],"mappings":"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"}
+{"version":3,"file":"select.js","sources":["../../src/select/SelectElement.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-declaration-merging */\r\nimport { css, CSSResultGroup, html, LitElement, PropertyValues } from \"lit\";\r\nimport { property, query } from \"lit/decorators.js\";\r\n\r\nimport {\r\n  AttachInternals,\r\n  Labelled,\r\n  ConstraintValidation,\r\n  Dirty,\r\n  Disabled,\r\n  FormAssociated,\r\n  Required,\r\n  RequiredConstraintValidation,\r\n  Touched,\r\n  DesignToken,\r\n  formValue,\r\n  M3eFocusRingElement,\r\n  scrollIntoViewIfNeeded,\r\n  Role,\r\n  Focusable,\r\n  prefersReducedMotion,\r\n  forcedColorsActive,\r\n  deleteCustomState,\r\n  addCustomState,\r\n  setCustomState,\r\n  customElement,\r\n  MutationController,\r\n} from \"@m3e/web/core\";\r\n\r\nimport { ListKeyManager } from \"@m3e/web/core/a11y\";\r\n\r\nimport type { M3eFormFieldElement, FormFieldControl } from \"@m3e/web/form-field\";\r\nimport { M3eOptionElement, M3eOptionPanelElement } from \"@m3e/web/option\";\r\n\r\n/**\r\n * A form control that allows users to select a value from a set of predefined options.\r\n *\r\n * @description\r\n * The `m3e-select` component follows Material Design 3 principles and provides a comprehensive\r\n * selection interface for capturing user input. It supports both single and multiple selection modes,\r\n * customizable validation states, and accessible keyboard navigation. The component integrates seamlessly\r\n * with form field containers and dynamically positions its option list menu to ensure optimal viewport\r\n * visibility. Selection changes are communicated through standard form events, enabling predictable integration\r\n * with form submission and reactive state management systems.\r\n *\r\n * @example\r\n * The following demonstrates a `m3e-select` component wrapped in a `m3e-form-field` with a slotted label.\r\n * The label is associated with the select via the `for` and `id` attributes, ensuring accessible form semantics.\r\n * Each `m3e-option` defines an option within the dropdown.\r\n *\r\n * ```html\r\n * <m3e-form-field>\r\n *   <label slot=\"label\" for=\"select\">Choose your favorite fruit</label>\r\n *   <m3e-select id=\"select\">\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-select>\r\n * </m3e-form-field>\r\n * ```\r\n *\r\n * @tag m3e-select\r\n *\r\n * @slot - Renders the options of the select.\r\n * @slot arrow - Renders the dropdown arrow.\r\n * @slot value - Renders the selected value(s).\r\n *\r\n * @attr disabled - Whether the element is disabled.\r\n * @attr hide-selection-indicator - Whether to hide the selection indicator for single select options.\r\n * @attr multi - Whether multiple options can be selected.\r\n * @attr name - The name that identifies the element when submitting the associated form.\r\n * @attr panel-class - Class or list of classes to be applied to the select's overlay panel.\r\n * @attr required - Whether the element is required.\r\n *\r\n * @fires input - Emitted when the selected state changes.\r\n * @fires change - Emitted when the selected state changes.\r\n *\r\n * @cssprop --m3e-form-field-font-size - The font size of the select control.\r\n * @cssprop --m3e-form-field-font-weight - The font weight of the select control.\r\n * @cssprop --m3e-form-field-line-height - The line height of the select control.\r\n * @cssprop --m3e-form-field-tracking - The letter spacing of the select control.\r\n * @cssprop --m3e-select-container-shape - The corner radius of the select container.\r\n * @cssprop --m3e-select-disabled-color - The text color when the select is disabled.\r\n * @cssprop --m3e-select-disabled-color-opacity - The opacity level applied to the disabled text color.\r\n * @cssprop --m3e-select-icon-size - The size of the dropdown arrow icon.\r\n */\r\n@customElement(\"m3e-select\")\r\nexport class M3eSelectElement\r\n  extends Focusable(\r\n    Labelled(\r\n      RequiredConstraintValidation(\r\n        Dirty(\r\n          Touched(\r\n            Required(ConstraintValidation(FormAssociated(Disabled(AttachInternals(Role(LitElement, \"combobox\")))))),\r\n          ),\r\n        ),\r\n      ),\r\n    ),\r\n  )\r\n  implements FormFieldControl\r\n{\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = css`\r\n    :host {\r\n      display: inline-flex;\r\n      vertical-align: middle;\r\n      outline: none;\r\n      position: relative;\r\n      font-size: var(--m3e-form-field-font-size, ${DesignToken.typescale.standard.body.large.fontSize});\r\n      font-weight: var(--m3e-form-field-font-weight, ${DesignToken.typescale.standard.body.large.fontWeight});\r\n      line-height: var(--m3e-form-field-line-height, ${DesignToken.typescale.standard.body.large.lineHeight});\r\n      letter-spacing: var(--m3e-form-field-tracking, ${DesignToken.typescale.standard.body.large.tracking});\r\n      min-height: var(--m3e-form-field-line-height, ${DesignToken.typescale.standard.body.large.lineHeight});\r\n      border-radius: var(--m3e-select-container-shape, ${DesignToken.shape.corner.extraSmall});\r\n    }\r\n    :host(:not(:disabled)) {\r\n      cursor: pointer;\r\n    }\r\n    :host(:disabled) {\r\n      color: color-mix(\r\n        in srgb,\r\n        var(--m3e-select-disabled-color, ${DesignToken.color.onSurface}) var(--m3e-select-disabled-color-opacity, 38%),\r\n        transparent\r\n      );\r\n    }\r\n    .options {\r\n      display: none;\r\n    }\r\n    .base {\r\n      flex: 1 1 auto;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      overflow: hidden;\r\n    }\r\n    .arrow-wrapper {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin-top: var(--_select-arrow-margin-top);\r\n    }\r\n    ::slotted([slot=\"arrow\"]),\r\n    .arrow {\r\n      vertical-align: middle;\r\n      width: 1em;\r\n      height: 1em;\r\n      font-size: var(--m3e-select-icon-size, 1.5rem);\r\n    }\r\n    :host(:state(-open)) .focus-ring {\r\n      display: none;\r\n    }\r\n  `;\r\n\r\n  /** @private */ static __nextId = 0;\r\n\r\n  /** @private */ private _options = new Array<M3eOptionElement>();\r\n  /** @private */ #clone?: HTMLElement;\r\n\r\n  /** @private */ #menu?: M3eOptionPanelElement;\r\n  /** @private */ #ignoreKeyUp = false;\r\n  /** @private */ #ignoreFocusVisible = false;\r\n\r\n  /** @private */ readonly #id = `m3e-select-${M3eSelectElement.__nextId++}`;\r\n  /** @private */ readonly #listId = `${this.#id}-list`;\r\n\r\n  /** @private */ readonly #clickHandler = (e: Event) => this.#handleClick(e);\r\n  /** @private */ readonly #keyDownHandler = (e: KeyboardEvent) => this.#handleKeyDown(e);\r\n  /** @private */ readonly #keyUpHandler = (e: KeyboardEvent) => this.#handleKeyUp(e);\r\n  /** @private */ readonly #menuToggleHandler = (e: ToggleEvent) => this.#handleMenuToggle(e);\r\n  /** @private */ readonly #menuPointerDownHandler = (e: MouseEvent) => 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    .withTypeahead()\r\n    .onActiveItemChange(() => {\r\n      if (this._listKeyManager.activeItem) {\r\n        this.#activateOption(this._listKeyManager.activeItem);\r\n      }\r\n    });\r\n\r\n  /** @private */ @query(\".focus-ring\") private readonly _focusRing?: M3eFocusRingElement;\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 for single select options.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"hide-selection-indicator\", type: Boolean }) hideSelectionIndicator = false;\r\n\r\n  /**\r\n   * Whether multiple options can be selected.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean }) multi = false;\r\n\r\n  /**\r\n   * Class or list of classes to be applied to the select's overlay panel.\r\n   * @default \"\"\r\n   */\r\n  @property({ attribute: \"panel-class\" }) panelClass = \"\";\r\n\r\n  get #options(): readonly M3eOptionElement[] {\r\n    return this._listKeyManager?.items ?? [];\r\n  }\r\n\r\n  get #selected(): readonly M3eOptionElement[] {\r\n    return this.#options.filter((x) => x.selected);\r\n  }\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(s). */\r\n  get selected(): readonly M3eOptionElement[] {\r\n    return this.options.filter((x) => x.selected);\r\n  }\r\n\r\n  /** The selected (enabled) value(s). */\r\n  get value(): string | readonly string[] | null {\r\n    const values = this.selected.filter((x) => !x.disabled).map((x) => x.value);\r\n    switch (values.length) {\r\n      case 0:\r\n        return null;\r\n      case 1:\r\n        return values[0];\r\n      default:\r\n        return values;\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc @internal */\r\n  override get [formValue]() {\r\n    const values = this.value;\r\n    if (Array.isArray(values)) {\r\n      const data = new FormData();\r\n      for (const value of values) {\r\n        data.append(this.name, value);\r\n      }\r\n      return data;\r\n    }\r\n    return <string | null>values;\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  get shouldLabelFloat(): boolean {\r\n    return this.selected.filter((x) => !x.isEmpty).length > 0;\r\n  }\r\n\r\n  /** @private */\r\n  get #formField(): M3eFormFieldElement | null {\r\n    return this.closest(\"m3e-form-field\");\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  onContainerClick(): void {\r\n    this.#ignoreFocusVisible = true;\r\n    this.#toggleMenu();\r\n    this.focus({ preventScroll: true });\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    const selected = this.#selected;\r\n    const willChange = selected.length > 0;\r\n\r\n    if (willChange) {\r\n      selected.forEach((x) => {\r\n        x.selected = false;\r\n        this.#updateSelectionState(x);\r\n      });\r\n      this.requestUpdate();\r\n    }\r\n\r\n    this.#hideMenu();\r\n\r\n    if (willChange) {\r\n      this.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n    }\r\n\r\n    if (restoreFocus) {\r\n      this.focus();\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override connectedCallback(): void {\r\n    super.connectedCallback();\r\n\r\n    this.ariaHasPopup = \"listbox\";\r\n    this.ariaExpanded = \"false\";\r\n\r\n    this.addEventListener(\"click\", this.#clickHandler);\r\n    this.addEventListener(\"keydown\", this.#keyDownHandler);\r\n    this.addEventListener(\"keyup\", this.#keyUpHandler);\r\n\r\n    this.#handleMutation();\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override disconnectedCallback(): void {\r\n    super.disconnectedCallback();\r\n\r\n    this.removeEventListener(\"click\", this.#clickHandler);\r\n    this.removeEventListener(\"keydown\", this.#keyDownHandler);\r\n    this.removeEventListener(\"keyup\", this.#keyUpHandler);\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(\"hideSelectionIndicator\")) {\r\n      this.#options.forEach((x) => setCustomState(x, \"-hide-selection-indicator\", this.hideSelectionIndicator));\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override firstUpdated(_changedProperties: PropertyValues<this>): void {\r\n    super.firstUpdated(_changedProperties);\r\n\r\n    this._focusRing?.attach(this);\r\n\r\n    if (this.#formField && this._focusRing) {\r\n      this._focusRing.style.display = \"none\";\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return html` <m3e-focus-ring class=\"focus-ring\"></m3e-focus-ring>\r\n      <div class=\"base\">\r\n        <m3e-text-overflow>\r\n          <slot name=\"value\">\r\n            ${this.selected\r\n              .filter((x) => !x.isEmpty)\r\n              .map((x, i) => (i > 0 ? html`<span>, </span>${x.label}` : x.label))}\r\n          </slot>\r\n        </m3e-text-overflow>\r\n        <div class=\"arrow-wrapper\" aria-hidden=\"true\">\r\n          <slot name=\"arrow\">\r\n            <svg class=\"arrow\" viewBox=\"0 -960 960 960\" fill=\"currentColor\">\r\n              <path d=\"M480-360 280-560h400L480-360Z\" />\r\n            </svg>\r\n          </slot>\r\n        </div>\r\n      </div>\r\n      <div class=\"options\" aria-hidden=\"true\">\r\n        <slot></slot>\r\n      </div>`;\r\n  }\r\n\r\n  /** @private */\r\n  #handleMutation(): void {\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    this._options = [...this.querySelectorAll(\"m3e-option\")];\r\n\r\n    this.#formField?.notifyControlStateChange();\r\n    if (this.#menu) {\r\n      this.#menu.replaceChildren(...this.#clone.childNodes);\r\n      if (this._options.length == 0) {\r\n        this.#hideMenu();\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleClick(e: Event): void {\r\n    if (e.defaultPrevented || this.disabled) return;\r\n    this.#toggleMenu();\r\n  }\r\n\r\n  /** @private */\r\n  #handleKeyDown(e: KeyboardEvent): void {\r\n    if (e.defaultPrevented) return;\r\n    this.#ignoreFocusVisible = false;\r\n\r\n    switch (e.key) {\r\n      case \" \":\r\n      case \"Enter\":\r\n        e.preventDefault();\r\n        if (!this.multi) {\r\n          if (this.#menu && this._listKeyManager.activeItem) {\r\n            this.#selectOption(this._listKeyManager.activeItem);\r\n          }\r\n          if (this.#menu?.isOpen) {\r\n            if (!prefersReducedMotion()) {\r\n              setTimeout(() => this.#hideMenu(), 150);\r\n            } else {\r\n              this.#hideMenu();\r\n            }\r\n          } else {\r\n            this.#showMenu();\r\n          }\r\n        } else if (!this.#menu) {\r\n          this.#ignoreKeyUp = true;\r\n          this.#toggleMenu();\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 \"Down\":\r\n      case \"ArrowDown\":\r\n        if (this.multi && !this.#menu) {\r\n          this.#toggleMenu();\r\n        } else {\r\n          this._listKeyManager.onKeyDown(e);\r\n          if (!this.#menu && this._listKeyManager.activeItem) {\r\n            this.#selectOption(this._listKeyManager.activeItem);\r\n          }\r\n        }\r\n        break;\r\n\r\n      default:\r\n        this._listKeyManager.onKeyDown(e);\r\n        if (!this.multi && !this.#menu && this._listKeyManager.activeItem) {\r\n          this.#selectOption(this._listKeyManager.activeItem);\r\n        }\r\n        break;\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleKeyUp(e: KeyboardEvent): void {\r\n    if (e.defaultPrevented) return;\r\n\r\n    if (this.#ignoreKeyUp) {\r\n      this.#ignoreKeyUp = false;\r\n      return;\r\n    }\r\n\r\n    switch (e.key) {\r\n      case \" \":\r\n      case \"Enter\":\r\n        if (!this.multi) return;\r\n        e.preventDefault();\r\n        if (this.#menu && this._listKeyManager.activeItem) {\r\n          this.#selectOption(this._listKeyManager.activeItem);\r\n        }\r\n        break;\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleMenuPointerDown(e: MouseEvent): 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.#selectOption(option);\r\n      this._listKeyManager.setActiveItem(option);\r\n\r\n      if (!this.multi) {\r\n        if (!prefersReducedMotion()) {\r\n          setTimeout(() => this.#hideMenu(), 150);\r\n        } else {\r\n          this.#hideMenu();\r\n        }\r\n      } else {\r\n        this.requestUpdate();\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.#selected.find((x) => !x.disabled) ?? this._listKeyManager.items.find((x) => !x.disabled);\r\n      this._listKeyManager.setActiveItem(option);\r\n      if (option) {\r\n        scrollIntoViewIfNeeded(option, this.#menu, { block: \"nearest\", behavior: \"instant\" });\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    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    this.ariaExpanded = \"false\";\r\n    this.removeAttribute(\"aria-controls\");\r\n    this.removeAttribute(\"aria-owns\");\r\n    this.requestUpdate();\r\n\r\n    deleteCustomState(this, \"-open\");\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\r\n  /** @private */\r\n  #toggleMenu(): void {\r\n    if (this.disabled) return;\r\n    if (this.#menu) {\r\n      this.#hideMenu();\r\n    } else {\r\n      this.#showMenu();\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #showMenu(): void {\r\n    if (this.#menu || this._options.length == 0) return;\r\n\r\n    this.#menu = document.createElement(\"m3e-option-panel\");\r\n    if (this.multi) {\r\n      this.#menu.ariaMultiSelectable = \"true\";\r\n    }\r\n\r\n    this.#menu.id = this.#listId;\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.fitAnchorWidth = true;\r\n    this.#menu.addEventListener(\"toggle\", this.#menuToggleHandler);\r\n    this.#menu.addEventListener(\"pointerdown\", this.#menuPointerDownHandler);\r\n\r\n    if (this.#clone) {\r\n      this.#menu.replaceChildren(...this.#clone.childNodes);\r\n    }\r\n\r\n    (this.#formField ?? this).insertAdjacentElement(\"afterend\", this.#menu);\r\n\r\n    this.ariaExpanded = \"true\";\r\n    this.setAttribute(\"aria-controls\", this.#listId);\r\n    this.setAttribute(\"aria-owns\", this.#listId);\r\n    this.#formField?.notifyControlStateChange();\r\n\r\n    setTimeout(() => {\r\n      this.#menu?.show(this, this.#formField?.menuAnchor);\r\n      addCustomState(this, \"-open\");\r\n    });\r\n  }\r\n\r\n  /** @private */\r\n  #hideMenu(): void {\r\n    if (!this.#menu) return;\r\n\r\n    this.#menu.hide();\r\n    this.removeAttribute(\"aria-activedescendant\");\r\n    deleteCustomState(this, \"-open\");\r\n  }\r\n\r\n  /** @private */\r\n  #activateOption(option: M3eOptionElement): void {\r\n    this.setAttribute(\"aria-activedescendant\", option.id);\r\n    if (this.#menu) {\r\n      scrollIntoViewIfNeeded(option, this.#menu, { block: \"nearest\", behavior: \"instant\" });\r\n\r\n      const focusVisible = !this.#ignoreFocusVisible && (this.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  #updateSelectionState(clone: M3eOptionElement): void {\r\n    const option = this._options[this._listKeyManager.items.indexOf(clone)];\r\n    if (option) {\r\n      option.selected = clone.selected;\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #selectOption(option: M3eOptionElement): void {\r\n    const selected = this.multi ? !option.selected : true;\r\n    if (option.selected === selected) return;\r\n\r\n    option.selected = selected;\r\n    this.#updateSelectionState(option);\r\n\r\n    if (this.dispatchEvent(new Event(\"input\", { bubbles: true, composed: true, cancelable: true }))) {\r\n      if (!this.multi) {\r\n        this.#selected\r\n          .filter((x) => x !== option)\r\n          .forEach((x) => {\r\n            x.selected = false;\r\n            this.#updateSelectionState(x);\r\n          });\r\n      }\r\n\r\n      this.requestUpdate();\r\n      this.#formField?.notifyControlStateChange();\r\n      this.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n    } else {\r\n      option.selected = !selected;\r\n      this.#updateSelectionState(option);\r\n    }\r\n  }\r\n}\r\n\r\ninterface M3eSelectElementEventMap extends HTMLElementEventMap {\r\n  toggle: ToggleEvent;\r\n}\r\n\r\nexport interface M3eSelectElement {\r\n  addEventListener<K extends keyof M3eSelectElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3eSelectElement, ev: M3eSelectElementEventMap[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 M3eSelectElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3eSelectElement, ev: M3eSelectElementEventMap[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-select\": M3eSelectElement;\r\n  }\r\n}\r\n"],"names":["M3eSelectElement","M3eSelectElement_1","Focusable","Labelled","RequiredConstraintValidation","Dirty","Touched","Required","ConstraintValidation","FormAssociated","Disabled","AttachInternals","Role","LitElement","constructor","_options","Array","_M3eSelectElement_clone","set","_M3eSelectElement_menu","_M3eSelectElement_ignoreKeyUp","_M3eSelectElement_ignoreFocusVisible","_M3eSelectElement_id","__nextId","_M3eSelectElement_listId","__classPrivateFieldGet","_M3eSelectElement_clickHandler","e","call","_M3eSelectElement_keyDownHandler","_M3eSelectElement_keyUpHandler","_M3eSelectElement_menuToggleHandler","_M3eSelectElement_menuPointerDownHandler","_listKeyManager","ListKeyManager","withWrap","withHomeAndEnd","withPageUpAndDown","withVerticalOrientation","withTypeahead","onActiveItemChange","activeItem","_M3eSelectElement_instances","_M3eSelectElement_activateOption","hideSelectionIndicator","multi","panelClass","MutationController","config","childList","subtree","callback","_M3eSelectElement_handleMutation","options","selected","filter","x","value","values","disabled","map","length","WeakMap","WeakSet","_M3eSelectElement_options_get","items","_M3eSelectElement_selected_get","formValue","isArray","data","FormData","append","name","shouldLabelFloat","isEmpty","onContainerClick","__classPrivateFieldSet","_M3eSelectElement_toggleMenu","focus","preventScroll","clear","restoreFocus","willChange","forEach","_M3eSelectElement_updateSelectionState","requestUpdate","_M3eSelectElement_hideMenu","dispatchEvent","Event","bubbles","connectedCallback","ariaHasPopup","ariaExpanded","addEventListener","disconnectedCallback","removeEventListener","update","changedProperties","has","setCustomState","firstUpdated","_changedProperties","_focusRing","attach","_M3eSelectElement_formField_get","style","display","render","html","i","label","closest","cloneNode","added","setItems","querySelectorAll","id","indexOf","notifyControlStateChange","replaceChildren","childNodes","defaultPrevented","key","preventDefault","_M3eSelectElement_selectOption","isOpen","prefersReducedMotion","setTimeout","_M3eSelectElement_showMenu","onKeyDown","button","stopImmediatePropagation","option","composedPath","find","HTMLElement","tagName","setActiveItem","newState","scrollIntoViewIfNeeded","block","behavior","ToggleEvent","oldState","_M3eSelectElement_destroyMenu","remove","undefined","removeAttribute","deleteCustomState","document","createElement","ariaMultiSelectable","klass","split","d","trim","Boolean","classList","add","overflowX","fitAnchorWidth","insertAdjacentElement","setAttribute","show","menuAnchor","addCustomState","hide","focusVisible","matches","forcedColorsActive","active","focusRing","stateLayer","clone","composed","cancelable","styles","css","DesignToken","typescale","standard","body","large","fontSize","fontWeight","lineHeight","tracking","shape","corner","extraSmall","color","onSurface","__decorate","query","prototype","property","attribute","type","customElement"],"mappings":"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"}

package/dist/select.min.js

@@ -3,5 +3,5 @@
  * Copyright (c) 2025 matraic
  * See LICENSE file in the project root for full license text.
  */
-import{__classPrivateFieldGet as t,__classPrivateFieldSet as e,__decorate as i}from"tslib";import{LitElement as s,html as a,css as n}from"lit";import{query as h,property as l}from"lit/decorators.js";import{Focusable as o,Labelled as r,RequiredConstraintValidation as c,Dirty as d,Touched as f,Required as m,ConstraintValidation as p,FormAssociated as u,Disabled as v,AttachInternals as g,Role as y,ResizeController as w,MutationController as b,formValue as E,setCustomState as M,prefersReducedMotion as _,scrollIntoViewIfNeeded as k,deleteCustomState as S,addCustomState as C,forcedColorsActive as I,DesignToken as K,customElement as x}from"@m3e/web/core";import{ListKeyManager as A,typeaheadLabel as W}from"@m3e/web/core/a11y";var L,$,T,D,P,U,q,N,O,R,z,H,B,j,F,V,X,Z,G,J,Q,Y,tt,et,it,st,at,nt,ht,lt;let ot=lt=class extends(o(r(c(d(f(m(p(u(v(g(y(s,"combobox")))))))))))){constructor(){super(),L.add(this),this._options=new Array,$.set(this,void 0),T.set(this,void 0),D.set(this,!1),P.set(this,!1),U.set(this,"m3e-select-"+lt.__nextId++),q.set(this,`${t(this,U,"f")}-list`),N.set(this,e=>t(this,L,"m",Z).call(this,e)),O.set(this,e=>t(this,L,"m",G).call(this,e)),R.set(this,e=>t(this,L,"m",J).call(this,e)),z.set(this,e=>t(this,L,"m",Y).call(this,e)),H.set(this,e=>t(this,L,"m",Q).call(this,e)),this._listKeyManager=(new A).withWrap().withHomeAndEnd().withPageUpAndDown().withVerticalOrientation().withTypeahead().onActiveItemChange(()=>{this._listKeyManager.activeItem&&t(this,L,"m",at).call(this,this._listKeyManager.activeItem)}),this.hideSelectionIndicator=!1,this.multi=!1,this.panelClass="",new w(this,{callback:()=>{t(this,T,"f")&&(t(this,T,"f").style.minWidth=t(this,L,"a",F))}}),new b(this,{config:{childList:!0,subtree:!0},callback:()=>t(this,L,"m",X).call(this)})}get options(){return this._options??[]}get selected(){return this.options.filter(t=>t.selected)}get value(){const t=this.selected.filter(t=>!t.disabled).map(t=>t.value);switch(t.length){case 0:return null;case 1:return t[0];default:return t}}get[($=new WeakMap,T=new WeakMap,D=new WeakMap,P=new WeakMap,U=new WeakMap,q=new WeakMap,N=new WeakMap,O=new WeakMap,R=new WeakMap,z=new WeakMap,H=new WeakMap,L=new WeakSet,B=function(){return this._listKeyManager?.items??[]},j=function(){return t(this,L,"a",B).filter(t=>t.selected)},E)](){const t=this.value;if(Array.isArray(t)){const e=new FormData;for(const i of t)e.append(this.name,i);return e}return t}get shouldLabelFloat(){return this.selected.filter(t=>!t.isEmpty).length>0}onContainerClick(){e(this,P,!0,"f"),t(this,L,"m",et).call(this),this.focus({preventScroll:!0})}clear(e=!1){const i=t(this,L,"a",j),s=i.length>0;s&&(i.forEach(e=>{e.selected=!1,t(this,L,"m",nt).call(this,e)}),this.requestUpdate()),t(this,L,"m",st).call(this),s&&this.dispatchEvent(new Event("change",{bubbles:!0})),e&&this.focus()}connectedCallback(){super.connectedCallback(),this.ariaHasPopup="listbox",this.ariaExpanded="false",this.addEventListener("click",t(this,N,"f")),this.addEventListener("keydown",t(this,O,"f")),this.addEventListener("keyup",t(this,R,"f")),t(this,L,"m",X).call(this)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",t(this,N,"f")),this.removeEventListener("keydown",t(this,O,"f")),this.removeEventListener("keyup",t(this,R,"f"))}update(e){super.update(e),e.has("hideSelectionIndicator")&&t(this,L,"a",B).forEach(t=>M(t,"-hide-selection-indicator",this.hideSelectionIndicator))}firstUpdated(e){super.firstUpdated(e),this._focusRing?.attach(this),t(this,L,"a",V)&&this._focusRing&&(this._focusRing.style.display="none")}render(){return a`<m3e-focus-ring class="focus-ring"></m3e-focus-ring><div class="base"><m3e-text-overflow><slot name="value">${this.selected.filter(t=>!t.isEmpty).map((t,e)=>e>0?a`<span>, </span>${t[W]()}`:t[W]())}</slot></m3e-text-overflow><div class="arrow-wrapper" aria-hidden="true"><slot name="arrow"><svg class="arrow" viewBox="0 -960 960 960" fill="currentColor"><path d="M480-360 280-560h400L480-360Z"/></svg></slot></div></div><div class="options" aria-hidden="true"><slot></slot></div>`}};F=function(){const e=t(this,L,"a",V);return`${e?e.menuAnchor.clientWidth:this.clientWidth}px`},V=function(){return this.closest("m3e-form-field")},X=function(){e(this,$,this.cloneNode(!0),"f");const{added:i}=this._listKeyManager.setItems([...t(this,$,"f").querySelectorAll("m3e-option")]);i.forEach(e=>{e.id=e.id||`${t(this,U,"f")}-option-${this._listKeyManager.items.indexOf(e)}`,M(e,"-hide-selection-indicator",this.hideSelectionIndicator)}),this._options=[...this.querySelectorAll("m3e-option")],t(this,L,"a",V)?.notifyControlStateChange(),t(this,T,"f")&&(t(this,T,"f").replaceChildren(...t(this,$,"f").childNodes),0==this._options.length&&t(this,L,"m",st).call(this))},Z=function(e){e.defaultPrevented||this.disabled||t(this,L,"m",et).call(this)},G=function(i){if(!i.defaultPrevented)switch(e(this,P,!1,"f"),i.key){case" ":case"Enter":i.preventDefault(),this.multi?t(this,T,"f")||(e(this,D,!0,"f"),t(this,L,"m",et).call(this)):(t(this,T,"f")&&this._listKeyManager.activeItem&&t(this,L,"m",ht).call(this,this._listKeyManager.activeItem),t(this,T,"f")?.isOpen?_()?t(this,L,"m",st).call(this):setTimeout(()=>t(this,L,"m",st).call(this),150):t(this,L,"m",it).call(this));break;case"Escape":case"Tab":t(this,L,"m",st).call(this);break;case"Down":case"ArrowDown":this.multi&&!t(this,T,"f")?t(this,L,"m",et).call(this):(this._listKeyManager.onKeyDown(i),!t(this,T,"f")&&this._listKeyManager.activeItem&&t(this,L,"m",ht).call(this,this._listKeyManager.activeItem));break;default:this._listKeyManager.onKeyDown(i),this.multi||t(this,T,"f")||!this._listKeyManager.activeItem||t(this,L,"m",ht).call(this,this._listKeyManager.activeItem)}},J=function(i){if(!i.defaultPrevented)if(t(this,D,"f"))e(this,D,!1,"f");else switch(i.key){case" ":case"Enter":if(!this.multi)return;i.preventDefault(),t(this,T,"f")&&this._listKeyManager.activeItem&&t(this,L,"m",ht).call(this,this._listKeyManager.activeItem)}},Q=function(e){if(2===e.button)return;e.preventDefault(),e.stopImmediatePropagation();const i=e.composedPath().find(t=>t instanceof HTMLElement&&"M3E-OPTION"===t.tagName);i&&!i.disabled&&(t(this,L,"m",ht).call(this,i),this._listKeyManager.setActiveItem(i),this.multi?this.requestUpdate():_()?t(this,L,"m",st).call(this):setTimeout(()=>t(this,L,"m",st).call(this),150))},Y=function(e){if(t(this,T,"f"))if("closed"!==e.newState){const i=t(this,L,"a",j).find(t=>!t.disabled)??this._listKeyManager.items.find(t=>!t.disabled);this._listKeyManager.setActiveItem(i),i&&k(i,t(this,T,"f"),{block:"nearest",behavior:"instant"}),this.dispatchEvent(new ToggleEvent("toggle",{oldState:e.oldState,newState:e.newState}))}else _()?t(this,L,"m",tt).call(this,e):setTimeout(()=>t(this,L,"m",tt).call(this,e),100)},tt=function(i){t(this,T,"f")&&(t(this,$,"f")?.replaceChildren(...t(this,T,"f").childNodes),t(this,T,"f").remove(),t(this,T,"f").removeEventListener("toggle",t(this,z,"f")),t(this,T,"f").removeEventListener("pointerdown",t(this,H,"f")),e(this,T,void 0,"f"),this.ariaExpanded="false",this.removeAttribute("aria-controls"),this.removeAttribute("aria-owns"),this.requestUpdate(),S(this,"-open"),t(this,L,"a",V)?.notifyControlStateChange(),this.dispatchEvent(new ToggleEvent("toggle",{oldState:i.oldState,newState:i.newState})))},et=function(){this.disabled||(t(this,T,"f")?t(this,L,"m",st).call(this):t(this,L,"m",it).call(this))},it=function(){if(!t(this,T,"f")&&0!=this._options.length){if(e(this,T,document.createElement("m3e-option-panel"),"f"),this.multi&&(t(this,T,"f").ariaMultiSelectable="true"),t(this,T,"f").id=t(this,q,"f"),this.panelClass)for(const e of this.panelClass.split(/\s+/).map(t=>t.trim()).filter(Boolean))t(this,T,"f").classList.add(e);t(this,T,"f").style.overflowX="hidden",t(this,T,"f").style.minWidth=t(this,L,"a",F),t(this,T,"f").addEventListener("toggle",t(this,z,"f")),t(this,T,"f").addEventListener("pointerdown",t(this,H,"f")),t(this,$,"f")&&t(this,T,"f").replaceChildren(...t(this,$,"f").childNodes),(t(this,L,"a",V)??this).insertAdjacentElement("afterend",t(this,T,"f")),this.ariaExpanded="true",this.setAttribute("aria-controls",t(this,q,"f")),this.setAttribute("aria-owns",t(this,q,"f")),t(this,L,"a",V)?.notifyControlStateChange(),setTimeout(()=>{t(this,T,"f")?.show(this,t(this,L,"a",V)?.menuAnchor),C(this,"-open")})}},st=function(){t(this,T,"f")&&(t(this,T,"f").hide(),this.removeAttribute("aria-activedescendant"),S(this,"-open"))},at=function(e){if(this.setAttribute("aria-activedescendant",e.id),t(this,T,"f")){k(e,t(this,T,"f"),{block:"nearest",behavior:"instant"});const i=!t(this,P,"f")&&(this.matches(":focus-visible")||I());t(this,L,"a",B).forEach(t=>{t===e&&i?(t.focusRing?.show(),t.stateLayer?.show("focused")):(t.focusRing?.hide(),t.stateLayer?.hide("focused"))})}},nt=function(t){const e=this._options[this._listKeyManager.items.indexOf(t)];e&&(e.selected=t.selected)},ht=function(e){const i=!this.multi||!e.selected;e.selected!==i&&(e.selected=i,t(this,L,"m",nt).call(this,e),this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))?(this.multi||t(this,L,"a",j).filter(t=>t!==e).forEach(e=>{e.selected=!1,t(this,L,"m",nt).call(this,e)}),this.requestUpdate(),t(this,L,"a",V)?.notifyControlStateChange(),this.dispatchEvent(new Event("change",{bubbles:!0}))):(e.selected=!i,t(this,L,"m",nt).call(this,e)))},ot.styles=n`:host { display: inline-flex; vertical-align: middle; outline: none; position: relative; font-size: var(--m3e-form-field-font-size, ${K.typescale.standard.body.large.fontSize}); font-weight: var(--m3e-form-field-font-weight, ${K.typescale.standard.body.large.fontWeight}); line-height: var(--m3e-form-field-line-height, ${K.typescale.standard.body.large.lineHeight}); letter-spacing: var(--m3e-form-field-tracking, ${K.typescale.standard.body.large.tracking}); min-height: var(--m3e-form-field-line-height, ${K.typescale.standard.body.large.lineHeight}); border-radius: var(--m3e-select-container-shape, ${K.shape.corner.extraSmall}); } :host(:not(:disabled)) { cursor: pointer; } :host(:disabled) { color: color-mix( in srgb, var(--m3e-select-disabled-color, ${K.color.onSurface}) var(--m3e-select-disabled-color-opacity, 38%), transparent ); } .options { display: none; } .base { flex: 1 1 auto; display: inline-flex; align-items: center; overflow: hidden; } .arrow-wrapper { display: flex; align-items: center; justify-content: center; margin-top: var(--_select-arrow-margin-top); } ::slotted([slot="arrow"]), .arrow { vertical-align: middle; width: 1em; height: 1em; font-size: var(--m3e-select-icon-size, 1.5rem); } :host(:state(-open)) .focus-ring { display: none; }`,ot.__nextId=0,i([h(".focus-ring")],ot.prototype,"_focusRing",void 0),i([l({attribute:"hide-selection-indicator",type:Boolean})],ot.prototype,"hideSelectionIndicator",void 0),i([l({type:Boolean})],ot.prototype,"multi",void 0),i([l({attribute:"panel-class"})],ot.prototype,"panelClass",void 0),ot=lt=i([x("m3e-select")],ot);export{ot as M3eSelectElement};
+import{__classPrivateFieldGet as t,__classPrivateFieldSet as e,__decorate as i}from"tslib";import{LitElement as s,html as a,css as n}from"lit";import{query as l,property as h}from"lit/decorators.js";import{Focusable as o,Labelled as r,RequiredConstraintValidation as c,Dirty as d,Touched as f,Required as m,ConstraintValidation as p,FormAssociated as u,Disabled as v,AttachInternals as g,Role as y,MutationController as w,formValue as b,setCustomState as E,prefersReducedMotion as M,scrollIntoViewIfNeeded as _,deleteCustomState as k,addCustomState as S,forcedColorsActive as C,DesignToken as I,customElement as K}from"@m3e/web/core";import{ListKeyManager as x}from"@m3e/web/core/a11y";var A,L,W,$,T,D,P,U,q,N,O,R,z,H,B,j,F,V,X,Z,G,J,Q,Y,tt,et,it,st,at;let nt=at=class extends(o(r(c(d(f(m(p(u(v(g(y(s,"combobox")))))))))))){constructor(){super(),A.add(this),this._options=new Array,L.set(this,void 0),W.set(this,void 0),$.set(this,!1),T.set(this,!1),D.set(this,"m3e-select-"+at.__nextId++),P.set(this,`${t(this,D,"f")}-list`),U.set(this,e=>t(this,A,"m",F).call(this,e)),q.set(this,e=>t(this,A,"m",V).call(this,e)),N.set(this,e=>t(this,A,"m",X).call(this,e)),O.set(this,e=>t(this,A,"m",G).call(this,e)),R.set(this,e=>t(this,A,"m",Z).call(this,e)),this._listKeyManager=(new x).withWrap().withHomeAndEnd().withPageUpAndDown().withVerticalOrientation().withTypeahead().onActiveItemChange(()=>{this._listKeyManager.activeItem&&t(this,A,"m",et).call(this,this._listKeyManager.activeItem)}),this.hideSelectionIndicator=!1,this.multi=!1,this.panelClass="",new w(this,{config:{childList:!0,subtree:!0},callback:()=>t(this,A,"m",j).call(this)})}get options(){return this._options??[]}get selected(){return this.options.filter(t=>t.selected)}get value(){const t=this.selected.filter(t=>!t.disabled).map(t=>t.value);switch(t.length){case 0:return null;case 1:return t[0];default:return t}}get[(L=new WeakMap,W=new WeakMap,$=new WeakMap,T=new WeakMap,D=new WeakMap,P=new WeakMap,U=new WeakMap,q=new WeakMap,N=new WeakMap,O=new WeakMap,R=new WeakMap,A=new WeakSet,z=function(){return this._listKeyManager?.items??[]},H=function(){return t(this,A,"a",z).filter(t=>t.selected)},b)](){const t=this.value;if(Array.isArray(t)){const e=new FormData;for(const i of t)e.append(this.name,i);return e}return t}get shouldLabelFloat(){return this.selected.filter(t=>!t.isEmpty).length>0}onContainerClick(){e(this,T,!0,"f"),t(this,A,"m",Q).call(this),this.focus({preventScroll:!0})}clear(e=!1){const i=t(this,A,"a",H),s=i.length>0;s&&(i.forEach(e=>{e.selected=!1,t(this,A,"m",it).call(this,e)}),this.requestUpdate()),t(this,A,"m",tt).call(this),s&&this.dispatchEvent(new Event("change",{bubbles:!0})),e&&this.focus()}connectedCallback(){super.connectedCallback(),this.ariaHasPopup="listbox",this.ariaExpanded="false",this.addEventListener("click",t(this,U,"f")),this.addEventListener("keydown",t(this,q,"f")),this.addEventListener("keyup",t(this,N,"f")),t(this,A,"m",j).call(this)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",t(this,U,"f")),this.removeEventListener("keydown",t(this,q,"f")),this.removeEventListener("keyup",t(this,N,"f"))}update(e){super.update(e),e.has("hideSelectionIndicator")&&t(this,A,"a",z).forEach(t=>E(t,"-hide-selection-indicator",this.hideSelectionIndicator))}firstUpdated(e){super.firstUpdated(e),this._focusRing?.attach(this),t(this,A,"a",B)&&this._focusRing&&(this._focusRing.style.display="none")}render(){return a`<m3e-focus-ring class="focus-ring"></m3e-focus-ring><div class="base"><m3e-text-overflow><slot name="value">${this.selected.filter(t=>!t.isEmpty).map((t,e)=>e>0?a`<span>, </span>${t.label}`:t.label)}</slot></m3e-text-overflow><div class="arrow-wrapper" aria-hidden="true"><slot name="arrow"><svg class="arrow" viewBox="0 -960 960 960" fill="currentColor"><path d="M480-360 280-560h400L480-360Z"/></svg></slot></div></div><div class="options" aria-hidden="true"><slot></slot></div>`}};B=function(){return this.closest("m3e-form-field")},j=function(){e(this,L,this.cloneNode(!0),"f");const{added:i}=this._listKeyManager.setItems([...t(this,L,"f").querySelectorAll("m3e-option")]);i.forEach(e=>{e.id=e.id||`${t(this,D,"f")}-option-${this._listKeyManager.items.indexOf(e)}`,E(e,"-hide-selection-indicator",this.hideSelectionIndicator)}),this._options=[...this.querySelectorAll("m3e-option")],t(this,A,"a",B)?.notifyControlStateChange(),t(this,W,"f")&&(t(this,W,"f").replaceChildren(...t(this,L,"f").childNodes),0==this._options.length&&t(this,A,"m",tt).call(this))},F=function(e){e.defaultPrevented||this.disabled||t(this,A,"m",Q).call(this)},V=function(i){if(!i.defaultPrevented)switch(e(this,T,!1,"f"),i.key){case" ":case"Enter":i.preventDefault(),this.multi?t(this,W,"f")||(e(this,$,!0,"f"),t(this,A,"m",Q).call(this)):(t(this,W,"f")&&this._listKeyManager.activeItem&&t(this,A,"m",st).call(this,this._listKeyManager.activeItem),t(this,W,"f")?.isOpen?M()?t(this,A,"m",tt).call(this):setTimeout(()=>t(this,A,"m",tt).call(this),150):t(this,A,"m",Y).call(this));break;case"Escape":case"Tab":t(this,A,"m",tt).call(this);break;case"Down":case"ArrowDown":this.multi&&!t(this,W,"f")?t(this,A,"m",Q).call(this):(this._listKeyManager.onKeyDown(i),!t(this,W,"f")&&this._listKeyManager.activeItem&&t(this,A,"m",st).call(this,this._listKeyManager.activeItem));break;default:this._listKeyManager.onKeyDown(i),this.multi||t(this,W,"f")||!this._listKeyManager.activeItem||t(this,A,"m",st).call(this,this._listKeyManager.activeItem)}},X=function(i){if(!i.defaultPrevented)if(t(this,$,"f"))e(this,$,!1,"f");else switch(i.key){case" ":case"Enter":if(!this.multi)return;i.preventDefault(),t(this,W,"f")&&this._listKeyManager.activeItem&&t(this,A,"m",st).call(this,this._listKeyManager.activeItem)}},Z=function(e){if(2===e.button)return;e.preventDefault(),e.stopImmediatePropagation();const i=e.composedPath().find(t=>t instanceof HTMLElement&&"M3E-OPTION"===t.tagName);i&&!i.disabled&&(t(this,A,"m",st).call(this,i),this._listKeyManager.setActiveItem(i),this.multi?this.requestUpdate():M()?t(this,A,"m",tt).call(this):setTimeout(()=>t(this,A,"m",tt).call(this),150))},G=function(e){if(t(this,W,"f"))if("closed"!==e.newState){const i=t(this,A,"a",H).find(t=>!t.disabled)??this._listKeyManager.items.find(t=>!t.disabled);this._listKeyManager.setActiveItem(i),i&&_(i,t(this,W,"f"),{block:"nearest",behavior:"instant"}),this.dispatchEvent(new ToggleEvent("toggle",{oldState:e.oldState,newState:e.newState}))}else M()?t(this,A,"m",J).call(this,e):setTimeout(()=>t(this,A,"m",J).call(this,e),100)},J=function(i){t(this,W,"f")&&(t(this,L,"f")?.replaceChildren(...t(this,W,"f").childNodes),t(this,W,"f").remove(),t(this,W,"f").removeEventListener("toggle",t(this,O,"f")),t(this,W,"f").removeEventListener("pointerdown",t(this,R,"f")),e(this,W,void 0,"f"),this.ariaExpanded="false",this.removeAttribute("aria-controls"),this.removeAttribute("aria-owns"),this.requestUpdate(),k(this,"-open"),t(this,A,"a",B)?.notifyControlStateChange(),this.dispatchEvent(new ToggleEvent("toggle",{oldState:i.oldState,newState:i.newState})))},Q=function(){this.disabled||(t(this,W,"f")?t(this,A,"m",tt).call(this):t(this,A,"m",Y).call(this))},Y=function(){if(!t(this,W,"f")&&0!=this._options.length){if(e(this,W,document.createElement("m3e-option-panel"),"f"),this.multi&&(t(this,W,"f").ariaMultiSelectable="true"),t(this,W,"f").id=t(this,P,"f"),this.panelClass)for(const e of this.panelClass.split(/\s+/).map(t=>t.trim()).filter(Boolean))t(this,W,"f").classList.add(e);t(this,W,"f").style.overflowX="hidden",t(this,W,"f").fitAnchorWidth=!0,t(this,W,"f").addEventListener("toggle",t(this,O,"f")),t(this,W,"f").addEventListener("pointerdown",t(this,R,"f")),t(this,L,"f")&&t(this,W,"f").replaceChildren(...t(this,L,"f").childNodes),(t(this,A,"a",B)??this).insertAdjacentElement("afterend",t(this,W,"f")),this.ariaExpanded="true",this.setAttribute("aria-controls",t(this,P,"f")),this.setAttribute("aria-owns",t(this,P,"f")),t(this,A,"a",B)?.notifyControlStateChange(),setTimeout(()=>{t(this,W,"f")?.show(this,t(this,A,"a",B)?.menuAnchor),S(this,"-open")})}},tt=function(){t(this,W,"f")&&(t(this,W,"f").hide(),this.removeAttribute("aria-activedescendant"),k(this,"-open"))},et=function(e){if(this.setAttribute("aria-activedescendant",e.id),t(this,W,"f")){_(e,t(this,W,"f"),{block:"nearest",behavior:"instant"});const i=!t(this,T,"f")&&(this.matches(":focus-visible")||C());t(this,A,"a",z).forEach(t=>{t===e&&i?(t.focusRing?.show(),t.stateLayer?.show("focused")):(t.focusRing?.hide(),t.stateLayer?.hide("focused"))})}},it=function(t){const e=this._options[this._listKeyManager.items.indexOf(t)];e&&(e.selected=t.selected)},st=function(e){const i=!this.multi||!e.selected;e.selected!==i&&(e.selected=i,t(this,A,"m",it).call(this,e),this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))?(this.multi||t(this,A,"a",H).filter(t=>t!==e).forEach(e=>{e.selected=!1,t(this,A,"m",it).call(this,e)}),this.requestUpdate(),t(this,A,"a",B)?.notifyControlStateChange(),this.dispatchEvent(new Event("change",{bubbles:!0}))):(e.selected=!i,t(this,A,"m",it).call(this,e)))},nt.styles=n`:host { display: inline-flex; vertical-align: middle; outline: none; position: relative; font-size: var(--m3e-form-field-font-size, ${I.typescale.standard.body.large.fontSize}); font-weight: var(--m3e-form-field-font-weight, ${I.typescale.standard.body.large.fontWeight}); line-height: var(--m3e-form-field-line-height, ${I.typescale.standard.body.large.lineHeight}); letter-spacing: var(--m3e-form-field-tracking, ${I.typescale.standard.body.large.tracking}); min-height: var(--m3e-form-field-line-height, ${I.typescale.standard.body.large.lineHeight}); border-radius: var(--m3e-select-container-shape, ${I.shape.corner.extraSmall}); } :host(:not(:disabled)) { cursor: pointer; } :host(:disabled) { color: color-mix( in srgb, var(--m3e-select-disabled-color, ${I.color.onSurface}) var(--m3e-select-disabled-color-opacity, 38%), transparent ); } .options { display: none; } .base { flex: 1 1 auto; display: inline-flex; align-items: center; overflow: hidden; } .arrow-wrapper { display: flex; align-items: center; justify-content: center; margin-top: var(--_select-arrow-margin-top); } ::slotted([slot="arrow"]), .arrow { vertical-align: middle; width: 1em; height: 1em; font-size: var(--m3e-select-icon-size, 1.5rem); } :host(:state(-open)) .focus-ring { display: none; }`,nt.__nextId=0,i([l(".focus-ring")],nt.prototype,"_focusRing",void 0),i([h({attribute:"hide-selection-indicator",type:Boolean})],nt.prototype,"hideSelectionIndicator",void 0),i([h({type:Boolean})],nt.prototype,"multi",void 0),i([h({attribute:"panel-class"})],nt.prototype,"panelClass",void 0),nt=at=i([K("m3e-select")],nt);export{nt as M3eSelectElement};
 //# sourceMappingURL=select.min.js.map

package/dist/select.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.min.js","sources":["../../src/select/SelectElement.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-declaration-merging */\r\nimport { css, CSSResultGroup, html, LitElement, PropertyValues } from \"lit\";\r\nimport { property, query } from \"lit/decorators.js\";\r\n\r\nimport {\r\n  AttachInternals,\r\n  Labelled,\r\n  ConstraintValidation,\r\n  Dirty,\r\n  Disabled,\r\n  FormAssociated,\r\n  Required,\r\n  RequiredConstraintValidation,\r\n  ResizeController,\r\n  Touched,\r\n  DesignToken,\r\n  formValue,\r\n  M3eFocusRingElement,\r\n  scrollIntoViewIfNeeded,\r\n  Role,\r\n  Focusable,\r\n  prefersReducedMotion,\r\n  forcedColorsActive,\r\n  deleteCustomState,\r\n  addCustomState,\r\n  setCustomState,\r\n  customElement,\r\n  MutationController,\r\n} from \"@m3e/web/core\";\r\n\r\nimport { ListKeyManager, typeaheadLabel } from \"@m3e/web/core/a11y\";\r\n\r\nimport type { M3eFormFieldElement, FormFieldControl } from \"@m3e/web/form-field\";\r\nimport { M3eOptionElement, M3eOptionPanelElement } from \"@m3e/web/option\";\r\n\r\n/**\r\n * A form control that allows users to select a value from a set of predefined options.\r\n *\r\n * @description\r\n * The `m3e-select` component follows Material Design 3 principles and provides a comprehensive\r\n * selection interface for capturing user input. It supports both single and multiple selection modes,\r\n * customizable validation states, and accessible keyboard navigation. The component integrates seamlessly\r\n * with form field containers and dynamically positions its option list menu to ensure optimal viewport\r\n * visibility. Selection changes are communicated through standard form events, enabling predictable integration\r\n * with form submission and reactive state management systems.\r\n *\r\n * @example\r\n * The following demonstrates a `m3e-select` component wrapped in a `m3e-form-field` with a slotted label.\r\n * The label is associated with the select via the `for` and `id` attributes, ensuring accessible form semantics.\r\n * Each `m3e-option` defines an option within the dropdown.\r\n *\r\n * ```html\r\n * <m3e-form-field>\r\n *   <label slot=\"label\" for=\"select\">Choose your favorite fruit</label>\r\n *   <m3e-select id=\"select\">\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-select>\r\n * </m3e-form-field>\r\n * ```\r\n *\r\n * @tag m3e-select\r\n *\r\n * @slot - Renders the options of the select.\r\n * @slot arrow - Renders the dropdown arrow.\r\n * @slot value - Renders the selected value(s).\r\n *\r\n * @attr disabled - Whether the element is disabled.\r\n * @attr hide-selection-indicator - Whether to hide the selection indicator for single select options.\r\n * @attr multi - Whether multiple options can be selected.\r\n * @attr name - The name that identifies the element when submitting the associated form.\r\n * @attr panel-class - Class or list of classes to be applied to the select's overlay panel.\r\n * @attr required - Whether the element is required.\r\n *\r\n * @fires input - Emitted when the selected state changes.\r\n * @fires change - Emitted when the selected state changes.\r\n *\r\n * @cssprop --m3e-form-field-font-size - The font size of the select control.\r\n * @cssprop --m3e-form-field-font-weight - The font weight of the select control.\r\n * @cssprop --m3e-form-field-line-height - The line height of the select control.\r\n * @cssprop --m3e-form-field-tracking - The letter spacing of the select control.\r\n * @cssprop --m3e-select-container-shape - The corner radius of the select container.\r\n * @cssprop --m3e-select-disabled-color - The text color when the select is disabled.\r\n * @cssprop --m3e-select-disabled-color-opacity - The opacity level applied to the disabled text color.\r\n * @cssprop --m3e-select-icon-size - The size of the dropdown arrow icon.\r\n */\r\n@customElement(\"m3e-select\")\r\nexport class M3eSelectElement\r\n  extends Focusable(\r\n    Labelled(\r\n      RequiredConstraintValidation(\r\n        Dirty(\r\n          Touched(\r\n            Required(ConstraintValidation(FormAssociated(Disabled(AttachInternals(Role(LitElement, \"combobox\")))))),\r\n          ),\r\n        ),\r\n      ),\r\n    ),\r\n  )\r\n  implements FormFieldControl\r\n{\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = css`\r\n    :host {\r\n      display: inline-flex;\r\n      vertical-align: middle;\r\n      outline: none;\r\n      position: relative;\r\n      font-size: var(--m3e-form-field-font-size, ${DesignToken.typescale.standard.body.large.fontSize});\r\n      font-weight: var(--m3e-form-field-font-weight, ${DesignToken.typescale.standard.body.large.fontWeight});\r\n      line-height: var(--m3e-form-field-line-height, ${DesignToken.typescale.standard.body.large.lineHeight});\r\n      letter-spacing: var(--m3e-form-field-tracking, ${DesignToken.typescale.standard.body.large.tracking});\r\n      min-height: var(--m3e-form-field-line-height, ${DesignToken.typescale.standard.body.large.lineHeight});\r\n      border-radius: var(--m3e-select-container-shape, ${DesignToken.shape.corner.extraSmall});\r\n    }\r\n    :host(:not(:disabled)) {\r\n      cursor: pointer;\r\n    }\r\n    :host(:disabled) {\r\n      color: color-mix(\r\n        in srgb,\r\n        var(--m3e-select-disabled-color, ${DesignToken.color.onSurface}) var(--m3e-select-disabled-color-opacity, 38%),\r\n        transparent\r\n      );\r\n    }\r\n    .options {\r\n      display: none;\r\n    }\r\n    .base {\r\n      flex: 1 1 auto;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      overflow: hidden;\r\n    }\r\n    .arrow-wrapper {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin-top: var(--_select-arrow-margin-top);\r\n    }\r\n    ::slotted([slot=\"arrow\"]),\r\n    .arrow {\r\n      vertical-align: middle;\r\n      width: 1em;\r\n      height: 1em;\r\n      font-size: var(--m3e-select-icon-size, 1.5rem);\r\n    }\r\n    :host(:state(-open)) .focus-ring {\r\n      display: none;\r\n    }\r\n  `;\r\n\r\n  /** @private */ static __nextId = 0;\r\n\r\n  /** @private */ private _options = new Array<M3eOptionElement>();\r\n  /** @private */ #clone?: HTMLElement;\r\n\r\n  /** @private */ #menu?: M3eOptionPanelElement;\r\n  /** @private */ #ignoreKeyUp = false;\r\n  /** @private */ #ignoreFocusVisible = false;\r\n\r\n  /** @private */ readonly #id = `m3e-select-${M3eSelectElement.__nextId++}`;\r\n  /** @private */ readonly #listId = `${this.#id}-list`;\r\n\r\n  /** @private */ readonly #clickHandler = (e: Event) => this.#handleClick(e);\r\n  /** @private */ readonly #keyDownHandler = (e: KeyboardEvent) => this.#handleKeyDown(e);\r\n  /** @private */ readonly #keyUpHandler = (e: KeyboardEvent) => this.#handleKeyUp(e);\r\n  /** @private */ readonly #menuToggleHandler = (e: ToggleEvent) => this.#handleMenuToggle(e);\r\n  /** @private */ readonly #menuPointerDownHandler = (e: MouseEvent) => 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    .withTypeahead()\r\n    .onActiveItemChange(() => {\r\n      if (this._listKeyManager.activeItem) {\r\n        this.#activateOption(this._listKeyManager.activeItem);\r\n      }\r\n    });\r\n\r\n  /** @private */ @query(\".focus-ring\") private readonly _focusRing?: M3eFocusRingElement;\r\n\r\n  constructor() {\r\n    super();\r\n    new ResizeController(this, {\r\n      callback: () => {\r\n        if (this.#menu) {\r\n          this.#menu.style.minWidth = this.#minMenuWidth;\r\n        }\r\n      },\r\n    });\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 for single select options.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"hide-selection-indicator\", type: Boolean }) hideSelectionIndicator = false;\r\n\r\n  /**\r\n   * Whether multiple options can be selected.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean }) multi = false;\r\n\r\n  /**\r\n   * Class or list of classes to be applied to the select's overlay panel.\r\n   * @default \"\"\r\n   */\r\n  @property({ attribute: \"panel-class\" }) panelClass = \"\";\r\n\r\n  get #options(): readonly M3eOptionElement[] {\r\n    return this._listKeyManager?.items ?? [];\r\n  }\r\n\r\n  get #selected(): readonly M3eOptionElement[] {\r\n    return this.#options.filter((x) => x.selected);\r\n  }\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(s). */\r\n  get selected(): readonly M3eOptionElement[] {\r\n    return this.options.filter((x) => x.selected);\r\n  }\r\n\r\n  /** The selected (enabled) value(s). */\r\n  get value(): string | readonly string[] | null {\r\n    const values = this.selected.filter((x) => !x.disabled).map((x) => x.value);\r\n    switch (values.length) {\r\n      case 0:\r\n        return null;\r\n      case 1:\r\n        return values[0];\r\n      default:\r\n        return values;\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc @internal */\r\n  override get [formValue]() {\r\n    const values = this.value;\r\n    if (Array.isArray(values)) {\r\n      const data = new FormData();\r\n      for (const value of values) {\r\n        data.append(this.name, value);\r\n      }\r\n      return data;\r\n    }\r\n    return <string | null>values;\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  get shouldLabelFloat(): boolean {\r\n    return this.selected.filter((x) => !x.isEmpty).length > 0;\r\n  }\r\n\r\n  /** @private */\r\n  get #minMenuWidth(): string {\r\n    const formField = this.#formField;\r\n    return `${formField ? formField.menuAnchor.clientWidth : this.clientWidth}px`;\r\n  }\r\n\r\n  /** @private */\r\n  get #formField(): M3eFormFieldElement | null {\r\n    return this.closest(\"m3e-form-field\");\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  onContainerClick(): void {\r\n    this.#ignoreFocusVisible = true;\r\n    this.#toggleMenu();\r\n    this.focus({ preventScroll: true });\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    const selected = this.#selected;\r\n    const willChange = selected.length > 0;\r\n\r\n    if (willChange) {\r\n      selected.forEach((x) => {\r\n        x.selected = false;\r\n        this.#updateSelectionState(x);\r\n      });\r\n      this.requestUpdate();\r\n    }\r\n\r\n    this.#hideMenu();\r\n\r\n    if (willChange) {\r\n      this.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n    }\r\n\r\n    if (restoreFocus) {\r\n      this.focus();\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override connectedCallback(): void {\r\n    super.connectedCallback();\r\n\r\n    this.ariaHasPopup = \"listbox\";\r\n    this.ariaExpanded = \"false\";\r\n\r\n    this.addEventListener(\"click\", this.#clickHandler);\r\n    this.addEventListener(\"keydown\", this.#keyDownHandler);\r\n    this.addEventListener(\"keyup\", this.#keyUpHandler);\r\n\r\n    this.#handleMutation();\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override disconnectedCallback(): void {\r\n    super.disconnectedCallback();\r\n\r\n    this.removeEventListener(\"click\", this.#clickHandler);\r\n    this.removeEventListener(\"keydown\", this.#keyDownHandler);\r\n    this.removeEventListener(\"keyup\", this.#keyUpHandler);\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(\"hideSelectionIndicator\")) {\r\n      this.#options.forEach((x) => setCustomState(x, \"-hide-selection-indicator\", this.hideSelectionIndicator));\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override firstUpdated(_changedProperties: PropertyValues<this>): void {\r\n    super.firstUpdated(_changedProperties);\r\n\r\n    this._focusRing?.attach(this);\r\n\r\n    if (this.#formField && this._focusRing) {\r\n      this._focusRing.style.display = \"none\";\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return html` <m3e-focus-ring class=\"focus-ring\"></m3e-focus-ring>\r\n      <div class=\"base\">\r\n        <m3e-text-overflow>\r\n          <slot name=\"value\">\r\n            ${this.selected\r\n              .filter((x) => !x.isEmpty)\r\n              .map((x, i) => (i > 0 ? html`<span>, </span>${x[typeaheadLabel]()}` : x[typeaheadLabel]()))}\r\n          </slot>\r\n        </m3e-text-overflow>\r\n        <div class=\"arrow-wrapper\" aria-hidden=\"true\">\r\n          <slot name=\"arrow\">\r\n            <svg class=\"arrow\" viewBox=\"0 -960 960 960\" fill=\"currentColor\">\r\n              <path d=\"M480-360 280-560h400L480-360Z\" />\r\n            </svg>\r\n          </slot>\r\n        </div>\r\n      </div>\r\n      <div class=\"options\" aria-hidden=\"true\">\r\n        <slot></slot>\r\n      </div>`;\r\n  }\r\n\r\n  /** @private */\r\n  #handleMutation(): void {\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    this._options = [...this.querySelectorAll(\"m3e-option\")];\r\n\r\n    this.#formField?.notifyControlStateChange();\r\n    if (this.#menu) {\r\n      this.#menu.replaceChildren(...this.#clone.childNodes);\r\n      if (this._options.length == 0) {\r\n        this.#hideMenu();\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleClick(e: Event): void {\r\n    if (e.defaultPrevented || this.disabled) return;\r\n    this.#toggleMenu();\r\n  }\r\n\r\n  /** @private */\r\n  #handleKeyDown(e: KeyboardEvent): void {\r\n    if (e.defaultPrevented) return;\r\n    this.#ignoreFocusVisible = false;\r\n\r\n    switch (e.key) {\r\n      case \" \":\r\n      case \"Enter\":\r\n        e.preventDefault();\r\n        if (!this.multi) {\r\n          if (this.#menu && this._listKeyManager.activeItem) {\r\n            this.#selectOption(this._listKeyManager.activeItem);\r\n          }\r\n          if (this.#menu?.isOpen) {\r\n            if (!prefersReducedMotion()) {\r\n              setTimeout(() => this.#hideMenu(), 150);\r\n            } else {\r\n              this.#hideMenu();\r\n            }\r\n          } else {\r\n            this.#showMenu();\r\n          }\r\n        } else if (!this.#menu) {\r\n          this.#ignoreKeyUp = true;\r\n          this.#toggleMenu();\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 \"Down\":\r\n      case \"ArrowDown\":\r\n        if (this.multi && !this.#menu) {\r\n          this.#toggleMenu();\r\n        } else {\r\n          this._listKeyManager.onKeyDown(e);\r\n          if (!this.#menu && this._listKeyManager.activeItem) {\r\n            this.#selectOption(this._listKeyManager.activeItem);\r\n          }\r\n        }\r\n        break;\r\n\r\n      default:\r\n        this._listKeyManager.onKeyDown(e);\r\n        if (!this.multi && !this.#menu && this._listKeyManager.activeItem) {\r\n          this.#selectOption(this._listKeyManager.activeItem);\r\n        }\r\n        break;\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleKeyUp(e: KeyboardEvent): void {\r\n    if (e.defaultPrevented) return;\r\n\r\n    if (this.#ignoreKeyUp) {\r\n      this.#ignoreKeyUp = false;\r\n      return;\r\n    }\r\n\r\n    switch (e.key) {\r\n      case \" \":\r\n      case \"Enter\":\r\n        if (!this.multi) return;\r\n        e.preventDefault();\r\n        if (this.#menu && this._listKeyManager.activeItem) {\r\n          this.#selectOption(this._listKeyManager.activeItem);\r\n        }\r\n        break;\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleMenuPointerDown(e: MouseEvent): 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.#selectOption(option);\r\n      this._listKeyManager.setActiveItem(option);\r\n\r\n      if (!this.multi) {\r\n        if (!prefersReducedMotion()) {\r\n          setTimeout(() => this.#hideMenu(), 150);\r\n        } else {\r\n          this.#hideMenu();\r\n        }\r\n      } else {\r\n        this.requestUpdate();\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.#selected.find((x) => !x.disabled) ?? this._listKeyManager.items.find((x) => !x.disabled);\r\n      this._listKeyManager.setActiveItem(option);\r\n      if (option) {\r\n        scrollIntoViewIfNeeded(option, this.#menu, { block: \"nearest\", behavior: \"instant\" });\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    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    this.ariaExpanded = \"false\";\r\n    this.removeAttribute(\"aria-controls\");\r\n    this.removeAttribute(\"aria-owns\");\r\n    this.requestUpdate();\r\n\r\n    deleteCustomState(this, \"-open\");\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\r\n  /** @private */\r\n  #toggleMenu(): void {\r\n    if (this.disabled) return;\r\n    if (this.#menu) {\r\n      this.#hideMenu();\r\n    } else {\r\n      this.#showMenu();\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #showMenu(): void {\r\n    if (this.#menu || this._options.length == 0) return;\r\n\r\n    this.#menu = document.createElement(\"m3e-option-panel\");\r\n    if (this.multi) {\r\n      this.#menu.ariaMultiSelectable = \"true\";\r\n    }\r\n\r\n    this.#menu.id = this.#listId;\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.style.minWidth = this.#minMenuWidth;\r\n    this.#menu.addEventListener(\"toggle\", this.#menuToggleHandler);\r\n    this.#menu.addEventListener(\"pointerdown\", this.#menuPointerDownHandler);\r\n\r\n    if (this.#clone) {\r\n      this.#menu.replaceChildren(...this.#clone.childNodes);\r\n    }\r\n\r\n    (this.#formField ?? this).insertAdjacentElement(\"afterend\", this.#menu);\r\n\r\n    this.ariaExpanded = \"true\";\r\n    this.setAttribute(\"aria-controls\", this.#listId);\r\n    this.setAttribute(\"aria-owns\", this.#listId);\r\n    this.#formField?.notifyControlStateChange();\r\n\r\n    setTimeout(() => {\r\n      this.#menu?.show(this, this.#formField?.menuAnchor);\r\n      addCustomState(this, \"-open\");\r\n    });\r\n  }\r\n\r\n  /** @private */\r\n  #hideMenu(): void {\r\n    if (!this.#menu) return;\r\n\r\n    this.#menu.hide();\r\n    this.removeAttribute(\"aria-activedescendant\");\r\n    deleteCustomState(this, \"-open\");\r\n  }\r\n\r\n  /** @private */\r\n  #activateOption(option: M3eOptionElement): void {\r\n    this.setAttribute(\"aria-activedescendant\", option.id);\r\n    if (this.#menu) {\r\n      scrollIntoViewIfNeeded(option, this.#menu, { block: \"nearest\", behavior: \"instant\" });\r\n\r\n      const focusVisible = !this.#ignoreFocusVisible && (this.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  #updateSelectionState(clone: M3eOptionElement): void {\r\n    const option = this._options[this._listKeyManager.items.indexOf(clone)];\r\n    if (option) {\r\n      option.selected = clone.selected;\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #selectOption(option: M3eOptionElement): void {\r\n    const selected = this.multi ? !option.selected : true;\r\n    if (option.selected === selected) return;\r\n\r\n    option.selected = selected;\r\n    this.#updateSelectionState(option);\r\n\r\n    if (this.dispatchEvent(new Event(\"input\", { bubbles: true, composed: true, cancelable: true }))) {\r\n      if (!this.multi) {\r\n        this.#selected\r\n          .filter((x) => x !== option)\r\n          .forEach((x) => {\r\n            x.selected = false;\r\n            this.#updateSelectionState(x);\r\n          });\r\n      }\r\n\r\n      this.requestUpdate();\r\n      this.#formField?.notifyControlStateChange();\r\n      this.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n    } else {\r\n      option.selected = !selected;\r\n      this.#updateSelectionState(option);\r\n    }\r\n  }\r\n}\r\n\r\ninterface M3eSelectElementEventMap extends HTMLElementEventMap {\r\n  toggle: ToggleEvent;\r\n}\r\n\r\nexport interface M3eSelectElement {\r\n  addEventListener<K extends keyof M3eSelectElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3eSelectElement, ev: M3eSelectElementEventMap[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 M3eSelectElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3eSelectElement, ev: M3eSelectElementEventMap[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-select\": M3eSelectElement;\r\n  }\r\n}\r\n"],"names":["M3eSelectElement","M3eSelectElement_1","Focusable","Labelled","RequiredConstraintValidation","Dirty","Touched","Required","ConstraintValidation","FormAssociated","Disabled","AttachInternals","Role","LitElement","constructor","super","this","_options","Array","_M3eSelectElement_clone","set","_M3eSelectElement_menu","_M3eSelectElement_ignoreKeyUp","_M3eSelectElement_ignoreFocusVisible","_M3eSelectElement_id","__nextId","_M3eSelectElement_listId","__classPrivateFieldGet","_M3eSelectElement_clickHandler","e","call","_M3eSelectElement_keyDownHandler","_M3eSelectElement_keyUpHandler","_M3eSelectElement_menuToggleHandler","_M3eSelectElement_menuPointerDownHandler","_listKeyManager","ListKeyManager","withWrap","withHomeAndEnd","withPageUpAndDown","withVerticalOrientation","withTypeahead","onActiveItemChange","activeItem","_M3eSelectElement_instances","_M3eSelectElement_activateOption","hideSelectionIndicator","multi","panelClass","ResizeController","callback","style","minWidth","_M3eSelectElement_minMenuWidth_get","MutationController","config","childList","subtree","_M3eSelectElement_handleMutation","options","selected","filter","x","value","values","disabled","map","length","WeakMap","WeakSet","_M3eSelectElement_options_get","items","_M3eSelectElement_selected_get","formValue","isArray","data","FormData","append","name","shouldLabelFloat","isEmpty","onContainerClick","__classPrivateFieldSet","_M3eSelectElement_toggleMenu","focus","preventScroll","clear","restoreFocus","willChange","forEach","_M3eSelectElement_updateSelectionState","requestUpdate","_M3eSelectElement_hideMenu","dispatchEvent","Event","bubbles","connectedCallback","ariaHasPopup","ariaExpanded","addEventListener","disconnectedCallback","removeEventListener","update","changedProperties","has","setCustomState","firstUpdated","_changedProperties","_focusRing","attach","_M3eSelectElement_formField_get","display","render","html","i","typeaheadLabel","formField","menuAnchor","clientWidth","closest","cloneNode","added","setItems","querySelectorAll","id","indexOf","notifyControlStateChange","replaceChildren","childNodes","defaultPrevented","key","preventDefault","_M3eSelectElement_selectOption","isOpen","prefersReducedMotion","setTimeout","_M3eSelectElement_showMenu","onKeyDown","button","stopImmediatePropagation","option","composedPath","find","HTMLElement","tagName","setActiveItem","newState","scrollIntoViewIfNeeded","block","behavior","ToggleEvent","oldState","_M3eSelectElement_destroyMenu","remove","undefined","removeAttribute","deleteCustomState","document","createElement","ariaMultiSelectable","klass","split","d","trim","Boolean","classList","add","overflowX","insertAdjacentElement","setAttribute","show","addCustomState","hide","focusVisible","matches","forcedColorsActive","focusRing","stateLayer","clone","composed","cancelable","styles","css","DesignToken","typescale","standard","body","large","fontSize","fontWeight","lineHeight","tracking","shape","corner","extraSmall","color","onSurface","__decorate","query","prototype","property","attribute","type","customElement"],"mappings":"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"}
+{"version":3,"file":"select.min.js","sources":["../../src/select/SelectElement.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-declaration-merging */\r\nimport { css, CSSResultGroup, html, LitElement, PropertyValues } from \"lit\";\r\nimport { property, query } from \"lit/decorators.js\";\r\n\r\nimport {\r\n  AttachInternals,\r\n  Labelled,\r\n  ConstraintValidation,\r\n  Dirty,\r\n  Disabled,\r\n  FormAssociated,\r\n  Required,\r\n  RequiredConstraintValidation,\r\n  Touched,\r\n  DesignToken,\r\n  formValue,\r\n  M3eFocusRingElement,\r\n  scrollIntoViewIfNeeded,\r\n  Role,\r\n  Focusable,\r\n  prefersReducedMotion,\r\n  forcedColorsActive,\r\n  deleteCustomState,\r\n  addCustomState,\r\n  setCustomState,\r\n  customElement,\r\n  MutationController,\r\n} from \"@m3e/web/core\";\r\n\r\nimport { ListKeyManager } from \"@m3e/web/core/a11y\";\r\n\r\nimport type { M3eFormFieldElement, FormFieldControl } from \"@m3e/web/form-field\";\r\nimport { M3eOptionElement, M3eOptionPanelElement } from \"@m3e/web/option\";\r\n\r\n/**\r\n * A form control that allows users to select a value from a set of predefined options.\r\n *\r\n * @description\r\n * The `m3e-select` component follows Material Design 3 principles and provides a comprehensive\r\n * selection interface for capturing user input. It supports both single and multiple selection modes,\r\n * customizable validation states, and accessible keyboard navigation. The component integrates seamlessly\r\n * with form field containers and dynamically positions its option list menu to ensure optimal viewport\r\n * visibility. Selection changes are communicated through standard form events, enabling predictable integration\r\n * with form submission and reactive state management systems.\r\n *\r\n * @example\r\n * The following demonstrates a `m3e-select` component wrapped in a `m3e-form-field` with a slotted label.\r\n * The label is associated with the select via the `for` and `id` attributes, ensuring accessible form semantics.\r\n * Each `m3e-option` defines an option within the dropdown.\r\n *\r\n * ```html\r\n * <m3e-form-field>\r\n *   <label slot=\"label\" for=\"select\">Choose your favorite fruit</label>\r\n *   <m3e-select id=\"select\">\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-select>\r\n * </m3e-form-field>\r\n * ```\r\n *\r\n * @tag m3e-select\r\n *\r\n * @slot - Renders the options of the select.\r\n * @slot arrow - Renders the dropdown arrow.\r\n * @slot value - Renders the selected value(s).\r\n *\r\n * @attr disabled - Whether the element is disabled.\r\n * @attr hide-selection-indicator - Whether to hide the selection indicator for single select options.\r\n * @attr multi - Whether multiple options can be selected.\r\n * @attr name - The name that identifies the element when submitting the associated form.\r\n * @attr panel-class - Class or list of classes to be applied to the select's overlay panel.\r\n * @attr required - Whether the element is required.\r\n *\r\n * @fires input - Emitted when the selected state changes.\r\n * @fires change - Emitted when the selected state changes.\r\n *\r\n * @cssprop --m3e-form-field-font-size - The font size of the select control.\r\n * @cssprop --m3e-form-field-font-weight - The font weight of the select control.\r\n * @cssprop --m3e-form-field-line-height - The line height of the select control.\r\n * @cssprop --m3e-form-field-tracking - The letter spacing of the select control.\r\n * @cssprop --m3e-select-container-shape - The corner radius of the select container.\r\n * @cssprop --m3e-select-disabled-color - The text color when the select is disabled.\r\n * @cssprop --m3e-select-disabled-color-opacity - The opacity level applied to the disabled text color.\r\n * @cssprop --m3e-select-icon-size - The size of the dropdown arrow icon.\r\n */\r\n@customElement(\"m3e-select\")\r\nexport class M3eSelectElement\r\n  extends Focusable(\r\n    Labelled(\r\n      RequiredConstraintValidation(\r\n        Dirty(\r\n          Touched(\r\n            Required(ConstraintValidation(FormAssociated(Disabled(AttachInternals(Role(LitElement, \"combobox\")))))),\r\n          ),\r\n        ),\r\n      ),\r\n    ),\r\n  )\r\n  implements FormFieldControl\r\n{\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = css`\r\n    :host {\r\n      display: inline-flex;\r\n      vertical-align: middle;\r\n      outline: none;\r\n      position: relative;\r\n      font-size: var(--m3e-form-field-font-size, ${DesignToken.typescale.standard.body.large.fontSize});\r\n      font-weight: var(--m3e-form-field-font-weight, ${DesignToken.typescale.standard.body.large.fontWeight});\r\n      line-height: var(--m3e-form-field-line-height, ${DesignToken.typescale.standard.body.large.lineHeight});\r\n      letter-spacing: var(--m3e-form-field-tracking, ${DesignToken.typescale.standard.body.large.tracking});\r\n      min-height: var(--m3e-form-field-line-height, ${DesignToken.typescale.standard.body.large.lineHeight});\r\n      border-radius: var(--m3e-select-container-shape, ${DesignToken.shape.corner.extraSmall});\r\n    }\r\n    :host(:not(:disabled)) {\r\n      cursor: pointer;\r\n    }\r\n    :host(:disabled) {\r\n      color: color-mix(\r\n        in srgb,\r\n        var(--m3e-select-disabled-color, ${DesignToken.color.onSurface}) var(--m3e-select-disabled-color-opacity, 38%),\r\n        transparent\r\n      );\r\n    }\r\n    .options {\r\n      display: none;\r\n    }\r\n    .base {\r\n      flex: 1 1 auto;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      overflow: hidden;\r\n    }\r\n    .arrow-wrapper {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin-top: var(--_select-arrow-margin-top);\r\n    }\r\n    ::slotted([slot=\"arrow\"]),\r\n    .arrow {\r\n      vertical-align: middle;\r\n      width: 1em;\r\n      height: 1em;\r\n      font-size: var(--m3e-select-icon-size, 1.5rem);\r\n    }\r\n    :host(:state(-open)) .focus-ring {\r\n      display: none;\r\n    }\r\n  `;\r\n\r\n  /** @private */ static __nextId = 0;\r\n\r\n  /** @private */ private _options = new Array<M3eOptionElement>();\r\n  /** @private */ #clone?: HTMLElement;\r\n\r\n  /** @private */ #menu?: M3eOptionPanelElement;\r\n  /** @private */ #ignoreKeyUp = false;\r\n  /** @private */ #ignoreFocusVisible = false;\r\n\r\n  /** @private */ readonly #id = `m3e-select-${M3eSelectElement.__nextId++}`;\r\n  /** @private */ readonly #listId = `${this.#id}-list`;\r\n\r\n  /** @private */ readonly #clickHandler = (e: Event) => this.#handleClick(e);\r\n  /** @private */ readonly #keyDownHandler = (e: KeyboardEvent) => this.#handleKeyDown(e);\r\n  /** @private */ readonly #keyUpHandler = (e: KeyboardEvent) => this.#handleKeyUp(e);\r\n  /** @private */ readonly #menuToggleHandler = (e: ToggleEvent) => this.#handleMenuToggle(e);\r\n  /** @private */ readonly #menuPointerDownHandler = (e: MouseEvent) => 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    .withTypeahead()\r\n    .onActiveItemChange(() => {\r\n      if (this._listKeyManager.activeItem) {\r\n        this.#activateOption(this._listKeyManager.activeItem);\r\n      }\r\n    });\r\n\r\n  /** @private */ @query(\".focus-ring\") private readonly _focusRing?: M3eFocusRingElement;\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 for single select options.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"hide-selection-indicator\", type: Boolean }) hideSelectionIndicator = false;\r\n\r\n  /**\r\n   * Whether multiple options can be selected.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean }) multi = false;\r\n\r\n  /**\r\n   * Class or list of classes to be applied to the select's overlay panel.\r\n   * @default \"\"\r\n   */\r\n  @property({ attribute: \"panel-class\" }) panelClass = \"\";\r\n\r\n  get #options(): readonly M3eOptionElement[] {\r\n    return this._listKeyManager?.items ?? [];\r\n  }\r\n\r\n  get #selected(): readonly M3eOptionElement[] {\r\n    return this.#options.filter((x) => x.selected);\r\n  }\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(s). */\r\n  get selected(): readonly M3eOptionElement[] {\r\n    return this.options.filter((x) => x.selected);\r\n  }\r\n\r\n  /** The selected (enabled) value(s). */\r\n  get value(): string | readonly string[] | null {\r\n    const values = this.selected.filter((x) => !x.disabled).map((x) => x.value);\r\n    switch (values.length) {\r\n      case 0:\r\n        return null;\r\n      case 1:\r\n        return values[0];\r\n      default:\r\n        return values;\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc @internal */\r\n  override get [formValue]() {\r\n    const values = this.value;\r\n    if (Array.isArray(values)) {\r\n      const data = new FormData();\r\n      for (const value of values) {\r\n        data.append(this.name, value);\r\n      }\r\n      return data;\r\n    }\r\n    return <string | null>values;\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  get shouldLabelFloat(): boolean {\r\n    return this.selected.filter((x) => !x.isEmpty).length > 0;\r\n  }\r\n\r\n  /** @private */\r\n  get #formField(): M3eFormFieldElement | null {\r\n    return this.closest(\"m3e-form-field\");\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  onContainerClick(): void {\r\n    this.#ignoreFocusVisible = true;\r\n    this.#toggleMenu();\r\n    this.focus({ preventScroll: true });\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    const selected = this.#selected;\r\n    const willChange = selected.length > 0;\r\n\r\n    if (willChange) {\r\n      selected.forEach((x) => {\r\n        x.selected = false;\r\n        this.#updateSelectionState(x);\r\n      });\r\n      this.requestUpdate();\r\n    }\r\n\r\n    this.#hideMenu();\r\n\r\n    if (willChange) {\r\n      this.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n    }\r\n\r\n    if (restoreFocus) {\r\n      this.focus();\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override connectedCallback(): void {\r\n    super.connectedCallback();\r\n\r\n    this.ariaHasPopup = \"listbox\";\r\n    this.ariaExpanded = \"false\";\r\n\r\n    this.addEventListener(\"click\", this.#clickHandler);\r\n    this.addEventListener(\"keydown\", this.#keyDownHandler);\r\n    this.addEventListener(\"keyup\", this.#keyUpHandler);\r\n\r\n    this.#handleMutation();\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override disconnectedCallback(): void {\r\n    super.disconnectedCallback();\r\n\r\n    this.removeEventListener(\"click\", this.#clickHandler);\r\n    this.removeEventListener(\"keydown\", this.#keyDownHandler);\r\n    this.removeEventListener(\"keyup\", this.#keyUpHandler);\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(\"hideSelectionIndicator\")) {\r\n      this.#options.forEach((x) => setCustomState(x, \"-hide-selection-indicator\", this.hideSelectionIndicator));\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override firstUpdated(_changedProperties: PropertyValues<this>): void {\r\n    super.firstUpdated(_changedProperties);\r\n\r\n    this._focusRing?.attach(this);\r\n\r\n    if (this.#formField && this._focusRing) {\r\n      this._focusRing.style.display = \"none\";\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return html` <m3e-focus-ring class=\"focus-ring\"></m3e-focus-ring>\r\n      <div class=\"base\">\r\n        <m3e-text-overflow>\r\n          <slot name=\"value\">\r\n            ${this.selected\r\n              .filter((x) => !x.isEmpty)\r\n              .map((x, i) => (i > 0 ? html`<span>, </span>${x.label}` : x.label))}\r\n          </slot>\r\n        </m3e-text-overflow>\r\n        <div class=\"arrow-wrapper\" aria-hidden=\"true\">\r\n          <slot name=\"arrow\">\r\n            <svg class=\"arrow\" viewBox=\"0 -960 960 960\" fill=\"currentColor\">\r\n              <path d=\"M480-360 280-560h400L480-360Z\" />\r\n            </svg>\r\n          </slot>\r\n        </div>\r\n      </div>\r\n      <div class=\"options\" aria-hidden=\"true\">\r\n        <slot></slot>\r\n      </div>`;\r\n  }\r\n\r\n  /** @private */\r\n  #handleMutation(): void {\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    this._options = [...this.querySelectorAll(\"m3e-option\")];\r\n\r\n    this.#formField?.notifyControlStateChange();\r\n    if (this.#menu) {\r\n      this.#menu.replaceChildren(...this.#clone.childNodes);\r\n      if (this._options.length == 0) {\r\n        this.#hideMenu();\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleClick(e: Event): void {\r\n    if (e.defaultPrevented || this.disabled) return;\r\n    this.#toggleMenu();\r\n  }\r\n\r\n  /** @private */\r\n  #handleKeyDown(e: KeyboardEvent): void {\r\n    if (e.defaultPrevented) return;\r\n    this.#ignoreFocusVisible = false;\r\n\r\n    switch (e.key) {\r\n      case \" \":\r\n      case \"Enter\":\r\n        e.preventDefault();\r\n        if (!this.multi) {\r\n          if (this.#menu && this._listKeyManager.activeItem) {\r\n            this.#selectOption(this._listKeyManager.activeItem);\r\n          }\r\n          if (this.#menu?.isOpen) {\r\n            if (!prefersReducedMotion()) {\r\n              setTimeout(() => this.#hideMenu(), 150);\r\n            } else {\r\n              this.#hideMenu();\r\n            }\r\n          } else {\r\n            this.#showMenu();\r\n          }\r\n        } else if (!this.#menu) {\r\n          this.#ignoreKeyUp = true;\r\n          this.#toggleMenu();\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 \"Down\":\r\n      case \"ArrowDown\":\r\n        if (this.multi && !this.#menu) {\r\n          this.#toggleMenu();\r\n        } else {\r\n          this._listKeyManager.onKeyDown(e);\r\n          if (!this.#menu && this._listKeyManager.activeItem) {\r\n            this.#selectOption(this._listKeyManager.activeItem);\r\n          }\r\n        }\r\n        break;\r\n\r\n      default:\r\n        this._listKeyManager.onKeyDown(e);\r\n        if (!this.multi && !this.#menu && this._listKeyManager.activeItem) {\r\n          this.#selectOption(this._listKeyManager.activeItem);\r\n        }\r\n        break;\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleKeyUp(e: KeyboardEvent): void {\r\n    if (e.defaultPrevented) return;\r\n\r\n    if (this.#ignoreKeyUp) {\r\n      this.#ignoreKeyUp = false;\r\n      return;\r\n    }\r\n\r\n    switch (e.key) {\r\n      case \" \":\r\n      case \"Enter\":\r\n        if (!this.multi) return;\r\n        e.preventDefault();\r\n        if (this.#menu && this._listKeyManager.activeItem) {\r\n          this.#selectOption(this._listKeyManager.activeItem);\r\n        }\r\n        break;\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleMenuPointerDown(e: MouseEvent): 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.#selectOption(option);\r\n      this._listKeyManager.setActiveItem(option);\r\n\r\n      if (!this.multi) {\r\n        if (!prefersReducedMotion()) {\r\n          setTimeout(() => this.#hideMenu(), 150);\r\n        } else {\r\n          this.#hideMenu();\r\n        }\r\n      } else {\r\n        this.requestUpdate();\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.#selected.find((x) => !x.disabled) ?? this._listKeyManager.items.find((x) => !x.disabled);\r\n      this._listKeyManager.setActiveItem(option);\r\n      if (option) {\r\n        scrollIntoViewIfNeeded(option, this.#menu, { block: \"nearest\", behavior: \"instant\" });\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    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    this.ariaExpanded = \"false\";\r\n    this.removeAttribute(\"aria-controls\");\r\n    this.removeAttribute(\"aria-owns\");\r\n    this.requestUpdate();\r\n\r\n    deleteCustomState(this, \"-open\");\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\r\n  /** @private */\r\n  #toggleMenu(): void {\r\n    if (this.disabled) return;\r\n    if (this.#menu) {\r\n      this.#hideMenu();\r\n    } else {\r\n      this.#showMenu();\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #showMenu(): void {\r\n    if (this.#menu || this._options.length == 0) return;\r\n\r\n    this.#menu = document.createElement(\"m3e-option-panel\");\r\n    if (this.multi) {\r\n      this.#menu.ariaMultiSelectable = \"true\";\r\n    }\r\n\r\n    this.#menu.id = this.#listId;\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.fitAnchorWidth = true;\r\n    this.#menu.addEventListener(\"toggle\", this.#menuToggleHandler);\r\n    this.#menu.addEventListener(\"pointerdown\", this.#menuPointerDownHandler);\r\n\r\n    if (this.#clone) {\r\n      this.#menu.replaceChildren(...this.#clone.childNodes);\r\n    }\r\n\r\n    (this.#formField ?? this).insertAdjacentElement(\"afterend\", this.#menu);\r\n\r\n    this.ariaExpanded = \"true\";\r\n    this.setAttribute(\"aria-controls\", this.#listId);\r\n    this.setAttribute(\"aria-owns\", this.#listId);\r\n    this.#formField?.notifyControlStateChange();\r\n\r\n    setTimeout(() => {\r\n      this.#menu?.show(this, this.#formField?.menuAnchor);\r\n      addCustomState(this, \"-open\");\r\n    });\r\n  }\r\n\r\n  /** @private */\r\n  #hideMenu(): void {\r\n    if (!this.#menu) return;\r\n\r\n    this.#menu.hide();\r\n    this.removeAttribute(\"aria-activedescendant\");\r\n    deleteCustomState(this, \"-open\");\r\n  }\r\n\r\n  /** @private */\r\n  #activateOption(option: M3eOptionElement): void {\r\n    this.setAttribute(\"aria-activedescendant\", option.id);\r\n    if (this.#menu) {\r\n      scrollIntoViewIfNeeded(option, this.#menu, { block: \"nearest\", behavior: \"instant\" });\r\n\r\n      const focusVisible = !this.#ignoreFocusVisible && (this.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  #updateSelectionState(clone: M3eOptionElement): void {\r\n    const option = this._options[this._listKeyManager.items.indexOf(clone)];\r\n    if (option) {\r\n      option.selected = clone.selected;\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #selectOption(option: M3eOptionElement): void {\r\n    const selected = this.multi ? !option.selected : true;\r\n    if (option.selected === selected) return;\r\n\r\n    option.selected = selected;\r\n    this.#updateSelectionState(option);\r\n\r\n    if (this.dispatchEvent(new Event(\"input\", { bubbles: true, composed: true, cancelable: true }))) {\r\n      if (!this.multi) {\r\n        this.#selected\r\n          .filter((x) => x !== option)\r\n          .forEach((x) => {\r\n            x.selected = false;\r\n            this.#updateSelectionState(x);\r\n          });\r\n      }\r\n\r\n      this.requestUpdate();\r\n      this.#formField?.notifyControlStateChange();\r\n      this.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n    } else {\r\n      option.selected = !selected;\r\n      this.#updateSelectionState(option);\r\n    }\r\n  }\r\n}\r\n\r\ninterface M3eSelectElementEventMap extends HTMLElementEventMap {\r\n  toggle: ToggleEvent;\r\n}\r\n\r\nexport interface M3eSelectElement {\r\n  addEventListener<K extends keyof M3eSelectElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3eSelectElement, ev: M3eSelectElementEventMap[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 M3eSelectElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3eSelectElement, ev: M3eSelectElementEventMap[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-select\": M3eSelectElement;\r\n  }\r\n}\r\n"],"names":["M3eSelectElement","M3eSelectElement_1","Focusable","Labelled","RequiredConstraintValidation","Dirty","Touched","Required","ConstraintValidation","FormAssociated","Disabled","AttachInternals","Role","LitElement","constructor","super","this","_options","Array","_M3eSelectElement_clone","set","_M3eSelectElement_menu","_M3eSelectElement_ignoreKeyUp","_M3eSelectElement_ignoreFocusVisible","_M3eSelectElement_id","__nextId","_M3eSelectElement_listId","__classPrivateFieldGet","_M3eSelectElement_clickHandler","e","call","_M3eSelectElement_keyDownHandler","_M3eSelectElement_keyUpHandler","_M3eSelectElement_menuToggleHandler","_M3eSelectElement_menuPointerDownHandler","_listKeyManager","ListKeyManager","withWrap","withHomeAndEnd","withPageUpAndDown","withVerticalOrientation","withTypeahead","onActiveItemChange","activeItem","_M3eSelectElement_instances","_M3eSelectElement_activateOption","hideSelectionIndicator","multi","panelClass","MutationController","config","childList","subtree","callback","_M3eSelectElement_handleMutation","options","selected","filter","x","value","values","disabled","map","length","WeakMap","WeakSet","_M3eSelectElement_options_get","items","_M3eSelectElement_selected_get","formValue","isArray","data","FormData","append","name","shouldLabelFloat","isEmpty","onContainerClick","__classPrivateFieldSet","_M3eSelectElement_toggleMenu","focus","preventScroll","clear","restoreFocus","willChange","forEach","_M3eSelectElement_updateSelectionState","requestUpdate","_M3eSelectElement_hideMenu","dispatchEvent","Event","bubbles","connectedCallback","ariaHasPopup","ariaExpanded","addEventListener","disconnectedCallback","removeEventListener","update","changedProperties","has","setCustomState","firstUpdated","_changedProperties","_focusRing","attach","_M3eSelectElement_formField_get","style","display","render","html","i","label","closest","cloneNode","added","setItems","querySelectorAll","id","indexOf","notifyControlStateChange","replaceChildren","childNodes","defaultPrevented","key","preventDefault","_M3eSelectElement_selectOption","isOpen","prefersReducedMotion","setTimeout","_M3eSelectElement_showMenu","onKeyDown","button","stopImmediatePropagation","option","composedPath","find","HTMLElement","tagName","setActiveItem","newState","scrollIntoViewIfNeeded","block","behavior","ToggleEvent","oldState","_M3eSelectElement_destroyMenu","remove","undefined","removeAttribute","deleteCustomState","document","createElement","ariaMultiSelectable","klass","split","d","trim","Boolean","classList","add","overflowX","fitAnchorWidth","insertAdjacentElement","setAttribute","show","menuAnchor","addCustomState","hide","focusVisible","matches","forcedColorsActive","focusRing","stateLayer","clone","composed","cancelable","styles","css","DesignToken","typescale","standard","body","large","fontSize","fontWeight","lineHeight","tracking","shape","corner","extraSmall","color","onSurface","__decorate","query","prototype","property","attribute","type","customElement"],"mappings":"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"}

package/dist/snackbar.js

@@ -4,7 +4,7 @@
  * See LICENSE file in the project root for full license text.
  */
 import { LitElement, html, nothing, css, unsafeCSS, isServer } from 'lit';
-import { Role, DesignToken, customElement, prefersReducedMotion } from '@m3e/web/core';
+import { Role, registerStyleSheet, DesignToken, customElement, prefersReducedMotion } from '@m3e/web/core';
 import { __classPrivateFieldGet, __classPrivateFieldSet, __decorate } from 'tslib';
 import { property } from 'lit/decorators.js';
 import '@m3e/web/button';
@@ -128,11 +128,7 @@ _M3eSnackbarElement_handleBeforeToggle = function _M3eSnackbarElement_handleBefo
   }
 };
 (() => {
-  if (typeof window !== "undefined") {
-    const lightDomStyle = new CSSStyleSheet();
-    lightDomStyle.replaceSync(css`m3e-snackbar { margin-inline: auto; }`.toString());
-    document.adoptedStyleSheets = [...document.adoptedStyleSheets, lightDomStyle];
-  }
+  registerStyleSheet(css`m3e-snackbar { margin-inline: auto; }`);
 })();
 /** The styles of the element. */
 M3eSnackbarElement.styles = css`:host { position: fixed; top: calc(100vh - var(--_snackbar-height, 0px) - var(--m3e-snackbar-margin, 1rem)); display: inline-flex; align-items: center; min-width: var(--m3e-snackbar-min-width, 21.5rem); max-width: var(--m3e-snackbar-max-width, 42rem); visibility: hidden; border: none; margin: 0; padding: 0; opacity: 0; transform: scale(0.8); transition: ${unsafeCSS(`opacity ${DesignToken.motion.duration.short3} ${DesignToken.motion.easing.standard},