@expressivecss/expressive 0.13.1 → 0.15.0

package/dist/js/chunks/{chunk-55IA2XUC.mjs → chunk-WDK4T63U.mjs}

@@ -1,12 +1,12 @@
 import {
   Menu
-} from "./chunk-U2OTHOTI.mjs";
+} from "./chunk-NUHMOAOY.mjs";
 import {
   Utils
-} from "./chunk-6OMRGML6.mjs";
+} from "./chunk-M372EDXD.mjs";
 import {
   Component
-} from "./chunk-LTWPGFBR.mjs";
+} from "./chunk-PD6HYHAE.mjs";
 
 // src/ts/components/select.ts
 var _defaults = {
@@ -83,7 +83,7 @@ var FormSelect = class _FormSelect extends Component {
       ...options
     };
     this.isMultiple = this.el.multiple;
-    this.nativeTabIndex = this.el.tabIndex ?? -1;
+    this.nativeTabIndex = this.el.tabIndex;
     this.el.tabIndex = -1;
     this._values = [];
     this._createdWrapper = false;
@@ -326,13 +326,13 @@ var FormSelect = class _FormSelect extends Component {
         if (selectedOption.id) this.input.setAttribute("aria-activedescendant", selectedOption.id);
       }
       this.input.ariaExpanded = "true";
-      if (userOnOpenEnd && typeof userOnOpenEnd === "function")
+      if (typeof userOnOpenEnd === "function")
         userOnOpenEnd.call(this.menu, this.el);
     };
     menuOptions.onCloseEnd = () => {
       this.input.ariaExpanded = "false";
       this.input.removeAttribute("aria-activedescendant");
-      if (userOnCloseEnd && typeof userOnCloseEnd === "function")
+      if (typeof userOnCloseEnd === "function")
         userOnCloseEnd.call(this.menu, this.el);
     };
     menuOptions.closeOnClick = false;
@@ -482,10 +482,7 @@ var FormSelect = class _FormSelect extends Component {
     else this._selectValue(value);
   }
   _getSelectedOptions() {
-    return Array.prototype.filter.call(
-      this.el.selectedOptions,
-      (realOption) => realOption
-    );
+    return Array.from(this.el.selectedOptions);
   }
   _setValueToInput() {
     this.input.value = this._getSelectedOptions().map((option) => option.textContent.trim()).join(", ");
@@ -518,4 +515,4 @@ var FormSelect = class _FormSelect extends Component {
 export {
   FormSelect
 };
-//# sourceMappingURL=chunk-55IA2XUC.mjs.map
+//# sourceMappingURL=chunk-WDK4T63U.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/select.ts"],
+  "sourcesContent": ["import { Utils } from '../core/utils';\nimport { Menu, MenuOptions } from './menu';\nimport { Component, BaseOptions, InitElements, InitElement } 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}\n\nconst _defaults: FormSelectOptions = {\n  classes: '',\n  menuOptions: {}\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  private _values: ValueStruct[];\n  private _createdWrapper: boolean;\n  private _originalLabels = new Map<HTMLLabelElement, { for: string | null; id: string | null }>();\n  private _labelPlaceholder: Comment;\n  private _form: HTMLFormElement | null;\n  private _resetTimer: ReturnType<typeof setTimeout>;\n  private _validationMessage: HTMLElement | null = null;\n  nativeTabIndex: number;\n\n  constructor(el: HTMLSelectElement, options: FormSelectOptions) {\n    super(el, options, FormSelect);\n    if (this.el.classList.contains('browser-default')) return;\n    this.el['Expressive_FormSelect'] = this;\n\n    this.options = {\n      ...FormSelect.defaults,\n      ...options\n    };\n\n    this.isMultiple = this.el.multiple;\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  /**\n   * Initializes instance of FormSelect.\n   * @param el HTML element.\n   * @param options Component options.\n   */\n  static init(el: HTMLSelectElement, options?: Partial<FormSelectOptions>): FormSelect;\n  /**\n   * Initializes instances of FormSelect.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: InitElements<HTMLSelectElement | InitElement>,\n    options?: Partial<FormSelectOptions>\n  ): FormSelect[];\n  /**\n   * Initializes instances of FormSelect.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: HTMLSelectElement | InitElements<HTMLSelectElement | InitElement>,\n    options: Partial<FormSelectOptions> = {}\n  ): FormSelect | FormSelect[] {\n    return super.init(els, options, FormSelect);\n  }\n\n  static getInstance(el: HTMLElement): FormSelect {\n    return el['Expressive_FormSelect'];\n  }\n\n  destroy() {\n    this._removeEventHandlers();\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    this.el['Expressive_FormSelect'] = undefined;\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._bindForm();\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      if (focused) (this._values.find(value => value.el === focused)?.optionEl ?? this.input).focus();\n    }\n  }\n\n  _setupEventHandlers() {\n    this._setupOptionHandlers();\n    this.el.addEventListener('change', this._handleSelectChange);\n    this.el.addEventListener('invalid', this._handleInvalid);\n    this.el.addEventListener('focus', this._handleNativeFocus);\n    this.input.addEventListener('click', this._handleInputClick);\n    this.menuEl.addEventListener('focusin', this._handleOptionFocus);\n    this._bindForm();\n  }\n\n  private _bindForm() {\n    this._form?.removeEventListener('reset', this._handleReset);\n    this._form = this.el.form;\n    this._form?.addEventListener('reset', this._handleReset);\n  }\n\n  _removeEventHandlers() {\n    this._removeOptionHandlers();\n    this.el.removeEventListener('change', this._handleSelectChange);\n    this.el.removeEventListener('invalid', this._handleInvalid);\n    this.el.removeEventListener('focus', this._handleNativeFocus);\n    this.input?.removeEventListener('click', this._handleInputClick);\n    this.menuEl?.removeEventListener('focusin', this._handleOptionFocus);\n    this._form?.removeEventListener('reset', this._handleReset);\n    clearTimeout(this._resetTimer);\n  }\n\n  private _setupOptionHandlers() {\n    this.menuEl.querySelectorAll('li:not(.optgroup)').forEach((el) => {\n      el.addEventListener('click', this._handleOptionClick);\n      el.addEventListener('keydown', this._handleOptionKeydown);\n    });\n  }\n\n  private _removeOptionHandlers() {\n    this.menuEl?.querySelectorAll('li:not(.optgroup)').forEach((el) => {\n      el.removeEventListener('click', this._handleOptionClick);\n      el.removeEventListener('keydown', this._handleOptionKeydown);\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    if (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 = (e: Event) => {\n    clearTimeout(this._resetTimer);\n    this._resetTimer = setTimeout(() => {\n      if (!e.defaultPrevented) {\n        this._handleSelectChange();\n        this._clearValidationError();\n      }\n    }, 0);\n  };\n\n  // Named rather than inline so that _removeEventHandlers can actually detach\n  // it - an anonymous listener per option was unremovable.\n  _handleOptionKeydown = (e: KeyboardEvent) => {\n    if (e.key === ' ' || e.key === 'Enter') this._handleOptionClick(e);\n  };\n\n  _handleOptionClick = (e: MouseEvent | KeyboardEvent) => {\n    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    const target = e.target;\n    if (!(target instanceof Element)) return;\n    const li = target.closest('li[role=\"option\"]');\n    if (li?.id) this.input.setAttribute('aria-activedescendant', li.id);\n  };\n\n  _arraysEqual<T, E>(a: T[], b: (E | T)[]) {\n    if (a === b) return true;\n    if (a == null || b == null) return false;\n    if (a.length !== b.length) return false;\n    for (let i = 0; i < a.length; ++i) if (a[i] !== b[i]) return false;\n    return true;\n  }\n\n  _selectOptionElement(virtualOption: HTMLElement) {\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 = this.getSelectedValues();\n      if (this.isMultiple) {\n        this._toggleEntryFromArray(value);\n      } else {\n        this._deselectAll();\n        this._selectValue(value);\n      }\n      this._handleSelectChange();\n      const actualSelectedValues = this.getSelectedValues();\n      const selectionHasChanged = !this._arraysEqual(previousSelectedValues, actualSelectedValues);\n      if (selectionHasChanged)\n        this.el.dispatchEvent(\n          new Event('change', { bubbles: true, cancelable: true, composed: true })\n        );\n    }\n    if (!this.isMultiple) this.menu?.close();\n  }\n\n  _handleInputClick = () => {\n    if (this.menu && this.menu.isOpen) {\n      this._setValueToInput();\n      this._setSelectedStates();\n    }\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('menu');\n    this.menuEl.id = `select-options-${Utils.guid()}`;\n    this.menuEl.setAttribute('popover', 'auto');\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    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 _initMenu() {\n    if (this.el.matches(':disabled')) return;\n    const menuOptions = { ...this.options.menuOptions };\n    menuOptions.coverTrigger = false;\n    const userOnOpenEnd = menuOptions.onOpenEnd;\n    const userOnCloseEnd = menuOptions.onCloseEnd;\n    menuOptions.onOpenEnd = () => {\n      const selectedOption = this.menuEl.querySelector('.selected');\n      if (selectedOption) {\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      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 _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 _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._addOptionToValues(realOption as HTMLOptionElement, 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.menuEl.append(groupParent);\n\n        const groupChildren = [];\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._addOptionToValues(child, virtualOption);\n        });\n        groupParent.setAttribute('aria-owns', groupChildren.join(' '));\n      }\n    });\n  }\n\n  private _rebuildOptions() {\n    this._removeOptionHandlers();\n    this.menuEl.replaceChildren();\n    this._buildOptions();\n    this._setupOptionHandlers();\n    this.menu?._makeMenuFocusable();\n  }\n\n  _addOptionToValues(realOption: HTMLOptionElement, virtualOption: HTMLElement) {\n    this._values.push({ el: realOption, optionEl: virtualOption });\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) {\n        if (original[name] === null) label.removeAttribute(name);\n        else label.setAttribute(name, original[name]);\n      }\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    let imageUrl: URL | undefined;\n    if (iconUrl) {\n      try {\n        const url = new URL(iconUrl, this.el.ownerDocument.baseURI);\n        if (['http:', 'https:', 'blob:'].includes(url.protocol) ||\n          /^data:image\\/(?:avif|bmp|gif|jpeg|png|svg\\+xml|webp|x-icon)(?:;|,)/i.test(url.href)) {\n          imageUrl = url;\n        }\n      } catch { /* Invalid icons must not prevent selection. */ }\n    }\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.href;\n      img.ariaHidden = 'true';\n      li.prepend(img);\n    }\n    this.menuEl.append(li);\n    return li;\n  }\n\n  _selectValue(value: ValueStruct) {\n    value.el.selected = true;\n    value.optionEl.classList.add('selected');\n    value.optionEl.ariaSelected = 'true';\n    const checkbox = <HTMLInputElement>value.optionEl.querySelector('input[type=\"checkbox\"]');\n    if (checkbox) checkbox.checked = true;\n  }\n\n  _deselectValue(value: ValueStruct) {\n    value.el.selected = false;\n    value.optionEl.classList.remove('selected');\n    value.optionEl.ariaSelected = 'false';\n    const checkbox = <HTMLInputElement>value.optionEl.querySelector('input[type=\"checkbox\"]');\n    if (checkbox) checkbox.checked = false;\n  }\n\n  _deselectAll() {\n    this._values.forEach((value) => this._deselectValue(value));\n  }\n\n  _isValueSelected(value: ValueStruct) {\n    return value.el.selected;\n  }\n\n  _toggleEntryFromArray(value: ValueStruct) {\n    if (this._isValueSelected(value)) this._deselectValue(value);\n    else this._selectValue(value);\n  }\n\n  _getSelectedOptions(): HTMLOptionElement[] {\n    return Array.from(this.el.selectedOptions);\n  }\n\n  _setValueToInput() {\n    this.input.value = this._getSelectedOptions().map(option => option.textContent.trim()).join(', ');\n  }\n\n  _setSelectedStates() {\n    this._values.forEach((value) => {\n      const optionIsSelected = value.el.selected;\n      const cb = <HTMLInputElement>value.optionEl.querySelector('input[type=\"checkbox\"]');\n      if (cb) cb.checked = optionIsSelected;\n      if (optionIsSelected) {\n        this._activateOption(this.menuEl, value.optionEl);\n      } else {\n        value.optionEl.classList.remove('selected');\n        value.optionEl.ariaSelected = 'false';\n      }\n    });\n  }\n\n  _activateOption(ul: HTMLElement, li: HTMLElement) {\n    if (!li) return;\n    if (!this.isMultiple)\n      ul.querySelectorAll('li.selected').forEach((row) => row.classList.remove('selected'));\n    li.classList.add('selected');\n    li.ariaSelected = 'true';\n  }\n\n  getSelectedValues() {\n    return this._getSelectedOptions().map((realOption) => realOption.value);\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;AAiBA,IAAM,YAA+B;AAAA,EACnC,SAAS;AAAA,EACT,aAAa,CAAC;AAChB;AAOO,IAAM,aAAN,MAAM,oBAAmB,UAA6B;AAAA,EA2B3D,YAAY,IAAuB,SAA4B;AAC7D,UAAM,IAAI,SAAS,WAAU;AAR/B,SAAQ,kBAAkB,oBAAI,IAAiE;AAI/F,SAAQ,qBAAyC;AAyIjD,+BAAsB,MAAM;AAC1B,WAAK,iBAAiB;AACtB,WAAK,mBAAmB;AACxB,WAAK,qBAAqB;AAAA,IAC5B;AAEA,SAAQ,iBAAiB,CAAC,MAAa;AACrC,UAAI,EAAE,iBAAkB;AACxB,UAAI,CAAC,KAAK,oBAAoB;AAC5B,aAAK,qBAAqB,SAAS,cAAc,OAAO;AACxD,aAAK,mBAAmB,KAAK,KAAK,MAAM,KAAK;AAC7C,aAAK,mBAAmB,YAAY;AACpC,aAAK,mBAAmB,MAAM,QAAQ;AACtC,aAAK,QAAQ,OAAO,KAAK,kBAAkB;AAC3C,aAAK,MAAM;AAAA,UAAa;AAAA,UACtB,CAAC,KAAK,MAAM,aAAa,kBAAkB,GAAG,KAAK,mBAAmB,EAAE,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,QAAC;AAAA,MACvG;AACA,WAAK,MAAM,cAAc;AACzB,WAAK,qBAAqB;AAAA,IAC5B;AAIA;AAAA;AAAA,SAAQ,qBAAqB,MAAM,eAAe,MAAM;AACtD,UAAI,YAAW,YAAY,KAAK,EAAE,MAAM,QAAQ,KAAK,GAAG,QAAQ,QAAQ,EAAG,MAAK,MAAM,MAAM;AAAA,IAC9F,CAAC;AAoBD,SAAQ,eAAe,CAAC,MAAa;AACnC,mBAAa,KAAK,WAAW;AAC7B,WAAK,cAAc,WAAW,MAAM;AAClC,YAAI,CAAC,EAAE,kBAAkB;AACvB,eAAK,oBAAoB;AACzB,eAAK,sBAAsB;AAAA,QAC7B;AAAA,MACF,GAAG,CAAC;AAAA,IACN;AAIA;AAAA;AAAA,gCAAuB,CAAC,MAAqB;AAC3C,UAAI,EAAE,QAAQ,OAAO,EAAE,QAAQ,QAAS,MAAK,mBAAmB,CAAC;AAAA,IACnE;AAEA,8BAAqB,CAAC,MAAkC;AACtD,QAAE,eAAe;AACjB,YAAM,gBAAiB,EAAE,OAAyB,QAAQ,IAAI;AAC9D,WAAK,qBAAqB,aAAa;AACvC,QAAE,gBAAgB;AAAA,IACpB;AAEA,SAAQ,qBAAqB,CAAC,MAAkB;AAC9C,YAAM,SAAS,EAAE;AACjB,UAAI,EAAE,kBAAkB,SAAU;AAClC,YAAM,KAAK,OAAO,QAAQ,mBAAmB;AAC7C,UAAI,IAAI,GAAI,MAAK,MAAM,aAAa,yBAAyB,GAAG,EAAE;AAAA,IACpE;AAoCA,6BAAoB,MAAM;AACxB,UAAI,KAAK,QAAQ,KAAK,KAAK,QAAQ;AACjC,aAAK,iBAAiB;AACtB,aAAK,mBAAmB;AAAA,MAC1B;AAAA,IACF;AAtPE,QAAI,KAAK,GAAG,UAAU,SAAS,iBAAiB,EAAG;AACnD,SAAK,GAAG,uBAAuB,IAAI;AAEnC,SAAK,UAAU;AAAA,MACb,GAAG,YAAW;AAAA,MACd,GAAG;AAAA,IACL;AAEA,SAAK,aAAa,KAAK,GAAG;AAC1B,SAAK,iBAAiB,KAAK,GAAG;AAC9B,SAAK,GAAG,WAAW;AACnB,SAAK,UAAU,CAAC;AAChB,SAAK,kBAAkB;AACvB,SAAK,WAAW;AAChB,SAAK,oBAAoB;AAAA,EAC3B;AAAA,EAEA,WAAW,WAA8B;AACvC,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBA,OAAO,KACL,KACA,UAAsC,CAAC,GACZ;AAC3B,WAAO,MAAM,KAAK,KAAK,SAAS,WAAU;AAAA,EAC5C;AAAA,EAEA,OAAO,YAAY,IAA6B;AAC9C,WAAO,GAAG,uBAAuB;AAAA,EACnC;AAAA,EAEA,UAAU;AACR,SAAK,qBAAqB;AAC1B,SAAK,sBAAsB;AAI3B,SAAK,MAAM,QAAQ;AACnB,SAAK,YAAY;AACjB,SAAK,GAAG,WAAW,KAAK;AACxB,SAAK,GAAG,uBAAuB,IAAI;AAAA,EACrC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUA,UAAU;AACR,QAAI,CAAC,KAAK,OAAQ;AAClB,SAAK,UAAU;AACf,UAAM,OAAO,KAAK,OAAO,YAAY;AACrC,UAAM,UAAU,KAAK,QAAQ,KAAK,WAAS,MAAM,SAAS,SAAS,KAAK,aAAa,CAAC,GAAG;AACzF,SAAK,MAAM,WAAW,KAAK,GAAG,QAAQ,WAAW;AACjD,SAAK,QAAQ,UAAU,OAAO,YAAY,KAAK,MAAM,QAAQ;AAC7D,QAAI,KAAK,MAAM,SAAU,MAAK,MAAM,MAAM;AAAA,aACjC,CAAC,KAAK,KAAM,MAAK,UAAU;AACpC,SAAK,MAAM,gBAAgB,uBAAuB;AAClD,SAAK,gBAAgB;AACrB,SAAK,oBAAoB;AACzB,QAAI,KAAK,KAAM,MAAK,KAAK,eAAe;AACxC,QAAI,KAAK,MAAM,QAAQ;AACrB,WAAK,KAAK,sBAAsB;AAChC,UAAI,QAAS,EAAC,KAAK,QAAQ,KAAK,WAAS,MAAM,OAAO,OAAO,GAAG,YAAY,KAAK,OAAO,MAAM;AAAA,IAChG;AAAA,EACF;AAAA,EAEA,sBAAsB;AACpB,SAAK,qBAAqB;AAC1B,SAAK,GAAG,iBAAiB,UAAU,KAAK,mBAAmB;AAC3D,SAAK,GAAG,iBAAiB,WAAW,KAAK,cAAc;AACvD,SAAK,GAAG,iBAAiB,SAAS,KAAK,kBAAkB;AACzD,SAAK,MAAM,iBAAiB,SAAS,KAAK,iBAAiB;AAC3D,SAAK,OAAO,iBAAiB,WAAW,KAAK,kBAAkB;AAC/D,SAAK,UAAU;AAAA,EACjB;AAAA,EAEQ,YAAY;AAClB,SAAK,OAAO,oBAAoB,SAAS,KAAK,YAAY;AAC1D,SAAK,QAAQ,KAAK,GAAG;AACrB,SAAK,OAAO,iBAAiB,SAAS,KAAK,YAAY;AAAA,EACzD;AAAA,EAEA,uBAAuB;AACrB,SAAK,sBAAsB;AAC3B,SAAK,GAAG,oBAAoB,UAAU,KAAK,mBAAmB;AAC9D,SAAK,GAAG,oBAAoB,WAAW,KAAK,cAAc;AAC1D,SAAK,GAAG,oBAAoB,SAAS,KAAK,kBAAkB;AAC5D,SAAK,OAAO,oBAAoB,SAAS,KAAK,iBAAiB;AAC/D,SAAK,QAAQ,oBAAoB,WAAW,KAAK,kBAAkB;AACnE,SAAK,OAAO,oBAAoB,SAAS,KAAK,YAAY;AAC1D,iBAAa,KAAK,WAAW;AAAA,EAC/B;AAAA,EAEQ,uBAAuB;AAC7B,SAAK,OAAO,iBAAiB,mBAAmB,EAAE,QAAQ,CAAC,OAAO;AAChE,SAAG,iBAAiB,SAAS,KAAK,kBAAkB;AACpD,SAAG,iBAAiB,WAAW,KAAK,oBAAoB;AAAA,IAC1D,CAAC;AAAA,EACH;AAAA,EAEQ,wBAAwB;AAC9B,SAAK,QAAQ,iBAAiB,mBAAmB,EAAE,QAAQ,CAAC,OAAO;AACjE,SAAG,oBAAoB,SAAS,KAAK,kBAAkB;AACvD,SAAG,oBAAoB,WAAW,KAAK,oBAAoB;AAAA,IAC7D,CAAC;AAAA,EACH;AAAA,EA6BQ,uBAAuB;AAC7B,QAAI,CAAC,KAAK,mBAAoB;AAC9B,QAAI,KAAK,GAAG,gBAAgB,CAAC,KAAK,GAAG,SAAS,OAAO;AACnD,WAAK,mBAAmB,cAAc,KAAK,GAAG;AAAA,IAChD,MAAO,MAAK,sBAAsB;AAAA,EACpC;AAAA,EAEQ,wBAAwB;AAC9B,QAAI,CAAC,KAAK,mBAAoB;AAC9B,UAAM,eAAe,KAAK,MAAM,aAAa,kBAAkB,GAAG,MAAM,KAAK,EAC1E,OAAO,QAAM,OAAO,KAAK,mBAAmB,EAAE,EAAE,KAAK,GAAG;AAC3D,QAAI,aAAc,MAAK,MAAM,aAAa,oBAAoB,YAAY;AAAA,QACrE,MAAK,MAAM,gBAAgB,kBAAkB;AAClD,SAAK,MAAM,cAAc,KAAK,GAAG;AACjC,SAAK,mBAAmB,OAAO;AAC/B,SAAK,qBAAqB;AAAA,EAC5B;AAAA,EAgCA,aAAmB,GAAQ,GAAc;AACvC,QAAI,MAAM,EAAG,QAAO;AACpB,QAAI,KAAK,QAAQ,KAAK,KAAM,QAAO;AACnC,QAAI,EAAE,WAAW,EAAE,OAAQ,QAAO;AAClC,aAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,EAAE,EAAG,KAAI,EAAE,CAAC,MAAM,EAAE,CAAC,EAAG,QAAO;AAC7D,WAAO;AAAA,EACT;AAAA,EAEA,qBAAqB,eAA4B;AAC/C,QAAI,KAAK,GAAG,QAAQ,WAAW,EAAG;AAClC,QACE,CAAC,cAAc,UAAU,SAAS,UAAU,KAC5C,CAAC,cAAc,UAAU,SAAS,UAAU,GAC5C;AACA,YAAM,QAAQ,KAAK,QAAQ,KAAK,CAACA,WAAUA,OAAM,aAAa,aAAa;AAC3E,UAAI,CAAC,SAAS,MAAM,GAAG,QAAQ,WAAW,EAAG;AAC7C,YAAM,yBAAyB,KAAK,kBAAkB;AACtD,UAAI,KAAK,YAAY;AACnB,aAAK,sBAAsB,KAAK;AAAA,MAClC,OAAO;AACL,aAAK,aAAa;AAClB,aAAK,aAAa,KAAK;AAAA,MACzB;AACA,WAAK,oBAAoB;AACzB,YAAM,uBAAuB,KAAK,kBAAkB;AACpD,YAAM,sBAAsB,CAAC,KAAK,aAAa,wBAAwB,oBAAoB;AAC3F,UAAI;AACF,aAAK,GAAG;AAAA,UACN,IAAI,MAAM,UAAU,EAAE,SAAS,MAAM,YAAY,MAAM,UAAU,KAAK,CAAC;AAAA,QACzE;AAAA,IACJ;AACA,QAAI,CAAC,KAAK,WAAY,MAAK,MAAM,MAAM;AAAA,EACzC;AAAA,EASA,aAAa;AAIX,SAAK,UAAU,KAAK,GAAG,SAAS,CAAC,KAAK;AACtC,UAAM,KAAK,KAAK,GAAG,UAAU,CAAC,CAAC,EAAE,QAAQ,WAAS;AAChD,WAAK,gBAAgB,IAAI,OAAO,EAAE,KAAK,MAAM,aAAa,KAAK,GAAG,IAAI,MAAM,aAAa,IAAI,EAAE,CAAC;AAAA,IAClG,CAAC;AACD,QAAI,KAAK,WAAW,CAAC,KAAK,GAAG,QAAQ,OAAO,GAAG;AAC7C,WAAK,oBAAoB,SAAS,cAAc,EAAE;AAClD,WAAK,QAAQ,OAAO,KAAK,iBAAiB;AAAA,IAC5C;AAEA,SAAK,cAAc;AACnB,SAAK,kBAAkB;AACvB,QAAI,KAAK,GAAG,QAAQ,WAAW,EAAG,MAAK,QAAQ,UAAU,IAAI,UAAU;AAEvE,SAAK,SAAS,SAAS,cAAc,MAAM;AAC3C,SAAK,OAAO,KAAK,kBAAkB,MAAM,KAAK,CAAC;AAC/C,SAAK,OAAO,aAAa,WAAW,MAAM;AAC1C,SAAK,OAAO,aAAa,QAAQ,SAAS;AAC1C,SAAK,OAAO,sBAAsB,KAAK,WAAW,SAAS;AAC3D,QAAI,KAAK,WAAY,MAAK,OAAO,UAAU,IAAI,sBAAsB;AACrE,SAAK,cAAc;AACnB,SAAK,QAAQ,OAAO,KAAK,MAAM;AAE/B,SAAK,YAAY;AACjB,SAAK,YAAY;AACjB,SAAK,UAAU;AACf,SAAK,mBAAmB;AACxB,QAAI,KAAK,kBAAmB,MAAK,MAAM,MAAM,KAAK,OAAO;AAAA,EAC3D;AAAA,EAEQ,gBAAgB;AACtB,UAAM,SAAS,KAAK,GAAG;AACvB,UAAM,QACJ,UACA,OAAO,QAAQ,QAAQ,KACvB,CAAC,OAAO,cAAc,uBAAuB,KAC7C,CAAC,OAAO,cAAc,mCAAmC;AAC3D,QAAI,OAAO;AACT,WAAK,UAAU;AACf,WAAK,kBAAkB;AAAA,IACzB,OAAO;AACL,WAAK,UAAU,SAAS,cAAc,KAAK;AAC3C,WAAK,QAAQ,UAAU,IAAI,OAAO;AAClC,WAAK,kBAAkB;AACvB,WAAK,GAAG,OAAO,KAAK,OAAO;AAAA,IAC7B;AACA,QAAI,KAAK,QAAQ,QAAQ,SAAS,GAAG;AACnC,WAAK,QAAQ,UAAU,IAAI,GAAG,KAAK,QAAQ,QAAQ,MAAM,GAAG,EAAE,OAAO,OAAO,CAAC;AAAA,IAC/E;AAAA,EACF;AAAA,EAEQ,oBAAoB;AAC1B,UAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,cAAU,UAAU,IAAI,aAAa;AACrC,cAAU,aAAa;AACvB,SAAK,GAAG,OAAO,SAAS;AACxB,cAAU,YAAY,KAAK,EAAE;AAC7B,QAAI,KAAK,gBAAiB,MAAK,QAAQ,OAAO,SAAS;AAAA,EACzD;AAAA,EAEQ,cAAc;AACpB,SAAK,QAAQ,SAAS,cAAc,OAAO;AAC3C,SAAK,MAAM,KAAK,kBAAkB,MAAM,KAAK;AAG7C,SAAK,MAAM,UAAU,IAAI,gBAAgB,aAAa;AACtD,SAAK,MAAM,OAAO;AAClB,SAAK,MAAM,WAAW;AACtB,SAAK,MAAM,aAAa,eAAe,KAAK,OAAO,EAAE;AACrD,SAAK,MAAM,eAAe;AAC1B,SAAK,MAAM,eAAe,KAAK,GAAG,aAAa,UAAU,EAAE,SAAS;AACpE,SAAK,MAAM,WAAW,KAAK,GAAG,QAAQ,WAAW;AACjD,SAAK,MAAM,aAAa,YAAY,KAAK,eAAe,SAAS,CAAC;AAElE,UAAM,QAAQ,KAAK,GAAG;AACtB,aAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,EAAE,GAAG;AACrC,YAAM,OAAO,MAAM,CAAC;AACpB,UAAI,KAAK,KAAK,WAAW,OAAO,EAAG,MAAK,MAAM,aAAa,KAAK,MAAM,KAAK,KAAK;AAAA,IAClF;AAEA,SAAK,MAAM,aAAa,QAAQ,UAAU;AAC1C,SAAK,MAAM,aAAa,iBAAiB,SAAS;AAClD,SAAK,MAAM,eAAe;AAC1B,SAAK,MAAM,aAAa,iBAAiB,KAAK,OAAO,EAAE;AACvD,SAAK,MAAM,cAAc;AAEzB,SAAK,gBAAgB,QAAQ,CAAC,GAAG,UAAU;AAAE,YAAM,UAAU,KAAK,MAAM;AAAA,IAAI,CAAC;AAG7E,QAAI,KAAK,qBAAqB,KAAK,gBAAgB,OAAO,KAAK,CAAC,KAAK,MAAM,aAAa,YAAY,KAAK,CAAC,KAAK,MAAM,aAAa,iBAAiB,GAAG;AACpJ,WAAK,MAAM,aAAa,mBAAmB,MAAM,KAAK,KAAK,gBAAgB,KAAK,GAAG,CAAC,OAAO,UAAU;AACnG,YAAI,CAAC,MAAM,GAAI,OAAM,KAAK,GAAG,KAAK,MAAM,EAAE,UAAU,KAAK;AACzD,eAAO,MAAM;AAAA,MACf,CAAC,EAAE,KAAK,GAAG,CAAC;AAAA,IACd;AAEA,SAAK,QAAQ,QAAQ,KAAK,KAAK;AAC/B,SAAK,iBAAiB;AAAA,EACxB;AAAA,EAEQ,cAAc;AACpB,UAAM,QAAQ,SAAS,cAAc,MAAM;AAC3C,UAAM,UAAU,IAAI,OAAO;AAC3B,UAAM,aAAa,eAAe,MAAM;AACxC,SAAK,QAAQ,QAAQ,KAAK;AAAA,EAC5B;AAAA,EAEQ,YAAY;AAClB,QAAI,KAAK,GAAG,QAAQ,WAAW,EAAG;AAClC,UAAM,cAAc,EAAE,GAAG,KAAK,QAAQ,YAAY;AAClD,gBAAY,eAAe;AAC3B,UAAM,gBAAgB,YAAY;AAClC,UAAM,iBAAiB,YAAY;AACnC,gBAAY,YAAY,MAAM;AAC5B,YAAM,iBAAiB,KAAK,OAAO,cAAc,WAAW;AAC5D,UAAI,gBAAgB;AAClB,aAAK,KAAK,eAAe,CAAC,GAAG,eAAe,WAAW,QAAQ,EAAE,QAAQ,cAAc;AACvF,aAAK,KAAK,kBAAkB;AAC5B,YAAI,KAAK,KAAK,cAAc;AAC1B,cAAI,eACF,eAAe,sBAAsB,EAAE,MACvC,KAAK,OAAO,sBAAsB,EAAE;AACtC,0BAAgB,KAAK,OAAO,eAAe;AAC3C,eAAK,OAAO,YAAY;AAAA,QAC1B;AACA,YAAI,eAAe,GAAI,MAAK,MAAM,aAAa,yBAAyB,eAAe,EAAE;AAAA,MAC3F;AACA,WAAK,MAAM,eAAe;AAC1B,UAAI,OAAO,kBAAkB;AAC3B,sBAAc,KAAK,KAAK,MAAM,KAAK,EAAE;AAAA,IACzC;AACA,gBAAY,aAAa,MAAM;AAC7B,WAAK,MAAM,eAAe;AAC1B,WAAK,MAAM,gBAAgB,uBAAuB;AAClD,UAAI,OAAO,mBAAmB;AAC5B,uBAAe,KAAK,KAAK,MAAM,KAAK,EAAE;AAAA,IAC1C;AACA,gBAAY,eAAe;AAC3B,SAAK,OAAO,KAAK,KAAK,KAAK,OAAO,WAAW;AAAA,EAC/C;AAAA,EAEQ,iBAA8D;AACpE,WACE,MAAM,KAAK,KAAK,GAAG,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC,UAAU,UAAU,EAAE,SAAS,GAAG,OAAO,CAAC;AAAA,EAE3F;AAAA,EAEQ,gBAAgB;AACtB,SAAK,gBAAgB,KAAK,eAAe;AACzC,SAAK,UAAU,CAAC;AAChB,SAAK,cAAc,QAAQ,CAAC,eAAe;AACzC,UAAI,WAAW,YAAY,UAAU;AACnC,cAAM,gBAAgB,KAAK;AAAA,UACzB;AAAA,UACA,KAAK,aAAa,aAAa;AAAA,QACjC;AACA,aAAK,mBAAmB,YAAiC,aAAa;AAAA,MACxE,WAAW,WAAW,YAAY,YAAY;AAC5C,cAAM,UAAU,eAAe,MAAM,KAAK;AAC1C,cAAM,cAAc,SAAS,cAAc,IAAI;AAC/C,oBAAY,UAAU,IAAI,UAAU;AACpC,oBAAY,WAAW;AACvB,oBAAY,aAAa,QAAQ,OAAO;AACxC,oBAAY,aAAa,mBAAmB,OAAO;AAInD,cAAM,aAAa,SAAS,cAAc,MAAM;AAChD,mBAAW,KAAK;AAChB,mBAAW,aAAa,QAAQ,cAAc;AAC9C,mBAAW,cAAc,WAAW,aAAa,OAAO,KAAK;AAC7D,oBAAY,gBAAgB,UAAU;AACtC,aAAK,OAAO,OAAO,WAAW;AAE9B,cAAM,gBAAgB,CAAC;AACvB,cAAM,gBACJ,MAAM,KAAK,WAAW,QAAQ,EAAE,OAAO,CAAC,OAAO,GAAG,YAAY,QAAQ;AAExE,sBAAc,QAAQ,CAAC,UAAU;AAC/B,gBAAM,gBAAgB,KAAK,+BAA+B,OAAO,iBAAiB;AAClF,wBAAc,KAAK,cAAc,EAAE;AACnC,eAAK,mBAAmB,OAAO,aAAa;AAAA,QAC9C,CAAC;AACD,oBAAY,aAAa,aAAa,cAAc,KAAK,GAAG,CAAC;AAAA,MAC/D;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEQ,kBAAkB;AACxB,SAAK,sBAAsB;AAC3B,SAAK,OAAO,gBAAgB;AAC5B,SAAK,cAAc;AACnB,SAAK,qBAAqB;AAC1B,SAAK,MAAM,mBAAmB;AAAA,EAChC;AAAA,EAEA,mBAAmB,YAA+B,eAA4B;AAC5E,SAAK,QAAQ,KAAK,EAAE,IAAI,YAAY,UAAU,cAAc,CAAC;AAAA,EAC/D;AAAA,EAEA,cAAc;AACZ,SAAK,SAAS,cAAc,iBAAiB,GAAG,OAAO;AACvD,SAAK,OAAO,OAAO;AACnB,SAAK,QAAQ,OAAO;AACpB,UAAM,OAAO,KAAK,GAAG;AACrB,QAAI,MAAM,UAAU,SAAS,aAAa,EAAG,MAAK,YAAY,KAAK,EAAE;AACrE,SAAK,gBAAgB,QAAQ,CAAC,UAAU,UAAU;AAChD,iBAAW,QAAQ,CAAC,OAAO,IAAI,GAAY;AACzC,YAAI,SAAS,IAAI,MAAM,KAAM,OAAM,gBAAgB,IAAI;AAAA,YAClD,OAAM,aAAa,MAAM,SAAS,IAAI,CAAC;AAAA,MAC9C;AAAA,IACF,CAAC;AACD,SAAK,mBAAmB,YAAY,KAAK,OAAO;AAChD,QAAI,CAAC,KAAK,QAAS;AACnB,QAAI,KAAK,iBAAiB;AACxB,WAAK,QAAQ,YAAY,KAAK,EAAE;AAAA,IAClC,OAAO;AACL,WAAK,QAAQ,UAAU,OAAO,UAAU;AACxC,UAAI,KAAK,QAAQ,QAAQ,SAAS,GAAG;AACnC,aAAK,QAAQ,UAAU,OAAO,GAAG,KAAK,QAAQ,QAAQ,MAAM,GAAG,EAAE,OAAO,OAAO,CAAC;AAAA,MAClF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,+BACE,YACA,MACA;AACA,UAAM,KAAK,SAAS,cAAc,IAAI;AACtC,OAAG,KAAK,mBAAmB,MAAM,KAAK;AACtC,OAAG,aAAa,QAAQ,QAAQ;AAChC,OAAG,WAAW;AACd,UAAM,WAAW,KAAK,GAAG,QAAQ,WAAW,KAAK,WAAW,QAAQ,WAAW;AAC/E,QAAI,UAAU;AACZ,SAAG,UAAU,IAAI,UAAU;AAC3B,SAAG,eAAe;AAClB,SAAG,WAAW;AAAA,IAChB;AACA,QAAI,SAAS,kBAAmB,IAAG,UAAU,IAAI,IAAI;AAKrD,UAAM,aAAa,WAAW;AAC9B,UAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,QAAI,KAAK,cAAc,CAAC,UAAU;AAChC,YAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,YAAM,WAAW,SAAS,cAAc,OAAO;AAC/C,eAAS,OAAO;AAChB,eAAS,WAAW;AACpB,YAAM,YAAY,SAAS,cAAc,MAAM;AAC/C,gBAAU,cAAc;AACxB,YAAM,OAAO,UAAU,SAAS;AAChC,WAAK,YAAY,KAAK;AAAA,IACxB,OAAO;AACL,WAAK,cAAc;AAAA,IACrB;AACA,OAAG,YAAY,IAAI;AAEnB,UAAM,UAAU,WAAW,aAAa,WAAW;AACnD,QAAI;AACJ,QAAI,SAAS;AACX,UAAI;AACF,cAAM,MAAM,IAAI,IAAI,SAAS,KAAK,GAAG,cAAc,OAAO;AAC1D,YAAI,CAAC,SAAS,UAAU,OAAO,EAAE,SAAS,IAAI,QAAQ,KACpD,sEAAsE,KAAK,IAAI,IAAI,GAAG;AACtF,qBAAW;AAAA,QACb;AAAA,MACF,QAAQ;AAAA,MAAkD;AAAA,IAC5D;AAGA,UAAM,UAAU,WAAW,aAAa,OAAO,GAAG,MAAM,GAAG,EAAE,OAAO,OAAO;AAC3E,QAAI,UAAU;AACZ,YAAM,MAAM,SAAS,cAAc,KAAK;AACxC,UAAI,SAAS,OAAQ,KAAI,UAAU,IAAI,GAAG,OAAO;AACjD,UAAI,MAAM,SAAS;AACnB,UAAI,aAAa;AACjB,SAAG,QAAQ,GAAG;AAAA,IAChB;AACA,SAAK,OAAO,OAAO,EAAE;AACrB,WAAO;AAAA,EACT;AAAA,EAEA,aAAa,OAAoB;AAC/B,UAAM,GAAG,WAAW;AACpB,UAAM,SAAS,UAAU,IAAI,UAAU;AACvC,UAAM,SAAS,eAAe;AAC9B,UAAM,WAA6B,MAAM,SAAS,cAAc,wBAAwB;AACxF,QAAI,SAAU,UAAS,UAAU;AAAA,EACnC;AAAA,EAEA,eAAe,OAAoB;AACjC,UAAM,GAAG,WAAW;AACpB,UAAM,SAAS,UAAU,OAAO,UAAU;AAC1C,UAAM,SAAS,eAAe;AAC9B,UAAM,WAA6B,MAAM,SAAS,cAAc,wBAAwB;AACxF,QAAI,SAAU,UAAS,UAAU;AAAA,EACnC;AAAA,EAEA,eAAe;AACb,SAAK,QAAQ,QAAQ,CAAC,UAAU,KAAK,eAAe,KAAK,CAAC;AAAA,EAC5D;AAAA,EAEA,iBAAiB,OAAoB;AACnC,WAAO,MAAM,GAAG;AAAA,EAClB;AAAA,EAEA,sBAAsB,OAAoB;AACxC,QAAI,KAAK,iBAAiB,KAAK,EAAG,MAAK,eAAe,KAAK;AAAA,QACtD,MAAK,aAAa,KAAK;AAAA,EAC9B;AAAA,EAEA,sBAA2C;AACzC,WAAO,MAAM,KAAK,KAAK,GAAG,eAAe;AAAA,EAC3C;AAAA,EAEA,mBAAmB;AACjB,SAAK,MAAM,QAAQ,KAAK,oBAAoB,EAAE,IAAI,YAAU,OAAO,YAAY,KAAK,CAAC,EAAE,KAAK,IAAI;AAAA,EAClG;AAAA,EAEA,qBAAqB;AACnB,SAAK,QAAQ,QAAQ,CAAC,UAAU;AAC9B,YAAM,mBAAmB,MAAM,GAAG;AAClC,YAAM,KAAuB,MAAM,SAAS,cAAc,wBAAwB;AAClF,UAAI,GAAI,IAAG,UAAU;AACrB,UAAI,kBAAkB;AACpB,aAAK,gBAAgB,KAAK,QAAQ,MAAM,QAAQ;AAAA,MAClD,OAAO;AACL,cAAM,SAAS,UAAU,OAAO,UAAU;AAC1C,cAAM,SAAS,eAAe;AAAA,MAChC;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEA,gBAAgB,IAAiB,IAAiB;AAChD,QAAI,CAAC,GAAI;AACT,QAAI,CAAC,KAAK;AACR,SAAG,iBAAiB,aAAa,EAAE,QAAQ,CAAC,QAAQ,IAAI,UAAU,OAAO,UAAU,CAAC;AACtF,OAAG,UAAU,IAAI,UAAU;AAC3B,OAAG,eAAe;AAAA,EACpB;AAAA,EAEA,oBAAoB;AAClB,WAAO,KAAK,oBAAoB,EAAE,IAAI,CAAC,eAAe,WAAW,KAAK;AAAA,EACxE;AACF;",
+  "names": ["value"]
+}

package/dist/js/chunks/{chunk-XH6BEEMY.mjs → chunk-WOCCTVUF.mjs}

@@ -1,90 +1,99 @@
-import {
-  Tooltip
-} from "./chunk-CKQP6P76.mjs";
-import {
-  ScrollSpy
-} from "./chunk-QV2JAWIZ.mjs";
 import {
   Tabs
-} from "./chunk-3VOK6J7U.mjs";
+} from "./chunk-UCOE7ZDL.mjs";
 import {
   Timepicker
-} from "./chunk-IFXVDDDH.mjs";
-import {
-  MessageScroller
-} from "./chunk-CCWDV5CR.mjs";
+} from "./chunk-PO3AXVR3.mjs";
 import {
-  MixedChart
-} from "./chunk-HKT2S7VM.mjs";
-import {
-  NavigationRail
-} from "./chunk-6N2XAEFK.mjs";
+  Tooltip
+} from "./chunk-6VATUZC6.mjs";
 import {
   PieChart
-} from "./chunk-P3G3QHII.mjs";
+} from "./chunk-OWG3LMUL.mjs";
 import {
   Questionnaire
-} from "./chunk-DTKR54I6.mjs";
+} from "./chunk-33QVDDGR.mjs";
 import {
   RadarChart
-} from "./chunk-3DHK5CZU.mjs";
+} from "./chunk-XAEAEHIX.mjs";
 import {
   RadialChart
-} from "./chunk-RHRQKTTX.mjs";
+} from "./chunk-UNCRDLP6.mjs";
+import {
+  ScrollSpy
+} from "./chunk-FM5CZOUB.mjs";
+import {
+  Lightbox
+} from "./chunk-SFI2U4YW.mjs";
+import {
+  MessageScroller
+} from "./chunk-LQWUDNHZ.mjs";
+import {
+  MixedChart
+} from "./chunk-VM4FTS7L.mjs";
+import {
+  NavigationRail
+} from "./chunk-UBRZZWRA.mjs";
+import {
+  Particles
+} from "./chunk-C6CHEWYP.mjs";
 import {
   CommandPalette
-} from "./chunk-K4CJCRGE.mjs";
+} from "./chunk-UETTGDLI.mjs";
+import {
+  Confetti
+} from "./chunk-KUFHW3DS.mjs";
 import {
   Datepicker
-} from "./chunk-PLYXLSH3.mjs";
+} from "./chunk-GJL6GCIU.mjs";
 import {
   FormSelect
-} from "./chunk-55IA2XUC.mjs";
+} from "./chunk-WDK4T63U.mjs";
 import {
   EXPANDING_CARD_SELECTOR,
   ExpandingCard
-} from "./chunk-QVVEWBOF.mjs";
+} from "./chunk-DXGRXYYL.mjs";
 import {
   HeatmapChart
-} from "./chunk-LNCCYGPC.mjs";
+} from "./chunk-VGNYF6FB.mjs";
 import {
-  Lightbox
-} from "./chunk-UNEMYWEW.mjs";
+  Keypad
+} from "./chunk-K3HZMFMD.mjs";
 import {
   BarChart
-} from "./chunk-GVGT6MIU.mjs";
+} from "./chunk-CK2XCICY.mjs";
 import {
   ColumnChart
-} from "./chunk-SPETGK25.mjs";
+} from "./chunk-45FER6RI.mjs";
 import {
   LineChart
-} from "./chunk-O5XPWXIQ.mjs";
+} from "./chunk-TCCA2HDG.mjs";
 import {
   ButtonGroup
-} from "./chunk-YDCS5S3J.mjs";
+} from "./chunk-L27Q6ZMI.mjs";
 import {
   FloatingActionButton
-} from "./chunk-PIJ2TAR3.mjs";
+} from "./chunk-PDG64UHF.mjs";
 import {
   CARDS_SELECTOR,
   Cards,
   isCardReveal
-} from "./chunk-UBLRRJ7N.mjs";
+} from "./chunk-TSZYSW7F.mjs";
 import {
   Carousel
-} from "./chunk-LWBQIX5J.mjs";
+} from "./chunk-KVJAVDBC.mjs";
 import {
   Chips
-} from "./chunk-XGHORT7J.mjs";
+} from "./chunk-CXXM2L4F.mjs";
 import {
   Autocomplete
-} from "./chunk-3CLXLPYS.mjs";
+} from "./chunk-ZX6M7SWO.mjs";
 import {
   Menu
-} from "./chunk-U2OTHOTI.mjs";
+} from "./chunk-NUHMOAOY.mjs";
 import {
   AppBar
-} from "./chunk-UEZUJQ66.mjs";
+} from "./chunk-UAZSDUVP.mjs";
 
 // src/ts/components/registry.ts
 var AUTO_INIT_COMPONENTS = {
@@ -109,6 +118,9 @@ var AUTO_INIT_COMPONENTS = {
   },
   Carousel: { component: Carousel, selector: ".carousel" },
   Chips: { component: Chips, selector: ".chips" },
+  Confetti: { component: Confetti, selector: ".confetti" },
+  Particles: { component: Particles, selector: "canvas.particles" },
+  Keypad: { component: Keypad, selector: ".keypad, .keyboard" },
   ColumnChart: { component: ColumnChart, selector: ".column-chart" },
   BarChart: { component: BarChart, selector: ".bar-chart" },
   PieChart: { component: PieChart, selector: ".pie-chart" },
@@ -170,4 +182,4 @@ export {
   AUTO_INIT_COMPONENTS,
   AutoInit
 };
-//# sourceMappingURL=chunk-XH6BEEMY.mjs.map
+//# sourceMappingURL=chunk-WOCCTVUF.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/registry.ts"],
+  "sourcesContent": ["import { InitElements, InitElement } from \"../core/component\";\nimport * as Components from \"./index\";\nimport { CARDS_SELECTOR, isCardReveal } from \"./cards\";\nimport { EXPANDING_CARD_SELECTOR } from \"./expandingCard\";\n\n/**\n * The components `AutoInit()` starts, in initialization order, with the\n * selector each one claims.\n *\n * This table is the single source of truth: the options type below and the\n * init calls in `AutoInit()` are both derived from it, so wiring up a new\n * auto-initialized component means adding one line here (plus its export in\n * ./index.ts) - not four hand-synchronized edits that fail silently when one\n * is forgotten.\n *\n * A component that should only ever be constructed explicitly (Snackbar,\n * CharacterCounter, Range, ...) simply stays out of this table.\n */\nexport const AUTO_INIT_COMPONENTS = {\n  AppBar: {\n    component: Components.AppBar,\n    selector:\n      \"header.medium, header.large, header:has(> :is(nav:not(.tabs, .navigation-bar, .navigation-rail), .bar) > :is(.search-bar, .searchbar))\",\n  },\n  Autocomplete: {\n    component: Components.Autocomplete,\n    selector: \".autocomplete\",\n  },\n  ButtonGroup: {\n    component: Components.ButtonGroup,\n    selector: \".button-group\",\n  },\n  // Shared with Cards.Init() - see CARDS_SELECTOR. This entry used to read\n  // '.cards', which no card markup uses.\n  Cards: { component: Components.Cards, selector: CARDS_SELECTOR, filter: isCardReveal },\n  ExpandingCard: {\n    component: Components.ExpandingCard,\n    selector: EXPANDING_CARD_SELECTOR,\n  },\n  Carousel: { component: Components.Carousel, selector: \".carousel\" },\n  Chips: { component: Components.Chips, selector: \".chips\" },\n  Confetti: { component: Components.Confetti, selector: \".confetti\" },\n  Particles: { component: Components.Particles, selector: \"canvas.particles\" },\n  Keypad: { component: Components.Keypad, selector: \".keypad, .keyboard\" },\n  ColumnChart: { component: Components.ColumnChart, selector: \".column-chart\" },\n  BarChart: { component: Components.BarChart, selector: \".bar-chart\" },\n  PieChart: { component: Components.PieChart, selector: \".pie-chart\" },\n  HeatmapChart: { component: Components.HeatmapChart, selector: \".heatmap-chart\" },\n  RadarChart: { component: Components.RadarChart, selector: \".radar-chart\" },\n  RadialChart: { component: Components.RadialChart, selector: \".radial-chart\" },\n  MixedChart: { component: Components.MixedChart, selector: \".mixed-chart\" },\n  CommandPalette: {\n    component: Components.CommandPalette,\n    selector: \"dialog.command-palette\",\n  },\n  Questionnaire: {\n    component: Components.Questionnaire,\n    selector: \"form.questionnaire\",\n  },\n  Datepicker: {\n    component: Components.Datepicker,\n    selector: \".datepicker, .date-picker\",\n  },\n  LineChart: { component: Components.LineChart, selector: \".line-chart\" },\n  Menu: { component: Components.Menu, selector: \".menu-trigger\" },\n  MessageScroller: {\n    component: Components.MessageScroller,\n    selector: \".message-scroller\",\n  },\n  Lightbox: { component: Components.Lightbox, selector: \".lightboxed\" },\n  ScrollSpy: { component: Components.ScrollSpy, selector: \".scrollspy\" },\n  FormSelect: { component: Components.FormSelect, selector: \"select\" },\n  NavigationRail: {\n    component: Components.NavigationRail,\n    selector: \".navigation-rail\",\n  },\n  Tabs: { component: Components.Tabs, selector: \".tabs\" },\n  Timepicker: {\n    component: Components.Timepicker,\n    selector: \".timepicker, .time-picker\",\n  },\n  Tooltip: { component: Components.Tooltip, selector: \".tooltipped\" },\n  FloatingActionButton: {\n    component: Components.FloatingActionButton,\n    selector: \".fab-menu\",\n  },\n};\n\ntype Registry = typeof AUTO_INIT_COMPONENTS;\n\n/**\n * Per-component options accepted by {@link AutoInit}, derived from the table\n * above - each key takes that component's own options type.\n */\nexport type AutoInitOptions = {\n  [K in keyof Registry]?: Partial<\n    InstanceType<Registry[K][\"component\"]>[\"options\"]\n  >;\n};\n\n/** The shape every entry in the table satisfies; see the cast in AutoInit. */\ntype AutoInitable = {\n  init(els: InitElement | InitElements<InitElement>, options: Partial<object>): unknown;\n};\n\ntype AutoInitEntry = {\n  component: AutoInitable;\n  selector: string;\n  filter?: (el: Element) => boolean;\n};\n\n/**\n * Automatically initialize components.\n * @param context Root element to initialize. Defaults to `document.body`.\n * @param options Options for each component.\n */\nexport function AutoInit(\n  context: HTMLElement = document.body,\n  options?: Partial<AutoInitOptions>,\n) {\n  for (const name of Object.keys(AUTO_INIT_COMPONENTS) as (keyof Registry)[]) {\n    const { component, selector, filter } = AUTO_INIT_COMPONENTS[\n      name\n    ] as unknown as AutoInitEntry;\n    // `:is()` so that `:not(.no-autoinit)` applies to the whole selector. A\n    // bare `${selector}:not(...)` binds the negation to the last alternative\n    // only, which would silently break the opt-out for any comma-separated\n    // entry (Cards is the first).\n    const els = context.querySelectorAll(`:is(${selector}):not(.no-autoinit)`);\n    // Each component's static `init` is overloaded; indexing the table widens\n    // it to a union TypeScript cannot call, so narrow it once, here.\n    if (filter) {\n      els.forEach((el) => {\n        if (filter(el)) component.init(el, options?.[name] ?? {});\n      });\n    } else {\n      component.init(els, options?.[name] ?? {});\n    }\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/js/chunks/{chunk-GZWPXXY6.mjs → chunk-WQYN5L4E.mjs}

@@ -1,13 +1,16 @@
 import {
   Utils
-} from "./chunk-6OMRGML6.mjs";
+} from "./chunk-M372EDXD.mjs";
 
 // src/ts/behaviors/sheetDrag.ts
 var DISMISS_DISTANCE = 96;
 var DISMISS_VELOCITY = 0.5;
 var FLICK_TIMEOUT = 100;
 var DRAG_SLOP = 4;
+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;
@@ -26,21 +29,15 @@ function installSheetDrag(config) {
     onCancel();
     config.onPress?.();
     const dialog = sheetFor(event.target);
-    if (!dialog?.open) {
-      drag = null;
-      return;
-    }
-    if (!config.inHandle(event, dialog)) {
-      drag = null;
-      return;
-    }
+    if (!dialog?.open || !config.inHandle(event, dialog)) return;
     dialog.style.transition = "none";
+    const at = coord(event);
     drag = {
       dialog,
       pointerId: event.pointerId,
       direction: config.direction(dialog),
-      start: coord(event),
-      last: coord(event),
+      start: at,
+      last: at,
       lastT: Date.now(),
       velocity: 0,
       shift: 0
@@ -53,12 +50,13 @@ function installSheetDrag(config) {
       onCancel();
       return;
     }
-    const delta = coord(event) - drag.start;
+    const at = coord(event);
+    const delta = at - drag.start;
     drag.shift = drag.direction === 1 ? Math.max(0, delta) : Math.min(0, delta);
-    if (coord(event) !== drag.last) {
+    if (at !== drag.last) {
       const now = Date.now();
-      drag.velocity = (coord(event) - drag.last) / Math.max(1, now - drag.lastT);
-      drag.last = coord(event);
+      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`);
@@ -106,4 +104,4 @@ function installSheetDrag(config) {
 export {
   installSheetDrag
 };
-//# sourceMappingURL=chunk-GZWPXXY6.mjs.map
+//# sourceMappingURL=chunk-WQYN5L4E.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/behaviors/sheetDrag.ts"],
+  "sourcesContent": ["import { Utils } from '../core/utils';\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   * `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\n/** Past this the sheet dismisses rather than snapping back, in pixels. */\nconst DISMISS_DISTANCE = 96;\n/** Past this a flick dismisses whatever the distance, in pixels per millisecond. */\nconst 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/** 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: {\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  } | null = null;\n\n  const sheetFor = (target: EventTarget | null): HTMLDialogElement | null => {\n    if (!(target instanceof Element)) return null;\n    const dialog = target.closest(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.target);\n    if (!dialog?.open || !config.inHandle(event, dialog)) return;\n    dialog.style.transition = 'none';\n    const at = coord(event);\n    drag = {\n      dialog,\n      pointerId: event.pointerId,\n      direction: config.direction(dialog),\n      start: at,\n      last: at,\n      lastT: Date.now(),\n      velocity: 0,\n      shift: 0\n    };\n    observer.observe(document, { childList: true, subtree: true, attributes: true, attributeFilter: ['open'], attributeOldValue: true });\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    // 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    held.dialog.style.transition = '';\n    const velocity = Date.now() - held.lastT < FLICK_TIMEOUT ? held.velocity : 0;\n    const dragged = Math.abs(held.shift) > DRAG_SLOP;\n    config.onRelease?.(dragged);\n    const dismiss = dragged &&\n      (held.direction === 1\n        ? held.shift > DISMISS_DISTANCE || velocity > DISMISS_VELOCITY\n        : held.shift < -DISMISS_DISTANCE || velocity < -DISMISS_VELOCITY);\n    if (dismiss && held.dialog.open) held.dialog.close();\n    held.dialog.style.setProperty(config.property, '0px');\n  };\n\n  const onCancel = (event?: PointerEvent) => {\n    if (event && drag?.pointerId !== event.pointerId) return;\n    observer.disconnect();\n    config.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": []
+}

package/dist/js/chunks/{chunk-6WLSDZ4O.mjs → chunk-X4ISMKE2.mjs}

@@ -1,6 +1,6 @@
 import {
   installSheetDrag
-} from "./chunk-GZWPXXY6.mjs";
+} from "./chunk-WQYN5L4E.mjs";
 
 // src/ts/behaviors/sideSheets.ts
 var startDocked = (dialog) => dialog.classList.contains("left") || dialog.classList.contains("left-sheet") || dialog.classList.contains("start");
@@ -25,4 +25,4 @@ var SideSheets = class {
 export {
   SideSheets
 };
-//# sourceMappingURL=chunk-6WLSDZ4O.mjs.map
+//# sourceMappingURL=chunk-X4ISMKE2.mjs.map

package/dist/js/chunks/{chunk-3DHK5CZU.mjs → chunk-XAEAEHIX.mjs}

@@ -1,8 +1,9 @@
 import {
-  COLORS,
   LineChart,
+  polarPoint,
+  seriesColor,
   svgNode
-} from "./chunk-O5XPWXIQ.mjs";
+} from "./chunk-TCCA2HDG.mjs";
 
 // src/ts/components/radarChart.ts
 var RINGS = 4;
@@ -59,10 +60,7 @@ var RadarChart = class extends LineChart {
    * the labels round it are HTML.
    */
   _draw() {
-    const at = (index, share2) => {
-      const angle = this._turn(index) * 2 * Math.PI;
-      return `${(50 * share2 * Math.sin(angle)).toFixed(3)},${(-50 * share2 * Math.cos(angle)).toFixed(3)}`;
-    };
+    const at = (index, share2) => polarPoint(this._turn(index), 50 * share2);
     const share = (value) => Math.min(1, Math.max(0, 1 - this._y(value) / 100));
     const rows = this.labels.map((_, i) => i);
     const ring = (r) => `M${rows.map((i) => at(i, r)).join("L")}Z`;
@@ -75,7 +73,7 @@ var RadarChart = class extends LineChart {
     this.series.forEach((series, s) => {
       const group = svgNode("g", {
         class: `radar-chart-series ${series.className}`.trim(),
-        "data-series": String(s % COLORS + 1)
+        "data-series": seriesColor(s)
       });
       const drawn = rows.filter((i) => series.values[i] !== null);
       const corners = drawn.map((i) => at(i, share(series.values[i])));
@@ -102,4 +100,4 @@ var RadarChart = class extends LineChart {
 export {
   RadarChart
 };
-//# sourceMappingURL=chunk-3DHK5CZU.mjs.map
+//# sourceMappingURL=chunk-XAEAEHIX.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/radarChart.ts"],
+  "sourcesContent": ["import { InitElements, InitElement } from '../core/component';\nimport { LineChart, LineChartOptions, polarPoint, seriesColor, svgNode as node } from './lineChart';\n\nexport type RadarChartOptions = LineChartOptions;\n\n/** Grid rings, evenly spaced from the middle to the rim. */\nconst RINGS = 4;\n\n/**\n * Radar chart. It reads its <table> like LineChart, but each row is a spoke,\n * clockwise from the top, and each value column is a series drawn as a\n * shape joining its values on the spokes, from zero in the middle to the\n * scale's top at the rim. The row labels sit round the rim.\n *\n * Re-run `RadarChart.init(el)` after changing the table.\n */\nexport class RadarChart extends LineChart {\n  protected get _type() {\n    return 'radar-chart';\n  }\n\n  protected get _key() {\n    return 'Expressive_RadarChart';\n  }\n\n  /** The scale starts at zero, the middle, so shapes compare by size. */\n  protected get _fromZero() {\n    return true;\n  }\n\n  protected get _circular() {\n    return true;\n  }\n\n  static init(el: HTMLElement, options?: Partial<RadarChartOptions>): RadarChart;\n  static init(els: InitElements<InitElement>, options?: Partial<RadarChartOptions>): RadarChart[];\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<RadarChartOptions> = {}\n  ): RadarChart | RadarChart[] {\n    return super.init(els as HTMLElement, options) as RadarChart | RadarChart[];\n  }\n\n  static getInstance(el: HTMLElement): RadarChart {\n    return el['Expressive_RadarChart'];\n  }\n\n  /**\n   * The cursor is a spoke turned by --turn, and the tooltip sits past its\n   * tip. LineChart's points on the spoke keep their top, a share of the\n   * radius, which stops at the rim and the middle like the shapes.\n   */\n  protected _place(index: number) {\n    for (const dot of this._cursor.children as HTMLCollectionOf<HTMLElement>) {\n      dot.style.top = `${Math.min(100, Math.max(0, parseFloat(dot.style.top)))}%`;\n    }\n    const turn = this._turn(index);\n    this._cursor.style.setProperty('--turn', String(turn));\n    this._tooltip.style.setProperty('--turn', String(turn));\n    // On the right half it opens leftwards, over the chart.\n    this._tooltip.classList.toggle('end', turn > 0 && turn < 0.5);\n  }\n\n  /** A row's spoke as a fraction of a turn clockwise from the top. */\n  private _turn(index: number) {\n    return index / this.labels.length;\n  }\n\n  /** Only the legend; the labels go round the rim in _draw. */\n  protected _guides(): Element[] {\n    return this._legend();\n  }\n\n  /** The nearest spoke to the pointer, by its angle from the middle. */\n  protected _indexAt(e: PointerEvent) {\n    const [turn] = this._polarAt(e);\n    return Math.round(turn * this.labels.length) % this.labels.length;\n  }\n\n  /**\n   * An SVG in a -50 to 50 box: the rings and spokes of the grid, then each\n   * series' shape, with its points for .points. The rim is the box's edge;\n   * the labels round it are HTML.\n   */\n  protected _draw(): Element {\n    const at = (index: number, share: number) => polarPoint(this._turn(index), 50 * share);\n    // The rim is the scale's top, so _y is the distance in from the rim.\n    const share = (value: number) => Math.min(1, Math.max(0, 1 - this._y(value) / 100));\n    const rows = this.labels.map((_, i) => i);\n    const ring = (r: number) => `M${rows.map((i) => at(i, r)).join('L')}Z`;\n\n    const svg = node('svg', { viewBox: '-50 -50 100 100', 'aria-hidden': 'true', focusable: 'false' });\n    svg.append(node('path', {\n      class: 'radar-chart-grid',\n      d: Array.from({ length: RINGS }, (_, r) => ring((r + 1) / RINGS)).join('')\n        + rows.map((i) => `M0,0L${at(i, 1)}`).join('')\n    }));\n    const points = this.el.classList.contains('points');\n    this.series.forEach((series, s) => {\n      const group = node('g', {\n        class: `radar-chart-series ${series.className}`.trim(),\n        'data-series': seriesColor(s)\n      });\n      // ponytail: a gap joins the spokes either side of it; mark gaps if charts need them.\n      const drawn = rows.filter((i) => series.values[i] !== null);\n      const corners = drawn.map((i) => at(i, share(series.values[i]!)));\n      group.append(node('path', { class: 'radar-chart-shape', d: corners.length ? `M${corners.join('L')}Z` : '' }));\n      // Round caps on zero-length lines, so CSS sizes the points in pixels.\n      if (points) group.append(node('path', { class: 'radar-chart-points', d: corners.map((c) => `M${c}h0`).join('') }));\n      svg.append(group);\n    });\n\n    const labels = document.createElement('ol');\n    labels.className = 'radar-chart-axes';\n    labels.setAttribute('aria-hidden', 'true');\n    this.labels.forEach((text, i) => {\n      const li = document.createElement('li');\n      li.textContent = text;\n      li.style.setProperty('--turn', String(this._turn(i)));\n      labels.append(li);\n    });\n\n    const web = document.createElement('div');\n    web.className = 'radar-chart-web';\n    web.append(svg, labels);\n    return web;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["share"]
+}