@lukso/web-components 1.86.0 → 1.87.0

package/dist/components/lukso-search/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-df36fb06.cjs');
+const shared_tailwindElement_index = require('../../index-6e3f406c.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const state = require('../../state-d9fb972b.cjs');
 const index = require('../../index-1d3f4a5a.cjs');
@@ -10,13 +10,13 @@ require('../lukso-icon/index.cjs');
 require('../lukso-profile/index.cjs');
 require('../lukso-username/index.cjs');
 require('../lukso-input/index.cjs');
-require('../../index-abf15ef1.cjs');
+require('../../index-5c4bade5.cjs');
 require('../lukso-dropdown-option/index.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');
-require('../../style-map-7ce21e2c.cjs');
+require('../../style-map-320a365c.cjs');
 require('../../directive-8278ab14.cjs');
 require('../lukso-image/index.cjs');
-require('../../index-bf97dd78.cjs');
+require('../../index-0bb73cde.cjs');
 require('../../tailwind-config.cjs');
 require('../../cn-5ceac001.cjs');
 

package/dist/components/lukso-search/index.js

@@ -1,4 +1,4 @@
-import { T as TailwindStyledElement, x, A } from '../../index-b2b49383.js';
+import { T as TailwindStyledElement, x, A } from '../../index-9d81031f.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 import { t } from '../../state-b9ca4e74.js';
 import { c as ce } from '../../index-ca8e900d.js';
@@ -6,13 +6,13 @@ import '../lukso-icon/index.js';
 import '../lukso-profile/index.js';
 import '../lukso-username/index.js';
 import '../lukso-input/index.js';
-import '../../index-30881141.js';
+import '../../index-0e089618.js';
 import '../lukso-dropdown-option/index.js';
 import '../../bundle-mjs-fbc6e2a8.js';
-import '../../style-map-6e8b083a.js';
+import '../../style-map-d014149d.js';
 import '../../directive-2bb7789e.js';
 import '../lukso-image/index.js';
-import '../../index-f1acf332.js';
+import '../../index-c395d033.js';
 import '../../tailwind-config.js';
 import '../../cn-b54dcc61.js';
 

package/dist/components/lukso-select/index.cjs

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-df36fb06.cjs');
+const shared_tailwindElement_index = require('../../index-6e3f406c.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const state = require('../../state-d9fb972b.cjs');
 const index = require('../../index-1d3f4a5a.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-profile/index.cjs');
 require('../lukso-username/index.cjs');
-const components_luksoDropdown_index = require('../../index-abf15ef1.cjs');
+const components_luksoDropdown_index = require('../../index-5c4bade5.cjs');
 require('../lukso-dropdown-option/index.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');
-require('../../style-map-7ce21e2c.cjs');
+require('../../style-map-320a365c.cjs');
 require('../../directive-8278ab14.cjs');
 require('../lukso-image/index.cjs');
-require('../../index-bf97dd78.cjs');
+require('../../index-0bb73cde.cjs');
 require('../../tailwind-config.cjs');
 require('../../cn-5ceac001.cjs');
 

package/dist/components/lukso-select/index.js

@@ -1,17 +1,17 @@
-import { T as TailwindStyledElement, x, A } from '../../index-b2b49383.js';
+import { T as TailwindStyledElement, x, A } from '../../index-9d81031f.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 import { t } from '../../state-b9ca4e74.js';
 import { c as ce } from '../../index-ca8e900d.js';
 import '../lukso-icon/index.js';
 import '../lukso-profile/index.js';
 import '../lukso-username/index.js';
-import { u as uniqId } from '../../index-30881141.js';
+import { u as uniqId } from '../../index-0e089618.js';
 import '../lukso-dropdown-option/index.js';
 import '../../bundle-mjs-fbc6e2a8.js';
-import '../../style-map-6e8b083a.js';
+import '../../style-map-d014149d.js';
 import '../../directive-2bb7789e.js';
 import '../lukso-image/index.js';
-import '../../index-f1acf332.js';
+import '../../index-c395d033.js';
 import '../../tailwind-config.js';
 import '../../cn-b54dcc61.js';
 

package/dist/components/lukso-share/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-df36fb06.cjs');
+const shared_tailwindElement_index = require('../../index-6e3f406c.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";

package/dist/components/lukso-share/index.js

@@ -1,4 +1,4 @@
-import { T as TailwindStyledElement, x } from '../../index-b2b49383.js';
+import { T as TailwindStyledElement, x } from '../../index-9d81031f.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 
 const style = ":host {\n    display: inline-flex\n}";

package/dist/components/lukso-switch/index.cjs

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-df36fb06.cjs');
+const shared_tailwindElement_index = require('../../index-6e3f406c.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
-const styleMap = require('../../style-map-7ce21e2c.cjs');
+const styleMap = require('../../style-map-320a365c.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../../directive-8278ab14.cjs');
 

package/dist/components/lukso-switch/index.js

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x } from '../../index-b2b49383.js';
+import { a as TailwindElement, x } from '../../index-9d81031f.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
-import { o } from '../../style-map-6e8b083a.js';
+import { o } from '../../style-map-d014149d.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../../directive-2bb7789e.js';
 

package/dist/components/lukso-tag/index.cjs

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-df36fb06.cjs');
+const shared_tailwindElement_index = require('../../index-6e3f406c.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const index = require('../../index-1d3f4a5a.cjs');
-const index$1 = require('../../index-bf97dd78.cjs');
+const index$1 = require('../../index-0bb73cde.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');
 require('../../directive-8278ab14.cjs');
 

package/dist/components/lukso-tag/index.js

@@ -1,7 +1,7 @@
-import { T as TailwindStyledElement, x } from '../../index-b2b49383.js';
+import { T as TailwindStyledElement, x } from '../../index-9d81031f.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 import { c as ce } from '../../index-ca8e900d.js';
-import { c as customStyleMap } from '../../index-f1acf332.js';
+import { c as customStyleMap } from '../../index-c395d033.js';
 import '../../bundle-mjs-fbc6e2a8.js';
 import '../../directive-2bb7789e.js';
 

package/dist/components/lukso-terms/index.cjs

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-df36fb06.cjs');
+const shared_tailwindElement_index = require('../../index-6e3f406c.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const state = require('../../state-d9fb972b.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-sanitize/index.cjs');
 require('../../directive-8278ab14.cjs');
-require('../../style-map-7ce21e2c.cjs');
+require('../../style-map-320a365c.cjs');
 
 const style = ":host {\n    display: flex;\n    height: 100%\n}";
 

package/dist/components/lukso-terms/index.js

@@ -1,11 +1,11 @@
-import { T as TailwindStyledElement, x } from '../../index-b2b49383.js';
+import { T as TailwindStyledElement, x } from '../../index-9d81031f.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 import { t } from '../../state-b9ca4e74.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../lukso-icon/index.js';
 import '../lukso-sanitize/index.js';
 import '../../directive-2bb7789e.js';
-import '../../style-map-6e8b083a.js';
+import '../../style-map-d014149d.js';
 
 const style = ":host {\n    display: flex;\n    height: 100%\n}";
 

package/dist/components/lukso-test/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-df36fb06.cjs');
+const shared_tailwindElement_index = require('../../index-6e3f406c.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const directive = require('../../directive-8278ab14.cjs');
 

package/dist/components/lukso-test/index.js

@@ -1,4 +1,4 @@
-import { b as T$1, T as TailwindStyledElement, x as x$1 } from '../../index-b2b49383.js';
+import { b as T$1, T as TailwindStyledElement, x as x$1 } from '../../index-9d81031f.js';
 import { n as n$3, e as e$3 } from '../../query-assigned-elements-1c8c9e90.js';
 import { e as e$2, i as i$3, t as t$3 } from '../../directive-2bb7789e.js';
 

package/dist/components/lukso-textarea/index.cjs

@@ -0,0 +1,361 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const shared_tailwindElement_index = require('../../index-6e3f406c.cjs');
+const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
+const state = require('../../state-d9fb972b.cjs');
+const index = require('../../index-1d3f4a5a.cjs');
+require('../../tailwind-config.cjs');
+const cn = require('../../cn-5ceac001.cjs');
+require('../lukso-icon/index.cjs');
+require('../../bundle-mjs-d58a83c6.cjs');
+require('../../style-map-320a365c.cjs');
+require('../../directive-8278ab14.cjs');
+
+const style = ":host {\n\n    display: inline-flex\n}\n\n:host([is-full-width]) {\n\n    display: flex;\n\n    width: 100%\n}";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+exports.LuksoTextarea = class LuksoTextarea extends shared_tailwindElement_index.TailwindStyledElement(style) {
+  constructor() {
+    super(...arguments);
+    this.value = "";
+    this.name = "";
+    this.placeholder = "";
+    this.label = "";
+    this.id = "";
+    this.ref = void 0;
+    this.description = "";
+    this.error = "";
+    this.customClass = "";
+    this.isFullWidth = false;
+    this.isReadonly = false;
+    this.isDisabled = false;
+    this.autofocus = false;
+    this.borderless = false;
+    this.isNonResizable = false;
+    this.size = "medium";
+    this.rows = 4;
+    this.hasHocus = false;
+    this.hasHighlight = false;
+    this.styles = index.ce({
+      slots: {
+        wrapper: "group flex",
+        input: `bg-neutral-100 border-solid placeholder:text-neutral-70 w-full
+        outline-none transition transition-all duration-150 appearance-none`
+      },
+      variants: {
+        hasError: {
+          true: {
+            input: "border-red-85"
+          },
+          false: {
+            input: "border-neutral-90"
+          }
+        },
+        hasHighlight: {
+          true: {
+            input: "border-neutral-35"
+          }
+        },
+        borderless: {
+          true: { input: "border-0" },
+          false: { input: "border" }
+        },
+        isReadonly: {
+          true: { input: "cursor-not-allowed" }
+        },
+        isDisabled: {
+          true: {
+            input: "text-neutral-60 cursor-not-allowed"
+          },
+          false: { input: "text-neutral-20" }
+        },
+        isFullWidth: {
+          true: { wrapper: "w-full" },
+          false: { wrapper: "w-[350px]" }
+        },
+        size: {
+          small: {
+            input: "min-h-[28px] px-2 py-1 paragraph-inter-12-regular rounded-8"
+          },
+          medium: {
+            input: "min-h-[48px] px-4 py-3 paragraph-inter-14-regular rounded-12"
+          }
+        },
+        isNonResizable: {
+          true: {
+            input: "resize-none"
+          }
+        }
+      },
+      compoundVariants: [
+        {
+          isFullWidth: false,
+          size: "small",
+          class: { wrapper: "w-[210px]" }
+        },
+        {
+          hasHighlight: true,
+          hasError: true,
+          class: {
+            input: "border-red-65"
+          }
+        }
+      ]
+    });
+  }
+  inputTemplate(styles) {
+    return shared_tailwindElement_index.x`
+      <textarea
+        name=${this.name ? this.name : shared_tailwindElement_index.A}
+        placeholder=${this.placeholder ? this.placeholder : shared_tailwindElement_index.A}
+        ref=${this.ref ? this.ref : shared_tailwindElement_index.A}
+        id=${this.id ? this.id : shared_tailwindElement_index.A}
+        rows=${this.rows}
+        data-testid=${this.name ? `textarea-${this.name}` : "textarea"}
+        ?autofocus=${this.autofocus}
+        ?readonly=${this.isReadonly ? true : void 0}
+        ?disabled=${this.isDisabled ? true : void 0}
+        class=${cn.cn(styles, this.customClass)}
+        @focus=${this.handleFocus}
+        @input=${this.handleInput}
+        @change=${this.handleChange}
+        @blur=${this.handleBlur}
+        @keyup=${this.handleKeyUp}
+        @keydown=${this.handleKeyDown}
+        @keypress=${this.handleKeyPress}
+        @mouseenter=${this.handleMouseOver}
+        @mouseleave=${this.handleMouseOut}
+        @click=${this.handleInputClick}
+      >
+${this.value}</textarea
+      >
+    `;
+  }
+  labelTemplate() {
+    return shared_tailwindElement_index.x`
+      <label
+        for=${this.name}
+        class="heading-inter-14-bold text-neutral-20 pb-2 block"
+        >${this.label}</label
+      >
+    `;
+  }
+  descriptionTemplate() {
+    return shared_tailwindElement_index.x`
+      <div class="paragraph-inter-12-regular text-neutral-20 pb-2">
+        ${this.description ?? shared_tailwindElement_index.A}
+      </div>
+    `;
+  }
+  errorTemplate() {
+    return shared_tailwindElement_index.x`<div class="paragraph-inter-12-regular text-red-65 pt-2">
+      ${this.error}
+    </div>`;
+  }
+  handleFocus() {
+    if (!this.isReadonly && !this.isDisabled) {
+      this.hasHocus = true;
+      this.hasHighlight = true;
+    }
+  }
+  async handleBlur(event) {
+    this.hasHocus = false;
+    this.hasHighlight = false;
+    await this.updateComplete;
+    const target = event.target;
+    const blurEvent = new CustomEvent("on-blur", {
+      detail: {
+        value: target?.value,
+        event
+      },
+      bubbles: false,
+      composed: true
+    });
+    this.dispatchEvent(blurEvent);
+  }
+  async handleChange(event) {
+    await this.updateComplete;
+    const target = event.target;
+    const changeEvent = new CustomEvent("on-change", {
+      detail: {
+        value: target?.value,
+        event
+      },
+      bubbles: false,
+      composed: true
+    });
+    this.dispatchEvent(changeEvent);
+  }
+  async handleInput(event) {
+    const target = event.target;
+    this.value = target?.value;
+    await this.updateComplete;
+    const changeEvent = new CustomEvent("on-input", {
+      detail: {
+        value: target?.value,
+        event
+      },
+      bubbles: false,
+      composed: true
+    });
+    this.dispatchEvent(changeEvent);
+  }
+  async handleKeyUp(event) {
+    await this.updateComplete;
+    const target = event.target;
+    const keyEvent = new CustomEvent("on-key-up", {
+      detail: {
+        value: target?.value,
+        event
+      },
+      bubbles: true,
+      composed: true
+    });
+    this.dispatchEvent(keyEvent);
+  }
+  async handleKeyDown(event) {
+    await this.updateComplete;
+    const target = event.target;
+    const keyEvent = new CustomEvent("on-key-down", {
+      detail: {
+        value: target.value,
+        event
+      },
+      bubbles: true,
+      composed: true
+    });
+    this.dispatchEvent(keyEvent);
+  }
+  async handleKeyPress(event) {
+    await this.updateComplete;
+    const target = event.target;
+    const keyEvent = new CustomEvent("on-key-press", {
+      detail: {
+        value: target?.value,
+        event
+      },
+      bubbles: true,
+      composed: true
+    });
+    this.dispatchEvent(keyEvent);
+  }
+  handleMouseOver() {
+    if (!this.isReadonly && !this.isDisabled) {
+      this.hasHighlight = true;
+    }
+  }
+  handleMouseOut() {
+    if (!this.hasHocus) {
+      this.hasHighlight = false;
+    }
+  }
+  async handleInputClick(event) {
+    await this.updateComplete;
+    const target = event.target;
+    const clickEvent = new CustomEvent("on-input-click", {
+      detail: {
+        value: target.value,
+        event
+      },
+      bubbles: false,
+      composed: true
+    });
+    this.dispatchEvent(clickEvent);
+  }
+  render() {
+    const { wrapper, input } = this.styles({
+      hasError: this.error !== "",
+      hasHighlight: this.hasHighlight,
+      borderless: this.borderless,
+      isReadonly: this.isReadonly,
+      isDisabled: this.isDisabled,
+      isFullWidth: this.isFullWidth,
+      size: this.size,
+      isNonResizable: this.isNonResizable
+    });
+    return shared_tailwindElement_index.x`
+      <div class="w-[inherit]">
+        ${this.label ? this.labelTemplate() : shared_tailwindElement_index.A}
+        ${this.description ? this.descriptionTemplate() : shared_tailwindElement_index.A}
+        <div class=${wrapper()}>
+          <div class="relative w-[inherit] flex">
+            ${this.inputTemplate(input())}
+          </div>
+        </div>
+        ${this.error ? this.errorTemplate() : shared_tailwindElement_index.A}
+      </div>
+    `;
+  }
+};
+__decorateClass([
+  queryAssignedElements.n({ type: String })
+], exports.LuksoTextarea.prototype, "value", 2);
+__decorateClass([
+  queryAssignedElements.n({ type: String })
+], exports.LuksoTextarea.prototype, "name", 2);
+__decorateClass([
+  queryAssignedElements.n({ type: String })
+], exports.LuksoTextarea.prototype, "placeholder", 2);
+__decorateClass([
+  queryAssignedElements.n({ type: String })
+], exports.LuksoTextarea.prototype, "label", 2);
+__decorateClass([
+  queryAssignedElements.n({ type: String })
+], exports.LuksoTextarea.prototype, "id", 2);
+__decorateClass([
+  queryAssignedElements.n({ type: String })
+], exports.LuksoTextarea.prototype, "ref", 2);
+__decorateClass([
+  queryAssignedElements.n({ type: String })
+], exports.LuksoTextarea.prototype, "description", 2);
+__decorateClass([
+  queryAssignedElements.n({ type: String })
+], exports.LuksoTextarea.prototype, "error", 2);
+__decorateClass([
+  queryAssignedElements.n({ type: String, attribute: "custom-class" })
+], exports.LuksoTextarea.prototype, "customClass", 2);
+__decorateClass([
+  queryAssignedElements.n({ type: Boolean, attribute: "is-full-width" })
+], exports.LuksoTextarea.prototype, "isFullWidth", 2);
+__decorateClass([
+  queryAssignedElements.n({ type: Boolean, attribute: "is-readonly" })
+], exports.LuksoTextarea.prototype, "isReadonly", 2);
+__decorateClass([
+  queryAssignedElements.n({ type: Boolean, attribute: "is-disabled" })
+], exports.LuksoTextarea.prototype, "isDisabled", 2);
+__decorateClass([
+  queryAssignedElements.n({ type: Boolean })
+], exports.LuksoTextarea.prototype, "autofocus", 2);
+__decorateClass([
+  queryAssignedElements.n({ type: Boolean })
+], exports.LuksoTextarea.prototype, "borderless", 2);
+__decorateClass([
+  queryAssignedElements.n({ type: Boolean, attribute: "is-non-resizable" })
+], exports.LuksoTextarea.prototype, "isNonResizable", 2);
+__decorateClass([
+  queryAssignedElements.n({ type: String })
+], exports.LuksoTextarea.prototype, "size", 2);
+__decorateClass([
+  queryAssignedElements.n({ type: Number })
+], exports.LuksoTextarea.prototype, "rows", 2);
+__decorateClass([
+  state.t()
+], exports.LuksoTextarea.prototype, "hasHocus", 2);
+__decorateClass([
+  state.t()
+], exports.LuksoTextarea.prototype, "hasHighlight", 2);
+exports.LuksoTextarea = __decorateClass([
+  queryAssignedElements.e("lukso-textarea")
+], exports.LuksoTextarea);

package/dist/components/lukso-textarea/index.d.ts

@@ -0,0 +1,46 @@
+import type { InputSize } from '../../shared/types';
+declare const LuksoTextarea_base: typeof import("lit").LitElement;
+export declare class LuksoTextarea extends LuksoTextarea_base {
+    value: string;
+    name: string;
+    placeholder: string;
+    label: string;
+    id: string;
+    ref: string | undefined;
+    description: string;
+    error: string;
+    customClass: string;
+    isFullWidth: boolean;
+    isReadonly: boolean;
+    isDisabled: boolean;
+    autofocus: boolean;
+    borderless: boolean;
+    isNonResizable: boolean;
+    size: InputSize;
+    rows: number;
+    private hasHocus;
+    private hasHighlight;
+    private styles;
+    inputTemplate(styles: string): import("lit-html").TemplateResult<1>;
+    labelTemplate(): import("lit-html").TemplateResult<1>;
+    descriptionTemplate(): import("lit-html").TemplateResult<1>;
+    errorTemplate(): import("lit-html").TemplateResult<1>;
+    private handleFocus;
+    private handleBlur;
+    private handleChange;
+    private handleInput;
+    private handleKeyUp;
+    private handleKeyDown;
+    private handleKeyPress;
+    private handleMouseOver;
+    private handleMouseOut;
+    private handleInputClick;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lukso-textarea': LuksoTextarea;
+    }
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/lukso-textarea/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-textarea/index.ts"],"names":[],"mappings":"AAMA,OAAO,yBAAyB,CAAA;AAGhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;;AAE/C,qBACa,aAAc,SAAQ,kBAA4B;IAE7D,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,EAAE,SAAK;IAGP,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,SAAK;IAGhB,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,UAAU,UAAQ;IAGlB,cAAc,UAAQ;IAGtB,IAAI,EAAE,SAAS,CAAW;IAG1B,IAAI,SAAI;IAGR,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,MAAM,CAiEZ;IAEF,aAAa,CAAC,MAAM,EAAE,MAAM;IA6B5B,aAAa;IAUb,mBAAmB;IAQnB,aAAa;IAMb,OAAO,CAAC,WAAW;YAOL,UAAU;YAgBV,YAAY;YAcZ,WAAW;YAeX,WAAW;YAcX,aAAa;YAcb,cAAc;IAc5B,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;YAMR,gBAAgB;IAc9B,MAAM;CAyBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAA;KAChC;CACF"}