@expressivecss/expressive 0.15.0 → 0.17.0

package/dist/js/chunks/chunk-33QVDDGR.mjs

@@ -1,270 +0,0 @@
-import {
-  Utils
-} from "./chunk-M372EDXD.mjs";
-import {
-  Component
-} from "./chunk-PD6HYHAE.mjs";
-
-// src/ts/components/questionnaire.ts
-var _defaults = {
-  progressLabel: "Question {current} of {total}",
-  requiredMessage: "Choose an answer to continue."
-};
-var NAVIGATION = ["previous", "skip", "next"];
-var Questionnaire = class _Questionnaire extends Component {
-  constructor(el, options) {
-    super(el, options, _Questionnaire);
-    this._active = null;
-    this._generated = [];
-    this._generatedIds = [];
-    /** Set while one submission's invalid events arrive, so only the first opens. */
-    this._reporting = 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._render();
-      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.goTo(this.index + 1);
-    };
-    /** Moves to the previous question. */
-    this.previous = () => this.goTo(this.index - 1);
-    /** 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 isChoice = control instanceof HTMLInputElement && (control.type === "radio" || control.type === "checkbox");
-        if (isChoice ? !control.checked : !control.value) continue;
-        if (isChoice) control.checked = false;
-        else control.value = "";
-        control.dispatchEvent(new Event("change", { bubbles: true }));
-      }
-      this.goTo(this.index + 1);
-    };
-    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.
-    this._handleKeydown = (e) => {
-      if (e.key !== "Enter" || e.defaultPrevented || e.isComposing) return;
-      if (!(e.target instanceof HTMLInputElement) || this.index >= this.items.length - 1) 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._render();
-      this._validate(item);
-    };
-    // An answer clears the question's error.
-    this._handleInput = (e) => {
-      this._syncRequired();
-      const item = e.target.closest?.("fieldset");
-      if (item instanceof HTMLFieldSetElement && item.classList.contains("invalid")) this._setInvalid(item, false);
-    };
-    this.el["Expressive_Questionnaire"] = this;
-    const progressLabel = el.dataset.progressLabel;
-    this.options = {
-      ..._Questionnaire.defaults,
-      ...progressLabel ? { progressLabel } : {},
-      ...options
-    };
-    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._syncRequired();
-    this._render();
-    this._observer = new MutationObserver(() => {
-      this._syncRequired();
-      this._render();
-    });
-    this._observer.observe(this.el, { attributes: true, subtree: true, attributeFilter: ["disabled"] });
-    this.el.addEventListener("click", this._handleClick);
-    this.el.addEventListener("keydown", this._handleKeydown);
-    this.el.addEventListener("input", this._handleInput);
-    this.el.addEventListener("invalid", this._handleInvalid, true);
-  }
-  static get defaults() {
-    return _defaults;
-  }
-  /**
-   * Initializes instances of Questionnaire.
-   * @param els HTML elements.
-   * @param options Component options.
-   */
-  static init(els, options = {}) {
-    return super.init(els, options, _Questionnaire);
-  }
-  static getInstance(el) {
-    return el["Expressive_Questionnaire"];
-  }
-  /** 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);
-  }
-  destroy() {
-    this._observer.disconnect();
-    this.el.removeEventListener("click", this._handleClick);
-    this.el.removeEventListener("keydown", this._handleKeydown);
-    this.el.removeEventListener("input", this._handleInput);
-    this.el.removeEventListener("invalid", this._handleInvalid, true);
-    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");
-    }
-    this.el["Expressive_Questionnaire"] = void 0;
-  }
-  _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)) {
-      const all = this._fieldsets();
-      const after = all.slice(all.indexOf(this._active) + 1).find((item) => !item.disabled);
-      this._active = after ?? items[items.length - 1] ?? null;
-    }
-    const index = items.indexOf(this._active);
-    const last = index === items.length - 1;
-    for (const item of this._fieldsets()) item.hidden = item !== this._active;
-    for (const button of this._buttons()) {
-      if (button.value === "previous") button.hidden = index <= 0;
-      else if (button.value === "skip") button.hidden = last || !this._active || this._required(this._active);
-      else if (button.value === "next") button.hidden = last;
-      else button.hidden = !last;
-    }
-    this._progressText.textContent = this.options.progressLabel.replace("{current}", String(index + 1)).replace("{total}", String(items.length));
-    this._progressBar.max = Math.max(items.length, 1);
-    this._progressBar.value = index + 1;
-  }
-  /**
-   * 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);
-    }
-  }
-};
-
-export {
-  Questionnaire
-};
-//# sourceMappingURL=chunk-33QVDDGR.mjs.map

package/dist/js/chunks/chunk-33QVDDGR.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/ts/components/questionnaire.ts"],
-  "sourcesContent": ["import { Utils } from '../core/utils';\nimport { Component, BaseOptions, InitElements, InitElement } 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\nconst _defaults: QuestionnaireOptions = {\n  progressLabel: 'Question {current} of {total}',\n  requiredMessage: 'Choose an answer to continue.'\n};\n\nconst NAVIGATION = ['previous', 'skip', 'next'];\n\ntype Control = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;\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 * 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\n  constructor(el: HTMLFormElement, options: Partial<QuestionnaireOptions>) {\n    super(el, options, Questionnaire);\n    this.el['Expressive_Questionnaire'] = this;\n    const progressLabel = el.dataset.progressLabel;\n    this.options = {\n      ...Questionnaire.defaults,\n      ...(progressLabel ? { progressLabel } : {}),\n      ...options\n    };\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._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    this.el.addEventListener('click', this._handleClick);\n    this.el.addEventListener('keydown', this._handleKeydown);\n    this.el.addEventListener('input', this._handleInput);\n    // invalid does not bubble.\n    this.el.addEventListener('invalid', this._handleInvalid, true);\n  }\n\n  static get defaults(): QuestionnaireOptions {\n    return _defaults;\n  }\n\n  /**\n   * Initializes instance of Questionnaire.\n   * @param el HTML element.\n   * @param options Component options.\n   */\n  static init(el: HTMLElement, options?: Partial<QuestionnaireOptions>): Questionnaire;\n  /**\n   * Initializes instances of Questionnaire.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: InitElements<InitElement>,\n    options?: Partial<QuestionnaireOptions>\n  ): Questionnaire[];\n  /**\n   * Initializes instances of Questionnaire.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<QuestionnaireOptions> = {}\n  ): Questionnaire | Questionnaire[] {\n    return super.init(els, options, Questionnaire);\n  }\n\n  static getInstance(el: HTMLElement): Questionnaire {\n    return el['Expressive_Questionnaire'];\n  }\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._render();\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.goTo(this.index + 1);\n  };\n\n  /** Moves to the previous question. */\n  previous = () => this.goTo(this.index - 1);\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 isChoice = control instanceof HTMLInputElement && (control.type === 'radio' || control.type === 'checkbox');\n      if (isChoice ? !control.checked : !control.value) continue;\n      if (isChoice) control.checked = false;\n      else control.value = '';\n      control.dispatchEvent(new Event('change', { bubbles: true }));\n    }\n    this.goTo(this.index + 1);\n  };\n\n  destroy() {\n    this._observer.disconnect();\n    this.el.removeEventListener('click', this._handleClick);\n    this.el.removeEventListener('keydown', this._handleKeydown);\n    this.el.removeEventListener('input', this._handleInput);\n    this.el.removeEventListener('invalid', this._handleInvalid, true);\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    this.el['Expressive_Questionnaire'] = undefined;\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)) {\n      const all = this._fieldsets();\n      const after = all.slice(all.indexOf(this._active) + 1).find((item) => !item.disabled);\n      this._active = after ?? items[items.length - 1] ?? null;\n    }\n    const index = items.indexOf(this._active);\n    const last = index === items.length - 1;\n    for (const item of this._fieldsets()) item.hidden = item !== this._active;\n    for (const button of this._buttons()) {\n      if (button.value === 'previous') button.hidden = index <= 0;\n      else if (button.value === 'skip') button.hidden = last || !this._active || this._required(this._active);\n      else if (button.value === 'next') button.hidden = last;\n      else button.hidden = !last;\n    }\n    this._progressText.textContent = this.options.progressLabel\n      .replace('{current}', String(index + 1))\n      .replace('{total}', String(items.length));\n    this._progressBar.max = Math.max(items.length, 1);\n    this._progressBar.value = index + 1;\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.\n  private _handleKeydown = (e: KeyboardEvent) => {\n    if (e.key !== 'Enter' || e.defaultPrevented || e.isComposing) return;\n    if (!(e.target instanceof HTMLInputElement) || this.index >= this.items.length - 1) return;\n    e.preventDefault();\n    this.next();\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._render();\n    this._validate(item);\n  };\n\n  // An answer clears the question's error.\n  private _handleInput = (e: Event) => {\n    this._syncRequired();\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-45FER6RI.mjs

@@ -1,59 +0,0 @@
-import {
-  LineChart,
-  seriesColor
-} from "./chunk-TCCA2HDG.mjs";
-
-// src/ts/components/columnChart.ts
-var ColumnChart = class extends LineChart {
-  get _type() {
-    return "column-chart";
-  }
-  get _key() {
-    return "Expressive_ColumnChart";
-  }
-  get _fromZero() {
-    return true;
-  }
-  get _points() {
-    return false;
-  }
-  static init(els, options = {}) {
-    return super.init(els, options);
-  }
-  static getInstance(el) {
-    return el["Expressive_ColumnChart"];
-  }
-  _draw(drawn = this.series) {
-    const columns = document.createElement("div");
-    columns.className = "column-chart-columns";
-    columns.setAttribute("aria-hidden", "true");
-    const clamp = (value, y = drawn[0]?.y ?? this._y) => Math.min(100, Math.max(0, y(value)));
-    columns.style.setProperty("--zero", `${clamp(0)}%`);
-    this._plot.style.setProperty("--rows", String(this.labels.length));
-    this.labels.forEach((_, index) => {
-      const row = document.createElement("div");
-      drawn.forEach((series) => {
-        const to = series.tops[index];
-        const from = series.base?.[index] ?? 0;
-        if (series.base && (to === null || from === null)) return;
-        const column = document.createElement("span");
-        if (to !== null) {
-          column.className = series.className;
-          column.dataset.series = seriesColor(this.series.indexOf(series));
-          column.classList.toggle("negative", !series.base && to < from);
-          column.style.setProperty("--top", `${clamp(Math.max(from, to), series.y)}%`);
-          column.style.setProperty("--bottom", `${100 - clamp(Math.min(from, to), series.y)}%`);
-          if (this._horizontal) column.dataset.text = series.text[index];
-        }
-        row.append(column);
-      });
-      columns.append(row);
-    });
-    return columns;
-  }
-};
-
-export {
-  ColumnChart
-};
-//# sourceMappingURL=chunk-45FER6RI.mjs.map

package/dist/js/chunks/chunk-45FER6RI.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/ts/components/columnChart.ts"],
-  "sourcesContent": ["import { InitElements, InitElement } from '../core/component';\nimport { LineChart, LineChartOptions, seriesColor } from './lineChart';\n\nexport type ColumnChartOptions = LineChartOptions;\n\n/**\n * Column chart. It reads its <table>, scales, labels and tooltip like\n * LineChart, but draws each row as a group of columns from zero, or one\n * column of segments with `stacked`. Columns are HTML clipped to their\n * value, so their rounded corners keep their shape at any size.\n *\n * Re-run `ColumnChart.init(el)` after changing the table.\n */\nexport class ColumnChart extends LineChart {\n  protected get _type() {\n    return 'column-chart';\n  }\n\n  protected get _key() {\n    return 'Expressive_ColumnChart';\n  }\n\n  protected get _fromZero() {\n    return true;\n  }\n\n  protected get _points() {\n    return false;\n  }\n\n  static init(el: HTMLElement, options?: Partial<ColumnChartOptions>): ColumnChart;\n  static init(els: InitElements<InitElement>, options?: Partial<ColumnChartOptions>): ColumnChart[];\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<ColumnChartOptions> = {}\n  ): ColumnChart | ColumnChart[] {\n    return super.init(els as HTMLElement, options) as ColumnChart | ColumnChart[];\n  }\n\n  static getInstance(el: HTMLElement): ColumnChart {\n    return el['Expressive_ColumnChart'];\n  }\n\n  protected _draw(drawn = this.series): Element {\n    const columns = document.createElement('div');\n    columns.className = 'column-chart-columns';\n    columns.setAttribute('aria-hidden', 'true');\n    const clamp = (value: number, y = drawn[0]?.y ?? this._y) => Math.min(100, Math.max(0, y(value)));\n    // Columns grow from zero, or from the plot edge when zero is off the scale.\n    columns.style.setProperty('--zero', `${clamp(0)}%`);\n    this._plot.style.setProperty('--rows', String(this.labels.length));\n\n    this.labels.forEach((_, index) => {\n      const row = document.createElement('div');\n      drawn.forEach((series) => {\n        // A stacked segment above a gap has no known base, so it is left out.\n        const to = series.tops[index];\n        const from = series.base?.[index] ?? 0;\n        if (series.base && (to === null || from === null)) return;\n        const column = document.createElement('span');\n        // A gap in a grouped row keeps its empty slot, so the series stay aligned.\n        if (to !== null) {\n          column.className = series.className;\n          column.dataset.series = seriesColor(this.series.indexOf(series));\n          // A stacked segment never hangs from zero, so it keeps the top rounding.\n          column.classList.toggle('negative', !series.base && to < from);\n          column.style.setProperty('--top', `${clamp(Math.max(from, to), series.y)}%`);\n          column.style.setProperty('--bottom', `${100 - clamp(Math.min(from, to), series.y)}%`);\n          // The cell text, which a bar chart with .values writes along its bar.\n          if (this._horizontal) column.dataset.text = series.text[index];\n        }\n        row.append(column);\n      });\n      columns.append(row);\n    });\n    return columns;\n  }\n}\n"],
-  "mappings": ";;;;;;AAaO,IAAM,cAAN,cAA0B,UAAU;AAAA,EACzC,IAAc,QAAQ;AACpB,WAAO;AAAA,EACT;AAAA,EAEA,IAAc,OAAO;AACnB,WAAO;AAAA,EACT;AAAA,EAEA,IAAc,YAAY;AACxB,WAAO;AAAA,EACT;AAAA,EAEA,IAAc,UAAU;AACtB,WAAO;AAAA,EACT;AAAA,EAIA,OAAO,KACL,KACA,UAAuC,CAAC,GACX;AAC7B,WAAO,MAAM,KAAK,KAAoB,OAAO;AAAA,EAC/C;AAAA,EAEA,OAAO,YAAY,IAA8B;AAC/C,WAAO,GAAG,wBAAwB;AAAA,EACpC;AAAA,EAEU,MAAM,QAAQ,KAAK,QAAiB;AAC5C,UAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,YAAQ,YAAY;AACpB,YAAQ,aAAa,eAAe,MAAM;AAC1C,UAAM,QAAQ,CAAC,OAAe,IAAI,MAAM,CAAC,GAAG,KAAK,KAAK,OAAO,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,EAAE,KAAK,CAAC,CAAC;AAEhG,YAAQ,MAAM,YAAY,UAAU,GAAG,MAAM,CAAC,CAAC,GAAG;AAClD,SAAK,MAAM,MAAM,YAAY,UAAU,OAAO,KAAK,OAAO,MAAM,CAAC;AAEjE,SAAK,OAAO,QAAQ,CAAC,GAAG,UAAU;AAChC,YAAM,MAAM,SAAS,cAAc,KAAK;AACxC,YAAM,QAAQ,CAAC,WAAW;AAExB,cAAM,KAAK,OAAO,KAAK,KAAK;AAC5B,cAAM,OAAO,OAAO,OAAO,KAAK,KAAK;AACrC,YAAI,OAAO,SAAS,OAAO,QAAQ,SAAS,MAAO;AACnD,cAAM,SAAS,SAAS,cAAc,MAAM;AAE5C,YAAI,OAAO,MAAM;AACf,iBAAO,YAAY,OAAO;AAC1B,iBAAO,QAAQ,SAAS,YAAY,KAAK,OAAO,QAAQ,MAAM,CAAC;AAE/D,iBAAO,UAAU,OAAO,YAAY,CAAC,OAAO,QAAQ,KAAK,IAAI;AAC7D,iBAAO,MAAM,YAAY,SAAS,GAAG,MAAM,KAAK,IAAI,MAAM,EAAE,GAAG,OAAO,CAAC,CAAC,GAAG;AAC3E,iBAAO,MAAM,YAAY,YAAY,GAAG,MAAM,MAAM,KAAK,IAAI,MAAM,EAAE,GAAG,OAAO,CAAC,CAAC,GAAG;AAEpF,cAAI,KAAK,YAAa,QAAO,QAAQ,OAAO,OAAO,KAAK,KAAK;AAAA,QAC/D;AACA,YAAI,OAAO,MAAM;AAAA,MACnB,CAAC;AACD,cAAQ,OAAO,GAAG;AAAA,IACpB,CAAC;AACD,WAAO;AAAA,EACT;AACF;",
-  "names": []
-}

package/dist/js/chunks/chunk-5CEAOLUA.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/ts/components/slider.ts"],
-  "sourcesContent": ["import { Component, BaseOptions, InitElements, InitElement } from '../core/component';\nimport { Utils } from '../core/utils';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface SliderOptions extends BaseOptions {}\n\nconst _defaults: SliderOptions = {};\n\n// Inline values _set() replaced, per element, so destroy() can put back what\n// an author wrote. Per element, not per instance: both handles of a range\n// write the same host properties.\nconst _authored = new WeakMap<HTMLElement, Record<string, string>>();\n\nexport class Slider extends Component<SliderOptions> {\n  declare el: HTMLInputElement;\n  private _pointerDown: boolean;\n  private _resizeObserver: ResizeObserver | null = null;\n  value: HTMLElement;\n  thumb: HTMLElement;\n\n  constructor(el: HTMLInputElement, options: Partial<SliderOptions>) {\n    super(el, options, Slider);\n    this.el['Expressive_Slider'] = this;\n\n    this.options = {\n      ...Slider.defaults,\n      ...options\n    };\n\n    this._pointerDown = false;\n    this._setupThumb();\n    this._sync();\n    this._setupEventHandlers();\n    if (typeof ResizeObserver !== 'undefined') {\n      this._resizeObserver = new ResizeObserver(() => this._sync());\n      this._resizeObserver.observe(this.el);\n    }\n  }\n\n  static get defaults(): SliderOptions {\n    return _defaults;\n  }\n\n  /**\n   * Initializes instance of Slider.\n   * @param el HTML element.\n   * @param options Component options.\n   */\n  static init(el: HTMLInputElement, options?: Partial<SliderOptions>): Slider;\n  /**\n   * Initializes instances of Slider.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: InitElements<HTMLInputElement | InitElement>,\n    options?: Partial<SliderOptions>\n  ): Slider[];\n  /**\n   * Initializes instances of Slider.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: HTMLInputElement | InitElements<HTMLInputElement | InitElement>,\n    options: Partial<SliderOptions> = {}\n  ): Slider | Slider[] {\n    return super.init(els, options, Slider);\n  }\n\n  static getInstance(el: HTMLInputElement): Slider {\n    return el['Expressive_Slider'];\n  }\n\n  destroy() {\n    this._resizeObserver?.disconnect();\n    this._removeEventHandlers();\n    this._removeThumb();\n    this.el['Expressive_Slider'] = undefined;\n    const host = this._host();\n    for (const el of [this.el, host]) {\n      for (const name in _authored.get(el)) el.style.setProperty(name, _authored.get(el)[name]);\n      _authored.delete(el);\n    }\n    // The other handle of a range writes the shared host properties again.\n    host?.querySelectorAll('input[type=\"range\"]').forEach((el) => el['Expressive_Slider']?._sync());\n  }\n\n  _set(el: HTMLElement, name: string, value: string) {\n    const authored = _authored.get(el) ?? {};\n    _authored.set(el, authored);\n    authored[name] ??= el.style.getPropertyValue(name);\n    el.style.setProperty(name, value);\n  }\n\n  // Eleven listeners used to cover four stages, because each one was written\n  // twice - once for mouse, once for touch. One of the touch spellings,\n  // `touchleave`, was never implemented by any browser at all.\n  _setupEventHandlers() {\n    this.el.addEventListener('change', this._handleRangeChange);\n    this.el.addEventListener('pointerdown', this._handleRangePointerDown);\n    // `input` alone tracks a drag. A `pointermove` sync used to run as well,\n    // twice per frame, and before the browser had moved the value.\n    this.el.addEventListener('input', this._handleRangeInput);\n    this.el.addEventListener('pointerup', this._handleRangePointerUp);\n    this.el.addEventListener('pointercancel', this._handleRangePointerUp);\n    this.el.addEventListener('blur', this._handleRangeRelease);\n    // `mouseout`, not `pointerout`: this used to be a `mouseout`/`touchleave`\n    // pair, and `touchleave` was never implemented by any browser, so the\n    // handler has only ever run for a mouse. `pointerout` also fires when a\n    // touch lifts, which would clear the thumb's active state at a moment\n    // nothing cleared it before.\n    this.el.addEventListener('mouseout', this._handleRangeRelease);\n  }\n\n  _removeEventHandlers() {\n    this.el.removeEventListener('change', this._handleRangeChange);\n    this.el.removeEventListener('pointerdown', this._handleRangePointerDown);\n    this.el.removeEventListener('input', this._handleRangeInput);\n    this.el.removeEventListener('pointerup', this._handleRangePointerUp);\n    this.el.removeEventListener('pointercancel', this._handleRangePointerUp);\n    this.el.removeEventListener('blur', this._handleRangeRelease);\n    this.el.removeEventListener('mouseout', this._handleRangeRelease);\n  }\n\n  _handleRangeChange = () => {\n    this._clampDual();\n    this._sync();\n    this.thumb.classList.add('active');\n  };\n\n  _handleRangePointerDown = (e: PointerEvent) => {\n    if (!e.isPrimary) return;\n    if (e.pointerType === 'mouse' && e.button !== 0) return;\n    this._pointerDown = true;\n    this.el.classList.add('active');\n    this._clampDual();\n    this._sync();\n    // An `e.type !== 'input'` guard used to sit here. This handler is only ever\n    // bound to a press, so it was never anything but true.\n    this.thumb.classList.add('active');\n  };\n\n  _handleRangeInput = () => {\n    this._clampDual();\n    this._sync();\n    this.thumb.classList.add('active');\n  };\n\n  _handleRangePointerUp = (e: PointerEvent) => {\n    if (!e.isPrimary) return;\n    this._pointerDown = false;\n    this.el.classList.remove('active');\n  };\n\n  _handleRangeRelease = () => {\n    if (!this._pointerDown) {\n      this.thumb.classList.remove('active');\n    }\n  };\n\n  _setupThumb() {\n    this.thumb = document.createElement('span');\n    this.value = document.createElement('span');\n    this.thumb.classList.add('thumb');\n    this.value.classList.add('value');\n    this.thumb.append(this.value);\n    this.el.after(this.thumb);\n  }\n\n  _removeThumb() {\n    this.thumb.remove();\n  }\n\n  _isVertical(): boolean {\n    return !!this.el.closest('.vertical');\n  }\n\n  _host(): HTMLElement | null {\n    // `.slider` is the documented host now; without it here a dual-handle\n    // control could not find its wrapper, so the handles never clamped and the\n    // shared start/end fractions never tracked the interval.\n    return this.el.closest('.slider, .range, .range-field, label');\n  }\n\n  _clampDual() {\n    const host = this._host();\n    const peers = host?.querySelectorAll('input[type=\"range\"]');\n    if (!peers || peers.length !== 2) return;\n    const start = peers[0] as HTMLInputElement;\n    const end = peers[1] as HTMLInputElement;\n    if (this.el === start && +start.value > +end.value) start.value = end.value;\n    if (this.el === end && +end.value < +start.value) end.value = start.value;\n  }\n\n  /** The input's range, defaulting like the browser does: 0 to 100. */\n  private _bounds(el: HTMLInputElement) {\n    const parsedMax = parseFloat(el.max);\n    return { max: Number.isNaN(parsedMax) ? 100 : parsedMax, min: parseFloat(el.min) || 0 };\n  }\n\n  _fraction(el: HTMLInputElement): number {\n    const { max, min } = this._bounds(el);\n    const val = parseFloat(el.value) || 0;\n    return max === min ? 0 : (val - min) / (max - min);\n  }\n\n  _sync() {\n    const percent = this._fraction(this.el);\n    const fraction = `${percent * 100}%`;\n\n    // Read before writing. This runs on every pointer move during a drag, and\n    // setting the custom property first made each of the four offset reads\n    // below flush a fresh layout.\n    const left = this.el.offsetLeft;\n    const top = this.el.offsetTop;\n    const width = this.el.offsetWidth;\n    const height = this.el.offsetHeight;\n    const style = getComputedStyle(this.el);\n    const rtl = style.direction === 'rtl';\n    const vertical = this._isVertical();\n    const handle = parseFloat(style.getPropertyValue('--md-comp-slider-handle-width')) || 4;\n    const length = vertical ? height : width;\n    const position = handle / 2 + percent * (length - handle);\n\n    this._set(this.el, '--md-comp-slider-active-fraction', fraction);\n    this._set(this.el, '--md-comp-slider-active-position', `${position}px`);\n\n    const host = this._host();\n    const peers = host?.querySelectorAll('input[type=\"range\"]');\n    if (host && peers && peers.length === 2) {\n      const nums = Array.from(peers).map((el) => this._fraction(el as HTMLInputElement));\n      this._set(host, '--md-comp-slider-start-fraction', `${Math.min(...nums) * 100}%`);\n      this._set(host, '--md-comp-slider-end-fraction', `${Math.max(...nums) * 100}%`);\n      this._set(host, '--md-comp-slider-start-position', `${handle / 2 + Math.min(...nums) * (length - handle)}px`);\n      this._set(host, '--md-comp-slider-end-position', `${handle / 2 + Math.max(...nums) * (length - handle)}px`);\n    }\n    if (host?.classList.contains('stops')) {\n      const { max, min } = this._bounds(this.el);\n      const step = parseFloat(this.el.step);\n      // Stops sit at min + k * step up to max, so a step that does not divide\n      // the range ends short of max. No step, `any`, zero or a negative step\n      // clears the spacing, and the host paints no dots.\n      const stops = step > 0 && Number.isFinite(step) && max > min;\n      this._set(host, '--md-comp-slider-stop-count', stops ? String(Math.floor((max - min) / step + 1e-9) + 1) : '');\n      this._set(host, '--md-comp-slider-stop-spacing', stops ? `${((length - handle) * step) / (max - min)}px` : '');\n      // The tick row is the host's ::after, which cannot read the input's\n      // properties. A dual host has no single position.\n      if (peers?.length === 1) {\n        this._set(host, '--md-comp-slider-active-position', `${position}px`);\n        this._set(host, '--md-comp-slider-track-center', `${top + height / 2}px`);\n      }\n    }\n\n    this.value.textContent = this.el.value;\n    if (vertical) {\n      this.thumb.style.left = `${left + width / 2}px`;\n      this.thumb.style.top = `${top + height - position}px`;\n    } else {\n      this.thumb.style.left = `${left + (rtl ? width - position : position)}px`;\n      this.thumb.style.top = `${top}px`;\n    }\n  }\n\n  /**\n   * Initializes every range input in the current document.\n   */\n  static Init() {\n    // Deferred like every other Init(): this ran at import time, so a bundle\n    // loaded in <head> found no inputs at all.\n    Utils.onDocumentReady(() => {\n      Slider.init(document.querySelectorAll<HTMLInputElement>('input[type=range]'));\n    });\n  }\n}\n"],
-  "mappings": ";;;;;;;;AAMA,IAAM,YAA2B,CAAC;AAKlC,IAAM,YAAY,oBAAI,QAA6C;AAE5D,IAAM,SAAN,MAAM,gBAAe,UAAyB;AAAA,EAOnD,YAAY,IAAsB,SAAiC;AACjE,UAAM,IAAI,SAAS,OAAM;AAL3B,SAAQ,kBAAyC;AA6GjD,8BAAqB,MAAM;AACzB,WAAK,WAAW;AAChB,WAAK,MAAM;AACX,WAAK,MAAM,UAAU,IAAI,QAAQ;AAAA,IACnC;AAEA,mCAA0B,CAAC,MAAoB;AAC7C,UAAI,CAAC,EAAE,UAAW;AAClB,UAAI,EAAE,gBAAgB,WAAW,EAAE,WAAW,EAAG;AACjD,WAAK,eAAe;AACpB,WAAK,GAAG,UAAU,IAAI,QAAQ;AAC9B,WAAK,WAAW;AAChB,WAAK,MAAM;AAGX,WAAK,MAAM,UAAU,IAAI,QAAQ;AAAA,IACnC;AAEA,6BAAoB,MAAM;AACxB,WAAK,WAAW;AAChB,WAAK,MAAM;AACX,WAAK,MAAM,UAAU,IAAI,QAAQ;AAAA,IACnC;AAEA,iCAAwB,CAAC,MAAoB;AAC3C,UAAI,CAAC,EAAE,UAAW;AAClB,WAAK,eAAe;AACpB,WAAK,GAAG,UAAU,OAAO,QAAQ;AAAA,IACnC;AAEA,+BAAsB,MAAM;AAC1B,UAAI,CAAC,KAAK,cAAc;AACtB,aAAK,MAAM,UAAU,OAAO,QAAQ;AAAA,MACtC;AAAA,IACF;AAzIE,SAAK,GAAG,mBAAmB,IAAI;AAE/B,SAAK,UAAU;AAAA,MACb,GAAG,QAAO;AAAA,MACV,GAAG;AAAA,IACL;AAEA,SAAK,eAAe;AACpB,SAAK,YAAY;AACjB,SAAK,MAAM;AACX,SAAK,oBAAoB;AACzB,QAAI,OAAO,mBAAmB,aAAa;AACzC,WAAK,kBAAkB,IAAI,eAAe,MAAM,KAAK,MAAM,CAAC;AAC5D,WAAK,gBAAgB,QAAQ,KAAK,EAAE;AAAA,IACtC;AAAA,EACF;AAAA,EAEA,WAAW,WAA0B;AACnC,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBA,OAAO,KACL,KACA,UAAkC,CAAC,GAChB;AACnB,WAAO,MAAM,KAAK,KAAK,SAAS,OAAM;AAAA,EACxC;AAAA,EAEA,OAAO,YAAY,IAA8B;AAC/C,WAAO,GAAG,mBAAmB;AAAA,EAC/B;AAAA,EAEA,UAAU;AACR,SAAK,iBAAiB,WAAW;AACjC,SAAK,qBAAqB;AAC1B,SAAK,aAAa;AAClB,SAAK,GAAG,mBAAmB,IAAI;AAC/B,UAAM,OAAO,KAAK,MAAM;AACxB,eAAW,MAAM,CAAC,KAAK,IAAI,IAAI,GAAG;AAChC,iBAAW,QAAQ,UAAU,IAAI,EAAE,EAAG,IAAG,MAAM,YAAY,MAAM,UAAU,IAAI,EAAE,EAAE,IAAI,CAAC;AACxF,gBAAU,OAAO,EAAE;AAAA,IACrB;AAEA,UAAM,iBAAiB,qBAAqB,EAAE,QAAQ,CAAC,OAAO,GAAG,mBAAmB,GAAG,MAAM,CAAC;AAAA,EAChG;AAAA,EAEA,KAAK,IAAiB,MAAc,OAAe;AACjD,UAAM,WAAW,UAAU,IAAI,EAAE,KAAK,CAAC;AACvC,cAAU,IAAI,IAAI,QAAQ;AAC1B,wCAAmB,GAAG,MAAM,iBAAiB,IAAI;AACjD,OAAG,MAAM,YAAY,MAAM,KAAK;AAAA,EAClC;AAAA;AAAA;AAAA;AAAA,EAKA,sBAAsB;AACpB,SAAK,GAAG,iBAAiB,UAAU,KAAK,kBAAkB;AAC1D,SAAK,GAAG,iBAAiB,eAAe,KAAK,uBAAuB;AAGpE,SAAK,GAAG,iBAAiB,SAAS,KAAK,iBAAiB;AACxD,SAAK,GAAG,iBAAiB,aAAa,KAAK,qBAAqB;AAChE,SAAK,GAAG,iBAAiB,iBAAiB,KAAK,qBAAqB;AACpE,SAAK,GAAG,iBAAiB,QAAQ,KAAK,mBAAmB;AAMzD,SAAK,GAAG,iBAAiB,YAAY,KAAK,mBAAmB;AAAA,EAC/D;AAAA,EAEA,uBAAuB;AACrB,SAAK,GAAG,oBAAoB,UAAU,KAAK,kBAAkB;AAC7D,SAAK,GAAG,oBAAoB,eAAe,KAAK,uBAAuB;AACvE,SAAK,GAAG,oBAAoB,SAAS,KAAK,iBAAiB;AAC3D,SAAK,GAAG,oBAAoB,aAAa,KAAK,qBAAqB;AACnE,SAAK,GAAG,oBAAoB,iBAAiB,KAAK,qBAAqB;AACvE,SAAK,GAAG,oBAAoB,QAAQ,KAAK,mBAAmB;AAC5D,SAAK,GAAG,oBAAoB,YAAY,KAAK,mBAAmB;AAAA,EAClE;AAAA,EAsCA,cAAc;AACZ,SAAK,QAAQ,SAAS,cAAc,MAAM;AAC1C,SAAK,QAAQ,SAAS,cAAc,MAAM;AAC1C,SAAK,MAAM,UAAU,IAAI,OAAO;AAChC,SAAK,MAAM,UAAU,IAAI,OAAO;AAChC,SAAK,MAAM,OAAO,KAAK,KAAK;AAC5B,SAAK,GAAG,MAAM,KAAK,KAAK;AAAA,EAC1B;AAAA,EAEA,eAAe;AACb,SAAK,MAAM,OAAO;AAAA,EACpB;AAAA,EAEA,cAAuB;AACrB,WAAO,CAAC,CAAC,KAAK,GAAG,QAAQ,WAAW;AAAA,EACtC;AAAA,EAEA,QAA4B;AAI1B,WAAO,KAAK,GAAG,QAAQ,sCAAsC;AAAA,EAC/D;AAAA,EAEA,aAAa;AACX,UAAM,OAAO,KAAK,MAAM;AACxB,UAAM,QAAQ,MAAM,iBAAiB,qBAAqB;AAC1D,QAAI,CAAC,SAAS,MAAM,WAAW,EAAG;AAClC,UAAM,QAAQ,MAAM,CAAC;AACrB,UAAM,MAAM,MAAM,CAAC;AACnB,QAAI,KAAK,OAAO,SAAS,CAAC,MAAM,QAAQ,CAAC,IAAI,MAAO,OAAM,QAAQ,IAAI;AACtE,QAAI,KAAK,OAAO,OAAO,CAAC,IAAI,QAAQ,CAAC,MAAM,MAAO,KAAI,QAAQ,MAAM;AAAA,EACtE;AAAA;AAAA,EAGQ,QAAQ,IAAsB;AACpC,UAAM,YAAY,WAAW,GAAG,GAAG;AACnC,WAAO,EAAE,KAAK,OAAO,MAAM,SAAS,IAAI,MAAM,WAAW,KAAK,WAAW,GAAG,GAAG,KAAK,EAAE;AAAA,EACxF;AAAA,EAEA,UAAU,IAA8B;AACtC,UAAM,EAAE,KAAK,IAAI,IAAI,KAAK,QAAQ,EAAE;AACpC,UAAM,MAAM,WAAW,GAAG,KAAK,KAAK;AACpC,WAAO,QAAQ,MAAM,KAAK,MAAM,QAAQ,MAAM;AAAA,EAChD;AAAA,EAEA,QAAQ;AACN,UAAM,UAAU,KAAK,UAAU,KAAK,EAAE;AACtC,UAAM,WAAW,GAAG,UAAU,GAAG;AAKjC,UAAM,OAAO,KAAK,GAAG;AACrB,UAAM,MAAM,KAAK,GAAG;AACpB,UAAM,QAAQ,KAAK,GAAG;AACtB,UAAM,SAAS,KAAK,GAAG;AACvB,UAAM,QAAQ,iBAAiB,KAAK,EAAE;AACtC,UAAM,MAAM,MAAM,cAAc;AAChC,UAAM,WAAW,KAAK,YAAY;AAClC,UAAM,SAAS,WAAW,MAAM,iBAAiB,+BAA+B,CAAC,KAAK;AACtF,UAAM,SAAS,WAAW,SAAS;AACnC,UAAM,WAAW,SAAS,IAAI,WAAW,SAAS;AAElD,SAAK,KAAK,KAAK,IAAI,oCAAoC,QAAQ;AAC/D,SAAK,KAAK,KAAK,IAAI,oCAAoC,GAAG,QAAQ,IAAI;AAEtE,UAAM,OAAO,KAAK,MAAM;AACxB,UAAM,QAAQ,MAAM,iBAAiB,qBAAqB;AAC1D,QAAI,QAAQ,SAAS,MAAM,WAAW,GAAG;AACvC,YAAM,OAAO,MAAM,KAAK,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,UAAU,EAAsB,CAAC;AACjF,WAAK,KAAK,MAAM,mCAAmC,GAAG,KAAK,IAAI,GAAG,IAAI,IAAI,GAAG,GAAG;AAChF,WAAK,KAAK,MAAM,iCAAiC,GAAG,KAAK,IAAI,GAAG,IAAI,IAAI,GAAG,GAAG;AAC9E,WAAK,KAAK,MAAM,mCAAmC,GAAG,SAAS,IAAI,KAAK,IAAI,GAAG,IAAI,KAAK,SAAS,OAAO,IAAI;AAC5G,WAAK,KAAK,MAAM,iCAAiC,GAAG,SAAS,IAAI,KAAK,IAAI,GAAG,IAAI,KAAK,SAAS,OAAO,IAAI;AAAA,IAC5G;AACA,QAAI,MAAM,UAAU,SAAS,OAAO,GAAG;AACrC,YAAM,EAAE,KAAK,IAAI,IAAI,KAAK,QAAQ,KAAK,EAAE;AACzC,YAAM,OAAO,WAAW,KAAK,GAAG,IAAI;AAIpC,YAAM,QAAQ,OAAO,KAAK,OAAO,SAAS,IAAI,KAAK,MAAM;AACzD,WAAK,KAAK,MAAM,+BAA+B,QAAQ,OAAO,KAAK,OAAO,MAAM,OAAO,OAAO,IAAI,IAAI,CAAC,IAAI,EAAE;AAC7G,WAAK,KAAK,MAAM,iCAAiC,QAAQ,IAAK,SAAS,UAAU,QAAS,MAAM,IAAI,OAAO,EAAE;AAG7G,UAAI,OAAO,WAAW,GAAG;AACvB,aAAK,KAAK,MAAM,oCAAoC,GAAG,QAAQ,IAAI;AACnE,aAAK,KAAK,MAAM,iCAAiC,GAAG,MAAM,SAAS,CAAC,IAAI;AAAA,MAC1E;AAAA,IACF;AAEA,SAAK,MAAM,cAAc,KAAK,GAAG;AACjC,QAAI,UAAU;AACZ,WAAK,MAAM,MAAM,OAAO,GAAG,OAAO,QAAQ,CAAC;AAC3C,WAAK,MAAM,MAAM,MAAM,GAAG,MAAM,SAAS,QAAQ;AAAA,IACnD,OAAO;AACL,WAAK,MAAM,MAAM,OAAO,GAAG,QAAQ,MAAM,QAAQ,WAAW,SAAS;AACrE,WAAK,MAAM,MAAM,MAAM,GAAG,GAAG;AAAA,IAC/B;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO,OAAO;AAGZ,UAAM,gBAAgB,MAAM;AAC1B,cAAO,KAAK,SAAS,iBAAmC,mBAAmB,CAAC;AAAA,IAC9E,CAAC;AAAA,EACH;AACF;",
-  "names": []
-}