@tartaguti/ui-components 0.0.0-stage → 0.2.0

package/dist/tt-dropdown-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tt-dropdown-menu.js","sourceRoot":"","sources":["../src/tt-dropdown-menu.ts"],"names":[],"mappings":"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"}

package/dist/tt-empty-state.d.ts

@@ -0,0 +1,13 @@
+import { LitElement } from "lit";
+export declare class TTEmptyState extends LitElement {
+    heading: string;
+    description: string;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "tt-empty-state": TTEmptyState;
+    }
+}
+//# sourceMappingURL=tt-empty-state.d.ts.map

package/dist/tt-empty-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tt-empty-state.d.ts","sourceRoot":"","sources":["../src/tt-empty-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBACa,YAAa,SAAQ,UAAU;IACd,OAAO,SAAM;IACb,WAAW,SAAM;IAE7C,MAAM,CAAC,MAAM,0BA8CX;IAEF,MAAM;CAqBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/dist/tt-empty-state.js

@@ -0,0 +1,94 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css } from "lit";
+import { property, customElement } from "lit/decorators.js";
+let TTEmptyState = class TTEmptyState extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.heading = "";
+        this.description = "";
+    }
+    static { this.styles = css `
+    /* The browser's own [hidden] rule loses to any :host display, so a
+       hidden element would still show. Important, so it always wins. */
+    :host([hidden]) {
+      display: none !important;
+    }
+
+    :host {
+      display: block;
+      font-family: var(--tt-font-sans);
+    }
+
+    .empty {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: var(--tt-space-3);
+
+      padding: var(--tt-space-12) var(--tt-space-6);
+
+      border: 1px dashed var(--tt-border);
+      border-radius: var(--tt-radius-lg);
+
+      text-align: center;
+    }
+
+    .heading {
+      color: var(--tt-foreground);
+      font-size: var(--tt-text-sm);
+      font-weight: var(--tt-weight-semibold);
+    }
+
+    .description {
+      max-width: 40ch;
+
+      color: var(--tt-muted-foreground);
+      font-size: var(--tt-text-sm);
+      line-height: var(--tt-leading-normal);
+    }
+
+    /* Sized here rather than by the caller, so every empty state matches. */
+    ::slotted([slot="icon"]) {
+      width: 32px;
+      height: 32px;
+      color: var(--tt-muted-foreground);
+    }
+  `; }
+    render() {
+        return html `
+      <div class="empty" part="empty">
+        <slot name="icon"></slot>
+
+        ${this.heading
+            ? html `<div class="heading" part="heading">${this.heading}</div>`
+            : ""}
+
+        ${this.description
+            ? html `
+              <div class="description" part="description">
+                ${this.description}
+              </div>
+            `
+            : ""}
+
+        <slot name="actions"></slot>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], TTEmptyState.prototype, "heading", void 0);
+__decorate([
+    property({ type: String })
+], TTEmptyState.prototype, "description", void 0);
+TTEmptyState = __decorate([
+    customElement("tt-empty-state")
+], TTEmptyState);
+export { TTEmptyState };
+//# sourceMappingURL=tt-empty-state.js.map

package/dist/tt-empty-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tt-empty-state.js","sourceRoot":"","sources":["../src/tt-empty-state.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGrD,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAArC;;QACuB,YAAO,GAAG,EAAE,CAAC;QACb,gBAAW,GAAG,EAAE,CAAC;IAuE/C,CAAC;aArEQ,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8ClB,AA9CY,CA8CX;IAEF,MAAM;QACJ,OAAO,IAAI,CAAA;;;;UAIL,IAAI,CAAC,OAAO;YACZ,CAAC,CAAC,IAAI,CAAA,uCAAuC,IAAI,CAAC,OAAO,QAAQ;YACjE,CAAC,CAAC,EAAE;;UAEJ,IAAI,CAAC,WAAW;YAChB,CAAC,CAAC,IAAI,CAAA;;kBAEE,IAAI,CAAC,WAAW;;aAErB;YACH,CAAC,CAAC,EAAE;;;;KAIT,CAAC;IACJ,CAAC;;AAvE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAc;AACb;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAAkB;AAFlC,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAyExB"}

package/dist/tt-example.d.ts

@@ -0,0 +1,33 @@
+import { LitElement } from "lit";
+import "./tt-preview.js";
+import "./tt-code-block.js";
+/**
+ * One worked example: a live rendering and the markup that produced it,
+ * behind a Preview / Code switch.
+ *
+ *   <tt-example heading="Multiple open" code=${snippet}>
+ *     <tt-accordion multiple>...</tt-accordion>
+ *   </tt-example>
+ *
+ * The point is that the two halves cannot drift apart on the page the way a
+ * separate preview box and a separate code block do. Both panels stay in the
+ * DOM and are toggled with `hidden`, so switching does not tear down and
+ * rebuild a live component you were in the middle of poking at.
+ */
+export declare class TTExample extends LitElement {
+    heading: string;
+    description: string;
+    code: string;
+    language: string;
+    align: "center" | "start" | "stretch";
+    private view;
+    private show;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "tt-example": TTExample;
+    }
+}
+//# sourceMappingURL=tt-example.d.ts.map

package/dist/tt-example.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tt-example.d.ts","sourceRoot":"","sources":["../src/tt-example.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,iBAAiB,CAAC;AACzB,OAAO,oBAAoB,CAAC;AAE5B;;;;;;;;;;;;GAYG;AACH,qBACa,SAAU,SAAQ,UAAU;IAEvC,OAAO,SAAM;IAGb,WAAW,SAAM;IAGjB,IAAI,SAAM;IAGV,QAAQ,SAAU;IAQlB,KAAK,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAY;IAGjD,OAAO,CAAC,IAAI,CAAiC;IAE7C,OAAO,CAAC,IAAI;IAIZ,MAAM,CAAC,MAAM,0BA+HX;IAEF,MAAM;CA0DP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/dist/tt-example.js

@@ -0,0 +1,250 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import "./tt-preview.js";
+import "./tt-code-block.js";
+/**
+ * One worked example: a live rendering and the markup that produced it,
+ * behind a Preview / Code switch.
+ *
+ *   <tt-example heading="Multiple open" code=${snippet}>
+ *     <tt-accordion multiple>...</tt-accordion>
+ *   </tt-example>
+ *
+ * The point is that the two halves cannot drift apart on the page the way a
+ * separate preview box and a separate code block do. Both panels stay in the
+ * DOM and are toggled with `hidden`, so switching does not tear down and
+ * rebuild a live component you were in the middle of poking at.
+ */
+let TTExample = class TTExample extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.heading = "";
+        this.description = "";
+        this.code = "";
+        this.language = "html";
+        /*
+          How the live half lays its content out. `center` suits a handful of small
+          controls, `stretch` suits anything that owns its width (tables, cards,
+          accordions) and looks wrong floating in the middle.
+        */
+        this.align = "center";
+        this.view = "preview";
+    }
+    show(view) {
+        this.view = view;
+    }
+    static { this.styles = css `
+    /* The browser's own [hidden] rule loses to any :host display, so a
+       hidden element would still show. Important, so it always wins. */
+    :host([hidden]) {
+      display: none !important;
+    }
+
+    :host {
+      display: block;
+
+      font-family: var(--tt-font-sans);
+      -webkit-font-smoothing: antialiased;
+
+      color: var(--tt-foreground);
+    }
+
+    .head {
+      display: flex;
+      align-items: flex-start;
+      justify-content: space-between;
+      gap: var(--tt-space-4);
+
+      margin-bottom: var(--tt-space-3);
+    }
+
+    .text {
+      min-width: 0;
+    }
+
+    .heading {
+      margin: 0;
+
+      font-size: var(--tt-text-md);
+      font-weight: var(--tt-weight-semibold);
+
+      color: var(--tt-foreground);
+    }
+
+    .description {
+      margin: var(--tt-space-1) 0 0;
+
+      font-size: var(--tt-text-sm);
+      line-height: var(--tt-leading-relaxed);
+
+      color: var(--tt-muted-foreground);
+    }
+
+    /* Segmented control. Two options, so a tablist beats a select. */
+    .switch {
+      display: inline-flex;
+      flex: none;
+
+      padding: 2px;
+
+      border: 1px solid var(--tt-border);
+      border-radius: var(--tt-radius);
+
+      background: var(--tt-muted);
+    }
+
+    .switch button {
+      border: none;
+      border-radius: calc(var(--tt-radius) - 2px);
+
+      padding: var(--tt-space-1) var(--tt-space-3);
+
+      background: transparent;
+
+      font: inherit;
+      font-size: var(--tt-text-xs);
+      font-weight: var(--tt-weight-medium);
+
+      color: var(--tt-muted-foreground);
+
+      cursor: pointer;
+
+      transition:
+        background var(--tt-duration-fast) var(--tt-ease),
+        color var(--tt-duration-fast) var(--tt-ease);
+    }
+
+    .switch button[aria-pressed="true"] {
+      background: var(--tt-background);
+      color: var(--tt-foreground);
+
+      box-shadow: var(--tt-elevation-1);
+    }
+
+    .switch button:focus-visible {
+      outline: var(--tt-ring-width) solid var(--tt-ring);
+      outline-offset: calc(var(--tt-ring-width) * -1);
+    }
+
+    tt-preview {
+      display: block;
+      overflow-x: auto;
+    }
+
+    /*
+      tt-preview centres its slot content. Examples that own their width need
+      to fill the box instead, which is what ::part is for: the inner div is
+      published, so this reaches it without tt-preview knowing about us.
+    */
+    :host([align="start"]) tt-preview::part(preview) {
+      align-items: flex-start;
+      justify-content: flex-start;
+    }
+
+    :host([align="stretch"]) tt-preview::part(preview) {
+      display: block;
+    }
+
+    [hidden] {
+      display: none !important;
+    }
+
+    @media (max-width: 480px) {
+      .head {
+        flex-direction: column;
+        align-items: stretch;
+      }
+
+      .switch {
+        align-self: flex-end;
+      }
+    }
+
+  `; }
+    render() {
+        const isPreview = this.view === "preview";
+        return html `
+      <div class="head">
+        <div class="text">
+          ${this.heading
+            ? html `<h3 class="heading">${this.heading}</h3>`
+            : ""}
+          ${this.description
+            ? html `<p class="description">${this.description}</p>`
+            : ""}
+        </div>
+
+        ${this.code
+            ? html `
+              <!--
+            Toggle buttons, not tabs. role="tab" promises arrow keys, one
+            Tab stop and a tabpanel, and none of those existed, so a screen
+            reader announced a tab list that did not behave like one.
+            aria-pressed is the honest name for "one of these is on".
+          -->
+          <div class="switch" role="group" aria-label="Example view">
+                <button
+                  type="button"
+                  aria-pressed=${isPreview ? "true" : "false"}
+                  @click=${() => this.show("preview")}
+                >
+                  Preview
+                </button>
+
+                <button
+                  type="button"
+                  aria-pressed=${!isPreview ? "true" : "false"}
+                  @click=${() => this.show("code")}
+                >
+                  Code
+                </button>
+              </div>
+            `
+            : ""}
+      </div>
+
+      <tt-preview ?hidden=${!isPreview}>
+        <slot></slot>
+      </tt-preview>
+
+      ${this.code
+            ? html `
+            <tt-code-block show-line-numbers
+              ?hidden=${isPreview}
+              .code=${this.code}
+              language=${this.language}
+            ></tt-code-block>
+          `
+            : ""}
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], TTExample.prototype, "heading", void 0);
+__decorate([
+    property({ type: String })
+], TTExample.prototype, "description", void 0);
+__decorate([
+    property({ type: String })
+], TTExample.prototype, "code", void 0);
+__decorate([
+    property({ type: String })
+], TTExample.prototype, "language", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], TTExample.prototype, "align", void 0);
+__decorate([
+    state()
+], TTExample.prototype, "view", void 0);
+TTExample = __decorate([
+    customElement("tt-example")
+], TTExample);
+export { TTExample };
+//# sourceMappingURL=tt-example.js.map

package/dist/tt-example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tt-example.js","sourceRoot":"","sources":["../src/tt-example.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,iBAAiB,CAAC;AACzB,OAAO,oBAAoB,CAAC;AAE5B;;;;;;;;;;;;GAYG;AAEI,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QAEL,YAAO,GAAG,EAAE,CAAC;QAGb,gBAAW,GAAG,EAAE,CAAC;QAGjB,SAAI,GAAG,EAAE,CAAC;QAGV,aAAQ,GAAG,MAAM,CAAC;QAElB;;;;UAIE;QAEF,UAAK,GAAmC,QAAQ,CAAC;QAGzC,SAAI,GAAuB,SAAS,CAAC;IAiM/C,CAAC;IA/LS,IAAI,CAAC,IAAwB;QACnC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;aAEM,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+HlB,AA/HY,CA+HX;IAEF,MAAM;QACJ,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC;QAE1C,OAAO,IAAI,CAAA;;;YAGH,IAAI,CAAC,OAAO;YACZ,CAAC,CAAC,IAAI,CAAA,uBAAuB,IAAI,CAAC,OAAO,OAAO;YAChD,CAAC,CAAC,EAAE;YACJ,IAAI,CAAC,WAAW;YAChB,CAAC,CAAC,IAAI,CAAA,0BAA0B,IAAI,CAAC,WAAW,MAAM;YACtD,CAAC,CAAC,EAAE;;;UAGN,IAAI,CAAC,IAAI;YACT,CAAC,CAAC,IAAI,CAAA;;;;;;;;;;iCAUiB,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;2BAClC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;;;;;;;iCAOpB,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;2BACnC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;;;;;aAKrC;YACH,CAAC,CAAC,EAAE;;;4BAGc,CAAC,SAAS;;;;QAI9B,IAAI,CAAC,IAAI;YACT,CAAC,CAAC,IAAI,CAAA;;wBAEU,SAAS;sBACX,IAAI,CAAC,IAAI;yBACN,IAAI,CAAC,QAAQ;;WAE3B;YACH,CAAC,CAAC,EAAE;KACP,CAAC;IACJ,CAAC;;AApND;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CACd;AAGb;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CACV;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCACjB;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CACT;AAQlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCACO;AAGzC;IADP,KAAK,EAAE;uCACqC;AAtBlC,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAuNrB"}

package/dist/tt-file-upload.d.ts

@@ -0,0 +1,85 @@
+import { LitElement } from "lit";
+import type { PropertyValues } from "lit";
+import "./tt-icon.js";
+/** Why a file was turned away. */
+export type FileRejectReason = "type" | "size" | "empty" | "count";
+export interface FileRejection {
+    file: File;
+    reason: FileRejectReason;
+}
+/**
+ * True when a file matches an `accept` list ("image/*,.pdf"), the same
+ * rules the native picker uses. An empty list accepts anything.
+ *
+ * This is for the person choosing, not for security: a file's type comes
+ * from its name, so anyone can rename one. The server must check again.
+ */
+export declare function matchesAccept(file: File, accept: string): boolean;
+export declare function displayName(name: string): string;
+/** 820 B, 14 KB, 2.5 MB. Powers of 1024, as file managers show them. */
+export declare function formatBytes(bytes: number): string;
+/**
+ * Chooses files, by tapping a button or dropping them on the box. Checks
+ * type, size and count before keeping a file, previews images, and
+ * submits the files with its form under `name`.
+ *
+ * @fires tt-change - { files } after files are added or removed: the whole list.
+ * @fires tt-reject - { rejected: { file, reason }[] } when files were turned away.
+ */
+export declare class TTFileUpload extends LitElement {
+    static formAssociated: boolean;
+    private internals;
+    name: string;
+    label: string;
+    labelHidden: boolean;
+    description: string;
+    accept: string;
+    multiple: boolean;
+    maxSize: number;
+    maxFiles: number;
+    required: boolean;
+    disabled: boolean;
+    error: string;
+    /** The files kept so far. Setting it replaces them. */
+    files: File[];
+    private dragging;
+    private notice;
+    private input;
+    private chooseButton;
+    private fieldId;
+    private previews;
+    private dragDepth;
+    get form(): HTMLFormElement | null;
+    focus(options?: FocusOptions): void;
+    /** Removes every file. */
+    clear(): void;
+    disconnectedCallback(): void;
+    formResetCallback(): void;
+    updated(changed: PropertyValues): void;
+    private syncFormState;
+    private emit;
+    /** Keeps a new list and says so. Every add, remove and clear ends here. */
+    private commit;
+    private add;
+    private removeFile;
+    private preview;
+    private revokeAll;
+    private openPicker;
+    private handlePicked;
+    private carriesFiles;
+    private handleDragEnter;
+    private handleDragOver;
+    private handleDragLeave;
+    private handleDrop;
+    /** "Up to 3 files, 5 MB each", from the limits that are set. */
+    private limits;
+    static styles: import("lit").CSSResult[];
+    render(): import("lit-html").TemplateResult<1>;
+    private renderFile;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "tt-file-upload": TTFileUpload;
+    }
+}
+//# sourceMappingURL=tt-file-upload.d.ts.map

package/dist/tt-file-upload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tt-file-upload.d.ts","sourceRoot":"","sources":["../src/tt-file-upload.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1C,OAAO,cAAc,CAAC;AAEtB,kCAAkC;AAClC,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAEnE,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,gBAAgB,CAAC;CAC1B;AAgBD;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAcjE;AAYD,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEhD;AAID,wEAAwE;AACxE,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CASjD;AAWD;;;;;;;GAOG;AACH,qBACa,YAAa,SAAQ,UAAU;IAG1C,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAO,CAAC,SAAS,CAA0B;IAGA,IAAI,SAAM;IACzB,KAAK,SAAM;IAEvC,WAAW,UAAS;IAIQ,WAAW,SAAM;IAIjB,MAAM,SAAM;IAGI,QAAQ,UAAS;IAGV,OAAO,SAAK;IAGX,QAAQ,SAAK;IAErB,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACjC,KAAK,SAAM;IAEvC,uDAAuD;IACvB,KAAK,EAAE,IAAI,EAAE,CAAM;IAE1C,OAAO,CAAC,QAAQ,CAAS;IAEzB,OAAO,CAAC,MAAM,CAAM;IAEb,OAAO,CAAC,KAAK,CAAoB;IAC/B,OAAO,CAAC,YAAY,CAAqB;IAE3D,OAAO,CAAC,OAAO,CAA6B;IAE5C,OAAO,CAAC,QAAQ,CAA2B;IAE3C,OAAO,CAAC,SAAS,CAAK;IAEtB,IAAI,IAAI,2BAEP;IAED,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAI5B,0BAA0B;IAC1B,KAAK;IAIL,oBAAoB;IAKpB,iBAAiB;IAKjB,OAAO,CAAC,OAAO,EAAE,cAAc;IAe/B,OAAO,CAAC,aAAa;IAoBrB,OAAO,CAAC,IAAI;IAIZ,2EAA2E;IAC3E,OAAO,CAAC,MAAM;IAKd,OAAO,CAAC,GAAG;YA0CG,UAAU;IAYxB,OAAO,CAAC,OAAO;IAUf,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,UAAU,CAEhB;IAEF,OAAO,CAAC,YAAY,CAIlB;IAEF,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,eAAe,CAKrB;IAEF,OAAO,CAAC,cAAc,CAKpB;IAEF,OAAO,CAAC,eAAe,CAGrB;IAEF,OAAO,CAAC,UAAU,CAMhB;IAEF,gEAAgE;IAChE,OAAO,CAAC,MAAM;IAYd,MAAM,CAAC,MAAM,4BAgNV;IAEH,MAAM;IA6EN,OAAO,CAAC,UAAU;CAwBnB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}