@expressivecss/expressive 0.12.0 → 0.13.1

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

@@ -0,0 +1,124 @@
+import {
+  Utils
+} from "./chunk-6OMRGML6.mjs";
+import {
+  Component
+} from "./chunk-LTWPGFBR.mjs";
+
+// src/ts/components/richTextEditor.ts
+var _defaults = {
+  Editor: null,
+  extensions: []
+};
+var NAMING = ["aria-label", "aria-labelledby", "aria-describedby"];
+var RichTextEditor = class _RichTextEditor extends Component {
+  constructor(el, options) {
+    super(el, options, _RichTextEditor);
+    /** The Tiptap editor. */
+    this.editor = null;
+    /** The element the editor is mounted in. */
+    this.content = null;
+    this._actions = /* @__PURE__ */ new Map();
+    this._label = null;
+    this._handleClick = (e) => {
+      const button = e.target.closest("button[data-command]");
+      const action = this._actions.get(button);
+      if (action && !button.disabled) this.editor.chain().focus()[action.command](action.attributes).run();
+    };
+    this._handleLabelClick = () => {
+      this.editor.chain().focus().run();
+    };
+    this._handleUpdate = () => {
+      this.textarea.value = this.editor.isEmpty ? "" : this.editor.getHTML();
+      this.textarea.dispatchEvent(new Event("input", { bubbles: true }));
+    };
+    this._handleTransaction = () => {
+      const can = this.editor.isEditable && this.editor.can();
+      for (const [button, { command, attributes, active }] of this._actions) {
+        button.disabled = !can || !(command in this.editor.commands) || !can[command](attributes);
+        if (!active) continue;
+        const on = this.editor.isActive(active, attributes);
+        button.setAttribute("aria-pressed", String(on));
+        button.classList.toggle("active", on);
+      }
+    };
+    this.el["Expressive_RichTextEditor"] = this;
+    this.options = {
+      ..._RichTextEditor.defaults,
+      ...options
+    };
+    this.textarea = el.querySelector(":scope > textarea");
+    if (!this.textarea || !this.options.Editor) {
+      console.error("RichTextEditor needs a <textarea> child and the Tiptap Editor class in options.Editor.");
+      return;
+    }
+    for (const button of el.querySelectorAll("button[data-command]")) {
+      const command = button.dataset.command;
+      const attributes2 = button.dataset.attributes ? JSON.parse(button.dataset.attributes) : void 0;
+      const active = command.startsWith("toggle") ? command[6].toLowerCase() + command.slice(7) : void 0;
+      this._actions.set(button, { command, attributes: attributes2, active });
+    }
+    const attributes = { role: "textbox", "aria-multiline": "true" };
+    for (const name of NAMING) {
+      const value = this.textarea.getAttribute(name);
+      if (value) attributes[name] = value;
+    }
+    this._label = this.textarea.labels?.[0] ?? null;
+    if (this._label && !attributes["aria-labelledby"]) {
+      if (!this._label.id) this._label.id = `rich-text-editor-label-${Utils.guid()}`;
+      attributes["aria-labelledby"] = this._label.id;
+      this._label.addEventListener("click", this._handleLabelClick);
+    }
+    this.content = document.createElement("div");
+    this.content.className = "rich-text-editor-content";
+    this.textarea.after(this.content);
+    this.textarea.hidden = true;
+    this.editor = new this.options.Editor({
+      element: this.content,
+      extensions: this.options.extensions,
+      content: this.textarea.value,
+      editable: !(this.textarea.disabled || this.textarea.readOnly),
+      editorProps: { attributes }
+    });
+    this.editor.on("update", this._handleUpdate);
+    this.editor.on("transaction", this._handleTransaction);
+    this._handleTransaction();
+    el.addEventListener("click", this._handleClick);
+  }
+  static get defaults() {
+    return _defaults;
+  }
+  /**
+   * Initializes instances of RichTextEditor.
+   * @param els HTML elements.
+   * @param options Component options.
+   */
+  static init(els, options = {}) {
+    return super.init(els, options, _RichTextEditor);
+  }
+  static getInstance(el) {
+    return el["Expressive_RichTextEditor"];
+  }
+  destroy() {
+    this.el["Expressive_RichTextEditor"] = void 0;
+    if (!this.editor) return;
+    this.el.removeEventListener("click", this._handleClick);
+    this._label?.removeEventListener("click", this._handleLabelClick);
+    this.editor.off("update", this._handleUpdate);
+    this.editor.off("transaction", this._handleTransaction);
+    this.editor.destroy();
+    this.editor = null;
+    this.content.remove();
+    this.textarea.hidden = false;
+    for (const button of this._actions.keys()) {
+      button.disabled = false;
+      button.classList.remove("active");
+      button.removeAttribute("aria-pressed");
+    }
+  }
+};
+
+export {
+  RichTextEditor
+};
+//# sourceMappingURL=chunk-VTLBW7QS.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/richTextEditor.ts"],
+  "sourcesContent": ["import { Utils } from '../core/utils';\nimport { Component, BaseOptions, InitElements, InitElement } from '../core/component';\n\n/**\n * The parts of a Tiptap `Editor` this component uses. Declared here so the\n * published types do not depend on Tiptap.\n */\nexport interface RichTextEditorInstance {\n  commands: object;\n  isEditable: boolean;\n  isEmpty: boolean;\n  chain(): any;\n  can(): any;\n  isActive(name: string, attributes?: object): boolean;\n  getHTML(): string;\n  on(event: string, callback: () => void): unknown;\n  off(event: string, callback: () => void): unknown;\n  destroy(): void;\n}\n\nexport interface RichTextEditorOptions extends BaseOptions {\n  /**\n   * Tiptap's `Editor` class. ExpressiveCSS does not bundle Tiptap, so the\n   * page imports it and passes it in.\n   * @default null\n   */\n  Editor: (new (options: any) => RichTextEditorInstance) | null;\n  /**\n   * Tiptap extensions, usually `[StarterKit]`.\n   * @default []\n   */\n  extensions: unknown[];\n}\n\nconst _defaults: RichTextEditorOptions = {\n  Editor: null,\n  extensions: []\n};\n\ntype Action = { command: string; attributes?: object; active?: string };\n\n// Copied from the textarea onto the editable element.\nconst NAMING = ['aria-label', 'aria-labelledby', 'aria-describedby'];\n\n/**\n * A rich text editor built on Tiptap: a `.rich-text-editor` holding a\n * `<textarea>` and, usually, a `.toolbar` of `[data-command]` buttons.\n *\n * The textarea's value is the starting HTML. The component hides it, mounts\n * the editor after it and writes the editor's HTML back on every change, so\n * the textarea still submits with its form. A button's `data-command` names a\n * Tiptap command and `data-attributes` holds its JSON argument. Buttons are\n * disabled when their command cannot run, and `toggle*` commands report their\n * state with `aria-pressed` and `.active`.\n */\nexport class RichTextEditor extends Component<RichTextEditorOptions> {\n  /** The Tiptap editor. */\n  editor: RichTextEditorInstance | null = null;\n  /** The form value. */\n  textarea: HTMLTextAreaElement | null;\n  /** The element the editor is mounted in. */\n  content: HTMLElement | null = null;\n  private _actions = new Map<HTMLButtonElement, Action>();\n  private _label: HTMLLabelElement | null = null;\n\n  constructor(el: HTMLElement, options: Partial<RichTextEditorOptions>) {\n    super(el, options, RichTextEditor);\n    this.el['Expressive_RichTextEditor'] = this;\n    this.options = {\n      ...RichTextEditor.defaults,\n      ...options\n    };\n    this.textarea = el.querySelector(':scope > textarea');\n    if (!this.textarea || !this.options.Editor) {\n      console.error('RichTextEditor needs a <textarea> child and the Tiptap Editor class in options.Editor.');\n      return;\n    }\n\n    for (const button of el.querySelectorAll<HTMLButtonElement>('button[data-command]')) {\n      const command = button.dataset.command;\n      const attributes = button.dataset.attributes ? JSON.parse(button.dataset.attributes) : undefined;\n      // toggleBulletList is active while the selection is in a bulletList.\n      const active = command.startsWith('toggle') ? command[6].toLowerCase() + command.slice(7) : undefined;\n      this._actions.set(button, { command, attributes, active });\n    }\n\n    const attributes: Record<string, string> = { role: 'textbox', 'aria-multiline': 'true' };\n    for (const name of NAMING) {\n      const value = this.textarea.getAttribute(name);\n      if (value) attributes[name] = value;\n    }\n    // A <label for> names the hidden textarea, so it has to name the editor\n    // instead, and a click on it has to focus the editor.\n    this._label = this.textarea.labels?.[0] ?? null;\n    if (this._label && !attributes['aria-labelledby']) {\n      if (!this._label.id) this._label.id = `rich-text-editor-label-${Utils.guid()}`;\n      attributes['aria-labelledby'] = this._label.id;\n      this._label.addEventListener('click', this._handleLabelClick);\n    }\n\n    this.content = document.createElement('div');\n    this.content.className = 'rich-text-editor-content';\n    this.textarea.after(this.content);\n    this.textarea.hidden = true;\n    this.editor = new this.options.Editor({\n      element: this.content,\n      extensions: this.options.extensions,\n      content: this.textarea.value,\n      editable: !(this.textarea.disabled || this.textarea.readOnly),\n      editorProps: { attributes }\n    });\n    this.editor.on('update', this._handleUpdate);\n    this.editor.on('transaction', this._handleTransaction);\n    this._handleTransaction();\n    el.addEventListener('click', this._handleClick);\n  }\n\n  static get defaults(): RichTextEditorOptions {\n    return _defaults;\n  }\n\n  /**\n   * Initializes instance of RichTextEditor.\n   * @param el HTML element.\n   * @param options Component options.\n   */\n  static init(el: HTMLElement, options?: Partial<RichTextEditorOptions>): RichTextEditor;\n  /**\n   * Initializes instances of RichTextEditor.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: InitElements<InitElement>,\n    options?: Partial<RichTextEditorOptions>\n  ): RichTextEditor[];\n  /**\n   * Initializes instances of RichTextEditor.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<RichTextEditorOptions> = {}\n  ): RichTextEditor | RichTextEditor[] {\n    return super.init(els, options, RichTextEditor);\n  }\n\n  static getInstance(el: HTMLElement): RichTextEditor {\n    return el['Expressive_RichTextEditor'];\n  }\n\n  destroy() {\n    this.el['Expressive_RichTextEditor'] = undefined;\n    if (!this.editor) return;\n    this.el.removeEventListener('click', this._handleClick);\n    this._label?.removeEventListener('click', this._handleLabelClick);\n    this.editor.off('update', this._handleUpdate);\n    this.editor.off('transaction', this._handleTransaction);\n    this.editor.destroy();\n    this.editor = null;\n    this.content.remove();\n    this.textarea.hidden = false;\n    for (const button of this._actions.keys()) {\n      button.disabled = false;\n      button.classList.remove('active');\n      button.removeAttribute('aria-pressed');\n    }\n  }\n\n  private _handleClick = (e: MouseEvent) => {\n    const button = (e.target as Element).closest<HTMLButtonElement>('button[data-command]');\n    const action = this._actions.get(button);\n    if (action && !button.disabled) this.editor.chain().focus()[action.command](action.attributes).run();\n  };\n\n  private _handleLabelClick = () => {\n    this.editor.chain().focus().run();\n  };\n\n  private _handleUpdate = () => {\n    this.textarea.value = this.editor.isEmpty ? '' : this.editor.getHTML();\n    this.textarea.dispatchEvent(new Event('input', { bubbles: true }));\n  };\n\n  private _handleTransaction = () => {\n    const can = this.editor.isEditable && this.editor.can();\n    for (const [button, { command, attributes, active }] of this._actions) {\n      button.disabled = !can || !(command in this.editor.commands) || !can[command](attributes);\n      if (!active) continue;\n      const on = this.editor.isActive(active, attributes);\n      button.setAttribute('aria-pressed', String(on));\n      button.classList.toggle('active', on);\n    }\n  };\n}\n"],
+  "mappings": "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",
+  "names": ["attributes"]
+}

package/dist/js/chunks/{chunk-RFZZCYVU.mjs → chunk-XGHORT7J.mjs}

@@ -1,6 +1,6 @@
 import {
   Autocomplete
-} from "./chunk-HLDXZ7XB.mjs";
+} from "./chunk-3CLXLPYS.mjs";
 import {
   Utils
 } from "./chunk-6OMRGML6.mjs";
@@ -342,4 +342,4 @@ var Chips = _Chips;
 export {
   Chips
 };
-//# sourceMappingURL=chunk-RFZZCYVU.mjs.map
+//# sourceMappingURL=chunk-XGHORT7J.mjs.map

package/dist/js/chunks/{chunk-HNFSMIBY.mjs → chunk-XH6BEEMY.mjs}

@@ -1,3 +1,9 @@
+import {
+  Tooltip
+} from "./chunk-CKQP6P76.mjs";
+import {
+  ScrollSpy
+} from "./chunk-QV2JAWIZ.mjs";
 import {
   Tabs
 } from "./chunk-3VOK6J7U.mjs";
@@ -5,21 +11,54 @@ import {
   Timepicker
 } from "./chunk-IFXVDDDH.mjs";
 import {
-  Tooltip
-} from "./chunk-CKQP6P76.mjs";
+  MessageScroller
+} from "./chunk-CCWDV5CR.mjs";
+import {
+  MixedChart
+} from "./chunk-HKT2S7VM.mjs";
+import {
+  NavigationRail
+} from "./chunk-6N2XAEFK.mjs";
+import {
+  PieChart
+} from "./chunk-P3G3QHII.mjs";
+import {
+  Questionnaire
+} from "./chunk-DTKR54I6.mjs";
+import {
+  RadarChart
+} from "./chunk-3DHK5CZU.mjs";
+import {
+  RadialChart
+} from "./chunk-RHRQKTTX.mjs";
+import {
+  CommandPalette
+} from "./chunk-K4CJCRGE.mjs";
+import {
+  Datepicker
+} from "./chunk-PLYXLSH3.mjs";
+import {
+  FormSelect
+} from "./chunk-55IA2XUC.mjs";
 import {
   EXPANDING_CARD_SELECTOR,
   ExpandingCard
 } from "./chunk-QVVEWBOF.mjs";
+import {
+  HeatmapChart
+} from "./chunk-LNCCYGPC.mjs";
 import {
   Lightbox
 } from "./chunk-UNEMYWEW.mjs";
 import {
-  NavigationRail
-} from "./chunk-6N2XAEFK.mjs";
+  BarChart
+} from "./chunk-GVGT6MIU.mjs";
 import {
-  ScrollSpy
-} from "./chunk-QV2JAWIZ.mjs";
+  ColumnChart
+} from "./chunk-SPETGK25.mjs";
+import {
+  LineChart
+} from "./chunk-O5XPWXIQ.mjs";
 import {
   ButtonGroup
 } from "./chunk-YDCS5S3J.mjs";
@@ -36,19 +75,13 @@ import {
 } from "./chunk-LWBQIX5J.mjs";
 import {
   Chips
-} from "./chunk-RFZZCYVU.mjs";
+} from "./chunk-XGHORT7J.mjs";
 import {
   Autocomplete
-} from "./chunk-HLDXZ7XB.mjs";
-import {
-  Datepicker
-} from "./chunk-H2WA4XHH.mjs";
-import {
-  FormSelect
-} from "./chunk-HB6IW7QQ.mjs";
+} from "./chunk-3CLXLPYS.mjs";
 import {
   Menu
-} from "./chunk-YSBCHYXP.mjs";
+} from "./chunk-U2OTHOTI.mjs";
 import {
   AppBar
 } from "./chunk-UEZUJQ66.mjs";
@@ -76,11 +109,31 @@ var AUTO_INIT_COMPONENTS = {
   },
   Carousel: { component: Carousel, selector: ".carousel" },
   Chips: { component: Chips, selector: ".chips" },
+  ColumnChart: { component: ColumnChart, selector: ".column-chart" },
+  BarChart: { component: BarChart, selector: ".bar-chart" },
+  PieChart: { component: PieChart, selector: ".pie-chart" },
+  HeatmapChart: { component: HeatmapChart, selector: ".heatmap-chart" },
+  RadarChart: { component: RadarChart, selector: ".radar-chart" },
+  RadialChart: { component: RadialChart, selector: ".radial-chart" },
+  MixedChart: { component: MixedChart, selector: ".mixed-chart" },
+  CommandPalette: {
+    component: CommandPalette,
+    selector: "dialog.command-palette"
+  },
+  Questionnaire: {
+    component: Questionnaire,
+    selector: "form.questionnaire"
+  },
   Datepicker: {
     component: Datepicker,
     selector: ".datepicker, .date-picker"
   },
+  LineChart: { component: LineChart, selector: ".line-chart" },
   Menu: { component: Menu, selector: ".menu-trigger" },
+  MessageScroller: {
+    component: MessageScroller,
+    selector: ".message-scroller"
+  },
   Lightbox: { component: Lightbox, selector: ".lightboxed" },
   ScrollSpy: { component: ScrollSpy, selector: ".scrollspy" },
   FormSelect: { component: FormSelect, selector: "select" },
@@ -117,4 +170,4 @@ export {
   AUTO_INIT_COMPONENTS,
   AutoInit
 };
-//# sourceMappingURL=chunk-HNFSMIBY.mjs.map
+//# sourceMappingURL=chunk-XH6BEEMY.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/registry.ts"],
+  "sourcesContent": ["import { InitElements, InitElement } from \"../core/component\";\nimport * as Components from \"./index\";\nimport { CARDS_SELECTOR, isCardReveal } from \"./cards\";\nimport { EXPANDING_CARD_SELECTOR } from \"./expandingCard\";\n\n/**\n * The components `AutoInit()` starts, in initialization order, with the\n * selector each one claims.\n *\n * This table is the single source of truth: the options type below and the\n * init calls in `AutoInit()` are both derived from it, so wiring up a new\n * auto-initialized component means adding one line here (plus its export in\n * ./index.ts) - not four hand-synchronized edits that fail silently when one\n * is forgotten.\n *\n * A component that should only ever be constructed explicitly (Snackbar,\n * CharacterCounter, Range, ...) simply stays out of this table.\n */\nexport const AUTO_INIT_COMPONENTS = {\n  AppBar: {\n    component: Components.AppBar,\n    selector:\n      \"header.medium, header.large, header:has(> :is(nav:not(.tabs, .navigation-bar, .navigation-rail), .bar) > :is(.search-bar, .searchbar))\",\n  },\n  Autocomplete: {\n    component: Components.Autocomplete,\n    selector: \".autocomplete\",\n  },\n  ButtonGroup: {\n    component: Components.ButtonGroup,\n    selector: \".button-group\",\n  },\n  // Shared with Cards.Init() - see CARDS_SELECTOR. This entry used to read\n  // '.cards', which no card markup uses.\n  Cards: { component: Components.Cards, selector: CARDS_SELECTOR, filter: isCardReveal },\n  ExpandingCard: {\n    component: Components.ExpandingCard,\n    selector: EXPANDING_CARD_SELECTOR,\n  },\n  Carousel: { component: Components.Carousel, selector: \".carousel\" },\n  Chips: { component: Components.Chips, selector: \".chips\" },\n  ColumnChart: { component: Components.ColumnChart, selector: \".column-chart\" },\n  BarChart: { component: Components.BarChart, selector: \".bar-chart\" },\n  PieChart: { component: Components.PieChart, selector: \".pie-chart\" },\n  HeatmapChart: { component: Components.HeatmapChart, selector: \".heatmap-chart\" },\n  RadarChart: { component: Components.RadarChart, selector: \".radar-chart\" },\n  RadialChart: { component: Components.RadialChart, selector: \".radial-chart\" },\n  MixedChart: { component: Components.MixedChart, selector: \".mixed-chart\" },\n  CommandPalette: {\n    component: Components.CommandPalette,\n    selector: \"dialog.command-palette\",\n  },\n  Questionnaire: {\n    component: Components.Questionnaire,\n    selector: \"form.questionnaire\",\n  },\n  Datepicker: {\n    component: Components.Datepicker,\n    selector: \".datepicker, .date-picker\",\n  },\n  LineChart: { component: Components.LineChart, selector: \".line-chart\" },\n  Menu: { component: Components.Menu, selector: \".menu-trigger\" },\n  MessageScroller: {\n    component: Components.MessageScroller,\n    selector: \".message-scroller\",\n  },\n  Lightbox: { component: Components.Lightbox, selector: \".lightboxed\" },\n  ScrollSpy: { component: Components.ScrollSpy, selector: \".scrollspy\" },\n  FormSelect: { component: Components.FormSelect, selector: \"select\" },\n  NavigationRail: {\n    component: Components.NavigationRail,\n    selector: \".navigation-rail\",\n  },\n  Tabs: { component: Components.Tabs, selector: \".tabs\" },\n  Timepicker: {\n    component: Components.Timepicker,\n    selector: \".timepicker, .time-picker\",\n  },\n  Tooltip: { component: Components.Tooltip, selector: \".tooltipped\" },\n  FloatingActionButton: {\n    component: Components.FloatingActionButton,\n    selector: \".fab-menu\",\n  },\n};\n\ntype Registry = typeof AUTO_INIT_COMPONENTS;\n\n/**\n * Per-component options accepted by {@link AutoInit}, derived from the table\n * above - each key takes that component's own options type.\n */\nexport type AutoInitOptions = {\n  [K in keyof Registry]?: Partial<\n    InstanceType<Registry[K][\"component\"]>[\"options\"]\n  >;\n};\n\n/** The shape every entry in the table satisfies; see the cast in AutoInit. */\ntype AutoInitable = {\n  init(els: InitElement | InitElements<InitElement>, options: Partial<object>): unknown;\n};\n\ntype AutoInitEntry = {\n  component: AutoInitable;\n  selector: string;\n  filter?: (el: Element) => boolean;\n};\n\n/**\n * Automatically initialize components.\n * @param context Root element to initialize. Defaults to `document.body`.\n * @param options Options for each component.\n */\nexport function AutoInit(\n  context: HTMLElement = document.body,\n  options?: Partial<AutoInitOptions>,\n) {\n  for (const name of Object.keys(AUTO_INIT_COMPONENTS) as (keyof Registry)[]) {\n    const { component, selector, filter } = AUTO_INIT_COMPONENTS[\n      name\n    ] as unknown as AutoInitEntry;\n    // `:is()` so that `:not(.no-autoinit)` applies to the whole selector. A\n    // bare `${selector}:not(...)` binds the negation to the last alternative\n    // only, which would silently break the opt-out for any comma-separated\n    // entry (Cards is the first).\n    const els = context.querySelectorAll(`:is(${selector}):not(.no-autoinit)`);\n    // Each component's static `init` is overloaded; indexing the table widens\n    // it to a union TypeScript cannot call, so narrow it once, here.\n    if (filter) {\n      els.forEach((el) => {\n        if (filter(el)) component.init(el, options?.[name] ?? {});\n      });\n    } else {\n      component.init(els, options?.[name] ?? {});\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,IAAM,uBAAuB;AAAA,EAClC,QAAQ;AAAA,IACN,WAAsB;AAAA,IACtB,UACE;AAAA,EACJ;AAAA,EACA,cAAc;AAAA,IACZ,WAAsB;AAAA,IACtB,UAAU;AAAA,EACZ;AAAA,EACA,aAAa;AAAA,IACX,WAAsB;AAAA,IACtB,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA,EAGA,OAAO,EAAE,WAAsB,OAAO,UAAU,gBAAgB,QAAQ,aAAa;AAAA,EACrF,eAAe;AAAA,IACb,WAAsB;AAAA,IACtB,UAAU;AAAA,EACZ;AAAA,EACA,UAAU,EAAE,WAAsB,UAAU,UAAU,YAAY;AAAA,EAClE,OAAO,EAAE,WAAsB,OAAO,UAAU,SAAS;AAAA,EACzD,aAAa,EAAE,WAAsB,aAAa,UAAU,gBAAgB;AAAA,EAC5E,UAAU,EAAE,WAAsB,UAAU,UAAU,aAAa;AAAA,EACnE,UAAU,EAAE,WAAsB,UAAU,UAAU,aAAa;AAAA,EACnE,cAAc,EAAE,WAAsB,cAAc,UAAU,iBAAiB;AAAA,EAC/E,YAAY,EAAE,WAAsB,YAAY,UAAU,eAAe;AAAA,EACzE,aAAa,EAAE,WAAsB,aAAa,UAAU,gBAAgB;AAAA,EAC5E,YAAY,EAAE,WAAsB,YAAY,UAAU,eAAe;AAAA,EACzE,gBAAgB;AAAA,IACd,WAAsB;AAAA,IACtB,UAAU;AAAA,EACZ;AAAA,EACA,eAAe;AAAA,IACb,WAAsB;AAAA,IACtB,UAAU;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,IACV,WAAsB;AAAA,IACtB,UAAU;AAAA,EACZ;AAAA,EACA,WAAW,EAAE,WAAsB,WAAW,UAAU,cAAc;AAAA,EACtE,MAAM,EAAE,WAAsB,MAAM,UAAU,gBAAgB;AAAA,EAC9D,iBAAiB;AAAA,IACf,WAAsB;AAAA,IACtB,UAAU;AAAA,EACZ;AAAA,EACA,UAAU,EAAE,WAAsB,UAAU,UAAU,cAAc;AAAA,EACpE,WAAW,EAAE,WAAsB,WAAW,UAAU,aAAa;AAAA,EACrE,YAAY,EAAE,WAAsB,YAAY,UAAU,SAAS;AAAA,EACnE,gBAAgB;AAAA,IACd,WAAsB;AAAA,IACtB,UAAU;AAAA,EACZ;AAAA,EACA,MAAM,EAAE,WAAsB,MAAM,UAAU,QAAQ;AAAA,EACtD,YAAY;AAAA,IACV,WAAsB;AAAA,IACtB,UAAU;AAAA,EACZ;AAAA,EACA,SAAS,EAAE,WAAsB,SAAS,UAAU,cAAc;AAAA,EAClE,sBAAsB;AAAA,IACpB,WAAsB;AAAA,IACtB,UAAU;AAAA,EACZ;AACF;AA8BO,SAAS,SACd,UAAuB,SAAS,MAChC,SACA;AACA,aAAW,QAAQ,OAAO,KAAK,oBAAoB,GAAyB;AAC1E,UAAM,EAAE,WAAW,UAAU,OAAO,IAAI,qBACtC,IACF;AAKA,UAAM,MAAM,QAAQ,iBAAiB,OAAO,QAAQ,qBAAqB;AAGzE,QAAI,QAAQ;AACV,UAAI,QAAQ,CAAC,OAAO;AAClB,YAAI,OAAO,EAAE,EAAG,WAAU,KAAK,IAAI,UAAU,IAAI,KAAK,CAAC,CAAC;AAAA,MAC1D,CAAC;AAAA,IACH,OAAO;AACL,gBAAU,KAAK,KAAK,UAAU,IAAI,KAAK,CAAC,CAAC;AAAA,IAC3C;AAAA,EACF;AACF;",
+  "names": []
+}