@expressivecss/expressive 0.15.0 → 0.17.0

package/dist/js/chunks/chunk-DWA5UYLJ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/menu.ts"],
+  "sourcesContent": ["import { Utils, controllerFor, restoreAttribute } from '../core/utils';\nimport { Component, BaseOptions } from '../core/component';\n\n// CSS anchor positioning, where the browser has it. A menu opened from its\n// trigger is anchored there and flips at the viewport edges in CSS; context\n// menus open at a point and cover-trigger menus overlap their trigger, so\n// both keep the measured placement, as do menus under a transformed\n// ancestor and every browser without anchors.\n// Either way the open menu is a manual popover in the top layer, so no\n// ancestor clips it or contains it, and its bounds are the viewport's.\n\n/** An element's parent, or its shadow root's host. */\nconst parentOf = (el: Element): Element | null => el.parentElement ?? ((el.getRootNode() as ShadowRoot).host || null);\n\n/**\n * Whether an ancestor of `el`, across shadow roots, moves it with a\n * transform. Firefox anchors a top-layer menu to the trigger's box as laid\n * out, before transforms, so a menu under one is measured instead, as in a\n * floating toolbar centred with `translateX(-50%)`.\n */\n// Computed values of the individual transform properties that move nothing,\n// such as a side sheet's resting `translate: 0px`.\nconst IDENTITY = { translate: /^(none|0px( 0px){0,2})$/, rotate: /^(none|(\\S+ )*0deg)$/, scale: /^(none|1( 1){0,2})$/ };\n\nfunction transformed(el: Element) {\n  for (let node = parentOf(el); node; node = parentOf(node)) {\n    const style = getComputedStyle(node);\n    // An identity transform, often a translateZ(0) layer hint, moves nothing.\n    if (!new DOMMatrixReadOnly(style.transform).isIdentity) return true;\n    if (Object.entries(IDENTITY).some(([property, identity]) => !identity.test(style.getPropertyValue(property)))) return true;\n  }\n  return false;\n}\n\n/** The shadow roots an element sits in, nearest first. */\nfunction shadowRoots(el: Element) {\n  const roots: ShadowRoot[] = [];\n  for (let root = el.getRootNode(); 'host' in root; root = (root as ShadowRoot).host.getRootNode()) roots.push(root as ShadowRoot);\n  return roots;\n}\n\n/**\n * The room a measured menu has in the viewport when aligned at each edge of\n * its trigger `el`. Aligned at `top` it starts `offset` below the trigger's\n * top edge, and at `bottom` it ends `offset` above its bottom edge. Negative\n * room means the menu does not fit that way.\n */\nfunction room(el: HTMLElement, menu: Pick<DOMRect, 'width' | 'height'>, offset: number) {\n  const rect = el.getBoundingClientRect();\n  return {\n    left: window.innerWidth - (rect.left + menu.width),\n    right: rect.right - menu.width,\n    top: window.innerHeight - (rect.top + menu.height + offset),\n    bottom: rect.bottom - (menu.height + offset)\n  };\n}\n\n/** The keys that move between rows. Home and End go to the ends. */\nconst STEPS = { ArrowUp: -1, ArrowDown: 1 };\n// A list's rows: its own items, and the items of each <li role=\"none\"><ul\n// role=\"group\"> inside it.\nconst ROWS = ':scope > li, :scope > li > ul[role=\"group\"] > li';\n\nconst anchorSupported = typeof CSS !== 'undefined' && !!CSS.supports?.('anchor-name: --a');\n\n// The anchored inline properties, cleared together when the menu is reset.\nconst ANCHOR_STYLES = ['position', 'inset', 'max-height', 'position-anchor', 'position-area', 'position-try-fallbacks'];\n\nexport interface MenuOptions extends BaseOptions {\n  /**\n   * Defines the edge the menu is aligned to.\n   * @default 'left'\n   */\n  alignment: 'left' | 'right';\n  /**\n   * If true, automatically focus menu el for keyboard.\n   * @default true\n   */\n  autoFocus: boolean;\n  /**\n   * If true, constrainWidth to the size of the menu activator.\n   *\n   * A trigger narrower than the surface's own 112dp minimum cannot be\n   * honoured, so such a menu is sized to its content instead - see\n   * MIN_SURFACE_WIDTH.\n   * @default true\n   */\n  constrainWidth: boolean;\n  /**\n   * Provide an element that will be the bounding container of the menu.\n   * @default null\n   */\n  container: Element | ShadowRoot;\n  /**\n   * If false, the menu will show below the trigger.\n   * That is the M3 placement. Pass `true` to cover the trigger.\n   * @default false\n   */\n  coverTrigger: boolean;\n  /**\n   * The side of the trigger the menu opens on when there is room, such as\n   * 'top' for a trigger in a bottom bar. It flips when there is not.\n   * @default 'bottom'\n   */\n  placement: 'bottom' | 'top';\n  /**\n   * If true, close menu on item click.\n   * @default true\n   */\n  closeOnClick: boolean;\n  /**\n   * If true, the menu will open on hover.\n   * @default false\n   */\n  hover: boolean;\n  /**\n   * If true, the trigger is a region and the menu is its context menu: it\n   * opens at the pointer on right-click, long-press or the keyboard context\n   * menu key instead of on click. `data-context-menu` on the trigger sets it.\n   * @default false\n   */\n  contextMenu: boolean;\n  /**\n   * The duration of the transition enter in milliseconds.\n   * @default 150\n   */\n  inDuration: number;\n  /**\n   * The duration of the transition out in milliseconds.\n   * @default 250\n   */\n  outDuration: number;\n  /**\n   * Function called when menu starts entering.\n   * @default null\n   */\n  onOpenStart: (el: HTMLElement) => void;\n  /**\n   * Function called when menu finishes entering.\n   * @default null\n   */\n  onOpenEnd: (el: HTMLElement) => void;\n  /**\n   * Function called when menu starts exiting.\n   * @default null\n   */\n  onCloseStart: (el: HTMLElement) => void;\n  /**\n   * Function called when menu finishes exiting.\n   * @default null\n   */\n  onCloseEnd: (el: HTMLElement) => void;\n  /**\n   * Function called when item is clicked.\n   * @default null\n   */\n  onItemClick: (el: HTMLLIElement) => void;\n}\n\n// The menu surface's own width bounds, stated in `components/_menu.scss` and\n// restated here because the constraint below has to reason about them.\nconst MIN_SURFACE_WIDTH = 112;\nconst MAX_SURFACE_WIDTH = 280;\n\nconst _defaults: MenuOptions = {\n  alignment: 'left',\n  autoFocus: true,\n  constrainWidth: true,\n  container: null,\n  coverTrigger: false,\n  placement: 'bottom',\n  closeOnClick: true,\n  hover: false,\n  contextMenu: false,\n  inDuration: 150,\n  outDuration: 250,\n  onOpenStart: null,\n  onOpenEnd: null,\n  onCloseStart: null,\n  onCloseEnd: null,\n  onItemClick: null\n};\n\nconst SPACE = ' ';\n\nexport class Menu extends Component<MenuOptions> {\n  static _menus: Menu[] = [];\n  /** ID of the menu element. */\n  id: string;\n  /** The DOM element of the menu. */\n  menuEl: HTMLElement;\n  /** If the menu is open. */\n  isOpen: boolean;\n  /** If the menu content is scrollable. */\n  isScrollable: boolean;\n  isTouchMoving: boolean;\n  /** The index of the item focused. */\n  focusedIndex: number;\n  filterQuery: string[];\n  filterTimeout: ReturnType<typeof setTimeout>;\n  private _pendingTimers = new Set<ReturnType<typeof setTimeout>>();\n  private _transition = 0;\n  /** Removes the listeners an open menu adds. */\n  private _openEvents: AbortController | undefined;\n  private _originalInert: string | null;\n  private _menuClickTargets = new WeakMap<Event, HTMLElement>();\n  // True while Space activates a row, so the click it sends can keep a radio\n  // menu open.\n  private _spaceActivation = false;\n  /** Whether the pointer opened the menu, so opening leaves focus where it was. */\n  private _openedByHover = false;\n  /**\n   * Viewport point the open context menu belongs to. Null outside a\n   * right-click, so a keyboard or programmatic open uses the region's corner\n   * rather than an old pointer position.\n   */\n  private _contextPoint: { x: number; y: number } | null = null;\n  /** What had focus when a context menu opened; focus goes back there. */\n  private _contextReturn: HTMLElement | null = null;\n  /** Each attribute setup wrote, with the value it had before, for destroy(). */\n  private _originalAttributes = new Map<Element, Map<string, string | null>>();\n  /** Where the menu was before it moved next to the trigger. */\n  private _originalPlace: { parent: Node | null; next: Node | null } = { parent: null, next: null };\n\n  constructor(el: HTMLElement, options: Partial<MenuOptions>) {\n    super(el, { contextMenu: el.hasAttribute('data-context-menu'), ...options });\n\n    Menu._menus.push(this);\n    this.id = Utils.getIdFromTrigger(el);\n    this.menuEl = Utils.getElementById(el, this.id);\n\n    this.isOpen = false;\n    this.isScrollable = false;\n    this.isTouchMoving = false;\n    this.focusedIndex = -1;\n    this.filterQuery = [];\n    // A context region is content, not a button: expanded, haspopup and\n    // controls are not valid on it, and the menu key is how it is discovered.\n    if (!this.options.contextMenu) {\n      this._setAttribute(this.el, 'aria-expanded', 'false');\n      if (!this.el.hasAttribute('aria-haspopup')) this._setAttribute(this.el, 'aria-haspopup', 'menu');\n      if (this.id && !this.el.hasAttribute('aria-controls'))\n        this._setAttribute(this.el, 'aria-controls', this.id);\n    }\n\n    // Without a menu, moving it inserts a literal \"null\" text node and the\n    // trigger's handlers would cancel its own clicks and keys to open nothing.\n    if (!this.menuEl) {\n      console.warn(`Menu skipped: no element matches target \"${this.id}\".`, el);\n      return;\n    }\n    this._originalInert = this.menuEl.getAttribute('inert');\n    // Keep the menu next to the trigger so positioning stays local.\n    this._moveMenuToElement();\n    this._setupAccessibility();\n    this._makeMenuFocusable();\n    this._setupSubmenus();\n    this._setupEventHandlers();\n  }\n\n  static get defaults(): MenuOptions {\n    return _defaults;\n  }\n\n  static key = 'Expressive_Menu';\n\n  destroy() {\n    this._clearPendingTimers();\n    this.isOpen = false;\n    this._setExpanded(false);\n    if (this.menuEl) Utils.setAnchorName(this.el, `--menu-${this.menuEl.id}`, false);\n    clearTimeout(this.filterTimeout);\n    this._resetMenuStyles();\n    this._restoreInert();\n    this._restoreSetup();\n    this._events.abort();\n    this._openEvents?.abort();\n    const index = Menu._menus.indexOf(this);\n    if (index >= 0) Menu._menus.splice(index, 1);\n    super.destroy();\n  }\n\n  _setupEventHandlers() {\n    const { signal } = this._events;\n    // Trigger keydown handler\n    this.el.addEventListener('keydown', this._handleTriggerKeydown, { signal });\n    // Item click handler\n    this.menuEl?.addEventListener('click', this._handleMenuClick, { signal });\n    if (this.menuEl?.querySelector(':scope > li > menu')) {\n      this.menuEl.addEventListener('mouseover', this._handleSubmenuAlign, { signal });\n    }\n    if (this.options.contextMenu) {\n      this.el.addEventListener('contextmenu', this._handleContextMenu, { signal });\n    } else if (this.options.hover) {\n      // Hover event handlers\n      this.el.addEventListener('mouseenter', this._handleMouseEnter, { signal });\n      this.el.addEventListener('mouseleave', this._handleMouseLeave, { signal });\n      this.menuEl.addEventListener('mouseleave', this._handleMouseLeave, { signal });\n      // Click event handlers\n    } else {\n      this.el.addEventListener('click', this._handleClick, { signal });\n    }\n  }\n\n  _setupTemporaryEventHandlers() {\n    this._openEvents?.abort();\n    this._openEvents = controllerFor(this.el);\n    const { signal } = this._openEvents;\n    const passive = { passive: true, signal };\n    document.addEventListener('click', this._handleDocumentClick, { signal });\n    this.menuEl?.addEventListener('pointerdown', this._handleMenuPointerdown, passive);\n    this.menuEl?.addEventListener('touchmove', this._handleDocumentTouchmove, passive);\n    document.addEventListener('touchmove', this._handleDocumentTouchmove, passive);\n    this.menuEl?.addEventListener('keydown', this._handleMenuKeydown, { signal });\n    document.addEventListener('keydown', this._handleDocumentKeydown, { signal });\n    window.addEventListener('resize', this._handleWindowResize, { signal });\n    // A scroll inside a shadow root stays there, so each root around the\n    // trigger is heard as well as the window.\n    for (const target of [window, ...shadowRoots(this.el)]) {\n      target.addEventListener('scroll', this._reanchor, { capture: true, passive: true, signal });\n    }\n    // A right-click elsewhere fires no click, so it would leave the menu open.\n    if (this.options.contextMenu) document.addEventListener('contextmenu', this._handleDocumentContextMenu, { signal });\n  }\n\n  _handleContextMenu = (e: MouseEvent) => {\n    // A nested region already answered this right-click; this one closes so\n    // two menus never stack.\n    if (e.defaultPrevented) {\n      this.close();\n      return;\n    }\n    // A right-click on another open menu inside this region belongs to that\n    // menu, which keeps itself open.\n    const path = e.composedPath();\n    if (Menu._menus.some((menu) => menu !== this && menu.isOpen && path.includes(menu.menuEl))) return;\n    e.preventDefault();\n    if (!this.isOpen) {\n      const root = this.el.getRootNode() as Document | ShadowRoot;\n      this._contextReturn = root.activeElement instanceof HTMLElement ? root.activeElement : null;\n    }\n    // The menu key and Shift+F10 fire this too, with a point that may sit\n    // outside the region (0, 0 in some engines). Those leave the point unset\n    // and open at the region's start corner.\n    const rect = this.el.getBoundingClientRect();\n    const fromPointer =\n      (e.clientX !== 0 || e.clientY !== 0) &&\n      e.clientX >= rect.left && e.clientX <= rect.right &&\n      e.clientY >= rect.top && e.clientY <= rect.bottom;\n    this._contextPoint = fromPointer ? { x: e.clientX, y: e.clientY } : null;\n    if (this.isOpen) this.recalculateDimensions();\n    else this.open();\n  };\n\n  _handleDocumentContextMenu = (e: MouseEvent) => {\n    const path = e.composedPath();\n    // A right-click on the menu itself keeps it open and the browser's own\n    // menu shut.\n    if (path.includes(this.menuEl)) {\n      e.preventDefault();\n      return;\n    }\n    if (!path.includes(this.el)) this.close();\n  };\n\n  _handleClick = (e: MouseEvent) => {\n    e.preventDefault();\n    if (this.isOpen) {\n      this.close();\n    } else {\n      this.open();\n    }\n  };\n\n  _handleMouseEnter = () => {\n    if (this.isOpen) return;\n    // A pointer passing over the trigger must not pull focus out of whatever\n    // the user is typing in, so a hover-opened menu leaves focus alone.\n    this._openedByHover = true;\n    this.open();\n  };\n\n  // A hover menu stays open while the pointer moves onto its content or onto\n  // the trigger of an open menu. relatedTarget is null when the pointer\n  // leaves the window entirely.\n  _handleMouseLeave = (e: MouseEvent) => {\n    const toEl = e.relatedTarget as HTMLElement | null;\n    if (toEl && (this.menuEl?.contains(toEl) || Menu._inOpenTrigger(toEl))) return;\n    this.close();\n  };\n\n  private static _inOpenTrigger(el: Element) {\n    const trigger = el.closest('.menu-trigger');\n    return Boolean(trigger && Menu.getInstance(trigger)?.isOpen);\n  }\n\n  _handleDocumentClick = (e: MouseEvent) => {\n    const path = e.composedPath();\n    const menuTarget = this._menuClickTargets.get(e);\n    this._menuClickTargets.delete(e);\n    // A click on the trigger belongs to the trigger's own click handler (which\n    // toggles), not to outside dismissal: an Autocomplete input has no toggle,\n    // so moving the caret closed its list. A context region still closes on a\n    // left click, since that is how its menu is dismissed.\n    if (!menuTarget && !this.options.contextMenu && path.includes(this.el)) {\n      this.isTouchMoving = false;\n      return;\n    }\n    const target = menuTarget ?? <HTMLElement>(path[0] || e.target);\n    const inside = !!menuTarget || path.includes(this.menuEl) || this.menuEl?.contains(target);\n    if (this._isSubmenuTriggerClick(target)) return;\n    if (inside && this._closesOnClick(target)) {\n      this.close();\n    } else if (!inside) {\n      // Do this one frame later so that if the element clicked also triggers _handleClick\n      // For example, if a label for a select was clicked, that we don't close/open the menu\n      this._schedule(() => this.close(), 0);\n    }\n    this.isTouchMoving = false;\n  };\n\n  // A hover-opened menu does not hold focus, so its own keydown handler never\n  // sees Escape. Close it from wherever focus is, without moving focus, and\n  // take the key only when it was pressed on the trigger.\n  _handleDocumentKeydown = (e: KeyboardEvent) => {\n    if (e.key !== 'Escape' || !this._openedByHover) return;\n    if (Utils.focusIsIn(this.el)) e.preventDefault();\n    this.close();\n  };\n\n  _handleTriggerKeydown = (e: KeyboardEvent) => {\n    // A context region keeps its keys for its own content; the browser turns\n    // the menu key and Shift+F10 into a contextmenu event.\n    if (this.options.contextMenu) return;\n    // Opening focus is delayed, so Escape must work while the trigger still owns it.\n    if (e.key === 'Escape' && this.isOpen && Utils.plainKey(e) && !Utils.isComposing(e)) {\n      e.preventDefault();\n      this.close();\n      return;\n    }\n    // M3: Space, Enter, Arrow Down, and Arrow Up open a closed menu.\n    const opensMenu = [SPACE, 'Enter', 'ArrowDown', 'ArrowUp'].includes(e.key);\n    if (!opensMenu) return;\n    if (!this.isOpen) {\n      e.preventDefault();\n      this.open();\n    } else if (this._openedByHover) {\n      // The keyboard takes over a menu the pointer opened.\n      e.preventDefault();\n      this._openedByHover = false;\n      this._focusInitialItem();\n    }\n  };\n\n  // A scroll ends without a click, which is the only other place the flag is\n  // cleared, so a new gesture has to clear it or the next tap is ignored.\n  _handleMenuPointerdown = () => {\n    this.isTouchMoving = false;\n  };\n\n  _handleDocumentTouchmove = (e: TouchEvent) => {\n    const target = <HTMLElement>e.target;\n    if (e.composedPath().includes(this.menuEl) || this.menuEl?.contains(target)) {\n      this.isTouchMoving = true;\n    }\n  };\n\n  _handleMenuClick = (e: MouseEvent) => {\n    const target = <HTMLElement>e.target;\n    // Closed shadow roots hide the original target from document listeners.\n    this._menuClickTargets.set(e, target);\n    const li = target.closest('li');\n    // Neither a disabled row nor one that is not an item is a choice.\n    if (li?.matches('.disabled, [aria-disabled=\"true\"], .divider, .gap, .label, .optgroup')) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n    if (li && this._isSubmenuTriggerClick(target)) {\n      e.preventDefault();\n      e.stopPropagation();\n      this._toggleSubmenu(li);\n      return;\n    }\n    if (li) this._activateItem(li);\n  };\n\n  private _activateItem(li: HTMLLIElement) {\n    const checked = this._toggleChecked(li);\n    if (!this._notify('select', this.options.onItemClick, { args: [li], detail: { item: li } })) return;\n    if (checked !== null) this._notify('change', null, { detail: { item: li, checked } });\n  }\n\n  // A menuitemcheckbox flips aria-checked, and a menuitemradio checks itself\n  // and unchecks its group, before anyone hears of the click. Any other row,\n  // or a radio that was already checked, returns null.\n  private _toggleChecked(li: HTMLElement): boolean | null {\n    const role = li.getAttribute('role');\n    if (role === 'menuitemradio') return this._checkRadio(li);\n    if (role !== 'menuitemcheckbox') return null;\n    const checked = li.getAttribute('aria-checked') !== 'true';\n    li.setAttribute('aria-checked', String(checked));\n    return checked;\n  }\n\n  // A radio's group is its parent list: a <ul role=\"group\">, or for radio\n  // rows outside any group, their menu.\n  private _checkRadio(li: HTMLElement): true | null {\n    if (li.getAttribute('aria-checked') === 'true') return null;\n    li.parentElement.querySelectorAll(':scope > li[role=\"menuitemradio\"]').forEach((radio) => {\n      radio.setAttribute('aria-checked', String(radio === li));\n    });\n    return true;\n  }\n\n  private _isCheckboxRow(el: Element | null | undefined) {\n    return el?.closest('li')?.getAttribute('role') === 'menuitemcheckbox';\n  }\n\n  // isTouchMoving: a scroll on mobile is not a choice.\n  private _closesOnClick(target: HTMLElement) {\n    return this.options.closeOnClick && !this.isTouchMoving && !this._keepsOpen(target);\n  }\n\n  // Click and Space keep a checkbox menu open so several items can be\n  // toggled. Space keeps a radio menu open too; a click on a radio closes it.\n  private _keepsOpen(target: HTMLElement) {\n    const role = target.closest('li')?.getAttribute('role');\n    if (role === 'menuitemcheckbox') return true;\n    return this._spaceActivation && role === 'menuitemradio';\n  }\n\n  // Enter toggles a checkbox item and then closes, as it does on any item.\n  private _closeAfterEnter(e: KeyboardEvent, row: Element | undefined) {\n    if (e.key === 'Enter' && this.options.closeOnClick && this._isCheckboxRow(row)) this.close();\n  }\n\n  private _setupAccessibility() {\n    if (!this.menuEl) return;\n    if (!this.menuEl.hasAttribute('role')) this._setAttribute(this.menuEl, 'role', 'menu');\n\n    const menus = [this.menuEl, ...this.menuEl.querySelectorAll('menu')];\n    menus.forEach((menu) => {\n      if (!menu.hasAttribute('role')) this._setAttribute(menu, 'role', 'menu');\n      if (menu.getAttribute('role') !== 'menu') return;\n\n      menu.querySelectorAll(ROWS).forEach((li) => {\n        if (li.classList.contains('divider')) {\n          if (!li.hasAttribute('role')) this._setAttribute(li, 'role', 'separator');\n          return;\n        }\n        if (li.classList.contains('gap')) {\n          this._setAttribute(li, 'aria-hidden', 'true');\n          return;\n        }\n        if (li.classList.contains('label') || li.classList.contains('optgroup')) {\n          if (!li.hasAttribute('role')) this._setAttribute(li, 'role', 'presentation');\n          return;\n        }\n        if (!li.hasAttribute('role')) this._setAttribute(li, 'role', 'menuitem');\n        if (li.classList.contains('disabled') && !li.hasAttribute('aria-disabled')) {\n          this._setAttribute(li, 'aria-disabled', 'true');\n        }\n      });\n    });\n  }\n\n  private _isSubmenuTriggerClick(target: HTMLElement) {\n    if (!this.menuEl) return false;\n    const li = target.closest('li');\n    if (!li || !this.menuEl.contains(li)) return false;\n    const submenu = li.querySelector(':scope > menu');\n    if (!submenu) return false;\n    return !submenu.contains(target);\n  }\n\n  private _setupSubmenus() {\n    this.menuEl?.querySelectorAll('li').forEach((li) => {\n      if (!li.querySelector(':scope > menu')) return;\n      const trigger = li.querySelector(':scope > a, :scope > button, :scope > span') ?? li;\n      this._setAttribute(trigger, 'aria-haspopup', 'menu');\n      this._setAttribute(trigger, 'aria-expanded', 'false');\n    });\n  }\n\n  private _toggleSubmenu(li: HTMLElement) {\n    const open = !li.classList.contains('open');\n    li.parentElement?.querySelectorAll(':scope > li.open').forEach((other) => {\n      if (other !== li) this._closeSubmenu(other as HTMLElement);\n    });\n    li.classList.toggle('open', open);\n    if (open) this._alignSubmenu(li);\n    this._syncSubmenuAria(li, open);\n  }\n\n  private _syncSubmenuAria(li: HTMLElement, open: boolean) {\n    const trigger = li.querySelector(':scope > a, :scope > button, :scope > span') ?? li;\n    trigger.setAttribute('aria-expanded', open ? 'true' : 'false');\n  }\n\n  private _handleSubmenuAlign = (e: MouseEvent) => {\n    const target = e.target;\n    if (!(target instanceof Element)) return;\n    const li = target.closest('li');\n    if (li?.querySelector(':scope > menu') && this.menuEl?.contains(li)) {\n      this._alignSubmenu(li as HTMLElement);\n    }\n  };\n\n  private _alignSubmenu(li: HTMLElement) {\n    const menu = li.querySelector(':scope > menu') as HTMLElement | null;\n    if (!menu) return;\n    // Flyouts stay `display: block` (visibility/opacity hide them) so the\n    // rect is readable without temporarily painting the menu.\n    li.classList.remove('submenu-start');\n    const rect = menu.getBoundingClientRect();\n    if (rect.left < 8 || rect.right > window.innerWidth - 8) li.classList.add('submenu-start');\n  }\n\n  private _closeSubmenu(li: HTMLElement) {\n    li.classList.remove('open', 'submenu-start');\n    this._syncSubmenuAria(li, false);\n  }\n\n  private _closeSubmenus() {\n    this.menuEl?.querySelectorAll('li.open').forEach((li) => this._closeSubmenu(li as HTMLElement));\n  }\n\n  private _containingSubmenu(e: Event): HTMLElement | null {\n    const target = e.target;\n    if (!(target instanceof Element)) return null;\n    const submenu = target.closest('li > menu');\n    if (submenu instanceof HTMLElement && this.menuEl?.contains(submenu)) return submenu;\n    return null;\n  }\n\n  private _focusedRow(e: Event): HTMLElement | null {\n    const target = e.target;\n    if (!(target instanceof Element)) return null;\n    const li = target.closest('li');\n    if (li instanceof HTMLElement && this.menuEl?.contains(li)) return li;\n    return null;\n  }\n\n  _handleMenuKeydown = (e: KeyboardEvent) => {\n    if (!this.isOpen || !Utils.plainKey(e) || Utils.isComposing(e)) return;\n    const list = this._containingSubmenu(e) ?? this.menuEl;\n    const rtl = getComputedStyle(list).direction === 'rtl';\n    const openKey = rtl ? 'ArrowLeft' : 'ArrowRight';\n    const backKey = rtl ? 'ArrowRight' : 'ArrowLeft';\n    if ([openKey, backKey, 'ArrowUp', 'ArrowDown', 'Escape', 'Tab'].includes(e.key)) {\n      clearTimeout(this.filterTimeout);\n      this._resetFilterQuery();\n    }\n    if (e.key === 'Tab') {\n      e.preventDefault();\n      this.close();\n    } else if (e.key === openKey) {\n      const li = this._focusedRow(e);\n      if (li?.querySelector(':scope > menu') && !li.matches('.disabled, [aria-disabled=\"true\"]')) {\n        e.preventDefault();\n        li.classList.add('open');\n        this._alignSubmenu(li);\n        this._syncSubmenuAria(li, true);\n        const first = Array.from(li.querySelector(':scope > menu').children).find(\n          child => child instanceof HTMLElement && child.tabIndex !== -1\n        ) as HTMLElement | undefined;\n        if (first) this._focusRow(first);\n      }\n    } else if (e.key === backKey) {\n      const submenu = this._containingSubmenu(e);\n      if (submenu) {\n        e.preventDefault();\n        const parentLi = submenu.parentElement as HTMLElement;\n        this._closeSubmenu(parentLi);\n        this._focusRow(parentLi);\n      }\n    }\n    // Up and Down move a row, Home and End to the ends.\n    else if (this._moveFocus(list, e)) {\n      e.preventDefault();\n    }\n    // SPACE OR ENTER selects the focused item.\n    else if (e.key === 'Enter' || e.key === SPACE) {\n      const li = this._focusedRow(e);\n      e.preventDefault();\n      if (li?.matches('.disabled, [aria-disabled=\"true\"]')) return;\n      if (li?.querySelector(':scope > menu')) {\n        this._toggleSubmenu(li);\n        return;\n      }\n      const focusedElement = li ?? this.menuEl.children[this.focusedIndex];\n      const activatableElement = <HTMLElement>focusedElement?.querySelector(':scope > a, :scope > button');\n      this._spaceActivation = e.key === SPACE;\n      if (!!activatableElement) {\n        activatableElement.click();\n      } else if (focusedElement instanceof HTMLElement) {\n        focusedElement.click();\n      }\n      this._spaceActivation = false;\n      this._closeAfterEnter(e, focusedElement);\n    }\n    // Close menu on ESC\n    else if (e.key === 'Escape') {\n      e.preventDefault();\n      const openSub = this._containingSubmenu(e)?.parentElement ??\n        Array.from(this.menuEl.querySelectorAll('li.open')).reverse()[0];\n      if (openSub) {\n        this._closeSubmenu(openSub as HTMLElement);\n        this._focusRow(openSub as HTMLElement);\n      } else {\n        this.close();\n      }\n    }\n\n    const keyText = e.key.toLowerCase();\n    if (e.key.length === 1 && e.key !== SPACE) {\n      this.filterQuery.push(keyText);\n      const string = this.filterQuery.join('');\n      // textContent rather than innerText: this scans every item on every\n      // keystroke, and innerText forces a layout flush per item.\n      const newOptionEl = this._rows(list).find(\n        (el) => !el.matches('.disabled, [aria-disabled=\"true\"]') &&\n          Array.from(el.childNodes).filter(node => !(node instanceof Element && node.matches('menu')))\n            .map(node => node.textContent).join('').trim().toLowerCase().startsWith(string)\n      );\n      if (newOptionEl) {\n        this._focusRow(newOptionEl as HTMLElement);\n      }\n      // Re-arm rather than stack: without the clear, every keystroke left a live\n      // timer behind and the query could reset while the user was still typing.\n      clearTimeout(this.filterTimeout);\n      this.filterTimeout = setTimeout(this._resetFilterQuery, 1000);\n    }\n  };\n\n  _handleWindowResize = () => {\n    // Only re-place the menu if it's still visible\n    // Accounts for elements hiding via media queries\n    if (this.el.offsetParent) {\n      this.recalculateDimensions();\n    }\n  };\n\n  _resetFilterQuery = () => {\n    this.filterQuery = [];\n  };\n\n  private _restoreInert() {\n    if (this.menuEl) restoreAttribute(this.menuEl, 'inert', this._originalInert);\n  }\n\n  // focusedIndex is reset on close and only covers one list, so clearing by\n  // index left an old highlight behind after reopening or a typeahead jump.\n  private _clearActive() {\n    this.menuEl?.querySelectorAll('li.active').forEach((li) => li.classList.remove('active'));\n  }\n\n  private _focusRow(item: HTMLElement) {\n    this._clearActive();\n    this.focusedIndex = Array.from(item.parentElement.children).indexOf(item);\n    item.focus({ preventScroll: true });\n    item.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n  }\n\n  _resetMenuStyles() {\n    // destroy() runs this even when the menu target was never found.\n    if (!this.menuEl) return;\n    // A no-op unless open, so a removed menu does not throw. A second\n    // destroy() finds the popover attribute already put back and skips it.\n    if (this.menuEl.popover) this.menuEl.hidePopover();\n    this._resetMenuPositioningStyles();\n    this.menuEl.style.transform = '';\n    this.menuEl.style.opacity = '';\n  }\n\n  _resetMenuPositioningStyles() {\n    this.menuEl.style.width = '';\n    this.menuEl.style.height = '';\n    this.menuEl.style.left = '';\n    this.menuEl.style.top = '';\n    this.menuEl.style.transformOrigin = '';\n    for (const property of ANCHOR_STYLES) this.menuEl.style.removeProperty(property);\n    this._stopReanchoring();\n  }\n\n  _moveMenuToElement() {\n    this._originalPlace = { parent: this.menuEl.parentNode, next: this.menuEl.nextSibling };\n    if (this.options.container) this.options.container.append(this.menuEl);\n    else this.el.after(this.menuEl);\n  }\n\n  /** Keeps the value an attribute had before setup first changed it, which destroy() puts back. */\n  private _keepAttribute(el: Element, name: string) {\n    const saved = this._originalAttributes.get(el) ?? new Map<string, string | null>();\n    if (!saved.has(name)) saved.set(name, el.getAttribute(name));\n    this._originalAttributes.set(el, saved);\n  }\n\n  private _setAttribute(el: Element, name: string, value: string) {\n    this._keepAttribute(el, name);\n    el.setAttribute(name, value);\n  }\n\n  /**\n   * Puts back the attributes setup wrote and the menu where it was, so a\n   * destroyed trigger is no longer announced as a menu button. The place is\n   * only used while it is still in the page.\n   */\n  private _restoreSetup() {\n    this._originalAttributes.forEach((saved, el) => saved.forEach((value, name) => restoreAttribute(el, name, value)));\n    this._originalAttributes.clear();\n    const { parent, next } = this._originalPlace;\n    if (parent?.isConnected) parent.insertBefore(this.menuEl, next?.parentNode === parent ? next : null);\n  }\n\n  _makeMenuFocusable() {\n    if (!this.menuEl) return;\n    // Manual: Menu keeps its own light dismiss and Escape. An auto popover\n    // would close an Autocomplete list when its input is clicked, close any\n    // other open popover, and leave the top layer before the exit fade where\n    // `overlay` is missing (Firefox, WebKit).\n    this._keepAttribute(this.menuEl, 'popover');\n    this.menuEl.popover = 'manual';\n    // Focus moves directly to menu items; the surface itself is not a stop.\n    this._setAttribute(this.menuEl, 'tabindex', '-1');\n    // Only set tabindex if it hasn't been set by user\n    this.menuEl.querySelectorAll(':scope li').forEach((el) => {\n      if (el.matches('.divider, .gap, .label, .optgroup, [role=\"none\"]')) {\n        this._setAttribute(el, 'tabindex', '-1');\n        return;\n      }\n      if (!el.getAttribute('tabindex')) this._setAttribute(el, 'tabindex', '0');\n    });\n  }\n\n  /**\n   * Moves focus for Up, Down, Home or End among the list's focusable rows,\n   * without wrapping, and says whether the key was one of those.\n   */\n  private _moveFocus(list: Element, e: KeyboardEvent) {\n    const rows = this._rows(list);\n    const from = this._focusedRow(e) ?? list.children[this.focusedIndex];\n    const index = Utils._keyIndex(e.key, rows.indexOf(from as HTMLElement), rows.length, STEPS);\n    if (Number.isNaN(index)) return false;\n    const row = rows[index];\n    if (row) {\n      this._focusRow(row);\n      row.classList.add('active');\n    }\n    return true;\n  }\n\n  /** The list's rows that take focus, in document order. */\n  private _rows(list: Element) {\n    return Array.from(list.querySelectorAll(ROWS)).filter(\n      (row): row is HTMLElement => row instanceof HTMLElement && row.tabIndex !== -1\n    );\n  }\n\n  private _focusInitialItem() {\n    if (!this.menuEl || !this.options.autoFocus) return;\n    const first = this._rows(this.menuEl)[0];\n    if (!first) return;\n    this._clearActive();\n    this.focusedIndex = Array.from(first.parentElement.children).indexOf(first);\n    first.focus({ preventScroll: true });\n  }\n\n  _focusFocusedItem() {\n    if (\n      this.focusedIndex >= 0 &&\n      this.focusedIndex < this.menuEl.children.length &&\n      this.options.autoFocus\n    ) {\n      (this.menuEl.children[this.focusedIndex] as HTMLElement).focus({\n        preventScroll: true\n      });\n      this.menuEl.children[this.focusedIndex].scrollIntoView({\n        behavior: 'smooth',\n        block: 'nearest',\n        inline: 'nearest'\n      });\n    }\n  }\n\n  /**\n   * Whether a measured menu opens upward: when there is no room below, or\n   * when placement 'top' asks for it and there is room above.\n   */\n  private _opensUp(space: { top: number; bottom: number }) {\n    return space.top < 0 || (this.options.placement === 'top' && space.bottom >= 0);\n  }\n\n  _getMenuPosition() {\n    const triggerBRect = this.el.getBoundingClientRect();\n    const menuBRect = this.menuEl.getBoundingClientRect();\n\n    let idealHeight = menuBRect.height;\n    let idealWidth = menuBRect.width;\n    let idealXPos = triggerBRect.left - menuBRect.left;\n    let idealYPos = triggerBRect.top - menuBRect.top;\n\n    const space = room(this.el, menuBRect, this.options.coverTrigger ? 0 : triggerBRect.height);\n\n    let verticalAlignment = 'top';\n    let horizontalAlignment = this.options.alignment;\n    idealYPos += this.options.coverTrigger ? 0 : triggerBRect.height;\n\n    // Reset isScrollable\n    this.isScrollable = false;\n\n    if (this._opensUp(space)) {\n      if (space.bottom >= 0) {\n        verticalAlignment = 'bottom';\n\n        if (!this.options.coverTrigger) {\n          idealYPos -= triggerBRect.height;\n        }\n      } else {\n        this.isScrollable = true;\n\n        // Determine which side has most space and cutoff at correct height\n        idealHeight -= 20; // Add padding when cutoff\n        if (space.bottom > space.top) {\n          verticalAlignment = 'bottom';\n          idealHeight += space.bottom;\n          idealYPos -= this.options.coverTrigger\n            ? space.bottom - 20\n            : space.bottom - 20 + triggerBRect.height;\n        } else {\n          idealHeight += space.top;\n        }\n      }\n    }\n\n    // If preferred horizontal alignment is possible\n    if (space[horizontalAlignment] < 0) {\n      const oppositeAlignment = horizontalAlignment === 'left' ? 'right' : 'left';\n      if (space[oppositeAlignment] >= 0) {\n        horizontalAlignment = oppositeAlignment;\n      } else {\n        // Determine which side has most space and cutoff at correct height\n        if (space.right > space.left) {\n          horizontalAlignment = 'right';\n          idealWidth += space.right;\n          idealXPos -= space.right;\n        } else {\n          horizontalAlignment = 'left';\n          idealWidth += space.left;\n        }\n      }\n    }\n\n    if (verticalAlignment === 'bottom') {\n      idealYPos =\n        idealYPos - menuBRect.height + (this.options.coverTrigger ? triggerBRect.height : 0);\n    }\n    if (horizontalAlignment === 'right') {\n      idealXPos = idealXPos - menuBRect.width + triggerBRect.width;\n    }\n    return {\n      x: idealXPos,\n      y: idealYPos,\n      verticalAlignment: verticalAlignment,\n      horizontalAlignment: horizontalAlignment,\n      height: idealHeight,\n      width: idealWidth\n    };\n  }\n\n  private _schedule(callback: () => void, delay: number) {\n    const timer = setTimeout(() => {\n      this._pendingTimers.delete(timer);\n      callback();\n    }, delay);\n    this._pendingTimers.add(timer);\n  }\n\n  private _clearPendingTimers() {\n    for (const timer of this._pendingTimers) clearTimeout(timer);\n    this._pendingTimers.clear();\n    return ++this._transition;\n  }\n\n  _animateIn() {\n    const transition = this._transition;\n    // Decided now: a hover open leaves focus alone, and if the keyboard takes\n    // the menu over before the animation ends it has already placed focus,\n    // so the delayed call must not pull it back to the first item.\n    const focusOnOpen = !this._openedByHover;\n    const duration = this.options.inDuration;\n    this.menuEl.style.transition = 'none';\n    // from\n    this.menuEl.style.opacity = '0';\n    this.menuEl.style.transform = 'scale(0.85)';\n    this._schedule(() => {\n      this.menuEl.style.transition = `opacity ${duration}ms ease, transform ${duration}ms ease`;\n      this.menuEl.style.opacity = '1';\n      this.menuEl.style.transform = 'scale(1)';\n    }, 1);\n    this._schedule(() => {\n      if (focusOnOpen) this._focusInitialItem();\n      if (transition !== this._transition) return;\n      this._notify('opened', this.options.onOpenEnd, { current: () => transition === this._transition });\n    }, duration);\n  }\n\n  _animateOut() {\n    const transition = this._transition;\n    const duration = this.options.outDuration;\n    // easeOutQuad (opacity) & easeOutQuint\n    this.menuEl.style.transition = `opacity ${duration}ms ease, transform ${duration}ms ease`;\n    // to\n    this.menuEl.style.opacity = '0';\n    this.menuEl.style.transform = 'scale(0.85)';\n    this._schedule(() => {\n      this._resetMenuStyles();\n      this._notify('closed', this.options.onCloseEnd, { current: () => transition === this._transition });\n    }, duration);\n  }\n\n  _placeMenu() {\n    // Set width before calculating positionInfo. Both callers reset the\n    // positioning styles first, so this reads the surface's natural width.\n    const natural = this.menuEl.getBoundingClientRect().width;\n    // A trigger narrower than the surface's own minimum is not a constraint\n    // the menu can honour: the width is written and `min-width` overrides it,\n    // leaving the surface at the floor with every item inside it wrapped. So\n    // constrain only to a trigger wide enough to mean something, and size by\n    // content otherwise. An icon button and a split button's chevron are both\n    // that case - 40dp and 48dp against a 112dp floor.\n    const triggerWidth = this.el.getBoundingClientRect().width;\n    const idealWidth =\n      this.options.constrainWidth && !this.options.contextMenu && triggerWidth >= MIN_SURFACE_WIDTH\n        ? triggerWidth\n        : Math.min(MAX_SURFACE_WIDTH, Math.max(MIN_SURFACE_WIDTH, natural));\n    this.menuEl.style.width = idealWidth + 'px';\n\n    if (this.options.contextMenu) {\n      this._placeMenuAtPoint(this._contextPoint ?? this._regionCorner());\n      return;\n    }\n\n    if (anchorSupported && !this.options.coverTrigger && !transformed(this.el)) this._anchorMenu();\n    else this._placeByCoordinates();\n  }\n\n  /**\n   * The side an anchored menu opens on: the one asked for when the whole\n   * menu fits there, or else the roomier one. The anchored height is capped\n   * to its side, so a menu that would only shrink never sets off the\n   * flip-block fallback, and the choice is made here.\n   */\n  private _side(): 'top' | 'bottom' {\n    const rect = this.el.getBoundingClientRect();\n    const room = { top: rect.top, bottom: window.innerHeight - rect.bottom };\n    const [asked, other] = this.options.placement === 'top' ? ['top', 'bottom'] as const : ['bottom', 'top'] as const;\n    return room[asked] >= this.menuEl.scrollHeight || room[asked] >= room[other] ? asked : other;\n  }\n\n  // Below the trigger, or above it for placement 'top', starting at its left\n  // edge for alignment 'left' or its right edge for 'right', with the flips\n  // position-try-fallbacks offers.\n  // The height is capped to the room on the chosen side, so a long menu\n  // scrolls there, as in the measured path.\n  private _reanchorFrame = 0;\n\n  private _anchorMenu() {\n    const name = `--menu-${this.menuEl.id}`;\n    Utils.setAnchorName(this.el, name, true);\n    const style = this.menuEl.style;\n    style.position = 'fixed';\n    style.inset = 'auto';\n    style.maxHeight = '100%';\n    style.setProperty('position-anchor', name);\n    this._placeAnchored();\n  }\n\n  /**\n   * At most once a frame while the menu is open and something outside it\n   * scrolls, an anchored menu chooses its side again and a measured one\n   * follows its trigger, keeping its own scroll position. A context menu\n   * stays where it opened, and the menu's own scrolling moves nothing.\n   */\n  private _reanchor = (event: Event) => {\n    if (this._reanchorFrame || this.options.contextMenu || this.menuEl.contains(event.target as Node)) return;\n    this._reanchorFrame = requestAnimationFrame(() => {\n      this._reanchorFrame = 0;\n      if (!this.isOpen) return;\n      if (this.menuEl.style.getPropertyValue('position-anchor')) return this._placeAnchored();\n      // Re-measuring clears the height, which would reset the scroll position.\n      const { scrollTop } = this.menuEl;\n      this.recalculateDimensions();\n      this.menuEl.scrollTop = scrollTop;\n    });\n  };\n\n  private _stopReanchoring() {\n    cancelAnimationFrame(this._reanchorFrame);\n    this._reanchorFrame = 0;\n  }\n\n  /** The anchored menu's side, the edge it starts from and its growth origin. */\n  private _placeAnchored() {\n    const style = this.menuEl.style;\n    const [side, edge] = [this._side(), this.options.alignment === 'right' ? 'left' : 'right'];\n    style.setProperty('position-area', `${side} span-${edge}`);\n    style.setProperty('position-try-fallbacks', 'flip-block, flip-inline, flip-block flip-inline');\n    style.transformOrigin = `${edge === 'left' ? '100%' : '0'} ${side === 'top' ? '100%' : '0'}`;\n    this.isScrollable = this.menuEl.scrollHeight > this.menuEl.clientHeight;\n  }\n\n  private _placeByCoordinates() {\n    const positionInfo = this._getMenuPosition();\n    this.menuEl.style.left = positionInfo.x + 'px';\n    this.menuEl.style.top = positionInfo.y + 'px';\n    this.menuEl.style.height = positionInfo.height + 'px';\n    this.menuEl.style.width = positionInfo.width + 'px';\n    this.menuEl.style.transformOrigin = `${\n      positionInfo.horizontalAlignment === 'left' ? '0' : '100%'\n    } ${positionInfo.verticalAlignment === 'top' ? '0' : '100%'}`;\n  }\n\n  /** Where a context menu opens without a pointer: the region's start corner. */\n  private _regionCorner() {\n    const rect = this.el.getBoundingClientRect();\n    const rtl = getComputedStyle(this.el).direction === 'rtl';\n    return { x: rtl ? rect.right : rect.left, y: rect.bottom };\n  }\n\n  /**\n   * Places a context menu with its start corner on the point, flipping to\n   * the other side of the point where it would not fit. The bounds are the\n   * viewport; a menu taller than it gets its height and scrolls.\n   *\n   * The menu rests at left/top 0 of its containing block, so its rect is the\n   * offset to subtract - the same trick _getMenuPosition uses. It is measured\n   * without the entry animation's scale, which a second right-click can catch.\n   */\n  private _placeMenuAtPoint({ x, y }: { x: number; y: number }) {\n    // A running transition would still report the interpolated scale, so it\n    // is suspended for the read; the target transform is unchanged after.\n    const { transform, transition } = this.menuEl.style;\n    this.menuEl.style.transition = 'none';\n    this.menuEl.style.transform = 'none';\n    const menu = this.menuEl.getBoundingClientRect();\n    this.menuEl.style.transform = transform;\n    this.menuEl.style.transition = transition;\n\n    const bounds = { left: 0, top: 0, right: window.innerWidth, bottom: window.innerHeight };\n    const width = menu.width;\n    const height = Math.min(menu.height, bounds.bottom - bounds.top);\n    this.isScrollable = height < menu.height;\n    if (this.isScrollable) this.menuEl.style.height = height + 'px';\n\n    const rtl = getComputedStyle(this.el).direction === 'rtl';\n    const fitsRight = x + width <= bounds.right;\n    const fitsLeft = x - width >= bounds.left;\n    const leftward = rtl ? fitsLeft || !fitsRight : !fitsRight && fitsLeft;\n    const upward = y + height > bounds.bottom && y - height >= bounds.top;\n    const clamp = (value: number, min: number, max: number) => Math.max(min, Math.min(value, max));\n    const left = clamp(leftward ? x - width : x, bounds.left, bounds.right - width);\n    const top = clamp(upward ? y - height : y, bounds.top, bounds.bottom - height);\n    this.menuEl.style.left = left - menu.left + 'px';\n    this.menuEl.style.top = top - menu.top + 'px';\n    this.menuEl.style.transformOrigin = `${leftward ? '100%' : '0'} ${upward ? '100%' : '0'}`;\n  }\n\n  private _setExpanded(expanded: boolean) {\n    if (!this.options.contextMenu) this.el.ariaExpanded = String(expanded);\n  }\n\n  // A trigger whose target never resolved has no menu to open.\n  private get _canOpen() {\n    return !this.isOpen && !!this.menuEl && Menu.getInstance(this.el) === this;\n  }\n\n  /**\n   * Open menu.\n   */\n  open = () => {\n    if (!this._canOpen) return;\n    const transition = this._clearPendingTimers();\n    this.isOpen = true;\n    // onOpenStart callback\n    if (!this._notify('open', this.options.onOpenStart, { current: () => transition === this._transition })) return;\n    // Reset styles\n    this._resetMenuStyles();\n    // The top layer: no ancestor clips or contains the open menu.\n    if (this.menuEl.isConnected) this.menuEl.showPopover();\n    this._restoreInert();\n    this._placeMenu();\n    // Do this one frame later so that we don't bind an event handler that's immediately\n    // called when the event bubbles up to the document and closes the menu\n    this._schedule(() => this._setupTemporaryEventHandlers(), 0);\n    // Queue handlers before initial focus, including zero-duration entry.\n    this._animateIn();\n    this._setExpanded(true);\n  };\n\n  /**\n   * Close menu.\n   */\n  close = () => {\n    if (!this.isOpen) return;\n    const transition = this._clearPendingTimers();\n    const root = this.menuEl.getRootNode() as Document | ShadowRoot;\n    const focused = root.activeElement;\n    this.isOpen = false;\n    this._openedByHover = false;\n    this.menuEl.setAttribute('inert', '');\n    clearTimeout(this.filterTimeout);\n    this._resetFilterQuery();\n    this.focusedIndex = -1;\n    this._clearActive();\n    this._closeSubmenus();\n    // onCloseStart callback\n    if (!this._notify('close', this.options.onCloseStart, { current: () => transition === this._transition })) return;\n    this._animateOut();\n    this._openEvents?.abort();\n    this._setExpanded(false);\n    if (this.options.autoFocus && this.menuEl.contains(focused) &&\n      (root.activeElement === focused || this.el.ownerDocument.activeElement === this.el.ownerDocument.body)) {\n      // A context region may not take focus itself; return to what had it.\n      const back = this._contextReturn;\n      (back?.isConnected && back !== this.el.ownerDocument.body ? back : this.el).focus();\n    }\n    this._contextReturn = null;\n    this._contextPoint = null;\n  };\n\n  /**\n   * While menu is open, you can recalculate its dimensions if its contents have changed.\n   */\n  recalculateDimensions = () => {\n    if (this.isOpen) {\n      this._resetMenuPositioningStyles();\n      this._placeMenu();\n    }\n  };\n}\n"],
+  "mappings": "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",
+  "names": ["room"]
+}

package/dist/js/chunks/chunk-EB2V4OKL.mjs

@@ -0,0 +1,79 @@
+import {
+  Utils,
+  controllerFor
+} from "./chunk-67UNY7RH.mjs";
+
+// src/ts/core/component.ts
+var defined = (options) => options && Object.fromEntries(Object.entries(options).filter(([, value]) => value !== void 0));
+var Component = class {
+  /**
+   * Destroys any instance already on `el`, then spreads `options` over the
+   * class defaults, and `options.i18n` over the default strings, so passing
+   * one string keeps the rest. A subclass passes options it reads from
+   * markup in `options`.
+   */
+  constructor(el, options) {
+    if (!(el instanceof HTMLElement)) {
+      console.error(Error(el + " is not an HTML Element"));
+    }
+    new.target.getInstance(el)?.destroy();
+    this.el = el;
+    const defaults = new.target.defaults;
+    const given = defined(options);
+    const i18n = defaults.i18n ? { i18n: { ...defaults.i18n, ...defined(given?.i18n ?? {}) } } : {};
+    this.options = { ...defaults, ...given, ...i18n };
+    this._events = controllerFor(el);
+    Reflect.set(el, new.target.key, this);
+  }
+  static init(els, options = {}) {
+    const create = (el) => new this(el, options);
+    if (els instanceof Element) return create(els);
+    return els ? Array.from(els, create) : null;
+  }
+  /**
+   * @returns default options for component instance.
+   */
+  static get defaults() {
+    return {};
+  }
+  /**
+   * Retrieves the instance of the class it is called on for the given element,
+   * or undefined before init and after destroy.
+   * @param el Associated HTML Element.
+   */
+  static getInstance(el) {
+    return Reflect.get(el, this.key);
+  }
+  /**
+   * Runs an `on…` option callback, then fires `expressive:<type>` from the
+   * element, so pages can listen instead of passing options. The callback gets
+   * `args` (the element by default) and the event carries `detail`.
+   *
+   * A callback or listener may close, reopen or destroy the component. Pass
+   * `current` to tell whether the state `type` names still holds; the event
+   * is skipped once it does not, or once the instance is destroyed, and the
+   * result says whether to carry on.
+   */
+  _notify(type, callback, { args = [this.el], detail, current = () => true } = {}) {
+    const live = () => this.constructor.getInstance(this.el) === this && current();
+    if (typeof callback === "function") Reflect.apply(callback, this, args);
+    if (!live()) return false;
+    Utils.emit(this.el, type, detail);
+    return live();
+  }
+  /**
+   * Destroy plugin instance and teardown. A subclass tears down its own state
+   * and calls this to remove its listeners and release the element.
+   */
+  destroy() {
+    this._events.abort();
+    const { key } = this.constructor;
+    if (Reflect.get(this.el, key) === this) Reflect.set(this.el, key, void 0);
+  }
+};
+
+export {
+  defined,
+  Component
+};
+//# sourceMappingURL=chunk-EB2V4OKL.mjs.map

package/dist/js/chunks/chunk-EB2V4OKL.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/core/component.ts"],
+  "sourcesContent": ["import { Utils, controllerFor } from './utils';\n\n/**\n * Base options for component initialization.\n */\nexport interface BaseOptions {}\n\nexport type InitElement = HTMLElement | Element;\nexport type InitElements<T extends InitElement> = NodeListOf<T> | HTMLCollectionOf<T>;\n/** Any component class; `init` reads its element, options and instance types. */\ntype ComponentClass = (new (el: never, options: never) => Component<BaseOptions>) & { key: string };\n/** The element a component class is constructed on. */\ntype ElementOf<C extends ComponentClass> = C extends new (el: infer E, options: never) => unknown ? E : never;\n/** The options `init` accepts for a component class. */\ntype InitOptions<C extends ComponentClass> = Partial<InstanceType<C>['options']>;\n\nexport interface I18nOptions {\n  cancel: string;\n  clear: string;\n  done: string;\n}\n\n/** What {@link Component._notify} passes on, and when it stops. */\nexport interface NotifyOptions {\n  args?: unknown[];\n  detail?: unknown;\n  current?: () => boolean;\n}\n\n/**\n * `options` without its keys set to `undefined`, so those keep their\n * defaults: `{ i18n: { tooShort: t.missing } }` must not erase a message.\n */\nexport const defined = <T extends object>(options: T): T =>\n  options && (Object.fromEntries(Object.entries(options).filter(([, value]) => value !== undefined)) as T);\n\n/**\n * Base class implementation for Expressive components.\n */\nexport class Component<O extends BaseOptions> {\n  /**\n   * The element property that holds an instance, `Expressive_<Name>`, so page\n   * code can read `el.Expressive_Tabs` as well as call `Tabs.getInstance(el)`.\n   */\n  static key: string;\n  /**\n   * The DOM element the plugin was initialized with.\n   */\n  el: HTMLElement;\n  /**\n   * The options the instance was initialized with.\n   */\n  options: O;\n  /** Aborted by destroy(), which removes every listener added with its signal. */\n  protected _events: AbortController;\n\n  /**\n   * Destroys any instance already on `el`, then spreads `options` over the\n   * class defaults, and `options.i18n` over the default strings, so passing\n   * one string keeps the rest. A subclass passes options it reads from\n   * markup in `options`.\n   */\n  constructor(el: HTMLElement, options: Partial<O>) {\n    // Display error if el is not a valid HTML Element\n    if (!(el instanceof HTMLElement)) {\n      console.error(Error(el + ' is not an HTML Element'));\n    }\n    new.target.getInstance(el)?.destroy();\n    this.el = el;\n    const defaults: Partial<O> & { i18n?: object } = new.target.defaults;\n    const given = defined(options) as typeof defaults;\n    const i18n = defaults.i18n ? { i18n: { ...defaults.i18n, ...defined(given?.i18n ?? {}) } } : {};\n    this.options = { ...defaults, ...given, ...i18n } as O;\n    this._events = controllerFor(el);\n    Reflect.set(el, new.target.key, this);\n  }\n\n  /**\n   * Initializes an instance of the class it is called on.\n   * @param el HTML element.\n   * @param options Component options.\n   */\n  static init<C extends ComponentClass>(this: C, el: ElementOf<C>, options?: InitOptions<C>): InstanceType<C>;\n  /**\n   * Initializes an instance of the class it is called on for each element.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init<C extends ComponentClass>(\n    this: C,\n    els: InitElements<InitElement>,\n    options?: InitOptions<C>\n  ): InstanceType<C>[];\n  static init<C extends ComponentClass>(\n    this: C,\n    els: ElementOf<C> | InitElements<InitElement>,\n    options: InitOptions<C> = {}\n  ): InstanceType<C> | InstanceType<C>[] | null {\n    const create = (el: unknown) => new this(el as never, options as never) as InstanceType<C>;\n    if (els instanceof Element) return create(els);\n    return els ? Array.from(els as InitElements<InitElement>, create) : null;\n  }\n\n  /**\n   * @returns default options for component instance.\n   */\n  static get defaults(): BaseOptions {\n    return {};\n  }\n\n  /**\n   * Retrieves the instance of the class it is called on for the given element,\n   * or undefined before init and after destroy.\n   * @param el Associated HTML Element.\n   */\n  static getInstance<C extends ComponentClass>(this: C, el: Element): InstanceType<C> | undefined {\n    return Reflect.get(el, this.key);\n  }\n\n  /**\n   * Runs an `on\u2026` option callback, then fires `expressive:<type>` from the\n   * element, so pages can listen instead of passing options. The callback gets\n   * `args` (the element by default) and the event carries `detail`.\n   *\n   * A callback or listener may close, reopen or destroy the component. Pass\n   * `current` to tell whether the state `type` names still holds; the event\n   * is skipped once it does not, or once the instance is destroyed, and the\n   * result says whether to carry on.\n   */\n  protected _notify(\n    type: string,\n    callback?: ((...args: never[]) => unknown) | null,\n    { args = [this.el], detail, current = () => true }: NotifyOptions = {}\n  ): boolean {\n    const live = () => (this.constructor as typeof Component).getInstance(this.el) === this && current();\n    if (typeof callback === 'function') Reflect.apply(callback, this, args);\n    if (!live()) return false;\n    Utils.emit(this.el, type, detail);\n    return live();\n  }\n\n  /**\n   * Destroy plugin instance and teardown. A subclass tears down its own state\n   * and calls this to remove its listeners and release the element.\n   */\n  destroy(): void {\n    this._events.abort();\n    // A stale instance, replaced by a later init on the same element, must\n    // not unregister the instance that replaced it.\n    const { key } = this.constructor as typeof Component;\n    if (Reflect.get(this.el, key) === this) Reflect.set(this.el, key, undefined);\n  }\n}\n"],
+  "mappings": ";;;;;;AAiCO,IAAM,UAAU,CAAmB,YACxC,WAAY,OAAO,YAAY,OAAO,QAAQ,OAAO,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS,CAAC;AAK5F,IAAM,YAAN,MAAuC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAuB5C,YAAY,IAAiB,SAAqB;AAEhD,QAAI,EAAE,cAAc,cAAc;AAChC,cAAQ,MAAM,MAAM,KAAK,yBAAyB,CAAC;AAAA,IACrD;AACA,eAAW,YAAY,EAAE,GAAG,QAAQ;AACpC,SAAK,KAAK;AACV,UAAM,WAA2C,WAAW;AAC5D,UAAM,QAAQ,QAAQ,OAAO;AAC7B,UAAM,OAAO,SAAS,OAAO,EAAE,MAAM,EAAE,GAAG,SAAS,MAAM,GAAG,QAAQ,OAAO,QAAQ,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC;AAC9F,SAAK,UAAU,EAAE,GAAG,UAAU,GAAG,OAAO,GAAG,KAAK;AAChD,SAAK,UAAU,cAAc,EAAE;AAC/B,YAAQ,IAAI,IAAI,WAAW,KAAK,IAAI;AAAA,EACtC;AAAA,EAkBA,OAAO,KAEL,KACA,UAA0B,CAAC,GACiB;AAC5C,UAAM,SAAS,CAAC,OAAgB,IAAI,KAAK,IAAa,OAAgB;AACtE,QAAI,eAAe,QAAS,QAAO,OAAO,GAAG;AAC7C,WAAO,MAAM,MAAM,KAAK,KAAkC,MAAM,IAAI;AAAA,EACtE;AAAA;AAAA;AAAA;AAAA,EAKA,WAAW,WAAwB;AACjC,WAAO,CAAC;AAAA,EACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,OAAO,YAA+C,IAA0C;AAC9F,WAAO,QAAQ,IAAI,IAAI,KAAK,GAAG;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYU,QACR,MACA,UACA,EAAE,OAAO,CAAC,KAAK,EAAE,GAAG,QAAQ,UAAU,MAAM,KAAK,IAAmB,CAAC,GAC5D;AACT,UAAM,OAAO,MAAO,KAAK,YAAiC,YAAY,KAAK,EAAE,MAAM,QAAQ,QAAQ;AACnG,QAAI,OAAO,aAAa,WAAY,SAAQ,MAAM,UAAU,MAAM,IAAI;AACtE,QAAI,CAAC,KAAK,EAAG,QAAO;AACpB,UAAM,KAAK,KAAK,IAAI,MAAM,MAAM;AAChC,WAAO,KAAK;AAAA,EACd;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,UAAgB;AACd,SAAK,QAAQ,MAAM;AAGnB,UAAM,EAAE,IAAI,IAAI,KAAK;AACrB,QAAI,QAAQ,IAAI,KAAK,IAAI,GAAG,MAAM,KAAM,SAAQ,IAAI,KAAK,IAAI,KAAK,MAAS;AAAA,EAC7E;AACF;",
+  "names": []
+}

package/dist/js/chunks/chunk-EWO662ZC.mjs

@@ -0,0 +1,188 @@
+import {
+  Component
+} from "./chunk-EB2V4OKL.mjs";
+import {
+  deepActiveElement
+} from "./chunk-67UNY7RH.mjs";
+
+// src/ts/components/navigationRail.ts
+var _defaults = {
+  onOpenStart: null,
+  onOpenEnd: null,
+  onCloseStart: null,
+  onCloseEnd: null
+};
+var COMPACT = "(width < 600px)";
+var HOVER_DELAY = 200;
+var NavigationRail = class extends Component {
+  constructor(el, options) {
+    super(el, options);
+    this._hoverPanel = null;
+    /**
+     * Expands the rail. On compact windows the overlay (scrim) is CSS.
+     */
+    this.expand = () => {
+      if (this.isExpanded) return;
+      if (!this._notify("open", this.options.onOpenStart, { current: () => !this.isExpanded })) return;
+      this.isExpanded = true;
+      this.el.classList.add("expanded");
+      this._sync();
+      this._notify("opened", this.options.onOpenEnd, { current: () => this.isExpanded });
+    };
+    /**
+     * Collapses the rail.
+     */
+    this.collapse = () => {
+      if (!this.isExpanded) return;
+      if (!this._notify("close", this.options.onCloseStart, { current: () => this.isExpanded })) return;
+      this.isExpanded = false;
+      this.el.classList.remove("expanded");
+      this._sync();
+      this._notify("closed", this.options.onCloseEnd, { current: () => !this.isExpanded });
+    };
+    /**
+     * Toggles expanded / collapsed.
+     */
+    this.toggle = () => {
+      if (this.isExpanded) this.collapse();
+      else this.expand();
+    };
+    this._onPointerOver = (e) => {
+      if (e.pointerType !== "mouse") return;
+      clearTimeout(this._hoverTimer);
+      const target = e.target;
+      const panel = this._panelAt(target);
+      if (!panel) this._hoverClose(target);
+      else if (panel !== this._hoverPanel) {
+        this._hoverTimer = setTimeout(() => this._hoverOpen(target), HOVER_DELAY);
+      }
+    };
+    // The panel is a descendant, so moving onto it does not leave the rail.
+    this._onPointerLeave = (e) => {
+      if (e.pointerType !== "mouse") return;
+      clearTimeout(this._hoverTimer);
+      this._hoverClose();
+    };
+    this._onClick = (e) => {
+      const target = e.target;
+      if (!(target instanceof Node) || this._pinPanel(e)) return;
+      if (this._toggle?.contains(target)) {
+        this.toggle();
+        e.preventDefault();
+        return;
+      }
+      if (this._isScrimClick(e) && this.isExpanded && this._isModal()) {
+        this.collapse();
+      }
+    };
+    this._onKeyDown = (e) => {
+      if (e.key !== "Escape" || e.defaultPrevented || this._escapePanel(e)) return;
+      if (this.isExpanded && this._isModal()) {
+        const root = this.el.getRootNode();
+        const restoreFocus = this.el.contains(root.activeElement);
+        const focused = deepActiveElement(root);
+        this.collapse();
+        if (!this.isExpanded && restoreFocus && deepActiveElement(root) === focused) {
+          this._toggle?.focus();
+        }
+      }
+    };
+    this._toggle = this._findToggle();
+    this._mql = window.matchMedia(COMPACT);
+    this.isExpanded = this.el.classList.contains("expanded");
+    this._sync();
+    const { signal } = this._events;
+    this.el.addEventListener("click", this._onClick, { signal });
+    this.el.addEventListener("pointerover", this._onPointerOver, { signal });
+    this.el.addEventListener("pointerleave", this._onPointerLeave, { signal });
+    document.addEventListener("keydown", this._onKeyDown, { signal });
+  }
+  static get defaults() {
+    return _defaults;
+  }
+  destroy() {
+    clearTimeout(this._hoverTimer);
+    super.destroy();
+  }
+  _findToggle() {
+    const first = this.el.querySelector(":scope > button:not(.button, [popovertarget])");
+    return first instanceof HTMLButtonElement ? first : null;
+  }
+  _isCompact() {
+    return this._mql.matches;
+  }
+  _isModal() {
+    return this.el.classList.contains("modal") || this._isCompact();
+  }
+  _sync() {
+    this.el.setAttribute("aria-expanded", this.isExpanded ? "true" : "false");
+    this._toggle?.setAttribute("aria-expanded", this.isExpanded ? "true" : "false");
+  }
+  /** The side panel of the enabled destination around `target`, if any. */
+  _panelAt(target) {
+    const trigger = target instanceof Element ? target.closest("button[popovertarget]:enabled") : null;
+    const panel = trigger?.popoverTargetElement;
+    return panel?.classList.contains("navigation-rail-panel") ? panel : null;
+  }
+  // Looks the panel up again because the trigger can be disabled during the delay.
+  _hoverOpen(target) {
+    const panel = this._panelAt(target);
+    if (!panel || panel.matches(":popover-open")) return;
+    panel.showPopover.call(panel, {
+      source: target.closest("button[popovertarget]")
+    });
+    this._hoverPanel = panel;
+  }
+  // Closes the hover-opened panel after the delay, unless the pointer is still inside it.
+  _hoverClose(target = null) {
+    const panel = this._hoverPanel;
+    if (!panel || panel.contains(target)) return;
+    this._hoverTimer = setTimeout(() => {
+      const root = this.el.getRootNode();
+      if (panel.matches(":popover-open") && !panel.contains(root.activeElement)) panel.hidePopover();
+      if (this._hoverPanel === panel) this._hoverPanel = null;
+    }, HOVER_DELAY);
+  }
+  // Clicking a hover-opened panel's trigger keeps it open instead of toggling
+  // it shut; either way the panel no longer follows the pointer.
+  _pinPanel(e) {
+    const panel = this._panelAt(e.target);
+    if (!panel) return false;
+    clearTimeout(this._hoverTimer);
+    if (panel === this._hoverPanel && panel.matches(":popover-open")) e.preventDefault();
+    this._hoverPanel = null;
+    return true;
+  }
+  // Escape closes an open side panel before the rail, and reports whether a
+  // panel took the key. A hover-opened panel has no focus to return to, so
+  // focus inside it goes back to its trigger.
+  _escapePanel(e) {
+    clearTimeout(this._hoverTimer);
+    this._hoverPanel = null;
+    const panel = Array.from(this.el.querySelectorAll(".navigation-rail-panel")).find(
+      (el) => el.matches(":popover-open")
+    );
+    if (!panel) return false;
+    if (panel.querySelector(":popover-open")) return true;
+    const root = this.el.getRootNode();
+    const hadFocus = panel.contains(root.activeElement);
+    panel.hidePopover();
+    if (hadFocus) panel.previousElementSibling?.focus();
+    e.preventDefault();
+    return true;
+  }
+  // The scrim is the rail's own ::before, so a click on blank space inside the
+  // rail targets the rail just as a scrim click does. Only a click beside the
+  // rail's box landed on the scrim; a modal rail spans the full height.
+  _isScrimClick(e) {
+    if (e.target !== this.el) return false;
+    const { left, right } = this.el.getBoundingClientRect();
+    return e.clientX < left || e.clientX > right;
+  }
+};
+NavigationRail.key = "Expressive_NavigationRail";
+
+export {
+  NavigationRail
+};
+//# sourceMappingURL=chunk-EWO662ZC.mjs.map

package/dist/js/chunks/chunk-EWO662ZC.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/navigationRail.ts"],
+  "sourcesContent": ["import { Component, BaseOptions } from '../core/component';\nimport { deepActiveElement } from '../core/utils';\n\nexport interface NavigationRailOptions extends BaseOptions {\n  /**\n   * Called before the rail expands.\n   */\n  onOpenStart: (el: HTMLElement) => void;\n  /**\n   * Called after the rail expands.\n   */\n  onOpenEnd: (el: HTMLElement) => void;\n  /**\n   * Called before the rail collapses.\n   */\n  onCloseStart: (el: HTMLElement) => void;\n  /**\n   * Called after the rail collapses.\n   */\n  onCloseEnd: (el: HTMLElement) => void;\n}\n\nconst _defaults: NavigationRailOptions = {\n  onOpenStart: null,\n  onOpenEnd: null,\n  onCloseStart: null,\n  onCloseEnd: null\n};\n\nconst COMPACT = '(width < 600px)';\n// Delay before a hovered destination opens its panel, and before the panel\n// closes once the pointer leaves; it covers the trip across the rail's padding.\nconst HOVER_DELAY = 200;\n\n/**\n * Navigation rail. Layout is CSS (collapsed / .expanded). This class\n * toggles that class from the menu button, closes a compact overlay on\n * Escape or a scrim tap, and keeps aria-expanded in sync. A destination's\n * .navigation-rail-panel is a native popover; this class also opens it on\n * mouse hover.\n */\nexport class NavigationRail extends Component<NavigationRailOptions> {\n  isExpanded: boolean;\n  private _toggle: HTMLButtonElement | null;\n  private _mql: MediaQueryList;\n  private _hoverPanel: HTMLElement | null = null;\n  private _hoverTimer: ReturnType<typeof setTimeout> | undefined;\n\n  constructor(el: HTMLElement, options: Partial<NavigationRailOptions>) {\n    super(el, options);\n\n    this._toggle = this._findToggle();\n    this._mql = window.matchMedia(COMPACT);\n    this.isExpanded = this.el.classList.contains('expanded');\n    this._sync();\n    const { signal } = this._events;\n    this.el.addEventListener('click', this._onClick, { signal });\n    this.el.addEventListener('pointerover', this._onPointerOver, { signal });\n    this.el.addEventListener('pointerleave', this._onPointerLeave, { signal });\n    document.addEventListener('keydown', this._onKeyDown, { signal });\n  }\n\n  static get defaults(): NavigationRailOptions {\n    return _defaults;\n  }\n\n  static key = 'Expressive_NavigationRail';\n\n  destroy() {\n    clearTimeout(this._hoverTimer);\n    super.destroy();\n  }\n\n  /**\n   * Expands the rail. On compact windows the overlay (scrim) is CSS.\n   */\n  expand = () => {\n    if (this.isExpanded) return;\n    if (!this._notify('open', this.options.onOpenStart, { current: () => !this.isExpanded })) return;\n    this.isExpanded = true;\n    this.el.classList.add('expanded');\n    this._sync();\n    this._notify('opened', this.options.onOpenEnd, { current: () => this.isExpanded });\n  };\n\n  /**\n   * Collapses the rail.\n   */\n  collapse = () => {\n    if (!this.isExpanded) return;\n    if (!this._notify('close', this.options.onCloseStart, { current: () => this.isExpanded })) return;\n    this.isExpanded = false;\n    this.el.classList.remove('expanded');\n    this._sync();\n    this._notify('closed', this.options.onCloseEnd, { current: () => !this.isExpanded });\n  };\n\n  /**\n   * Toggles expanded / collapsed.\n   */\n  toggle = () => {\n    if (this.isExpanded) this.collapse();\n    else this.expand();\n  };\n\n  private _findToggle(): HTMLButtonElement | null {\n    const first = this.el.querySelector(':scope > button:not(.button, [popovertarget])');\n    return first instanceof HTMLButtonElement ? first : null;\n  }\n\n  private _isCompact() {\n    return this._mql.matches;\n  }\n\n  private _isModal() {\n    return this.el.classList.contains('modal') || this._isCompact();\n  }\n\n  private _sync() {\n    this.el.setAttribute('aria-expanded', this.isExpanded ? 'true' : 'false');\n    this._toggle?.setAttribute('aria-expanded', this.isExpanded ? 'true' : 'false');\n  }\n\n  /** The side panel of the enabled destination around `target`, if any. */\n  private _panelAt(target: EventTarget | null): HTMLElement | null {\n    const trigger = target instanceof Element ? target.closest('button[popovertarget]:enabled') : null;\n    const panel = (trigger as HTMLButtonElement | null)?.popoverTargetElement;\n    return panel?.classList.contains('navigation-rail-panel') ? (panel as HTMLElement) : null;\n  }\n\n  // Looks the panel up again because the trigger can be disabled during the delay.\n  private _hoverOpen(target: Element) {\n    const panel = this._panelAt(target);\n    if (!panel || panel.matches(':popover-open')) return;\n    // `source` makes the trigger the panel's anchor and invoker, as a click would.\n    (panel.showPopover as (options?: { source?: Element | null }) => void).call(panel, {\n      source: target.closest('button[popovertarget]')\n    });\n    this._hoverPanel = panel;\n  }\n\n  // Closes the hover-opened panel after the delay, unless the pointer is still inside it.\n  private _hoverClose(target: Element | null = null) {\n    const panel = this._hoverPanel;\n    if (!panel || panel.contains(target)) return;\n    this._hoverTimer = setTimeout(() => {\n      // Keyboard focus inside the panel keeps it open, as a click would.\n      const root = this.el.getRootNode() as Document | ShadowRoot;\n      if (panel.matches(':popover-open') && !panel.contains(root.activeElement)) panel.hidePopover();\n      if (this._hoverPanel === panel) this._hoverPanel = null;\n    }, HOVER_DELAY);\n  }\n\n  private _onPointerOver = (e: PointerEvent) => {\n    if (e.pointerType !== 'mouse') return;\n    clearTimeout(this._hoverTimer);\n    const target = e.target as Element;\n    const panel = this._panelAt(target);\n    if (!panel) this._hoverClose(target);\n    // Hovering the open panel's own trigger leaves it as it is.\n    else if (panel !== this._hoverPanel) {\n      this._hoverTimer = setTimeout(() => this._hoverOpen(target), HOVER_DELAY);\n    }\n  };\n\n  // The panel is a descendant, so moving onto it does not leave the rail.\n  private _onPointerLeave = (e: PointerEvent) => {\n    if (e.pointerType !== 'mouse') return;\n    clearTimeout(this._hoverTimer);\n    this._hoverClose();\n  };\n\n  // Clicking a hover-opened panel's trigger keeps it open instead of toggling\n  // it shut; either way the panel no longer follows the pointer.\n  private _pinPanel(e: MouseEvent): boolean {\n    const panel = this._panelAt(e.target);\n    if (!panel) return false;\n    clearTimeout(this._hoverTimer);\n    if (panel === this._hoverPanel && panel.matches(':popover-open')) e.preventDefault();\n    this._hoverPanel = null;\n    return true;\n  }\n\n  private _onClick = (e: MouseEvent) => {\n    const target = e.target;\n    if (!(target instanceof Node) || this._pinPanel(e)) return;\n    if (this._toggle?.contains(target)) {\n      this.toggle();\n      e.preventDefault();\n      return;\n    }\n    if (this._isScrimClick(e) && this.isExpanded && this._isModal()) {\n      this.collapse();\n    }\n  };\n\n  // Escape closes an open side panel before the rail, and reports whether a\n  // panel took the key. A hover-opened panel has no focus to return to, so\n  // focus inside it goes back to its trigger.\n  private _escapePanel(e: KeyboardEvent): boolean {\n    // A pending hover would reopen a panel Escape just dismissed.\n    clearTimeout(this._hoverTimer);\n    this._hoverPanel = null;\n    const panel = Array.from(this.el.querySelectorAll<HTMLElement>('.navigation-rail-panel')).find(\n      (el) => el.matches(':popover-open')\n    );\n    if (!panel) return false;\n    // A popover open inside the panel is on top; the browser closes it first.\n    if (panel.querySelector(':popover-open')) return true;\n    const root = this.el.getRootNode() as Document | ShadowRoot;\n    const hadFocus = panel.contains(root.activeElement);\n    panel.hidePopover();\n    if (hadFocus) (panel.previousElementSibling as HTMLElement | null)?.focus();\n    e.preventDefault();\n    return true;\n  }\n\n  // The scrim is the rail's own ::before, so a click on blank space inside the\n  // rail targets the rail just as a scrim click does. Only a click beside the\n  // rail's box landed on the scrim; a modal rail spans the full height.\n  private _isScrimClick(e: MouseEvent) {\n    if (e.target !== this.el) return false;\n    const { left, right } = this.el.getBoundingClientRect();\n    return e.clientX < left || e.clientX > right;\n  }\n\n  private _onKeyDown = (e: KeyboardEvent) => {\n    if (e.key !== 'Escape' || e.defaultPrevented || this._escapePanel(e)) return;\n    if (this.isExpanded && this._isModal()) {\n      const root = this.el.getRootNode() as Document | ShadowRoot;\n      const restoreFocus = this.el.contains(root.activeElement);\n      const focused = deepActiveElement(root);\n      this.collapse();\n      if (!this.isExpanded && restoreFocus && deepActiveElement(root) === focused) {\n        this._toggle?.focus();\n      }\n    }\n  };\n}\n"],
+  "mappings": "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",
+  "names": []
+}