@expressivecss/expressive 0.15.0 → 0.16.0

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

@@ -0,0 +1,342 @@
+import {
+  FormSelect
+} from "./chunk-EVCVFEV3.mjs";
+import {
+  Utils
+} from "./chunk-ZVLOUDIJ.mjs";
+
+// src/ts/components/treeSelect.ts
+function optionTree(options) {
+  const byValue = /* @__PURE__ */ new Map();
+  options.forEach((option) => {
+    if (!byValue.has(option.value)) byValue.set(option.value, option);
+  });
+  const parentOf = (option) => byValue.get(option.dataset.parent || void 0);
+  const loops = (option) => {
+    let parent = parentOf(option);
+    for (let steps = 0; parent && parent !== option && steps < options.length; steps++) parent = parentOf(parent);
+    return parent === option;
+  };
+  const nodes = new Map(options.map((option) => [option, { option, children: [] }]));
+  const roots = [];
+  options.forEach((option) => {
+    const parent = loops(option) ? void 0 : parentOf(option);
+    (parent ? nodes.get(parent).children : roots).push(nodes.get(option));
+  });
+  return roots;
+}
+var STEPS = { ArrowUp: -1, ArrowDown: 1 };
+var move = (tree, _row, e) => tree._focusRow(Utils.focusTarget(tree._visibleRows(), e, STEPS));
+var activate = (tree, row) => tree._activate(row);
+var TREE_KEYS = {
+  ArrowDown: move,
+  ArrowUp: move,
+  Home: move,
+  End: move,
+  ArrowRight: (tree, row) => tree._openOrEnter(row),
+  ArrowLeft: (tree, row) => tree._closeOrLeave(row),
+  "*": (tree, row) => tree._openSiblings(row),
+  Enter: activate,
+  " ": activate
+};
+var typeahead = (tree, row, e) => tree._typeahead(row, e.key);
+var MIRRORED = { ArrowLeft: "ArrowRight", ArrowRight: "ArrowLeft" };
+var TreeSelect = class extends FormSelect {
+  constructor(el, options) {
+    super(el, options);
+    /** What typeahead has read so far, and the timer that clears it. */
+    this._typed = "";
+    this._handleTreeKeydown = Utils.ignoringComposition((e) => {
+      const row = Utils.eventTarget(e)?.closest('li[role="treeitem"]');
+      const action = row && this._keyFor(e);
+      if (!action) return;
+      e.preventDefault();
+      e.stopPropagation();
+      action(this, row, e);
+    });
+    // Only a row's label acts. A disabled row passes clicks through to its
+    // group, which must not toggle the branch around it.
+    this._handleTreeClick = (e) => {
+      const target = Utils.eventTarget(e);
+      if (!this.tree.contains(target)) return;
+      const label = target.closest('li[role="treeitem"] > span');
+      e.preventDefault();
+      e.stopPropagation();
+      if (label) this._activate(label.parentElement);
+    };
+    if (!this.menuEl) return;
+    const { signal } = this._events;
+    if (!this._searchInput) {
+      this.menuEl.setAttribute("role", "presentation");
+      this.input.setAttribute("aria-haspopup", "tree");
+      this.input.setAttribute("aria-controls", this.tree.id);
+    }
+    this.menuEl.removeAttribute("aria-multiselectable");
+    this._nameTree();
+    this._leaveImplicitBranch();
+    this._handleSelectChange();
+    if (!this._searchInput) this.menuEl.addEventListener("keydown", this._handleTreeKeydown, { signal, capture: true });
+    this.menuEl.addEventListener("click", this._handleTreeClick, { signal, capture: true });
+  }
+  _setValueToInput() {
+    if (this.isMultiple) this._branches.forEach((option) => {
+      option.selected = false;
+    });
+    super._setValueToInput();
+  }
+  _canSearch() {
+    return this.options.searchable;
+  }
+  _searchList() {
+    return this.tree;
+  }
+  _searchRows() {
+    return this._enabledRows();
+  }
+  _filterSearch(query) {
+    const matches = this._matchingRows(query);
+    this.tree.querySelectorAll('li[role="treeitem"]').forEach((row) => {
+      row.hidden = !matches.has(row);
+    });
+    this._searchExpansion(query);
+  }
+  _matchingRows(query) {
+    const matches = /* @__PURE__ */ new Set();
+    this._values.filter(({ el }) => el.textContent.trim().toLowerCase().includes(query)).forEach(({ optionEl }) => {
+      for (let row = optionEl; row; row = this._parentRow(row)) matches.add(row);
+    });
+    return matches;
+  }
+  _searchExpansion(query) {
+    if (query) {
+      this._searchOpen ?? (this._searchOpen = this._openValues());
+      this._branches.forEach((_option, row) => {
+        if (!row.hidden) this._setExpanded(row, true);
+      });
+      return;
+    }
+    const saved = this._searchOpen;
+    this._searchOpen = void 0;
+    if (saved) this._branches.forEach((option, row) => this._setExpanded(row, saved.has(option.value)));
+  }
+  _searchNavigate(e) {
+    if (e.target === this._searchInput) super._searchNavigate(e);
+    else this._handleTreeKeydown(e);
+  }
+  destroy() {
+    clearTimeout(this._typedTimer);
+    this._restoreBranches();
+    super.destroy();
+  }
+  /**
+   * Rebuilds the tree from the native options, keeping open each branch whose
+   * value is still there and, while the popup is open, focus on the same row.
+   */
+  refresh() {
+    const focused = this._focusedOption();
+    this._keepOpen = this._searchOpen ?? this._openValues();
+    super.refresh();
+    this._keepOpen = void 0;
+    this._restoreOpenFocus(focused);
+  }
+  _restoreOpenFocus(option) {
+    if (option && this.menu?.isOpen) this._restoreFocus(option);
+  }
+  /** The option whose row has focus, if one does. */
+  _focusedOption() {
+    const root = this.menuEl?.getRootNode();
+    return this._optionOf(root?.activeElement?.closest('li[role="treeitem"]'));
+  }
+  /** The values of the open branches. */
+  _openValues() {
+    return new Set(Array.from(this._branches ?? [], ([li, option]) => li.ariaExpanded === "true" ? option.value : null));
+  }
+  /** Focuses the row for `option` again, or the first enabled row once it is gone or disabled, or the field. */
+  _restoreFocus(option) {
+    const row = this._rowOf(option);
+    this._expandTo(row);
+    const rows = this._enabledRows();
+    const target = rows.includes(row) ? row : rows[0];
+    if (target) this._focusRow(target);
+    else (this._searchInput ?? this.input).focus();
+  }
+  /** Names the tree as the field is named: aria-labelledby, then aria-label, then its labels. */
+  _nameTree() {
+    const { input } = this;
+    if (input.hasAttribute("aria-labelledby")) this.tree.setAttribute("aria-labelledby", input.getAttribute("aria-labelledby"));
+    else if (input.ariaLabel) this.tree.ariaLabel = input.ariaLabel;
+    else this._labelTree();
+  }
+  _labelTree() {
+    const ids = Array.from(this.input.labels ?? [], (label, index) => label.id || (label.id = `${this.input.id}-label-${index}`));
+    if (ids.length) this.tree.setAttribute("aria-labelledby", ids.join(" "));
+  }
+  // The tree takes its keys and clicks on the menu itself.
+  _setupOptionHandlers() {
+  }
+  _buildOptions() {
+    this._restoreBranches();
+    this._branches = /* @__PURE__ */ new Map();
+    this.selectOptions = this._nativeOptions();
+    this._values = [];
+    const options = this.selectOptions.filter((option) => option.tagName === "OPTION");
+    if (!this.tree) {
+      this.tree = document.createElement("ul");
+      this.tree.id = "select-tree-" + Utils.guid();
+      this.tree.setAttribute("role", "tree");
+    }
+    this.tree.ariaMultiSelectable = String(this.isMultiple);
+    this.tree.replaceChildren(...optionTree(options).map((node) => this._row(node)));
+    this.menuEl.append(this.tree);
+  }
+  /**
+   * A select with no selected option picks its first one, which is often a
+   * branch, and disabling the branch does not move the selection. Unless the
+   * markup selected it, move to the option a form reset would pick now that
+   * branches are disabled: the first enabled leaf, or none. Only on start:
+   * after that a selected branch is one a script chose.
+   */
+  _leaveImplicitBranch() {
+    if (this.isMultiple || !this._browserPickedBranch()) return;
+    const leaf = Array.from(this.el.options).find((option) => !option.disabled);
+    if (leaf) leaf.selected = true;
+    else this.el.selectedIndex = -1;
+  }
+  /** Whether the selection is a branch this disabled, which the markup did not select. */
+  _browserPickedBranch() {
+    const chosen = this.el.selectedOptions[0];
+    return !!chosen && !chosen.defaultSelected && this._disabledBranches.has(chosen);
+  }
+  _row(node) {
+    const li = document.createElement("li");
+    li.id = "select-option-" + Utils.guid();
+    li.setAttribute("role", "treeitem");
+    li.tabIndex = -1;
+    const label = document.createElement("span");
+    label.textContent = node.option.textContent;
+    li.append(label);
+    if (node.children.length) this._branch(li, node);
+    else this._leaf(li, node.option);
+    return li;
+  }
+  _branch(li, node) {
+    const group = document.createElement("ul");
+    group.setAttribute("role", "group");
+    group.append(...node.children.map((child) => this._row(child)));
+    li.append(group);
+    this._setExpanded(li, !!this._keepOpen?.has(node.option.value));
+    this._branches.set(li, node.option);
+    if (node.option.disabled) return;
+    node.option.disabled = true;
+    this._disabledBranches.add(node.option);
+  }
+  _leaf(li, option) {
+    if (this.el.matches(":disabled") || option.disabled) {
+      li.classList.add("disabled");
+      li.ariaDisabled = "true";
+    }
+    this._values.push({ el: option, optionEl: li });
+  }
+  _restoreBranches() {
+    this._disabledBranches?.forEach((option) => {
+      option.disabled = false;
+    });
+    this._disabledBranches = /* @__PURE__ */ new Set();
+  }
+  _setExpanded(li, open) {
+    li.ariaExpanded = String(open);
+    li.querySelector(":scope > ul").hidden = !open;
+  }
+  /** The rows not inside a closed branch, in document order. */
+  _visibleRows() {
+    return Array.from(this.tree.querySelectorAll('li[role="treeitem"]')).filter((li) => !li.closest("[hidden]"));
+  }
+  _enabledRows() {
+    return this._visibleRows().filter((row) => !row.matches(".disabled"));
+  }
+  _focusRow(row) {
+    row?.focus({ preventScroll: true });
+    row?.scrollIntoView({ block: "nearest", inline: "nearest" });
+  }
+  /** Opens the chosen leaf's branches and focuses it, or the first row a person can choose or open. */
+  _focusSelected() {
+    if (!this.menu.options.autoFocus || Utils.focusIsIn(this.menuEl)) return;
+    const chosen = this._values.find(({ el, optionEl }) => el.selected && !optionEl.matches(".disabled"));
+    this._restoreFocus(chosen?.el);
+  }
+  /** Opens every branch around `row`. */
+  _expandTo(row) {
+    for (let branch = this._parentRow(row); branch; branch = this._parentRow(branch)) this._setExpanded(branch, true);
+  }
+  /** The branch row holding `row`, never an element outside the tree. */
+  _parentRow(row) {
+    const parent = row?.parentElement.closest('li[role="treeitem"]');
+    return this._branches.has(parent) ? parent : null;
+  }
+  _optionOf(row) {
+    return this._branches?.get(row) ?? this._values?.find(({ optionEl }) => optionEl === row)?.el;
+  }
+  _rowOf(option) {
+    const branch = Array.from(this._branches).find(([, branchOption]) => branchOption === option)?.[0];
+    return branch ?? this._values.find(({ el }) => el === option)?.optionEl;
+  }
+  /** Chooses a leaf, or opens or closes a branch. */
+  _activate(row) {
+    if (row.closest("[hidden]")) return;
+    if (this._branches.has(row)) this._toggle(row, row.ariaExpanded !== "true");
+    else this._selectOptionElement(row);
+  }
+  /** Opens a closed branch, or moves into an open one. */
+  _openOrEnter(row) {
+    if (!this._branches.has(row)) return;
+    if (row.ariaExpanded !== "true") this._toggle(row, true);
+    else this._focusRow(row.querySelector(":scope > ul > li:not(.disabled, [hidden])"));
+  }
+  /** Closes an open branch, or moves to the parent row. */
+  _closeOrLeave(row) {
+    if (row.ariaExpanded === "true") this._toggle(row, false);
+    else this._focusRow(this._parentRow(row));
+  }
+  /** Opens every branch beside `row`. */
+  _openSiblings(row) {
+    Array.from(row.parentElement.children).forEach((sibling) => {
+      if (this._branches.has(sibling) && !sibling.hasAttribute("hidden")) this._toggle(sibling, true);
+    });
+  }
+  /**
+   * Moves to the next row whose text starts with the characters typed in the
+   * last second, as Menu's typeahead does. A repeated search starts on the
+   * focused row, so typing more of its text keeps it.
+   */
+  _typeahead(row, key) {
+    clearTimeout(this._typedTimer);
+    this._typed += key.toLowerCase();
+    this._typedTimer = setTimeout(() => {
+      this._typed = "";
+    }, 1e3);
+    const rows = this._enabledRows();
+    const from = rows.indexOf(row) + (this._typed.length === 1 ? 1 : 0);
+    const match = [...rows.slice(from), ...rows.slice(0, from)].find((candidate) => candidate.firstChild.textContent.trim().toLowerCase().startsWith(this._typed));
+    this._focusRow(match);
+  }
+  _toggle(row, open) {
+    this._setExpanded(row, open);
+    if (this.menu?.isOpen) this.menu.recalculateDimensions();
+  }
+  _keyFor(e) {
+    if (!Utils.plainKey(e)) return void 0;
+    return TREE_KEYS[this._logicalKey(e.key)] ?? (e.key.length === 1 ? typeahead : void 0);
+  }
+  /** The key as in a left-to-right tree. */
+  _logicalKey(key) {
+    const rtl = getComputedStyle(this.tree).direction === "rtl";
+    return rtl && MIRRORED[key] || key;
+  }
+};
+TreeSelect.key = "Expressive_TreeSelect";
+
+export {
+  optionTree,
+  TreeSelect
+};
+//# sourceMappingURL=chunk-GCWWEZKO.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/treeSelect.ts"],
+  "sourcesContent": ["import { Utils } from '../core/utils';\nimport { FormSelect, FormSelectOptions } from './select';\n\n// Tree select. A native <select data-tree> whose options name their parent's\n// value in data-parent. The native select still owns the form value, reset,\n// validity and disabled state; this builds a role=\"tree\" popup over it, where\n// only a leaf can be chosen.\n\n/** An option and the options that name it as their parent. */\nexport interface OptionNode {\n  option: HTMLOptionElement;\n  children: OptionNode[];\n}\n\n/**\n * Turns flat options into a tree. An option sits under the first option whose\n * value its `data-parent` names. It is a root when that is empty, names no\n * option, or starts a chain of parents that comes back to the option itself;\n * its own children stay under it. Siblings keep document order.\n */\nexport function optionTree(options: HTMLOptionElement[]): OptionNode[] {\n  const byValue = new Map<string, HTMLOptionElement>();\n  options.forEach((option) => { if (!byValue.has(option.value)) byValue.set(option.value, option); });\n  const parentOf = (option: HTMLOptionElement) => byValue.get(option.dataset.parent || undefined);\n  // ponytail: walks each option's whole chain, fine for a select's few hundred options.\n  const loops = (option: HTMLOptionElement) => {\n    let parent = parentOf(option);\n    for (let steps = 0; parent && parent !== option && steps < options.length; steps++) parent = parentOf(parent);\n    return parent === option;\n  };\n  const nodes = new Map(options.map((option) => [option, { option, children: [] as OptionNode[] }]));\n  const roots: OptionNode[] = [];\n  options.forEach((option) => {\n    const parent = loops(option) ? undefined : parentOf(option);\n    (parent ? nodes.get(parent).children : roots).push(nodes.get(option));\n  });\n  return roots;\n}\n\ntype TreeKey = (tree: TreeSelect, row: HTMLElement, e: KeyboardEvent) => void;\n\n/** Up and Down move a visible row; Home and End go to the ends. */\nconst STEPS = { ArrowUp: -1, ArrowDown: 1 };\nconst move: TreeKey = (tree, _row, e) => tree._focusRow(Utils.focusTarget(tree._visibleRows(), e, STEPS));\nconst activate: TreeKey = (tree, row) => tree._activate(row);\n\n/** What each key does to the focused row, with the arrows as in a left-to-right tree. */\nconst TREE_KEYS: Record<string, TreeKey> = {\n  ArrowDown: move,\n  ArrowUp: move,\n  Home: move,\n  End: move,\n  ArrowRight: (tree, row) => tree._openOrEnter(row),\n  ArrowLeft: (tree, row) => tree._closeOrLeave(row),\n  '*': (tree, row) => tree._openSiblings(row),\n  Enter: activate,\n  ' ': activate\n};\n\n/** Any other single character searches the rows' text. */\nconst typeahead: TreeKey = (tree, row, e) => tree._typeahead(row, e.key);\n\n/** In a right-to-left tree the arrows that open and close swap. */\nconst MIRRORED: Record<string, string> = { ArrowLeft: 'ArrowRight', ArrowRight: 'ArrowLeft' };\n\nexport class TreeSelect extends FormSelect {\n  /**\n   * The role=\"tree\" list inside the Menu surface. Menu styles the rows of its\n   * <menu> directly, so the tree keeps its rows one list further down.\n   */\n  tree: HTMLUListElement;\n  /** Each branch row and the option it stands for. */\n  private _branches: Map<HTMLElement, HTMLOptionElement>;\n  /** Branch options this disabled, so the form never submits one. */\n  private _disabledBranches: Set<HTMLOptionElement>;\n  /** While refresh() rebuilds the rows, the values of the branches left open. */\n  private _keepOpen: Set<string> | undefined;\n  /** Expansion before the first nonempty query, retained across query edits. */\n  private _searchOpen: Set<string> | undefined;\n  /** What typeahead has read so far, and the timer that clears it. */\n  private _typed = '';\n  private _typedTimer: ReturnType<typeof setTimeout>;\n\n  constructor(el: HTMLSelectElement, options: Partial<FormSelectOptions>) {\n    super(el, options as FormSelectOptions);\n    // A browser-default select stays native.\n    if (!this.menuEl) return;\n    const { signal } = this._events;\n    if (!this._searchInput) {\n      this.menuEl.setAttribute('role', 'presentation');\n      this.input.setAttribute('aria-haspopup', 'tree');\n      this.input.setAttribute('aria-controls', this.tree.id);\n    }\n    this.menuEl.removeAttribute('aria-multiselectable');\n    this._nameTree();\n    this._leaveImplicitBranch();\n    this._handleSelectChange();\n    // Capture, so the tree's keys and clicks are handled before Menu's own\n    // listeners on the same element.\n    if (!this._searchInput) this.menuEl.addEventListener('keydown', this._handleTreeKeydown, { signal, capture: true });\n    this.menuEl.addEventListener('click', this._handleTreeClick, { signal, capture: true });\n  }\n\n  static key = 'Expressive_TreeSelect';\n\n  _setValueToInput() {\n    // Branches are navigation controls, not multiple-select values.\n    if (this.isMultiple) this._branches.forEach(option => { option.selected = false; });\n    super._setValueToInput();\n  }\n\n  protected _canSearch() {\n    return this.options.searchable;\n  }\n\n  protected _searchList() { return this.tree; }\n\n  protected _searchRows() { return this._enabledRows(); }\n\n  protected _filterSearch(query: string) {\n    const matches = this._matchingRows(query);\n    this.tree.querySelectorAll<HTMLElement>('li[role=\"treeitem\"]').forEach(row => { row.hidden = !matches.has(row); });\n    this._searchExpansion(query);\n  }\n\n  private _matchingRows(query: string) {\n    const matches = new Set<HTMLElement>();\n    this._values.filter(({ el }) => el.textContent.trim().toLowerCase().includes(query)).forEach(({ optionEl }) => {\n      for (let row = optionEl; row; row = this._parentRow(row)) matches.add(row);\n    });\n    return matches;\n  }\n\n  private _searchExpansion(query: string) {\n    if (query) {\n      this._searchOpen ??= this._openValues();\n      this._branches.forEach((_option, row) => { if (!row.hidden) this._setExpanded(row, true); });\n      return;\n    }\n    const saved = this._searchOpen;\n    this._searchOpen = undefined;\n    if (saved) this._branches.forEach((option, row) => this._setExpanded(row, saved.has(option.value)));\n  }\n\n  protected _searchNavigate(e: KeyboardEvent) {\n    if (e.target === this._searchInput) super._searchNavigate(e);\n    else this._handleTreeKeydown(e);\n  }\n\n  destroy() {\n    clearTimeout(this._typedTimer);\n    this._restoreBranches();\n    super.destroy();\n  }\n\n  /**\n   * Rebuilds the tree from the native options, keeping open each branch whose\n   * value is still there and, while the popup is open, focus on the same row.\n   */\n  refresh() {\n    const focused = this._focusedOption();\n    this._keepOpen = this._searchOpen ?? this._openValues();\n    super.refresh();\n    this._keepOpen = undefined;\n    this._restoreOpenFocus(focused);\n  }\n\n  private _restoreOpenFocus(option: HTMLOptionElement) {\n    if (option && this.menu?.isOpen) this._restoreFocus(option);\n  }\n\n  /** The option whose row has focus, if one does. */\n  private _focusedOption() {\n    const root = this.menuEl?.getRootNode() as Document | ShadowRoot | undefined;\n    return this._optionOf(root?.activeElement?.closest<HTMLElement>('li[role=\"treeitem\"]'));\n  }\n\n  /** The values of the open branches. */\n  private _openValues() {\n    return new Set(Array.from(this._branches ?? [], ([li, option]) => (li.ariaExpanded === 'true' ? option.value : null)));\n  }\n\n  /** Focuses the row for `option` again, or the first enabled row once it is gone or disabled, or the field. */\n  private _restoreFocus(option: HTMLOptionElement) {\n    const row = this._rowOf(option);\n    this._expandTo(row);\n    const rows = this._enabledRows();\n    const target = rows.includes(row) ? row : rows[0];\n    if (target) this._focusRow(target);\n    else (this._searchInput ?? this.input).focus();\n  }\n\n  /** Names the tree as the field is named: aria-labelledby, then aria-label, then its labels. */\n  private _nameTree() {\n    const { input } = this;\n    if (input.hasAttribute('aria-labelledby')) this.tree.setAttribute('aria-labelledby', input.getAttribute('aria-labelledby'));\n    else if (input.ariaLabel) this.tree.ariaLabel = input.ariaLabel;\n    else this._labelTree();\n  }\n\n  private _labelTree() {\n    const ids = Array.from(this.input.labels ?? [], (label, index) => (label.id ||= `${this.input.id}-label-${index}`));\n    if (ids.length) this.tree.setAttribute('aria-labelledby', ids.join(' '));\n  }\n\n  // The tree takes its keys and clicks on the menu itself.\n  protected _setupOptionHandlers() {}\n\n  protected _buildOptions() {\n    this._restoreBranches();\n    this._branches = new Map();\n    this.selectOptions = this._nativeOptions();\n    this._values = [];\n    const options = this.selectOptions.filter((option): option is HTMLOptionElement => option.tagName === 'OPTION');\n    // One list for the instance's life, so its name survives refresh().\n    if (!this.tree) {\n      this.tree = document.createElement('ul');\n      this.tree.id = 'select-tree-' + Utils.guid();\n      this.tree.setAttribute('role', 'tree');\n    }\n    this.tree.ariaMultiSelectable = String(this.isMultiple);\n    this.tree.replaceChildren(...optionTree(options).map((node) => this._row(node)));\n    this.menuEl.append(this.tree);\n  }\n\n  /**\n   * A select with no selected option picks its first one, which is often a\n   * branch, and disabling the branch does not move the selection. Unless the\n   * markup selected it, move to the option a form reset would pick now that\n   * branches are disabled: the first enabled leaf, or none. Only on start:\n   * after that a selected branch is one a script chose.\n   */\n  private _leaveImplicitBranch() {\n    if (this.isMultiple || !this._browserPickedBranch()) return;\n    const leaf = Array.from(this.el.options).find((option) => !option.disabled);\n    if (leaf) leaf.selected = true;\n    else this.el.selectedIndex = -1;\n  }\n\n  /** Whether the selection is a branch this disabled, which the markup did not select. */\n  private _browserPickedBranch() {\n    const chosen = this.el.selectedOptions[0];\n    return !!chosen && !chosen.defaultSelected && this._disabledBranches.has(chosen);\n  }\n\n  private _row(node: OptionNode): HTMLLIElement {\n    const li = document.createElement('li');\n    li.id = 'select-option-' + Utils.guid();\n    li.setAttribute('role', 'treeitem');\n    li.tabIndex = -1;\n    const label = document.createElement('span');\n    label.textContent = node.option.textContent;\n    li.append(label);\n    if (node.children.length) this._branch(li, node);\n    else this._leaf(li, node.option);\n    return li;\n  }\n\n  private _branch(li: HTMLLIElement, node: OptionNode) {\n    const group = document.createElement('ul');\n    group.setAttribute('role', 'group');\n    group.append(...node.children.map((child) => this._row(child)));\n    li.append(group);\n    this._setExpanded(li, !!this._keepOpen?.has(node.option.value));\n    this._branches.set(li, node.option);\n    if (node.option.disabled) return;\n    node.option.disabled = true;\n    this._disabledBranches.add(node.option);\n  }\n\n  private _leaf(li: HTMLLIElement, option: HTMLOptionElement) {\n    if (this.el.matches(':disabled') || option.disabled) {\n      li.classList.add('disabled');\n      li.ariaDisabled = 'true';\n    }\n    this._values.push({ el: option, optionEl: li });\n  }\n\n  private _restoreBranches() {\n    this._disabledBranches?.forEach((option) => { option.disabled = false; });\n    this._disabledBranches = new Set();\n  }\n\n  private _setExpanded(li: HTMLElement, open: boolean) {\n    li.ariaExpanded = String(open);\n    li.querySelector<HTMLElement>(':scope > ul').hidden = !open;\n  }\n\n  /** The rows not inside a closed branch, in document order. */\n  _visibleRows(): HTMLElement[] {\n    return Array.from(this.tree.querySelectorAll<HTMLElement>('li[role=\"treeitem\"]')).filter((li) => !li.closest('[hidden]'));\n  }\n\n  private _enabledRows() {\n    return this._visibleRows().filter((row) => !row.matches('.disabled'));\n  }\n\n  _focusRow(row: HTMLElement | null | undefined) {\n    row?.focus({ preventScroll: true });\n    row?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n  }\n\n  /** Opens the chosen leaf's branches and focuses it, or the first row a person can choose or open. */\n  protected _focusSelected() {\n    // Opening may finish after the user has already focused a tree row.\n    if (!this.menu.options.autoFocus || Utils.focusIsIn(this.menuEl)) return;\n    const chosen = this._values.find(({ el, optionEl }) => el.selected && !optionEl.matches('.disabled'));\n    this._restoreFocus(chosen?.el);\n  }\n\n  /** Opens every branch around `row`. */\n  private _expandTo(row: HTMLElement | undefined) {\n    for (let branch = this._parentRow(row); branch; branch = this._parentRow(branch)) this._setExpanded(branch, true);\n  }\n\n  /** The branch row holding `row`, never an element outside the tree. */\n  private _parentRow(row: HTMLElement | null | undefined) {\n    const parent = row?.parentElement.closest<HTMLElement>('li[role=\"treeitem\"]');\n    return this._branches.has(parent) ? parent : null;\n  }\n\n  private _optionOf(row: HTMLElement | null | undefined) {\n    return this._branches?.get(row) ?? this._values?.find(({ optionEl }) => optionEl === row)?.el;\n  }\n\n  private _rowOf(option: HTMLOptionElement | undefined) {\n    const branch = Array.from(this._branches).find(([, branchOption]) => branchOption === option)?.[0];\n    return branch ?? this._values.find(({ el }) => el === option)?.optionEl;\n  }\n\n  /** Chooses a leaf, or opens or closes a branch. */\n  _activate(row: HTMLElement) {\n    if (row.closest('[hidden]')) return;\n    if (this._branches.has(row)) this._toggle(row, row.ariaExpanded !== 'true');\n    else this._selectOptionElement(row);\n  }\n\n  /** Opens a closed branch, or moves into an open one. */\n  _openOrEnter(row: HTMLElement) {\n    if (!this._branches.has(row)) return;\n    if (row.ariaExpanded !== 'true') this._toggle(row, true);\n    else this._focusRow(row.querySelector<HTMLElement>(':scope > ul > li:not(.disabled, [hidden])'));\n  }\n\n  /** Closes an open branch, or moves to the parent row. */\n  _closeOrLeave(row: HTMLElement) {\n    if (row.ariaExpanded === 'true') this._toggle(row, false);\n    else this._focusRow(this._parentRow(row));\n  }\n\n  /** Opens every branch beside `row`. */\n  _openSiblings(row: HTMLElement) {\n    Array.from(row.parentElement.children).forEach((sibling) => {\n      if (this._branches.has(sibling as HTMLElement) && !sibling.hasAttribute('hidden')) this._toggle(sibling as HTMLElement, true);\n    });\n  }\n\n  /**\n   * Moves to the next row whose text starts with the characters typed in the\n   * last second, as Menu's typeahead does. A repeated search starts on the\n   * focused row, so typing more of its text keeps it.\n   */\n  _typeahead(row: HTMLElement, key: string) {\n    clearTimeout(this._typedTimer);\n    this._typed += key.toLowerCase();\n    this._typedTimer = setTimeout(() => { this._typed = ''; }, 1000);\n    const rows = this._enabledRows();\n    const from = rows.indexOf(row) + (this._typed.length === 1 ? 1 : 0);\n    const match = [...rows.slice(from), ...rows.slice(0, from)]\n      .find((candidate) => candidate.firstChild.textContent.trim().toLowerCase().startsWith(this._typed));\n    this._focusRow(match);\n  }\n\n  private _toggle(row: HTMLElement, open: boolean) {\n    this._setExpanded(row, open);\n    if (this.menu?.isOpen) this.menu.recalculateDimensions();\n  }\n\n  private _keyFor(e: KeyboardEvent): TreeKey | undefined {\n    if (!Utils.plainKey(e)) return undefined;\n    return TREE_KEYS[this._logicalKey(e.key)] ?? (e.key.length === 1 ? typeahead : undefined);\n  }\n\n  /** The key as in a left-to-right tree. */\n  private _logicalKey(key: string) {\n    const rtl = getComputedStyle(this.tree).direction === 'rtl';\n    return (rtl && MIRRORED[key]) || key;\n  }\n\n  private _handleTreeKeydown = Utils.ignoringComposition((e: KeyboardEvent) => {\n    const row = Utils.eventTarget(e)?.closest<HTMLElement>('li[role=\"treeitem\"]');\n    const action = row && this._keyFor(e);\n    if (!action) return;\n    e.preventDefault();\n    e.stopPropagation();\n    action(this, row, e);\n  });\n\n  // Only a row's label acts. A disabled row passes clicks through to its\n  // group, which must not toggle the branch around it.\n  private _handleTreeClick = (e: MouseEvent) => {\n    const target = Utils.eventTarget(e);\n    if (!this.tree.contains(target)) return;\n    const label = target.closest('li[role=\"treeitem\"] > span');\n    e.preventDefault();\n    e.stopPropagation();\n    if (label) this._activate(label.parentElement);\n  };\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-GNRSYMVH.mjs.map

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

@@ -0,0 +1,54 @@
+import {
+  Utils
+} from "./chunk-ZVLOUDIJ.mjs";
+
+// src/ts/behaviors/theme.ts
+var themes = ["light", "dark", "auto"];
+var storageKey = "theme";
+var _Theme = class _Theme {
+  static Init() {
+    if (_Theme._initialized || typeof document === "undefined") return;
+    _Theme._initialized = true;
+    document.addEventListener("click", _Theme._onClick);
+    Utils.onDocumentReady(() => _Theme.sync());
+  }
+  /** The current theme: the root's `theme` attribute, or `auto` without one. */
+  static get() {
+    const value = document.documentElement.getAttribute("theme");
+    return themes.includes(value) ? value : "auto";
+  }
+  /** Applies and saves a theme, then marks the controls. Unknown values are ignored. */
+  static set(theme) {
+    if (!themes.includes(theme)) return;
+    document.documentElement.setAttribute("theme", theme);
+    try {
+      localStorage.setItem(storageKey, theme);
+    } catch {
+    }
+    _Theme.sync();
+  }
+  /** Marks every theme control in `root` as current or not. Call it after rendering new controls. */
+  static sync(root = document) {
+    const current = _Theme.get();
+    root.querySelectorAll("[data-theme-set]").forEach((control) => {
+      const state = String(control.getAttribute("data-theme-set") === current);
+      const role = control.getAttribute("role");
+      const checked = role === "menuitemradio" || role === "radio";
+      control.setAttribute(checked ? "aria-checked" : "aria-pressed", state);
+    });
+  }
+  static _onClick(e) {
+    const control = Utils.closestInPath(e, "[data-theme-set]");
+    if (!control || control.matches(':disabled, [aria-disabled="true"]')) return;
+    _Theme.set(control.getAttribute("data-theme-set"));
+    const root = control.getRootNode();
+    if (root !== document) _Theme.sync(root);
+  }
+};
+_Theme._initialized = false;
+var Theme = _Theme;
+
+export {
+  Theme
+};
+//# sourceMappingURL=chunk-GVZQH2H5.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/behaviors/theme.ts"],
+  "sourcesContent": ["import { Utils } from '../core/utils';\n\nconst themes = ['light', 'dark', 'auto'];\nconst storageKey = 'theme';\n\n/**\n * Theme switch. A click on `[data-theme-set=\"light|dark|auto\"]` writes the\n * `theme` attribute on the root element and saves the choice in\n * `localStorage` under `theme`. Every theme control then reports whether its\n * value is current: `aria-checked` on menu item and radio roles,\n * `aria-pressed` on anything else.\n *\n * Restoring the saved choice is still the page's inline `<head>` script: the\n * bundle loads after first paint, so restoring here would flash the wrong\n * scheme. Init only marks the controls already in the page.\n */\nexport class Theme {\n  private static _initialized = false;\n\n  static Init() {\n    if (Theme._initialized || typeof document === 'undefined') return;\n    Theme._initialized = true;\n    document.addEventListener('click', Theme._onClick);\n    Utils.onDocumentReady(() => Theme.sync());\n  }\n\n  /** The current theme: the root's `theme` attribute, or `auto` without one. */\n  static get(): string {\n    const value = document.documentElement.getAttribute('theme');\n    return themes.includes(value) ? value : 'auto';\n  }\n\n  /** Applies and saves a theme, then marks the controls. Unknown values are ignored. */\n  static set(theme: string) {\n    if (!themes.includes(theme)) return;\n    document.documentElement.setAttribute('theme', theme);\n    try {\n      localStorage.setItem(storageKey, theme);\n    } catch {\n      // Storage can be disabled or full; the theme still applies to this page.\n    }\n    Theme.sync();\n  }\n\n  /** Marks every theme control in `root` as current or not. Call it after rendering new controls. */\n  static sync(root: ParentNode = document) {\n    const current = Theme.get();\n    root.querySelectorAll('[data-theme-set]').forEach((control) => {\n      const state = String(control.getAttribute('data-theme-set') === current);\n      const role = control.getAttribute('role');\n      const checked = role === 'menuitemradio' || role === 'radio';\n      control.setAttribute(checked ? 'aria-checked' : 'aria-pressed', state);\n    });\n  }\n\n  private static _onClick(e: MouseEvent) {\n    const control = Utils.closestInPath(e, '[data-theme-set]');\n    if (!control || control.matches(':disabled, [aria-disabled=\"true\"]')) return;\n    Theme.set(control.getAttribute('data-theme-set'));\n    // set() marks the document's controls; a shadow root's need their own pass.\n    const root = control.getRootNode();\n    if (root !== document) Theme.sync(root as ParentNode);\n  }\n}\n"],
+  "mappings": ";;;;;AAEA,IAAM,SAAS,CAAC,SAAS,QAAQ,MAAM;AACvC,IAAM,aAAa;AAaZ,IAAM,SAAN,MAAM,OAAM;AAAA,EAGjB,OAAO,OAAO;AACZ,QAAI,OAAM,gBAAgB,OAAO,aAAa,YAAa;AAC3D,WAAM,eAAe;AACrB,aAAS,iBAAiB,SAAS,OAAM,QAAQ;AACjD,UAAM,gBAAgB,MAAM,OAAM,KAAK,CAAC;AAAA,EAC1C;AAAA;AAAA,EAGA,OAAO,MAAc;AACnB,UAAM,QAAQ,SAAS,gBAAgB,aAAa,OAAO;AAC3D,WAAO,OAAO,SAAS,KAAK,IAAI,QAAQ;AAAA,EAC1C;AAAA;AAAA,EAGA,OAAO,IAAI,OAAe;AACxB,QAAI,CAAC,OAAO,SAAS,KAAK,EAAG;AAC7B,aAAS,gBAAgB,aAAa,SAAS,KAAK;AACpD,QAAI;AACF,mBAAa,QAAQ,YAAY,KAAK;AAAA,IACxC,QAAQ;AAAA,IAER;AACA,WAAM,KAAK;AAAA,EACb;AAAA;AAAA,EAGA,OAAO,KAAK,OAAmB,UAAU;AACvC,UAAM,UAAU,OAAM,IAAI;AAC1B,SAAK,iBAAiB,kBAAkB,EAAE,QAAQ,CAAC,YAAY;AAC7D,YAAM,QAAQ,OAAO,QAAQ,aAAa,gBAAgB,MAAM,OAAO;AACvE,YAAM,OAAO,QAAQ,aAAa,MAAM;AACxC,YAAM,UAAU,SAAS,mBAAmB,SAAS;AACrD,cAAQ,aAAa,UAAU,iBAAiB,gBAAgB,KAAK;AAAA,IACvE,CAAC;AAAA,EACH;AAAA,EAEA,OAAe,SAAS,GAAe;AACrC,UAAM,UAAU,MAAM,cAAc,GAAG,kBAAkB;AACzD,QAAI,CAAC,WAAW,QAAQ,QAAQ,mCAAmC,EAAG;AACtE,WAAM,IAAI,QAAQ,aAAa,gBAAgB,CAAC;AAEhD,UAAM,OAAO,QAAQ,YAAY;AACjC,QAAI,SAAS,SAAU,QAAM,KAAK,IAAkB;AAAA,EACtD;AACF;AA/Ca,OACI,eAAe;AADzB,IAAM,QAAN;",
+  "names": []
+}