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

package/dist/fps-widget.d.ts

@@ -0,0 +1,29 @@
+import { Widget, WidgetProps } from '@deck.gl/core';
+import type { WidgetPlacement, Deck } from '@deck.gl/core';
+/** Properties for the FpsWidget. */
+export type FpsWidgetProps = WidgetProps & {
+    /** Widget positioning within the view. Default 'top-left'. */
+    placement?: WidgetPlacement;
+};
+/**
+ * Displays the average frames per second reported by the Deck instance.
+ */
+export declare class FpsWidget extends Widget<FpsWidgetProps> {
+    static defaultProps: Required<FpsWidgetProps>;
+    className: string;
+    placement: WidgetPlacement;
+    private _lastFps;
+    constructor(props?: FpsWidgetProps);
+    setProps(props: Partial<FpsWidgetProps>): void;
+    onRenderHTML(rootElement: HTMLElement): void;
+    onRedraw({}: {
+        viewports: any[];
+        layers: any[];
+    }): void;
+    onAdd({}: {
+        deck: Deck<any>;
+        viewId: string | null;
+    }): void;
+    _getFps(): number;
+}
+//# sourceMappingURL=fps-widget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fps-widget.d.ts","sourceRoot":"","sources":["../src/fps-widget.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,MAAM,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAClD,OAAO,KAAK,EAAC,eAAe,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAEzD,oCAAoC;AACpC,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG;IACzC,8DAA8D;IAC9D,SAAS,CAAC,EAAE,eAAe,CAAC;CAC7B,CAAC;AAEF;;GAEG;AACH,qBAAa,SAAU,SAAQ,MAAM,CAAC,cAAc,CAAC;IACnD,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,cAAc,CAAC,CAI3C;IAEF,SAAS,SAAqB;IAC9B,SAAS,EAAE,eAAe,CAAc;IAExC,OAAO,CAAC,QAAQ,CAAc;gBAElB,KAAK,GAAE,cAAmB;IAKtC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,cAAc,CAAC,GAAG,IAAI;IAO9C,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IAS5C,QAAQ,CAAC,EAAE,EAAE;QAAC,SAAS,EAAE,GAAG,EAAE,CAAC;QAAC,MAAM,EAAE,GAAG,EAAE,CAAA;KAAC,GAAG,IAAI;IAQrD,KAAK,CAAC,EAAE,EAAE;QAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;QAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;KAAC,GAAG,IAAI;IAKzD,OAAO,IAAI,MAAM;CAIlB"}

package/dist/fps-widget.js

@@ -0,0 +1,51 @@
+// deck.gl
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+import { Widget } from '@deck.gl/core';
+/**
+ * Displays the average frames per second reported by the Deck instance.
+ */
+export class FpsWidget extends Widget {
+    constructor(props = {}) {
+        super(props, FpsWidget.defaultProps);
+        this.className = 'deck-widget-fps';
+        this.placement = 'top-left';
+        this._lastFps = -1;
+        this.placement = props.placement ?? this.placement;
+    }
+    setProps(props) {
+        if (props.placement) {
+            this.placement = props.placement;
+        }
+        super.setProps(props);
+    }
+    onRenderHTML(rootElement) {
+        const fps = this._getFps();
+        rootElement.innerText = `FPS:\n${fps}`;
+        rootElement.style.backgroundColor = 'white';
+        rootElement.style.fontFamily = 'monospace';
+        rootElement.style.fontSize = '8px';
+        rootElement.style.fontWeight = '700'; // Make font bolder on click
+    }
+    onRedraw({}) {
+        const fps = this._getFps();
+        if (fps !== this._lastFps) {
+            this._lastFps = fps;
+            this.updateHTML();
+        }
+    }
+    onAdd({}) {
+        this._lastFps = this._getFps();
+        this.updateHTML();
+    }
+    _getFps() {
+        // @ts-expect-error protected
+        return Math.round(this.deck.metrics.fps ?? 0);
+    }
+}
+FpsWidget.defaultProps = {
+    ...Widget.defaultProps,
+    id: 'fps',
+    placement: 'top-left'
+};
+//# sourceMappingURL=fps-widget.js.map

package/dist/fps-widget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fps-widget.js","sourceRoot":"","sources":["../src/fps-widget.tsx"],"names":[],"mappings":"AAAA,UAAU;AACV,+BAA+B;AAC/B,oCAAoC;AAEpC,OAAO,EAAC,MAAM,EAAc,MAAM,eAAe,CAAC;AASlD;;GAEG;AACH,MAAM,OAAO,SAAU,SAAQ,MAAsB;IAYnD,YAAY,QAAwB,EAAE;QACpC,KAAK,CAAC,KAAK,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;QANvC,cAAS,GAAG,iBAAiB,CAAC;QAC9B,cAAS,GAAoB,UAAU,CAAC;QAEhC,aAAQ,GAAW,CAAC,CAAC,CAAC;QAI5B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC;IACrD,CAAC;IAED,QAAQ,CAAC,KAA8B;QACrC,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;YACpB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;QACnC,CAAC;QACD,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC;IAED,YAAY,CAAC,WAAwB;QACnC,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QAC3B,WAAW,CAAC,SAAS,GAAG,SAAS,GAAG,EAAE,CAAC;QACvC,WAAW,CAAC,KAAK,CAAC,eAAe,GAAG,OAAO,CAAC;QAC5C,WAAW,CAAC,KAAK,CAAC,UAAU,GAAG,WAAW,CAAC;QAC3C,WAAW,CAAC,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC;QACnC,WAAW,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,CAAC,4BAA4B;IACpE,CAAC;IAED,QAAQ,CAAC,EAAqC;QAC5C,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QAC3B,IAAI,GAAG,KAAK,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC1B,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC;YACpB,IAAI,CAAC,UAAU,EAAE,CAAC;QACpB,CAAC;IACH,CAAC;IAED,KAAK,CAAC,EAA4C;QAChD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QAC/B,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAED,OAAO;QACL,6BAA6B;QAC7B,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;IAChD,CAAC;;AAhDM,sBAAY,GAA6B;IAC9C,GAAG,MAAM,CAAC,YAAY;IACtB,EAAE,EAAE,KAAK;IACT,SAAS,EAAE,UAAU;CACtB,AAJkB,CAIjB"}

package/dist/fullscreen-widget.d.ts

@@ -1,47 +1,29 @@
-import type { Deck, Widget, WidgetPlacement } from '@deck.gl/core';
-export type FullscreenWidgetProps = {
+import { Widget, type WidgetProps, type WidgetPlacement } from '@deck.gl/core';
+export type FullscreenWidgetProps = WidgetProps & {
     id?: string;
-    /**
-     * Widget positioning within the view. Default 'top-left'.
-     */
+    /** Widget positioning within the view. Default 'top-left'. */
     placement?: WidgetPlacement;
-    /**
-     * A [compatible DOM element](https://developer.mozilla.org/en-US/docs/Web/API/Element/requestFullScreen#Compatible_elements) which should be made full screen.
-     * By default, the map container element will be made full screen.
-     */
-    container?: HTMLElement;
-    /**
-     * Tooltip message when out of fullscreen.
-     */
+    /** Tooltip message when out of fullscreen. */
     enterLabel?: string;
-    /**
-     * Tooltip message when fullscreen.
-     */
+    /** Tooltip message when fullscreen. */
     exitLabel?: string;
     /**
-     * CSS inline style overrides.
+     * A compatible DOM element which should be made full screen. By default, the map container element will be made full screen.
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/requestFullScreen#Compatible_elements
      */
-    style?: Partial<CSSStyleDeclaration>;
-    /**
-     * Additional CSS class.
-     */
-    className?: string;
+    container?: HTMLElement;
 };
-export declare class FullscreenWidget implements Widget<FullscreenWidgetProps> {
-    id: string;
-    props: FullscreenWidgetProps;
+export declare class FullscreenWidget extends Widget<FullscreenWidgetProps> {
+    static defaultProps: Required<FullscreenWidgetProps>;
+    className: string;
     placement: WidgetPlacement;
-    deck?: Deck<any>;
-    element?: HTMLDivElement;
     fullscreen: boolean;
-    constructor(props: FullscreenWidgetProps);
-    onAdd({ deck }: {
-        deck: Deck<any>;
-    }): HTMLDivElement;
+    constructor(props?: FullscreenWidgetProps);
+    onAdd(): void;
     onRemove(): void;
-    private update;
+    onRenderHTML(rootElement: HTMLElement): void;
     setProps(props: Partial<FullscreenWidgetProps>): void;
-    getContainer(): HTMLElement | null | undefined;
+    getContainer(): HTMLElement;
     onFullscreenChange(): void;
     handleClick(): Promise<void>;
     requestFullscreen(): Promise<void>;

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

@@ -1 +1 @@
-{"version":3,"file":"fullscreen-widget.d.ts","sourceRoot":"","sources":["../src/fullscreen-widget.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAC,IAAI,EAAE,MAAM,EAAE,eAAe,EAAC,MAAM,eAAe,CAAC;AAIjE,MAAM,MAAM,qBAAqB,GAAG;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B;;;OAGG;IAEH,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACrC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,qBAAa,gBAAiB,YAAW,MAAM,CAAC,qBAAqB,CAAC;IACpE,EAAE,SAAgB;IAClB,KAAK,EAAE,qBAAqB,CAAC;IAC7B,SAAS,EAAE,eAAe,CAAc;IAExC,IAAI,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;IACjB,OAAO,CAAC,EAAE,cAAc,CAAC;IAEzB,UAAU,EAAE,OAAO,CAAS;gBAEhB,KAAK,EAAE,qBAAqB;IAYxC,KAAK,CAAC,EAAC,IAAI,EAAC,EAAE;QAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAA;KAAC,GAAG,cAAc;IAahD,QAAQ;IAMR,OAAO,CAAC,MAAM;IAiBd,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,qBAAqB,CAAC;IAoB9C,YAAY;IAIZ,kBAAkB;IASZ,WAAW;IASX,iBAAiB;IASjB,cAAc;IAQpB,sBAAsB;CAGvB"}
+{"version":3,"file":"fullscreen-widget.d.ts","sourceRoot":"","sources":["../src/fullscreen-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAC,MAAM,eAAe,CAAC;AAM7E,MAAM,MAAM,qBAAqB,GAAG,WAAW,GAAG;IAChD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,8DAA8D;IAC9D,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;CACzB,CAAC;AAEF,qBAAa,gBAAiB,SAAQ,MAAM,CAAC,qBAAqB,CAAC;IACjE,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,qBAAqB,CAAC,CAOlD;IAEF,SAAS,SAA4B;IACrC,SAAS,EAAE,eAAe,CAAc;IACxC,UAAU,EAAE,OAAO,CAAS;gBAEhB,KAAK,GAAE,qBAA0B;IAK7C,KAAK,IAAI,IAAI;IAIb,QAAQ;IAIR,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IAW5C,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,qBAAqB,CAAC;IAK9C,YAAY;IAIZ,kBAAkB;IASZ,WAAW;IASX,iBAAiB;IASjB,cAAc;IAQpB,sBAAsB;CAGvB"}

package/dist/fullscreen-widget.js

@@ -3,68 +3,29 @@ import { jsx as _jsx } from "preact/jsx-runtime";
 // SPDX-License-Identifier: MIT
 // Copyright (c) vis.gl contributors
 /* global document */
-import { _deepEqual as deepEqual, _applyStyles as applyStyles, _removeStyles as removeStyles } from '@deck.gl/core';
+import { Widget } from '@deck.gl/core';
 import { render } from 'preact';
-import { IconButton } from "./components.js";
-export class FullscreenWidget {
-    constructor(props) {
-        this.id = 'fullscreen';
+import { IconButton } from "./lib/components/icon-button.js";
+export class FullscreenWidget extends Widget {
+    constructor(props = {}) {
+        super(props, FullscreenWidget.defaultProps);
+        this.className = 'deck-widget-fullscreen';
         this.placement = 'top-left';
         this.fullscreen = false;
-        this.id = props.id ?? this.id;
         this.placement = props.placement ?? this.placement;
-        this.props = {
-            ...props,
-            enterLabel: props.enterLabel ?? 'Enter Fullscreen',
-            exitLabel: props.exitLabel ?? 'Exit Fullscreen',
-            style: props.style ?? {}
-        };
     }
-    onAdd({ deck }) {
-        const { style, className } = this.props;
-        const el = document.createElement('div');
-        el.classList.add('deck-widget', 'deck-widget-fullscreen');
-        if (className)
-            el.classList.add(className);
-        applyStyles(el, style);
-        this.deck = deck;
-        this.element = el;
-        this.update();
+    onAdd() {
         document.addEventListener('fullscreenchange', this.onFullscreenChange.bind(this));
-        return el;
     }
     onRemove() {
-        this.deck = undefined;
-        this.element = undefined;
         document.removeEventListener('fullscreenchange', this.onFullscreenChange.bind(this));
     }
-    update() {
-        const { enterLabel, exitLabel } = this.props;
-        const element = this.element;
-        if (!element) {
-            return;
-        }
-        const ui = (_jsx(IconButton, { onClick: this.handleClick.bind(this), label: this.fullscreen ? exitLabel : enterLabel, className: this.fullscreen ? 'deck-widget-fullscreen-exit' : 'deck-widget-fullscreen-enter' }));
-        render(ui, element);
+    onRenderHTML(rootElement) {
+        render(_jsx(IconButton, { onClick: this.handleClick.bind(this), label: this.fullscreen ? this.props.exitLabel : this.props.enterLabel, className: this.fullscreen ? 'deck-widget-fullscreen-exit' : 'deck-widget-fullscreen-enter' }), rootElement);
     }
     setProps(props) {
         this.placement = props.placement ?? this.placement;
-        const oldProps = this.props;
-        const el = this.element;
-        if (el) {
-            if (oldProps.className !== props.className) {
-                if (oldProps.className)
-                    el.classList.remove(oldProps.className);
-                if (props.className)
-                    el.classList.add(props.className);
-            }
-            if (!deepEqual(oldProps.style, props.style, 1)) {
-                removeStyles(el, oldProps.style);
-                applyStyles(el, props.style);
-            }
-        }
-        Object.assign(this.props, props);
-        this.update();
+        super.setProps(props);
     }
     getContainer() {
         return this.props.container || this.deck?.getCanvas()?.parentElement;
@@ -75,7 +36,7 @@ export class FullscreenWidget {
         if (prevFullscreen !== fullscreen) {
             this.fullscreen = !this.fullscreen;
         }
-        this.update();
+        this.updateHTML();
     }
     async handleClick() {
         if (this.fullscreen) {
@@ -84,7 +45,7 @@ export class FullscreenWidget {
         else {
             await this.requestFullscreen();
         }
-        this.update();
+        this.updateHTML();
     }
     async requestFullscreen() {
         const container = this.getContainer();
@@ -107,4 +68,12 @@ export class FullscreenWidget {
         this.getContainer()?.classList.toggle('deck-pseudo-fullscreen');
     }
 }
+FullscreenWidget.defaultProps = {
+    ...Widget.defaultProps,
+    id: 'fullscreen',
+    placement: 'top-left',
+    enterLabel: 'Enter Fullscreen',
+    exitLabel: 'Exit Fullscreen',
+    container: undefined
+};
 //# sourceMappingURL=fullscreen-widget.js.map

package/dist/fullscreen-widget.js.map

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

package/dist/geocoder-widget.d.ts

@@ -0,0 +1,51 @@
+import { Widget, WidgetProps } from '@deck.gl/core';
+import type { WidgetPlacement, Viewport } from '@deck.gl/core';
+import { type Geocoder } from "./lib/geocode/geocoder.js";
+import { GeocoderHistory } from "./lib/geocode/geocoder-history.js";
+/** @todo - is the the best we can do? */
+type ViewState = Record<string, unknown>;
+/** Properties for the GeocoderWidget */
+export type GeocoderWidgetProps = WidgetProps & {
+    viewId?: string;
+    /** Widget positioning within the view. Default 'top-left'. */
+    placement?: WidgetPlacement;
+    /** Tooltip message */
+    label?: string;
+    transitionDuration?: number;
+    /** Geocoding service selector, for declarative usage */
+    geocoder?: 'google' | 'mapbox' | 'opencage' | 'coordinates' | 'custom';
+    /** Custom geocoding service (Used when geocoder = 'custom') */
+    customGeocoder?: Geocoder;
+    /** API key used for geocoding services */
+    apiKey?: string;
+    /** Whether to use geolocation @note Experimental*/
+    _geolocation?: boolean;
+};
+/**
+ * A widget that display a text box that lets user type in a location
+ * and a button that moves the view to that location.
+ * @todo For now only supports coordinates, Could be extended with location service integrations.
+ */
+export declare class GeocoderWidget extends Widget<GeocoderWidgetProps> {
+    static defaultProps: Required<GeocoderWidgetProps>;
+    className: string;
+    placement: WidgetPlacement;
+    geocodeHistory: GeocoderHistory;
+    addressText: string;
+    geocoder: Geocoder;
+    constructor(props?: GeocoderWidgetProps);
+    setProps(props: Partial<GeocoderWidgetProps>): void;
+    onRenderHTML(rootElement: HTMLElement): void;
+    setInput: (text: string) => void;
+    handleKeyPress: (e: any) => void;
+    handleSelect: (address: string) => void;
+    /** Sync wrapper for async geocode() */
+    handleSubmit: () => void;
+    /** Perform geocoding */
+    geocode: (address: string) => Promise<void>;
+    setViewState(viewState: ViewState): void;
+    onViewportChange(viewport: Viewport): void;
+    viewports: Record<string, Viewport>;
+}
+export {};
+//# sourceMappingURL=geocoder-widget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"geocoder-widget.d.ts","sourceRoot":"","sources":["../src/geocoder-widget.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,MAAM,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAClD,OAAO,KAAK,EAAC,eAAe,EAAE,QAAQ,EAAC,MAAM,eAAe,CAAC;AAI7D,OAAO,EAAC,KAAK,QAAQ,EAAC,kCAA+B;AACrD,OAAO,EAAC,eAAe,EAAC,0CAAuC;AAS/D,yCAAyC;AACzC,KAAK,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAIzC,wCAAwC;AACxC,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wDAAwD;IACxD,QAAQ,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,aAAa,GAAG,QAAQ,CAAC;IACvE,+DAA+D;IAC/D,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mDAAmD;IACnD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF;;;;GAIG;AACH,qBAAa,cAAe,SAAQ,MAAM,CAAC,mBAAmB,CAAC;IAC7D,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAWhD;IAEF,SAAS,SAA0B;IACnC,SAAS,EAAE,eAAe,CAAc;IAExC,cAAc,kBAA2B;IACzC,WAAW,EAAE,MAAM,CAAM;IACzB,QAAQ,EAAE,QAAQ,CAAuB;gBAE7B,KAAK,GAAE,mBAAwB;IAO3C,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG,IAAI;IASnD,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IA8C5C,QAAQ,SAAU,MAAM,UAEtB;IAEF,cAAc,mBAIZ;IAEF,YAAY,YAAa,MAAM,UAG7B;IAEF,uCAAuC;IACvC,YAAY,aAGV;IAEF,wBAAwB;IACxB,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAWzC;IAGF,YAAY,CAAC,SAAS,EAAE,SAAS;IAiBjC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ;IAInC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAM;CAC1C"}

package/dist/geocoder-widget.js

@@ -0,0 +1,138 @@
+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 { FlyToInterpolator, LinearInterpolator } from '@deck.gl/core';
+import { render } from 'preact';
+import { DropdownMenu } from "./lib/components/dropdown-menu.js";
+import { GeocoderHistory } from "./lib/geocode/geocoder-history.js";
+import { GoogleGeocoder, MapboxGeocoder, OpenCageGeocoder, CoordinatesGeocoder, CurrentLocationGeocoder } from "./lib/geocode/geocoders.js";
+const CURRENT_LOCATION = 'current';
+/**
+ * A widget that display a text box that lets user type in a location
+ * and a button that moves the view to that location.
+ * @todo For now only supports coordinates, Could be extended with location service integrations.
+ */
+export class GeocoderWidget extends Widget {
+    constructor(props = {}) {
+        super(props, GeocoderWidget.defaultProps);
+        this.className = 'deck-widget-geocoder';
+        this.placement = 'top-left';
+        this.geocodeHistory = new GeocoderHistory({});
+        this.addressText = '';
+        this.geocoder = CoordinatesGeocoder;
+        this.setInput = (text) => {
+            this.addressText = text;
+        };
+        this.handleKeyPress = e => {
+            if (e.key === 'Enter') {
+                this.handleSubmit();
+            }
+        };
+        this.handleSelect = (address) => {
+            this.setInput(address);
+            this.handleSubmit();
+        };
+        /** Sync wrapper for async geocode() */
+        this.handleSubmit = () => {
+            // eslint-disable-next-line @typescript-eslint/no-floating-promises
+            this.geocode(this.addressText);
+        };
+        /** Perform geocoding */
+        this.geocode = async (address) => {
+            const useGeolocation = this.props._geolocation && address === CURRENT_LOCATION;
+            const geocoder = useGeolocation ? CurrentLocationGeocoder : this.geocoder;
+            const coordinates = await this.geocodeHistory.geocode(geocoder, this.addressText, this.props.apiKey);
+            if (coordinates) {
+                this.setViewState(coordinates);
+            }
+        };
+        this.viewports = {};
+        this.placement = props.placement ?? this.placement;
+        this.setProps(props);
+        this.geocoder = getGeocoder(props);
+    }
+    setProps(props) {
+        super.setProps(props);
+        this.placement = props.placement ?? this.placement;
+        this.geocoder = getGeocoder(this.props);
+        if (this.geocoder.requiresApiKey && !this.props.apiKey) {
+            throw new Error(`API key is required for the ${this.geocoder.name} geocoder`);
+        }
+    }
+    onRenderHTML(rootElement) {
+        const menuItems = this.props._geolocation
+            ? [CURRENT_LOCATION, ...this.geocodeHistory.addressHistory]
+            : [...this.geocodeHistory.addressHistory];
+        render(_jsxs("div", { className: "deck-widget-geocoder", style: {
+                pointerEvents: 'auto',
+                display: 'flex',
+                alignItems: 'center',
+                flexWrap: 'wrap' // Allows wrapping on smaller screens
+            }, children: [_jsx("input", { type: "text", placeholder: this.geocoder.placeholderLocation ?? 'Enter address or location', value: this.geocodeHistory.addressText, 
+                    // @ts-expect-error event type
+                    onInput: e => this.setInput(e.target?.value || ''), onKeyPress: this.handleKeyPress, style: {
+                        flex: '1 1 auto',
+                        minWidth: '200px',
+                        margin: 0,
+                        padding: '8px',
+                        boxSizing: 'border-box'
+                    } }), _jsx(DropdownMenu, { menuItems: menuItems, onSelect: this.handleSelect, style: {
+                        margin: 2,
+                        padding: '4px 2px',
+                        boxSizing: 'border-box'
+                    } }), this.geocodeHistory.errorText && (_jsx("div", { className: "error", children: this.geocodeHistory.errorText }))] }), rootElement);
+    }
+    // TODO - MOVE TO WIDGETIMPL?
+    setViewState(viewState) {
+        const viewId = this.props.viewId || viewState?.id || 'default-view';
+        const viewport = this.viewports[viewId] || {};
+        const nextViewState = {
+            ...viewport,
+            ...viewState
+        };
+        if (this.props.transitionDuration > 0) {
+            nextViewState.transitionDuration = this.props.transitionDuration;
+            nextViewState.transitionInterpolator =
+                'latitude' in nextViewState ? new FlyToInterpolator() : new LinearInterpolator();
+        }
+        // @ts-ignore Using private method temporary until there's a public one
+        this.deck._onViewStateChange({ viewId, viewState: nextViewState, interactionState: {} });
+    }
+    onViewportChange(viewport) {
+        this.viewports[viewport.id] = viewport;
+    }
+}
+GeocoderWidget.defaultProps = {
+    ...Widget.defaultProps,
+    id: 'geolocate',
+    viewId: undefined,
+    placement: 'top-left',
+    label: 'Geolocate',
+    transitionDuration: 200,
+    geocoder: 'coordinates',
+    customGeocoder: CoordinatesGeocoder,
+    apiKey: '',
+    _geolocation: false
+};
+function getGeocoder(props) {
+    switch (props.geocoder) {
+        case 'google':
+            return GoogleGeocoder;
+        case 'mapbox':
+            return MapboxGeocoder;
+        case 'opencage':
+            return OpenCageGeocoder;
+        case 'coordinates':
+            return CoordinatesGeocoder;
+        case 'custom':
+            if (!props.customGeocoder) {
+                throw new Error('Custom geocoder is not defined');
+            }
+            return props.customGeocoder;
+        default:
+            throw new Error(`Unknown geocoder: ${props.geocoder}`);
+    }
+}
+//# sourceMappingURL=geocoder-widget.js.map

package/dist/geocoder-widget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"geocoder-widget.js","sourceRoot":"","sources":["../src/geocoder-widget.tsx"],"names":[],"mappings":";AAAA,UAAU;AACV,+BAA+B;AAC/B,oCAAoC;AAEpC,OAAO,EAAC,MAAM,EAAc,MAAM,eAAe,CAAC;AAElD,OAAO,EAAC,iBAAiB,EAAE,kBAAkB,EAAC,MAAM,eAAe,CAAC;AACpE,OAAO,EAAC,MAAM,EAAC,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAC,YAAY,EAAC,0CAAuC;AAE5D,OAAO,EAAC,eAAe,EAAC,0CAAuC;AAC/D,OAAO,EACL,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,mBAAmB,EACnB,uBAAuB,EACxB,mCAAgC;AAKjC,MAAM,gBAAgB,GAAG,SAAS,CAAC;AAoBnC;;;;GAIG;AACH,MAAM,OAAO,cAAe,SAAQ,MAA2B;IAqB7D,YAAY,QAA6B,EAAE;QACzC,KAAK,CAAC,KAAK,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;QAR5C,cAAS,GAAG,sBAAsB,CAAC;QACnC,cAAS,GAAoB,UAAU,CAAC;QAExC,mBAAc,GAAG,IAAI,eAAe,CAAC,EAAE,CAAC,CAAC;QACzC,gBAAW,GAAW,EAAE,CAAC;QACzB,aAAQ,GAAa,mBAAmB,CAAC;QAgEzC,aAAQ,GAAG,CAAC,IAAY,EAAE,EAAE;YAC1B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QAC1B,CAAC,CAAC;QAEF,mBAAc,GAAG,CAAC,CAAC,EAAE;YACnB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;gBACtB,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,CAAC;QACH,CAAC,CAAC;QAEF,iBAAY,GAAG,CAAC,OAAe,EAAE,EAAE;YACjC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YACvB,IAAI,CAAC,YAAY,EAAE,CAAC;QACtB,CAAC,CAAC;QAEF,uCAAuC;QACvC,iBAAY,GAAG,GAAG,EAAE;YAClB,mEAAmE;YACnE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACjC,CAAC,CAAC;QAEF,wBAAwB;QACxB,YAAO,GAAuC,KAAK,EAAC,OAAO,EAAC,EAAE;YAC5D,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,OAAO,KAAK,gBAAgB,CAAC;YAC/E,MAAM,QAAQ,GAAG,cAAc,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC1E,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,cAAc,CAAC,OAAO,CACnD,QAAQ,EACR,IAAI,CAAC,WAAW,EAChB,IAAI,CAAC,KAAK,CAAC,MAAM,CAClB,CAAC;YACF,IAAI,WAAW,EAAE,CAAC;gBAChB,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;YACjC,CAAC;QACH,CAAC,CAAC;QAwBF,cAAS,GAA6B,EAAE,CAAC;QArHvC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC;QACnD,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QACrB,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC;IAED,QAAQ,CAAC,KAAmC;QAC1C,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QACtB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC;QACnD,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACxC,IAAI,IAAI,CAAC,QAAQ,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YACvD,MAAM,IAAI,KAAK,CAAC,+BAA+B,IAAI,CAAC,QAAQ,CAAC,IAAI,WAAW,CAAC,CAAC;QAChF,CAAC;IACH,CAAC;IAED,YAAY,CAAC,WAAwB;QACnC,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY;YACvC,CAAC,CAAC,CAAC,gBAAgB,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC;YAC3D,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;QAC5C,MAAM,CACJ,eACE,SAAS,EAAC,sBAAsB,EAChC,KAAK,EAAE;gBACL,aAAa,EAAE,MAAM;gBACrB,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,QAAQ,EAAE,MAAM,CAAC,qCAAqC;aACvD,aAED,gBACE,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,IAAI,CAAC,QAAQ,CAAC,mBAAmB,IAAI,2BAA2B,EAC7E,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,WAAW;oBACtC,8BAA8B;oBAC9B,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,KAAK,IAAI,EAAE,CAAC,EAClD,UAAU,EAAE,IAAI,CAAC,cAAc,EAC/B,KAAK,EAAE;wBACL,IAAI,EAAE,UAAU;wBAChB,QAAQ,EAAE,OAAO;wBACjB,MAAM,EAAE,CAAC;wBACT,OAAO,EAAE,KAAK;wBACd,SAAS,EAAE,YAAY;qBACxB,GACD,EACF,KAAC,YAAY,IACX,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,KAAK,EAAE;wBACL,MAAM,EAAE,CAAC;wBACT,OAAO,EAAE,SAAS;wBAClB,SAAS,EAAE,YAAY;qBACxB,GACD,EACD,IAAI,CAAC,cAAc,CAAC,SAAS,IAAI,CAChC,cAAK,SAAS,EAAC,OAAO,YAAE,IAAI,CAAC,cAAc,CAAC,SAAS,GAAO,CAC7D,IACG,EACN,WAAW,CACZ,CAAC;IACJ,CAAC;IAqCD,6BAA6B;IAC7B,YAAY,CAAC,SAAoB;QAC/B,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,IAAK,SAAS,EAAE,EAAa,IAAI,cAAc,CAAC;QAChF,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;QAC9C,MAAM,aAAa,GAAc;YAC/B,GAAG,QAAQ;YACX,GAAG,SAAS;SACb,CAAC;QACF,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB,GAAG,CAAC,EAAE,CAAC;YACtC,aAAa,CAAC,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC;YACjE,aAAa,CAAC,sBAAsB;gBAClC,UAAU,IAAI,aAAa,CAAC,CAAC,CAAC,IAAI,iBAAiB,EAAE,CAAC,CAAC,CAAC,IAAI,kBAAkB,EAAE,CAAC;QACrF,CAAC;QAED,uEAAuE;QACvE,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,EAAC,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,EAAE,EAAC,CAAC,CAAC;IACzF,CAAC;IAED,gBAAgB,CAAC,QAAkB;QACjC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC;IACzC,CAAC;;AAzIM,2BAAY,GAAkC;IACnD,GAAG,MAAM,CAAC,YAAY;IACtB,EAAE,EAAE,WAAW;IACf,MAAM,EAAE,SAAU;IAClB,SAAS,EAAE,UAAU;IACrB,KAAK,EAAE,WAAW;IAClB,kBAAkB,EAAE,GAAG;IACvB,QAAQ,EAAE,aAAa;IACvB,cAAc,EAAE,mBAAmB;IACnC,MAAM,EAAE,EAAE;IACV,YAAY,EAAE,KAAK;CACpB,AAXkB,CAWjB;AAmIJ,SAAS,WAAW,CAAC,KAAqD;IACxE,QAAQ,KAAK,CAAC,QAAQ,EAAE,CAAC;QACvB,KAAK,QAAQ;YACX,OAAO,cAAc,CAAC;QACxB,KAAK,QAAQ;YACX,OAAO,cAAc,CAAC;QACxB,KAAK,UAAU;YACb,OAAO,gBAAgB,CAAC;QAC1B,KAAK,aAAa;YAChB,OAAO,mBAAmB,CAAC;QAC7B,KAAK,QAAQ;YACX,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;gBAC1B,MAAM,IAAI,KAAK,CAAC,gCAAgC,CAAC,CAAC;YACpD,CAAC;YACD,OAAO,KAAK,CAAC,cAAc,CAAC;QAC9B;YACE,MAAM,IAAI,KAAK,CAAC,qBAAqB,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC3D,CAAC;AACH,CAAC"}

package/dist/gimbal-widget.d.ts

@@ -0,0 +1,33 @@
+import { Widget } from '@deck.gl/core';
+import type { Viewport, WidgetPlacement, WidgetProps } from '@deck.gl/core';
+export type GimbalWidgetProps = WidgetProps & {
+    placement?: WidgetPlacement;
+    /** View to attach to and interact with. Required when using multiple views. */
+    viewId?: string | null;
+    /** Tooltip message. */
+    label?: string;
+    /** Width of gimbal lines */
+    strokeWidth?: number;
+    /** Transition duration in ms when resetting rotation. */
+    transitionDuration?: number;
+};
+export declare class GimbalWidget extends Widget<GimbalWidgetProps> {
+    static defaultProps: Required<GimbalWidgetProps>;
+    className: string;
+    placement: WidgetPlacement;
+    viewId?: string | null;
+    constructor(props?: GimbalWidgetProps);
+    setProps(props: Partial<GimbalWidgetProps>): void;
+    onRenderHTML(rootElement: HTMLElement): void;
+    onViewportChange(viewport: Viewport): void;
+    resetOrbitView(): void;
+    getNormalizedRotation(): {
+        rotationOrbit: number;
+        rotationX: number;
+    };
+    getRotation(viewState?: any): [number, number];
+    getViewId(): string;
+    getViewState(viewId: string): import("modules/core/src/lib/view-manager").ViewStateObject<import("@deck.gl/core").View<import("modules/core/src/controllers/transition-manager").TransitionProps, import("modules/core/src/views/view").CommonViewProps<import("modules/core/src/controllers/transition-manager").TransitionProps>>[]>;
+    getViewManager(): import("modules/core/src/lib/view-manager").default<import("@deck.gl/core").View<import("modules/core/src/controllers/transition-manager").TransitionProps, import("modules/core/src/views/view").CommonViewProps<import("modules/core/src/controllers/transition-manager").TransitionProps>>[]>;
+}
+//# sourceMappingURL=gimbal-widget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gimbal-widget.d.ts","sourceRoot":"","sources":["../src/gimbal-widget.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,MAAM,EAAqB,MAAM,eAAe,CAAC;AACzD,OAAO,KAAK,EAAC,QAAQ,EAAE,eAAe,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAG1E,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG;IAC5C,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yDAAyD;IACzD,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,qBAAa,YAAa,SAAQ,MAAM,CAAC,iBAAiB,CAAC;IACzD,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAQ9C;IAEF,SAAS,SAAwB;IACjC,SAAS,EAAE,eAAe,CAAc;IACxC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAQ;gBAElB,KAAK,GAAE,iBAAsB;IAKzC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,iBAAiB,CAAC;IAM1C,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IAiE5C,gBAAgB,CAAC,QAAQ,EAAE,QAAQ;IAInC,cAAc;IAkBd,qBAAqB;;;;IAQrB,WAAW,CAAC,SAAS,CAAC,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC;IAS9C,SAAS;IAKT,YAAY,CAAC,MAAM,EAAE,MAAM;IAM3B,cAAc;CAQf"}