@m3e/web 2.1.3 → 2.2.0

package/dist/fab-menu.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"fab-menu.min.js","sources":["../../src/fab-menu/FabMenuItemElement.ts","../../src/fab-menu/FabMenuElement.ts","../../src/fab-menu/FabMenuTriggerElement.ts"],"sourcesContent":["import { css, CSSResultGroup, html, LitElement, PropertyValues, unsafeCSS } from \"lit\";\r\nimport { query } from \"lit/decorators.js\";\r\n\r\nimport {\r\n  AttachInternals,\r\n  customElement,\r\n  DesignToken,\r\n  Disabled,\r\n  KeyboardClick,\r\n  LinkButton,\r\n  M3eElevationElement,\r\n  M3eFocusRingElement,\r\n  M3eRippleElement,\r\n  M3eStateLayerElement,\r\n  renderPseudoLink,\r\n  Role,\r\n} from \"@m3e/web/core\";\r\n\r\nimport type { M3eFabMenuElement } from \"./FabMenuElement\";\r\n\r\n/**\r\n * An item of a floating action button (FAB) menu.\r\n *\r\n * @example\r\n * The following example illustrates triggering a `m3e-fab-menu` from an `m3e-fab` using a `m3e-fab-menu-trigger`.\r\n * ```html\r\n * <m3e-fab variant=\"primary\" size=\"large\">\r\n *  <m3e-fab-menu-trigger for=\"fabmenu\">\r\n *    <m3e-icon name=\"edit\"></m3e-icon>\r\n *  </m3e-fab-menu-trigger>\r\n * </m3e-fab>\r\n * <m3e-fab-menu id=\"fabmenu\" variant=\"secondary\">\r\n *  <m3e-fab-menu-item>First</m3e-fab-menu-item>\r\n *  <m3e-fab-menu-item>Second</m3e-fab-menu-item>\r\n *  <m3e-fab-menu-item>Third</m3e-fab-menu-item>\r\n *  <m3e-fab-menu-item>Forth</m3e-fab-menu-item>\r\n *  <m3e-fab-menu-item>Fifth</m3e-fab-menu-item>\r\n *  <m3e-fab-menu-item>Sixth</m3e-fab-menu-item>\r\n * </m3e-fab-menu>\r\n * ```\r\n *\r\n * @tag m3e-menu-item\r\n *\r\n * @slot - Renders the label of the item.\r\n * @slot icon - Renders an icon before the items's label.\r\n *\r\n * @attr disabled - Whether the element is disabled.\r\n * @attr download - A value indicating whether the `target` of the link button will be downloaded, optionally specifying the new name of the file.\r\n * @attr href - The URL to which the link button points.\r\n * @attr rel - The relationship between the `target` of the link button and the document.\r\n * @attr target - The target of the link button.\r\n *\r\n * @fires click - Emitted when the element is clicked.\r\n *\r\n * @cssprop --m3e-fab-menu-item-height - Height of the menu item.\r\n * @cssprop --m3e-fab-menu-item-font-size - Font size of the menu item label.\r\n * @cssprop --m3e-fab-menu-item-font-weight - Font weight of the menu item label.\r\n * @cssprop --m3e-fab-menu-item-line-height - Line height of the menu item label.\r\n * @cssprop --m3e-fab-menu-item-tracking - Letter spacing of the menu item label.\r\n * @cssprop --m3e-fab-menu-item-shape - Border radius of the menu item.\r\n * @cssprop --m3e-fab-menu-item-leading-space - Padding at the start of the menu item.\r\n * @cssprop --m3e-fab-menu-item-trailing-space - Padding at the end of the menu item.\r\n * @cssprop --m3e-fab-menu-item-spacing - Gap between icon and label.\r\n * @cssprop --m3e-fab-menu-item-icon-size - Size of the icon in the menu item.\r\n */\r\n@customElement(\"m3e-fab-menu-item\")\r\nexport class M3eFabMenuItemElement extends KeyboardClick(\r\n  LinkButton(Disabled(AttachInternals(Role(LitElement, \"menuitem\"), true))),\r\n) {\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = css`\r\n    :host {\r\n      display: inline-block;\r\n      outline: none;\r\n      user-select: none;\r\n      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n    }\r\n    .base {\r\n      box-sizing: border-box;\r\n      vertical-align: middle;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      position: relative;\r\n      width: 100%;\r\n      transition: ${unsafeCSS(\r\n        `background-color ${DesignToken.motion.duration.short4} ${DesignToken.motion.easing.standard}`,\r\n      )};\r\n      height: var(--m3e-fab-menu-item-height, 3.5rem);\r\n      font-size: var(--m3e-fab-menu-item-font-size, ${DesignToken.typescale.standard.label.large.fontSize});\r\n      font-weight: var(--m3e-fab-menu-item-font-weight, ${DesignToken.typescale.standard.label.large.fontWeight});\r\n      line-height: var(--m3e-fab-menu-item-line-height, ${DesignToken.typescale.standard.label.large.lineHeight});\r\n      letter-spacing: var(--m3e-fab-menu-item-tracking, ${DesignToken.typescale.standard.label.large.tracking});\r\n      border-radius: var(--m3e-fab-menu-item-shape, ${DesignToken.shape.corner.full});\r\n    }\r\n    :host(:not(:disabled)) .label,\r\n    :host(:not(:disabled)) .icon {\r\n      color: var(--_fab-menu-item-color);\r\n    }\r\n    :host(:not(:disabled)) .base {\r\n      background-color: var(--_fab-menu-item-container-color);\r\n      --m3e-state-layer-hover-color: var(--_fab-menu-background-hover-color);\r\n      --m3e-state-layer-focus-color: var(--_fab-menu-background-focus-color);\r\n      --m3e-ripple-color: var(--_fab-menu-ripple-color);\r\n    }\r\n    :host(:disabled) .base {\r\n      background-color: color-mix(\r\n        in srgb,\r\n        var(--m3e-fab-menu-item-disabled-container-color, ${DesignToken.color.onSurface})\r\n          var(--m3e-fab-menu-item-disabled-container-opacity, 10%),\r\n        transparent\r\n      );\r\n    }\r\n    :host(:disabled) .label,\r\n    :host(:disabled) .icon {\r\n      color: color-mix(\r\n        in srgb,\r\n        var(--m3e-fab-menu-item-disabled-color, ${DesignToken.color.onSurface})\r\n          var(--m3e-fab-menu-item-disabled-opacity, 38%),\r\n        transparent\r\n      );\r\n    }\r\n    .touch {\r\n      position: absolute;\r\n      height: 3rem;\r\n      left: 0;\r\n      right: 0;\r\n    }\r\n    .wrapper {\r\n      width: 100%;\r\n      overflow: hidden;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      padding-inline-start: var(--m3e-fab-menu-item-leading-space, 1.5rem);\r\n      padding-inline-end: var(--m3e-fab-menu-item-trailing-space, 1.5rem);\r\n      column-gap: var(--m3e-fab-menu-item-spacing, 0.5rem);\r\n    }\r\n    .label {\r\n      justify-self: center;\r\n      flex: 1 1 auto;\r\n      text-align: center;\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      transition: ${unsafeCSS(`color ${DesignToken.motion.duration.short4} ${DesignToken.motion.easing.standard}`)};\r\n    }\r\n    .icon {\r\n      font-size: var(--m3e-fab-menu-item-icon-size, 1.5rem);\r\n      transition: ${unsafeCSS(`color ${DesignToken.motion.duration.short4} ${DesignToken.motion.easing.standard}`)};\r\n    }\r\n    :host(:not(:disabled)) {\r\n      cursor: pointer;\r\n    }\r\n    ::slotted([slot=\"icon\"]) {\r\n      font-size: inherit !important;\r\n      flex: none;\r\n    }\r\n    ::slotted(svg[slot=\"icon\"]) {\r\n      width: 1em;\r\n      height: 1em;\r\n    }\r\n    a {\r\n      all: unset;\r\n      display: block;\r\n      position: absolute;\r\n      top: 0px;\r\n      left: 0px;\r\n      right: 0px;\r\n      bottom: 0px;\r\n      z-index: 1;\r\n    }\r\n    @media (prefers-reduced-motion) {\r\n      .base,\r\n      .label,\r\n      .icon {\r\n        transition: none;\r\n      }\r\n    }\r\n    @media (forced-colors: active) {\r\n      .base,\r\n      .label,\r\n      .icon {\r\n        transition: none;\r\n      }\r\n      :host(:not(:disabled)) .base {\r\n        background-color: Menu;\r\n      }\r\n      :host(:not(:disabled)) .label,\r\n      :host(:not(:disabled)) .icon {\r\n        color: MenuText;\r\n      }\r\n      :host(:disabled) .label,\r\n      :host(:disabled) .icon {\r\n        color: GrayText;\r\n      }\r\n    }\r\n  `;\r\n\r\n  /** @private */ @query(\".elevation\") private readonly _elevation?: M3eElevationElement;\r\n  /** @private */ @query(\".focus-ring\") private readonly _focusRing?: M3eFocusRingElement;\r\n  /** @private */ @query(\".state-layer\") private readonly _stateLayer?: M3eStateLayerElement;\r\n  /** @private */ @query(\".ripple\") private readonly _ripple?: M3eRippleElement;\r\n\r\n  /** @private */ readonly #clickHandler = (e: Event) => this.#handleClick(e);\r\n\r\n  /** The floating action button (FAB) menu to which this item belongs. */\r\n  get menu(): M3eFabMenuElement | null {\r\n    return this.closest(\"m3e-fab-menu\");\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override connectedCallback(): void {\r\n    super.connectedCallback();\r\n    this.addEventListener(\"click\", this.#clickHandler);\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override disconnectedCallback(): void {\r\n    super.disconnectedCallback();\r\n    this.removeEventListener(\"click\", this.#clickHandler);\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override firstUpdated(_changedProperties: PropertyValues<this>): void {\r\n    super.firstUpdated(_changedProperties);\r\n    [this._elevation, this._focusRing, this._stateLayer, this._ripple].forEach((x) => x?.attach(this));\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override render(): unknown {\r\n    return html`<div class=\"base\">\r\n      <m3e-elevation class=\"elevation\" ?disabled=\"${this.disabled}\"></m3e-elevation>\r\n      <m3e-state-layer class=\"state-layer\" ?disabled=\"${this.disabled}\"></m3e-state-layer>\r\n      <m3e-focus-ring class=\"focus-ring\" ?disabled=\"${this.disabled}\"></m3e-focus-ring>\r\n      <m3e-ripple class=\"ripple\" ?disabled=\"${this.disabled}\"></m3e-ripple>\r\n      <div class=\"touch\" aria-hidden=\"true\"></div>\r\n      ${this[renderPseudoLink]()}\r\n      <div class=\"wrapper\">\r\n        <slot class=\"icon\" name=\"icon\" aria-hidden=\"true\"></slot>\r\n        <div class=\"label\"><slot></slot></div>\r\n      </div>\r\n    </div>`;\r\n  }\r\n\r\n  /** @private */\r\n  #handleClick(e: Event): void {\r\n    if (!e.defaultPrevented) {\r\n      this.menu?.hide(true);\r\n    }\r\n  }\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    \"m3e-fab-menu-item\": M3eFabMenuItemElement;\r\n  }\r\n}\r\n","/* eslint-disable @typescript-eslint/no-unsafe-declaration-merging */\r\nimport { css, CSSResultGroup, html, LitElement, unsafeCSS } from \"lit\";\r\nimport { property } from \"lit/decorators.js\";\r\n\r\nimport {\r\n  AttachInternals,\r\n  customElement,\r\n  DesignToken,\r\n  DisabledMixin,\r\n  Role,\r\n  ScrollController,\r\n  setCustomState,\r\n  SuppressInitialAnimation,\r\n} from \"@m3e/web/core\";\r\n\r\nimport { RovingTabIndexManager } from \"@m3e/web/core/a11y\";\r\nimport { M3eDirectionality } from \"@m3e/web/core/bidi\";\r\nimport { positionAnchor } from \"@m3e/web/core/anchoring\";\r\n\r\nimport { M3eFabElement } from \"@m3e/web/fab\";\r\n\r\nimport { FabMenuVariant } from \"./FabMenuVariant\";\r\nimport { M3eFabMenuItemElement } from \"./FabMenuItemElement\";\r\n\r\n/**\r\n * A menu, opened from a floating action button (FAB), used to display multiple related actions.\r\n *\r\n * @description\r\n * The `m3e-fab-menu` component presents a dynamic menu of related actions, elegantly revealed from a\r\n * floating action button (FAB). Designed using expressive, adaptive surfaces, it enables seamless access\r\n * to contextual actions in modern, visually rich interfaces.\r\n *\r\n * @example\r\n * The following example illustrates triggering a `m3e-fab-menu` from an `m3e-fab` using a `m3e-fab-menu-trigger`.\r\n * ```html\r\n * <m3e-fab variant=\"primary\" size=\"large\">\r\n *  <m3e-fab-menu-trigger for=\"fabmenu\">\r\n *    <m3e-icon name=\"edit\"></m3e-icon>\r\n *  </m3e-fab-menu-trigger>\r\n * </m3e-fab>\r\n * <m3e-fab-menu id=\"fabmenu\" variant=\"secondary\">\r\n *  <m3e-fab-menu-item>First</m3e-fab-menu-item>\r\n *  <m3e-fab-menu-item>Second</m3e-fab-menu-item>\r\n *  <m3e-fab-menu-item>Third</m3e-fab-menu-item>\r\n *  <m3e-fab-menu-item>Forth</m3e-fab-menu-item>\r\n *  <m3e-fab-menu-item>Fifth</m3e-fab-menu-item>\r\n *  <m3e-fab-menu-item>Sixth</m3e-fab-menu-item>\r\n * </m3e-fab-menu>\r\n * ```\r\n *\r\n * @tag m3e-fab-menu\r\n *\r\n * @slot - Renders the contents of the menu.\r\n *\r\n * @attr variant - The appearance variant of the menu.\r\n *\r\n * @fires beforetoggle - Dispatched before the toggle state changes.\r\n * @fires toggle - Dispatched after the toggle state has changed.\r\n *\r\n * @cssprop --m3e-fab-menu-spacing - Vertical gap between menu items.\r\n * @cssprop --m3e-fab-menu-max-width - Maximum width of the menu.\r\n * @cssprop --m3e-primary-fab-color - Foreground color for primary variant items.\r\n * @cssprop --m3e-primary-fab-container-color - Container color for primary variant items.\r\n * @cssprop --m3e-primary-fab-hover-color - Hover background color for primary variant items.\r\n * @cssprop --m3e-primary-fab-focus-color - Focus background color for primary variant items.\r\n * @cssprop --m3e-primary-fab-ripple-color - Ripple color for primary variant items.\r\n * @cssprop --m3e-secondary-fab-color - Foreground color for secondary variant items.\r\n * @cssprop --m3e-secondary-fab-container-color - Container color for secondary variant items.\r\n * @cssprop --m3e-secondary-fab-hover-color - Hover background color for secondary variant items.\r\n * @cssprop --m3e-secondary-fab-focus-color - Focus background color for secondary variant items.\r\n * @cssprop --m3e-secondary-fab-ripple-color - Ripple color for secondary variant items.\r\n * @cssprop --m3e-tertiary-fab-color - Foreground color for tertiary variant items.\r\n * @cssprop --m3e-tertiary-fab-container-color - Container color for tertiary variant items.\r\n * @cssprop --m3e-tertiary-fab-hover-color - Hover background color for tertiary variant items.\r\n * @cssprop --m3e-tertiary-fab-focus-color - Focus background color for tertiary variant items.\r\n * @cssprop --m3e-tertiary-fab-ripple-color - Ripple color for tertiary variant items.\r\n */\r\n@customElement(\"m3e-fab-menu\")\r\nexport class M3eFabMenuElement extends SuppressInitialAnimation(AttachInternals(Role(LitElement, \"menu\"))) {\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = css`\r\n    :host {\r\n      position: absolute;\r\n      flex-direction: column;\r\n      row-gap: var(--m3e-fab-menu-spacing, 0.25rem);\r\n      padding: unset;\r\n      margin: unset;\r\n      border: unset;\r\n      overflow: visible;\r\n      max-width: var(--m3e-fab-menu-max-width, 17.5rem);\r\n      opacity: 0;\r\n      background-color: transparent;\r\n      display: none;\r\n    }\r\n    :host(:not(:state(-no-animate))) {\r\n      transition: ${unsafeCSS(\r\n        `opacity ${DesignToken.motion.spring.fastEffects}, \r\n        transform ${DesignToken.motion.spring.fastSpatial},\r\n        overlay ${DesignToken.motion.spring.fastEffects} allow-discrete,\r\n        display ${DesignToken.motion.spring.fastEffects} allow-discrete`,\r\n      )};\r\n    }\r\n    .base {\r\n      display: contents;\r\n    }\r\n    :host([variant=\"primary\"]) .base {\r\n      --_fab-menu-item-color: var(--m3e-primary-fab-color, ${DesignToken.color.onPrimaryContainer});\r\n      --_fab-menu-item-container-color: var(--m3e-primary-fab-container-color, ${DesignToken.color.primaryContainer});\r\n      --_fab-menu-background-hover-color: var(--m3e-primary-fab-hover-color, ${DesignToken.color.onPrimaryContainer});\r\n      --_fab-menu-background-focus-color: var(--m3e-primary-fab-focus-color, ${DesignToken.color.onPrimaryContainer});\r\n      --_fab-menu-ripple-color: var(--m3e-primary-fab-ripple-color, ${DesignToken.color.onPrimaryContainer});\r\n    }\r\n    :host([variant=\"secondary\"]) .base {\r\n      --_fab-menu-item-color: var(--m3e-secondary-fab-color, ${DesignToken.color.onSecondaryContainer});\r\n      --_fab-menu-item-container-color: var(\r\n        --m3e-secondary-fab-container-color,\r\n        ${DesignToken.color.secondaryContainer}\r\n      );\r\n      --_fab-menu-background-hover-color: var(\r\n        --m3e-secondary-fab-hover-color,\r\n        ${DesignToken.color.onSecondaryContainer}\r\n      );\r\n      --_fab-menu-background-focus-color: var(\r\n        --m3e-secondary-fab-focus-color,\r\n        ${DesignToken.color.onSecondaryContainer}\r\n      );\r\n      --_fab-menu-ripple-color: var(--m3e-secondary-fab-ripple-color, ${DesignToken.color.onSecondaryContainer});\r\n    }\r\n    :host([variant=\"tertiary\"]) .base {\r\n      --_fab-menu-item-color: var(--m3e-tertiary-fab-color, ${DesignToken.color.onTertiaryContainer});\r\n      --_fab-menu-item-container-color: var(--m3e-tertiary-fab-container-color, ${DesignToken.color.tertiaryContainer});\r\n      --_fab-menu-background-hover-color: var(--m3e-tertiary-fab-hover-color, ${DesignToken.color.onTertiaryContainer});\r\n      --_fab-menu-background-focus-color: var(--m3e-tertiary-fab-focus-color, ${DesignToken.color.onTertiaryContainer});\r\n      --_fab-menu-ripple-color: var(--m3e-tertiary-fab-ripple-color, ${DesignToken.color.onTertiaryContainer});\r\n    }\r\n    :host {\r\n      transform: scaleX(0.8);\r\n    }\r\n    :host(:state(-left)) {\r\n      align-items: flex-start;\r\n      transform-origin: left;\r\n    }\r\n    :host(:state(-right)) {\r\n      align-items: flex-end;\r\n      transform-origin: right;\r\n    }\r\n    :host(:popover-open) {\r\n      transform: scaleX(1);\r\n      display: inline-flex;\r\n      opacity: 1;\r\n    }\r\n    :host::backdrop {\r\n      background-color: transparent;\r\n    }\r\n    @starting-style {\r\n      :host(:popover-open) {\r\n        opacity: 0;\r\n      }\r\n      :host(:popover-open) {\r\n        transform: scaleX(0.8);\r\n      }\r\n    }\r\n    @media (prefers-reduced-motion) {\r\n      :host(:not(:state(-no-animate))) {\r\n        transition: none;\r\n      }\r\n    }\r\n    @media (forced-colors: active) {\r\n      :host {\r\n        border-radius: ${DesignToken.shape.corner.medium};\r\n        outline: 1px solid MenuText;\r\n        background-color: Menu;\r\n      }\r\n    }\r\n  `;\r\n\r\n  /** @private */ #fabTabIndex?: number;\r\n  /** @private */ #trigger?: HTMLElement;\r\n  /** @private */ #anchoringCleanup?: () => void;\r\n\r\n  /** @private */\r\n  readonly #listManager = new RovingTabIndexManager<LitElement & DisabledMixin>()\r\n    .withWrap()\r\n    .withHomeAndEnd()\r\n    .withVerticalOrientation();\r\n\r\n  /** @private */ readonly #keyDownHandler = (e: KeyboardEvent) => this.#handleKeyDown(e);\r\n  /** @private */ readonly #documentClickHandler = (e: MouseEvent) => this.#handleDocumentClick(e);\r\n\r\n  /** @private */\r\n  readonly #scrollController = new ScrollController(this, { target: null, callback: () => this.hide() });\r\n\r\n  /** @private */\r\n  readonly #toggleHandler = (e: ToggleEvent) => {\r\n    if (e.newState === \"closed\") {\r\n      this.#anchoringCleanup?.();\r\n      this.#anchoringCleanup = undefined;\r\n    } else {\r\n      setTimeout(() => {\r\n        this.#listManager.setActiveItem(this.#listManager.items.find((x) => !x.disabled));\r\n      }, 40);\r\n    }\r\n  };\r\n\r\n  /**\r\n   * The appearance variant of the menu.\r\n   * @default \"primary\"\r\n   */\r\n  @property({ reflect: true }) variant: FabMenuVariant = \"primary\";\r\n\r\n  /** Whether the menu is open. */\r\n  get isOpen() {\r\n    return this.#trigger !== undefined;\r\n  }\r\n\r\n  /**\r\n   * Opens the menu.\r\n   * @param {HTMLElement} trigger The element that triggered the menu.\r\n   * @returns {Promise<void>} A `Promise` that resolves when the menu is opened.\r\n   */\r\n  async show(trigger: HTMLElement): Promise<void> {\r\n    if (this.#trigger && this.#trigger !== trigger) {\r\n      this.hide();\r\n    }\r\n\r\n    this.#anchoringCleanup?.();\r\n    this.#anchoringCleanup = await positionAnchor(\r\n      this,\r\n      trigger,\r\n      {\r\n        position: \"top-end\",\r\n        inline: true,\r\n        shift: true,\r\n        flip: true,\r\n        offset: 8,\r\n      },\r\n      (x, y, position) => {\r\n        setCustomState(this, \"-right\", position.includes(\"end\"));\r\n        setCustomState(this, \"-left\", position.includes(\"start\"));\r\n        if (M3eDirectionality.current === \"rtl\") {\r\n          this.style.right = `${window.innerWidth - x - this.clientWidth}px`;\r\n          this.style.left = \"\";\r\n        } else {\r\n          this.style.left = `${x}px`;\r\n          this.style.right = \"\";\r\n        }\r\n        this.style.top = `${y}px`;\r\n      },\r\n    );\r\n\r\n    this.showPopover();\r\n\r\n    this.#trigger = trigger;\r\n    this.#trigger.ariaExpanded = \"true\";\r\n    this.#scrollController.observe(this.#trigger);\r\n\r\n    this.#attachFab();\r\n  }\r\n\r\n  /**\r\n   * Hides the menu.\r\n   * @param {boolean} [restoreFocus=false] A value indicating whether to restore focus to the menu's trigger.\r\n   */\r\n  hide(restoreFocus: boolean = false): void {\r\n    this.#anchoringCleanup?.();\r\n    this.#anchoringCleanup = undefined;\r\n\r\n    if (this.#trigger) {\r\n      this.#trigger.ariaExpanded = \"false\";\r\n      if (restoreFocus) {\r\n        this.#trigger.focus();\r\n      }\r\n\r\n      this.#detachFab();\r\n\r\n      this.#scrollController.unobserve(this.#trigger);\r\n      this.#trigger = undefined;\r\n    }\r\n    this.hidePopover();\r\n  }\r\n\r\n  /**\r\n   * Toggles the menu.\r\n   * @param {HTMLElement} trigger The element that triggered the menu.\r\n   * @returns {Promise<void>} A `Promise` that resolves when the menu is opened or closed.\r\n   */\r\n  async toggle(trigger: HTMLElement): Promise<void> {\r\n    if (this.#trigger) {\r\n      this.hide();\r\n    } else {\r\n      await this.show(trigger);\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override connectedCallback(): void {\r\n    super.connectedCallback();\r\n\r\n    this.tabIndex = -1;\r\n    this.setAttribute(\"popover\", \"manual\");\r\n    this.addEventListener(\"keydown\", this.#keyDownHandler);\r\n    this.addEventListener(\"toggle\", this.#toggleHandler);\r\n    document.addEventListener(\"click\", this.#documentClickHandler);\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override disconnectedCallback(): void {\r\n    super.disconnectedCallback();\r\n\r\n    this.removeEventListener(\"keydown\", this.#keyDownHandler);\r\n    this.removeEventListener(\"toggle\", this.#toggleHandler);\r\n    document.removeEventListener(\"click\", this.#documentClickHandler);\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return html`<div class=\"base\"><slot @slotchange=\"${this.#handleSlotChange}\"></slot></div>`;\r\n  }\r\n\r\n  /** @private */\r\n  #handleSlotChange(): void {\r\n    const { added } = this.#listManager.setItems([...this.querySelectorAll(\"m3e-fab-menu-item\")]);\r\n    if (!this.#listManager.activeItem) {\r\n      this.#listManager.updateActiveItem(added.find((x) => !x.disabled));\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleKeyDown(e: KeyboardEvent): void {\r\n    switch (e.key) {\r\n      case \"Tab\":\r\n        this.hide();\r\n        break;\r\n\r\n      case \"Escape\":\r\n        if (!e.shiftKey && !e.ctrlKey) {\r\n          this.hide(true);\r\n        }\r\n        break;\r\n\r\n      default:\r\n        this.#listManager.onKeyDown(e);\r\n        break;\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleDocumentClick(e: MouseEvent): void {\r\n    if (!e.composedPath().some((x) => x instanceof M3eFabMenuItemElement || x === this.#trigger)) {\r\n      this.hide();\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #attachFab(): void {\r\n    const fab = this.#trigger?.closest<M3eFabElement>(\"m3e-fab\");\r\n    if (fab) {\r\n      this.#fabTabIndex = fab.tabIndex;\r\n      fab.addEventListener(\"keydown\", this.#keyDownHandler);\r\n      this.#listManager.setItems([...this.#listManager.items, fab]);\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #detachFab(): void {\r\n    const fab = this.#trigger?.closest<M3eFabElement>(\"m3e-fab\");\r\n    if (fab) {\r\n      if (this.#fabTabIndex !== undefined) {\r\n        fab.tabIndex = this.#fabTabIndex;\r\n      }\r\n      fab.removeEventListener(\"keydown\", this.#keyDownHandler);\r\n      this.#listManager.setItems([...this.#listManager.items.filter((x) => x !== fab)]);\r\n    }\r\n  }\r\n}\r\n\r\ninterface M3eFabMenuElementEventMap extends HTMLElementEventMap {\r\n  beforetoggle: ToggleEvent;\r\n  toggle: ToggleEvent;\r\n}\r\n\r\nexport interface M3eFabMenuElement {\r\n  addEventListener<K extends keyof M3eFabMenuElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3eFabMenuElement, ev: M3eFabMenuElementEventMap[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 M3eFabMenuElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3eFabMenuElement, ev: M3eFabMenuElementEventMap[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-fab-menu\": M3eFabMenuElement;\r\n  }\r\n}\r\n","import { ActionElementBase, customElement, HtmlFor } from \"@m3e/web/core\";\r\nimport { addAriaReferencedId, removeAriaReferencedId } from \"@m3e/web/core/a11y\";\r\n\r\nimport { M3eFabMenuElement } from \"./FabMenuElement\";\r\n\r\n/**\r\n * An element, nested within a clickable element, used to open a floating action button (FAB) menu.\r\n *\r\n * @example\r\n * The following example illustrates triggering a `m3e-fab-menu` from an `m3e-fab` using a `m3e-fab-menu-trigger`.\r\n * ```html\r\n * <m3e-fab variant=\"primary\" size=\"large\">\r\n *  <m3e-fab-menu-trigger for=\"fabmenu\">\r\n *    <m3e-icon name=\"edit\"></m3e-icon>\r\n *  </m3e-fab-menu-trigger>\r\n * </m3e-fab>\r\n * <m3e-fab-menu id=\"fabmenu\" variant=\"secondary\">\r\n *  <m3e-fab-menu-item>First</m3e-fab-menu-item>\r\n *  <m3e-fab-menu-item>Second</m3e-fab-menu-item>\r\n *  <m3e-fab-menu-item>Third</m3e-fab-menu-item>\r\n *  <m3e-fab-menu-item>Forth</m3e-fab-menu-item>\r\n *  <m3e-fab-menu-item>Fifth</m3e-fab-menu-item>\r\n *  <m3e-fab-menu-item>Sixth</m3e-fab-menu-item>\r\n * </m3e-fab-menu>\r\n * ```\r\n *\r\n * @tag m3e-fab-menu-trigger\r\n */\r\n@customElement(\"m3e-fab-menu-trigger\")\r\nexport class M3eFabMenuTriggerElement extends HtmlFor(ActionElementBase) {\r\n  /** The menu triggered by the element. */\r\n  get menu(): M3eFabMenuElement | null {\r\n    return this.control instanceof M3eFabMenuElement ? this.control : null;\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override attach(control: HTMLElement): void {\r\n    super.attach(control);\r\n\r\n    if (this.parentElement && control instanceof M3eFabMenuElement) {\r\n      this.parentElement.ariaHasPopup = \"menu\";\r\n      this.parentElement.ariaExpanded = \"false\";\r\n      if (control.id) {\r\n        addAriaReferencedId(this.parentElement, \"aria-controls\", control.id);\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override detach(): void {\r\n    if (this.parentElement) {\r\n      this.parentElement.ariaHasPopup = null;\r\n      this.parentElement.ariaExpanded = null;\r\n      if (this.control?.id) {\r\n        removeAriaReferencedId(this.parentElement, \"aria-controls\", this.control.id);\r\n      }\r\n    }\r\n\r\n    super.detach();\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override _onClick(): void {\r\n    if (this.parentElement) {\r\n      this.menu?.toggle(this.parentElement);\r\n    }\r\n  }\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    \"m3e-fab-menu-trigger\": M3eFabMenuTriggerElement;\r\n  }\r\n}\r\n"],"names":["M3eFabMenuItemElement","KeyboardClick","LinkButton","Disabled","AttachInternals","Role","LitElement","constructor","_M3eFabMenuItemElement_clickHandler","set","this","e","__classPrivateFieldGet","call","menu","closest","connectedCallback","super","addEventListener","disconnectedCallback","removeEventListener","firstUpdated","_changedProperties","_elevation","_focusRing","_stateLayer","_ripple","forEach","x","attach","render","html","disabled","renderPseudoLink","defaultPrevented","hide","styles","css","unsafeCSS","DesignToken","motion","duration","short4","easing","standard","typescale","label","large","fontSize","fontWeight","lineHeight","tracking","shape","corner","full","color","onSurface","__decorate","query","prototype","customElement","M3eFabMenuElement","SuppressInitialAnimation","_M3eFabMenuElement_fabTabIndex","_M3eFabMenuElement_trigger","_M3eFabMenuElement_anchoringCleanup","_M3eFabMenuElement_listManager","RovingTabIndexManager","withWrap","withHomeAndEnd","withVerticalOrientation","_M3eFabMenuElement_keyDownHandler","_M3eFabMenuElement_documentClickHandler","_M3eFabMenuElement_scrollController","ScrollController","target","callback","_M3eFabMenuElement_toggleHandler","newState","__classPrivateFieldSet","undefined","setTimeout","setActiveItem","items","find","variant","isOpen","show","trigger","positionAnchor","position","inline","shift","flip","offset","y","setCustomState","includes","M3eDirectionality","current","style","right","window","innerWidth","clientWidth","left","top","showPopover","ariaExpanded","observe","_M3eFabMenuElement_instances","_M3eFabMenuElement_attachFab","restoreFocus","focus","_M3eFabMenuElement_detachFab","unobserve","hidePopover","toggle","tabIndex","setAttribute","document","_M3eFabMenuElement_handleSlotChange","added","setItems","querySelectorAll","activeItem","updateActiveItem","key","shiftKey","ctrlKey","onKeyDown","composedPath","some","fab","filter","spring","fastEffects","fastSpatial","onPrimaryContainer","primaryContainer","onSecondaryContainer","secondaryContainer","onTertiaryContainer","tertiaryContainer","medium","property","reflect","M3eFabMenuTriggerElement","HtmlFor","ActionElementBase","control","parentElement","ariaHasPopup","id","addAriaReferencedId","detach","removeAriaReferencedId","_onClick"],"mappings":"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"}
+{"version":3,"file":"fab-menu.min.js","sources":["../../src/fab-menu/FabMenuItemElement.ts","../../src/fab-menu/FabMenuElement.ts","../../src/fab-menu/FabMenuTriggerElement.ts"],"sourcesContent":["import { css, CSSResultGroup, html, LitElement, PropertyValues, unsafeCSS } from \"lit\";\r\nimport { query } from \"lit/decorators.js\";\r\n\r\nimport {\r\n  AttachInternals,\r\n  customElement,\r\n  DesignToken,\r\n  Disabled,\r\n  KeyboardClick,\r\n  LinkButton,\r\n  M3eElevationElement,\r\n  M3eFocusRingElement,\r\n  M3eRippleElement,\r\n  M3eStateLayerElement,\r\n  renderPseudoLink,\r\n  Role,\r\n} from \"@m3e/web/core\";\r\n\r\nimport type { M3eFabMenuElement } from \"./FabMenuElement\";\r\n\r\n/**\r\n * An item of a floating action button (FAB) menu.\r\n *\r\n * @example\r\n * The following example illustrates triggering a `m3e-fab-menu` from an `m3e-fab` using a `m3e-fab-menu-trigger`.\r\n * ```html\r\n * <m3e-fab variant=\"primary\" size=\"large\">\r\n *  <m3e-fab-menu-trigger for=\"fabmenu\">\r\n *    <m3e-icon name=\"edit\"></m3e-icon>\r\n *  </m3e-fab-menu-trigger>\r\n * </m3e-fab>\r\n * <m3e-fab-menu id=\"fabmenu\" variant=\"secondary\">\r\n *  <m3e-fab-menu-item>First</m3e-fab-menu-item>\r\n *  <m3e-fab-menu-item>Second</m3e-fab-menu-item>\r\n *  <m3e-fab-menu-item>Third</m3e-fab-menu-item>\r\n *  <m3e-fab-menu-item>Forth</m3e-fab-menu-item>\r\n *  <m3e-fab-menu-item>Fifth</m3e-fab-menu-item>\r\n *  <m3e-fab-menu-item>Sixth</m3e-fab-menu-item>\r\n * </m3e-fab-menu>\r\n * ```\r\n *\r\n * @tag m3e-menu-item\r\n *\r\n * @slot - Renders the label of the item.\r\n * @slot icon - Renders an icon before the items's label.\r\n *\r\n * @attr disabled - Whether the element is disabled.\r\n * @attr download - A value indicating whether the `target` of the link button will be downloaded, optionally specifying the new name of the file.\r\n * @attr href - The URL to which the link button points.\r\n * @attr rel - The relationship between the `target` of the link button and the document.\r\n * @attr target - The target of the link button.\r\n *\r\n * @fires click - Emitted when the element is clicked.\r\n *\r\n * @cssprop --m3e-fab-menu-item-height - Height of the menu item.\r\n * @cssprop --m3e-fab-menu-item-font-size - Font size of the menu item label.\r\n * @cssprop --m3e-fab-menu-item-font-weight - Font weight of the menu item label.\r\n * @cssprop --m3e-fab-menu-item-line-height - Line height of the menu item label.\r\n * @cssprop --m3e-fab-menu-item-tracking - Letter spacing of the menu item label.\r\n * @cssprop --m3e-fab-menu-item-shape - Border radius of the menu item.\r\n * @cssprop --m3e-fab-menu-item-leading-space - Padding at the start of the menu item.\r\n * @cssprop --m3e-fab-menu-item-trailing-space - Padding at the end of the menu item.\r\n * @cssprop --m3e-fab-menu-item-spacing - Gap between icon and label.\r\n * @cssprop --m3e-fab-menu-item-icon-size - Size of the icon in the menu item.\r\n */\r\n@customElement(\"m3e-fab-menu-item\")\r\nexport class M3eFabMenuItemElement extends KeyboardClick(\r\n  LinkButton(Disabled(AttachInternals(Role(LitElement, \"menuitem\"), true))),\r\n) {\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = css`\r\n    :host {\r\n      display: inline-block;\r\n      outline: none;\r\n      user-select: none;\r\n      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n    }\r\n    .base {\r\n      box-sizing: border-box;\r\n      vertical-align: middle;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      position: relative;\r\n      width: 100%;\r\n      transition: ${unsafeCSS(\r\n        `background-color ${DesignToken.motion.duration.short4} ${DesignToken.motion.easing.standard}`,\r\n      )};\r\n      height: var(--m3e-fab-menu-item-height, 3.5rem);\r\n      font-size: var(--m3e-fab-menu-item-font-size, ${DesignToken.typescale.standard.label.large.fontSize});\r\n      font-weight: var(--m3e-fab-menu-item-font-weight, ${DesignToken.typescale.standard.label.large.fontWeight});\r\n      line-height: var(--m3e-fab-menu-item-line-height, ${DesignToken.typescale.standard.label.large.lineHeight});\r\n      letter-spacing: var(--m3e-fab-menu-item-tracking, ${DesignToken.typescale.standard.label.large.tracking});\r\n      border-radius: var(--m3e-fab-menu-item-shape, ${DesignToken.shape.corner.full});\r\n    }\r\n    :host(:not(:disabled)) .label,\r\n    :host(:not(:disabled)) .icon {\r\n      color: var(--_fab-menu-item-color);\r\n    }\r\n    :host(:not(:disabled)) .base {\r\n      background-color: var(--_fab-menu-item-container-color);\r\n      --m3e-state-layer-hover-color: var(--_fab-menu-background-hover-color);\r\n      --m3e-state-layer-focus-color: var(--_fab-menu-background-focus-color);\r\n      --m3e-ripple-color: var(--_fab-menu-ripple-color);\r\n    }\r\n    :host(:disabled) .base {\r\n      background-color: color-mix(\r\n        in srgb,\r\n        var(--m3e-fab-menu-item-disabled-container-color, ${DesignToken.color.onSurface})\r\n          var(--m3e-fab-menu-item-disabled-container-opacity, 10%),\r\n        transparent\r\n      );\r\n    }\r\n    :host(:disabled) .label,\r\n    :host(:disabled) .icon {\r\n      color: color-mix(\r\n        in srgb,\r\n        var(--m3e-fab-menu-item-disabled-color, ${DesignToken.color.onSurface})\r\n          var(--m3e-fab-menu-item-disabled-opacity, 38%),\r\n        transparent\r\n      );\r\n    }\r\n    .touch {\r\n      position: absolute;\r\n      height: 3rem;\r\n      left: 0;\r\n      right: 0;\r\n    }\r\n    .wrapper {\r\n      width: 100%;\r\n      overflow: hidden;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      padding-inline-start: var(--m3e-fab-menu-item-leading-space, 1.5rem);\r\n      padding-inline-end: var(--m3e-fab-menu-item-trailing-space, 1.5rem);\r\n      column-gap: var(--m3e-fab-menu-item-spacing, 0.5rem);\r\n    }\r\n    .label {\r\n      justify-self: center;\r\n      flex: 1 1 auto;\r\n      text-align: center;\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      transition: ${unsafeCSS(`color ${DesignToken.motion.duration.short4} ${DesignToken.motion.easing.standard}`)};\r\n    }\r\n    .icon {\r\n      font-size: var(--m3e-fab-menu-item-icon-size, 1.5rem);\r\n      transition: ${unsafeCSS(`color ${DesignToken.motion.duration.short4} ${DesignToken.motion.easing.standard}`)};\r\n    }\r\n    :host(:not(:disabled)) {\r\n      cursor: pointer;\r\n    }\r\n    ::slotted([slot=\"icon\"]) {\r\n      font-size: inherit !important;\r\n      flex: none;\r\n    }\r\n    ::slotted(svg[slot=\"icon\"]) {\r\n      width: 1em;\r\n      height: 1em;\r\n    }\r\n    a {\r\n      all: unset;\r\n      display: block;\r\n      position: absolute;\r\n      top: 0px;\r\n      left: 0px;\r\n      right: 0px;\r\n      bottom: 0px;\r\n      z-index: 1;\r\n    }\r\n    @media (prefers-reduced-motion) {\r\n      .base,\r\n      .label,\r\n      .icon {\r\n        transition: none;\r\n      }\r\n    }\r\n    @media (forced-colors: active) {\r\n      .base,\r\n      .label,\r\n      .icon {\r\n        transition: none;\r\n      }\r\n      :host(:not(:disabled)) .base {\r\n        background-color: Menu;\r\n      }\r\n      :host(:not(:disabled)) .label,\r\n      :host(:not(:disabled)) .icon {\r\n        color: MenuText;\r\n      }\r\n      :host(:disabled) .label,\r\n      :host(:disabled) .icon {\r\n        color: GrayText;\r\n      }\r\n    }\r\n  `;\r\n\r\n  /** @private */ @query(\".elevation\") private readonly _elevation?: M3eElevationElement;\r\n  /** @private */ @query(\".focus-ring\") private readonly _focusRing?: M3eFocusRingElement;\r\n  /** @private */ @query(\".state-layer\") private readonly _stateLayer?: M3eStateLayerElement;\r\n  /** @private */ @query(\".ripple\") private readonly _ripple?: M3eRippleElement;\r\n\r\n  /** @private */ readonly #clickHandler = (e: Event) => this.#handleClick(e);\r\n\r\n  /** The floating action button (FAB) menu to which this item belongs. */\r\n  get menu(): M3eFabMenuElement | null {\r\n    return this.closest(\"m3e-fab-menu\");\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override connectedCallback(): void {\r\n    super.connectedCallback();\r\n    this.addEventListener(\"click\", this.#clickHandler);\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override disconnectedCallback(): void {\r\n    super.disconnectedCallback();\r\n    this.removeEventListener(\"click\", this.#clickHandler);\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override firstUpdated(_changedProperties: PropertyValues<this>): void {\r\n    super.firstUpdated(_changedProperties);\r\n    [this._elevation, this._focusRing, this._stateLayer, this._ripple].forEach((x) => x?.attach(this));\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override render(): unknown {\r\n    return html`<div class=\"base\">\r\n      <m3e-elevation class=\"elevation\" ?disabled=\"${this.disabled}\"></m3e-elevation>\r\n      <m3e-state-layer class=\"state-layer\" ?disabled=\"${this.disabled}\"></m3e-state-layer>\r\n      <m3e-focus-ring class=\"focus-ring\" ?disabled=\"${this.disabled}\"></m3e-focus-ring>\r\n      <m3e-ripple class=\"ripple\" ?disabled=\"${this.disabled}\"></m3e-ripple>\r\n      <div class=\"touch\" aria-hidden=\"true\"></div>\r\n      ${this[renderPseudoLink]()}\r\n      <div class=\"wrapper\">\r\n        <slot class=\"icon\" name=\"icon\" aria-hidden=\"true\"></slot>\r\n        <div class=\"label\"><slot></slot></div>\r\n      </div>\r\n    </div>`;\r\n  }\r\n\r\n  /** @private */\r\n  #handleClick(e: Event): void {\r\n    if (!e.defaultPrevented) {\r\n      this.menu?.hide(true);\r\n    }\r\n  }\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    \"m3e-fab-menu-item\": M3eFabMenuItemElement;\r\n  }\r\n}\r\n","/* eslint-disable @typescript-eslint/no-unsafe-declaration-merging */\r\nimport { css, CSSResultGroup, html, LitElement, unsafeCSS } from \"lit\";\r\nimport { property } from \"lit/decorators.js\";\r\n\r\nimport {\r\n  AttachInternals,\r\n  customElement,\r\n  DesignToken,\r\n  DisabledMixin,\r\n  Role,\r\n  ScrollController,\r\n  setCustomState,\r\n  SuppressInitialAnimation,\r\n} from \"@m3e/web/core\";\r\n\r\nimport { RovingTabIndexManager } from \"@m3e/web/core/a11y\";\r\nimport { M3eDirectionality } from \"@m3e/web/core/bidi\";\r\nimport { positionAnchor } from \"@m3e/web/core/anchoring\";\r\n\r\nimport { M3eFabElement } from \"@m3e/web/fab\";\r\n\r\nimport { FabMenuVariant } from \"./FabMenuVariant\";\r\nimport { M3eFabMenuItemElement } from \"./FabMenuItemElement\";\r\n\r\n/**\r\n * A menu, opened from a floating action button (FAB), used to display multiple related actions.\r\n *\r\n * @description\r\n * The `m3e-fab-menu` component presents a dynamic menu of related actions, elegantly revealed from a\r\n * floating action button (FAB). Designed using expressive, adaptive surfaces, it enables seamless access\r\n * to contextual actions in modern, visually rich interfaces.\r\n *\r\n * @example\r\n * The following example illustrates triggering a `m3e-fab-menu` from an `m3e-fab` using a `m3e-fab-menu-trigger`.\r\n * ```html\r\n * <m3e-fab variant=\"primary\" size=\"large\">\r\n *  <m3e-fab-menu-trigger for=\"fabmenu\">\r\n *    <m3e-icon name=\"edit\"></m3e-icon>\r\n *  </m3e-fab-menu-trigger>\r\n * </m3e-fab>\r\n * <m3e-fab-menu id=\"fabmenu\" variant=\"secondary\">\r\n *  <m3e-fab-menu-item>First</m3e-fab-menu-item>\r\n *  <m3e-fab-menu-item>Second</m3e-fab-menu-item>\r\n *  <m3e-fab-menu-item>Third</m3e-fab-menu-item>\r\n *  <m3e-fab-menu-item>Forth</m3e-fab-menu-item>\r\n *  <m3e-fab-menu-item>Fifth</m3e-fab-menu-item>\r\n *  <m3e-fab-menu-item>Sixth</m3e-fab-menu-item>\r\n * </m3e-fab-menu>\r\n * ```\r\n *\r\n * @tag m3e-fab-menu\r\n *\r\n * @slot - Renders the contents of the menu.\r\n *\r\n * @attr variant - The appearance variant of the menu.\r\n *\r\n * @fires beforetoggle - Dispatched before the toggle state changes.\r\n * @fires toggle - Dispatched after the toggle state has changed.\r\n *\r\n * @cssprop --m3e-fab-menu-spacing - Vertical gap between menu items.\r\n * @cssprop --m3e-fab-menu-max-width - Maximum width of the menu.\r\n * @cssprop --m3e-primary-fab-color - Foreground color for primary variant items.\r\n * @cssprop --m3e-primary-fab-container-color - Container color for primary variant items.\r\n * @cssprop --m3e-primary-fab-hover-color - Hover background color for primary variant items.\r\n * @cssprop --m3e-primary-fab-focus-color - Focus background color for primary variant items.\r\n * @cssprop --m3e-primary-fab-ripple-color - Ripple color for primary variant items.\r\n * @cssprop --m3e-secondary-fab-color - Foreground color for secondary variant items.\r\n * @cssprop --m3e-secondary-fab-container-color - Container color for secondary variant items.\r\n * @cssprop --m3e-secondary-fab-hover-color - Hover background color for secondary variant items.\r\n * @cssprop --m3e-secondary-fab-focus-color - Focus background color for secondary variant items.\r\n * @cssprop --m3e-secondary-fab-ripple-color - Ripple color for secondary variant items.\r\n * @cssprop --m3e-tertiary-fab-color - Foreground color for tertiary variant items.\r\n * @cssprop --m3e-tertiary-fab-container-color - Container color for tertiary variant items.\r\n * @cssprop --m3e-tertiary-fab-hover-color - Hover background color for tertiary variant items.\r\n * @cssprop --m3e-tertiary-fab-focus-color - Focus background color for tertiary variant items.\r\n * @cssprop --m3e-tertiary-fab-ripple-color - Ripple color for tertiary variant items.\r\n */\r\n@customElement(\"m3e-fab-menu\")\r\nexport class M3eFabMenuElement extends SuppressInitialAnimation(AttachInternals(Role(LitElement, \"menu\"))) {\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = css`\r\n    :host {\r\n      position: absolute;\r\n      flex-direction: column;\r\n      row-gap: var(--m3e-fab-menu-spacing, 0.25rem);\r\n      padding: unset;\r\n      margin: unset;\r\n      border: unset;\r\n      overflow: visible;\r\n      max-width: var(--m3e-fab-menu-max-width, 17.5rem);\r\n      opacity: 0;\r\n      background-color: transparent;\r\n      display: none;\r\n    }\r\n    :host(:not(:state(-no-animate))) {\r\n      transition: ${unsafeCSS(\r\n        `opacity ${DesignToken.motion.spring.fastEffects}, \r\n        transform ${DesignToken.motion.spring.fastSpatial},\r\n        overlay ${DesignToken.motion.spring.fastEffects} allow-discrete,\r\n        display ${DesignToken.motion.spring.fastEffects} allow-discrete`,\r\n      )};\r\n    }\r\n    .base {\r\n      display: contents;\r\n    }\r\n    :host([variant=\"primary\"]) .base {\r\n      --_fab-menu-item-color: var(--m3e-primary-fab-color, ${DesignToken.color.onPrimaryContainer});\r\n      --_fab-menu-item-container-color: var(--m3e-primary-fab-container-color, ${DesignToken.color.primaryContainer});\r\n      --_fab-menu-background-hover-color: var(--m3e-primary-fab-hover-color, ${DesignToken.color.onPrimaryContainer});\r\n      --_fab-menu-background-focus-color: var(--m3e-primary-fab-focus-color, ${DesignToken.color.onPrimaryContainer});\r\n      --_fab-menu-ripple-color: var(--m3e-primary-fab-ripple-color, ${DesignToken.color.onPrimaryContainer});\r\n    }\r\n    :host([variant=\"secondary\"]) .base {\r\n      --_fab-menu-item-color: var(--m3e-secondary-fab-color, ${DesignToken.color.onSecondaryContainer});\r\n      --_fab-menu-item-container-color: var(\r\n        --m3e-secondary-fab-container-color,\r\n        ${DesignToken.color.secondaryContainer}\r\n      );\r\n      --_fab-menu-background-hover-color: var(\r\n        --m3e-secondary-fab-hover-color,\r\n        ${DesignToken.color.onSecondaryContainer}\r\n      );\r\n      --_fab-menu-background-focus-color: var(\r\n        --m3e-secondary-fab-focus-color,\r\n        ${DesignToken.color.onSecondaryContainer}\r\n      );\r\n      --_fab-menu-ripple-color: var(--m3e-secondary-fab-ripple-color, ${DesignToken.color.onSecondaryContainer});\r\n    }\r\n    :host([variant=\"tertiary\"]) .base {\r\n      --_fab-menu-item-color: var(--m3e-tertiary-fab-color, ${DesignToken.color.onTertiaryContainer});\r\n      --_fab-menu-item-container-color: var(--m3e-tertiary-fab-container-color, ${DesignToken.color.tertiaryContainer});\r\n      --_fab-menu-background-hover-color: var(--m3e-tertiary-fab-hover-color, ${DesignToken.color.onTertiaryContainer});\r\n      --_fab-menu-background-focus-color: var(--m3e-tertiary-fab-focus-color, ${DesignToken.color.onTertiaryContainer});\r\n      --_fab-menu-ripple-color: var(--m3e-tertiary-fab-ripple-color, ${DesignToken.color.onTertiaryContainer});\r\n    }\r\n    :host {\r\n      transform: scaleX(0.8);\r\n    }\r\n    :host(:state(-left)) {\r\n      align-items: flex-start;\r\n      transform-origin: left;\r\n    }\r\n    :host(:state(-right)) {\r\n      align-items: flex-end;\r\n      transform-origin: right;\r\n    }\r\n    :host(:popover-open) {\r\n      transform: scaleX(1);\r\n      display: inline-flex;\r\n      opacity: 1;\r\n    }\r\n    :host::backdrop {\r\n      background-color: transparent;\r\n    }\r\n    @starting-style {\r\n      :host(:popover-open) {\r\n        opacity: 0;\r\n      }\r\n      :host(:popover-open) {\r\n        transform: scaleX(0.8);\r\n      }\r\n    }\r\n    @media (prefers-reduced-motion) {\r\n      :host(:not(:state(-no-animate))) {\r\n        transition: none;\r\n      }\r\n    }\r\n    @media (forced-colors: active) {\r\n      :host {\r\n        border-radius: ${DesignToken.shape.corner.medium};\r\n        outline: 1px solid MenuText;\r\n        background-color: Menu;\r\n      }\r\n    }\r\n  `;\r\n\r\n  /** @private */ #fabTabIndex?: number;\r\n  /** @private */ #trigger?: HTMLElement;\r\n  /** @private */ #anchoringCleanup?: () => void;\r\n\r\n  /** @private */\r\n  readonly #listManager = new RovingTabIndexManager<LitElement & DisabledMixin>()\r\n    .withWrap()\r\n    .withHomeAndEnd()\r\n    .withVerticalOrientation();\r\n\r\n  /** @private */ readonly #keyDownHandler = (e: KeyboardEvent) => this.#handleKeyDown(e);\r\n  /** @private */ readonly #documentClickHandler = (e: MouseEvent) => this.#handleDocumentClick(e);\r\n\r\n  /** @private */\r\n  readonly #scrollController = new ScrollController(this, { target: null, callback: () => this.hide() });\r\n\r\n  /** @private */\r\n  readonly #toggleHandler = (e: ToggleEvent) => {\r\n    if (e.newState === \"closed\") {\r\n      this.#anchoringCleanup?.();\r\n      this.#anchoringCleanup = undefined;\r\n    } else {\r\n      setTimeout(() => {\r\n        this.#listManager.setActiveItem(this.#listManager.items.find((x) => !x.disabled));\r\n      }, 40);\r\n    }\r\n  };\r\n\r\n  /**\r\n   * The appearance variant of the menu.\r\n   * @default \"primary\"\r\n   */\r\n  @property({ reflect: true }) variant: FabMenuVariant = \"primary\";\r\n\r\n  /** Whether the menu is open. */\r\n  get isOpen() {\r\n    return this.#trigger !== undefined;\r\n  }\r\n\r\n  /**\r\n   * Opens the menu.\r\n   * @param {HTMLElement} trigger The element that triggered the menu.\r\n   * @returns {Promise<void>} A `Promise` that resolves when the menu is opened.\r\n   */\r\n  async show(trigger: HTMLElement): Promise<void> {\r\n    if (this.#trigger && this.#trigger !== trigger) {\r\n      this.hide();\r\n    }\r\n\r\n    this.#anchoringCleanup?.();\r\n    this.#anchoringCleanup = await positionAnchor(\r\n      this,\r\n      trigger,\r\n      {\r\n        position: \"top-end\",\r\n        inline: true,\r\n        shift: \"main\",\r\n        flip: true,\r\n        offset: 8,\r\n      },\r\n      (x, y, position) => {\r\n        setCustomState(this, \"-right\", position.includes(\"end\"));\r\n        setCustomState(this, \"-left\", position.includes(\"start\"));\r\n        if (M3eDirectionality.current === \"rtl\") {\r\n          this.style.right = `${window.innerWidth - x - this.clientWidth}px`;\r\n          this.style.left = \"\";\r\n        } else {\r\n          this.style.left = `${x}px`;\r\n          this.style.right = \"\";\r\n        }\r\n        this.style.top = `${y}px`;\r\n      },\r\n    );\r\n\r\n    this.showPopover();\r\n\r\n    this.#trigger = trigger;\r\n    this.#trigger.ariaExpanded = \"true\";\r\n    this.#scrollController.observe(this.#trigger);\r\n\r\n    this.#attachFab();\r\n  }\r\n\r\n  /**\r\n   * Hides the menu.\r\n   * @param {boolean} [restoreFocus=false] A value indicating whether to restore focus to the menu's trigger.\r\n   */\r\n  hide(restoreFocus: boolean = false): void {\r\n    this.#anchoringCleanup?.();\r\n    this.#anchoringCleanup = undefined;\r\n\r\n    if (this.#trigger) {\r\n      this.#trigger.ariaExpanded = \"false\";\r\n      if (restoreFocus) {\r\n        this.#trigger.focus();\r\n      }\r\n\r\n      this.#detachFab();\r\n\r\n      this.#scrollController.unobserve(this.#trigger);\r\n      this.#trigger = undefined;\r\n    }\r\n    this.hidePopover();\r\n  }\r\n\r\n  /**\r\n   * Toggles the menu.\r\n   * @param {HTMLElement} trigger The element that triggered the menu.\r\n   * @returns {Promise<void>} A `Promise` that resolves when the menu is opened or closed.\r\n   */\r\n  async toggle(trigger: HTMLElement): Promise<void> {\r\n    if (this.#trigger) {\r\n      this.hide();\r\n    } else {\r\n      await this.show(trigger);\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override connectedCallback(): void {\r\n    super.connectedCallback();\r\n\r\n    this.tabIndex = -1;\r\n    this.setAttribute(\"popover\", \"manual\");\r\n    this.addEventListener(\"keydown\", this.#keyDownHandler);\r\n    this.addEventListener(\"toggle\", this.#toggleHandler);\r\n    document.addEventListener(\"click\", this.#documentClickHandler);\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override disconnectedCallback(): void {\r\n    super.disconnectedCallback();\r\n\r\n    this.removeEventListener(\"keydown\", this.#keyDownHandler);\r\n    this.removeEventListener(\"toggle\", this.#toggleHandler);\r\n    document.removeEventListener(\"click\", this.#documentClickHandler);\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return html`<div class=\"base\"><slot @slotchange=\"${this.#handleSlotChange}\"></slot></div>`;\r\n  }\r\n\r\n  /** @private */\r\n  #handleSlotChange(): void {\r\n    const { added } = this.#listManager.setItems([...this.querySelectorAll(\"m3e-fab-menu-item\")]);\r\n    if (!this.#listManager.activeItem) {\r\n      this.#listManager.updateActiveItem(added.find((x) => !x.disabled));\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleKeyDown(e: KeyboardEvent): void {\r\n    switch (e.key) {\r\n      case \"Tab\":\r\n        this.hide();\r\n        break;\r\n\r\n      case \"Escape\":\r\n        if (!e.shiftKey && !e.ctrlKey) {\r\n          this.hide(true);\r\n        }\r\n        break;\r\n\r\n      default:\r\n        this.#listManager.onKeyDown(e);\r\n        break;\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleDocumentClick(e: MouseEvent): void {\r\n    if (!e.composedPath().some((x) => x instanceof M3eFabMenuItemElement || x === this.#trigger)) {\r\n      this.hide();\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #attachFab(): void {\r\n    const fab = this.#trigger?.closest<M3eFabElement>(\"m3e-fab\");\r\n    if (fab) {\r\n      this.#fabTabIndex = fab.tabIndex;\r\n      fab.addEventListener(\"keydown\", this.#keyDownHandler);\r\n      this.#listManager.setItems([...this.#listManager.items, fab]);\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #detachFab(): void {\r\n    const fab = this.#trigger?.closest<M3eFabElement>(\"m3e-fab\");\r\n    if (fab) {\r\n      if (this.#fabTabIndex !== undefined) {\r\n        fab.tabIndex = this.#fabTabIndex;\r\n      }\r\n      fab.removeEventListener(\"keydown\", this.#keyDownHandler);\r\n      this.#listManager.setItems([...this.#listManager.items.filter((x) => x !== fab)]);\r\n    }\r\n  }\r\n}\r\n\r\ninterface M3eFabMenuElementEventMap extends HTMLElementEventMap {\r\n  beforetoggle: ToggleEvent;\r\n  toggle: ToggleEvent;\r\n}\r\n\r\nexport interface M3eFabMenuElement {\r\n  addEventListener<K extends keyof M3eFabMenuElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3eFabMenuElement, ev: M3eFabMenuElementEventMap[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 M3eFabMenuElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3eFabMenuElement, ev: M3eFabMenuElementEventMap[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-fab-menu\": M3eFabMenuElement;\r\n  }\r\n}\r\n","import { ActionElementBase, customElement, HtmlFor } from \"@m3e/web/core\";\r\nimport { addAriaReferencedId, removeAriaReferencedId } from \"@m3e/web/core/a11y\";\r\n\r\nimport { M3eFabMenuElement } from \"./FabMenuElement\";\r\n\r\n/**\r\n * An element, nested within a clickable element, used to open a floating action button (FAB) menu.\r\n *\r\n * @example\r\n * The following example illustrates triggering a `m3e-fab-menu` from an `m3e-fab` using a `m3e-fab-menu-trigger`.\r\n * ```html\r\n * <m3e-fab variant=\"primary\" size=\"large\">\r\n *  <m3e-fab-menu-trigger for=\"fabmenu\">\r\n *    <m3e-icon name=\"edit\"></m3e-icon>\r\n *  </m3e-fab-menu-trigger>\r\n * </m3e-fab>\r\n * <m3e-fab-menu id=\"fabmenu\" variant=\"secondary\">\r\n *  <m3e-fab-menu-item>First</m3e-fab-menu-item>\r\n *  <m3e-fab-menu-item>Second</m3e-fab-menu-item>\r\n *  <m3e-fab-menu-item>Third</m3e-fab-menu-item>\r\n *  <m3e-fab-menu-item>Forth</m3e-fab-menu-item>\r\n *  <m3e-fab-menu-item>Fifth</m3e-fab-menu-item>\r\n *  <m3e-fab-menu-item>Sixth</m3e-fab-menu-item>\r\n * </m3e-fab-menu>\r\n * ```\r\n *\r\n * @tag m3e-fab-menu-trigger\r\n */\r\n@customElement(\"m3e-fab-menu-trigger\")\r\nexport class M3eFabMenuTriggerElement extends HtmlFor(ActionElementBase) {\r\n  /** The menu triggered by the element. */\r\n  get menu(): M3eFabMenuElement | null {\r\n    return this.control instanceof M3eFabMenuElement ? this.control : null;\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override attach(control: HTMLElement): void {\r\n    super.attach(control);\r\n\r\n    if (this.parentElement && control instanceof M3eFabMenuElement) {\r\n      this.parentElement.ariaHasPopup = \"menu\";\r\n      this.parentElement.ariaExpanded = \"false\";\r\n      if (control.id) {\r\n        addAriaReferencedId(this.parentElement, \"aria-controls\", control.id);\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override detach(): void {\r\n    if (this.parentElement) {\r\n      this.parentElement.ariaHasPopup = null;\r\n      this.parentElement.ariaExpanded = null;\r\n      if (this.control?.id) {\r\n        removeAriaReferencedId(this.parentElement, \"aria-controls\", this.control.id);\r\n      }\r\n    }\r\n\r\n    super.detach();\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override _onClick(): void {\r\n    if (this.parentElement) {\r\n      this.menu?.toggle(this.parentElement);\r\n    }\r\n  }\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    \"m3e-fab-menu-trigger\": M3eFabMenuTriggerElement;\r\n  }\r\n}\r\n"],"names":["M3eFabMenuItemElement","KeyboardClick","LinkButton","Disabled","AttachInternals","Role","LitElement","constructor","_M3eFabMenuItemElement_clickHandler","set","this","e","__classPrivateFieldGet","call","menu","closest","connectedCallback","super","addEventListener","disconnectedCallback","removeEventListener","firstUpdated","_changedProperties","_elevation","_focusRing","_stateLayer","_ripple","forEach","x","attach","render","html","disabled","renderPseudoLink","defaultPrevented","hide","styles","css","unsafeCSS","DesignToken","motion","duration","short4","easing","standard","typescale","label","large","fontSize","fontWeight","lineHeight","tracking","shape","corner","full","color","onSurface","__decorate","query","prototype","customElement","M3eFabMenuElement","SuppressInitialAnimation","_M3eFabMenuElement_fabTabIndex","_M3eFabMenuElement_trigger","_M3eFabMenuElement_anchoringCleanup","_M3eFabMenuElement_listManager","RovingTabIndexManager","withWrap","withHomeAndEnd","withVerticalOrientation","_M3eFabMenuElement_keyDownHandler","_M3eFabMenuElement_documentClickHandler","_M3eFabMenuElement_scrollController","ScrollController","target","callback","_M3eFabMenuElement_toggleHandler","newState","__classPrivateFieldSet","undefined","setTimeout","setActiveItem","items","find","variant","isOpen","show","trigger","positionAnchor","position","inline","shift","flip","offset","y","setCustomState","includes","M3eDirectionality","current","style","right","window","innerWidth","clientWidth","left","top","showPopover","ariaExpanded","observe","_M3eFabMenuElement_instances","_M3eFabMenuElement_attachFab","restoreFocus","focus","_M3eFabMenuElement_detachFab","unobserve","hidePopover","toggle","tabIndex","setAttribute","document","_M3eFabMenuElement_handleSlotChange","added","setItems","querySelectorAll","activeItem","updateActiveItem","key","shiftKey","ctrlKey","onKeyDown","composedPath","some","fab","filter","spring","fastEffects","fastSpatial","onPrimaryContainer","primaryContainer","onSecondaryContainer","secondaryContainer","onTertiaryContainer","tertiaryContainer","medium","property","reflect","M3eFabMenuTriggerElement","HtmlFor","ActionElementBase","control","parentElement","ariaHasPopup","id","addAriaReferencedId","detach","removeAriaReferencedId","_onClick"],"mappings":"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"}

package/dist/form-field.js

@@ -6,7 +6,7 @@
 import { __classPrivateFieldGet, __classPrivateFieldSet, __decorate } from 'tslib';
 import { LitElement, nothing, html, css, unsafeCSS } from 'lit';
 import { query, state, property } from 'lit/decorators.js';
-import { ReconnectedCallback, AttachInternals, MutationController, ResizeController, FocusController, setCustomState, PressedController, HoverController, isReadOnlyMixin, hasAssignedNodes, hasCustomState, interceptProperty, getTextContent, DesignToken, customElement } from '@m3e/web/core';
+import { ReconnectedCallback, AttachInternals, MutationController, ResizeController, FocusController, setCustomState, PressedController, HoverController, isReadOnlyMixin, hasAssignedNodes, hasCustomState, interceptProperty, getTextContent, registerStyleSheet, DesignToken, customElement } from '@m3e/web/core';
 import { M3eAriaDescriber } from '@m3e/web/core/a11y';
 
 /**
@@ -444,11 +444,7 @@ _M3eFormFieldElement_handleErrorChange = function _M3eFormFieldElement_handleErr
   }
 };
 (() => {
-  if (typeof window !== "undefined") {
-    const lightDomStyle = new CSSStyleSheet();
-    lightDomStyle.replaceSync(css`m3e-form-field input::placeholder, m3e-form-field textarea::placeholder { user-select: none; color: currentColor; transition: opacity ${DesignToken.motion.duration.extraLong1}; } m3e-form-field[float-label="auto"]:not(:state(-float-label)):state(-with-label) input::placeholder, m3e-form-field[float-label="auto"]:not(:state(-float-label)):state(-with-label) textarea::placeholder { opacity: 0; transition: opacity 0s; } m3e-form-field[variant="outlined"] m3e-input-chip-set { margin-block: calc(calc(3.5rem + ${DesignToken.density.calc(-2)}) / 4); } @media (prefers-reduced-motion) { m3e-form-field input::placeholder, m3e-form-field textarea::placeholder { transition: none !important; } }`.toString());
-    document.adoptedStyleSheets = [...document.adoptedStyleSheets, lightDomStyle];
-  }
+  registerStyleSheet(css`m3e-form-field input::placeholder, m3e-form-field textarea::placeholder { user-select: none; color: currentColor; transition: opacity ${DesignToken.motion.duration.extraLong1}; } m3e-form-field[float-label="auto"]:not(:state(-float-label)):state(-with-label) input::placeholder, m3e-form-field[float-label="auto"]:not(:state(-float-label)):state(-with-label) textarea::placeholder { opacity: 0; transition: opacity 0s; } m3e-form-field[variant="outlined"] m3e-input-chip-set { margin-block: calc(calc(3.5rem + ${DesignToken.density.calc(-2)}) / 4); } @media (prefers-reduced-motion) { m3e-form-field input::placeholder, m3e-form-field textarea::placeholder { transition: none !important; } }`);
 })();
 /** The styles of the element. */
 M3eFormFieldElement.styles = css`:host { display: inline-flex; flex-direction: column; vertical-align: middle; font-size: var(--m3e-form-field-font-size, ${DesignToken.typescale.standard.body.large.fontSize}); font-weight: var(--m3e-form-field-font-weight, ${DesignToken.typescale.standard.body.large.fontWeight}); line-height: var(--m3e-form-field-line-height, ${DesignToken.typescale.standard.body.large.lineHeight}); letter-spacing: var(--m3e-form-field-tracking, ${DesignToken.typescale.standard.body.large.tracking}); width: var(--m3e-form-field-width, 14.5rem); color: var(--_form-field-color); } :host(:not(:state(-disabled))) .base { cursor: var(--_form-field-cursor); } .base { display: flex; align-items: center; position: relative; min-height: calc(3.5rem + ${DesignToken.density.calc(-2)}); --_form-field-label-font-size: var( --m3e-form-field-label-font-size, ${DesignToken.typescale.standard.body.small.fontSize} ); --_form-field-label-line-height: var( --m3e-form-field-label-line-height, ${DesignToken.typescale.standard.body.small.lineHeight} ); } .content { display: flex; align-items: center; position: relative; flex: 1 1 auto; min-width: 0; min-height: var(--m3e-form-field-icon-size, 1.5rem); } .prefix, .suffix { display: flex; align-items: center; position: relative; user-select: none; flex: none; font-size: var(--m3e-form-field-icon-size, 1.5rem); } .prefix-text, .suffix-text { opacity: 1; transition: opacity ${DesignToken.motion.duration.extraLong1}; user-select: none; flex: none; } .input { display: inline-flex; flex-wrap: wrap; flex: 1 1 auto; min-width: 0; } .label { display: flex; position: absolute; pointer-events: none; user-select: none; top: 0; left: 0; right: 0; font-size: var(--m3e-form-field-label-font-size, ${DesignToken.typescale.standard.body.small.fontSize}); font-weight: var(--m3e-form-field-label-font-weight, ${DesignToken.typescale.standard.body.small.fontWeight}); line-height: var(--m3e-form-field-label-line-height, ${DesignToken.typescale.standard.body.small.lineHeight}); letter-spacing: var(--m3e-form-field-label-tracking, ${DesignToken.typescale.standard.body.small.tracking}); color: var(--_form-field-label-color, inherit); transition: ${unsafeCSS(`top ${DesignToken.motion.duration.short4}, 

package/dist/form-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-field.js","sources":["../../src/form-field/FormFieldControl.ts","../../src/form-field/FormFieldElement.ts"],"sourcesContent":["/**\r\n * Adapted from Angular Material Form Field Control\r\n * Source: https://github.com/angular/components/blob/main/src/material/form-field/form-field-control.ts\r\n *\r\n * @license MIT\r\n * Copyright (c) 2025 Google LLC\r\n * See LICENSE file in the project root for full license text.\r\n */\r\n\r\n/** An interface which allows a control to work inside of a `M3eFormField`. */\r\nexport interface FormFieldControl extends HTMLElement {\r\n  /** A value indicating whether the control is disabled. */\r\n  disabled: boolean;\r\n\r\n  /** The value of the control. */\r\n  value?: unknown;\r\n\r\n  /** A value indicating whether the control is required. */\r\n  required?: boolean;\r\n\r\n  /** A value indicated whether the content of the control is read-only. */\r\n  readonly?: boolean;\r\n\r\n  /** A value indicating whether the form field's label should try to float. */\r\n  readonly shouldLabelFloat?: boolean;\r\n\r\n  /** The error message that would be displayed if the user submits the form, or an empty string if no error message. */\r\n  readonly validationMessage?: string;\r\n\r\n  /** The `HTMLFormElement` associated with this element. */\r\n  readonly form?: HTMLFormElement | null;\r\n\r\n  /**\r\n   * Handles the click event on the control's container.\r\n   * @param {MouseEvent} event The `MouseEvent`.\r\n   */\r\n  onContainerClick?: (event: MouseEvent) => void;\r\n\r\n  /**\r\n   * Returns `true` if the element has no validity problems; otherwise,\r\n   * returns `false`, fires an invalid event.\r\n   */\r\n  checkValidity?: () => boolean;\r\n}\r\n\r\nconst KNOWN_FORM_FIELD_TAGS = [\"m3e-input-chip-set\", \"m3e-select\"];\r\n\r\n/**\r\n * Determines whether a value is a `FormFieldControl`.\r\n * @param {unknown} value The value to test.\r\n * @returns {value is FormFieldControl} A value indicating whether `value` is a `FormFieldControl`.\r\n */\r\nexport function isFormFieldControl(value: unknown): value is FormFieldControl {\r\n  return (\r\n    value instanceof HTMLElement &&\r\n    (value instanceof HTMLInputElement ||\r\n      value instanceof HTMLTextAreaElement ||\r\n      value instanceof HTMLSelectElement ||\r\n      KNOWN_FORM_FIELD_TAGS.includes(value.tagName.toLowerCase()))\r\n  );\r\n}\r\n\r\n/**\r\n * Locates the first `FormFieldControl` in a given slot.\r\n * @param {HTMLSlotElement} slot The slot in which to locate a `FormFieldControl`.\r\n * @returns {FormFieldControl | null} The `FormFieldControl` located in `slot`.\r\n */\r\nexport function findFormFieldControl(slot: HTMLSlotElement): FormFieldControl | null {\r\n  for (const element of slot.assignedElements({ flatten: true })) {\r\n    if (isFormFieldControl(element)) {\r\n      return element;\r\n    }\r\n\r\n    const walker = document.createTreeWalker(element, NodeFilter.SHOW_ELEMENT);\r\n    while (walker.nextNode()) {\r\n      if (isFormFieldControl(walker.currentNode)) {\r\n        return walker.currentNode;\r\n      }\r\n    }\r\n  }\r\n\r\n  return null;\r\n}\r\n","/**\r\n * Adapted from Angular Material Form Field\r\n * Source: https://github.com/angular/components/blob/main/src/material/form-field/form-field.ts\r\n *\r\n * @license MIT\r\n * Copyright (c) 2025 Google LLC\r\n * See LICENSE file in the project root for full license text.\r\n */\r\n\r\nimport { css, CSSResultGroup, html, LitElement, nothing, PropertyValues, unsafeCSS } from \"lit\";\r\nimport { property, query, state } from \"lit/decorators.js\";\r\n\r\nimport {\r\n  AttachInternals,\r\n  customElement,\r\n  DesignToken,\r\n  FocusController,\r\n  getTextContent,\r\n  hasAssignedNodes,\r\n  hasCustomState,\r\n  HoverController,\r\n  interceptProperty,\r\n  isReadOnlyMixin,\r\n  MutationController,\r\n  PressedController,\r\n  ReconnectedCallback,\r\n  ResizeController,\r\n  setCustomState,\r\n} from \"@m3e/web/core\";\r\n\r\nimport { M3eAriaDescriber } from \"@m3e/web/core/a11y\";\r\n\r\nimport { findFormFieldControl, FormFieldControl } from \"./FormFieldControl\";\r\nimport { FormFieldVariant } from \"./FormFieldVariant\";\r\nimport { HideSubscriptType } from \"./HideSubscriptType\";\r\nimport { FloatLabelType } from \"./FloatLabelType\";\r\n\r\n/**\r\n * A container for form controls that applies Material Design styling and behavior.\r\n *\r\n * @description\r\n * The `m3e-form-field` component is a semantic, expressive container for form controls that anchors\r\n * label behavior, subscript messaging, and variant-specific layout. Designed according to Material Design 3\r\n * guidelines, it supports two visual variants—`outlined` and `filled`—each with dynamic elevation,\r\n * shape transitions, and adaptive color theming. The component responds to control state changes\r\n * (focus, hover, press, disabled, invalid) with smooth motion and semantic clarity, ensuring\r\n * visual hierarchy and emotional resonance.\r\n\r\n * The component is accessible by default, with ARIA annotations, contrast-safe color tokens,\r\n * and dynamic descriptions for hint and error messaging. It supports prefix and suffix content,\r\n * floating labels, and adaptive subscript visibility. When hosting a control with validation,\r\n * error messages are surfaced with `aria-invalid` and described for assistive technology.\r\n\r\n * Native form controls may not expose full state or messaging on their own. `m3e-form-field` bridges\r\n * these gaps by coordinating label floating, container styling, and subscript feedback.\r\n *\r\n * @example\r\n * The following example illustrates a basic usage of the `m3e-form-field`.\r\n * ```html\r\n * <m3e-form-field>\r\n *  <label slot=\"label\" for=\"field\">Text field</label>\r\n *  <input id=\"field\" />\r\n * </m3e-form-field>\r\n * ```\r\n * \r\n * @tag m3e-form-field\r\n *\r\n * @slot - Renders the control of the field.\r\n * @slot prefix - Renders content before the fields's control.\r\n * @slot prefix-text - Renders text before the fields's control.\r\n * @slot suffix - Renders content after the fields's control.\r\n * @slot suffix-text - Renders text after the fields's control.\r\n * @slot hint - Renders hint text in the fields's subscript, when the control is valid.\r\n * @slot error - Renders error text in the fields's subscript, when the control is invalid.\r\n *\r\n * @attr float-label - Specifies whether the label should float always or only when necessary.\r\n * @attr hide-required-marker - Whether the required marker should be hidden.\r\n * @attr hide-subscript - Whether subscript content is hidden.\r\n * @attr variant - The appearance variant of the field.\r\n *\r\n * @cssprop --m3e-form-field-font-size - Font size for the form field container text.\r\n * @cssprop --m3e-form-field-font-weight - Font weight for the form field container text.\r\n * @cssprop --m3e-form-field-line-height - Line height for the form field container text.\r\n * @cssprop --m3e-form-field-tracking - Letter spacing for the form field container text.\r\n * @cssprop --m3e-form-field-label-font-size - Font size for the floating label.\r\n * @cssprop --m3e-form-field-label-font-weight - Font weight for the floating label.\r\n * @cssprop --m3e-form-field-label-line-height - Line height for the floating label.\r\n * @cssprop --m3e-form-field-label-tracking - Letter spacing for the floating label.\r\n * @cssprop --m3e-form-field-subscript-font-size - Font size for hint and error text.\r\n * @cssprop --m3e-form-field-subscript-font-weight - Font weight for hint and error text.\r\n * @cssprop --m3e-form-field-subscript-line-height - Line height for hint and error text.\r\n * @cssprop --m3e-form-field-subscript-tracking - Letter spacing for hint and error text.\r\n * @cssprop --m3e-form-field-color - Text color for the form field container.\r\n * @cssprop --m3e-form-field-subscript-color - Color for hint and error text.\r\n * @cssprop --m3e-form-field-invalid-color - Color used when the control is invalid.\r\n * @cssprop --m3e-form-field-focused-outline-color - Outline color when focused.\r\n * @cssprop --m3e-form-field-focused-color - Label color when focused.\r\n * @cssprop --m3e-form-field-outline-color - Outline color in outlined variant.\r\n * @cssprop --m3e-form-field-container-color - Background color in filled variant.\r\n * @cssprop --m3e-form-field-hover-container-color - Hover background color in filled variant.\r\n * @cssprop --m3e-form-field-width - Width of the form field container.\r\n * @cssprop --m3e-form-field-icon-size - Size of prefix and suffix icons.\r\n * @cssprop --m3e-outlined-form-field-container-shape - Corner radius for outlined container.\r\n * @cssprop --m3e-form-field-container-shape - Corner radius for filled container.\r\n * @cssprop --m3e-form-field-hover-container-opacity - Opacity for hover background in filled variant.\r\n * @cssprop --m3e-form-field-disabled-opacity - Opacity for disabled text.\r\n * @cssprop --m3e-form-field-disabled-container-opacity - Opacity for disabled container background.\r\n */\r\n@customElement(\"m3e-form-field\")\r\nexport class M3eFormFieldElement extends ReconnectedCallback(AttachInternals(LitElement)) {\r\n  static {\r\n    if (typeof window !== \"undefined\") {\r\n      const lightDomStyle = new CSSStyleSheet();\r\n      lightDomStyle.replaceSync(\r\n        css`\r\n          m3e-form-field input::placeholder,\r\n          m3e-form-field textarea::placeholder {\r\n            user-select: none;\r\n            color: currentColor;\r\n            transition: opacity ${DesignToken.motion.duration.extraLong1};\r\n          }\r\n          m3e-form-field[float-label=\"auto\"]:not(:state(-float-label)):state(-with-label) input::placeholder,\r\n          m3e-form-field[float-label=\"auto\"]:not(:state(-float-label)):state(-with-label) textarea::placeholder {\r\n            opacity: 0;\r\n            transition: opacity 0s;\r\n          }\r\n          m3e-form-field[variant=\"outlined\"] m3e-input-chip-set {\r\n            margin-block: calc(calc(3.5rem + ${DesignToken.density.calc(-2)}) / 4);\r\n          }\r\n          @media (prefers-reduced-motion) {\r\n            m3e-form-field input::placeholder,\r\n            m3e-form-field textarea::placeholder {\r\n              transition: none !important;\r\n            }\r\n          }\r\n        `.toString(),\r\n      );\r\n\r\n      document.adoptedStyleSheets = [...document.adoptedStyleSheets, lightDomStyle];\r\n    }\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      flex-direction: column;\r\n      vertical-align: middle;\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      width: var(--m3e-form-field-width, 14.5rem);\r\n      color: var(--_form-field-color);\r\n    }\r\n    :host(:not(:state(-disabled))) .base {\r\n      cursor: var(--_form-field-cursor);\r\n    }\r\n    .base {\r\n      display: flex;\r\n      align-items: center;\r\n      position: relative;\r\n      min-height: calc(3.5rem + ${DesignToken.density.calc(-2)});\r\n      --_form-field-label-font-size: var(\r\n        --m3e-form-field-label-font-size,\r\n        ${DesignToken.typescale.standard.body.small.fontSize}\r\n      );\r\n      --_form-field-label-line-height: var(\r\n        --m3e-form-field-label-line-height,\r\n        ${DesignToken.typescale.standard.body.small.lineHeight}\r\n      );\r\n    }\r\n    .content {\r\n      display: flex;\r\n      align-items: center;\r\n      position: relative;\r\n      flex: 1 1 auto;\r\n      min-width: 0;\r\n      min-height: var(--m3e-form-field-icon-size, 1.5rem);\r\n    }\r\n    .prefix,\r\n    .suffix {\r\n      display: flex;\r\n      align-items: center;\r\n      position: relative;\r\n      user-select: none;\r\n      flex: none;\r\n      font-size: var(--m3e-form-field-icon-size, 1.5rem);\r\n    }\r\n    .prefix-text,\r\n    .suffix-text {\r\n      opacity: 1;\r\n      transition: opacity ${DesignToken.motion.duration.extraLong1};\r\n      user-select: none;\r\n      flex: none;\r\n    }\r\n    .input {\r\n      display: inline-flex;\r\n      flex-wrap: wrap;\r\n      flex: 1 1 auto;\r\n      min-width: 0;\r\n    }\r\n    .label {\r\n      display: flex;\r\n      position: absolute;\r\n      pointer-events: none;\r\n      user-select: none;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      font-size: var(--m3e-form-field-label-font-size, ${DesignToken.typescale.standard.body.small.fontSize});\r\n      font-weight: var(--m3e-form-field-label-font-weight, ${DesignToken.typescale.standard.body.small.fontWeight});\r\n      line-height: var(--m3e-form-field-label-line-height, ${DesignToken.typescale.standard.body.small.lineHeight});\r\n      letter-spacing: var(--m3e-form-field-label-tracking, ${DesignToken.typescale.standard.body.small.tracking});\r\n      color: var(--_form-field-label-color, inherit);\r\n      transition: ${unsafeCSS(\r\n        `top ${DesignToken.motion.duration.short4}, \r\n        font-size ${DesignToken.motion.duration.short4}, \r\n        line-height ${DesignToken.motion.duration.short4}`,\r\n      )};\r\n    }\r\n    :host(:state(-with-select)) .label {\r\n      margin-inline-end: 1.5rem;\r\n    }\r\n    ::slotted([slot=\"label\"]) {\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n    }\r\n    .subscript {\r\n      display: inline-flex;\r\n      width: 100%;\r\n      margin-top: 0.25rem;\r\n      font-size: var(--m3e-form-field-subscript-font-size, ${DesignToken.typescale.standard.body.small.fontSize});\r\n      font-weight: var(--m3e-form-field-subscript-font-weight, ${DesignToken.typescale.standard.body.small.fontWeight});\r\n      line-height: var(--m3e-form-field-subscript-line-height, ${DesignToken.typescale.standard.body.small.lineHeight});\r\n      letter-spacing: var(--m3e-form-field-subscript-tracking, ${DesignToken.typescale.standard.body.small.tracking});\r\n      min-height: var(--m3e-form-field-subscript-line-height, ${DesignToken.typescale.standard.body.small.lineHeight});\r\n      color: var(--m3e-form-field-subscript-color, ${DesignToken.color.onSurfaceVariant});\r\n    }\r\n    .error,\r\n    .hint {\r\n      flex: 1 1 auto;\r\n    }\r\n    :host([hide-subscript=\"always\"]) .subscript {\r\n      display: none;\r\n    }\r\n    :host([hide-subscript=\"auto\"]:not(:state(-invalid))) .subscript {\r\n      opacity: 0;\r\n      margin-top: 0px;\r\n      margin-bottom: 0.25rem;\r\n      transition: ${unsafeCSS(\r\n        `opacity ${DesignToken.motion.duration.short4}, \r\n        margin-top ${DesignToken.motion.duration.short4}, \r\n        margin-bottom ${DesignToken.motion.duration.short4}`,\r\n      )};\r\n    }\r\n    :host([hide-subscript=\"auto\"]:not(:state(-invalid)):focus-within) .subscript,\r\n    :host([hide-subscript=\"auto\"]:not(:state(-invalid)):state(-pressed)) .subscript {\r\n      opacity: 1;\r\n      margin-top: 0.25rem;\r\n      margin-bottom: 0;\r\n    }\r\n    :host(:state(-invalid)) .hint {\r\n      display: none;\r\n    }\r\n    :host(:not(:state(-invalid))) .error {\r\n      display: none;\r\n    }\r\n    ::slotted(input),\r\n    ::slotted(textarea),\r\n    ::slotted(select) {\r\n      outline: unset;\r\n      border: unset;\r\n      background-color: transparent;\r\n      box-shadow: none;\r\n      font-family: inherit;\r\n      font-size: inherit;\r\n      line-height: inherit;\r\n      letter-spacing: inherit;\r\n      color: var(--_form-field-input-color, inherit);\r\n      flex: 1 1 auto;\r\n      min-width: 0;\r\n      padding: unset;\r\n    }\r\n    ::slotted(textarea) {\r\n      scrollbar-width: ${DesignToken.scrollbar.thinWidth};\r\n      scrollbar-color: ${DesignToken.scrollbar.color};\r\n    }\r\n    ::slotted(m3e-select),\r\n    ::slotted(m3e-input-chip-set) {\r\n      flex: 1 1 auto;\r\n      min-width: 0;\r\n    }\r\n    :host([float-label=\"auto\"]:not(:state(-float-label)):not(:state(-pressed))) .label {\r\n      font-size: inherit;\r\n    }\r\n\r\n    :host([float-label=\"auto\"]:not(:state(-float-label)):state(-with-label)) .prefix-text,\r\n    :host([float-label=\"auto\"]:not(:state(-float-label)):state(-with-label)) .suffix-text {\r\n      opacity: 0;\r\n      transition: opacity 0s;\r\n    }\r\n    .prefix {\r\n      margin-inline-start: 1rem;\r\n    }\r\n    :host(:state(-with-prefix)) .prefix {\r\n      margin-inline-end: 1rem;\r\n      margin-inline-start: 0.75rem;\r\n    }\r\n    .suffix {\r\n      margin-inline-end: 1rem;\r\n    }\r\n    :host(:state(-with-suffix)) .suffix {\r\n      margin-inline-start: 0.25rem;\r\n      margin-inline-end: 0.5rem;\r\n    }\r\n    :host(:state(-with-suffix):state(-with-select)) .suffix {\r\n      margin-inline-start: unset;\r\n    }\r\n    :host(:state(-with-select)) .suffix-text {\r\n      display: none;\r\n    }\r\n    :host([variant=\"outlined\"]) .label {\r\n      margin-top: calc(0px - var(--_form-field-label-line-height) / 2);\r\n    }\r\n    :host([variant=\"outlined\"]) .outline {\r\n      position: absolute;\r\n      display: flex;\r\n      pointer-events: none;\r\n      left: 0;\r\n      top: 0;\r\n      bottom: 0;\r\n      right: 0;\r\n    }\r\n    :host([variant=\"outlined\"]) .pseudo-label {\r\n      visibility: hidden;\r\n      margin-inline-end: 0.5rem;\r\n      font-size: var(--_form-field-label-font-size);\r\n      line-height: var(--_form-field-label-line-height);\r\n      letter-spacing: var(--_form-field-label-tracking);\r\n      max-width: 100%;\r\n      transition-property: max-width, margin-inline-end;\r\n      transition-duration: 1ms;\r\n    }\r\n    :host([variant=\"outlined\"]:state(-required):not([hide-required-marker])) .pseudo-label {\r\n      margin-inline-end: 0.25rem;\r\n    }\r\n    :host([variant=\"outlined\"][float-label=\"auto\"]:not(:state(-float-label)):not(:state(-pressed))) .pseudo-label {\r\n      max-width: 0;\r\n      margin-inline-end: 0px;\r\n      transition-delay: ${DesignToken.motion.duration.short2};\r\n    }\r\n    :host([variant=\"outlined\"]) .outline-start,\r\n    :host([variant=\"outlined\"]) .outline-notch,\r\n    :host([variant=\"outlined\"]) .outline-end {\r\n      box-sizing: border-box;\r\n      border-width: var(--_form-field-outline-size, 1px);\r\n      border-color: var(--_form-field-outline-color);\r\n      transition: border-color ${DesignToken.motion.duration.short4};\r\n    }\r\n    :host([variant=\"outlined\"]:not(:state(-with-label))) .outline-notch {\r\n      display: none;\r\n    }\r\n    :host([variant=\"outlined\"]) .outline-start {\r\n      min-width: 0.75rem;\r\n      border-top-style: solid;\r\n      border-inline-start-style: solid;\r\n      border-bottom-style: solid;\r\n      border-start-start-radius: var(--m3e-outlined-form-field-container-shape, ${DesignToken.shape.corner.extraSmall});\r\n      border-end-start-radius: var(--m3e-outlined-form-field-container-shape, ${DesignToken.shape.corner.extraSmall});\r\n    }\r\n    :host([variant=\"outlined\"]) .outline-notch {\r\n      border-bottom-style: solid;\r\n    }\r\n    :host([variant=\"outlined\"]) .outline-end {\r\n      flex-grow: 1;\r\n      min-width: 1rem;\r\n      border-top-style: solid;\r\n      border-inline-end-style: solid;\r\n      border-bottom-style: solid;\r\n      border-start-end-radius: var(--m3e-outlined-form-field-container-shape, ${DesignToken.shape.corner.extraSmall});\r\n      border-end-end-radius: var(--m3e-outlined-form-field-container-shape, ${DesignToken.shape.corner.extraSmall});\r\n    }\r\n    :host([variant=\"outlined\"]:state(-with-prefix)) .outline-start {\r\n      min-width: calc(1.25rem + var(--_prefix-width, 0px) + 0.25rem);\r\n    }\r\n    :host([variant=\"outlined\"]:not(:state(-disabled))) .base:hover .outline,\r\n    :host([variant=\"outlined\"]:not(:state(-disabled)):focus-within) .outline,\r\n    :host([variant=\"outlined\"]:not(:state(-disabled)):state(-pressed)) .outline {\r\n      --_form-field-outline-size: 2px;\r\n    }\r\n    :host([variant=\"outlined\"]) .subscript {\r\n      margin-inline: 1rem;\r\n      width: calc(100% - 2rem);\r\n    }\r\n    :host([variant=\"outlined\"]) .content {\r\n      min-height: calc(3.5rem + ${DesignToken.density.calc(-2)});\r\n      --_form-field-label-font-size: var(\r\n        --m3e-form-field-label-font-size,\r\n        ${DesignToken.typescale.standard.body.small.fontSize}\r\n      );\r\n    }\r\n    :host([variant=\"outlined\"][float-label=\"auto\"]:not(:state(-float-label)):not(:state(-pressed))) .label {\r\n      margin-top: unset;\r\n      line-height: calc(3.5rem + ${DesignToken.density.calc(-2)});\r\n      --_form-field-label-font-size: var(\r\n        --m3e-form-field-label-font-size,\r\n        ${DesignToken.typescale.standard.body.small.fontSize}\r\n      );\r\n    }\r\n    :host([variant=\"filled\"]) .base {\r\n      --_select-arrow-margin-top: calc(\r\n        0px - calc(1rem / max(calc(0 - calc(var(--md-sys-density-scale, 0) + var(--md-sys-density-scale, 0))), 1))\r\n      );\r\n    }\r\n    :host([variant=\"filled\"]) .base::before {\r\n      content: \"\";\r\n      box-sizing: border-box;\r\n      position: absolute;\r\n      pointer-events: none;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      border-bottom-style: solid;\r\n      border-width: 1px;\r\n      border-radius: var(--m3e-form-field-container-shape, ${DesignToken.shape.corner.extraSmallTop});\r\n      border-color: var(--_form-field-outline-color);\r\n      background-color: var(--_form-field-container-color);\r\n    }\r\n    :host([variant=\"filled\"]:not(:state(-disabled))) .base:hover::before,\r\n    :host([variant=\"filled\"]:not(:state(-disabled)):focus-within) .base::before,\r\n    :host([variant=\"filled\"]:not(:state(-disabled)):state(-pressed)) .base::before {\r\n      border-width: 3px;\r\n    }\r\n    :host([variant=\"filled\"]) .base::after {\r\n      content: \"\";\r\n      box-sizing: border-box;\r\n      position: absolute;\r\n      pointer-events: none;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      background-color: var(--_form-field-hover-container-color);\r\n      transition: background-color ${DesignToken.motion.duration.short4};\r\n    }\r\n    :host([variant=\"filled\"]) .subscript {\r\n      margin-inline: 1rem;\r\n      width: calc(100% - 2rem);\r\n    }\r\n    :host([variant=\"filled\"]) .content {\r\n      padding-top: calc(1.5rem + ${DesignToken.density.calc(-2)});\r\n      margin-bottom: 0.5rem;\r\n    }\r\n    :host([variant=\"filled\"]) .label {\r\n      top: calc(0.5rem + ${DesignToken.density.calc(-2)});\r\n    }\r\n    :host([variant=\"filled\"][float-label=\"auto\"]:not(:state(-float-label)):not(:state(-pressed))) .label {\r\n      top: 0px;\r\n      line-height: calc(3.5rem + ${DesignToken.density.calc(-2)} - 0.0625rem);\r\n      --_form-field-label-font-size: var(\r\n        --m3e-form-field-label-font-size,\r\n        ${DesignToken.typescale.standard.body.small.fontSize}\r\n      );\r\n    }\r\n    :host(:not(:state(-disabled)):not(:focus-within):not(:state(-pressed))) .base:hover {\r\n      --_form-field-hover-container-color: color-mix(\r\n        in srgb,\r\n        var(--m3e-form-field-hover-container-color, ${DesignToken.color.onSurface})\r\n          var(--m3e-form-field-hover-container-opacity, 8%),\r\n        transparent\r\n      );\r\n    }\r\n    :host(:not(:state(-disabled)):not(:state(-invalid))) {\r\n      color: var(--m3e-form-field-color, ${DesignToken.color.onSurface});\r\n    }\r\n    :host([variant=\"outlined\"]:not(:state(-disabled)):not(:state(-invalid))) .base {\r\n      --_form-field-outline-color: var(--m3e-form-field-outline-color, ${DesignToken.color.outline});\r\n    }\r\n    :host([variant=\"filled\"]:not(:state(-disabled)):not(:state(-invalid))) .base {\r\n      --_form-field-outline-color: var(--m3e-form-field-outline-color, ${DesignToken.color.onSurfaceVariant});\r\n    }\r\n    :host([variant=\"outlined\"]:not(:state(-disabled)):not(:state(-invalid)):focus-within) .base,\r\n    :host([variant=\"outlined\"]:not(:state(-disabled)):not(:state(-invalid)):state(-pressed)) .base,\r\n    :host([variant=\"filled\"]:not(:state(-disabled)):not(:state(-invalid)):focus-within) .base,\r\n    :host([variant=\"filled\"]:not(:state(-disabled)):not(:state(-invalid)):state(-pressed)) .base {\r\n      --_form-field-outline-color: var(--m3e-form-field-focused-outline-color, ${DesignToken.color.primary});\r\n      --_form-field-label-color: var(--m3e-form-field-focused-color, ${DesignToken.color.primary});\r\n    }\r\n    :host(:not(:state(-disabled))) .base {\r\n      --_form-field-container-color: var(\r\n        --m3e-form-field-container-color,\r\n        ${DesignToken.color.surfaceContainerHighest}\r\n      );\r\n    }\r\n    :host(:not(:state(-disabled)):state(-invalid)) .base {\r\n      --_form-field-label-color: var(--m3e-form-field-invalid-color, ${DesignToken.color.error});\r\n      --_form-field-outline-color: var(--m3e-form-field-invalid-color, ${DesignToken.color.error});\r\n    }\r\n    :host(:not(:state(-disabled)):state(-invalid)) .subscript {\r\n      color: var(--m3e-form-field-invalid-color, ${DesignToken.color.error});\r\n    }\r\n    :host(:state(-disabled)) {\r\n      color: color-mix(\r\n        in srgb,\r\n        var(--m3e-form-field-disabled-color, ${DesignToken.color.onSurface}) var(--m3e-form-field-disabled-opacity, 38%),\r\n        transparent\r\n      );\r\n    }\r\n    :host(:state(-disabled)) .base {\r\n      --_form-field-container-color: color-mix(\r\n        in srgb,\r\n        var(--m3e-form-field-disabled-container-color, ${DesignToken.color.onSurface})\r\n          var(--m3e-form-field-disabled-container-opacity, 4%),\r\n        transparent\r\n      );\r\n    }\r\n    :host(:state(-no-animate)) *,\r\n    :host(:state(-no-animate)) *::before,\r\n    :host(:state(-no-animate)) *::after {\r\n      transition: none !important;\r\n    }\r\n    @media (forced-colors: active) {\r\n      :host([variant=\"filled\"]) .base::after {\r\n        transition: none;\r\n      }\r\n      :host {\r\n        --_form-field-outline-color: CanvasText;\r\n      }\r\n      :host(:state(-disabled)) {\r\n        --_form-field-input-color: GrayText;\r\n        --_form-field-color: GrayText;\r\n        --_form-field-label-color: GrayText;\r\n        --_form-field-outline-color: GrayText;\r\n      }\r\n    }\r\n    @media (prefers-reduced-motion) {\r\n      .base::before,\r\n      .prefix-text,\r\n      .suffix-text,\r\n      .label,\r\n      .subscript,\r\n      .outline-start,\r\n      .outline-notch,\r\n      .outline-end,\r\n      .pseudo-label {\r\n        transition: none !important;\r\n      }\r\n    }\r\n  `;\r\n\r\n  /** @private */ #control: FormFieldControl | null = null;\r\n  /** @private */ #removeValueInterceptor?: () => void;\r\n  /** @private */ readonly #formResetHandler = () => this.#handleFormReset();\r\n  /** @private */ readonly #controlInvalidHandler = () => this.#handleControlInvalid();\r\n\r\n  /** @private */\r\n  readonly #controlMutationController = new MutationController(this, {\r\n    target: null,\r\n    config: { attributeFilter: [\"disabled\", \"readonly\", \"required\"] },\r\n    callback: () => this.notifyControlStateChange(),\r\n  });\r\n\r\n  /** @private */\r\n  readonly #resizeController = new ResizeController(this, {\r\n    target: null,\r\n    callback: () => this.#handlePrefixResize(),\r\n  });\r\n\r\n  /** @private */\r\n  readonly #focusController = new FocusController(this, {\r\n    target: null,\r\n    callback: (focused) => {\r\n      focused = focused && !(this.#control?.disabled ?? true);\r\n      setCustomState(this, \"-no-animate\", false);\r\n      this.#focused = focused;\r\n      if (focused) {\r\n        setCustomState(this, \"-float-label\", true);\r\n      } else {\r\n        this._invalid = !(this.#control?.checkValidity?.() ?? true);\r\n        this.notifyControlStateChange();\r\n      }\r\n    },\r\n  });\r\n\r\n  /** @private */ @query(\".base\") private readonly _base!: HTMLElement;\r\n  /** @private */ @query(\".prefix\") private readonly _prefix!: HTMLElement;\r\n  /** @private */ @query(\".error\") private readonly _error!: HTMLElement;\r\n  /** @private */ @query(\".hint\") private readonly _hint!: HTMLElement;\r\n\r\n  /** @private */\r\n  readonly #hintMutationController = new MutationController(this, {\r\n    target: null,\r\n    config: { childList: true, subtree: true },\r\n    callback: () => this.#handleHintChange(),\r\n  });\r\n\r\n  /** @private */\r\n  readonly #errorMutationController = new MutationController(this, {\r\n    target: null,\r\n    config: { childList: true, subtree: true },\r\n    callback: () => this.#handleErrorChange(),\r\n  });\r\n\r\n  /** @private */\r\n  readonly #pressedController = new PressedController(this, {\r\n    target: null,\r\n    callback: (pressed) => setCustomState(this, \"-pressed\", pressed && !(this.#control?.disabled ?? true)),\r\n  });\r\n\r\n  /** @private */ #focused = false;\r\n  /** @private */ @state() private _pseudoLabel = \"\";\r\n  /** @private */ @state() private _required = false;\r\n  /** @private */ @state() private _invalid = false;\r\n  /** @private */ @state() private _validationMessage = \"\";\r\n  /** @private */ #hintText = \"\";\r\n  /** @private */ #errorText = \"\";\r\n\r\n  constructor() {\r\n    super();\r\n\r\n    new HoverController(this, { callback: () => setCustomState(this, \"-no-animate\", false) });\r\n  }\r\n\r\n  /** @private */\r\n  get #shouldFloatLabel(): boolean {\r\n    return this.#control?.shouldLabelFloat !== undefined\r\n      ? this.#control.shouldLabelFloat === true\r\n      : typeof this.#control?.value == \"string\" && this.#control.value.length > 0;\r\n  }\r\n\r\n  /** A reference to the element used to anchor dropdown menus. */\r\n  get menuAnchor() {\r\n    return this._base;\r\n  }\r\n\r\n  /** A reference to the hosted form field control. */\r\n  get control() {\r\n    return this.#control;\r\n  }\r\n\r\n  /**\r\n   * The appearance variant of the field.\r\n   * @default \"outlined\"\r\n   */\r\n  @property({ reflect: true }) variant: FormFieldVariant = \"outlined\";\r\n\r\n  /**\r\n   * Whether the required marker should be hidden.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"hide-required-marker\", type: Boolean, reflect: true }) hideRequiredMarker = false;\r\n\r\n  /**\r\n   * Whether subscript content is hidden.\r\n   * @default \"auto\"\r\n   */\r\n  @property({ attribute: \"hide-subscript\", reflect: true }) hideSubscript: HideSubscriptType = \"auto\";\r\n\r\n  /**\r\n   * Specifies whether the label should float always or only when necessary.\r\n   * @default \"auto\"\r\n   */\r\n  @property({ attribute: \"float-label\", reflect: true }) floatLabel: FloatLabelType = \"auto\";\r\n\r\n  /**\r\n   * Notifies the form field that the state of the hosted `control` has changed.\r\n   * @param {boolean} [checkValidity=false] Whether to check validity.\r\n   */\r\n  notifyControlStateChange(checkValidity: boolean = false): void {\r\n    this._required = this.#control?.required === true;\r\n    setCustomState(this, \"-required\", this._required);\r\n    setCustomState(this, \"-disabled\", this.#control?.disabled === true);\r\n    setCustomState(this, \"-readonly\", isReadOnlyMixin(this.#control) && this.#control.readOnly === true);\r\n    if (this.floatLabel === \"auto\") {\r\n      setCustomState(this, \"-float-label\", this.#shouldFloatLabel || this.#focused);\r\n    }\r\n\r\n    if (checkValidity) {\r\n      this._invalid = !(this.#control?.checkValidity?.() ?? true);\r\n    }\r\n\r\n    setCustomState(this, \"-invalid\", this._invalid);\r\n\r\n    this._validationMessage = this.#control?.validationMessage ?? \"\";\r\n    if (!this.isUpdatePending) {\r\n      this.performUpdate();\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override connectedCallback(): void {\r\n    super.connectedCallback();\r\n    // Label animations are disabled on initial paint.\r\n    setCustomState(this, \"-no-animate\", true);\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override disconnectedCallback(): void {\r\n    super.disconnectedCallback();\r\n    this.#changeControl(null);\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override reconnectedCallback(): void {\r\n    super.reconnectedCallback();\r\n    this.#initialize();\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override firstUpdated(_changedProperties: PropertyValues): void {\r\n    super.firstUpdated(_changedProperties);\r\n    this.#initialize();\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override update(changedProperties: PropertyValues): void {\r\n    super.update(changedProperties);\r\n\r\n    if (changedProperties.has(\"_invalid\") && this.#control) {\r\n      this.#control.ariaInvalid = this._invalid ? \"true\" : null;\r\n\r\n      if (this.#errorText) {\r\n        if (this._invalid) {\r\n          M3eAriaDescriber.describe(this.#control, this.#errorText);\r\n        } else {\r\n          M3eAriaDescriber.removeDescription(this.#control, this.#errorText);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return html`<div class=\"base\" @click=\"${this.#handleContainerClick}\">\r\n        ${this.variant === \"outlined\"\r\n          ? html`<div class=\"outline\" aria-hidden=\"true\">\r\n              <div class=\"outline-start\"></div>\r\n              <div class=\"outline-notch\">\r\n                <div class=\"pseudo-label\">\r\n                  ${this._pseudoLabel} ${!this.hideRequiredMarker && this._required ? html`&nbsp;*` : nothing}\r\n                </div>\r\n              </div>\r\n              <div class=\"outline-end\"></div>\r\n            </div>`\r\n          : nothing}\r\n        <div class=\"prefix\">\r\n          <slot name=\"prefix\" @slotchange=\"${this.#handlePrefixSlotChange}\"></slot>\r\n        </div>\r\n        <div class=\"content\">\r\n          <span class=\"prefix-text\"><slot name=\"prefix-text\"></slot></span>\r\n          <span class=\"input\">\r\n            <slot @slotchange=\"${this.#handleSlotChange}\" @change=\"${this.#handleControlChange}\"></slot>\r\n          </span>\r\n          <span class=\"suffix-text\"><slot name=\"suffix-text\"></slot></span>\r\n          <span class=\"label\">\r\n            <slot name=\"label\" @slotchange=\"${this.#handleLabelSlotChange}\"></slot>\r\n            ${!this.hideRequiredMarker && this._required\r\n              ? html`<span class=\"required-marker\" aria-hidden=\"true\">&nbsp;*</span>`\r\n              : nothing}\r\n          </span>\r\n        </div>\r\n        <div\r\n          class=\"suffix\"\r\n          @click=\"${this.#stopPropagation}\"\r\n          @focusin=\"${this.#stopPropagation}\"\r\n          @focusout=\"${this.#stopPropagation}\"\r\n          @pointerdown=\"${this.#stopPropagation}\"\r\n          @keydown=\"${this.#stopPropagation}\"\r\n          @keyup=\"${this.#stopPropagation}\"\r\n        >\r\n          <slot name=\"suffix\" @slotchange=\"${this.#handleSuffixSlotChange}\"></slot>\r\n        </div>\r\n      </div>\r\n      <span class=\"subscript\" aria-hidden=\"true\">\r\n        <span class=\"error\"><slot name=\"error\">${this._validationMessage}</slot></span>\r\n        <span class=\"hint\"><slot name=\"hint\"></slot></span>\r\n      </span>`;\r\n  }\r\n\r\n  /** @private */\r\n  #initialize(): void {\r\n    this.#focusController.observe(this._base);\r\n    this.#pressedController.observe(this._base);\r\n\r\n    this.#hintMutationController.observe(this._hint);\r\n    this.#handleHintChange();\r\n\r\n    this.#errorMutationController.observe(this._error);\r\n    this.#handleErrorChange();\r\n  }\r\n\r\n  /** @private */\r\n  #stopPropagation(e: Event): void {\r\n    e.stopImmediatePropagation();\r\n    e.stopPropagation();\r\n  }\r\n\r\n  /** @private */\r\n  #handleLabelSlotChange(e: Event): void {\r\n    const assignedElements = (<HTMLSlotElement>e.target).assignedElements({ flatten: true });\r\n    setCustomState(this, \"-with-label\", assignedElements.length > 0);\r\n    this._pseudoLabel = assignedElements[0]?.textContent ?? \"\";\r\n  }\r\n\r\n  /** @private */\r\n  #handlePrefixSlotChange(e: Event): void {\r\n    setCustomState(this, \"-with-prefix\", hasAssignedNodes(<HTMLSlotElement>e.target));\r\n    this.#resizeController.observe(this._prefix);\r\n  }\r\n\r\n  /** @private */\r\n  #handleSuffixSlotChange(e: Event): void {\r\n    setCustomState(this, \"-with-suffix\", hasAssignedNodes(<HTMLSlotElement>e.target));\r\n  }\r\n\r\n  /** @private */\r\n  #handlePrefixResize(): void {\r\n    if (this.variant === \"outlined\") {\r\n      this._base.style.setProperty(\"--_prefix-width\", `${this._prefix.clientWidth}px`);\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleSlotChange(e: Event): void {\r\n    this.#changeControl(findFormFieldControl(<HTMLSlotElement>e.target));\r\n  }\r\n\r\n  /** @private */\r\n  #handleContainerClick(e: MouseEvent): void {\r\n    if (this.#control && !this.#focused && !this.#control.disabled) {\r\n      if (this.#control.onContainerClick) {\r\n        this.#control.onContainerClick(e);\r\n      } else {\r\n        this.#control.focus();\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleControlInvalid(): void {\r\n    this._invalid = true;\r\n    this.notifyControlStateChange();\r\n  }\r\n\r\n  /** @private */\r\n  #handleControlChange(): void {\r\n    this._invalid = !(this.#control?.checkValidity?.() ?? true);\r\n    this.notifyControlStateChange();\r\n  }\r\n\r\n  /** @private */\r\n  #handleFormReset(): void {\r\n    this._invalid = false;\r\n    setTimeout(() => this.notifyControlStateChange());\r\n  }\r\n\r\n  /** @private */\r\n  #changeControl(control: FormFieldControl | null): void {\r\n    if (this.#control === control) return;\r\n    if (this.#control) {\r\n      if (this.#hintText) {\r\n        M3eAriaDescriber.removeDescription(this.#control, this.#hintText);\r\n      }\r\n      if (this.#errorText) {\r\n        M3eAriaDescriber.removeDescription(this.#control, this.#errorText);\r\n      }\r\n\r\n      this.#controlMutationController.unobserve(this.#control);\r\n      this.#control.removeEventListener(\"invalid\", this.#controlInvalidHandler);\r\n      this.#control.form?.removeEventListener(\"reset\", this.#formResetHandler);\r\n      this.#removeValueInterceptor?.();\r\n      this.#removeValueInterceptor = undefined;\r\n    }\r\n    this.#control = control;\r\n\r\n    if ([\"INPUT\", \"TEXTAREA\"].includes(this.#control?.tagName ?? \"\")) {\r\n      this._base.style.setProperty(\"--_form-field-cursor\", \"text\");\r\n    } else {\r\n      this._base.style.removeProperty(\"--_form-field-cursor\");\r\n    }\r\n\r\n    setCustomState(this, \"-with-select\", this.#control?.tagName === \"M3E-SELECT\");\r\n    if (hasCustomState(this, \"-with-select\")) {\r\n      this._base.style.setProperty(\"--_form-field-cursor\", \"pointer\");\r\n    }\r\n\r\n    if (this.#control) {\r\n      this.#controlMutationController.observe(this.#control);\r\n      this.#control.addEventListener(\"invalid\", this.#controlInvalidHandler);\r\n      this.#control.form?.addEventListener(\"reset\", this.#formResetHandler);\r\n      this.#control.removeAttribute(\"aria-invalid\");\r\n\r\n      if (this.#hintText) {\r\n        M3eAriaDescriber.describe(this.#control, this.#hintText);\r\n      }\r\n\r\n      this.notifyControlStateChange();\r\n\r\n      const tagname = this.#control.tagName.toLowerCase();\r\n      if (tagname.startsWith(\"m3e-\") && !customElements.get(tagname)) {\r\n        customElements.whenDefined(tagname).then(() => this.#bindValueInterceptor());\r\n      } else {\r\n        this.#bindValueInterceptor();\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #bindValueInterceptor(): void {\r\n    if (!this.#control) return;\r\n    this.#removeValueInterceptor = interceptProperty(this.#control, \"value\", {\r\n      set: (value, setter) => {\r\n        setter(value);\r\n        this.notifyControlStateChange(true);\r\n      },\r\n    });\r\n  }\r\n\r\n  /** @private */\r\n  #handleHintChange(): void {\r\n    const hintText = getTextContent(this._hint, true);\r\n    if (hintText === this.#hintText) return;\r\n\r\n    if (this.#control && this.#hintText) {\r\n      M3eAriaDescriber.removeDescription(this.#control, this.#hintText);\r\n    }\r\n\r\n    this.#hintText = hintText;\r\n\r\n    if (this.#control && this.#hintText) {\r\n      M3eAriaDescriber.describe(this.#control, this.#hintText);\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleErrorChange(): void {\r\n    const errorText = getTextContent(this._error, true);\r\n    if (errorText === this.#errorText) return;\r\n\r\n    if (this.#control && this.#errorText) {\r\n      M3eAriaDescriber.removeDescription(this.#control, this.#errorText);\r\n    }\r\n\r\n    this.#errorText = errorText;\r\n\r\n    if (this.#control && this.#errorText && this._invalid) {\r\n      M3eAriaDescriber.describe(this.#control, this.#errorText);\r\n    }\r\n  }\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    \"m3e-form-field\": M3eFormFieldElement;\r\n  }\r\n}\r\n"],"names":["KNOWN_FORM_FIELD_TAGS","isFormFieldControl","value","HTMLElement","HTMLInputElement","HTMLTextAreaElement","HTMLSelectElement","includes","tagName","toLowerCase","findFormFieldControl","slot","element","assignedElements","flatten","walker","document","createTreeWalker","NodeFilter","SHOW_ELEMENT","nextNode","currentNode","M3eFormFieldElement","ReconnectedCallback","AttachInternals","LitElement","constructor","_M3eFormFieldElement_control","set","_M3eFormFieldElement_removeValueInterceptor","_M3eFormFieldElement_formResetHandler","__classPrivateFieldGet","_M3eFormFieldElement_instances","_M3eFormFieldElement_handleFormReset","call","_M3eFormFieldElement_controlInvalidHandler","_M3eFormFieldElement_handleControlInvalid","_M3eFormFieldElement_controlMutationController","MutationController","target","config","attributeFilter","callback","notifyControlStateChange","_M3eFormFieldElement_resizeController","ResizeController","_M3eFormFieldElement_handlePrefixResize","_M3eFormFieldElement_focusController","FocusController","focused","disabled","setCustomState","__classPrivateFieldSet","_M3eFormFieldElement_focused","_invalid","checkValidity","_M3eFormFieldElement_hintMutationController","childList","subtree","_M3eFormFieldElement_handleHintChange","_M3eFormFieldElement_errorMutationController","_M3eFormFieldElement_handleErrorChange","_M3eFormFieldElement_pressedController","PressedController","pressed","_pseudoLabel","_required","_validationMessage","_M3eFormFieldElement_hintText","_M3eFormFieldElement_errorText","variant","hideRequiredMarker","hideSubscript","floatLabel","HoverController","menuAnchor","_base","control","required","isReadOnlyMixin","readOnly","_M3eFormFieldElement_shouldFloatLabel_get","validationMessage","isUpdatePending","performUpdate","connectedCallback","disconnectedCallback","_M3eFormFieldElement_changeControl","reconnectedCallback","_M3eFormFieldElement_initialize","firstUpdated","_changedProperties","update","changedProperties","has","ariaInvalid","M3eAriaDescriber","describe","removeDescription","render","html","_M3eFormFieldElement_handleContainerClick","nothing","_M3eFormFieldElement_handlePrefixSlotChange","_M3eFormFieldElement_handleSlotChange","_M3eFormFieldElement_handleControlChange","_M3eFormFieldElement_handleLabelSlotChange","_M3eFormFieldElement_stopPropagation","_M3eFormFieldElement_handleSuffixSlotChange","shouldLabelFloat","undefined","length","observe","_hint","_error","e","stopImmediatePropagation","stopPropagation","textContent","hasAssignedNodes","_prefix","style","setProperty","clientWidth","onContainerClick","focus","setTimeout","unobserve","removeEventListener","form","removeProperty","hasCustomState","addEventListener","removeAttribute","tagname","startsWith","customElements","get","whenDefined","then","_M3eFormFieldElement_bindValueInterceptor","interceptProperty","setter","hintText","getTextContent","errorText","window","lightDomStyle","CSSStyleSheet","replaceSync","css","DesignToken","motion","duration","extraLong1","density","calc","toString","adoptedStyleSheets","styles","typescale","standard","body","large","fontSize","fontWeight","lineHeight","tracking","small","unsafeCSS","short4","color","onSurfaceVariant","scrollbar","thinWidth","short2","shape","corner","extraSmall","extraSmallTop","onSurface","outline","primary","surfaceContainerHighest","error","__decorate","query","prototype","state","property","reflect","attribute","type","Boolean","customElement"],"mappings":"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"}
+{"version":3,"file":"form-field.js","sources":["../../src/form-field/FormFieldControl.ts","../../src/form-field/FormFieldElement.ts"],"sourcesContent":["/**\r\n * Adapted from Angular Material Form Field Control\r\n * Source: https://github.com/angular/components/blob/main/src/material/form-field/form-field-control.ts\r\n *\r\n * @license MIT\r\n * Copyright (c) 2025 Google LLC\r\n * See LICENSE file in the project root for full license text.\r\n */\r\n\r\n/** An interface which allows a control to work inside of a `M3eFormField`. */\r\nexport interface FormFieldControl extends HTMLElement {\r\n  /** A value indicating whether the control is disabled. */\r\n  disabled: boolean;\r\n\r\n  /** The value of the control. */\r\n  value?: unknown;\r\n\r\n  /** A value indicating whether the control is required. */\r\n  required?: boolean;\r\n\r\n  /** A value indicated whether the content of the control is read-only. */\r\n  readonly?: boolean;\r\n\r\n  /** A value indicating whether the form field's label should try to float. */\r\n  readonly shouldLabelFloat?: boolean;\r\n\r\n  /** The error message that would be displayed if the user submits the form, or an empty string if no error message. */\r\n  readonly validationMessage?: string;\r\n\r\n  /** The `HTMLFormElement` associated with this element. */\r\n  readonly form?: HTMLFormElement | null;\r\n\r\n  /**\r\n   * Handles the click event on the control's container.\r\n   * @param {MouseEvent} event The `MouseEvent`.\r\n   */\r\n  onContainerClick?: (event: MouseEvent) => void;\r\n\r\n  /**\r\n   * Returns `true` if the element has no validity problems; otherwise,\r\n   * returns `false`, fires an invalid event.\r\n   */\r\n  checkValidity?: () => boolean;\r\n}\r\n\r\nconst KNOWN_FORM_FIELD_TAGS = [\"m3e-input-chip-set\", \"m3e-select\"];\r\n\r\n/**\r\n * Determines whether a value is a `FormFieldControl`.\r\n * @param {unknown} value The value to test.\r\n * @returns {value is FormFieldControl} A value indicating whether `value` is a `FormFieldControl`.\r\n */\r\nexport function isFormFieldControl(value: unknown): value is FormFieldControl {\r\n  return (\r\n    value instanceof HTMLElement &&\r\n    (value instanceof HTMLInputElement ||\r\n      value instanceof HTMLTextAreaElement ||\r\n      value instanceof HTMLSelectElement ||\r\n      KNOWN_FORM_FIELD_TAGS.includes(value.tagName.toLowerCase()))\r\n  );\r\n}\r\n\r\n/**\r\n * Locates the first `FormFieldControl` in a given slot.\r\n * @param {HTMLSlotElement} slot The slot in which to locate a `FormFieldControl`.\r\n * @returns {FormFieldControl | null} The `FormFieldControl` located in `slot`.\r\n */\r\nexport function findFormFieldControl(slot: HTMLSlotElement): FormFieldControl | null {\r\n  for (const element of slot.assignedElements({ flatten: true })) {\r\n    if (isFormFieldControl(element)) {\r\n      return element;\r\n    }\r\n\r\n    const walker = document.createTreeWalker(element, NodeFilter.SHOW_ELEMENT);\r\n    while (walker.nextNode()) {\r\n      if (isFormFieldControl(walker.currentNode)) {\r\n        return walker.currentNode;\r\n      }\r\n    }\r\n  }\r\n\r\n  return null;\r\n}\r\n","/**\r\n * Adapted from Angular Material Form Field\r\n * Source: https://github.com/angular/components/blob/main/src/material/form-field/form-field.ts\r\n *\r\n * @license MIT\r\n * Copyright (c) 2025 Google LLC\r\n * See LICENSE file in the project root for full license text.\r\n */\r\n\r\nimport { css, CSSResultGroup, html, LitElement, nothing, PropertyValues, unsafeCSS } from \"lit\";\r\nimport { property, query, state } from \"lit/decorators.js\";\r\n\r\nimport {\r\n  AttachInternals,\r\n  customElement,\r\n  DesignToken,\r\n  FocusController,\r\n  getTextContent,\r\n  hasAssignedNodes,\r\n  hasCustomState,\r\n  HoverController,\r\n  interceptProperty,\r\n  isReadOnlyMixin,\r\n  MutationController,\r\n  PressedController,\r\n  ReconnectedCallback,\r\n  registerStyleSheet,\r\n  ResizeController,\r\n  setCustomState,\r\n} from \"@m3e/web/core\";\r\n\r\nimport { M3eAriaDescriber } from \"@m3e/web/core/a11y\";\r\n\r\nimport { findFormFieldControl, FormFieldControl } from \"./FormFieldControl\";\r\nimport { FormFieldVariant } from \"./FormFieldVariant\";\r\nimport { HideSubscriptType } from \"./HideSubscriptType\";\r\nimport { FloatLabelType } from \"./FloatLabelType\";\r\n\r\n/**\r\n * A container for form controls that applies Material Design styling and behavior.\r\n *\r\n * @description\r\n * The `m3e-form-field` component is a semantic, expressive container for form controls that anchors\r\n * label behavior, subscript messaging, and variant-specific layout. Designed according to Material Design 3\r\n * guidelines, it supports two visual variants—`outlined` and `filled`—each with dynamic elevation,\r\n * shape transitions, and adaptive color theming. The component responds to control state changes\r\n * (focus, hover, press, disabled, invalid) with smooth motion and semantic clarity, ensuring\r\n * visual hierarchy and emotional resonance.\r\n\r\n * The component is accessible by default, with ARIA annotations, contrast-safe color tokens,\r\n * and dynamic descriptions for hint and error messaging. It supports prefix and suffix content,\r\n * floating labels, and adaptive subscript visibility. When hosting a control with validation,\r\n * error messages are surfaced with `aria-invalid` and described for assistive technology.\r\n\r\n * Native form controls may not expose full state or messaging on their own. `m3e-form-field` bridges\r\n * these gaps by coordinating label floating, container styling, and subscript feedback.\r\n *\r\n * @example\r\n * The following example illustrates a basic usage of the `m3e-form-field`.\r\n * ```html\r\n * <m3e-form-field>\r\n *  <label slot=\"label\" for=\"field\">Text field</label>\r\n *  <input id=\"field\" />\r\n * </m3e-form-field>\r\n * ```\r\n * \r\n * @tag m3e-form-field\r\n *\r\n * @slot - Renders the control of the field.\r\n * @slot prefix - Renders content before the fields's control.\r\n * @slot prefix-text - Renders text before the fields's control.\r\n * @slot suffix - Renders content after the fields's control.\r\n * @slot suffix-text - Renders text after the fields's control.\r\n * @slot hint - Renders hint text in the fields's subscript, when the control is valid.\r\n * @slot error - Renders error text in the fields's subscript, when the control is invalid.\r\n *\r\n * @attr float-label - Specifies whether the label should float always or only when necessary.\r\n * @attr hide-required-marker - Whether the required marker should be hidden.\r\n * @attr hide-subscript - Whether subscript content is hidden.\r\n * @attr variant - The appearance variant of the field.\r\n *\r\n * @cssprop --m3e-form-field-font-size - Font size for the form field container text.\r\n * @cssprop --m3e-form-field-font-weight - Font weight for the form field container text.\r\n * @cssprop --m3e-form-field-line-height - Line height for the form field container text.\r\n * @cssprop --m3e-form-field-tracking - Letter spacing for the form field container text.\r\n * @cssprop --m3e-form-field-label-font-size - Font size for the floating label.\r\n * @cssprop --m3e-form-field-label-font-weight - Font weight for the floating label.\r\n * @cssprop --m3e-form-field-label-line-height - Line height for the floating label.\r\n * @cssprop --m3e-form-field-label-tracking - Letter spacing for the floating label.\r\n * @cssprop --m3e-form-field-subscript-font-size - Font size for hint and error text.\r\n * @cssprop --m3e-form-field-subscript-font-weight - Font weight for hint and error text.\r\n * @cssprop --m3e-form-field-subscript-line-height - Line height for hint and error text.\r\n * @cssprop --m3e-form-field-subscript-tracking - Letter spacing for hint and error text.\r\n * @cssprop --m3e-form-field-color - Text color for the form field container.\r\n * @cssprop --m3e-form-field-subscript-color - Color for hint and error text.\r\n * @cssprop --m3e-form-field-invalid-color - Color used when the control is invalid.\r\n * @cssprop --m3e-form-field-focused-outline-color - Outline color when focused.\r\n * @cssprop --m3e-form-field-focused-color - Label color when focused.\r\n * @cssprop --m3e-form-field-outline-color - Outline color in outlined variant.\r\n * @cssprop --m3e-form-field-container-color - Background color in filled variant.\r\n * @cssprop --m3e-form-field-hover-container-color - Hover background color in filled variant.\r\n * @cssprop --m3e-form-field-width - Width of the form field container.\r\n * @cssprop --m3e-form-field-icon-size - Size of prefix and suffix icons.\r\n * @cssprop --m3e-outlined-form-field-container-shape - Corner radius for outlined container.\r\n * @cssprop --m3e-form-field-container-shape - Corner radius for filled container.\r\n * @cssprop --m3e-form-field-hover-container-opacity - Opacity for hover background in filled variant.\r\n * @cssprop --m3e-form-field-disabled-opacity - Opacity for disabled text.\r\n * @cssprop --m3e-form-field-disabled-container-opacity - Opacity for disabled container background.\r\n */\r\n@customElement(\"m3e-form-field\")\r\nexport class M3eFormFieldElement extends ReconnectedCallback(AttachInternals(LitElement)) {\r\n  static {\r\n    registerStyleSheet(css`\r\n      m3e-form-field input::placeholder,\r\n      m3e-form-field textarea::placeholder {\r\n        user-select: none;\r\n        color: currentColor;\r\n        transition: opacity ${DesignToken.motion.duration.extraLong1};\r\n      }\r\n      m3e-form-field[float-label=\"auto\"]:not(:state(-float-label)):state(-with-label) input::placeholder,\r\n      m3e-form-field[float-label=\"auto\"]:not(:state(-float-label)):state(-with-label) textarea::placeholder {\r\n        opacity: 0;\r\n        transition: opacity 0s;\r\n      }\r\n      m3e-form-field[variant=\"outlined\"] m3e-input-chip-set {\r\n        margin-block: calc(calc(3.5rem + ${DesignToken.density.calc(-2)}) / 4);\r\n      }\r\n      @media (prefers-reduced-motion) {\r\n        m3e-form-field input::placeholder,\r\n        m3e-form-field textarea::placeholder {\r\n          transition: none !important;\r\n        }\r\n      }\r\n    `);\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      flex-direction: column;\r\n      vertical-align: middle;\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      width: var(--m3e-form-field-width, 14.5rem);\r\n      color: var(--_form-field-color);\r\n    }\r\n    :host(:not(:state(-disabled))) .base {\r\n      cursor: var(--_form-field-cursor);\r\n    }\r\n    .base {\r\n      display: flex;\r\n      align-items: center;\r\n      position: relative;\r\n      min-height: calc(3.5rem + ${DesignToken.density.calc(-2)});\r\n      --_form-field-label-font-size: var(\r\n        --m3e-form-field-label-font-size,\r\n        ${DesignToken.typescale.standard.body.small.fontSize}\r\n      );\r\n      --_form-field-label-line-height: var(\r\n        --m3e-form-field-label-line-height,\r\n        ${DesignToken.typescale.standard.body.small.lineHeight}\r\n      );\r\n    }\r\n    .content {\r\n      display: flex;\r\n      align-items: center;\r\n      position: relative;\r\n      flex: 1 1 auto;\r\n      min-width: 0;\r\n      min-height: var(--m3e-form-field-icon-size, 1.5rem);\r\n    }\r\n    .prefix,\r\n    .suffix {\r\n      display: flex;\r\n      align-items: center;\r\n      position: relative;\r\n      user-select: none;\r\n      flex: none;\r\n      font-size: var(--m3e-form-field-icon-size, 1.5rem);\r\n    }\r\n    .prefix-text,\r\n    .suffix-text {\r\n      opacity: 1;\r\n      transition: opacity ${DesignToken.motion.duration.extraLong1};\r\n      user-select: none;\r\n      flex: none;\r\n    }\r\n    .input {\r\n      display: inline-flex;\r\n      flex-wrap: wrap;\r\n      flex: 1 1 auto;\r\n      min-width: 0;\r\n    }\r\n    .label {\r\n      display: flex;\r\n      position: absolute;\r\n      pointer-events: none;\r\n      user-select: none;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      font-size: var(--m3e-form-field-label-font-size, ${DesignToken.typescale.standard.body.small.fontSize});\r\n      font-weight: var(--m3e-form-field-label-font-weight, ${DesignToken.typescale.standard.body.small.fontWeight});\r\n      line-height: var(--m3e-form-field-label-line-height, ${DesignToken.typescale.standard.body.small.lineHeight});\r\n      letter-spacing: var(--m3e-form-field-label-tracking, ${DesignToken.typescale.standard.body.small.tracking});\r\n      color: var(--_form-field-label-color, inherit);\r\n      transition: ${unsafeCSS(\r\n        `top ${DesignToken.motion.duration.short4}, \r\n        font-size ${DesignToken.motion.duration.short4}, \r\n        line-height ${DesignToken.motion.duration.short4}`,\r\n      )};\r\n    }\r\n    :host(:state(-with-select)) .label {\r\n      margin-inline-end: 1.5rem;\r\n    }\r\n    ::slotted([slot=\"label\"]) {\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n    }\r\n    .subscript {\r\n      display: inline-flex;\r\n      width: 100%;\r\n      margin-top: 0.25rem;\r\n      font-size: var(--m3e-form-field-subscript-font-size, ${DesignToken.typescale.standard.body.small.fontSize});\r\n      font-weight: var(--m3e-form-field-subscript-font-weight, ${DesignToken.typescale.standard.body.small.fontWeight});\r\n      line-height: var(--m3e-form-field-subscript-line-height, ${DesignToken.typescale.standard.body.small.lineHeight});\r\n      letter-spacing: var(--m3e-form-field-subscript-tracking, ${DesignToken.typescale.standard.body.small.tracking});\r\n      min-height: var(--m3e-form-field-subscript-line-height, ${DesignToken.typescale.standard.body.small.lineHeight});\r\n      color: var(--m3e-form-field-subscript-color, ${DesignToken.color.onSurfaceVariant});\r\n    }\r\n    .error,\r\n    .hint {\r\n      flex: 1 1 auto;\r\n    }\r\n    :host([hide-subscript=\"always\"]) .subscript {\r\n      display: none;\r\n    }\r\n    :host([hide-subscript=\"auto\"]:not(:state(-invalid))) .subscript {\r\n      opacity: 0;\r\n      margin-top: 0px;\r\n      margin-bottom: 0.25rem;\r\n      transition: ${unsafeCSS(\r\n        `opacity ${DesignToken.motion.duration.short4}, \r\n        margin-top ${DesignToken.motion.duration.short4}, \r\n        margin-bottom ${DesignToken.motion.duration.short4}`,\r\n      )};\r\n    }\r\n    :host([hide-subscript=\"auto\"]:not(:state(-invalid)):focus-within) .subscript,\r\n    :host([hide-subscript=\"auto\"]:not(:state(-invalid)):state(-pressed)) .subscript {\r\n      opacity: 1;\r\n      margin-top: 0.25rem;\r\n      margin-bottom: 0;\r\n    }\r\n    :host(:state(-invalid)) .hint {\r\n      display: none;\r\n    }\r\n    :host(:not(:state(-invalid))) .error {\r\n      display: none;\r\n    }\r\n    ::slotted(input),\r\n    ::slotted(textarea),\r\n    ::slotted(select) {\r\n      outline: unset;\r\n      border: unset;\r\n      background-color: transparent;\r\n      box-shadow: none;\r\n      font-family: inherit;\r\n      font-size: inherit;\r\n      line-height: inherit;\r\n      letter-spacing: inherit;\r\n      color: var(--_form-field-input-color, inherit);\r\n      flex: 1 1 auto;\r\n      min-width: 0;\r\n      padding: unset;\r\n    }\r\n    ::slotted(textarea) {\r\n      scrollbar-width: ${DesignToken.scrollbar.thinWidth};\r\n      scrollbar-color: ${DesignToken.scrollbar.color};\r\n    }\r\n    ::slotted(m3e-select),\r\n    ::slotted(m3e-input-chip-set) {\r\n      flex: 1 1 auto;\r\n      min-width: 0;\r\n    }\r\n    :host([float-label=\"auto\"]:not(:state(-float-label)):not(:state(-pressed))) .label {\r\n      font-size: inherit;\r\n    }\r\n\r\n    :host([float-label=\"auto\"]:not(:state(-float-label)):state(-with-label)) .prefix-text,\r\n    :host([float-label=\"auto\"]:not(:state(-float-label)):state(-with-label)) .suffix-text {\r\n      opacity: 0;\r\n      transition: opacity 0s;\r\n    }\r\n    .prefix {\r\n      margin-inline-start: 1rem;\r\n    }\r\n    :host(:state(-with-prefix)) .prefix {\r\n      margin-inline-end: 1rem;\r\n      margin-inline-start: 0.75rem;\r\n    }\r\n    .suffix {\r\n      margin-inline-end: 1rem;\r\n    }\r\n    :host(:state(-with-suffix)) .suffix {\r\n      margin-inline-start: 0.25rem;\r\n      margin-inline-end: 0.5rem;\r\n    }\r\n    :host(:state(-with-suffix):state(-with-select)) .suffix {\r\n      margin-inline-start: unset;\r\n    }\r\n    :host(:state(-with-select)) .suffix-text {\r\n      display: none;\r\n    }\r\n    :host([variant=\"outlined\"]) .label {\r\n      margin-top: calc(0px - var(--_form-field-label-line-height) / 2);\r\n    }\r\n    :host([variant=\"outlined\"]) .outline {\r\n      position: absolute;\r\n      display: flex;\r\n      pointer-events: none;\r\n      left: 0;\r\n      top: 0;\r\n      bottom: 0;\r\n      right: 0;\r\n    }\r\n    :host([variant=\"outlined\"]) .pseudo-label {\r\n      visibility: hidden;\r\n      margin-inline-end: 0.5rem;\r\n      font-size: var(--_form-field-label-font-size);\r\n      line-height: var(--_form-field-label-line-height);\r\n      letter-spacing: var(--_form-field-label-tracking);\r\n      max-width: 100%;\r\n      transition-property: max-width, margin-inline-end;\r\n      transition-duration: 1ms;\r\n    }\r\n    :host([variant=\"outlined\"]:state(-required):not([hide-required-marker])) .pseudo-label {\r\n      margin-inline-end: 0.25rem;\r\n    }\r\n    :host([variant=\"outlined\"][float-label=\"auto\"]:not(:state(-float-label)):not(:state(-pressed))) .pseudo-label {\r\n      max-width: 0;\r\n      margin-inline-end: 0px;\r\n      transition-delay: ${DesignToken.motion.duration.short2};\r\n    }\r\n    :host([variant=\"outlined\"]) .outline-start,\r\n    :host([variant=\"outlined\"]) .outline-notch,\r\n    :host([variant=\"outlined\"]) .outline-end {\r\n      box-sizing: border-box;\r\n      border-width: var(--_form-field-outline-size, 1px);\r\n      border-color: var(--_form-field-outline-color);\r\n      transition: border-color ${DesignToken.motion.duration.short4};\r\n    }\r\n    :host([variant=\"outlined\"]:not(:state(-with-label))) .outline-notch {\r\n      display: none;\r\n    }\r\n    :host([variant=\"outlined\"]) .outline-start {\r\n      min-width: 0.75rem;\r\n      border-top-style: solid;\r\n      border-inline-start-style: solid;\r\n      border-bottom-style: solid;\r\n      border-start-start-radius: var(--m3e-outlined-form-field-container-shape, ${DesignToken.shape.corner.extraSmall});\r\n      border-end-start-radius: var(--m3e-outlined-form-field-container-shape, ${DesignToken.shape.corner.extraSmall});\r\n    }\r\n    :host([variant=\"outlined\"]) .outline-notch {\r\n      border-bottom-style: solid;\r\n    }\r\n    :host([variant=\"outlined\"]) .outline-end {\r\n      flex-grow: 1;\r\n      min-width: 1rem;\r\n      border-top-style: solid;\r\n      border-inline-end-style: solid;\r\n      border-bottom-style: solid;\r\n      border-start-end-radius: var(--m3e-outlined-form-field-container-shape, ${DesignToken.shape.corner.extraSmall});\r\n      border-end-end-radius: var(--m3e-outlined-form-field-container-shape, ${DesignToken.shape.corner.extraSmall});\r\n    }\r\n    :host([variant=\"outlined\"]:state(-with-prefix)) .outline-start {\r\n      min-width: calc(1.25rem + var(--_prefix-width, 0px) + 0.25rem);\r\n    }\r\n    :host([variant=\"outlined\"]:not(:state(-disabled))) .base:hover .outline,\r\n    :host([variant=\"outlined\"]:not(:state(-disabled)):focus-within) .outline,\r\n    :host([variant=\"outlined\"]:not(:state(-disabled)):state(-pressed)) .outline {\r\n      --_form-field-outline-size: 2px;\r\n    }\r\n    :host([variant=\"outlined\"]) .subscript {\r\n      margin-inline: 1rem;\r\n      width: calc(100% - 2rem);\r\n    }\r\n    :host([variant=\"outlined\"]) .content {\r\n      min-height: calc(3.5rem + ${DesignToken.density.calc(-2)});\r\n      --_form-field-label-font-size: var(\r\n        --m3e-form-field-label-font-size,\r\n        ${DesignToken.typescale.standard.body.small.fontSize}\r\n      );\r\n    }\r\n    :host([variant=\"outlined\"][float-label=\"auto\"]:not(:state(-float-label)):not(:state(-pressed))) .label {\r\n      margin-top: unset;\r\n      line-height: calc(3.5rem + ${DesignToken.density.calc(-2)});\r\n      --_form-field-label-font-size: var(\r\n        --m3e-form-field-label-font-size,\r\n        ${DesignToken.typescale.standard.body.small.fontSize}\r\n      );\r\n    }\r\n    :host([variant=\"filled\"]) .base {\r\n      --_select-arrow-margin-top: calc(\r\n        0px - calc(1rem / max(calc(0 - calc(var(--md-sys-density-scale, 0) + var(--md-sys-density-scale, 0))), 1))\r\n      );\r\n    }\r\n    :host([variant=\"filled\"]) .base::before {\r\n      content: \"\";\r\n      box-sizing: border-box;\r\n      position: absolute;\r\n      pointer-events: none;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      border-bottom-style: solid;\r\n      border-width: 1px;\r\n      border-radius: var(--m3e-form-field-container-shape, ${DesignToken.shape.corner.extraSmallTop});\r\n      border-color: var(--_form-field-outline-color);\r\n      background-color: var(--_form-field-container-color);\r\n    }\r\n    :host([variant=\"filled\"]:not(:state(-disabled))) .base:hover::before,\r\n    :host([variant=\"filled\"]:not(:state(-disabled)):focus-within) .base::before,\r\n    :host([variant=\"filled\"]:not(:state(-disabled)):state(-pressed)) .base::before {\r\n      border-width: 3px;\r\n    }\r\n    :host([variant=\"filled\"]) .base::after {\r\n      content: \"\";\r\n      box-sizing: border-box;\r\n      position: absolute;\r\n      pointer-events: none;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      background-color: var(--_form-field-hover-container-color);\r\n      transition: background-color ${DesignToken.motion.duration.short4};\r\n    }\r\n    :host([variant=\"filled\"]) .subscript {\r\n      margin-inline: 1rem;\r\n      width: calc(100% - 2rem);\r\n    }\r\n    :host([variant=\"filled\"]) .content {\r\n      padding-top: calc(1.5rem + ${DesignToken.density.calc(-2)});\r\n      margin-bottom: 0.5rem;\r\n    }\r\n    :host([variant=\"filled\"]) .label {\r\n      top: calc(0.5rem + ${DesignToken.density.calc(-2)});\r\n    }\r\n    :host([variant=\"filled\"][float-label=\"auto\"]:not(:state(-float-label)):not(:state(-pressed))) .label {\r\n      top: 0px;\r\n      line-height: calc(3.5rem + ${DesignToken.density.calc(-2)} - 0.0625rem);\r\n      --_form-field-label-font-size: var(\r\n        --m3e-form-field-label-font-size,\r\n        ${DesignToken.typescale.standard.body.small.fontSize}\r\n      );\r\n    }\r\n    :host(:not(:state(-disabled)):not(:focus-within):not(:state(-pressed))) .base:hover {\r\n      --_form-field-hover-container-color: color-mix(\r\n        in srgb,\r\n        var(--m3e-form-field-hover-container-color, ${DesignToken.color.onSurface})\r\n          var(--m3e-form-field-hover-container-opacity, 8%),\r\n        transparent\r\n      );\r\n    }\r\n    :host(:not(:state(-disabled)):not(:state(-invalid))) {\r\n      color: var(--m3e-form-field-color, ${DesignToken.color.onSurface});\r\n    }\r\n    :host([variant=\"outlined\"]:not(:state(-disabled)):not(:state(-invalid))) .base {\r\n      --_form-field-outline-color: var(--m3e-form-field-outline-color, ${DesignToken.color.outline});\r\n    }\r\n    :host([variant=\"filled\"]:not(:state(-disabled)):not(:state(-invalid))) .base {\r\n      --_form-field-outline-color: var(--m3e-form-field-outline-color, ${DesignToken.color.onSurfaceVariant});\r\n    }\r\n    :host([variant=\"outlined\"]:not(:state(-disabled)):not(:state(-invalid)):focus-within) .base,\r\n    :host([variant=\"outlined\"]:not(:state(-disabled)):not(:state(-invalid)):state(-pressed)) .base,\r\n    :host([variant=\"filled\"]:not(:state(-disabled)):not(:state(-invalid)):focus-within) .base,\r\n    :host([variant=\"filled\"]:not(:state(-disabled)):not(:state(-invalid)):state(-pressed)) .base {\r\n      --_form-field-outline-color: var(--m3e-form-field-focused-outline-color, ${DesignToken.color.primary});\r\n      --_form-field-label-color: var(--m3e-form-field-focused-color, ${DesignToken.color.primary});\r\n    }\r\n    :host(:not(:state(-disabled))) .base {\r\n      --_form-field-container-color: var(\r\n        --m3e-form-field-container-color,\r\n        ${DesignToken.color.surfaceContainerHighest}\r\n      );\r\n    }\r\n    :host(:not(:state(-disabled)):state(-invalid)) .base {\r\n      --_form-field-label-color: var(--m3e-form-field-invalid-color, ${DesignToken.color.error});\r\n      --_form-field-outline-color: var(--m3e-form-field-invalid-color, ${DesignToken.color.error});\r\n    }\r\n    :host(:not(:state(-disabled)):state(-invalid)) .subscript {\r\n      color: var(--m3e-form-field-invalid-color, ${DesignToken.color.error});\r\n    }\r\n    :host(:state(-disabled)) {\r\n      color: color-mix(\r\n        in srgb,\r\n        var(--m3e-form-field-disabled-color, ${DesignToken.color.onSurface}) var(--m3e-form-field-disabled-opacity, 38%),\r\n        transparent\r\n      );\r\n    }\r\n    :host(:state(-disabled)) .base {\r\n      --_form-field-container-color: color-mix(\r\n        in srgb,\r\n        var(--m3e-form-field-disabled-container-color, ${DesignToken.color.onSurface})\r\n          var(--m3e-form-field-disabled-container-opacity, 4%),\r\n        transparent\r\n      );\r\n    }\r\n    :host(:state(-no-animate)) *,\r\n    :host(:state(-no-animate)) *::before,\r\n    :host(:state(-no-animate)) *::after {\r\n      transition: none !important;\r\n    }\r\n    @media (forced-colors: active) {\r\n      :host([variant=\"filled\"]) .base::after {\r\n        transition: none;\r\n      }\r\n      :host {\r\n        --_form-field-outline-color: CanvasText;\r\n      }\r\n      :host(:state(-disabled)) {\r\n        --_form-field-input-color: GrayText;\r\n        --_form-field-color: GrayText;\r\n        --_form-field-label-color: GrayText;\r\n        --_form-field-outline-color: GrayText;\r\n      }\r\n    }\r\n    @media (prefers-reduced-motion) {\r\n      .base::before,\r\n      .prefix-text,\r\n      .suffix-text,\r\n      .label,\r\n      .subscript,\r\n      .outline-start,\r\n      .outline-notch,\r\n      .outline-end,\r\n      .pseudo-label {\r\n        transition: none !important;\r\n      }\r\n    }\r\n  `;\r\n\r\n  /** @private */ #control: FormFieldControl | null = null;\r\n  /** @private */ #removeValueInterceptor?: () => void;\r\n  /** @private */ readonly #formResetHandler = () => this.#handleFormReset();\r\n  /** @private */ readonly #controlInvalidHandler = () => this.#handleControlInvalid();\r\n\r\n  /** @private */\r\n  readonly #controlMutationController = new MutationController(this, {\r\n    target: null,\r\n    config: { attributeFilter: [\"disabled\", \"readonly\", \"required\"] },\r\n    callback: () => this.notifyControlStateChange(),\r\n  });\r\n\r\n  /** @private */\r\n  readonly #resizeController = new ResizeController(this, {\r\n    target: null,\r\n    callback: () => this.#handlePrefixResize(),\r\n  });\r\n\r\n  /** @private */\r\n  readonly #focusController = new FocusController(this, {\r\n    target: null,\r\n    callback: (focused) => {\r\n      focused = focused && !(this.#control?.disabled ?? true);\r\n      setCustomState(this, \"-no-animate\", false);\r\n      this.#focused = focused;\r\n      if (focused) {\r\n        setCustomState(this, \"-float-label\", true);\r\n      } else {\r\n        this._invalid = !(this.#control?.checkValidity?.() ?? true);\r\n        this.notifyControlStateChange();\r\n      }\r\n    },\r\n  });\r\n\r\n  /** @private */ @query(\".base\") private readonly _base!: HTMLElement;\r\n  /** @private */ @query(\".prefix\") private readonly _prefix!: HTMLElement;\r\n  /** @private */ @query(\".error\") private readonly _error!: HTMLElement;\r\n  /** @private */ @query(\".hint\") private readonly _hint!: HTMLElement;\r\n\r\n  /** @private */\r\n  readonly #hintMutationController = new MutationController(this, {\r\n    target: null,\r\n    config: { childList: true, subtree: true },\r\n    callback: () => this.#handleHintChange(),\r\n  });\r\n\r\n  /** @private */\r\n  readonly #errorMutationController = new MutationController(this, {\r\n    target: null,\r\n    config: { childList: true, subtree: true },\r\n    callback: () => this.#handleErrorChange(),\r\n  });\r\n\r\n  /** @private */\r\n  readonly #pressedController = new PressedController(this, {\r\n    target: null,\r\n    callback: (pressed) => setCustomState(this, \"-pressed\", pressed && !(this.#control?.disabled ?? true)),\r\n  });\r\n\r\n  /** @private */ #focused = false;\r\n  /** @private */ @state() private _pseudoLabel = \"\";\r\n  /** @private */ @state() private _required = false;\r\n  /** @private */ @state() private _invalid = false;\r\n  /** @private */ @state() private _validationMessage = \"\";\r\n  /** @private */ #hintText = \"\";\r\n  /** @private */ #errorText = \"\";\r\n\r\n  constructor() {\r\n    super();\r\n\r\n    new HoverController(this, { callback: () => setCustomState(this, \"-no-animate\", false) });\r\n  }\r\n\r\n  /** @private */\r\n  get #shouldFloatLabel(): boolean {\r\n    return this.#control?.shouldLabelFloat !== undefined\r\n      ? this.#control.shouldLabelFloat === true\r\n      : typeof this.#control?.value == \"string\" && this.#control.value.length > 0;\r\n  }\r\n\r\n  /** A reference to the element used to anchor dropdown menus. */\r\n  get menuAnchor() {\r\n    return this._base;\r\n  }\r\n\r\n  /** A reference to the hosted form field control. */\r\n  get control() {\r\n    return this.#control;\r\n  }\r\n\r\n  /**\r\n   * The appearance variant of the field.\r\n   * @default \"outlined\"\r\n   */\r\n  @property({ reflect: true }) variant: FormFieldVariant = \"outlined\";\r\n\r\n  /**\r\n   * Whether the required marker should be hidden.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"hide-required-marker\", type: Boolean, reflect: true }) hideRequiredMarker = false;\r\n\r\n  /**\r\n   * Whether subscript content is hidden.\r\n   * @default \"auto\"\r\n   */\r\n  @property({ attribute: \"hide-subscript\", reflect: true }) hideSubscript: HideSubscriptType = \"auto\";\r\n\r\n  /**\r\n   * Specifies whether the label should float always or only when necessary.\r\n   * @default \"auto\"\r\n   */\r\n  @property({ attribute: \"float-label\", reflect: true }) floatLabel: FloatLabelType = \"auto\";\r\n\r\n  /**\r\n   * Notifies the form field that the state of the hosted `control` has changed.\r\n   * @param {boolean} [checkValidity=false] Whether to check validity.\r\n   */\r\n  notifyControlStateChange(checkValidity: boolean = false): void {\r\n    this._required = this.#control?.required === true;\r\n    setCustomState(this, \"-required\", this._required);\r\n    setCustomState(this, \"-disabled\", this.#control?.disabled === true);\r\n    setCustomState(this, \"-readonly\", isReadOnlyMixin(this.#control) && this.#control.readOnly === true);\r\n    if (this.floatLabel === \"auto\") {\r\n      setCustomState(this, \"-float-label\", this.#shouldFloatLabel || this.#focused);\r\n    }\r\n\r\n    if (checkValidity) {\r\n      this._invalid = !(this.#control?.checkValidity?.() ?? true);\r\n    }\r\n\r\n    setCustomState(this, \"-invalid\", this._invalid);\r\n\r\n    this._validationMessage = this.#control?.validationMessage ?? \"\";\r\n    if (!this.isUpdatePending) {\r\n      this.performUpdate();\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override connectedCallback(): void {\r\n    super.connectedCallback();\r\n    // Label animations are disabled on initial paint.\r\n    setCustomState(this, \"-no-animate\", true);\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override disconnectedCallback(): void {\r\n    super.disconnectedCallback();\r\n    this.#changeControl(null);\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override reconnectedCallback(): void {\r\n    super.reconnectedCallback();\r\n    this.#initialize();\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override firstUpdated(_changedProperties: PropertyValues): void {\r\n    super.firstUpdated(_changedProperties);\r\n    this.#initialize();\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override update(changedProperties: PropertyValues): void {\r\n    super.update(changedProperties);\r\n\r\n    if (changedProperties.has(\"_invalid\") && this.#control) {\r\n      this.#control.ariaInvalid = this._invalid ? \"true\" : null;\r\n\r\n      if (this.#errorText) {\r\n        if (this._invalid) {\r\n          M3eAriaDescriber.describe(this.#control, this.#errorText);\r\n        } else {\r\n          M3eAriaDescriber.removeDescription(this.#control, this.#errorText);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return html`<div class=\"base\" @click=\"${this.#handleContainerClick}\">\r\n        ${this.variant === \"outlined\"\r\n          ? html`<div class=\"outline\" aria-hidden=\"true\">\r\n              <div class=\"outline-start\"></div>\r\n              <div class=\"outline-notch\">\r\n                <div class=\"pseudo-label\">\r\n                  ${this._pseudoLabel} ${!this.hideRequiredMarker && this._required ? html`&nbsp;*` : nothing}\r\n                </div>\r\n              </div>\r\n              <div class=\"outline-end\"></div>\r\n            </div>`\r\n          : nothing}\r\n        <div class=\"prefix\">\r\n          <slot name=\"prefix\" @slotchange=\"${this.#handlePrefixSlotChange}\"></slot>\r\n        </div>\r\n        <div class=\"content\">\r\n          <span class=\"prefix-text\"><slot name=\"prefix-text\"></slot></span>\r\n          <span class=\"input\">\r\n            <slot @slotchange=\"${this.#handleSlotChange}\" @change=\"${this.#handleControlChange}\"></slot>\r\n          </span>\r\n          <span class=\"suffix-text\"><slot name=\"suffix-text\"></slot></span>\r\n          <span class=\"label\">\r\n            <slot name=\"label\" @slotchange=\"${this.#handleLabelSlotChange}\"></slot>\r\n            ${!this.hideRequiredMarker && this._required\r\n              ? html`<span class=\"required-marker\" aria-hidden=\"true\">&nbsp;*</span>`\r\n              : nothing}\r\n          </span>\r\n        </div>\r\n        <div\r\n          class=\"suffix\"\r\n          @click=\"${this.#stopPropagation}\"\r\n          @focusin=\"${this.#stopPropagation}\"\r\n          @focusout=\"${this.#stopPropagation}\"\r\n          @pointerdown=\"${this.#stopPropagation}\"\r\n          @keydown=\"${this.#stopPropagation}\"\r\n          @keyup=\"${this.#stopPropagation}\"\r\n        >\r\n          <slot name=\"suffix\" @slotchange=\"${this.#handleSuffixSlotChange}\"></slot>\r\n        </div>\r\n      </div>\r\n      <span class=\"subscript\" aria-hidden=\"true\">\r\n        <span class=\"error\"><slot name=\"error\">${this._validationMessage}</slot></span>\r\n        <span class=\"hint\"><slot name=\"hint\"></slot></span>\r\n      </span>`;\r\n  }\r\n\r\n  /** @private */\r\n  #initialize(): void {\r\n    this.#focusController.observe(this._base);\r\n    this.#pressedController.observe(this._base);\r\n\r\n    this.#hintMutationController.observe(this._hint);\r\n    this.#handleHintChange();\r\n\r\n    this.#errorMutationController.observe(this._error);\r\n    this.#handleErrorChange();\r\n  }\r\n\r\n  /** @private */\r\n  #stopPropagation(e: Event): void {\r\n    e.stopImmediatePropagation();\r\n    e.stopPropagation();\r\n  }\r\n\r\n  /** @private */\r\n  #handleLabelSlotChange(e: Event): void {\r\n    const assignedElements = (<HTMLSlotElement>e.target).assignedElements({ flatten: true });\r\n    setCustomState(this, \"-with-label\", assignedElements.length > 0);\r\n    this._pseudoLabel = assignedElements[0]?.textContent ?? \"\";\r\n  }\r\n\r\n  /** @private */\r\n  #handlePrefixSlotChange(e: Event): void {\r\n    setCustomState(this, \"-with-prefix\", hasAssignedNodes(<HTMLSlotElement>e.target));\r\n    this.#resizeController.observe(this._prefix);\r\n  }\r\n\r\n  /** @private */\r\n  #handleSuffixSlotChange(e: Event): void {\r\n    setCustomState(this, \"-with-suffix\", hasAssignedNodes(<HTMLSlotElement>e.target));\r\n  }\r\n\r\n  /** @private */\r\n  #handlePrefixResize(): void {\r\n    if (this.variant === \"outlined\") {\r\n      this._base.style.setProperty(\"--_prefix-width\", `${this._prefix.clientWidth}px`);\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleSlotChange(e: Event): void {\r\n    this.#changeControl(findFormFieldControl(<HTMLSlotElement>e.target));\r\n  }\r\n\r\n  /** @private */\r\n  #handleContainerClick(e: MouseEvent): void {\r\n    if (this.#control && !this.#focused && !this.#control.disabled) {\r\n      if (this.#control.onContainerClick) {\r\n        this.#control.onContainerClick(e);\r\n      } else {\r\n        this.#control.focus();\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleControlInvalid(): void {\r\n    this._invalid = true;\r\n    this.notifyControlStateChange();\r\n  }\r\n\r\n  /** @private */\r\n  #handleControlChange(): void {\r\n    this._invalid = !(this.#control?.checkValidity?.() ?? true);\r\n    this.notifyControlStateChange();\r\n  }\r\n\r\n  /** @private */\r\n  #handleFormReset(): void {\r\n    this._invalid = false;\r\n    setTimeout(() => this.notifyControlStateChange());\r\n  }\r\n\r\n  /** @private */\r\n  #changeControl(control: FormFieldControl | null): void {\r\n    if (this.#control === control) return;\r\n    if (this.#control) {\r\n      if (this.#hintText) {\r\n        M3eAriaDescriber.removeDescription(this.#control, this.#hintText);\r\n      }\r\n      if (this.#errorText) {\r\n        M3eAriaDescriber.removeDescription(this.#control, this.#errorText);\r\n      }\r\n\r\n      this.#controlMutationController.unobserve(this.#control);\r\n      this.#control.removeEventListener(\"invalid\", this.#controlInvalidHandler);\r\n      this.#control.form?.removeEventListener(\"reset\", this.#formResetHandler);\r\n      this.#removeValueInterceptor?.();\r\n      this.#removeValueInterceptor = undefined;\r\n    }\r\n    this.#control = control;\r\n\r\n    if ([\"INPUT\", \"TEXTAREA\"].includes(this.#control?.tagName ?? \"\")) {\r\n      this._base.style.setProperty(\"--_form-field-cursor\", \"text\");\r\n    } else {\r\n      this._base.style.removeProperty(\"--_form-field-cursor\");\r\n    }\r\n\r\n    setCustomState(this, \"-with-select\", this.#control?.tagName === \"M3E-SELECT\");\r\n    if (hasCustomState(this, \"-with-select\")) {\r\n      this._base.style.setProperty(\"--_form-field-cursor\", \"pointer\");\r\n    }\r\n\r\n    if (this.#control) {\r\n      this.#controlMutationController.observe(this.#control);\r\n      this.#control.addEventListener(\"invalid\", this.#controlInvalidHandler);\r\n      this.#control.form?.addEventListener(\"reset\", this.#formResetHandler);\r\n      this.#control.removeAttribute(\"aria-invalid\");\r\n\r\n      if (this.#hintText) {\r\n        M3eAriaDescriber.describe(this.#control, this.#hintText);\r\n      }\r\n\r\n      this.notifyControlStateChange();\r\n\r\n      const tagname = this.#control.tagName.toLowerCase();\r\n      if (tagname.startsWith(\"m3e-\") && !customElements.get(tagname)) {\r\n        customElements.whenDefined(tagname).then(() => this.#bindValueInterceptor());\r\n      } else {\r\n        this.#bindValueInterceptor();\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #bindValueInterceptor(): void {\r\n    if (!this.#control) return;\r\n    this.#removeValueInterceptor = interceptProperty(this.#control, \"value\", {\r\n      set: (value, setter) => {\r\n        setter(value);\r\n        this.notifyControlStateChange(true);\r\n      },\r\n    });\r\n  }\r\n\r\n  /** @private */\r\n  #handleHintChange(): void {\r\n    const hintText = getTextContent(this._hint, true);\r\n    if (hintText === this.#hintText) return;\r\n\r\n    if (this.#control && this.#hintText) {\r\n      M3eAriaDescriber.removeDescription(this.#control, this.#hintText);\r\n    }\r\n\r\n    this.#hintText = hintText;\r\n\r\n    if (this.#control && this.#hintText) {\r\n      M3eAriaDescriber.describe(this.#control, this.#hintText);\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleErrorChange(): void {\r\n    const errorText = getTextContent(this._error, true);\r\n    if (errorText === this.#errorText) return;\r\n\r\n    if (this.#control && this.#errorText) {\r\n      M3eAriaDescriber.removeDescription(this.#control, this.#errorText);\r\n    }\r\n\r\n    this.#errorText = errorText;\r\n\r\n    if (this.#control && this.#errorText && this._invalid) {\r\n      M3eAriaDescriber.describe(this.#control, this.#errorText);\r\n    }\r\n  }\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    \"m3e-form-field\": M3eFormFieldElement;\r\n  }\r\n}\r\n"],"names":["KNOWN_FORM_FIELD_TAGS","isFormFieldControl","value","HTMLElement","HTMLInputElement","HTMLTextAreaElement","HTMLSelectElement","includes","tagName","toLowerCase","findFormFieldControl","slot","element","assignedElements","flatten","walker","document","createTreeWalker","NodeFilter","SHOW_ELEMENT","nextNode","currentNode","M3eFormFieldElement","ReconnectedCallback","AttachInternals","LitElement","constructor","_M3eFormFieldElement_control","set","_M3eFormFieldElement_removeValueInterceptor","_M3eFormFieldElement_formResetHandler","__classPrivateFieldGet","_M3eFormFieldElement_instances","_M3eFormFieldElement_handleFormReset","call","_M3eFormFieldElement_controlInvalidHandler","_M3eFormFieldElement_handleControlInvalid","_M3eFormFieldElement_controlMutationController","MutationController","target","config","attributeFilter","callback","notifyControlStateChange","_M3eFormFieldElement_resizeController","ResizeController","_M3eFormFieldElement_handlePrefixResize","_M3eFormFieldElement_focusController","FocusController","focused","disabled","setCustomState","__classPrivateFieldSet","_M3eFormFieldElement_focused","_invalid","checkValidity","_M3eFormFieldElement_hintMutationController","childList","subtree","_M3eFormFieldElement_handleHintChange","_M3eFormFieldElement_errorMutationController","_M3eFormFieldElement_handleErrorChange","_M3eFormFieldElement_pressedController","PressedController","pressed","_pseudoLabel","_required","_validationMessage","_M3eFormFieldElement_hintText","_M3eFormFieldElement_errorText","variant","hideRequiredMarker","hideSubscript","floatLabel","HoverController","menuAnchor","_base","control","required","isReadOnlyMixin","readOnly","_M3eFormFieldElement_shouldFloatLabel_get","validationMessage","isUpdatePending","performUpdate","connectedCallback","disconnectedCallback","_M3eFormFieldElement_changeControl","reconnectedCallback","_M3eFormFieldElement_initialize","firstUpdated","_changedProperties","update","changedProperties","has","ariaInvalid","M3eAriaDescriber","describe","removeDescription","render","html","_M3eFormFieldElement_handleContainerClick","nothing","_M3eFormFieldElement_handlePrefixSlotChange","_M3eFormFieldElement_handleSlotChange","_M3eFormFieldElement_handleControlChange","_M3eFormFieldElement_handleLabelSlotChange","_M3eFormFieldElement_stopPropagation","_M3eFormFieldElement_handleSuffixSlotChange","shouldLabelFloat","undefined","length","observe","_hint","_error","e","stopImmediatePropagation","stopPropagation","textContent","hasAssignedNodes","_prefix","style","setProperty","clientWidth","onContainerClick","focus","setTimeout","unobserve","removeEventListener","form","removeProperty","hasCustomState","addEventListener","removeAttribute","tagname","startsWith","customElements","get","whenDefined","then","_M3eFormFieldElement_bindValueInterceptor","interceptProperty","setter","hintText","getTextContent","errorText","registerStyleSheet","css","DesignToken","motion","duration","extraLong1","density","calc","styles","typescale","standard","body","large","fontSize","fontWeight","lineHeight","tracking","small","unsafeCSS","short4","color","onSurfaceVariant","scrollbar","thinWidth","short2","shape","corner","extraSmall","extraSmallTop","onSurface","outline","primary","surfaceContainerHighest","error","__decorate","query","prototype","state","property","reflect","attribute","type","Boolean","customElement"],"mappings":"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"}