@deck.gl-community/widgets 9.2.0-beta.5

package/LICENSE

@@ -0,0 +1,20 @@
+Copyright (c) 2015 - 2021 Uber Technologies, Inc.
+Copyright (c) 2022 - 2025 vis.gl contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -0,0 +1,43 @@
+# Overview
+
+:::danger
+The deck.gl-community repo is specifically set up to collect useful code that no longer has dedicated maintainers. This means that there is often no one who can respond quickly to issues. The vis.gl / Open Visualization team members who try to keep this running can only put a few hours into it every now and then. It is important to understand this limitation. If your project depends on timely fixes, and you are not able to contribute them yourself, deck.gl-community modules may not be the right choice for you.
+:::
+
+![deck.gl v9](https://img.shields.io/badge/deck.gl-v9-green.svg?style=flat-square")
+![WebGPU not supported](https://img.shields.io/badge/webgpu-no-red.svg?style=flat-square")
+
+This module packages UI widgets that integrate with [deck.gl](https://deck.gl) view state management. It currently includes the `PanWidget` and `ZoomRangeWidget` that were previously available under `@deck.gl-community/experimental`.
+
+## Installation
+
+```bash
+npm install @deck.gl-community/widgets
+```
+
+## Usage
+
+```ts
+import DeckGL from '@deck.gl/react';
+import {OrthographicView} from '@deck.gl/core';
+import {PanWidget, ZoomRangeWidget} from '@deck.gl-community/widgets';
+
+const widgets = [
+  new PanWidget({placement: 'top-left', style: {margin: '16px'}}),
+  new ZoomRangeWidget({placement: 'top-left', style: {margin: '96px 0 0 16px'}})
+];
+
+function App() {
+  return (
+    <DeckGL
+      views={new OrthographicView({id: 'ortho'})}
+      initialViewState={{target: [0, 0], zoom: 0}}
+      controller={true}
+      widgets={widgets}
+      layers={[/* ... */]}
+    />
+  );
+}
+```
+
+See the [Pan and Zoom widgets example](../../examples/widgets/pan-and-zoom-controls) for a non-geospatial walkthrough.

package/dist/_deprecate/long-press-button.d.ts

@@ -0,0 +1,13 @@
+import { Component } from 'preact';
+export type LongPressButtonProps = {
+    onClick: () => void;
+    children: any;
+};
+export declare class LongPressButton extends Component<LongPressButtonProps> {
+    buttonPressTimer: ReturnType<typeof setTimeout> | null;
+    _repeat: () => void;
+    _handleButtonPress: () => void;
+    _handleButtonRelease: () => void;
+    render(): import("preact").JSX.Element;
+}
+//# sourceMappingURL=long-press-button.d.ts.map

package/dist/_deprecate/long-press-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"long-press-button.d.ts","sourceRoot":"","sources":["../../src/_deprecate/long-press-button.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,SAAS,EAAC,MAAM,QAAQ,CAAC;AAEjC,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,GAAG,CAAC;CACf,CAAC;AAEF,qBAAa,eAAgB,SAAQ,SAAS,CAAC,oBAAoB,CAAC;IAClE,gBAAgB,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,GAAG,IAAI,CAAQ;IAE9D,OAAO,aAKL;IAEF,kBAAkB,aAEhB;IAEF,oBAAoB,aAKlB;IAEF,MAAM;CAiBP"}

package/dist/_deprecate/long-press-button.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "preact/jsx-runtime";
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+import { Component } from 'preact';
+export class LongPressButton extends Component {
+    buttonPressTimer = null;
+    _repeat = () => {
+        if (this.buttonPressTimer) {
+            this.props.onClick();
+            this.buttonPressTimer = setTimeout(this._repeat, 100);
+        }
+    };
+    _handleButtonPress = () => {
+        this.buttonPressTimer = setTimeout(this._repeat, 100);
+    };
+    _handleButtonRelease = () => {
+        if (this.buttonPressTimer) {
+            clearTimeout(this.buttonPressTimer);
+        }
+        this.buttonPressTimer = null;
+    };
+    render() {
+        return (_jsx("div", { className: "deck-widget-button", children: _jsx("div", { style: {
+                    pointerEvents: 'auto'
+                }, onMouseDown: (event) => {
+                    this._handleButtonPress();
+                    document.addEventListener('mouseup', this._handleButtonRelease, { once: true });
+                }, children: this.props.children }) }));
+    }
+}
+//# sourceMappingURL=long-press-button.js.map

package/dist/_deprecate/long-press-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"long-press-button.js","sourceRoot":"","sources":["../../src/_deprecate/long-press-button.tsx"],"names":[],"mappings":";AAAA,oBAAoB;AACpB,+BAA+B;AAC/B,oCAAoC;AAEpC,OAAO,EAAC,SAAS,EAAC,MAAM,QAAQ,CAAC;AAOjC,MAAM,OAAO,eAAgB,SAAQ,SAA+B;IAClE,gBAAgB,GAAyC,IAAI,CAAC;IAE9D,OAAO,GAAG,GAAG,EAAE;QACb,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC1B,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;YACrB,IAAI,CAAC,gBAAgB,GAAG,UAAU,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;QACxD,CAAC;IACH,CAAC,CAAC;IAEF,kBAAkB,GAAG,GAAG,EAAE;QACxB,IAAI,CAAC,gBAAgB,GAAG,UAAU,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;IACxD,CAAC,CAAC;IAEF,oBAAoB,GAAG,GAAG,EAAE;QAC1B,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC1B,YAAY,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACtC,CAAC;QACD,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM;QACJ,OAAO,CACL,cAAK,SAAS,EAAC,oBAAoB,YACjC,cACE,KAAK,EAAE;oBACL,aAAa,EAAE,MAAM;iBACtB,EACD,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;oBACrB,IAAI,CAAC,kBAAkB,EAAE,CAAC;oBAC1B,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,oBAAoB,EAAE,EAAC,IAAI,EAAE,IAAI,EAAC,CAAC,CAAC;gBAChF,CAAC,YAEA,IAAI,CAAC,KAAK,CAAC,QAAQ,GAChB,GACF,CACP,CAAC;IACJ,CAAC;CACF"}

package/dist/_deprecate/view-control-widget.d.ts

@@ -0,0 +1,78 @@
+import { Component } from 'preact';
+import { Widget, type Deck, type Viewport, type WidgetPlacement } from '@deck.gl/core';
+export declare const ViewControlWrapper: ({ children }: {
+    children: any;
+}) => import("preact").JSX.Element;
+export declare const NavigationButtonContainer: ({ children }: {
+    children: any;
+}) => import("preact").JSX.Element;
+export type NavigationButtonProps = {
+    left: any;
+    top: any;
+    rotate?: number;
+    children?: any;
+    onClick?: () => void;
+};
+export declare const NavigationButton: (props: NavigationButtonProps) => import("preact").JSX.Element;
+export declare const ZoomControlWrapper: ({ children }: {
+    children: any;
+}) => import("preact").JSX.Element;
+export declare const VerticalSlider: ({ children }: {
+    children: any;
+}) => import("preact").JSX.Element;
+export declare const ZoomControlButton: ({ children }: {
+    children: any;
+}) => import("preact").JSX.Element;
+export type ViewControlProps = {
+    id?: string;
+    viewId?: string;
+    placement?: WidgetPlacement;
+    fitBounds: () => void;
+    panBy?: (dx: number, dy: number) => void;
+    zoomBy?: (delta: number) => void;
+    zoomLevel: number;
+    minZoom: number;
+    maxZoom: number;
+    deltaPan: number;
+    deltaZoom: number;
+    /** CSS inline style overrides. */
+    style?: Partial<CSSStyleDeclaration>;
+    /** Additional CSS class. */
+    className?: string;
+};
+export declare class ViewControl extends Component<ViewControlProps> {
+    static displayName: string;
+    static defaultProps: Required<ViewControlProps>;
+    panUp: () => void;
+    panDown: () => void;
+    panLeft: () => void;
+    panRight: () => void;
+    zoomIn: () => void;
+    zoomOut: () => void;
+    onChangeZoomLevel: (evt: any) => void;
+    render(): import("preact").JSX.Element;
+}
+export declare class ViewControlWidget extends Widget<ViewControlProps> {
+    id: string;
+    placement: WidgetPlacement;
+    orientation: 'vertical' | 'horizontal';
+    viewId?: string | null;
+    viewports: {
+        [id: string]: Viewport;
+    };
+    element?: HTMLDivElement;
+    className: string;
+    constructor(props: ViewControlProps);
+    onAdd({ deck }: {
+        deck: Deck<any>;
+    }): HTMLDivElement;
+    onRemove(): void;
+    onRenderHTML(rootElement: HTMLElement): void;
+    setProps(props: Partial<ViewControlProps>): void;
+    onViewportChange(viewport: Viewport): void;
+    handleDeltaZoom(deltaZoom: number): void;
+    handlePanBy(deltaX: number, deltaY: number): void;
+    handleZoomView(viewport: Viewport, nextZoom: number): void;
+    handlePanViewport(viewport: Viewport, deltaX: number, deltaY: number): void;
+}
+//# sourceMappingURL=view-control-widget.d.ts.map

package/dist/_deprecate/view-control-widget.d.ts.map

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

package/dist/_deprecate/view-control-widget.js

@@ -0,0 +1,198 @@
+import { jsxs as _jsxs, jsx as _jsx } from "preact/jsx-runtime";
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+import { Component, render } from 'preact';
+// import {FlyToInterpolator} from '@deck.gl/core';
+import { Widget } from '@deck.gl/core';
+import { LongPressButton } from "./long-press-button.js";
+export const ViewControlWrapper = ({ children }) => (_jsxs("div", { style: {
+        alignItems: 'center',
+        display: 'flex',
+        flexDirection: 'column',
+        position: 'absolute',
+        zIndex: 99,
+        userSelect: 'none'
+    }, children: [' ', children, ' '] }));
+export const NavigationButtonContainer = ({ children }) => (_jsxs("div", { style: {
+        background: '#f7f7f7',
+        borderRadius: '23px',
+        border: '0.5px solid #eaeaea',
+        boxShadow: 'inset 11px 11px 5px -7px rgba(230, 230, 230, 0.49)',
+        height: '46px',
+        width: '46px'
+    }, children: [' ', children, ' '] }));
+export const NavigationButton = (props) => (_jsxs("div", { onClick: props.onClick, style: {
+        color: '#848484',
+        cursor: 'pointer',
+        position: 'absolute',
+        left: props.left,
+        top: props.top,
+        transform: `rotate(${props.rotate || 0}deg)`
+        // &:hover,
+        // &:active {
+        //   color: #00ade6;
+        // }
+    }, children: [' ', props.children, ' '] }));
+export const ZoomControlWrapper = ({ children }) => (_jsxs("div", { style: {
+        alignItems: 'center',
+        background: '#f7f7f7',
+        border: '0.5px solid #eaeaea',
+        display: 'flex',
+        flexDirection: 'column',
+        marginTop: '6px',
+        padding: '2px 0',
+        width: '18px'
+    }, children: [' ', children, ' '] }));
+export const VerticalSlider = ({ children }) => (_jsxs("div", { style: {
+        display: 'inline-block',
+        height: '100px',
+        padding: '0',
+        width: '10px'
+        // > input[type='range'][orient='vertical'] {
+        //   -webkit-appearance: slider-vertical;
+        //   height: 100px;
+        //   padding: 0;
+        //   margin: 0;
+        //   width: 10px;
+        // }
+    }, children: [' ', children, ' '] }));
+export const ZoomControlButton = ({ children }) => (_jsxs("div", { style: {
+        cursor: 'pointer',
+        fontSize: '14px',
+        fontWeight: 500,
+        margin: '-4px'
+        // &:hover,
+        // &:active {
+        //   color: #00ade6;
+        // }
+    }, children: [' ', children, ' '] }));
+export class ViewControl extends Component {
+    static displayName = 'ViewControl';
+    static defaultProps = {
+        id: undefined,
+        viewId: undefined,
+        placement: 'top-left',
+        fitBounds: () => { },
+        panBy: () => { },
+        zoomBy: () => { },
+        zoomLevel: 1,
+        deltaPan: 10,
+        deltaZoom: 0.1,
+        minZoom: 0.1,
+        maxZoom: 1,
+        style: {},
+        className: ''
+    };
+    // pan actions
+    panUp = () => this.props.panBy(0, this.props.deltaPan);
+    panDown = () => this.props.panBy(0, -1 * this.props.deltaPan);
+    panLeft = () => this.props.panBy(this.props.deltaPan, 0);
+    panRight = () => this.props.panBy(-1 * this.props.deltaPan, 0);
+    // zoom actions
+    zoomIn = () => this.props.zoomBy(this.props.deltaZoom);
+    zoomOut = () => this.props.zoomBy(-1 * this.props.deltaZoom);
+    onChangeZoomLevel = (evt) => {
+        const delta = evt.target.value - this.props.zoomLevel;
+        this.props.zoomBy(delta);
+    };
+    render() {
+        const buttons = [
+            { top: -2, left: 14, rotate: 0, onClick: this.panUp, content: '▲', key: 'up' },
+            { top: 12, left: 0, rotate: -90, onClick: this.panLeft, content: '◀', key: 'left' },
+            { top: 12, left: 28, rotate: 90, onClick: this.panRight, content: '▶', key: 'right' },
+            { top: 25, left: 14, rotate: 180, onClick: this.panDown, content: '▼', key: 'down' }
+        ];
+        return (_jsxs(ViewControlWrapper, { children: [_jsxs(NavigationButtonContainer, { children: [buttons.map((b) => (_jsx(NavigationButton, { top: `${b.top}px`, left: `${b.left}px`, rotate: b.rotate, children: _jsx(LongPressButton, { onClick: b.onClick, children: b.content }) }, b.key))), _jsx(NavigationButton, { top: '12px', left: '16px', onClick: () => {
+                                // console.log('on click fit bounds') || this.props.fitBounds;
+                            }, children: '¤' })] }), _jsxs(ZoomControlWrapper, { children: [_jsx(ZoomControlButton, { children: _jsx(LongPressButton, { onClick: this.zoomIn, children: '+' }) }), _jsx(VerticalSlider, { children: _jsx("input", { type: "range", value: this.props.zoomLevel, min: this.props.minZoom, max: this.props.maxZoom, step: this.props.deltaZoom, onChange: this.onChangeZoomLevel, 
+                                /* @ts-expect-error TODO */
+                                orient: "vertical" }) }), _jsx(ZoomControlButton, { children: _jsx(LongPressButton, { onClick: this.zoomOut, children: '-' }) })] })] }));
+    }
+}
+export class ViewControlWidget extends Widget {
+    id = 'zoom';
+    placement = 'top-left';
+    orientation = 'vertical';
+    viewId = null;
+    viewports = {};
+    element;
+    className = 'deck-widget-view-control';
+    constructor(props) {
+        super(props);
+        this.props = { ...ViewControl.defaultProps, ...props };
+        this.id = props.id || 'zoom';
+        this.viewId = props.viewId || null;
+        this.placement = props.placement || 'top-left';
+        // this.orientation = props.orientation || 'vertical';
+        // props.transitionDuration = props.transitionDuration || 200;
+        // props.zoomInLabel = props.zoomInLabel || 'Zoom In';
+        // props.zoomOutLabel = props.zoomOutLabel || 'Zoom Out';
+        props.style = props.style || {};
+    }
+    onAdd({ deck }) {
+        this.deck = deck;
+        this.element = document.createElement('div');
+        const { style, className } = this.props;
+        this.element.classList.add('deck-widget', 'deck-widget-zoom');
+        if (className) {
+            this.element.classList.add(className);
+        }
+        if (style) {
+            Object.entries(style).map(([key, value]) => this.element.style.setProperty(key, value));
+        }
+        return this.element;
+    }
+    onRemove() {
+        this.deck = undefined;
+        this.element = undefined;
+    }
+    onRenderHTML(rootElement) {
+        const ui = (_jsx(ViewControl, { ...this.props, zoomBy: this.handleDeltaZoom.bind(this), panBy: this.handlePanBy.bind(this) }));
+        render(ui, rootElement);
+    }
+    setProps(props) {
+        Object.assign(this.props, props);
+    }
+    onViewportChange(viewport) {
+        this.viewports[viewport.id] = viewport;
+    }
+    handleDeltaZoom(deltaZoom) {
+        // console.log('Handle delta zoom');
+        for (const view of this.deck.getViewports()) {
+            this.handleZoomView(view, view.zoom + deltaZoom);
+        }
+    }
+    handlePanBy(deltaX, deltaY) {
+        // console.log('Handle panby', deltaX, deltaY);
+        for (const viewport of this.deck.getViewports()) {
+            this.handlePanViewport(viewport, deltaX, deltaY);
+        }
+    }
+    handleZoomView(viewport, nextZoom) {
+        const viewId = this.viewId || viewport?.id || 'default-view';
+        // @ts-expect-error TODO we lack a proper API for getting viewStates
+        const viewState = this.deck.viewManager.viewState || viewport;
+        const nextViewState = {
+            ...viewState,
+            zoom: nextZoom
+            // transitionDuration: this.props.transitionDuration,
+            // transitionInterpolator: new FlyToInterpolator()
+        };
+        // @ts-ignore Using private method temporary until there's a public one
+        this.deck._onViewStateChange({ viewId, viewState: nextViewState, interactionState: {} });
+    }
+    handlePanViewport(viewport, deltaX, deltaY) {
+        const viewId = this.viewId || viewport?.id || 'default-view';
+        // @ts-expect-error TODO we lack a proper API for getting viewStates
+        const viewState = this.deck.viewManager.viewState || viewport;
+        // console.log('Handle pan viewport', deltaX, deltaY, viewState);
+        const nextViewState = {
+            ...viewState,
+            position: [viewport.position[0] + deltaX, viewport.position[1] + deltaY]
+        };
+        // @ts-ignore Using private method temporary until there's a public one
+        this.deck._onViewStateChange({ viewId, viewState: nextViewState, interactionState: {} });
+    }
+}
+//# sourceMappingURL=view-control-widget.js.map

package/dist/_deprecate/view-control-widget.js.map

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