@deck.gl-community/widgets 9.2.5 → 9.3.0-beta.1

package/dist/widget-panels/full-screen-panel-widget.js

@@ -0,0 +1,153 @@
+var _a;
+import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+/** @jsxImportSource preact */
+import { Widget } from '@deck.gl/core';
+import { render } from 'preact';
+import { asPanelContainer, WidgetContainerRenderer } from "./widget-containers.js";
+const FULL_SCREEN_PANEL_WIDGET_CLASS = 'deck-widget-full-screen-panel';
+/**
+ * Normalizes inset margin into a practical render value.
+ */
+function normalizeMarginPx(marginPx) {
+    const clamped = Math.max(0, Math.floor(marginPx));
+    return Number.isFinite(clamped) ? clamped : 24;
+}
+/**
+ * Normalizes widget-container/panel inputs into a concrete widget container.
+ */
+function asContainer(container, panel) {
+    if (container !== undefined) {
+        return container;
+    }
+    if (panel !== undefined) {
+        return asPanelContainer(panel);
+    }
+    return {
+        kind: 'panel',
+        props: {
+            panel: {
+                id: 'empty-full-screen-panel',
+                title: '',
+                content: _jsx("div", {})
+            }
+        }
+    };
+}
+function FullScreenPanelWidgetView({ container, title, marginPx }) {
+    return (_jsxs("section", { style: FULL_SCREEN_PANEL_WIDGET_STYLE(marginPx), "aria-label": title ?? 'Full-screen panel widget', onPointerDown: stopFullScreenPanelEventPropagation, onPointerMove: stopFullScreenPanelEventPropagation, onPointerUp: stopFullScreenPanelEventPropagation, onMouseDown: stopFullScreenPanelEventPropagation, onMouseMove: stopFullScreenPanelEventPropagation, onMouseUp: stopFullScreenPanelEventPropagation, onTouchStart: stopFullScreenPanelEventPropagation, onTouchMove: stopFullScreenPanelEventPropagation, onTouchEnd: stopFullScreenPanelEventPropagation, onClick: stopFullScreenPanelEventPropagation, onContextMenu: stopFullScreenPanelEventPropagation, onWheel: stopFullScreenPanelEventPropagation, children: [title ? _jsx("header", { style: FULL_SCREEN_PANEL_HEADER_STYLE, children: title }) : null, _jsx("div", { style: FULL_SCREEN_PANEL_CONTENT_STYLE, children: _jsx(WidgetContainerRenderer, { container: container }) })] }));
+}
+/**
+ * Prevents full-screen panel interactions from leaking into the underlying deck canvas.
+ */
+function stopFullScreenPanelEventPropagation(event) {
+    event.stopPropagation();
+}
+/**
+ * A reusable deck widget that renders one container inside a large inset panel.
+ */
+export class FullScreenPanelWidget extends Widget {
+    static defaultProps = {
+        ...Widget.defaultProps,
+        id: 'full-screen-panel-widget',
+        placement: 'fill',
+        title: undefined,
+        marginPx: 24,
+        panel: undefined,
+        container: {
+            kind: 'panel',
+            props: {
+                panel: {
+                    id: 'empty-full-screen-panel',
+                    title: '',
+                    content: _jsx("div", {})
+                }
+            }
+        }
+    };
+    className = FULL_SCREEN_PANEL_WIDGET_CLASS;
+    placement = _a.defaultProps.placement;
+    title = _a.defaultProps.title;
+    marginPx = _a.defaultProps.marginPx;
+    #container = _a.defaultProps.container;
+    #rootElement = null;
+    constructor(props = {}) {
+        super({
+            ..._a.defaultProps,
+            ...props,
+            container: asContainer(props.container, props.panel)
+        });
+        this.setProps(this.props);
+    }
+    setProps(props) {
+        if (props.placement !== undefined) {
+            this.placement = props.placement;
+        }
+        if ('title' in props) {
+            this.title = props.title;
+        }
+        if (props.marginPx !== undefined) {
+            this.marginPx = normalizeMarginPx(props.marginPx);
+        }
+        if (props.container !== undefined) {
+            this.#container = props.container;
+        }
+        else if (props.panel !== undefined) {
+            this.#container = asContainer(undefined, props.panel);
+        }
+        this.#render();
+        super.setProps(props);
+    }
+    onRemove() {
+        if (this.#rootElement) {
+            render(null, this.#rootElement);
+        }
+    }
+    onRenderHTML(rootElement) {
+        this.#rootElement = rootElement;
+        const className = ['deck-widget', this.className, this.props.className]
+            .filter(Boolean)
+            .join(' ');
+        rootElement.className = className;
+        rootElement.style.position = 'absolute';
+        rootElement.style.inset = '0';
+        rootElement.style.margin = '0';
+        rootElement.style.pointerEvents = 'none';
+        rootElement.style.zIndex = '30';
+        this.#render();
+    }
+    #render = () => {
+        if (!this.#rootElement) {
+            return;
+        }
+        render(_jsx(FullScreenPanelWidgetView, { container: this.#container, title: this.title, marginPx: this.marginPx }), this.#rootElement);
+    };
+}
+_a = FullScreenPanelWidget;
+const FULL_SCREEN_PANEL_WIDGET_STYLE = (marginPx) => ({
+    position: 'absolute',
+    inset: `${marginPx}px`,
+    pointerEvents: 'auto',
+    display: 'grid',
+    gridTemplateRows: 'auto minmax(0, 1fr)',
+    border: 'var(--menu-border, 1px solid rgba(148, 163, 184, 0.42))',
+    borderRadius: '18px',
+    background: 'var(--menu-background, rgba(255, 255, 255, 0.94))',
+    backdropFilter: 'var(--menu-backdrop-filter, blur(18px))',
+    color: 'var(--menu-text, rgb(24, 24, 26))',
+    boxShadow: 'var(--menu-shadow, 0 28px 80px rgba(15, 23, 42, 0.24))',
+    overflow: 'hidden'
+});
+const FULL_SCREEN_PANEL_HEADER_STYLE = {
+    padding: '18px 22px 12px',
+    fontSize: '24px',
+    fontWeight: 800,
+    lineHeight: 1.1,
+    letterSpacing: '-0.03em',
+    color: 'var(--button-text, currentColor)'
+};
+const FULL_SCREEN_PANEL_CONTENT_STYLE = {
+    minHeight: 0,
+    overflow: 'auto',
+    padding: '0 22px 22px'
+};
+//# sourceMappingURL=full-screen-panel-widget.js.map

package/dist/widget-panels/full-screen-panel-widget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"full-screen-panel-widget.js","sourceRoot":"","sources":["../../src/widget-panels/full-screen-panel-widget.tsx"],"names":[],"mappings":"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"}

package/dist/widget-panels/full-screen-panel-widget.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=full-screen-panel-widget.test.d.ts.map

package/dist/widget-panels/full-screen-panel-widget.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"full-screen-panel-widget.test.d.ts","sourceRoot":"","sources":["../../src/widget-panels/full-screen-panel-widget.test.tsx"],"names":[],"mappings":""}

package/dist/widget-panels/full-screen-panel-widget.test.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "preact/jsx-runtime";
+/** @jsxImportSource preact */
+import { afterEach, describe, expect, it } from 'vitest';
+import { FullScreenPanelWidget } from "./full-screen-panel-widget.js";
+const panel = {
+    id: 'full-screen-panel',
+    title: 'Full Screen Panel',
+    content: _jsx("div", { children: "full screen content" })
+};
+afterEach(() => {
+    document.body.innerHTML = '';
+});
+describe('FullScreenPanelWidget', () => {
+    it('renders title and direct panel content', () => {
+        const root = document.createElement('div');
+        document.body.appendChild(root);
+        const widget = new FullScreenPanelWidget({
+            id: 'full-screen-panel-widget-basic',
+            title: 'Widget Panels',
+            panel
+        });
+        widget.onRenderHTML(root);
+        expect(root.textContent).toContain('Widget Panels');
+        expect(root.textContent).toContain('full screen content');
+    });
+    it('uses fill placement and normalizes margin', () => {
+        const root = document.createElement('div');
+        document.body.appendChild(root);
+        const widget = new FullScreenPanelWidget({
+            id: 'full-screen-panel-widget-margin',
+            panel,
+            marginPx: 36
+        });
+        widget.onRenderHTML(root);
+        const section = root.querySelector('section');
+        expect(widget.placement).toBe('fill');
+        expect(section?.style.inset).toBe('36px');
+    });
+});
+//# sourceMappingURL=full-screen-panel-widget.test.js.map

package/dist/widget-panels/full-screen-panel-widget.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"full-screen-panel-widget.test.js","sourceRoot":"","sources":["../../src/widget-panels/full-screen-panel-widget.test.tsx"],"names":[],"mappings":";AAAA,8BAA8B;AAC9B,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAC,MAAM,QAAQ,CAAC;AAEvD,OAAO,EAAC,qBAAqB,EAAC,sCAAmC;AAIjE,MAAM,KAAK,GAAgB;IACzB,EAAE,EAAE,mBAAmB;IACvB,KAAK,EAAE,mBAAmB;IAC1B,OAAO,EAAE,gDAA8B;CACxC,CAAC;AAEF,SAAS,CAAC,GAAG,EAAE;IACb,QAAQ,CAAC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;AAC/B,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAChD,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC3C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAChC,MAAM,MAAM,GAAG,IAAI,qBAAqB,CAAC;YACvC,EAAE,EAAE,gCAAgC;YACpC,KAAK,EAAE,eAAe;YACtB,KAAK;SACN,CAAC,CAAC;QAEH,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QAE1B,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;QACpD,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACnD,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC3C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAChC,MAAM,MAAM,GAAG,IAAI,qBAAqB,CAAC;YACvC,EAAE,EAAE,iCAAiC;YACrC,KAAK;YACL,QAAQ,EAAE,EAAE;SACb,CAAC,CAAC;QAEH,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QAE1B,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAc,SAAS,CAAC,CAAC;QAC3D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACtC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/widget-panels/heap-memory-widget.d.ts

@@ -0,0 +1,26 @@
+/** @jsxImportSource preact */
+import { Widget } from '@deck.gl/core';
+import type { WidgetPlacement, WidgetProps } from '@deck.gl/core';
+export type HeapMemoryWidgetProps = WidgetProps & {
+    placement?: WidgetPlacement;
+    /** How frequently to poll the heap usage, in milliseconds. */
+    pollIntervalMs?: number;
+};
+export declare class HeapMemoryWidget extends Widget<HeapMemoryWidgetProps> {
+    #private;
+    static defaultProps: {
+        id: string;
+        placement: "top-right";
+        pollIntervalMs: number;
+        style: Partial<CSSStyleDeclaration>;
+        className: string;
+        _container: string | HTMLDivElement | null;
+    };
+    placement: WidgetPlacement;
+    className: string;
+    constructor(props?: HeapMemoryWidgetProps);
+    setProps(props: Partial<HeapMemoryWidgetProps>): void;
+    onRenderHTML(rootElement: HTMLElement): void;
+    onRemove(): void;
+}
+//# sourceMappingURL=heap-memory-widget.d.ts.map

package/dist/widget-panels/heap-memory-widget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heap-memory-widget.d.ts","sourceRoot":"","sources":["../../src/widget-panels/heap-memory-widget.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAC;AAIrC,OAAO,KAAK,EAAC,eAAe,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAShE,MAAM,MAAM,qBAAqB,GAAG,WAAW,GAAG;IAChD,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,8DAA8D;IAC9D,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAsJF,qBAAa,gBAAiB,SAAQ,MAAM,CAAC,qBAAqB,CAAC;;IACjE,OAAgB,YAAY;;;;;;;MAOJ;IAExB,SAAS,EAAE,eAAe,CAA2C;IACrE,SAAS,SAA6B;gBAK1B,KAAK,GAAE,qBAA0B;IAUpC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,qBAAqB,CAAC,GAAG,IAAI;IAUrD,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IAW5C,QAAQ,IAAI,IAAI;CAK1B"}

package/dist/widget-panels/heap-memory-widget.js

@@ -0,0 +1,156 @@
+var _a;
+import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+/** @jsxImportSource preact */
+import { Widget } from '@deck.gl/core';
+import { render } from 'preact';
+import { useEffect, useMemo, useState } from 'preact/hooks';
+const DEFAULT_MEMORY_INFO = {
+    jsHeapSizeLimit: 0,
+    totalJSHeapSize: 0,
+    usedJSHeapSize: 0
+};
+function clampRatio(value) {
+    if (!Number.isFinite(value) || value <= 0) {
+        return 0;
+    }
+    if (value >= 1) {
+        return 1;
+    }
+    return value;
+}
+function formatGigabytesValue(bytes) {
+    if (!Number.isFinite(bytes)) {
+        return '0.00';
+    }
+    const gigabytes = bytes / 1024 / 1024 / 1024;
+    return gigabytes.toFixed(2);
+}
+function HeapMemoryWidgetView({ pollIntervalMs }) {
+    const [memoryInfo, setMemoryInfo] = useState(DEFAULT_MEMORY_INFO);
+    useEffect(() => {
+        let isMounted = true;
+        const updateMemory = () => {
+            if (!isMounted || typeof window === 'undefined') {
+                return;
+            }
+            const memory = window.performance.memory;
+            if (!memory) {
+                return;
+            }
+            setMemoryInfo({
+                jsHeapSizeLimit: memory.jsHeapSizeLimit ?? 0,
+                totalJSHeapSize: memory.totalJSHeapSize ?? 0,
+                usedJSHeapSize: memory.usedJSHeapSize ?? 0
+            });
+        };
+        updateMemory();
+        const interval = window.setInterval(updateMemory, Math.max(500, pollIntervalMs));
+        return () => {
+            isMounted = false;
+            window.clearInterval(interval);
+        };
+    }, [pollIntervalMs]);
+    const { jsHeapSizeLimit, totalJSHeapSize, usedJSHeapSize } = memoryInfo;
+    const { usedRatio, reservedRatio } = useMemo(() => {
+        const limit = jsHeapSizeLimit || 0;
+        if (!limit) {
+            return { usedRatio: 0, reservedRatio: 0 };
+        }
+        const used = clampRatio(usedJSHeapSize / limit);
+        const total = clampRatio(totalJSHeapSize / limit);
+        return {
+            usedRatio: used,
+            reservedRatio: Math.max(0, total - used)
+        };
+    }, [jsHeapSizeLimit, totalJSHeapSize, usedJSHeapSize]);
+    const gradient = useMemo(() => {
+        const usedColor = usedRatio < 0.5
+            ? 'rgba(107, 114, 128, 0.55)'
+            : usedRatio < 0.8
+                ? 'rgba(234, 179, 8, 0.6)'
+                : 'rgba(239, 68, 68, 0.7)';
+        const reservedColor = 'rgba(148, 163, 184, 0.35)';
+        const remainingColor = 'rgba(226, 232, 240, 0.35)';
+        const usedPercent = (usedRatio * 100).toFixed(2);
+        const reservedEnd = ((usedRatio + reservedRatio) * 100).toFixed(2);
+        return `linear-gradient(90deg, ${usedColor} 0%, ${usedColor} ${usedPercent}%, ${reservedColor} ${usedPercent}%, ${reservedColor} ${reservedEnd}%, ${remainingColor} ${reservedEnd}%, ${remainingColor} 100%)`;
+    }, [reservedRatio, usedRatio]);
+    const hasMemoryInfo = jsHeapSizeLimit > 0;
+    const valueText = hasMemoryInfo ? formatGigabytesValue(usedJSHeapSize) : 'N/A';
+    const title = hasMemoryInfo ? `Heap Size: ${valueText}GB` : 'Heap Size unavailable';
+    const buttonStyle = {
+        position: 'relative',
+        padding: 0,
+        borderRadius: 'var(--button-corner-radius)',
+        backgroundImage: gradient,
+        backgroundColor: 'var(--button-background)',
+        color: 'var(--button-text, currentColor)',
+        border: '1px solid var(--button-stroke)',
+        boxShadow: 'var(--button-shadow)',
+        overflow: 'hidden',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        flexDirection: 'column',
+        gap: '0px',
+        fontSize: '10px',
+        fontWeight: 700,
+        userSelect: 'none',
+        backgroundRepeat: 'no-repeat',
+        backgroundSize: '100% 100%',
+        width: '100%',
+        height: '100%'
+    };
+    return (_jsx("div", { className: "deck-widget-button", children: _jsxs("button", { className: "deck-widget-icon-button deck-widget-heap-memory", type: "button", title: title, "aria-label": "Heap size", style: buttonStyle, children: [_jsx("span", { style: {
+                        lineHeight: 1.05,
+                        fontSize: '10px'
+                    }, children: valueText }), _jsx("span", { style: {
+                        lineHeight: 1,
+                        fontSize: '9px'
+                    }, children: "GB" })] }) }));
+}
+export class HeapMemoryWidget extends Widget {
+    static defaultProps = {
+        ...Widget.defaultProps,
+        id: 'heap-memory',
+        placement: 'top-right',
+        pollIntervalMs: 2000
+    };
+    placement = _a.defaultProps.placement;
+    className = 'deck-widget-heap-memory';
+    #pollIntervalMs = _a.defaultProps.pollIntervalMs;
+    #rootElement = null;
+    constructor(props = {}) {
+        super({ ..._a.defaultProps, ...props });
+        if (props.placement !== undefined) {
+            this.placement = props.placement;
+        }
+        if (props.pollIntervalMs !== undefined) {
+            this.#pollIntervalMs = props.pollIntervalMs;
+        }
+    }
+    setProps(props) {
+        if (props.placement !== undefined) {
+            this.placement = props.placement;
+        }
+        if (props.pollIntervalMs !== undefined) {
+            this.#pollIntervalMs = props.pollIntervalMs;
+        }
+        super.setProps(props);
+    }
+    onRenderHTML(rootElement) {
+        this.#rootElement = rootElement;
+        const className = ['deck-widget', this.className, this.props.className]
+            .filter(Boolean)
+            .join(' ');
+        rootElement.className = className;
+        render(_jsx(HeapMemoryWidgetView, { pollIntervalMs: this.#pollIntervalMs }), rootElement);
+    }
+    onRemove() {
+        if (this.#rootElement) {
+            render(null, this.#rootElement);
+        }
+    }
+}
+_a = HeapMemoryWidget;
+//# sourceMappingURL=heap-memory-widget.js.map

package/dist/widget-panels/heap-memory-widget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heap-memory-widget.js","sourceRoot":"","sources":["../../src/widget-panels/heap-memory-widget.tsx"],"names":[],"mappings":"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"}

package/dist/widget-panels/keyboard-shortcuts-widget.d.ts

@@ -0,0 +1,46 @@
+/** @jsxImportSource preact */
+import { Widget } from '@deck.gl/core';
+import type { KeyboardShortcut } from "../keyboard-shortcuts/keyboard-shortcuts.js";
+import type { WidgetPanel, WidgetPanelTheme } from "./widget-containers.js";
+import type { WidgetPlacement, WidgetProps } from '@deck.gl/core';
+import type { JSX } from 'preact';
+export type KeyboardShortcutsWidgetProps = WidgetProps & {
+    placement?: WidgetPlacement;
+    keyboardShortcuts: KeyboardShortcut[];
+    installShortcuts?: boolean;
+};
+export type KeyboardShortcutsPanelProps = {
+    /** Optional list of keyboard shortcuts to render in the panel. */
+    keyboardShortcuts?: KeyboardShortcut[];
+    /** Optional theme override applied to this panel subtree. */
+    theme?: WidgetPanelTheme;
+};
+/**
+ * A panel definition representing keyboard shortcut details for a modal/tab container.
+ */
+export declare class KeyboardShortcutsPanel implements WidgetPanel {
+    id: string;
+    title: string;
+    theme?: WidgetPanelTheme;
+    content: JSX.Element;
+    constructor({ keyboardShortcuts, theme }?: KeyboardShortcutsPanelProps);
+}
+export declare class KeyboardShortcutsWidget extends Widget<KeyboardShortcutsWidgetProps> {
+    #private;
+    static defaultProps: {
+        id: string;
+        placement: "top-left";
+        keyboardShortcuts: any[];
+        style: Partial<CSSStyleDeclaration>;
+        className: string;
+        _container: string | HTMLDivElement | null;
+    };
+    className: string;
+    placement: WidgetPlacement;
+    constructor(props: KeyboardShortcutsWidgetProps);
+    setProps(props: Partial<KeyboardShortcutsWidgetProps>): void;
+    onAdd(): void;
+    onRenderHTML(rootElement: HTMLElement): void;
+    onRemove(): void;
+}
+//# sourceMappingURL=keyboard-shortcuts-widget.d.ts.map

package/dist/widget-panels/keyboard-shortcuts-widget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard-shortcuts-widget.d.ts","sourceRoot":"","sources":["../../src/widget-panels/keyboard-shortcuts-widget.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAC;AAMrC,OAAO,KAAK,EAAC,gBAAgB,EAAC,oDAAiD;AAC/E,OAAO,KAAK,EAAC,WAAW,EAAE,gBAAgB,EAAC,+BAA4B;AACvE,OAAO,KAAK,EAAC,eAAe,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAChE,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,QAAQ,CAAC;AAEhC,MAAM,MAAM,4BAA4B,GAAG,WAAW,GAAG;IACvD,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;IACtC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACxC,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACvC,6DAA6D;IAC7D,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B,CAAC;AAEF;;GAEG;AACH,qBAAa,sBAAuB,YAAW,WAAW;IACxD,EAAE,SAAwB;IAC1B,KAAK,SAAwB;IAC7B,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC;gBAET,EAAC,iBAAsB,EAAE,KAAiB,EAAC,GAAE,2BAAgC;CAI1F;AAED,qBAAa,uBAAwB,SAAQ,MAAM,CAAC,4BAA4B,CAAC;;IAC/E,OAAgB,YAAY;;;;;;;MAOG;IAE/B,SAAS,SAAmC;IAC5C,SAAS,EAAE,eAAe,CAAkD;gBAOhE,KAAK,EAAE,4BAA4B;IAQtC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,4BAA4B,CAAC,GAAG,IAAI;IAe5D,KAAK,IAAI,IAAI;IAIb,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IAW5C,QAAQ,IAAI,IAAI;CAqE1B"}