godown 2.7.7 → 3.0.0-canary.1

package/{web-components/input/range-input.js → dev/components/range.js}

@@ -1,19 +1,28 @@
 import { __decorate } from "tslib";
-import { css, html, property } from "../../_deps.js";
-import { godown } from "../../decorators/godown.js";
-import { part } from "../../decorators/part.js";
-import { styles } from "../../decorators/styles.js";
-import { combine, htmlSlot } from "../../lib/directives.js";
-import { isNil, joinProperties, notNil } from "../../lib/utils.js";
-import GodownInput from "../../proto/super-input.js";
-import { createScope, cssGlobalVars } from "../../styles/global.js";
-import { inputStyle } from "../../styles/inputStyle.js";
-const protoName = "range-input";
-const cssScope = createScope(protoName);
+import { godown } from "@godown/element/decorators/godown.js";
+import { part } from "@godown/element/decorators/part.js";
+import { styles } from "@godown/element/decorators/styles.js";
+import { classList } from "@godown/element/directives/class-list.js";
+import { conditionIf } from "@godown/element/directives/condition-if.js";
+import { htmlSlot } from "@godown/element/directives/html-slot.js";
+import { joinProperties } from "@godown/element/tools/css.js";
+import { isNil } from "@godown/element/tools/lib.js";
+import { css, html } from "lit";
+import { property, state } from "lit/decorators.js";
+import { cssGlobalVars, scopePrefix } from "../core/global-style.js";
+import SuperInput from "../core/super-input.js";
+const protoName = "range";
+const cssScope = scopePrefix(protoName);
 /**
- * {@linkcode RangeInput }.
+ * {@linkcode Range} is similar to <input type="range">.
+ *
+ * Value accepts a number, or an array of two numbers.
+ *
+ * Number have one handle, array have two.
+ *
+ * @category input
  */
-let RangeInput = class RangeInput extends GodownInput {
+let Range = class Range extends SuperInput {
     constructor() {
         super(...arguments);
         /**
@@ -35,57 +44,55 @@ let RangeInput = class RangeInput extends GodownInput {
     get reverse() {
         return this.range ? this.value[0] > this.value[1] : false;
     }
+    /**
+     * Enable range sliding.
+     */
+    get range() {
+        return Array.isArray(this.value);
+    }
+    get rangeValue() {
+        return (this.range ? this.value : [0, this.value]);
+    }
     render() {
-        const [from, to] = (this.range ? this.value : [0, this.value]);
+        const [from, to] = this.rangeValue;
         const gap = this.max - this.min;
-        const style = joinProperties({
-            "--start": `${((from - this.min) / gap) * 100}%`,
-            "--end": `${((to - this.min) / gap) * 100}%`,
-        });
         return html `<div
       part="root"
-      class="${combine({
+      class="${classList({
             vertical: this.vertical,
             range: this.range,
             reverse: this.reverse,
         })}"
-      @mousedown="${this._handleMousedownRoot}"
-      style="${style}"
-    >
+      @mousedown="${this.disabled ? null : this._handleMousedownRoot}"
+      style="${joinProperties({ "--start": `${((from - this.min) / gap) * 100}%`, "--end": `${((to - this.min) / gap) * 100}%` })}">
       <div part="track"></div>
-      <i
+    ${conditionIf(this.range, html `<i
         part="handle"
-        class="${combine({
-            "last-focus": this.lastFocus === 1,
-        }, "start")}"
-        @mousedown="${this._handleMousedownStart}"
-      >
+        class="${classList({ "last-focus": this.lastFocus === 1 }, "start")}"
+        @mousedown="${this.disabled ? null : this._handleMousedownStart}">
         ${htmlSlot("start")}
-      </i>
+      </i>`)}
       <i
         part="handle"
-        class="${combine({
-            "last-focus": this.lastFocus === 2,
-        }, "end")}"
-        @mousedown="${this._handleMousedownEnd}"
-      >
+        class="${classList({ "last-focus": this.lastFocus === 2 }, "end")}"
+        @mousedown="${this.disabled ? null : this._handleMousedownEnd}">
         ${htmlSlot("end")}
       </i>
     </div>`;
     }
     _handleMousedownStart(e) {
+        this.lastFocus = 1;
         this.createMousedownListener(this.setStart)(e);
     }
     _handleMousedownEnd(e) {
+        this.lastFocus = 2;
         this.createMousedownListener(this.setEnd)(e);
     }
     setStart(value) {
-        this.lastFocus = 1;
         const i = this.value[1];
         this.value = this.range ? [value, i] : value;
     }
     setEnd(value) {
-        this.lastFocus = 2;
         const i = this.value[0];
         this.value = this.range ? [i, value] : value;
     }
@@ -137,10 +144,10 @@ let RangeInput = class RangeInput extends GodownInput {
     _connectedInit() {
         const gap = this.max - this.min;
         this.step ||= gap / 100;
-        if (notNil(this.default) && isNil(this.value)) {
+        if (!isNil(this.default) && isNil(this.value)) {
             this.value = this.default;
         }
-        else if (isNil(this.default) && notNil(this.value)) {
+        else if (isNil(this.default) && !isNil(this.value)) {
             this.default = this.value;
         }
         else {
@@ -171,61 +178,52 @@ let RangeInput = class RangeInput extends GodownInput {
 };
 __decorate([
     property({ type: Number })
-], RangeInput.prototype, "min", void 0);
+], Range.prototype, "min", void 0);
 __decorate([
     property({ type: Number })
-], RangeInput.prototype, "max", void 0);
+], Range.prototype, "max", void 0);
 __decorate([
     property({ type: Number })
-], RangeInput.prototype, "step", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], RangeInput.prototype, "range", void 0);
+], Range.prototype, "step", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
-], RangeInput.prototype, "vertical", void 0);
+], Range.prototype, "vertical", void 0);
 __decorate([
     property({ type: Array })
-], RangeInput.prototype, "value", void 0);
+], Range.prototype, "value", void 0);
 __decorate([
     property({ type: Array })
-], RangeInput.prototype, "default", void 0);
+], Range.prototype, "default", void 0);
 __decorate([
     part("root")
-], RangeInput.prototype, "_root", void 0);
-RangeInput = __decorate([
+], Range.prototype, "_root", void 0);
+__decorate([
+    state()
+], Range.prototype, "lastFocus", void 0);
+Range = __decorate([
     godown(protoName),
-    styles([
-        inputStyle,
-        css `
+    styles(css `
     :host {
-      background: var(--${cssGlobalVars.input}--background);
-      margin: 0.25em var(--${cssGlobalVars.input}--outline-width);
-      border-radius: var(--${cssGlobalVars.input}--radius);
-      border-radius: var(--${cssGlobalVars.input}--radius);
-      --${cssScope}--handle-active: rgb(0 118 200);
-      --${cssScope}--track-width: .5em;
+      ${cssScope}-handle-active: var(${cssGlobalVars._colors.blue[7]});
+      ${cssScope}-track-width: .5em;
+      background: var(${cssGlobalVars.input}-background);
+      width: var(${cssGlobalVars.input}-width);
       display: inline-block;
-      width: var(--${cssGlobalVars.input}--width);
+      margin: 0.25em 0;
     }
 
     :host([vertical]) {
-      height:  var(--${cssGlobalVars.input}--width);
-      width: -moz-fit-content;
+      height: var(${cssGlobalVars.input}-width);
       width: fit-content;
     }
 
-    i:hover {
-      --${cssScope}--handle-scale:1.08;
-    }
-
-    i:active {
-      --${cssScope}--handle-scale:1.05;
-      background: var(--${cssScope}--handle-active);
+     :host(:not([disabled])) i:active {
+      ${cssScope}-handle-scale:1.05;
+      background: var(${cssScope}-handle-active);
     }
 
     .last-focus {
-      z-index: 2;
+      z-index: 1;
     }
 
     [part="root"] {
@@ -235,10 +233,11 @@ RangeInput = __decorate([
       width: 100%;
       --start: 0%;
       --end: 50%;
-      height: var(--${cssScope}--track-width);
+      height: var(${cssScope}-track-width);
     }
 
     [part="track"] {
+      height: 100%;
       min-height:inherit;
       display: flex;
       position: absolute;
@@ -246,31 +245,29 @@ RangeInput = __decorate([
       border-radius: inherit;
       justify-content: space-between;
       left: min(var(--start), var(--end));
-      background: var(--${cssGlobalVars.input}--true);
+      background: var(${cssGlobalVars.active});
       width: max(calc(var(--end) - var(--start)), calc(var(--start) - var(--end)));
     }
 
-    [part=handle] {
+    [part="handle"] {
       width: 1em;
       height: 1em;
       display: flex;
       align-items: center;
       justify-content: center;
-      -webkit-user-select: none;
-              user-select: none;
+      user-select: none;
       position: absolute;
       border: 0.1em solid;
       border-radius: 50%;
       transform-origin: 0% 25%;
-      transform: scale(var(--${cssScope}--handle-scale, 1)) translate(-50%, -25%);
-      background: var(--${cssGlobalVars.input}--true);
-      border-color: var(--${cssGlobalVars.input}--control);
+      transform: scale(var(${cssScope}-handle-scale, 1)) translate(-50%, -25%);
+      background: var(${cssGlobalVars.active});
+      border-color: var(${cssGlobalVars.input}-control);
     }
-  `,
-        css `
+  `, css `
     .vertical {
       height: 100%;
-      width: var(--${cssScope}--track-width);
+      width: var(${cssScope}-track-width);
     }
 
     .vertical i {
@@ -283,12 +280,7 @@ RangeInput = __decorate([
       top: min(var(--start), var(--end));
       left: 0;
     }
-  `,
-        css `
-    :host(:not([range])) .start {
-      visibility: hidden;
-    }
-
+  `, css `
     .start {
       left: var(--start);
       top: 0;
@@ -308,9 +300,7 @@ RangeInput = __decorate([
       top: var(--end);
       left: 0;
     }
-  `,
-    ])
-], RangeInput);
-export { RangeInput };
-export default RangeInput;
-//# sourceMappingURL=range-input.js.map
+  `)
+], Range);
+export default Range;
+//# sourceMappingURL=range.js.map

package/dev/components/range.js.map

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

package/dev/components/rotate.d.ts

@@ -0,0 +1,26 @@
+import { GlobalStyle } from "../core/global-style.js";
+/**
+ * {@linkcode Rotate} Make child elements rotate.
+ *
+ * @category wrapper
+ */
+declare class Rotate extends GlobalStyle {
+    _root: HTMLElement;
+    protected render(): import("lit").TemplateResult<1>;
+    reset(): void;
+    protected _handleRotate(e: MouseEvent): void;
+    /**
+     * Compute offset.
+     * ```
+     * `rotateX(${rotateX}rad) rotateY(${rotateY}rad)`
+     * ```
+     * @param e Mouse move event.
+     * @returns rotateX, rotateY
+     */
+    _computeOffset(e: MouseEvent): {
+        rotateX: number;
+        rotateY: number;
+    };
+}
+export default Rotate;
+//# sourceMappingURL=rotate.d.ts.map

package/dev/components/rotate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rotate.d.ts","sourceRoot":"","sources":["../../src/components/rotate.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKnE;;;;GAIG;AACH,cAiCM,MAAO,SAAQ,WAAW;IAE9B,KAAK,EAAE,WAAW,CAAC;IAEnB,SAAS,CAAC,MAAM;IAOhB,KAAK;IAKL,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,UAAU;IAMrC;;;;;;;OAOG;IACH,cAAc,CAAC,CAAC,EAAE,UAAU;;;;CAU7B;AAED,eAAe,MAAM,CAAC"}

package/{web-components/wrapper → dev/components}/rotate.js

@@ -1,33 +1,28 @@
 import { __decorate } from "tslib";
-import { css, html } from "../../_deps.js";
-import { godown } from "../../decorators/godown.js";
-import { part } from "../../decorators/part.js";
-import { styles } from "../../decorators/styles.js";
-import { htmlSlot } from "../../lib/directives.js";
-import { GodownElement } from "../../proto/godown-element.js";
-import { createScope } from "../../styles/global.js";
+import { godown } from "@godown/element/decorators/godown.js";
+import { part } from "@godown/element/decorators/part.js";
+import { styles } from "@godown/element/decorators/styles.js";
+import { htmlSlot } from "@godown/element/directives/html-slot.js";
+import { css, html } from "lit";
+import { GlobalStyle, scopePrefix } from "../core/global-style.js";
 const protoName = "rotate";
-const cssScope = createScope(protoName);
+const cssScope = scopePrefix(protoName);
 /**
  * {@linkcode Rotate} Make child elements rotate.
+ *
+ * @category wrapper
  */
-let Rotate = class Rotate extends GodownElement {
+let Rotate = class Rotate extends GlobalStyle {
     render() {
         return html `<div part="root">
       <div part="slot" @mousemove="${this._handleRotate}">${htmlSlot()}</div>
       <i @mouseleave="${this.reset}"></i>
     </div>`;
     }
-    /**
-     * Cancel the offset.
-     */
     reset() {
         this._root.style.removeProperty("transform");
         this._root.style.removeProperty("transition");
     }
-    /**
-     * Apply offset.
-     */
     _handleRotate(e) {
         const { rotateX, rotateY } = this._computeOffset(e);
         this._root.style.setProperty("transform", `rotateX(${rotateX}rad) rotateY(${rotateY}rad)`);
@@ -62,8 +57,8 @@ Rotate = __decorate([
     width: -moz-fit-content;
     width: fit-content;
     transition: all 0.5s ease-in-out;
-    --${cssScope}--padding: .75em;
-    --${cssScope}--offset: .5em;
+    ${cssScope}--padding: .75em;
+    ${cssScope}--offset: .5em;
   }
 
   div {
@@ -78,8 +73,8 @@ Rotate = __decorate([
     position: absolute;
     top: 0;
     box-sizing: content-box;
-    padding: var(--${cssScope}--offset);
-    margin: calc(-1 * var(--${cssScope}--offset));
+    padding: var(${cssScope}--offset);
+    margin: calc(-1 * var(${cssScope}--offset));
   }
 
   [part="slot"]{
@@ -87,6 +82,5 @@ Rotate = __decorate([
   }
 `)
 ], Rotate);
-export { Rotate };
 export default Rotate;
 //# sourceMappingURL=rotate.js.map

package/dev/components/rotate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rotate.js","sourceRoot":"","sources":["../../src/components/rotate.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,oCAAoC,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAEhC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEnE,MAAM,SAAS,GAAG,QAAQ,CAAC;AAC3B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;GAIG;AAkCH,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,WAAW;IAIpB,MAAM;QACd,OAAO,IAAI,CAAA;qCACsB,IAAI,CAAC,aAAa,KAAK,QAAQ,EAAE;wBAC9C,IAAI,CAAC,KAAK;WACvB,CAAC;IACV,CAAC;IAED,KAAK;QACH,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;QAC7C,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;IAChD,CAAC;IAES,aAAa,CAAC,CAAa;QACnC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;QACpD,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,WAAW,EAAE,WAAW,OAAO,gBAAgB,OAAO,MAAM,CAAC,CAAC;QAC3F,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;IACnD,CAAC;IAED;;;;;;;OAOG;IACH,cAAc,CAAC,CAAa;QAC1B,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,EAAE,CAAC;QACxE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;QAC/B,MAAM,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC;QAC/B,MAAM,OAAO,GAAG,OAAO,GAAG,GAAG,CAAC;QAE9B,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,GAAG,MAAM,GAAG,CAAC,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC;QACrD,MAAM,OAAO,GAAG,CAAC,OAAO,GAAG,KAAK,GAAG,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;QAClD,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;IAC9B,CAAC;CACF,CAAA;AAtCC;IADC,IAAI,CAAC,MAAM,CAAC;qCACM;AAFf,MAAM;IAjCX,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CACL,GAAG,CAAA;;;;;;MAMC,QAAQ;MACR,QAAQ;;;;;;;;;;;;;;;mBAeK,QAAQ;4BACC,QAAQ;;;;;;CAMnC,CACA;GACK,MAAM,CAwCX;AAED,eAAe,MAAM,CAAC"}

package/dev/components/router.d.ts

@@ -0,0 +1,121 @@
+import { type PropertyValueMap, type TemplateResult } from "lit";
+import { GlobalStyle } from "../core/global-style.js";
+/**
+ * {@linkcode Router} has basic routing control.
+ *
+ * To switch routes, use `router-link component`.
+ *
+ * It has two methods to collect routes.
+ *
+ * 1. From field `routes`, an array, each elements require "path" and "component".
+ * 2. From child elements, which have the slot attribute for matching routes.
+ *
+ * If only the method 1 is used, set `type` to `"field"`.
+ *
+ * If only the method 2 is used, set `type` to `"slotted"`.
+ *
+ * `type` defaults to `"united"`, which will try method 1, then method 2.
+ *
+ * If no routes are matched, the default value (no named slot) will be rendered.
+ *
+ * @category navigation
+ */
+declare class Router<C = unknown> extends GlobalStyle {
+    static routerInstances: Set<Router<unknown>>;
+    private __fieldRouteTree;
+    private __slottedRouteTree;
+    private __cacheRecord;
+    private __routes;
+    /**
+     * Render result.
+     */
+    component: C | TemplateResult;
+    /**
+     * Dynamic parameters record.
+     */
+    params: Record<string, string>;
+    /**
+     * Value of matched path in routes.
+     */
+    path: string;
+    /**
+     * Current pathname (equals to location.pathname).
+     */
+    pathname: string;
+    /**
+     * Path prefix.
+     */
+    baseURL: string;
+    /**
+     * Rendered content when there is no match.
+     */
+    default: TemplateResult;
+    /**
+     * The type of routing sources.
+     *
+     * If field, it won't collect the slot attribute of the child elements.
+     *
+     * This property should not be changed after the rendering is complete.
+     */
+    type: "united" | "slotted" | "field";
+    /**
+     * Cache accessed records.
+     *
+     * Emptied at each re-collection.
+     */
+    cache: boolean;
+    set routes(value: (Record<string, any> & {
+        path: string;
+        component?: C;
+    })[]);
+    get routes(): (Record<string, any> & {
+        path: string;
+        component?: C;
+    })[];
+    clear(): void;
+    protected render(): C | TemplateResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    useRouter(): {
+        pathname: string;
+        params: Record<string, string>;
+        path: string;
+        component: C | TemplateResult;
+    };
+    /**
+     * @param params value of useRouter()
+     * @param first whether this path is loaded for the first time.
+     */
+    routeChangeCallback: (params: {
+        pathname: string;
+        params: Record<string, string>;
+        path: string;
+        component: C | TemplateResult;
+    }, first: boolean) => void;
+    protected updated(changedProperties: PropertyValueMap<this>): void;
+    /**
+     * Find components from {@linkcode __fieldRouteTree} matching query.
+     * @param query Query string.
+     * @returns Components or null.
+     */
+    fieldComponent(query?: string): C;
+    /**
+     * Find components from {@linkcode __slottedRouteTree} matching query.
+     * @param query Query string.
+     * @returns Named slot element template result or null.
+     */
+    slottedComponent(usedRouteTemplate?: string): TemplateResult<1>;
+    /**
+     * Reset the route tree, clear cache, collect routes from child elements.
+     */
+    collectSlottedRoutes(): void;
+    /**
+     * Reset the route tree, clear cache, collect routes from value.
+     */
+    collectFieldRoutes(value: typeof this.routes): void;
+    useWhich(path: string): string;
+    parseParams(routeTemplate: string, path: string): Record<string, string>;
+    static updateAll(): void;
+}
+export default Router;
+//# sourceMappingURL=router.d.ts.map

package/dev/components/router.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../../src/components/router.ts"],"names":[],"mappings":"AAIA,OAAO,EAAO,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGtE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,cAEM,MAAM,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,WAAW;IAC3C,MAAM,CAAC,eAAe,uBAAqB;IAE3C,OAAO,CAAC,gBAAgB,CAA8B;IACtD,OAAO,CAAC,kBAAkB,CAA8B;IACxD,OAAO,CAAC,aAAa,CAAwD;IAC7E,OAAO,CAAC,QAAQ,CAMZ;IAEJ;;OAEG;IAEH,SAAS,EAAE,CAAC,GAAG,cAAc,CAAQ;IACrC;;OAEG;IAEH,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IACpC;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IAEH,QAAQ,SAAM;IACd;;OAEG;IAEH,OAAO,SAAM;IACb;;OAEG;IAEH,OAAO,EAAE,cAAc,CAAc;IACrC;;;;;;OAMG;IAEH,IAAI,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAY;IAChD;;;;OAIG;IAEH,KAAK,UAAS;IAEd,IACI,MAAM,CAAC,KAAK;cArDN,MAAM;oBACA,CAAC;QAoDD,EAGf;IACD,IAAI,MAAM;cAzDA,MAAM;oBACA,CAAC;SA0DhB;IAED,KAAK;IAIL,SAAS,CAAC,MAAM;IAsBhB,iBAAiB;IAgBjB,oBAAoB;IAKpB,SAAS;;;;;;IAST;;;OAGG;IACH,mBAAmB,EAAE,CAAC,MAAM,EAAE;QAC5B,QAAQ,EAAE,MAAM,CAAC;QACjB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC/B,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,CAAC,GAAG,cAAc,CAAC;KAC/B,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAQ;IAElC,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC;IAa3D;;;;OAIG;IACH,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM;IAgB7B;;;;OAIG;IACH,gBAAgB,CAAC,iBAAiB,CAAC,EAAE,MAAM;IAiB3C;;OAEG;IACH,oBAAoB;IAQpB;;OAEG;IACH,kBAAkB,CAAC,KAAK,EAAE,OAAO,IAAI,CAAC,MAAM;IAQ5C,QAAQ,CAAC,IAAI,EAAE,MAAM;IAIrB,WAAW,CAAC,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM;IAI/C,MAAM,CAAC,SAAS;CAKjB;AAED,eAAe,MAAM,CAAC"}