godown 3.0.0-canary.0 → 3.0.0-canary.1

package/dev/components/rotate.js

@@ -0,0 +1,86 @@
+import { __decorate } from "tslib";
+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 = scopePrefix(protoName);
+/**
+ * {@linkcode Rotate} Make child elements rotate.
+ *
+ * @category wrapper
+ */
+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>`;
+    }
+    reset() {
+        this._root.style.removeProperty("transform");
+        this._root.style.removeProperty("transition");
+    }
+    _handleRotate(e) {
+        const { rotateX, rotateY } = this._computeOffset(e);
+        this._root.style.setProperty("transform", `rotateX(${rotateX}rad) rotateY(${rotateY}rad)`);
+        this._root.style.setProperty("transition", "0s");
+    }
+    /**
+     * Compute offset.
+     * ```
+     * `rotateX(${rotateX}rad) rotateY(${rotateY}rad)`
+     * ```
+     * @param e Mouse move event.
+     * @returns rotateX, rotateY
+     */
+    _computeOffset(e) {
+        const { left, top, width, height } = this._root.getBoundingClientRect();
+        const { clientX, clientY } = e;
+        const offsetX = clientX - left;
+        const offsetY = clientY - top;
+        const rotateX = -(offsetY - height / 2) / height / 2;
+        const rotateY = (offsetX - width / 2) / width / 2;
+        return { rotateX, rotateY };
+    }
+};
+__decorate([
+    part("root")
+], Rotate.prototype, "_root", void 0);
+Rotate = __decorate([
+    godown(protoName),
+    styles(css `
+  :host {
+    display: block;
+    width: -moz-fit-content;
+    width: fit-content;
+    transition: all 0.5s ease-in-out;
+    ${cssScope}--padding: .75em;
+    ${cssScope}--offset: .5em;
+  }
+
+  div {
+    position: relative;
+    transition: inherit;
+    transition-property: transform;
+  }
+
+  i {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    box-sizing: content-box;
+    padding: var(${cssScope}--offset);
+    margin: calc(-1 * var(${cssScope}--offset));
+  }
+
+  [part="slot"]{
+    z-index: 2;
+  }
+`)
+], 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"}

package/dev/components/router.js

@@ -0,0 +1,248 @@
+var Router_1;
+import { __decorate } from "tslib";
+import { godown } from "@godown/element/decorators/godown.js";
+import { styles } from "@godown/element/decorators/styles.js";
+import { htmlSlot } from "@godown/element/directives/html-slot.js";
+import { RouteTree } from "@godown/element/tools/route-tree.js";
+import { css } from "lit";
+import { property, state } from "lit/decorators.js";
+import { GlobalStyle } from "../core/global-style.js";
+const protoName = "router";
+/**
+ * {@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
+ */
+let Router = Router_1 = class Router extends GlobalStyle {
+    constructor() {
+        super(...arguments);
+        this.__fieldRouteTree = new RouteTree();
+        this.__slottedRouteTree = new RouteTree();
+        this.__cacheRecord = new Map();
+        /**
+         * Render result.
+         */
+        this.component = null;
+        /**
+         * Dynamic parameters record.
+         */
+        this.params = {};
+        /**
+         * Current pathname (equals to location.pathname).
+         */
+        this.pathname = "";
+        /**
+         * Path prefix.
+         */
+        this.baseURL = "";
+        /**
+         * Rendered content when there is no match.
+         */
+        this.default = htmlSlot();
+        /**
+         * 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.
+         */
+        this.type = "united";
+        /**
+         * Cache accessed records.
+         *
+         * Emptied at each re-collection.
+         */
+        this.cache = false;
+        /**
+         * @param params value of useRouter()
+         * @param first whether this path is loaded for the first time.
+         */
+        this.routeChangeCallback = null;
+    }
+    set routes(value) {
+        this.__routes = value;
+        this.collectFieldRoutes(value);
+    }
+    get routes() {
+        return this.__routes;
+    }
+    clear() {
+        this.__cacheRecord.clear();
+    }
+    render() {
+        this.params = {};
+        if (this.cache) {
+            const cached = this.__cacheRecord.get(this.pathname);
+            if (cached) {
+                Object.assign(this, cached);
+                return this.component;
+            }
+        }
+        switch (this.type) {
+            case "field":
+                this.component = this.fieldComponent();
+                break;
+            case "slotted":
+                this.component = this.slottedComponent();
+                break;
+            default:
+                this.component = this.fieldComponent() ?? this.slottedComponent();
+        }
+        return this.component ?? this.default ?? null;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        Router_1.routerInstances.add(this);
+        this.pathname = window.location.pathname;
+        if (this.type !== "field") {
+            const mutationObserver = new MutationObserver(this.collectSlottedRoutes);
+            mutationObserver.observe(this, {
+                attributeFilter: ["slot"],
+                attributes: true,
+                subtree: true,
+            });
+            this.collectSlottedRoutes();
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        Router_1.routerInstances.delete(this);
+    }
+    useRouter() {
+        return {
+            pathname: this.pathname,
+            params: this.params,
+            path: this.path,
+            component: this.component,
+        };
+    }
+    updated(changedProperties) {
+        const shouldDispatch = changedProperties.has("pathname") || changedProperties.has("path");
+        if (shouldDispatch) {
+            const ur = this.useRouter();
+            const noRecord = !this.__cacheRecord.has(this.pathname);
+            if (noRecord) {
+                this.__cacheRecord.set(this.pathname, ur);
+            }
+            this.routeChangeCallback?.(ur, noRecord);
+            this.dispatchEvent(new CustomEvent("change", { detail: ur }));
+        }
+    }
+    /**
+     * Find components from {@linkcode __fieldRouteTree} matching query.
+     * @param query Query string.
+     * @returns Components or null.
+     */
+    fieldComponent(query) {
+        query ||= this.useWhich(this.pathname);
+        this.path = query;
+        if (!query) {
+            return null;
+        }
+        this.params = this.parseParams(this.path, this.pathname);
+        const route = this.routes.find((r) => r.path === query);
+        if (!route) {
+            return null;
+        }
+        return route.component;
+    }
+    /**
+     * Find components from {@linkcode __slottedRouteTree} matching query.
+     * @param query Query string.
+     * @returns Named slot element template result or null.
+     */
+    slottedComponent(usedRouteTemplate) {
+        const slottedPaths = this._slottedNames;
+        usedRouteTemplate ||= this.__slottedRouteTree.useWhich(this.pathname);
+        this.path = usedRouteTemplate;
+        if (!usedRouteTemplate) {
+            return null;
+        }
+        this.path = slottedPaths.find((s) => s === usedRouteTemplate);
+        if (!this.path) {
+            return null;
+        }
+        this.params = this.parseParams(usedRouteTemplate, this.pathname);
+        return htmlSlot(this.path);
+    }
+    /**
+     * Reset the route tree, clear cache, collect routes from child elements.
+     */
+    collectSlottedRoutes() {
+        this.__slottedRouteTree = new RouteTree();
+        this.clear();
+        this._slottedNames.forEach(slotName => {
+            this.__slottedRouteTree.insert(slotName);
+        });
+    }
+    /**
+     * Reset the route tree, clear cache, collect routes from value.
+     */
+    collectFieldRoutes(value) {
+        this.__fieldRouteTree = new RouteTree();
+        this.clear();
+        value.forEach(({ path }) => {
+            this.__fieldRouteTree.insert(path);
+        });
+    }
+    useWhich(path) {
+        return this.__fieldRouteTree.useWhich(this.baseURL + path);
+    }
+    parseParams(routeTemplate, path) {
+        return this.__fieldRouteTree.parseParams(path, routeTemplate);
+    }
+    static updateAll() {
+        this.routerInstances.forEach((i) => {
+            i.pathname = window.location.pathname;
+        });
+    }
+};
+Router.routerInstances = new Set();
+__decorate([
+    state()
+], Router.prototype, "component", void 0);
+__decorate([
+    state()
+], Router.prototype, "params", void 0);
+__decorate([
+    state()
+], Router.prototype, "path", void 0);
+__decorate([
+    property()
+], Router.prototype, "pathname", void 0);
+__decorate([
+    property()
+], Router.prototype, "baseURL", void 0);
+__decorate([
+    state()
+], Router.prototype, "default", void 0);
+__decorate([
+    property()
+], Router.prototype, "type", void 0);
+__decorate([
+    property({ type: Boolean })
+], Router.prototype, "cache", void 0);
+__decorate([
+    state()
+], Router.prototype, "routes", null);
+Router = Router_1 = __decorate([
+    godown(protoName),
+    styles(css `:host{display:contents;}`)
+], Router);
+export default Router;
+//# sourceMappingURL=router.js.map

package/dev/components/router.js.map

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

package/dev/components/select.d.ts

@@ -0,0 +1,50 @@
+import { HandlerEvent } from "@godown/element";
+import Input from "./input.js";
+/**
+ * {@linkcode Select} is similar to <select>.
+ *
+ * Elements with the value attribute/property can be used as options.
+ *
+ * The checked attribute will be added to the selected element.
+ *
+ * Multi-selected state looks the same as single-selected.
+ *
+ * Input will filter the element.
+ *
+ * @slot - Options.
+ * @category input
+ */
+declare class Select extends Input {
+    _cache: WeakMap<HTMLElement, boolean>;
+    value: string | string[];
+    /**
+     * Open content.
+     */
+    open: boolean;
+    /**
+     * Selected texts.
+     */
+    text: string;
+    _content: HTMLElement;
+    visible: boolean;
+    direction: "top" | "bottom" | undefined;
+    multiple: boolean;
+    protected autoDirection: "top" | "bottom";
+    protected lastChecked: HTMLElement;
+    protected defaultText: string;
+    protected defaultChecked: HTMLElement[];
+    private _store;
+    protected render(): import("lit").TemplateResult<1>;
+    protected _handleFocus(): void;
+    protected _connectedInit(): void;
+    reset(): void;
+    select(value: string, text?: string): 0 | 1;
+    filter(query?: string): void;
+    filterCallback(element: HTMLElement, match: boolean, query: string): void;
+    protected _handleInput(e: HandlerEvent<HTMLInputElement>): void;
+    focus(options?: FocusOptions): void;
+    blur(): void;
+    optionValue(option: HTMLElement): string;
+}
+export default Select;
+//# sourceMappingURL=select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/components/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAU/C,OAAO,KAAK,MAAM,YAAY,CAAC;AAyB/B;;;;;;;;;;;;;GAaG;AACH,cAsBM,MAAO,SAAQ,KAAK;IACxB,MAAM,gCAAuC;IAE7C,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAEzB;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAC;IAGb,QAAQ,EAAE,WAAW,CAAC;IAGtB,OAAO,EAAE,OAAO,CAAC;IAGjB,SAAS,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;IAGxC,QAAQ,EAAE,OAAO,CAAC;IAElB,SAAS,CAAC,aAAa,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1C,SAAS,CAAC,WAAW,EAAE,WAAW,CAAC;IACnC,SAAS,CAAC,WAAW,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,cAAc,EAAE,WAAW,EAAE,CAAC;IACxC,OAAO,CAAC,MAAM,CAA0C;IAExD,SAAS,CAAC,MAAM;IA4BhB,SAAS,CAAC,YAAY;IAmCtB,SAAS,CAAC,cAAc;IAmBxB,KAAK,IAAI,IAAI;IAOb,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM;IA4BnC,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM;IAcrB,cAAc,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM;IAIlE,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC;IAUxD,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAK5B,IAAI;IAKJ,WAAW,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM;CAGzC;AAED,eAAe,MAAM,CAAC"}