@expressivecss/expressive 0.15.0 → 0.17.0

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/select.ts"],
+  "sourcesContent": ["import { imageURL } from '../core/imageURL';\nimport { Utils, afterFormReset, restoreAttribute } from '../core/utils';\nimport { Menu, MenuOptions } from './menu';\nimport { Component, BaseOptions } from '../core/component';\n\nexport interface FormSelectOptions extends BaseOptions {\n  /**\n   * Classes to be added to the select wrapper element.\n   * @default \"\"\n   */\n  classes: string;\n  /**\n   * Pass options object to select menu initialization.\n   * @default {}\n   */\n  menuOptions: Partial<MenuOptions>;\n  /** Show a separate popup search field for supported select modes. */\n  searchable: boolean;\n  i18n: Partial<{ searchLabel: string; noResults: string }>;\n}\n\nconst _defaults: FormSelectOptions = {\n  classes: '',\n  menuOptions: {},\n  searchable: false,\n  i18n: { searchLabel: 'Search options', noResults: 'No results' }\n};\n\ntype ValueStruct = {\n  el: HTMLOptionElement;\n  optionEl: HTMLElement;\n};\n\nexport class FormSelect extends Component<FormSelectOptions> {\n  declare el: HTMLSelectElement;\n  /** If this is a multiple select. */\n  isMultiple: boolean;\n  /**\n   * Label associated with the current select element.\n   * Is \"null\", if not detected.\n   */\n  labelEl: HTMLLabelElement;\n  /** The generated menu element. */\n  menuEl: HTMLElement;\n  /** Text input that shows current selected option. */\n  input: HTMLInputElement;\n  /** Instance of the menu plugin for this select. */\n  menu: Menu;\n  /** The field wrapper around the native select. */\n  wrapper: HTMLDivElement;\n  selectOptions: (HTMLOptionElement | HTMLOptGroupElement)[];\n  protected _values: ValueStruct[];\n  private _createdWrapper: boolean;\n  private _originalLabels = new Map<HTMLLabelElement, { for: string | null; id: string | null }>();\n  private _labelPlaceholder: Comment;\n  private _validationMessage: HTMLElement | null = null;\n  private _bindReset: () => void = () => {};\n  nativeTabIndex: number;\n  private _searchable: boolean;\n  protected _searchInput: HTMLInputElement;\n  private _searchResults: HTMLElement;\n  private _searchStatus: HTMLElement;\n\n  constructor(el: HTMLSelectElement, options: Partial<FormSelectOptions>) {\n    super(el, options);\n    // A browser-default select stays native, with no instance on it, and a\n    // tree select belongs to TreeSelect, which a page's FormSelect.init() on\n    // every select must not wrap a second time.\n    if (this.el.classList.contains('browser-default') || (new.target === FormSelect && this.el.matches('[data-tree]'))) {\n      Reflect.set(this.el, new.target.key, undefined);\n      return;\n    }\n\n    this.isMultiple = this.el.multiple;\n    this._searchable = this._canSearch();\n    this.nativeTabIndex = this.el.tabIndex;\n    this.el.tabIndex = -1;\n    this._values = [];\n    this._createdWrapper = false;\n    this._setupMenu();\n    this._setupEventHandlers();\n  }\n\n  static get defaults(): FormSelectOptions {\n    return _defaults;\n  }\n\n  static key = 'Expressive_FormSelect';\n\n  protected _canSearch() {\n    return this.constructor === FormSelect && this.options.searchable;\n  }\n\n  destroy() {\n    this._events.abort();\n    // A skipped select built nothing and holds no instance key. The control\n    // may belong to a TreeSelect, or to a later instance, so leave it alone.\n    if (!this.menuEl) return;\n    this._clearValidationError();\n    // The Menu holds itself in the static Menu._menus registry\n    // until its own destroy() runs, so dropping the elements is not enough -\n    // every rebuilt select used to leave an instance behind for good.\n    this.menu?.destroy();\n    this._removeMenu();\n    this.el.tabIndex = this.nativeTabIndex;\n    super.destroy();\n  }\n\n  /**\n   * Re-read the native `<select>` and update the generated menu to match.\n   *\n   * Assigning `select.value` from script fires no `change` event, so nothing\n   * else syncs the visible input text or the `.selected` state on the virtual\n   * options. Adding or removing `<option>`s also requires this \u2014 the menu is\n   * rebuilt from the native list, the field and Menu instance stay put.\n   */\n  refresh() {\n    if (!this.menuEl) return;\n    this._bindReset();\n    const root = this.menuEl.getRootNode() as Document | ShadowRoot;\n    const focused = this._values.find(value => value.optionEl.contains(root.activeElement))?.el;\n    this.input.disabled = this.el.matches(':disabled');\n    this.wrapper.classList.toggle('disabled', this.input.disabled);\n    if (this.input.disabled) this.menu?.close();\n    else if (!this.menu) this._initMenu();\n    this.input.removeAttribute('aria-activedescendant');\n    this._rebuildOptions();\n    this._handleSelectChange();\n    if (this.menu) this.menu.focusedIndex = -1;\n    if (this.menu?.isOpen) {\n      this.menu.recalculateDimensions();\n      this._restoreOptionFocus(focused);\n    }\n  }\n\n  private _restoreOptionFocus(option: HTMLOptionElement) {\n    if (!option) return;\n    const rows = this._values.filter(({ el, optionEl }) => el === option && optionEl.tabIndex === 0).map(({ optionEl }) => optionEl);\n    (rows[0] || this._searchInput || this.input).focus();\n  }\n\n  _setupEventHandlers() {\n    const { signal } = this._events;\n    this._setupOptionHandlers();\n    this.el.addEventListener('change', this._handleSelectChange, { signal });\n    this.el.addEventListener('invalid', this._handleInvalid, { signal });\n    this.el.addEventListener('focus', this._handleNativeFocus, { signal });\n    this.input.addEventListener('click', this._handleInputClick, { signal });\n    this.menuEl.addEventListener('focusin', this._handleOptionFocus, { signal });\n    this._bindReset = afterFormReset(this.el, this._handleReset, signal);\n  }\n\n  // A rebuild replaces the rows, and no event reaches the old ones.\n  protected _setupOptionHandlers() {\n    const { signal } = this._events;\n    this.menuEl.querySelectorAll('li:not(.optgroup)').forEach((el) => {\n      el.addEventListener('click', this._handleOptionClick, { signal });\n      el.addEventListener('keydown', this._handleOptionKeydown, { signal });\n    });\n  }\n\n  _handleSelectChange = () => {\n    this._setValueToInput();\n    this._setSelectedStates();\n    this._syncValidationError();\n  };\n\n  private _handleInvalid = (e: Event) => {\n    if (e.defaultPrevented) return;\n    if (!this._validationMessage) {\n      this._validationMessage = document.createElement('small');\n      this._validationMessage.id = this.input.id + '-error';\n      this._validationMessage.className = 'supporting-text';\n      this._validationMessage.style.color = 'var(--md-sys-color-error)';\n      this.wrapper.append(this._validationMessage);\n      this.input.setAttribute('aria-describedby',\n        [this.input.getAttribute('aria-describedby'), this._validationMessage.id].filter(Boolean).join(' '));\n    }\n    this.input.ariaInvalid = 'true';\n    this._syncValidationError();\n  };\n\n  // Native reporting chooses the control; static checks never focus. Wait until\n  // reporting finishes so Firefox dismisses its native popup when focus moves.\n  private _handleNativeFocus = () => queueMicrotask(() => {\n    // The instance's own class: a TreeSelect sits under its own key.\n    if ((this.constructor as typeof FormSelect).getInstance(this.el) === this && this.el.matches(':focus')) this.input.focus();\n  });\n\n  private _syncValidationError() {\n    if (!this._validationMessage) return;\n    if (this.el.willValidate && !this.el.validity.valid) {\n      this._validationMessage.textContent = this.el.validationMessage;\n    } else this._clearValidationError();\n  }\n\n  private _clearValidationError() {\n    if (!this._validationMessage) return;\n    const descriptions = this.input.getAttribute('aria-describedby')?.split(/\\s+/)\n      .filter(id => id !== this._validationMessage.id).join(' ');\n    if (descriptions) this.input.setAttribute('aria-describedby', descriptions);\n    else this.input.removeAttribute('aria-describedby');\n    this.input.ariaInvalid = this.el.ariaInvalid;\n    this._validationMessage.remove();\n    this._validationMessage = null;\n  }\n\n  private _handleReset = () => {\n    this._resetSearch();\n    this._handleSelectChange();\n    this._clearValidationError();\n  };\n\n  _handleOptionKeydown = (e: KeyboardEvent) => {\n    if (e.key === ' ' || e.key === 'Enter') this._handleOptionClick(e);\n  };\n\n  _handleOptionClick = (e: MouseEvent | KeyboardEvent) => {\n    // Canceling a click on the multi-select checkbox itself reverts the box\n    // after _setSelectedStates has set it, leaving it out of step with the option.\n    if (!(e.target as Element).matches('input[type=\"checkbox\"]')) e.preventDefault();\n    const virtualOption = (e.target as HTMLLIElement).closest('li');\n    this._selectOptionElement(virtualOption);\n    e.stopPropagation();\n  };\n\n  private _handleOptionFocus = (e: FocusEvent) => {\n    if (this._searchInput) return;\n    const target = e.target;\n    if (!(target instanceof Element)) return;\n    const li = target.closest('li[role=\"option\"]');\n    if (li) this.input.setAttribute('aria-activedescendant', li.id);\n  };\n\n  _selectOptionElement(virtualOption: HTMLElement) {\n    if (virtualOption.hidden) return;\n    if (this.el.matches(':disabled')) return;\n    if (\n      !virtualOption.classList.contains('disabled') &&\n      !virtualOption.classList.contains('optgroup')\n    ) {\n      const value = this._values.find((value) => value.optionEl === virtualOption);\n      if (!value || value.el.matches(':disabled')) return;\n      const previousSelectedValues = JSON.stringify(this.getSelectedValues());\n      // Selecting one option of a single select deselects the others.\n      value.el.selected = !this.isMultiple || !value.el.selected;\n      this._handleSelectChange();\n      if (JSON.stringify(this.getSelectedValues()) !== previousSelectedValues)\n        this.el.dispatchEvent(\n          new Event('change', { bubbles: true, cancelable: true, composed: true })\n        );\n      // Only a real selection closes; a disabled option is inert.\n      if (!this.isMultiple) this._closeSingleSelect();\n    }\n  }\n\n  _handleInputClick = () => {\n    if (this.menu && this.menu.isOpen) {\n      this._setValueToInput();\n      this._setSelectedStates();\n    }\n  };\n\n  private _closeSingleSelect() {\n    this.menu?.close();\n    if (this._searchInput) this.input.focus();\n  }\n\n  _setupMenu() {\n    // The DOM already knows which labels belong to this control. Building a\n    // selector out of the id instead meant an id with any CSS-special\n    // character either threw or matched something else entirely.\n    this.labelEl = this.el.labels?.[0] ?? null;\n    Array.from(this.el.labels ?? []).forEach(label => {\n      this._originalLabels.set(label, { for: label.getAttribute('for'), id: label.getAttribute('id') });\n    });\n    if (this.labelEl && !this.el.closest('label')) {\n      this._labelPlaceholder = document.createComment('');\n      this.labelEl.before(this._labelPlaceholder);\n    }\n\n    this._setupWrapper();\n    this._hideNativeSelect();\n    if (this.el.matches(':disabled')) this.wrapper.classList.add('disabled');\n\n    this.menuEl = document.createElement(this._searchable ? 'div' : 'menu');\n    // Disabled controls skip Menu initialization but must keep their popup hidden.\n    this.menuEl.popover = 'manual';\n    this.menuEl.id = `select-options-${Utils.guid()}`;\n    this.menuEl.setAttribute('role', 'listbox');\n    this.menuEl.ariaMultiSelectable = this.isMultiple.toString();\n    if (this.isMultiple) this.menuEl.classList.add('multiple-select-menu');\n    this._buildOptions();\n    this.wrapper.append(this.menuEl);\n\n    this._buildInput();\n    if (this._searchable) this._buildSearch();\n    this._buildCaret();\n    this._initMenu();\n    this._setSelectedStates();\n    if (this._labelPlaceholder) this.input.after(this.labelEl);\n  }\n\n  private _setupWrapper() {\n    const parent = this.el.parentElement;\n    const reuse =\n      parent &&\n      parent.matches('.field') &&\n      !parent.querySelector(':scope > .hide-select') &&\n      !parent.querySelector(':scope > input, :scope > textarea');\n    if (reuse) {\n      this.wrapper = parent as HTMLDivElement;\n      this._createdWrapper = false;\n    } else {\n      this.wrapper = document.createElement('div');\n      this.wrapper.classList.add('field');\n      this._createdWrapper = true;\n      this.el.before(this.wrapper);\n    }\n    if (this.options.classes.length > 0) {\n      this.wrapper.classList.add(...this.options.classes.split(' ').filter(Boolean));\n    }\n  }\n\n  private _hideNativeSelect() {\n    const hiddenDiv = document.createElement('div');\n    hiddenDiv.classList.add('hide-select');\n    hiddenDiv.ariaHidden = 'true';\n    this.el.before(hiddenDiv);\n    hiddenDiv.appendChild(this.el);\n    if (this._createdWrapper) this.wrapper.append(hiddenDiv);\n  }\n\n  private _buildInput() {\n    this.input = document.createElement('input');\n    this.input.id = 'select-input-' + Utils.guid();\n    // FormSelect owns this Menu. A later AutoInit must not replace it before\n    // FormSelect can destroy its own instance during reinitialization.\n    this.input.classList.add('menu-trigger', 'no-autoinit');\n    this.input.type = 'text';\n    this.input.readOnly = true;\n    this.input.setAttribute('data-target', this.menuEl.id);\n    this.input.ariaReadOnly = 'true';\n    this.input.ariaRequired = this.el.hasAttribute('required').toString();\n    this.input.disabled = this.el.matches(':disabled');\n    this.input.setAttribute('tabindex', this.nativeTabIndex.toString());\n\n    const attrs = this.el.attributes;\n    for (let i = 0; i < attrs.length; ++i) {\n      const attr = attrs[i];\n      if (attr.name.startsWith('aria-')) this.input.setAttribute(attr.name, attr.value);\n    }\n\n    this.input.setAttribute('role', 'combobox');\n    this.input.setAttribute('aria-haspopup', 'listbox');\n    this.input.ariaExpanded = 'false';\n    this.input.setAttribute('aria-controls', this.menuEl.id);\n    this.input.placeholder = ' ';\n\n    this._originalLabels.forEach((_, label) => { label.htmlFor = this.input.id; });\n    // Moving the first label can change DOM order. Preserve the original naming\n    // order without overriding an author's explicit accessible name.\n    if (this._labelPlaceholder && this._originalLabels.size > 1 && !this.input.getAttribute('aria-label') && !this.input.getAttribute('aria-labelledby')) {\n      this.input.setAttribute('aria-labelledby', Array.from(this._originalLabels.keys(), (label, index) => {\n        if (!label.id) label.id = `${this.input.id}-label-${index}`;\n        return label.id;\n      }).join(' '));\n    }\n\n    this.wrapper.prepend(this.input);\n    this._setValueToInput();\n  }\n\n  private _buildCaret() {\n    const caret = document.createElement('span');\n    caret.classList.add('caret');\n    caret.setAttribute('aria-hidden', 'true');\n    this.wrapper.prepend(caret);\n  }\n\n  private _buildSearch() {\n    this.menuEl.classList.add('select-search-popup');\n    this.menuEl.setAttribute('role', 'dialog');\n    this.menuEl.removeAttribute('aria-multiselectable');\n    this.menuEl.classList.remove('multiple-select-menu');\n    this.input.setAttribute('aria-haspopup', 'dialog');\n    this._searchResults = this._searchList();\n    this._searchInput = document.createElement('input');\n    this._searchInput.type = 'search';\n    this._searchInput.placeholder = this.options.i18n.searchLabel;\n    this._searchInput.setAttribute('aria-label', this.options.i18n.searchLabel);\n    this._searchStatus = document.createElement('div');\n    this._searchStatus.setAttribute('role', 'status');\n    this.menuEl.append(this._searchInput, this._searchStatus, this._searchResults);\n    this._searchInput.addEventListener('input', this._filterOptions, { signal: this._events.signal });\n    this.menuEl.addEventListener('keydown', this._handleSearchKeydown, { signal: this._events.signal, capture: true });\n    this._nameSearch();\n    this._filterOptions();\n  }\n\n  protected _searchList(): HTMLElement {\n    const list = document.createElement('menu');\n    list.id = this.menuEl.id + '-list';\n    list.setAttribute('role', 'listbox');\n    list.ariaMultiSelectable = this.isMultiple.toString();\n    list.classList.toggle('multiple-select-menu', this.isMultiple);\n    list.append(...this.menuEl.childNodes);\n    return list;\n  }\n\n  private _nameSearch() {\n    const labels = Array.from(this._originalLabels.keys(), (label, index) => {\n      if (!label.id) label.id = this.input.id + '-label-' + index;\n      return label.id;\n    }).join(' ');\n    const attribute = this.input.hasAttribute('aria-labelledby') ? 'aria-labelledby' : 'aria-label';\n    const name = this.input.getAttribute(attribute);\n    [this.menuEl, this._searchResults].forEach(el => el.setAttribute(name ? attribute : 'aria-labelledby', name || labels));\n  }\n\n  private _filterOptions = () => {\n    const query = this._searchInput.value.trim().toLowerCase();\n    this._filterSearch(query);\n    this._searchStatus.textContent = this._values.some(({ optionEl }) => !optionEl.hidden) ? '' : this.options.i18n.noResults;\n    this.input.removeAttribute('aria-activedescendant');\n    this.menu?.recalculateDimensions();\n  };\n\n  protected _filterSearch(query: string) {\n    this._values.forEach(({ el, optionEl }) => {\n      optionEl.hidden = !el.textContent.trim().toLowerCase().includes(query);\n      optionEl.tabIndex = optionEl.hidden || el.matches(':disabled') ? -1 : 0;\n    });\n    this._filterGroups();\n  }\n\n  private _filterGroups() {\n    const visible = new Set(this._values.filter(({ optionEl }) => !optionEl.hidden).map(({ optionEl }) => optionEl.id));\n    for (const group of this._searchResults.querySelectorAll<HTMLElement>(':scope > li.optgroup')) {\n      group.hidden = !group.getAttribute('aria-owns').split(' ').some(id => visible.has(id));\n    }\n  }\n\n  protected _searchRows() {\n    return this._values.map(({ optionEl }) => optionEl).filter(row => row.tabIndex !== -1);\n  }\n\n  private _handleSearchKeydown = (e: KeyboardEvent) => {\n    e.stopPropagation();\n    if (!Utils.plainKey(e) || Utils.isComposing(e)) return;\n    if (this._searchDismissKey(e)) return;\n    this._searchNavigate(e);\n  };\n\n  private _searchDismissKey(e: KeyboardEvent) {\n    if (e.key === 'Tab') {\n      this._searchTab(e);\n      return true;\n    }\n    if (e.key !== 'Escape') return false;\n    e.preventDefault();\n    this._closeSingleSelect();\n    return true;\n  }\n\n  private _searchTab(e: KeyboardEvent) {\n    if (e.shiftKey) {\n      e.preventDefault();\n      this._searchBackwardTab(e);\n      return;\n    }\n    const first = this._searchRows()[0];\n    if (e.target === this._searchInput && first) {\n      e.preventDefault();\n      first.focus();\n      return;\n    }\n    // Let the browser advance from the trigger, including across shadow roots.\n    this._closeSingleSelect();\n  }\n\n  private _searchBackwardTab(e: KeyboardEvent) {\n    if (e.target === this._searchInput) this._closeSingleSelect();\n    else this._searchInput.focus();\n  }\n\n  protected _searchNavigate(e: KeyboardEvent) {\n    if (e.target === this._searchInput) {\n      this._searchInputKey(e);\n      return;\n    }\n    this._searchRowKey(e);\n  }\n\n  private _searchInputKey(e: KeyboardEvent) {\n    if (e.key === 'Enter') e.preventDefault();\n    if (!['ArrowDown', 'ArrowUp'].includes(e.key)) return;\n    e.preventDefault();\n    const rows = this._searchRows();\n    this._focusSearchRow(rows[e.key === 'ArrowUp' ? rows.length - 1 : 0]);\n  }\n\n  private _focusSearchRow(row: HTMLElement) {\n    if (row) row.focus();\n  }\n\n  private _searchRowKey(e: KeyboardEvent) {\n    if (['Enter', ' '].includes(e.key)) {\n      e.preventDefault();\n      this._selectOptionElement(e.target as HTMLElement);\n      return;\n    }\n    const target = Utils.focusTarget([this._searchInput, ...this._searchRows()], e, { ArrowDown: 1, ArrowUp: -1 });\n    if (!target) return;\n    e.preventDefault();\n    if (e.key === 'Home') this._searchRows()[0]?.focus();\n    else target.focus();\n  }\n\n  private _clearSearch() {\n    if (!this._searchInput) return;\n    this._searchInput.value = '';\n    this._filterOptions();\n  }\n\n  private _resetSearch() {\n    if (!this._searchInput) return;\n    this.menu?.close();\n    this._clearSearch();\n  }\n\n  private _bindSearchClose(options: Partial<MenuOptions>) {\n    const onCloseStart = options.onCloseStart;\n    options.onCloseStart = () => {\n      this._clearSearch();\n      return onCloseStart?.call(this.menu, this.el);\n    };\n  }\n\n  private _initMenu() {\n    if (this.el.matches(':disabled')) return;\n    const menuOptions = { ...this.options.menuOptions };\n    if (this._searchInput) this._bindSearchClose(menuOptions);\n    menuOptions.coverTrigger = false;\n    const userOnOpenEnd = menuOptions.onOpenEnd;\n    const userOnCloseEnd = menuOptions.onCloseEnd;\n    menuOptions.onOpenEnd = () => {\n      this._focusMenu();\n      this.input.ariaExpanded = 'true';\n      if (typeof userOnOpenEnd === 'function')\n        userOnOpenEnd.call(this.menu, this.el);\n    };\n    menuOptions.onCloseEnd = () => {\n      this.input.ariaExpanded = 'false';\n      this.input.removeAttribute('aria-activedescendant');\n      if (typeof userOnCloseEnd === 'function')\n        userOnCloseEnd.call(this.menu, this.el);\n    };\n    menuOptions.closeOnClick = false;\n    this.menu = Menu.init(this.input, menuOptions);\n  }\n\n  private _focusMenu() {\n    if (!this._searchInput) return this._focusSelected();\n    // Opening can finish after the user has already reached a result.\n    if (this.menu.options.autoFocus && !Utils.focusIsIn(this.menuEl)) this._searchInput.focus();\n  }\n\n  /** Moves focus to the selected row of the opened menu, centred when it scrolls. */\n  protected _focusSelected() {\n    const selectedOption = this.menuEl.querySelector('.selected');\n    if (!selectedOption) return;\n    this.menu.focusedIndex = [...selectedOption.parentNode.children].indexOf(selectedOption);\n    this.menu._focusFocusedItem();\n    if (this.menu.isScrollable) {\n      let scrollOffset =\n        selectedOption.getBoundingClientRect().top -\n        this.menuEl.getBoundingClientRect().top;\n      scrollOffset -= this.menuEl.clientHeight / 2;\n      this.menuEl.scrollTop = scrollOffset;\n    }\n    if (selectedOption.id) this.input.setAttribute('aria-activedescendant', selectedOption.id);\n  }\n\n  protected _nativeOptions(): (HTMLOptGroupElement | HTMLOptionElement)[] {\n    return <(HTMLOptGroupElement | HTMLOptionElement)[]>(\n      Array.from(this.el.children).filter((el) => ['OPTION', 'OPTGROUP'].includes(el.tagName))\n    );\n  }\n\n  private get _optionList() {\n    return this._searchResults ?? this.menuEl;\n  }\n\n  protected _buildOptions() {\n    this.selectOptions = this._nativeOptions();\n    this._values = [];\n    this.selectOptions.forEach((realOption) => {\n      if (realOption.tagName === 'OPTION') {\n        const virtualOption = this._createAndAppendOptionWithIcon(\n          realOption,\n          this.isMultiple ? 'multiple' : undefined\n        );\n        this._values.push({ el: realOption as HTMLOptionElement, optionEl: virtualOption });\n      } else if (realOption.tagName === 'OPTGROUP') {\n        const groupId = 'opt-group-' + Utils.guid();\n        const groupParent = document.createElement('li');\n        groupParent.classList.add('optgroup');\n        groupParent.tabIndex = -1;\n        groupParent.setAttribute('role', 'group');\n        groupParent.setAttribute('aria-labelledby', groupId);\n        // Built as nodes, not markup: the optgroup's label attribute is\n        // author content that may come from a server, and interpolating it\n        // into innerHTML let it close the span and inject an element.\n        const groupLabel = document.createElement('span');\n        groupLabel.id = groupId;\n        groupLabel.setAttribute('role', 'presentation');\n        groupLabel.textContent = realOption.getAttribute('label') ?? '';\n        groupParent.replaceChildren(groupLabel);\n        this._optionList.append(groupParent);\n\n        const groupChildren: string[] = [];\n        const selectOptions = <HTMLOptionElement[]>(\n          Array.from(realOption.children).filter((el) => el.tagName === 'OPTION')\n        );\n        selectOptions.forEach((child) => {\n          const virtualOption = this._createAndAppendOptionWithIcon(child, 'optgroup-option');\n          groupChildren.push(virtualOption.id);\n          this._values.push({ el: child, optionEl: virtualOption });\n        });\n        groupParent.setAttribute('aria-owns', groupChildren.join(' '));\n      }\n    });\n  }\n\n  private _rebuildOptions() {\n    this._optionList.replaceChildren();\n    this._buildOptions();\n    this._setupOptionHandlers();\n    this.menu?._makeMenuFocusable();\n    if (this._searchInput) this._filterOptions();\n  }\n\n  _removeMenu() {\n    this.wrapper?.querySelector(':scope > .caret')?.remove();\n    this.input?.remove();\n    this.menuEl?.remove();\n    const hide = this.el.parentElement;\n    if (hide?.classList.contains('hide-select')) hide.replaceWith(this.el);\n    this._originalLabels.forEach((original, label) => {\n      for (const name of ['for', 'id'] as const) restoreAttribute(label, name, original[name]);\n    });\n    this._labelPlaceholder?.replaceWith(this.labelEl);\n    if (!this.wrapper) return;\n    if (this._createdWrapper) {\n      this.wrapper.replaceWith(this.el);\n    } else {\n      this.wrapper.classList.remove('disabled');\n      if (this.options.classes.length > 0) {\n        this.wrapper.classList.remove(...this.options.classes.split(' ').filter(Boolean));\n      }\n    }\n  }\n\n  _createAndAppendOptionWithIcon(\n    realOption: HTMLOptionElement | HTMLOptGroupElement,\n    type: string\n  ) {\n    const li = document.createElement('li');\n    li.id = 'select-option-' + Utils.guid();\n    li.setAttribute('role', 'option');\n    li.tabIndex = 0;\n    const disabled = this.el.matches(':disabled') || realOption.matches(':disabled');\n    if (disabled) {\n      li.classList.add('disabled');\n      li.ariaDisabled = 'true';\n      li.tabIndex = -1;\n    }\n    if (type === 'optgroup-option') li.classList.add(type);\n\n    // Text / Checkbox. An <option>'s content model is text, so its markup is\n    // its text - copying it as nodes rather than through innerHTML keeps it\n    // that way instead of handing it back to the parser.\n    const optionText = realOption.textContent;\n    const span = document.createElement('span');\n    if (this.isMultiple && !disabled) {\n      const label = document.createElement('label');\n      const checkbox = document.createElement('input');\n      checkbox.type = 'checkbox';\n      checkbox.tabIndex = -1;\n      const labelText = document.createElement('span');\n      labelText.textContent = optionText;\n      label.append(checkbox, labelText);\n      span.appendChild(label);\n    } else {\n      span.textContent = optionText;\n    }\n    li.appendChild(span);\n\n    const iconUrl = realOption.getAttribute('data-icon');\n    const imageUrl = imageURL(iconUrl, this.el.ownerDocument.baseURI);\n    // filter(Boolean): a doubled or trailing space yields an empty string,\n    // and classList.add('') throws.\n    const classes = realOption.getAttribute('class')?.split(' ').filter(Boolean);\n    if (imageUrl) {\n      const img = document.createElement('img');\n      if (classes?.length) img.classList.add(...classes);\n      img.src = imageUrl;\n      img.ariaHidden = 'true';\n      li.prepend(img);\n    }\n    this._optionList.append(li);\n    return li;\n  }\n\n  _setValueToInput() {\n    this.input.value = Array.from(this.el.selectedOptions, (option) => option.textContent.trim()).join(', ');\n  }\n\n  /** Shows each option's selection on its row and checkbox. */\n  _setSelectedStates() {\n    this._values.forEach(({ el, optionEl }) => {\n      optionEl.classList.toggle('selected', el.selected);\n      optionEl.ariaSelected = String(el.selected);\n      const checkbox = optionEl.querySelector<HTMLInputElement>('input[type=\"checkbox\"]');\n      if (checkbox) checkbox.checked = el.selected;\n    });\n  }\n\n  getSelectedValues() {\n    return Array.from(this.el.selectedOptions, (option) => option.value);\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["value"]
+}

package/dist/js/chunks/{chunk-KUFHW3DS.mjs → chunk-YKANQILZ.mjs}

@@ -1,6 +1,7 @@
 import {
-  Component
-} from "./chunk-PD6HYHAE.mjs";
+  Component,
+  defined
+} from "./chunk-EB2V4OKL.mjs";
 
 // src/ts/components/confetti.ts
 var _defaults = {
@@ -23,38 +24,30 @@ var FALLBACK_COLORS = ["#26ccff", "#a25afd", "#ff5e7e", "#88ff5a", "#fcff42", "#
 var RAD = Math.PI / 180;
 var scenes = /* @__PURE__ */ new Map();
 var overlay = null;
-var Confetti = class _Confetti extends Component {
+var _Confetti = class _Confetti extends Component {
   constructor(el, options) {
-    super(el, options, _Confetti);
+    super(el, options);
     this._onClick = () => {
       this.fire();
     };
-    this.el["Expressive_Confetti"] = this;
-    this.options = { ..._Confetti.defaults, ...options };
-    if (!(el instanceof HTMLCanvasElement)) el.addEventListener("click", this._onClick);
+    if (!(el instanceof HTMLCanvasElement)) el.addEventListener("click", this._onClick, { signal: this._events.signal });
     else if (!this.options.manualStart) this.fire();
   }
   static get defaults() {
     return _defaults;
   }
-  static init(els, options = {}) {
-    return super.init(els, options, _Confetti);
-  }
-  static getInstance(el) {
-    return el["Expressive_Confetti"];
-  }
   /**
    * Bursts over the whole viewport. Resolves when the last piece is gone.
    */
   static fire(options = {}) {
-    return burst(viewportCanvas, document.body, { ..._Confetti.defaults, ...options });
+    return burst(viewportCanvas, document.body, { ..._Confetti.defaults, ...defined(options) });
   }
   /**
    * Bursts on this canvas, or from this element's center over the viewport.
    * Resolves when the last piece is gone.
    */
   fire(options = {}) {
-    const merged = { ...this.options, ...options };
+    const merged = { ...this.options, ...defined(options) };
     if (this.el instanceof HTMLCanvasElement) {
       const canvas = this.el;
       return burst(() => canvas, canvas.parentElement ?? document.body, merged);
@@ -64,13 +57,14 @@ var Confetti = class _Confetti extends Component {
     return burst(viewportCanvas, this.el.parentElement ?? document.body, merged);
   }
   destroy() {
-    this.el.removeEventListener("click", this._onClick);
     if (this.el instanceof HTMLCanvasElement) stop(this.el);
-    this.el["Expressive_Confetti"] = void 0;
+    super.destroy();
   }
 };
+_Confetti.key = "Expressive_Confetti";
+var Confetti = _Confetti;
 function burst(getCanvas, themed, o) {
-  if (typeof matchMedia === "function" && matchMedia("(prefers-reduced-motion: reduce)").matches) return Promise.resolve();
+  if (matchMedia("(prefers-reduced-motion: reduce)").matches) return Promise.resolve();
   const canvas = getCanvas();
   let scene = scenes.get(canvas);
   if (!scene) {
@@ -148,7 +142,7 @@ function stop(canvas) {
   scene.ctx.clearRect(0, 0, canvas.width, canvas.height);
   if (scene.overlay) {
     canvas.remove();
-    overlay = null;
+    if (overlay === canvas) overlay = null;
   }
   for (const resolve of scene.done) resolve();
 }
@@ -183,10 +177,11 @@ function viewportCanvas() {
     height: "100%",
     margin: "0",
     padding: "0",
+    // The fallback keeps the order where the sheet, and so the token, is absent.
     border: "0",
     background: "transparent",
     pointerEvents: "none",
-    zIndex: "10001"
+    zIndex: "var(--expressive-z-confetti, 10001)"
   });
   document.body.append(overlay);
   if (typeof overlay.showPopover === "function") {
@@ -211,4 +206,4 @@ function themeColors(themed) {
 export {
   Confetti
 };
-//# sourceMappingURL=chunk-KUFHW3DS.mjs.map
+//# sourceMappingURL=chunk-YKANQILZ.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/confetti.ts"],
+  "sourcesContent": ["import { Component, BaseOptions, defined } from '../core/component';\n\nexport type ConfettiShape = 'square' | 'circle' | 'star';\n\nexport interface ConfettiOptions extends BaseOptions {\n  /**\n   * Pieces per burst.\n   * @default 50\n   */\n  particleCount: number;\n  /**\n   * Launch direction in degrees. 90 is straight up, 0 is right.\n   * @default 90\n   */\n  angle: number;\n  /**\n   * How far the pieces fan out from the angle, in degrees.\n   * @default 45\n   */\n  spread: number;\n  /**\n   * Launch speed in pixels per frame.\n   * @default 45\n   */\n  startVelocity: number;\n  /**\n   * Share of its speed a piece keeps each frame.\n   * @default 0.9\n   */\n  decay: number;\n  /**\n   * Pull toward the bottom. 0 floats, 1 is normal.\n   * @default 1\n   */\n  gravity: number;\n  /**\n   * Sideways push per frame. Negative drifts left.\n   * @default 0\n   */\n  drift: number;\n  /**\n   * Frames a piece lives while it fades out.\n   * @default 200\n   */\n  ticks: number;\n  /**\n   * Launch point as fractions of the canvas, 0 to 1. A missing side is\n   * 0.5. A trigger element ignores it and launches from its own center.\n   * @default { x: 0.5, y: 0.5 }\n   */\n  origin: { x?: number; y?: number };\n  /**\n   * CSS colors. Empty uses the theme's primary, secondary and tertiary\n   * colors and their containers.\n   * @default []\n   */\n  colors: string[];\n  /**\n   * @default ['square', 'circle']\n   */\n  shapes: ConfettiShape[];\n  /**\n   * Piece size multiplier.\n   * @default 1\n   */\n  scalar: number;\n  /**\n   * On a canvas, wait for `fire()` instead of bursting once at init.\n   * @default false\n   */\n  manualStart: boolean;\n}\n\nconst _defaults: ConfettiOptions = {\n  particleCount: 50,\n  angle: 90,\n  spread: 45,\n  startVelocity: 45,\n  decay: 0.9,\n  gravity: 1,\n  drift: 0,\n  ticks: 200,\n  origin: { x: 0.5, y: 0.5 },\n  colors: [],\n  shapes: ['square', 'circle'],\n  scalar: 1,\n  manualStart: false\n};\n\nconst THEME_COLORS = ['primary', 'secondary', 'tertiary', 'primary-container', 'secondary-container', 'tertiary-container'];\n// Used when the page has no theme tokens.\nconst FALLBACK_COLORS = ['#26ccff', '#a25afd', '#ff5e7e', '#88ff5a', '#fcff42', '#ffa62d', '#ff36ff'];\nconst RAD = Math.PI / 180;\n\ninterface Piece {\n  x: number;\n  y: number;\n  velocity: number;\n  angle: number;\n  wobble: number;\n  wobbleSpeed: number;\n  tilt: number;\n  tick: number;\n  color: string;\n  shape: ConfettiShape;\n  options: ConfettiOptions;\n}\n\ninterface Scene {\n  ctx: CanvasRenderingContext2D;\n  pieces: Piece[];\n  frame: number;\n  last: number;\n  done: (() => void)[];\n  overlay: boolean;\n}\n\nconst scenes = new Map<HTMLCanvasElement, Scene>();\nlet overlay: HTMLCanvasElement | null = null;\n\n/**\n * Confetti. Bursts of theme-colored pieces drawn on a canvas.\n *\n * - `Confetti.fire(options)` bursts over the whole viewport.\n * - Any other `.confetti` element bursts from its center when clicked.\n * - A `<canvas class=\"confetti\">` bursts inside its own box, once at init\n *   unless `manualStart`, and again on each `fire()`.\n *\n * The viewport canvas is a manual popover, so it draws above an open modal\n * dialog, and it ignores the pointer. Nothing is drawn when the reader\n * prefers reduced motion.\n */\nexport class Confetti extends Component<ConfettiOptions> {\n  private _onClick = () => { this.fire(); };\n\n  constructor(el: HTMLElement, options: Partial<ConfettiOptions>) {\n    super(el, options);\n    if (!(el instanceof HTMLCanvasElement)) el.addEventListener('click', this._onClick, { signal: this._events.signal });\n    else if (!this.options.manualStart) this.fire();\n  }\n\n  static get defaults(): ConfettiOptions {\n    return _defaults;\n  }\n\n  static key = 'Expressive_Confetti';\n\n  /**\n   * Bursts over the whole viewport. Resolves when the last piece is gone.\n   */\n  static fire(options: Partial<ConfettiOptions> = {}): Promise<void> {\n    // An option set to undefined keeps its default, as it does at init.\n    return burst(viewportCanvas, document.body, { ...Confetti.defaults, ...defined(options) });\n  }\n\n  /**\n   * Bursts on this canvas, or from this element's center over the viewport.\n   * Resolves when the last piece is gone.\n   */\n  fire(options: Partial<ConfettiOptions> = {}): Promise<void> {\n    const merged = { ...this.options, ...defined(options) };\n    if (this.el instanceof HTMLCanvasElement) {\n      const canvas = this.el;\n      return burst(() => canvas, canvas.parentElement ?? document.body, merged);\n    }\n    const r = this.el.getBoundingClientRect();\n    merged.origin = { x: (r.left + r.width / 2) / innerWidth, y: (r.top + r.height / 2) / innerHeight };\n    return burst(viewportCanvas, this.el.parentElement ?? document.body, merged);\n  }\n\n  destroy() {\n    if (this.el instanceof HTMLCanvasElement) stop(this.el);\n    super.destroy();\n  }\n}\n\n// `themed` is where the theme colors are read, so a scoped theme applies.\nfunction burst(getCanvas: () => HTMLCanvasElement, themed: Element, o: ConfettiOptions): Promise<void> {\n  if (matchMedia('(prefers-reduced-motion: reduce)').matches) return Promise.resolve();\n  const canvas = getCanvas();\n  let scene = scenes.get(canvas);\n  if (!scene) {\n    const ctx = canvas.getContext('2d');\n    if (!ctx) return Promise.resolve();\n    scene = { ctx, pieces: [], frame: 0, last: 0, done: [], overlay: canvas === overlay };\n    scenes.set(canvas, scene);\n  }\n  const { width, height } = fit(canvas);\n  const colors = o.colors.length ? o.colors : themeColors(themed);\n  const x = (o.origin.x ?? 0.5) * width;\n  const y = (o.origin.y ?? 0.5) * height;\n  for (let i = 0; i < o.particleCount; i++) {\n    scene.pieces.push({\n      x, y,\n      velocity: o.startVelocity * (0.5 + Math.random()),\n      angle: -o.angle * RAD + (0.5 - Math.random()) * o.spread * RAD,\n      wobble: Math.random() * 10,\n      wobbleSpeed: 0.05 + Math.random() * 0.05,\n      tilt: (0.25 + Math.random() / 2) * Math.PI,\n      tick: 0,\n      color: colors[i % colors.length],\n      shape: o.shapes[Math.floor(Math.random() * o.shapes.length)] ?? 'square',\n      options: o\n    });\n  }\n  const s = scene;\n  if (!s.frame) s.frame = requestAnimationFrame((now) => { s.last = now; draw(canvas, s, now); });\n  return new Promise((resolve) => s.done.push(resolve));\n}\n\nfunction draw(canvas: HTMLCanvasElement, scene: Scene, now: number) {\n  // Frames are counted at 60 per second whatever the display rate.\n  const step = Math.min((now - scene.last) / (1000 / 60), 4);\n  scene.last = now;\n  const { width, height } = fit(canvas);\n  const { ctx } = scene;\n  const dpr = canvas.width / (width || 1);\n  ctx.setTransform(1, 0, 0, 1, 0, 0);\n  ctx.clearRect(0, 0, canvas.width, canvas.height);\n  scene.pieces = scene.pieces.filter((p) => {\n    const o = p.options;\n    p.x += (Math.cos(p.angle) * p.velocity + o.drift) * step;\n    p.y += (Math.sin(p.angle) * p.velocity + o.gravity * 3) * step;\n    p.velocity *= o.decay ** step;\n    p.wobble += p.wobbleSpeed * step;\n    p.tilt += 0.1 * step;\n    p.tick += step;\n    if (p.tick >= o.ticks) return false;\n    const size = 8 * o.scalar;\n    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n    ctx.translate(p.x + 10 * o.scalar * Math.cos(p.wobble), p.y + 10 * o.scalar * Math.sin(p.wobble));\n    ctx.rotate(p.tilt);\n    ctx.scale(1, Math.cos(p.wobble));\n    ctx.globalAlpha = 1 - p.tick / o.ticks;\n    ctx.fillStyle = p.color;\n    ctx.beginPath();\n    if (p.shape === 'circle') ctx.arc(0, 0, size / 2, 0, 2 * Math.PI);\n    else if (p.shape === 'star') star(ctx, size * 0.75);\n    else ctx.rect(-size / 2, -size / 2, size, size);\n    ctx.fill();\n    return true;\n  });\n  if (scene.pieces.length) scene.frame = requestAnimationFrame((t) => draw(canvas, scene, t));\n  else stop(canvas);\n}\n\nfunction stop(canvas: HTMLCanvasElement) {\n  const scene = scenes.get(canvas);\n  if (!scene) return;\n  cancelAnimationFrame(scene.frame);\n  scenes.delete(canvas);\n  scene.ctx.setTransform(1, 0, 0, 1, 0, 0);\n  scene.ctx.clearRect(0, 0, canvas.width, canvas.height);\n  if (scene.overlay) {\n    canvas.remove();\n    // A newer overlay may have replaced one the page removed.\n    if (overlay === canvas) overlay = null;\n  }\n  for (const resolve of scene.done) resolve();\n}\n\nfunction star(ctx: CanvasRenderingContext2D, r: number) {\n  for (let i = 0; i < 10; i++) {\n    const a = (i * Math.PI) / 5 - Math.PI / 2;\n    const d = i % 2 ? r / 2 : r;\n    ctx.lineTo(Math.cos(a) * d, Math.sin(a) * d);\n  }\n  ctx.closePath();\n}\n\n// Matches the canvas's pixel buffer to its box and the screen's pixel ratio.\nfunction fit(canvas: HTMLCanvasElement) {\n  const width = canvas.clientWidth;\n  const height = canvas.clientHeight;\n  const w = Math.round(width * devicePixelRatio);\n  const h = Math.round(height * devicePixelRatio);\n  if (canvas.width !== w || canvas.height !== h) {\n    canvas.width = w;\n    canvas.height = h;\n  }\n  return { width, height };\n}\n\nfunction viewportCanvas(): HTMLCanvasElement {\n  if (overlay?.isConnected) return overlay;\n  overlay = document.createElement('canvas');\n  overlay.className = 'confetti-overlay';\n  overlay.setAttribute('aria-hidden', 'true');\n  // Inline, so the overlay works even where the stylesheet does not reach.\n  Object.assign(overlay.style, {\n    position: 'fixed', inset: '0', width: '100%', height: '100%', margin: '0', padding: '0',\n    // The fallback keeps the order where the sheet, and so the token, is absent.\n    border: '0', background: 'transparent', pointerEvents: 'none', zIndex: 'var(--expressive-z-confetti, 10001)'\n  });\n  document.body.append(overlay);\n  if (typeof overlay.showPopover === 'function') {\n    overlay.popover = 'manual';\n    overlay.showPopover();\n  }\n  return overlay;\n}\n\n// Resolves each theme color token through `color`, so light-dark() and\n// relative colors reach the canvas as plain colors.\nfunction themeColors(themed: Element): string[] {\n  const probe = document.createElement('span');\n  probe.hidden = true;\n  themed.append(probe);\n  const style = getComputedStyle(probe);\n  const colors = THEME_COLORS.filter((role) => style.getPropertyValue(`--md-sys-color-${role}`).trim()).map((role) => {\n    probe.style.color = `var(--md-sys-color-${role})`;\n    return getComputedStyle(probe).color;\n  });\n  probe.remove();\n  return colors.length ? colors : FALLBACK_COLORS;\n}\n"],
+  "mappings": ";;;;;;AAyEA,IAAM,YAA6B;AAAA,EACjC,eAAe;AAAA,EACf,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ,EAAE,GAAG,KAAK,GAAG,IAAI;AAAA,EACzB,QAAQ,CAAC;AAAA,EACT,QAAQ,CAAC,UAAU,QAAQ;AAAA,EAC3B,QAAQ;AAAA,EACR,aAAa;AACf;AAEA,IAAM,eAAe,CAAC,WAAW,aAAa,YAAY,qBAAqB,uBAAuB,oBAAoB;AAE1H,IAAM,kBAAkB,CAAC,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,SAAS;AACpG,IAAM,MAAM,KAAK,KAAK;AAyBtB,IAAM,SAAS,oBAAI,IAA8B;AACjD,IAAI,UAAoC;AAcjC,IAAM,YAAN,MAAM,kBAAiB,UAA2B;AAAA,EAGvD,YAAY,IAAiB,SAAmC;AAC9D,UAAM,IAAI,OAAO;AAHnB,SAAQ,WAAW,MAAM;AAAE,WAAK,KAAK;AAAA,IAAG;AAItC,QAAI,EAAE,cAAc,mBAAoB,IAAG,iBAAiB,SAAS,KAAK,UAAU,EAAE,QAAQ,KAAK,QAAQ,OAAO,CAAC;AAAA,aAC1G,CAAC,KAAK,QAAQ,YAAa,MAAK,KAAK;AAAA,EAChD;AAAA,EAEA,WAAW,WAA4B;AACrC,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA,EAOA,OAAO,KAAK,UAAoC,CAAC,GAAkB;AAEjE,WAAO,MAAM,gBAAgB,SAAS,MAAM,EAAE,GAAG,UAAS,UAAU,GAAG,QAAQ,OAAO,EAAE,CAAC;AAAA,EAC3F;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,KAAK,UAAoC,CAAC,GAAkB;AAC1D,UAAM,SAAS,EAAE,GAAG,KAAK,SAAS,GAAG,QAAQ,OAAO,EAAE;AACtD,QAAI,KAAK,cAAc,mBAAmB;AACxC,YAAM,SAAS,KAAK;AACpB,aAAO,MAAM,MAAM,QAAQ,OAAO,iBAAiB,SAAS,MAAM,MAAM;AAAA,IAC1E;AACA,UAAM,IAAI,KAAK,GAAG,sBAAsB;AACxC,WAAO,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,KAAK,YAAY,IAAI,EAAE,MAAM,EAAE,SAAS,KAAK,YAAY;AAClG,WAAO,MAAM,gBAAgB,KAAK,GAAG,iBAAiB,SAAS,MAAM,MAAM;AAAA,EAC7E;AAAA,EAEA,UAAU;AACR,QAAI,KAAK,cAAc,kBAAmB,MAAK,KAAK,EAAE;AACtD,UAAM,QAAQ;AAAA,EAChB;AACF;AA1Ca,UAaJ,MAAM;AAbR,IAAM,WAAN;AA6CP,SAAS,MAAM,WAAoC,QAAiB,GAAmC;AACrG,MAAI,WAAW,kCAAkC,EAAE,QAAS,QAAO,QAAQ,QAAQ;AACnF,QAAM,SAAS,UAAU;AACzB,MAAI,QAAQ,OAAO,IAAI,MAAM;AAC7B,MAAI,CAAC,OAAO;AACV,UAAM,MAAM,OAAO,WAAW,IAAI;AAClC,QAAI,CAAC,IAAK,QAAO,QAAQ,QAAQ;AACjC,YAAQ,EAAE,KAAK,QAAQ,CAAC,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC,GAAG,SAAS,WAAW,QAAQ;AACpF,WAAO,IAAI,QAAQ,KAAK;AAAA,EAC1B;AACA,QAAM,EAAE,OAAO,OAAO,IAAI,IAAI,MAAM;AACpC,QAAM,SAAS,EAAE,OAAO,SAAS,EAAE,SAAS,YAAY,MAAM;AAC9D,QAAM,KAAK,EAAE,OAAO,KAAK,OAAO;AAChC,QAAM,KAAK,EAAE,OAAO,KAAK,OAAO;AAChC,WAAS,IAAI,GAAG,IAAI,EAAE,eAAe,KAAK;AACxC,UAAM,OAAO,KAAK;AAAA,MAChB;AAAA,MAAG;AAAA,MACH,UAAU,EAAE,iBAAiB,MAAM,KAAK,OAAO;AAAA,MAC/C,OAAO,CAAC,EAAE,QAAQ,OAAO,MAAM,KAAK,OAAO,KAAK,EAAE,SAAS;AAAA,MAC3D,QAAQ,KAAK,OAAO,IAAI;AAAA,MACxB,aAAa,OAAO,KAAK,OAAO,IAAI;AAAA,MACpC,OAAO,OAAO,KAAK,OAAO,IAAI,KAAK,KAAK;AAAA,MACxC,MAAM;AAAA,MACN,OAAO,OAAO,IAAI,OAAO,MAAM;AAAA,MAC/B,OAAO,EAAE,OAAO,KAAK,MAAM,KAAK,OAAO,IAAI,EAAE,OAAO,MAAM,CAAC,KAAK;AAAA,MAChE,SAAS;AAAA,IACX,CAAC;AAAA,EACH;AACA,QAAM,IAAI;AACV,MAAI,CAAC,EAAE,MAAO,GAAE,QAAQ,sBAAsB,CAAC,QAAQ;AAAE,MAAE,OAAO;AAAK,SAAK,QAAQ,GAAG,GAAG;AAAA,EAAG,CAAC;AAC9F,SAAO,IAAI,QAAQ,CAAC,YAAY,EAAE,KAAK,KAAK,OAAO,CAAC;AACtD;AAEA,SAAS,KAAK,QAA2B,OAAc,KAAa;AAElE,QAAM,OAAO,KAAK,KAAK,MAAM,MAAM,SAAS,MAAO,KAAK,CAAC;AACzD,QAAM,OAAO;AACb,QAAM,EAAE,OAAO,OAAO,IAAI,IAAI,MAAM;AACpC,QAAM,EAAE,IAAI,IAAI;AAChB,QAAM,MAAM,OAAO,SAAS,SAAS;AACrC,MAAI,aAAa,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AACjC,MAAI,UAAU,GAAG,GAAG,OAAO,OAAO,OAAO,MAAM;AAC/C,QAAM,SAAS,MAAM,OAAO,OAAO,CAAC,MAAM;AACxC,UAAM,IAAI,EAAE;AACZ,MAAE,MAAM,KAAK,IAAI,EAAE,KAAK,IAAI,EAAE,WAAW,EAAE,SAAS;AACpD,MAAE,MAAM,KAAK,IAAI,EAAE,KAAK,IAAI,EAAE,WAAW,EAAE,UAAU,KAAK;AAC1D,MAAE,YAAY,EAAE,SAAS;AACzB,MAAE,UAAU,EAAE,cAAc;AAC5B,MAAE,QAAQ,MAAM;AAChB,MAAE,QAAQ;AACV,QAAI,EAAE,QAAQ,EAAE,MAAO,QAAO;AAC9B,UAAM,OAAO,IAAI,EAAE;AACnB,QAAI,aAAa,KAAK,GAAG,GAAG,KAAK,GAAG,CAAC;AACrC,QAAI,UAAU,EAAE,IAAI,KAAK,EAAE,SAAS,KAAK,IAAI,EAAE,MAAM,GAAG,EAAE,IAAI,KAAK,EAAE,SAAS,KAAK,IAAI,EAAE,MAAM,CAAC;AAChG,QAAI,OAAO,EAAE,IAAI;AACjB,QAAI,MAAM,GAAG,KAAK,IAAI,EAAE,MAAM,CAAC;AAC/B,QAAI,cAAc,IAAI,EAAE,OAAO,EAAE;AACjC,QAAI,YAAY,EAAE;AAClB,QAAI,UAAU;AACd,QAAI,EAAE,UAAU,SAAU,KAAI,IAAI,GAAG,GAAG,OAAO,GAAG,GAAG,IAAI,KAAK,EAAE;AAAA,aACvD,EAAE,UAAU,OAAQ,MAAK,KAAK,OAAO,IAAI;AAAA,QAC7C,KAAI,KAAK,CAAC,OAAO,GAAG,CAAC,OAAO,GAAG,MAAM,IAAI;AAC9C,QAAI,KAAK;AACT,WAAO;AAAA,EACT,CAAC;AACD,MAAI,MAAM,OAAO,OAAQ,OAAM,QAAQ,sBAAsB,CAAC,MAAM,KAAK,QAAQ,OAAO,CAAC,CAAC;AAAA,MACrF,MAAK,MAAM;AAClB;AAEA,SAAS,KAAK,QAA2B;AACvC,QAAM,QAAQ,OAAO,IAAI,MAAM;AAC/B,MAAI,CAAC,MAAO;AACZ,uBAAqB,MAAM,KAAK;AAChC,SAAO,OAAO,MAAM;AACpB,QAAM,IAAI,aAAa,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AACvC,QAAM,IAAI,UAAU,GAAG,GAAG,OAAO,OAAO,OAAO,MAAM;AACrD,MAAI,MAAM,SAAS;AACjB,WAAO,OAAO;AAEd,QAAI,YAAY,OAAQ,WAAU;AAAA,EACpC;AACA,aAAW,WAAW,MAAM,KAAM,SAAQ;AAC5C;AAEA,SAAS,KAAK,KAA+B,GAAW;AACtD,WAAS,IAAI,GAAG,IAAI,IAAI,KAAK;AAC3B,UAAM,IAAK,IAAI,KAAK,KAAM,IAAI,KAAK,KAAK;AACxC,UAAM,IAAI,IAAI,IAAI,IAAI,IAAI;AAC1B,QAAI,OAAO,KAAK,IAAI,CAAC,IAAI,GAAG,KAAK,IAAI,CAAC,IAAI,CAAC;AAAA,EAC7C;AACA,MAAI,UAAU;AAChB;AAGA,SAAS,IAAI,QAA2B;AACtC,QAAM,QAAQ,OAAO;AACrB,QAAM,SAAS,OAAO;AACtB,QAAM,IAAI,KAAK,MAAM,QAAQ,gBAAgB;AAC7C,QAAM,IAAI,KAAK,MAAM,SAAS,gBAAgB;AAC9C,MAAI,OAAO,UAAU,KAAK,OAAO,WAAW,GAAG;AAC7C,WAAO,QAAQ;AACf,WAAO,SAAS;AAAA,EAClB;AACA,SAAO,EAAE,OAAO,OAAO;AACzB;AAEA,SAAS,iBAAoC;AAC3C,MAAI,SAAS,YAAa,QAAO;AACjC,YAAU,SAAS,cAAc,QAAQ;AACzC,UAAQ,YAAY;AACpB,UAAQ,aAAa,eAAe,MAAM;AAE1C,SAAO,OAAO,QAAQ,OAAO;AAAA,IAC3B,UAAU;AAAA,IAAS,OAAO;AAAA,IAAK,OAAO;AAAA,IAAQ,QAAQ;AAAA,IAAQ,QAAQ;AAAA,IAAK,SAAS;AAAA;AAAA,IAEpF,QAAQ;AAAA,IAAK,YAAY;AAAA,IAAe,eAAe;AAAA,IAAQ,QAAQ;AAAA,EACzE,CAAC;AACD,WAAS,KAAK,OAAO,OAAO;AAC5B,MAAI,OAAO,QAAQ,gBAAgB,YAAY;AAC7C,YAAQ,UAAU;AAClB,YAAQ,YAAY;AAAA,EACtB;AACA,SAAO;AACT;AAIA,SAAS,YAAY,QAA2B;AAC9C,QAAM,QAAQ,SAAS,cAAc,MAAM;AAC3C,QAAM,SAAS;AACf,SAAO,OAAO,KAAK;AACnB,QAAM,QAAQ,iBAAiB,KAAK;AACpC,QAAM,SAAS,aAAa,OAAO,CAAC,SAAS,MAAM,iBAAiB,kBAAkB,IAAI,EAAE,EAAE,KAAK,CAAC,EAAE,IAAI,CAAC,SAAS;AAClH,UAAM,MAAM,QAAQ,sBAAsB,IAAI;AAC9C,WAAO,iBAAiB,KAAK,EAAE;AAAA,EACjC,CAAC;AACD,QAAM,OAAO;AACb,SAAO,OAAO,SAAS,SAAS;AAClC;",
+  "names": []
+}

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

@@ -0,0 +1,175 @@
+import {
+  animatePath,
+  springPath,
+  springToken
+} from "./chunk-W6FAL3TI.mjs";
+import {
+  Utils
+} from "./chunk-67UNY7RH.mjs";
+
+// src/ts/behaviors/sheetDrag.ts
+var REDUCED = "(prefers-reduced-motion: reduce)";
+var DISMISS_DISTANCE = 96;
+var DISMISS_VELOCITY = 0.5;
+var FLICK_TIMEOUT = 100;
+var DRAG_SLOP = 4;
+var flickVelocity = (held) => Date.now() - held.lastT < FLICK_TIMEOUT ? held.velocity : 0;
+var dismisses = (held, velocity) => held.shift * held.direction > DISMISS_DISTANCE || velocity * held.direction > DISMISS_VELOCITY;
+var springs = /* @__PURE__ */ new WeakMap();
+function catchSpring(dialog, axis) {
+  const end = springs.get(dialog);
+  if (!end) return 0;
+  const [x, y = "0"] = getComputedStyle(dialog).translate.split(" ");
+  end(false);
+  return parseFloat(axis === "x" ? x : y) || 0;
+}
+var installed = /* @__PURE__ */ new Set();
+function installSheetDrag(config) {
+  if (installed.has(config.selector)) return;
+  installed.add(config.selector);
+  const coord = (event) => config.axis === "x" ? event.clientX : event.clientY;
+  let observer;
+  let drag = null;
+  const sheetFor = (event) => {
+    const dialog = Utils.closestInPath(event, config.selector);
+    return dialog instanceof HTMLDialogElement ? dialog : null;
+  };
+  const reset = (dialog) => {
+    dialog.style.transition = "";
+    dialog.style.setProperty(config.property, "0px");
+  };
+  const onDown = (event) => {
+    if (!event.isPrimary) return;
+    if (event.pointerType === "mouse" && event.button !== 0) return;
+    onCancel();
+    config.onPress?.();
+    const dialog = sheetFor(event);
+    if (!dialog?.open || !config.inHandle(event, dialog)) return;
+    dialog.style.transition = "none";
+    const at = coord(event);
+    const caught = catchSpring(dialog, config.axis);
+    dialog.style.setProperty(config.property, `${caught}px`);
+    drag = {
+      dialog,
+      pointerId: event.pointerId,
+      direction: config.direction(dialog),
+      start: at - caught,
+      last: at,
+      lastT: Date.now(),
+      velocity: 0,
+      shift: caught
+    };
+    const watch = { childList: true, subtree: true, attributes: true, attributeFilter: ["open"], attributeOldValue: true };
+    const root = dialog.getRootNode();
+    observer.observe(document, watch);
+    if (root !== document) observer.observe(root, watch);
+  };
+  const onMove = (event) => {
+    if (!drag || drag.pointerId !== event.pointerId) return;
+    if (!drag.dialog.open || !drag.dialog.isConnected) {
+      onCancel();
+      return;
+    }
+    const at = coord(event);
+    const delta = at - drag.start;
+    drag.shift = drag.direction === 1 ? Math.max(0, delta) : Math.min(0, delta);
+    if (at !== drag.last) {
+      const now = Date.now();
+      drag.velocity = (at - drag.last) / Math.max(1, now - drag.lastT);
+      drag.last = at;
+      drag.lastT = now;
+    }
+    drag.dialog.style.setProperty(config.property, `${drag.shift}px`);
+  };
+  const onUp = (event) => {
+    const held = drag;
+    if (!held || held.pointerId !== event.pointerId) return;
+    if (!held.dialog.open || !held.dialog.isConnected) {
+      onCancel();
+      return;
+    }
+    onMove(event);
+    drag = null;
+    observer.disconnect();
+    letGo(held);
+  };
+  const letGo = (held) => {
+    const spring = springFor(held);
+    held.dialog.style.transition = "";
+    clearShift(held, !settle(held) && held.dialog.open ? spring : null);
+  };
+  const clearShift = (held, spring) => {
+    if (spring) held.dialog.style.transition = "none";
+    held.dialog.style.setProperty(config.property, "0px");
+    if (spring) springBack(held, spring);
+  };
+  const springFor = (held) => {
+    if (!held.shift || matchMedia(REDUCED).matches || !onSpring(held.dialog)) return null;
+    return springToken(held.dialog, "default-spatial");
+  };
+  const onSpring = (dialog) => {
+    const style = getComputedStyle(dialog);
+    const read = (name) => style.getPropertyValue(name).trim();
+    const spring = "--md-sys-motion-spring-default-spatial";
+    return read(config.motion) === read(spring) && read(`${config.motion}-duration`) === read(`${spring}-duration`);
+  };
+  const springBack = (held, spring) => {
+    const dialog = held.dialog;
+    const write = config.axis === "x" ? (value) => `${value}px 0` : (value) => `0 ${value}px`;
+    const running = animatePath(dialog, "translate", springPath(held.shift, 0, flickVelocity(held), spring), write);
+    const reduced = matchMedia(REDUCED);
+    const closing = new MutationObserver(() => dialog.open || end(true));
+    const end = (restore) => {
+      springs.delete(dialog);
+      closing.disconnect();
+      reduced.removeEventListener("change", stop);
+      running.onfinish = null;
+      running.cancel();
+      if (restore) dialog.style.transition = "";
+    };
+    const stop = () => end(true);
+    springs.set(dialog, end);
+    running.onfinish = stop;
+    reduced.addEventListener("change", stop);
+    closing.observe(dialog, { attributes: true, attributeFilter: ["open"] });
+  };
+  const onRelease = config.onRelease ?? (() => {
+  });
+  const release = config.release ?? (() => false);
+  const settle = (held) => {
+    const velocity = flickVelocity(held);
+    const delta = held.last - held.start;
+    const dragged = Math.abs(delta) > DRAG_SLOP;
+    onRelease(dragged);
+    const handled = !dragged || release(held.dialog, delta, velocity);
+    if (!handled && dismisses(held, velocity)) held.dialog.close();
+    return handled;
+  };
+  const onCancel = (event) => {
+    if (event && drag?.pointerId !== event.pointerId) return;
+    observer.disconnect();
+    onRelease(false);
+    const held = drag;
+    drag = null;
+    if (held) reset(held.dialog);
+  };
+  Utils.onDocumentReady(() => {
+    observer = new MutationObserver((records) => {
+      const dialog = drag?.dialog;
+      if (dialog && (!dialog.open || !dialog.isConnected || records.some(
+        (record) => record.type === "attributes" && record.target === dialog && record.oldValue === null || [...record.removedNodes].some((node) => node.contains(dialog))
+      ))) onCancel();
+    });
+    document.addEventListener("pointerdown", onDown, { passive: true });
+    document.addEventListener("pointermove", onMove, { passive: true });
+    document.addEventListener("pointerup", onUp, { passive: true });
+    document.addEventListener("pointercancel", onCancel, { passive: true });
+  });
+}
+
+export {
+  DISMISS_DISTANCE,
+  DISMISS_VELOCITY,
+  installSheetDrag
+};
+//# sourceMappingURL=chunk-YLZOJLDI.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/behaviors/sheetDrag.ts"],
+  "sourcesContent": ["import { Utils } from '../core/utils';\nimport { Spring, animatePath, springPath, springToken } from '../core/spring';\n\n/**\n * Drag-to-dismiss, shared by the bottom sheet and the side sheet.\n *\n * The two were the same state machine written twice on different axes - same\n * dismissal distance, same flick velocity, same transition suppression, same\n * pointer bookkeeping - so a fix to one could land without reaching the other.\n * What actually differs between them is stated as configuration below.\n *\n * Light-dismiss on the scrim is not here; it stays with `Dialogs`.\n */\nexport interface SheetDragConfig {\n  /** Which dialogs this drag applies to. */\n  selector: string;\n  /** The axis the sheet travels on. */\n  axis: 'x' | 'y';\n  /** The custom property carrying the live drag offset. */\n  property: string;\n  /**\n   * The sheet's motion easing token; `-duration` names its duration. While\n   * both are the default spatial spring's, a snap-back solves that spring\n   * at run time; an override keeps the CSS transition it asks for.\n   */\n  motion: string;\n  /**\n   * `1` when the sheet dismisses toward increasing coordinates (downward, or\n   * rightward for an end-docked side sheet), `-1` when it dismisses toward\n   * decreasing ones. A function rather than a constant because a side sheet's\n   * direction depends on which edge each individual sheet is docked to.\n   */\n  direction: (dialog: HTMLDialogElement) => 1 | -1;\n  /** Whether a press at this point landed on the sheet's drag handle. */\n  inHandle: (event: PointerEvent, dialog: HTMLDialogElement) => boolean;\n  /**\n   * Called on primary `pointerdown`, after clearing the previous drag. The\n   * bottom sheet clears its dragged flag here so a sequence abandoned without\n   * a `pointerup` cannot leave the flag set and swallow the next tap.\n   */\n  onPress?: () => void;\n  /** Called when a drag ends, with whether the pointer actually moved. */\n  onRelease?: (dragged: boolean) => void;\n  /**\n   * Called when a drag that moved ends on an open sheet, before it can\n   * dismiss, with how far the pointer travelled along the axis (either way,\n   * unlike the dismissing shift) and its flick velocity. Returns whether the\n   * drag did something else, such as resizing the sheet, so it does not also\n   * dismiss it.\n   */\n  release?: (dialog: HTMLDialogElement, delta: number, velocity: number) => boolean;\n}\n\nconst REDUCED = '(prefers-reduced-motion: reduce)';\n\n/** Past this the sheet dismisses rather than snapping back, in pixels. */\nexport const DISMISS_DISTANCE = 96;\n/** Past this a flick dismisses whatever the distance, in pixels per millisecond. */\nexport const DISMISS_VELOCITY = 0.5;\n/** Ignore a flick after the pointer has rested for this many milliseconds. */\nconst FLICK_TIMEOUT = 100;\n/** Past this the pointer was dragging, not tapping. Hand jitter, in pixels. */\nconst DRAG_SLOP = 4;\n\n/** One drag in flight. */\ninterface Drag {\n  dialog: HTMLDialogElement;\n  pointerId: number;\n  direction: 1 | -1;\n  start: number;\n  last: number;\n  lastT: number;\n  velocity: number;\n  shift: number;\n}\n\n/** The pointer's velocity at release, or 0 once it has rested past the flick window. */\nconst flickVelocity = (held: Drag) => (Date.now() - held.lastT < FLICK_TIMEOUT ? held.velocity : 0);\n\n/** Whether the drag went past the dismissal distance, or flicked, toward the sheet's edge. */\nconst dismisses = (held: Drag, velocity: number) =>\n  held.shift * held.direction > DISMISS_DISTANCE || velocity * held.direction > DISMISS_VELOCITY;\n\n/**\n * Each sheet's snap-back spring while it runs, as the function that ends\n * it, restoring the CSS transition or, for a drag that caught it, not.\n */\nconst springs = new WeakMap<HTMLDialogElement, (restore: boolean) => void>();\n\n/**\n * Stops a sheet's snap-back where it is and returns how far off its edge\n * that is, so a drag carries on from there instead of jumping.\n */\nfunction catchSpring(dialog: HTMLDialogElement, axis: 'x' | 'y') {\n  const end = springs.get(dialog);\n  if (!end) return 0;\n  const [x, y = '0'] = getComputedStyle(dialog).translate.split(' ');\n  end(false);\n  return parseFloat(axis === 'x' ? x : y) || 0;\n}\n\n/** Selectors whose drag is already installed, so a second `Init()` is a no-op. */\nconst installed = new Set<string>();\n\n/**\n * Register one sheet kind's drag handlers on the document. Called once per kind\n * at import time; there is nothing to tear down.\n */\nexport function installSheetDrag(config: SheetDragConfig): void {\n  if (installed.has(config.selector)) return;\n  installed.add(config.selector);\n  const coord = (event: PointerEvent) => (config.axis === 'x' ? event.clientX : event.clientY);\n  let observer: MutationObserver;\n\n  let drag: Drag | null = null;\n\n  const sheetFor = (event: Event): HTMLDialogElement | null => {\n    const dialog = Utils.closestInPath(event, config.selector);\n    return dialog instanceof HTMLDialogElement ? dialog : null;\n  };\n\n  const reset = (dialog: HTMLDialogElement) => {\n    dialog.style.transition = '';\n    dialog.style.setProperty(config.property, '0px');\n  };\n\n  const onDown = (event: PointerEvent) => {\n    // A press that is not the primary pointer is ignored without disturbing a\n    // drag already in flight - a second finger must not abort the first one.\n    // A press that lands off the sheet or off its handle does clear it.\n    if (!event.isPrimary) return;\n    if (event.pointerType === 'mouse' && event.button !== 0) return;\n    onCancel();\n    config.onPress?.();\n    const dialog = sheetFor(event);\n    if (!dialog?.open || !config.inHandle(event, dialog)) return;\n    dialog.style.transition = 'none';\n    const at = coord(event);\n    // A sheet caught mid-spring carries on from where it is.\n    const caught = catchSpring(dialog, config.axis);\n    dialog.style.setProperty(config.property, `${caught}px`);\n    drag = {\n      dialog,\n      pointerId: event.pointerId,\n      direction: config.direction(dialog),\n      start: at - caught,\n      last: at,\n      lastT: Date.now(),\n      velocity: 0,\n      shift: caught\n    };\n    // The document cannot see inside a shadow root, so a sheet there is\n    // watched in its own root too; host removal still shows up in the document.\n    const watch = { childList: true, subtree: true, attributes: true, attributeFilter: ['open'], attributeOldValue: true };\n    const root = dialog.getRootNode();\n    observer.observe(document, watch);\n    if (root !== document) observer.observe(root, watch);\n  };\n\n  const onMove = (event: PointerEvent) => {\n    if (!drag || drag.pointerId !== event.pointerId) return;\n    if (!drag.dialog.open || !drag.dialog.isConnected) {\n      onCancel();\n      return;\n    }\n    const at = coord(event);\n    const delta = at - drag.start;\n    // Only movement toward dismissal counts; dragging the other way is a no-op\n    // rather than a sheet that lifts off its edge.\n    drag.shift = drag.direction === 1 ? Math.max(0, delta) : Math.min(0, delta);\n    if (at !== drag.last) {\n      const now = Date.now();\n      drag.velocity = (at - drag.last) / Math.max(1, now - drag.lastT);\n      drag.last = at;\n      drag.lastT = now;\n    }\n    drag.dialog.style.setProperty(config.property, `${drag.shift}px`);\n  };\n\n  const onUp = (event: PointerEvent) => {\n    const held = drag;\n    if (!held || held.pointerId !== event.pointerId) return;\n    if (!held.dialog.open || !held.dialog.isConnected) {\n      onCancel();\n      return;\n    }\n    onMove(event);\n    drag = null;\n    observer.disconnect();\n    letGo(held);\n  };\n\n  /**\n   * A finished drag resizes or dismisses the sheet, or else it springs back.\n   * Not `reset()`, though it looks like it: the two halves belong on either\n   * side of close(). The transition has to be back before the sheet closes,\n   * so the dismissal animates; the shift has to clear after, or a snap-back\n   * would jump to zero before the transition could carry it there.\n   */\n  const letGo = (held: Drag) => {\n    const spring = springFor(held);\n    held.dialog.style.transition = '';\n    clearShift(held, !settle(held) && held.dialog.open ? spring : null);\n  };\n\n  /**\n   * Clears the drag's shift, springing back on `spring` when there is one.\n   * A running CSS transition would outrank the spring, so it waits until\n   * the spring ends. It goes off before the shift changes: switched off\n   * after, WebKit has already started it.\n   */\n  const clearShift = (held: Drag, spring: Spring | null) => {\n    if (spring) held.dialog.style.transition = 'none';\n    held.dialog.style.setProperty(config.property, '0px');\n    if (spring) springBack(held, spring);\n  };\n\n  /**\n   * The spring a released sheet snaps back on, or null for the CSS snap:\n   * no shift, reduced motion, or motion tokens the page overrode.\n   */\n  const springFor = (held: Drag) => {\n    if (!held.shift || matchMedia(REDUCED).matches || !onSpring(held.dialog)) return null;\n    return springToken(held.dialog, 'default-spatial');\n  };\n\n  /** Whether the sheet's motion tokens are still the default spatial spring's. */\n  const onSpring = (dialog: HTMLDialogElement) => {\n    const style = getComputedStyle(dialog);\n    const read = (name: string) => style.getPropertyValue(name).trim();\n    const spring = '--md-sys-motion-spring-default-spatial';\n    return read(config.motion) === read(spring) && read(`${config.motion}-duration`) === read(`${spring}-duration`);\n  };\n\n  /**\n   * The snap-back: a spring solved from where the sheet is and the\n   * finger's speed, instead of the CSS spring that starts from rest.\n   */\n  const springBack = (held: Drag, spring: Spring) => {\n    const dialog = held.dialog;\n    const write = config.axis === 'x' ? (value: number) => `${value}px 0` : (value: number) => `0 ${value}px`;\n    const running = animatePath(dialog, 'translate', springPath(held.shift, 0, flickVelocity(held), spring), write);\n    // It ends when it settles, and early when the sheet closes or the reader\n    // asks for reduced motion, so neither inherits a stale spring or a\n    // transition left off.\n    const reduced = matchMedia(REDUCED);\n    const closing = new MutationObserver(() => dialog.open || end(true));\n    const end = (restore: boolean) => {\n      springs.delete(dialog);\n      closing.disconnect();\n      reduced.removeEventListener('change', stop);\n      running.onfinish = null;\n      running.cancel();\n      if (restore) dialog.style.transition = '';\n    };\n    const stop = () => end(true);\n    springs.set(dialog, end);\n    running.onfinish = stop;\n    reduced.addEventListener('change', stop);\n    closing.observe(dialog, { attributes: true, attributeFilter: ['open'] });\n  };\n\n  const onRelease = config.onRelease ?? (() => {});\n  const release = config.release ?? (() => false);\n\n  /**\n   * A drag that moved resizes the sheet, if the sheet handles that, or else\n   * dismisses it past the distance or a flick. Returns whether the release\n   * did something other than let the sheet snap back.\n   */\n  const settle = (held: Drag) => {\n    const velocity = flickVelocity(held);\n    const delta = held.last - held.start;\n    // Movement either way is a drag, so the click that ends it is not a tap.\n    const dragged = Math.abs(delta) > DRAG_SLOP;\n    onRelease(dragged);\n    const handled = !dragged || release(held.dialog, delta, velocity);\n    if (!handled && dismisses(held, velocity)) held.dialog.close();\n    return handled;\n  };\n\n  const onCancel = (event?: PointerEvent) => {\n    if (event && drag?.pointerId !== event.pointerId) return;\n    observer.disconnect();\n    onRelease(false);\n    const held = drag;\n    drag = null;\n    if (held) reset(held.dialog);\n  };\n\n  Utils.onDocumentReady(() => {\n    observer = new MutationObserver(records => {\n      const dialog = drag?.dialog;\n      if (dialog && (!dialog.open || !dialog.isConnected || records.some(record =>\n        (record.type === 'attributes' && record.target === dialog && record.oldValue === null) ||\n        [...record.removedNodes].some(node => node.contains(dialog))\n      ))) onCancel();\n    });\n    document.addEventListener('pointerdown', onDown, { passive: true });\n    document.addEventListener('pointermove', onMove, { passive: true });\n    document.addEventListener('pointerup', onUp, { passive: true });\n    document.addEventListener('pointercancel', onCancel, { passive: true });\n  });\n}\n"],
+  "mappings": "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",
+  "names": []
+}