@deck.gl-community/widgets 9.2.5 → 9.3.1-alpha.0

package/dist/widget-panels/time-measure-widget.js

@@ -0,0 +1,351 @@
+import { jsx as _jsx } from "preact/jsx-runtime";
+/** @jsxImportSource preact */
+import { Widget } from '@deck.gl/core';
+import { render } from 'preact';
+import { IconButton, makeTextIcon } from "../widget-components/icon-button.js";
+export class TimeMeasureWidget extends Widget {
+    static defaultProps = {
+        ...Widget.defaultProps,
+        id: 'time-measure',
+        placement: 'top-left',
+        viewId: null,
+        eventViewId: 'main',
+        projectionViewId: 'main',
+        label: 'Measure time',
+        activeLabel: 'Time range selected',
+        onActivate: undefined,
+        onDeactivate: undefined,
+        onRangeChange: undefined,
+        onSelectionChange: undefined
+    };
+    className = 'deck-widget-time-measure';
+    placement = 'top-left';
+    /** Current selection phase. */
+    #phase = 'idle';
+    /** Track the latest measured range. */
+    #timeMeasureRange = null;
+    /** Provisional start anchor while selecting. */
+    #draftStartTimeMs = null;
+    /** Cursor-projected time while selecting. */
+    #cursorTimeMs = null;
+    /** Viewport to listen to for interactions. */
+    #eventViewId = 'main';
+    /** Viewport to use for coordinate projection. */
+    #projectionViewId = null;
+    #eventManager;
+    #dragSelecting = false;
+    constructor(props = {}) {
+        super(props);
+        this.setProps(this.props);
+    }
+    setProps(props) {
+        this.placement = props.placement ?? this.placement;
+        this.viewId = props.viewId ?? this.viewId;
+        this.#eventViewId = props.eventViewId ?? this.#eventViewId;
+        this.#projectionViewId = props.projectionViewId ?? this.#projectionViewId;
+        super.setProps(props);
+    }
+    onAdd({ deck, viewId }) {
+        if (viewId && !this.viewId) {
+            this.viewId = viewId;
+        }
+        // @ts-expect-error accessing protected member
+        // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain
+        const eventManager = deck?.eventManager;
+        this.#attachEventListeners(eventManager);
+        return this.onCreateRootElement();
+    }
+    onRemove() {
+        this.#detachEventListeners();
+    }
+    onRenderHTML(rootElement) {
+        const appearance = this.#getAppearance();
+        render(_jsx(IconButton, { icon: appearance.icon, color: appearance.color, title: appearance.title, className: appearance.isActive ? 'deck-widget-button-active' : '', onClick: () => this.#handleWidgetClick() }), rootElement);
+    }
+    onHover(info, event) {
+        if (!this.#isSelecting() || !this.#shouldHandleEvent(info)) {
+            return;
+        }
+        const timeMs = this.#eventToTimeMs(info, event);
+        if (timeMs === null) {
+            return;
+        }
+        this.#cursorTimeMs = timeMs;
+        this.#emitSelectionChange();
+    }
+    // eslint-disable-next-line complexity
+    onClick(info, event) {
+        if (this.#dragSelecting) {
+            return;
+        }
+        if (!this.#isSelecting() || !this.#shouldHandleEvent(info)) {
+            return;
+        }
+        if (event.srcEvent?.button === 2 || event.rightButton) {
+            this.#cancelSelection();
+            return;
+        }
+        const timeMs = this.#eventToTimeMs(info, event);
+        if (timeMs === null || event.srcEvent?.button !== 0) {
+            return;
+        }
+        if (this.#phase === 'selecting-start') {
+            this.#draftStartTimeMs = timeMs;
+            this.#phase = 'selecting-end';
+            this.#cursorTimeMs = timeMs;
+            this.#emitSelectionChange();
+            this.updateHTML();
+            return;
+        }
+        if (this.#phase === 'selecting-end' && this.#draftStartTimeMs !== null) {
+            const [startTimeMs, endTimeMs] = this.#draftStartTimeMs <= timeMs
+                ? [this.#draftStartTimeMs, timeMs]
+                : [timeMs, this.#draftStartTimeMs];
+            this.#finalizeRange({ startTimeMs, endTimeMs });
+        }
+    }
+    onDragStart(info, event) {
+        if (!this.#matchesEventView(info)) {
+            return;
+        }
+        if (this.#dragSelecting || this.#isSelecting()) {
+            return;
+        }
+        const srcEvent = event?.srcEvent;
+        if (!srcEvent?.shiftKey) {
+            return;
+        }
+        if (srcEvent.button === 2 || event.rightButton) {
+            return;
+        }
+        const timeMs = this.#eventToTimeMs(info, event);
+        if (timeMs === null) {
+            return;
+        }
+        srcEvent.preventDefault?.();
+        srcEvent.stopPropagation?.();
+        this.#dragSelecting = true;
+        this.#beginDragSelection(timeMs);
+    }
+    onDrag(info, event) {
+        if (!this.#dragSelecting || !this.#matchesEventView(info)) {
+            return;
+        }
+        const timeMs = this.#eventToTimeMs(info, event);
+        if (timeMs === null) {
+            return;
+        }
+        this.#cursorTimeMs = timeMs;
+        this.#emitSelectionChange();
+    }
+    onDragEnd(info, event) {
+        if (!this.#dragSelecting) {
+            return;
+        }
+        this.#dragSelecting = false;
+        if (!this.#matchesEventView(info)) {
+            this.#cancelSelection();
+            return;
+        }
+        const timeMs = this.#eventToTimeMs(info, event);
+        if (timeMs === null || this.#draftStartTimeMs === null) {
+            this.#cancelSelection();
+            return;
+        }
+        const [startTimeMs, endTimeMs] = this.#draftStartTimeMs <= timeMs
+            ? [this.#draftStartTimeMs, timeMs]
+            : [timeMs, this.#draftStartTimeMs];
+        this.#finalizeRange({ startTimeMs, endTimeMs });
+    }
+    #handleKeyDown = (event) => {
+        if (event.srcEvent.key === 'Shift' && this.#phase === 'selected' && this.#timeMeasureRange) {
+            this.#cancelSelection();
+            return;
+        }
+        if (event.srcEvent.key === 'Escape' && this.#isSelecting()) {
+            this.#cancelSelection();
+        }
+    };
+    #handleKeyUp = (event) => {
+        if (event.srcEvent.key === 'Escape' && this.#isSelecting()) {
+            this.#cancelSelection();
+        }
+    };
+    #attachEventListeners(eventManager) {
+        if (!eventManager) {
+            return;
+        }
+        this.#detachEventListeners();
+        this.#eventManager = eventManager;
+        eventManager.on('keydown', this.#handleKeyDown);
+        eventManager.on('keyup', this.#handleKeyUp);
+    }
+    #detachEventListeners() {
+        if (!this.#eventManager) {
+            return;
+        }
+        this.#eventManager.off('keydown', this.#handleKeyDown);
+        this.#eventManager.off('keyup', this.#handleKeyUp);
+        this.#eventManager = null;
+    }
+    #toggleActive() {
+        if (this.#isSelecting()) {
+            this.#cancelSelection();
+            return;
+        }
+        if (this.#phase === 'selected') {
+            this.#beginSelection({ resetRange: true });
+            return;
+        }
+        this.#beginSelection({ resetRange: true });
+    }
+    #beginSelection({ resetRange }) {
+        if (resetRange) {
+            this.#updateRange(null, { suppressEmit: false });
+        }
+        this.#phase = 'selecting-start';
+        this.#draftStartTimeMs = null;
+        this.#cursorTimeMs = null;
+        this.#dragSelecting = false;
+        this.props.onActivate?.();
+        this.#emitSelectionChange();
+        this.updateHTML();
+    }
+    #beginDragSelection(startTimeMs) {
+        this.#updateRange(null, { suppressEmit: false });
+        this.#phase = 'selecting-end';
+        this.#draftStartTimeMs = startTimeMs;
+        this.#cursorTimeMs = startTimeMs;
+        this.props.onActivate?.();
+        this.#emitSelectionChange();
+        this.updateHTML();
+    }
+    #shouldHandleEvent(info) {
+        if (!this.#isSelecting()) {
+            return false;
+        }
+        return this.#matchesEventView(info);
+    }
+    #matchesEventView(info) {
+        const eventViewId = this.#eventViewId;
+        if (!eventViewId) {
+            return true;
+        }
+        const viewportId = info.viewport?.id;
+        if (!viewportId) {
+            return false;
+        }
+        if (Array.isArray(eventViewId)) {
+            return eventViewId.includes(viewportId);
+        }
+        return viewportId === eventViewId;
+    }
+    // eslint-disable-next-line complexity
+    #eventToTimeMs(info, event) {
+        const projectionViewport = this.#getProjectionViewport(info);
+        if (!projectionViewport) {
+            return null;
+        }
+        if (info.coordinate && Number.isFinite(info.coordinate[0])) {
+            if (!projectionViewport.id || info.viewport?.id === projectionViewport.id) {
+                return info.coordinate[0];
+            }
+        }
+        const center = event.offsetCenter ?? event.center;
+        if (!center) {
+            return null;
+        }
+        const x = 'x' in center ? center.x : Array.isArray(center) ? center[0] : null;
+        if (typeof x !== 'number') {
+            return null;
+        }
+        const offsetX = x - projectionViewport.x;
+        const [timeMs] = projectionViewport.unproject([offsetX, 0]);
+        return timeMs ?? null;
+    }
+    #getProjectionViewport(info) {
+        const projectionViewId = this.#projectionViewId ??
+            (Array.isArray(this.#eventViewId) ? this.#eventViewId[0] : this.#eventViewId);
+        if (!projectionViewId) {
+            return info.viewport ?? null;
+        }
+        if (info.viewport?.id === projectionViewId) {
+            return info.viewport ?? null;
+        }
+        const deck = this.deck;
+        if (!deck?.isInitialized) {
+            return info.viewport ?? null;
+        }
+        return deck.getViewports().find((viewport) => viewport.id === projectionViewId) ?? null;
+    }
+    #finalizeRange(range) {
+        this.#updateRange(range, { suppressEmit: false });
+        this.#phase = 'selected';
+        this.#draftStartTimeMs = null;
+        this.#cursorTimeMs = null;
+        this.#dragSelecting = false;
+        this.props.onDeactivate?.();
+        this.#emitSelectionChange();
+        this.updateHTML();
+    }
+    #updateRange(range, { suppressEmit = false } = {}) {
+        this.#timeMeasureRange = range ? { ...range } : null;
+        if (!suppressEmit) {
+            this.props.onRangeChange?.(this.#timeMeasureRange);
+        }
+    }
+    #cancelSelection() {
+        this.#updateRange(null);
+        this.#phase = 'idle';
+        this.#draftStartTimeMs = null;
+        this.#cursorTimeMs = null;
+        this.#dragSelecting = false;
+        this.props.onDeactivate?.();
+        this.#emitSelectionChange();
+        this.updateHTML();
+    }
+    #isSelecting() {
+        return this.#phase === 'selecting-start' || this.#phase === 'selecting-end';
+    }
+    #handleWidgetClick() {
+        if (this.#isSelecting()) {
+            this.#cancelSelection();
+            return;
+        }
+        this.#toggleActive();
+    }
+    #emitSelectionChange() {
+        this.props.onSelectionChange?.({
+            phase: this.#phase,
+            cursorTimeMs: this.#cursorTimeMs,
+            draftStartTimeMs: this.#draftStartTimeMs,
+            range: this.#timeMeasureRange
+        });
+    }
+    #getAppearance() {
+        const focusColor = '#10374b';
+        const activeColor = '#1a95d3';
+        if (this.#phase === 'selecting-start' || this.#phase === 'selecting-end') {
+            return {
+                color: activeColor,
+                icon: makeTextIcon(this.#phase === 'selecting-start' ? '│' : '││'),
+                isActive: true,
+                title: 'Select time range…'
+            };
+        }
+        if (this.#phase === 'selected' && this.#timeMeasureRange) {
+            return {
+                color: focusColor,
+                icon: makeTextIcon('Δt'),
+                isActive: true,
+                title: this.props.activeLabel
+            };
+        }
+        return {
+            icon: makeTextIcon('Δt'),
+            isActive: false,
+            title: this.props.label
+        };
+    }
+}
+//# sourceMappingURL=time-measure-widget.js.map

package/dist/widget-panels/time-measure-widget.js.map

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

package/dist/widget-panels/toast-manager.d.ts

@@ -0,0 +1,24 @@
+export type ToastKind = 'info' | 'warning' | 'error';
+export type ToastRequest = {
+    type: ToastKind;
+    title?: string;
+    message: string;
+    key?: string;
+};
+export type ToastEntry = ToastRequest & {
+    id: string;
+    createdAtMs: number;
+};
+type ToastListener = (toasts: ReadonlyArray<ToastEntry>) => void;
+export declare class ToastManager {
+    #private;
+    constructor(maxVisibleToasts?: number);
+    toast(request: ToastRequest): string;
+    dismiss(toastId: string): void;
+    clear(): void;
+    getToasts(): ReadonlyArray<ToastEntry>;
+    subscribe(listener: ToastListener): () => void;
+}
+export declare const toastManager: ToastManager;
+export {};
+//# sourceMappingURL=toast-manager.d.ts.map

package/dist/widget-panels/toast-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-manager.d.ts","sourceRoot":"","sources":["../../src/widget-panels/toast-manager.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAErD,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,YAAY,GAAG;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,aAAa,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;AAejE,qBAAa,YAAY;;gBAMX,gBAAgB,SAA6B;IAIzD,KAAK,CAAC,OAAO,EAAE,YAAY,GAAG,MAAM;IAyBpC,OAAO,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAW9B,KAAK,IAAI,IAAI;IASb,SAAS,IAAI,aAAa,CAAC,UAAU,CAAC;IAItC,SAAS,CAAC,QAAQ,EAAE,aAAa,GAAG,MAAM,IAAI;CA2C/C;AAED,eAAO,MAAM,YAAY,cAAqB,CAAC"}

package/dist/widget-panels/toast-manager.js

@@ -0,0 +1,96 @@
+const DEFAULT_MAX_VISIBLE_TOASTS = 3;
+const AUTO_DISMISS_BY_TYPE = {
+    error: 8_000,
+    info: 4_000,
+    warning: 6_000
+};
+function createToastId(prefix = 'toast') {
+    return `${prefix}-${Date.now()}-${Math.random().toString(16).slice(2)}`;
+}
+export class ToastManager {
+    #toasts = [];
+    #listeners = new Set();
+    #timers = new Map();
+    #maxVisibleToasts;
+    constructor(maxVisibleToasts = DEFAULT_MAX_VISIBLE_TOASTS) {
+        this.#maxVisibleToasts = maxVisibleToasts;
+    }
+    toast(request) {
+        const now = Date.now();
+        const toast = {
+            id: createToastId(),
+            createdAtMs: now,
+            ...request
+        };
+        if (toast.key) {
+            const duplicateKeyIndex = this.#toasts.findIndex((nextToast) => nextToast.key === toast.key);
+            if (duplicateKeyIndex !== -1) {
+                const existingToast = this.#toasts[duplicateKeyIndex];
+                toast.id = existingToast.id;
+                this.#toasts.splice(duplicateKeyIndex, 1);
+            }
+        }
+        this.#toasts.unshift(toast);
+        this.#enforceCap();
+        this.#scheduleAutoDismiss(toast.id, toast.type);
+        this.#notify();
+        return toast.id;
+    }
+    dismiss(toastId) {
+        const toastIndex = this.#toasts.findIndex((toast) => toast.id === toastId);
+        if (toastIndex === -1) {
+            return;
+        }
+        this.#toasts.splice(toastIndex, 1);
+        this.#clearAutoDismissTimer(toastId);
+        this.#notify();
+    }
+    clear() {
+        for (const toastId of this.#toasts.map((toast) => toast.id)) {
+            this.#clearAutoDismissTimer(toastId);
+        }
+        this.#toasts = [];
+        this.#notify();
+    }
+    getToasts() {
+        return this.#toasts.slice();
+    }
+    subscribe(listener) {
+        this.#listeners.add(listener);
+        listener(this.getToasts());
+        return () => {
+            this.#listeners.delete(listener);
+        };
+    }
+    #notify() {
+        const snapshots = this.getToasts();
+        for (const listener of this.#listeners) {
+            listener(snapshots);
+        }
+    }
+    #scheduleAutoDismiss(toastId, toastType) {
+        const autoDismissMs = AUTO_DISMISS_BY_TYPE[toastType];
+        this.#clearAutoDismissTimer(toastId);
+        const timer = setTimeout(() => {
+            this.dismiss(toastId);
+        }, autoDismissMs);
+        this.#timers.set(toastId, timer);
+    }
+    #clearAutoDismissTimer(toastId) {
+        const timer = this.#timers.get(toastId);
+        if (!timer) {
+            return;
+        }
+        clearTimeout(timer);
+        this.#timers.delete(toastId);
+    }
+    #enforceCap() {
+        const toastsToRemove = this.#toasts.slice(this.#maxVisibleToasts);
+        this.#toasts = this.#toasts.slice(0, this.#maxVisibleToasts);
+        for (const toast of toastsToRemove) {
+            this.#clearAutoDismissTimer(toast.id);
+        }
+    }
+}
+export const toastManager = new ToastManager();
+//# sourceMappingURL=toast-manager.js.map

package/dist/widget-panels/toast-manager.js.map

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

package/dist/widget-panels/toast-manager.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=toast-manager.test.d.ts.map

package/dist/widget-panels/toast-manager.test.d.ts.map

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

package/dist/widget-panels/toast-manager.test.js

@@ -0,0 +1,75 @@
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { toastManager } from "./toast-manager.js";
+function addToast({ type, message, key }) {
+    const request = { type, message, key };
+    return toastManager.toast(request);
+}
+beforeEach(() => {
+    toastManager.clear();
+});
+afterEach(() => {
+    if (vi.isFakeTimers()) {
+        vi.useRealTimers();
+    }
+    toastManager.clear();
+});
+describe('ToastManager', () => {
+    it('adds toasts, returns IDs, and supports dismiss/clear', () => {
+        const firstId = addToast({ type: 'info', message: 'Saved' });
+        const secondId = addToast({ type: 'warning', message: 'Retried' });
+        expect(firstId).toBeTypeOf('string');
+        expect(secondId).toBeTypeOf('string');
+        expect(toastManager.getToasts()).toHaveLength(2);
+        toastManager.dismiss(secondId);
+        expect(toastManager.getToasts()).toHaveLength(1);
+        expect(toastManager.getToasts().find((toast) => toast.id === secondId)).toBeUndefined();
+        toastManager.clear();
+        expect(toastManager.getToasts()).toHaveLength(0);
+    });
+    it('replaces existing toasts when key matches', () => {
+        const id = addToast({ type: 'info', message: 'first', key: 'build' });
+        const replacementId = addToast({ type: 'error', message: 'second', key: 'build' });
+        expect(replacementId).toBe(id);
+        const toasts = toastManager.getToasts();
+        expect(toasts).toHaveLength(1);
+        expect(toasts[0]).toMatchObject({
+            id,
+            key: 'build',
+            type: 'error',
+            message: 'second'
+        });
+    });
+    it('caps visible toasts at 3', () => {
+        const ids = [];
+        ids.push(addToast({ type: 'info', message: '1' }));
+        ids.push(addToast({ type: 'info', message: '2' }));
+        ids.push(addToast({ type: 'info', message: '3' }));
+        ids.push(addToast({ type: 'info', message: '4' }));
+        expect(toastManager.getToasts()).toHaveLength(3);
+        expect(toastManager.getToasts().map((toast) => toast.id)).toEqual([ids[3], ids[2], ids[1]]);
+    });
+    it('auto dismisses according to toast kind durations', () => {
+        vi.useFakeTimers();
+        const infoId = addToast({ type: 'info', message: 'info' });
+        const warningId = addToast({ type: 'warning', message: 'warning' });
+        const errorId = addToast({ type: 'error', message: 'error' });
+        expect(toastManager.getToasts().map((toast) => toast.id)).toEqual([errorId, warningId, infoId]);
+        vi.advanceTimersByTime(4_000);
+        expect(toastManager.getToasts().map((toast) => toast.id)).toEqual([errorId, warningId]);
+        vi.advanceTimersByTime(2_000);
+        expect(toastManager.getToasts().map((toast) => toast.id)).toEqual([errorId]);
+        vi.advanceTimersByTime(2_000);
+        expect(toastManager.getToasts()).toHaveLength(0);
+    });
+    it('notifies subscribers and supports unsubscribe', () => {
+        const listener = vi.fn();
+        const unsubscribe = toastManager.subscribe(listener);
+        expect(listener).toHaveBeenCalledTimes(1);
+        toastManager.toast({ type: 'info', message: 'a' });
+        expect(listener).toHaveBeenCalledTimes(2);
+        unsubscribe();
+        toastManager.toast({ type: 'warning', message: 'b' });
+        expect(listener).toHaveBeenCalledTimes(2);
+    });
+});
+//# sourceMappingURL=toast-manager.test.js.map

package/dist/widget-panels/toast-manager.test.js.map

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

package/dist/widget-panels/toast-widget.d.ts

@@ -0,0 +1,20 @@
+/** @jsxImportSource preact */
+import { Widget } from '@deck.gl/core';
+import type { WidgetPlacement, WidgetProps } from '@deck.gl/core';
+export type ToastWidgetProps = WidgetProps & {
+    placement?: WidgetPlacement;
+    showBorder?: boolean;
+};
+export declare class ToastWidget extends Widget<ToastWidgetProps> {
+    #private;
+    static defaultProps: Required<ToastWidgetProps>;
+    className: string;
+    placement: WidgetPlacement;
+    showBorder: boolean;
+    constructor(props?: ToastWidgetProps);
+    setProps(props: Partial<ToastWidgetProps>): void;
+    onAdd(): void;
+    onRemove(): void;
+    onRenderHTML(rootElement: HTMLElement): void;
+}
+//# sourceMappingURL=toast-widget.d.ts.map

package/dist/widget-panels/toast-widget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-widget.d.ts","sourceRoot":"","sources":["../../src/widget-panels/toast-widget.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAC;AAMrC,OAAO,KAAK,EAAC,eAAe,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAGhE,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IAC3C,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAqMF,qBAAa,WAAY,SAAQ,MAAM,CAAC,gBAAgB,CAAC;;IACvD,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAK7C;IAEF,SAAS,SAAsB;IAC/B,SAAS,EAAE,eAAe,CAAkB;IAC5C,UAAU,UAAS;gBAKP,KAAK,GAAE,gBAAqB;IAKxC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,gBAAgB,CAAC,GAAG,IAAI;IAWhD,KAAK;IAaL,QAAQ,IAAI,IAAI;IAQhB,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;CA8B7C"}