@deck.gl/widgets 9.1.12 → 9.2.0-alpha.2

package/dist/info-widget.d.ts

@@ -0,0 +1,37 @@
+import { Widget, WidgetProps } from '@deck.gl/core';
+import type { Deck, PickingInfo, Viewport } from '@deck.gl/core';
+export type InfoWidgetProps = WidgetProps & {
+    /** View to attach to and interact with. Required when using multiple views. */
+    viewId?: string | null;
+    /** InfoWidget mode */
+    mode: 'click' | 'hover' | 'static';
+    /** Get the popup contents from the selected element */
+    getTooltip?: (info: PickingInfo, widget: InfoWidget) => any;
+    /** Position at which to place popup (clicked point: [longitude, latitude]). */
+    position: [number, number];
+    /** Text of popup */
+    text?: string;
+    /** Visibility of info widget */
+    visible?: boolean;
+    /** Minimum offset (in pixels) to keep the popup away from the canvas edges. */
+    minOffset?: number;
+    onClick?: (widget: InfoWidget, info: PickingInfo) => boolean;
+};
+export declare class InfoWidget extends Widget<InfoWidgetProps> {
+    static defaultProps: Required<InfoWidgetProps>;
+    className: string;
+    placement: "fill";
+    viewId?: string | null;
+    viewport?: Viewport;
+    constructor(props: InfoWidgetProps);
+    setProps(props: Partial<InfoWidgetProps>): void;
+    onViewportChange(viewport: any): void;
+    onHover(info: PickingInfo): void;
+    onClick(info: PickingInfo): boolean;
+    onAdd({ deck, viewId }: {
+        deck: Deck<any>;
+        viewId: string | null;
+    }): HTMLDivElement;
+    onRenderHTML(rootElement: HTMLElement): void;
+}
+//# sourceMappingURL=info-widget.d.ts.map

package/dist/info-widget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"info-widget.d.ts","sourceRoot":"","sources":["../src/info-widget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAClD,OAAO,KAAK,EAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAC,MAAM,eAAe,CAAC;AAG/D,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC1C,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,sBAAsB;IACtB,IAAI,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;IACnC,uDAAuD;IACvD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,KAAK,GAAG,CAAC;IAC5D,+EAA+E;IAC/E,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC3B,oBAAoB;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,KAAK,OAAO,CAAC;CAC9D,CAAC;AAEF,qBAAa,UAAW,SAAQ,MAAM,CAAC,eAAe,CAAC;IACrD,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,eAAe,CAAC,CAW5C;IAEF,SAAS,SAAsB;IAC/B,SAAS,SAAmB;IAC5B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC9B,QAAQ,CAAC,EAAE,QAAQ,CAAC;gBAER,KAAK,EAAE,eAAe;IASlC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,eAAe,CAAC;IAIxC,gBAAgB,CAAC,QAAQ,KAAA;IAKzB,OAAO,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;IAYhC,OAAO,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO;IAenC,KAAK,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,EAAE;QAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;QAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;KAAC,GAAG,cAAc;IAmB/E,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;CAsH7C"}

package/dist/info-widget.js

@@ -0,0 +1,183 @@
+import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+/* global document */
+import { Widget } from '@deck.gl/core';
+import { render } from 'preact';
+export class InfoWidget extends Widget {
+    constructor(props) {
+        super(props, InfoWidget.defaultProps);
+        this.className = 'deck-widget-info';
+        this.placement = 'fill';
+        this.viewId = null;
+        props.position = props.position || [0, 0];
+        props.text = props.text || '';
+        props.visible = props.visible || false;
+        // Set default minOffset if not provided
+        props.minOffset = props.minOffset ?? 0;
+    }
+    setProps(props) {
+        super.setProps(props);
+    }
+    onViewportChange(viewport) {
+        this.viewport = viewport;
+        this.updateHTML();
+    }
+    onHover(info) {
+        if (this.props.mode === 'hover' && this.props.getTooltip) {
+            const tooltip = this.props.getTooltip(info, this);
+            // hover tooltips should show over static and click infos
+            this.setProps({
+                visible: tooltip !== null,
+                ...tooltip,
+                style: { zIndex: 1, ...tooltip?.style }
+            });
+        }
+    }
+    onClick(info) {
+        if (this.props.mode === 'click' && this.props.getTooltip) {
+            const tooltip = this.props.getTooltip(info, this);
+            this.setProps({
+                visible: tooltip !== null,
+                ...tooltip
+            });
+            return tooltip !== null;
+        }
+        // Original behavior
+        return this.props.onClick?.(this, info) || false;
+    }
+    // TODO - Align with onCreateRootElement
+    onAdd({ deck, viewId }) {
+        const { className } = this.props;
+        const element = document.createElement('div');
+        element.classList.add('deck-widget', 'deck-widget-info');
+        if (className)
+            element.classList.add(className);
+        // Ensure absolute positioning relative to the deck container
+        const style = { margin: '0px', top: '0px', left: '0px', position: 'absolute' };
+        Object.entries(style).forEach(([key, value]) => element.style.setProperty(key, value));
+        this.deck = deck;
+        if (!viewId) {
+            this.viewport = deck.getViewports()[0];
+        }
+        else {
+            this.viewport = deck.getViewports().find(viewport => viewport.id === viewId);
+        }
+        this.rootElement = element;
+        this.updateHTML();
+        return element;
+    }
+    onRenderHTML(rootElement) {
+        if (!this.viewport) {
+            return;
+        }
+        const [longitude, latitude] = this.props.position;
+        // Project the clicked geographic coordinate to canvas (x, y)
+        const [x, y] = this.viewport.project([longitude, latitude]);
+        const minOffset = this.props.minOffset || 0;
+        const gap = 10; // gap between clicked point and popup box
+        const arrowHeight = 8; // height of the triangle arrow
+        const arrowWidth = 16; // full width of the arrow
+        // Decide vertical orientation.
+        // If the clicked point is in the bottom half, place the popup above the point.
+        const isAbove = y > this.viewport.height / 2;
+        const background = (this.props.style && this.props.style.background) || 'rgba(255,255,255,0.9)';
+        // Render the popup container with a content box and a placeholder for the arrow.
+        // The container is positioned absolutely (initially at 0,0) and will be repositioned after measuring.
+        const ui = this.props.visible ? (_jsxs("div", { className: "popup-container", style: { position: 'absolute', left: 0, top: 0 }, children: [_jsx("div", { className: "popup-content", style: {
+                        background,
+                        padding: '10px',
+                        position: 'relative',
+                        // Include any additional styles
+                        ...this.props.style
+                    }, children: this.props.text }), _jsx("div", { className: "popup-arrow", style: { position: 'absolute', width: '0px', height: '0px' } })] })) : null;
+        render(ui, rootElement);
+        // After rendering, measure the content and adjust positioning so that:
+        // - The popup (with its arrow) does not cover the clicked point.
+        // - The arrow's tip points to the clicked point.
+        // - The popup remains within the canvas bounds, with minOffset.
+        // eslint-disable-next-line max-statements, complexity
+        requestAnimationFrame(() => {
+            if (!this.props.visible || !rootElement.firstChild || !this.viewport)
+                return;
+            const container = rootElement.firstChild;
+            const contentEl = container.querySelector('.popup-content');
+            const arrowEl = container.querySelector('.popup-arrow');
+            if (!contentEl || !arrowEl)
+                return;
+            const contentRect = contentEl.getBoundingClientRect();
+            const popupWidth = contentRect.width;
+            const popupHeight = contentRect.height;
+            // Compute ideal horizontal position: center the popup on the clicked x
+            let computedLeft = x - popupWidth / 2;
+            // Compute vertical position based on orientation:
+            // If the popup is above, position its bottom edge (minus arrow & gap) at the clicked y.
+            // Otherwise, position its top edge (plus arrow & gap) at the clicked y.
+            let computedTop;
+            if (isAbove) {
+                computedTop = y - gap - arrowHeight - popupHeight;
+            }
+            else {
+                computedTop = y + gap + arrowHeight;
+            }
+            // Ensure the popup (content) stays within horizontal bounds of the canvas
+            if (computedLeft < minOffset) {
+                computedLeft = minOffset;
+            }
+            if (computedLeft + popupWidth > this.viewport.width - minOffset) {
+                computedLeft = this.viewport.width - minOffset - popupWidth;
+            }
+            // Ensure the vertical position (including the arrow) stays within canvas bounds.
+            if (isAbove) {
+                if (computedTop < minOffset) {
+                    computedTop = minOffset;
+                }
+            }
+            else if (computedTop + popupHeight + arrowHeight > this.viewport.height - minOffset) {
+                computedTop = this.viewport.height - minOffset - popupHeight - arrowHeight;
+            }
+            // Update container position (remove any transform and set left/top explicitly)
+            container.style.left = `${computedLeft}px`;
+            container.style.top = `${computedTop}px`;
+            container.style.transform = '';
+            // Compute arrow's horizontal offset relative to the container.
+            // We want the arrow's tip to align with the clicked point.
+            let arrowLeft = x - computedLeft - arrowWidth / 2;
+            // Optionally constrain arrowLeft so it stays within the popup's width.
+            arrowLeft = Math.max(arrowLeft, 0);
+            arrowLeft = Math.min(arrowLeft, popupWidth - arrowWidth);
+            // Update arrow element's style based on orientation.
+            if (isAbove) {
+                // Popup is above the clicked point so arrow appears at the bottom of the popup.
+                arrowEl.style.left = `${arrowLeft}px`;
+                arrowEl.style.bottom = `-${arrowHeight}px`;
+                arrowEl.style.top = '';
+                arrowEl.style.borderLeft = `${arrowWidth / 2}px solid transparent`;
+                arrowEl.style.borderRight = `${arrowWidth / 2}px solid transparent`;
+                arrowEl.style.borderTop = `${arrowHeight}px solid ${background}`;
+                arrowEl.style.borderBottom = '';
+            }
+            else {
+                // Popup is below the clicked point so arrow appears at the top.
+                arrowEl.style.left = `${arrowLeft}px`;
+                arrowEl.style.top = `-${arrowHeight}px`;
+                arrowEl.style.bottom = '';
+                arrowEl.style.borderLeft = `${arrowWidth / 2}px solid transparent`;
+                arrowEl.style.borderRight = `${arrowWidth / 2}px solid transparent`;
+                arrowEl.style.borderBottom = `${arrowHeight}px solid ${background}`;
+                arrowEl.style.borderTop = '';
+            }
+        });
+    }
+}
+InfoWidget.defaultProps = {
+    ...Widget.defaultProps,
+    position: [0, 0],
+    text: '',
+    visible: false,
+    // Set default minOffset if not provided
+    minOffset: 0,
+    viewId: null,
+    mode: 'hover',
+    getTooltip: undefined,
+    onClick: undefined
+};
+//# sourceMappingURL=info-widget.js.map

package/dist/info-widget.js.map

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

package/dist/lib/components/button-group.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentChildren } from 'preact';
+export type ButtonGroupProps = {
+    children: ComponentChildren;
+    orientation: any;
+};
+/** Renders a group of buttons with Widget CSS */
+export declare const ButtonGroup: (props: ButtonGroupProps) => import("preact").JSX.Element;
+//# sourceMappingURL=button-group.d.ts.map

package/dist/lib/components/button-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../../src/lib/components/button-group.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,QAAQ,CAAC;AAE9C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,WAAW,MAAC;CACb,CAAC;AAEF,iDAAiD;AACjD,eAAO,MAAM,WAAW,UAAW,gBAAgB,iCAGlD,CAAC"}

package/dist/lib/components/button-group.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "preact/jsx-runtime";
+/** Renders a group of buttons with Widget CSS */
+export const ButtonGroup = (props) => {
+    const { children, orientation } = props;
+    return _jsx("div", { className: `deck-widget-button-group ${orientation}`, children: children });
+};
+//# sourceMappingURL=button-group.js.map

package/dist/lib/components/button-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.js","sourceRoot":"","sources":["../../../src/lib/components/button-group.tsx"],"names":[],"mappings":";AAWA,iDAAiD;AACjD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACrD,MAAM,EAAC,QAAQ,EAAE,WAAW,EAAC,GAAG,KAAK,CAAC;IACtC,OAAO,cAAK,SAAS,EAAE,4BAA4B,WAAW,EAAE,YAAG,QAAQ,GAAO,CAAC;AACrF,CAAC,CAAC"}

package/dist/lib/components/dropdown-menu.d.ts

@@ -0,0 +1,8 @@
+import { type JSX } from 'preact';
+export type DropdownMenuProps = {
+    menuItems: string[];
+    onSelect: (value: string) => void;
+    style?: JSX.CSSProperties;
+};
+export declare const DropdownMenu: (props: DropdownMenuProps) => JSX.Element;
+//# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/lib/components/dropdown-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../src/lib/components/dropdown-menu.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,KAAK,GAAG,EAAC,MAAM,QAAQ,CAAC;AAGhC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,iBAAiB,gBAoFpD,CAAC"}

package/dist/lib/components/dropdown-menu.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+import { useState, useRef, useEffect } from 'preact/hooks';
+export const DropdownMenu = (props) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const dropdownRef = useRef(null);
+    const toggleDropdown = () => setIsOpen(!isOpen);
+    const handleClickOutside = (event) => {
+        if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+            setIsOpen(false);
+        }
+    };
+    useEffect(() => {
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, []);
+    const handleSelect = (value) => {
+        props.onSelect(value);
+        setIsOpen(false);
+    };
+    return (_jsxs("div", { className: "dropdown-container", ref: dropdownRef, style: {
+            position: 'relative',
+            display: 'inline-block',
+            ...props.style
+        }, children: [_jsx("button", { onClick: toggleDropdown, style: {
+                    width: '30px',
+                    height: '30px',
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    border: '1px solid #ccc',
+                    borderRadius: '4px',
+                    background: '#fff',
+                    cursor: 'pointer',
+                    padding: 0
+                }, children: "\u25BC" }), isOpen && (_jsx("ul", { style: {
+                    position: 'absolute',
+                    top: '100%',
+                    right: '100%',
+                    background: '#fff',
+                    border: '1px solid #ccc',
+                    borderRadius: '4px',
+                    listStyle: 'none',
+                    padding: '4px 0',
+                    margin: 0,
+                    zIndex: 1000,
+                    minWidth: '200px'
+                }, children: props.menuItems.map(item => (_jsx("li", { onClick: () => handleSelect(item), style: {
+                        padding: '4px 8px',
+                        cursor: 'pointer',
+                        whiteSpace: 'nowrap'
+                    }, children: item }, item))) }))] }));
+};
+//# sourceMappingURL=dropdown-menu.js.map

package/dist/lib/components/dropdown-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.js","sourceRoot":"","sources":["../../../src/lib/components/dropdown-menu.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAQzD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IACvD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEjD,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IAEhD,MAAM,kBAAkB,GAAG,CAAC,KAAiB,EAAE,EAAE;QAC/C,IAAI,WAAW,CAAC,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE,CAAC;YAC/E,SAAS,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAChE,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;QACrC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QACtB,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,eACE,SAAS,EAAC,oBAAoB,EAC9B,GAAG,EAAE,WAAW,EAChB,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,cAAc;YACvB,GAAG,KAAK,CAAC,KAAK;SACf,aAED,iBACE,OAAO,EAAE,cAAc,EACvB,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,MAAM;oBACd,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,QAAQ;oBACxB,MAAM,EAAE,gBAAgB;oBACxB,YAAY,EAAE,KAAK;oBACnB,UAAU,EAAE,MAAM;oBAClB,MAAM,EAAE,SAAS;oBACjB,OAAO,EAAE,CAAC;iBACX,uBAGM,EACR,MAAM,IAAI,CACT,aACE,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,MAAM;oBACX,KAAK,EAAE,MAAM;oBACb,UAAU,EAAE,MAAM;oBAClB,MAAM,EAAE,gBAAgB;oBACxB,YAAY,EAAE,KAAK;oBACnB,SAAS,EAAE,MAAM;oBACjB,OAAO,EAAE,OAAO;oBAChB,MAAM,EAAE,CAAC;oBACT,MAAM,EAAE,IAAI;oBACZ,QAAQ,EAAE,OAAO;iBAClB,YAEA,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAC3B,aAEE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACjC,KAAK,EAAE;wBACL,OAAO,EAAE,SAAS;wBAClB,MAAM,EAAE,SAAS;wBACjB,UAAU,EAAE,QAAQ;qBACrB,YAEA,IAAI,IARA,IAAI,CASN,CACN,CAAC,GACC,CACN,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/components/grouped-icon-button.d.ts

@@ -0,0 +1,8 @@
+export type GroupedIconButtonProps = {
+    className?: string;
+    label: string;
+    onClick: () => void;
+};
+/** Renders an icon button as part of a ButtonGroup */
+export declare const GroupedIconButton: (props: any) => import("preact").JSX.Element;
+//# sourceMappingURL=grouped-icon-button.d.ts.map

package/dist/lib/components/grouped-icon-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grouped-icon-button.d.ts","sourceRoot":"","sources":["../../../src/lib/components/grouped-icon-button.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,sDAAsD;AACtD,eAAO,MAAM,iBAAiB,8CAY7B,CAAC"}

package/dist/lib/components/grouped-icon-button.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "preact/jsx-runtime";
+/** Renders an icon button as part of a ButtonGroup */
+export const GroupedIconButton = props => {
+    const { className, label, onClick } = props;
+    return (_jsx("button", { className: `deck-widget-icon-button ${className || ''}`, type: "button", onClick: onClick, title: label, children: _jsx("div", { className: "deck-widget-icon" }) }));
+};
+//# sourceMappingURL=grouped-icon-button.js.map

package/dist/lib/components/grouped-icon-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grouped-icon-button.js","sourceRoot":"","sources":["../../../src/lib/components/grouped-icon-button.tsx"],"names":[],"mappings":";AAUA,sDAAsD;AACtD,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,EAAE;IACvC,MAAM,EAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAC,GAAG,KAAK,CAAC;IAC1C,OAAO,CACL,iBACE,SAAS,EAAE,2BAA2B,SAAS,IAAI,EAAE,EAAE,EACvD,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,YAEZ,cAAK,SAAS,EAAC,kBAAkB,GAAG,GAC7B,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/components/icon-button.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentChildren } from 'preact';
+export type IconButtonProps = {
+    className: string;
+    label: string;
+    onClick: (event?: any) => unknown;
+    /** Optional icon or element to render inside the button */
+    children?: ComponentChildren;
+};
+/** Renders a button component with widget CSS */
+export declare const IconButton: (props: IconButtonProps) => import("preact").JSX.Element;
+//# sourceMappingURL=icon-button.d.ts.map

package/dist/lib/components/icon-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../src/lib/components/icon-button.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,QAAQ,CAAC;AAE9C,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,KAAK,CAAC,KAAA,KAAK,OAAO,CAAC;IAC7B,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B,CAAC;AAEF,iDAAiD;AACjD,eAAO,MAAM,UAAU,UAAW,eAAe,iCAchD,CAAC"}

package/dist/lib/components/icon-button.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "preact/jsx-runtime";
+/** Renders a button component with widget CSS */
+export const IconButton = (props) => {
+    const { className, label, onClick, children } = props;
+    return (_jsx("div", { className: "deck-widget-button", children: _jsx("button", { className: `deck-widget-icon-button ${className}`, type: "button", onClick: onClick, title: label, children: children ? children : _jsx("div", { className: "deck-widget-icon" }) }) }));
+};
+//# sourceMappingURL=icon-button.js.map

package/dist/lib/components/icon-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../src/lib/components/icon-button.tsx"],"names":[],"mappings":";AAcA,iDAAiD;AACjD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACnD,MAAM,EAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAC,GAAG,KAAK,CAAC;IACpD,OAAO,CACL,cAAK,SAAS,EAAC,oBAAoB,YACjC,iBACE,SAAS,EAAE,2BAA2B,SAAS,EAAE,EACjD,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,YAEX,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,kBAAkB,GAAG,GACpD,GACL,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/components/icon-menu.d.ts

@@ -0,0 +1,16 @@
+import type { JSX } from 'preact';
+export type IconMenuProps<KeyType = string> = {
+    className: string;
+    icon?: () => JSX.Element;
+    label?: string;
+    menuItems: {
+        value: KeyType;
+        icon: () => JSX.Element;
+        label: string;
+    }[];
+    initialItem: KeyType;
+    onItemSelected: (item: KeyType) => void;
+};
+/** A component that renders an icon popup menu */
+export declare function IconMenu<KeyType extends string>(props: IconMenuProps<KeyType>): JSX.Element;
+//# sourceMappingURL=icon-menu.d.ts.map

package/dist/lib/components/icon-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-menu.d.ts","sourceRoot":"","sources":["../../../src/lib/components/icon-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,QAAQ,CAAC;AAuBhC,MAAM,MAAM,aAAa,CAAC,OAAO,GAAG,MAAM,IAAI;IAC5C,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE;QAAC,KAAK,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,EAAE,CAAC;IACtE,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,kDAAkD;AAClD,wBAAgB,QAAQ,CAAC,OAAO,SAAS,MAAM,EAAE,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,eAuD7E"}

package/dist/lib/components/icon-menu.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+import { useState, useRef, useEffect } from 'preact/hooks';
+import { IconButton } from "./icon-button.js";
+const MENU_STYLE = {
+    position: 'absolute',
+    top: '100%',
+    left: 0,
+    background: 'white',
+    border: '1px solid #ccc',
+    borderRadius: '4px',
+    marginTop: '4px',
+    zIndex: 100
+};
+const MENU_ITEM_STYLE = {
+    background: 'white',
+    border: 'none',
+    padding: '4px',
+    cursor: 'pointer',
+    pointerEvents: 'auto'
+};
+/** A component that renders an icon popup menu */
+export function IconMenu(props) {
+    const [menuOpen, setMenuOpen] = useState(false);
+    const containerRef = useRef(null);
+    // Close the menu when clicking outside.
+    const handleClickOutside = (event) => {
+        if (containerRef.current && !containerRef.current.contains(event.target)) {
+            setMenuOpen(false);
+        }
+    };
+    useEffect(() => {
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [containerRef]);
+    const [selectedItem, setSelectedItem] = useState(props.initialItem);
+    const handleSelectItem = (item) => {
+        setSelectedItem(item);
+        setMenuOpen(false);
+        props.onItemSelected(item);
+    };
+    const handleButtonClick = () => setMenuOpen(!menuOpen);
+    const selectedMenuItem = props.menuItems.find(item => item.value === selectedItem);
+    const label = props.label || selectedMenuItem?.label || '';
+    const Icon = (props.icon || selectedMenuItem?.icon);
+    return (_jsxs("div", { style: { position: 'relative', display: 'inline-block' }, ref: containerRef, children: [_jsx(IconButton, { className: props.className, label: label, onClick: handleButtonClick, children: _jsx(Icon, {}) }), menuOpen && (_jsx("div", { style: MENU_STYLE, children: _jsx("div", { style: { display: 'flex', flexDirection: 'column' }, children: props.menuItems.map(item => (_jsx("button", { style: MENU_ITEM_STYLE, title: item.label, onClick: () => handleSelectItem(item.value), children: item.icon }, item.value))) }) }))] }));
+}
+//# sourceMappingURL=icon-menu.js.map

package/dist/lib/components/icon-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-menu.js","sourceRoot":"","sources":["../../../src/lib/components/icon-menu.tsx"],"names":[],"mappings":"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"}

package/dist/lib/components/simple-menu.d.ts

@@ -0,0 +1,16 @@
+import type { JSX } from 'preact';
+export type SimpleMenuProps = {
+    menuItems: {
+        key: string;
+        label: string;
+    }[];
+    onItemSelected: (key: string) => void;
+    position: {
+        x: number;
+        y: number;
+    };
+    style?: JSX.CSSProperties;
+};
+/** Renders a simple dropdown menu at an arbitrary position */
+export declare const SimpleMenu: (props: SimpleMenuProps) => JSX.Element;
+//# sourceMappingURL=simple-menu.d.ts.map

package/dist/lib/components/simple-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-menu.d.ts","sourceRoot":"","sources":["../../../src/lib/components/simple-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,QAAQ,CAAC;AAqBhC,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,EAAE;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,EAAE,CAAC;IAC1C,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAC,CAAC;IACjC,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B,CAAC;AAEF,8DAA8D;AAC9D,eAAO,MAAM,UAAU,UAAW,eAAe,gBAsBhD,CAAC"}

package/dist/lib/components/simple-menu.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "preact/jsx-runtime";
+const MENU_STYLE = {
+    position: 'absolute',
+    top: '100%',
+    left: 0,
+    background: 'white',
+    border: '1px solid #ccc',
+    borderRadius: '4px',
+    marginTop: '4px',
+    zIndex: 100
+};
+const MENU_ITEM_STYLE = {
+    background: 'white',
+    border: 'none',
+    padding: '4px',
+    cursor: 'pointer',
+    pointerEvents: 'auto'
+};
+/** Renders a simple dropdown menu at an arbitrary position */
+export const SimpleMenu = (props) => {
+    const { menuItems, onItemSelected, position, style } = props;
+    const styleOverride = {
+        ...MENU_STYLE,
+        ...style,
+        left: `${position.x}px`,
+        top: `${position.y}px`
+    };
+    return (_jsx("div", { style: styleOverride, children: menuItems.map(({ key, label }) => (_jsx("button", { style: { ...MENU_ITEM_STYLE, display: 'block' }, onClick: _ => onItemSelected(key), children: label }, key))) }));
+};
+//# sourceMappingURL=simple-menu.js.map

package/dist/lib/components/simple-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-menu.js","sourceRoot":"","sources":["../../../src/lib/components/simple-menu.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,GAAsB;IACpC,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,MAAM;IACX,IAAI,EAAE,CAAC;IACP,UAAU,EAAE,OAAO;IACnB,MAAM,EAAE,gBAAgB;IACxB,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,KAAK;IAChB,MAAM,EAAE,GAAG;CACZ,CAAC;AAEF,MAAM,eAAe,GAAsB;IACzC,UAAU,EAAE,OAAO;IACnB,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,KAAK;IACd,MAAM,EAAE,SAAS;IACjB,aAAa,EAAE,MAAM;CACtB,CAAC;AASF,8DAA8D;AAC9D,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACnD,MAAM,EAAC,SAAS,EAAE,cAAc,EAAE,QAAQ,EAAE,KAAK,EAAC,GAAG,KAAK,CAAC;IAC3D,MAAM,aAAa,GAAsB;QACvC,GAAG,UAAU;QACb,GAAG,KAAK;QACR,IAAI,EAAE,GAAG,QAAQ,CAAC,CAAC,IAAI;QACvB,GAAG,EAAE,GAAG,QAAQ,CAAC,CAAC,IAAI;KACvB,CAAC;IAEF,OAAO,CACL,cAAK,KAAK,EAAE,aAAa,YACtB,SAAS,CAAC,GAAG,CAAC,CAAC,EAAC,GAAG,EAAE,KAAK,EAAC,EAAE,EAAE,CAAC,CAC/B,iBAEE,KAAK,EAAE,EAAC,GAAG,eAAe,EAAE,OAAO,EAAE,OAAO,EAAC,EAC7C,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,YAEhC,KAAK,IAJD,GAAG,CAKD,CACV,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/geocode/geocoder-history.d.ts

@@ -0,0 +1,23 @@
+import { type Geocoder } from "./geocoder.js";
+export type GeocoderHistoryProps = {
+    maxEntries?: number;
+};
+/**
+ * An internal, experimental helper class for storing a list of locations in local storage.
+ * @todo Remove the UI related state.
+ */
+export declare class GeocoderHistory {
+    props: Required<GeocoderHistoryProps>;
+    addressText: string;
+    errorText: string;
+    addressHistory: string[];
+    constructor(props: GeocoderHistoryProps);
+    /** PErform geocoding */
+    geocode(geocoder: Geocoder, address: string, apiKey: string): Promise<{
+        longitude: number;
+        latitude: number;
+    } | null>;
+    loadPreviousAddresses(): string[];
+    storeAddress(address: string): void;
+}
+//# sourceMappingURL=geocoder-history.d.ts.map

package/dist/lib/geocode/geocoder-history.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"geocoder-history.d.ts","sourceRoot":"","sources":["../../../src/lib/geocode/geocoder-history.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,KAAK,QAAQ,EAAC,sBAAmB;AAKzC,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF;;;GAGG;AACH,qBAAa,eAAe;IAC1B,KAAK,EAAE,QAAQ,CAAC,oBAAoB,CAAC,CAAC;IACtC,WAAW,SAAM;IACjB,SAAS,SAAM;IACf,cAAc,EAAE,MAAM,EAAE,CAAM;gBAElB,KAAK,EAAE,oBAAoB;IAKvC,wBAAwB;IAClB,OAAO,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;;;;IAgBjE,qBAAqB,IAAI,MAAM,EAAE;IAcjC,YAAY,CAAC,OAAO,EAAE,MAAM;CAa7B"}

package/dist/lib/geocode/geocoder-history.js

@@ -0,0 +1,64 @@
+// deck.gl
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+const CURRENT_LOCATION = 'current';
+const LOCAL_STORAGE_KEY = 'deck-geocoder-history';
+/**
+ * An internal, experimental helper class for storing a list of locations in local storage.
+ * @todo Remove the UI related state.
+ */
+export class GeocoderHistory {
+    constructor(props) {
+        this.addressText = '';
+        this.errorText = '';
+        this.addressHistory = [];
+        this.props = { maxEntries: 5, ...props };
+        this.addressHistory = this.loadPreviousAddresses();
+    }
+    /** PErform geocoding */
+    async geocode(geocoder, address, apiKey) {
+        this.errorText = '';
+        this.addressText = address;
+        try {
+            const coordinates = await geocoder.geocode(address, apiKey);
+            if (coordinates) {
+                this.storeAddress(this.addressText);
+                return coordinates;
+            }
+            this.errorText = 'Invalid address';
+        }
+        catch (error) {
+            this.errorText = `${error.message}`;
+        }
+        return null;
+    }
+    loadPreviousAddresses() {
+        try {
+            const stored = window.localStorage.getItem(LOCAL_STORAGE_KEY);
+            const list = stored && JSON.parse(stored);
+            const addresses = Array.isArray(list)
+                ? list.filter((v) => typeof v === 'string')
+                : [];
+            return addresses;
+        }
+        catch {
+            // ignore
+        }
+        return [];
+    }
+    storeAddress(address) {
+        const cleaned = address.trim();
+        if (!cleaned || cleaned === CURRENT_LOCATION) {
+            return;
+        }
+        const deduped = [cleaned, ...this.addressHistory.filter(a => a !== cleaned)];
+        this.addressHistory = deduped.slice(0, this.props.maxEntries);
+        try {
+            window.localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(this.addressHistory));
+        }
+        catch {
+            // ignore
+        }
+    }
+}
+//# sourceMappingURL=geocoder-history.js.map

package/dist/lib/geocode/geocoder-history.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"geocoder-history.js","sourceRoot":"","sources":["../../../src/lib/geocode/geocoder-history.ts"],"names":[],"mappings":"AAAA,UAAU;AACV,+BAA+B;AAC/B,oCAAoC;AAIpC,MAAM,gBAAgB,GAAG,SAAS,CAAC;AACnC,MAAM,iBAAiB,GAAG,uBAAuB,CAAC;AAMlD;;;GAGG;AACH,MAAM,OAAO,eAAe;IAM1B,YAAY,KAA2B;QAJvC,gBAAW,GAAG,EAAE,CAAC;QACjB,cAAS,GAAG,EAAE,CAAC;QACf,mBAAc,GAAa,EAAE,CAAC;QAG5B,IAAI,CAAC,KAAK,GAAG,EAAC,UAAU,EAAE,CAAC,EAAE,GAAG,KAAK,EAAC,CAAC;QACvC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;IACrD,CAAC;IAED,wBAAwB;IACxB,KAAK,CAAC,OAAO,CAAC,QAAkB,EAAE,OAAe,EAAE,MAAc;QAC/D,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QACpB,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;QAC3B,IAAI,CAAC;YACH,MAAM,WAAW,GAAG,MAAM,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;YAC5D,IAAI,WAAW,EAAE,CAAC;gBAChB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;gBACpC,OAAO,WAAW,CAAC;YACrB,CAAC;YACD,IAAI,CAAC,SAAS,GAAG,iBAAiB,CAAC;QACrC,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,SAAS,GAAG,GAAI,KAAe,CAAC,OAAO,EAAE,CAAC;QACjD,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,qBAAqB;QACnB,IAAI,CAAC;YACH,MAAM,MAAM,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;YAC9D,MAAM,IAAI,GAAG,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YAC1C,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;gBACnC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAe,EAAE,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC;gBACxD,CAAC,CAAC,EAAE,CAAC;YACP,OAAO,SAAS,CAAC;QACnB,CAAC;QAAC,MAAM,CAAC;YACP,SAAS;QACX,CAAC;QACD,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,YAAY,CAAC,OAAe;QAC1B,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC;QAC/B,IAAI,CAAC,OAAO,IAAI,OAAO,KAAK,gBAAgB,EAAE,CAAC;YAC7C,OAAO;QACT,CAAC;QACD,MAAM,OAAO,GAAG,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC;QAC7E,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QAC9D,IAAI,CAAC;YACH,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,iBAAiB,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC;QACtF,CAAC;QAAC,MAAM,CAAC;YACP,SAAS;QACX,CAAC;IACH,CAAC;CACF"}