@expressivecss/expressive 0.9.1 → 0.10.0

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

@@ -0,0 +1,88 @@
+import {
+  Component
+} from "./chunk-QSQ24FYT.mjs";
+
+// src/ts/components/appBar.ts
+var _defaults = {};
+var AppBar = class _AppBar extends Component {
+  constructor(el, options) {
+    super(el, options, _AppBar);
+    this._observer = null;
+    this._sentinel = null;
+    this._input = null;
+    this._view = null;
+    this._searchOpen = false;
+    this._onIntersect = (entries) => {
+      const entry = entries[0];
+      if (!entry) return;
+      this.el.classList.toggle("collapsed", !entry.isIntersecting);
+    };
+    this._onSearchViewClose = () => {
+      this._searchOpen = this._view.open;
+    };
+    this._onSearchFocus = () => {
+      if (!this._view || this._searchOpen) return;
+      if (this._view instanceof HTMLDialogElement) {
+        this._searchOpen = true;
+        if (!this._view.open) this._view.showModal();
+        return;
+      }
+      this._view.hidden = false;
+      this._input?.setAttribute("aria-expanded", "true");
+    };
+    this.el["Expressive_AppBar"] = this;
+    this.options = { ..._AppBar.defaults, ...options };
+    this._setupCollapse();
+    this._setupSearch();
+  }
+  static get defaults() {
+    return _defaults;
+  }
+  static init(els, options = {}) {
+    return super.init(els, options, _AppBar);
+  }
+  static getInstance(el) {
+    return el["Expressive_AppBar"];
+  }
+  destroy() {
+    this._observer?.disconnect();
+    this._observer = null;
+    this._sentinel?.remove();
+    this._sentinel = null;
+    this._input?.removeEventListener("focus", this._onSearchFocus);
+    this._input?.removeEventListener("click", this._onSearchFocus);
+    this._view?.removeEventListener("close", this._onSearchViewClose);
+    this.el.classList.remove("collapsed");
+    this.el["Expressive_AppBar"] = void 0;
+  }
+  _setupCollapse() {
+    if (!this.el.classList.contains("medium") && !this.el.classList.contains("large")) {
+      return;
+    }
+    if (typeof IntersectionObserver === "undefined") return;
+    this._sentinel = document.createElement("span");
+    this._sentinel.setAttribute("aria-hidden", "true");
+    this._sentinel.style.cssText = "display:block;width:100%;height:1px;margin-top:-1px;pointer-events:none;visibility:hidden";
+    this.el.insertAdjacentElement("beforebegin", this._sentinel);
+    this._observer = new IntersectionObserver(this._onIntersect);
+    this._observer.observe(this._sentinel);
+  }
+  _setupSearch() {
+    this._input = this.el.querySelector('input[type="search"]');
+    if (!this._input) return;
+    const id = this._input.getAttribute("aria-controls");
+    if (id) this._view = document.getElementById(id);
+    if (!this._view) this._view = this.el.querySelector(".search-view");
+    if (!this._view) return;
+    this._input.addEventListener("focus", this._onSearchFocus);
+    this._input.addEventListener("click", this._onSearchFocus);
+    if (this._view instanceof HTMLDialogElement) {
+      this._view.addEventListener("close", this._onSearchViewClose);
+    }
+  }
+};
+
+export {
+  AppBar
+};
+//# sourceMappingURL=chunk-EP3CVKB5.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/appBar.ts"],
+  "sourcesContent": ["import { Component, BaseOptions, InitElements, InitElement } from '../core/component';\n\nconst _defaults: BaseOptions = {};\n\n/**\n * Collapse medium/large flexible app bars on scroll, and open the related\n * search view when the search field in a search app bar is selected.\n *\n * Observation is IntersectionObserver on a 1px sentinel ahead of the header.\n * A scroll listener would re-enter layout on every tick; this does not.\n */\nexport class AppBar extends Component<BaseOptions> {\n  private _observer: IntersectionObserver | null = null;\n  private _sentinel: HTMLElement | null = null;\n  private _input: HTMLInputElement | null = null;\n  private _view: HTMLElement | null = null;\n  private _searchOpen = false;\n\n  constructor(el: HTMLElement, options: Partial<BaseOptions>) {\n    super(el, options, AppBar);\n    this.el['Expressive_AppBar'] = this;\n    this.options = { ...AppBar.defaults, ...options };\n    this._setupCollapse();\n    this._setupSearch();\n  }\n\n  static get defaults(): BaseOptions {\n    return _defaults;\n  }\n\n  static init(el: HTMLElement, options?: Partial<BaseOptions>): AppBar;\n  static init(els: InitElements<InitElement>, options?: Partial<BaseOptions>): AppBar[];\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<BaseOptions> = {}\n  ): AppBar | AppBar[] {\n    return super.init(els, options, AppBar);\n  }\n\n  static getInstance(el: HTMLElement): AppBar {\n    return el['Expressive_AppBar'];\n  }\n\n  destroy() {\n    this._observer?.disconnect();\n    this._observer = null;\n    this._sentinel?.remove();\n    this._sentinel = null;\n    this._input?.removeEventListener('focus', this._onSearchFocus);\n    this._input?.removeEventListener('click', this._onSearchFocus);\n    this._view?.removeEventListener('close', this._onSearchViewClose);\n    this.el.classList.remove('collapsed');\n    this.el['Expressive_AppBar'] = undefined;\n  }\n\n  private _setupCollapse() {\n    if (!this.el.classList.contains('medium') && !this.el.classList.contains('large')) {\n      return;\n    }\n    if (typeof IntersectionObserver === 'undefined') return;\n\n    this._sentinel = document.createElement('span');\n    this._sentinel.setAttribute('aria-hidden', 'true');\n    this._sentinel.style.cssText =\n      'display:block;width:100%;height:1px;margin-top:-1px;pointer-events:none;visibility:hidden';\n    this.el.insertAdjacentElement('beforebegin', this._sentinel);\n    this._observer = new IntersectionObserver(this._onIntersect);\n    this._observer.observe(this._sentinel);\n  }\n\n  private _onIntersect = (entries: IntersectionObserverEntry[]) => {\n    const entry = entries[0];\n    if (!entry) return;\n    this.el.classList.toggle('collapsed', !entry.isIntersecting);\n  };\n\n  private _setupSearch() {\n    this._input = this.el.querySelector('input[type=\"search\"]');\n    if (!this._input) return;\n\n    const id = this._input.getAttribute('aria-controls');\n    if (id) this._view = document.getElementById(id);\n    if (!this._view) this._view = this.el.querySelector('.search-view');\n    if (!this._view) return;\n\n    this._input.addEventListener('focus', this._onSearchFocus);\n    this._input.addEventListener('click', this._onSearchFocus);\n    if (this._view instanceof HTMLDialogElement) {\n      this._view.addEventListener('close', this._onSearchViewClose);\n    }\n  }\n\n  private _onSearchViewClose = () => {\n    this._searchOpen = (this._view as HTMLDialogElement).open;\n  };\n\n  private _onSearchFocus = () => {\n    if (!this._view || this._searchOpen) return;\n    if (this._view instanceof HTMLDialogElement) {\n      this._searchOpen = true;\n      if (!this._view.open) this._view.showModal();\n      return;\n    }\n    this._view.hidden = false;\n    this._input?.setAttribute('aria-expanded', 'true');\n  };\n}\n"],
+  "mappings": ";;;;;AAEA,IAAM,YAAyB,CAAC;AASzB,IAAM,SAAN,MAAM,gBAAe,UAAuB;AAAA,EAOjD,YAAY,IAAiB,SAA+B;AAC1D,UAAM,IAAI,SAAS,OAAM;AAP3B,SAAQ,YAAyC;AACjD,SAAQ,YAAgC;AACxC,SAAQ,SAAkC;AAC1C,SAAQ,QAA4B;AACpC,SAAQ,cAAc;AAsDtB,SAAQ,eAAe,CAAC,YAAyC;AAC/D,YAAM,QAAQ,QAAQ,CAAC;AACvB,UAAI,CAAC,MAAO;AACZ,WAAK,GAAG,UAAU,OAAO,aAAa,CAAC,MAAM,cAAc;AAAA,IAC7D;AAkBA,SAAQ,qBAAqB,MAAM;AACjC,WAAK,cAAe,KAAK,MAA4B;AAAA,IACvD;AAEA,SAAQ,iBAAiB,MAAM;AAC7B,UAAI,CAAC,KAAK,SAAS,KAAK,YAAa;AACrC,UAAI,KAAK,iBAAiB,mBAAmB;AAC3C,aAAK,cAAc;AACnB,YAAI,CAAC,KAAK,MAAM,KAAM,MAAK,MAAM,UAAU;AAC3C;AAAA,MACF;AACA,WAAK,MAAM,SAAS;AACpB,WAAK,QAAQ,aAAa,iBAAiB,MAAM;AAAA,IACnD;AArFE,SAAK,GAAG,mBAAmB,IAAI;AAC/B,SAAK,UAAU,EAAE,GAAG,QAAO,UAAU,GAAG,QAAQ;AAChD,SAAK,eAAe;AACpB,SAAK,aAAa;AAAA,EACpB;AAAA,EAEA,WAAW,WAAwB;AACjC,WAAO;AAAA,EACT;AAAA,EAIA,OAAO,KACL,KACA,UAAgC,CAAC,GACd;AACnB,WAAO,MAAM,KAAK,KAAK,SAAS,OAAM;AAAA,EACxC;AAAA,EAEA,OAAO,YAAY,IAAyB;AAC1C,WAAO,GAAG,mBAAmB;AAAA,EAC/B;AAAA,EAEA,UAAU;AACR,SAAK,WAAW,WAAW;AAC3B,SAAK,YAAY;AACjB,SAAK,WAAW,OAAO;AACvB,SAAK,YAAY;AACjB,SAAK,QAAQ,oBAAoB,SAAS,KAAK,cAAc;AAC7D,SAAK,QAAQ,oBAAoB,SAAS,KAAK,cAAc;AAC7D,SAAK,OAAO,oBAAoB,SAAS,KAAK,kBAAkB;AAChE,SAAK,GAAG,UAAU,OAAO,WAAW;AACpC,SAAK,GAAG,mBAAmB,IAAI;AAAA,EACjC;AAAA,EAEQ,iBAAiB;AACvB,QAAI,CAAC,KAAK,GAAG,UAAU,SAAS,QAAQ,KAAK,CAAC,KAAK,GAAG,UAAU,SAAS,OAAO,GAAG;AACjF;AAAA,IACF;AACA,QAAI,OAAO,yBAAyB,YAAa;AAEjD,SAAK,YAAY,SAAS,cAAc,MAAM;AAC9C,SAAK,UAAU,aAAa,eAAe,MAAM;AACjD,SAAK,UAAU,MAAM,UACnB;AACF,SAAK,GAAG,sBAAsB,eAAe,KAAK,SAAS;AAC3D,SAAK,YAAY,IAAI,qBAAqB,KAAK,YAAY;AAC3D,SAAK,UAAU,QAAQ,KAAK,SAAS;AAAA,EACvC;AAAA,EAQQ,eAAe;AACrB,SAAK,SAAS,KAAK,GAAG,cAAc,sBAAsB;AAC1D,QAAI,CAAC,KAAK,OAAQ;AAElB,UAAM,KAAK,KAAK,OAAO,aAAa,eAAe;AACnD,QAAI,GAAI,MAAK,QAAQ,SAAS,eAAe,EAAE;AAC/C,QAAI,CAAC,KAAK,MAAO,MAAK,QAAQ,KAAK,GAAG,cAAc,cAAc;AAClE,QAAI,CAAC,KAAK,MAAO;AAEjB,SAAK,OAAO,iBAAiB,SAAS,KAAK,cAAc;AACzD,SAAK,OAAO,iBAAiB,SAAS,KAAK,cAAc;AACzD,QAAI,KAAK,iBAAiB,mBAAmB;AAC3C,WAAK,MAAM,iBAAiB,SAAS,KAAK,kBAAkB;AAAA,IAC9D;AAAA,EACF;AAgBF;",
+  "names": []
+}

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

@@ -0,0 +1,459 @@
+import {
+  Menu
+} from "./chunk-TK6PX2GC.mjs";
+import {
+  Utils
+} from "./chunk-MISGHDUU.mjs";
+import {
+  Component
+} from "./chunk-QSQ24FYT.mjs";
+
+// src/ts/components/select.ts
+var _defaults = {
+  classes: "",
+  menuOptions: {}
+};
+var FormSelect = class _FormSelect extends Component {
+  constructor(el, options) {
+    super(el, options, _FormSelect);
+    this._handleSelectChange = () => {
+      this._setValueToInput();
+      this._setSelectedStates();
+    };
+    this._handleReset = (e) => {
+      clearTimeout(this._resetTimer);
+      this._resetTimer = setTimeout(() => {
+        if (!e.defaultPrevented) this._handleSelectChange();
+      }, 0);
+    };
+    // Named rather than inline so that _removeEventHandlers can actually detach
+    // it - an anonymous listener per option was unremovable.
+    this._handleOptionKeydown = (e) => {
+      if (e.key === " " || e.key === "Enter") this._handleOptionClick(e);
+    };
+    this._handleOptionClick = (e) => {
+      e.preventDefault();
+      const virtualOption = e.target.closest("li");
+      this._selectOptionElement(virtualOption);
+      e.stopPropagation();
+    };
+    this._handleOptionFocus = (e) => {
+      const target = e.target;
+      if (!(target instanceof Element)) return;
+      const li = target.closest('li[role="option"]');
+      if (li?.id) this.input.setAttribute("aria-activedescendant", li.id);
+    };
+    this._handleInputClick = () => {
+      if (this.menu && this.menu.isOpen) {
+        this._setValueToInput();
+        this._setSelectedStates();
+      }
+    };
+    if (this.el.classList.contains("browser-default")) return;
+    this.el["Expressive_FormSelect"] = this;
+    this.options = {
+      ..._FormSelect.defaults,
+      ...options
+    };
+    this.isMultiple = this.el.multiple;
+    this.nativeTabIndex = this.el.tabIndex ?? -1;
+    this.el.tabIndex = -1;
+    this._values = [];
+    this._createdWrapper = false;
+    this._originalLabelFor = null;
+    this._setupMenu();
+    this._setupEventHandlers();
+  }
+  static get defaults() {
+    return _defaults;
+  }
+  /**
+   * Initializes instances of FormSelect.
+   * @param els HTML elements.
+   * @param options Component options.
+   */
+  static init(els, options = {}) {
+    return super.init(els, options, _FormSelect);
+  }
+  static getInstance(el) {
+    return el["Expressive_FormSelect"];
+  }
+  destroy() {
+    this._removeEventHandlers();
+    this.menu?.destroy();
+    this._removeMenu();
+    this.el.tabIndex = this.nativeTabIndex;
+    this.el["Expressive_FormSelect"] = void 0;
+  }
+  /**
+   * Re-read the native `<select>` and update the generated menu to match.
+   *
+   * Assigning `select.value` from script fires no `change` event, so nothing
+   * else syncs the visible input text or the `.selected` state on the virtual
+   * options. Adding or removing `<option>`s also requires this — the menu is
+   * rebuilt from the native list, the field and Menu instance stay put.
+   */
+  refresh() {
+    if (!this.menuEl) return;
+    this._bindForm();
+    const root = this.menuEl.getRootNode();
+    const focused = this._values.find((value) => value.optionEl.contains(root.activeElement))?.el;
+    this.input.disabled = this.el.matches(":disabled");
+    this.wrapper.classList.toggle("disabled", this.input.disabled);
+    if (this.input.disabled) this.menu?.close();
+    else if (!this.menu) this._initMenu();
+    this.input.removeAttribute("aria-activedescendant");
+    this._rebuildOptions();
+    this._handleSelectChange();
+    if (this.menu) this.menu.focusedIndex = -1;
+    if (this.menu?.isOpen) {
+      this.menu.recalculateDimensions();
+      if (focused) (this._values.find((value) => value.el === focused)?.optionEl ?? this.input).focus();
+    }
+  }
+  _setupEventHandlers() {
+    this._setupOptionHandlers();
+    this.el.addEventListener("change", this._handleSelectChange);
+    this.input.addEventListener("click", this._handleInputClick);
+    this.menuEl.addEventListener("focusin", this._handleOptionFocus);
+    this._bindForm();
+  }
+  _bindForm() {
+    this._form?.removeEventListener("reset", this._handleReset);
+    this._form = this.el.form;
+    this._form?.addEventListener("reset", this._handleReset);
+  }
+  _removeEventHandlers() {
+    this._removeOptionHandlers();
+    this.el.removeEventListener("change", this._handleSelectChange);
+    this.input?.removeEventListener("click", this._handleInputClick);
+    this.menuEl?.removeEventListener("focusin", this._handleOptionFocus);
+    this._form?.removeEventListener("reset", this._handleReset);
+    clearTimeout(this._resetTimer);
+  }
+  _setupOptionHandlers() {
+    this.menuEl.querySelectorAll("li:not(.optgroup)").forEach((el) => {
+      el.addEventListener("click", this._handleOptionClick);
+      el.addEventListener("keydown", this._handleOptionKeydown);
+    });
+  }
+  _removeOptionHandlers() {
+    this.menuEl?.querySelectorAll("li:not(.optgroup)").forEach((el) => {
+      el.removeEventListener("click", this._handleOptionClick);
+      el.removeEventListener("keydown", this._handleOptionKeydown);
+    });
+  }
+  _arraysEqual(a, b) {
+    if (a === b) return true;
+    if (a == null || b == null) return false;
+    if (a.length !== b.length) return false;
+    for (let i = 0; i < a.length; ++i) if (a[i] !== b[i]) return false;
+    return true;
+  }
+  _selectOptionElement(virtualOption) {
+    if (this.el.matches(":disabled")) return;
+    if (!virtualOption.classList.contains("disabled") && !virtualOption.classList.contains("optgroup")) {
+      const value = this._values.find((value2) => value2.optionEl === virtualOption);
+      if (!value || value.el.matches(":disabled")) return;
+      const previousSelectedValues = this.getSelectedValues();
+      if (this.isMultiple) {
+        this._toggleEntryFromArray(value);
+      } else {
+        this._deselectAll();
+        this._selectValue(value);
+      }
+      this._handleSelectChange();
+      const actualSelectedValues = this.getSelectedValues();
+      const selectionHasChanged = !this._arraysEqual(previousSelectedValues, actualSelectedValues);
+      if (selectionHasChanged)
+        this.el.dispatchEvent(
+          new Event("change", { bubbles: true, cancelable: true, composed: true })
+        );
+    }
+    if (!this.isMultiple) this.menu?.close();
+  }
+  _setupMenu() {
+    this.labelEl = this.el.labels?.[0] ?? null;
+    this._setupWrapper();
+    this._hideNativeSelect();
+    if (this.el.matches(":disabled")) this.wrapper.classList.add("disabled");
+    this.menuEl = document.createElement("menu");
+    this.menuEl.id = `select-options-${Utils.guid()}`;
+    this.menuEl.setAttribute("popover", "auto");
+    this.menuEl.setAttribute("role", "listbox");
+    this.menuEl.ariaMultiSelectable = this.isMultiple.toString();
+    if (this.isMultiple) this.menuEl.classList.add("multiple-select-menu");
+    this._buildOptions();
+    this.wrapper.append(this.menuEl);
+    this._buildInput();
+    this._buildCaret();
+    this._initMenu();
+    this._setSelectedStates();
+    if (this.labelEl) this.input.after(this.labelEl);
+  }
+  _setupWrapper() {
+    const parent = this.el.parentElement;
+    const reuse = parent && parent.matches(".field") && !parent.querySelector(":scope > .hide-select") && !parent.querySelector(":scope > input, :scope > textarea");
+    if (reuse) {
+      this.wrapper = parent;
+      this._createdWrapper = false;
+    } else {
+      this.wrapper = document.createElement("div");
+      this.wrapper.classList.add("field");
+      this._createdWrapper = true;
+      this.el.before(this.wrapper);
+    }
+    if (this.options.classes.length > 0) {
+      this.wrapper.classList.add(...this.options.classes.split(" ").filter(Boolean));
+    }
+  }
+  _hideNativeSelect() {
+    const hiddenDiv = document.createElement("div");
+    hiddenDiv.classList.add("hide-select");
+    this.el.before(hiddenDiv);
+    hiddenDiv.appendChild(this.el);
+    this.wrapper.append(hiddenDiv);
+  }
+  _buildInput() {
+    this.input = document.createElement("input");
+    this.input.id = "select-input-" + Utils.guid();
+    this.input.classList.add("menu-trigger", "no-autoinit");
+    this.input.type = "text";
+    this.input.readOnly = true;
+    this.input.setAttribute("data-target", this.menuEl.id);
+    this.input.ariaReadOnly = "true";
+    this.input.ariaRequired = this.el.hasAttribute("required").toString();
+    this.input.disabled = this.el.matches(":disabled");
+    this.input.setAttribute("tabindex", this.nativeTabIndex.toString());
+    const attrs = this.el.attributes;
+    for (let i = 0; i < attrs.length; ++i) {
+      const attr = attrs[i];
+      if (attr.name.startsWith("aria-")) this.input.setAttribute(attr.name, attr.value);
+    }
+    this.input.setAttribute("role", "combobox");
+    this.input.setAttribute("aria-haspopup", "listbox");
+    this.input.ariaExpanded = "false";
+    this.input.setAttribute("aria-controls", this.menuEl.id);
+    this.input.placeholder = " ";
+    if (this.labelEl) {
+      this._originalLabelFor = this.labelEl.htmlFor;
+      this.labelEl.htmlFor = this.input.id;
+    }
+    this.wrapper.prepend(this.input);
+    this._setValueToInput();
+  }
+  _buildCaret() {
+    const caret = document.createElement("span");
+    caret.classList.add("caret");
+    caret.setAttribute("aria-hidden", "true");
+    this.wrapper.prepend(caret);
+  }
+  _initMenu() {
+    if (this.el.matches(":disabled")) return;
+    const menuOptions = { ...this.options.menuOptions };
+    menuOptions.coverTrigger = false;
+    const userOnOpenEnd = menuOptions.onOpenEnd;
+    const userOnCloseEnd = menuOptions.onCloseEnd;
+    menuOptions.onOpenEnd = () => {
+      const selectedOption = this.menuEl.querySelector(".selected");
+      if (selectedOption) {
+        this.menu.focusedIndex = [...selectedOption.parentNode.children].indexOf(selectedOption);
+        this.menu._focusFocusedItem();
+        if (this.menu.isScrollable) {
+          let scrollOffset = selectedOption.getBoundingClientRect().top - this.menuEl.getBoundingClientRect().top;
+          scrollOffset -= this.menuEl.clientHeight / 2;
+          this.menuEl.scrollTop = scrollOffset;
+        }
+        if (selectedOption.id) this.input.setAttribute("aria-activedescendant", selectedOption.id);
+      }
+      this.input.ariaExpanded = "true";
+      if (userOnOpenEnd && 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")
+        userOnCloseEnd.call(this.menu, this.el);
+    };
+    menuOptions.closeOnClick = false;
+    this.menu = Menu.init(this.input, menuOptions);
+  }
+  _nativeOptions() {
+    return Array.from(this.el.children).filter((el) => ["OPTION", "OPTGROUP"].includes(el.tagName));
+  }
+  _buildOptions() {
+    this.selectOptions = this._nativeOptions();
+    this._values = [];
+    this.selectOptions.forEach((realOption) => {
+      if (realOption.tagName === "OPTION") {
+        const virtualOption = this._createAndAppendOptionWithIcon(
+          realOption,
+          this.isMultiple ? "multiple" : void 0
+        );
+        this._addOptionToValues(realOption, virtualOption);
+      } else if (realOption.tagName === "OPTGROUP") {
+        const groupId = "opt-group-" + Utils.guid();
+        const groupParent = document.createElement("li");
+        groupParent.classList.add("optgroup");
+        groupParent.tabIndex = -1;
+        groupParent.setAttribute("role", "group");
+        groupParent.setAttribute("aria-labelledby", groupId);
+        const groupLabel = document.createElement("span");
+        groupLabel.id = groupId;
+        groupLabel.setAttribute("role", "presentation");
+        groupLabel.textContent = realOption.getAttribute("label") ?? "";
+        groupParent.replaceChildren(groupLabel);
+        this.menuEl.append(groupParent);
+        const groupChildren = [];
+        const selectOptions = Array.from(realOption.children).filter((el) => el.tagName === "OPTION");
+        selectOptions.forEach((child) => {
+          const virtualOption = this._createAndAppendOptionWithIcon(child, "optgroup-option");
+          groupChildren.push(virtualOption.id);
+          this._addOptionToValues(child, virtualOption);
+        });
+        groupParent.setAttribute("aria-owns", groupChildren.join(" "));
+      }
+    });
+  }
+  _rebuildOptions() {
+    this._removeOptionHandlers();
+    this.menuEl.replaceChildren();
+    this._buildOptions();
+    this._setupOptionHandlers();
+    this.menu?._makeMenuFocusable();
+  }
+  _addOptionToValues(realOption, virtualOption) {
+    this._values.push({ el: realOption, optionEl: virtualOption });
+  }
+  _removeMenu() {
+    this.wrapper?.querySelector(":scope > .caret")?.remove();
+    this.input?.remove();
+    this.menuEl?.remove();
+    const hide = this.el.parentElement;
+    if (hide?.classList.contains("hide-select")) hide.replaceWith(this.el);
+    if (this.labelEl && this._originalLabelFor !== null) {
+      this.labelEl.htmlFor = this._originalLabelFor;
+    }
+    if (!this.wrapper) return;
+    if (this._createdWrapper) {
+      this.wrapper.replaceWith(this.el);
+    } else {
+      this.wrapper.classList.remove("disabled");
+      if (this.options.classes.length > 0) {
+        this.wrapper.classList.remove(...this.options.classes.split(" ").filter(Boolean));
+      }
+    }
+  }
+  _createAndAppendOptionWithIcon(realOption, type) {
+    const li = document.createElement("li");
+    li.id = "select-option-" + Utils.guid();
+    li.setAttribute("role", "option");
+    li.tabIndex = 0;
+    const disabled = this.el.matches(":disabled") || realOption.matches(":disabled");
+    if (disabled) {
+      li.classList.add("disabled");
+      li.ariaDisabled = "true";
+      li.tabIndex = -1;
+    }
+    if (type === "optgroup-option") li.classList.add(type);
+    const optionText = realOption.textContent;
+    const span = document.createElement("span");
+    if (this.isMultiple && !disabled) {
+      const label = document.createElement("label");
+      const checkbox = document.createElement("input");
+      checkbox.type = "checkbox";
+      checkbox.tabIndex = -1;
+      const labelText = document.createElement("span");
+      labelText.textContent = optionText;
+      label.append(checkbox, labelText);
+      span.appendChild(label);
+    } else {
+      span.textContent = optionText;
+    }
+    li.appendChild(span);
+    const iconUrl = realOption.getAttribute("data-icon");
+    let imageUrl;
+    if (iconUrl) {
+      try {
+        const url = new URL(iconUrl, this.el.ownerDocument.baseURI);
+        if (["http:", "https:", "blob:"].includes(url.protocol) || /^data:image\/(?:avif|bmp|gif|jpeg|png|svg\+xml|webp|x-icon)(?:;|,)/i.test(url.href)) {
+          imageUrl = url;
+        }
+      } catch {
+      }
+    }
+    const classes = realOption.getAttribute("class")?.split(" ").filter(Boolean);
+    if (imageUrl) {
+      const img = document.createElement("img");
+      if (classes?.length) img.classList.add(...classes);
+      img.src = imageUrl.href;
+      img.ariaHidden = "true";
+      li.prepend(img);
+    }
+    this.menuEl.append(li);
+    return li;
+  }
+  _selectValue(value) {
+    value.el.selected = true;
+    value.optionEl.classList.add("selected");
+    value.optionEl.ariaSelected = "true";
+    const checkbox = value.optionEl.querySelector('input[type="checkbox"]');
+    if (checkbox) checkbox.checked = true;
+  }
+  _deselectValue(value) {
+    value.el.selected = false;
+    value.optionEl.classList.remove("selected");
+    value.optionEl.ariaSelected = "false";
+    const checkbox = value.optionEl.querySelector('input[type="checkbox"]');
+    if (checkbox) checkbox.checked = false;
+  }
+  _deselectAll() {
+    this._values.forEach((value) => this._deselectValue(value));
+  }
+  _isValueSelected(value) {
+    const realValues = this.getSelectedValues();
+    return realValues.some((realValue) => realValue === value.el.value);
+  }
+  _toggleEntryFromArray(value) {
+    if (this._isValueSelected(value)) this._deselectValue(value);
+    else this._selectValue(value);
+  }
+  _getSelectedOptions() {
+    return Array.prototype.filter.call(
+      this.el.selectedOptions,
+      (realOption) => realOption
+    );
+  }
+  _setValueToInput() {
+    this.input.value = this._getSelectedOptions().map((option) => option.textContent.trim()).join(", ");
+  }
+  _setSelectedStates() {
+    this._values.forEach((value) => {
+      const optionIsSelected = value.el.selected;
+      const cb = value.optionEl.querySelector('input[type="checkbox"]');
+      if (cb) cb.checked = optionIsSelected;
+      if (optionIsSelected) {
+        this._activateOption(this.menuEl, value.optionEl);
+      } else {
+        value.optionEl.classList.remove("selected");
+        value.optionEl.ariaSelected = "false";
+      }
+    });
+  }
+  _activateOption(ul, li) {
+    if (!li) return;
+    if (!this.isMultiple)
+      ul.querySelectorAll("li.selected").forEach((row) => row.classList.remove("selected"));
+    li.classList.add("selected");
+    li.ariaSelected = "true";
+  }
+  getSelectedValues() {
+    return this._getSelectedOptions().map((realOption) => realOption.value);
+  }
+};
+
+export {
+  FormSelect
+};
+//# sourceMappingURL=chunk-G576EP5O.mjs.map

package/dist/js/chunks/chunk-G576EP5O.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 _originalLabelFor: string | null;\n  private _form: HTMLFormElement | null;\n  private _resetTimer: ReturnType<typeof setTimeout>;\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._originalLabelFor = null;\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    // 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.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.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  };\n\n  private _handleReset = (e: Event) => {\n    clearTimeout(this._resetTimer);\n    this._resetTimer = setTimeout(() => {\n      if (!e.defaultPrevented) this._handleSelectChange();\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\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.labelEl) 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    this.el.before(hiddenDiv);\n    hiddenDiv.appendChild(this.el);\n    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    if (this.labelEl) {\n      this._originalLabelFor = this.labelEl.htmlFor;\n      this.labelEl.htmlFor = this.input.id;\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    if (this.labelEl && this._originalLabelFor !== null) {\n      this.labelEl.htmlFor = this._originalLabelFor;\n    }\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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",
+  "names": ["value"]
+}