@deck.gl-community/experimental 9.1.0-beta.8 → 9.2.0-beta.2

package/dist/index.js

@@ -4,4 +4,6 @@
 export { DataDrivenTile3DLayer } from "./data-driven-tile-3d-layer/data-driven-tile-3d-layer.js";
 export { colorizeTile } from "./data-driven-tile-3d-layer/utils/colorize-tile.js";
 export { filterTile } from "./data-driven-tile-3d-layer/utils/filter-tile.js";
+export { PanWidget } from "./widgets/pan-widget.js";
+export { ZoomRangeWidget } from "./widgets/zoom-range-widget.js";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,+BAA+B;AAC/B,oCAAoC;AAEpC,OAAO,EAAC,qBAAqB,EAAC,iEAA8D;AAE5F,OAAO,EAAC,YAAY,EAAC,2DAAwD;AAC7E,OAAO,EAAC,UAAU,EAAC,yDAAsD"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,+BAA+B;AAC/B,oCAAoC;AAEpC,OAAO,EAAC,qBAAqB,EAAC,iEAA8D;AAE5F,OAAO,EAAC,YAAY,EAAC,2DAAwD;AAC7E,OAAO,EAAC,UAAU,EAAC,yDAAsD;AAEzE,OAAO,EAAC,SAAS,EAAC,gCAA6B;AAC/C,OAAO,EAAC,eAAe,EAAC,uCAAoC"}

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

@@ -0,0 +1,22 @@
+import { Component, type ComponentChildren } from 'preact';
+export type LongPressButtonProps = {
+    onClick: () => void;
+    children: ComponentChildren;
+};
+export declare class LongPressButton extends Component<LongPressButtonProps> {
+    buttonPressTimer: ReturnType<typeof setTimeout> | null;
+    usingPointerEvents: boolean;
+    private stopEvent;
+    private repeat;
+    private startPress;
+    private endPress;
+    private handlePointerDown;
+    private handlePointerUp;
+    private handlePointerCancel;
+    private handleMouseDown;
+    private handleMouseUp;
+    private handleTouchStart;
+    private handleTouchEnd;
+    render(): import("preact").JSX.Element;
+}
+//# sourceMappingURL=long-press-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"long-press-button.d.ts","sourceRoot":"","sources":["../../src/widgets/long-press-button.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,SAAS,EAAE,KAAK,iBAAiB,EAAC,MAAM,QAAQ,CAAC;AAKzD,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,iBAAiB,CAAC;CAC7B,CAAC;AAEF,qBAAa,eAAgB,SAAQ,SAAS,CAAC,oBAAoB,CAAC;IAClE,gBAAgB,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,GAAG,IAAI,CAAQ;IAC9D,kBAAkB,UAAS;IAE3B,OAAO,CAAC,SAAS;IAUjB,OAAO,CAAC,MAAM,CAKZ;IAEF,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,QAAQ;IAUhB,OAAO,CAAC,iBAAiB,CAIvB;IAEF,OAAO,CAAC,eAAe,CAGrB;IAEF,OAAO,CAAC,mBAAmB,CAGzB;IAEF,OAAO,CAAC,eAAe,CAMrB;IAEF,OAAO,CAAC,aAAa,CAKnB;IAEF,OAAO,CAAC,gBAAgB,CAOtB;IAEF,OAAO,CAAC,cAAc,CAKpB;IAEF,MAAM;CA0BP"}

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

@@ -0,0 +1,84 @@
+import { jsx as _jsx } from "preact/jsx-runtime";
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+import { Component } from 'preact';
+const REPEAT_DELAY_MS = 300;
+const REPEAT_INTERVAL_MS = 100;
+export class LongPressButton extends Component {
+    buttonPressTimer = null;
+    usingPointerEvents = false;
+    stopEvent(event) {
+        event.stopPropagation();
+        if (typeof event.stopImmediatePropagation === 'function') {
+            event.stopImmediatePropagation();
+        }
+        if (typeof event.preventDefault === 'function') {
+            event.preventDefault();
+        }
+    }
+    repeat = () => {
+        if (this.buttonPressTimer) {
+            this.props.onClick();
+            this.buttonPressTimer = setTimeout(this.repeat, REPEAT_INTERVAL_MS);
+        }
+    };
+    startPress(event) {
+        this.stopEvent(event);
+        this.props.onClick();
+        this.buttonPressTimer = setTimeout(this.repeat, REPEAT_DELAY_MS);
+    }
+    endPress(event) {
+        if (event) {
+            this.stopEvent(event);
+        }
+        if (this.buttonPressTimer) {
+            clearTimeout(this.buttonPressTimer);
+        }
+        this.buttonPressTimer = null;
+    }
+    handlePointerDown = (event) => {
+        this.usingPointerEvents = true;
+        event.currentTarget?.setPointerCapture?.(event.pointerId);
+        this.startPress(event);
+    };
+    handlePointerUp = (event) => {
+        event.currentTarget?.releasePointerCapture?.(event.pointerId);
+        this.endPress(event);
+    };
+    handlePointerCancel = (event) => {
+        event.currentTarget?.releasePointerCapture?.(event.pointerId);
+        this.endPress(event);
+    };
+    handleMouseDown = (event) => {
+        if (this.usingPointerEvents) {
+            return;
+        }
+        this.startPress(event);
+        document.addEventListener('mouseup', this.handleMouseUp, { once: true });
+    };
+    handleMouseUp = (event) => {
+        if (this.usingPointerEvents) {
+            return;
+        }
+        this.endPress(event);
+    };
+    handleTouchStart = (event) => {
+        if (this.usingPointerEvents) {
+            return;
+        }
+        this.startPress(event);
+        document.addEventListener('touchend', this.handleTouchEnd, { once: true });
+        document.addEventListener('touchcancel', this.handleTouchEnd, { once: true });
+    };
+    handleTouchEnd = (event) => {
+        if (this.usingPointerEvents) {
+            return;
+        }
+        this.endPress(event);
+    };
+    render() {
+        return (_jsx("div", { className: "deck-widget-button", children: _jsx("div", { style: { pointerEvents: 'auto' }, onPointerDown: this.handlePointerDown, onPointerUp: this.handlePointerUp, onPointerCancel: this.handlePointerCancel, onPointerMove: (event) => this.stopEvent(event), onPointerLeave: this.handlePointerCancel, onPointerOut: this.handlePointerCancel, onMouseDown: this.handleMouseDown, onMouseUp: this.handleMouseUp, onMouseMove: (event) => this.stopEvent(event), onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd, onTouchMove: (event) => this.stopEvent(event), onContextMenu: (event) => event.preventDefault(), onWheel: (event) => this.stopEvent(event), onClick: (event) => this.stopEvent(event), children: this.props.children }) }));
+    }
+}
+//# sourceMappingURL=long-press-button.js.map

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

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

package/dist/widgets/pan-widget.d.ts

@@ -0,0 +1,33 @@
+import { Widget, type Deck, type WidgetPlacement, type WidgetProps } from '@deck.gl/core';
+export type PanWidgetProps = WidgetProps & {
+    viewId?: string | null;
+    placement?: WidgetPlacement;
+    /** Amount in screen pixels to pan by when a button is pressed. */
+    step?: number;
+};
+export declare class PanWidget extends Widget<PanWidgetProps> {
+    static defaultProps: {
+        id: string;
+        viewId: any;
+        placement: "top-left";
+        step: number;
+        style: {};
+        className: string;
+    };
+    placement: WidgetPlacement;
+    className: string;
+    deck?: Deck | null;
+    step: number;
+    constructor(props?: PanWidgetProps);
+    setProps(props: Partial<PanWidgetProps>): void;
+    onAdd({ deck, viewId }: {
+        deck: Deck;
+        viewId: string | null;
+    }): void;
+    onRemove(): void;
+    onRenderHTML(rootElement: HTMLElement): void;
+    private getTargetViewports;
+    private getViewState;
+    private handlePan;
+}
+//# sourceMappingURL=pan-widget.d.ts.map

package/dist/widgets/pan-widget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pan-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/pan-widget.tsx"],"names":[],"mappings":"AAOA,OAAO,EACL,MAAM,EACN,KAAK,IAAI,EAET,KAAK,eAAe,EACpB,KAAK,WAAW,EACjB,MAAM,eAAe,CAAC;AAEvB,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG;IACzC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AA4BF,qBAAa,SAAU,SAAQ,MAAM,CAAC,cAAc,CAAC;IACnD,OAAgB,YAAY;;;;;;;MAOgE;IAE5F,SAAS,EAAE,eAAe,CAAc;IACxC,SAAS,SAAqB;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAQ;IAC1B,IAAI,EAAE,MAAM,CAAC;gBAED,KAAK,GAAE,cAAmB;IAO7B,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,cAAc,CAAC,GAAG,IAAI;IAa9C,KAAK,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,EAAE;QAAC,IAAI,EAAE,IAAI,CAAC;QAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;KAAC,GAAG,IAAI;IAOhE,QAAQ,IAAI,IAAI;IAIhB,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IA+BrD,OAAO,CAAC,kBAAkB;IAa1B,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,SAAS;CA0BlB"}

package/dist/widgets/pan-widget.js

@@ -0,0 +1,134 @@
+import { jsx as _jsx } from "preact/jsx-runtime";
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+import { render } from 'preact';
+import { LongPressButton } from "./long-press-button.js";
+import { Widget } from '@deck.gl/core';
+const WRAPPER_STYLE = {
+    position: 'absolute',
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    zIndex: '99',
+    userSelect: 'none'
+};
+const NAVIGATION_CONTAINER_STYLE = {
+    position: 'relative',
+    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'
+};
+const NAVIGATION_BUTTON_STYLE = {
+    color: '#848484',
+    cursor: 'pointer',
+    position: 'absolute',
+    pointerEvents: 'auto'
+};
+export class PanWidget extends Widget {
+    static defaultProps = {
+        id: 'pan',
+        viewId: null,
+        placement: 'top-left',
+        step: 48,
+        style: {},
+        className: ''
+    };
+    placement = 'top-left';
+    className = 'deck-widget-pan';
+    deck = null;
+    step;
+    constructor(props = {}) {
+        super({ ...PanWidget.defaultProps, ...props });
+        this.viewId = props.viewId ?? null;
+        this.placement = props.placement ?? 'top-left';
+        this.step = props.step ?? PanWidget.defaultProps.step;
+    }
+    setProps(props) {
+        if (props.viewId !== undefined) {
+            this.viewId = props.viewId;
+        }
+        if (props.placement !== undefined) {
+            this.placement = props.placement;
+        }
+        if (props.step !== undefined) {
+            this.step = props.step;
+        }
+        super.setProps(props);
+    }
+    onAdd({ deck, viewId }) {
+        this.deck = deck;
+        if (this.viewId === undefined) {
+            this.viewId = viewId;
+        }
+    }
+    onRemove() {
+        this.deck = null;
+    }
+    onRenderHTML(rootElement) {
+        const style = { ...WRAPPER_STYLE, ...this.props.style };
+        Object.assign(rootElement.style, style);
+        const buttons = [
+            { top: -2, left: 14, onClick: () => this.handlePan(0, this.step), label: '▲', key: 'up' },
+            { top: 12, left: 0, onClick: () => this.handlePan(this.step, 0), label: '◀', key: 'left' },
+            { top: 12, left: 28, onClick: () => this.handlePan(-this.step, 0), label: '▶', key: 'right' },
+            { top: 25, left: 14, onClick: () => this.handlePan(0, -this.step), label: '▼', key: 'down' }
+        ];
+        const ui = (_jsx("div", { style: NAVIGATION_CONTAINER_STYLE, children: buttons.map((button) => (_jsx("div", { style: {
+                    ...NAVIGATION_BUTTON_STYLE,
+                    top: `${button.top}px`,
+                    left: `${button.left}px`
+                }, children: _jsx(LongPressButton, { onClick: button.onClick, children: button.label }) }, button.key))) }));
+        render(ui, rootElement);
+    }
+    getTargetViewports() {
+        const deck = this.deck;
+        if (!deck) {
+            return [];
+        }
+        if (this.viewId) {
+            const viewport = deck.viewManager?.getViewport(this.viewId);
+            return viewport ? [viewport] : [];
+        }
+        return deck.getViewports();
+    }
+    getViewState(viewport) {
+        const viewManager = this.deck?.viewManager;
+        const viewId = this.viewId || viewport.id;
+        if (viewManager) {
+            try {
+                return { ...viewManager.getViewState(viewId) };
+            }
+            catch (err) {
+                return { ...viewManager.viewState };
+            }
+        }
+        return { ...viewport };
+    }
+    handlePan(deltaX, deltaY) {
+        if (!this.deck) {
+            return;
+        }
+        const viewports = this.getTargetViewports();
+        for (const viewport of viewports) {
+            const center = viewport.unproject([viewport.width / 2, viewport.height / 2]);
+            if (!center) {
+                continue;
+            }
+            const nextPixel = [
+                viewport.width / 2 + deltaX,
+                viewport.height / 2 + deltaY
+            ];
+            const viewState = this.getViewState(viewport);
+            const panUpdate = viewport.panByPosition(center, nextPixel);
+            const nextViewState = { ...viewState, ...panUpdate };
+            const viewId = this.viewId || viewport.id || 'default-view';
+            // @ts-ignore Using private method until a public alternative is available
+            this.deck._onViewStateChange({ viewId, viewState: nextViewState, interactionState: {} });
+        }
+    }
+}
+//# sourceMappingURL=pan-widget.js.map

package/dist/widgets/pan-widget.js.map

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

package/dist/widgets/zoom-range-widget.d.ts

@@ -0,0 +1,43 @@
+import { Widget, type Deck, type Viewport, type WidgetPlacement, type WidgetProps } from '@deck.gl/core';
+export type ZoomRangeWidgetProps = WidgetProps & {
+    viewId?: string | null;
+    placement?: WidgetPlacement;
+    minZoom?: number;
+    maxZoom?: number;
+    step?: number;
+};
+export declare class ZoomRangeWidget extends Widget<ZoomRangeWidgetProps> {
+    static defaultProps: {
+        id: string;
+        viewId: any;
+        placement: "top-left";
+        minZoom: any;
+        maxZoom: any;
+        step: number;
+        style: {};
+        className: string;
+    };
+    placement: WidgetPlacement;
+    className: string;
+    deck?: Deck | null;
+    step: number;
+    currentZoom: number;
+    inferredMinZoom: number | null;
+    inferredMaxZoom: number | null;
+    constructor(props?: ZoomRangeWidgetProps);
+    setProps(props: Partial<ZoomRangeWidgetProps>): void;
+    onAdd({ deck, viewId }: {
+        deck: Deck;
+        viewId: string | null;
+    }): void;
+    onRemove(): void;
+    onRenderHTML(rootElement: HTMLElement): void;
+    onViewportChange(viewport: Viewport): void;
+    private getZoomBounds;
+    private getTargetViewports;
+    private getViewState;
+    private handleZoomDelta;
+    private handleZoomTo;
+    private updateViewState;
+}
+//# sourceMappingURL=zoom-range-widget.d.ts.map

package/dist/widgets/zoom-range-widget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zoom-range-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/zoom-range-widget.tsx"],"names":[],"mappings":"AAOA,OAAO,EACL,MAAM,EACN,KAAK,IAAI,EACT,KAAK,QAAQ,EACb,KAAK,eAAe,EACpB,KAAK,WAAW,EACjB,MAAM,eAAe,CAAC;AAEvB,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG;IAC/C,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AA8BF,qBAAa,eAAgB,SAAQ,MAAM,CAAC,oBAAoB,CAAC;IAC/D,OAAgB,YAAY;;;;;;;;;MAS4E;IAExG,SAAS,EAAE,eAAe,CAAc;IACxC,SAAS,SAA4B;IACrC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAQ;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,SAAK;IAChB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAQ;IACtC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAQ;gBAE1B,KAAK,GAAE,oBAAyB;IAOnC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,oBAAoB,CAAC,GAAG,IAAI;IAapD,KAAK,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,EAAE;QAAC,IAAI,EAAE,IAAI,CAAC;QAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;KAAC,GAAG,IAAI;IAOhE,QAAQ,IAAI,IAAI;IAIhB,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IA8E5C,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,GAAG,IAAI;IAwBnD,OAAO,CAAC,aAAa;IAerB,OAAO,CAAC,kBAAkB;IAY1B,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,eAAe;CAYxB"}

package/dist/widgets/zoom-range-widget.js

@@ -0,0 +1,184 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "preact/jsx-runtime";
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+import { render } from 'preact';
+import { LongPressButton } from "./long-press-button.js";
+import { Widget } from '@deck.gl/core';
+const WRAPPER_STYLE = {
+    position: 'absolute',
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    background: '#f7f7f7',
+    border: '0.5px solid #eaeaea',
+    marginTop: '6px',
+    padding: '2px 0',
+    width: '18px',
+    userSelect: 'none',
+    pointerEvents: 'auto'
+};
+const ZOOM_BUTTON_STYLE = {
+    cursor: 'pointer',
+    fontSize: '14px',
+    fontWeight: '500',
+    margin: '-4px'
+};
+const SLIDER_CONTAINER_STYLE = {
+    display: 'inline-block',
+    height: '100px',
+    padding: '0',
+    width: '10px'
+};
+export class ZoomRangeWidget extends Widget {
+    static defaultProps = {
+        id: 'zoom-range',
+        viewId: null,
+        placement: 'top-left',
+        minZoom: undefined,
+        maxZoom: undefined,
+        step: 0.1,
+        style: {},
+        className: ''
+    };
+    placement = 'top-left';
+    className = 'deck-widget-zoom-range';
+    deck = null;
+    step;
+    currentZoom = 0;
+    inferredMinZoom = null;
+    inferredMaxZoom = null;
+    constructor(props = {}) {
+        super({ ...ZoomRangeWidget.defaultProps, ...props });
+        this.viewId = props.viewId ?? null;
+        this.placement = props.placement ?? 'top-left';
+        this.step = props.step ?? ZoomRangeWidget.defaultProps.step;
+    }
+    setProps(props) {
+        if (props.viewId !== undefined) {
+            this.viewId = props.viewId;
+        }
+        if (props.placement !== undefined) {
+            this.placement = props.placement;
+        }
+        if (props.step !== undefined) {
+            this.step = props.step;
+        }
+        super.setProps(props);
+    }
+    onAdd({ deck, viewId }) {
+        this.deck = deck;
+        if (this.viewId === undefined) {
+            this.viewId = viewId;
+        }
+    }
+    onRemove() {
+        this.deck = null;
+    }
+    onRenderHTML(rootElement) {
+        const style = { ...WRAPPER_STYLE, ...this.props.style };
+        Object.assign(rootElement.style, style);
+        const { minZoom, maxZoom } = this.getZoomBounds();
+        const clampedZoom = Math.max(minZoom, Math.min(maxZoom, this.currentZoom));
+        const stopEventPropagation = (event) => {
+            event.stopPropagation();
+            if (typeof event.stopImmediatePropagation === 'function') {
+                event.stopImmediatePropagation();
+            }
+        };
+        const ui = (_jsxs(_Fragment, { children: [_jsx("div", { style: ZOOM_BUTTON_STYLE, children: _jsx(LongPressButton, { onClick: () => this.handleZoomDelta(this.step), children: '+' }) }), _jsx("div", { style: SLIDER_CONTAINER_STYLE, onPointerDown: stopEventPropagation, onPointerMove: stopEventPropagation, onPointerUp: stopEventPropagation, onMouseDown: stopEventPropagation, onMouseMove: stopEventPropagation, onMouseUp: stopEventPropagation, onClick: stopEventPropagation, onWheel: stopEventPropagation, onTouchStart: stopEventPropagation, onTouchMove: stopEventPropagation, onTouchEnd: stopEventPropagation, children: _jsx("input", { type: "range", value: clampedZoom, min: minZoom, max: maxZoom, step: this.step, onInput: (event) => this.handleZoomTo(Number(event.target.value)), onChange: (event) => this.handleZoomTo(Number(event.target.value)), onPointerDown: stopEventPropagation, onPointerMove: stopEventPropagation, onPointerUp: stopEventPropagation, onMouseDown: stopEventPropagation, onMouseMove: stopEventPropagation, onMouseUp: stopEventPropagation, onClick: stopEventPropagation, onWheel: stopEventPropagation, onTouchStart: stopEventPropagation, onTouchMove: stopEventPropagation, onTouchEnd: stopEventPropagation, 
+                        /* @ts-expect-error - non-standard attribute for vertical sliders */
+                        orient: "vertical", style: {
+                            writingMode: 'vertical-lr',
+                            height: '100px',
+                            padding: '0',
+                            margin: '0',
+                            width: '10px'
+                        } }) }), _jsx("div", { style: ZOOM_BUTTON_STYLE, children: _jsx(LongPressButton, { onClick: () => this.handleZoomDelta(-this.step), children: '-' }) })] }));
+        render(ui, rootElement);
+    }
+    onViewportChange(viewport) {
+        const viewState = this.getViewState(viewport);
+        const zoom = Number(viewState?.zoom);
+        if (Number.isFinite(zoom)) {
+            this.currentZoom = zoom;
+        }
+        if (this.props.minZoom === undefined) {
+            const minZoom = Number(viewState?.minZoom);
+            if (Number.isFinite(minZoom)) {
+                this.inferredMinZoom = minZoom;
+            }
+        }
+        if (this.props.maxZoom === undefined) {
+            const maxZoom = Number(viewState?.maxZoom);
+            if (Number.isFinite(maxZoom)) {
+                this.inferredMaxZoom = maxZoom;
+            }
+        }
+        this.updateHTML();
+    }
+    getZoomBounds() {
+        const minZoom = this.props.minZoom ?? this.inferredMinZoom ?? Number.NEGATIVE_INFINITY;
+        const maxZoom = this.props.maxZoom ?? this.inferredMaxZoom ?? Number.POSITIVE_INFINITY;
+        if (minZoom > maxZoom) {
+            return { minZoom: maxZoom, maxZoom: minZoom };
+        }
+        return {
+            minZoom: Number.isFinite(minZoom) ? minZoom : -20,
+            maxZoom: Number.isFinite(maxZoom) ? maxZoom : 20
+        };
+    }
+    getTargetViewports() {
+        const deck = this.deck;
+        if (!deck) {
+            return [];
+        }
+        if (this.viewId) {
+            const viewport = deck.viewManager?.getViewport(this.viewId);
+            return viewport ? [viewport] : [];
+        }
+        return deck.getViewports();
+    }
+    getViewState(viewport) {
+        const viewManager = this.deck?.viewManager;
+        const viewId = this.viewId || viewport.id;
+        if (viewManager) {
+            try {
+                return { ...viewManager.getViewState(viewId) };
+            }
+            catch (err) {
+                return { ...viewManager.viewState };
+            }
+        }
+        return { ...viewport };
+    }
+    handleZoomDelta(delta) {
+        const { minZoom, maxZoom } = this.getZoomBounds();
+        for (const viewport of this.getTargetViewports()) {
+            const viewState = this.getViewState(viewport);
+            const baseZoom = Number(viewState.zoom);
+            const current = Number.isFinite(baseZoom) ? baseZoom : this.currentZoom;
+            const nextZoom = Math.max(minZoom, Math.min(maxZoom, current + delta));
+            this.updateViewState(viewport, { ...viewState, zoom: nextZoom });
+        }
+    }
+    handleZoomTo(zoom) {
+        const { minZoom, maxZoom } = this.getZoomBounds();
+        const nextZoom = Math.max(minZoom, Math.min(maxZoom, zoom));
+        for (const viewport of this.getTargetViewports()) {
+            const viewState = this.getViewState(viewport);
+            this.updateViewState(viewport, { ...viewState, zoom: nextZoom });
+        }
+    }
+    updateViewState(viewport, viewState) {
+        if (!this.deck) {
+            return;
+        }
+        const viewId = this.viewId || viewport.id || 'default-view';
+        this.currentZoom = Number(viewState.zoom) || this.currentZoom;
+        this.updateHTML();
+        // @ts-ignore Using private method until a public alternative is available
+        this.deck._onViewStateChange({ viewId, viewState, interactionState: {} });
+    }
+}
+//# sourceMappingURL=zoom-range-widget.js.map

package/dist/widgets/zoom-range-widget.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deck.gl-community/experimental",
-  "version": "9.1.0-beta.8",
+  "version": "9.2.0-beta.2",
   "description": "Experimental layers for deck.gl",
   "license": "MIT",
   "keywords": [
@@ -30,19 +30,19 @@
     "test-watch": "vitest"
   },
   "dependencies": {
-    "@deck.gl/core": "^9.1.12",
-    "@deck.gl/extensions": "^9.1.0",
-    "@deck.gl/geo-layers": "^9.1.0",
-    "@deck.gl/layers": "^9.1.0",
-    "@deck.gl/mesh-layers": "^9.1.0",
-    "@deck.gl/react": "^9.1.0",
+    "@deck.gl/core": "~9.2.1",
+    "@deck.gl/geo-layers": "~9.2.1",
+    "@deck.gl/layers": "~9.2.1",
+    "@deck.gl/mesh-layers": "~9.2.1",
     "@loaders.gl/core": "^4.2.0",
     "@loaders.gl/i3s": "^4.2.0",
     "@loaders.gl/loader-utils": "^4.2.0",
     "@loaders.gl/schema": "^4.2.0",
     "@loaders.gl/tiles": "^4.2.0",
-    "@luma.gl/core": "^9.1.9",
-    "@luma.gl/engine": "^9.1.9"
+    "@luma.gl/core": "~9.2.0",
+    "@luma.gl/engine": "~9.2.0",
+    "@luma.gl/shadertools": "~9.2.0",
+    "preact": "^10.17.0"
   },
-  "gitHead": "63ffab49b65290486fcc7c8e3891c090f4ef5136"
+  "gitHead": "b434bcba10800f27e95a7c9e6c4c7edd0b915773"
 }

package/src/index.ts

@@ -6,3 +6,6 @@ export {DataDrivenTile3DLayer} from './data-driven-tile-3d-layer/data-driven-til
 
 export {colorizeTile} from './data-driven-tile-3d-layer/utils/colorize-tile';
 export {filterTile} from './data-driven-tile-3d-layer/utils/filter-tile';
+
+export {PanWidget} from './widgets/pan-widget';
+export {ZoomRangeWidget} from './widgets/zoom-range-widget';