@reffy/infinite-canvas 0.0.1

package/lib/contextMenu/ContextMenu.d.ts

@@ -0,0 +1,57 @@
+export type ContextMenuType = "single" | "multi" | "canvas";
+type ContextMenuElCoreOption = {
+    text: string;
+    parent?: ContextMenuGroup;
+    style?: CSSStyleDeclaration;
+    subMenu?: ContextMenuProps;
+};
+type ContextMenuElOption = (ContextMenuElCoreOption & {
+    onClick?: (e?: MouseEvent) => void;
+    onHover?: (e?: MouseEvent) => void;
+}) | (ContextMenuElCoreOption & {
+    childOptions: ContextMenuElOption[];
+});
+export type ContextMenuProps = {
+    options: ContextMenuGroupProps[];
+};
+export type ContextMenuGroupProps = {
+    childOptions: ContextMenuElOption[];
+};
+/**
+ * When a context menu is opened, its children are displayed
+ */
+export declare class ContextMenu {
+    _el: HTMLDivElement;
+    options: ContextMenuGroup[];
+    rootNode: DocumentFragment | HTMLElement;
+    get el(): HTMLDivElement;
+    constructor(option: ContextMenuProps, rootNode: DocumentFragment | HTMLElement);
+    attachToParent(parent: Node): void;
+    private createOptionGroup;
+    private addDivider;
+}
+export declare class ContextMenuGroup {
+    _el: HTMLDivElement;
+    childOptions: ContextMenuElement[];
+    rootNode: DocumentFragment | HTMLElement;
+    get el(): HTMLDivElement;
+    constructor(option: ContextMenuGroupProps, rootNode: DocumentFragment | HTMLElement);
+    attachToParent(parent: Node): void;
+    private createOptionElement;
+}
+/**
+ * An element MAY have a submenu that will open up if they are selected (we will consider this in the future)
+ * Otherwise, trigger the onclick function instead.
+ * In its construction, either a sub menu has to be passed or an onclick must be added
+ */
+export declare class ContextMenuElement {
+    displayText: string;
+    _el: HTMLButtonElement;
+    parent: ContextMenuGroup;
+    subMenu?: ContextMenu;
+    rootNode: DocumentFragment | HTMLElement;
+    get el(): HTMLButtonElement;
+    constructor(option: ContextMenuElOption, rootNode: DocumentFragment | HTMLElement);
+}
+export {};
+//# sourceMappingURL=ContextMenu.d.ts.map

package/lib/contextMenu/ContextMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"src/","sources":["contextMenu/ContextMenu.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE5D,KAAK,uBAAuB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B,CAAC;AAEF,KAAK,mBAAmB,GACpB,CAAC,uBAAuB,GAAG;IACzB,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACpC,CAAC,GACF,CAAC,uBAAuB,GAAG;IAAE,YAAY,EAAE,mBAAmB,EAAE,CAAA;CAAE,CAAC,CAAC;AAExE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,qBAAqB,EAAE,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,YAAY,EAAE,mBAAmB,EAAE,CAAC;CACrC,CAAC;AAEF;;GAEG;AACH,qBAAa,WAAW;IACtB,GAAG,EAAE,cAAc,CAAC;IACpB,OAAO,EAAE,gBAAgB,EAAE,CAAM;IACjC,QAAQ,EAAE,gBAAgB,GAAG,WAAW,CAAC;IAEzC,IAAI,EAAE,mBAEL;gBAGC,MAAM,EAAE,gBAAgB,EACxB,QAAQ,EAAE,gBAAgB,GAAG,WAAW;IAkB1C,cAAc,CAAC,MAAM,EAAE,IAAI;IAI3B,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,UAAU;CAMnB;AAED,qBAAa,gBAAgB;IAC3B,GAAG,EAAE,cAAc,CAAC;IACpB,YAAY,EAAE,kBAAkB,EAAE,CAAM;IACxC,QAAQ,EAAE,gBAAgB,GAAG,WAAW,CAAC;IAEzC,IAAI,EAAE,mBAEL;gBAGC,MAAM,EAAE,qBAAqB,EAC7B,QAAQ,EAAE,gBAAgB,GAAG,WAAW;IAS1C,cAAc,CAAC,MAAM,EAAE,IAAI;IAI3B,OAAO,CAAC,mBAAmB;CAK5B;AAED;;;;GAIG;AACH,qBAAa,kBAAkB;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,GAAG,EAAE,iBAAiB,CAAC;IACvB,MAAM,EAAE,gBAAgB,CAAC;IACzB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,QAAQ,EAAE,gBAAgB,GAAG,WAAW,CAAC;IAEzC,IAAI,EAAE,sBAEL;gBAGC,MAAM,EAAE,mBAAmB,EAC3B,QAAQ,EAAE,gBAAgB,GAAG,WAAW;CAuB3C"}

package/lib/contextMenu/ContextMenu.js

@@ -0,0 +1,124 @@
+"use strict";
+// a style for the context menu should be set at the top level context menu and it should trickle down or looked up recurisvely?
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContextMenuElement = exports.ContextMenuGroup = exports.ContextMenu = void 0;
+/**
+ * When a context menu is opened, its children are displayed
+ */
+class ContextMenu {
+    get el() {
+        return this._el;
+    }
+    constructor(option, rootNode) {
+        this.options = [];
+        this.rootNode = rootNode;
+        this._el = document.createElement("div");
+        this._el.classList.add("context-menu");
+        option.options.forEach((o, idx) => {
+            this.createOptionGroup(o);
+            if (idx !== option.options.length - 1) {
+                this.addDivider();
+            }
+        });
+        this._el.addEventListener("contextmenu", (e) => {
+            e.preventDefault();
+        });
+    }
+    attachToParent(parent) {
+        parent.appendChild(this.el);
+    }
+    createOptionGroup(option) {
+        const element = new ContextMenuGroup(option, this.rootNode);
+        this.options.push(element);
+        this.el.appendChild(element.el);
+    }
+    addDivider() {
+        // const divider = document.createElement('div');
+        const divider = document.createElement("hr");
+        divider.classList.add("context-menu-divider");
+        this.el.appendChild(divider);
+    }
+}
+exports.ContextMenu = ContextMenu;
+class ContextMenuGroup {
+    get el() {
+        return this._el;
+    }
+    constructor(option, rootNode) {
+        this.childOptions = [];
+        this.rootNode = rootNode;
+        this._el = document.createElement("div");
+        this.createOptionElement = this.createOptionElement.bind(this);
+        option.childOptions.forEach((o) => this.createOptionElement(o));
+    }
+    attachToParent(parent) {
+        parent.appendChild(this.el);
+    }
+    createOptionElement(option) {
+        option.parent = this;
+        const element = new ContextMenuElement(option, this.rootNode);
+        this.childOptions.push(element);
+    }
+}
+exports.ContextMenuGroup = ContextMenuGroup;
+/**
+ * An element MAY have a submenu that will open up if they are selected (we will consider this in the future)
+ * Otherwise, trigger the onclick function instead.
+ * In its construction, either a sub menu has to be passed or an onclick must be added
+ */
+class ContextMenuElement {
+    get el() {
+        return this._el;
+    }
+    constructor(option, rootNode) {
+        this.displayText = option.text;
+        this.rootNode = rootNode;
+        this.parent = option.parent;
+        this._el = document.createElement("button");
+        this._el.textContent = option.text;
+        this._el.classList.add("context-menu-option");
+        this.parent.el.appendChild(this._el);
+        if ("onClick" in option) {
+            this._el.addEventListener("click", option.onClick);
+        }
+        this._el.addEventListener("pointerenter", (e) => onpointerenter(e, option, this._el, this.rootNode));
+        this._el.addEventListener("contextmenu", (e) => {
+            e.preventDefault();
+        });
+    }
+}
+exports.ContextMenuElement = ContextMenuElement;
+function onpointerenter(e, parentOption, parentEl, rootNode) {
+    if (!rootNode)
+        return;
+    const oldMenu = rootNode.querySelector(".sub-context-menu");
+    if (oldMenu)
+        oldMenu.remove();
+    if (parentOption.subMenu) {
+        const newMenu = new ContextMenu(parentOption.subMenu, this);
+        rootNode.appendChild(newMenu.el);
+        newMenu.el.id = `${parentOption.text}-context-menu`;
+        newMenu.el.classList.add("sub-context-menu");
+        // calculate proper position
+        const hostRect = rootNode.getBoundingClientRect();
+        const parentBoundingBox = parentEl.getBoundingClientRect();
+        const menuRect = newMenu.el.getBoundingClientRect();
+        const hostWidth = hostRect.right - hostRect.left;
+        const hostHeight = hostRect.bottom - hostRect.top;
+        const menuWidth = parentBoundingBox.right + menuRect.width;
+        const menuHeight = parentBoundingBox.top + menuRect.height;
+        if (menuHeight > hostHeight) {
+            newMenu._el.style.top = `${parentBoundingBox.bottom - menuRect.height}px`;
+        }
+        else {
+            newMenu._el.style.top = `${parentBoundingBox.top}px`;
+        }
+        if (menuWidth > hostWidth) {
+            newMenu._el.style.left = `${parentBoundingBox.left - menuRect.width}px`;
+        }
+        else {
+            newMenu._el.style.left = `${parentBoundingBox.right}px`;
+        }
+    }
+}
+//# sourceMappingURL=ContextMenu.js.map

package/lib/contextMenu/ContextMenu.js.map

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

package/lib/contextMenu/Interaction.d.ts

@@ -0,0 +1,22 @@
+import { ContextMenuGroupProps, ContextMenuType } from "./ContextMenu";
+export declare function addContextMenu(x: number, y: number, type?: ContextMenuType): void;
+export declare function clearContextMenu(): void;
+export declare function isContextMenuActive(): boolean;
+export declare function createBasicImageMenuOptions(): {
+    options: {
+        childOptions: {
+            text: string;
+            onClick: any;
+        }[];
+    }[];
+};
+export declare function createSingleImageMenuOptions(base?: ContextMenuGroupProps[]): {
+    options: ContextMenuGroupProps[];
+};
+export declare function createMultiImageMenuOptions(base?: ContextMenuGroupProps[]): {
+    options: ContextMenuGroupProps[];
+};
+export declare function createCanvasImageMenuOptions(base?: ContextMenuGroupProps[]): {
+    options: ContextMenuGroupProps[];
+};
+//# sourceMappingURL=Interaction.d.ts.map

package/lib/contextMenu/Interaction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Interaction.d.ts","sourceRoot":"src/","sources":["contextMenu/Interaction.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,qBAAqB,EACrB,eAAe,EAChB,MAAM,eAAe,CAAC;AAavB,wBAAgB,cAAc,CAC5B,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,IAAI,GAAE,eAA0B,QAqDjC;AAED,wBAAgB,gBAAgB,SAM/B;AAED,wBAAgB,mBAAmB,YAElC;AAED,wBAAgB,2BAA2B;;;;;;;EA0C1C;AAED,wBAAgB,4BAA4B,CAAC,IAAI,CAAC,EAAE,qBAAqB,EAAE;;EAqB1E;AAED,wBAAgB,2BAA2B,CAAC,IAAI,CAAC,EAAE,qBAAqB,EAAE;;EA+HzE;AAED,wBAAgB,4BAA4B,CAAC,IAAI,CAAC,EAAE,qBAAqB,EAAE;;EAgC1E"}

package/lib/contextMenu/Interaction.js

@@ -0,0 +1,265 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addContextMenu = addContextMenu;
+exports.clearContextMenu = clearContextMenu;
+exports.isContextMenuActive = isContextMenuActive;
+exports.createBasicImageMenuOptions = createBasicImageMenuOptions;
+exports.createSingleImageMenuOptions = createSingleImageMenuOptions;
+exports.createMultiImageMenuOptions = createMultiImageMenuOptions;
+exports.createCanvasImageMenuOptions = createCanvasImageMenuOptions;
+const util_1 = require("../util");
+const ContextMenu_1 = require("./ContextMenu");
+const PADDING = 5;
+function withContextMenuClear(fn) {
+    const self = this;
+    return function (...args) {
+        const result = fn.apply(self, args);
+        self.clearContextMenu();
+        return result;
+    };
+}
+function addContextMenu(x, y, type = "single") {
+    // Create new menu
+    const menu = new ContextMenu_1.ContextMenu(type === "single"
+        ? this.singleImageMenuOptions
+        : type === "multi"
+            ? this.multiImageMenuOptions
+            : this.canvasImageMenuOptions, this.rootDiv);
+    if (!this.rootDiv) {
+        console.error("Can't add to parent div");
+        return;
+    }
+    menu.attachToParent(this.rootDiv);
+    // Position the menu
+    const hostRect = this.getBoundingClientRect();
+    const relX = x - hostRect.left; // relative x to the client
+    const relY = y - hostRect.top; // relative y to the client
+    // determine the width and height of the bound rect
+    const hostWidth = hostRect.right - hostRect.left;
+    const hostHeight = hostRect.bottom - hostRect.top;
+    // place the menu according to the four quarters so it is always in view
+    const menuRect = menu.el.getBoundingClientRect();
+    // only flip the position of the menu if leaving it where it would have been, would lead to the menu being out of view
+    const direction = [
+        relX + menuRect.width > hostWidth ? 1 : 0,
+        relY + menuRect.height > hostHeight ? 1 : 0,
+    ];
+    const menuHeight = menuRect.height * direction[1];
+    const menuWidth = menuRect.width * direction[0];
+    if (menuHeight > hostHeight) {
+        const newHeight = hostHeight - 2 * PADDING;
+        menu._el.style.height = `${newHeight}px`;
+        menu._el.style.top = `${PADDING}px`;
+    }
+    else {
+        menu._el.style.top = `${relY - menuHeight}px`;
+    }
+    if (menuWidth > hostWidth) {
+        menu._el.style.width = `${hostWidth - 2 * PADDING}px`;
+        menu._el.style.left = `${PADDING}px`;
+    }
+    else {
+        menu._el.style.left = `${relX - menuWidth}px`;
+    }
+}
+function clearContextMenu() {
+    const oldMenu = this.renderRoot.querySelector(".context-menu");
+    if (oldMenu) {
+        oldMenu.remove();
+        this.eventHub.emit(util_1.ContextMenuEvent.Close);
+    }
+}
+function isContextMenuActive() {
+    return this.renderRoot.querySelector(".context-menu") !== null;
+}
+function createBasicImageMenuOptions() {
+    const withClear = withContextMenuClear.bind(this);
+    return {
+        options: [
+            {
+                childOptions: [
+                    {
+                        text: "Cut",
+                        onClick: async () => {
+                            await this.copyImage.bind(this)();
+                            withClear(this.deleteSelectedImages.bind(this))();
+                        },
+                    },
+                    {
+                        text: "Copy",
+                        onClick: withClear(this.copyImage.bind(this)),
+                    },
+                    {
+                        text: "Paste",
+                        onClick: (e) => withClear(this.pasteImage.bind(this))(e),
+                    },
+                    {
+                        text: "Delete",
+                        onClick: withClear(this.deleteSelectedImages.bind(this)),
+                    },
+                ],
+            },
+            {
+                childOptions: [
+                    {
+                        text: "Flip Horizontal",
+                        onClick: withClear(this.flipHorizontal.bind(this)),
+                    },
+                    {
+                        text: "Flip Vertical",
+                        onClick: withClear(this.flipVertical.bind(this)),
+                    },
+                ],
+            },
+        ],
+    };
+}
+function createSingleImageMenuOptions(base) {
+    const withClear = withContextMenuClear.bind(this);
+    return {
+        options: [
+            ...(base ?? []),
+            {
+                childOptions: [
+                    {
+                        text: "Send to Front",
+                        onClick: () => withClear(this.sendShapeToNewZOrder.bind(this))(true),
+                    },
+                    {
+                        text: "Send to Back",
+                        onClick: () => withClear(this.sendShapeToNewZOrder.bind(this))(false),
+                    },
+                ],
+            },
+        ],
+    };
+}
+function createMultiImageMenuOptions(base) {
+    const withClear = withContextMenuClear.bind(this);
+    return {
+        options: [
+            ...(base ?? []),
+            {
+                childOptions: [
+                    {
+                        text: "Align",
+                        onHover: () => { },
+                        subMenu: {
+                            options: [
+                                {
+                                    childOptions: [
+                                        {
+                                            text: "Align Left",
+                                            onClick: () => withClear(this.align.bind(this))("left"),
+                                        },
+                                        {
+                                            text: "Align Right",
+                                            onClick: () => withClear(this.align.bind(this))("right"),
+                                        },
+                                        {
+                                            text: "Align Top",
+                                            onClick: () => withClear(this.align.bind(this))("top"),
+                                        },
+                                        {
+                                            text: "Align Bottom",
+                                            onClick: () => withClear(this.align.bind(this))("bottom"),
+                                        },
+                                    ],
+                                },
+                            ],
+                        },
+                    },
+                    {
+                        text: "Normalize by First",
+                        onHover: () => { },
+                        subMenu: {
+                            options: [
+                                {
+                                    childOptions: [
+                                        {
+                                            text: "Height",
+                                            onClick: () => withClear(this.normalizeSelection.bind(this))("height", "first"),
+                                        },
+                                        {
+                                            text: "Width",
+                                            onClick: () => withClear(this.normalizeSelection.bind(this))("width", "first"),
+                                        },
+                                        {
+                                            text: "Size",
+                                            onClick: () => withClear(this.normalizeSelection.bind(this))("size", "first"),
+                                        },
+                                        {
+                                            text: "Scale",
+                                            onClick: () => withClear(this.normalizeSelection.bind(this))("scale", "first"),
+                                        },
+                                    ],
+                                },
+                            ],
+                        },
+                    },
+                    {
+                        text: "Normalize by Average",
+                        onHover: () => { },
+                        subMenu: {
+                            options: [
+                                {
+                                    childOptions: [
+                                        {
+                                            text: "Height",
+                                            onClick: () => withClear(this.normalizeSelection.bind(this))("height", "average"),
+                                        },
+                                        {
+                                            text: "Width",
+                                            onClick: () => withClear(this.normalizeSelection.bind(this))("width", "average"),
+                                        },
+                                        {
+                                            text: "Size",
+                                            onClick: () => withClear(this.normalizeSelection.bind(this))("size", "average"),
+                                        },
+                                        {
+                                            text: "Scale",
+                                            onClick: () => withClear(this.normalizeSelection.bind(this))("scale", "average"),
+                                        },
+                                    ],
+                                },
+                            ],
+                        },
+                    },
+                ],
+            },
+        ],
+    };
+}
+function createCanvasImageMenuOptions(base) {
+    const withClear = withContextMenuClear.bind(this);
+    return {
+        options: [
+            ...(base ?? []),
+            {
+                childOptions: [
+                    {
+                        text: "Change mode",
+                        onClick: () => withClear(this.togglePointerMode.bind(this))(),
+                    },
+                    {
+                        text: "Toggle Grid",
+                        onClick: () => withClear(this.toggleGrid.bind(this))(),
+                    },
+                ],
+            },
+            {
+                childOptions: [
+                    {
+                        text: "Save",
+                        onClick: () => withClear(this.saveToCanvasStorage.bind(this))(),
+                    },
+                    {
+                        text: "Paste",
+                        onClick: (e) => withClear(this.pasteImage.bind(this))(e),
+                    },
+                ],
+            },
+        ],
+    };
+}
+//# sourceMappingURL=Interaction.js.map

package/lib/contextMenu/Interaction.js.map

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

package/lib/contextMenu/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./ContextMenu";
+export * from "./Interaction";
+//# sourceMappingURL=index.d.ts.map

package/lib/contextMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"src/","sources":["contextMenu/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}

package/lib/contextMenu/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ContextMenu"), exports);
+__exportStar(require("./Interaction"), exports);
+//# sourceMappingURL=index.js.map

package/lib/contextMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"src/","sources":["contextMenu/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,gDAA8B"}

package/lib/history/history.d.ts

@@ -0,0 +1,29 @@
+export interface Command {
+    label?: string;
+    do(): void;
+    undo(): void;
+}
+export declare class CanvasHistory {
+    private _undoStack;
+    private _redoStack;
+    private _openGroup;
+    private _openLabel?;
+    get undoStack(): Command[][];
+    begin(label?: string): void;
+    push(cmd: Command): void;
+    commit(): void;
+    cancel(): void;
+    canUndo(): boolean;
+    canRedo(): boolean;
+    undo(): void;
+    redo(): void;
+    clear(): void;
+}
+export declare function setNumberProp<T extends object>(target: T, key: keyof T, next: number, label?: string): Command;
+export declare function setBooleanProp<T extends object>(target: T, key: keyof T, next: boolean, label?: string): Command;
+export declare function setXY(target: {
+    x: number;
+    y: number;
+    setTranslation?: (x: number, y: number) => void;
+}, toX: number, toY: number, label?: string): Command;
+//# sourceMappingURL=history.d.ts.map

package/lib/history/history.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"history.d.ts","sourceRoot":"src/","sources":["history/history.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,OAAO;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,IAAI,IAAI,CAAC;IACX,IAAI,IAAI,IAAI,CAAC;CACd;AAID,qBAAa,aAAa;IACxB,OAAO,CAAC,UAAU,CAAmB;IACrC,OAAO,CAAC,UAAU,CAAmB;IACrC,OAAO,CAAC,UAAU,CAA0B;IAC5C,OAAO,CAAC,UAAU,CAAC,CAAS;IAE5B,IAAI,SAAS,gBAEZ;IAED,KAAK,CAAC,KAAK,CAAC,EAAE,MAAM;IAMpB,IAAI,CAAC,GAAG,EAAE,OAAO;IAcjB,MAAM;IAeN,MAAM;IAMN,OAAO;IAGP,OAAO;IAIP,IAAI;IAQJ,IAAI;IAOJ,KAAK;CAMN;AAGD,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,EAC5C,MAAM,EAAE,CAAC,EACT,GAAG,EAAE,MAAM,CAAC,EACZ,IAAI,EAAE,MAAM,EACZ,KAAK,CAAC,EAAE,MAAM,GACb,OAAO,CAYT;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,EAC7C,MAAM,EAAE,CAAC,EACT,GAAG,EAAE,MAAM,CAAC,EACZ,IAAI,EAAE,OAAO,EACb,KAAK,CAAC,EAAE,MAAM,GACb,OAAO,CAYT;AAGD,wBAAgB,KAAK,CACnB,MAAM,EAAE;IACN,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD,EACD,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,EACX,KAAK,SAAS,GACb,OAAO,CAaT"}