@expressivecss/expressive 0.11.0 → 0.12.0

package/dist/js/chunks/{chunk-XFJ452AZ.mjs.map → chunk-HB6IW7QQ.mjs.map}

@@ -1,7 +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 ?? -1;\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 (userOnOpenEnd && 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 (userOnCloseEnd && 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    const realValues = this.getSelectedValues();\n    return realValues.some((realValue) => realValue === value.el.value);\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.prototype.filter.call(\n      this.el.selectedOptions,\n      (realOption: HTMLOptionElement) => realOption\n    );\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": "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",
+  "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 ?? -1;\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 (userOnOpenEnd && 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 (userOnCloseEnd && 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.prototype.filter.call(\n      this.el.selectedOptions,\n      (realOption: HTMLOptionElement) => realOption\n    );\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": "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",
   "names": ["value"]
 }

package/dist/js/chunks/{chunk-AYYYWUJ4.mjs → chunk-HLDXZ7XB.mjs}

@@ -1,12 +1,12 @@
 import {
   Menu
-} from "./chunk-TK6PX2GC.mjs";
+} from "./chunk-YSBCHYXP.mjs";
 import {
   Utils
-} from "./chunk-MISGHDUU.mjs";
+} from "./chunk-6OMRGML6.mjs";
 import {
   Component
-} from "./chunk-QSQ24FYT.mjs";
+} from "./chunk-LTWPGFBR.mjs";
 
 // src/ts/components/autocomplete.ts
 var _defaults = {
@@ -136,7 +136,6 @@ var _Autocomplete = class _Autocomplete extends Component {
       const inputText = this.el.value.toLocaleLowerCase();
       this._resetAutocomplete();
       if (inputText.length >= this.options.minLength) {
-        this.isOpen = true;
         this._renderMenu();
         this._announce(this.menuItems.length ? this.options.i18n.results(this.menuItems.length) : this.options.i18n.noResults);
       }
@@ -230,6 +229,7 @@ var _Autocomplete = class _Autocomplete extends Component {
     }
     this._removeEventHandlers();
     this.menu.destroy();
+    this.isOpen = false;
     this._removeMenu();
     this._statusInfo.remove();
     this._announcer.remove();
@@ -277,6 +277,16 @@ var _Autocomplete = class _Autocomplete extends Component {
       ..._Autocomplete.defaults.menuOptions,
       ...this.options.menuOptions
     };
+    const userOnOpenStart = menuOptions.onOpenStart;
+    const userOnCloseStart = menuOptions.onCloseStart;
+    menuOptions.onOpenStart = (el) => {
+      this.isOpen = true;
+      if (typeof userOnOpenStart === "function") userOnOpenStart.call(this.menu, el);
+    };
+    menuOptions.onCloseStart = (el) => {
+      this.isOpen = false;
+      if (typeof userOnCloseStart === "function") userOnCloseStart.call(this.menu, el);
+    };
     const userOnItemClick = menuOptions.onItemClick;
     menuOptions.onItemClick = (li) => {
       if (!li) return;
@@ -289,10 +299,7 @@ var _Autocomplete = class _Autocomplete extends Component {
     const label = this.el.parentElement.querySelector("label");
     if (label) this.el.after(label);
     this.el.removeEventListener("click", this.menu._handleClick);
-    if (!this.options.isMultiSelect && !(this.options.selected.length === 0)) {
-      const selectedValue = this.menuItems.filter((value) => value.id === this.selectedValues[0].id);
-      this.el.value = selectedValue[0].text;
-    }
+    if (!this.options.isMultiSelect) this._refreshInputText();
     if (this.el.value) this.selectOption(this.el.value);
     const div = document.createElement("div");
     div.classList.add("status-info");
@@ -320,7 +327,6 @@ var _Autocomplete = class _Autocomplete extends Component {
     this.container.replaceChildren();
     this._resetCurrentElementPosition();
     this.oldVal = null;
-    this.isOpen = false;
     this._pointerDown = false;
   }
   _highlightPartialText(input, label) {
@@ -438,7 +444,7 @@ var _Autocomplete = class _Autocomplete extends Component {
     }
   }
   _triggerChanged() {
-    this.el.dispatchEvent(new Event("change"));
+    this.el.dispatchEvent(new Event("change", { bubbles: true, cancelable: true, composed: true }));
     if (typeof this.options.onAutocomplete === "function")
       this.options.onAutocomplete.call(this, this.selectedValues);
   }
@@ -508,4 +514,4 @@ var Autocomplete = _Autocomplete;
 export {
   Autocomplete
 };
-//# sourceMappingURL=chunk-AYYYWUJ4.mjs.map
+//# sourceMappingURL=chunk-HLDXZ7XB.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/autocomplete.ts"],
+  "sourcesContent": ["import { Utils } from '../core/utils';\nimport { Menu, MenuOptions } from './menu';\nimport { Component, BaseOptions, InitElements, InitElement } from '../core/component';\n\nexport interface AutocompleteData {\n  /**\n   * A primitive value that can be converted to string.\n   * If \"text\" is not provided, it will also be used as \"option text\" as well\n   */\n  id: string | number;\n  /**\n   * This optional attribute is used as \"display value\" for the current entry.\n   * When provided, it will also be taken into consideration by the standard search function.\n   */\n  text?: string;\n  /**\n   * This optional attribute is used to provide a valid image URL to the current option.\n   */\n  image?: string;\n  /**\n   * Optional attributes which describes the option.\n   */\n  description?: string;\n}\n\nexport interface AutocompleteOptions extends BaseOptions {\n  i18n: Partial<{\n    loading: string;\n    noResults: string;\n    results: (count: number) => string;\n    selected: (count: number) => string;\n  }>;\n  /**\n   * Data object defining autocomplete options with\n   * optional icon strings.\n   */\n  data: AutocompleteData[];\n  /**\n   * Flag which can be set if multiple values can be selected. The Result will be an Array.\n   * @default false\n   */\n  isMultiSelect: boolean;\n  /**\n   * Callback for when autocompleted.\n   */\n  onAutocomplete: (entries: AutocompleteData[]) => void;\n  /**\n   * Minimum number of characters before autocomplete starts.\n   * @default 1\n   */\n  minLength: number;\n  /**\n   * The height of the Menu which can be set via css-property.\n   * @default '300px'\n   */\n  maxMenuHeight: string;\n  /**\n   * Function is called when the input text is altered and data can also be loaded asynchronously.\n   * If the results are collected the items in the list can be updated via the function setMenuItems(collectedItems).\n   * @param text Searched text.\n   * @param autocomplete Current autocomplete instance.\n   */\n  onSearch: (text: string, autocomplete: Autocomplete) => void;\n  /**\n   * If true will render the key from each item directly as HTML.\n   * User input MUST be properly sanitized first.\n   * @default false\n   */\n  allowUnsafeHTML: boolean;\n  /**\n   * Pass options object to select menu initialization.\n   * @default {}\n   */\n  menuOptions: Partial<MenuOptions>;\n  /**\n   * Predefined selected values\n   */\n  selected: number[] | string[];\n}\n\nconst _defaults: AutocompleteOptions = {\n  i18n: {\n    loading: 'Loading results.',\n    noResults: 'No results.',\n    results: count => `${count} ${count === 1 ? 'result' : 'results'} available.`,\n    selected: count => `${count} ${count === 1 ? 'item' : 'items'} selected.`\n  },\n  data: [], // Autocomplete data set\n  onAutocomplete: null, // Callback for when autocompleted\n  menuOptions: {\n    // Default menu options\n    autoFocus: false,\n    closeOnClick: false,\n    coverTrigger: false\n  },\n  minLength: 1, // Min characters before autocomplete starts\n  isMultiSelect: false,\n  onSearch: (text: string, autocomplete: Autocomplete) => {\n    const normSearch = text.toLocaleLowerCase();\n    const data = autocomplete.options.data;\n    autocomplete.setMenuItems(\n      data.filter((option) =>\n        option.id.toString().toLocaleLowerCase().includes(normSearch)\n          || option.text?.toLocaleLowerCase().includes(normSearch)\n\n      )\n    );\n    autocomplete.options.data = data;\n  },\n  maxMenuHeight: '300px',\n  allowUnsafeHTML: false,\n  selected: []\n};\n\nexport class Autocomplete extends Component<AutocompleteOptions> {\n  declare el: HTMLInputElement;\n  /** If the autocomplete is open. */\n  isOpen: boolean;\n  /** Number of matching autocomplete options. */\n  count: number;\n  /** Index of the current selected option. */\n  activeIndex: number;\n  private oldVal: string;\n  private $active: HTMLElement | null;\n  private _openTimer: ReturnType<typeof setTimeout> | undefined;\n  private _statusInfo: HTMLElement;\n  private _announcer: HTMLElement;\n\n  /**\n   * The active entry, for both the eye and the screen reader. The class alone\n   * was invisible to assistive technology; aria-activedescendant on the input\n   * is what reports the move.\n   *\n   * Deliberately does not touch aria-selected. Active and selected are two\n   * different things - in a multi-select the checkboxes track real choices,\n   * and folding the highlight into aria-selected would announce a committed\n   * choice as unselected the moment the user arrowed past it.\n   */\n  private _setActive(item: HTMLElement | null) {\n    this.$active?.classList.remove('active');\n    this.$active = item;\n    if (item) {\n      item.classList.add('active');\n      this.el.setAttribute('aria-activedescendant', item.id);\n    } else {\n      this.el.removeAttribute('aria-activedescendant');\n    }\n  }\n  private _pointerDown: boolean;\n  container: HTMLElement;\n  /** Instance of the menu plugin for this autocomplete. */\n  menu: Menu;\n  static _keydown: boolean;\n  selectedValues: AutocompleteData[];\n  menuItems: AutocompleteData[];\n\n  constructor(el: HTMLInputElement, options: Partial<AutocompleteOptions>) {\n    super(el, options, Autocomplete);\n    this.el['Expressive_Autocomplete'] = this;\n\n    this.options = {\n      ...Autocomplete.defaults,\n      ...options,\n      i18n: { ...Autocomplete.defaults.i18n, ...options?.i18n }\n    };\n\n    this.isOpen = false;\n    this.count = 0;\n    this.activeIndex = -1;\n    this.oldVal = '';\n    this.selectedValues = this.options.selected.map((id) => this.options.data.find(entry => entry.id === id) ?? { id });\n    this.menuItems = this.options.data || [];\n    this.$active = null;\n    this._pointerDown = false;\n    this._setupMenu();\n    this._setupEventHandlers();\n  }\n\n  static get defaults(): AutocompleteOptions {\n    return _defaults;\n  }\n\n  /**\n   * Initializes instance of Autocomplete.\n   * @param el HTML element.\n   * @param options Component options.\n   */\n  static init(el: HTMLInputElement, options?: Partial<AutocompleteOptions>): Autocomplete;\n  /**\n   * Initializes instances of Autocomplete.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: InitElements<HTMLInputElement | InitElement>,\n    options?: Partial<AutocompleteOptions>\n  ): Autocomplete[];\n  /**\n   * Initializes instances of Autocomplete.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: HTMLInputElement | InitElements<HTMLInputElement | InitElement>,\n    options: Partial<AutocompleteOptions> = {}\n  ): Autocomplete | Autocomplete[] {\n    return super.init(els, options, Autocomplete);\n  }\n\n  static getInstance(el: HTMLElement): Autocomplete {\n    return el['Expressive_Autocomplete'];\n  }\n\n  /**\n   * The three-dot loading indicator, parsed once and cloned thereafter.\n   *\n   * It is shown on every input change, and it used to be assigned as an\n   * innerHTML string each time - re-running the HTML parser over the same\n   * fixed markup on every keystroke.\n   */\n  private static _loadingTemplate: HTMLElement = null;\n\n  private static _loadingIndicator(): HTMLElement {\n    if (!Autocomplete._loadingTemplate) {\n      const template = document.createElement('template');\n      template.innerHTML = `<div style=\"height:100%;width:50px;\"><svg version=\"1.1\" id=\"L4\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 100 100\" enable-background=\"new 0 0 0 0\" xml:space=\"preserve\">\n    <circle fill=\"#888c\" stroke=\"none\" cx=\"6\" cy=\"50\" r=\"6\"><animate attributeName=\"opacity\" dur=\"1s\" values=\"0;1;0\" repeatCount=\"indefinite\" begin=\"0.1\"/></circle>\n    <circle fill=\"#888c\" stroke=\"none\" cx=\"26\" cy=\"50\" r=\"6\"><animate attributeName=\"opacity\" dur=\"1s\" values=\"0;1;0\" repeatCount=\"indefinite\" begin=\"0.2\"/></circle>\n    <circle fill=\"#888c\" stroke=\"none\" cx=\"46\" cy=\"50\" r=\"6\"><animate attributeName=\"opacity\" dur=\"1s\" values=\"0;1;0\" repeatCount=\"indefinite\"  begin=\"0.3\"/></circle>\n  </svg></div>`;\n      Autocomplete._loadingTemplate = template.content.firstElementChild as HTMLElement;\n    }\n    return Autocomplete._loadingTemplate.cloneNode(true) as HTMLElement;\n  }\n\n  destroy() {\n    // open() defers menu.open() to a timer. Without cancelling it, destroying\n    // an autocomplete that was opened in the same tick let the callback run\n    // against a menu whose element had already been removed.\n    if (this._openTimer !== undefined) {\n      clearTimeout(this._openTimer);\n      this._openTimer = undefined;\n    }\n    this._removeEventHandlers();\n    this.menu.destroy();\n    this.isOpen = false;\n    this._removeMenu();\n    this._statusInfo.remove();\n    this._announcer.remove();\n    this.el['Expressive_Autocomplete'] = undefined;\n  }\n\n  _setupEventHandlers() {\n    this.el.addEventListener('blur', this._handleInputBlur);\n    this.el.addEventListener('input', this._handleInput);\n    this.el.addEventListener('keyup', this._handleInputKeyup);\n    this.el.addEventListener('focus', this._handleInputFocus);\n    this.el.addEventListener('keydown', this._handleInputKeydown);\n    this.el.addEventListener('click', this._handleInputClick);\n    // One pair, not two. These used to be a mouse pair plus a touch pair behind\n    // a `window.ontouchstart` feature detect; a pointer event covers both, and\n    // the detect covered nothing the browser does not report itself.\n    this.container.addEventListener('pointerdown', this._handleContainerPointerDown);\n    this.container.addEventListener('pointerup', this._handleContainerPointerUp);\n    this.container.addEventListener('pointercancel', this._handleContainerPointerUp);\n  }\n\n  _removeEventHandlers() {\n    this.el.removeEventListener('blur', this._handleInputBlur);\n    this.el.removeEventListener('input', this._handleInput);\n    this.el.removeEventListener('keyup', this._handleInputKeyup);\n    this.el.removeEventListener('focus', this._handleInputFocus);\n    this.el.removeEventListener('keydown', this._handleInputKeydown);\n    this.el.removeEventListener('click', this._handleInputClick);\n    this.container.removeEventListener('pointerdown', this._handleContainerPointerDown);\n    this.container.removeEventListener('pointerup', this._handleContainerPointerUp);\n    this.container.removeEventListener('pointercancel', this._handleContainerPointerUp);\n  }\n\n  _setupMenu() {\n    this.container = document.createElement('menu');\n    this.container.style.maxHeight = this.options.maxMenuHeight;\n    this.container.id = `autocomplete-options-${Utils.guid()}`;\n    this.container.classList.add('autocomplete-content');\n    this.container.ariaExpanded = 'true';\n    // An autocomplete is the textbook combobox, and this one already\n    // implements the keyboard contract the roles promise - Up and Down move\n    // the active entry, Enter commits it - so it is allowed to claim them.\n    // It had none: the suggestions were an unlabelled list of <li>, and the\n    // highlight moved with a class no assistive technology could see.\n    this.container.setAttribute('role', 'listbox');\n    this.el.setAttribute('role', 'combobox');\n    this.el.setAttribute('aria-autocomplete', 'list');\n    this.el.setAttribute('aria-controls', this.container.id);\n    this.el.setAttribute('data-target', this.container.id);\n\n    this.menuItems.forEach((menuItem) => {\n      const itemElement = this._createMenuItem(menuItem);\n      this.container.append(itemElement);\n    });\n\n    // ! Issue in Component Menu: _placeMenu moves dom-position\n    this.el.parentElement.appendChild(this.container);\n\n    // Initialize menu\n    const menuOptions = {\n      ...Autocomplete.defaults.menuOptions,\n      ...this.options.menuOptions\n    };\n    const userOnOpenStart = menuOptions.onOpenStart;\n    const userOnCloseStart = menuOptions.onCloseStart;\n    menuOptions.onOpenStart = (el) => {\n      this.isOpen = true;\n      if (typeof userOnOpenStart === 'function') userOnOpenStart.call(this.menu, el);\n    };\n    menuOptions.onCloseStart = (el) => {\n      this.isOpen = false;\n      if (typeof userOnCloseStart === 'function') userOnCloseStart.call(this.menu, el);\n    };\n    // The wrapper is installed unconditionally: selecting the clicked entry is\n    // how the autocomplete works, not an optional extra. Only the forwarding to\n    // a user-supplied handler is conditional, and it hands over exactly what\n    // Menu would have (the clicked `li`, called on the Menu instance).\n    const userOnItemClick = menuOptions.onItemClick;\n    menuOptions.onItemClick = (li) => {\n      if (!li) return;\n      const entryID = li.getAttribute('data-id');\n      this.selectOption(entryID);\n      if (typeof userOnItemClick === 'function') userOnItemClick.call(this.menu, li);\n    };\n    this.menu = Menu.init(this.el, menuOptions);\n    this.el.setAttribute('aria-haspopup', 'listbox');\n\n    // ! Workaround for Label: move label up again\n    // TODO: Just use PopperJS in future!\n    const label = this.el.parentElement.querySelector('label');\n    if (label) this.el.after(label);\n\n    // Sketchy removal of menu click handler\n    this.el.removeEventListener('click', this.menu._handleClick);\n    if (!this.options.isMultiSelect) this._refreshInputText();\n    // Set Value if already set in HTML\n    if (this.el.value) this.selectOption(this.el.value);\n    // Add StatusInfo\n    const div = document.createElement('div');\n    div.classList.add('status-info');\n    div.setAttribute('aria-hidden', 'true');\n    div.setAttribute('style', 'position: absolute;right:0;top:0;');\n    this.el.parentElement.appendChild(div);\n    this._statusInfo = div;\n    this._announcer = document.createElement('div');\n    this._announcer.classList.add('autocomplete-status');\n    this._announcer.setAttribute('role', 'status');\n    this._announcer.setAttribute('aria-live', 'polite');\n    this._announcer.setAttribute('aria-atomic', 'true');\n    this.el.parentElement.appendChild(this._announcer);\n    this._updateSelectedInfo();\n  }\n\n  _removeMenu() {\n    this.container.ariaExpanded = 'false';\n    this.container.parentNode.removeChild(this.container);\n  }\n\n  _handleInputBlur = () => {\n    if (!this._pointerDown) {\n      this.close();\n      this._resetAutocomplete();\n    }\n  };\n\n  _handleInputKeyup = () => {\n    Autocomplete._keydown = false;\n  };\n\n  _handleInput = () => {\n    this.count = 0;\n    const actualValue = this.el.value.toLocaleLowerCase();\n    // Check if the input isn't empty, and that focus arrived by keyboard -\n    // which is what `:focus-visible` means, and used to be a global flag this\n    // bundle maintained from four capture-phase document listeners.\n    if (this.oldVal !== actualValue && this.el.matches(':focus-visible')) {\n      this.open();\n    }\n    this._inputChangeDetection(actualValue);\n  };\n\n  _handleInputFocus = () => {\n    this.count = 0;\n    const actualValue = this.el.value.toLocaleLowerCase();\n    this._inputChangeDetection(actualValue);\n  };\n\n  _inputChangeDetection = (value: string) => {\n    if (!this.options.isMultiSelect && this.selectedValues.length && this.el.value !== (this.selectedValues[0].text || String(this.selectedValues[0].id))) {\n      this.selectedValues = [];\n    }\n    // Value has changed!\n    if (this.oldVal !== value) {\n      this._setStatusLoading();\n      this.options.onSearch(this.el.value, this);\n    }\n    // Reset Single-Select when Input cleared\n    if (!this.options.isMultiSelect && this.el.value.length === 0) {\n      this.selectedValues = [];\n      this._triggerChanged();\n    }\n    this.oldVal = value;\n  };\n\n  _handleInputKeydown = (e: KeyboardEvent) => {\n    Autocomplete._keydown = true;\n    if (e.key === Utils.keys.ESC || e.key === 'Tab') {\n      this.close();\n      this._resetCurrentElementPosition();\n      return;\n    }\n    // Arrow keys and enter key usage\n    const numItems = this.container.querySelectorAll('li').length;\n    // select element on Enter\n    if (e.key === Utils.keys.ENTER && this.activeIndex >= 0) {\n      const liElement = this.container.querySelectorAll('li')[this.activeIndex];\n      if (liElement) {\n        this.selectOption(liElement.getAttribute('data-id'));\n        e.preventDefault();\n      }\n      return;\n    }\n    // Capture up and down key\n    if (e.key === Utils.keys.ARROW_UP || e.key === Utils.keys.ARROW_DOWN) {\n      e.preventDefault();\n      if (e.key === Utils.keys.ARROW_UP && this.activeIndex > 0) this.activeIndex--;\n      if (e.key === Utils.keys.ARROW_DOWN && this.activeIndex < numItems - 1)\n        this.activeIndex++;\n      this._setActive(null);\n      if (this.activeIndex >= 0) {\n        this._setActive(this.container.querySelectorAll('li')[this.activeIndex]);\n        // Focus selected\n        this.container.children[this.activeIndex].scrollIntoView({\n          behavior: 'smooth',\n          block: 'nearest',\n          inline: 'nearest'\n        });\n      }\n    }\n  };\n\n  _handleInputClick = () => {\n    this.open();\n  };\n\n  // The flag says \"a press is in flight inside the option list\", so that a blur\n  // caused by that press does not close the list out from under it. Without the\n  // cancel half, a cancelled gesture left the flag set and the next blur could\n  // not close the list at all.\n  _handleContainerPointerDown = (e: PointerEvent) => {\n    if (!e.isPrimary) return;\n    if (e.pointerType === 'mouse' && e.button !== 0) return;\n    this._pointerDown = true;\n  };\n\n  _handleContainerPointerUp = () => {\n    this._pointerDown = false;\n  };\n\n  _resetCurrentElementPosition() {\n    this.activeIndex = -1;\n    this._setActive(null);\n  }\n\n  _resetAutocomplete() {\n    this.container.replaceChildren();\n    this._resetCurrentElementPosition();\n    this.oldVal = null;\n    this._pointerDown = false;\n  }\n\n  _highlightPartialText(input: string, label: string) {\n    const start = label.toLocaleLowerCase().indexOf('' + input.toLocaleLowerCase() + '');\n    const end = start + input.length - 1;\n    //custom filters may return results where the string does not match any part\n    if (start == -1 || end == -1) {\n      return [label, '', ''];\n    }\n    return [label.slice(0, start), label.slice(start, end + 1), label.slice(end + 1)];\n  }\n\n  _createMenuItem(entry: AutocompleteData) {\n    const item = document.createElement('li');\n    item.id = `autocomplete-option-${Utils.guid()}`;\n    item.setAttribute('role', 'option');\n    // role=option promises a selection state on every entry, not just the\n    // chosen one - and it has to be the *real* one. A multi-select entry that\n    // is already committed is selected whether or not it is the highlighted\n    // row.\n    const isSelected = this.selectedValues.some((sel) => sel.id === entry.id);\n    item.setAttribute('aria-selected', isSelected ? 'true' : 'false');\n    item.setAttribute('data-id', <string>entry.id);\n    item.setAttribute(\n      'style',\n      'display:grid; grid-auto-flow: column; user-select: none; align-items: center;'\n    );\n    item.tabIndex = -1;\n    // Checkbox\n    if (this.options.isMultiSelect) {\n      const selection = document.createElement('div');\n      selection.classList.add('item-selection');\n      selection.style.textAlign = 'center';\n      const checkbox = document.createElement('input');\n      checkbox.type = 'checkbox';\n      checkbox.tabIndex = -1;\n      checkbox.checked = isSelected;\n      const spacer = document.createElement('span');\n      spacer.style.paddingLeft = '21px';\n      selection.append(checkbox, spacer);\n      item.appendChild(selection);\n    }\n    // Image\n    if (entry.image) {\n      const img = document.createElement('img');\n      img.classList.add('circle');\n      img.src = entry.image;\n      item.appendChild(img);\n    }\n\n    // Text\n    const inputText = this.el.value.toLocaleLowerCase();\n    const parts = this._highlightPartialText(inputText, (entry.text || entry.id).toString());\n    const div = document.createElement('div');\n    div.setAttribute('style', 'line-height:1.2;font-weight:500;');\n    if (this.options.allowUnsafeHTML) {\n      div.innerHTML = parts[0] + '<span class=\"highlight\">' + parts[1] + '</span>' + parts[2];\n    } else {\n      div.appendChild(document.createTextNode(parts[0]));\n      if (parts[1]) {\n        const highlight = document.createElement('span');\n        highlight.textContent = parts[1];\n        highlight.classList.add('highlight');\n        div.appendChild(highlight);\n        div.appendChild(document.createTextNode(parts[2]));\n      }\n    }\n\n    const itemText = document.createElement('div');\n    itemText.classList.add('item-text');\n    itemText.setAttribute('style', 'padding:5px;overflow:hidden;');\n    item.appendChild(itemText);\n    item.querySelector('.item-text').appendChild(div);\n    // Description\n    if (\n      typeof entry.description === 'string' ||\n      (typeof entry.description === 'number' && !isNaN(entry.description))\n    ) {\n      const description = document.createElement('small');\n      description.setAttribute(\n        'style',\n        'line-height:1.3;color:grey;white-space:nowrap;text-overflow:ellipsis;display:block;width:90%;overflow:hidden;'\n      );\n      description.innerText = entry.description;\n      item.querySelector('.item-text').appendChild(description);\n    }\n    // Set Grid\n    const getGridConfig = () => {\n      if (this.options.isMultiSelect) {\n        if (entry.image) return '40px min-content auto'; // cb-img-txt\n        return '40px auto'; // cb-txt\n      }\n      if (entry.image) return 'min-content auto'; // img-txt\n      return 'auto'; // txt\n    };\n    item.style.gridTemplateColumns = getGridConfig();\n    return item;\n  }\n\n  _renderMenu() {\n    this._resetAutocomplete();\n    // Check if Data is empty\n    if (this.menuItems.length === 0) {\n      this.menuItems = this.selectedValues; // Show selected Items\n    }\n    for (let i = 0; i < this.menuItems.length; i++) {\n      const item = this._createMenuItem(this.menuItems[i]);\n      this.container.append(item);\n    }\n  }\n\n  _setStatusLoading() {\n    const statusElement = this._statusInfo;\n    if (statusElement) statusElement.replaceChildren(Autocomplete._loadingIndicator());\n    this._announce(this.options.i18n.loading);\n  }\n\n  private _announce(message: string) {\n    if (!this._announcer) return;\n    const text = this.el.matches(':focus') && this.el.value.length >= this.options.minLength ? message : '';\n    if (this._announcer.textContent !== text) this._announcer.textContent = text;\n  }\n\n  _updateSelectedInfo() {\n    const statusElement = this._statusInfo;\n    if (statusElement) {\n      if (this.options.isMultiSelect)\n        statusElement.textContent = this.selectedValues.length.toString();\n      else statusElement.replaceChildren();\n    }\n  }\n\n  _refreshInputText() {\n    if (this.selectedValues.length === 1) {\n      const entry = this.selectedValues[0];\n      this.el.value = entry.text || <string>entry.id; // Write Text to Input\n    }\n  }\n\n  _triggerChanged() {\n    this.el.dispatchEvent(new Event('change', { bubbles: true, cancelable: true, composed: true }));\n    // Trigger Autocomplete Event\n    if (typeof this.options.onAutocomplete === 'function')\n      this.options.onAutocomplete.call(this, this.selectedValues);\n  }\n\n  /**\n   * Show autocomplete.\n   */\n  open = () => {\n    const inputText = this.el.value.toLocaleLowerCase();\n    this._resetAutocomplete();\n    if (inputText.length >= this.options.minLength) {\n      this._renderMenu();\n      this._announce(this.menuItems.length ? this.options.i18n.results(this.menuItems.length) : this.options.i18n.noResults);\n    }\n    // Open menu\n    if (!this.menu.isOpen) {\n      // Cancel first: two open() calls before the callback fires would leave\n      // the earlier timer untracked, and destroy() can only cancel the one it\n      // knows about.\n      if (this._openTimer !== undefined) clearTimeout(this._openTimer);\n      this._openTimer = setTimeout(() => {\n        this._openTimer = undefined;\n        this.menu.open();\n      }, 0); // TODO: why?\n    } else this.menu.recalculateDimensions(); // Recalculate menu when its already open\n  };\n\n  /**\n   * Hide autocomplete.\n   */\n  close = () => {\n    if (this._announcer) this._announcer.textContent = '';\n    if (this._openTimer !== undefined) {\n      clearTimeout(this._openTimer);\n      this._openTimer = undefined;\n    }\n    this.isOpen = false;\n    this.menu.close();\n  };\n\n  /**\n   * Updates the visible or selectable items shown in the menu.\n   * @param menuItems Items to be available.\n   * @param selected Selected item ids\n   * @param open Option to conditionally open menu\n   */\n  setMenuItems(menuItems: AutocompleteData[], selected: number[] | string[] = null, open: boolean = true) {\n    if (this.el['Expressive_Autocomplete'] !== this) return;\n    const resultCount = menuItems.length;\n    this.menuItems = menuItems;\n    this.options.data = menuItems;\n    if (selected) {\n      this.selectedValues = this.menuItems.filter(\n        (item) => !(selected.indexOf(<never>item.id) === -1)\n      );\n    }\n    if (this.options.isMultiSelect) {\n      this._renderMenu();\n    } else {\n      this._refreshInputText();\n    }\n    if (open) this.open();\n    this._updateSelectedInfo();\n    this._announce(open ? resultCount ? this.options.i18n.results(resultCount) : this.options.i18n.noResults : '');\n    this._triggerChanged();\n  }\n\n  /**\n   * Select a specific autocomplete option via id-property.\n   * @param id The id of a data-entry.\n   */\n  selectOption(id: number | string) {\n    const entry = this.menuItems.find((item) => item.id == id);\n    if (!entry) return;\n    // Toggle Checkbox\n    /* const li = this.container.querySelector('li[data-id=\"' + id + '\"]');\n    if (!li) return;*/\n    if (this.options.isMultiSelect) {\n      /* const checkbox = <HTMLInputElement | null>li.querySelector('input[type=\"checkbox\"]');\n      checkbox.checked = !checkbox.checked;*/\n      if (!(this.selectedValues.filter(\n        (selectedEntry) => selectedEntry.id === entry.id\n      ).length >= 1)) this.selectedValues.push(entry);\n      else this.selectedValues = this.selectedValues.filter(\n        (selectedEntry) => selectedEntry.id !== entry.id\n      );\n      this._renderMenu();\n      this.el.focus();\n    } else {\n      // Single-Select\n      this.selectedValues = [entry];\n      this._refreshInputText();\n      this._resetAutocomplete();\n      this.close();\n    }\n    this._updateSelectedInfo();\n    if (this.options.isMultiSelect) this._announce(this.options.i18n.selected(this.selectedValues.length));\n    this._triggerChanged();\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/js/chunks/{chunk-7GKXUG4B.mjs → chunk-HNFSMIBY.mjs}

@@ -1,57 +1,57 @@
 import {
   Tabs
-} from "./chunk-IMUPRRI6.mjs";
+} from "./chunk-3VOK6J7U.mjs";
 import {
   Timepicker
-} from "./chunk-D4UZ4HFN.mjs";
+} from "./chunk-IFXVDDDH.mjs";
 import {
   Tooltip
-} from "./chunk-JODJAGFS.mjs";
+} from "./chunk-CKQP6P76.mjs";
 import {
   EXPANDING_CARD_SELECTOR,
   ExpandingCard
-} from "./chunk-N3UHGN3N.mjs";
+} from "./chunk-QVVEWBOF.mjs";
 import {
   Lightbox
-} from "./chunk-JNPIWFJT.mjs";
+} from "./chunk-UNEMYWEW.mjs";
 import {
   NavigationRail
-} from "./chunk-XDB3G6RL.mjs";
+} from "./chunk-6N2XAEFK.mjs";
 import {
   ScrollSpy
-} from "./chunk-FRB7TOCS.mjs";
+} from "./chunk-QV2JAWIZ.mjs";
 import {
   ButtonGroup
-} from "./chunk-XO5WX3TK.mjs";
+} from "./chunk-YDCS5S3J.mjs";
 import {
   FloatingActionButton
-} from "./chunk-VAS6JQ6P.mjs";
+} from "./chunk-PIJ2TAR3.mjs";
 import {
   CARDS_SELECTOR,
   Cards,
   isCardReveal
-} from "./chunk-7UXHSYIA.mjs";
+} from "./chunk-UBLRRJ7N.mjs";
 import {
   Carousel
-} from "./chunk-I5KR22BY.mjs";
+} from "./chunk-LWBQIX5J.mjs";
 import {
   Chips
-} from "./chunk-CDW6WIRT.mjs";
+} from "./chunk-RFZZCYVU.mjs";
 import {
   Autocomplete
-} from "./chunk-AYYYWUJ4.mjs";
+} from "./chunk-HLDXZ7XB.mjs";
 import {
   Datepicker
-} from "./chunk-74N6U5JJ.mjs";
+} from "./chunk-H2WA4XHH.mjs";
 import {
   FormSelect
-} from "./chunk-XFJ452AZ.mjs";
+} from "./chunk-HB6IW7QQ.mjs";
 import {
   Menu
-} from "./chunk-TK6PX2GC.mjs";
+} from "./chunk-YSBCHYXP.mjs";
 import {
   AppBar
-} from "./chunk-EP3CVKB5.mjs";
+} from "./chunk-UEZUJQ66.mjs";
 
 // src/ts/components/registry.ts
 var AUTO_INIT_COMPONENTS = {
@@ -117,4 +117,4 @@ export {
   AUTO_INIT_COMPONENTS,
   AutoInit
 };
-//# sourceMappingURL=chunk-7GKXUG4B.mjs.map
+//# sourceMappingURL=chunk-HNFSMIBY.mjs.map

package/dist/js/chunks/{chunk-D4UZ4HFN.mjs → chunk-IFXVDDDH.mjs}

@@ -1,12 +1,12 @@
 import {
   DockedDisplayPlugin
-} from "./chunk-SLFNPY5M.mjs";
+} from "./chunk-EC63CHXU.mjs";
 import {
   Utils
-} from "./chunk-MISGHDUU.mjs";
+} from "./chunk-6OMRGML6.mjs";
 import {
   Component
-} from "./chunk-QSQ24FYT.mjs";
+} from "./chunk-LTWPGFBR.mjs";
 
 // src/ts/components/timepicker.ts
 var _defaults = {
@@ -50,6 +50,7 @@ var _Timepicker = class _Timepicker extends Component {
     /** Whether the dial (ticks + SVG + AM/PM buttons) has been built yet. */
     this._clockBuilt = false;
     this._handleInputClick = () => {
+      this._updateTimeFromInput();
       this._ensureClockBuilt();
       if (this.displayPlugin) this.displayPlugin.show();
       this.inputHours.focus();
@@ -58,10 +59,7 @@ var _Timepicker = class _Timepicker extends Component {
     this._handleInputKeydown = (e) => {
       if (e.key === Utils.keys.ENTER) {
         e.preventDefault();
-        this._ensureClockBuilt();
-        if (this.displayPlugin) this.displayPlugin.show();
-        this.inputHours.focus();
-        if (typeof this.options.onInputInteraction === "function") this.options.onInputInteraction.call(this);
+        this._handleInputClick();
       }
     };
     this._handleClockClickStart = (e) => {
@@ -105,7 +103,9 @@ var _Timepicker = class _Timepicker extends Component {
         this.inputMinutes.focus();
         this.showView("minutes", this.options.duration / 2);
       } else {
-        setTimeout(() => {
+        clearTimeout(this._autoSubmitTimer);
+        this._autoSubmitTimer = setTimeout(() => {
+          this._autoSubmitTimer = null;
           if (this.options.autoSubmit) this.done();
         }, this.options.duration / 2);
       }
@@ -157,6 +157,7 @@ var _Timepicker = class _Timepicker extends Component {
       const input = event.target;
       const isHours = input === this.inputHours;
       if (!isHours && input !== this.inputMinutes) return;
+      this._cancelClockReset();
       const value = Number(input.value);
       const min = isHours && this.options.twelveHour ? 1 : 0;
       const max = isHours ? this.options.twelveHour ? 12 : 23 : 59;
@@ -225,6 +226,10 @@ var _Timepicker = class _Timepicker extends Component {
     return el["Expressive_Timepicker"];
   }
   destroy() {
+    clearTimeout(this._autoSubmitTimer);
+    clearTimeout(this.toggleViewTimer);
+    clearTimeout(this.vibrateTimer);
+    this._cancelClockReset();
     this._removeEventHandlers();
     this.displayPlugin?.destroy();
     this.containerEl.remove();
@@ -411,6 +416,7 @@ var _Timepicker = class _Timepicker extends Component {
     }
   }
   _updateTimeFromInput() {
+    this._cancelClockReset();
     let value = ((this.el.value || this.options.defaultTime || "") + "").trim().toUpperCase().split(":");
     const period = value[1]?.match(/AM|PM/)?.[0];
     value[1] = value[1]?.replace(/AM|PM/, "");
@@ -428,12 +434,17 @@ var _Timepicker = class _Timepicker extends Component {
     this.inputMinutes.value = _Timepicker._addLeadingZero(this.minutes);
     this._updateAmPmView();
   }
+  _cancelClockReset() {
+    clearTimeout(this._clockResetTimer);
+    this._clockResetTimer = null;
+    this._canvas?.classList.remove("timepicker-canvas-out");
+  }
   resetClock(delay) {
+    this._cancelClockReset();
     const view = this.currentView, value = this[view], isHours = view === "hours", unit = Math.PI / (isHours ? 6 : 30), radian = value * unit, radius = isHours && value > 0 && value < 13 ? this.options.innerRadius : this.options.outerRadius, x = Math.sin(radian) * radius, y = -Math.cos(radian) * radius;
     if (delay) {
       this._canvas?.classList.add("timepicker-canvas-out");
-      setTimeout(() => {
-        this._canvas?.classList.remove("timepicker-canvas-out");
+      this._clockResetTimer = setTimeout(() => {
         this.setHand(x, y);
       }, delay);
     } else {
@@ -452,6 +463,7 @@ var _Timepicker = class _Timepicker extends Component {
     this.setClockAttributes(radian, radius);
   }
   setHand(x, y, roundBy5 = false) {
+    this._cancelClockReset();
     const isHours = this.currentView === "hours", unit = Math.PI / (isHours || roundBy5 ? 6 : 30), z = Math.sqrt(x * x + y * y), inner = isHours && z < (this.options.outerRadius + this.options.innerRadius) / 2;
     let radian = Math.atan2(x, -y), radius = inner ? this.options.innerRadius : this.options.outerRadius;
     if (this.options.twelveHour) {
@@ -557,4 +569,4 @@ var Timepicker = _Timepicker;
 export {
   Timepicker
 };
-//# sourceMappingURL=chunk-D4UZ4HFN.mjs.map
+//# sourceMappingURL=chunk-IFXVDDDH.mjs.map