@deck.gl/widgets 9.2.11 → 9.3.0-alpha.2

package/dist/popup-widget.js

@@ -0,0 +1,76 @@
+import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+// deck.gl
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+import { Widget } from '@deck.gl/core';
+import { render } from 'preact';
+import { Popover } from "./lib/components/popover.js";
+import { UserContent } from "./lib/components/user-content.js";
+import { IconButton } from "./lib/components/icon-button.js";
+export class PopupWidget extends Widget {
+    constructor(props) {
+        super(props);
+        this.className = 'deck-widget-popup';
+        this.placement = 'fill';
+        this.setProps(this.props);
+        this.isOpen = this.props.defaultIsOpen;
+    }
+    setProps(props) {
+        this.viewId = props.viewId ?? this.viewId;
+        super.setProps(props);
+    }
+    onAdd({ deck }) {
+        this.deck = deck;
+    }
+    onRemove() {
+        // Invoke clean up of preact hooks
+        if (this.rootElement) {
+            render(null, this.rootElement);
+        }
+    }
+    onViewportChange(viewport) {
+        this.viewport = viewport;
+        this.updateHTML();
+    }
+    onClick() {
+        if (this.props.closeOnClickOutside) {
+            this._setIsOpen(false);
+        }
+    }
+    _setIsOpen(isOpen) {
+        if (this.isOpen === isOpen)
+            return;
+        this.isOpen = isOpen;
+        this.props.onOpenChange?.(isOpen);
+        this.updateHTML();
+    }
+    onRenderHTML(rootElement) {
+        if (!this.viewport) {
+            render(null, rootElement);
+            return;
+        }
+        const { marker, content, style } = this.props;
+        // Project the clicked geographic coordinate to canvas (x, y)
+        const [x, y] = this.viewport.project(this.props.position);
+        // 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 = (_jsxs("div", { children: [marker && (_jsx("div", { style: { position: 'absolute', left: x, top: y, pointerEvents: 'all', cursor: 'pointer' }, children: _jsx(UserContent, { ...marker, onClick: () => this._setIsOpen(true) }) })), this.isOpen && (_jsx(Popover, { x: x, y: y, placement: this.props.placement, arrow: this.props.arrow, arrowColor: "var(--menu-background, #fff)", offset: this.props.offset, children: _jsxs("div", { className: `deck-widget-popup-content ${this.props.className}`, style: style, children: [this.props.closeButton && (_jsx("div", { className: "deck-widget-popup-controls", style: { width: '100%', display: 'flex', justifyContent: 'end' }, children: _jsx(IconButton, { className: "deck-widget-popup-close-button", onClick: () => this._setIsOpen(false) }) })), _jsx(UserContent, { ...(typeof content === 'string' ? { text: content } : content) })] }) }))] }));
+        render(ui, rootElement);
+    }
+}
+PopupWidget.defaultProps = {
+    ...Widget.defaultProps,
+    id: 'info',
+    viewId: null,
+    position: [0, 0],
+    marker: null,
+    defaultIsOpen: true,
+    content: '',
+    placement: 'right',
+    offset: 10,
+    arrow: 10,
+    closeButton: true,
+    closeOnClickOutside: false,
+    onOpenChange: () => { }
+};
+//# sourceMappingURL=popup-widget.js.map

package/dist/popup-widget.js.map

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

package/dist/reset-view-widget.d.ts

@@ -25,7 +25,7 @@ export declare class ResetViewWidget<ViewsT extends ViewOrViews = null> extends
     setProps(props: Partial<ResetViewWidgetProps<ViewsT>>): void;
     onRenderHTML(rootElement: HTMLElement): void;
     handleClick(): void;
-    setViewState(viewState?: ViewStateMap<ViewsT>): void;
+    resetViewState(viewState?: ViewStateMap<ViewsT>): void;
 }
 export {};
 //# sourceMappingURL=reset-view-widget.d.ts.map

package/dist/reset-view-widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reset-view-widget.d.ts","sourceRoot":"","sources":["../src/reset-view-widget.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,eAAe,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAChE,OAAO,KAAK,EAAC,YAAY,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAC;AAGrC,sFAAsF;AACtF,KAAK,WAAW,GAAG,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;AAExC,yCAAyC;AACzC,MAAM,MAAM,oBAAoB,CAAC,MAAM,SAAS,WAAW,GAAG,IAAI,IAAI,WAAW,GAAG;IAClF,8DAA8D;IAC9D,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2FAA2F;IAC3F,gBAAgB,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IACxC,iEAAiE;IACjE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB,CAAC;AAEF;;GAEG;AACH,qBAAa,eAAe,CAAC,MAAM,SAAS,WAAW,GAAG,IAAI,CAAE,SAAQ,MAAM,CAC5E,oBAAoB,CAAC,MAAM,CAAC,EAC5B,MAAM,CACP;IACC,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,oBAAoB,CAAC,CAOjD;IAEF,SAAS,SAA4B;IACrC,SAAS,EAAE,eAAe,CAAc;gBAE5B,KAAK,GAAE,oBAAoB,CAAC,MAAM,CAAM;IAKpD,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAMrD,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IAW5C,WAAW;IAKX,YAAY,CAAC,SAAS,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC;CAW9C"}
+{"version":3,"file":"reset-view-widget.d.ts","sourceRoot":"","sources":["../src/reset-view-widget.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,eAAe,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAChE,OAAO,KAAK,EAAC,YAAY,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAC;AAGrC,sFAAsF;AACtF,KAAK,WAAW,GAAG,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;AAExC,yCAAyC;AACzC,MAAM,MAAM,oBAAoB,CAAC,MAAM,SAAS,WAAW,GAAG,IAAI,IAAI,WAAW,GAAG;IAClF,8DAA8D;IAC9D,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2FAA2F;IAC3F,gBAAgB,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IACxC,iEAAiE;IACjE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB,CAAC;AAEF;;GAEG;AACH,qBAAa,eAAe,CAAC,MAAM,SAAS,WAAW,GAAG,IAAI,CAAE,SAAQ,MAAM,CAC5E,oBAAoB,CAAC,MAAM,CAAC,EAC5B,MAAM,CACP;IACC,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,oBAAoB,CAAC,CAOjD;IAEF,SAAS,SAA4B;IACrC,SAAS,EAAE,eAAe,CAAc;gBAE5B,KAAK,GAAE,oBAAoB,CAAC,MAAM,CAAM;IAKpD,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAMrD,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IAW5C,WAAW;IAKX,cAAc,CAAC,SAAS,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC;CAYhD"}

package/dist/reset-view-widget.js

@@ -22,18 +22,19 @@ export class ResetViewWidget extends Widget {
     }
     handleClick() {
         const initialViewState = this.props.initialViewState || this.deck?.props.initialViewState;
-        this.setViewState(initialViewState);
+        this.resetViewState(initialViewState);
     }
-    setViewState(viewState) {
-        const viewId = (this.props.viewId || 'default-view');
-        const nextViewState = {
-            ...(viewId !== 'default-view' ? viewState?.[viewId] : viewState)
-            // only works for geospatial?
-            // 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: {} });
+    resetViewState(viewState) {
+        const viewIds = this.viewId ? [this.viewId] : (this.deck?.getViews().map(v => v.id) ?? []);
+        for (const viewId of viewIds) {
+            const nextViewState = {
+                ...(viewState?.[viewId] ?? viewState)
+                // only works for geospatial?
+                // transitionDuration: this.props.transitionDuration,
+                // transitionInterpolator: new FlyToInterpolator()
+            };
+            this.setViewState(viewId, nextViewState);
+        }
     }
 }
 ResetViewWidget.defaultProps = {

package/dist/reset-view-widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"reset-view-widget.js","sourceRoot":"","sources":["../src/reset-view-widget.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,MAAM,EAAC,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAC;AACrC,OAAO,EAAC,UAAU,EAAC,wCAAqC;AAiBxD;;GAEG;AACH,MAAM,OAAO,eAAmD,SAAQ,MAGvE;IAaC,YAAY,QAAsC,EAAE;QAClD,KAAK,CAAC,KAAK,CAAC,CAAC;QAJf,cAAS,GAAG,wBAAwB,CAAC;QACrC,cAAS,GAAoB,UAAU,CAAC;QAItC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAED,QAAQ,CAAC,KAA4C;QACnD,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC;QACnD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC;QAC1C,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC;IAED,YAAY,CAAC,WAAwB;QACnC,MAAM,CACJ,KAAC,UAAU,IACT,SAAS,EAAC,yBAAyB,EACnC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GACpC,EACF,WAAW,CACZ,CAAC;IACJ,CAAC;IAED,WAAW;QACT,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,gBAAgB,CAAC;QAC1F,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;IACtC,CAAC;IAED,YAAY,CAAC,SAAgC;QAC3C,MAAM,MAAM,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,cAAc,CAAsB,CAAC;QAC1E,MAAM,aAAa,GAAG;YACpB,GAAG,CAAC,MAAM,KAAK,cAAc,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;YAChE,6BAA6B;YAC7B,qDAAqD;YACrD,kDAAkD;SACnD,CAAC;QACF,uEAAuE;QACvE,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,EAAC,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,EAAE,EAAC,CAAC,CAAC;IACzF,CAAC;;AAjDM,4BAAY,GAAmC;IACpD,GAAG,MAAM,CAAC,YAAY;IACtB,EAAE,EAAE,YAAY;IAChB,SAAS,EAAE,UAAU;IACrB,KAAK,EAAE,YAAY;IACnB,gBAAgB,EAAE,SAAU;IAC5B,MAAM,EAAE,IAAI;CACb,AAPkB,CAOjB"}
+{"version":3,"file":"reset-view-widget.js","sourceRoot":"","sources":["../src/reset-view-widget.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,MAAM,EAAC,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAC;AACrC,OAAO,EAAC,UAAU,EAAC,wCAAqC;AAiBxD;;GAEG;AACH,MAAM,OAAO,eAAmD,SAAQ,MAGvE;IAaC,YAAY,QAAsC,EAAE;QAClD,KAAK,CAAC,KAAK,CAAC,CAAC;QAJf,cAAS,GAAG,wBAAwB,CAAC;QACrC,cAAS,GAAoB,UAAU,CAAC;QAItC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAED,QAAQ,CAAC,KAA4C;QACnD,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC;QACnD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC;QAC1C,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC;IAED,YAAY,CAAC,WAAwB;QACnC,MAAM,CACJ,KAAC,UAAU,IACT,SAAS,EAAC,yBAAyB,EACnC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GACpC,EACF,WAAW,CACZ,CAAC;IACJ,CAAC;IAED,WAAW;QACT,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,gBAAgB,CAAC;QAC1F,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC;IACxC,CAAC;IAED,cAAc,CAAC,SAAgC;QAC7C,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;QAC3F,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,CAAC;YAC7B,MAAM,aAAa,GAAG;gBACpB,GAAG,CAAC,SAAS,EAAE,CAAC,MAAM,CAAC,IAAI,SAAS,CAAC;gBACrC,6BAA6B;gBAC7B,qDAAqD;gBACrD,kDAAkD;aACnD,CAAC;YACF,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC;;AAlDM,4BAAY,GAAmC;IACpD,GAAG,MAAM,CAAC,YAAY;IACtB,EAAE,EAAE,YAAY;IAChB,SAAS,EAAE,UAAU;IACrB,KAAK,EAAE,YAAY;IACnB,gBAAgB,EAAE,SAAU;IAC5B,MAAM,EAAE,IAAI;CACb,AAPkB,CAOjB"}

package/dist/scrollbar-widget.d.ts

@@ -0,0 +1,68 @@
+import { Widget } from '@deck.gl/core';
+import type { Position, Viewport, WidgetPlacement, WidgetProps } from '@deck.gl/core';
+export type ScrollbarOrientation = 'vertical' | 'horizontal';
+export type ContentBounds = [min: Position, max: Position];
+export type ScrollbarDecoration = {
+    contentBounds: ContentBounds;
+    color: string;
+    title?: string;
+    /** Callback when the decoration is clicked. Return `true` to mark the event as handled, and prevent the default behavior. */
+    onClick?: (evt: MouseEvent) => boolean;
+};
+export type ScrollbarWidgetProps = WidgetProps & {
+    /** The full extent of the scrollable content, in world coordinates.
+     * The widget relies on this value to calculate the position and size of the slider button and track.
+     * If not supplied, the scrollbar will always be hidden.
+     */
+    contentBounds?: ContentBounds | null;
+    placement?: WidgetPlacement;
+    viewId?: string | null;
+    /** Direction of the scrollbar. `'horizontal'` scrolls the camera along the X axis, and `'vertical'` scrolls the camera along the Y axis.
+     * @default 'vertical'
+     */
+    orientation?: ScrollbarOrientation;
+    stepSize?: number | null;
+    pageSize?: number | null;
+    /** Label of the step button at the start.
+     * @default 'Scroll left' | 'Scroll up'
+     */
+    startButtonAriaLabel?: string;
+    /** Label of the end button at the start.
+     * @default 'Scroll right' | 'Scroll down'
+     */
+    endButtonAriaLabel?: string;
+    /** If `true`, mouse wheel events over the canvas will be intercepted by this scrollbar.
+     * Useful when simulating the native scrollbar's behavior.
+     * @default false
+     */
+    captureWheel?: boolean;
+    /** Custom markers to overlay on the track. */
+    decorations?: ScrollbarDecoration[];
+};
+type ScrollbarWidgetRequiredProps = Required<ScrollbarWidgetProps>;
+/** A scrollbar widget to be used with OrthographicView */
+export declare class ScrollbarWidget extends Widget<ScrollbarWidgetProps> {
+    static defaultProps: ScrollbarWidgetRequiredProps;
+    className: string;
+    placement: WidgetPlacement;
+    private viewport?;
+    private contentSize;
+    private viewportSize;
+    private scrollOffset;
+    constructor(props: ScrollbarWidgetProps);
+    onViewportChange(viewport: Viewport): void;
+    onRenderHTML(): void;
+    onRemove(): void;
+    private updateViewport;
+    private getDecorations;
+    private getWheelEventTarget;
+    private getMaxScroll;
+    private getClampedOffset;
+    private isVertical;
+    private getEffectiveStep;
+    private getEffectivePage;
+    private emitScroll;
+    private handleRangeChange;
+}
+export {};
+//# sourceMappingURL=scrollbar-widget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scrollbar-widget.d.ts","sourceRoot":"","sources":["../src/scrollbar-widget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAC;AACrC,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAIpF,MAAM,MAAM,oBAAoB,GAAG,UAAU,GAAG,YAAY,CAAC;AAE7D,MAAM,MAAM,aAAa,GAAG,CAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC;AAE3D,MAAM,MAAM,mBAAmB,GAAG;IAChC,aAAa,EAAE,aAAa,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6HAA6H;IAC7H,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,OAAO,CAAC;CACxC,CAAC;AAYF,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG;IAC/C;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,oBAAoB,CAAC;IAInC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAIzB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,mBAAmB,EAAE,CAAC;CACrC,CAAC;AAEF,KAAK,4BAA4B,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAC;AAEnE,0DAA0D;AAC1D,qBAAa,eAAgB,SAAQ,MAAM,CAAC,oBAAoB,CAAC;IAC/D,OAAgB,YAAY,EAAE,4BAA4B,CAYxD;IAEO,SAAS,SAA2B;IAE7C,SAAS,EAAE,eAAe,CAAU;IAEpC,OAAO,CAAC,QAAQ,CAAC,CAAW;IAC5B,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,YAAY,CAAK;gBAEb,KAAK,EAAE,oBAAoB;IAS9B,gBAAgB,CAAC,QAAQ,EAAE,QAAQ;IAKnC,YAAY,IAAI,IAAI;IAsCpB,QAAQ,IAAI,IAAI;IAOzB,OAAO,CAAC,cAAc;IAmBtB,OAAO,CAAC,cAAc;IAsCtB,OAAO,CAAC,mBAAmB;IAO3B,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,gBAAgB;IAOxB,OAAO,CAAC,gBAAgB;IAOxB,OAAO,CAAC,UAAU;IAyBlB,OAAO,CAAC,iBAAiB,CAEvB;CACH"}

package/dist/scrollbar-widget.js

@@ -0,0 +1,181 @@
+import { jsx as _jsx } from "preact/jsx-runtime";
+import { Widget } from '@deck.gl/core';
+import { render } from 'preact';
+import { RangeInput } from "./lib/components/range-input.js";
+const clamp = (value, min, max) => {
+    if (value < min) {
+        return min;
+    }
+    if (value > max) {
+        return max;
+    }
+    return value;
+};
+/** A scrollbar widget to be used with OrthographicView */
+export class ScrollbarWidget extends Widget {
+    constructor(props) {
+        const resolved = {
+            ...ScrollbarWidget.defaultProps,
+            ...props
+        };
+        super(resolved);
+        this.className = 'deck-widget-scrollbar';
+        this.placement = 'fill';
+        this.contentSize = 0;
+        this.viewportSize = 0;
+        this.scrollOffset = 0;
+        this.handleRangeChange = (nextValue) => {
+            this.emitScroll(nextValue[0]);
+        };
+        this.viewId = resolved.viewId ?? null;
+    }
+    onViewportChange(viewport) {
+        this.viewport = viewport;
+        this.onRenderHTML();
+    }
+    onRenderHTML() {
+        const element = this.rootElement;
+        if (!element) {
+            return;
+        }
+        element.dataset.placement = this.props.placement;
+        const viewport = this.viewport;
+        this.updateViewport(viewport);
+        const clampedOffset = this.getClampedOffset();
+        const wheelTarget = this.getWheelEventTarget(this.props.captureWheel ? 'global' : 'local');
+        const decorations = this.getDecorations(viewport);
+        const isVertical = this.isVertical();
+        const startLabel = this.props.startButtonAriaLabel ?? (isVertical ? 'Scroll up' : 'Scroll left');
+        const endLabel = this.props.endButtonAriaLabel ?? (isVertical ? 'Scroll down' : 'Scroll right');
+        const ui = (_jsx(RangeInput, { min: 0, max: Math.max(0, this.contentSize), step: this.getEffectiveStep(), pageSize: this.getEffectivePage(), value: [clampedOffset, clampedOffset + this.viewportSize], orientation: this.props.orientation, stepButtons: true, startButtonAriaLabel: startLabel, endButtonAriaLabel: endLabel, eventTarget: wheelTarget, decorations: decorations, onChange: this.handleRangeChange }));
+        render(ui, element);
+    }
+    onRemove() {
+        if (this.rootElement) {
+            render(null, this.rootElement);
+        }
+        super.onRemove();
+    }
+    updateViewport(viewport) {
+        if (!viewport) {
+            this.contentSize = 0;
+            this.scrollOffset = 0;
+            this.viewportSize = 0;
+            return;
+        }
+        const { contentBounds } = this.props;
+        const isVertical = this.isVertical();
+        const projectedBounds = contentBounds
+            ? projectBounds(contentBounds, viewport, isVertical)
+            : [0, 0];
+        this.contentSize = projectedBounds[1] - projectedBounds[0];
+        this.scrollOffset = -projectedBounds[0];
+        this.viewportSize = isVertical ? viewport.height : viewport.width;
+    }
+    getDecorations(viewport) {
+        const { decorations = [], contentBounds } = this.props;
+        if (!viewport || !contentBounds || decorations.length === 0) {
+            return [];
+        }
+        const isVertical = this.isVertical();
+        const [contentStart] = projectBounds(contentBounds, viewport, isVertical);
+        return decorations.map(decoration => {
+            const [start, end] = projectBounds(decoration.contentBounds, viewport, isVertical);
+            const onClick = decoration.onClick
+                ? (e) => {
+                    const handled = decoration.onClick?.(e);
+                    if (handled) {
+                        e.stopPropagation();
+                        e.preventDefault();
+                    }
+                }
+                : undefined;
+            return {
+                position: [start - contentStart, end - contentStart],
+                element: (_jsx("div", { style: {
+                        pointerEvents: onClick ? 'all' : 'none',
+                        width: '100%',
+                        height: '100%',
+                        backgroundColor: decoration.color
+                    }, title: decoration.title, onClick: onClick }))
+            };
+        });
+    }
+    getWheelEventTarget(mode) {
+        if (mode === null)
+            return null;
+        if (mode === 'local')
+            return this.rootElement;
+        return this.deck?.props.parent || this.deck?.getCanvas()?.parentElement || this.rootElement;
+    }
+    getMaxScroll() {
+        return Math.max(0, this.contentSize - this.viewportSize);
+    }
+    getClampedOffset() {
+        const maxScroll = this.getMaxScroll();
+        return clamp(this.scrollOffset, 0, maxScroll);
+    }
+    isVertical() {
+        return this.props.orientation !== 'horizontal';
+    }
+    getEffectiveStep() {
+        if (typeof this.props.stepSize === 'number' && !Number.isNaN(this.props.stepSize)) {
+            return this.props.stepSize;
+        }
+        return Math.max(1, this.viewportSize / 10 || 1);
+    }
+    getEffectivePage() {
+        if (typeof this.props.pageSize === 'number' && !Number.isNaN(this.props.pageSize)) {
+            return this.props.pageSize;
+        }
+        return this.viewportSize;
+    }
+    emitScroll(next) {
+        const maxScroll = this.getMaxScroll();
+        const target = clamp(Math.round(next), 0, maxScroll);
+        const viewport = this.viewport;
+        if (viewport && target !== this.getClampedOffset()) {
+            const pixel = viewport.project(viewport.position);
+            if (this.isVertical()) {
+                pixel[1] -= target - this.scrollOffset;
+            }
+            else {
+                pixel[0] -= target - this.scrollOffset;
+            }
+            const { target: newTarget } = viewport.panByPosition(viewport.position, pixel);
+            // @ts-expect-error Using private method temporary until there's a public one
+            this.deck._onViewStateChange({
+                viewId: viewport.id,
+                viewState: {
+                    ...this.getViewState(viewport.id),
+                    target: newTarget
+                },
+                interactionState: {}
+            });
+        }
+    }
+}
+ScrollbarWidget.defaultProps = {
+    ...Widget.defaultProps,
+    contentBounds: null,
+    placement: 'top-right',
+    viewId: null,
+    orientation: 'vertical',
+    stepSize: null,
+    pageSize: null,
+    startButtonAriaLabel: '',
+    endButtonAriaLabel: '',
+    captureWheel: false,
+    decorations: []
+};
+function projectBounds(bounds, viewport, isVertical) {
+    return bounds
+        .map(([x, y]) => viewport.project([x, y, 0]))
+        .reduce((range, [x, y]) => {
+        const value = isVertical ? y : x;
+        range[0] = Math.min(range[0], value);
+        range[1] = Math.max(range[1], value);
+        return range;
+    }, [Infinity, -Infinity]);
+}
+//# sourceMappingURL=scrollbar-widget.js.map

package/dist/scrollbar-widget.js.map

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

package/dist/selector-widget.d.ts

@@ -0,0 +1,44 @@
+import { Widget, type WidgetProps, type WidgetPlacement } from '@deck.gl/core';
+import { type PopoverProps } from "./lib/components/popover.js";
+export type SelectorWidgetOption<ValueT = string> = {
+    value: ValueT;
+    icon: string;
+    label?: string;
+};
+/** Properties for the ViewSelectorWidget */
+export type SelectorWidgetProps<ValueT = string> = WidgetProps & {
+    /** Widget positioning within the view. Default 'top-left'. */
+    placement?: WidgetPlacement;
+    /** View to attach to and interact with. Required when using multiple views. */
+    viewId?: string | null;
+    options: SelectorWidgetOption<ValueT>[];
+    /** The initial value. Default to the first option. */
+    initialValue?: ValueT;
+    /** Callback invoked when the value changes */
+    onChange?: (value: ValueT) => void;
+};
+/**
+ * A widget that renders a popup menu for selecting a view mode.
+ * It displays a button with the current view mode icon. Clicking the button
+ * toggles a popup that shows three icons for:
+ * - Single view
+ * - Two views, split horizontally
+ * - Two views, split vertically
+ */
+export declare class SelectorWidget<ValueT = string> extends Widget<SelectorWidgetProps<ValueT>> {
+    static defaultProps: Required<SelectorWidgetProps>;
+    className: string;
+    placement: WidgetPlacement;
+    value: ValueT;
+    isOpen: {
+        x: number;
+        y: number;
+        placement: PopoverProps['placement'];
+    } | false;
+    constructor(props: SelectorWidgetProps<ValueT>);
+    setProps(props: Partial<SelectorWidgetProps<ValueT>>): void;
+    onRenderHTML(rootElement: HTMLElement): void;
+    private _toggleMenu;
+    private _handleSelectMode;
+}
+//# sourceMappingURL=selector-widget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"selector-widget.d.ts","sourceRoot":"","sources":["../src/selector-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAC,MAAM,eAAe,CAAC;AAE7E,OAAO,EAAU,KAAK,YAAY,EAAC,oCAAiC;AAGpE,MAAM,MAAM,oBAAoB,CAAC,MAAM,GAAG,MAAM,IAAI;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,4CAA4C;AAC5C,MAAM,MAAM,mBAAmB,CAAC,MAAM,GAAG,MAAM,IAAI,WAAW,GAAG;IAC/D,8DAA8D;IAC9D,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,OAAO,EAAE,oBAAoB,CAAC,MAAM,CAAC,EAAE,CAAC;IACxC,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF;;;;;;;GAOG;AACH,qBAAa,cAAc,CAAC,MAAM,GAAG,MAAM,CAAE,SAAQ,MAAM,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACtF,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAQhD;IAEF,SAAS,SAA0B;IACnC,SAAS,EAAE,eAAe,CAAc;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;KAAC,GAAG,KAAK,CAAS;gBAEzE,KAAK,EAAE,mBAAmB,CAAC,MAAM,CAAC;IAM9C,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC;IAMpD,YAAY,CAAC,WAAW,EAAE,WAAW;IA2BrC,OAAO,CAAC,WAAW,CAWjB;IAEF,OAAO,CAAC,iBAAiB,CAIvB;CACH"}

package/dist/selector-widget.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+// deck.gl
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+import { render } from 'preact';
+import { Widget } from '@deck.gl/core';
+import { SimpleMenu } from "./lib/components/dropdown-menu.js";
+import { Popover } from "./lib/components/popover.js";
+import { IconButton } from "./lib/components/icon-button.js";
+/**
+ * A widget that renders a popup menu for selecting a view mode.
+ * It displays a button with the current view mode icon. Clicking the button
+ * toggles a popup that shows three icons for:
+ * - Single view
+ * - Two views, split horizontally
+ * - Two views, split vertically
+ */
+export class SelectorWidget extends Widget {
+    constructor(props) {
+        super(props);
+        this.className = 'deck-widget-selector';
+        this.placement = 'top-left';
+        this.isOpen = false;
+        this._toggleMenu = () => {
+            if (this.isOpen) {
+                this.isOpen = false;
+            }
+            else if (this.rootElement) {
+                this.isOpen = {
+                    x: this.rootElement.offsetLeft,
+                    y: this.rootElement.offsetTop,
+                    placement: this.props.placement.includes('right') ? 'left-start' : 'right-start'
+                };
+            }
+            this.updateHTML();
+        };
+        this._handleSelectMode = (value) => {
+            this.value = value;
+            this.props.onChange(value);
+            this.updateHTML();
+        };
+        this.value = this.props.initialValue;
+        this.setProps(this.props);
+    }
+    setProps(props) {
+        this.placement = props.placement ?? this.placement;
+        this.viewId = props.viewId ?? this.viewId;
+        super.setProps(props);
+    }
+    onRenderHTML(rootElement) {
+        const selectedOption = this.props.options.find(opt => opt.value === this.value) ?? this.props.options[0];
+        render(_jsxs("div", { children: [_jsx(IconButton, { icon: selectedOption.icon, label: selectedOption.label, onClick: this._toggleMenu }), this.isOpen && (_jsx(Popover, { ...this.isOpen, children: _jsx(SimpleMenu, { isOpen: true, style: { pointerEvents: 'auto', position: 'static' }, menuItems: this.props.options, onSelect: this._handleSelectMode, onClose: this._toggleMenu }) }))] }), rootElement);
+    }
+}
+SelectorWidget.defaultProps = {
+    ...Widget.defaultProps,
+    id: 'view-selector',
+    placement: 'top-left',
+    viewId: null,
+    initialValue: '',
+    options: [],
+    onChange: () => { }
+};
+//# sourceMappingURL=selector-widget.js.map

package/dist/selector-widget.js.map

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

package/dist/splitter-widget.d.ts

@@ -1,16 +1,46 @@
-import { Widget, type WidgetProps } from '@deck.gl/core';
+import { Widget, type WidgetProps, type View } from '@deck.gl/core';
+export type ViewLayout = {
+    /** Stacking orientation of the sub views */
+    orientation: 'vertical' | 'horizontal';
+    /** Initial instances that describe the sub views.
+     * x, y, width and height of the views' props will be overwritten by the SplitterWidget as split changes. */
+    views: [view1: View | ViewLayout, view2: View | ViewLayout];
+    /** The ratio of view1's share over the whole available height (vertical) or width (horizontal). Between 0-1.
+     * @default 0.5
+     */
+    initialSplit?: number;
+    /** Whether the split can be changed by dragging the border between the two views.
+     * @default true
+     */
+    editable?: boolean;
+    /** Min value of the split
+     * @default 0.05
+     */
+    minSplit?: number;
+    /** Max value of the split
+     * @default 0.95
+     */
+    maxSplit?: number;
+};
+type ManagedViewLayout = {
+    id: number;
+    orientation: 'vertical' | 'horizontal';
+    views: [view1: View | ManagedViewLayout, view2: View | ManagedViewLayout];
+    split: number;
+    editable: boolean;
+    minSplit: number;
+    maxSplit: number;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
 /** Properties for the SplitterWidget */
 export type SplitterWidgetProps = WidgetProps & {
-    /** The view id for the first (resizable) view */
-    viewId1: string;
-    /** The view id for the second view */
-    viewId2: string;
-    /** Orientation of the splitter: vertical (default) or horizontal */
-    orientation?: 'vertical' | 'horizontal';
-    /** The initial split percentage (0 to 1) for the first view, default 0.5 */
-    initialSplit?: number;
+    /** Stacking views descriptor */
+    viewLayout: ViewLayout;
     /** Callback invoked when the splitter is dragged with the new split value */
-    onChange?: (newSplit: number) => void;
+    onChange?: (views: View[]) => void;
     /** Callback invoked when dragging starts */
     onDragStart?: () => void;
     /** Callback invoked when dragging ends */
@@ -21,12 +51,23 @@ export type SplitterWidgetProps = WidgetProps & {
  * across the deck.gl canvas. It positions itself based on the split percentage
  * of the first view and provides callbacks when dragged.
  */
-export declare class SplitterWidget extends Widget<SplitterWidgetProps> {
+export declare class SplitterWidget extends Widget<SplitterWidgetProps, View[]> {
     static defaultProps: Required<SplitterWidgetProps>;
     className: string;
     placement: "fill";
+    viewLayouts: ManagedViewLayout[];
+    /** evaluated from the current viewLayouts */
+    views: View[];
+    /** views set in the last update */
+    lastViews?: View[];
+    needsUpdate: boolean;
     constructor(props: SplitterWidgetProps);
     setProps(props: Partial<SplitterWidgetProps>): void;
+    onRedraw(): void;
+    updateHTML(): void;
+    private doUpdate;
+    private onChange;
     onRenderHTML(rootElement: HTMLElement): void;
 }
+export {};
 //# sourceMappingURL=splitter-widget.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"splitter-widget.d.ts","sourceRoot":"","sources":["../src/splitter-widget.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAC,MAAM,eAAe,CAAC;AAEvD,wCAAwC;AACxC,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG;IAC9C,iDAAiD;IACjD,OAAO,EAAE,MAAM,CAAC;IAChB,sCAAsC;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,oEAAoE;IACpE,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF;;;;GAIG;AACH,qBAAa,cAAe,SAAQ,MAAM,CAAC,mBAAmB,CAAC;IAC7D,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAUhD;IAEF,SAAS,SAA0B;IACnC,SAAS,SAAmB;gBAEhB,KAAK,EAAE,mBAAmB;IAItC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC;IAI5C,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;CAqB7C"}
+{"version":3,"file":"splitter-widget.d.ts","sourceRoot":"","sources":["../src/splitter-widget.tsx"],"names":[],"mappings":"AAMA,OAAO,EACL,MAAM,EAGN,KAAK,WAAW,EAChB,KAAK,IAAI,EACV,MAAM,eAAe,CAAC;AAEvB,MAAM,MAAM,UAAU,GAAG;IACvB,4CAA4C;IAC5C,WAAW,EAAE,UAAU,GAAG,YAAY,CAAC;IACvC;gHAC4G;IAC5G,KAAK,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,UAAU,EAAE,KAAK,EAAE,IAAI,GAAG,UAAU,CAAC,CAAC;IAC5D;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,UAAU,GAAG,YAAY,CAAC;IACvC,KAAK,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,iBAAiB,EAAE,KAAK,EAAE,IAAI,GAAG,iBAAiB,CAAC,CAAC;IAC1E,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAmGF,wCAAwC;AACxC,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG;IAC9C,gCAAgC;IAChC,UAAU,EAAE,UAAU,CAAC;IACvB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACnC,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF;;;;GAIG;AACH,qBAAa,cAAe,SAAQ,MAAM,CAAC,mBAAmB,EAAE,IAAI,EAAE,CAAC;IACrE,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAOhD;IAEF,SAAS,SAA0B;IACnC,SAAS,SAAmB;IAC5B,WAAW,EAAG,iBAAiB,EAAE,CAAC;IAClC,6CAA6C;IAC7C,KAAK,EAAG,IAAI,EAAE,CAAC;IACf,mCAAmC;IACnC,SAAS,CAAC,EAAE,IAAI,EAAE,CAAC;IACnB,WAAW,UAAQ;gBAEP,KAAK,EAAE,mBAAmB;IAKtC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC;IAQ5C,QAAQ;IAQR,UAAU;IAcV,OAAO,CAAC,QAAQ;IAgBhB,OAAO,CAAC,QAAQ;IAShB,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;CAkB7C"}