@datagrok-libraries/dock-spawn-dg 0.0.1

package/lib/Dialog.js

@@ -0,0 +1,209 @@
+import { Point } from './Point.js';
+import { PanelContainer } from './PanelContainer.js';
+import { DraggableContainer } from './DraggableContainer.js';
+import { ResizableContainer } from './ResizableContainer.js';
+import { EventHandler } from './EventHandler.js';
+import { Utils } from './Utils.js';
+import { Localizer } from './i18n/Localizer.js';
+export class Dialog {
+    elementDialog;
+    draggable;
+    panel;
+    dockManager;
+    eventListener;
+    position;
+    resizable;
+    disableResize;
+    mouseDownHandler;
+    onKeyPressBound;
+    noDocking;
+    isHidden;
+    keyPressHandler;
+    focusHandler;
+    grayoutParent;
+    contextmenuHandler;
+    _ctxMenu;
+    _windowsContextMenuCloseBound;
+    constructor(panel, dockManager, grayoutParent, disableResize) {
+        this.panel = panel;
+        this.dockManager = dockManager;
+        this.eventListener = dockManager;
+        this.grayoutParent = grayoutParent;
+        this.disableResize = disableResize;
+        this._initialize();
+        this.dockManager.context.model.dialogs.push(this);
+        this.position = dockManager.defaultDialogPosition;
+        this.dockManager.notifyOnCreateDialog(this);
+        panel.isDialog = true;
+    }
+    saveState(x, y) {
+        this.position = new Point(x, y);
+        this.dockManager.notifyOnChangeDialogPosition(this, x, y);
+    }
+    static fromElement(id, dockManager) {
+        return new Dialog(new PanelContainer(document.getElementById(id), dockManager), dockManager, null);
+    }
+    _initialize() {
+        this.panel.floatingDialog = this;
+        this.elementDialog = Object.assign(document.createElement('div'), { floatingDialog: this });
+        this.elementDialog.tabIndex = 0;
+        this.elementDialog.appendChild(this.panel.elementPanel);
+        this.draggable = new DraggableContainer(this, this.panel, this.elementDialog, this.panel.elementTitle);
+        this.resizable = new ResizableContainer(this, this.draggable, this.draggable.topLevelElement, this.disableResize);
+        this.dockManager.config.dialogRootElement.appendChild(this.elementDialog);
+        this.elementDialog.classList.add('dialog-floating');
+        this.focusHandler = new EventHandler(this.elementDialog, 'focus', this.onFocus.bind(this), true);
+        this.mouseDownHandler = new EventHandler(this.elementDialog, 'pointerdown', this.onMouseDown.bind(this), true);
+        this.keyPressHandler = new EventHandler(this.elementDialog, 'keypress', this.dockManager.onKeyPressBound, true);
+        this.contextmenuHandler = new EventHandler(this.panel.elementTitle, 'contextmenu', this.oncontextMenuClicked.bind(this));
+        this.resize(this.panel.elementPanel.clientWidth, this.panel.elementPanel.clientHeight);
+        this.isHidden = false;
+        if (this.grayoutParent != null)
+            this.grayoutParent.grayOut(true);
+        this.bringToFront();
+    }
+    setPosition(x, y) {
+        const rect = this.dockManager.config.dialogRootElement.getBoundingClientRect();
+        this.position = new Point(x - rect.left, y - rect.top);
+        this.elementDialog.style.left = (x - rect.left) + 'px';
+        this.elementDialog.style.top = (y - rect.top) + 'px';
+        this.panel.setDialogPosition(x, y);
+        this.dockManager.notifyOnChangeDialogPosition(this, x, y);
+    }
+    getPosition() {
+        return new Point(this.position ? this.position.x : 0, this.position ? this.position.y : 0);
+    }
+    onFocus() {
+        if (this.dockManager.activePanel != this.panel)
+            this.dockManager.activePanel = this.panel;
+    }
+    onMouseDown(e) {
+        if (e.button != 2)
+            this.bringToFront();
+    }
+    destroy() {
+        this.panel.lastDialogSize = { width: this.resizable.width, height: this.resizable.height };
+        if (this.focusHandler) {
+            this.focusHandler.cancel();
+            delete this.focusHandler;
+        }
+        if (this.mouseDownHandler) {
+            this.mouseDownHandler.cancel();
+            delete this.mouseDownHandler;
+        }
+        if (this.keyPressHandler) {
+            this.keyPressHandler.cancel();
+            delete this.keyPressHandler;
+        }
+        if (this.contextmenuHandler) {
+            this.contextmenuHandler.cancel();
+            delete this.contextmenuHandler;
+        }
+        Utils.removeNode(this.elementDialog);
+        this.draggable.removeDecorator();
+        Utils.removeNode(this.panel.elementPanel);
+        Utils.arrayRemove(this.dockManager.context.model.dialogs, this);
+        delete this.panel.floatingDialog;
+        if (this.grayoutParent)
+            this.grayoutParent.grayOut(false);
+    }
+    resize(width, height) {
+        this.resizable.resize(width, height);
+    }
+    setTitle(title) {
+        this.panel.setTitle(title);
+    }
+    setTitleIcon(iconName) {
+        this.panel.setTitleIcon(iconName);
+    }
+    bringToFront() {
+        this.panel.elementContentContainer.style.zIndex = this.dockManager.zIndexDialogCounter++;
+        this.elementDialog.style.zIndex = this.dockManager.zIndexDialogCounter++;
+        this.dockManager.activePanel = this.panel;
+    }
+    hide() {
+        this.elementDialog.style.zIndex = '0';
+        this.panel.elementContentContainer.style.zIndex = '';
+        this.elementDialog.style.display = 'none';
+        if (!this.isHidden) {
+            this.isHidden = true;
+            this.dockManager.notifyOnHideDialog(this);
+        }
+        if (this.grayoutParent)
+            this.grayoutParent.grayOut(false);
+    }
+    close() {
+        this.hide();
+        this.remove();
+        this.dockManager.notifyOnClosePanel(this.panel);
+        this.destroy();
+    }
+    remove() {
+        this.elementDialog.parentNode.removeChild(this.elementDialog);
+    }
+    show() {
+        this.panel.elementContentContainer.style.zIndex = this.dockManager.zIndexDialogCounter++;
+        this.elementDialog.style.zIndex = this.dockManager.zIndexDialogCounter++;
+        this.elementDialog.style.display = 'block';
+        if (this.isHidden) {
+            this.isHidden = false;
+            this.dockManager.notifyOnShowDialog(this);
+        }
+    }
+    static createContextMenuContentCallback = (dialog, documentMangerNodes) => {
+        if (!dialog.panel._hideCloseButton)
+            return [];
+        const result = [];
+        const btnCloseDialog = document.createElement('div');
+        btnCloseDialog.innerText = Localizer.getString('CloseDialog');
+        result.push(btnCloseDialog);
+        btnCloseDialog.onclick = () => {
+            dialog.panel.close();
+            dialog.closeContextMenu();
+        };
+        if (dialog.dockManager.config.enableBrowserWindows) {
+            const btnNewBrowserWindow = document.createElement('div');
+            btnNewBrowserWindow.innerText = Localizer.getString('NewBrowserWindow');
+            result.push(btnNewBrowserWindow);
+            btnNewBrowserWindow.onclick = () => {
+                dialog.panel.undockToBrowserDialog();
+                dialog.closeContextMenu();
+            };
+        }
+        return result;
+    };
+    oncontextMenuClicked(e) {
+        e.preventDefault();
+        if (!this._ctxMenu && Dialog.createContextMenuContentCallback) {
+            const menuItems = Dialog.createContextMenuContentCallback(this, this.dockManager.context.model.documentManagerNode.children);
+            if (menuItems.length == 0)
+                return;
+            this._ctxMenu = document.createElement('div');
+            this._ctxMenu.className = 'dockspab-tab-handle-context-menu';
+            this._ctxMenu.append(...menuItems);
+            this._ctxMenu.style.left = e.pageX + 'px';
+            this._ctxMenu.style.top = e.pageY + 'px';
+            document.body.appendChild(this._ctxMenu);
+            this._windowsContextMenuCloseBound = this.windowsContextMenuClose.bind(this);
+            window.addEventListener('pointerup', this._windowsContextMenuCloseBound);
+        }
+        else
+            this.closeContextMenu();
+    }
+    closeContextMenu() {
+        if (this._ctxMenu) {
+            document.body.removeChild(this._ctxMenu);
+            delete this._ctxMenu;
+            window.removeEventListener('pointerup', this._windowsContextMenuCloseBound);
+        }
+    }
+    windowsContextMenuClose(e) {
+        const cp = e.composedPath();
+        for (const i in cp) {
+            const el = cp[i];
+            if (el == this._ctxMenu)
+                return;
+        }
+        this.closeContextMenu();
+    }
+}

package/lib/DockConfig.d.ts

@@ -0,0 +1,9 @@
+export declare class DockConfig {
+    constructor();
+    escClosesWindow?: boolean;
+    escClosesDialog?: boolean;
+    dialogRootElement: HTMLElement;
+    moveOnlyWithinDockConatiner?: boolean;
+    enableBrowserWindows?: boolean;
+}
+//# sourceMappingURL=DockConfig.d.ts.map

package/lib/DockConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DockConfig.d.ts","sourceRoot":"","sources":["../src/DockConfig.ts"],"names":[],"mappings":"AAAA,qBAAa,UAAU;;IASnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,EAAE,WAAW,CAAC;IAC/B,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC"}

package/lib/DockConfig.js

@@ -0,0 +1,14 @@
+export class DockConfig {
+    constructor() {
+        this.escClosesWindow = true;
+        this.escClosesDialog = true;
+        this.dialogRootElement = document.body;
+        this.moveOnlyWithinDockConatiner = false;
+        this.enableBrowserWindows = true;
+    }
+    escClosesWindow;
+    escClosesDialog;
+    dialogRootElement;
+    moveOnlyWithinDockConatiner;
+    enableBrowserWindows;
+}

package/lib/DockGraphDeserializer.d.ts

@@ -0,0 +1,19 @@
+import { DockManager } from './DockManager.js';
+import { DockModel } from './DockModel.js';
+import { DockNode } from './DockNode.js';
+import { Dialog } from './Dialog.js';
+import { IPanelInfo } from './interfaces/IPanelInfo.js';
+import { INodeInfo } from './interfaces/INodeInfo.js';
+/**
+ * Deserializes the dock layout hierarchy from JSON and creates a dock hierarhcy graph
+ */
+export declare class DockGraphDeserializer {
+    dockManager: DockManager;
+    documentManagerNode: DockNode;
+    constructor(dockManager: DockManager);
+    deserialize(_json: string): Promise<DockModel>;
+    _buildGraph(nodeInfo: INodeInfo): Promise<DockNode>;
+    _createContainer(nodeInfo: INodeInfo, children: DockNode[]): Promise<any>;
+    _buildDialogs(dialogsInfo: IPanelInfo[]): Promise<Dialog[]>;
+}
+//# sourceMappingURL=DockGraphDeserializer.d.ts.map

package/lib/DockGraphDeserializer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DockGraphDeserializer.d.ts","sourceRoot":"","sources":["../src/DockGraphDeserializer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AAMvC,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAEnC,OAAO,EAAC,UAAU,EAAC,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAGpD;;GAEG;AACH,qBAAa,qBAAqB;IAChC,WAAW,EAAE,WAAW,CAAC;IACzB,mBAAmB,EAAE,QAAQ,CAAC;gBAElB,WAAW,EAAE,WAAW;IAI9B,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC;IAS9C,WAAW,CAAC,QAAQ,EAAE,SAAS;IA2B/B,gBAAgB,CAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE;IAwC1D,aAAa,CAAC,WAAW,EAAE,UAAU,EAAE;CA2B9C"}

package/lib/DockGraphDeserializer.js

@@ -0,0 +1,114 @@
+import { DockModel } from './DockModel.js';
+import { DockNode } from './DockNode.js';
+import { PanelContainer } from './PanelContainer.js';
+import { HorizontalDockContainer } from './HorizontalDockContainer.js';
+import { VerticalDockContainer } from './VerticalDockContainer.js';
+import { DocumentManagerContainer } from './DocumentManagerContainer.js';
+import { FillDockContainer } from './FillDockContainer.js';
+import { Dialog } from './Dialog.js';
+import { Utils } from './Utils.js';
+/**
+ * Deserializes the dock layout hierarchy from JSON and creates a dock hierarhcy graph
+ */
+export class DockGraphDeserializer {
+    dockManager;
+    documentManagerNode;
+    constructor(dockManager) {
+        this.dockManager = dockManager;
+    }
+    async deserialize(_json) {
+        const info = JSON.parse(_json);
+        const model = new DockModel();
+        model.rootNode = await this._buildGraph(info.graphInfo);
+        model.dialogs = await this._buildDialogs(info.dialogsInfo);
+        model.documentManagerNode = this.documentManagerNode;
+        return model;
+    }
+    async _buildGraph(nodeInfo) {
+        const childrenInfo = nodeInfo.children;
+        const children = [];
+        for (const childInfo of childrenInfo) {
+            const childNode = await this._buildGraph(childInfo);
+            if (childNode !== null)
+                children.push(childNode);
+        }
+        ;
+        // Build the container owned by this node
+        const container = await this._createContainer(nodeInfo, children);
+        if (container === null)
+            return null;
+        // Build the node for this container and attach it's children
+        const node = new DockNode(container);
+        if (container instanceof DocumentManagerContainer)
+            this.documentManagerNode = node;
+        node.children = children;
+        for (const childNode of node.children.reverse())
+            childNode.parent = node;
+        ;
+        node.children.reverse();
+        // node.container.setActiveChild(node.container);
+        return node;
+    }
+    async _createContainer(nodeInfo, children) {
+        const containerType = nodeInfo.containerType;
+        const containerState = nodeInfo.state;
+        let container;
+        const childContainers = [];
+        for (const childNode of children)
+            childContainers.push(childNode.container);
+        if (containerType === 'panel') {
+            container = await PanelContainer.loadFromState(containerState, this.dockManager);
+            if (!container?.prepareForDocking)
+                return null;
+            container.prepareForDocking();
+            Utils.removeNode(container.elementPanel);
+        }
+        else if (containerType === 'horizontal')
+            container = new HorizontalDockContainer(this.dockManager, childContainers);
+        else if (containerType === 'vertical')
+            container = new VerticalDockContainer(this.dockManager, childContainers);
+        else if (containerType === 'fill') {
+            // Check if this is a document manager
+            // TODO: Layout engine compares the string 'fill', so cannot create another subclass type
+            // called document_manager and have to resort to this hack. use RTTI in layout engine
+            const typeDocumentManager = containerState.documentManager;
+            if (typeDocumentManager)
+                container = new DocumentManagerContainer(this.dockManager);
+            else
+                container = new FillDockContainer(this.dockManager);
+        }
+        else
+            throw new Error('Cannot create dock container of unknown type: ' + containerType);
+        // Restore the state of the container
+        container.loadState(containerState);
+        // container.performLayout(childContainers);
+        return container;
+    }
+    async _buildDialogs(dialogsInfo) {
+        const dialogs = [];
+        for (const dialogInfo of dialogsInfo) {
+            const containerType = dialogInfo.containerType;
+            const containerState = dialogInfo.state;
+            let container;
+            if (containerType === 'panel') {
+                container = await PanelContainer.loadFromState(containerState, this.dockManager);
+                if (container.prepareForDocking) {
+                    Utils.removeNode(container.elementPanel);
+                    container.isDialog = true;
+                    const dialog = new Dialog(container, this.dockManager);
+                    if (dialogInfo.position.x > document.body.clientWidth ||
+                        dialogInfo.position.y > document.body.clientHeight - 70) {
+                        dialogInfo.position.x = 20;
+                        dialogInfo.position.y = 70;
+                    }
+                    dialog.setPosition(dialogInfo.position.x, dialogInfo.position.y);
+                    dialog.isHidden = dialogInfo.isHidden;
+                    if (dialog.isHidden)
+                        dialog.hide();
+                    dialogs.push(dialog);
+                }
+            }
+        }
+        return dialogs;
+    }
+}

package/lib/DockGraphSerializer.d.ts

@@ -0,0 +1,14 @@
+import { DockModel } from './DockModel.js';
+import { DockNode } from './DockNode.js';
+import { Dialog } from './Dialog.js';
+import { IPanelInfo } from './interfaces/IPanelInfo.js';
+import { INodeInfo } from './interfaces/INodeInfo.js';
+/**
+ * The serializer saves / loads the state of the dock layout hierarchy
+ */
+export declare class DockGraphSerializer {
+    serialize(model: DockModel): string;
+    _buildGraphInfo(node: DockNode): INodeInfo;
+    _buildDialogsInfo(dialogs: Dialog[]): IPanelInfo[];
+}
+//# sourceMappingURL=DockGraphSerializer.d.ts.map

package/lib/DockGraphSerializer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DockGraphSerializer.d.ts","sourceRoot":"","sources":["../src/DockGraphSerializer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AACnC,OAAO,EAAC,UAAU,EAAC,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAGpD;;GAEG;AACH,qBAAa,mBAAmB;IAC9B,SAAS,CAAC,KAAK,EAAE,SAAS;IAM1B,eAAe,CAAC,IAAI,EAAE,QAAQ,GAAG,SAAS;IAiB1C,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,UAAU,EAAE;CAkBnD"}

package/lib/DockGraphSerializer.js

@@ -0,0 +1,40 @@
+/**
+ * The serializer saves / loads the state of the dock layout hierarchy
+ */
+export class DockGraphSerializer {
+    serialize(model) {
+        const graphInfo = this._buildGraphInfo(model.rootNode);
+        const dialogs = this._buildDialogsInfo(model.dialogs.sort((x, y) => x.elementDialog.style.zIndex - y.elementDialog.style.zIndex));
+        return JSON.stringify({ graphInfo: graphInfo, dialogsInfo: dialogs });
+    }
+    _buildGraphInfo(node) {
+        const nodeState = {};
+        node.container.saveState(nodeState);
+        const childrenInfo = [];
+        node.children.forEach((childNode) => {
+            childrenInfo.push(this._buildGraphInfo(childNode));
+        });
+        const nodeInfo = {
+            containerType: node.container.containerType,
+            state: nodeState,
+            children: childrenInfo,
+        };
+        return nodeInfo;
+    }
+    _buildDialogsInfo(dialogs) {
+        const dialogsInfo = [];
+        dialogs.forEach((dialog) => {
+            const panelState = {};
+            const panelContainer = dialog.panel;
+            panelContainer.saveState(panelState);
+            const panelInfo = {
+                containerType: panelContainer.containerType,
+                state: panelState,
+                position: dialog.getPosition(),
+                isHidden: dialog.isHidden,
+            };
+            dialogsInfo.push(panelInfo);
+        });
+        return dialogsInfo;
+    }
+}

package/lib/DockLayoutEngine.d.ts

@@ -0,0 +1,36 @@
+import { DockManager } from './DockManager.js';
+import { DockNode } from './DockNode.js';
+import { HorizontalDockContainer } from './HorizontalDockContainer.js';
+import { VerticalDockContainer } from './VerticalDockContainer.js';
+import { FillDockContainer } from './FillDockContainer.js';
+import { IRectangle } from './interfaces/IRectangle.js';
+import { IDockContainer } from './interfaces/IDockContainer.js';
+import { TabHandle } from './TabHandle.js';
+export declare class DockLayoutEngine {
+    dockManager: DockManager;
+    constructor(dockManager: DockManager);
+    /** docks the [newNode] to the left of [referenceNode] */
+    dockLeft(referenceNode: DockNode, newNode: DockNode): void;
+    /** docks the [newNode] to the right of [referenceNode] */
+    dockRight(referenceNode: DockNode, newNode: DockNode): void;
+    /** docks the [newNode] to the top of [referenceNode] */
+    dockUp(referenceNode: DockNode, newNode: DockNode): void;
+    /** docks the [newNode] to the bottom of [referenceNode] */
+    dockDown(referenceNode: DockNode, newNode: DockNode): void;
+    /** docks the [newNode] by creating a new tab inside [referenceNode] */
+    dockFill(referenceNode: DockNode, newNode: DockNode): void;
+    undock(node: DockNode): void;
+    close(node: DockNode): void;
+    reorderTabs(node: DockNode, handle: TabHandle, state: string, index: number): void;
+    _performDock(referenceNode: DockNode, newNode: DockNode, direction: string, insertBeforeReference: boolean): void;
+    _forceResizeCompositeContainer: (container: IDockContainer) => void;
+    _createDockContainer(containerType: string, newNode: DockNode, referenceNode: DockNode): FillDockContainer | HorizontalDockContainer | VerticalDockContainer;
+    /**
+       * Gets the bounds of the new node if it were to dock with the specified configuration
+       * The state is not modified in this function.  It is used for showing a preview of where
+       * the panel would be docked when hovered over a dock wheel button
+       */
+    getDockBounds(referenceNode: DockNode, containerToDock: IDockContainer, direction: string, insertBeforeReference: boolean): IRectangle;
+    _getVaringDimension(container: IDockContainer, direction: string): number;
+}
+//# sourceMappingURL=DockLayoutEngine.d.ts.map

package/lib/DockLayoutEngine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DockLayoutEngine.d.ts","sourceRoot":"","sources":["../src/DockLayoutEngine.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AAEvC,OAAO,EAAC,uBAAuB,EAAC,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAC,qBAAqB,EAAC,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAC,iBAAiB,EAAC,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAC,UAAU,EAAC,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAC,cAAc,EAAC,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC,qBAAa,gBAAgB;IAC3B,WAAW,EAAE,WAAW,CAAC;gBAEb,WAAW,EAAE,WAAW;IAIpC,yDAAyD;IACzD,QAAQ,CAAC,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ;IAInD,0DAA0D;IAC1D,SAAS,CAAC,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ;IAIpD,wDAAwD;IACxD,MAAM,CAAC,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ;IAIjD,2DAA2D;IAC3D,QAAQ,CAAC,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ;IAInD,uEAAuE;IACvE,QAAQ,CAAC,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ;IAInD,MAAM,CAAC,IAAI,EAAE,QAAQ;IAoDrB,KAAK,CAAC,IAAI,EAAE,QAAQ;IA2DpB,WAAW,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IAiB3E,YAAY,CAAC,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,qBAAqB,EAAE,OAAO;IA8F1G,8BAA8B,cAAe,cAAc,UAIzD;IAEF,oBAAoB,CAAC,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ;IAWtF;;;;SAIK;IACL,aAAa,CAAC,aAAa,EAAE,QAAQ,EAAE,eAAe,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,EAAE,qBAAqB,EAAE,OAAO,GAAG,UAAU;IA4EtI,mBAAmB,CAAC,SAAS,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM;CAO1E"}