@datagrok-libraries/dock-spawn-dg 0.0.1

package/lib/PanelContainer.js

@@ -0,0 +1,517 @@
+import { Utils } from './Utils.js';
+import { UndockInitiator } from './UndockInitiator.js';
+import { ContainerType } from './ContainerType.js';
+import { EventHandler } from './EventHandler.js';
+import { PanelType } from './enums/PanelType.js';
+import { Localizer } from './i18n/Localizer.js';
+import { moveElementToNewBrowserWindow } from './BrowserDialogHelper.js';
+/**
+ * This dock container wraps the specified element on a panel frame with a title bar and close button
+ */
+export class PanelContainer {
+    closePanelContainerCallback;
+    onTitleChanged;
+    elementPanel;
+    elementTitle;
+    elementTitleText;
+    elementContentHost;
+    name;
+    state;
+    elementContent;
+    _resolvedElementContent;
+    elementContentContainer;
+    elementContentWrapper;
+    dockManager;
+    title;
+    containerType;
+    icon;
+    hasChanges;
+    minimumAllowedChildNodes;
+    isDialog;
+    eventListeners;
+    undockInitiator;
+    elementButtonClose;
+    closeButtonClickedHandler;
+    closeButtonTouchedHandler;
+    mouseDownHandler;
+    touchDownHandler;
+    panelType;
+    tabPage;
+    undockedToNewBrowserWindow = false;
+    contextMenuHandler;
+    lastDialogSize;
+    _floatingDialog;
+    _canUndock;
+    _cachedWidth;
+    _cachedHeight;
+    _hideCloseButton;
+    _grayOut;
+    _ctxMenu;
+    constructor(elementContent, dockManager, title, panelType, hideCloseButton, panelIcon) {
+        if (!title)
+            title = Localizer.getString('DefaultPanelName');
+        if (!panelType)
+            panelType = PanelType.panel;
+        this.panelType = panelType;
+        elementContent._dockSpawnPanelContainer = this;
+        this.elementContent = elementContent;
+        elementContent.style.position = 'absolute';
+        elementContent.style.width = '100%';
+        elementContent.style.height = '100%';
+        elementContent.style.top = '0';
+        elementContent.style.bottom = '0';
+        this.elementContentContainer = document.createElement('div');
+        this.elementContentContainer.className = 'panel-element-content-container';
+        this.elementContentContainer.style.position = 'absolute';
+        this.elementContentContainer._panel = this;
+        this.elementContentContainer.addEventListener('pointerdown', (e) => {
+            try {
+                if (this.isDialog)
+                    this._floatingDialog.bringToFront();
+                else {
+                    if (this.tabPage)
+                        this.tabPage.setSelected(true, true);
+                }
+                this.dockManager.activePanel = this;
+            }
+            catch { }
+        }, { passive: true });
+        this.elementContentContainer.appendChild(elementContent);
+        dockManager.config.dialogRootElement.appendChild(this.elementContentContainer);
+        this.dockManager = dockManager;
+        this.title = title;
+        this.containerType = ContainerType.panel;
+        this.icon = panelIcon;
+        this.minimumAllowedChildNodes = 0;
+        this._floatingDialog = undefined;
+        this.isDialog = false;
+        this._canUndock = dockManager._undockEnabled;
+        this.eventListeners = [];
+        this._hideCloseButton = hideCloseButton;
+        this.windowsContextMenuClose = this.windowsContextMenuClose.bind(this);
+        this._initialize();
+    }
+    _initialize() {
+        this.name = Utils.getNextId('panel_');
+        this.elementPanel = document.createElement('div');
+        this.elementPanel.tabIndex = 0;
+        this.elementTitle = document.createElement('div');
+        this.contextMenuHandler = new EventHandler(this.elementTitle, 'contextmenu', this.oncontextMenuClicked.bind(this));
+        this.elementTitleText = document.createElement('div');
+        this.elementContentHost = document.createElement('div');
+        this.elementButtonClose = document.createElement('div');
+        this.elementPanel.appendChild(this.elementTitle);
+        this.elementTitle.appendChild(this.elementTitleText);
+        this.elementTitle.appendChild(this.elementButtonClose);
+        this.elementButtonClose.classList.add('panel-titlebar-button-close');
+        this.elementButtonClose.style.display = this._hideCloseButton ? 'none' : 'block';
+        this.elementPanel.appendChild(this.elementContentHost);
+        this.elementPanel.classList.add('panel-base');
+        this.elementTitle.classList.add('panel-titlebar');
+        this.elementTitle.classList.add('disable-selection');
+        this.elementTitleText.classList.add('panel-titlebar-text');
+        this.elementContentHost.classList.add('panel-content');
+        // set the size of the dialog elements based on the panel's size
+        const panelWidth = this.elementContentContainer.clientWidth;
+        const panelHeight = this.elementContentContainer.clientHeight;
+        const titleHeight = this.elementTitle.clientHeight;
+        this.elementContentWrapper = document.createElement('div');
+        this.elementContentWrapper.classList.add('panel-content-wrapper');
+        this._setPanelDimensions(panelWidth, panelHeight + titleHeight);
+        if (!this._hideCloseButton) {
+            this.closeButtonClickedHandler =
+                new EventHandler(this.elementButtonClose, 'mousedown', this.onCloseButtonClicked.bind(this));
+            this.closeButtonTouchedHandler =
+                new EventHandler(this.elementButtonClose, 'touchstart', this.onCloseButtonClicked.bind(this));
+        }
+        Utils.removeNode(this.elementContentWrapper);
+        this.elementContentHost.appendChild(this.elementContentWrapper);
+        // Extract the title from the content element's attribute
+        const contentTitle = this.elementContent.dataset.panelCaption;
+        if (contentTitle)
+            this.title = contentTitle;
+        this._updateTitle();
+        this.undockInitiator = new UndockInitiator(this.elementTitle, this.performUndockToDialog.bind(this));
+        delete this.floatingDialog;
+        this.mouseDownHandler = new EventHandler(this.elementPanel, 'mousedown', this.onMouseDown.bind(this));
+        this.touchDownHandler = new EventHandler(this.elementPanel, 'touchstart', this.onMouseDown.bind(this), { passive: true });
+        this._resolvedElementContent = this.elementContent;
+        if (this.elementContent instanceof HTMLSlotElement)
+            this._resolvedElementContent = this.elementContent.assignedElements()?.[0];
+    }
+    static createContextMenuContentCallback = (panelContainer) => {
+        const result = [];
+        if (panelContainer.dockManager.config.enableBrowserWindows) {
+            const btnNewBrowserWindow = document.createElement('div');
+            btnNewBrowserWindow.innerText = Localizer.getString('NewBrowserWindow');
+            result.push(btnNewBrowserWindow);
+            btnNewBrowserWindow.onclick = () => {
+                panelContainer.undockToBrowserDialog();
+                panelContainer.closeContextMenu();
+            };
+        }
+        return result;
+    };
+    oncontextMenuClicked(e) {
+        e.preventDefault();
+        if (!this._ctxMenu && PanelContainer.createContextMenuContentCallback) {
+            const menuItems = PanelContainer.createContextMenuContentCallback(this);
+            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);
+            window.addEventListener('mouseup', this.windowsContextMenuClose);
+        }
+        else
+            this.closeContextMenu();
+    }
+    closeContextMenu() {
+        if (this._ctxMenu) {
+            document.body.removeChild(this._ctxMenu);
+            delete this._ctxMenu;
+            window.removeEventListener('mouseup', this.windowsContextMenuClose);
+        }
+    }
+    windowsContextMenuClose(e) {
+        const cp = e.composedPath();
+        for (const i in cp) {
+            const el = cp[i];
+            if (el == this._ctxMenu)
+                return;
+        }
+        this.closeContextMenu();
+    }
+    canUndock(state) {
+        this._canUndock = state;
+        this.undockInitiator.enabled = state;
+        this.eventListeners.forEach((listener) => {
+            if (listener.onDockEnabled)
+                listener.onDockEnabled({ self: this, state: state });
+        });
+    }
+    addListener(listener) {
+        this.eventListeners.push(listener);
+    }
+    removeListener(listener) {
+        this.eventListeners.splice(this.eventListeners.indexOf(listener), 1);
+    }
+    get floatingDialog() {
+        return this._floatingDialog;
+    }
+    set floatingDialog(value) {
+        this._floatingDialog = value;
+        const canUndock = (this._floatingDialog === undefined);
+        this.undockInitiator.enabled = canUndock;
+    }
+    static async loadFromState(state, dockManager) {
+        let elementContent;
+        let title;
+        if (!dockManager.getElementCallback) {
+            const elementName = state.element;
+            elementContent = document.getElementById(elementName);
+        }
+        else {
+            const res = await dockManager.getElementCallback(state);
+            elementContent = res.element;
+            title = res.title;
+        }
+        if (elementContent === null)
+            return null;
+        const ret = new PanelContainer(elementContent, dockManager, title);
+        ret.loadState(state);
+        return ret;
+    }
+    saveState(state) {
+        state.panelIcon = this.icon;
+        state.element = this.elementContent.tagName === 'SLOT' ?
+            //@ts-ignore
+            this.elementContent.assignedElements()[0].getAttribute('dock-spawn-title') :
+            this.elementContent.id;
+        state.width = this.width;
+        state.height = this.height;
+        state.canUndock = this._canUndock;
+        state.hideCloseButton = this._hideCloseButton;
+        state.panelType = this.panelType;
+    }
+    loadState(state) {
+        this.width = state.width;
+        this.height = state.height;
+        this.state = { width: state.width, height: state.height };
+        this.canUndock(state.canUndock);
+        this.hideCloseButton(state.hideCloseButton);
+        this.panelType = state.panelType;
+        this.icon = state.panelIcon;
+        this._updateTitle();
+    }
+    setActiveChild( /*child*/) {
+    }
+    get containerElement() {
+        return this.elementPanel;
+    }
+    grayOut(show) {
+        if (!show && this._grayOut) {
+            this.elementContentWrapper.removeChild(this._grayOut);
+            this.elementButtonClose.style.display = this._hideCloseButton ? 'none' : 'block';
+            this._grayOut = null;
+            if (!this._hideCloseButton) {
+                this.eventListeners.forEach((listener) => {
+                    if (listener.onHideCloseButton)
+                        listener.onHideCloseButton({ self: this, state: this._hideCloseButton });
+                });
+            }
+        }
+        else if (show && !this._grayOut) {
+            this._grayOut = document.createElement('div');
+            this._grayOut.className = 'panel-grayout';
+            this.elementButtonClose.style.display = 'none';
+            this.elementContentWrapper.appendChild(this._grayOut);
+            this.eventListeners.forEach((listener) => {
+                if (listener.onHideCloseButton)
+                    listener.onHideCloseButton({ self: this, state: true });
+            });
+        }
+    }
+    onMouseDown() {
+        this.dockManager.activePanel = this;
+    }
+    hideCloseButton(state) {
+        this._hideCloseButton = state;
+        this.elementButtonClose.style.display = state ? 'none' : 'block';
+        this.eventListeners.forEach((listener) => {
+            if (listener.onHideCloseButton)
+                listener.onHideCloseButton({ self: this, state: state });
+        });
+    }
+    destroy() {
+        if (this.mouseDownHandler) {
+            this.mouseDownHandler.cancel();
+            delete this.mouseDownHandler;
+        }
+        if (this.touchDownHandler) {
+            this.touchDownHandler.cancel();
+            delete this.touchDownHandler;
+        }
+        if (this.contextMenuHandler)
+            this.contextMenuHandler.cancel();
+        Utils.removeNode(this.elementPanel);
+        if (this.closeButtonClickedHandler) {
+            this.closeButtonClickedHandler.cancel();
+            delete this.closeButtonClickedHandler;
+        }
+        if (this.closeButtonTouchedHandler) {
+            this.closeButtonTouchedHandler.cancel();
+            delete this.closeButtonTouchedHandler;
+        }
+    }
+    /**
+       * Undocks the panel and and converts it to a dialog box
+       */
+    performUndockToDialog(e, dragOffset) {
+        this.isDialog = true;
+        this.undockInitiator.enabled = false;
+        this.elementContentWrapper.style.display = 'block';
+        this.elementPanel.style.position = '';
+        return this.dockManager.requestUndockToDialog(this, e, dragOffset);
+    }
+    /**
+      * Closes the panel
+      */
+    performClose() {
+        this.isDialog = true;
+        this.undockInitiator.enabled = false;
+        this.elementContentWrapper.style.display = 'block';
+        this.elementContentContainer.style.display = 'none';
+        this.elementPanel.style.position = '';
+        this.dockManager.requestClose(this);
+    }
+    /**
+       * Undocks the container and from the layout hierarchy
+       * The container would be removed from the DOM
+       */
+    performUndock() {
+        this.undockInitiator.enabled = false;
+        this.dockManager.requestUndock(this);
+    }
+    ;
+    prepareForDocking() {
+        this.isDialog = false;
+        this.undockInitiator.enabled = this._canUndock;
+        if (this.elementContentContainer.parentElement != this.dockManager.config.dialogRootElement)
+            this.dockManager.config.dialogRootElement.appendChild(this.elementContentContainer);
+    }
+    get width() {
+        return this._cachedWidth;
+    }
+    set width(value) {
+        if (value !== this._cachedWidth) {
+            this._cachedWidth = value;
+            this.elementPanel.style.width = value + 'px';
+        }
+    }
+    get height() {
+        return this._cachedHeight;
+    }
+    set height(value) {
+        if (value !== this._cachedHeight) {
+            this._cachedHeight = value;
+            this.elementPanel.style.height = value + 'px';
+        }
+    }
+    get resolvedElementContent() {
+        if (this._resolvedElementContent)
+            return this._resolvedElementContent;
+        this._resolvedElementContent = this.elementContent;
+        if (this.elementContent instanceof HTMLSlotElement)
+            this._resolvedElementContent = this.elementContent.assignedElements()?.[0];
+        return this._resolvedElementContent;
+    }
+    panelDocked() {
+        if (this.elementContent.hidden)
+            this.elementContent.hidden = false;
+        if (this.elementContentContainer.parentElement !== this.dockManager.config.dialogRootElement)
+            this.dockManager.config.dialogRootElement.appendChild(this.elementContentContainer);
+    }
+    resize(width, height) {
+        // if (this._cachedWidth === width && this._cachedHeight === height)
+        // {
+        //     // Already in the desired size
+        //     return;
+        // }
+        this.panelDocked();
+        this.setVisible(true);
+        this._setPanelDimensions(width, height);
+        this._cachedWidth = width;
+        this._cachedHeight = height;
+        try {
+            if (this.elementContent != undefined && (typeof this.elementContent.resizeHandler == 'function'))
+                this.elementContent.resizeHandler(width, height - this.elementTitle.clientHeight);
+        }
+        catch (err) {
+            console.log('error calling resizeHandler:', err, ' elt:', this.elementContent);
+        }
+    }
+    _setPanelDimensions(width, height) {
+        this.elementTitle.style.width = width + 'px';
+        this.elementContentHost.style.width = width + 'px';
+        this.elementContentContainer.style.width = width + 'px';
+        this.elementPanel.style.width = width + 'px';
+        const titleBarHeight = this.elementTitle.clientHeight;
+        const contentHeight = height - titleBarHeight;
+        this.elementContentHost.style.height = contentHeight + 'px';
+        this.elementContentContainer.style.height = contentHeight + 'px';
+        this.elementPanel.style.height = height + 'px';
+        //if (this.elementContentContainer.parentElement != this.dockManager.config.dialogRootElement)
+        //    this.dockManager.config.dialogRootElement.appendChild(this.elementContentContainer);
+        const rect = this.elementContentWrapper.getBoundingClientRect();
+        const rootRect = this.dockManager.config.dialogRootElement.getBoundingClientRect();
+        this.elementContentContainer.style.left = (rect.x - rootRect.x) + 'px';
+        this.elementContentContainer.style.top = (rect.y - rootRect.y) + 'px';
+        this.elementContentContainer.style.width = rect.width + 'px';
+        this.elementContentContainer.style.height = rect.height + 'px';
+    }
+    setDialogPosition(x, y) {
+        this.elementContentContainer.style.left = x + 'px';
+        //todo, 25px if it is a dialog, is it always 25px? where do we know...
+        this.elementContentContainer.style.top = (y + this.elementTitle.clientHeight) + 'px';
+    }
+    setVisible(isVisible) {
+        this.elementContentContainer.style.display = isVisible ? 'block' : 'none';
+    }
+    setTitle(title) {
+        this.title = title;
+        this._updateTitle();
+        if (this.onTitleChanged)
+            this.onTitleChanged(this, title);
+    }
+    setTitleIcon(icon) {
+        this.icon = icon;
+        this._updateTitle();
+        if (this.onTitleChanged)
+            this.onTitleChanged(this, this.title);
+    }
+    setHasChanges(changes) {
+        this.hasChanges = changes;
+        this._updateTitle();
+        if (changes)
+            this.elementTitleText.classList.add('panel-has-changes');
+        else
+            this.elementTitleText.classList.remove('panel-has-changes');
+        if (this.onTitleChanged)
+            this.onTitleChanged(this, this.title);
+    }
+    setCloseIconTemplate(closeIconTemplate) {
+        this.elementButtonClose.innerHTML = closeIconTemplate;
+    }
+    _updateTitle() {
+        if (!!this.icon) {
+            this.elementTitleText.innerHTML = `<i class="grok-icon fal fa-${this.icon}" style="margin-right: 3px"></i><span>${this.title}</span>`;
+            return;
+        }
+        this.elementTitleText.innerHTML = this.title;
+    }
+    getRawTitle() {
+        return this.elementTitleText.innerHTML;
+    }
+    performLayout(children, relayoutEvenIfEqual) {
+    }
+    onCloseButtonClicked(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        this.close();
+    }
+    undockToBrowserDialog() {
+        moveElementToNewBrowserWindow(this.resolvedElementContent, {
+            title: this.elementTitleText.textContent,
+            closeCallback: () => {
+                this.undockedToNewBrowserWindow = true;
+                this.closeInternal(false);
+            },
+            newWindowClosedCallback: () => {
+                this.undockedToNewBrowserWindow = false;
+                this.dockManager.notifyOnClosePanel(this);
+            },
+            focused: (e) => {
+                this.dockManager.activePanel = this;
+            },
+            blured: (e) => {
+                this.dockManager.activePanel = null;
+            },
+        });
+    }
+    async close() {
+        this.closeInternal(true);
+    }
+    async closeInternal(runCallback) {
+        let close = true;
+        if (this.elementContentContainer.parentElement === this.dockManager.config.dialogRootElement) {
+            if (!runCallback)
+                close = true;
+            else if (this.closePanelContainerCallback)
+                close = await this.closePanelContainerCallback(this);
+            else if (this.dockManager.closePanelContainerCallback)
+                close = await this.dockManager.closePanelContainerCallback(this);
+            if (close) {
+                this.dockManager.config.dialogRootElement.removeChild(this.elementContentContainer);
+                if (this.isDialog) {
+                    if (this.floatingDialog) {
+                        //this.floatingDialog.hide();
+                        this.floatingDialog.close(); // fires onClose notification
+                    }
+                }
+                else {
+                    try {
+                        this.dockManager.notifyOnClosePanel(this);
+                    }
+                    catch (err) {
+                        console.error(err);
+                    }
+                    this.performClose();
+                }
+            }
+        }
+    }
+}

package/lib/Point.d.ts

@@ -0,0 +1,6 @@
+export declare class Point {
+    x: number;
+    y: number;
+    constructor(x: number, y: number);
+}
+//# sourceMappingURL=Point.d.ts.map

package/lib/Point.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Point.d.ts","sourceRoot":"","sources":["../src/Point.ts"],"names":[],"mappings":"AAAA,qBAAa,KAAK;IAEd,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;gBAEE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;CAInC"}

package/lib/Point.js

@@ -0,0 +1,8 @@
+export class Point {
+    x;
+    y;
+    constructor(x, y) {
+        this.x = x;
+        this.y = y;
+    }
+}

package/lib/ResizableContainer.d.ts

@@ -0,0 +1,56 @@
+import { Dialog } from "./Dialog.js";
+import { ResizeHandle } from "./ResizeHandle.js";
+import { DockManager } from "./DockManager.js";
+import { IDockContainer } from "./interfaces/IDockContainer.js";
+import { ContainerType } from "./ContainerType.js";
+import { Point } from "./Point.js";
+import { IThickness } from "./interfaces/IThickness.js";
+import { IState } from "./interfaces/IState.js";
+/**
+ * Decorates a dock container with resizer handles around its base element
+ * This enables the container to be resized from all directions
+ */
+export declare class ResizableContainer implements IDockContainer {
+    topLevelElement: HTMLElement;
+    dialog: Dialog;
+    delegate: IDockContainer;
+    dockManager: DockManager;
+    containerElement: HTMLElement;
+    containerType: ContainerType;
+    minimumAllowedChildNodes: number;
+    readyToProcessNextResize: boolean;
+    dockSpawnResizedEvent: CustomEvent<{}>;
+    resizeHandles: ResizeHandle[];
+    previousMousePosition: Point;
+    private iframeEventHandlers;
+    private disableResize;
+    constructor(dialog: Dialog, delegate: IDockContainer, topLevelElement: HTMLElement, disableResize?: boolean);
+    setActiveChild(): void;
+    _buildResizeHandles(): void;
+    _buildResizeHandle(east: boolean, west: boolean, north: boolean, south: boolean): void;
+    saveState(state: IState): void;
+    loadState(state: IState): void;
+    get width(): number;
+    get height(): number;
+    get name(): string;
+    set name(value: string);
+    resize(width: number, height: number): void;
+    _adjustResizeHandles(width: number, height: number): void;
+    performLayout(children: any): void;
+    destroy(): void;
+    removeDecorator(): void;
+    onMouseMovedIframe(handle: any, e: MouseEvent, iframe: HTMLIFrameElement): void;
+    onMouseMoved(handle: ResizeHandle, event: TouchEvent | MouseEvent, iframeOffset?: {
+        x: number;
+        y: number;
+    }): void;
+    onMouseDown(handle: any, event: TouchEvent | MouseEvent): void;
+    onMouseUp(handle: any): void;
+    _performDrag(handle: any, dx: number, dy: number): void;
+    _resizeWest(dx: number, bounds: IThickness): void;
+    _resizeEast(dx: number, bounds: IThickness): void;
+    _resizeNorth(dy: number, bounds: IThickness): void;
+    _resizeSouth(dy: number, bounds: IThickness): void;
+    _resizeContainer(leftDelta: number, topDelta: number, widthDelta: number, heightDelta: number, bounds: IThickness): void;
+}
+//# sourceMappingURL=ResizableContainer.d.ts.map

package/lib/ResizableContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizableContainer.d.ts","sourceRoot":"","sources":["../src/ResizableContainer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD;;;GAGG;AACH,qBAAa,kBAAmB,YAAW,cAAc;IAErD,eAAe,EAAE,WAAW,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,cAAc,CAAC;IACzB,WAAW,EAAE,WAAW,CAAC;IACzB,gBAAgB,EAAE,WAAW,CAAC;IAC9B,aAAa,EAAE,aAAa,CAAC;IAC7B,wBAAwB,EAAE,MAAM,CAAC;IACjC,wBAAwB,EAAE,OAAO,CAAC;IAClC,qBAAqB,EAAE,WAAW,CAAC,EAAE,CAAC,CAAC;IACvC,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,qBAAqB,EAAE,KAAK,CAAC;IAC7B,OAAO,CAAC,mBAAmB,CAAiB;IAC5C,OAAO,CAAC,aAAa,CAAU;gBAEnB,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,eAAe,EAAE,WAAW,EAAE,aAAa,GAAE,OAAe;IAiBlH,cAAc;IAGd,mBAAmB;IAenB,kBAAkB,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO;IA8B/E,SAAS,CAAC,KAAK,EAAE,MAAM;IAIvB,SAAS,CAAC,KAAK,EAAE,MAAM;IAIvB,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,MAAM,IAAI,MAAM,CAEnB;IAED,IAAI,IAAI,WAEP;IACD,IAAI,IAAI,CAAC,KAAK,QAAA,EAGb;IAED,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAMpC,oBAAoB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAMlD,aAAa,CAAC,QAAQ,KAAA;IAItB,OAAO;IAKP,eAAe;IAGf,kBAAkB,CAAC,MAAM,KAAA,EAAE,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,iBAAiB;IAKnE,YAAY,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,UAAU,GAAG,UAAU,EAAE,YAAY,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE;IA8B1G,WAAW,CAAC,MAAM,KAAA,EAAE,KAAK,EAAE,UAAU,GAAG,UAAU;IAmDlD,SAAS,CAAC,MAAM,KAAA;IAiBhB,YAAY,CAAC,MAAM,KAAA,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM;IAa3C,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU;IAI1C,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU;IAI1C,YAAY,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU;IAI3C,YAAY,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU;IAI3C,gBAAgB,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU;CAgBpH"}