@m3e/web 2.4.0 → 2.5.0

package/dist/bottom-sheet.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"bottom-sheet.min.js","sources":["../../src/bottom-sheet/BottomSheetActionElement.ts","../../src/bottom-sheet/BottomSheetElement.ts","../../src/bottom-sheet/BottomSheetTriggerElement.ts"],"sourcesContent":["import { ActionElementBase, customElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * An element, nested within a clickable element, used to close a parenting bottom sheet.\r\n * @tag m3e-bottom-sheet-action\r\n *\r\n * @slot - Renders the content of the action.\r\n */\r\n@customElement(\"m3e-bottom-sheet-action\")\r\nexport class M3eBottomSheetActionElement extends ActionElementBase {\r\n  /** @inheritdoc */\r\n  protected override _onClick(): void {\r\n    this.closest(\"m3e-bottom-sheet\")?.hide();\r\n  }\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    \"m3e-bottom-sheet-action\": M3eBottomSheetActionElement;\r\n  }\r\n}\r\n","/* eslint-disable @typescript-eslint/no-unsafe-declaration-merging */\r\nimport { css, CSSResultGroup, html, LitElement, nothing, PropertyValues, unsafeCSS } from \"lit\";\r\nimport { property } from \"lit/decorators.js\";\r\n\r\nimport {\r\n  AttachInternals,\r\n  customElement,\r\n  computeCssSize,\r\n  DesignToken,\r\n  EventAttribute,\r\n  focusWhenReady,\r\n  hasAssignedNodes,\r\n  hasCustomState,\r\n  prefersReducedMotion,\r\n  ResizeController,\r\n  ScrollLockController,\r\n  setCustomState,\r\n  spaceSeparatedStringConverter,\r\n  VelocityTracker,\r\n  SuppressInitialAnimation,\r\n  ReconnectedCallback,\r\n  registerStyleSheet,\r\n  InertController,\r\n} from \"@m3e/web/core\";\r\n\r\nimport { isModifierAllowed, M3eInteractivityChecker } from \"@m3e/web/core/a11y\";\r\nimport \"@m3e/web/core/a11y\";\r\n\r\n/**\r\n * A sheet used to show secondary content anchored to the bottom of the screen.\r\n *\r\n * @description\r\n * The `m3e-bottom-sheet` component implements a Material 3 bottom sheet with\r\n * gesture‑driven resizing, detent snapping, and adaptive motion. It behaves as\r\n * a heavy surface: transitions use non‑bouncy, decelerating motion.\r\n *\r\n * The sheet supports direct manipulation through vertical drag gestures.\r\n * Movement below an 8px threshold is ignored to ensure reliable tap‑to‑cycle\r\n * behavior on the handle. Once activated, dragging updates the sheet height\r\n * with friction near the minimum height to prevent abrupt collapse.\r\n *\r\n * When detents are defined, the sheet snaps to the nearest detent on release.\r\n * If hideable, downward gestures may dismiss the sheet using either velocity\r\n * or a small distance threshold below the collapsed detent. When no detents\r\n * are present, the sheet behaves as a simple open/hidden surface with a\r\n * bottom‑measured hide threshold.\r\n *\r\n * @example\r\n * The following example shows a modal bottom sheet with a drag handle,\r\n * three detents (`fit`, `half`, and `full`), and an action list. The sheet\r\n * is opened using a dedicated `m3e-bottom-sheet-trigger` associated by ID.\r\n * ```html\r\n * <m3e-button>\r\n *   <m3e-bottom-sheet-trigger for=\"bottomSheet\">\r\n *     Open Bottom sheet\r\n *   </m3e-bottom-sheet-trigger>\r\n * </m3e-button>\r\n *\r\n * <m3e-bottom-sheet id=\"bottomSheet\" modal handle hideable detents=\"fit half full\">\r\n *   <m3e-action-list>\r\n *     <m3e-list-action autofocus>\r\n *       <m3e-bottom-sheet-action>Google Keep</m3e-bottom-sheet-action>\r\n *       <span slot=\"supporting-text\">Add to a note</span>\r\n *     </m3e-list-action>\r\n *     <m3e-list-action>\r\n *       <m3e-bottom-sheet-action>Google Docs</m3e-bottom-sheet-action>\r\n *       <span slot=\"supporting-text\">Embed in a document</span>\r\n *     </m3e-list-action>\r\n *   </m3e-action-list>\r\n * </m3e-bottom-sheet>\r\n * ```\r\n *\r\n * @tag m3e-bottom-sheet\r\n *\r\n * @slot - Renders the content of the sheet.\r\n * @slot header - Renders the header of the sheet.\r\n *\r\n * @attr detent - The zero‑based index of the detent the sheet should open to.\r\n * @attr detents - Detents (discrete height states) the sheet can snap to.\r\n * @attr handle - Whether to display a drag handle and enable the top region of the sheet as a gesture surface for dragging between detents.\r\n * @attr handle-label - The accessible label given to the drag handle.\r\n * @attr hideable - Whether the bottom sheet can hide when its swiped down.\r\n * @attr hide-friction - The friction coefficient to hide the sheet, or set it to the next closest expanded detent.\r\n * @attr modal - Whether the bottom sheet behaves as modal.\r\n * @attr open - Whether the bottom sheet is open.\r\n *\r\n * @fires opening - Emitted when the sheet begins to open.\r\n * @fires opened - Emitted when the sheet has opened.\r\n * @fires cancel - Emitted when the sheet is cancelled.\r\n * @fires closing - Emitted when the sheet begins to close.\r\n * @fires closed - Emitted when the sheet has closed.\r\n *\r\n * @cssprop --m3e-bottom-sheet-width - The width of the sheet.\r\n * @cssprop --m3e-bottom-sheet-max-width - The maximum width of the sheet.\r\n * @cssprop --m3e-bottom-sheet-container-color - The background color of the sheet container.\r\n * @cssprop --m3e-bottom-sheet-elevation - The elevation level when not modal.\r\n * @cssprop --m3e-bottom-sheet-modal-elevation - The elevation level when modal.\r\n * @cssprop --m3e-bottom-sheet-full-elevation - The elevation level when full height.\r\n * @cssprop --m3e-bottom-sheet-z-index - The z-index of the non-modal sheet.\r\n * @cssprop --m3e-bottom-sheet-minimized-container-shape - The border radius when minimized.\r\n * @cssprop --m3e-bottom-sheet-container-shape - The border radius of the sheet container.\r\n * @cssprop --m3e-bottom-sheet-full-container-shape - The border radius when full height.\r\n * @cssprop --m3e-bottom-sheet-scrim-color - The color of the scrim overlay.\r\n * @cssprop --m3e-bottom-sheet-scrim-opacity - The opacity of the scrim overlay.\r\n * @cssprop --m3e-bottom-sheet-peek-height - The visible height when minimized.\r\n * @cssprop --m3e-bottom-sheet-compact-top-space - The top space in compact mode.\r\n * @cssprop --m3e-bottom-sheet-top-space - The top space in standard mode.\r\n * @cssprop --m3e-bottom-sheet-padding-block - The vertical padding.\r\n * @cssprop --m3e-bottom-sheet-padding-inline - The horizontal padding.\r\n * @cssprop --m3e-bottom-sheet-handle-container-height - The height of the drag handle container.\r\n * @cssprop --m3e-bottom-sheet-handle-width - The width of the drag handle.\r\n * @cssprop --m3e-bottom-sheet-handle-height - The height of the drag handle.\r\n * @cssprop --m3e-bottom-sheet-handle-shape - The border radius of the handle.\r\n * @cssprop --m3e-bottom-sheet-handle-color - The color of the drag handle.\r\n * @cssprop --m3e-bottom-sheet-handle-focus-ring-offset - The offset of the focus ring around the handle.\r\n * @cssprop --m3e-bottom-sheet-color - The foreground (text) color of the sheet.\r\n * @cssprop --m3e-bottom-sheet-content-font-size - Font size for the sheet content.\r\n * @cssprop --m3e-bottom-sheet-content-font-weight - Font weight for the sheet content.\r\n * @cssprop --m3e-bottom-sheet-content-line-height - Line height for the sheet content.\r\n * @cssprop --m3e-bottom-sheet-content-tracking - Letter spacing (tracking) for the sheet content.\r\n * @cssprop --m3e-bottom-sheet-header-font-size - Font size for the sheet header.\r\n * @cssprop --m3e-bottom-sheet-header-font-weight - Font weight for the sheet header.\r\n * @cssprop --m3e-bottom-sheet-header-line-height - Line height for the sheet header.\r\n * @cssprop --m3e-bottom-sheet-header-tracking - Letter spacing (tracking) for the sheet header.\r\n */\r\n@customElement(\"m3e-bottom-sheet\")\r\nexport class M3eBottomSheetElement extends EventAttribute(\r\n  ReconnectedCallback(SuppressInitialAnimation(AttachInternals(LitElement))),\r\n  \"opening\",\r\n  \"opened\",\r\n  \"cancel\",\r\n  \"closing\",\r\n  \"closed\",\r\n) {\r\n  static {\r\n    registerStyleSheet(css`\r\n      @property --_bottom-sheet-height {\r\n        syntax: \"<length>\";\r\n        inherits: false;\r\n        initial-value: 50vh;\r\n      }\r\n      m3e-bottom-sheet > [slot=\"header\"] {\r\n        margin-block-end: var(--m3e-bottom-sheet-padding-block, 0.5rem);\r\n        margin-inline: var(--m3e-bottom-sheet-padding-inline, 1rem);\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: block;\r\n      position: fixed;\r\n      left: 50%;\r\n      top: calc(100vh - var(--_bottom-sheet-height));\r\n      margin: 0;\r\n      padding: 0;\r\n      outline: none;\r\n      overflow: hidden;\r\n      border: none;\r\n      box-sizing: border-box;\r\n      width: var(--m3e-bottom-sheet-width, 100%);\r\n      max-width: var(--m3e-bottom-sheet-max-width, 40rem);\r\n      height: var(--_bottom-sheet-height);\r\n      color: var(--m3e-bottom-sheet-color, ${DesignToken.color.onSurface});\r\n      background-color: var(--m3e-bottom-sheet-container-color, ${DesignToken.color.surfaceContainerLow});\r\n    }\r\n    :host(:not(:state(-no-animate))) {\r\n      transition: ${unsafeCSS(\r\n        `transform ${DesignToken.motion.duration.medium2} ${DesignToken.motion.easing.standardDecelerate},\r\n        border-radius ${DesignToken.motion.duration.medium2} ${DesignToken.motion.easing.standard}`,\r\n      )};\r\n    }\r\n    :host(:not([modal]):not(:state(-full))) .elevation {\r\n      --m3e-elevation-level: var(--m3e-bottom-sheet-elevation, ${DesignToken.elevation.level1});\r\n    }\r\n    :host([modal]:not(:state(-full))) .elevation {\r\n      --m3e-elevation-level: var(--m3e-bottom-sheet-modal-elevation, ${DesignToken.elevation.level1});\r\n    }\r\n    :host(:state(-full)) .elevation {\r\n      --m3e-elevation-level: var(--m3e-bottom-sheet-full-elevation, ${DesignToken.elevation.level1});\r\n    }\r\n    :host(:not([modal])) {\r\n      z-index: var(--m3e-bottom-sheet-z-index, 10);\r\n    }\r\n    :host(:not([modal]):not([open])),\r\n    :host([modal]:not(:popover-open)) {\r\n      border-radius: var(--m3e-bottom-sheet-minimized-container-shape, ${DesignToken.shape.corner.none});\r\n      transform: translateX(-50%) translateY(100%);\r\n    }\r\n    :host(:not([modal])[open]:not(:state(-full))),\r\n    :host([modal]:not(:state(-full)):popover-open) {\r\n      border-radius: var(--m3e-bottom-sheet-container-shape, ${DesignToken.shape.corner.extraLargeTop});\r\n    }\r\n    :host(:not([modal])[open]:state(-full)),\r\n    :host([modal]:state(-full):popover-open) {\r\n      border-radius: var(--m3e-bottom-sheet-full-container-shape, ${DesignToken.shape.corner.extraLargeTop});\r\n    }\r\n    :host(:not([modal])[open]),\r\n    :host([modal]:popover-open) {\r\n      transform: translateX(-50%) translateY(0);\r\n    }\r\n    :host([modal]:not(:state(-no-animate)))::backdrop {\r\n      transition: ${unsafeCSS(\r\n        `background-color ${DesignToken.motion.duration.short3} ${DesignToken.motion.easing.standard}, \r\n        overlay ${DesignToken.motion.duration.short3} ${DesignToken.motion.easing.standard} allow-discrete,\r\n        visibility ${DesignToken.motion.duration.short3} ${DesignToken.motion.easing.standard} allow-discrete`,\r\n      )};\r\n    }\r\n    :host([modal]:popover-open)::backdrop {\r\n      background-color: color-mix(\r\n        in srgb,\r\n        var(--m3e-bottom-sheet-scrim-color, ${DesignToken.color.scrim}) var(--m3e-bottom-sheet-scrim-opacity, 32%),\r\n        transparent\r\n      );\r\n    }\r\n    :host([modal]:popover-open:not(:state(-no-animate)))::backdrop {\r\n      transition: ${unsafeCSS(\r\n        `background-color ${DesignToken.motion.duration.long2} ${DesignToken.motion.easing.standard}, \r\n        overlay ${DesignToken.motion.duration.long2} ${DesignToken.motion.easing.standard} allow-discrete,\r\n        visibility ${DesignToken.motion.duration.long2} ${DesignToken.motion.easing.standard} allow-discrete`,\r\n      )};\r\n    }\r\n    @starting-style {\r\n      :host([modal]:popover-open)::backdrop {\r\n        background-color: color-mix(\r\n          in srgb,\r\n          var(--m3e-bottom-sheet-scrim-color, ${DesignToken.color.scrim}) 0%,\r\n          transparent\r\n        );\r\n      }\r\n    }\r\n    .base {\r\n      display: flex;\r\n      border-radius: inherit;\r\n      flex-direction: column;\r\n      height: 100%;\r\n      --_bottom-sheet-peek-height: var(--m3e-bottom-sheet-peek-height, 0);\r\n      --_bottom-sheet-top-space: var(--m3e-bottom-sheet-compact-top-space, 4.5rem);\r\n    }\r\n    @media (max-height: 640px) {\r\n      .base {\r\n        --_bottom-sheet-top-space: var(--m3e-bottom-sheet-top-space, 3.5rem);\r\n      }\r\n    }\r\n    .body {\r\n      flex: 1 1 auto;\r\n      overflow-y: auto;\r\n      scrollbar-width: ${DesignToken.scrollbar.thinWidth};\r\n      scrollbar-color: ${DesignToken.scrollbar.color};\r\n      padding-block-end: var(--m3e-bottom-sheet-padding-block, 0.5rem);\r\n      padding-inline: var(--m3e-bottom-sheet-padding-inline, 1rem);\r\n      font-size: var(--m3e-bottom-sheet-content-font-size, ${DesignToken.typescale.standard.body.medium.fontSize});\r\n      font-weight: var(\r\n        --m3e-bottom-sheet-content-font-weight,\r\n        ${DesignToken.typescale.standard.body.medium.fontWeight}\r\n      );\r\n      line-height: var(\r\n        --m3e-bottom-sheet-content-line-height,\r\n        ${DesignToken.typescale.standard.body.medium.lineHeight}\r\n      );\r\n      letter-spacing: var(--m3e-bottom-sheet-content-tracking, ${DesignToken.typescale.standard.body.medium.tracking});\r\n    }\r\n    .content {\r\n      height: fit-content;\r\n    }\r\n    :host(:not([handle])) .header {\r\n      display: none;\r\n    }\r\n    :host(:not([handle])) .body,\r\n    .header {\r\n      border-top-left-radius: inherit;\r\n      border-top-right-radius: inherit;\r\n      padding-block-start: var(--m3e-bottom-sheet-padding-block, 0.5rem);\r\n      font-size: var(--m3e-bottom-sheet-header-font-size, ${DesignToken.typescale.standard.title.large.fontSize});\r\n      font-weight: var(--m3e-bottom-sheet-header-font-weight, ${DesignToken.typescale.standard.title.large.fontWeight});\r\n      line-height: var(--m3e-bottom-sheet-header-line-height, ${DesignToken.typescale.standard.title.large.lineHeight});\r\n      letter-spacing: var(--m3e-bottom-sheet-header-tracking, ${DesignToken.typescale.standard.title.large.tracking});\r\n    }\r\n    .header {\r\n      cursor: grab;\r\n      touch-action: none;\r\n      outline: none;\r\n      user-select: none;\r\n      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n      box-sizing: border-box;\r\n      flex: none;\r\n      display: flex;\r\n      flex-direction: column;\r\n      min-height: 3rem;\r\n      --m3e-app-bar-container-color: var(--m3e-bottom-sheet-container-color, ${DesignToken.color.surfaceContainerLow});\r\n    }\r\n    .handle-row {\r\n      position: relative;\r\n      flex: none;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      opacity: 1;\r\n      visibility: visible;\r\n      height: var(--m3e-bottom-sheet-handle-container-height, 1.5rem);\r\n    }\r\n    :host(:not(:state(-no-animate))) .handle-row {\r\n      transition: ${unsafeCSS(\r\n        `opacity ${DesignToken.motion.duration.short3} ${DesignToken.motion.easing.standard},\r\n        padding ${DesignToken.motion.duration.short3} ${DesignToken.motion.easing.standard},\r\n        height ${DesignToken.motion.duration.short3} ${DesignToken.motion.easing.standard},\r\n        visibility ${DesignToken.motion.duration.short3} ${DesignToken.motion.easing.standard} allow-discrete`,\r\n      )};\r\n    }\r\n    .handle {\r\n      position: relative;\r\n      width: var(--m3e-bottom-sheet-handle-width, 2rem);\r\n      height: var(--m3e-bottom-sheet-handle-height, 4px);\r\n      border-radius: var(--m3e-bottom-sheet-handle-shape, ${DesignToken.shape.corner.full});\r\n      background-color: var(--m3e-bottom-sheet-handle-color, ${DesignToken.color.onSurfaceVariant});\r\n    }\r\n    .handle-touch {\r\n      position: absolute;\r\n      aspect-ratio: 1 / 1;\r\n      height: 3rem;\r\n      left: calc(0px - calc(calc(3rem - var(--m3e-bottom-sheet-handle-width, 2rem)) / 2));\r\n      right: calc(0px - calc(calc(3rem - var(--m3e-bottom-sheet-handle-width, 2rem)) / 2));\r\n      top: calc(\r\n        0px - calc(\r\n            calc(3rem - var(--m3e-bottom-sheet-handle-container-height, 1.5rem)) - calc(\r\n                var(--m3e-bottom-sheet-handle-height, 4px) / 2\r\n              )\r\n          )\r\n      );\r\n    }\r\n    @media (prefers-reduced-motion) {\r\n      :host(:not(:state(-no-animate))),\r\n      :host([modal]:not(:state(-no-animate)))::backdrop,\r\n      :host([modal]:popover-open:not(:state(-no-animate)))::backdrop,\r\n      :host(:not(:state(-no-animate))) .handle-row {\r\n        transition: none;\r\n      }\r\n    }\r\n    @media (forced-colors: active) {\r\n      :host([modal]:not(:state(-no-animate)))::backdrop,\r\n      :host([modal]:popover-open:not(:state(-no-animate)))::backdrop {\r\n        transition: none;\r\n      }\r\n      .base {\r\n        border-style: solid;\r\n        border-width: 1px;\r\n        border-color: CanvasText;\r\n      }\r\n      .handle {\r\n        background-color: ButtonText;\r\n      }\r\n    }\r\n  `;\r\n\r\n  /** @private */ private static __openSheet?: M3eBottomSheetElement;\r\n\r\n  /** @private */ readonly #documentClickHandler = (e: Event) => this.#handleDocumentClick(e);\r\n  /** @private */ readonly #documentKeyDownHandler = (e: KeyboardEvent) => this.#handleDocumentKeyDown(e);\r\n  /** @private */ readonly #windowResizeHandler = () => this.#handleWindowResize();\r\n  /** @private */ readonly #velocityTracker = new VelocityTracker();\r\n  /** @private */ readonly #scrollLockController = new ScrollLockController(this);\r\n  /** @private */ readonly #inertController = new InertController(this);\r\n\r\n  /** @private */\r\n  readonly #resizeController = new ResizeController(this, {\r\n    target: null,\r\n    skipInitial: true,\r\n    callback: (x) => this.#handleSectionResize(x),\r\n  });\r\n\r\n  /** @private */ #trigger: Element | null = null;\r\n  /** @private */ #dragState?: { startY: number; startHeight: number; maxHeight: number; minHeight: number };\r\n  /** @private */ #dragged = false;\r\n  /** @private */ #activeDetent = 0;\r\n  /** @private */ #requestDetent?: number;\r\n  /** @private */ #cachedContentHeight = 0;\r\n  /** @private */ #cachedHeaderHeight = 0;\r\n  /** @private */ #snapAnimation?: Animation;\r\n\r\n  /**\r\n   * Whether the bottom sheet behaves as modal.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean, reflect: true }) modal = false;\r\n\r\n  /**\r\n   * Whether the bottom sheet is open.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean, reflect: true }) open = false;\r\n\r\n  /**\r\n   * Whether to display a drag handle and enable the top region of the sheet as a gesture\r\n   * surface for dragging between detents.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean }) handle = false;\r\n\r\n  /**\r\n   * The accessible label given to the drag handle.\r\n   * @default \"Drag handle\"\r\n   */\r\n  @property({ attribute: \"handle-label\" }) handleLabel = \"Drag handle\";\r\n\r\n  /**\r\n   * Detents (discrete height states) the sheet can snap to.\r\n   * @default []\r\n   */\r\n  @property({ attribute: \"detents\", converter: spaceSeparatedStringConverter }) detents: string[] = [];\r\n\r\n  /**\r\n   * The zero‑based index of the detent the sheet should open to.\r\n   * @default 0\r\n   */\r\n  @property({ type: Number }) detent = 0;\r\n\r\n  /**\r\n   * Whether the bottom sheet can hide when its swiped down.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean, reflect: true }) hideable = false;\r\n\r\n  /**\r\n   * The friction coefficient to hide the sheet, or set it to the next closest expanded detent.\r\n   * @default 0.5\r\n   */\r\n  @property({ attribute: \"hide-friction\", type: Number }) hideFriction = 0.5;\r\n\r\n  /**\r\n   * Shows the sheet.\r\n   * @param {number} detent The zero‑based index of the detent the sheet should open to.\r\n   */\r\n  show(detent: number = this.detent): void {\r\n    if (!this.open) {\r\n      this.#requestDetent = detent;\r\n      this.open = true;\r\n    } else if (detent !== undefined && this.#activeDetent !== detent) {\r\n      this.#snapToDetent(detent);\r\n    }\r\n  }\r\n\r\n  /** Hides the sheet. */\r\n  hide(): void {\r\n    this.open = false;\r\n  }\r\n\r\n  /**\r\n   * Toggles the opened state of the sheet.\r\n   * @param {number} detent The zero‑based index of the detent the sheet should open to.\r\n   */\r\n  toggle(detent?: number): void {\r\n    if (this.open) {\r\n      this.hide();\r\n    } else {\r\n      this.show(detent);\r\n    }\r\n  }\r\n\r\n  /** Moves the sheet to the next detent. */\r\n  cycle(): void {\r\n    if (!this.open) {\r\n      this.show();\r\n    } else if (this.detents.length > 0) {\r\n      if (this.#activeDetent < this.detents.length - 1) {\r\n        this.#activeDetent++;\r\n        this.#snapToDetent(this.#activeDetent);\r\n      } else if (this.hideable) {\r\n        this.hide();\r\n      }\r\n    } else {\r\n      this.hide();\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override update(changedProperties: PropertyValues<this>): void {\r\n    super.update(changedProperties);\r\n\r\n    if (changedProperties.has(\"modal\")) {\r\n      this.role = this.modal ? \"dialog\" : \"region\";\r\n      this.ariaModal = this.modal ? \"true\" : null;\r\n      this.popover = this.modal ? \"manual\" : null;\r\n    }\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  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 updated(_changedProperties: PropertyValues): void {\r\n    super.updated(_changedProperties);\r\n\r\n    if (_changedProperties.has(\"open\")) {\r\n      if (this.open) {\r\n        if (!this.dispatchEvent(new Event(\"opening\", { cancelable: true }))) {\r\n          this.open = false;\r\n          return;\r\n        }\r\n\r\n        // Only one sheet can be open at a time.\r\n        if (M3eBottomSheetElement.__openSheet !== this) {\r\n          M3eBottomSheetElement.__openSheet?.hide();\r\n        }\r\n        M3eBottomSheetElement.__openSheet = this;\r\n\r\n        this.inert = false;\r\n\r\n        window.addEventListener(\"resize\", this.#windowResizeHandler);\r\n\r\n        // If there are detents (regardless of handle) open to the requested, default (or first) detent.\r\n        // Otherwise, open to fit unless its greater than half.\r\n\r\n        if (this.detents.length > 0) {\r\n          this.#activeDetent = Math.min(Math.max(0, this.#requestDetent ?? this.detent), this.detents.length - 1);\r\n          this.#updateHeight(this.#computeDetentHeight(this.detents[this.#activeDetent]));\r\n        } else {\r\n          this.#updateHeight(Math.min(this.#computeDetentHeight(\"fit\"), this.#computeDetentHeight(\"half\")));\r\n        }\r\n        this.#requestDetent = undefined;\r\n      } else {\r\n        if (!this.dispatchEvent(new Event(\"closing\", { cancelable: true }))) {\r\n          this.open = true;\r\n          return;\r\n        }\r\n\r\n        // The following ensures layout is stable so that first tab isn't \"skipped\"\r\n        requestAnimationFrame(() => (this.inert = true));\r\n\r\n        window.removeEventListener(\"resize\", this.#windowResizeHandler);\r\n\r\n        if (M3eBottomSheetElement.__openSheet === this) {\r\n          M3eBottomSheetElement.__openSheet = undefined;\r\n        }\r\n      }\r\n\r\n      if (this.modal) {\r\n        if (this.open) {\r\n          this.#trigger = document.activeElement;\r\n          this.#inertController.lock();\r\n          this.#scrollLockController.lock();\r\n          this.showPopover();\r\n          requestAnimationFrame(() => {\r\n            document.addEventListener(\"click\", this.#documentClickHandler);\r\n            document.addEventListener(\"keydown\", this.#documentKeyDownHandler);\r\n          });\r\n\r\n          let focusable: HTMLElement | null | undefined = this.querySelector<HTMLElement>(\"[autofocus]\");\r\n          if (!focusable || !M3eInteractivityChecker.isFocusable(focusable)) {\r\n            focusable = this.shadowRoot?.querySelector(\".handle\");\r\n          }\r\n          if (focusable) {\r\n            focusWhenReady(focusable);\r\n          }\r\n        } else {\r\n          this.#snapToHeight(0).then(() => {\r\n            this.#inertController.unlock();\r\n            this.#scrollLockController.unlock();\r\n            document.removeEventListener(\"click\", this.#documentClickHandler);\r\n            document.removeEventListener(\"keydown\", this.#documentKeyDownHandler);\r\n            this.hidePopover();\r\n            if (this.#trigger instanceof HTMLElement) {\r\n              this.#trigger.focus();\r\n            }\r\n            this.#trigger = null;\r\n          });\r\n        }\r\n      }\r\n\r\n      this.dispatchEvent(new Event(this.open ? \"opened\" : \"closed\"));\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return html`<m3e-focus-trap ?disabled=\"${!this.modal}\">\r\n      <div class=\"base\">\r\n        <m3e-elevation class=\"elevation\"></m3e-elevation>\r\n        <div\r\n          class=\"header\"\r\n          @pointerdown=\"${this.#handleHeaderPointerDown}\"\r\n          @pointermove=\"${this.#handleHeaderPointerMove}\"\r\n          @pointerup=\"${this.#handleHeaderPointerUp}\"\r\n        >\r\n          ${this.handle\r\n            ? html`<div class=\"handle-row\">\r\n                <div\r\n                  id=\"handle\"\r\n                  class=\"handle\"\r\n                  role=\"button\"\r\n                  aria-label=\"${this.handleLabel}\"\r\n                  tabindex=\"0\"\r\n                  @click=\"${this.#handleDragHandleClick}\"\r\n                  @keydown=\"${this.#handleDragHandleKeyDown}\"\r\n                >\r\n                  <m3e-focus-ring class=\"focus-ring\" for=\"handle\"></m3e-focus-ring>\r\n                  <div class=\"handle-touch\" aria-hidden=\"true\"></div>\r\n                </div>\r\n              </div>`\r\n            : nothing}\r\n          <slot name=\"header\" @slotchange=\"${this.#handleHeaderSlotChange}\"></slot>\r\n        </div>\r\n        <div class=\"body\">\r\n          <div class=\"content\">\r\n            <slot></slot>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </m3e-focus-trap>`;\r\n  }\r\n\r\n  /** @private */\r\n  #initialize(): void {\r\n    const content = this.shadowRoot?.querySelector<HTMLElement>(\".content\");\r\n    if (content) {\r\n      this.#cachedContentHeight = content.clientHeight;\r\n      this.#resizeController.observe(content);\r\n    }\r\n\r\n    const header = this.shadowRoot?.querySelector<HTMLElement>(\".header\");\r\n    if (header) {\r\n      this.#cachedHeaderHeight = header.clientHeight;\r\n      this.#resizeController.observe(header);\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleHeaderSlotChange(e: Event): void {\r\n    setCustomState(this, \"has-header\", hasAssignedNodes(e.target as HTMLSlotElement));\r\n  }\r\n\r\n  /** @private */\r\n  #handleHeaderPointerDown(e: PointerEvent): void {\r\n    if (e.target instanceof HTMLElement && M3eInteractivityChecker.isFocusable(e.target)) {\r\n      return;\r\n    }\r\n\r\n    (<HTMLElement>e.target).setPointerCapture(e.pointerId);\r\n    (<HTMLElement>e.target).style.cursor = \"grabbing\";\r\n\r\n    this.#velocityTracker.reset();\r\n    this.#velocityTracker.add(e.clientY);\r\n\r\n    this.#dragState = {\r\n      startY: e.clientY,\r\n      startHeight: this.clientHeight,\r\n      maxHeight: this.#computeMaxHeight(),\r\n      minHeight: this.#computeMinHeight(),\r\n    };\r\n    this.#dragged = false;\r\n  }\r\n\r\n  /** @private */\r\n  #handleHeaderPointerMove(e: PointerEvent): void {\r\n    if (!this.#dragState) {\r\n      return;\r\n    }\r\n\r\n    const minDragThreshold = 8;\r\n    if (Math.abs(e.clientY - this.#dragState.startY) <= minDragThreshold) {\r\n      // Ignore movement under threshold\r\n      return;\r\n    }\r\n\r\n    (e.getCoalescedEvents?.() ?? [e]).forEach((x) => this.#velocityTracker.add(x.clientY, e.timeStamp));\r\n\r\n    let newHeight = this.#dragState.startHeight - (e.clientY - this.#dragState.startY);\r\n    if (newHeight < this.#dragState.minHeight) {\r\n      const overshoot = (this.#dragState.minHeight - newHeight) * this.hideFriction;\r\n      newHeight = this.#dragState.minHeight - overshoot;\r\n    }\r\n\r\n    this.#updateHeight(Math.min(this.#dragState.maxHeight, newHeight));\r\n    this.#dragged = true;\r\n  }\r\n\r\n  /** @private */\r\n  #handleHeaderPointerUp(e: PointerEvent): void {\r\n    if (!this.#dragState) return;\r\n\r\n    try {\r\n      (<HTMLElement>e.target).releasePointerCapture(e.pointerId);\r\n      (<HTMLElement>e.target).style.cursor = \"\";\r\n\r\n      if (!this.#dragged) return;\r\n\r\n      const significantVelocityThreshold = e.pointerType === \"touch\" ? 1200 : 500;\r\n      const velocity = this.#velocityTracker.getVelocity();\r\n\r\n      this.#velocityTracker.reset();\r\n\r\n      if (this.hideable && velocity >= significantVelocityThreshold) {\r\n        if (this.dispatchEvent(new Event(\"cancel\", { cancelable: true }))) {\r\n          this.hide();\r\n        }\r\n      } else if (Math.abs(velocity) >= significantVelocityThreshold) {\r\n        if (this.detents.length > 0) {\r\n          const nextDetent = this.#getNextHigherDetent();\r\n          if (nextDetent !== this.#activeDetent) {\r\n            this.#snapToDetent(nextDetent);\r\n          }\r\n        } else {\r\n          this.#snapToHeight(this.#computeDetentHeight(\"full\"));\r\n        }\r\n      } else {\r\n        const hideDistanceThreshold = 20;\r\n        if (this.hideable) {\r\n          const collapsed = this.#dragState.minHeight;\r\n          if (this.clientHeight < collapsed - hideDistanceThreshold) {\r\n            this.hide();\r\n            return;\r\n          }\r\n        }\r\n\r\n        if (this.detents.length > 0) {\r\n          this.#snapToDetent(this.#getClosestDetent());\r\n        } else if (this.clientHeight < this.#dragState.minHeight) {\r\n          this.#snapToHeight(this.#dragState.minHeight);\r\n        }\r\n      }\r\n    } finally {\r\n      this.#dragState = undefined;\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleDocumentClick(e: Event): void {\r\n    if (\r\n      this.open &&\r\n      this.modal &&\r\n      !e.composedPath().includes(this) &&\r\n      this.dispatchEvent(new Event(\"cancel\", { cancelable: true }))\r\n    ) {\r\n      this.hide();\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleDocumentKeyDown(e: KeyboardEvent): void {\r\n    if (this.open && this.modal && e.key === \"Escape\" && !e.shiftKey && !e.ctrlKey) {\r\n      e.preventDefault();\r\n\r\n      if (this.dispatchEvent(new Event(\"cancel\", { cancelable: true }))) {\r\n        this.hide();\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleWindowResize(): void {\r\n    if (this.detents.length > 0 && this.detents[this.#activeDetent] === \"half\") {\r\n      this.#updateHeight(this.#computeDetentHeight(\"half\"));\r\n      return;\r\n    }\r\n\r\n    const maxHeight = this.#computeMaxHeight();\r\n    if (hasCustomState(this, \"-full\")) {\r\n      this.#updateHeight(maxHeight);\r\n    } else if (this.clientHeight > maxHeight) {\r\n      this.#updateHeight(maxHeight);\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleDragHandleClick(): void {\r\n    if (!this.#dragged) {\r\n      this.cycle();\r\n    }\r\n    this.#dragged = false;\r\n  }\r\n\r\n  /** @private */\r\n  #handleDragHandleKeyDown(e: KeyboardEvent): void {\r\n    if (e.defaultPrevented || !isModifierAllowed(e)) return;\r\n\r\n    switch (e.key) {\r\n      case \"Up\":\r\n      case \"ArrowUp\":\r\n        e.preventDefault();\r\n        if (this.detents.length > 0) {\r\n          const nextDetent = this.#getNextHigherDetent();\r\n          if (nextDetent !== this.#activeDetent) {\r\n            this.#snapToDetent(nextDetent);\r\n          }\r\n        } else {\r\n          this.#snapToHeight(this.#computeDetentHeight(\"full\"));\r\n        }\r\n        break;\r\n\r\n      case \"Down\":\r\n      case \"ArrowDown\":\r\n        e.preventDefault();\r\n        if (this.detents.length > 0) {\r\n          const nextDetent = this.#getNextLowerDetent();\r\n          if (nextDetent !== this.#activeDetent) {\r\n            this.#snapToDetent(nextDetent);\r\n          } else if (this.hideable) {\r\n            this.hide();\r\n          }\r\n        } else if (this.hideable) {\r\n          this.hide();\r\n        }\r\n\r\n        break;\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #getNextHigherDetent(): number {\r\n    const currentHeight = this.clientHeight;\r\n    let nextHeight = Infinity;\r\n    let nextDetent = this.#activeDetent;\r\n    for (let i = 0; i < this.detents.length; i++) {\r\n      if (i === this.#activeDetent) continue;\r\n      const detentHeight = this.#computeDetentHeight(this.detents[i]);\r\n      if (detentHeight > currentHeight && detentHeight < nextHeight) {\r\n        nextHeight = detentHeight;\r\n        nextDetent = i;\r\n      }\r\n    }\r\n    return nextDetent;\r\n  }\r\n\r\n  /** @private */\r\n  #getNextLowerDetent(): number {\r\n    const currentHeight = this.clientHeight;\r\n    let nextHeight = -Infinity;\r\n    let nextDetent = this.#activeDetent;\r\n    for (let i = 0; i < this.detents.length; i++) {\r\n      if (i === this.#activeDetent) continue;\r\n      const detentHeight = this.#computeDetentHeight(this.detents[i]);\r\n      if (detentHeight < currentHeight && detentHeight > nextHeight) {\r\n        nextHeight = detentHeight;\r\n        nextDetent = i;\r\n      }\r\n    }\r\n    return nextDetent;\r\n  }\r\n\r\n  /** @private */\r\n  #getClosestDetent(): number {\r\n    const currentHeight = this.clientHeight;\r\n    let closestDetent = this.#activeDetent;\r\n    let closestDistance = Infinity;\r\n\r\n    for (let i = 0; i < this.detents.length; i++) {\r\n      const detentHeight = this.#computeDetentHeight(this.detents[i]);\r\n      const distance = Math.abs(currentHeight - detentHeight);\r\n\r\n      if (distance < closestDistance) {\r\n        closestDistance = distance;\r\n        closestDetent = i;\r\n      }\r\n    }\r\n    return closestDetent;\r\n  }\r\n\r\n  /** @private */\r\n  #computeDetentHeight(detent: string): number {\r\n    switch (detent) {\r\n      case \"collapsed\":\r\n        return this.#computeMinHeight();\r\n      case \"half\":\r\n        return this.#computeMaxHeight() * 0.5;\r\n      case \"full\":\r\n        return this.#computeMaxHeight();\r\n      case \"fit\":\r\n        return this.#computeFitHeight();\r\n    }\r\n\r\n    if (detent.endsWith(\"%\")) {\r\n      return this.#computeMaxHeight() * (parseFloat(detent) / 100);\r\n    }\r\n\r\n    if (detent.endsWith(\"px\")) {\r\n      return parseFloat(detent);\r\n    }\r\n\r\n    return this.#computeMinHeight();\r\n  }\r\n\r\n  /** @private */\r\n  #computeMaxHeight(): number {\r\n    const base = this.shadowRoot?.querySelector<HTMLElement>(\".base\");\r\n    return window.innerHeight - (base ? computeCssSize(base, \"var(--_bottom-sheet-top-space)\") : 0);\r\n  }\r\n\r\n  /** @private */\r\n  #computeMinHeight(): number {\r\n    return this.detents.includes(\"fit\") && !this.detents.includes(\"collapsed\")\r\n      ? this.#computeFitHeight()\r\n      : this.#computePeekHeight();\r\n  }\r\n\r\n  /** @private */\r\n  #computePeekHeight(): number {\r\n    const base = this.shadowRoot?.querySelector<HTMLElement>(\".base\");\r\n    return this.#cachedHeaderHeight + (base ? computeCssSize(base, \"var(--_bottom-sheet-peek-height)\") : 0);\r\n  }\r\n\r\n  /** @private */\r\n  #computeFitHeight(): number {\r\n    const body = this.shadowRoot?.querySelector<HTMLElement>(\".body\");\r\n    if (!body) {\r\n      return 0;\r\n    }\r\n\r\n    const bodyStyle = getComputedStyle(body);\r\n    return (\r\n      this.#cachedHeaderHeight +\r\n      this.#cachedContentHeight +\r\n      parseFloat(bodyStyle.paddingBlockStart) +\r\n      parseFloat(bodyStyle.paddingBlockEnd)\r\n    );\r\n  }\r\n\r\n  /** @private */\r\n  #handleSectionResize(entries: ResizeObserverEntry[]): void {\r\n    const oldCachedContentHeight = this.#cachedContentHeight;\r\n    const oldCachedHeaderHeight = this.#cachedHeaderHeight;\r\n\r\n    for (const entry of entries) {\r\n      if (entry.target.classList.contains(\"content\")) {\r\n        this.#cachedContentHeight = (<ResizeObserverSize>(\r\n          (Array.isArray(entry.borderBoxSize) ? entry.borderBoxSize[0] : entry.borderBoxSize)\r\n        )).blockSize;\r\n      } else if (entry.target.classList.contains(\"header\")) {\r\n        this.#cachedHeaderHeight = (<ResizeObserverSize>(\r\n          (Array.isArray(entry.borderBoxSize) ? entry.borderBoxSize[0] : entry.borderBoxSize)\r\n        )).blockSize;\r\n      }\r\n    }\r\n\r\n    if (\r\n      this.open &&\r\n      this.detents.length > 0 &&\r\n      (oldCachedContentHeight !== this.#cachedContentHeight || oldCachedHeaderHeight !== this.#cachedHeaderHeight)\r\n    ) {\r\n      switch (this.detents[this.#activeDetent]) {\r\n        case \"fit\":\r\n          this.#updateHeight(this.#computeFitHeight());\r\n          break;\r\n\r\n        case \"collapsed\":\r\n          this.#updateHeight(this.#computeMinHeight());\r\n          break;\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #snapToDetent(detent: number): void {\r\n    if (detent >= 0 && detent < this.detents.length) {\r\n      this.#activeDetent = detent;\r\n      this.#snapToHeight(this.#computeDetentHeight(this.detents[detent]));\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  async #snapToHeight(height: number): Promise<void> {\r\n    if (this.#snapAnimation) {\r\n      this.#updateHeight(this.clientHeight);\r\n      this.#snapAnimation?.cancel();\r\n      this.#snapAnimation = undefined;\r\n    }\r\n\r\n    if (!prefersReducedMotion()) {\r\n      this.#snapAnimation = this.animate(\r\n        [{ \"--_bottom-sheet-height\": `${this.clientHeight}px` }, { \"--_bottom-sheet-height\": `${height}px` }],\r\n        {\r\n          duration: 250,\r\n          easing: \"cubic-bezier(0.2, 0.0, 0, 1.0)\",\r\n        },\r\n      );\r\n      this.#snapAnimation.onfinish = () => {\r\n        this.#updateHeight(height);\r\n        this.#snapAnimation = undefined;\r\n      };\r\n      await this.#snapAnimation.finished;\r\n    } else {\r\n      this.#updateHeight(height);\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #updateHeight(height: number): void {\r\n    this.style.setProperty(\"--_bottom-sheet-height\", `${height}px`);\r\n    setCustomState(this, \"-full\", height === this.#computeMaxHeight());\r\n    const content = this.shadowRoot?.querySelector<HTMLElement>(\".content\");\r\n    if (content) {\r\n      content.inert = height <= this.#computePeekHeight();\r\n    }\r\n  }\r\n}\r\n\r\ninterface M3eBottomSheetElementEventMap extends HTMLElementEventMap {\r\n  opening: Event;\r\n  opened: Event;\r\n  closing: Event;\r\n  closed: Event;\r\n  cancel: Event;\r\n}\r\n\r\nexport interface M3eBottomSheetElement {\r\n  addEventListener<K extends keyof M3eBottomSheetElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3eBottomSheetElement, ev: M3eBottomSheetElementEventMap[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 M3eBottomSheetElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3eBottomSheetElement, ev: M3eBottomSheetElementEventMap[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-bottom-sheet\": M3eBottomSheetElement;\r\n  }\r\n}\r\n","import { property } from \"lit/decorators.js\";\r\n\r\nimport { ActionElementBase, customElement, HtmlFor } from \"@m3e/web/core\";\r\nimport { addAriaReferencedId, removeAriaReferencedId } from \"@m3e/web/core/a11y\";\r\n\r\nimport { M3eBottomSheetElement } from \"./BottomSheetElement\";\r\n\r\n/**\r\n * An element, nested within a clickable element, used to trigger a bottom sheet.\r\n * @tag m3e-bottom-sheet-trigger\r\n *\r\n * @slot - Renders the content of the trigger.\r\n *\r\n * @attr detent - The zero‑based index of the detent the sheet should open to.\r\n * @attr secondary - Marks this trigger as a secondary trigger for accessibility. Secondary triggers do not receive ARIA ownership.\r\n */\r\n@customElement(\"m3e-bottom-sheet-trigger\")\r\nexport class M3eBottomSheetTriggerElement extends HtmlFor(ActionElementBase) {\r\n  /**\r\n   * The zero‑based index of the detent the sheet should open to.\r\n   * @default undefined\r\n   */\r\n  @property({ type: Number }) detent?: number;\r\n\r\n  /**\r\n   * Marks this trigger as a secondary trigger for accessibility. Secondary triggers do not receive ARIA ownership.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean }) secondary = false;\r\n\r\n  /** @inheritdoc */\r\n  override attach(control: HTMLElement): void {\r\n    if (control instanceof M3eBottomSheetElement) {\r\n      super.attach(control);\r\n\r\n      if (this.parentElement) {\r\n        if (!control.modal) {\r\n          if (!this.secondary) {\r\n            this.parentElement.ariaExpanded = \"false\";\r\n            addAriaReferencedId(this.parentElement, \"aria-controls\", control.id);\r\n            if (this.parentElement.id) {\r\n              addAriaReferencedId(control, \"aria-labelledby\", this.parentElement.id);\r\n            }\r\n          }\r\n        } else {\r\n          this.parentElement.ariaHasPopup = \"dialog\";\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override detach(): void {\r\n    if (this.control && this.parentElement && !this.secondary) {\r\n      removeAriaReferencedId(this.parentElement, \"aria-controls\", this.control.id);\r\n    }\r\n    super.detach();\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override _onClick(): void {\r\n    if (this.control instanceof M3eBottomSheetElement) {\r\n      if (this.control.modal) {\r\n        this.control.show(this.detent);\r\n      } else {\r\n        this.control.toggle(this.detent);\r\n        if (!this.secondary && this.parentElement) {\r\n          this.parentElement.ariaExpanded = `${this.control.open}`;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    \"m3e-bottom-sheet-trigger\": M3eBottomSheetTriggerElement;\r\n  }\r\n}\r\n"],"names":["M3eBottomSheetActionElement","ActionElementBase","_onClick","this","closest","hide","__decorate","customElement","M3eBottomSheetElement","M3eBottomSheetElement_1","EventAttribute","ReconnectedCallback","SuppressInitialAnimation","AttachInternals","LitElement","constructor","_M3eBottomSheetElement_documentClickHandler","set","e","__classPrivateFieldGet","call","_M3eBottomSheetElement_documentKeyDownHandler","_M3eBottomSheetElement_windowResizeHandler","_M3eBottomSheetElement_instances","_M3eBottomSheetElement_handleWindowResize","_M3eBottomSheetElement_velocityTracker","VelocityTracker","_M3eBottomSheetElement_scrollLockController","ScrollLockController","_M3eBottomSheetElement_inertController","InertController","_M3eBottomSheetElement_resizeController","ResizeController","target","skipInitial","callback","x","_M3eBottomSheetElement_handleSectionResize","_M3eBottomSheetElement_trigger","_M3eBottomSheetElement_dragState","_M3eBottomSheetElement_dragged","_M3eBottomSheetElement_activeDetent","_M3eBottomSheetElement_requestDetent","_M3eBottomSheetElement_cachedContentHeight","_M3eBottomSheetElement_cachedHeaderHeight","_M3eBottomSheetElement_snapAnimation","modal","open","handle","handleLabel","detents","detent","hideable","hideFriction","show","undefined","_M3eBottomSheetElement_snapToDetent","__classPrivateFieldSet","toggle","cycle","length","_a","update","changedProperties","super","has","role","ariaModal","popover","reconnectedCallback","_M3eBottomSheetElement_initialize","firstUpdated","_changedProperties","updated","dispatchEvent","Event","cancelable","__openSheet","inert","window","addEventListener","Math","min","max","_M3eBottomSheetElement_updateHeight","_M3eBottomSheetElement_computeDetentHeight","requestAnimationFrame","removeEventListener","document","activeElement","lock","showPopover","focusable","querySelector","M3eInteractivityChecker","isFocusable","shadowRoot","focusWhenReady","_M3eBottomSheetElement_snapToHeight","then","unlock","hidePopover","HTMLElement","focus","render","html","_M3eBottomSheetElement_handleHeaderPointerDown","_M3eBottomSheetElement_handleHeaderPointerMove","_M3eBottomSheetElement_handleHeaderPointerUp","_M3eBottomSheetElement_handleDragHandleClick","_M3eBottomSheetElement_handleDragHandleKeyDown","nothing","_M3eBottomSheetElement_handleHeaderSlotChange","content","clientHeight","observe","header","setCustomState","hasAssignedNodes","setPointerCapture","pointerId","style","cursor","reset","add","clientY","startY","startHeight","maxHeight","_M3eBottomSheetElement_computeMaxHeight","minHeight","_M3eBottomSheetElement_computeMinHeight","abs","getCoalescedEvents","forEach","timeStamp","newHeight","overshoot","releasePointerCapture","significantVelocityThreshold","pointerType","velocity","getVelocity","nextDetent","hideDistanceThreshold","collapsed","_M3eBottomSheetElement_getClosestDetent","composedPath","includes","key","shiftKey","ctrlKey","preventDefault","hasCustomState","defaultPrevented","isModifierAllowed","currentHeight","nextHeight","Infinity","i","detentHeight","closestDetent","closestDistance","distance","_M3eBottomSheetElement_computeFitHeight","endsWith","parseFloat","base","innerHeight","computeCssSize","body","bodyStyle","getComputedStyle","paddingBlockStart","paddingBlockEnd","entries","oldCachedContentHeight","oldCachedHeaderHeight","entry","classList","contains","Array","isArray","borderBoxSize","blockSize","async","height","cancel","prefersReducedMotion","animate","duration","easing","onfinish","finished","setProperty","_M3eBottomSheetElement_computePeekHeight","registerStyleSheet","css","styles","DesignToken","color","onSurface","surfaceContainerLow","unsafeCSS","motion","medium2","standardDecelerate","standard","elevation","level1","shape","corner","none","extraLargeTop","short3","scrim","long2","scrollbar","thinWidth","typescale","medium","fontSize","fontWeight","lineHeight","tracking","title","large","full","onSurfaceVariant","property","type","Boolean","reflect","prototype","attribute","converter","spaceSeparatedStringConverter","Number","M3eBottomSheetTriggerElement","HtmlFor","secondary","attach","control","parentElement","ariaHasPopup","ariaExpanded","addAriaReferencedId","id","detach","removeAriaReferencedId"],"mappings":"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"}
+{"version":3,"file":"bottom-sheet.min.js","sources":["../../src/bottom-sheet/BottomSheetActionElement.ts","../../src/bottom-sheet/BottomSheetElement.ts","../../src/bottom-sheet/BottomSheetTriggerElement.ts"],"sourcesContent":["import { ActionElementBase, customElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * An element, nested within a clickable element, used to close a parenting bottom sheet.\r\n * @tag m3e-bottom-sheet-action\r\n *\r\n * @slot - Renders the content of the action.\r\n */\r\n@customElement(\"m3e-bottom-sheet-action\")\r\nexport class M3eBottomSheetActionElement extends ActionElementBase {\r\n  /** @inheritdoc */\r\n  protected override _onClick(): void {\r\n    this.closest(\"m3e-bottom-sheet\")?.hide();\r\n  }\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    \"m3e-bottom-sheet-action\": M3eBottomSheetActionElement;\r\n  }\r\n}\r\n","/* eslint-disable @typescript-eslint/no-unsafe-declaration-merging */\r\nimport { css, CSSResultGroup, html, LitElement, nothing, PropertyValues, unsafeCSS } from \"lit\";\r\nimport { property } from \"lit/decorators.js\";\r\n\r\nimport {\r\n  AttachInternals,\r\n  customElement,\r\n  computeCssSize,\r\n  DesignToken,\r\n  EventAttribute,\r\n  focusWhenReady,\r\n  hasAssignedNodes,\r\n  hasCustomState,\r\n  prefersReducedMotion,\r\n  ResizeController,\r\n  ScrollLockController,\r\n  setCustomState,\r\n  spaceSeparatedStringConverter,\r\n  VelocityTracker,\r\n  SuppressInitialAnimation,\r\n  ReconnectedCallback,\r\n  registerStyleSheet,\r\n  InertController,\r\n} from \"@m3e/web/core\";\r\n\r\nimport { isModifierAllowed, M3eInteractivityChecker } from \"@m3e/web/core/a11y\";\r\nimport \"@m3e/web/core/a11y\";\r\n\r\n/**\r\n * A sheet used to show secondary content anchored to the bottom of the screen.\r\n *\r\n * @description\r\n * The `m3e-bottom-sheet` component implements a Material 3 bottom sheet with\r\n * gesture‑driven resizing, detent snapping, and adaptive motion. It behaves as\r\n * a heavy surface: transitions use non‑bouncy, decelerating motion.\r\n *\r\n * The sheet supports direct manipulation through vertical drag gestures.\r\n * Movement below an 8px threshold is ignored to ensure reliable tap‑to‑cycle\r\n * behavior on the handle. Once activated, dragging updates the sheet height\r\n * with friction near the minimum height to prevent abrupt collapse.\r\n *\r\n * When detents are defined, the sheet snaps to the nearest detent on release.\r\n * If hideable, downward gestures may dismiss the sheet using either velocity\r\n * or a small distance threshold below the collapsed detent. When no detents\r\n * are present, the sheet behaves as a simple open/hidden surface with a\r\n * bottom‑measured hide threshold.\r\n *\r\n * @example\r\n * The following example shows a modal bottom sheet with a drag handle,\r\n * three detents (`fit`, `half`, and `full`), and an action list. The sheet\r\n * is opened using a dedicated `m3e-bottom-sheet-trigger` associated by ID.\r\n * ```html\r\n * <m3e-button>\r\n *   <m3e-bottom-sheet-trigger for=\"bottomSheet\">\r\n *     Open Bottom sheet\r\n *   </m3e-bottom-sheet-trigger>\r\n * </m3e-button>\r\n *\r\n * <m3e-bottom-sheet id=\"bottomSheet\" modal handle hideable detents=\"fit half full\">\r\n *   <m3e-action-list>\r\n *     <m3e-list-action autofocus>\r\n *       <m3e-bottom-sheet-action>Google Keep</m3e-bottom-sheet-action>\r\n *       <span slot=\"supporting-text\">Add to a note</span>\r\n *     </m3e-list-action>\r\n *     <m3e-list-action>\r\n *       <m3e-bottom-sheet-action>Google Docs</m3e-bottom-sheet-action>\r\n *       <span slot=\"supporting-text\">Embed in a document</span>\r\n *     </m3e-list-action>\r\n *   </m3e-action-list>\r\n * </m3e-bottom-sheet>\r\n * ```\r\n *\r\n * @tag m3e-bottom-sheet\r\n *\r\n * @slot - Renders the content of the sheet.\r\n * @slot header - Renders the header of the sheet.\r\n *\r\n * @attr detent - The zero‑based index of the detent the sheet should open to.\r\n * @attr detents - Detents (discrete height states) the sheet can snap to.\r\n * @attr handle - Whether to display a drag handle and enable the top region of the sheet as a gesture surface for dragging between detents.\r\n * @attr handle-label - The accessible label given to the drag handle.\r\n * @attr hideable - Whether the bottom sheet can hide when its swiped down.\r\n * @attr hide-friction - The friction coefficient to hide the sheet.\r\n * @attr modal - Whether the bottom sheet behaves as modal.\r\n * @attr open - Whether the bottom sheet is open.\r\n * @attr overshoot-limit - A fractional value, between 0 and 100, indicating the maximum visual overshoot allowed when dragging past the minimum or maximum size.\r\n *\r\n * @fires opening - Emitted when the sheet begins to open.\r\n * @fires opened - Emitted when the sheet has opened.\r\n * @fires cancel - Emitted when the sheet is cancelled.\r\n * @fires closing - Emitted when the sheet begins to close.\r\n * @fires closed - Emitted when the sheet has closed.\r\n *\r\n * @cssprop --m3e-bottom-sheet-width - The width of the sheet.\r\n * @cssprop --m3e-bottom-sheet-max-width - The maximum width of the sheet.\r\n * @cssprop --m3e-bottom-sheet-container-color - The background color of the sheet container.\r\n * @cssprop --m3e-bottom-sheet-elevation - The elevation level when not modal.\r\n * @cssprop --m3e-bottom-sheet-modal-elevation - The elevation level when modal.\r\n * @cssprop --m3e-bottom-sheet-full-elevation - The elevation level when full height.\r\n * @cssprop --m3e-bottom-sheet-z-index - The z-index of the non-modal sheet.\r\n * @cssprop --m3e-bottom-sheet-minimized-container-shape - The border radius when minimized.\r\n * @cssprop --m3e-bottom-sheet-container-shape - The border radius of the sheet container.\r\n * @cssprop --m3e-bottom-sheet-full-container-shape - The border radius when full height.\r\n * @cssprop --m3e-bottom-sheet-scrim-color - The color of the scrim overlay.\r\n * @cssprop --m3e-bottom-sheet-scrim-opacity - The opacity of the scrim overlay.\r\n * @cssprop --m3e-bottom-sheet-peek-height - The visible height when minimized.\r\n * @cssprop --m3e-bottom-sheet-compact-top-space - The top space in compact mode.\r\n * @cssprop --m3e-bottom-sheet-top-space - The top space in standard mode.\r\n * @cssprop --m3e-bottom-sheet-padding-block - The vertical padding.\r\n * @cssprop --m3e-bottom-sheet-padding-inline - The horizontal padding.\r\n * @cssprop --m3e-bottom-sheet-handle-container-height - The height of the drag handle container.\r\n * @cssprop --m3e-bottom-sheet-handle-width - The width of the drag handle.\r\n * @cssprop --m3e-bottom-sheet-handle-height - The height of the drag handle.\r\n * @cssprop --m3e-bottom-sheet-handle-shape - The border radius of the handle.\r\n * @cssprop --m3e-bottom-sheet-handle-color - The color of the drag handle.\r\n * @cssprop --m3e-bottom-sheet-handle-focus-ring-offset - The offset of the focus ring around the handle.\r\n * @cssprop --m3e-bottom-sheet-color - The foreground (text) color of the sheet.\r\n * @cssprop --m3e-bottom-sheet-content-font-size - Font size for the sheet content.\r\n * @cssprop --m3e-bottom-sheet-content-font-weight - Font weight for the sheet content.\r\n * @cssprop --m3e-bottom-sheet-content-line-height - Line height for the sheet content.\r\n * @cssprop --m3e-bottom-sheet-content-tracking - Letter spacing (tracking) for the sheet content.\r\n * @cssprop --m3e-bottom-sheet-header-font-size - Font size for the sheet header.\r\n * @cssprop --m3e-bottom-sheet-header-font-weight - Font weight for the sheet header.\r\n * @cssprop --m3e-bottom-sheet-header-line-height - Line height for the sheet header.\r\n * @cssprop --m3e-bottom-sheet-header-tracking - Letter spacing (tracking) for the sheet header.\r\n */\r\n@customElement(\"m3e-bottom-sheet\")\r\nexport class M3eBottomSheetElement extends EventAttribute(\r\n  ReconnectedCallback(SuppressInitialAnimation(AttachInternals(LitElement))),\r\n  \"opening\",\r\n  \"opened\",\r\n  \"cancel\",\r\n  \"closing\",\r\n  \"closed\",\r\n) {\r\n  static {\r\n    registerStyleSheet(css`\r\n      @property --_bottom-sheet-height {\r\n        syntax: \"<length>\";\r\n        inherits: false;\r\n        initial-value: 50vh;\r\n      }\r\n      m3e-bottom-sheet > [slot=\"header\"] {\r\n        margin-block-end: var(--m3e-bottom-sheet-padding-block, 0.5rem);\r\n        margin-inline: var(--m3e-bottom-sheet-padding-inline, 1rem);\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: block;\r\n      position: fixed;\r\n      left: 50%;\r\n      top: calc(100vh - var(--_bottom-sheet-height));\r\n      margin: 0;\r\n      padding: 0;\r\n      outline: none;\r\n      overflow: hidden;\r\n      border: none;\r\n      box-sizing: border-box;\r\n      width: var(--m3e-bottom-sheet-width, 100%);\r\n      max-width: var(--m3e-bottom-sheet-max-width, 40rem);\r\n      height: var(--_bottom-sheet-height);\r\n      color: var(--m3e-bottom-sheet-color, ${DesignToken.color.onSurface});\r\n      background-color: var(--m3e-bottom-sheet-container-color, ${DesignToken.color.surfaceContainerLow});\r\n    }\r\n    :host(:not(:state(-no-animate))) {\r\n      transition: ${unsafeCSS(\r\n        `transform ${DesignToken.motion.duration.medium2} ${DesignToken.motion.easing.standardDecelerate},\r\n        border-radius ${DesignToken.motion.duration.medium2} ${DesignToken.motion.easing.standard}`,\r\n      )};\r\n    }\r\n    :host(:not([modal]):not(:state(-full))) .elevation {\r\n      --m3e-elevation-level: var(--m3e-bottom-sheet-elevation, ${DesignToken.elevation.level1});\r\n    }\r\n    :host([modal]:not(:state(-full))) .elevation {\r\n      --m3e-elevation-level: var(--m3e-bottom-sheet-modal-elevation, ${DesignToken.elevation.level1});\r\n    }\r\n    :host(:state(-full)) .elevation {\r\n      --m3e-elevation-level: var(--m3e-bottom-sheet-full-elevation, ${DesignToken.elevation.level1});\r\n    }\r\n    :host(:not([modal])) {\r\n      z-index: var(--m3e-bottom-sheet-z-index, 10);\r\n    }\r\n    :host(:not([modal]):not([open])),\r\n    :host([modal]:not(:popover-open)) {\r\n      border-radius: var(--m3e-bottom-sheet-minimized-container-shape, ${DesignToken.shape.corner.none});\r\n      transform: translateX(-50%) translateY(100%);\r\n    }\r\n    :host(:not([modal])[open]:not(:state(-full))),\r\n    :host([modal]:not(:state(-full)):popover-open) {\r\n      border-radius: var(--m3e-bottom-sheet-container-shape, ${DesignToken.shape.corner.extraLargeTop});\r\n    }\r\n    :host(:not([modal])[open]:state(-full)),\r\n    :host([modal]:state(-full):popover-open) {\r\n      border-radius: var(--m3e-bottom-sheet-full-container-shape, ${DesignToken.shape.corner.extraLargeTop});\r\n    }\r\n    :host(:not([modal])[open]),\r\n    :host([modal]:popover-open) {\r\n      transform: translateX(-50%) translateY(0);\r\n    }\r\n    :host([modal]:not(:state(-no-animate)))::backdrop {\r\n      transition: ${unsafeCSS(\r\n        `background-color ${DesignToken.motion.duration.short3} ${DesignToken.motion.easing.standard}, \r\n        overlay ${DesignToken.motion.duration.short3} ${DesignToken.motion.easing.standard} allow-discrete,\r\n        visibility ${DesignToken.motion.duration.short3} ${DesignToken.motion.easing.standard} allow-discrete`,\r\n      )};\r\n    }\r\n    :host([modal]:popover-open)::backdrop {\r\n      background-color: color-mix(\r\n        in srgb,\r\n        var(--m3e-bottom-sheet-scrim-color, ${DesignToken.color.scrim}) var(--m3e-bottom-sheet-scrim-opacity, 32%),\r\n        transparent\r\n      );\r\n    }\r\n    :host([modal]:popover-open:not(:state(-no-animate)))::backdrop {\r\n      transition: ${unsafeCSS(\r\n        `background-color ${DesignToken.motion.duration.long2} ${DesignToken.motion.easing.standard}, \r\n        overlay ${DesignToken.motion.duration.long2} ${DesignToken.motion.easing.standard} allow-discrete,\r\n        visibility ${DesignToken.motion.duration.long2} ${DesignToken.motion.easing.standard} allow-discrete`,\r\n      )};\r\n    }\r\n    @starting-style {\r\n      :host([modal]:popover-open)::backdrop {\r\n        background-color: color-mix(\r\n          in srgb,\r\n          var(--m3e-bottom-sheet-scrim-color, ${DesignToken.color.scrim}) 0%,\r\n          transparent\r\n        );\r\n      }\r\n    }\r\n    .base {\r\n      display: flex;\r\n      border-radius: inherit;\r\n      flex-direction: column;\r\n      height: 100%;\r\n      --_bottom-sheet-peek-height: var(--m3e-bottom-sheet-peek-height, 0);\r\n      --_bottom-sheet-top-space: var(--m3e-bottom-sheet-compact-top-space, 4.5rem);\r\n    }\r\n    @media (max-height: 640px) {\r\n      .base {\r\n        --_bottom-sheet-top-space: var(--m3e-bottom-sheet-top-space, 3.5rem);\r\n      }\r\n    }\r\n    .body {\r\n      flex: 1 1 auto;\r\n      overflow-y: auto;\r\n      scrollbar-width: ${DesignToken.scrollbar.thinWidth};\r\n      scrollbar-color: ${DesignToken.scrollbar.color};\r\n      padding-block-end: var(--m3e-bottom-sheet-padding-block, 0.5rem);\r\n      padding-inline: var(--m3e-bottom-sheet-padding-inline, 1rem);\r\n      font-size: var(--m3e-bottom-sheet-content-font-size, ${DesignToken.typescale.standard.body.medium.fontSize});\r\n      font-weight: var(\r\n        --m3e-bottom-sheet-content-font-weight,\r\n        ${DesignToken.typescale.standard.body.medium.fontWeight}\r\n      );\r\n      line-height: var(\r\n        --m3e-bottom-sheet-content-line-height,\r\n        ${DesignToken.typescale.standard.body.medium.lineHeight}\r\n      );\r\n      letter-spacing: var(--m3e-bottom-sheet-content-tracking, ${DesignToken.typescale.standard.body.medium.tracking});\r\n    }\r\n    .content {\r\n      height: fit-content;\r\n    }\r\n    :host(:not([handle])) .header {\r\n      display: none;\r\n    }\r\n    :host(:not([handle])) .body,\r\n    .header {\r\n      border-top-left-radius: inherit;\r\n      border-top-right-radius: inherit;\r\n      padding-block-start: var(--m3e-bottom-sheet-padding-block, 0.5rem);\r\n      font-size: var(--m3e-bottom-sheet-header-font-size, ${DesignToken.typescale.standard.title.large.fontSize});\r\n      font-weight: var(--m3e-bottom-sheet-header-font-weight, ${DesignToken.typescale.standard.title.large.fontWeight});\r\n      line-height: var(--m3e-bottom-sheet-header-line-height, ${DesignToken.typescale.standard.title.large.lineHeight});\r\n      letter-spacing: var(--m3e-bottom-sheet-header-tracking, ${DesignToken.typescale.standard.title.large.tracking});\r\n    }\r\n    .header {\r\n      cursor: grab;\r\n      touch-action: none;\r\n      outline: none;\r\n      user-select: none;\r\n      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n      box-sizing: border-box;\r\n      flex: none;\r\n      display: flex;\r\n      flex-direction: column;\r\n      min-height: 3rem;\r\n      --m3e-app-bar-container-color: var(--m3e-bottom-sheet-container-color, ${DesignToken.color.surfaceContainerLow});\r\n    }\r\n    .handle-row {\r\n      position: relative;\r\n      flex: none;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      opacity: 1;\r\n      visibility: visible;\r\n      height: var(--m3e-bottom-sheet-handle-container-height, 1.5rem);\r\n    }\r\n    :host(:not(:state(-no-animate))) .handle-row {\r\n      transition: ${unsafeCSS(\r\n        `opacity ${DesignToken.motion.duration.short3} ${DesignToken.motion.easing.standard},\r\n        padding ${DesignToken.motion.duration.short3} ${DesignToken.motion.easing.standard},\r\n        height ${DesignToken.motion.duration.short3} ${DesignToken.motion.easing.standard},\r\n        visibility ${DesignToken.motion.duration.short3} ${DesignToken.motion.easing.standard} allow-discrete`,\r\n      )};\r\n    }\r\n    .handle {\r\n      position: relative;\r\n      width: var(--m3e-bottom-sheet-handle-width, 2rem);\r\n      height: var(--m3e-bottom-sheet-handle-height, 4px);\r\n      border-radius: var(--m3e-bottom-sheet-handle-shape, ${DesignToken.shape.corner.full});\r\n      background-color: var(--m3e-bottom-sheet-handle-color, ${DesignToken.color.onSurfaceVariant});\r\n    }\r\n    .handle-touch {\r\n      position: absolute;\r\n      aspect-ratio: 1 / 1;\r\n      height: 3rem;\r\n      left: calc(0px - calc(calc(3rem - var(--m3e-bottom-sheet-handle-width, 2rem)) / 2));\r\n      right: calc(0px - calc(calc(3rem - var(--m3e-bottom-sheet-handle-width, 2rem)) / 2));\r\n      top: calc(\r\n        0px - calc(\r\n            calc(3rem - var(--m3e-bottom-sheet-handle-container-height, 1.5rem)) - calc(\r\n                var(--m3e-bottom-sheet-handle-height, 4px) / 2\r\n              )\r\n          )\r\n      );\r\n    }\r\n    @media (prefers-reduced-motion) {\r\n      :host(:not(:state(-no-animate))),\r\n      :host([modal]:not(:state(-no-animate)))::backdrop,\r\n      :host([modal]:popover-open:not(:state(-no-animate)))::backdrop,\r\n      :host(:not(:state(-no-animate))) .handle-row {\r\n        transition: none;\r\n      }\r\n    }\r\n    @media (forced-colors: active) {\r\n      :host([modal]:not(:state(-no-animate)))::backdrop,\r\n      :host([modal]:popover-open:not(:state(-no-animate)))::backdrop {\r\n        transition: none;\r\n      }\r\n      .base {\r\n        border-style: solid;\r\n        border-width: 1px;\r\n        border-color: CanvasText;\r\n      }\r\n      .handle {\r\n        background-color: ButtonText;\r\n      }\r\n    }\r\n  `;\r\n\r\n  /** @private */ private static __openSheet?: M3eBottomSheetElement;\r\n\r\n  /** @private */ readonly #documentClickHandler = (e: Event) => this.#handleDocumentClick(e);\r\n  /** @private */ readonly #documentKeyDownHandler = (e: KeyboardEvent) => this.#handleDocumentKeyDown(e);\r\n  /** @private */ readonly #windowResizeHandler = () => this.#handleWindowResize();\r\n  /** @private */ readonly #velocityTracker = new VelocityTracker();\r\n  /** @private */ readonly #scrollLockController = new ScrollLockController(this);\r\n  /** @private */ readonly #inertController = new InertController(this);\r\n\r\n  /** @private */\r\n  readonly #resizeController = new ResizeController(this, {\r\n    target: null,\r\n    skipInitial: true,\r\n    callback: (x) => this.#handleSectionResize(x),\r\n  });\r\n\r\n  /** @private */ #trigger: Element | null = null;\r\n  /** @private */ #dragState?: {\r\n    startY: number;\r\n    startHeight: number;\r\n    effectiveMaxHeight: number;\r\n    maxHeight: number;\r\n    minHeight: number;\r\n  };\r\n  /** @private */ #dragged = false;\r\n  /** @private */ #activeDetent = 0;\r\n  /** @private */ #requestDetent?: number;\r\n  /** @private */ #cachedContentHeight = 0;\r\n  /** @private */ #cachedHeaderHeight = 0;\r\n  /** @private */ #snapAnimation?: Animation;\r\n\r\n  /**\r\n   * Whether the bottom sheet behaves as modal.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean, reflect: true }) modal = false;\r\n\r\n  /**\r\n   * Whether the bottom sheet is open.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean, reflect: true }) open = false;\r\n\r\n  /**\r\n   * Whether to display a drag handle and enable the top region of the sheet as a gesture\r\n   * surface for dragging between detents.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean }) handle = false;\r\n\r\n  /**\r\n   * The accessible label given to the drag handle.\r\n   * @default \"Drag handle\"\r\n   */\r\n  @property({ attribute: \"handle-label\" }) handleLabel = \"Drag handle\";\r\n\r\n  /**\r\n   * Detents (discrete height states) the sheet can snap to.\r\n   * @default []\r\n   */\r\n  @property({ attribute: \"detents\", converter: spaceSeparatedStringConverter }) detents: string[] = [];\r\n\r\n  /**\r\n   * The zero‑based index of the detent the sheet should open to.\r\n   * @default 0\r\n   */\r\n  @property({ type: Number }) detent = 0;\r\n\r\n  /**\r\n   * Whether the bottom sheet can hide when its swiped down.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean, reflect: true }) hideable = false;\r\n\r\n  /**\r\n   * The friction coefficient to hide the sheet.\r\n   * @default 0.5\r\n   */\r\n  @property({ attribute: \"hide-friction\", type: Number }) hideFriction = 0.5;\r\n\r\n  /**\r\n   * A fractional value, between 0 and 100, indicating the maximum visual overshoot allowed when dragging past the minimum or maximum size.\r\n   * @default 4\r\n   */\r\n  @property({ attribute: \"overshoot-limit\", type: Number }) overshootLimit = 4;\r\n\r\n  /**\r\n   * Shows the sheet.\r\n   * @param {number} detent The zero‑based index of the detent the sheet should open to.\r\n   */\r\n  show(detent: number = this.detent): void {\r\n    if (!this.open) {\r\n      this.#requestDetent = detent;\r\n      this.open = true;\r\n    } else if (detent !== undefined && this.#activeDetent !== detent) {\r\n      this.#snapToDetent(detent);\r\n    }\r\n  }\r\n\r\n  /** Hides the sheet. */\r\n  hide(): void {\r\n    this.open = false;\r\n  }\r\n\r\n  /**\r\n   * Toggles the opened state of the sheet.\r\n   * @param {number} detent The zero‑based index of the detent the sheet should open to.\r\n   */\r\n  toggle(detent?: number): void {\r\n    if (this.open) {\r\n      this.hide();\r\n    } else {\r\n      this.show(detent);\r\n    }\r\n  }\r\n\r\n  /** Moves the sheet to the next detent. */\r\n  cycle(): void {\r\n    if (!this.open) {\r\n      this.show();\r\n    } else if (this.detents.length > 0) {\r\n      if (this.#activeDetent < this.detents.length - 1) {\r\n        this.#activeDetent++;\r\n        this.#snapToDetent(this.#activeDetent);\r\n      } else if (this.hideable) {\r\n        this.hide();\r\n      }\r\n    } else {\r\n      this.hide();\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override update(changedProperties: PropertyValues<this>): void {\r\n    super.update(changedProperties);\r\n\r\n    if (changedProperties.has(\"modal\")) {\r\n      this.role = this.modal ? \"dialog\" : \"region\";\r\n      this.ariaModal = this.modal ? \"true\" : null;\r\n      this.popover = this.modal ? \"manual\" : null;\r\n    }\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  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 updated(_changedProperties: PropertyValues): void {\r\n    super.updated(_changedProperties);\r\n\r\n    if (_changedProperties.has(\"open\")) {\r\n      if (this.open) {\r\n        if (!this.dispatchEvent(new Event(\"opening\", { cancelable: true }))) {\r\n          this.open = false;\r\n          return;\r\n        }\r\n\r\n        // Only one sheet can be open at a time.\r\n        if (M3eBottomSheetElement.__openSheet !== this) {\r\n          M3eBottomSheetElement.__openSheet?.hide();\r\n        }\r\n        M3eBottomSheetElement.__openSheet = this;\r\n\r\n        this.inert = false;\r\n\r\n        window.addEventListener(\"resize\", this.#windowResizeHandler);\r\n\r\n        // If there are detents (regardless of handle) open to the requested, default (or first) detent.\r\n        // Otherwise, open to fit unless its greater than half.\r\n\r\n        if (this.detents.length > 0) {\r\n          this.#activeDetent = Math.min(Math.max(0, this.#requestDetent ?? this.detent), this.detents.length - 1);\r\n          this.#updateHeight(this.#computeDetentHeight(this.detents[this.#activeDetent]));\r\n        } else {\r\n          this.#updateHeight(Math.min(this.#computeDetentHeight(\"fit\"), this.#computeDetentHeight(\"half\")));\r\n        }\r\n        this.#requestDetent = undefined;\r\n      } else {\r\n        if (!this.dispatchEvent(new Event(\"closing\", { cancelable: true }))) {\r\n          this.open = true;\r\n          return;\r\n        }\r\n\r\n        // The following ensures layout is stable so that first tab isn't \"skipped\"\r\n        requestAnimationFrame(() => (this.inert = true));\r\n\r\n        window.removeEventListener(\"resize\", this.#windowResizeHandler);\r\n\r\n        if (M3eBottomSheetElement.__openSheet === this) {\r\n          M3eBottomSheetElement.__openSheet = undefined;\r\n        }\r\n      }\r\n\r\n      if (this.modal) {\r\n        if (this.open) {\r\n          this.#trigger = document.activeElement;\r\n          this.#inertController.lock();\r\n          this.#scrollLockController.lock();\r\n          this.showPopover();\r\n          requestAnimationFrame(() => {\r\n            document.addEventListener(\"click\", this.#documentClickHandler);\r\n            document.addEventListener(\"keydown\", this.#documentKeyDownHandler);\r\n          });\r\n\r\n          let focusable: HTMLElement | null | undefined = this.querySelector<HTMLElement>(\"[autofocus]\");\r\n          if (!focusable || !M3eInteractivityChecker.isFocusable(focusable)) {\r\n            focusable = this.shadowRoot?.querySelector(\".handle\");\r\n          }\r\n          if (focusable) {\r\n            focusWhenReady(focusable);\r\n          }\r\n        } else {\r\n          this.#snapToHeight(0).then(() => {\r\n            this.#inertController.unlock();\r\n            this.#scrollLockController.unlock();\r\n            document.removeEventListener(\"click\", this.#documentClickHandler);\r\n            document.removeEventListener(\"keydown\", this.#documentKeyDownHandler);\r\n            this.hidePopover();\r\n            if (this.#trigger instanceof HTMLElement) {\r\n              this.#trigger.focus();\r\n            }\r\n            this.#trigger = null;\r\n          });\r\n        }\r\n      }\r\n\r\n      this.dispatchEvent(new Event(this.open ? \"opened\" : \"closed\"));\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return html`<m3e-focus-trap ?disabled=\"${!this.modal}\">\r\n      <div class=\"base\">\r\n        <m3e-elevation class=\"elevation\"></m3e-elevation>\r\n        <div\r\n          class=\"header\"\r\n          @pointerdown=\"${this.#handleHeaderPointerDown}\"\r\n          @pointermove=\"${this.#handleHeaderPointerMove}\"\r\n          @pointerup=\"${this.#handleHeaderPointerUp}\"\r\n        >\r\n          ${this.handle\r\n            ? html`<div class=\"handle-row\">\r\n                <div\r\n                  id=\"handle\"\r\n                  class=\"handle\"\r\n                  role=\"button\"\r\n                  aria-label=\"${this.handleLabel}\"\r\n                  tabindex=\"0\"\r\n                  @click=\"${this.#handleDragHandleClick}\"\r\n                  @keydown=\"${this.#handleDragHandleKeyDown}\"\r\n                >\r\n                  <m3e-focus-ring class=\"focus-ring\" for=\"handle\"></m3e-focus-ring>\r\n                  <div class=\"handle-touch\" aria-hidden=\"true\"></div>\r\n                </div>\r\n              </div>`\r\n            : nothing}\r\n          <slot name=\"header\" @slotchange=\"${this.#handleHeaderSlotChange}\"></slot>\r\n        </div>\r\n        <div class=\"body\">\r\n          <div class=\"content\">\r\n            <slot></slot>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </m3e-focus-trap>`;\r\n  }\r\n\r\n  /** @private */\r\n  #initialize(): void {\r\n    const content = this.shadowRoot?.querySelector<HTMLElement>(\".content\");\r\n    if (content) {\r\n      this.#cachedContentHeight = content.clientHeight;\r\n      this.#resizeController.observe(content);\r\n    }\r\n\r\n    const header = this.shadowRoot?.querySelector<HTMLElement>(\".header\");\r\n    if (header) {\r\n      this.#cachedHeaderHeight = header.clientHeight;\r\n      this.#resizeController.observe(header);\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleHeaderSlotChange(e: Event): void {\r\n    setCustomState(this, \"has-header\", hasAssignedNodes(e.target as HTMLSlotElement));\r\n  }\r\n\r\n  /** @private */\r\n  #handleHeaderPointerDown(e: PointerEvent): void {\r\n    if (e.target instanceof HTMLElement && M3eInteractivityChecker.isFocusable(e.target)) {\r\n      return;\r\n    }\r\n\r\n    (<HTMLElement>e.target).setPointerCapture(e.pointerId);\r\n    (<HTMLElement>e.target).style.cursor = \"grabbing\";\r\n\r\n    this.#velocityTracker.reset();\r\n    this.#velocityTracker.add(e.clientY);\r\n\r\n    const maxHeight = this.#computeMaxHeight();\r\n    const effectiveMaxHeight =\r\n      this.detents.length > 0 ? Math.max(...this.detents.map((x) => this.#computeDetentHeight(x))) : maxHeight;\r\n\r\n    this.#dragState = {\r\n      startY: e.clientY,\r\n      startHeight: this.clientHeight,\r\n      effectiveMaxHeight,\r\n      maxHeight,\r\n      minHeight: this.#computeMinHeight(),\r\n    };\r\n    this.#dragged = false;\r\n  }\r\n\r\n  /** @private */\r\n  #handleHeaderPointerMove(e: PointerEvent): void {\r\n    if (!this.#dragState) {\r\n      return;\r\n    }\r\n\r\n    const minDragThreshold = 8;\r\n    if (Math.abs(e.clientY - this.#dragState.startY) <= minDragThreshold) {\r\n      // Ignore movement under threshold\r\n      return;\r\n    }\r\n\r\n    (e.getCoalescedEvents?.() ?? [e]).forEach((x) => this.#velocityTracker.add(x.clientY, e.timeStamp));\r\n\r\n    let newHeight = this.#dragState.startHeight - (e.clientY - this.#dragState.startY);\r\n    if (newHeight < this.#dragState.minHeight) {\r\n      if (this.hideable) {\r\n        const overshoot = (this.#dragState.minHeight - newHeight) * this.hideFriction;\r\n        newHeight = this.#dragState.minHeight - overshoot;\r\n      } else {\r\n        const overshoot = this.#dragState.minHeight - newHeight;\r\n        const overshootLimit = this.#dragState.maxHeight * (this.overshootLimit / 100);\r\n        const compressed = (overshootLimit * overshoot) / (overshoot + overshootLimit);\r\n        newHeight = this.#dragState.minHeight - compressed;\r\n      }\r\n    } else if (newHeight > this.#dragState.effectiveMaxHeight) {\r\n      const overshoot = newHeight - this.#dragState.effectiveMaxHeight;\r\n      const overshootLimit = this.#dragState.maxHeight * (this.overshootLimit / 100);\r\n      const compressed = (overshootLimit * overshoot) / (overshoot + overshootLimit);\r\n      newHeight = this.#dragState.effectiveMaxHeight + compressed;\r\n    }\r\n\r\n    this.#updateHeight(newHeight);\r\n    this.#dragged = true;\r\n  }\r\n\r\n  /** @private */\r\n  #handleHeaderPointerUp(e: PointerEvent): void {\r\n    if (!this.#dragState) return;\r\n\r\n    try {\r\n      (<HTMLElement>e.target).releasePointerCapture(e.pointerId);\r\n      (<HTMLElement>e.target).style.cursor = \"\";\r\n\r\n      if (!this.#dragged) return;\r\n\r\n      const significantVelocityThreshold = e.pointerType === \"touch\" ? 1200 : 500;\r\n      const velocity = this.#velocityTracker.getVelocity();\r\n\r\n      this.#velocityTracker.reset();\r\n\r\n      if (this.hideable && velocity >= significantVelocityThreshold) {\r\n        if (this.dispatchEvent(new Event(\"cancel\", { cancelable: true }))) {\r\n          this.hide();\r\n        }\r\n      } else if (Math.abs(velocity) >= significantVelocityThreshold) {\r\n        if (this.detents.length > 0) {\r\n          const nextDetent = this.#getNextHigherDetent();\r\n          if (nextDetent !== this.#activeDetent) {\r\n            this.#snapToDetent(nextDetent);\r\n          }\r\n        } else {\r\n          this.#snapToHeight(this.#computeDetentHeight(\"full\"));\r\n        }\r\n      } else {\r\n        const hideDistanceThreshold = 20;\r\n        if (this.hideable) {\r\n          const collapsed = this.#dragState.minHeight;\r\n          if (this.clientHeight < collapsed - hideDistanceThreshold) {\r\n            this.hide();\r\n            return;\r\n          }\r\n        }\r\n\r\n        if (this.detents.length > 0) {\r\n          this.#snapToDetent(this.#getClosestDetent());\r\n        } else if (this.clientHeight < this.#dragState.minHeight) {\r\n          this.#snapToHeight(this.#dragState.minHeight);\r\n        } else if (this.clientHeight > this.#dragState.effectiveMaxHeight) {\r\n          this.#snapToHeight(this.#dragState.effectiveMaxHeight);\r\n        }\r\n      }\r\n    } finally {\r\n      this.#dragState = undefined;\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleDocumentClick(e: Event): void {\r\n    if (\r\n      this.open &&\r\n      this.modal &&\r\n      !e.composedPath().includes(this) &&\r\n      this.dispatchEvent(new Event(\"cancel\", { cancelable: true }))\r\n    ) {\r\n      this.hide();\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleDocumentKeyDown(e: KeyboardEvent): void {\r\n    if (this.open && this.modal && e.key === \"Escape\" && !e.shiftKey && !e.ctrlKey) {\r\n      e.preventDefault();\r\n\r\n      if (this.dispatchEvent(new Event(\"cancel\", { cancelable: true }))) {\r\n        this.hide();\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleWindowResize(): void {\r\n    if (this.detents.length > 0 && this.detents[this.#activeDetent] === \"half\") {\r\n      this.#updateHeight(this.#computeDetentHeight(\"half\"));\r\n      return;\r\n    }\r\n\r\n    const maxHeight = this.#computeMaxHeight();\r\n    if (hasCustomState(this, \"-full\")) {\r\n      this.#updateHeight(maxHeight);\r\n    } else if (this.clientHeight > maxHeight) {\r\n      this.#updateHeight(maxHeight);\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleDragHandleClick(): void {\r\n    if (!this.#dragged) {\r\n      this.cycle();\r\n    }\r\n    this.#dragged = false;\r\n  }\r\n\r\n  /** @private */\r\n  #handleDragHandleKeyDown(e: KeyboardEvent): void {\r\n    if (e.defaultPrevented || !isModifierAllowed(e)) return;\r\n\r\n    switch (e.key) {\r\n      case \"Up\":\r\n      case \"ArrowUp\":\r\n        e.preventDefault();\r\n        if (this.detents.length > 0) {\r\n          const nextDetent = this.#getNextHigherDetent();\r\n          if (nextDetent !== this.#activeDetent) {\r\n            this.#snapToDetent(nextDetent);\r\n          }\r\n        } else {\r\n          this.#snapToHeight(this.#computeDetentHeight(\"full\"));\r\n        }\r\n        break;\r\n\r\n      case \"Down\":\r\n      case \"ArrowDown\":\r\n        e.preventDefault();\r\n        if (this.detents.length > 0) {\r\n          const nextDetent = this.#getNextLowerDetent();\r\n          if (nextDetent !== this.#activeDetent) {\r\n            this.#snapToDetent(nextDetent);\r\n          } else if (this.hideable) {\r\n            this.hide();\r\n          }\r\n        } else if (this.hideable) {\r\n          this.hide();\r\n        }\r\n\r\n        break;\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #getNextHigherDetent(): number {\r\n    const currentHeight = this.clientHeight;\r\n    let nextHeight = Infinity;\r\n    let nextDetent = this.#activeDetent;\r\n    for (let i = 0; i < this.detents.length; i++) {\r\n      if (i === this.#activeDetent) continue;\r\n      const detentHeight = this.#computeDetentHeight(this.detents[i]);\r\n      if (detentHeight > currentHeight && detentHeight < nextHeight) {\r\n        nextHeight = detentHeight;\r\n        nextDetent = i;\r\n      }\r\n    }\r\n    return nextDetent;\r\n  }\r\n\r\n  /** @private */\r\n  #getNextLowerDetent(): number {\r\n    const currentHeight = this.clientHeight;\r\n    let nextHeight = -Infinity;\r\n    let nextDetent = this.#activeDetent;\r\n    for (let i = 0; i < this.detents.length; i++) {\r\n      if (i === this.#activeDetent) continue;\r\n      const detentHeight = this.#computeDetentHeight(this.detents[i]);\r\n      if (detentHeight < currentHeight && detentHeight > nextHeight) {\r\n        nextHeight = detentHeight;\r\n        nextDetent = i;\r\n      }\r\n    }\r\n    return nextDetent;\r\n  }\r\n\r\n  /** @private */\r\n  #getClosestDetent(): number {\r\n    const currentHeight = this.clientHeight;\r\n    let closestDetent = this.#activeDetent;\r\n    let closestDistance = Infinity;\r\n\r\n    for (let i = 0; i < this.detents.length; i++) {\r\n      const detentHeight = this.#computeDetentHeight(this.detents[i]);\r\n      const distance = Math.abs(currentHeight - detentHeight);\r\n\r\n      if (distance < closestDistance) {\r\n        closestDistance = distance;\r\n        closestDetent = i;\r\n      }\r\n    }\r\n    return closestDetent;\r\n  }\r\n\r\n  /** @private */\r\n  #computeDetentHeight(detent: string): number {\r\n    switch (detent) {\r\n      case \"collapsed\":\r\n        return this.#computeMinHeight();\r\n      case \"half\":\r\n        return this.#computeMaxHeight() * 0.5;\r\n      case \"full\":\r\n        return this.#computeMaxHeight();\r\n      case \"fit\":\r\n        return this.#computeFitHeight();\r\n    }\r\n\r\n    if (detent.endsWith(\"%\")) {\r\n      return this.#computeMaxHeight() * (parseFloat(detent) / 100);\r\n    }\r\n\r\n    if (detent.endsWith(\"px\")) {\r\n      return parseFloat(detent);\r\n    }\r\n\r\n    return this.#computeMinHeight();\r\n  }\r\n\r\n  /** @private */\r\n  #computeMaxHeight(): number {\r\n    const base = this.shadowRoot?.querySelector<HTMLElement>(\".base\");\r\n    return window.innerHeight - (base ? computeCssSize(base, \"var(--_bottom-sheet-top-space)\") : 0);\r\n  }\r\n\r\n  /** @private */\r\n  #computeMinHeight(): number {\r\n    return this.detents.includes(\"fit\") && !this.detents.includes(\"collapsed\")\r\n      ? this.#computeFitHeight()\r\n      : this.#computePeekHeight();\r\n  }\r\n\r\n  /** @private */\r\n  #computePeekHeight(): number {\r\n    const base = this.shadowRoot?.querySelector<HTMLElement>(\".base\");\r\n    return this.#cachedHeaderHeight + (base ? computeCssSize(base, \"var(--_bottom-sheet-peek-height)\") : 0);\r\n  }\r\n\r\n  /** @private */\r\n  #computeFitHeight(): number {\r\n    const body = this.shadowRoot?.querySelector<HTMLElement>(\".body\");\r\n    if (!body) {\r\n      return 0;\r\n    }\r\n\r\n    const bodyStyle = getComputedStyle(body);\r\n    return (\r\n      this.#cachedHeaderHeight +\r\n      this.#cachedContentHeight +\r\n      parseFloat(bodyStyle.paddingBlockStart) +\r\n      parseFloat(bodyStyle.paddingBlockEnd)\r\n    );\r\n  }\r\n\r\n  /** @private */\r\n  #handleSectionResize(entries: ResizeObserverEntry[]): void {\r\n    const oldCachedContentHeight = this.#cachedContentHeight;\r\n    const oldCachedHeaderHeight = this.#cachedHeaderHeight;\r\n\r\n    for (const entry of entries) {\r\n      if (entry.target.classList.contains(\"content\")) {\r\n        this.#cachedContentHeight = (<ResizeObserverSize>(\r\n          (Array.isArray(entry.borderBoxSize) ? entry.borderBoxSize[0] : entry.borderBoxSize)\r\n        )).blockSize;\r\n      } else if (entry.target.classList.contains(\"header\")) {\r\n        this.#cachedHeaderHeight = (<ResizeObserverSize>(\r\n          (Array.isArray(entry.borderBoxSize) ? entry.borderBoxSize[0] : entry.borderBoxSize)\r\n        )).blockSize;\r\n      }\r\n    }\r\n\r\n    if (\r\n      this.open &&\r\n      this.detents.length > 0 &&\r\n      (oldCachedContentHeight !== this.#cachedContentHeight || oldCachedHeaderHeight !== this.#cachedHeaderHeight)\r\n    ) {\r\n      switch (this.detents[this.#activeDetent]) {\r\n        case \"fit\":\r\n          this.#updateHeight(this.#computeFitHeight());\r\n          break;\r\n\r\n        case \"collapsed\":\r\n          this.#updateHeight(this.#computeMinHeight());\r\n          break;\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #snapToDetent(detent: number): void {\r\n    if (detent >= 0 && detent < this.detents.length) {\r\n      this.#activeDetent = detent;\r\n      this.#snapToHeight(this.#computeDetentHeight(this.detents[detent]));\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  async #snapToHeight(height: number): Promise<void> {\r\n    if (this.#snapAnimation) {\r\n      this.#updateHeight(this.clientHeight);\r\n      this.#snapAnimation?.cancel();\r\n      this.#snapAnimation = undefined;\r\n    }\r\n\r\n    if (!prefersReducedMotion()) {\r\n      this.#snapAnimation = this.animate(\r\n        [{ \"--_bottom-sheet-height\": `${this.clientHeight}px` }, { \"--_bottom-sheet-height\": `${height}px` }],\r\n        {\r\n          duration: 250,\r\n          easing: \"cubic-bezier(0.2, 0.0, 0, 1.0)\",\r\n        },\r\n      );\r\n      this.#snapAnimation.onfinish = () => {\r\n        this.#updateHeight(height);\r\n        this.#snapAnimation = undefined;\r\n      };\r\n      await this.#snapAnimation.finished;\r\n    } else {\r\n      this.#updateHeight(height);\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #updateHeight(height: number): void {\r\n    this.style.setProperty(\"--_bottom-sheet-height\", `${height}px`);\r\n    setCustomState(this, \"-full\", height === this.#computeMaxHeight());\r\n    const content = this.shadowRoot?.querySelector<HTMLElement>(\".content\");\r\n    if (content) {\r\n      content.inert = height <= this.#computePeekHeight();\r\n    }\r\n  }\r\n}\r\n\r\ninterface M3eBottomSheetElementEventMap extends HTMLElementEventMap {\r\n  opening: Event;\r\n  opened: Event;\r\n  closing: Event;\r\n  closed: Event;\r\n  cancel: Event;\r\n}\r\n\r\nexport interface M3eBottomSheetElement {\r\n  addEventListener<K extends keyof M3eBottomSheetElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3eBottomSheetElement, ev: M3eBottomSheetElementEventMap[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 M3eBottomSheetElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3eBottomSheetElement, ev: M3eBottomSheetElementEventMap[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-bottom-sheet\": M3eBottomSheetElement;\r\n  }\r\n}\r\n","import { property } from \"lit/decorators.js\";\r\n\r\nimport { ActionElementBase, customElement, HtmlFor } from \"@m3e/web/core\";\r\nimport { addAriaReferencedId, removeAriaReferencedId } from \"@m3e/web/core/a11y\";\r\n\r\nimport { M3eBottomSheetElement } from \"./BottomSheetElement\";\r\n\r\n/**\r\n * An element, nested within a clickable element, used to trigger a bottom sheet.\r\n * @tag m3e-bottom-sheet-trigger\r\n *\r\n * @slot - Renders the content of the trigger.\r\n *\r\n * @attr detent - The zero‑based index of the detent the sheet should open to.\r\n * @attr secondary - Marks this trigger as a secondary trigger for accessibility. Secondary triggers do not receive ARIA ownership.\r\n */\r\n@customElement(\"m3e-bottom-sheet-trigger\")\r\nexport class M3eBottomSheetTriggerElement extends HtmlFor(ActionElementBase) {\r\n  /**\r\n   * The zero‑based index of the detent the sheet should open to.\r\n   * @default undefined\r\n   */\r\n  @property({ type: Number }) detent?: number;\r\n\r\n  /**\r\n   * Marks this trigger as a secondary trigger for accessibility. Secondary triggers do not receive ARIA ownership.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean }) secondary = false;\r\n\r\n  /** @inheritdoc */\r\n  override attach(control: HTMLElement): void {\r\n    if (control instanceof M3eBottomSheetElement) {\r\n      super.attach(control);\r\n\r\n      if (this.parentElement) {\r\n        if (!control.modal) {\r\n          if (!this.secondary) {\r\n            this.parentElement.ariaExpanded = \"false\";\r\n            addAriaReferencedId(this.parentElement, \"aria-controls\", control.id);\r\n            if (this.parentElement.id) {\r\n              addAriaReferencedId(control, \"aria-labelledby\", this.parentElement.id);\r\n            }\r\n          }\r\n        } else {\r\n          this.parentElement.ariaHasPopup = \"dialog\";\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override detach(): void {\r\n    if (this.control && this.parentElement && !this.secondary) {\r\n      removeAriaReferencedId(this.parentElement, \"aria-controls\", this.control.id);\r\n    }\r\n    super.detach();\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override _onClick(): void {\r\n    if (this.control instanceof M3eBottomSheetElement) {\r\n      if (this.control.modal) {\r\n        this.control.show(this.detent);\r\n      } else {\r\n        this.control.toggle(this.detent);\r\n        if (!this.secondary && this.parentElement) {\r\n          this.parentElement.ariaExpanded = `${this.control.open}`;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    \"m3e-bottom-sheet-trigger\": M3eBottomSheetTriggerElement;\r\n  }\r\n}\r\n"],"names":["M3eBottomSheetActionElement","ActionElementBase","_onClick","this","closest","hide","__decorate","customElement","M3eBottomSheetElement","M3eBottomSheetElement_1","EventAttribute","ReconnectedCallback","SuppressInitialAnimation","AttachInternals","LitElement","constructor","_M3eBottomSheetElement_documentClickHandler","set","e","__classPrivateFieldGet","call","_M3eBottomSheetElement_documentKeyDownHandler","_M3eBottomSheetElement_windowResizeHandler","_M3eBottomSheetElement_instances","_M3eBottomSheetElement_handleWindowResize","_M3eBottomSheetElement_velocityTracker","VelocityTracker","_M3eBottomSheetElement_scrollLockController","ScrollLockController","_M3eBottomSheetElement_inertController","InertController","_M3eBottomSheetElement_resizeController","ResizeController","target","skipInitial","callback","x","_M3eBottomSheetElement_handleSectionResize","_M3eBottomSheetElement_trigger","_M3eBottomSheetElement_dragState","_M3eBottomSheetElement_dragged","_M3eBottomSheetElement_activeDetent","_M3eBottomSheetElement_requestDetent","_M3eBottomSheetElement_cachedContentHeight","_M3eBottomSheetElement_cachedHeaderHeight","_M3eBottomSheetElement_snapAnimation","modal","open","handle","handleLabel","detents","detent","hideable","hideFriction","overshootLimit","show","undefined","_M3eBottomSheetElement_snapToDetent","__classPrivateFieldSet","toggle","cycle","length","_a","update","changedProperties","super","has","role","ariaModal","popover","reconnectedCallback","_M3eBottomSheetElement_initialize","firstUpdated","_changedProperties","updated","dispatchEvent","Event","cancelable","__openSheet","inert","window","addEventListener","Math","min","max","_M3eBottomSheetElement_updateHeight","_M3eBottomSheetElement_computeDetentHeight","requestAnimationFrame","removeEventListener","document","activeElement","lock","showPopover","focusable","querySelector","M3eInteractivityChecker","isFocusable","shadowRoot","focusWhenReady","_M3eBottomSheetElement_snapToHeight","then","unlock","hidePopover","HTMLElement","focus","render","html","_M3eBottomSheetElement_handleHeaderPointerDown","_M3eBottomSheetElement_handleHeaderPointerMove","_M3eBottomSheetElement_handleHeaderPointerUp","_M3eBottomSheetElement_handleDragHandleClick","_M3eBottomSheetElement_handleDragHandleKeyDown","nothing","_M3eBottomSheetElement_handleHeaderSlotChange","content","clientHeight","observe","header","setCustomState","hasAssignedNodes","setPointerCapture","pointerId","style","cursor","reset","add","clientY","maxHeight","effectiveMaxHeight","map","startY","startHeight","minHeight","_M3eBottomSheetElement_computeMinHeight","abs","getCoalescedEvents","forEach","timeStamp","newHeight","overshoot","compressed","releasePointerCapture","significantVelocityThreshold","pointerType","velocity","getVelocity","nextDetent","hideDistanceThreshold","collapsed","_M3eBottomSheetElement_getClosestDetent","composedPath","includes","key","shiftKey","ctrlKey","preventDefault","hasCustomState","defaultPrevented","isModifierAllowed","currentHeight","nextHeight","Infinity","i","detentHeight","closestDetent","closestDistance","distance","_M3eBottomSheetElement_computeMaxHeight","_M3eBottomSheetElement_computeFitHeight","endsWith","parseFloat","base","innerHeight","computeCssSize","body","bodyStyle","getComputedStyle","paddingBlockStart","paddingBlockEnd","entries","oldCachedContentHeight","oldCachedHeaderHeight","entry","classList","contains","Array","isArray","borderBoxSize","blockSize","async","height","cancel","prefersReducedMotion","animate","duration","easing","onfinish","finished","setProperty","_M3eBottomSheetElement_computePeekHeight","registerStyleSheet","css","styles","DesignToken","color","onSurface","surfaceContainerLow","unsafeCSS","motion","medium2","standardDecelerate","standard","elevation","level1","shape","corner","none","extraLargeTop","short3","scrim","long2","scrollbar","thinWidth","typescale","medium","fontSize","fontWeight","lineHeight","tracking","title","large","full","onSurfaceVariant","property","type","Boolean","reflect","prototype","attribute","converter","spaceSeparatedStringConverter","Number","M3eBottomSheetTriggerElement","HtmlFor","secondary","attach","control","parentElement","ariaHasPopup","ariaExpanded","addAriaReferencedId","id","detach","removeAriaReferencedId"],"mappings":"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"}