@expressivecss/expressive 0.11.0 → 0.13.1

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/menu.ts"],
+  "sourcesContent": ["import { Utils } from '../core/utils';\nimport { Component, BaseOptions, InitElements, InitElement, Openable } from '../core/component';\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   * 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  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> implements Openable {\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  private _originalInert: string | null;\n  private _menuClickTargets = new WeakMap<Event, HTMLElement>();\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\n  constructor(el: HTMLElement, options: Partial<MenuOptions>) {\n    super(el, options, Menu);\n    this.el['Expressive_Menu'] = this;\n\n    Menu._menus.push(this);\n    this.id = Utils.getIdFromTrigger(el);\n    this.menuEl = Utils.getElementById(el, this.id);\n    this._originalInert = this.menuEl?.getAttribute('inert') ?? null;\n\n    this.options = {\n      ...Menu.defaults,\n      contextMenu: el.hasAttribute('data-context-menu'),\n      ...options\n    };\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.el.ariaExpanded = 'false';\n      if (!this.el.hasAttribute('aria-haspopup')) this.el.setAttribute('aria-haspopup', 'menu');\n      if (this.id && !this.el.hasAttribute('aria-controls'))\n        this.el.setAttribute('aria-controls', this.id);\n    }\n\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  /**\n   * Initializes instance of Menu.\n   * @param el HTML element.\n   * @param options Component options.\n   */\n  static init(el: HTMLElement, options?: Partial<MenuOptions>): Menu;\n  /**\n   * Initializes instances of Menu.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(els: InitElements<InitElement>, options?: Partial<MenuOptions>): Menu[];\n  /**\n   * Initializes instances of Menu.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<MenuOptions> = {}\n  ): Menu | Menu[] {\n    return super.init(els, options, Menu);\n  }\n\n  static getInstance(el: HTMLElement): Menu {\n    return el['Expressive_Menu'];\n  }\n\n  destroy() {\n    this._clearPendingTimers();\n    this.isOpen = false;\n    this._setExpanded(false);\n    clearTimeout(this.filterTimeout);\n    this._resetMenuStyles();\n    this._restoreInert();\n    this._removeEventHandlers();\n    // Temporary handlers only exist while open, but removing them is a no-op\n    // otherwise and leaving them attached leaks the instance.\n    this._removeTemporaryEventHandlers();\n    const index = Menu._menus.indexOf(this);\n    if (index >= 0) Menu._menus.splice(index, 1);\n    this.el['Expressive_Menu'] = undefined;\n  }\n\n  _setupEventHandlers() {\n    // Trigger keydown handler\n    this.el.addEventListener('keydown', this._handleTriggerKeydown);\n    // Item click handler\n    this.menuEl?.addEventListener('click', this._handleMenuClick);\n    if (this.menuEl?.querySelector(':scope > li > menu')) {\n      this.menuEl.addEventListener('mouseover', this._handleSubmenuAlign);\n    }\n    if (this.options.contextMenu) {\n      this.el.addEventListener('contextmenu', this._handleContextMenu);\n    } else if (this.options.hover) {\n      // Hover event handlers\n      this.el.addEventListener('mouseenter', this._handleMouseEnter);\n      this.el.addEventListener('mouseleave', this._handleMouseLeave);\n      this.menuEl.addEventListener('mouseleave', this._handleMouseLeave);\n      // Click event handlers\n    } else {\n      this.el.addEventListener('click', this._handleClick);\n    }\n  }\n\n  _removeEventHandlers() {\n    // `menuEl` is optional-chained on the way in (the trigger may point at\n    // an id that does not resolve); it has to be here too, or destroy() throws\n    // before it can detach anything else.\n    this.el.removeEventListener('keydown', this._handleTriggerKeydown);\n    this.menuEl?.removeEventListener('click', this._handleMenuClick);\n    this.menuEl?.removeEventListener('mouseover', this._handleSubmenuAlign);\n    if (this.options.contextMenu) {\n      this.el.removeEventListener('contextmenu', this._handleContextMenu);\n    } else if (this.options.hover) {\n      this.el.removeEventListener('mouseenter', this._handleMouseEnter);\n      this.el.removeEventListener('mouseleave', this._handleMouseLeave);\n      this.menuEl?.removeEventListener('mouseleave', this._handleMouseLeave);\n    } else {\n      this.el.removeEventListener('click', this._handleClick);\n    }\n  }\n\n  _setupTemporaryEventHandlers() {\n    document.body.addEventListener('click', this._handleDocumentClick);\n    this.menuEl?.addEventListener('touchmove', this._handleDocumentTouchmove, { passive: true });\n    document.body.addEventListener('touchmove', this._handleDocumentTouchmove, {\n      passive: true\n    });\n    this.menuEl?.addEventListener('keydown', this._handleMenuKeydown);\n    window.addEventListener('resize', this._handleWindowResize);\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);\n  }\n\n  _removeTemporaryEventHandlers() {\n    document.body.removeEventListener('click', this._handleDocumentClick);\n    this.menuEl?.removeEventListener('touchmove', this._handleDocumentTouchmove);\n    document.body.removeEventListener('touchmove', this._handleDocumentTouchmove);\n    this.menuEl?.removeEventListener('keydown', this._handleMenuKeydown);\n    window.removeEventListener('resize', this._handleWindowResize);\n    document.removeEventListener('contextmenu', this._handleDocumentContextMenu);\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    //this._moveMenu((<HTMLElement>e.target).closest('li'));\n    if (this.isOpen) {\n      this.close();\n    } else {\n      this.open();\n    }\n  };\n\n  _handleMouseEnter = () => {\n    //this._moveMenu((<HTMLElement>e.target).closest('li'));\n    this.open();\n  };\n\n  _handleMouseLeave = (e: MouseEvent) => {\n    const toEl = e.relatedTarget as HTMLElement;\n    // relatedTarget is null when the pointer leaves the window entirely.\n    if (!toEl) {\n      this.close();\n      return;\n    }\n    const leaveToMenuContent = !!(this.menuEl && toEl && this.menuEl.contains(toEl));\n    let leaveToActiveMenuTrigger = false;\n    const closestTrigger = toEl.closest('.menu-trigger');\n    if (\n      closestTrigger &&\n      !!closestTrigger['Expressive_Menu'] &&\n      closestTrigger['Expressive_Menu'].isOpen\n    ) {\n      leaveToActiveMenuTrigger = true;\n    }\n    // Close hover menu if mouse did not leave to either active menu-trigger or menu-content\n    if (!leaveToActiveMenuTrigger && !leaveToMenuContent) {\n      this.close();\n    }\n  };\n\n  _handleDocumentClick = (e: MouseEvent) => {\n    const path = e.composedPath();\n    const menuTarget = this._menuClickTargets.get(e);\n    this._menuClickTargets.delete(e);\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 (this.options.closeOnClick && inside && !this.isTouchMoving) {\n      // isTouchMoving to check if scrolling on mobile.\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(() => {\n        if (this.isOpen) {\n          this.close();\n        }\n      }, 0);\n    }\n    this.isTouchMoving = false;\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    // M3: Space, Enter, Arrow Down, and Arrow Up open a closed menu.\n    const opensMenu =\n      e.key === SPACE ||\n      e.key === Utils.keys.ENTER ||\n      e.key === Utils.keys.ARROW_DOWN ||\n      e.key === Utils.keys.ARROW_UP;\n    if (opensMenu && !this.isOpen) {\n      e.preventDefault();\n      this.open();\n    }\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    if (li?.matches('.disabled, [aria-disabled=\"true\"]')) {\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 && typeof this.options.onItemClick === 'function') {\n      this.options.onItemClick.call(this, li);\n    }\n  };\n\n  private _setupAccessibility() {\n    if (!this.menuEl) return;\n    if (!this.menuEl.hasAttribute('role')) this.menuEl.setAttribute('role', 'menu');\n\n    const menus = [this.menuEl, ...this.menuEl.querySelectorAll('menu')];\n    menus.forEach((menu) => {\n      if (!menu.hasAttribute('role')) menu.setAttribute('role', 'menu');\n      if (menu.getAttribute('role') !== 'menu') return;\n\n      menu.querySelectorAll(':scope > li').forEach((li) => {\n        if (li.classList.contains('divider')) {\n          if (!li.hasAttribute('role')) li.setAttribute('role', 'separator');\n          return;\n        }\n        if (li.classList.contains('gap')) {\n          li.setAttribute('aria-hidden', 'true');\n          return;\n        }\n        if (li.classList.contains('label') || li.classList.contains('optgroup')) {\n          if (!li.hasAttribute('role')) li.setAttribute('role', 'presentation');\n          return;\n        }\n        if (!li.hasAttribute('role')) li.setAttribute('role', 'menuitem');\n        if (li.classList.contains('disabled') && !li.hasAttribute('aria-disabled')) {\n          li.setAttribute('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      trigger.setAttribute('aria-haspopup', 'menu');\n      trigger.setAttribute('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) {\n        other.classList.remove('open', 'submenu-start');\n        this._syncSubmenuAria(other as HTMLElement, false);\n      }\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 _closeSubmenus() {\n    this.menuEl?.querySelectorAll('li.open').forEach((li) => {\n      li.classList.remove('open', 'submenu-start');\n      this._syncSubmenuAria(li as HTMLElement, false);\n    });\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 || e.ctrlKey || e.metaKey || e.altKey || e.isComposing) return;\n    const list = this._containingSubmenu(e) ?? this.menuEl;\n    const rtl = getComputedStyle(list).direction === 'rtl';\n    const openKey = rtl ? Utils.keys.ARROW_LEFT : Utils.keys.ARROW_RIGHT;\n    const backKey = rtl ? Utils.keys.ARROW_RIGHT : Utils.keys.ARROW_LEFT;\n    if ([openKey, backKey, Utils.keys.ARROW_UP, Utils.keys.ARROW_DOWN, Utils.keys.ESC, Utils.keys.TAB].includes(e.key)) {\n      clearTimeout(this.filterTimeout);\n      this._resetFilterQuery();\n    }\n    const arrowUpOrDown =\n      e.key === Utils.keys.ARROW_DOWN || e.key === Utils.keys.ARROW_UP;\n    if (e.key === Utils.keys.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        parentLi.classList.remove('open', 'submenu-start');\n        this._syncSubmenuAria(parentLi, false);\n        this._focusRow(parentLi);\n      }\n    }\n    // Navigate down menu list\n    else if (arrowUpOrDown && this.isOpen) {\n      e.preventDefault();\n      const direction = e.key === Utils.keys.ARROW_DOWN ? 1 : -1;\n      const row = this._focusedRow(e);\n      let newFocusedIndex = row ? Array.from(list.children).indexOf(row) : this.focusedIndex;\n      let hasFoundNewIndex = false;\n      do {\n        newFocusedIndex = newFocusedIndex + direction;\n        if (\n          !!list.children[newFocusedIndex] &&\n          (<HTMLLIElement>list.children[newFocusedIndex]).tabIndex !== -1\n        ) {\n          hasFoundNewIndex = true;\n          break;\n        }\n      } while (newFocusedIndex < list.children.length && newFocusedIndex >= 0);\n\n      if (hasFoundNewIndex) {\n        if (this.focusedIndex >= 0) list.children[this.focusedIndex]?.classList.remove('active');\n        const item = list.children[newFocusedIndex] as HTMLElement;\n        item.classList.add('active');\n        this._focusRow(item);\n      }\n    }\n    // SPACE OR ENTER selects the focused item.\n    else if ((e.key === Utils.keys.ENTER || e.key === SPACE) && this.isOpen) {\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      if (!!activatableElement) {\n        activatableElement.click();\n      } else if (focusedElement instanceof HTMLElement) {\n        focusedElement.click();\n      }\n    }\n    // Close menu on ESC\n    else if (e.key === Utils.keys.ESC && this.isOpen) {\n      e.preventDefault();\n      const openSub = this._containingSubmenu(e)?.parentElement ??\n        Array.from(this.menuEl.querySelectorAll('li.open')).reverse()[0];\n      if (openSub) {\n        openSub.classList.remove('open', 'submenu-start');\n        this._syncSubmenuAria(openSub as HTMLElement, false);\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 && !e.ctrlKey && !e.metaKey && !e.altKey && !e.isComposing) {\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 = Array.from(list.querySelectorAll(':scope > li')).find(\n        (el) => (el as HTMLElement).tabIndex !== -1 &&\n          !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._originalInert === null) this.menuEl?.removeAttribute('inert');\n    else this.menuEl?.setAttribute('inert', this._originalInert);\n  }\n\n  private _focusRow(item: HTMLElement) {\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    this.menuEl.style.display = '';\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  }\n\n  _moveMenuToElement(containerEl: HTMLElement = null) {\n    if (this.options.container) {\n      this.options.container.append(this.menuEl);\n      return;\n    }\n    if (containerEl) {\n      if (!containerEl.contains(this.menuEl)) containerEl.append(this.menuEl);\n      return;\n    }\n    this.el.after(this.menuEl);\n  }\n\n  _makeMenuFocusable() {\n    if (!this.menuEl) return;\n    this.menuEl.popover = '';\n    // Focus moves directly to menu items; the surface itself is not a stop.\n    this.menuEl.tabIndex = -1;\n    // Only set tabindex if it hasn't been set by user\n    this.menuEl.querySelectorAll(':scope li, :scope > hr').forEach((el) => {\n      if (\n        el instanceof HTMLHRElement ||\n        el.classList.contains('divider') ||\n        el.classList.contains('gap') ||\n        el.classList.contains('label') ||\n        el.classList.contains('optgroup')\n      ) {\n        el.setAttribute('tabindex', '-1');\n        return;\n      }\n      if (!el.getAttribute('tabindex')) el.setAttribute('tabindex', '0');\n    });\n  }\n\n  private _focusInitialItem() {\n    if (!this.menuEl || !this.options.autoFocus) return;\n    const first = Array.from(this.menuEl.children).find(\n      (child) => child instanceof HTMLElement && child.tabIndex !== -1\n    ) as HTMLElement | undefined;\n    if (!first) return;\n    this.focusedIndex = Array.from(this.menuEl.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  _getMenuPosition(closestOverflowParent: HTMLElement) {\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 menuBounds = {\n      left: idealXPos,\n      top: idealYPos,\n      height: idealHeight,\n      width: idealWidth\n    };\n\n    const alignments = Utils.checkPossibleAlignments(\n      this.el,\n      closestOverflowParent,\n      menuBounds,\n      this.options.coverTrigger ? 0 : triggerBRect.height\n    );\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 (!alignments.top) {\n      if (alignments.bottom) {\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 (alignments.spaceOnTop > alignments.spaceOnBottom) {\n          verticalAlignment = 'bottom';\n          idealHeight += alignments.spaceOnTop;\n          idealYPos -= this.options.coverTrigger\n            ? alignments.spaceOnTop - 20\n            : alignments.spaceOnTop - 20 + triggerBRect.height;\n        } else {\n          idealHeight += alignments.spaceOnBottom;\n        }\n      }\n    }\n\n    // If preferred horizontal alignment is possible\n    if (!alignments[horizontalAlignment]) {\n      const oppositeAlignment = horizontalAlignment === 'left' ? 'right' : 'left';\n      if (alignments[oppositeAlignment]) {\n        horizontalAlignment = oppositeAlignment;\n      } else {\n        // Determine which side has most space and cutoff at correct height\n        if (alignments.spaceOnLeft > alignments.spaceOnRight) {\n          horizontalAlignment = 'right';\n          idealWidth += alignments.spaceOnLeft;\n          idealXPos -= alignments.spaceOnLeft;\n        } else {\n          horizontalAlignment = 'left';\n          idealWidth += alignments.spaceOnRight;\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    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      this._focusInitialItem();\n      if (transition !== this._transition) return;\n      if (typeof this.options.onOpenEnd === 'function') this.options.onOpenEnd.call(this, this.el);\n    }, duration);\n  }\n\n  _animateOut() {\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      if (typeof this.options.onCloseEnd === 'function')\n        this.options.onCloseEnd.call(this, this.el);\n    }, duration);\n  }\n\n  private _getClosestAncestor(el: HTMLElement, condition: (Function) => boolean): HTMLElement {\n    let ancestor: Node = el.parentNode;\n    while (ancestor !== null && ancestor !== undefined && ancestor !== document) {\n      // A shadow root is not an element and getComputedStyle() rejects it, so\n      // step over it to the host - the elements that actually clip the menu\n      // are above that.\n      if (ancestor.nodeType === Node.ELEMENT_NODE && condition(ancestor)) {\n        return <HTMLElement>ancestor;\n      }\n      ancestor = ancestor.parentNode ?? (<ShadowRoot>ancestor).host;\n    }\n    return null;\n  }\n\n  _placeMenu() {\n    // Container here will be closest ancestor with overflow: hidden\n    let closestOverflowParent: HTMLElement = this._getClosestAncestor(\n      this.menuEl,\n      (ancestor: HTMLElement) => {\n        return (\n          !['HTML', 'BODY'].includes(ancestor.tagName) &&\n          getComputedStyle(ancestor).overflow !== 'visible'\n        );\n      }\n    );\n    // Fallback\n    if (!closestOverflowParent) {\n      const parent = !!this.menuEl.offsetParent ? this.menuEl.offsetParent : this.menuEl.parentNode;\n      // Same hazard as the walk: the parent is a shadow root when the menu was\n      // moved into one, and the next line reads its computed style.\n      closestOverflowParent = <HTMLElement>((<ShadowRoot>parent).host ?? parent);\n    }\n\n    if (getComputedStyle(closestOverflowParent).position === 'static')\n      closestOverflowParent.style.position = 'relative';\n\n    //this._moveMenu(closestOverflowParent);\n\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(), closestOverflowParent);\n      return;\n    }\n\n    const positionInfo = this._getMenuPosition(closestOverflowParent);\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, narrowed to a scrolling or clipping ancestor the menu sits in;\n   * a menu taller than them gets their 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 }, container: HTMLElement) {\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    let bounds = { left: 0, top: 0, right: window.innerWidth, bottom: window.innerHeight };\n    if (container && getComputedStyle(container).overflow !== 'visible') {\n      const clip = container.getBoundingClientRect();\n      bounds = {\n        left: Math.max(bounds.left, clip.left),\n        top: Math.max(bounds.top, clip.top),\n        right: Math.min(bounds.right, clip.right),\n        bottom: Math.min(bounds.bottom, clip.bottom)\n      };\n    }\n\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  /**\n   * Open menu.\n   */\n  open = () => {\n    if (this.isOpen || this.el['Expressive_Menu'] !== this) return;\n    const transition = this._clearPendingTimers();\n    this.isOpen = true;\n    // onOpenStart callback\n    if (typeof this.options.onOpenStart === 'function') {\n      this.options.onOpenStart.call(this, this.el);\n    }\n    if (transition !== this._transition) return;\n    // Reset styles\n    this._resetMenuStyles();\n    this.menuEl.style.display = 'block';\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.menuEl.setAttribute('inert', '');\n    clearTimeout(this.filterTimeout);\n    this._resetFilterQuery();\n    this.focusedIndex = -1;\n    this._closeSubmenus();\n    // onCloseStart callback\n    if (typeof this.options.onCloseStart === 'function') {\n      this.options.onCloseStart.call(this, this.el);\n    }\n    if (transition !== this._transition) return;\n    this._animateOut();\n    this._removeTemporaryEventHandlers();\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": []
+}

package/dist/js/chunks/{chunk-TYM6U5DY.mjs → chunk-UAEAQBRC.mjs}

@@ -1,6 +1,6 @@
 import {
   Utils
-} from "./chunk-MISGHDUU.mjs";
+} from "./chunk-6OMRGML6.mjs";
 
 // src/ts/behaviors/dialogs.ts
 var _Dialogs = class _Dialogs {
@@ -73,4 +73,4 @@ var Dialogs = _Dialogs;
 export {
   Dialogs
 };
-//# sourceMappingURL=chunk-TYM6U5DY.mjs.map
+//# sourceMappingURL=chunk-UAEAQBRC.mjs.map

package/dist/js/chunks/{chunk-7UXHSYIA.mjs → chunk-UBLRRJ7N.mjs}

@@ -1,9 +1,9 @@
 import {
   Utils
-} from "./chunk-MISGHDUU.mjs";
+} from "./chunk-6OMRGML6.mjs";
 import {
   Component
-} from "./chunk-QSQ24FYT.mjs";
+} from "./chunk-LTWPGFBR.mjs";
 
 // src/ts/components/cards.ts
 var _defaults = {
@@ -180,4 +180,4 @@ export {
   isCardReveal,
   Cards
 };
-//# sourceMappingURL=chunk-7UXHSYIA.mjs.map
+//# sourceMappingURL=chunk-UBLRRJ7N.mjs.map

package/dist/js/chunks/{chunk-EP3CVKB5.mjs → chunk-UEZUJQ66.mjs}

@@ -1,6 +1,6 @@
 import {
   Component
-} from "./chunk-QSQ24FYT.mjs";
+} from "./chunk-LTWPGFBR.mjs";
 
 // src/ts/components/appBar.ts
 var _defaults = {};
@@ -15,7 +15,10 @@ var AppBar = class _AppBar extends Component {
     this._onIntersect = (entries) => {
       const entry = entries[0];
       if (!entry) return;
-      this.el.classList.toggle("collapsed", !entry.isIntersecting);
+      this.el.classList.toggle(
+        "collapsed",
+        !entry.isIntersecting && entry.boundingClientRect.top < this.el.getBoundingClientRect().top
+      );
     };
     this._onSearchViewClose = () => {
       this._searchOpen = this._view.open;
@@ -62,8 +65,8 @@ var AppBar = class _AppBar extends Component {
     if (typeof IntersectionObserver === "undefined") return;
     this._sentinel = document.createElement("span");
     this._sentinel.setAttribute("aria-hidden", "true");
-    this._sentinel.style.cssText = "display:block;width:100%;height:1px;margin-top:-1px;pointer-events:none;visibility:hidden";
-    this.el.insertAdjacentElement("beforebegin", this._sentinel);
+    this._sentinel.style.cssText = "display:block;height:0;position:relative;top:-64px;pointer-events:none;visibility:hidden";
+    this.el.insertAdjacentElement("afterend", this._sentinel);
     this._observer = new IntersectionObserver(this._onIntersect);
     this._observer.observe(this._sentinel);
   }
@@ -85,4 +88,4 @@ var AppBar = class _AppBar extends Component {
 export {
   AppBar
 };
-//# sourceMappingURL=chunk-EP3CVKB5.mjs.map
+//# sourceMappingURL=chunk-UEZUJQ66.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/appBar.ts"],
+  "sourcesContent": ["import { Component, BaseOptions, InitElements, InitElement } from '../core/component';\n\nconst _defaults: BaseOptions = {};\n\n/**\n * Collapse medium/large flexible app bars on scroll, and open the related\n * search view when the search field in a search app bar is selected.\n *\n * Observation is IntersectionObserver on a sentinel after the header.\n * A scroll listener would re-enter layout on every tick; this does not.\n */\nexport class AppBar extends Component<BaseOptions> {\n  private _observer: IntersectionObserver | null = null;\n  private _sentinel: HTMLElement | null = null;\n  private _input: HTMLInputElement | null = null;\n  private _view: HTMLElement | null = null;\n  private _searchOpen = false;\n\n  constructor(el: HTMLElement, options: Partial<BaseOptions>) {\n    super(el, options, AppBar);\n    this.el['Expressive_AppBar'] = this;\n    this.options = { ...AppBar.defaults, ...options };\n    this._setupCollapse();\n    this._setupSearch();\n  }\n\n  static get defaults(): BaseOptions {\n    return _defaults;\n  }\n\n  static init(el: HTMLElement, options?: Partial<BaseOptions>): AppBar;\n  static init(els: InitElements<InitElement>, options?: Partial<BaseOptions>): AppBar[];\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<BaseOptions> = {}\n  ): AppBar | AppBar[] {\n    return super.init(els, options, AppBar);\n  }\n\n  static getInstance(el: HTMLElement): AppBar {\n    return el['Expressive_AppBar'];\n  }\n\n  destroy() {\n    this._observer?.disconnect();\n    this._observer = null;\n    this._sentinel?.remove();\n    this._sentinel = null;\n    this._input?.removeEventListener('focus', this._onSearchFocus);\n    this._input?.removeEventListener('click', this._onSearchFocus);\n    this._view?.removeEventListener('close', this._onSearchViewClose);\n    this.el.classList.remove('collapsed');\n    this.el['Expressive_AppBar'] = undefined;\n  }\n\n  private _setupCollapse() {\n    if (!this.el.classList.contains('medium') && !this.el.classList.contains('large')) {\n      return;\n    }\n    if (typeof IntersectionObserver === 'undefined') return;\n\n    // Collapsing shrinks the header, and scroll anchoring then scrolls the page\n    // back by the height it lost. The sentinel follows the header, so it moves\n    // with the page and that correction cannot bring it back into view. It sits\n    // 64px, the small bar's height, above the header's bottom edge. An expanded\n    // bar therefore collapses once the page has scrolled by the height that\n    // collapsing removes, and a collapsed bar expands when the page is back at\n    // its top. Zero height and no margins keep it out of the layout.\n    this._sentinel = document.createElement('span');\n    this._sentinel.setAttribute('aria-hidden', 'true');\n    this._sentinel.style.cssText =\n      'display:block;height:0;position:relative;top:-64px;pointer-events:none;visibility:hidden';\n    this.el.insertAdjacentElement('afterend', this._sentinel);\n    this._observer = new IntersectionObserver(this._onIntersect);\n    this._observer.observe(this._sentinel);\n  }\n\n  private _onIntersect = (entries: IntersectionObserverEntry[]) => {\n    const entry = entries[0];\n    if (!entry) return;\n    // Collapse only when the sentinel has gone above the pinned header. A\n    // sentinel below the viewport would move back into view as the bar shrank,\n    // and the bar would switch sizes on every frame.\n    this.el.classList.toggle(\n      'collapsed',\n      !entry.isIntersecting && entry.boundingClientRect.top < this.el.getBoundingClientRect().top\n    );\n  };\n\n  private _setupSearch() {\n    this._input = this.el.querySelector('input[type=\"search\"]');\n    if (!this._input) return;\n\n    const id = this._input.getAttribute('aria-controls');\n    if (id) this._view = document.getElementById(id);\n    if (!this._view) this._view = this.el.querySelector('.search-view');\n    if (!this._view) return;\n\n    this._input.addEventListener('focus', this._onSearchFocus);\n    this._input.addEventListener('click', this._onSearchFocus);\n    if (this._view instanceof HTMLDialogElement) {\n      this._view.addEventListener('close', this._onSearchViewClose);\n    }\n  }\n\n  private _onSearchViewClose = () => {\n    this._searchOpen = (this._view as HTMLDialogElement).open;\n  };\n\n  private _onSearchFocus = () => {\n    if (!this._view || this._searchOpen) return;\n    if (this._view instanceof HTMLDialogElement) {\n      this._searchOpen = true;\n      if (!this._view.open) this._view.showModal();\n      return;\n    }\n    this._view.hidden = false;\n    this._input?.setAttribute('aria-expanded', 'true');\n  };\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/js/chunks/{chunk-JNPIWFJT.mjs → chunk-UNEMYWEW.mjs}

@@ -1,9 +1,9 @@
 import {
   Utils
-} from "./chunk-MISGHDUU.mjs";
+} from "./chunk-6OMRGML6.mjs";
 import {
   Component
-} from "./chunk-QSQ24FYT.mjs";
+} from "./chunk-LTWPGFBR.mjs";
 
 // src/ts/components/lightbox.ts
 var _defaults = {
@@ -362,4 +362,4 @@ var Lightbox = _Lightbox;
 export {
   Lightbox
 };
-//# sourceMappingURL=chunk-JNPIWFJT.mjs.map
+//# sourceMappingURL=chunk-UNEMYWEW.mjs.map

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

@@ -0,0 +1,124 @@
+import {
+  Utils
+} from "./chunk-6OMRGML6.mjs";
+import {
+  Component
+} from "./chunk-LTWPGFBR.mjs";
+
+// src/ts/components/richTextEditor.ts
+var _defaults = {
+  Editor: null,
+  extensions: []
+};
+var NAMING = ["aria-label", "aria-labelledby", "aria-describedby"];
+var RichTextEditor = class _RichTextEditor extends Component {
+  constructor(el, options) {
+    super(el, options, _RichTextEditor);
+    /** The Tiptap editor. */
+    this.editor = null;
+    /** The element the editor is mounted in. */
+    this.content = null;
+    this._actions = /* @__PURE__ */ new Map();
+    this._label = null;
+    this._handleClick = (e) => {
+      const button = e.target.closest("button[data-command]");
+      const action = this._actions.get(button);
+      if (action && !button.disabled) this.editor.chain().focus()[action.command](action.attributes).run();
+    };
+    this._handleLabelClick = () => {
+      this.editor.chain().focus().run();
+    };
+    this._handleUpdate = () => {
+      this.textarea.value = this.editor.isEmpty ? "" : this.editor.getHTML();
+      this.textarea.dispatchEvent(new Event("input", { bubbles: true }));
+    };
+    this._handleTransaction = () => {
+      const can = this.editor.isEditable && this.editor.can();
+      for (const [button, { command, attributes, active }] of this._actions) {
+        button.disabled = !can || !(command in this.editor.commands) || !can[command](attributes);
+        if (!active) continue;
+        const on = this.editor.isActive(active, attributes);
+        button.setAttribute("aria-pressed", String(on));
+        button.classList.toggle("active", on);
+      }
+    };
+    this.el["Expressive_RichTextEditor"] = this;
+    this.options = {
+      ..._RichTextEditor.defaults,
+      ...options
+    };
+    this.textarea = el.querySelector(":scope > textarea");
+    if (!this.textarea || !this.options.Editor) {
+      console.error("RichTextEditor needs a <textarea> child and the Tiptap Editor class in options.Editor.");
+      return;
+    }
+    for (const button of el.querySelectorAll("button[data-command]")) {
+      const command = button.dataset.command;
+      const attributes2 = button.dataset.attributes ? JSON.parse(button.dataset.attributes) : void 0;
+      const active = command.startsWith("toggle") ? command[6].toLowerCase() + command.slice(7) : void 0;
+      this._actions.set(button, { command, attributes: attributes2, active });
+    }
+    const attributes = { role: "textbox", "aria-multiline": "true" };
+    for (const name of NAMING) {
+      const value = this.textarea.getAttribute(name);
+      if (value) attributes[name] = value;
+    }
+    this._label = this.textarea.labels?.[0] ?? null;
+    if (this._label && !attributes["aria-labelledby"]) {
+      if (!this._label.id) this._label.id = `rich-text-editor-label-${Utils.guid()}`;
+      attributes["aria-labelledby"] = this._label.id;
+      this._label.addEventListener("click", this._handleLabelClick);
+    }
+    this.content = document.createElement("div");
+    this.content.className = "rich-text-editor-content";
+    this.textarea.after(this.content);
+    this.textarea.hidden = true;
+    this.editor = new this.options.Editor({
+      element: this.content,
+      extensions: this.options.extensions,
+      content: this.textarea.value,
+      editable: !(this.textarea.disabled || this.textarea.readOnly),
+      editorProps: { attributes }
+    });
+    this.editor.on("update", this._handleUpdate);
+    this.editor.on("transaction", this._handleTransaction);
+    this._handleTransaction();
+    el.addEventListener("click", this._handleClick);
+  }
+  static get defaults() {
+    return _defaults;
+  }
+  /**
+   * Initializes instances of RichTextEditor.
+   * @param els HTML elements.
+   * @param options Component options.
+   */
+  static init(els, options = {}) {
+    return super.init(els, options, _RichTextEditor);
+  }
+  static getInstance(el) {
+    return el["Expressive_RichTextEditor"];
+  }
+  destroy() {
+    this.el["Expressive_RichTextEditor"] = void 0;
+    if (!this.editor) return;
+    this.el.removeEventListener("click", this._handleClick);
+    this._label?.removeEventListener("click", this._handleLabelClick);
+    this.editor.off("update", this._handleUpdate);
+    this.editor.off("transaction", this._handleTransaction);
+    this.editor.destroy();
+    this.editor = null;
+    this.content.remove();
+    this.textarea.hidden = false;
+    for (const button of this._actions.keys()) {
+      button.disabled = false;
+      button.classList.remove("active");
+      button.removeAttribute("aria-pressed");
+    }
+  }
+};
+
+export {
+  RichTextEditor
+};
+//# sourceMappingURL=chunk-VTLBW7QS.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/richTextEditor.ts"],
+  "sourcesContent": ["import { Utils } from '../core/utils';\nimport { Component, BaseOptions, InitElements, InitElement } from '../core/component';\n\n/**\n * The parts of a Tiptap `Editor` this component uses. Declared here so the\n * published types do not depend on Tiptap.\n */\nexport interface RichTextEditorInstance {\n  commands: object;\n  isEditable: boolean;\n  isEmpty: boolean;\n  chain(): any;\n  can(): any;\n  isActive(name: string, attributes?: object): boolean;\n  getHTML(): string;\n  on(event: string, callback: () => void): unknown;\n  off(event: string, callback: () => void): unknown;\n  destroy(): void;\n}\n\nexport interface RichTextEditorOptions extends BaseOptions {\n  /**\n   * Tiptap's `Editor` class. ExpressiveCSS does not bundle Tiptap, so the\n   * page imports it and passes it in.\n   * @default null\n   */\n  Editor: (new (options: any) => RichTextEditorInstance) | null;\n  /**\n   * Tiptap extensions, usually `[StarterKit]`.\n   * @default []\n   */\n  extensions: unknown[];\n}\n\nconst _defaults: RichTextEditorOptions = {\n  Editor: null,\n  extensions: []\n};\n\ntype Action = { command: string; attributes?: object; active?: string };\n\n// Copied from the textarea onto the editable element.\nconst NAMING = ['aria-label', 'aria-labelledby', 'aria-describedby'];\n\n/**\n * A rich text editor built on Tiptap: a `.rich-text-editor` holding a\n * `<textarea>` and, usually, a `.toolbar` of `[data-command]` buttons.\n *\n * The textarea's value is the starting HTML. The component hides it, mounts\n * the editor after it and writes the editor's HTML back on every change, so\n * the textarea still submits with its form. A button's `data-command` names a\n * Tiptap command and `data-attributes` holds its JSON argument. Buttons are\n * disabled when their command cannot run, and `toggle*` commands report their\n * state with `aria-pressed` and `.active`.\n */\nexport class RichTextEditor extends Component<RichTextEditorOptions> {\n  /** The Tiptap editor. */\n  editor: RichTextEditorInstance | null = null;\n  /** The form value. */\n  textarea: HTMLTextAreaElement | null;\n  /** The element the editor is mounted in. */\n  content: HTMLElement | null = null;\n  private _actions = new Map<HTMLButtonElement, Action>();\n  private _label: HTMLLabelElement | null = null;\n\n  constructor(el: HTMLElement, options: Partial<RichTextEditorOptions>) {\n    super(el, options, RichTextEditor);\n    this.el['Expressive_RichTextEditor'] = this;\n    this.options = {\n      ...RichTextEditor.defaults,\n      ...options\n    };\n    this.textarea = el.querySelector(':scope > textarea');\n    if (!this.textarea || !this.options.Editor) {\n      console.error('RichTextEditor needs a <textarea> child and the Tiptap Editor class in options.Editor.');\n      return;\n    }\n\n    for (const button of el.querySelectorAll<HTMLButtonElement>('button[data-command]')) {\n      const command = button.dataset.command;\n      const attributes = button.dataset.attributes ? JSON.parse(button.dataset.attributes) : undefined;\n      // toggleBulletList is active while the selection is in a bulletList.\n      const active = command.startsWith('toggle') ? command[6].toLowerCase() + command.slice(7) : undefined;\n      this._actions.set(button, { command, attributes, active });\n    }\n\n    const attributes: Record<string, string> = { role: 'textbox', 'aria-multiline': 'true' };\n    for (const name of NAMING) {\n      const value = this.textarea.getAttribute(name);\n      if (value) attributes[name] = value;\n    }\n    // A <label for> names the hidden textarea, so it has to name the editor\n    // instead, and a click on it has to focus the editor.\n    this._label = this.textarea.labels?.[0] ?? null;\n    if (this._label && !attributes['aria-labelledby']) {\n      if (!this._label.id) this._label.id = `rich-text-editor-label-${Utils.guid()}`;\n      attributes['aria-labelledby'] = this._label.id;\n      this._label.addEventListener('click', this._handleLabelClick);\n    }\n\n    this.content = document.createElement('div');\n    this.content.className = 'rich-text-editor-content';\n    this.textarea.after(this.content);\n    this.textarea.hidden = true;\n    this.editor = new this.options.Editor({\n      element: this.content,\n      extensions: this.options.extensions,\n      content: this.textarea.value,\n      editable: !(this.textarea.disabled || this.textarea.readOnly),\n      editorProps: { attributes }\n    });\n    this.editor.on('update', this._handleUpdate);\n    this.editor.on('transaction', this._handleTransaction);\n    this._handleTransaction();\n    el.addEventListener('click', this._handleClick);\n  }\n\n  static get defaults(): RichTextEditorOptions {\n    return _defaults;\n  }\n\n  /**\n   * Initializes instance of RichTextEditor.\n   * @param el HTML element.\n   * @param options Component options.\n   */\n  static init(el: HTMLElement, options?: Partial<RichTextEditorOptions>): RichTextEditor;\n  /**\n   * Initializes instances of RichTextEditor.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: InitElements<InitElement>,\n    options?: Partial<RichTextEditorOptions>\n  ): RichTextEditor[];\n  /**\n   * Initializes instances of RichTextEditor.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<RichTextEditorOptions> = {}\n  ): RichTextEditor | RichTextEditor[] {\n    return super.init(els, options, RichTextEditor);\n  }\n\n  static getInstance(el: HTMLElement): RichTextEditor {\n    return el['Expressive_RichTextEditor'];\n  }\n\n  destroy() {\n    this.el['Expressive_RichTextEditor'] = undefined;\n    if (!this.editor) return;\n    this.el.removeEventListener('click', this._handleClick);\n    this._label?.removeEventListener('click', this._handleLabelClick);\n    this.editor.off('update', this._handleUpdate);\n    this.editor.off('transaction', this._handleTransaction);\n    this.editor.destroy();\n    this.editor = null;\n    this.content.remove();\n    this.textarea.hidden = false;\n    for (const button of this._actions.keys()) {\n      button.disabled = false;\n      button.classList.remove('active');\n      button.removeAttribute('aria-pressed');\n    }\n  }\n\n  private _handleClick = (e: MouseEvent) => {\n    const button = (e.target as Element).closest<HTMLButtonElement>('button[data-command]');\n    const action = this._actions.get(button);\n    if (action && !button.disabled) this.editor.chain().focus()[action.command](action.attributes).run();\n  };\n\n  private _handleLabelClick = () => {\n    this.editor.chain().focus().run();\n  };\n\n  private _handleUpdate = () => {\n    this.textarea.value = this.editor.isEmpty ? '' : this.editor.getHTML();\n    this.textarea.dispatchEvent(new Event('input', { bubbles: true }));\n  };\n\n  private _handleTransaction = () => {\n    const can = this.editor.isEditable && this.editor.can();\n    for (const [button, { command, attributes, active }] of this._actions) {\n      button.disabled = !can || !(command in this.editor.commands) || !can[command](attributes);\n      if (!active) continue;\n      const on = this.editor.isActive(active, attributes);\n      button.setAttribute('aria-pressed', String(on));\n      button.classList.toggle('active', on);\n    }\n  };\n}\n"],
+  "mappings": "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",
+  "names": ["attributes"]
+}

package/dist/js/chunks/{chunk-JKNPQQWY.mjs → chunk-WJXDBPXQ.mjs}

@@ -1,12 +1,13 @@
 import {
   Utils
-} from "./chunk-MISGHDUU.mjs";
+} from "./chunk-6OMRGML6.mjs";
 import {
   Component
-} from "./chunk-QSQ24FYT.mjs";
+} from "./chunk-LTWPGFBR.mjs";
 
 // src/ts/components/slider.ts
 var _defaults = {};
+var _authored = /* @__PURE__ */ new WeakMap();
 var Slider = class _Slider extends Component {
   constructor(el, options) {
     super(el, options, _Slider);
@@ -75,6 +76,18 @@ var Slider = class _Slider extends Component {
     this._removeEventHandlers();
     this._removeThumb();
     this.el["Expressive_Slider"] = void 0;
+    const host = this._host();
+    for (const el of [this.el, host]) {
+      for (const name in _authored.get(el)) el.style.setProperty(name, _authored.get(el)[name]);
+      _authored.delete(el);
+    }
+    host?.querySelectorAll('input[type="range"]').forEach((el) => el["Expressive_Slider"]?._sync());
+  }
+  _set(el, name, value) {
+    const authored = _authored.get(el) ?? {};
+    _authored.set(el, authored);
+    authored[name] ?? (authored[name] = el.style.getPropertyValue(name));
+    el.style.setProperty(name, value);
   }
   // Eleven listeners used to cover four stages, because each one was written
   // twice - once for mouse, once for touch. One of the touch spellings,
@@ -145,25 +158,28 @@ var Slider = class _Slider extends Component {
     const handle = parseFloat(style.getPropertyValue("--md-comp-slider-handle-width")) || 4;
     const length = vertical ? height : width;
     const position = handle / 2 + percent * (length - handle);
-    this.el.style.setProperty("--md-comp-slider-active-fraction", fraction);
-    this.el.style.setProperty("--md-comp-slider-active-position", `${position}px`);
+    this._set(this.el, "--md-comp-slider-active-fraction", fraction);
+    this._set(this.el, "--md-comp-slider-active-position", `${position}px`);
     const host = this._host();
     const peers = host?.querySelectorAll('input[type="range"]');
     if (host && peers && peers.length === 2) {
       const nums = Array.from(peers).map((el) => this._fraction(el));
-      host.style.setProperty("--md-comp-slider-start-fraction", `${Math.min(...nums) * 100}%`);
-      host.style.setProperty("--md-comp-slider-end-fraction", `${Math.max(...nums) * 100}%`);
-      host.style.setProperty("--md-comp-slider-start-position", `${handle / 2 + Math.min(...nums) * (length - handle)}px`);
-      host.style.setProperty("--md-comp-slider-end-position", `${handle / 2 + Math.max(...nums) * (length - handle)}px`);
+      this._set(host, "--md-comp-slider-start-fraction", `${Math.min(...nums) * 100}%`);
+      this._set(host, "--md-comp-slider-end-fraction", `${Math.max(...nums) * 100}%`);
+      this._set(host, "--md-comp-slider-start-position", `${handle / 2 + Math.min(...nums) * (length - handle)}px`);
+      this._set(host, "--md-comp-slider-end-position", `${handle / 2 + Math.max(...nums) * (length - handle)}px`);
     }
     if (host?.classList.contains("stops")) {
       const parsedMax = parseFloat(this.el.max);
       const max = Number.isNaN(parsedMax) ? 100 : parsedMax;
       const min = parseFloat(this.el.min) || 0;
       const step = parseFloat(this.el.step);
-      if (step > 0 && Number.isFinite(step)) {
-        const n = Math.round((max - min) / step) + 1;
-        host.style.setProperty("--md-comp-slider-stop-count", String(Math.max(2, n)));
+      const stops = step > 0 && Number.isFinite(step) && max > min;
+      this._set(host, "--md-comp-slider-stop-count", stops ? String(Math.floor((max - min) / step + 1e-9) + 1) : "");
+      this._set(host, "--md-comp-slider-stop-spacing", stops ? `${(length - handle) * step / (max - min)}px` : "");
+      if (peers?.length === 1) {
+        this._set(host, "--md-comp-slider-active-position", `${position}px`);
+        this._set(host, "--md-comp-slider-track-center", `${top + height / 2}px`);
       }
     }
     this.value.textContent = this.el.value;
@@ -188,4 +204,4 @@ var Slider = class _Slider extends Component {
 export {
   Slider
 };
-//# sourceMappingURL=chunk-JKNPQQWY.mjs.map
+//# sourceMappingURL=chunk-WJXDBPXQ.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/slider.ts"],
+  "sourcesContent": ["import { Component, BaseOptions, InitElements, InitElement } from '../core/component';\nimport { Utils } from '../core/utils';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface SliderOptions extends BaseOptions {}\n\nconst _defaults: SliderOptions = {};\n\n// Inline values _set() replaced, per element, so destroy() can put back what\n// an author wrote. Per element, not per instance: both handles of a range\n// write the same host properties.\nconst _authored = new WeakMap<HTMLElement, Record<string, string>>();\n\nexport class Slider extends Component<SliderOptions> {\n  declare el: HTMLInputElement;\n  private _pointerDown: boolean;\n  private _resizeObserver: ResizeObserver | null = null;\n  value: HTMLElement;\n  thumb: HTMLElement;\n\n  constructor(el: HTMLInputElement, options: Partial<SliderOptions>) {\n    super(el, options, Slider);\n    this.el['Expressive_Slider'] = this;\n\n    this.options = {\n      ...Slider.defaults,\n      ...options\n    };\n\n    this._pointerDown = false;\n    this._setupThumb();\n    this._sync();\n    this._setupEventHandlers();\n    if (typeof ResizeObserver !== 'undefined') {\n      this._resizeObserver = new ResizeObserver(() => this._sync());\n      this._resizeObserver.observe(this.el);\n    }\n  }\n\n  static get defaults(): SliderOptions {\n    return _defaults;\n  }\n\n  /**\n   * Initializes instance of Slider.\n   * @param el HTML element.\n   * @param options Component options.\n   */\n  static init(el: HTMLInputElement, options?: Partial<SliderOptions>): Slider;\n  /**\n   * Initializes instances of Slider.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: InitElements<HTMLInputElement | InitElement>,\n    options?: Partial<SliderOptions>\n  ): Slider[];\n  /**\n   * Initializes instances of Slider.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: HTMLInputElement | InitElements<HTMLInputElement | InitElement>,\n    options: Partial<SliderOptions> = {}\n  ): Slider | Slider[] {\n    return super.init(els, options, Slider);\n  }\n\n  static getInstance(el: HTMLInputElement): Slider {\n    return el['Expressive_Slider'];\n  }\n\n  destroy() {\n    this._resizeObserver?.disconnect();\n    this._removeEventHandlers();\n    this._removeThumb();\n    this.el['Expressive_Slider'] = undefined;\n    const host = this._host();\n    for (const el of [this.el, host]) {\n      for (const name in _authored.get(el)) el.style.setProperty(name, _authored.get(el)[name]);\n      _authored.delete(el);\n    }\n    // The other handle of a range writes the shared host properties again.\n    host?.querySelectorAll('input[type=\"range\"]').forEach((el) => el['Expressive_Slider']?._sync());\n  }\n\n  _set(el: HTMLElement, name: string, value: string) {\n    const authored = _authored.get(el) ?? {};\n    _authored.set(el, authored);\n    authored[name] ??= el.style.getPropertyValue(name);\n    el.style.setProperty(name, value);\n  }\n\n  // Eleven listeners used to cover four stages, because each one was written\n  // twice - once for mouse, once for touch. One of the touch spellings,\n  // `touchleave`, was never implemented by any browser at all.\n  _setupEventHandlers() {\n    this.el.addEventListener('change', this._handleRangeChange);\n    this.el.addEventListener('pointerdown', this._handleRangePointerDown);\n    this.el.addEventListener('input', this._handleRangeInputOrMove);\n    // Never calls preventDefault, so it does not need to block scrolling.\n    this.el.addEventListener('pointermove', this._handleRangeInputOrMove, { passive: true });\n    this.el.addEventListener('pointerup', this._handleRangePointerUp);\n    this.el.addEventListener('pointercancel', this._handleRangePointerUp);\n    this.el.addEventListener('blur', this._handleRangeRelease);\n    // `mouseout`, not `pointerout`: this used to be a `mouseout`/`touchleave`\n    // pair, and `touchleave` was never implemented by any browser, so the\n    // handler has only ever run for a mouse. `pointerout` also fires when a\n    // touch lifts, which would clear the thumb's active state at a moment\n    // nothing cleared it before.\n    this.el.addEventListener('mouseout', this._handleRangeRelease);\n  }\n\n  _removeEventHandlers() {\n    this.el.removeEventListener('change', this._handleRangeChange);\n    this.el.removeEventListener('pointerdown', this._handleRangePointerDown);\n    this.el.removeEventListener('input', this._handleRangeInputOrMove);\n    this.el.removeEventListener('pointermove', this._handleRangeInputOrMove);\n    this.el.removeEventListener('pointerup', this._handleRangePointerUp);\n    this.el.removeEventListener('pointercancel', this._handleRangePointerUp);\n    this.el.removeEventListener('blur', this._handleRangeRelease);\n    this.el.removeEventListener('mouseout', this._handleRangeRelease);\n  }\n\n  _handleRangeChange = () => {\n    this._clampDual();\n    this._sync();\n    this.thumb.classList.add('active');\n  };\n\n  _handleRangePointerDown = (e: PointerEvent) => {\n    if (!e.isPrimary) return;\n    if (e.pointerType === 'mouse' && e.button !== 0) return;\n    this._pointerDown = true;\n    this.el.classList.add('active');\n    this._clampDual();\n    this._sync();\n    // An `e.type !== 'input'` guard used to sit here. This handler is only ever\n    // bound to a press, so it was never anything but true.\n    this.thumb.classList.add('active');\n  };\n\n  _handleRangeInputOrMove = (e: Event) => {\n    if (e.type === 'input' || this._pointerDown) {\n      this._clampDual();\n      this._sync();\n      this.thumb.classList.add('active');\n    }\n  };\n\n  _handleRangePointerUp = (e: PointerEvent) => {\n    if (!e.isPrimary) return;\n    this._pointerDown = false;\n    this.el.classList.remove('active');\n  };\n\n  _handleRangeRelease = () => {\n    if (!this._pointerDown) {\n      this.thumb.classList.remove('active');\n    }\n  };\n\n  _setupThumb() {\n    this.thumb = document.createElement('span');\n    this.value = document.createElement('span');\n    this.thumb.classList.add('thumb');\n    this.value.classList.add('value');\n    this.thumb.append(this.value);\n    this.el.after(this.thumb);\n  }\n\n  _removeThumb() {\n    this.thumb.remove();\n  }\n\n  _isVertical(): boolean {\n    return !!this.el.closest('.vertical');\n  }\n\n  _host(): HTMLElement | null {\n    // `.slider` is the documented host now; without it here a dual-handle\n    // control could not find its wrapper, so the handles never clamped and the\n    // shared start/end fractions never tracked the interval.\n    return this.el.closest('.slider, .range, .range-field, label');\n  }\n\n  _clampDual() {\n    const host = this._host();\n    const peers = host?.querySelectorAll('input[type=\"range\"]');\n    if (!peers || peers.length !== 2) return;\n    const start = peers[0] as HTMLInputElement;\n    const end = peers[1] as HTMLInputElement;\n    if (this.el === start && +start.value > +end.value) start.value = end.value;\n    if (this.el === end && +end.value < +start.value) end.value = start.value;\n  }\n\n  _fraction(el: HTMLInputElement): number {\n    const parsedMax = parseFloat(el.max);\n    const max = Number.isNaN(parsedMax) ? 100 : parsedMax;\n    const min = parseFloat(el.min) || 0;\n    const val = parseFloat(el.value) || 0;\n    return max === min ? 0 : (val - min) / (max - min);\n  }\n\n  _sync() {\n    const percent = this._fraction(this.el);\n    const fraction = `${percent * 100}%`;\n\n    // Read before writing. This runs on every pointer move during a drag, and\n    // setting the custom property first made each of the four offset reads\n    // below flush a fresh layout.\n    const left = this.el.offsetLeft;\n    const top = this.el.offsetTop;\n    const width = this.el.offsetWidth;\n    const height = this.el.offsetHeight;\n    const style = getComputedStyle(this.el);\n    const rtl = style.direction === 'rtl';\n    const vertical = this._isVertical();\n    const handle = parseFloat(style.getPropertyValue('--md-comp-slider-handle-width')) || 4;\n    const length = vertical ? height : width;\n    const position = handle / 2 + percent * (length - handle);\n\n    this._set(this.el, '--md-comp-slider-active-fraction', fraction);\n    this._set(this.el, '--md-comp-slider-active-position', `${position}px`);\n\n    const host = this._host();\n    const peers = host?.querySelectorAll('input[type=\"range\"]');\n    if (host && peers && peers.length === 2) {\n      const nums = Array.from(peers).map((el) => this._fraction(el as HTMLInputElement));\n      this._set(host, '--md-comp-slider-start-fraction', `${Math.min(...nums) * 100}%`);\n      this._set(host, '--md-comp-slider-end-fraction', `${Math.max(...nums) * 100}%`);\n      this._set(host, '--md-comp-slider-start-position', `${handle / 2 + Math.min(...nums) * (length - handle)}px`);\n      this._set(host, '--md-comp-slider-end-position', `${handle / 2 + Math.max(...nums) * (length - handle)}px`);\n    }\n    if (host?.classList.contains('stops')) {\n      const parsedMax = parseFloat(this.el.max);\n      const max = Number.isNaN(parsedMax) ? 100 : parsedMax;\n      const min = parseFloat(this.el.min) || 0;\n      const step = parseFloat(this.el.step);\n      // Stops sit at min + k * step up to max, so a step that does not divide\n      // the range ends short of max. No step, `any`, zero or a negative step\n      // clears the spacing, and the host paints no dots.\n      const stops = step > 0 && Number.isFinite(step) && max > min;\n      this._set(host, '--md-comp-slider-stop-count', stops ? String(Math.floor((max - min) / step + 1e-9) + 1) : '');\n      this._set(host, '--md-comp-slider-stop-spacing', stops ? `${((length - handle) * step) / (max - min)}px` : '');\n      // The tick row is the host's ::after, which cannot read the input's\n      // properties. A dual host has no single position.\n      if (peers?.length === 1) {\n        this._set(host, '--md-comp-slider-active-position', `${position}px`);\n        this._set(host, '--md-comp-slider-track-center', `${top + height / 2}px`);\n      }\n    }\n\n    this.value.textContent = this.el.value;\n    if (vertical) {\n      this.thumb.style.left = `${left + width / 2}px`;\n      this.thumb.style.top = `${top + height - position}px`;\n    } else {\n      this.thumb.style.left = `${left + (rtl ? width - position : position)}px`;\n      this.thumb.style.top = `${top}px`;\n    }\n  }\n\n  /**\n   * Initializes every range input in the current document.\n   */\n  static Init() {\n    // Deferred like every other Init(): this ran at import time, so a bundle\n    // loaded in <head> found no inputs at all.\n    Utils.onDocumentReady(() => {\n      Slider.init(document.querySelectorAll('input[type=range]') as NodeListOf<HTMLInputElement>, {});\n    });\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}