@sken-ds/primitives 0.4.6 → 0.6.0

package/dist/sken-dialog-BvRZxwSk.js

@@ -1,258 +0,0 @@
-import { t as e } from "./decorate-D4FKzyDw.js";
-import { i as t, n, r, t as i } from "./directive-BcLtPdVO.js";
-import { LitElement as a, css as o, html as s, nothing as c } from "lit";
-import { customElement as l, property as u, query as d } from "lit/decorators.js";
-//#region ../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.js
-var f = i(class extends n {
-	constructor(e) {
-		if (super(e), e.type !== r.ATTRIBUTE || e.name !== "class" || e.strings?.length > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
-	}
-	render(e) {
-		return " " + Object.keys(e).filter((t) => e[t]).join(" ") + " ";
-	}
-	update(e, [n]) {
-		if (this.st === void 0) {
-			this.st = /* @__PURE__ */ new Set(), e.strings !== void 0 && (this.nt = new Set(e.strings.join(" ").split(/\s/).filter((e) => e !== "")));
-			for (let e in n) n[e] && !this.nt?.has(e) && this.st.add(e);
-			return this.render(n);
-		}
-		let r = e.element.classList;
-		for (let e of this.st) e in n || (r.remove(e), this.st.delete(e));
-		for (let e in n) {
-			let t = !!n[e];
-			t === this.st.has(e) || this.nt?.has(e) || (t ? (r.add(e), this.st.add(e)) : (r.remove(e), this.st.delete(e)));
-		}
-		return t;
-	}
-}), p = class extends a {
-	constructor(...e) {
-		super(...e), this.open = !1, this.size = "md", this.dismissable = "dismissable", this.ariaLabel = null, this.ariaDescribedBy = null, this.#e = null, this.#t = null, this.#n = !1, this.#r = !1, this.#a = (e) => {
-			if (this.dismissable === "persistent") {
-				e.preventDefault();
-				return;
-			}
-			this.#l("sken-close", "escape");
-		}, this.#o = () => {
-			this.#l("sken-closed");
-		}, this.#s = (e) => {
-			e.target === this._dialog && this.dismissable !== "persistent" && this.#l("sken-close", "backdrop");
-		}, this.#c = () => {
-			this.#l("sken-close", "close-button");
-		}, this.#u = (e) => {
-			let t = e.target;
-			this.#r = t.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
-		};
-	}
-	#e;
-	#t;
-	#n;
-	#r;
-	static {
-		this.styles = o`
-    :host {
-      display: contents;
-    }
-
-    dialog {
-      /* Reset native styles. */
-      padding: 0;
-      border: none;
-      background: transparent;
-      color: inherit;
-      max-width: none;
-      max-height: none;
-      margin: auto;
-      outline: none;
-    }
-
-    /* Open animation (entry). The browser fires the open attribute
-       on showModal(); with transition-behavior: allow-discrete we
-       can animate the top-layer entry. Falls back to no animation
-       in browsers without support. */
-    dialog[open] {
-      animation: sken-dialog-enter 150ms ease-out;
-    }
-    @keyframes sken-dialog-enter {
-      from {
-        opacity: 0;
-        transform: scale(0.96);
-      }
-      to {
-        opacity: 1;
-        transform: scale(1);
-      }
-    }
-
-    /* Backdrop. Native ::backdrop is a pseudo-element on the
-       <dialog> when shown via showModal(). */
-    dialog::backdrop {
-      background: rgba(15, 18, 24, 0.55);
-      animation: sken-dialog-backdrop-enter 150ms ease-out;
-    }
-    @keyframes sken-dialog-backdrop-enter {
-      from {
-        opacity: 0;
-      }
-      to {
-        opacity: 1;
-      }
-    }
-
-    .panel {
-      background: var(--sken-color-surface, #ffffff);
-      color: var(--sken-color-text, #1a1a1a);
-      border-radius: 12px;
-      box-shadow: 0 24px 48px -12px rgba(0, 0, 0, 0.25);
-      display: flex;
-      flex-direction: column;
-      max-height: 90vh;
-      max-width: 90vw;
-      overflow: hidden;
-      font-family: var(--sken-font-sans, system-ui, sans-serif);
-    }
-
-    .panel.sm {
-      width: 400px;
-    }
-    .panel.md {
-      width: 560px;
-    }
-    .panel.lg {
-      width: 800px;
-    }
-
-    header {
-      display: flex;
-      align-items: flex-start;
-      justify-content: space-between;
-      gap: 16px;
-      padding: 20px 24px 8px;
-    }
-
-    header ::slotted([slot='title']) {
-      font-size: 18px;
-      font-weight: 600;
-      line-height: 1.3;
-      margin: 0;
-    }
-
-    .body {
-      padding: 8px 24px 16px;
-      overflow-y: auto;
-      flex: 1;
-    }
-
-    footer {
-      display: flex;
-      align-items: center;
-      justify-content: flex-end;
-      gap: 8px;
-      padding: 12px 24px 20px;
-    }
-
-    /* Only render the footer divider if there is content. */
-    footer:not(:has(*)) {
-      display: none;
-    }
-
-    .close-button {
-      appearance: none;
-      background: transparent;
-      border: none;
-      cursor: pointer;
-      width: 32px;
-      height: 32px;
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      border-radius: 6px;
-      color: inherit;
-      opacity: 0.6;
-      transition:
-        opacity 100ms,
-        background 100ms;
-      flex-shrink: 0;
-    }
-    .close-button:hover {
-      opacity: 1;
-      background: rgba(0, 0, 0, 0.05);
-    }
-    .close-button:focus-visible {
-      outline: 2px solid var(--sken-color-focus, #2e6fc6);
-      outline-offset: 1px;
-    }
-  `;
-	}
-	connectedCallback() {
-		super.connectedCallback(), this.#e = this.parentNode, this.#t = this.nextSibling;
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback(), this.#n && this.#e && (this.#t && this.#t.parentNode === this.#e ? this.#e.insertBefore(this, this.#t) : this.#e.appendChild(this), this.#n = !1);
-	}
-	updated(e) {
-		e.has("open") && this._dialog && (this.open ? this.#i() : this._dialog.open && this._dialog.close());
-	}
-	#i() {
-		this.#n === !1 && this.parentNode !== document.body && (document.body.appendChild(this), this.#n = !0), this._dialog.open || (this._dialog.showModal(), this.#l("sken-opened"), queueMicrotask(() => {
-			this.dismissable === "dismissable" && this._closeButton ? this._closeButton.focus() : this._dialog.querySelector("button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])")?.focus();
-		}));
-	}
-	closeDialog(e = "close-button") {
-		this.#l("sken-close", e);
-	}
-	#a;
-	#o;
-	#s;
-	#c;
-	#l(e, t) {
-		this.dispatchEvent(new CustomEvent(e, {
-			detail: t,
-			bubbles: !0,
-			composed: !0
-		}));
-	}
-	render() {
-		let e = {
-			panel: !0,
-			[this.size]: !0
-		}, t = this.#r || this.dismissable === "dismissable", n = this.ariaLabel ?? "";
-		return s`
-      <dialog
-        aria-label=${n || c}
-        aria-describedby=${this.ariaDescribedBy || c}
-        @cancel=${this.#a}
-        @close=${this.#o}
-        @click=${this.#s}
-      >
-        <div class=${f(e)}>
-          ${t ? s`<header>
-                  <slot name="title" @slotchange=${this.#u}></slot>
-                  ${this.dismissable === "dismissable" ? s`<button
-                          class="close-button"
-                          type="button"
-                          aria-label="Close dialog"
-                          @click=${this.#c}
-                        >
-                          ✕
-                        </button>` : c}
-                </header>` : c}
-          <div class="body">
-            <slot></slot>
-          </div>
-          <footer>
-            <slot name="actions"></slot>
-          </footer>
-        </div>
-      </dialog>
-    `;
-	}
-	#u;
-};
-e([u({
-	reflect: !0,
-	type: Boolean
-})], p.prototype, "open", void 0), e([u({ reflect: !0 })], p.prototype, "size", void 0), e([u({ reflect: !0 })], p.prototype, "dismissable", void 0), e([u({ attribute: "aria-label" })], p.prototype, "ariaLabel", void 0), e([u({ attribute: "aria-describedby" })], p.prototype, "ariaDescribedBy", void 0), e([d("dialog")], p.prototype, "_dialog", void 0), e([d(".close-button")], p.prototype, "_closeButton", void 0), p = e([l("sken-dialog")], p);
-//#endregion
-export { p as t };
-
-//# sourceMappingURL=sken-dialog-BvRZxwSk.js.map

package/dist/sken-dialog-BvRZxwSk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sken-dialog-BvRZxwSk.js","names":["s","t","r","#dispatch","#hasTitle","#originalParent","#originalNextSibling","#portaled","#showModal","#onCancel","#onClose","#onClick","#onTitleSlotChange","#onCloseButton"],"sources":["../../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.js","../src/components/sken-dialog.ts"],"sourcesContent":["import{noChange as t}from\"../lit-html.js\";import{directive as s,Directive as i,PartType as r}from\"../directive.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const e=s(class extends i{constructor(t){if(super(t),t.type!==r.ATTRIBUTE||\"class\"!==t.name||t.strings?.length>2)throw Error(\"`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.\")}render(t){return\" \"+Object.keys(t).filter(s=>t[s]).join(\" \")+\" \"}update(s,[i]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(\" \").split(/\\s/).filter(t=>\"\"!==t)));for(const t in i)i[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(i)}const r=s.element.classList;for(const t of this.st)t in i||(r.remove(t),this.st.delete(t));for(const t in i){const s=!!i[t];s===this.st.has(t)||this.nt?.has(t)||(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)))}return t}});export{e as classMap};\n//# sourceMappingURL=class-map.js.map\n","// ── <sken-dialog> — WAI-ARIA modal built on <dialog> ──────────────────\n// A thin Sken wrapper around the native HTML <dialog> element.\n//\n// Why <dialog>:\n//   The browser already implements the WAI-ARIA dialog pattern when\n//   you call showModal(): focus trap, Tab cycling, ESC handling,\n//   ::backdrop pseudo-element, top-layer rendering, and inert\n//   siblings. Re-implementing those is what v1 of this file did\n//   and it produced a worse result (Math.random() ids, position:\n//   fixed hacks, hand-rolled scroll lock, manual ESC listener).\n//   v2 uses the platform. Less code, fewer bugs, better a11y.\n//\n// Why controlled only:\n//   The consumer owns the `open` state. The primitive never flips\n//   it on its own. To close, the consumer listens for `sken-close`\n//   and sets `open = false`. Same model as Radix Dialog, Headless\n//   UI Dialog, Reach UI Dialog.\n//\n// Portal:\n//   On first open, the host element is re-parented into\n//   document.body. showModal() requires the <dialog> to be in the\n//   top layer; if it sits inside a transformed / overflow:hidden\n//   ancestor it can be clipped. Re-parenting is the robust fix.\n//   The element is restored to its original parent on disconnect.\n\nimport type {\n  SkenDialogCloseReason,\n  SkenDialogDismissable,\n  SkenDialogSize,\n} from '@sken-ds/contracts'\nimport { LitElement, css, html, nothing } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\n\n@customElement('sken-dialog')\nexport class SkenDialog extends LitElement {\n  @property({ reflect: true, type: Boolean }) open = false\n  @property({ reflect: true }) size: SkenDialogSize = 'md'\n  @property({ reflect: true }) dismissable: SkenDialogDismissable = 'dismissable'\n  @property({ attribute: 'aria-label' }) ariaLabel: string | null = null\n  @property({ attribute: 'aria-describedby' }) ariaDescribedBy: string | null = null\n\n  @query('dialog') private _dialog!: HTMLDialogElement\n  @query('.close-button') private _closeButton!: HTMLButtonElement | null\n\n  /** Original parent of the host element. Restored on disconnect. */\n  #originalParent: Node | null = null\n  /** Next sibling in the original parent. Used to restore position. */\n  #originalNextSibling: Node | null = null\n  /** Has the host been moved into document.body? */\n  #portaled = false\n  /** Has the title slot been filled? Updated via the slotchange\n   *  event on the title <slot>. */\n  #hasTitle = false\n\n  static styles = css`\n    :host {\n      display: contents;\n    }\n\n    dialog {\n      /* Reset native styles. */\n      padding: 0;\n      border: none;\n      background: transparent;\n      color: inherit;\n      max-width: none;\n      max-height: none;\n      margin: auto;\n      outline: none;\n    }\n\n    /* Open animation (entry). The browser fires the open attribute\n       on showModal(); with transition-behavior: allow-discrete we\n       can animate the top-layer entry. Falls back to no animation\n       in browsers without support. */\n    dialog[open] {\n      animation: sken-dialog-enter 150ms ease-out;\n    }\n    @keyframes sken-dialog-enter {\n      from {\n        opacity: 0;\n        transform: scale(0.96);\n      }\n      to {\n        opacity: 1;\n        transform: scale(1);\n      }\n    }\n\n    /* Backdrop. Native ::backdrop is a pseudo-element on the\n       <dialog> when shown via showModal(). */\n    dialog::backdrop {\n      background: rgba(15, 18, 24, 0.55);\n      animation: sken-dialog-backdrop-enter 150ms ease-out;\n    }\n    @keyframes sken-dialog-backdrop-enter {\n      from {\n        opacity: 0;\n      }\n      to {\n        opacity: 1;\n      }\n    }\n\n    .panel {\n      background: var(--sken-color-surface, #ffffff);\n      color: var(--sken-color-text, #1a1a1a);\n      border-radius: 12px;\n      box-shadow: 0 24px 48px -12px rgba(0, 0, 0, 0.25);\n      display: flex;\n      flex-direction: column;\n      max-height: 90vh;\n      max-width: 90vw;\n      overflow: hidden;\n      font-family: var(--sken-font-sans, system-ui, sans-serif);\n    }\n\n    .panel.sm {\n      width: 400px;\n    }\n    .panel.md {\n      width: 560px;\n    }\n    .panel.lg {\n      width: 800px;\n    }\n\n    header {\n      display: flex;\n      align-items: flex-start;\n      justify-content: space-between;\n      gap: 16px;\n      padding: 20px 24px 8px;\n    }\n\n    header ::slotted([slot='title']) {\n      font-size: 18px;\n      font-weight: 600;\n      line-height: 1.3;\n      margin: 0;\n    }\n\n    .body {\n      padding: 8px 24px 16px;\n      overflow-y: auto;\n      flex: 1;\n    }\n\n    footer {\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n      gap: 8px;\n      padding: 12px 24px 20px;\n    }\n\n    /* Only render the footer divider if there is content. */\n    footer:not(:has(*)) {\n      display: none;\n    }\n\n    .close-button {\n      appearance: none;\n      background: transparent;\n      border: none;\n      cursor: pointer;\n      width: 32px;\n      height: 32px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 6px;\n      color: inherit;\n      opacity: 0.6;\n      transition:\n        opacity 100ms,\n        background 100ms;\n      flex-shrink: 0;\n    }\n    .close-button:hover {\n      opacity: 1;\n      background: rgba(0, 0, 0, 0.05);\n    }\n    .close-button:focus-visible {\n      outline: 2px solid var(--sken-color-focus, #2e6fc6);\n      outline-offset: 1px;\n    }\n  `\n\n  connectedCallback(): void {\n    super.connectedCallback()\n    // Capture original parent so we can restore on disconnect.\n    this.#originalParent = this.parentNode\n    this.#originalNextSibling = this.nextSibling\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback()\n    if (this.#portaled && this.#originalParent) {\n      // Restore original position. If originalNextSibling is null,\n      // appendChild puts us at the end of originalParent.\n      if (\n        this.#originalNextSibling &&\n        this.#originalNextSibling.parentNode === this.#originalParent\n      ) {\n        this.#originalParent.insertBefore(this, this.#originalNextSibling)\n      } else {\n        this.#originalParent.appendChild(this)\n      }\n      this.#portaled = false\n    }\n  }\n\n  updated(changed: Map<string, unknown>): void {\n    if (!changed.has('open')) return\n    if (!this._dialog) return\n\n    if (this.open) {\n      this.#showModal()\n    } else if (this._dialog.open) {\n      this._dialog.close()\n    }\n  }\n\n  /** Open the native <dialog>. Re-parents the host to <body> first. */\n  #showModal(): void {\n    if (this.#portaled === false && this.parentNode !== document.body) {\n      document.body.appendChild(this)\n      this.#portaled = true\n    }\n    if (!this._dialog.open) {\n      this._dialog.showModal()\n      this.#dispatch('sken-opened')\n      // Focus the close button if dismissable, else the first focusable.\n      queueMicrotask(() => {\n        if (this.dismissable === 'dismissable' && this._closeButton) {\n          this._closeButton.focus()\n        } else {\n          const first = this._dialog.querySelector<HTMLElement>(\n            'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n          )\n          first?.focus()\n        }\n      })\n    }\n  }\n\n  /** Programmatic close request. Dispatches `sken-close` with the\n   *  given reason. Does NOT close the native <dialog> directly —\n   *  the consumer is expected to set `open = false` in response,\n   *  which the reactive `updated()` hook will translate into a\n   *  native close. This keeps the controlled-only contract honest:\n   *  the consumer always owns the `open` state.\n   *\n   *  Use for cases where the close is initiated by code, not by\n   *  the user (form submission success, async operation complete,\n   *  etc.). */\n  closeDialog(reason: SkenDialogCloseReason = 'close-button'): void {\n    this.#dispatch('sken-close', reason)\n  }\n\n  /** Native <dialog> event: fired when the user presses ESC. We\n   *  translate to sken-close with reason 'escape'. The consumer\n   *  then sets `open = false` which calls _dialog.close() (a\n   *  no-op since it's already closed by the browser). */\n  #onCancel = (e: Event): void => {\n    if (this.dismissable === 'persistent') {\n      // Prevent the browser from closing. The dialog stays open.\n      e.preventDefault()\n      return\n    }\n    // Browser will close. We dispatch sken-close; the consumer's\n    // `open` prop will then become false and the next render\n    // is a no-op since the dialog is already closed.\n    this.#dispatch('sken-close', 'escape')\n  }\n\n  /** Native <dialog> event: fired on close (ESC, backdrop click,\n   *  close button, or .close()). We use it to fire sken-closed. */\n  #onClose = (): void => {\n    this.#dispatch('sken-closed')\n  }\n\n  /** Click handler on the <dialog> itself. If the click target is\n   *  the <dialog> (not a descendant), the user clicked the\n   *  backdrop. We treat it as a close request unless persistent. */\n  #onClick = (e: MouseEvent): void => {\n    if (e.target !== this._dialog) return\n    if (this.dismissable === 'persistent') return\n    this.#dispatch('sken-close', 'backdrop')\n  }\n\n  /** Click handler for the close button. Always visible when\n   *  dismissable; hidden when persistent. */\n  #onCloseButton = (): void => {\n    this.#dispatch('sken-close', 'close-button')\n  }\n\n  /** Lightweight event dispatcher with the conventions: composed\n   *  (crosses shadow boundary), bubbles (reaches ancestors). */\n  #dispatch(name: 'sken-close', detail: SkenDialogCloseReason): void\n  #dispatch(name: 'sken-opened' | 'sken-closed', detail?: undefined): void\n  #dispatch(name: string, detail?: unknown): void {\n    this.dispatchEvent(\n      new CustomEvent(name, {\n        detail,\n        bubbles: true,\n        composed: true,\n      }),\n    )\n  }\n\n  render() {\n    const panelClasses = {\n      panel: true,\n      [this.size]: true,\n    }\n    // We render the header only when there is a title slot OR the\n    // dialog is dismissable (so the close button has somewhere to\n    // live). A persistent dialog with no title renders body + footer\n    // directly, no header. Slot presence is detected via\n    // slotchange on the title slot.\n    const showHeader = this.#hasTitle || this.dismissable === 'dismissable'\n    // aria-label is only set when explicitly provided. Otherwise the\n    // consumer should set a title slot so the dialog has an\n    // accessible name via aria-labelledby. We always set the\n    // attribute to a non-empty string (or omit it) so that a missing\n    // name is detectable in dev tools.\n    const ariaLabelAttr = this.ariaLabel ?? ''\n    return html`\n      <dialog\n        aria-label=${ariaLabelAttr || nothing}\n        aria-describedby=${this.ariaDescribedBy || nothing}\n        @cancel=${this.#onCancel}\n        @close=${this.#onClose}\n        @click=${this.#onClick}\n      >\n        <div class=${classMap(panelClasses)}>\n          ${\n            showHeader\n              ? html`<header>\n                  <slot name=\"title\" @slotchange=${this.#onTitleSlotChange}></slot>\n                  ${\n                    this.dismissable === 'dismissable'\n                      ? html`<button\n                          class=\"close-button\"\n                          type=\"button\"\n                          aria-label=\"Close dialog\"\n                          @click=${this.#onCloseButton}\n                        >\n                          ✕\n                        </button>`\n                      : nothing\n                  }\n                </header>`\n              : nothing\n          }\n          <div class=\"body\">\n            <slot></slot>\n          </div>\n          <footer>\n            <slot name=\"actions\"></slot>\n          </footer>\n        </div>\n      </dialog>\n    `\n  }\n\n  #onTitleSlotChange = (e: Event): void => {\n    const slot = e.target as HTMLSlotElement\n    this.#hasTitle = slot.assignedNodes({ flatten: true }).length > 0\n    this.requestUpdate()\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'sken-dialog': SkenDialog\n  }\n}\n"],"x_google_ignoreList":[0],"mappings":";;;;;AAKG,IAAM,IAAEA,EAAE,cAAc,EAAC;CAAC,YAAY,GAAE;EAAC,IAAG,MAAMC,CAAC,GAAEA,EAAE,SAAOC,EAAE,aAAqBD,EAAE,SAAZ,WAAkBA,EAAE,SAAS,SAAO,GAAE,MAAM,MAAM,oGAAoG;CAAC;CAAC,OAAO,GAAE;EAAC,OAAM,MAAI,OAAO,KAAK,CAAC,CAAC,CAAC,QAAO,MAAG,EAAE,EAAE,CAAC,CAAC,KAAK,GAAG,IAAE;CAAG;CAAC,OAAO,GAAE,CAAC,IAAG;EAAC,IAAY,KAAK,OAAd,KAAK,GAAY;GAAC,KAAK,qBAAG,IAAI,IAAE,GAAW,EAAE,YAAX,KAAK,MAAgB,KAAK,KAAG,IAAI,IAAI,EAAE,QAAQ,KAAK,GAAG,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,QAAO,MAAQ,MAAL,EAAM,CAAC;GAAG,KAAI,IAAM,KAAK,GAAE,EAAE,MAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAG,KAAK,GAAG,IAAI,CAAC;GAAE,OAAO,KAAK,OAAO,CAAC;EAAC;EAAC,IAAM,IAAE,EAAE,QAAQ;EAAU,KAAI,IAAM,KAAK,KAAK,IAAG,KAAK,MAAI,EAAE,OAAO,CAAC,GAAE,KAAK,GAAG,OAAO,CAAC;EAAG,KAAI,IAAM,KAAK,GAAE;GAAC,IAAM,IAAE,CAAC,CAAC,EAAE;GAAG,MAAI,KAAK,GAAG,IAAI,CAAC,KAAG,KAAK,IAAI,IAAI,CAAC,MAAI,KAAG,EAAE,IAAI,CAAC,GAAE,KAAK,GAAG,IAAI,CAAC,MAAI,EAAE,OAAO,CAAC,GAAE,KAAK,GAAG,OAAO,CAAC;EAAG;EAAC,OAAOA;CAAC;AAAC,CAAC,GC8B7tB,IAAN,cAAyB,EAAW;;EA8UnB,aA7U6B,KAAA,OAAA,IACC,KAAA,OAAA,MACc,KAAA,cAAA,eACA,KAAA,YAAA,MACY,KAAA,kBAAA,MAM/C,KAAA,KAAA,MAEK,KAAA,KAAA,MAExB,KAAA,KAAA,IAGA,KAAA,KAAA,IAqNC,KAAA,MAAA,MAAmB;GAC9B,IAAI,KAAK,gBAAgB,cAAc;IAErC,EAAE,eAAe;IACjB;GACF;GAIA,KAAKE,GAAU,cAAc,QAAQ;EACvC,GAIuB,KAAA,WAAA;GACrB,KAAKA,GAAU,aAAa;EAC9B,GAKY,KAAA,MAAA,MAAwB;GAC9B,EAAE,WAAW,KAAK,WAClB,KAAK,gBAAgB,gBACzB,KAAKA,GAAU,cAAc,UAAU;EACzC,GAI6B,KAAA,WAAA;GAC3B,KAAKA,GAAU,cAAc,cAAc;EAC7C,GAwEsB,KAAA,MAAA,MAAmB;GACvC,IAAM,IAAO,EAAE;GAEf,AADA,KAAKC,KAAY,EAAK,cAAc,EAAE,SAAS,GAAK,CAAC,CAAC,CAAC,SAAS,GAChE,KAAK,cAAc;EACrB;;CAvUA;CAEA;CAEA;CAGA;;EAEgB,KAAA,SAAA,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuInB,oBAA0B;EAIxB,AAHA,MAAM,kBAAkB,GAExB,KAAKC,KAAkB,KAAK,YAC5B,KAAKC,KAAuB,KAAK;CACnC;CAEA,uBAA6B;EAE3B,AADA,MAAM,qBAAqB,GACvB,KAAKC,MAAa,KAAKF,OAIvB,KAAKC,MACL,KAAKA,GAAqB,eAAe,KAAKD,KAE9C,KAAKA,GAAgB,aAAa,MAAM,KAAKC,EAAoB,IAEjE,KAAKD,GAAgB,YAAY,IAAI,GAEvC,KAAKE,KAAY;CAErB;CAEA,QAAQ,GAAqC;EACtC,EAAQ,IAAI,MAAM,KAClB,KAAK,YAEN,KAAK,OACP,KAAKC,GAAW,IACP,KAAK,QAAQ,QACtB,KAAK,QAAQ,MAAM;CAEvB;CAGA,KAAmB;EAKjB,AAJI,KAAKD,OAAc,MAAS,KAAK,eAAe,SAAS,SAC3D,SAAS,KAAK,YAAY,IAAI,GAC9B,KAAKA,KAAY,KAEd,KAAK,QAAQ,SAChB,KAAK,QAAQ,UAAU,GACvB,KAAKJ,GAAU,aAAa,GAE5B,qBAAqB;GACnB,AAAI,KAAK,gBAAgB,iBAAiB,KAAK,eAC7C,KAAK,aAAa,MAAM,IAKxB,KAHmB,QAAQ,cACzB,4EAEF,CAAA,EAAO,MAAM;EAEjB,CAAC;CAEL;CAYA,YAAY,IAAgC,gBAAsB;EAChE,KAAKA,GAAU,cAAc,CAAM;CACrC;CAMA;CAcA;CAOA;CAQA;CAQA,GAAU,GAAc,GAAwB;EAC9C,KAAK,cACH,IAAI,YAAY,GAAM;GACpB;GACA,SAAS;GACT,UAAU;EACZ,CAAC,CACH;CACF;CAEA,SAAS;EACP,IAAM,IAAe;GACnB,OAAO;IACN,KAAK,OAAO;EACf,GAMM,IAAa,KAAKC,MAAa,KAAK,gBAAgB,eAMpD,IAAgB,KAAK,aAAa;EACxC,OAAO,CAAI;;qBAEM,KAAiB,EAAQ;2BACnB,KAAK,mBAAmB,EAAQ;kBACzC,KAAKK,GAAU;iBAChB,KAAKC,GAAS;iBACd,KAAKC,GAAS;;qBAEV,EAAS,CAAY,EAAE;YAEhC,IACI,CAAI;mDAC+B,KAAKC,GAAmB;oBAEvD,KAAK,gBAAgB,gBACjB,CAAI;;;;mCAIO,KAAKC,GAAe;;;qCAI/B,EACL;6BAEH,EACL;;;;;;;;;;CAUT;CAEA;AAKF;AAlVG,EAAA,CAAA,EAAS;CAAE,SAAS;CAAM,MAAM;AAAQ,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,GACzC,EAAA,CAAA,EAAS,EAAE,SAAS,GAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,GAC1B,EAAA,CAAA,EAAS,EAAE,SAAS,GAAK,CAAC,CAAA,GAAA,EAAA,WAAA,eAAA,KAAA,CAAA,GAC1B,EAAA,CAAA,EAAS,EAAE,WAAW,aAAa,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,GACpC,EAAA,CAAA,EAAS,EAAE,WAAW,mBAAmB,CAAC,CAAA,GAAA,EAAA,WAAA,mBAAA,KAAA,CAAA,GAE1C,EAAA,CAAA,EAAM,QAAQ,CAAA,GAAA,EAAA,WAAA,WAAA,KAAA,CAAA,GACd,EAAA,CAAA,EAAM,eAAe,CAAA,GAAA,EAAA,WAAA,gBAAA,KAAA,CAAA,GATvB,IAAA,EAAA,CAAA,EAAc,aAAa,CAAA,GAAA,CAAA"}