ds-one 0.2.5-alpha.17 → 0.2.5-alpha.19

package/dist/2-core/styles/ds-gap.css

@@ -0,0 +1,93 @@
+/* ds-gap.css */
+/* Full-width vertical spacer styles */
+
+:host {
+  display: block;
+  width: 100%;
+  /* Default if no attribute is provided */
+  --gap-size: var(--unit);
+  height: var(--gap-size);
+  flex: 0 0 auto;
+}
+
+/* Semantic sizing tokens (from DS1/1-root/one.css) */
+:host([tenth]) {
+  --gap-size: var(--tenth);
+}
+
+:host([quarter]) {
+  --gap-size: var(--quarter);
+}
+
+:host([half]) {
+  --gap-size: var(--half);
+}
+
+:host([eight-tenth]) {
+  --gap-size: var(--eight-tenth);
+}
+
+:host([unit]) {
+  --gap-size: var(--unit);
+}
+
+:host([double]) {
+  --gap-size: var(--double);
+}
+
+:host([triple]) {
+  --gap-size: var(--triple);
+}
+
+:host([quad]) {
+  --gap-size: var(--quad);
+}
+
+:host([oct]) {
+  --gap-size: var(--oct);
+}
+
+:host([dozen]) {
+  --gap-size: var(--dozen);
+}
+
+/* Raw scale sizing (size="...") */
+:host([size="01"]) {
+  --gap-size: var(--01);
+}
+
+:host([size="025"]) {
+  --gap-size: var(--025);
+}
+
+:host([size="05"]) {
+  --gap-size: var(--05);
+}
+
+:host([size="08"]) {
+  --gap-size: var(--08);
+}
+
+:host([size="1"]) {
+  --gap-size: var(--1);
+}
+
+:host([size="2"]) {
+  --gap-size: var(--2);
+}
+
+:host([size="3"]) {
+  --gap-size: var(--3);
+}
+
+:host([size="4"]) {
+  --gap-size: var(--4);
+}
+
+:host([size="8"]) {
+  --gap-size: var(--8);
+}
+
+:host([size="12"]) {
+  --gap-size: var(--12);
+}

package/dist/2-core/styles/ds-icon.css

@@ -0,0 +1,30 @@
+/* ds-icon.css */
+/* Icon component styles */
+
+:host {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  width: calc(16px * var(--sf));
+  height: calc(16px * var(--sf));
+  /* Notes style color variable for future implementation */
+  --notes-style-color: #ffb6b9;
+}
+
+svg {
+  width: 100%;
+  height: 100%;
+  fill: var(--icon-color, currentColor);
+}
+
+path {
+  fill: var(--icon-color, currentColor);
+}
+
+.icon-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: calc(16px * var(--sf));
+  height: calc(16px * var(--sf));
+}

package/dist/2-core/styles/ds-input.css

@@ -0,0 +1,46 @@
+/* ds-input.css */
+/* Input component styles */
+
+:host {
+  display: block;
+  width: 100%;
+}
+
+input {
+  background: var(--base-light-grey, #e8e8e8);
+  border: none;
+  padding: 0 calc(2px * var(--sf, 1));
+  border-radius: 4px;
+  font-size: var(--type-size-default);
+  font-family: var(
+    --typeface-regular,
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    sans-serif
+  );
+  color: var(--base-darker-grey, #797979);
+  line-height: calc(20px * var(--sf, 1));
+  letter-spacing: calc(-0.4px * var(--sf, 1));
+  opacity: 0.5;
+  height: calc(28px * var(--sf, 1));
+  width: 100%;
+  box-sizing: border-box;
+}
+
+input:focus {
+  outline: none;
+  opacity: 1;
+  color: var(--base-slate, #1e1e1e);
+}
+
+input::placeholder {
+  color: var(--base-darker-grey, #797979);
+  opacity: 0.5;
+}
+
+input:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}

package/dist/2-core/styles/ds-pagedots.css

@@ -0,0 +1,26 @@
+/* ds-pagedots.css */
+/* Page dots indicator component styles for carousels and pagination */
+
+:host {
+  display: flex;
+  gap: calc(11.2px * var(--sf, 1));
+  justify-content: center;
+  align-items: center;
+  height: calc(28px * var(--sf, 1));
+}
+
+.dot {
+  width: calc(2.8px * var(--sf, 1));
+  height: calc(2.8px * var(--sf, 1));
+  border-radius: 50%;
+  background: white;
+  border: calc(0.7px * var(--sf, 1)) solid #696969;
+  transition: background 0.2s ease, border 0.2s ease;
+}
+
+.dot.active {
+  background: #666;
+  border: none;
+}
+
+

package/dist/2-core/styles/ds-text.css

@@ -0,0 +1,29 @@
+/* ds-text.css */
+/* Text component styles for displaying translations */
+
+:host {
+  display: inline;
+  font-family: var(--typeface-regular);
+  font-size: var(--type-size-default);
+  font-weight: var(--type-weight-default);
+  line-height: calc(var(--type-lineheight-default) * var(--sf));
+  letter-spacing: calc(var(--type-letterspacing-default) * var(--sf));
+  text-align: var(--text-align-default);
+  text-transform: var(--text-transform-default);
+  text-decoration: var(--text-decoration-default);
+}
+
+:host([data-language="ja"]) {
+  font-family: var(--typeface-regular-jp);
+}
+
+:host([data-language="zh"]),
+:host([data-language="zh-hant"]) {
+  font-family: var(--typeface-regular-zh-hant);
+  font-weight: 800;
+}
+
+:host([data-language="zh-hans"]) {
+  font-family: var(--typeface-regular-zh-hans);
+  font-weight: 800;
+}

package/dist/2-core/styles/ds-tooltip.css

@@ -0,0 +1,49 @@
+/* ds-tooltip.css */
+/* Tooltip component styles */
+
+:host {
+  position: relative;
+  display: inline-block;
+}
+
+.slot-wrapper {
+  display: inline-flex;
+  align-items: center;
+}
+
+.bubble {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  left: 50%;
+  bottom: 100%;
+  transform: translate(-50%, calc(-2px * var(--sf)));
+  z-index: 1000;
+  pointer-events: none;
+  height: calc(var(--08) * var(--sf));
+  opacity: 0;
+  transition:
+    opacity 120ms ease,
+    transform 120ms ease;
+  background-color: light-dark(var(--black), var(--white));
+  color: light-dark(var(--white), var(--black));
+  border-radius: 0;
+  font-size: var(--type-size-default);
+  padding: 0px calc(1px * var(--sf));
+  font-family: var(
+    --typeface-regular,
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    sans-serif
+  );
+  font-weight: 500;
+  white-space: nowrap;
+  min-width: max-content;
+}
+
+.bubble.visible {
+  opacity: 1;
+}

package/dist/3-unit/ds-accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-accordion.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-accordion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAC5C,OAAO,mBAAmB,CAAC;AAC3B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,UAAU,CAAC;AAElB;;;;;GAKG;AACH,qBAAa,SAAU,SAAQ,UAAU;IACvC,MAAM,CAAC,UAAU;;;;;;;;;;;;;MAIf;IAEM,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;;IAStB,MAAM,CAAC,MAAM,0BA4CX;IAEF,MAAM;CA4BP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,SAAS,CAAC;KAC3B;CACF"}
+{"version":3,"file":"ds-accordion.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-accordion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAClD,OAAO,mBAAmB,CAAC;AAC3B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,UAAU,CAAC;AAGlB;;;;;GAKG;AACH,qBAAa,SAAU,SAAQ,UAAU;IACvC,MAAM,CAAC,UAAU;;;;;;;;;;;;;MAIf;IAEM,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;;IAStB,MAAM,CAAC,MAAM,0BAAqB;IAElC,MAAM;CA4BP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,SAAS,CAAC;KAC3B;CACF"}

package/dist/3-unit/ds-accordion.js

@@ -1,7 +1,8 @@
-import { LitElement, html, css } from "lit";
+import { LitElement, html, unsafeCSS } from "lit";
 import "../2-core/ds-text";
 import "../2-core/ds-icon";
 import "./ds-row";
+import styles from "./styles/ds-accordion.css?inline";
 /**
  * Native accordion using <details>/<summary> (no JS toggle logic).
  *
@@ -49,49 +50,5 @@ Accordion.properties = {
     detailsKey: { type: String, attribute: "details-key" },
     open: { type: Boolean, reflect: true },
 };
-Accordion.styles = css `
-    :host {
-      display: block;
-      width: calc(240px * var(--sf));
-      color: var(--text-color-primary);
-    }
-
-    details {
-      width: 100%;
-    }
-
-    summary {
-      cursor: pointer;
-      user-select: none;
-      list-style: none;
-      outline: none;
-    }
-
-    summary::-webkit-details-marker {
-      display: none;
-    }
-
-    .summaryRow {
-      width: 100%;
-    }
-
-    ds-icon.chevron {
-      transform: rotate(0deg);
-      transition: transform 140ms ease;
-    }
-
-    details[open] ds-icon.chevron {
-      transform: rotate(180deg);
-    }
-
-    .detailsBody {
-      padding-top: calc(var(--half) * var(--sf));
-    }
-
-    .detailsText {
-      display: block;
-      white-space: normal;
-      text-align: left;
-    }
-  `;
+Accordion.styles = unsafeCSS(styles);
 customElements.define("ds-accordion", Accordion);

package/dist/3-unit/ds-form.d.ts

@@ -0,0 +1,70 @@
+import { LitElement } from "lit";
+export interface FormData {
+    [key: string]: string | number | boolean | null;
+}
+export interface FormValidationResult {
+    valid: boolean;
+    errors: {
+        [key: string]: string;
+    };
+}
+export declare class Form extends LitElement {
+    static properties: {
+        action: {
+            type: StringConstructor;
+        };
+        method: {
+            type: StringConstructor;
+        };
+        name: {
+            type: StringConstructor;
+        };
+        novalidate: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        autocomplete: {
+            type: StringConstructor;
+        };
+        _isSubmitting: {
+            type: BooleanConstructor;
+            state: boolean;
+        };
+    };
+    action: string;
+    method: "get" | "post";
+    name: string;
+    novalidate: boolean;
+    autocomplete: "on" | "off";
+    _isSubmitting: boolean;
+    constructor();
+    static styles: import("lit").CSSResult;
+    /**
+     * Get all form data as an object
+     */
+    getFormData(): FormData;
+    private _collectFormData;
+    /**
+     * Validate the form
+     */
+    validate(): FormValidationResult;
+    private _validateElement;
+    /**
+     * Reset the form
+     */
+    reset(): void;
+    private _resetElement;
+    /**
+     * Submit the form
+     */
+    submit(): Promise<void>;
+    private _handleSubmit;
+    private _handleKeydown;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ds-form": Form;
+    }
+}
+//# sourceMappingURL=ds-form.d.ts.map

package/dist/3-unit/ds-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-form.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-form.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,MAAM,WAAW,QAAQ;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;CACjD;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;CACnC;AAED,qBAAa,IAAK,SAAQ,UAAU;IAClC,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;MAOf;IAEM,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,KAAK,GAAG,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,IAAI,GAAG,KAAK,CAAC;IAC3B,aAAa,EAAE,OAAO,CAAC;;IAY/B,MAAM,CAAC,MAAM,0BAqBX;IAEF;;OAEG;IACH,WAAW,IAAI,QAAQ;IAYvB,OAAO,CAAC,gBAAgB;IA8BxB;;OAEG;IACH,QAAQ,IAAI,oBAAoB;IAoBhC,OAAO,CAAC,gBAAgB;IAmCxB;;OAEG;IACH,KAAK,IAAI,IAAI;IAWb,OAAO,CAAC,aAAa;IA0BrB;;OAEG;IACG,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAsD7B,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,cAAc;IAWtB,MAAM;CAeP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,IAAI,CAAC;KACjB;CACF"}

package/dist/3-unit/ds-form.js

@@ -0,0 +1,232 @@
+// ds-form.ts
+// Form component for handling form submissions and validation
+import { LitElement, html, css } from "lit";
+export class Form extends LitElement {
+    constructor() {
+        super();
+        this.action = "";
+        this.method = "post";
+        this.name = "";
+        this.novalidate = false;
+        this.autocomplete = "on";
+        this._isSubmitting = false;
+    }
+    /**
+     * Get all form data as an object
+     */
+    getFormData() {
+        const data = {};
+        const slot = this.shadowRoot?.querySelector("slot");
+        const elements = slot?.assignedElements({ flatten: true }) || [];
+        for (const element of elements) {
+            this._collectFormData(element, data);
+        }
+        return data;
+    }
+    _collectFormData(element, data) {
+        // Check if element has name and value properties
+        const name = element.getAttribute("name") || element.name;
+        if (name) {
+            const value = element.value;
+            if (value !== undefined) {
+                // Handle checkboxes and radio buttons
+                if (element instanceof HTMLInputElement &&
+                    (element.type === "checkbox" || element.type === "radio")) {
+                    if (element.type === "checkbox") {
+                        data[name] = element.checked;
+                    }
+                    else if (element.type === "radio" && element.checked) {
+                        data[name] = value;
+                    }
+                }
+                else {
+                    data[name] = value;
+                }
+            }
+        }
+        // Recursively check children
+        const children = element.shadowRoot?.querySelectorAll("*") || element.querySelectorAll("*");
+        children.forEach((child) => {
+            this._collectFormData(child, data);
+        });
+    }
+    /**
+     * Validate the form
+     */
+    validate() {
+        const result = {
+            valid: true,
+            errors: {},
+        };
+        if (this.novalidate) {
+            return result;
+        }
+        const slot = this.shadowRoot?.querySelector("slot");
+        const elements = slot?.assignedElements({ flatten: true }) || [];
+        for (const element of elements) {
+            this._validateElement(element, result);
+        }
+        return result;
+    }
+    _validateElement(element, result) {
+        const name = element.getAttribute("name") || element.name;
+        // Check for custom validation on ds-input elements
+        if (element.tagName.toLowerCase() === "ds-input") {
+            const input = element;
+            if (input.required && !input.value) {
+                result.valid = false;
+                result.errors[name || "unknown"] = "This field is required";
+            }
+        }
+        // Check native form elements
+        if (element instanceof HTMLInputElement ||
+            element instanceof HTMLTextAreaElement ||
+            element instanceof HTMLSelectElement) {
+            if (!element.checkValidity()) {
+                result.valid = false;
+                result.errors[name || "unknown"] = element.validationMessage;
+            }
+        }
+        // Recursively check children
+        const children = element.shadowRoot?.querySelectorAll("*") || element.querySelectorAll("*");
+        children.forEach((child) => {
+            this._validateElement(child, result);
+        });
+    }
+    /**
+     * Reset the form
+     */
+    reset() {
+        const slot = this.shadowRoot?.querySelector("slot");
+        const elements = slot?.assignedElements({ flatten: true }) || [];
+        for (const element of elements) {
+            this._resetElement(element);
+        }
+        this.dispatchEvent(new CustomEvent("form-reset", { bubbles: true }));
+    }
+    _resetElement(element) {
+        if (element instanceof HTMLInputElement ||
+            element instanceof HTMLTextAreaElement ||
+            element instanceof HTMLSelectElement) {
+            if (element instanceof HTMLInputElement && element.type === "checkbox") {
+                element.checked = false;
+            }
+            else {
+                element.value = "";
+            }
+        }
+        // Handle ds-input elements
+        if (element.tagName.toLowerCase() === "ds-input") {
+            element.value = "";
+        }
+        // Recursively reset children
+        const children = element.shadowRoot?.querySelectorAll("*") || element.querySelectorAll("*");
+        children.forEach((child) => {
+            this._resetElement(child);
+        });
+    }
+    /**
+     * Submit the form
+     */
+    async submit() {
+        if (this._isSubmitting)
+            return;
+        const validationResult = this.validate();
+        if (!validationResult.valid) {
+            this.dispatchEvent(new CustomEvent("form-invalid", {
+                detail: validationResult.errors,
+                bubbles: true,
+            }));
+            return;
+        }
+        this._isSubmitting = true;
+        const formData = this.getFormData();
+        this.dispatchEvent(new CustomEvent("form-submit", {
+            detail: { data: formData },
+            bubbles: true,
+        }));
+        // If action is provided, submit to the server
+        if (this.action) {
+            try {
+                const response = await fetch(this.action, {
+                    method: this.method.toUpperCase(),
+                    headers: {
+                        "Content-Type": "application/json",
+                    },
+                    body: JSON.stringify(formData),
+                });
+                this.dispatchEvent(new CustomEvent("form-response", {
+                    detail: { response, data: formData },
+                    bubbles: true,
+                }));
+            }
+            catch (error) {
+                this.dispatchEvent(new CustomEvent("form-error", {
+                    detail: { error, data: formData },
+                    bubbles: true,
+                }));
+            }
+        }
+        this._isSubmitting = false;
+    }
+    _handleSubmit(e) {
+        e.preventDefault();
+        this.submit();
+    }
+    _handleKeydown(e) {
+        if (e.key === "Enter" && !e.shiftKey) {
+            const target = e.target;
+            // Don't submit if in a textarea
+            if (target.tagName.toLowerCase() !== "textarea") {
+                e.preventDefault();
+                this.submit();
+            }
+        }
+    }
+    render() {
+        return html `
+      <form
+        .action=${this.action}
+        .method=${this.method}
+        .name=${this.name}
+        ?novalidate=${this.novalidate}
+        autocomplete=${this.autocomplete}
+        @submit=${this._handleSubmit}
+        @keydown=${this._handleKeydown}
+      >
+        <slot></slot>
+      </form>
+    `;
+    }
+}
+Form.properties = {
+    action: { type: String },
+    method: { type: String },
+    name: { type: String },
+    novalidate: { type: Boolean, reflect: true },
+    autocomplete: { type: String },
+    _isSubmitting: { type: Boolean, state: true },
+};
+Form.styles = css `
+    :host {
+      display: block;
+      width: 100%;
+    }
+
+    form {
+      display: flex;
+      flex-direction: column;
+      gap: calc(var(--05) * var(--sf, 1));
+      width: 100%;
+    }
+
+    ::slotted(*) {
+      width: 100%;
+    }
+
+    :host([disabled]) {
+      opacity: 0.6;
+      pointer-events: none;
+    }
+  `;
+customElements.define("ds-form", Form);

package/dist/3-unit/ds-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-list.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-list.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,qBAAa,IAAK,SAAQ,UAAU;IAClC,MAAM,CAAC,MAAM,0BAOX;IAEF,MAAM;CAGP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,IAAI,CAAC;KACjB;CACF"}
+{"version":3,"file":"ds-list.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-list.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAGlD,qBAAa,IAAK,SAAQ,UAAU;IAClC,MAAM,CAAC,MAAM,0BAAqB;IAElC,MAAM;CAGP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,IAAI,CAAC;KACjB;CACF"}

package/dist/3-unit/ds-list.js

@@ -1,18 +1,12 @@
-// ds-banner.ts
+// ds-list.ts
 // Unit component that
-// can be used to show a list of items consiting of compoentnts from core
-import { LitElement, html, css } from "lit";
+// can be used to show a list of items consisting of components from core
+import { LitElement, html, unsafeCSS } from "lit";
+import styles from "./styles/ds-list.css?inline";
 export class List extends LitElement {
     render() {
         return html `<slot></slot>`;
     }
 }
-List.styles = css `
-    :host {
-      display: flex;
-      flex-direction: column;
-      gap: 0;
-      width: 100%;
-    }
-  `;
+List.styles = unsafeCSS(styles);
 customElements.define("ds-list", List);

package/dist/3-unit/ds-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-row.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-row.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,UAAU,GAAG,IAAI,CAAC;KAC5D;IACD,IAAI,cAAc,EAAE,qBAAqB,CAAC;CAC3C;AAED,qBAAa,GAAI,SAAQ,UAAU;IACjC,MAAM,CAAC,UAAU;;;;;MAEf;IAEM,IAAI,EAAE,MAAM,GAAG,UAAU,CAAC;;IAOlC,MAAM,CAAC,MAAM,0BAiBX;IAEF,MAAM;CAGP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,GAAG,CAAC;KACf;CACF"}
+{"version":3,"file":"ds-row.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-row.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAGlD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,UAAU,GAAG,IAAI,CAAC;KAC5D;IACD,IAAI,cAAc,EAAE,qBAAqB,CAAC;CAC3C;AAED,qBAAa,GAAI,SAAQ,UAAU;IACjC,MAAM,CAAC,UAAU;;;;;MAEf;IAEM,IAAI,EAAE,MAAM,GAAG,UAAU,CAAC;;IAOlC,MAAM,CAAC,MAAM,0BAAqB;IAElC,MAAM;CAGP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,GAAG,CAAC;KACf;CACF"}