@m3e/web 2.1.3 → 2.2.1

package/dist/split-button.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"split-button.min.js","sources":["../../src/split-button/SplitButtonElement.ts"],"sourcesContent":["import { css, CSSResultGroup, html, LitElement, PropertyValues } from \"lit\";\r\nimport { property, query } from \"lit/decorators.js\";\r\n\r\nimport { customElement, DesignToken, HoverController, PressedController, Role } from \"@m3e/web/core\";\r\nimport { M3eButtonElement, ButtonSize } from \"@m3e/web/button\";\r\nimport { M3eIconButtonElement } from \"@m3e/web/icon-button\";\r\n\r\nimport \"@m3e/web/button-group\";\r\n\r\nimport { SplitButtonVariant } from \"./SplitButtonVariant\";\r\n\r\n/**\r\n * A button used to show an action with a menu of related actions.\r\n *\r\n * @description\r\n * The `m3e-split-button` component presents a primary action alongside a menu of related actions,\r\n * uniting two buttons in a single expressive surface. Designed for Material 3, it supports `elevated`,\r\n * `filled`, `tonal`, and `outlined` variants, and adapts to all button sizes. The leading button triggers\r\n * the main action, while the trailing icon button reveals additional options, enabling efficient workflows\r\n * and clear visual hierarchy. The split button ensures accessible, adaptive, and visually harmonious\r\n * interactions, reflecting Material 3’s principles of clarity, flexibility, and expressive design.\r\n *\r\n * @example\r\n * The following example illustrates use of the `m3e-split-button` to combine the `m3e-button`,\r\n * `m3e-icon-button`, and `m3e-menu` components into a split button.\r\n *\r\n * ```html\r\n * <m3e-split-button>\r\n *  <m3e-button slot=\"leading-button\">\r\n *    <m3e-icon slot=\"icon\" name=\"edit\"></m3e-icon>Edit\r\n *  </m3e-button>\r\n *  <m3e-icon-button slot=\"trailing-button\">\r\n *  <m3e-icon name=\"keyboard_arrow_down\"></m3e-icon>\r\n *  <m3e-menu-trigger for=\"menu1\"></m3e-menu-trigger>\r\n * </m3e-icon-button>\r\n * ```\r\n *\r\n * @tag m3e-split-button\r\n *\r\n * @slot leading-button - The leading button used to perform the primary action.\r\n * @slot trailing-button - The trailing icon button used to open a menu of related actions.\r\n *\r\n * @attr variant - The appearance variant of the button.\r\n * @attr size - The size of the button.\r\n *\r\n * @cssprop --m3e-split-button-extra-small-trailing-button-unselected-leading-space - Leading space for the trailing button (extra-small, unselected).\r\n * @cssprop --m3e-split-button-extra-small-trailing-button-unselected-trailing-space - Trailing space for the trailing button (extra-small, unselected).\r\n * @cssprop --m3e-split-button-small-trailing-button-unselected-leading-space - Leading space for the trailing button (small, unselected).\r\n * @cssprop --m3e-split-button-small-trailing-button-unselected-trailing-space - Trailing space for the trailing button (small, unselected).\r\n * @cssprop --m3e-split-button-medium-trailing-button-unselected-leading-space - Leading space for the trailing button (medium, unselected).\r\n * @cssprop --m3e-split-button-medium-trailing-button-unselected-trailing-space - Trailing space for the trailing button (medium, unselected).\r\n * @cssprop --m3e-split-button-large-trailing-button-unselected-leading-space - Leading space for the trailing button (large, unselected).\r\n * @cssprop --m3e-split-button-large-trailing-button-unselected-trailing-space - Trailing space for the trailing button (large, unselected).\r\n * @cssprop --m3e-split-button-extra-large-trailing-button-unselected-leading-space - Leading space for the trailing button (extra-large, unselected).\r\n * @cssprop --m3e-split-button-extra-large-trailing-button-unselected-trailing-space - Trailing space for the trailing button (extra-large, unselected).\r\n * @cssprop --m3e-split-button-extra-small-trailing-button-selected-leading-space - Leading space for the trailing button (extra-small, selected).\r\n * @cssprop --m3e-split-button-extra-small-trailing-button-selected-trailing-space - Trailing space for the trailing button (extra-small, selected).\r\n * @cssprop --m3e-split-button-small-trailing-button-selected-leading-space - Leading space for the trailing button (small, selected).\r\n * @cssprop --m3e-split-button-small-trailing-button-selected-trailing-space - Trailing space for the trailing button (small, selected).\r\n * @cssprop --m3e-split-button-medium-trailing-button-selected-leading-space - Leading space for the trailing button (medium, selected).\r\n * @cssprop --m3e-split-button-medium-trailing-button-selected-trailing-space - Trailing space for the trailing button (medium, selected).\r\n * @cssprop --m3e-split-button-large-trailing-button-selected-leading-space - Leading space for the trailing button (large, selected).\r\n * @cssprop --m3e-split-button-large-trailing-button-selected-trailing-space - Trailing space for the trailing button (large, selected).\r\n * @cssprop --m3e-split-button-extra-large-trailing-button-selected-leading-space - Leading space for the trailing button (extra-large, selected).\r\n * @cssprop --m3e-split-button-extra-large-trailing-button-selected-trailing-space - Trailing space for the trailing button (extra-large, selected).\r\n * @cssprop --m3e-split-button-extra-small-inner-corner-size - Inner corner size for the leading/trailing button (extra-small).\r\n * @cssprop --m3e-split-button-small-inner-corner-size - Inner corner size for the leading/trailing button (small).\r\n * @cssprop --m3e-split-button-medium-inner-corner-size - Inner corner size for the leading/trailing button (medium).\r\n * @cssprop --m3e-split-button-large-inner-corner-size - Inner corner size for the leading/trailing button (large).\r\n * @cssprop --m3e-split-button-extra-large-inner-corner-size - Inner corner size for the leading/trailing button (extra-large).\r\n * @cssprop --m3e-split-button-extra-small-inner-corner-hover-size - Inner corner size on hover (extra-small).\r\n * @cssprop --m3e-split-button-small-inner-corner-hover-size - Inner corner size on hover (small).\r\n * @cssprop --m3e-split-button-medium-inner-corner-hover-size - Inner corner size on hover (medium).\r\n * @cssprop --m3e-split-button-large-inner-corner-hover-size - Inner corner size on hover (large).\r\n * @cssprop --m3e-split-button-extra-large-inner-corner-hover-size - Inner corner size on hover (extra-large).\r\n * @cssprop --m3e-split-button-extra-small-inner-corner-pressed-size - Inner corner size on press (extra-small).\r\n * @cssprop --m3e-split-button-small-inner-corner-pressed-size - Inner corner size on press (small).\r\n * @cssprop --m3e-split-button-medium-inner-corner-pressed-size - Inner corner size on press (medium).\r\n * @cssprop --m3e-split-button-large-inner-corner-pressed-size - Inner corner size on press (large).\r\n * @cssprop --m3e-split-button-extra-large-inner-corner-pressed-size - Inner corner size on press (extra-large).\r\n * @cssprop --m3e-split-button-extra-small-between-spacing - Spacing between leading and trailing buttons (extra-small).\r\n * @cssprop --m3e-split-button-small-between-spacing - Spacing between leading and trailing buttons (small).\r\n * @cssprop --m3e-split-button-medium-between-spacing - Spacing between leading and trailing buttons (medium).\r\n * @cssprop --m3e-split-button-large-between-spacing - Spacing between leading and trailing buttons (large).\r\n * @cssprop --m3e-split-button-extra-large-between-spacing - Spacing between leading and trailing buttons (extra-large).\r\n */\r\n@customElement(\"m3e-split-button\")\r\nexport class M3eSplitButtonElement extends Role(LitElement, \"group\") {\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = css`\r\n    :host {\r\n      display: inline-flex;\r\n      vertical-align: middle;\r\n    }\r\n    ::slotted([slot=\"leading-button\"]) {\r\n      flex: 1 1 auto;\r\n      min-width: 0;\r\n      --_button-start-shape-pressed-morph: var(--_leading-button-shape, ${DesignToken.shape.corner.full});\r\n    }\r\n\r\n    ::slotted([slot=\"trailing-button\"]:not([aria-expanded=\"true\"])) {\r\n      --m3e-icon-button-extra-small-default-leading-space: var(\r\n        --m3e-split-button-extra-small-trailing-button-unselected-leading-space,\r\n        0.75rem\r\n      );\r\n      --m3e-icon-button-extra-small-default-trailing-space: var(\r\n        --m3e-split-button-extra-small-trailing-button-unselected-trailing-space,\r\n        0.875rem\r\n      );\r\n      --m3e-icon-button-small-default-leading-space: var(\r\n        --m3e-split-button-small-trailing-button-unselected-leading-space,\r\n        0.75rem\r\n      );\r\n      --m3e-icon-button-small-default-trailing-space: var(\r\n        --m3e-split-button-small-trailing-button-unselected-trailing-space,\r\n        0.875rem\r\n      );\r\n      --m3e-icon-button-medium-default-leading-space: var(\r\n        --m3e-split-button-medium-trailing-button-unselected-leading-space,\r\n        0.8125rem\r\n      );\r\n      --m3e-icon-button-medium-default-trailing-space: var(\r\n        --m3e-split-button-medium-trailing-button-unselected-trailing-space,\r\n        1.0625rem\r\n      );\r\n      --m3e-icon-button-large-default-leading-space: var(\r\n        --m3e-split-button-large-trailing-button-unselected-leading-space,\r\n        1.625rem\r\n      );\r\n      --m3e-icon-button-large-default-trailing-space: var(\r\n        --m3e-split-button-large-trailing-button-unselected-trailing-space,\r\n        2rem\r\n      );\r\n      --m3e-icon-button-extra-large-default-leading-space: var(\r\n        --m3e-split-button-extra-large-trailing-button-unselected-leading-space,\r\n        2.3125rem\r\n      );\r\n      --m3e-icon-button-extra-large-default-trailing-space: var(\r\n        --m3e-split-button-extra-large-trailing-button-unselected-trailing-space,\r\n        3.0625rem\r\n      );\r\n    }\r\n\r\n    ::slotted([slot=\"trailing-button\"][aria-expanded=\"true\"]) {\r\n      --m3e-icon-button-extra-small-default-leading-space: var(\r\n        --m3e-split-button-extra-small-trailing-button-selected-leading-space,\r\n        0.8125rem\r\n      );\r\n      --m3e-icon-button-extra-small-default-trailing-space: var(\r\n        --m3e-split-button-extra-small-trailing-button-selected-trailing-space,\r\n        0.8125rem\r\n      );\r\n      --m3e-icon-button-small-default-leading-space: var(\r\n        --m3e-split-button-small-trailing-button-selected-leading-space,\r\n        0.8125rem\r\n      );\r\n      --m3e-icon-button-small-default-trailing-space: var(\r\n        --m3e-split-button-small-trailing-button-selected-trailing-space,\r\n        0.8125rem\r\n      );\r\n      --m3e-icon-button-medium-default-leading-space: var(\r\n        --m3e-split-button-medium-trailing-button-selected-leading-space,\r\n        0.9375rem\r\n      );\r\n      --m3e-icon-button-medium-default-trailing-space: var(\r\n        --m3e-split-button-medium-trailing-button-selected-trailing-space,\r\n        0.9375rem\r\n      );\r\n      --m3e-icon-button-large-default-leading-space: var(\r\n        --m3e-split-button-large-trailing-button-selected-leading-space,\r\n        1.8125rem\r\n      );\r\n      --m3e-icon-button-large-default-trailing-space: var(\r\n        --m3e-split-button-large-trailing-button-selected-trailing-space,\r\n        1.8125rem\r\n      );\r\n      --m3e-icon-button-extra-large-default-leading-space: var(\r\n        --m3e-split-button-extra-large-trailing-button-selected-leading-space,\r\n        2.6875rem\r\n      );\r\n      --m3e-icon-button-extra-large-default-trailing-space: var(\r\n        --m3e-split-button-extra-large-trailing-button-selected-trailing-space,\r\n        2.6875rem\r\n      );\r\n    }\r\n\r\n    ::slotted([slot=\"leading-button\"]:not(:hover)),\r\n    ::slotted([slot=\"leading-button\"]:disabled),\r\n    ::slotted([slot=\"leading-button\"][disabled-interactive]) {\r\n      --m3e-connected-button-group-extra-small-inner-shape: var(\r\n        --m3e-split-button-extra-small-inner-corner-size,\r\n        ${DesignToken.shape.corner.extraSmall}\r\n      );\r\n      --m3e-connected-button-group-small-inner-shape: var(\r\n        --m3e-split-button-small-inner-corner-size,\r\n        ${DesignToken.shape.corner.extraSmall}\r\n      );\r\n      --m3e-connected-button-group-medium-inner-shape: var(\r\n        --m3e-split-button-medium-inner-corner-size,\r\n        ${DesignToken.shape.corner.extraSmall}\r\n      );\r\n      --m3e-connected-button-group-large-inner-shape: var(\r\n        --m3e-split-button-large-inner-corner-size,\r\n        ${DesignToken.shape.corner.small}\r\n      );\r\n      --m3e-connected-button-group-extra-large-inner-shape: var(\r\n        --m3e-split-button-extra-large-inner-corner-size,\r\n        ${DesignToken.shape.corner.medium}\r\n      );\r\n    }\r\n    ::slotted([slot=\"leading-button\"]:hover:not(:disabled):not([disabled-interactive])),\r\n    ::slotted([slot=\"trailing-button\"]:not([aria-expanded=\"true\"]):hover:not(:disabled):not([disabled-interactive])) {\r\n      --m3e-connected-button-group-extra-small-inner-shape: var(\r\n        --m3e-split-button-extra-small-inner-corner-hover-size,\r\n        ${DesignToken.shape.corner.small}\r\n      );\r\n      --m3e-connected-button-group-small-inner-shape: var(\r\n        --m3e-split-button-small-inner-corner-hover-size,\r\n        ${DesignToken.shape.corner.medium}\r\n      );\r\n      --m3e-connected-button-group-medium-inner-shape: var(\r\n        --m3e-split-button-medium-inner-corner-hover-size,\r\n        ${DesignToken.shape.corner.medium}\r\n      );\r\n      --m3e-connected-button-group-large-inner-shape: var(\r\n        --m3e-split-button-large-inner-corner-hover-size,\r\n        ${DesignToken.shape.corner.largeIncreased}\r\n      );\r\n      --m3e-connected-button-group-extra-large-inner-shape: var(\r\n        --m3e-split-button-extra-large-inner-corner-hover-size,\r\n        ${DesignToken.shape.corner.largeIncreased}\r\n      );\r\n    }\r\n\r\n    ::slotted([slot=\"leading-button\"]),\r\n    ::slotted([slot=\"trailing-button\"]) {\r\n      --m3e-connected-button-group-extra-small-inner-pressed-shape: var(\r\n        --m3e-split-button-extra-small-inner-corner-pressed-size,\r\n        ${DesignToken.shape.corner.small}\r\n      );\r\n      --m3e-connected-button-group-small-inner-pressed-shape: var(\r\n        --m3e-split-button-small-inner-corner-pressed-size,\r\n        ${DesignToken.shape.corner.medium}\r\n      );\r\n      --m3e-connected-button-group-medium-inner-pressed-shape: var(\r\n        --m3e-split-button-medium-inner-corner-pressed-size,\r\n        ${DesignToken.shape.corner.medium}\r\n      );\r\n      --m3e-connected-button-group-large-inner-pressed-shape: var(\r\n        --m3e-split-button-large-inner-corner-pressed-size,\r\n        ${DesignToken.shape.corner.largeIncreased}\r\n      );\r\n      --m3e-connected-button-group-extra-large-inner-pressed-shape: var(\r\n        --m3e-split-button-extra-large-inner-corner-pressed-size,\r\n        ${DesignToken.shape.corner.largeIncreased}\r\n      );\r\n    }\r\n\r\n    ::slotted([slot=\"trailing-button\"]:not([aria-expanded=\"true\"]):not(:hover)),\r\n    ::slotted([slot=\"trailing-button\"]:disabled),\r\n    ::slotted([slot=\"trailing-button\"][disabled-interactive]) {\r\n      --m3e-connected-button-group-extra-small-inner-shape: var(\r\n        --m3e-split-button-extra-small-inner-corner-size,\r\n        ${DesignToken.shape.corner.extraSmall}\r\n      );\r\n      --m3e-connected-button-group-small-inner-shape: var(\r\n        --m3e-split-button-small-inner-corner-size,\r\n        ${DesignToken.shape.corner.extraSmall}\r\n      );\r\n      --m3e-connected-button-group-medium-inner-shape: var(\r\n        --m3e-split-button-medium-inner-corner-size,\r\n        ${DesignToken.shape.corner.extraSmall}\r\n      );\r\n      --m3e-connected-button-group-large-inner-shape: var(\r\n        --m3e-split-button-large-inner-corner-size,\r\n        ${DesignToken.shape.corner.small}\r\n      );\r\n      --m3e-connected-button-group-extra-large-inner-shape: var(\r\n        --m3e-split-button-extra-large-inner-corner-size,\r\n        ${DesignToken.shape.corner.medium}\r\n      );\r\n    }\r\n\r\n    ::slotted([slot=\"trailing-button\"][aria-expanded=\"true\"]) {\r\n      --_icon-button-icon-transform: rotate(180deg);\r\n      --_button-rounded-start-shape: var(--_trailing-button-shape, ${DesignToken.shape.corner.full});\r\n      --_button-rounded-end-shape: var(--_trailing-button-shape, ${DesignToken.shape.corner.full});\r\n    }\r\n    ::slotted([slot=\"trailing-button\"]) {\r\n      --_button-end-shape-pressed-morph: var(--_trailing-button-shape, ${DesignToken.shape.corner.full});\r\n    }\r\n    .base {\r\n      --m3e-icon-button-extra-small-icon-size: calc(\r\n        var(--m3e-spit-button-extra-small-trailing-button-icon-size, 1.375rem) + ${DesignToken.density.calc(0)}\r\n      );\r\n      --m3e-button-extra-small-icon-size: calc(\r\n        var(--m3e-spit-button-extra-small-trailing-button-icon-size, 1.375rem) + ${DesignToken.density.calc(0)}\r\n      );\r\n      --m3e-icon-button-small-icon-size: calc(\r\n        var(--m3e-spit-button-small-trailing-button-icon-size, 1.375rem) + ${DesignToken.density.calc(-1)}\r\n      );\r\n      --m3e-button-small-icon-size: calc(\r\n        var(--m3e-spit-button-small-trailing-button-icon-size, 1.375rem) + ${DesignToken.density.calc(-1)}\r\n      );\r\n      --m3e-icon-button-medium-icon-size: calc(\r\n        var(--m3e-spit-button-medium-trailing-button-icon-size, 1.625rem) + ${DesignToken.density.calc(-2)}\r\n      );\r\n      --m3e-button-medium-icon-size: calc(\r\n        var(--m3e-spit-button-medium-trailing-button-icon-size, 1.625rem) + ${DesignToken.density.calc(-2)}\r\n      );\r\n      --m3e-icon-button-large-icon-size: calc(\r\n        var(--m3e-spit-button-large-trailing-button-icon-size, 2.375rem) + ${DesignToken.density.calc(-3)}\r\n      );\r\n      --m3e-button-large-icon-size: calc(\r\n        var(--m3e-spit-button-large-trailing-button-icon-size, 2.375rem) + ${DesignToken.density.calc(-3)}\r\n      );\r\n      --m3e-icon-button-extra-large-icon-size: calc(\r\n        var(--m3e-spit-button-extra-large-trailing-button-icon-size, 3.125rem) + ${DesignToken.density.calc(-3)}\r\n      );\r\n      --m3e-button-extra-large-icon-size: calc(\r\n        var(--m3e-spit-button-extra-large-trailing-button-icon-size, 3.125rem) + ${DesignToken.density.calc(-3)}\r\n      );\r\n    }\r\n    :host([size=\"extra-small\"]) .base {\r\n      --m3e-connected-button-group-spacing: var(--m3e-split-button-extra-small-between-spacing, 0.125rem);\r\n    }\r\n    :host([size=\"small\"]) .base {\r\n      --m3e-connected-button-group-spacing: var(--m3e-split-button-small-between-spacing, 0.125rem);\r\n    }\r\n    :host([size=\"medium\"]).base {\r\n      --m3e-connected-button-group-spacing: var(--m3e-split-button-medium-between-spacing, 0.125rem);\r\n    }\r\n    :host([size=\"large\"]) .base {\r\n      --m3e-connected-button-group-spacing: var(--m3e-split-button-large-between-spacing, 0.125rem);\r\n    }\r\n    :host([size=\"extra-large\"]) .base {\r\n      --m3e-connected-button-group-spacing: var(--m3e-split-button-extra-large-between-spacing, 0.125rem);\r\n    }\r\n  `;\r\n\r\n  @query(\".base\") private readonly _base?: HTMLElement;\r\n\r\n  /** @private */ #leadingButton?: M3eButtonElement;\r\n  /** @private */ #trailingButton?: M3eIconButtonElement;\r\n  /** @private */ #trailingButtonHover = false;\r\n\r\n  /** @private */ readonly #pressedController = new PressedController(this, {\r\n    target: null,\r\n    capture: true,\r\n    minPressedDuration: 150,\r\n    isPressedKey: (key) => key === \" \",\r\n    callback: (pressed, _, target) => {\r\n      switch (target) {\r\n        case this.#leadingButton:\r\n          this.#updateLeadingButtonShape(pressed);\r\n          break;\r\n        case this.#trailingButton:\r\n          this.#updateTrailingButtonShape(pressed || this.#trailingButtonHover);\r\n          break;\r\n      }\r\n    },\r\n  });\r\n\r\n  /** @private */ readonly #hoverController = new HoverController(this, {\r\n    target: null,\r\n    callback: (hovering, target) => {\r\n      switch (target) {\r\n        case this.#trailingButton:\r\n          if (!this.#trailingButton?.disabled && !this.#trailingButton?.disabledInteractive) {\r\n            this.#trailingButtonHover = hovering;\r\n            this.#updateTrailingButtonShape(hovering);\r\n          }\r\n          break;\r\n      }\r\n    },\r\n  });\r\n\r\n  /**\r\n   * The appearance variant of the button.\r\n   * @default \"filled\"\r\n   */\r\n  @property({ reflect: true }) variant: SplitButtonVariant = \"filled\";\r\n\r\n  /**\r\n   * The size of the button.\r\n   * @default \"small\"\r\n   */\r\n  @property({ reflect: true }) size: ButtonSize = \"small\";\r\n\r\n  /** @inheritdoc */\r\n  protected override update(changedProperties: PropertyValues<this>): void {\r\n    super.update(changedProperties);\r\n\r\n    if (changedProperties.has(\"variant\")) {\r\n      this.#updateButtons();\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return html`<m3e-button-group class=\"base\" disable-role variant=\"connected\" size=\"${this.size}\">\r\n      <slot name=\"leading-button\" @slotchange=\"${this.#handleLeadingSlotChange}\"></slot>\r\n      <slot name=\"trailing-button\" @slotchange=\"${this.#handleTrailingSlotChange}\"></slot>\r\n    </m3e-button-group>`;\r\n  }\r\n\r\n  /** @private */\r\n  #handleLeadingSlotChange(e: Event): void {\r\n    if (this.#leadingButton) {\r\n      this.#pressedController.unobserve(this.#leadingButton);\r\n    }\r\n\r\n    this.#leadingButton = (<HTMLSlotElement>e.target)\r\n      .assignedElements({ flatten: true })\r\n      .find((x) => x instanceof M3eButtonElement);\r\n\r\n    if (this.#leadingButton) {\r\n      this.#pressedController.observe(this.#leadingButton);\r\n    }\r\n\r\n    this.#updateButtons();\r\n  }\r\n\r\n  /** @private */\r\n  #handleTrailingSlotChange(e: Event): void {\r\n    if (this.#trailingButton) {\r\n      this.#pressedController.unobserve(this.#trailingButton);\r\n      this.#hoverController.unobserve(this.#trailingButton);\r\n    }\r\n\r\n    this.#trailingButton = (<HTMLSlotElement>e.target)\r\n      .assignedElements({ flatten: true })\r\n      .find((x) => x instanceof M3eIconButtonElement);\r\n\r\n    if (this.#trailingButton) {\r\n      this.#pressedController.observe(this.#trailingButton);\r\n      this.#hoverController.observe(this.#trailingButton);\r\n    }\r\n\r\n    this.#updateButtons();\r\n  }\r\n\r\n  /** @private */\r\n  #updateButtons(): void {\r\n    if (this.#leadingButton) {\r\n      this.#leadingButton.variant = this.variant;\r\n      this.#leadingButton.size = this.size;\r\n      this.#leadingButton.shape = \"rounded\";\r\n    }\r\n\r\n    if (this.#trailingButton) {\r\n      this.#trailingButton.width = \"default\";\r\n      this.#trailingButton.shape = \"rounded\";\r\n      this.#trailingButton.setAttribute(\"variant\", this.variant);\r\n      this.#trailingButton.size = this.size;\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #updateLeadingButtonShape(update: boolean): void {\r\n    if (update && this.#leadingButton) {\r\n      this.#updateButtonShape(this.#leadingButton, \"--_leading-button-shape\");\r\n    } else {\r\n      this._base?.style.removeProperty(\"--_leading-button-shape\");\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #updateTrailingButtonShape(update: boolean): void {\r\n    if (update && this.#trailingButton) {\r\n      this.#updateButtonShape(this.#trailingButton, \"--_trailing-button-shape\");\r\n    } else {\r\n      this._base?.style.removeProperty(\"--_trailing-button-shape\");\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #updateButtonShape(button: HTMLElement, property: string): void {\r\n    const adjustedShape = button.clientHeight / 2;\r\n    if (adjustedShape) {\r\n      this._base?.style.setProperty(property, `${adjustedShape}px`);\r\n    }\r\n  }\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    \"m3e-split-button\": M3eSplitButtonElement;\r\n  }\r\n}\r\n"],"names":["M3eSplitButtonElement","Role","LitElement","constructor","_M3eSplitButtonElement_leadingButton","set","this","_M3eSplitButtonElement_trailingButton","_M3eSplitButtonElement_trailingButtonHover","_M3eSplitButtonElement_pressedController","PressedController","target","capture","minPressedDuration","isPressedKey","key","callback","pressed","_","__classPrivateFieldGet","_M3eSplitButtonElement_instances","_M3eSplitButtonElement_updateLeadingButtonShape","call","_M3eSplitButtonElement_updateTrailingButtonShape","_M3eSplitButtonElement_hoverController","HoverController","hovering","disabled","disabledInteractive","__classPrivateFieldSet","variant","size","update","changedProperties","super","has","_M3eSplitButtonElement_updateButtons","render","html","_M3eSplitButtonElement_handleLeadingSlotChange","_M3eSplitButtonElement_handleTrailingSlotChange","e","unobserve","assignedElements","flatten","find","x","M3eButtonElement","observe","M3eIconButtonElement","shape","width","setAttribute","_M3eSplitButtonElement_updateButtonShape","_base","style","removeProperty","button","property","adjustedShape","clientHeight","setProperty","styles","css","DesignToken","corner","full","extraSmall","small","medium","largeIncreased","density","calc","__decorate","query","prototype","reflect","customElement"],"mappings":"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"}
+{"version":3,"file":"split-button.min.js","sources":["../../src/split-button/SplitButtonElement.ts"],"sourcesContent":["import { css, CSSResultGroup, html, LitElement, PropertyValues } from \"lit\";\r\nimport { property, query } from \"lit/decorators.js\";\r\n\r\nimport { customElement, DesignToken, HoverController, PressedController, Role } from \"@m3e/web/core\";\r\nimport { M3eButtonElement, ButtonSize } from \"@m3e/web/button\";\r\nimport { M3eIconButtonElement } from \"@m3e/web/icon-button\";\r\n\r\nimport \"@m3e/web/button-group\";\r\n\r\nimport { SplitButtonVariant } from \"./SplitButtonVariant\";\r\n\r\n/**\r\n * A button used to show an action with a menu of related actions.\r\n *\r\n * @description\r\n * The `m3e-split-button` component presents a primary action alongside a menu of related actions,\r\n * uniting two buttons in a single expressive surface. Designed for Material 3, it supports `elevated`,\r\n * `filled`, `tonal`, and `outlined` variants, and adapts to all button sizes. The leading button triggers\r\n * the main action, while the trailing icon button reveals additional options, enabling efficient workflows\r\n * and clear visual hierarchy. The split button ensures accessible, adaptive, and visually harmonious\r\n * interactions, reflecting Material 3's principles of clarity, flexibility, and expressive design.\r\n *\r\n * @example\r\n * The following example illustrates use of the `m3e-split-button` to combine the `m3e-button`,\r\n * `m3e-icon-button`, and `m3e-menu` components into a split button.\r\n *\r\n * ```html\r\n * <m3e-split-button>\r\n *  <m3e-button slot=\"leading-button\">\r\n *    <m3e-icon slot=\"icon\" name=\"edit\"></m3e-icon>Edit\r\n *  </m3e-button>\r\n *  <m3e-icon-button slot=\"trailing-button\">\r\n *  <m3e-icon name=\"keyboard_arrow_down\"></m3e-icon>\r\n *  <m3e-menu-trigger for=\"menu1\"></m3e-menu-trigger>\r\n * </m3e-icon-button>\r\n * ```\r\n *\r\n * @tag m3e-split-button\r\n *\r\n * @slot leading-button - The leading button used to perform the primary action.\r\n * @slot trailing-button - The trailing icon button used to open a menu of related actions.\r\n *\r\n * @attr variant - The appearance variant of the button.\r\n * @attr size - The size of the button.\r\n *\r\n * @cssprop --m3e-split-button-extra-small-trailing-button-unselected-leading-space - Leading space for the trailing button (extra-small, unselected).\r\n * @cssprop --m3e-split-button-extra-small-trailing-button-unselected-trailing-space - Trailing space for the trailing button (extra-small, unselected).\r\n * @cssprop --m3e-split-button-small-trailing-button-unselected-leading-space - Leading space for the trailing button (small, unselected).\r\n * @cssprop --m3e-split-button-small-trailing-button-unselected-trailing-space - Trailing space for the trailing button (small, unselected).\r\n * @cssprop --m3e-split-button-medium-trailing-button-unselected-leading-space - Leading space for the trailing button (medium, unselected).\r\n * @cssprop --m3e-split-button-medium-trailing-button-unselected-trailing-space - Trailing space for the trailing button (medium, unselected).\r\n * @cssprop --m3e-split-button-large-trailing-button-unselected-leading-space - Leading space for the trailing button (large, unselected).\r\n * @cssprop --m3e-split-button-large-trailing-button-unselected-trailing-space - Trailing space for the trailing button (large, unselected).\r\n * @cssprop --m3e-split-button-extra-large-trailing-button-unselected-leading-space - Leading space for the trailing button (extra-large, unselected).\r\n * @cssprop --m3e-split-button-extra-large-trailing-button-unselected-trailing-space - Trailing space for the trailing button (extra-large, unselected).\r\n * @cssprop --m3e-split-button-extra-small-trailing-button-selected-leading-space - Leading space for the trailing button (extra-small, selected).\r\n * @cssprop --m3e-split-button-extra-small-trailing-button-selected-trailing-space - Trailing space for the trailing button (extra-small, selected).\r\n * @cssprop --m3e-split-button-small-trailing-button-selected-leading-space - Leading space for the trailing button (small, selected).\r\n * @cssprop --m3e-split-button-small-trailing-button-selected-trailing-space - Trailing space for the trailing button (small, selected).\r\n * @cssprop --m3e-split-button-medium-trailing-button-selected-leading-space - Leading space for the trailing button (medium, selected).\r\n * @cssprop --m3e-split-button-medium-trailing-button-selected-trailing-space - Trailing space for the trailing button (medium, selected).\r\n * @cssprop --m3e-split-button-large-trailing-button-selected-leading-space - Leading space for the trailing button (large, selected).\r\n * @cssprop --m3e-split-button-large-trailing-button-selected-trailing-space - Trailing space for the trailing button (large, selected).\r\n * @cssprop --m3e-split-button-extra-large-trailing-button-selected-leading-space - Leading space for the trailing button (extra-large, selected).\r\n * @cssprop --m3e-split-button-extra-large-trailing-button-selected-trailing-space - Trailing space for the trailing button (extra-large, selected).\r\n * @cssprop --m3e-split-button-extra-small-inner-corner-size - Inner corner size for the leading/trailing button (extra-small).\r\n * @cssprop --m3e-split-button-small-inner-corner-size - Inner corner size for the leading/trailing button (small).\r\n * @cssprop --m3e-split-button-medium-inner-corner-size - Inner corner size for the leading/trailing button (medium).\r\n * @cssprop --m3e-split-button-large-inner-corner-size - Inner corner size for the leading/trailing button (large).\r\n * @cssprop --m3e-split-button-extra-large-inner-corner-size - Inner corner size for the leading/trailing button (extra-large).\r\n * @cssprop --m3e-split-button-extra-small-inner-corner-hover-size - Inner corner size on hover (extra-small).\r\n * @cssprop --m3e-split-button-small-inner-corner-hover-size - Inner corner size on hover (small).\r\n * @cssprop --m3e-split-button-medium-inner-corner-hover-size - Inner corner size on hover (medium).\r\n * @cssprop --m3e-split-button-large-inner-corner-hover-size - Inner corner size on hover (large).\r\n * @cssprop --m3e-split-button-extra-large-inner-corner-hover-size - Inner corner size on hover (extra-large).\r\n * @cssprop --m3e-split-button-extra-small-inner-corner-pressed-size - Inner corner size on press (extra-small).\r\n * @cssprop --m3e-split-button-small-inner-corner-pressed-size - Inner corner size on press (small).\r\n * @cssprop --m3e-split-button-medium-inner-corner-pressed-size - Inner corner size on press (medium).\r\n * @cssprop --m3e-split-button-large-inner-corner-pressed-size - Inner corner size on press (large).\r\n * @cssprop --m3e-split-button-extra-large-inner-corner-pressed-size - Inner corner size on press (extra-large).\r\n * @cssprop --m3e-split-button-extra-small-between-spacing - Spacing between leading and trailing buttons (extra-small).\r\n * @cssprop --m3e-split-button-small-between-spacing - Spacing between leading and trailing buttons (small).\r\n * @cssprop --m3e-split-button-medium-between-spacing - Spacing between leading and trailing buttons (medium).\r\n * @cssprop --m3e-split-button-large-between-spacing - Spacing between leading and trailing buttons (large).\r\n * @cssprop --m3e-split-button-extra-large-between-spacing - Spacing between leading and trailing buttons (extra-large).\r\n */\r\n@customElement(\"m3e-split-button\")\r\nexport class M3eSplitButtonElement extends Role(LitElement, \"group\") {\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = css`\r\n    :host {\r\n      display: inline-flex;\r\n      vertical-align: middle;\r\n    }\r\n    ::slotted([slot=\"leading-button\"]) {\r\n      flex: 1 1 auto;\r\n      min-width: 0;\r\n      --_button-start-shape-pressed-morph: var(--_leading-button-shape, ${DesignToken.shape.corner.full});\r\n    }\r\n\r\n    ::slotted([slot=\"trailing-button\"]:not([aria-expanded=\"true\"])) {\r\n      --m3e-icon-button-extra-small-default-leading-space: var(\r\n        --m3e-split-button-extra-small-trailing-button-unselected-leading-space,\r\n        0.75rem\r\n      );\r\n      --m3e-icon-button-extra-small-default-trailing-space: var(\r\n        --m3e-split-button-extra-small-trailing-button-unselected-trailing-space,\r\n        0.875rem\r\n      );\r\n      --m3e-icon-button-small-default-leading-space: var(\r\n        --m3e-split-button-small-trailing-button-unselected-leading-space,\r\n        0.75rem\r\n      );\r\n      --m3e-icon-button-small-default-trailing-space: var(\r\n        --m3e-split-button-small-trailing-button-unselected-trailing-space,\r\n        0.875rem\r\n      );\r\n      --m3e-icon-button-medium-default-leading-space: var(\r\n        --m3e-split-button-medium-trailing-button-unselected-leading-space,\r\n        0.8125rem\r\n      );\r\n      --m3e-icon-button-medium-default-trailing-space: var(\r\n        --m3e-split-button-medium-trailing-button-unselected-trailing-space,\r\n        1.0625rem\r\n      );\r\n      --m3e-icon-button-large-default-leading-space: var(\r\n        --m3e-split-button-large-trailing-button-unselected-leading-space,\r\n        1.625rem\r\n      );\r\n      --m3e-icon-button-large-default-trailing-space: var(\r\n        --m3e-split-button-large-trailing-button-unselected-trailing-space,\r\n        2rem\r\n      );\r\n      --m3e-icon-button-extra-large-default-leading-space: var(\r\n        --m3e-split-button-extra-large-trailing-button-unselected-leading-space,\r\n        2.3125rem\r\n      );\r\n      --m3e-icon-button-extra-large-default-trailing-space: var(\r\n        --m3e-split-button-extra-large-trailing-button-unselected-trailing-space,\r\n        3.0625rem\r\n      );\r\n    }\r\n\r\n    ::slotted([slot=\"trailing-button\"][aria-expanded=\"true\"]) {\r\n      --m3e-icon-button-extra-small-default-leading-space: var(\r\n        --m3e-split-button-extra-small-trailing-button-selected-leading-space,\r\n        0.8125rem\r\n      );\r\n      --m3e-icon-button-extra-small-default-trailing-space: var(\r\n        --m3e-split-button-extra-small-trailing-button-selected-trailing-space,\r\n        0.8125rem\r\n      );\r\n      --m3e-icon-button-small-default-leading-space: var(\r\n        --m3e-split-button-small-trailing-button-selected-leading-space,\r\n        0.8125rem\r\n      );\r\n      --m3e-icon-button-small-default-trailing-space: var(\r\n        --m3e-split-button-small-trailing-button-selected-trailing-space,\r\n        0.8125rem\r\n      );\r\n      --m3e-icon-button-medium-default-leading-space: var(\r\n        --m3e-split-button-medium-trailing-button-selected-leading-space,\r\n        0.9375rem\r\n      );\r\n      --m3e-icon-button-medium-default-trailing-space: var(\r\n        --m3e-split-button-medium-trailing-button-selected-trailing-space,\r\n        0.9375rem\r\n      );\r\n      --m3e-icon-button-large-default-leading-space: var(\r\n        --m3e-split-button-large-trailing-button-selected-leading-space,\r\n        1.8125rem\r\n      );\r\n      --m3e-icon-button-large-default-trailing-space: var(\r\n        --m3e-split-button-large-trailing-button-selected-trailing-space,\r\n        1.8125rem\r\n      );\r\n      --m3e-icon-button-extra-large-default-leading-space: var(\r\n        --m3e-split-button-extra-large-trailing-button-selected-leading-space,\r\n        2.6875rem\r\n      );\r\n      --m3e-icon-button-extra-large-default-trailing-space: var(\r\n        --m3e-split-button-extra-large-trailing-button-selected-trailing-space,\r\n        2.6875rem\r\n      );\r\n    }\r\n\r\n    ::slotted([slot=\"leading-button\"]:not(:hover)),\r\n    ::slotted([slot=\"leading-button\"]:disabled),\r\n    ::slotted([slot=\"leading-button\"][disabled-interactive]) {\r\n      --m3e-connected-button-group-extra-small-inner-shape: var(\r\n        --m3e-split-button-extra-small-inner-corner-size,\r\n        ${DesignToken.shape.corner.extraSmall}\r\n      );\r\n      --m3e-connected-button-group-small-inner-shape: var(\r\n        --m3e-split-button-small-inner-corner-size,\r\n        ${DesignToken.shape.corner.extraSmall}\r\n      );\r\n      --m3e-connected-button-group-medium-inner-shape: var(\r\n        --m3e-split-button-medium-inner-corner-size,\r\n        ${DesignToken.shape.corner.extraSmall}\r\n      );\r\n      --m3e-connected-button-group-large-inner-shape: var(\r\n        --m3e-split-button-large-inner-corner-size,\r\n        ${DesignToken.shape.corner.small}\r\n      );\r\n      --m3e-connected-button-group-extra-large-inner-shape: var(\r\n        --m3e-split-button-extra-large-inner-corner-size,\r\n        ${DesignToken.shape.corner.medium}\r\n      );\r\n    }\r\n    ::slotted([slot=\"leading-button\"]:hover:not(:disabled):not([disabled-interactive])),\r\n    ::slotted([slot=\"trailing-button\"]:not([aria-expanded=\"true\"]):hover:not(:disabled):not([disabled-interactive])) {\r\n      --m3e-connected-button-group-extra-small-inner-shape: var(\r\n        --m3e-split-button-extra-small-inner-corner-hover-size,\r\n        ${DesignToken.shape.corner.small}\r\n      );\r\n      --m3e-connected-button-group-small-inner-shape: var(\r\n        --m3e-split-button-small-inner-corner-hover-size,\r\n        ${DesignToken.shape.corner.medium}\r\n      );\r\n      --m3e-connected-button-group-medium-inner-shape: var(\r\n        --m3e-split-button-medium-inner-corner-hover-size,\r\n        ${DesignToken.shape.corner.medium}\r\n      );\r\n      --m3e-connected-button-group-large-inner-shape: var(\r\n        --m3e-split-button-large-inner-corner-hover-size,\r\n        ${DesignToken.shape.corner.largeIncreased}\r\n      );\r\n      --m3e-connected-button-group-extra-large-inner-shape: var(\r\n        --m3e-split-button-extra-large-inner-corner-hover-size,\r\n        ${DesignToken.shape.corner.largeIncreased}\r\n      );\r\n    }\r\n\r\n    ::slotted([slot=\"leading-button\"]),\r\n    ::slotted([slot=\"trailing-button\"]) {\r\n      --m3e-connected-button-group-extra-small-inner-pressed-shape: var(\r\n        --m3e-split-button-extra-small-inner-corner-pressed-size,\r\n        ${DesignToken.shape.corner.small}\r\n      );\r\n      --m3e-connected-button-group-small-inner-pressed-shape: var(\r\n        --m3e-split-button-small-inner-corner-pressed-size,\r\n        ${DesignToken.shape.corner.medium}\r\n      );\r\n      --m3e-connected-button-group-medium-inner-pressed-shape: var(\r\n        --m3e-split-button-medium-inner-corner-pressed-size,\r\n        ${DesignToken.shape.corner.medium}\r\n      );\r\n      --m3e-connected-button-group-large-inner-pressed-shape: var(\r\n        --m3e-split-button-large-inner-corner-pressed-size,\r\n        ${DesignToken.shape.corner.largeIncreased}\r\n      );\r\n      --m3e-connected-button-group-extra-large-inner-pressed-shape: var(\r\n        --m3e-split-button-extra-large-inner-corner-pressed-size,\r\n        ${DesignToken.shape.corner.largeIncreased}\r\n      );\r\n    }\r\n\r\n    ::slotted([slot=\"trailing-button\"]:not([aria-expanded=\"true\"]):not(:hover)),\r\n    ::slotted([slot=\"trailing-button\"]:disabled),\r\n    ::slotted([slot=\"trailing-button\"][disabled-interactive]) {\r\n      --m3e-connected-button-group-extra-small-inner-shape: var(\r\n        --m3e-split-button-extra-small-inner-corner-size,\r\n        ${DesignToken.shape.corner.extraSmall}\r\n      );\r\n      --m3e-connected-button-group-small-inner-shape: var(\r\n        --m3e-split-button-small-inner-corner-size,\r\n        ${DesignToken.shape.corner.extraSmall}\r\n      );\r\n      --m3e-connected-button-group-medium-inner-shape: var(\r\n        --m3e-split-button-medium-inner-corner-size,\r\n        ${DesignToken.shape.corner.extraSmall}\r\n      );\r\n      --m3e-connected-button-group-large-inner-shape: var(\r\n        --m3e-split-button-large-inner-corner-size,\r\n        ${DesignToken.shape.corner.small}\r\n      );\r\n      --m3e-connected-button-group-extra-large-inner-shape: var(\r\n        --m3e-split-button-extra-large-inner-corner-size,\r\n        ${DesignToken.shape.corner.medium}\r\n      );\r\n    }\r\n\r\n    ::slotted([slot=\"trailing-button\"][aria-expanded=\"true\"]) {\r\n      --_icon-button-icon-transform: rotate(180deg);\r\n      --_button-rounded-start-shape: var(--_trailing-button-shape, ${DesignToken.shape.corner.full});\r\n      --_button-rounded-end-shape: var(--_trailing-button-shape, ${DesignToken.shape.corner.full});\r\n    }\r\n    ::slotted([slot=\"trailing-button\"]) {\r\n      --_button-end-shape-pressed-morph: var(--_trailing-button-shape, ${DesignToken.shape.corner.full});\r\n    }\r\n    .base {\r\n      --m3e-icon-button-extra-small-icon-size: calc(\r\n        var(--m3e-spit-button-extra-small-trailing-button-icon-size, 1.375rem) + ${DesignToken.density.calc(0)}\r\n      );\r\n      --m3e-button-extra-small-icon-size: calc(\r\n        var(--m3e-spit-button-extra-small-trailing-button-icon-size, 1.375rem) + ${DesignToken.density.calc(0)}\r\n      );\r\n      --m3e-icon-button-small-icon-size: calc(\r\n        var(--m3e-spit-button-small-trailing-button-icon-size, 1.375rem) + ${DesignToken.density.calc(-1)}\r\n      );\r\n      --m3e-button-small-icon-size: calc(\r\n        var(--m3e-spit-button-small-trailing-button-icon-size, 1.375rem) + ${DesignToken.density.calc(-1)}\r\n      );\r\n      --m3e-icon-button-medium-icon-size: calc(\r\n        var(--m3e-spit-button-medium-trailing-button-icon-size, 1.625rem) + ${DesignToken.density.calc(-2)}\r\n      );\r\n      --m3e-button-medium-icon-size: calc(\r\n        var(--m3e-spit-button-medium-trailing-button-icon-size, 1.625rem) + ${DesignToken.density.calc(-2)}\r\n      );\r\n      --m3e-icon-button-large-icon-size: calc(\r\n        var(--m3e-spit-button-large-trailing-button-icon-size, 2.375rem) + ${DesignToken.density.calc(-3)}\r\n      );\r\n      --m3e-button-large-icon-size: calc(\r\n        var(--m3e-spit-button-large-trailing-button-icon-size, 2.375rem) + ${DesignToken.density.calc(-3)}\r\n      );\r\n      --m3e-icon-button-extra-large-icon-size: calc(\r\n        var(--m3e-spit-button-extra-large-trailing-button-icon-size, 3.125rem) + ${DesignToken.density.calc(-3)}\r\n      );\r\n      --m3e-button-extra-large-icon-size: calc(\r\n        var(--m3e-spit-button-extra-large-trailing-button-icon-size, 3.125rem) + ${DesignToken.density.calc(-3)}\r\n      );\r\n    }\r\n    :host([size=\"extra-small\"]) .base {\r\n      --m3e-connected-button-group-spacing: var(--m3e-split-button-extra-small-between-spacing, 0.125rem);\r\n    }\r\n    :host([size=\"small\"]) .base {\r\n      --m3e-connected-button-group-spacing: var(--m3e-split-button-small-between-spacing, 0.125rem);\r\n    }\r\n    :host([size=\"medium\"]).base {\r\n      --m3e-connected-button-group-spacing: var(--m3e-split-button-medium-between-spacing, 0.125rem);\r\n    }\r\n    :host([size=\"large\"]) .base {\r\n      --m3e-connected-button-group-spacing: var(--m3e-split-button-large-between-spacing, 0.125rem);\r\n    }\r\n    :host([size=\"extra-large\"]) .base {\r\n      --m3e-connected-button-group-spacing: var(--m3e-split-button-extra-large-between-spacing, 0.125rem);\r\n    }\r\n  `;\r\n\r\n  @query(\".base\") private readonly _base?: HTMLElement;\r\n\r\n  /** @private */ #leadingButton?: M3eButtonElement;\r\n  /** @private */ #trailingButton?: M3eIconButtonElement;\r\n  /** @private */ #trailingButtonHover = false;\r\n\r\n  /** @private */ readonly #pressedController = new PressedController(this, {\r\n    target: null,\r\n    capture: true,\r\n    minPressedDuration: 150,\r\n    isPressedKey: (key) => key === \" \",\r\n    callback: (pressed, _, target) => {\r\n      switch (target) {\r\n        case this.#leadingButton:\r\n          this.#updateLeadingButtonShape(pressed);\r\n          break;\r\n        case this.#trailingButton:\r\n          this.#updateTrailingButtonShape(pressed || this.#trailingButtonHover);\r\n          break;\r\n      }\r\n    },\r\n  });\r\n\r\n  /** @private */ readonly #hoverController = new HoverController(this, {\r\n    target: null,\r\n    callback: (hovering, target) => {\r\n      switch (target) {\r\n        case this.#trailingButton:\r\n          if (!this.#trailingButton?.disabled && !this.#trailingButton?.disabledInteractive) {\r\n            this.#trailingButtonHover = hovering;\r\n            this.#updateTrailingButtonShape(hovering);\r\n          }\r\n          break;\r\n      }\r\n    },\r\n  });\r\n\r\n  /**\r\n   * The appearance variant of the button.\r\n   * @default \"filled\"\r\n   */\r\n  @property({ reflect: true }) variant: SplitButtonVariant = \"filled\";\r\n\r\n  /**\r\n   * The size of the button.\r\n   * @default \"small\"\r\n   */\r\n  @property({ reflect: true }) size: ButtonSize = \"small\";\r\n\r\n  /** @inheritdoc */\r\n  protected override update(changedProperties: PropertyValues<this>): void {\r\n    super.update(changedProperties);\r\n\r\n    if (changedProperties.has(\"variant\")) {\r\n      this.#updateButtons();\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return html`<m3e-button-group class=\"base\" disable-role variant=\"connected\" size=\"${this.size}\">\r\n      <slot name=\"leading-button\" @slotchange=\"${this.#handleLeadingSlotChange}\"></slot>\r\n      <slot name=\"trailing-button\" @slotchange=\"${this.#handleTrailingSlotChange}\"></slot>\r\n    </m3e-button-group>`;\r\n  }\r\n\r\n  /** @private */\r\n  #handleLeadingSlotChange(e: Event): void {\r\n    if (this.#leadingButton) {\r\n      this.#pressedController.unobserve(this.#leadingButton);\r\n    }\r\n\r\n    this.#leadingButton = (<HTMLSlotElement>e.target)\r\n      .assignedElements({ flatten: true })\r\n      .find((x) => x instanceof M3eButtonElement);\r\n\r\n    if (this.#leadingButton) {\r\n      this.#pressedController.observe(this.#leadingButton);\r\n    }\r\n\r\n    this.#updateButtons();\r\n  }\r\n\r\n  /** @private */\r\n  #handleTrailingSlotChange(e: Event): void {\r\n    if (this.#trailingButton) {\r\n      this.#pressedController.unobserve(this.#trailingButton);\r\n      this.#hoverController.unobserve(this.#trailingButton);\r\n    }\r\n\r\n    this.#trailingButton = (<HTMLSlotElement>e.target)\r\n      .assignedElements({ flatten: true })\r\n      .find((x) => x instanceof M3eIconButtonElement);\r\n\r\n    if (this.#trailingButton) {\r\n      this.#pressedController.observe(this.#trailingButton);\r\n      this.#hoverController.observe(this.#trailingButton);\r\n    }\r\n\r\n    this.#updateButtons();\r\n  }\r\n\r\n  /** @private */\r\n  #updateButtons(): void {\r\n    if (this.#leadingButton) {\r\n      this.#leadingButton.variant = this.variant;\r\n      this.#leadingButton.size = this.size;\r\n      this.#leadingButton.shape = \"rounded\";\r\n    }\r\n\r\n    if (this.#trailingButton) {\r\n      this.#trailingButton.width = \"default\";\r\n      this.#trailingButton.shape = \"rounded\";\r\n      this.#trailingButton.setAttribute(\"variant\", this.variant);\r\n      this.#trailingButton.size = this.size;\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #updateLeadingButtonShape(update: boolean): void {\r\n    if (update && this.#leadingButton) {\r\n      this.#updateButtonShape(this.#leadingButton, \"--_leading-button-shape\");\r\n    } else {\r\n      this._base?.style.removeProperty(\"--_leading-button-shape\");\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #updateTrailingButtonShape(update: boolean): void {\r\n    if (update && this.#trailingButton) {\r\n      this.#updateButtonShape(this.#trailingButton, \"--_trailing-button-shape\");\r\n    } else {\r\n      this._base?.style.removeProperty(\"--_trailing-button-shape\");\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #updateButtonShape(button: HTMLElement, property: string): void {\r\n    const adjustedShape = button.clientHeight / 2;\r\n    if (adjustedShape) {\r\n      this._base?.style.setProperty(property, `${adjustedShape}px`);\r\n    }\r\n  }\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    \"m3e-split-button\": M3eSplitButtonElement;\r\n  }\r\n}\r\n"],"names":["M3eSplitButtonElement","Role","LitElement","constructor","_M3eSplitButtonElement_leadingButton","set","this","_M3eSplitButtonElement_trailingButton","_M3eSplitButtonElement_trailingButtonHover","_M3eSplitButtonElement_pressedController","PressedController","target","capture","minPressedDuration","isPressedKey","key","callback","pressed","_","__classPrivateFieldGet","_M3eSplitButtonElement_instances","_M3eSplitButtonElement_updateLeadingButtonShape","call","_M3eSplitButtonElement_updateTrailingButtonShape","_M3eSplitButtonElement_hoverController","HoverController","hovering","disabled","disabledInteractive","__classPrivateFieldSet","variant","size","update","changedProperties","super","has","_M3eSplitButtonElement_updateButtons","render","html","_M3eSplitButtonElement_handleLeadingSlotChange","_M3eSplitButtonElement_handleTrailingSlotChange","e","unobserve","assignedElements","flatten","find","x","M3eButtonElement","observe","M3eIconButtonElement","shape","width","setAttribute","_M3eSplitButtonElement_updateButtonShape","_base","style","removeProperty","button","property","adjustedShape","clientHeight","setProperty","styles","css","DesignToken","corner","full","extraSmall","small","medium","largeIncreased","density","calc","__decorate","query","prototype","reflect","customElement"],"mappings":"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"}

package/dist/src/all.d.ts

@@ -5,10 +5,12 @@ export * from "./badge";
 export * from "./bottom-sheet";
 export * from "./button";
 export * from "./button-group";
+export * from "./calendar";
 export * from "./card";
 export * from "./checkbox";
 export * from "./chips";
 export * from "./core";
+export * from "./datepicker";
 export * from "./dialog";
 export * from "./divider";
 export * from "./drawer-container";
@@ -29,6 +31,7 @@ export * from "./option";
 export * from "./paginator";
 export * from "./progress-indicator";
 export * from "./radio-group";
+export * from "./search";
 export * from "./segmented-button";
 export * from "./select";
 export * from "./shape";

package/dist/src/all.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"all.d.ts","sourceRoot":"","sources":["../../src/all.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC"}
+{"version":3,"file":"all.d.ts","sourceRoot":"","sources":["../../src/all.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC"}

package/dist/src/app-bar/AppBarElement.d.ts

@@ -41,10 +41,12 @@ declare const M3eAppBarElement_base: import("../core/shared/mixins/Constructor")
  *
  * @tag m3e-app-bar
  *
- * @slot leading-icon - Renders a leading icon.
- * @slot subtitle - Renders the subtitle.
- * @slot title - Renders the title.
- * @slot trailing-icon - Renders a trailing icon.
+ * @slot leading - Renders content positioned at the start of the bar.
+ * @slot subtitle - Renders the subtitle of the bar.
+ * @slot title - Renders the title of the bar.
+ * @slot trailing - Renders one or more action buttons aligned to the end of the bar.
+ * @slot leading-icon - Deprecated: use the `leading` slot.
+ * @slot trailing-icon - Deprecated: use the `trailing` slot.
  *
  * @attr centered - Whether the title and subtitle are centered.
  * @attr for - The identifier of the interactive control to which this element is attached.

package/dist/src/app-bar/AppBarElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppBarElement.d.ts","sourceRoot":"","sources":["../../../src/app-bar/AppBarElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAKvE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;;AAI1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoGG;AACH,qBACa,gBAAiB,SAAQ,qBAAmC;;IACvE,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAAkC;IAIxE,eAAe,CAAiB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAc;IACrE,eAAe,CAAyB,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAc;IACpF,eAAe,CAA0B,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAc;IAEtF;;;OAGG;IACyC,QAAQ,UAAS;IAE7D;;;OAGG;IAC0B,IAAI,EAAE,UAAU,CAAW;IAExD,kBAAkB;IACT,MAAM,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI;IAW3C,kBAAkB;IACT,MAAM,IAAI,IAAI;IAWvB,kBAAkB;cACC,OAAO,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAY1E,kBAAkB;cACC,MAAM,IAAI,OAAO;IA4FpC,eAAe;IAEf,OAAO,CAAC,aAAa;CA4BtB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,gBAAgB,CAAC;KACjC;CACF"}
+{"version":3,"file":"AppBarElement.d.ts","sourceRoot":"","sources":["../../../src/app-bar/AppBarElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAKvE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;;AAI1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsGG;AACH,qBACa,gBAAiB,SAAQ,qBAAmC;;IACvE,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAAkC;IAIxE,eAAe,CAAiB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAc;IACrE,eAAe,CAAyB,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAc;IACpF,eAAe,CAA0B,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAc;IAEtF;;;OAGG;IACyC,QAAQ,UAAS;IAE7D;;;OAGG;IAC0B,IAAI,EAAE,UAAU,CAAW;IAExD,kBAAkB;IACT,MAAM,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI;IAW3C,kBAAkB;IACT,MAAM,IAAI,IAAI;IAWvB,kBAAkB;cACC,OAAO,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAY1E,kBAAkB;cACC,MAAM,IAAI,OAAO;IA8GpC,eAAe;IAEf,OAAO,CAAC,aAAa;CA4BtB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,gBAAgB,CAAC;KACjC;CACF"}

package/dist/src/autocomplete/AutocompleteElement.d.ts

@@ -1,7 +1,7 @@
 import { CSSResultGroup, LitElement, PropertyValues } from "lit";
 import { M3eOptionElement } from "@m3e/web/option";
 import { AutocompleteFilterMode } from "./AutocompleteFilterMode";
-import { QueryEventDetail } from "./QueryEventDetail";
+import { AutocompleteQueryEventDetail } from "./AutocompleteQueryEventDetail";
 declare const M3eAutocompleteElement_base: import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").HtmlForMixin> & typeof LitElement;
 /**
  * Enhances a text input with suggested options.
@@ -48,6 +48,7 @@ declare const M3eAutocompleteElement_base: import("../core/shared/mixins/Constru
  *
  * @fires toggle - Emitted when the options menu opens or closes.
  * @fires query - Emitted when the input is focused or when the user modifies its value.
+ * @fires change - Emitted when the committed value changes due to selecting an option or clearing the input.
  */
 export declare class M3eAutocompleteElement extends M3eAutocompleteElement_base {
     #private;
@@ -119,6 +120,10 @@ export declare class M3eAutocompleteElement extends M3eAutocompleteElement_base
     panelClass: string;
     /** The options that can be selected. */
     get options(): readonly M3eOptionElement[];
+    /** The selected option. */
+    get selected(): M3eOptionElement | null;
+    /** The selected (enabled) value. */
+    get value(): string | null;
     /** @inheritdoc */
     attach(control: HTMLElement): void;
     /** @inheritdoc */
@@ -137,7 +142,7 @@ export declare class M3eAutocompleteElement extends M3eAutocompleteElement_base
 }
 interface M3eAutocompleteElementEventMap extends HTMLElementEventMap {
     toggle: ToggleEvent;
-    query: CustomEvent<QueryEventDetail>;
+    query: CustomEvent<AutocompleteQueryEventDetail>;
 }
 export interface M3eAutocompleteElement {
     addEventListener<K extends keyof M3eAutocompleteElementEventMap>(type: K, listener: (this: M3eAutocompleteElement, ev: M3eAutocompleteElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions): void;

package/dist/src/autocomplete/AutocompleteElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteElement.d.ts","sourceRoot":"","sources":["../../../src/autocomplete/AutocompleteElement.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"AutocompleteElement.d.ts","sourceRoot":"","sources":["../../../src/autocomplete/AutocompleteElement.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAiB5E,OAAO,EAAsB,gBAAgB,EAAyB,MAAM,iBAAiB,CAAC;AAG9F,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;;AAE9E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,qBACa,sBAAuB,SAAQ,2BAA4C;;IACtF,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAOpC;IAEF,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAK;IAI5C,eAAe,CAAC,OAAO,CAAC,QAAQ,CAAiC;IAmBjE,eAAe,CAAC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAU3C;;IAcL;;;OAGG;IACiE,sBAAsB,UAAS;IAEnG;;;OAGG;IACyC,QAAQ,UAAS;IAE7D;;;OAGG;IACsD,YAAY,UAAS;IAE9E;;;OAGG;IACuD,aAAa,UAAS;IAEhF;;;OAGG;IAYH,MAAM,EAAE,sBAAsB,GAAG,CAAC,CAAC,MAAM,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,CAAc;IAEpG;;;OAGG;IAC0B,OAAO,UAAS;IAE7C;;;OAGG;IACqD,UAAU,UAAS;IAE3E;;;OAGG;IACqD,WAAW,UAAS;IAE5E;;;OAGG;IACuC,YAAY,SAAgB;IAEtE;;;OAGG;IACuC,WAAW,SAAgB;IAErE;;;OAGG;IACuC,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,CACvE;IAErB;;;OAGG;IACqC,UAAU,SAAM;IAExD,wCAAwC;IACxC,IAAI,OAAO,IAAI,SAAS,gBAAgB,EAAE,CAEzC;IAED,2BAA2B;IAC3B,IAAI,QAAQ,IAAI,gBAAgB,GAAG,IAAI,CAEtC;IAED,oCAAoC;IACpC,IAAI,KAAK,IAAI,MAAM,GAAG,IAAI,CAGzB;IAoCD,kBAAkB;IACT,MAAM,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI;IAoB3C,kBAAkB;IACT,MAAM,IAAI,IAAI;IAkBvB;;;OAGG;IACH,KAAK,CAAC,YAAY,UAAQ,GAAG,IAAI;IAgBjC,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAKlC,kBAAkB;cACC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IA2BxE,kBAAkB;cACC,MAAM,IAAI,OAAO;CAoiBrC;AAED,UAAU,8BAA+B,SAAQ,mBAAmB;IAClE,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,WAAW,CAAC,4BAA4B,CAAC,CAAC;CAClD;AAED,MAAM,WAAW,sBAAsB;IACrC,gBAAgB,CAAC,CAAC,SAAS,MAAM,8BAA8B,EAC7D,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,sBAAsB,EAAE,EAAE,EAAE,8BAA8B,CAAC,CAAC,CAAC,KAAK,IAAI,EACvF,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAC1C,IAAI,CAAC;IAER,gBAAgB,CACd,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,kCAAkC,EAC5C,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAC1C,IAAI,CAAC;IAER,mBAAmB,CAAC,CAAC,SAAS,MAAM,8BAA8B,EAChE,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,sBAAsB,EAAE,EAAE,EAAE,8BAA8B,CAAC,CAAC,CAAC,KAAK,IAAI,EACvF,OAAO,CAAC,EAAE,OAAO,GAAG,oBAAoB,GACvC,IAAI,CAAC;IAER,mBAAmB,CACjB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,kCAAkC,EAC5C,OAAO,CAAC,EAAE,OAAO,GAAG,oBAAoB,GACvC,IAAI,CAAC;CACT;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,sBAAsB,CAAC;KAC5C;CACF"}

package/dist/src/autocomplete/AutocompleteQueryEventDetail.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Emitted when the autocomplete needs option data for the current term.
+ *
+ * This event fires in two situations:
+ * - When the input receives focus and no options are available yet
+ * - When the user changes the input value (the term)
+ */
+export interface AutocompleteQueryEventDetail {
+    /** The term for which the component is requesting option data. */
+    term: string;
+}
+//# sourceMappingURL=AutocompleteQueryEventDetail.d.ts.map

package/dist/src/autocomplete/AutocompleteQueryEventDetail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompleteQueryEventDetail.d.ts","sourceRoot":"","sources":["../../../src/autocomplete/AutocompleteQueryEventDetail.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,WAAW,4BAA4B;IAC3C,kEAAkE;IAClE,IAAI,EAAE,MAAM,CAAC;CACd"}

package/dist/src/autocomplete/QueryEventDetail.d.ts

@@ -1,12 +1,7 @@
+import { AutocompleteQueryEventDetail } from "./AutocompleteQueryEventDetail";
 /**
  * Emitted when the autocomplete needs option data for the current term.
- *
- * This event fires in two situations:
- * - When the input receives focus and no options are available yet
- * - When the user changes the input value (the term)
+ * @deprecated Use `AutocompleteQueryEventDetail`.
  */
-export interface QueryEventDetail {
-    /** The term for which the component is requesting option data. */
-    term: string;
-}
+export type QueryEventDetail = AutocompleteQueryEventDetail;
 //# sourceMappingURL=QueryEventDetail.d.ts.map

package/dist/src/autocomplete/QueryEventDetail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QueryEventDetail.d.ts","sourceRoot":"","sources":["../../../src/autocomplete/QueryEventDetail.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,WAAW,gBAAgB;IAC/B,kEAAkE;IAClE,IAAI,EAAE,MAAM,CAAC;CACd"}
+{"version":3,"file":"QueryEventDetail.d.ts","sourceRoot":"","sources":["../../../src/autocomplete/QueryEventDetail.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAE9E;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,4BAA4B,CAAC"}

package/dist/src/autocomplete/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./AutocompleteElement";
 export * from "./AutocompleteFilterMode";
+export * from "./AutocompleteQueryEventDetail";
 export * from "./QueryEventDetail";
 //# sourceMappingURL=index.d.ts.map

package/dist/src/autocomplete/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/autocomplete/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/autocomplete/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oBAAoB,CAAC"}

package/dist/src/bottom-sheet/BottomSheetElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetElement.d.ts","sourceRoot":"","sources":["../../../src/bottom-sheet/BottomSheetElement.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAW,cAAc,EAAa,MAAM,KAAK,CAAC;AAuBhG,OAAO,oBAAoB,CAAC;;AAE5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgGG;AACH,qBACa,qBAAsB,SAAQ,0BAO1C;;IAqBC,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CA4MpC;IAEF,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,WAAW,CAAC,CAAwB;IAyBnE;;;OAGG;IACyC,KAAK,UAAS;IAE1D;;;OAGG;IACyC,IAAI,UAAS;IAEzD;;;;OAIG;IAC0B,MAAM,UAAS;IAE5C;;;OAGG;IACsC,WAAW,SAAiB;IAErE;;;OAGG;IAC2E,OAAO,EAAE,MAAM,EAAE,CAAM;IAErG;;;OAGG;IACyB,MAAM,SAAK;IAEvC;;;OAGG;IACyC,QAAQ,UAAS;IAE7D;;;OAGG;IACqD,YAAY,SAAO;IAE3E;;;OAGG;IACH,IAAI,CAAC,MAAM,GAAE,MAAoB,GAAG,IAAI;IASxC,uBAAuB;IACvB,IAAI,IAAI,IAAI;IAIZ;;;OAGG;IACH,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI;IAQ7B,0CAA0C;IAC1C,KAAK,IAAI,IAAI;IAeb,kBAAkB;cACC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAUxE,kBAAkB;IACT,mBAAmB,IAAI,IAAI;IAKpC,kBAAkB;IACT,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAK/D,kBAAkB;cACC,OAAO,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAmFpE,kBAAkB;cACC,MAAM,IAAI,OAAO;CA2brC;AAED,UAAU,6BAA8B,SAAQ,mBAAmB;IACjE,OAAO,EAAE,KAAK,CAAC;IACf,MAAM,EAAE,KAAK,CAAC;IACd,OAAO,EAAE,KAAK,CAAC;IACf,MAAM,EAAE,KAAK,CAAC;IACd,MAAM,EAAE,KAAK,CAAC;CACf;AAED,MAAM,WAAW,qBAAqB;IACpC,gBAAgB,CAAC,CAAC,SAAS,MAAM,6BAA6B,EAC5D,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,qBAAqB,EAAE,EAAE,EAAE,6BAA6B,CAAC,CAAC,CAAC,KAAK,IAAI,EACrF,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAC1C,IAAI,CAAC;IAER,gBAAgB,CACd,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,kCAAkC,EAC5C,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAC1C,IAAI,CAAC;IAER,mBAAmB,CAAC,CAAC,SAAS,MAAM,6BAA6B,EAC/D,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,qBAAqB,EAAE,EAAE,EAAE,6BAA6B,CAAC,CAAC,CAAC,KAAK,IAAI,EACrF,OAAO,CAAC,EAAE,OAAO,GAAG,oBAAoB,GACvC,IAAI,CAAC;IAER,mBAAmB,CACjB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,kCAAkC,EAC5C,OAAO,CAAC,EAAE,OAAO,GAAG,oBAAoB,GACvC,IAAI,CAAC;CACT;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,qBAAqB,CAAC;KAC3C;CACF"}
+{"version":3,"file":"BottomSheetElement.d.ts","sourceRoot":"","sources":["../../../src/bottom-sheet/BottomSheetElement.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAW,cAAc,EAAa,MAAM,KAAK,CAAC;AAyBhG,OAAO,oBAAoB,CAAC;;AAE5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgGG;AACH,qBACa,qBAAsB,SAAQ,0BAO1C;;IAeC,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CA4MpC;IAEF,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,WAAW,CAAC,CAAwB;IAyBnE;;;OAGG;IACyC,KAAK,UAAS;IAE1D;;;OAGG;IACyC,IAAI,UAAS;IAEzD;;;;OAIG;IAC0B,MAAM,UAAS;IAE5C;;;OAGG;IACsC,WAAW,SAAiB;IAErE;;;OAGG;IAC2E,OAAO,EAAE,MAAM,EAAE,CAAM;IAErG;;;OAGG;IACyB,MAAM,SAAK;IAEvC;;;OAGG;IACyC,QAAQ,UAAS;IAE7D;;;OAGG;IACqD,YAAY,SAAO;IAE3E;;;OAGG;IACH,IAAI,CAAC,MAAM,GAAE,MAAoB,GAAG,IAAI;IASxC,uBAAuB;IACvB,IAAI,IAAI,IAAI;IAIZ;;;OAGG;IACH,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI;IAQ7B,0CAA0C;IAC1C,KAAK,IAAI,IAAI;IAeb,kBAAkB;cACC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAUxE,kBAAkB;IACT,mBAAmB,IAAI,IAAI;IAKpC,kBAAkB;IACT,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAK/D,kBAAkB;cACC,OAAO,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAmFpE,kBAAkB;cACC,MAAM,IAAI,OAAO;CAmarC;AAED,UAAU,6BAA8B,SAAQ,mBAAmB;IACjE,OAAO,EAAE,KAAK,CAAC;IACf,MAAM,EAAE,KAAK,CAAC;IACd,OAAO,EAAE,KAAK,CAAC;IACf,MAAM,EAAE,KAAK,CAAC;IACd,MAAM,EAAE,KAAK,CAAC;CACf;AAED,MAAM,WAAW,qBAAqB;IACpC,gBAAgB,CAAC,CAAC,SAAS,MAAM,6BAA6B,EAC5D,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,qBAAqB,EAAE,EAAE,EAAE,6BAA6B,CAAC,CAAC,CAAC,KAAK,IAAI,EACrF,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAC1C,IAAI,CAAC;IAER,gBAAgB,CACd,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,kCAAkC,EAC5C,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAC1C,IAAI,CAAC;IAER,mBAAmB,CAAC,CAAC,SAAS,MAAM,6BAA6B,EAC/D,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,qBAAqB,EAAE,EAAE,EAAE,6BAA6B,CAAC,CAAC,CAAC,KAAK,IAAI,EACrF,OAAO,CAAC,EAAE,OAAO,GAAG,oBAAoB,GACvC,IAAI,CAAC;IAER,mBAAmB,CACjB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,kCAAkC,EAC5C,OAAO,CAAC,EAAE,OAAO,GAAG,oBAAoB,GACvC,IAAI,CAAC;CACT;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,qBAAqB,CAAC;KAC3C;CACF"}

package/dist/src/calendar/CalendarElement.d.ts

@@ -0,0 +1,213 @@
+/**
+ * Adapted from Angular Material Datepicker
+ * Source: https://github.com/angular/components/blob/main/src/material/datepicker/calendar.ts
+ *
+ * @license MIT
+ * Copyright (c) 2025 Google LLC
+ * See LICENSE file in the project root for full license text.
+ */
+import { CSSResultGroup, LitElement, PropertyValues } from "lit";
+import "@m3e/web/button";
+import "@m3e/web/icon-button";
+import "@m3e/web/tooltip";
+import { CalendarView } from "./CalendarView";
+import "./MonthViewElement";
+import "./MultiYearViewElement";
+import "./YearViewElement";
+/**
+ * A calendar used to select a date.
+ *
+ * @description
+ * The `m3e-calendar` component provides structured navigation and selection across
+ * month, year, and multi‑year views. It supports single‑date and range selection,
+ * applies disabled rules including minimum, maximum, and blackout constraints, and
+ * provides styling hooks for special date states.
+ *
+ * @example
+ * The following example illustrates use of the `m3e-calendar`. In this example, a calendar is displayed
+ * with a selected date.
+ *
+ * ```html
+ * <m3e-calendar date="2025-12-13"></m3e-calendar>
+ * ```
+ *
+ * @tag m3e-calendar
+ *
+ * @slot header - Renders the header of the calendar.
+ *
+ * @attr date - The selected date.
+ * @attr max-date - The maximum date that can be selected.
+ * @attr min-date - The minimum date that can be selected.
+ * @attr range-end - End of a date range.
+ * @attr range-start - Start of a date range.
+ * @attr start-at - A date specifying the period (month or year) to start the calendar in.
+ * @attr start-view - The initial view used to select a date.
+ * @attr previous-month-label - The accessible label given to the button used to move to the previous month.
+ * @attr next-month-label - The accessible label given to the button used to move to the next month.
+ * @attr previous-year-label - The accessible label given to the button used to move to the previous year.
+ * @attr next-year-label - The accessible label given to the button used to move to the next year.
+ * @attr previous-multi-year-label - The accessible label given to the button used to move to the previous 24 years.
+ * @attr next-multi-year-label - The accessible label given to the button used to move to the next 24 years.
+ *
+ * @fires change - Emitted when the selected date changes.
+ *
+ * @cssprop --m3e-calendar-container-color - Background color of the container surface.
+ * @cssprop --m3e-calendar-container-elevation - Elevation shadow applied to the container surface.
+ * @cssprop --m3e-calendar-container-shape - Corner radius of the container surface.
+ * @cssprop --m3e-calendar-padding - Padding applied to the calendar header and body.
+ * @cssprop --m3e-calendar-period-button-text-color - Text color used for the period‑navigation buttons in the header.
+ * @cssprop --m3e-calendar-weekday-font-size - Font size of weekday labels in month view.
+ * @cssprop --m3e-calendar-weekday-font-weight - Font weight of weekday labels in month view.
+ * @cssprop --m3e-calendar-weekday-line-height - Line height of weekday labels in month view.
+ * @cssprop --m3e-calendar-weekday-tracking - Letter spacing of weekday labels in month view.
+ * @cssprop --m3e-calendar-date-font-size - Font size of date cells in month view.
+ * @cssprop --m3e-calendar-date-font-weight - Font weight of date cells in month view.
+ * @cssprop --m3e-calendar-date-line-height - Line height of date cells in month view.
+ * @cssprop --m3e-calendar-date-tracking - Letter spacing of date cells in month view.
+ * @cssprop --m3e-calendar-item-font-size - Font size of items in year and multi‑year views.
+ * @cssprop --m3e-calendar-item-font-weight - Font weight of items in year and multi‑year views.
+ * @cssprop --m3e-calendar-item-line-height - Line height of items in year and multi‑year views.
+ * @cssprop --m3e-calendar-item-tracking - Letter spacing of items in year and multi‑year views.
+ * @cssprop --m3e-calendar-item-selected-color - Text color for selected date items.
+ * @cssprop --m3e-calendar-item-selected-container-color - Background color for selected date items.
+ * @cssprop --m3e-calendar-item-selected-ripple-color - Ripple color used when interacting with selected date items.
+ * @cssprop --m3e-calendar-item-selected-hover-color - Hover color used when interacting with selected date items.
+ * @cssprop --m3e-calendar-item-selected-focus-color - Focus color used when interacting with selected date items.
+ * @cssprop --m3e-calendar-item-current-outline-thickness - Outline thickness used to indicate the current date.
+ * @cssprop --m3e-calendar-item-current-outline-color - Outline color used to indicate the current date.
+ * @cssprop --m3e-calendar-item-special-color - Text color for dates marked as special.
+ * @cssprop --m3e-calendar-item-special-container-color - Background color for dates marked as special.
+ * @cssprop --m3e-calendar-item-special-ripple-color - Ripple color used when interacting with dates marked as special.
+ * @cssprop --m3e-calendar-item-special-hover-color - Hover color used when interacting with dates marked as special.
+ * @cssprop --m3e-calendar-item-special-focus-color - Focus color used when interacting with dates marked as special.
+ * @cssprop --m3e-calendar-range-container-color - Background color applied to the selected date range.
+ * @cssprop --m3e-calendar-range-color - Text color for dates within a selected range.
+ * @cssprop --m3e-calendar-item-disabled-color - Color used for disabled date items.
+ * @cssprop --m3e-calendar-item-disabled-color-opacity - Opacity applied to the disabled item color.
+ * @cssprop --m3e-calendar-slide-animation-duration - Duration of slide transitions between calendar views.
+ */
+export declare class M3eCalendarElement extends LitElement {
+    #private;
+    /** The styles of the element. */
+    static styles: CSSResultGroup;
+    /** @private */ private _today;
+    /** @private */ private _activeView;
+    /** @private */ private _activeDate;
+    /** @private */ private readonly _view?;
+    /** @private */ private readonly _body;
+    /**
+     * The initial view used to select a date.
+     * @default "month"
+     */
+    startView: CalendarView;
+    /**
+     * The selected date.
+     * @default null
+     */
+    date: Date | null;
+    /**
+     * A date specifying the period (month or year) to start the calendar in.
+     * @default null
+     */
+    startAt: Date | null;
+    /**
+     * The minimum date that can be selected.
+     * @default null
+     */
+    minDate: Date | null;
+    /**
+     * The maximum date that can be selected.
+     * @default null
+     */
+    maxDate: Date | null;
+    /**
+     * Start of a date range.
+     * @default null
+     */
+    rangeStart: Date | null;
+    /**
+     * End of a date range.
+     * @default null
+     */
+    rangeEnd: Date | null;
+    /**
+     * A function used to determine whether a date cannot be selected.
+     * @default null
+     */
+    blackoutDates: ((date: Date) => boolean) | null;
+    /**
+     * A function used to determine whether a date is special.
+     * @default null
+     */
+    specialDates: ((date: Date) => boolean) | null;
+    /**
+     * The accessible label given to the button used to move to the previous month.
+     * @default "Previous month"
+     */
+    previousMonthLabel: string;
+    /**
+     * The accessible label given to the button used to move to the previous year.
+     * @default "Previous year"
+     */
+    previousYearLabel: string;
+    /**
+     * The accessible label given to the button used to move to the previous 24 years.
+     * @default "Previous 24 years"
+     */
+    previousMultiYearLabel: string;
+    /**
+     * The accessible label given to the button used to move to the next month.
+     * @default "Next month"
+     */
+    nextMonthLabel: string;
+    /**
+     * The accessible label given to the button used to move to the next year.
+     * @default "Next year"
+     */
+    nextYearLabel: string;
+    /**
+     * The accessible label given to the button used to move to the next 24 years.
+     * @default "Next 24 years"
+     */
+    nextMultiYearLabel: string;
+    /** The label to present for the current period. */
+    get periodLabel(): string;
+    /** Whether the calendar can move to the previous period. */
+    get canMovePreviousPeriod(): boolean;
+    /** Whether the calendar can move to the next period. */
+    get canMoveNextPeriod(): boolean;
+    /**
+     * Asynchronously focuses the active date.
+     * @returns {Promise<void>} A promise that resolves after the active date has been focused.
+     */
+    focusActiveCell(): Promise<void>;
+    /** Updates today's date. */
+    updateTodayDate(): void;
+    /**
+     * Moves the calendar to the previous period.
+     * @returns {Promise<void>} A promise that resolves when the operation is complete.
+     */
+    movePreviousPeriod(): Promise<void>;
+    /**
+     * Moves the calendar to the next period.
+     * @returns {Promise<void>} A promise that resolves when the operation is complete.
+     */
+    moveNextPeriod(): Promise<void>;
+    /**
+     * Toggles the current period.
+     * @returns {Promise<void>} A promise that resolves when the operation is complete.
+     */
+    togglePeriod(): Promise<void>;
+    /** @inheritdoc */
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    /** @inheritdoc */
+    protected updated(_changedProperties: PropertyValues<this>): void;
+    /** @inheritdoc */
+    protected render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-calendar": M3eCalendarElement;
+    }
+}
+//# sourceMappingURL=CalendarElement.d.ts.map

package/dist/src/calendar/CalendarElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarElement.d.ts","sourceRoot":"","sources":["../../../src/calendar/CalendarElement.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAa,MAAM,KAAK,CAAC;AAQvF,OAAO,iBAAiB,CAAC;AACzB,OAAO,sBAAsB,CAAC;AAC9B,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAK9C,OAAO,oBAAoB,CAAC;AAC5B,OAAO,wBAAwB,CAAC;AAChC,OAAO,mBAAmB,CAAC;AAE3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuEG;AACH,qBACa,kBAAmB,SAAQ,UAAU;;IAChD,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CA8GpC;IAGF,eAAe,CAAU,OAAO,CAAC,MAAM,CAAc;IACrD,eAAe,CAAU,OAAO,CAAC,WAAW,CAAyB;IACrE,eAAe,CAAU,OAAO,CAAC,WAAW,CAAoB;IAChE,eAAe,CAAmB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAA0B;IACnF,eAAe,CAAiB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAe;IAErE;;;OAGG;IACoC,SAAS,EAAE,YAAY,CAAW;IAEzE;;;OAGG;IACqC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IAEjE;;;OAGG;IAC4D,OAAO,EAAE,IAAI,GAAG,IAAI,CAAQ;IAE3F;;;OAGG;IAC4D,OAAO,EAAE,IAAI,GAAG,IAAI,CAAQ;IAE3F;;;OAGG;IAC4D,OAAO,EAAE,IAAI,GAAG,IAAI,CAAQ;IAE3F;;;OAGG;IAC+D,UAAU,EAAE,IAAI,GAAG,IAAI,CAAQ;IAEjG;;;OAGG;IAC6D,QAAQ,EAAE,IAAI,GAAG,IAAI,CAAQ;IAE7F;;;OAGG;IAC6B,aAAa,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,GAAG,IAAI,CAAQ;IAEvF;;;OAGG;IAC6B,YAAY,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,GAAG,IAAI,CAAQ;IAEtF;;;OAGG;IAC8C,kBAAkB,SAAoB;IAEvF;;;OAGG;IAC6C,iBAAiB,SAAmB;IAEpF;;;OAGG;IACmD,sBAAsB,SAAuB;IAEnG;;;OAGG;IAC0C,cAAc,SAAgB;IAE3E;;;OAGG;IACyC,aAAa,SAAe;IAExE;;;OAGG;IAC+C,kBAAkB,SAAmB;IAEvF,mDAAmD;IACnD,IAAI,WAAW,IAAI,MAAM,CAkBxB;IAED,4DAA4D;IAC5D,IAAI,qBAAqB,IAAI,OAAO,CAYnC;IAED,wDAAwD;IACxD,IAAI,iBAAiB,IAAI,OAAO,CAY/B;IAED;;;OAGG;IACG,eAAe,IAAI,OAAO,CAAC,IAAI,CAAC;IAOtC,4BAA4B;IAC5B,eAAe,IAAI,IAAI;IAIvB;;;OAGG;IACG,kBAAkB,IAAI,OAAO,CAAC,IAAI,CAAC;IAqCzC;;;OAGG;IACG,cAAc,IAAI,OAAO,CAAC,IAAI,CAAC;IAqCrC;;;OAGG;IACG,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC;IAMnC,kBAAkB;cACC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAc5E,kBAAkB;cACC,OAAO,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAa1E,kBAAkB;cACC,MAAM,IAAI,OAAO;CAwNrC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,kBAAkB,CAAC;KACpC;CACF"}

package/dist/src/calendar/CalendarView.d.ts

@@ -0,0 +1,3 @@
+/** Specifies the possible views of a calendar. */
+export type CalendarView = "month" | "year" | "multi-year";
+//# sourceMappingURL=CalendarView.d.ts.map

package/dist/src/calendar/CalendarView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarView.d.ts","sourceRoot":"","sources":["../../../src/calendar/CalendarView.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,MAAM,GAAG,YAAY,CAAC"}

package/dist/src/calendar/CalendarViewElementBase.d.ts

@@ -0,0 +1,28 @@
+import { CSSResultGroup, LitElement } from "lit";
+/**
+ * A base implementation for a view in a calendar. This class must be inherited.
+ * @internal
+ */
+export declare abstract class CalendarViewElementBase extends LitElement {
+    /** The styles of the element. */
+    static styles: CSSResultGroup;
+    /** @private */ private readonly _activeItem?;
+    /** Today's date. */
+    today: Date;
+    /** The selected date. */
+    date: Date | null;
+    /** The active date. */
+    activeDate: Date;
+    /** The minimum date that can be selected. */
+    minDate: Date | null;
+    /** The maximum date that can be selected. */
+    maxDate: Date | null;
+    /**
+     * Asynchronously focuses the active date.
+     * @returns {Promise<void>} A promise that resolves after the active date has been focused.
+     */
+    focusActiveCell(): Promise<void>;
+    /** @internal */
+    protected _changeActiveDate(activeDate: Date): void;
+}
+//# sourceMappingURL=CalendarViewElementBase.d.ts.map

package/dist/src/calendar/CalendarViewElementBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarViewElementBase.d.ts","sourceRoot":"","sources":["../../../src/calendar/CalendarViewElementBase.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAOtD;;;GAGG;AACH,8BAAsB,uBAAwB,SAAQ,UAAU;IAC9D,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAyGpC;IAEF,eAAe,CAA2B,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAc;IAErF,oBAAoB;IACoB,KAAK,EAAE,IAAI,CAAc;IAEjE,yBAAyB;IACe,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IAEjE,uBAAuB;IAC2C,UAAU,EAAE,IAAI,CAAc;IAEhG,6CAA6C;IACkB,OAAO,EAAE,IAAI,GAAG,IAAI,CAAQ;IAE3F,6CAA6C;IACkB,OAAO,EAAE,IAAI,GAAG,IAAI,CAAQ;IAE3F;;;OAGG;IACG,eAAe,IAAI,OAAO,CAAC,IAAI,CAAC;IAUtC,gBAAgB;IAChB,SAAS,CAAC,iBAAiB,CAAC,UAAU,EAAE,IAAI,GAAG,IAAI;CAWpD"}

package/dist/src/calendar/MonthViewElement.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Adapted from Angular Material Datepicker
+ * Source: https://github.com/angular/components/blob/main/src/material/datepicker/month-view.ts
+ *
+ * @license MIT
+ * Copyright (c) 2025 Google LLC
+ * See LICENSE file in the project root for full license text.
+ */
+import { CSSResultGroup } from "lit";
+import { CalendarViewElementBase } from "./CalendarViewElementBase";
+/**
+ * An internal component used to display a single month in a calendar.
+ * @internal
+ */
+export declare class M3eMonthViewElement extends CalendarViewElementBase {
+    #private;
+    /** The styles of the element. */
+    static styles: CSSResultGroup;
+    /** @internal */ _suppressFocusHighlight: boolean;
+    /** Start of a date range. */
+    rangeStart: Date | null;
+    /** End of a date range. */
+    rangeEnd: Date | null;
+    /** A function used to determine whether a date cannot be selected. */
+    blackoutDates: ((date: Date) => boolean) | null;
+    /** A function used to determine whether a date is special. */
+    specialDates: ((date: Date) => boolean) | null;
+    /** @inheritdoc */
+    protected render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-month-view": M3eMonthViewElement;
+    }
+}
+//# sourceMappingURL=MonthViewElement.d.ts.map

package/dist/src/calendar/MonthViewElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthViewElement.d.ts","sourceRoot":"","sources":["../../../src/calendar/MonthViewElement.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAO,cAAc,EAAiB,MAAM,KAAK,CAAC;AAQzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAWpE;;;GAGG;AACH,qBACa,mBAAoB,SAAQ,uBAAuB;;IAC9D,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAwHpC;IAEF,gBAAgB,CAAC,uBAAuB,UAAQ;IAEhD,6BAA6B;IACqC,UAAU,EAAE,IAAI,GAAG,IAAI,CAAQ;IAEjG,2BAA2B;IACqC,QAAQ,EAAE,IAAI,GAAG,IAAI,CAAQ;IAE7F,sEAAsE;IACtC,aAAa,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,GAAG,IAAI,CAAQ;IAEvF,8DAA8D;IAC9B,YAAY,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,GAAG,IAAI,CAAQ;IAEtF,kBAAkB;cACC,MAAM,IAAI,OAAO;CAiQrC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}