@expressivecss/expressive 0.15.0 → 0.17.0

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/cards.ts"],
+  "sourcesContent": ["import { Utils, restoreAttribute } from '../core/utils';\nimport { Component, BaseOptions, } from '../core/component';\n\nexport interface CardsOptions extends BaseOptions {\n  onOpen: (el: Element) => void;\n  onClose: (el: Element) => void;\n}\n\nconst _defaults: CardsOptions = {\n  onOpen: null,\n  onClose: null\n};\n\n/**\n * What counts as a card reveal.\n *\n * Shared with `components/registry.ts` so `Cards.Init()` and `AutoInit()` use\n * the same semantic selector.\n */\nexport const CARDS_SELECTOR =\n  'article:has(> aside[id]:not([id=\"\"])):not(:has(> aside ~ aside)):has(> button.card-reveal-trigger[type=\"button\"], > :not(aside) button.card-reveal-trigger[type=\"button\"])';\n\nconst REVEAL_INITIALIZED_CLASS = 'card-reveal-initialized';\n\nfunction hasAccessibleName(trigger: HTMLButtonElement) {\n  const label = trigger.getAttribute('aria-label');\n  if (label?.trim()) return true;\n\n  const labelledBy = trigger.getAttribute('aria-labelledby');\n  if (labelledBy) {\n    const referencedText = labelledBy\n      .trim()\n      .split(/\\s+/)\n      .map((id) => Utils.getElementById(trigger, id)?.textContent ?? '')\n      .join(' ')\n      .trim();\n    if (referencedText) return true;\n  }\n\n  const content = trigger.cloneNode(true) as HTMLButtonElement;\n  content.querySelectorAll('[aria-hidden=\"true\"]').forEach((node) => node.remove());\n  return Boolean(content.textContent?.trim());\n}\n\nfunction isUsableCardTrigger(\n  trigger: HTMLButtonElement,\n  card: Element,\n  panel: HTMLElement\n) {\n  return (\n    trigger.closest('article') === card &&\n    !panel.contains(trigger) &&\n    !trigger.disabled &&\n    trigger.getAttribute('aria-disabled') !== 'true' &&\n    hasAccessibleName(trigger)\n  );\n}\n\nexport function isCardReveal(el: Element): el is HTMLElement {\n  if (el.tagName !== 'ARTICLE') return false;\n  const panels = el.querySelectorAll<HTMLElement>(':scope > aside');\n  if (panels.length !== 1 || !panels[0].id) return false;\n\n  return Array.from(\n    el.querySelectorAll<HTMLButtonElement>('button.card-reveal-trigger[type=\"button\"]')\n  ).some((trigger) => isUsableCardTrigger(trigger, el, panels[0]));\n}\n\nexport class Cards extends Component<CardsOptions> {\n  isOpen: boolean = false;\n  private readonly cardReveal: HTMLElement | null;\n  private _activators: HTMLButtonElement[];\n  private _ownsRevealInitializedClass = false;\n  private _initialAriaControls = new Map<HTMLButtonElement, string | null>();\n  private _lastActivator: HTMLButtonElement | null = null;\n\n  constructor(el: HTMLElement, options: Partial<CardsOptions> = {}) {\n    super(el, options);\n\n    const cardReveals = this.el.querySelectorAll<HTMLElement>(':scope > aside');\n    const cardReveal = cardReveals.length === 1 ? cardReveals[0] : null;\n    const activators = cardReveal\n      ? Array.from(\n          this.el.querySelectorAll<HTMLButtonElement>(\n            'button.card-reveal-trigger[type=\"button\"]'\n          )\n        ).filter(\n          (activator) => isUsableCardTrigger(activator, this.el, cardReveal)\n        )\n      : [];\n\n    this.cardReveal = cardReveal?.id && activators.length > 0 ? cardReveal : null;\n    this._activators = this.cardReveal ? activators : [];\n\n    if (this.cardReveal) {\n      this._ownsRevealInitializedClass = !this.el.classList.contains(REVEAL_INITIALIZED_CLASS);\n      this.el.classList.add(REVEAL_INITIALIZED_CLASS);\n      this._activators.forEach((activator) => {\n        this._initialAriaControls.set(activator, activator.getAttribute('aria-controls'));\n        activator.ariaExpanded = 'false';\n        activator.setAttribute('aria-controls', this.cardReveal.id);\n      });\n\n      this.cardReveal.classList.remove('open');\n      this.cardReveal.inert = true;\n      this._setupEventHandlers();\n    }\n  }\n\n  static get defaults(): CardsOptions {\n    return _defaults;\n  }\n\n  static key = 'Expressive_Cards';\n\n  /**\n   * {@inheritDoc}\n   */\n  destroy() {\n    if (this.cardReveal) {\n      this.cardReveal.classList.remove('open');\n      this.cardReveal.inert = false;\n      if (this._ownsRevealInitializedClass) this.el.classList.remove(REVEAL_INITIALIZED_CLASS);\n    }\n    this._activators.forEach((activator) => {\n      activator.removeAttribute('aria-expanded');\n      const initialAriaControls = this._initialAriaControls.get(activator);\n      if (initialAriaControls !== undefined) restoreAttribute(activator, 'aria-controls', initialAriaControls);\n    });\n    this.isOpen = false;\n    this._activators = [];\n    this._initialAriaControls.clear();\n    this._lastActivator = null;\n    super.destroy();\n  }\n\n  _setupEventHandlers = () => {\n    const { signal } = this._events;\n    this._activators.forEach((activator) => activator.addEventListener('click', this._handleClickInteraction, { signal }));\n    this.el.addEventListener('keydown', this._handleKeydownEvent, { signal });\n  };\n\n  _handleClickInteraction = (event: MouseEvent) => {\n    this._lastActivator = event.currentTarget as HTMLButtonElement;\n    this._handleRevealEvent();\n  };\n\n  _handleKeydownEvent = (event: KeyboardEvent) => {\n    const target = event.target instanceof Element ? event.target.closest('article') : null;\n    if (target !== this.el || event.key !== 'Escape' || !this.isOpen) return;\n    event.preventDefault();\n    this.close();\n  };\n\n  _handleRevealEvent = () => {\n    if (this.isOpen) this.close();\n    else this.open();\n  };\n\n  /**\n   * Show card reveal.\n   */\n  open: () => void = () => {\n    if (this.isOpen || !this.cardReveal) return;\n    this.isOpen = true;\n    this.cardReveal.classList.add('open');\n    this.cardReveal.inert = false;\n    this._activators.forEach((activator) => (activator.ariaExpanded = 'true'));\n    this._notify('open', this.options.onOpen, { current: () => this.isOpen });\n  };\n\n  /**\n   * Hide card reveal.\n   */\n  close: () => void = () => {\n    if (!this.isOpen || !this.cardReveal) return;\n\n    // In a shadow root document.activeElement is the host, never the reveal.\n    const focused = (this.el.getRootNode() as Document | ShadowRoot).activeElement;\n    const focusWasInside = this.cardReveal.contains(focused);\n    this.isOpen = false;\n    this.cardReveal.classList.remove('open');\n    this.cardReveal.inert = true;\n    this._activators.forEach((activator) => (activator.ariaExpanded = 'false'));\n    this._notify('close', this.options.onClose, { current: () => !this.isOpen });\n\n    if (focusWasInside) {\n      (this._lastActivator ?? this._activators[0])?.focus();\n    }\n  };\n\n  static Init() {\n    Utils.onDocumentReady(() => {\n      const cards = Array.from(document.querySelectorAll(CARDS_SELECTOR)).filter(isCardReveal);\n      cards.forEach((el) => {\n        if (!Cards.getInstance(el)) this.init(el);\n      });\n    });\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,108 @@
+import {
+  Utils,
+  controllerFor
+} from "./chunk-67UNY7RH.mjs";
+
+// src/ts/behaviors/paneResize.ts
+var container = ":is(.panes, .pane-layout, .list-detail, .supporting-pane-layout):not(.equal, .three-pane)";
+var handleSelector = `${container} > button.drag-handle`;
+var minWidth = 240;
+var step = 16;
+var _PaneResize = class _PaneResize {
+  // A second Init adds nothing: addEventListener ignores a listener it has.
+  static Init() {
+    if (typeof document === "undefined") return;
+    document.addEventListener("pointerdown", _PaneResize._onPointerDown);
+    document.addEventListener("keydown", _PaneResize._onKeyDown);
+    document.addEventListener("click", _PaneResize._onClick);
+  }
+  /** The current width of the handle's resizable pane, or null for a handle outside a supported layout. */
+  static width(handle) {
+    const pane = _PaneResize._pane(handle);
+    return pane ? pane.getBoundingClientRect().width : null;
+  }
+  /** Sets the resizable pane's width, clamped to what the layout can hold. */
+  static setWidth(handle, width) {
+    const pane = _PaneResize._pane(handle);
+    if (!pane) return;
+    const [min, max] = _PaneResize._bounds(handle);
+    const layout = handle.parentElement;
+    layout.style.setProperty(_PaneResize._token(layout), `${Math.round(Math.min(Math.max(width, min), max))}px`);
+  }
+  static _token(layout) {
+    return layout.matches(".supporting, .supporting-pane-layout") ? "--md-comp-pane-supporting-width" : "--md-comp-pane-list-width";
+  }
+  /** The pane the handle resizes: the list or supporting pane beside it. */
+  static _pane(handle) {
+    if (!handle.matches(handleSelector)) return null;
+    const layout = handle.parentElement;
+    const trailing = layout.matches(".supporting, .supporting-pane-layout") && !layout.matches(".start, .left");
+    return trailing ? handle.nextElementSibling : handle.previousElementSibling;
+  }
+  static _bounds(handle) {
+    const layout = handle.parentElement;
+    const style = getComputedStyle(layout);
+    const other = parseFloat(style.getPropertyValue("--md-comp-pane-primary-min-width")) || 360;
+    const content = layout.clientWidth - parseFloat(style.paddingLeft) - parseFloat(style.paddingRight);
+    const room = content - handle.getBoundingClientRect().width - other;
+    return [minWidth, Math.max(minWidth, room)];
+  }
+  /** True when the resizable pane sits physically left of the handle, so moving right widens it. */
+  static _paneIsLeft(handle) {
+    return _PaneResize._pane(handle).getBoundingClientRect().left < handle.getBoundingClientRect().left;
+  }
+  static _onPointerDown(e) {
+    const handle = Utils.closestInPath(e, handleSelector);
+    if (!handle || e.button !== 0) return;
+    const pane = _PaneResize._pane(handle);
+    if (!pane) return;
+    const startX = e.clientX;
+    const startWidth = pane.getBoundingClientRect().width;
+    const sign = _PaneResize._paneIsLeft(handle) ? 1 : -1;
+    _PaneResize._dragged = false;
+    handle.setPointerCapture(e.pointerId);
+    const move = (event) => {
+      const delta = event.clientX - startX;
+      if (Math.abs(delta) < 4 && !_PaneResize._dragged) return;
+      _PaneResize._dragged = true;
+      _PaneResize.setWidth(handle, startWidth + sign * delta);
+    };
+    const drag = controllerFor(handle);
+    const end = () => drag.abort();
+    const { signal } = drag;
+    handle.addEventListener("pointermove", move, { signal });
+    handle.addEventListener("pointerup", end, { signal });
+    handle.addEventListener("pointercancel", end, { signal });
+  }
+  static _onClick(e) {
+    const handle = Utils.closestInPath(e, handleSelector);
+    if (!handle) return;
+    if (e.detail !== 0 && _PaneResize._dragged) return;
+    const [min, max] = _PaneResize._bounds(handle);
+    const current = _PaneResize.width(handle);
+    const next = [min, (min + max) / 2, max].find((width) => width > current + 1) ?? min;
+    _PaneResize.setWidth(handle, next);
+  }
+  static _onKeyDown(e) {
+    const handle = Utils.closestInPath(e, handleSelector);
+    if (!handle || !Utils.plainKey(e)) return;
+    const current = _PaneResize.width(handle);
+    const [min, max] = _PaneResize._bounds(handle);
+    const amount = e.shiftKey ? step * 4 : step;
+    const physical = { ArrowLeft: -amount, ArrowRight: amount }[e.key];
+    let width;
+    if (physical) width = current + (_PaneResize._paneIsLeft(handle) ? physical : -physical);
+    else if (e.key === "Home") width = min;
+    else if (e.key === "End") width = max;
+    else return;
+    e.preventDefault();
+    _PaneResize.setWidth(handle, width);
+  }
+};
+_PaneResize._dragged = false;
+var PaneResize = _PaneResize;
+
+export {
+  PaneResize
+};
+//# sourceMappingURL=chunk-VS5OJBOD.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/behaviors/paneResize.ts"],
+  "sourcesContent": ["import { Utils, controllerFor } from '../core/utils';\n\nconst container = ':is(.panes, .pane-layout, .list-detail, .supporting-pane-layout):not(.equal, .three-pane)';\nconst handleSelector = `${container} > button.drag-handle`;\n// The narrowest a resized pane may get, and the arrow-key step.\nconst minWidth = 240;\nconst step = 16;\n\n/**\n * Resizable panes. A `<button class=\"drag-handle\">` between the two panes of a\n * list-detail or supporting layout resizes the pane whose width is a token:\n * the list pane, or the supporting pane. Dragging moves the boundary; Left and\n * Right move it 16px (64px with Shift); Home and End jump to the narrowest\n * and widest; a click, Enter or Space steps through narrow, middle and wide,\n * the single-pointer alternative to dragging. The other pane keeps at least\n * `--md-comp-pane-primary-min-width`.\n *\n * The width is written as `--md-comp-pane-list-width` or\n * `--md-comp-pane-supporting-width` on the container's style.\n */\nexport class PaneResize {\n  private static _dragged = false;\n\n  // A second Init adds nothing: addEventListener ignores a listener it has.\n  static Init() {\n    if (typeof document === 'undefined') return;\n    document.addEventListener('pointerdown', PaneResize._onPointerDown);\n    document.addEventListener('keydown', PaneResize._onKeyDown);\n    document.addEventListener('click', PaneResize._onClick);\n  }\n\n  /** The current width of the handle's resizable pane, or null for a handle outside a supported layout. */\n  static width(handle: Element): number | null {\n    const pane = PaneResize._pane(handle);\n    return pane ? pane.getBoundingClientRect().width : null;\n  }\n\n  /** Sets the resizable pane's width, clamped to what the layout can hold. */\n  static setWidth(handle: Element, width: number) {\n    const pane = PaneResize._pane(handle);\n    if (!pane) return;\n    const [min, max] = PaneResize._bounds(handle);\n    const layout = handle.parentElement;\n    layout.style.setProperty(PaneResize._token(layout), `${Math.round(Math.min(Math.max(width, min), max))}px`);\n  }\n\n  private static _token(layout: Element) {\n    return layout.matches('.supporting, .supporting-pane-layout')\n      ? '--md-comp-pane-supporting-width'\n      : '--md-comp-pane-list-width';\n  }\n\n  /** The pane the handle resizes: the list or supporting pane beside it. */\n  private static _pane(handle: Element): Element | null {\n    if (!handle.matches(handleSelector)) return null;\n    const layout = handle.parentElement;\n    const trailing = layout.matches('.supporting, .supporting-pane-layout') && !layout.matches('.start, .left');\n    return trailing ? handle.nextElementSibling : handle.previousElementSibling;\n  }\n\n  private static _bounds(handle: Element): [number, number] {\n    const layout = handle.parentElement;\n    const style = getComputedStyle(layout);\n    const other = parseFloat(style.getPropertyValue('--md-comp-pane-primary-min-width')) || 360;\n    // The separated appearance pads the layout, so measure its content box.\n    const content = layout.clientWidth - parseFloat(style.paddingLeft) - parseFloat(style.paddingRight);\n    const room = content - handle.getBoundingClientRect().width - other;\n    return [minWidth, Math.max(minWidth, room)];\n  }\n\n  /** True when the resizable pane sits physically left of the handle, so moving right widens it. */\n  private static _paneIsLeft(handle: Element) {\n    return PaneResize._pane(handle).getBoundingClientRect().left < handle.getBoundingClientRect().left;\n  }\n\n  private static _onPointerDown(e: PointerEvent) {\n    const handle = Utils.closestInPath<HTMLElement>(e, handleSelector);\n    if (!handle || e.button !== 0) return;\n    const pane = PaneResize._pane(handle);\n    if (!pane) return;\n    const startX = e.clientX;\n    const startWidth = pane.getBoundingClientRect().width;\n    const sign = PaneResize._paneIsLeft(handle) ? 1 : -1;\n    PaneResize._dragged = false;\n    handle.setPointerCapture(e.pointerId);\n    const move = (event: PointerEvent) => {\n      const delta = event.clientX - startX;\n      // A few pixels of travel is still a click.\n      if (Math.abs(delta) < 4 && !PaneResize._dragged) return;\n      PaneResize._dragged = true;\n      PaneResize.setWidth(handle, startWidth + sign * delta);\n    };\n    const drag = controllerFor(handle);\n    const end = () => drag.abort();\n    const { signal } = drag;\n    handle.addEventListener('pointermove', move, { signal });\n    handle.addEventListener('pointerup', end, { signal });\n    handle.addEventListener('pointercancel', end, { signal });\n  }\n\n  private static _onClick(e: MouseEvent) {\n    const handle = Utils.closestInPath(e, handleSelector);\n    if (!handle) return;\n    // The click that ends a mouse drag is not a request to step. A keyboard\n    // click (detail 0) always is, even after a touch drag that left the flag\n    // set; the next pointerdown clears it. BottomSheets guards the same way.\n    if (e.detail !== 0 && PaneResize._dragged) return;\n    const [min, max] = PaneResize._bounds(handle);\n    const current = PaneResize.width(handle);\n    const next = [min, (min + max) / 2, max].find((width) => width > current + 1) ?? min;\n    PaneResize.setWidth(handle, next);\n  }\n\n  private static _onKeyDown(e: KeyboardEvent) {\n    const handle = Utils.closestInPath(e, handleSelector);\n    if (!handle || !Utils.plainKey(e)) return;\n    const current = PaneResize.width(handle);\n    const [min, max] = PaneResize._bounds(handle);\n    const amount = e.shiftKey ? step * 4 : step;\n    const physical = { ArrowLeft: -amount, ArrowRight: amount }[e.key];\n    let width: number;\n    if (physical) width = current + (PaneResize._paneIsLeft(handle) ? physical : -physical);\n    else if (e.key === 'Home') width = min;\n    else if (e.key === 'End') width = max;\n    else return;\n    e.preventDefault();\n    PaneResize.setWidth(handle, width);\n  }\n}\n"],
+  "mappings": ";;;;;;AAEA,IAAM,YAAY;AAClB,IAAM,iBAAiB,GAAG,SAAS;AAEnC,IAAM,WAAW;AACjB,IAAM,OAAO;AAcN,IAAM,cAAN,MAAM,YAAW;AAAA;AAAA,EAItB,OAAO,OAAO;AACZ,QAAI,OAAO,aAAa,YAAa;AACrC,aAAS,iBAAiB,eAAe,YAAW,cAAc;AAClE,aAAS,iBAAiB,WAAW,YAAW,UAAU;AAC1D,aAAS,iBAAiB,SAAS,YAAW,QAAQ;AAAA,EACxD;AAAA;AAAA,EAGA,OAAO,MAAM,QAAgC;AAC3C,UAAM,OAAO,YAAW,MAAM,MAAM;AACpC,WAAO,OAAO,KAAK,sBAAsB,EAAE,QAAQ;AAAA,EACrD;AAAA;AAAA,EAGA,OAAO,SAAS,QAAiB,OAAe;AAC9C,UAAM,OAAO,YAAW,MAAM,MAAM;AACpC,QAAI,CAAC,KAAM;AACX,UAAM,CAAC,KAAK,GAAG,IAAI,YAAW,QAAQ,MAAM;AAC5C,UAAM,SAAS,OAAO;AACtB,WAAO,MAAM,YAAY,YAAW,OAAO,MAAM,GAAG,GAAG,KAAK,MAAM,KAAK,IAAI,KAAK,IAAI,OAAO,GAAG,GAAG,GAAG,CAAC,CAAC,IAAI;AAAA,EAC5G;AAAA,EAEA,OAAe,OAAO,QAAiB;AACrC,WAAO,OAAO,QAAQ,sCAAsC,IACxD,oCACA;AAAA,EACN;AAAA;AAAA,EAGA,OAAe,MAAM,QAAiC;AACpD,QAAI,CAAC,OAAO,QAAQ,cAAc,EAAG,QAAO;AAC5C,UAAM,SAAS,OAAO;AACtB,UAAM,WAAW,OAAO,QAAQ,sCAAsC,KAAK,CAAC,OAAO,QAAQ,eAAe;AAC1G,WAAO,WAAW,OAAO,qBAAqB,OAAO;AAAA,EACvD;AAAA,EAEA,OAAe,QAAQ,QAAmC;AACxD,UAAM,SAAS,OAAO;AACtB,UAAM,QAAQ,iBAAiB,MAAM;AACrC,UAAM,QAAQ,WAAW,MAAM,iBAAiB,kCAAkC,CAAC,KAAK;AAExF,UAAM,UAAU,OAAO,cAAc,WAAW,MAAM,WAAW,IAAI,WAAW,MAAM,YAAY;AAClG,UAAM,OAAO,UAAU,OAAO,sBAAsB,EAAE,QAAQ;AAC9D,WAAO,CAAC,UAAU,KAAK,IAAI,UAAU,IAAI,CAAC;AAAA,EAC5C;AAAA;AAAA,EAGA,OAAe,YAAY,QAAiB;AAC1C,WAAO,YAAW,MAAM,MAAM,EAAE,sBAAsB,EAAE,OAAO,OAAO,sBAAsB,EAAE;AAAA,EAChG;AAAA,EAEA,OAAe,eAAe,GAAiB;AAC7C,UAAM,SAAS,MAAM,cAA2B,GAAG,cAAc;AACjE,QAAI,CAAC,UAAU,EAAE,WAAW,EAAG;AAC/B,UAAM,OAAO,YAAW,MAAM,MAAM;AACpC,QAAI,CAAC,KAAM;AACX,UAAM,SAAS,EAAE;AACjB,UAAM,aAAa,KAAK,sBAAsB,EAAE;AAChD,UAAM,OAAO,YAAW,YAAY,MAAM,IAAI,IAAI;AAClD,gBAAW,WAAW;AACtB,WAAO,kBAAkB,EAAE,SAAS;AACpC,UAAM,OAAO,CAAC,UAAwB;AACpC,YAAM,QAAQ,MAAM,UAAU;AAE9B,UAAI,KAAK,IAAI,KAAK,IAAI,KAAK,CAAC,YAAW,SAAU;AACjD,kBAAW,WAAW;AACtB,kBAAW,SAAS,QAAQ,aAAa,OAAO,KAAK;AAAA,IACvD;AACA,UAAM,OAAO,cAAc,MAAM;AACjC,UAAM,MAAM,MAAM,KAAK,MAAM;AAC7B,UAAM,EAAE,OAAO,IAAI;AACnB,WAAO,iBAAiB,eAAe,MAAM,EAAE,OAAO,CAAC;AACvD,WAAO,iBAAiB,aAAa,KAAK,EAAE,OAAO,CAAC;AACpD,WAAO,iBAAiB,iBAAiB,KAAK,EAAE,OAAO,CAAC;AAAA,EAC1D;AAAA,EAEA,OAAe,SAAS,GAAe;AACrC,UAAM,SAAS,MAAM,cAAc,GAAG,cAAc;AACpD,QAAI,CAAC,OAAQ;AAIb,QAAI,EAAE,WAAW,KAAK,YAAW,SAAU;AAC3C,UAAM,CAAC,KAAK,GAAG,IAAI,YAAW,QAAQ,MAAM;AAC5C,UAAM,UAAU,YAAW,MAAM,MAAM;AACvC,UAAM,OAAO,CAAC,MAAM,MAAM,OAAO,GAAG,GAAG,EAAE,KAAK,CAAC,UAAU,QAAQ,UAAU,CAAC,KAAK;AACjF,gBAAW,SAAS,QAAQ,IAAI;AAAA,EAClC;AAAA,EAEA,OAAe,WAAW,GAAkB;AAC1C,UAAM,SAAS,MAAM,cAAc,GAAG,cAAc;AACpD,QAAI,CAAC,UAAU,CAAC,MAAM,SAAS,CAAC,EAAG;AACnC,UAAM,UAAU,YAAW,MAAM,MAAM;AACvC,UAAM,CAAC,KAAK,GAAG,IAAI,YAAW,QAAQ,MAAM;AAC5C,UAAM,SAAS,EAAE,WAAW,OAAO,IAAI;AACvC,UAAM,WAAW,EAAE,WAAW,CAAC,QAAQ,YAAY,OAAO,EAAE,EAAE,GAAG;AACjE,QAAI;AACJ,QAAI,SAAU,SAAQ,WAAW,YAAW,YAAY,MAAM,IAAI,WAAW,CAAC;AAAA,aACrE,EAAE,QAAQ,OAAQ,SAAQ;AAAA,aAC1B,EAAE,QAAQ,MAAO,SAAQ;AAAA,QAC7B;AACL,MAAE,eAAe;AACjB,gBAAW,SAAS,QAAQ,KAAK;AAAA,EACnC;AACF;AA5Ga,YACI,WAAW;AADrB,IAAM,aAAN;",
+  "names": []
+}