@expressivecss/expressive 0.15.0 → 0.16.0

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

@@ -0,0 +1,435 @@
+import {
+  Component
+} from "./chunk-CMGXGYUC.mjs";
+import {
+  Utils
+} from "./chunk-ZVLOUDIJ.mjs";
+
+// src/ts/components/questionnaire.ts
+var _defaults = {
+  progressLabel: "Question {current} of {total}",
+  requiredMessage: "Choose an answer to continue.",
+  summaryLabel: "Review your answers",
+  editLabel: "Edit",
+  skippedLabel: "Not answered"
+};
+var NAVIGATION = ["previous", "skip", "next"];
+var UNSAVED = ["file", "password", "hidden"];
+var LETTERS = "abcdefghijklmnopqrstuvwxyz";
+var isChoice = (control) => control instanceof HTMLInputElement && (control.type === "radio" || control.type === "checkbox");
+function labelText(control) {
+  const label = control.closest("label")?.cloneNode(true);
+  label?.querySelectorAll("input, small").forEach((el) => el.remove());
+  return label?.textContent.trim() || control.value;
+}
+function answerText(control) {
+  if (control instanceof HTMLSelectElement) return Array.from(control.selectedOptions, (option) => option.text).join(", ");
+  if (isChoice(control)) return control.checked ? labelText(control) : "";
+  return control.value.trim();
+}
+var savedState = (control) => {
+  if (control instanceof HTMLSelectElement) return Array.from(control.selectedOptions, (option) => option.value);
+  return isChoice(control) ? control.checked : control.value;
+};
+var validSaved = (saved) => Array.isArray(saved?.answers) ? saved : null;
+function restoreState(control, saved) {
+  if (control instanceof HTMLSelectElement) return restoreSelect(control, saved);
+  if (isChoice(control)) control.checked = saved === true;
+  else if (typeof saved === "string") control.value = saved;
+}
+function restoreSelect(select, saved) {
+  if (!Array.isArray(saved)) return;
+  for (const option of select.options) option.selected = saved.includes(option.value);
+}
+function restoreControl(control, saved) {
+  const before = JSON.stringify(savedState(control));
+  restoreState(control, saved);
+  if (JSON.stringify(savedState(control)) !== before) control.dispatchEvent(new Event("change", { bubbles: true }));
+}
+function shortcut(e) {
+  if (typingIn(e.target) || !Utils.plainKey(e)) return -1;
+  const digit = "123456789".indexOf(e.key);
+  return digit >= 0 ? digit : letterIndex(e.key);
+}
+var TYPING = 'textarea, select, [contenteditable], input:not([type="radio"], [type="checkbox"], [type="button"], [type="submit"], [type="reset"])';
+var typingIn = (target) => !!target.matches?.(TYPING);
+var letterIndex = (key) => key.length === 1 ? LETTERS.indexOf(key.toLowerCase()) : -1;
+var Questionnaire = class extends Component {
+  // HTMLElement, not HTMLFormElement: init() takes the element type from
+  // here, and has always accepted any HTMLElement.
+  constructor(el, options) {
+    const progressLabel = el.dataset.progressLabel;
+    super(el, { ...progressLabel ? { progressLabel } : {}, ...options });
+    this._active = null;
+    this._generated = [];
+    this._generatedIds = [];
+    /** Set while one submission's invalid events arrive, so only the first opens. */
+    this._reporting = false;
+    /** With data-summary, the review step, and whether it is shown. */
+    this._summary = null;
+    this._reviewing = false;
+    /** Shows the question at `index` without checking the current one. */
+    this.goTo = (index) => {
+      const item = this.items[index];
+      if (!item) return;
+      this._active = item;
+      this._reviewing = false;
+      this._render();
+      this._save();
+      const controls = this._controls(item).filter((control) => !control.disabled);
+      (controls.find((control) => control.checked) ?? controls[0])?.focus();
+    };
+    /** Checks the shown question and moves to the next one if it is answered. */
+    this.next = () => {
+      if (this._validate(this._active)) this._advance();
+    };
+    /** Moves to the previous question, or from the review step back to the last one. */
+    this.previous = () => this.goTo(this._reviewing ? this.items.length - 1 : this.index - 1);
+    /** Shows the review step of a questionnaire with data-summary. */
+    this.review = () => {
+      if (!this._summary) return;
+      this._fillSummary(this._summary);
+      this._reviewing = true;
+      this._render();
+      this._summary.focus();
+    };
+    /** Clears the answer to the shown question and moves to the next one. */
+    this.skip = () => {
+      if (!this._active) return;
+      for (const control of this._controls(this._active)) {
+        const choice = isChoice(control);
+        if (choice ? !control.checked : !control.value) continue;
+        if (choice) control.checked = false;
+        else control.value = "";
+        control.dispatchEvent(new Event("change", { bubbles: true }));
+      }
+      this._setInvalid(this._active, false);
+      this._advance();
+    };
+    /** With data-save, stores the answers and the shown question. */
+    this._save = () => {
+      const key = this._key;
+      if (!key) return;
+      const state = { index: this.index, answers: this._allControls().map(savedState) };
+      try {
+        localStorage.setItem(key, JSON.stringify(state));
+      } catch {
+      }
+    };
+    /** A submitted questionnaire has nothing left to resume. */
+    this._forget = () => {
+      try {
+        if (this._key) localStorage.removeItem(this._key);
+      } catch {
+      }
+    };
+    this._handleClick = (e) => {
+      const button = e.target.closest?.("button");
+      if (!button || !this._buttons().includes(button)) return;
+      if (NAVIGATION.includes(button.value)) {
+        e.preventDefault();
+        this[button.value]();
+        return;
+      }
+      this._syncRequired();
+    };
+    // Enter in a field moves on instead of submitting the form early. With
+    // data-shortcuts, a letter or digit picks an answer.
+    this._handleKeydown = (e) => {
+      if (e.key !== "Enter") return this._handleShortcut(e);
+      if (e.defaultPrevented || Utils.isComposing(e)) return;
+      if (!(e.target instanceof HTMLInputElement) || this._end) return;
+      e.preventDefault();
+      this.next();
+    };
+    // A submission found an unanswered question, possibly a hidden one. Open the
+    // first instead of letting the browser report a control it cannot show.
+    // One submission fires its invalid events in a single task.
+    this._handleInvalid = (e) => {
+      const item = this.items.find((item2) => item2.contains(e.target));
+      if (!item) return;
+      e.preventDefault();
+      if (this._reporting) return;
+      this._reporting = true;
+      setTimeout(() => this._reporting = false);
+      this._active = item;
+      this._reviewing = false;
+      this._render();
+      this._validate(item);
+    };
+    // An answer clears the question's error.
+    this._handleInput = (e) => {
+      this._syncRequired();
+      this._save();
+      const item = e.target.closest?.("fieldset");
+      if (item instanceof HTMLFieldSetElement && item.classList.contains("invalid")) this._setInvalid(item, false);
+    };
+    this._progress = document.createElement("div");
+    this._progress.className = "questionnaire-progress";
+    this._progressText = document.createElement("span");
+    this._progressText.id = `questionnaire-progress-${Utils.guid()}`;
+    this._progressBar = document.createElement("progress");
+    this._progressBar.className = "progress";
+    this._progressBar.setAttribute("aria-labelledby", this._progressText.id);
+    this._progress.append(this._progressText, this._progressBar);
+    this.el.prepend(this._progress);
+    for (const item of this._fieldsets()) {
+      const ids = Array.from(item.querySelectorAll(":scope > p:not(.questionnaire-error)")).map((p) => this._ensureId(p, "questionnaire-description"));
+      if (ids.length && !item.hasAttribute("aria-describedby")) {
+        item.setAttribute("aria-describedby", ids.join(" "));
+        this._generatedIds.push(item);
+      }
+    }
+    this._active = this.items[0] ?? null;
+    this._summary = this._createSummary();
+    this._restore();
+    this._syncRequired();
+    this._render();
+    this._observer = new MutationObserver(() => {
+      this._syncRequired();
+      this._render();
+    });
+    this._observer.observe(this.el, { attributes: true, subtree: true, attributeFilter: ["disabled"] });
+    const { signal } = this._events;
+    this.el.addEventListener("click", this._handleClick, { signal });
+    this.el.addEventListener("keydown", this._handleKeydown, { signal });
+    this.el.addEventListener("input", this._handleInput, { signal });
+    this.el.addEventListener("change", this._save, { signal });
+    this.el.addEventListener("submit", this._forget, { signal });
+    this.el.addEventListener("invalid", this._handleInvalid, { capture: true, signal });
+  }
+  static get defaults() {
+    return _defaults;
+  }
+  /** The questions that apply: every fieldset child that is not disabled. */
+  get items() {
+    return this._fieldsets().filter((item) => !item.disabled);
+  }
+  /** Position of the shown question in `items`. */
+  get index() {
+    return this.items.indexOf(this._active);
+  }
+  /** The next question, or after the last one the review step. */
+  _advance() {
+    if (this._summary && this.index === this.items.length - 1) this.review();
+    else this.goTo(this.index + 1);
+  }
+  destroy() {
+    this._observer.disconnect();
+    this._summary?.remove();
+    for (const item of this._fieldsets()) {
+      if (item.hasAttribute("data-required")) for (const control of this._controls(item)) control.setCustomValidity("");
+      item.hidden = false;
+      this._setInvalid(item, false);
+    }
+    for (const button of this._buttons()) button.hidden = false;
+    this._progress.remove();
+    for (const el of this._generated) el.remove();
+    for (const el of this._generatedIds) {
+      el.removeAttribute(el instanceof HTMLFieldSetElement ? "aria-describedby" : "id");
+    }
+    super.destroy();
+  }
+  _fieldsets() {
+    return Array.from(this.el.querySelectorAll(":scope > fieldset"));
+  }
+  /** The footer's navigation and submit buttons. */
+  _buttons() {
+    return Array.from(this.el.querySelectorAll(":scope > footer > button")).filter(
+      (button) => NAVIGATION.includes(button.value) || button.type === "submit"
+    );
+  }
+  _controls(item) {
+    return Array.from(item.elements).filter(
+      (el) => el instanceof HTMLTextAreaElement || el instanceof HTMLSelectElement || el instanceof HTMLInputElement && el.type !== "button" && el.type !== "submit"
+    );
+  }
+  _required(item) {
+    return item.hasAttribute("data-required") || this._controls(item).some((control) => control.required);
+  }
+  _ensureId(el, prefix) {
+    if (!el.id) {
+      el.id = `${prefix}-${Utils.guid()}`;
+      this._generatedIds.push(el);
+    }
+    return el.id;
+  }
+  _render() {
+    const items = this.items;
+    if (!items.includes(this._active)) this._active = this._after(items);
+    const index = items.indexOf(this._active);
+    for (const item of this._fieldsets()) item.hidden = this._reviewing || item !== this._active;
+    this._summary?.toggleAttribute("hidden", !this._reviewing);
+    for (const button of this._buttons()) button.hidden = !this._shows(button, index);
+    this._renderProgress(index, items.length);
+  }
+  /** The question after the shown one, which was switched off, or the last that applies. */
+  _after(items) {
+    const all = this._fieldsets();
+    const after = all.slice(all.indexOf(this._active) + 1).find((item) => !item.disabled);
+    return after ?? items[items.length - 1] ?? null;
+  }
+  /** Whether the shown step is the one that submits: the review step, or without one the last question. */
+  get _end() {
+    return this._summary ? this._reviewing : this.index === this.items.length - 1;
+  }
+  /** Whether a footer button applies to the shown step. */
+  _shows(button, index) {
+    const end = this._end;
+    const shown = {
+      previous: index > 0 || this._reviewing,
+      skip: !end && this._skippable(),
+      next: !end
+    };
+    return shown[button.value] ?? end;
+  }
+  /** Whether the shown question may be skipped: it applies and needs no answer. */
+  _skippable() {
+    return !!this._active && !this._required(this._active);
+  }
+  _renderProgress(index, total) {
+    this._progressText.textContent = this._reviewing ? this.options.summaryLabel : this.options.progressLabel.replace("{current}", String(index + 1)).replace("{total}", String(total));
+    this._progressBar.max = Math.max(total, 1);
+    this._progressBar.value = this._reviewing ? total : index + 1;
+  }
+  /** With data-summary, the review step: a list of the questions and their answers, before the footer. */
+  _createSummary() {
+    if (!this.el.hasAttribute("data-summary")) return null;
+    const summary = document.createElement("section");
+    summary.className = "questionnaire-summary";
+    summary.tabIndex = -1;
+    summary.setAttribute("aria-label", this.options.summaryLabel);
+    summary.hidden = true;
+    summary.addEventListener("click", (e) => {
+      const edit = e.target.closest("button[data-question]");
+      if (edit) this.goTo(Number(edit.dataset.question));
+    });
+    const footer = this.el.querySelector(":scope > footer");
+    if (footer) footer.before(summary);
+    else this.el.append(summary);
+    return summary;
+  }
+  /** Lists each question that applies with its answer and a button back to it. */
+  _fillSummary(summary) {
+    const list = document.createElement("dl");
+    list.append(...this.items.map((item, i) => {
+      const row = document.createElement("div");
+      const [term, answer, action] = [document.createElement("dt"), document.createElement("dd"), document.createElement("dd")];
+      term.id = `questionnaire-summary-${Utils.guid()}`;
+      term.textContent = item.querySelector(":scope > legend")?.textContent.trim() ?? "";
+      answer.textContent = this._controls(item).map(answerText).filter(Boolean).join(", ") || this.options.skippedLabel;
+      const edit = document.createElement("button");
+      Object.assign(edit, { type: "button", className: "text", textContent: this.options.editLabel });
+      edit.dataset.question = String(i);
+      edit.setAttribute("aria-describedby", term.id);
+      action.append(edit);
+      row.append(term, answer, action);
+      return row;
+    }));
+    summary.replaceChildren(list);
+  }
+  /** The storage key from data-save, or '' without it. */
+  get _key() {
+    const key = this.el.dataset.save;
+    return key ? `questionnaire:${key}` : "";
+  }
+  /**
+   * Every answer control that can be saved, in order. A file cannot be put back,
+   * a password must not sit in storage, and a hidden input is the server's.
+   */
+  _allControls() {
+    return this._fieldsets().flatMap((item) => this._controls(item)).filter((control) => !UNSAVED.includes(control.type));
+  }
+  /** Puts back saved answers and the question they reached, if the questions are the same. */
+  _restore() {
+    const saved = this._read();
+    const controls = this._allControls();
+    if (saved?.answers.length !== controls.length) return;
+    controls.forEach((control, i) => restoreControl(control, saved.answers[i]));
+    this._active = this.items[saved.index] ?? this._active;
+  }
+  /** The saved state, or null for none or a broken one. */
+  _read() {
+    try {
+      return validSaved(JSON.parse(localStorage.getItem(this._key) ?? "null"));
+    } catch {
+      return null;
+    }
+  }
+  /**
+   * Puts "choose at least one" on the first enabled checkbox of each
+   * data-required group with none checked, so the browser's validation, and
+   * every way of submitting, sees it. A disabled checkbox is not sent, so it
+   * does not count.
+   */
+  _syncRequired() {
+    for (const item of this._fieldsets()) {
+      if (!item.hasAttribute("data-required")) continue;
+      const boxes = this._controls(item).filter(
+        (control) => control instanceof HTMLInputElement && control.type === "checkbox"
+      );
+      const enabled = boxes.filter((box) => !box.disabled);
+      for (const box of boxes) box.setCustomValidity("");
+      if (enabled.length && !enabled.some((box) => box.checked)) {
+        const error = item.querySelector(":scope > .questionnaire-error:not([data-generated])");
+        enabled[0].setCustomValidity(error?.textContent.trim() || this.options.requiredMessage);
+      }
+    }
+  }
+  /** The first control in the question that still needs an answer. */
+  _invalidControl(item) {
+    return this._controls(item).find((control) => control.willValidate && !control.validity.valid);
+  }
+  /** Shows the question's error and returns false when it needs an answer. */
+  _validate(item) {
+    this._syncRequired();
+    const invalid = item && this._invalidControl(item);
+    if (!invalid) return true;
+    let error = item.querySelector(":scope > .questionnaire-error");
+    if (!error) {
+      error = document.createElement("p");
+      error.className = "questionnaire-error";
+      error.dataset.generated = "";
+      error.textContent = invalid.validationMessage || this.options.requiredMessage;
+      item.append(error);
+      this._generated.push(error);
+    }
+    this._setInvalid(item, true);
+    invalid.focus();
+    return false;
+  }
+  _setInvalid(item, invalid) {
+    item.classList.toggle("invalid", invalid);
+    const error = item.querySelector(":scope > .questionnaire-error");
+    const described = (item.getAttribute("aria-describedby") ?? "").split(" ").filter((id) => id && id !== error?.id);
+    if (invalid && error) described.push(this._ensureId(error, "questionnaire-error"));
+    if (described.length) item.setAttribute("aria-describedby", described.join(" "));
+    else item.removeAttribute("aria-describedby");
+    for (const control of this._controls(item)) {
+      if (invalid) control.setAttribute("aria-invalid", "true");
+      else control.removeAttribute("aria-invalid");
+    }
+    if (!invalid && this._generated.includes(error)) {
+      error.remove();
+      this._generated.splice(this._generated.indexOf(error), 1);
+    }
+  }
+  /** Whether a shortcut key can pick an answer now: data-shortcuts is set and a question shows. */
+  get _shortcuts() {
+    return this.el.hasAttribute("data-shortcuts") && !!this._active && !this._reviewing;
+  }
+  _handleShortcut(e) {
+    if (!this._shortcuts) return;
+    const choice = this._controls(this._active).filter(isChoice)[shortcut(e)];
+    if (!choice || choice.disabled) return;
+    e.preventDefault();
+    choice.click();
+    choice.focus();
+  }
+};
+Questionnaire.key = "Expressive_Questionnaire";
+
+export {
+  Questionnaire
+};
+//# sourceMappingURL=chunk-GWZ76SR4.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/questionnaire.ts"],
+  "sourcesContent": ["import { Utils } from '../core/utils';\nimport { Component, BaseOptions } from '../core/component';\n\nexport interface QuestionnaireOptions extends BaseOptions {\n  /**\n   * Text above the progress bar. `{current}` and `{total}` are replaced with\n   * the question number and the number of questions. `data-progress-label`\n   * on the form sets it.\n   * @default 'Question {current} of {total}'\n   */\n  progressLabel: string;\n  /**\n   * Error shown when a question has no `.questionnaire-error` of its own and\n   * the browser gives no validation message, as for a `data-required` group\n   * of checkboxes.\n   * @default 'Choose an answer to continue.'\n   */\n  requiredMessage: string;\n  /**\n   * With `data-summary`, the heading of the review step and the text above\n   * the progress bar there.\n   * @default 'Review your answers'\n   */\n  summaryLabel: string;\n  /** With `data-summary`, the text of each answer's edit button. @default 'Edit' */\n  editLabel: string;\n  /** With `data-summary`, the answer shown for a question left blank. @default 'Not answered' */\n  skippedLabel: string;\n}\n\nconst _defaults: QuestionnaireOptions = {\n  progressLabel: 'Question {current} of {total}',\n  requiredMessage: 'Choose an answer to continue.',\n  summaryLabel: 'Review your answers',\n  editLabel: 'Edit',\n  skippedLabel: 'Not answered'\n};\n\nconst NAVIGATION = ['previous', 'skip', 'next'];\nconst UNSAVED = ['file', 'password', 'hidden'];\nconst LETTERS = 'abcdefghijklmnopqrstuvwxyz';\n\ntype Control = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;\n/** A control's answer as saved: whether a choice is checked, a select's chosen values, or a field's value. */\ntype Saved = boolean | string | string[];\n\nconst isChoice = (control: Control): control is HTMLInputElement =>\n  control instanceof HTMLInputElement && (control.type === 'radio' || control.type === 'checkbox');\n\n/** A choice's label text, without its input or the description in <small>. */\nfunction labelText(control: HTMLInputElement) {\n  const label = control.closest('label')?.cloneNode(true) as HTMLElement | undefined;\n  label?.querySelectorAll('input, small').forEach((el) => el.remove());\n  return label?.textContent.trim() || control.value;\n}\n\n/** A control's answer as text for the summary. */\nfunction answerText(control: Control) {\n  if (control instanceof HTMLSelectElement) return Array.from(control.selectedOptions, (option) => option.text).join(', ');\n  if (isChoice(control)) return control.checked ? labelText(control) : '';\n  return control.value.trim();\n}\n\nconst savedState = (control: Control): Saved => {\n  if (control instanceof HTMLSelectElement) return Array.from(control.selectedOptions, (option) => option.value);\n  return isChoice(control) ? control.checked : control.value;\n};\n\n/** Saved state with a list of answers, or null. */\nconst validSaved = (saved: { answers?: unknown } | null) =>\n  (Array.isArray(saved?.answers) ? saved : null) as { index: number; answers: Saved[] } | null;\n\n/** Puts a saved answer back, ignoring one of the wrong type, as a hand-edited store may hold. */\nfunction restoreState(control: Control, saved: Saved) {\n  if (control instanceof HTMLSelectElement) return restoreSelect(control, saved);\n  if (isChoice(control)) control.checked = saved === true;\n  else if (typeof saved === 'string') control.value = saved;\n}\n\nfunction restoreSelect(select: HTMLSelectElement, saved: Saved) {\n  if (!Array.isArray(saved)) return;\n  for (const option of select.options) option.selected = saved.includes(option.value);\n}\n\n/**\n * Restores one control and fires `change` if its answer moved, so a page\n * that switches questions on from an answer sees the restored one.\n */\nfunction restoreControl(control: Control, saved: Saved) {\n  const before = JSON.stringify(savedState(control));\n  restoreState(control, saved);\n  if (JSON.stringify(savedState(control)) !== before) control.dispatchEvent(new Event('change', { bubbles: true }));\n}\n\n/**\n * The answer a shortcut key picks, counted from 0: a digit 1 to 9 or a\n * letter. Keys typed into a text field, or with a modifier, pick nothing.\n */\nfunction shortcut(e: KeyboardEvent) {\n  if (typingIn(e.target) || !Utils.plainKey(e)) return -1;\n  const digit = '123456789'.indexOf(e.key);\n  return digit >= 0 ? digit : letterIndex(e.key);\n}\n\nconst TYPING = 'textarea, select, [contenteditable], input:not([type=\"radio\"], [type=\"checkbox\"], [type=\"button\"], [type=\"submit\"], [type=\"reset\"])';\nconst typingIn = (target: EventTarget | null) => !!(target as Element).matches?.(TYPING);\n\nconst letterIndex = (key: string) => (key.length === 1 ? LETTERS.indexOf(key.toLowerCase()) : -1);\n\n/**\n * A multi-step questionnaire: a <form class=\"questionnaire\"> whose\n * <fieldset> children are the questions, shown one at a time, and a <footer>\n * of buttons. `value=\"previous\"`, `value=\"skip\"` and `value=\"next\"` mark the\n * navigation buttons; a submit button sends the form on the last question.\n *\n * A question is required when one of its controls is `required`, or when the\n * fieldset has `data-required` (at least one enabled checkbox, held as a\n * custom validity on the first one). Next and every way of submitting check\n * it with the browser's own validation; an optional question gets Skip, which\n * clears its answer. A disabled fieldset is left out, so a page can switch\n * questions on and off from earlier answers.\n *\n * Three attributes on the form add to that: `data-shortcuts` lets a letter or\n * digit pick an answer, `data-summary` adds a review step listing every\n * answer before the submit button, and `data-save=\"key\"` keeps the answers\n * and the shown question in localStorage under that key until the form is\n * submitted.\n *\n * Without JavaScript every question shows at once and the submit button sends\n * the form. The answers are ordinary form controls, so FormData reads them.\n */\nexport class Questionnaire extends Component<QuestionnaireOptions> {\n  declare el: HTMLFormElement;\n  private _active: HTMLFieldSetElement | null = null;\n  private _progress: HTMLElement;\n  private _progressText: HTMLElement;\n  private _progressBar: HTMLProgressElement;\n  private _generated: HTMLElement[] = [];\n  private _generatedIds: HTMLElement[] = [];\n  private _observer: MutationObserver;\n  /** Set while one submission's invalid events arrive, so only the first opens. */\n  private _reporting = false;\n  /** With data-summary, the review step, and whether it is shown. */\n  private _summary: HTMLElement | null = null;\n  private _reviewing = false;\n\n  // HTMLElement, not HTMLFormElement: init() takes the element type from\n  // here, and has always accepted any HTMLElement.\n  constructor(el: HTMLElement, options: Partial<QuestionnaireOptions>) {\n    const progressLabel = el.dataset.progressLabel;\n    super(el, { ...(progressLabel ? { progressLabel } : {}), ...options });\n\n    this._progress = document.createElement('div');\n    this._progress.className = 'questionnaire-progress';\n    this._progressText = document.createElement('span');\n    this._progressText.id = `questionnaire-progress-${Utils.guid()}`;\n    this._progressBar = document.createElement('progress');\n    this._progressBar.className = 'progress';\n    this._progressBar.setAttribute('aria-labelledby', this._progressText.id);\n    this._progress.append(this._progressText, this._progressBar);\n    this.el.prepend(this._progress);\n\n    for (const item of this._fieldsets()) {\n      const ids = Array.from(item.querySelectorAll<HTMLElement>(':scope > p:not(.questionnaire-error)'))\n        .map((p) => this._ensureId(p, 'questionnaire-description'));\n      if (ids.length && !item.hasAttribute('aria-describedby')) {\n        item.setAttribute('aria-describedby', ids.join(' '));\n        this._generatedIds.push(item);\n      }\n    }\n\n    this._active = this.items[0] ?? null;\n    this._summary = this._createSummary();\n    this._restore();\n    this._syncRequired();\n    this._render();\n    // A page enabling or disabling a question from an earlier answer changes\n    // the count and the buttons.\n    this._observer = new MutationObserver(() => {\n      this._syncRequired();\n      this._render();\n    });\n    this._observer.observe(this.el, { attributes: true, subtree: true, attributeFilter: ['disabled'] });\n    const { signal } = this._events;\n    this.el.addEventListener('click', this._handleClick, { signal });\n    this.el.addEventListener('keydown', this._handleKeydown, { signal });\n    this.el.addEventListener('input', this._handleInput, { signal });\n    this.el.addEventListener('change', this._save, { signal });\n    this.el.addEventListener('submit', this._forget, { signal });\n    // invalid does not bubble.\n    this.el.addEventListener('invalid', this._handleInvalid, { capture: true, signal });\n  }\n\n  static get defaults(): QuestionnaireOptions {\n    return _defaults;\n  }\n\n  static key = 'Expressive_Questionnaire';\n\n  /** The questions that apply: every fieldset child that is not disabled. */\n  get items(): HTMLFieldSetElement[] {\n    return this._fieldsets().filter((item) => !item.disabled);\n  }\n\n  /** Position of the shown question in `items`. */\n  get index(): number {\n    return this.items.indexOf(this._active);\n  }\n\n  /** Shows the question at `index` without checking the current one. */\n  goTo = (index: number) => {\n    const item = this.items[index];\n    if (!item) return;\n    this._active = item;\n    this._reviewing = false;\n    this._render();\n    this._save();\n    const controls = this._controls(item).filter((control) => !control.disabled);\n    (controls.find((control) => (control as HTMLInputElement).checked) ?? controls[0])?.focus();\n  };\n\n  /** Checks the shown question and moves to the next one if it is answered. */\n  next = () => {\n    if (this._validate(this._active)) this._advance();\n  };\n\n  /** Moves to the previous question, or from the review step back to the last one. */\n  previous = () => this.goTo(this._reviewing ? this.items.length - 1 : this.index - 1);\n\n  /** Shows the review step of a questionnaire with data-summary. */\n  review = () => {\n    if (!this._summary) return;\n    this._fillSummary(this._summary);\n    this._reviewing = true;\n    this._render();\n    this._summary.focus();\n  };\n\n  /** The next question, or after the last one the review step. */\n  private _advance() {\n    if (this._summary && this.index === this.items.length - 1) this.review();\n    else this.goTo(this.index + 1);\n  }\n\n  /** Clears the answer to the shown question and moves to the next one. */\n  skip = () => {\n    if (!this._active) return;\n    for (const control of this._controls(this._active)) {\n      const choice = isChoice(control);\n      if (choice ? !control.checked : !control.value) continue;\n      if (choice) control.checked = false;\n      else control.value = '';\n      control.dispatchEvent(new Event('change', { bubbles: true }));\n    }\n    // A skipped question has no answer left to be wrong about. Clearing fires\n    // only `change`, not the `input` that clears an error, so clear it here.\n    this._setInvalid(this._active, false);\n    this._advance();\n  };\n\n  destroy() {\n    this._observer.disconnect();\n    this._summary?.remove();\n    for (const item of this._fieldsets()) {\n      if (item.hasAttribute('data-required')) for (const control of this._controls(item)) control.setCustomValidity('');\n      item.hidden = false;\n      this._setInvalid(item, false);\n    }\n    for (const button of this._buttons()) button.hidden = false;\n    this._progress.remove();\n    for (const el of this._generated) el.remove();\n    for (const el of this._generatedIds) {\n      el.removeAttribute(el instanceof HTMLFieldSetElement ? 'aria-describedby' : 'id');\n    }\n    super.destroy();\n  }\n\n  private _fieldsets() {\n    return Array.from(this.el.querySelectorAll<HTMLFieldSetElement>(':scope > fieldset'));\n  }\n\n  /** The footer's navigation and submit buttons. */\n  private _buttons() {\n    return Array.from(this.el.querySelectorAll<HTMLButtonElement>(':scope > footer > button')).filter(\n      (button) => NAVIGATION.includes(button.value) || button.type === 'submit'\n    );\n  }\n\n  private _controls(item: HTMLFieldSetElement) {\n    return Array.from(item.elements).filter(\n      (el): el is Control =>\n        el instanceof HTMLTextAreaElement || el instanceof HTMLSelectElement ||\n        (el instanceof HTMLInputElement && el.type !== 'button' && el.type !== 'submit')\n    );\n  }\n\n  private _required(item: HTMLFieldSetElement) {\n    return item.hasAttribute('data-required') || this._controls(item).some((control) => control.required);\n  }\n\n  private _ensureId(el: HTMLElement, prefix: string) {\n    if (!el.id) {\n      el.id = `${prefix}-${Utils.guid()}`;\n      this._generatedIds.push(el);\n    }\n    return el.id;\n  }\n\n  private _render() {\n    const items = this.items;\n    // The shown question was switched off: carry on from the next one.\n    if (!items.includes(this._active)) this._active = this._after(items);\n    const index = items.indexOf(this._active);\n    for (const item of this._fieldsets()) item.hidden = this._reviewing || item !== this._active;\n    this._summary?.toggleAttribute('hidden', !this._reviewing);\n    for (const button of this._buttons()) button.hidden = !this._shows(button, index);\n    this._renderProgress(index, items.length);\n  }\n\n  /** The question after the shown one, which was switched off, or the last that applies. */\n  private _after(items: HTMLFieldSetElement[]) {\n    const all = this._fieldsets();\n    const after = all.slice(all.indexOf(this._active) + 1).find((item) => !item.disabled);\n    return after ?? items[items.length - 1] ?? null;\n  }\n\n  /** Whether the shown step is the one that submits: the review step, or without one the last question. */\n  private get _end() {\n    return this._summary ? this._reviewing : this.index === this.items.length - 1;\n  }\n\n  /** Whether a footer button applies to the shown step. */\n  private _shows(button: HTMLButtonElement, index: number) {\n    const end = this._end;\n    const shown: Record<string, boolean> = {\n      previous: index > 0 || this._reviewing,\n      skip: !end && this._skippable(),\n      next: !end\n    };\n    return shown[button.value] ?? end;\n  }\n\n  /** Whether the shown question may be skipped: it applies and needs no answer. */\n  private _skippable() {\n    return !!this._active && !this._required(this._active);\n  }\n\n  private _renderProgress(index: number, total: number) {\n    this._progressText.textContent = this._reviewing\n      ? this.options.summaryLabel\n      : this.options.progressLabel.replace('{current}', String(index + 1)).replace('{total}', String(total));\n    this._progressBar.max = Math.max(total, 1);\n    this._progressBar.value = this._reviewing ? total : index + 1;\n  }\n\n  /** With data-summary, the review step: a list of the questions and their answers, before the footer. */\n  private _createSummary() {\n    if (!this.el.hasAttribute('data-summary')) return null;\n    const summary = document.createElement('section');\n    summary.className = 'questionnaire-summary';\n    summary.tabIndex = -1;\n    summary.setAttribute('aria-label', this.options.summaryLabel);\n    summary.hidden = true;\n    summary.addEventListener('click', (e) => {\n      const edit = (e.target as Element).closest<HTMLButtonElement>('button[data-question]');\n      if (edit) this.goTo(Number(edit.dataset.question));\n    });\n    const footer = this.el.querySelector(':scope > footer');\n    if (footer) footer.before(summary);\n    else this.el.append(summary);\n    return summary;\n  }\n\n  /** Lists each question that applies with its answer and a button back to it. */\n  private _fillSummary(summary: HTMLElement) {\n    const list = document.createElement('dl');\n    list.append(...this.items.map((item, i) => {\n      const row = document.createElement('div');\n      const [term, answer, action] = [document.createElement('dt'), document.createElement('dd'), document.createElement('dd')];\n      term.id = `questionnaire-summary-${Utils.guid()}`;\n      term.textContent = item.querySelector(':scope > legend')?.textContent.trim() ?? '';\n      answer.textContent = this._controls(item).map(answerText).filter(Boolean).join(', ') || this.options.skippedLabel;\n      const edit = document.createElement('button');\n      Object.assign(edit, { type: 'button', className: 'text', textContent: this.options.editLabel });\n      edit.dataset.question = String(i);\n      edit.setAttribute('aria-describedby', term.id);\n      action.append(edit);\n      row.append(term, answer, action);\n      return row;\n    }));\n    summary.replaceChildren(list);\n  }\n\n  /** The storage key from data-save, or '' without it. */\n  private get _key() {\n    const key = this.el.dataset.save;\n    return key ? `questionnaire:${key}` : '';\n  }\n\n  /**\n   * Every answer control that can be saved, in order. A file cannot be put back,\n   * a password must not sit in storage, and a hidden input is the server's.\n   */\n  private _allControls() {\n    return this._fieldsets().flatMap((item) => this._controls(item)).filter((control) => !UNSAVED.includes(control.type));\n  }\n\n  /** With data-save, stores the answers and the shown question. */\n  private _save = () => {\n    const key = this._key;\n    if (!key) return;\n    const state = { index: this.index, answers: this._allControls().map(savedState) };\n    try {\n      localStorage.setItem(key, JSON.stringify(state));\n    } catch {\n      // Storage full or blocked: the questionnaire still works unsaved.\n    }\n  };\n\n  /** Puts back saved answers and the question they reached, if the questions are the same. */\n  private _restore() {\n    const saved = this._read();\n    const controls = this._allControls();\n    if (saved?.answers.length !== controls.length) return;\n    controls.forEach((control, i) => restoreControl(control, saved!.answers[i]));\n    this._active = this.items[saved!.index] ?? this._active;\n  }\n\n  /** The saved state, or null for none or a broken one. */\n  private _read(): { index: number; answers: Saved[] } | null {\n    try {\n      return validSaved(JSON.parse(localStorage.getItem(this._key) ?? 'null'));\n    } catch {\n      return null;\n    }\n  }\n\n  /** A submitted questionnaire has nothing left to resume. */\n  private _forget = () => {\n    try {\n      if (this._key) localStorage.removeItem(this._key);\n    } catch {\n      // Blocked storage has nothing saved.\n    }\n  };\n\n  /**\n   * Puts \"choose at least one\" on the first enabled checkbox of each\n   * data-required group with none checked, so the browser's validation, and\n   * every way of submitting, sees it. A disabled checkbox is not sent, so it\n   * does not count.\n   */\n  private _syncRequired() {\n    for (const item of this._fieldsets()) {\n      if (!item.hasAttribute('data-required')) continue;\n      const boxes = this._controls(item).filter(\n        (control): control is HTMLInputElement => control instanceof HTMLInputElement && control.type === 'checkbox'\n      );\n      const enabled = boxes.filter((box) => !box.disabled);\n      for (const box of boxes) box.setCustomValidity('');\n      if (enabled.length && !enabled.some((box) => box.checked)) {\n        const error = item.querySelector<HTMLElement>(':scope > .questionnaire-error:not([data-generated])');\n        enabled[0].setCustomValidity(error?.textContent.trim() || this.options.requiredMessage);\n      }\n    }\n  }\n\n  /** The first control in the question that still needs an answer. */\n  private _invalidControl(item: HTMLFieldSetElement): Control | undefined {\n    return this._controls(item).find((control) => control.willValidate && !control.validity.valid);\n  }\n\n  /** Shows the question's error and returns false when it needs an answer. */\n  private _validate(item: HTMLFieldSetElement | null) {\n    this._syncRequired();\n    const invalid = item && this._invalidControl(item);\n    if (!invalid) return true;\n    let error = item.querySelector<HTMLElement>(':scope > .questionnaire-error');\n    if (!error) {\n      error = document.createElement('p');\n      error.className = 'questionnaire-error';\n      error.dataset.generated = '';\n      error.textContent = invalid.validationMessage || this.options.requiredMessage;\n      item.append(error);\n      this._generated.push(error);\n    }\n    this._setInvalid(item, true);\n    invalid.focus();\n    return false;\n  }\n\n  private _setInvalid(item: HTMLFieldSetElement, invalid: boolean) {\n    item.classList.toggle('invalid', invalid);\n    const error = item.querySelector<HTMLElement>(':scope > .questionnaire-error');\n    const described = (item.getAttribute('aria-describedby') ?? '').split(' ').filter((id) => id && id !== error?.id);\n    if (invalid && error) described.push(this._ensureId(error, 'questionnaire-error'));\n    if (described.length) item.setAttribute('aria-describedby', described.join(' '));\n    else item.removeAttribute('aria-describedby');\n    for (const control of this._controls(item)) {\n      if (invalid) control.setAttribute('aria-invalid', 'true');\n      else control.removeAttribute('aria-invalid');\n    }\n    if (!invalid && this._generated.includes(error)) {\n      error.remove();\n      this._generated.splice(this._generated.indexOf(error), 1);\n    }\n  }\n\n  private _handleClick = (e: MouseEvent) => {\n    const button = (e.target as Element).closest?.('button');\n    if (!button || !this._buttons().includes(button)) return;\n    if (NAVIGATION.includes(button.value)) {\n      // Also stops a navigation button written without type=\"button\" from\n      // submitting the form.\n      e.preventDefault();\n      this[button.value as 'previous' | 'skip' | 'next']();\n      return;\n    }\n    // Submit by click or Enter: catch answers a script set without an event.\n    this._syncRequired();\n  };\n\n  // Enter in a field moves on instead of submitting the form early. With\n  // data-shortcuts, a letter or digit picks an answer.\n  private _handleKeydown = (e: KeyboardEvent) => {\n    if (e.key !== 'Enter') return this._handleShortcut(e);\n    if (e.defaultPrevented || Utils.isComposing(e)) return;\n    if (!(e.target instanceof HTMLInputElement) || this._end) return;\n    e.preventDefault();\n    this.next();\n  };\n\n  /** Whether a shortcut key can pick an answer now: data-shortcuts is set and a question shows. */\n  private get _shortcuts() {\n    return this.el.hasAttribute('data-shortcuts') && !!this._active && !this._reviewing;\n  }\n\n  private _handleShortcut(e: KeyboardEvent) {\n    if (!this._shortcuts) return;\n    // Counted as the letters are, disabled choices included.\n    const choice = this._controls(this._active!).filter(isChoice)[shortcut(e)] as HTMLInputElement | undefined;\n    if (!choice || choice.disabled) return;\n    e.preventDefault();\n    choice.click();\n    choice.focus();\n  }\n\n  // A submission found an unanswered question, possibly a hidden one. Open the\n  // first instead of letting the browser report a control it cannot show.\n  // One submission fires its invalid events in a single task.\n  private _handleInvalid = (e: Event) => {\n    const item = this.items.find((item) => item.contains(e.target as Node));\n    if (!item) return;\n    e.preventDefault();\n    if (this._reporting) return;\n    this._reporting = true;\n    setTimeout(() => (this._reporting = false));\n    this._active = item;\n    this._reviewing = false;\n    this._render();\n    this._validate(item);\n  };\n\n  // An answer clears the question's error.\n  private _handleInput = (e: Event) => {\n    this._syncRequired();\n    this._save();\n    const item = (e.target as Element).closest?.('fieldset');\n    if (item instanceof HTMLFieldSetElement && item.classList.contains('invalid')) this._setInvalid(item, false);\n  };\n}\n"],
+  "mappings": "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",
+  "names": ["item"]
+}

package/dist/js/chunks/{chunk-PDG64UHF.mjs → chunk-ILDRRG7T.mjs}

@@ -1,15 +1,16 @@
-import {
-  Utils
-} from "./chunk-M372EDXD.mjs";
 import {
   Component
-} from "./chunk-PD6HYHAE.mjs";
+} from "./chunk-CMGXGYUC.mjs";
+import {
+  restoreAttribute
+} from "./chunk-ZVLOUDIJ.mjs";
 
 // src/ts/components/buttons.ts
 var _defaults = {};
-var FloatingActionButton = class _FloatingActionButton extends Component {
+var FloatingActionButton = class extends Component {
   constructor(el, options) {
-    super(el, options, _FloatingActionButton);
+    super(el, options);
+    this._addedExpanded = false;
     this.open = () => {
       if (this.isOpen) return;
       this.isOpen = true;
@@ -39,56 +40,53 @@ var FloatingActionButton = class _FloatingActionButton extends Component {
       else if (this._list?.contains(control)) this.close();
     };
     this._handleAnchorKeydown = (e) => {
-      if (e.key === Utils.keys.ENTER || e.key === " ") {
+      if (e.key === "Enter" || e.key === " ") {
         e.preventDefault();
         this._toggle();
       }
     };
     this._handleDocumentKeydown = (e) => {
-      if (e.key === Utils.keys.ESC && !e.defaultPrevented) this.close();
+      if (e.key === "Escape" && !e.defaultPrevented) this.close();
     };
     this._handleDocumentClick = (e) => {
       if (e.composedPath().includes(this.el)) return;
       this.close();
     };
-    this.el["Expressive_FloatingActionButton"] = this;
-    this.options = { ..._FloatingActionButton.defaults, ...options };
     this.isOpen = false;
     this._anchor = this.el.querySelector(":scope > a, :scope > button");
     this._list = this.el.querySelector(":scope > ul, :scope > menu");
     this._listWasInert = this._list?.inert ?? false;
     this.el.classList.remove("active");
     if (this._list) this._list.inert = true;
+    this._addedExpanded = !!this._anchor && !this._anchor.hasAttribute("aria-expanded");
     this._anchor?.setAttribute("aria-expanded", "false");
     if (this._anchor instanceof HTMLAnchorElement && !this._anchor.hasAttribute("href")) {
-      if (this._anchor.tabIndex < 0) this._anchor.tabIndex = 0;
-      this._anchor.addEventListener("keydown", this._handleAnchorKeydown);
+      if (!this._anchor.hasAttribute("tabindex") || this._anchor.tabIndex < 0) {
+        this._anchorTabIndex = this._anchor.getAttribute("tabindex");
+        this._anchor.tabIndex = 0;
+      }
+      this._anchor.addEventListener("keydown", this._handleAnchorKeydown, { signal: this._events.signal });
     }
-    this.el.addEventListener("click", this._handleFABClick);
+    this.el.addEventListener("click", this._handleFABClick, { signal: this._events.signal });
   }
   static get defaults() {
     return _defaults;
   }
-  static init(els, options = {}) {
-    return super.init(els, options, _FloatingActionButton);
-  }
-  static getInstance(el) {
-    return el["Expressive_FloatingActionButton"];
-  }
   destroy() {
     this.close();
     if (this._list) this._list.inert = this._listWasInert;
-    this.el.removeEventListener("click", this._handleFABClick);
-    this._anchor?.removeEventListener("keydown", this._handleAnchorKeydown);
-    this.el["Expressive_FloatingActionButton"] = void 0;
+    if (this._addedExpanded) this._anchor.removeAttribute("aria-expanded");
+    if (this._anchorTabIndex !== void 0) restoreAttribute(this._anchor, "tabindex", this._anchorTabIndex);
+    super.destroy();
   }
   _toggle() {
     if (this.isOpen) this.close();
     else this.open();
   }
 };
+FloatingActionButton.key = "Expressive_FloatingActionButton";
 
 export {
   FloatingActionButton
 };
-//# sourceMappingURL=chunk-PDG64UHF.mjs.map
+//# sourceMappingURL=chunk-ILDRRG7T.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/buttons.ts"],
+  "sourcesContent": ["import { restoreAttribute } from '../core/utils';\nimport { Component, BaseOptions } from \"../core/component\";\n\nexport type FloatingActionButtonOptions = BaseOptions;\n\nconst _defaults: FloatingActionButtonOptions = {};\n\nexport class FloatingActionButton extends Component<FloatingActionButtonOptions> {\n  isOpen: boolean;\n  private _anchor: HTMLElement | null;\n  private _list: HTMLElement | null;\n  private _listWasInert: boolean;\n  private _addedExpanded = false;\n  private _anchorTabIndex: string | null | undefined;\n\n  constructor(el: HTMLElement, options: Partial<FloatingActionButtonOptions>) {\n    super(el, options);\n    this.isOpen = false;\n    this._anchor = this.el.querySelector(':scope > a, :scope > button');\n    this._list = this.el.querySelector(':scope > ul, :scope > menu');\n    this._listWasInert = this._list?.inert ?? false;\n    this.el.classList.remove('active');\n    if (this._list) this._list.inert = true;\n    this._addedExpanded = !!this._anchor && !this._anchor.hasAttribute('aria-expanded');\n    this._anchor?.setAttribute('aria-expanded', 'false');\n    if (this._anchor instanceof HTMLAnchorElement && !this._anchor.hasAttribute('href')) {\n      // An <a> reports tabIndex 0 with or without href, but it only takes focus\n      // without href once it has the attribute.\n      if (!this._anchor.hasAttribute('tabindex') || this._anchor.tabIndex < 0) {\n        this._anchorTabIndex = this._anchor.getAttribute('tabindex');\n        this._anchor.tabIndex = 0;\n      }\n      this._anchor.addEventListener('keydown', this._handleAnchorKeydown, { signal: this._events.signal });\n    }\n    this.el.addEventListener('click', this._handleFABClick, { signal: this._events.signal });\n  }\n\n  static get defaults() {\n    return _defaults;\n  }\n\n  static key = 'Expressive_FloatingActionButton';\n\n  destroy() {\n    this.close();\n    if (this._list) this._list.inert = this._listWasInert;\n    if (this._addedExpanded) this._anchor.removeAttribute('aria-expanded');\n    if (this._anchorTabIndex !== undefined) restoreAttribute(this._anchor, 'tabindex', this._anchorTabIndex);\n    super.destroy();\n  }\n\n  open = (): void => {\n    if (this.isOpen) return;\n    this.isOpen = true;\n    if (this._list) this._list.inert = false;\n    this.el.classList.add('active');\n    this._anchor?.setAttribute('aria-expanded', 'true');\n    document.addEventListener('click', this._handleDocumentClick);\n    document.addEventListener('keydown', this._handleDocumentKeydown);\n  };\n\n  close = (): void => {\n    if (!this.isOpen) return;\n    const focused = (this.el.getRootNode() as Document | ShadowRoot).activeElement;\n    if (focused && this._list?.contains(focused)) this._anchor?.focus();\n    if (this._list) this._list.inert = true;\n    this.isOpen = false;\n    this.el.classList.remove('active');\n    this._anchor?.setAttribute('aria-expanded', 'false');\n    document.removeEventListener('click', this._handleDocumentClick);\n    document.removeEventListener('keydown', this._handleDocumentKeydown);\n  };\n\n  private _handleFABClick = (e: MouseEvent) => {\n    const target = e.target;\n    if (!(target instanceof Element)) return;\n    const control = target.closest('a, button');\n    if (!control || control.matches(':disabled, [aria-disabled=\"true\"]')) return;\n    if (control === this._anchor) this._toggle();\n    else if (this._list?.contains(control)) this.close();\n  };\n\n  private _handleAnchorKeydown = (e: KeyboardEvent) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      this._toggle();\n    }\n  };\n\n  private _handleDocumentKeydown = (e: KeyboardEvent) => {\n    if (e.key === 'Escape' && !e.defaultPrevented) this.close();\n  };\n\n  private _handleDocumentClick = (e: MouseEvent) => {\n    if (e.composedPath().includes(this.el)) return;\n    this.close();\n  };\n\n  private _toggle() {\n    if (this.isOpen) this.close();\n    else this.open();\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}