@lukso/web-components 1.72.0 → 1.74.0

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-25503efb.cjs');
+const shared_tailwindElement_index = require('../../index-9b930f6a.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const state = require('../../state-d9fb972b.cjs');
 const index = require('../../index-1d3f4a5a.cjs');
@@ -10,11 +10,73 @@ require('../lukso-icon/index.cjs');
 require('../lukso-profile/index.cjs');
 require('../lukso-username/index.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');
-require('../../style-map-6337084a.cjs');
+require('../../style-map-ebf3a8d2.cjs');
 require('../../directive-8278ab14.cjs');
 require('../lukso-image/index.cjs');
 require('../../index-e9668573.cjs');
-require('../../index-59f199b0.cjs');
+require('../../index-a1e4b7d4.cjs');
+
+/**
+ * Convert array of 16 byte values to UUID string format of the form:
+ * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
+ */
+var byteToHex = [];
+for (var i = 0; i < 256; ++i) {
+  byteToHex.push((i + 0x100).toString(16).slice(1));
+}
+function unsafeStringify(arr, offset = 0) {
+  // Note: Be careful editing this code!  It's been tuned for performance
+  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
+  //
+  // Note to future-self: No, you can't remove the `toLowerCase()` call.
+  // REF: https://github.com/uuidjs/uuid/pull/677#issuecomment-1757351351
+  return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
+}
+
+// Unique ID creation requires a high quality random # generator. In the browser we therefore
+// require the crypto API and do not support built-in fallback to lower quality random number
+// generators (like Math.random()).
+
+var getRandomValues;
+var rnds8 = new Uint8Array(16);
+function rng() {
+  // lazy load so that environments that need to polyfill have a chance to do so
+  if (!getRandomValues) {
+    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation.
+    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
+    if (!getRandomValues) {
+      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
+    }
+  }
+  return getRandomValues(rnds8);
+}
+
+var randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+const native = {
+  randomUUID
+};
+
+function v4(options, buf, offset) {
+  if (native.randomUUID && !buf && !options) {
+    return native.randomUUID();
+  }
+  options = options || {};
+  var rnds = options.random || (options.rng || rng)();
+
+  // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
+  rnds[6] = rnds[6] & 0x0f | 0x40;
+  rnds[8] = rnds[8] & 0x3f | 0x80;
+
+  // Copy bytes to buffer, if provided
+  if (buf) {
+    offset = offset || 0;
+    for (var i = 0; i < 16; ++i) {
+      buf[offset + i] = rnds[i];
+    }
+    return buf;
+  }
+  return unsafeStringify(rnds);
+}
 
 const style = ":host {\n\n    display: inline-flex\n}\n\n:host([is-full-width]) {\n\n    display: flex;\n\n    width: 100%\n}";
 
@@ -31,7 +93,7 @@ var __decorateClass = (decorators, target, key, kind) => {
 };
 exports.LuksoSelect = class LuksoSelect extends shared_tailwindElement_index.TailwindStyledElement(style) {
   constructor() {
-    super(...arguments);
+    super();
     this.value = "";
     this.placeholder = "";
     this.label = "";
@@ -47,61 +109,119 @@ exports.LuksoSelect = class LuksoSelect extends shared_tailwindElement_index.Tai
     this.isOpen = false;
     this.openTop = false;
     this.isLargeIcon = false;
+    this.isRight = false;
+    this.size = "medium";
+    this.showSelectionCounter = false;
     this.optionsParsed = [];
     this.valueParsed = void 0;
     this.inputStyles = index.ce({
-      base: `bg-neutral-100 paragraph-inter-14-regular px-4 py-3 pr-11
-      border border-solid h-[48px] placeholder:text-neutral-70 select-none whitespace-nowrap
-      outline-none transition transition-all duration-150 appearance-none rounded-12
+      base: `bg-neutral-100
+      border border-solid placeholder:text-neutral-70 select-none whitespace-nowrap
+      outline-none transition transition-all duration-150 appearance-none
       text-neutral-20 cursor-pointer border-neutral-90 group-hover:border-neutral-35
       flex items-center`,
       variants: {
         isFullWidth: {
-          true: `w-full`
+          true: "w-full"
         },
         isDisabled: {
-          true: `cursor-not-allowed text-neutral-60 group-hover:border-neutral-90`
+          true: "cursor-not-allowed text-neutral-60 group-hover:border-neutral-90"
         },
         hasError: {
-          true: `border-red-85 group-hover:border-red-65`
+          true: "border-red-85 group-hover:border-red-65"
         },
         borderless: {
-          true: `border-0`
+          true: "border-0"
+        },
+        size: {
+          small: "h-[28px] px-3 py-2 pr-8 paragraph-inter-12-regular rounded-8",
+          medium: "h-[48px] px-4 py-3 pr-11 paragraph-inter-14-regular rounded-12"
+        }
+      }
+    });
+    this.counterStyles = index.ce({
+      base: "border border-neutral-20",
+      variants: {
+        isDisabled: {
+          true: "opacity-60 cursor-not-allowed"
+        },
+        size: {
+          small: "paragraph-inter-10-semi-bold rounded-4 py-[1px] px-[5px] ml-1.5",
+          medium: "paragraph-inter-14-semi-bold rounded-8 py-[2px] px-[10px] ml-3"
         }
       }
     });
     this.dropdownWrapperStyles = index.ce({
-      base: `bg-neutral-100 border w-full border-neutral-90 shadow-1xl rounded-12 p-3 z-50
-      flex absolute flex-col gap-1 overflow-y-auto max-h-64 mt-2`,
+      base: `bg-neutral-100 border w-auto border-neutral-90 shadow-1xl z-50
+      flex absolute flex-col gap-1 overflow-y-auto max-h-64 `,
       variants: {
         openTop: {
-          true: `bottom-[48px] mb-2 mt-0`
+          true: "bottom-[48px] mb-2 mt-0"
+        },
+        size: {
+          small: "rounded-8 p-2 mt-1 max-w-[200px] min-w-[120px]",
+          medium: "rounded-12 p-3 mt-2 max-w-[300px] min-w-[200px]"
+        },
+        isRight: {
+          true: "right-0"
         }
       }
     });
     this.optionsStyles = index.ce({
-      base: `paragraph-inter-14-regular text-neutral-20 cursor-pointer rounded-8 p-2
-      whitespace-nowrap hover:bg-neutral-98 flex items-center`,
+      base: `text-neutral-20 cursor-pointer
+      whitespace-nowrap hover:bg-neutral-98 flex items-center truncate`,
       variants: {
         isSelected: {
-          true: `bg-neutral-95 hover:bg-neutral-95`
+          true: "bg-neutral-95 hover:bg-neutral-95"
         },
         isActive: {
-          true: `bg-neutral-98`
+          true: "bg-neutral-98"
+        },
+        isGroup: {
+          true: ""
+        },
+        size: {
+          small: "paragraph-inter-12-regular rounded-4 py-1 px-2 min-h-[28px]",
+          medium: "paragraph-inter-14-regular rounded-8 p-2 min-h-[38px]"
+        },
+        isDisabled: {
+          true: "opacity-60 cursor-not-allowed"
+        },
+        isReadonly: {
+          true: "cursor-not-allowed"
         }
-      }
+      },
+      compoundVariants: [
+        {
+          isGroup: true,
+          size: "small",
+          class: "pl-3"
+        },
+        {
+          isGroup: true,
+          size: "medium",
+          class: "pl-4"
+        }
+      ]
     });
     this.iconStyles = index.ce({
-      base: `absolute right-0 mr-3 transition cursor-pointer`,
+      base: "absolute right-0 transition cursor-pointer",
       variants: {
         isDisabled: {
-          true: `opacity-60 cursor-not-allowed`
+          true: "opacity-60 cursor-not-allowed"
         },
         isOpen: {
-          true: `rotate-180`
+          true: "rotate-180"
+        },
+        size: {
+          small: "mr-2",
+          medium: "mr-3"
         }
       }
     });
+    if (!this.id) {
+      this.id = v4();
+    }
   }
   connectedCallback() {
     super.connectedCallback();
@@ -138,7 +258,8 @@ exports.LuksoSelect = class LuksoSelect extends shared_tailwindElement_index.Tai
     }
     if (changedProperties.has("value") && !!this.value) {
       try {
-        this.valueParsed = JSON.parse(this.value);
+        const value = JSON.parse(this.value);
+        this.valueParsed = Array.isArray(value) ? value : [value];
       } catch (error) {
         console.warn("Could not parse value", error);
       }
@@ -149,7 +270,8 @@ exports.LuksoSelect = class LuksoSelect extends shared_tailwindElement_index.Tai
       isFullWidth: this.isFullWidth,
       isDisabled: this.isDisabled,
       hasError: !!this.error,
-      borderless: this.borderless
+      borderless: this.borderless,
+      size: this.size
     });
     return shared_tailwindElement_index.x`
       <div
@@ -159,10 +281,19 @@ exports.LuksoSelect = class LuksoSelect extends shared_tailwindElement_index.Tai
         @blur=${this.handleBlur}
         @click=${this.handleClick}
       >
-        ${this.value ? this.selectedValue() : this.placeholder}
+        ${this.placeholder ? this.placeholder : shared_tailwindElement_index.A}
+        ${!this.placeholder && this.valueParsed?.length ? this.selectedValueTemplate() : shared_tailwindElement_index.A}
+        ${this.showSelectionCounter && this.valueParsed?.length ? this.selectedOptionsCounterTemplate() : shared_tailwindElement_index.A}
       </div>
     `;
   }
+  selectedOptionsCounterTemplate() {
+    const counterStyles = this.counterStyles({
+      isDisabled: this.isDisabled,
+      size: this.size
+    });
+    return shared_tailwindElement_index.x`<div class=${counterStyles}>${this.valueParsed?.length}</div>`;
+  }
   labelTemplate() {
     return shared_tailwindElement_index.x`
       <div class="heading-inter-14-bold text-neutral-20 pb-2 block">
@@ -186,7 +317,9 @@ exports.LuksoSelect = class LuksoSelect extends shared_tailwindElement_index.Tai
     const optionTemplates = [];
     for (const option of Object.entries(this.optionsParsed)) {
       const index = Number(option[0]);
-      if ("value" in option[1]) {
+      if ("values" in option[1]) {
+        optionTemplates.push(this.optionGroupedStringTemplate(option[1], index));
+      } else if ("value" in option[1]) {
         optionTemplates.push(this.optionStringTemplate(option[1], index));
       } else if ("address" in option[1]) {
         optionTemplates.push(this.optionProfileTemplate(option[1], index));
@@ -198,14 +331,33 @@ exports.LuksoSelect = class LuksoSelect extends shared_tailwindElement_index.Tai
   }
   dropdownWrapperTemplate(innerTemplate) {
     const dropdownWrapperStyles = this.dropdownWrapperStyles({
-      openTop: this.openTop
+      openTop: this.openTop,
+      size: this.size,
+      isRight: this.isRight
     });
     return shared_tailwindElement_index.x`<div class="${dropdownWrapperStyles}">${innerTemplate}</div>`;
   }
+  optionGroupedStringTemplate(option, index) {
+    return shared_tailwindElement_index.x`<div
+        class="paragraph-inter-10-bold-uppercase text-neutral-20 p-1"
+      >
+        ${option.group}
+      </div>
+      ${option.values.map((value, valueIndex) => {
+      return this.optionStringTemplate(
+        { id: `${option.id}-${valueIndex}`, group: option.group, value },
+        index
+      );
+    })}`;
+  }
   optionStringTemplate(option, index) {
     const optionsStyles = this.optionsStyles({
-      isSelected: this.valueParsed?.id === option.id,
-      isActive: this.selected === index + 1 && this.valueParsed?.id !== option.id
+      isSelected: !!this.valueParsed?.find((value) => value.id === option.id),
+      isActive: this.selected === index + 1 && !this.valueParsed?.find((value) => value.id === option.id),
+      size: this.size,
+      isGroup: !!option.group,
+      isDisabled: this.isDisabled,
+      isReadonly: this.isReadonly
     });
     return shared_tailwindElement_index.x`<div
       data-id="${option.id}"
@@ -218,8 +370,11 @@ exports.LuksoSelect = class LuksoSelect extends shared_tailwindElement_index.Tai
   }
   optionProfileTemplate(option, index) {
     const optionsStyles = this.optionsStyles({
-      isSelected: this.valueParsed?.id === option.id,
-      isActive: this.selected === index + 1 && this.valueParsed?.id !== option.id
+      isSelected: !!this.valueParsed?.find((value) => value.id === option.id),
+      isActive: this.selected === index + 1 && !this.valueParsed?.find((value) => value.id === option.id),
+      size: this.size,
+      isDisabled: this.isDisabled,
+      isReadonly: this.isReadonly
     });
     return shared_tailwindElement_index.x`<div
       data-id="${option.id}"
@@ -247,27 +402,51 @@ exports.LuksoSelect = class LuksoSelect extends shared_tailwindElement_index.Tai
         name-color="neutral-20"
         max-width="150"
         slice-by="4"
-        size="medium"
+        size=${this.size}
       ></lukso-username>`;
   }
-  selectedValue() {
-    const foundValue = this.optionsParsed.find(
-      (option) => option.id === this.valueParsed?.id
-    );
-    if (foundValue) {
-      if ("value" in foundValue) {
-        return this.optionStringValue(foundValue);
-      } else if ("address" in foundValue) {
-        return this.optionProfileValue(foundValue);
-      } else {
-        console.error("Unknown value type", foundValue);
+  selectedValueTemplate() {
+    const firstOption = this.optionsParsed[0];
+    if ("value" in firstOption) {
+      const foundValues = this.optionsParsed.filter(
+        (option) => !!this.valueParsed?.find((value) => value.id === option.id)
+      );
+      return foundValues.map((value) => this.optionStringValue(value)).join(", ");
+    }
+    if ("values" in firstOption) {
+      const foundValues = [];
+      for (const option of this.optionsParsed) {
+        for (const [index, value] of option.values.entries()) {
+          for (const parsedValue of this.valueParsed) {
+            if (parsedValue.id === `${option.id}-${index}`) {
+              foundValues.push({
+                id: `${option.id}-${index}`,
+                value
+              });
+            }
+          }
+        }
       }
+      return foundValues.map((value) => this.optionStringValue(value)).join(", ");
     }
+    if ("address" in firstOption) {
+      const foundValues = this.optionsParsed.filter(
+        (option) => !!this.valueParsed?.find((value) => value.id === option.id)
+      );
+      const optionProfileValues = [];
+      for (const value of foundValues) {
+        optionProfileValues.push(
+          this.optionProfileValue(value)
+        );
+      }
+      return optionProfileValues;
+    }
+    console.error("Unknown value type", this.valueParsed);
     return "";
   }
   handleOutsideDropdownClick(event) {
     const element = event.target;
-    if (element.tagName === "LUKSO-SELECT") {
+    if (element.tagName === "LUKSO-SELECT" && this.id === element.id) {
       return;
     }
     this.isOpen = false;
@@ -332,7 +511,8 @@ exports.LuksoSelect = class LuksoSelect extends shared_tailwindElement_index.Tai
   render() {
     const iconStyles = this.iconStyles({
       isDisabled: this.isDisabled,
-      isOpen: this.isOpen
+      isOpen: this.isOpen,
+      size: this.size
     });
     return shared_tailwindElement_index.x`
       <div class="relative w-[inherit]">
@@ -400,6 +580,15 @@ __decorateClass([
 __decorateClass([
   queryAssignedElements.n({ type: Boolean, attribute: "is-large-icon" })
 ], exports.LuksoSelect.prototype, "isLargeIcon", 2);
+__decorateClass([
+  queryAssignedElements.n({ type: Boolean, attribute: "is-right" })
+], exports.LuksoSelect.prototype, "isRight", 2);
+__decorateClass([
+  queryAssignedElements.n({ type: String })
+], exports.LuksoSelect.prototype, "size", 2);
+__decorateClass([
+  queryAssignedElements.n({ type: Boolean, attribute: "show-selection-counter" })
+], exports.LuksoSelect.prototype, "showSelectionCounter", 2);
 __decorateClass([
   state.t()
 ], exports.LuksoSelect.prototype, "optionsParsed", 2);

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

@@ -1,16 +1,22 @@
-import { PropertyValues, TemplateResult } from 'lit';
-import { Address } from '../../shared/types';
+import { type PropertyValues, type TemplateResult } from 'lit';
+import type { Address, InputSize } from '../../shared/types';
 export type SelectStringOption = {
     id?: string;
+    group?: string;
     value: string;
 };
 export type SelectProfileOption = {
-    id: string;
+    id?: string;
     address: Address;
     image?: string;
     name?: string;
 };
-export type SelectOption = SelectStringOption | SelectProfileOption;
+export type SelectGroupedStringOption = {
+    id?: string;
+    group: string;
+    values: string[];
+};
+export type SelectOption = SelectStringOption | SelectProfileOption | SelectGroupedStringOption;
 declare const LuksoSelect_base: typeof import("lit").LitElement;
 export declare class LuksoSelect extends LuksoSelect_base {
     value: string;
@@ -28,9 +34,14 @@ export declare class LuksoSelect extends LuksoSelect_base {
     isOpen: boolean;
     openTop: boolean;
     isLargeIcon: boolean;
+    isRight: boolean;
+    size: InputSize;
+    showSelectionCounter: boolean;
     private optionsParsed;
     private valueParsed;
+    constructor();
     private inputStyles;
+    private counterStyles;
     private dropdownWrapperStyles;
     private optionsStyles;
     private iconStyles;
@@ -38,16 +49,18 @@ export declare class LuksoSelect extends LuksoSelect_base {
     disconnectedCallback(): void;
     willUpdate(changedProperties: PropertyValues<this>): void;
     inputTemplate(): TemplateResult<1>;
+    selectedOptionsCounterTemplate(): TemplateResult<1>;
     labelTemplate(): TemplateResult<1>;
     descriptionTemplate(): TemplateResult<1>;
     errorTemplate(): TemplateResult<1>;
     optionsTemplate(): TemplateResult<1>;
     dropdownWrapperTemplate(innerTemplate: TemplateResult<1> | TemplateResult<1>[]): TemplateResult<1>;
+    optionGroupedStringTemplate(option: SelectGroupedStringOption, index: number): TemplateResult<1>;
     optionStringTemplate(option: SelectStringOption, index: number): TemplateResult<1>;
     optionProfileTemplate(option: SelectProfileOption, index: number): TemplateResult<1>;
     private optionStringValue;
     private optionProfileValue;
-    private selectedValue;
+    private selectedValueTemplate;
     private handleOutsideDropdownClick;
     private handleDropdownKeydown;
     private handleSelect;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAiB,MAAM,KAAK,CAAA;AAMnE,OAAO,yBAAyB,CAAA;AAChC,OAAO,4BAA4B,CAAA;AACnC,OAAO,6BAA6B,CAAA;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAExC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,kBAAkB,GAAG,mBAAmB,CAAA;;AAEnE,qBACa,WAAY,SAAQ,gBAA4B;IAE3D,KAAK,SAAK;IAGV,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,EAAE,SAAK;IAGP,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,OAAO,SAAK;IAGZ,QAAQ,MAAY;IAGpB,MAAM,EAAE,OAAO,CAAQ;IAGvB,OAAO,EAAE,OAAO,CAAQ;IAGxB,WAAW,EAAE,OAAO,CAAQ;IAG5B,OAAO,CAAC,aAAa,CAAqB;IAG1C,OAAO,CAAC,WAAW,CAAsC;IAEzD,OAAO,CAAC,WAAW,CAoBjB;IAEF,OAAO,CAAC,qBAAqB,CAQ3B;IAEF,OAAO,CAAC,aAAa,CAWnB;IAEF,OAAO,CAAC,UAAU,CAUhB;IAEF,iBAAiB;IAKjB,oBAAoB;IAMpB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAwClD,aAAa;IAqBb,aAAa;IAQb,mBAAmB;IAQnB,aAAa;IAMb,eAAe;IAkBf,uBAAuB,CACrB,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE;IASxD,oBAAoB,CAAC,MAAM,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM;IAiB9D,qBAAqB,CAAC,MAAM,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM;IAiBhE,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,kBAAkB;IAkB1B,OAAO,CAAC,aAAa;IAkBrB,OAAO,CAAC,0BAA0B;YAUpB,qBAAqB;YAqCrB,YAAY;YAiBZ,UAAU;IAcxB,OAAO,CAAC,WAAW;IAQnB,MAAM;CA4BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAiB,MAAM,KAAK,CAAA;AAM7E,OAAO,yBAAyB,CAAA;AAChC,OAAO,4BAA4B,CAAA;AACnC,OAAO,6BAA6B,CAAA;AAGpC,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAExD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,yBAAyB,GAAG;IACtC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,EAAE,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,YAAY,GACpB,kBAAkB,GAClB,mBAAmB,GACnB,yBAAyB,CAAA;;AAE7B,qBACa,WAAY,SAAQ,gBAA4B;IAE3D,KAAK,SAAK;IAGV,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,EAAE,SAAK;IAGP,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,OAAO,SAAK;IAGZ,QAAQ,MAAY;IAGpB,MAAM,UAAQ;IAGd,OAAO,UAAQ;IAGf,WAAW,UAAQ;IAGnB,OAAO,UAAQ;IAGf,IAAI,EAAE,SAAS,CAAW;IAG1B,oBAAoB,UAAQ;IAG5B,OAAO,CAAC,aAAa,CAAqB;IAG1C,OAAO,CAAC,WAAW,CAAwC;;IAU3D,OAAO,CAAC,WAAW,CAyBjB;IAEF,OAAO,CAAC,aAAa,CAanB;IAEF,OAAO,CAAC,qBAAqB,CAe3B;IAEF,OAAO,CAAC,aAAa,CAoCnB;IAEF,OAAO,CAAC,UAAU,CAchB;IAEF,iBAAiB;IAMjB,oBAAoB;IAMpB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAyClD,aAAa;IA4Bb,8BAA8B;IAS9B,aAAa;IAQb,mBAAmB;IAQnB,aAAa;IAMb,eAAe;IAoBf,uBAAuB,CACrB,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE;IAWxD,2BAA2B,CACzB,MAAM,EAAE,yBAAyB,EACjC,KAAK,EAAE,MAAM;IAef,oBAAoB,CAAC,MAAM,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM;IAsB9D,qBAAqB,CAAC,MAAM,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM;IAqBhE,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,kBAAkB;IAkB1B,OAAO,CAAC,qBAAqB;IAuD7B,OAAO,CAAC,0BAA0B;YAUpB,qBAAqB;YAqCrB,YAAY;YAiBZ,UAAU;IAcxB,OAAO,CAAC,WAAW;IAQnB,MAAM;CA6BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}