@expressivecss/expressive 0.15.0 → 0.16.0

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

@@ -0,0 +1,376 @@
+import {
+  formAssociated,
+  unwrapControl,
+  wrapInControl
+} from "./chunk-INLZWHLY.mjs";
+import {
+  Component
+} from "./chunk-CMGXGYUC.mjs";
+import {
+  Utils,
+  controllerFor,
+  restoreAttribute
+} from "./chunk-ZVLOUDIJ.mjs";
+
+// src/ts/components/cascader.ts
+var CONTROL = "expressive-cascader-control";
+var INPUT_ATTRIBUTES = ["readonly", "role", "aria-haspopup", "aria-expanded", "aria-controls", "aria-required", "aria-invalid"];
+var OPEN_KEYS = ["Enter", " ", "ArrowDown"];
+var RTL_KEYS = { ArrowLeft: "ArrowRight", ArrowRight: "ArrowLeft" };
+var SEPARATOR = " / ";
+var ownText = (li) => Array.from(li.childNodes, (node) => node.nodeName === "UL" ? " " : node.textContent).join("").replace(/\s+/g, " ").trim();
+function parse(list, parent) {
+  if (!list) return [];
+  return Array.from(list.querySelectorAll(":scope > li"), (source) => {
+    const node = { value: source.dataset.value ?? "", label: ownText(source), parent, children: [], source };
+    node.children = parse(source.querySelector(":scope > ul"), node);
+    return node;
+  });
+}
+var samePath = (a, b) => a.length === b.length && a.every((node, i) => node === b[i]);
+var flatten = (nodes) => nodes.flatMap((node) => [node, ...flatten(node.children)]);
+function pathTo(node) {
+  const path = [];
+  for (let at = node; at; at = at.parent) path.unshift(at);
+  return path;
+}
+var _defaults = {
+  i18n: { required: "Choose an option." }
+};
+var Cascader = class extends Component {
+  constructor(el, options = {}) {
+    super(el, options);
+    /** The chosen path, from the first column to a leaf, or empty. */
+    this._path = [];
+    /** Whether the popover is open. */
+    this.isOpen = false;
+    /** The path shown while the popover is open, which a leaf commits. */
+    this._open = [];
+    /** The open listbox columns, one per level of the open path. */
+    this._columns = [];
+    /** Each rendered option's node. */
+    this._nodes = /* @__PURE__ */ new Map();
+    /** Each node's current option; choosing a branch again renders it anew. */
+    this._rendered = /* @__PURE__ */ new Map();
+    /** The last press inside the field, which the document listener lets through. */
+    this._insidePress = null;
+    /** Listeners that last while the popover is open. */
+    this._openEvents = null;
+    /** A label id the component gave, which destroy() takes back. */
+    this._stampedLabel = null;
+    this._ids = 0;
+    /** The path the field started with, which a form reset puts back. */
+    this._initialPath = [];
+    /** The form control wrapping a named input, which the form reads instead of it. */
+    this._control = null;
+    /** The form name the input had, which the control submits under. */
+    this._formName = "";
+    this._required = false;
+    /** What each key does on an option, by its left-to-right name. */
+    this._keys = {
+      ArrowDown: (option, e) => this._move(option, e),
+      ArrowUp: (option, e) => this._move(option, e),
+      Home: (option, e) => this._move(option, e),
+      End: (option, e) => this._move(option, e),
+      ArrowRight: (option) => this._forward(option),
+      ArrowLeft: (option) => this._back(option),
+      Enter: (option) => this._activate(option),
+      " ": (option) => this._activate(option),
+      Escape: () => this._dismiss(),
+      Tab: () => this._dismiss()
+    };
+    this._handleInputKeydown = Utils.ignoringComposition((e) => {
+      if (this.isOpen || !OPEN_KEYS.includes(e.key)) return;
+      e.preventDefault();
+      this.open();
+    });
+    this._handleOptionKeydown = (e) => {
+      const option = e.target.closest('[role="option"]');
+      const action = option && this._keys[this._keyName(e)];
+      if (!action || !Utils.plainKey(e)) return;
+      e.preventDefault();
+      action(option, e);
+    };
+    /** A submit or checkValidity() found no path: the input says so to assistive technology. */
+    this._handleInvalid = () => {
+      this.input.setAttribute("aria-invalid", "true");
+    };
+    this._handleInputClick = () => {
+      if (this.isOpen) this.close();
+      else this.open();
+    };
+    /** A click on a branch keeps focus on it; one on a leaf commits. */
+    this._handleOptionClick = (e) => {
+      const option = e.target.closest('[role="option"]');
+      if (!option) return;
+      this._focus(option);
+      this._pick(option);
+    };
+    // Marked rather than found on the composed path, which a document listener
+    // cannot see into when the field sits in a closed shadow root.
+    this._handleInsidePointer = (e) => {
+      this._insidePress = e;
+    };
+    /** A press outside the field and the popover closes it, leaving focus where the press puts it. */
+    this._handleOutsidePointer = (e) => {
+      if (e !== this._insidePress) this.close();
+    };
+    this.input = this.el.querySelector(":scope > input");
+    this._options = parse(this.el.querySelector(":scope > .cascader-options"), null);
+    if (!this.input) return;
+    this._saved = INPUT_ATTRIBUTES.map((name) => this.input.getAttribute(name));
+    this.popover = document.createElement("div");
+    this.popover.id = `cascader-${Utils.guid()}`;
+    this.popover.className = "cascader-popover";
+    this.popover.setAttribute("popover", "manual");
+    this.popover.setAttribute("role", "dialog");
+    this.el.append(this.popover);
+    this._labelledBy = this.input.getAttribute("aria-labelledby") ?? this._labelId();
+    this._name(this.popover);
+    this.input.readOnly = true;
+    this.input.setAttribute("role", "combobox");
+    this.input.setAttribute("aria-haspopup", "dialog");
+    this.input.setAttribute("aria-expanded", "false");
+    this.input.setAttribute("aria-controls", this.popover.id);
+    this._path = this._initialPath = this._startingPath();
+    this._show();
+    this._takeName();
+    const { signal } = this._events;
+    this.input.addEventListener("click", this._handleInputClick, { signal });
+    this.input.addEventListener("keydown", this._handleInputKeydown, { signal });
+    this.popover.addEventListener("click", this._handleOptionClick, { signal });
+    this.popover.addEventListener("keydown", this._handleOptionKeydown, { signal });
+  }
+  static get defaults() {
+    return _defaults;
+  }
+  /** The values of the chosen path, from the first column on. */
+  get value() {
+    return this._path.map((node) => node.value);
+  }
+  /** Opens the popover at the chosen path, with focus on its leaf or on the first option. */
+  open() {
+    if (this.isOpen || this.input.matches(":disabled")) return;
+    this.isOpen = true;
+    this._columns = [this._addColumn(this._options, null)];
+    this._open = [];
+    this._path.forEach((node, level) => this._choose(level, node));
+    this._showPopover();
+    this._focus(this._optionFor(this._path.at(-1)) ?? this._columns[0].querySelector('[role="option"]'));
+  }
+  /** Closes the popover, keeping the chosen path. */
+  close() {
+    if (!this.isOpen) return;
+    this.isOpen = false;
+    this._openEvents.abort();
+    this.popover.hidePopover?.();
+    this.popover.replaceChildren();
+    this._columns = [];
+    this._nodes.clear();
+    this._rendered.clear();
+    this.input.setAttribute("aria-expanded", "false");
+  }
+  destroy() {
+    if (this.input) {
+      this.close();
+      this._giveNameBack();
+      this._stampedLabel?.removeAttribute("id");
+      this.popover.remove();
+      INPUT_ATTRIBUTES.forEach((name, i) => restoreAttribute(this.input, name, this._saved[i]));
+    }
+    super.destroy();
+  }
+  /** The path to the first leaf marked data-selected; a marked branch does not count. */
+  _startingPath() {
+    return pathTo(flatten(this._options).find((node) => !node.children.length && node.source.hasAttribute("data-selected")));
+  }
+  /** Shows the popover anchored to the input, until a press outside closes it. */
+  _showPopover() {
+    this.popover.showPopover?.({ source: this.input });
+    this.input.setAttribute("aria-expanded", "true");
+    this._openEvents = controllerFor(this.el);
+    const { signal } = this._openEvents;
+    this.el.addEventListener("pointerdown", this._handleInsidePointer, { signal });
+    document.addEventListener("pointerdown", this._handleOutsidePointer, { signal });
+  }
+  /** The id of the input's first label, given one if it has none, or null. */
+  _labelId() {
+    const label = this.input.labels?.[0];
+    if (!label) return null;
+    if (!label.id) {
+      label.id = `${this.popover.id}-label`;
+      this._stampedLabel = label;
+    }
+    return label.id;
+  }
+  /** Names the popover or the first column after the field. */
+  _name(el) {
+    if (this._labelledBy) el.setAttribute("aria-labelledby", this._labelledBy);
+    else restoreAttribute(el, "aria-label", this.input.getAttribute("aria-label"));
+  }
+  /** A listbox of `nodes`, named after the option that opened it, or after the field for the first. */
+  _addColumn(nodes, opener) {
+    const column = document.createElement("ul");
+    column.setAttribute("role", "listbox");
+    if (opener) column.setAttribute("aria-labelledby", this._optionFor(opener).id);
+    else this._name(column);
+    column.append(...nodes.map((node) => this._addOption(node)));
+    column.firstElementChild?.setAttribute("tabindex", "0");
+    this.popover.append(column);
+    return column;
+  }
+  _addOption(node) {
+    const option = document.createElement("li");
+    option.id = `${this.popover.id}-${this._ids++}`;
+    option.setAttribute("role", "option");
+    option.setAttribute("aria-selected", "false");
+    option.tabIndex = -1;
+    option.textContent = node.label;
+    if (node.children.length) {
+      const chevron = document.createElement("span");
+      chevron.className = "cascader-chevron";
+      chevron.setAttribute("aria-hidden", "true");
+      option.append(chevron);
+    }
+    this._nodes.set(option, node);
+    this._rendered.set(node, option);
+    return option;
+  }
+  /** The rendered option for `node`, if it is shown. */
+  _optionFor(node) {
+    return this._rendered.get(node);
+  }
+  /**
+   * Puts `node` on the open path at `level`: it is selected in its column,
+   * the columns after it go, and a branch shows its children next.
+   */
+  _choose(level, node) {
+    this._open = [...this._open.slice(0, level), node];
+    this._columns.splice(level + 1).forEach((column) => column.remove());
+    this._columns[level].querySelectorAll('[role="option"]').forEach((option) => {
+      const selected = this._nodes.get(option) === node;
+      option.setAttribute("aria-selected", String(selected));
+      option.setAttribute("tabindex", selected ? "0" : "-1");
+    });
+    if (node.children.length) this._columns.push(this._addColumn(node.children, node));
+  }
+  /** Moves focus to an option and makes it its column's tab stop. */
+  _focus(option) {
+    if (!(option instanceof HTMLElement)) return;
+    option.parentElement.querySelectorAll('[tabindex="0"]').forEach((other) => other.setAttribute("tabindex", "-1"));
+    option.tabIndex = 0;
+    option.focus();
+  }
+  /**
+   * A named input would submit the path's labels. The control submits under
+   * that name instead, one value per level, so the input gives its name and
+   * required up until destroy().
+   */
+  _takeName() {
+    this._formName = this.input.getAttribute("name") ?? "";
+    if (this._formName && formAssociated()) this._wrap();
+  }
+  /** Wraps the input in the control, which takes its required too. */
+  _wrap() {
+    this._required = this.input.required;
+    this.input.required = false;
+    if (this._required) this.input.setAttribute("aria-required", "true");
+    this._control = wrapInControl(CONTROL, this.input, () => this._sync());
+    this._control.onFormReset = () => this._reset();
+    this._control.addEventListener("invalid", this._handleInvalid, { signal: this._events.signal });
+    this._sync();
+  }
+  /** After the path changes: one form value per level, and a required field's validity. */
+  _sync() {
+    if (!this._control) return;
+    const data = new FormData();
+    this.value.forEach((value) => data.append(this._formName, value));
+    this._control.internals.setFormValue(data);
+    this._validate();
+  }
+  /** A required field is missing a value until a path is committed; the message anchors at the input. */
+  _validate() {
+    const missing = this._required && !this._path.length;
+    this._control.internals.setValidity({ valueMissing: missing }, missing ? this._requiredMessage : "", this.input);
+    if (!missing) restoreAttribute(this.input, "aria-invalid", this._saved[INPUT_ATTRIBUTES.indexOf("aria-invalid")]);
+  }
+  /** A validity flag needs a message, so an empty i18n.required falls back to the default. */
+  get _requiredMessage() {
+    return this.options.i18n.required || _defaults.i18n.required;
+  }
+  /** A form reset puts the starting path back without firing events. */
+  _reset() {
+    this.close();
+    this._path = this._initialPath;
+    this._show();
+    this._sync();
+  }
+  /** Unwraps the input and gives it its name and required back. */
+  _giveNameBack() {
+    if (!this._control) return;
+    unwrapControl(this._control, this.input);
+    this._control = null;
+    this.input.required = this._required;
+  }
+  /** Commits the open path, ending at a leaf: the input shows it, and changes to it fire input and change. */
+  _commit() {
+    const changed = !samePath(this._open, this._path);
+    this._path = this._open;
+    this._show();
+    this._sync();
+    this.close();
+    this.input.focus();
+    if (!changed) return;
+    this.input.dispatchEvent(new Event("input", { bubbles: true }));
+    this.input.dispatchEvent(new Event("change", { bubbles: true }));
+  }
+  /** Chooses an option: a branch opens its children, and a leaf commits the path. */
+  _pick(option) {
+    if (this.input.matches(":disabled")) return this.close();
+    const node = this._nodes.get(option);
+    this._choose(this._columns.indexOf(option.parentElement), node);
+    if (!node.children.length) this._commit();
+  }
+  /** Moves into the next column from a branch; a leaf has none. */
+  _forward(option) {
+    if (this._nodes.get(option).children.length) this._enter(option);
+  }
+  /** Enter and Space: a branch opens the next column, and a leaf commits. */
+  _activate(option) {
+    if (this._nodes.get(option).children.length) this._enter(option);
+    else this._pick(option);
+  }
+  /** Chooses a branch and moves focus to the first option of its column. */
+  _enter(option) {
+    this._pick(option);
+    this._focus(this._columns.at(-1)?.firstElementChild);
+  }
+  /** Back to the option that opened this column, leaving the columns as they are. */
+  _back(option) {
+    const level = this._columns.indexOf(option.parentElement);
+    if (level > 0) this._focus(this._optionFor(this._open[level - 1]));
+  }
+  /** Closes without committing and returns focus to the input. */
+  _dismiss() {
+    this.close();
+    this.input.focus();
+  }
+  /** Up, Down, Home and End within a column, without wrapping. */
+  _move(option, e) {
+    this._focus(Utils.focusTarget(Array.from(option.parentElement.children), e, { ArrowDown: 1, ArrowUp: -1 }));
+  }
+  /** The key's left-to-right name, so ArrowLeft and ArrowRight follow the columns under dir="rtl". */
+  _keyName(e) {
+    return getComputedStyle(this.el).direction === "rtl" ? RTL_KEYS[e.key] ?? e.key : e.key;
+  }
+  /** Shows the chosen path's labels in the input. */
+  _show() {
+    this.input.value = this._path.map((node) => node.label).join(SEPARATOR);
+  }
+};
+Cascader.key = "Expressive_Cascader";
+
+export {
+  Cascader
+};
+//# sourceMappingURL=chunk-NVQ5EHCU.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/cascader.ts"],
+  "sourcesContent": ["import { Utils, controllerFor, restoreAttribute } from '../core/utils';\nimport { Component, BaseOptions } from '../core/component';\nimport { FormControl, formAssociated, wrapInControl, unwrapControl } from '../core/formControl';\n\n/** One option from the author's nested lists. */\ninterface CascaderNode {\n  value: string;\n  label: string;\n  parent: CascaderNode | null;\n  children: CascaderNode[];\n  source: HTMLLIElement;\n}\n\n/** The form control a named field submits through, wrapping its input. */\nconst CONTROL = 'expressive-cascader-control';\n\n/** The input attributes the component sets, put back by destroy(). */\nconst INPUT_ATTRIBUTES = ['readonly', 'role', 'aria-haspopup', 'aria-expanded', 'aria-controls', 'aria-required', 'aria-invalid'];\n\n/** Keys that open the popover from the input; Alt+ArrowDown is ArrowDown too. */\nconst OPEN_KEYS = ['Enter', ' ', 'ArrowDown'];\n\n/** Arrow keys swapped under dir=\"rtl\", where the next column is to the left. */\nconst RTL_KEYS: Record<string, string> = { ArrowLeft: 'ArrowRight', ArrowRight: 'ArrowLeft' };\n\n/** How the input shows a committed path. */\nconst SEPARATOR = ' / ';\n\n/** An option's own text, without the text of the lists nested in it. */\nconst ownText = (li: Element) =>\n  Array.from(li.childNodes, (node) => (node.nodeName === 'UL' ? ' ' : node.textContent)).join('').replace(/\\s+/g, ' ').trim();\n\n/** The options in a list, each with the options nested under it. */\nfunction parse(list: Element | null, parent: CascaderNode | null): CascaderNode[] {\n  if (!list) return [];\n  return Array.from(list.querySelectorAll<HTMLLIElement>(':scope > li'), (source) => {\n    const node: CascaderNode = { value: source.dataset.value ?? '', label: ownText(source), parent, children: [], source };\n    node.children = parse(source.querySelector(':scope > ul'), node);\n    return node;\n  });\n}\n\n/** Whether two paths hold the same options. */\nconst samePath = (a: CascaderNode[], b: CascaderNode[]) => a.length === b.length && a.every((node, i) => node === b[i]);\n\n/** Every option, depth first, which is document order. */\nconst flatten = (nodes: CascaderNode[]): CascaderNode[] => nodes.flatMap((node) => [node, ...flatten(node.children)]);\n\n/** The options from the first one to `node`. */\nfunction pathTo(node: CascaderNode | undefined): CascaderNode[] {\n  const path: CascaderNode[] = [];\n  for (let at = node; at; at = at.parent) path.unshift(at);\n  return path;\n}\n\nexport interface CascaderI18nOptions {\n  /** What a required field says while no path is chosen. */\n  required: string;\n}\n\nexport interface CascaderOptions extends BaseOptions {\n  /**\n   * Text the cascader shows.\n   * @default { required: 'Choose an option.' }\n   */\n  i18n: CascaderI18nOptions;\n}\n\nconst _defaults: CascaderOptions = {\n  i18n: { required: 'Choose an option.' }\n};\n\nexport class Cascader extends Component<CascaderOptions> {\n  /** The text input that shows the chosen path. */\n  input: HTMLInputElement;\n  /** The popover of columns. */\n  popover: HTMLElement;\n  /** The options from the author's lists. */\n  private _options: CascaderNode[];\n  /** The chosen path, from the first column to a leaf, or empty. */\n  private _path: CascaderNode[] = [];\n  /** Whether the popover is open. */\n  isOpen = false;\n  /** The input's attributes before the component started. */\n  private _saved: (string | null)[];\n  /** The path shown while the popover is open, which a leaf commits. */\n  private _open: CascaderNode[] = [];\n  /** The open listbox columns, one per level of the open path. */\n  private _columns: HTMLElement[] = [];\n  /** Each rendered option's node. */\n  private _nodes = new Map<Element, CascaderNode>();\n  /** Each node's current option; choosing a branch again renders it anew. */\n  private _rendered = new Map<CascaderNode, HTMLElement>();\n  /** The last press inside the field, which the document listener lets through. */\n  private _insidePress: Event | null = null;\n  /** Listeners that last while the popover is open. */\n  private _openEvents: AbortController | null = null;\n  /** What names the popover and the first column: the input's own aria-labelledby or its label's id. */\n  private _labelledBy: string | null;\n  /** A label id the component gave, which destroy() takes back. */\n  private _stampedLabel: HTMLLabelElement | null = null;\n  private _ids = 0;\n  /** The path the field started with, which a form reset puts back. */\n  private _initialPath: CascaderNode[] = [];\n  /** The form control wrapping a named input, which the form reads instead of it. */\n  private _control: FormControl | null = null;\n  /** The form name the input had, which the control submits under. */\n  private _formName = '';\n  private _required = false;\n\n  constructor(el: HTMLElement, options: Partial<CascaderOptions> = {}) {\n    super(el, options);\n    this.input = this.el.querySelector<HTMLInputElement>(':scope > input');\n    this._options = parse(this.el.querySelector(':scope > .cascader-options'), null);\n    if (!this.input) return;\n    this._saved = INPUT_ATTRIBUTES.map((name) => this.input.getAttribute(name));\n    this.popover = document.createElement('div');\n    this.popover.id = `cascader-${Utils.guid()}`;\n    this.popover.className = 'cascader-popover';\n    this.popover.setAttribute('popover', 'manual');\n    this.popover.setAttribute('role', 'dialog');\n    this.el.append(this.popover);\n    this._labelledBy = this.input.getAttribute('aria-labelledby') ?? this._labelId();\n    this._name(this.popover);\n    this.input.readOnly = true;\n    this.input.setAttribute('role', 'combobox');\n    this.input.setAttribute('aria-haspopup', 'dialog');\n    this.input.setAttribute('aria-expanded', 'false');\n    this.input.setAttribute('aria-controls', this.popover.id);\n    this._path = this._initialPath = this._startingPath();\n    this._show();\n    this._takeName();\n    const { signal } = this._events;\n    this.input.addEventListener('click', this._handleInputClick, { signal });\n    this.input.addEventListener('keydown', this._handleInputKeydown, { signal });\n    this.popover.addEventListener('click', this._handleOptionClick, { signal });\n    this.popover.addEventListener('keydown', this._handleOptionKeydown, { signal });\n  }\n\n  static get defaults(): CascaderOptions {\n    return _defaults;\n  }\n\n  static key = 'Expressive_Cascader';\n\n  /** The values of the chosen path, from the first column on. */\n  get value(): string[] {\n    return this._path.map((node) => node.value);\n  }\n\n  /** Opens the popover at the chosen path, with focus on its leaf or on the first option. */\n  open() {\n    if (this.isOpen || this.input.matches(':disabled')) return;\n    this.isOpen = true;\n    this._columns = [this._addColumn(this._options, null)];\n    this._open = [];\n    this._path.forEach((node, level) => this._choose(level, node));\n    this._showPopover();\n    this._focus(this._optionFor(this._path.at(-1)) ?? this._columns[0].querySelector('[role=\"option\"]'));\n  }\n\n  /** Closes the popover, keeping the chosen path. */\n  close() {\n    if (!this.isOpen) return;\n    this.isOpen = false;\n    this._openEvents.abort();\n    this.popover.hidePopover?.();\n    this.popover.replaceChildren();\n    this._columns = [];\n    this._nodes.clear();\n    this._rendered.clear();\n    this.input.setAttribute('aria-expanded', 'false');\n  }\n\n  destroy() {\n    if (this.input) {\n      this.close();\n      this._giveNameBack();\n      this._stampedLabel?.removeAttribute('id');\n      this.popover.remove();\n      INPUT_ATTRIBUTES.forEach((name, i) => restoreAttribute(this.input, name, this._saved[i]));\n    }\n    super.destroy();\n  }\n\n  /** The path to the first leaf marked data-selected; a marked branch does not count. */\n  private _startingPath() {\n    return pathTo(flatten(this._options).find((node) => !node.children.length && node.source.hasAttribute('data-selected')));\n  }\n\n  /** Shows the popover anchored to the input, until a press outside closes it. */\n  private _showPopover() {\n    (this.popover as HTMLElement & { showPopover(options?: { source?: HTMLElement }): void }).showPopover?.({ source: this.input });\n    this.input.setAttribute('aria-expanded', 'true');\n    this._openEvents = controllerFor(this.el);\n    const { signal } = this._openEvents;\n    this.el.addEventListener('pointerdown', this._handleInsidePointer, { signal });\n    document.addEventListener('pointerdown', this._handleOutsidePointer, { signal });\n  }\n\n  /** The id of the input's first label, given one if it has none, or null. */\n  private _labelId() {\n    const label = this.input.labels?.[0];\n    if (!label) return null;\n    if (!label.id) {\n      label.id = `${this.popover.id}-label`;\n      this._stampedLabel = label;\n    }\n    return label.id;\n  }\n\n  /** Names the popover or the first column after the field. */\n  private _name(el: HTMLElement) {\n    if (this._labelledBy) el.setAttribute('aria-labelledby', this._labelledBy);\n    else restoreAttribute(el, 'aria-label', this.input.getAttribute('aria-label'));\n  }\n\n  /** A listbox of `nodes`, named after the option that opened it, or after the field for the first. */\n  private _addColumn(nodes: CascaderNode[], opener: CascaderNode | null) {\n    const column = document.createElement('ul');\n    column.setAttribute('role', 'listbox');\n    if (opener) column.setAttribute('aria-labelledby', this._optionFor(opener).id);\n    else this._name(column);\n    column.append(...nodes.map((node) => this._addOption(node)));\n    column.firstElementChild?.setAttribute('tabindex', '0');\n    this.popover.append(column);\n    return column;\n  }\n\n  private _addOption(node: CascaderNode) {\n    const option = document.createElement('li');\n    option.id = `${this.popover.id}-${this._ids++}`;\n    option.setAttribute('role', 'option');\n    option.setAttribute('aria-selected', 'false');\n    option.tabIndex = -1;\n    option.textContent = node.label;\n    if (node.children.length) {\n      const chevron = document.createElement('span');\n      chevron.className = 'cascader-chevron';\n      chevron.setAttribute('aria-hidden', 'true');\n      option.append(chevron);\n    }\n    this._nodes.set(option, node);\n    this._rendered.set(node, option);\n    return option;\n  }\n\n  /** The rendered option for `node`, if it is shown. */\n  private _optionFor(node: CascaderNode | undefined): HTMLElement | undefined {\n    return this._rendered.get(node);\n  }\n\n  /**\n   * Puts `node` on the open path at `level`: it is selected in its column,\n   * the columns after it go, and a branch shows its children next.\n   */\n  private _choose(level: number, node: CascaderNode) {\n    this._open = [...this._open.slice(0, level), node];\n    this._columns.splice(level + 1).forEach((column) => column.remove());\n    this._columns[level].querySelectorAll('[role=\"option\"]').forEach((option) => {\n      const selected = this._nodes.get(option) === node;\n      option.setAttribute('aria-selected', String(selected));\n      option.setAttribute('tabindex', selected ? '0' : '-1');\n    });\n    if (node.children.length) this._columns.push(this._addColumn(node.children, node));\n  }\n\n  /** Moves focus to an option and makes it its column's tab stop. */\n  private _focus(option: Element | null | undefined) {\n    if (!(option instanceof HTMLElement)) return;\n    option.parentElement.querySelectorAll('[tabindex=\"0\"]').forEach((other) => other.setAttribute('tabindex', '-1'));\n    option.tabIndex = 0;\n    option.focus();\n  }\n\n  /**\n   * A named input would submit the path's labels. The control submits under\n   * that name instead, one value per level, so the input gives its name and\n   * required up until destroy().\n   */\n  private _takeName() {\n    this._formName = this.input.getAttribute('name') ?? '';\n    // ponytail: without form-associated custom elements (jsdom) the input keeps its name and submits the labels.\n    if (this._formName && formAssociated()) this._wrap();\n  }\n\n  /** Wraps the input in the control, which takes its required too. */\n  private _wrap() {\n    this._required = this.input.required;\n    this.input.required = false;\n    if (this._required) this.input.setAttribute('aria-required', 'true');\n    this._control = wrapInControl(CONTROL, this.input, () => this._sync());\n    this._control.onFormReset = () => this._reset();\n    this._control.addEventListener('invalid', this._handleInvalid, { signal: this._events.signal });\n    this._sync();\n  }\n\n  /** After the path changes: one form value per level, and a required field's validity. */\n  private _sync() {\n    if (!this._control) return;\n    const data = new FormData();\n    this.value.forEach((value) => data.append(this._formName, value));\n    this._control.internals.setFormValue(data);\n    this._validate();\n  }\n\n  /** A required field is missing a value until a path is committed; the message anchors at the input. */\n  private _validate() {\n    const missing = this._required && !this._path.length;\n    this._control.internals.setValidity({ valueMissing: missing }, missing ? this._requiredMessage : '', this.input);\n    if (!missing) restoreAttribute(this.input, 'aria-invalid', this._saved[INPUT_ATTRIBUTES.indexOf('aria-invalid')]);\n  }\n\n  /** A validity flag needs a message, so an empty i18n.required falls back to the default. */\n  private get _requiredMessage() {\n    return this.options.i18n.required || _defaults.i18n.required;\n  }\n\n  /** A form reset puts the starting path back without firing events. */\n  private _reset() {\n    this.close();\n    this._path = this._initialPath;\n    this._show();\n    this._sync();\n  }\n\n  /** Unwraps the input and gives it its name and required back. */\n  private _giveNameBack() {\n    if (!this._control) return;\n    unwrapControl(this._control, this.input);\n    this._control = null;\n    this.input.required = this._required;\n  }\n\n  /** Commits the open path, ending at a leaf: the input shows it, and changes to it fire input and change. */\n  private _commit() {\n    const changed = !samePath(this._open, this._path);\n    this._path = this._open;\n    this._show();\n    this._sync();\n    this.close();\n    this.input.focus();\n    if (!changed) return;\n    this.input.dispatchEvent(new Event('input', { bubbles: true }));\n    this.input.dispatchEvent(new Event('change', { bubbles: true }));\n  }\n\n  /** Chooses an option: a branch opens its children, and a leaf commits the path. */\n  private _pick(option: Element) {\n    if (this.input.matches(':disabled')) return this.close();\n    const node = this._nodes.get(option);\n    this._choose(this._columns.indexOf(option.parentElement), node);\n    if (!node.children.length) this._commit();\n  }\n\n  /** Moves into the next column from a branch; a leaf has none. */\n  private _forward(option: HTMLElement) {\n    if (this._nodes.get(option).children.length) this._enter(option);\n  }\n\n  /** Enter and Space: a branch opens the next column, and a leaf commits. */\n  private _activate(option: HTMLElement) {\n    if (this._nodes.get(option).children.length) this._enter(option);\n    else this._pick(option);\n  }\n\n  /** Chooses a branch and moves focus to the first option of its column. */\n  private _enter(option: HTMLElement) {\n    this._pick(option);\n    this._focus(this._columns.at(-1)?.firstElementChild);\n  }\n\n  /** Back to the option that opened this column, leaving the columns as they are. */\n  private _back(option: HTMLElement) {\n    const level = this._columns.indexOf(option.parentElement);\n    if (level > 0) this._focus(this._optionFor(this._open[level - 1]));\n  }\n\n  /** Closes without committing and returns focus to the input. */\n  private _dismiss() {\n    this.close();\n    this.input.focus();\n  }\n\n  /** Up, Down, Home and End within a column, without wrapping. */\n  private _move(option: HTMLElement, e: KeyboardEvent) {\n    this._focus(Utils.focusTarget(Array.from(option.parentElement.children) as HTMLElement[], e, { ArrowDown: 1, ArrowUp: -1 }));\n  }\n\n  /** What each key does on an option, by its left-to-right name. */\n  private _keys: Record<string, (option: HTMLElement, e: KeyboardEvent) => void> = {\n    ArrowDown: (option, e) => this._move(option, e),\n    ArrowUp: (option, e) => this._move(option, e),\n    Home: (option, e) => this._move(option, e),\n    End: (option, e) => this._move(option, e),\n    ArrowRight: (option) => this._forward(option),\n    ArrowLeft: (option) => this._back(option),\n    Enter: (option) => this._activate(option),\n    ' ': (option) => this._activate(option),\n    Escape: () => this._dismiss(),\n    Tab: () => this._dismiss(),\n  };\n\n  /** The key's left-to-right name, so ArrowLeft and ArrowRight follow the columns under dir=\"rtl\". */\n  private _keyName(e: KeyboardEvent) {\n    return getComputedStyle(this.el).direction === 'rtl' ? RTL_KEYS[e.key] ?? e.key : e.key;\n  }\n\n  _handleInputKeydown = Utils.ignoringComposition((e: KeyboardEvent) => {\n    if (this.isOpen || !OPEN_KEYS.includes(e.key)) return;\n    e.preventDefault();\n    this.open();\n  });\n\n  _handleOptionKeydown = (e: KeyboardEvent) => {\n    const option = (e.target as Element).closest<HTMLElement>('[role=\"option\"]');\n    const action = option && this._keys[this._keyName(e)];\n    // Alt, Ctrl and Meta combinations belong to the browser; Shift+Tab still closes.\n    if (!action || !Utils.plainKey(e)) return;\n    e.preventDefault();\n    action(option, e);\n  };\n\n  /** A submit or checkValidity() found no path: the input says so to assistive technology. */\n  _handleInvalid = () => {\n    this.input.setAttribute('aria-invalid', 'true');\n  };\n\n  _handleInputClick = () => {\n    if (this.isOpen) this.close();\n    else this.open();\n  };\n\n  /** A click on a branch keeps focus on it; one on a leaf commits. */\n  _handleOptionClick = (e: MouseEvent) => {\n    const option = (e.target as Element).closest('[role=\"option\"]');\n    if (!option) return;\n    this._focus(option);\n    this._pick(option);\n  };\n\n  // Marked rather than found on the composed path, which a document listener\n  // cannot see into when the field sits in a closed shadow root.\n  _handleInsidePointer = (e: PointerEvent) => {\n    this._insidePress = e;\n  };\n\n  /** A press outside the field and the popover closes it, leaving focus where the press puts it. */\n  _handleOutsidePointer = (e: PointerEvent) => {\n    if (e !== this._insidePress) this.close();\n  };\n\n  /** Shows the chosen path's labels in the input. */\n  private _show() {\n    this.input.value = this._path.map((node) => node.label).join(SEPARATOR);\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/js/chunks/{chunk-DXGRXYYL.mjs → chunk-OP43LLIC.mjs}

@@ -1,9 +1,10 @@
-import {
-  Utils
-} from "./chunk-M372EDXD.mjs";
 import {
   Component
-} from "./chunk-PD6HYHAE.mjs";
+} from "./chunk-CMGXGYUC.mjs";
+import {
+  Utils,
+  restoreAttribute
+} from "./chunk-ZVLOUDIJ.mjs";
 
 // src/ts/components/expandingCard.ts
 var _defaults = {
@@ -11,27 +12,23 @@ var _defaults = {
   onClose: null
 };
 var EXPANDING_CARD_SELECTOR = "article.expanding-card:has(> dialog.expanding-card-dialog)";
-var ExpandingCard = class _ExpandingCard extends Component {
+var ExpandingCard = class extends Component {
   constructor(el, options) {
-    super(el, options, _ExpandingCard);
+    super(el, options);
     this.isOpen = false;
     this.closeGeneration = 0;
+    // Trigger attributes as they were before init, so destroy() can restore them.
+    this._initialTrigger = {};
     this._setupEventHandlers = () => {
-      this.trigger?.addEventListener("click", this.open);
-      this.trigger?.addEventListener("keypress", this._handleTriggerKeypress);
-      this.closeButton?.addEventListener("click", this.close);
-      this.dialog?.addEventListener("cancel", this._handleCancel);
-      this.dialog?.addEventListener("close", this._handleNativeClose);
-    };
-    this._removeEventHandlers = () => {
-      this.trigger?.removeEventListener("click", this.open);
-      this.trigger?.removeEventListener("keypress", this._handleTriggerKeypress);
-      this.closeButton?.removeEventListener("click", this.close);
-      this.dialog?.removeEventListener("cancel", this._handleCancel);
-      this.dialog?.removeEventListener("close", this._handleNativeClose);
+      const { signal } = this._events;
+      this.trigger?.addEventListener("click", this.open, { signal });
+      this.trigger?.addEventListener("keypress", this._handleTriggerKeypress, { signal });
+      this.closeButton?.addEventListener("click", this.close, { signal });
+      this.dialog?.addEventListener("cancel", this._handleCancel, { signal });
+      this.dialog?.addEventListener("close", this._handleNativeClose, { signal });
     };
     this._handleTriggerKeypress = (event) => {
-      if (event.key === Utils.keys.ENTER || event.key === " ") {
+      if (event.key === "Enter" || event.key === " ") {
         event.preventDefault();
         this.open();
       }
@@ -42,7 +39,9 @@ var ExpandingCard = class _ExpandingCard extends Component {
     };
     this._handleNativeClose = () => {
       if (this.dialog.open) return;
+      const wasOpen = this.isOpen;
       this._collapse();
+      if (wasOpen) this._notify("close", this.options.onClose, { current: () => !this.isOpen });
     };
     this._setTransitionOrigin = () => {
       if (!this.dialog) return;
@@ -67,23 +66,18 @@ var ExpandingCard = class _ExpandingCard extends Component {
       this._setTransitionOrigin();
       this.isOpen = true;
       this.trigger.ariaExpanded = "true";
-      this.dialog.ariaExpanded = "true";
       this.dialog.showModal();
       void this.dialog.offsetWidth;
       this.dialog.classList.add("expanded");
       this.closeButton?.focus();
-      if (typeof this.options.onOpen === "function") {
-        this.options.onOpen.call(this, this.el);
-      }
+      this._notify("open", this.options.onOpen, { current: () => this.isOpen });
     };
     this.close = () => {
       if (!this.isOpen || !this.dialog || !this.trigger) return;
       this._setTransitionOrigin();
       this._collapse();
       const generation = this.closeGeneration;
-      if (typeof this.options.onClose === "function") {
-        this.options.onClose.call(this, this.el);
-      }
+      this._notify("close", this.options.onClose, { current: () => !this.isOpen });
       const finish = () => {
         if (generation !== this.closeGeneration || this.isOpen || !this.dialog.open) return;
         this.dialog.close();
@@ -96,11 +90,6 @@ var ExpandingCard = class _ExpandingCard extends Component {
       if (transitions.length === 0) finish();
       else void Promise.allSettled(transitions.map((animation) => animation.finished)).then(finish);
     };
-    this.el["Expressive_ExpandingCard"] = this;
-    this.options = {
-      ..._ExpandingCard.defaults,
-      ...options
-    };
     this.dialog = this.el.querySelector(
       ":scope > dialog.expanding-card-dialog"
     );
@@ -109,6 +98,8 @@ var ExpandingCard = class _ExpandingCard extends Component {
     );
     this.closeButton = this.dialog?.querySelector(".expanding-card-close") ?? null;
     if (this.trigger && this.dialog) {
+      for (const name of ["aria-expanded", "aria-controls", "tabindex", "role"])
+        this._initialTrigger[name] = this.trigger.getAttribute(name);
       this.trigger.ariaExpanded = "false";
       if (this.dialog.id)
         this.trigger.setAttribute("aria-controls", this.dialog.id);
@@ -116,34 +107,25 @@ var ExpandingCard = class _ExpandingCard extends Component {
         this.trigger.tabIndex = 0;
         this.trigger.setAttribute("role", "button");
       }
-      this.dialog.ariaExpanded = "false";
       this._setupEventHandlers();
     }
   }
   static get defaults() {
     return _defaults;
   }
-  static init(els, options) {
-    return super.init(els, options, _ExpandingCard);
-  }
-  static getInstance(el) {
-    return el["Expressive_ExpandingCard"];
-  }
   destroy() {
-    this._removeEventHandlers();
+    this._events.abort();
     this._collapse();
     if (this.dialog?.open) this.dialog.close();
-    this.el["Expressive_ExpandingCard"] = void 0;
+    for (const [name, value] of Object.entries(this._initialTrigger)) restoreAttribute(this.trigger, name, value);
+    super.destroy();
   }
   /** Marks the card closed and invalidates any pending close. */
   _collapse() {
     this.closeGeneration++;
     this.isOpen = false;
     if (this.trigger) this.trigger.ariaExpanded = "false";
-    if (this.dialog) {
-      this.dialog.ariaExpanded = "false";
-      this.dialog.classList.remove("expanded");
-    }
+    this.dialog?.classList.remove("expanded");
   }
   static Init() {
     Utils.onDocumentReady(() => {
@@ -155,9 +137,10 @@ var ExpandingCard = class _ExpandingCard extends Component {
     });
   }
 };
+ExpandingCard.key = "Expressive_ExpandingCard";
 
 export {
   EXPANDING_CARD_SELECTOR,
   ExpandingCard
 };
-//# sourceMappingURL=chunk-DXGRXYYL.mjs.map
+//# sourceMappingURL=chunk-OP43LLIC.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/expandingCard.ts"],
+  "sourcesContent": ["import { Utils, restoreAttribute } from \"../core/utils\";\nimport { Component, BaseOptions } from \"../core/component\";\n\nexport interface ExpandingCardOptions extends BaseOptions {\n  onOpen: (el: Element) => void;\n  onClose: (el: Element) => void;\n}\n\nconst _defaults: ExpandingCardOptions = {\n  onOpen: null,\n  onClose: null,\n};\n\nexport const EXPANDING_CARD_SELECTOR =\n  \"article.expanding-card:has(> dialog.expanding-card-dialog)\";\n\n/**\n * Morphs a compact card into a full-screen modal detail surface.\n */\nexport class ExpandingCard extends Component<ExpandingCardOptions> {\n  isOpen: boolean = false;\n  private readonly trigger: HTMLElement | null;\n  private readonly dialog: HTMLDialogElement | null;\n  private readonly closeButton: HTMLElement | null;\n  private closeGeneration = 0;\n  // Trigger attributes as they were before init, so destroy() can restore them.\n  private _initialTrigger: Record<string, string | null> = {};\n\n  constructor(el: HTMLElement, options: Partial<ExpandingCardOptions>) {\n    super(el, options);\n\n    this.dialog = this.el.querySelector(\n      \":scope > dialog.expanding-card-dialog\",\n    );\n    this.trigger = this.el.querySelector(\n      \":scope > .expanding-card-trigger, :scope > figure > .expanding-card-trigger\",\n    );\n    this.closeButton =\n      this.dialog?.querySelector(\".expanding-card-close\") ?? null;\n\n    if (this.trigger && this.dialog) {\n      for (const name of [\"aria-expanded\", \"aria-controls\", \"tabindex\", \"role\"])\n        this._initialTrigger[name] = this.trigger.getAttribute(name);\n      this.trigger.ariaExpanded = \"false\";\n      if (this.dialog.id)\n        this.trigger.setAttribute(\"aria-controls\", this.dialog.id);\n      if (!this.trigger.matches(\"a[href], button, input, select, textarea\")) {\n        this.trigger.tabIndex = 0;\n        this.trigger.setAttribute(\"role\", \"button\");\n      }\n      this._setupEventHandlers();\n    }\n  }\n\n  static get defaults(): ExpandingCardOptions {\n    return _defaults;\n  }\n\n  static key = 'Expressive_ExpandingCard';\n\n  destroy() {\n    this._events.abort();\n    this._collapse();\n    if (this.dialog?.open) this.dialog.close();\n    for (const [name, value] of Object.entries(this._initialTrigger)) restoreAttribute(this.trigger, name, value);\n    super.destroy();\n  }\n\n  private _setupEventHandlers = () => {\n    const { signal } = this._events;\n    this.trigger?.addEventListener(\"click\", this.open, { signal });\n    this.trigger?.addEventListener(\"keypress\", this._handleTriggerKeypress, { signal });\n    this.closeButton?.addEventListener(\"click\", this.close, { signal });\n    this.dialog?.addEventListener(\"cancel\", this._handleCancel, { signal });\n    this.dialog?.addEventListener(\"close\", this._handleNativeClose, { signal });\n  };\n\n  private _handleTriggerKeypress = (event: KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === \" \") {\n      event.preventDefault();\n      this.open();\n    }\n  };\n\n  private _handleCancel = (event: Event) => {\n    event.preventDefault();\n    this.close();\n  };\n\n  private _handleNativeClose = () => {\n    // A queued close event can arrive after a caller has reopened the dialog.\n    if (this.dialog.open) return;\n    // dialog.close() and <form method=\"dialog\"> bypass close(), so report here.\n    const wasOpen = this.isOpen;\n    this._collapse();\n    if (wasOpen) this._notify('close', this.options.onClose, { current: () => !this.isOpen });\n  };\n\n  /** Marks the card closed and invalidates any pending close. */\n  private _collapse() {\n    this.closeGeneration++;\n    this.isOpen = false;\n    if (this.trigger) this.trigger.ariaExpanded = \"false\";\n    this.dialog?.classList.remove(\"expanded\");\n  }\n\n  private _setTransitionOrigin = () => {\n    if (!this.dialog) return;\n    const card = this.el.getBoundingClientRect();\n    const media = this.el.querySelector<HTMLElement>(\n      \":scope > figure, :scope > img\",\n    );\n    const mediaRect = media?.getBoundingClientRect();\n    const set = (side: string, px: number) =>\n      this.dialog.style.setProperty(\n        `--md-comp-expanding-card-from-${side}`,\n        `${Math.max(0, px)}px`,\n      );\n\n    set(\"top\", card.top);\n    set(\"right\", window.innerWidth - card.right);\n    set(\"bottom\", window.innerHeight - card.bottom);\n    set(\"left\", card.left);\n    set(\"media-height\", mediaRect?.height ?? 0);\n  };\n\n  open: () => void = () => {\n    if (this.isOpen || !this.dialog || !this.trigger) return;\n    this.closeGeneration++;\n\n    this._setTransitionOrigin();\n    this.isOpen = true;\n    this.trigger.ariaExpanded = \"true\";\n    this.dialog.showModal();\n    // Commit the clipped start frame before asking CSS to expand it.\n    void this.dialog.offsetWidth;\n    this.dialog.classList.add(\"expanded\");\n    this.closeButton?.focus();\n\n    this._notify('open', this.options.onOpen, { current: () => this.isOpen });\n  };\n\n  close: () => void = () => {\n    if (!this.isOpen || !this.dialog || !this.trigger) return;\n    this._setTransitionOrigin();\n    this._collapse();\n    const generation = this.closeGeneration;\n\n    this._notify('close', this.options.onClose, { current: () => !this.isOpen });\n\n    const finish = () => {\n      if (generation !== this.closeGeneration || this.isOpen || !this.dialog.open) return;\n      this.dialog.close();\n      if (this.dialog.isConnected && this.trigger.isConnected) this.trigger.focus();\n    };\n    const reducedMotion = window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\",\n    ).matches;\n    // Wait only for the container's actual clip transition, not arbitrary\n    // animations in consumer content. Cancellation also completes cleanup.\n    const transitions = reducedMotion ? [] : (this.dialog.getAnimations?.() ?? [])\n      .filter((animation) => (animation as CSSTransition).transitionProperty === \"clip-path\");\n    if (transitions.length === 0) finish();\n    else void Promise.allSettled(transitions.map((animation) => animation.finished)).then(finish);\n  };\n\n  static Init() {\n    Utils.onDocumentReady(() => {\n      document.querySelectorAll(EXPANDING_CARD_SELECTOR).forEach((el) => {\n        if (el[\"Expressive_ExpandingCard\"] == undefined) {\n          this.init(el as HTMLElement);\n        }\n      });\n    });\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}