@deck.gl/widgets 9.0.0-beta.1 → 9.0.0-beta.11

package/{typed → dist}/fullscreen-widget.d.ts

@@ -15,19 +15,25 @@ interface FullscreenWidgetProps {
      * Tooltip message when fullscreen.
      */
     exitLabel?: string;
+    /**
+     * CSS inline style overrides.
+     */
     style?: Partial<CSSStyleDeclaration>;
+    /**
+     * Additional CSS class.
+     */
     className?: string;
 }
 export declare class FullscreenWidget implements Widget<FullscreenWidgetProps> {
     id: string;
     props: FullscreenWidgetProps;
     placement: WidgetPlacement;
-    deck?: Deck;
+    deck?: Deck<any>;
     element?: HTMLDivElement;
     fullscreen: boolean;
     constructor(props: FullscreenWidgetProps);
     onAdd({ deck }: {
-        deck: Deck;
+        deck: Deck<any>;
     }): HTMLDivElement;
     onRemove(): void;
     private update;

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

@@ -0,0 +1 @@
+{"version":3,"file":"fullscreen-widget.d.ts","sourceRoot":"","sources":["../src/fullscreen-widget.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,IAAI,EAAE,MAAM,EAAE,eAAe,EAAC,MAAM,eAAe,CAAC;AAIjE,UAAU,qBAAqB;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,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;AAED,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;IASxC,KAAK,CAAC,EAAC,IAAI,EAAC,EAAE;QAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAA;KAAC,GAAG,cAAc;IAehD,QAAQ;IAMR,OAAO,CAAC,MAAM;IAiBd,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,qBAAqB,CAAC;IAwB9C,YAAY;IAIZ,kBAAkB;IASZ,WAAW;IASX,iBAAiB;IASjB,cAAc;IAQpB,sBAAsB;CAGvB"}

package/dist/fullscreen-widget.js

@@ -0,0 +1,108 @@
+import { jsx as _jsx } from "preact/jsx-runtime";
+/* global document */
+import { _deepEqual as deepEqual } from '@deck.gl/core';
+import { render } from 'preact';
+import { IconButton } from "./components.js";
+export class FullscreenWidget {
+    constructor(props) {
+        this.id = 'fullscreen';
+        this.placement = 'top-left';
+        this.fullscreen = false;
+        this.id = props.id || 'fullscreen';
+        this.placement = props.placement || 'top-left';
+        props.enterLabel = props.enterLabel || 'Enter Fullscreen';
+        props.exitLabel = props.exitLabel || 'Exit Fullscreen';
+        props.style = props.style || {};
+        this.props = props;
+    }
+    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);
+        if (style) {
+            Object.entries(style).map(([key, value]) => el.style.setProperty(key, value));
+        }
+        this.deck = deck;
+        this.element = el;
+        this.update();
+        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 el = this.element;
+        if (!el) {
+            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, el);
+    }
+    setProps(props) {
+        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)) {
+                if (oldProps.style) {
+                    Object.entries(oldProps.style).map(([key]) => el.style.removeProperty(key));
+                }
+                if (props.style) {
+                    Object.entries(props.style).map(([key, value]) => el.style.setProperty(key, value));
+                }
+            }
+        }
+        Object.assign(this.props, props);
+    }
+    getContainer() {
+        return this.props.container || this.deck?.getCanvas()?.parentElement;
+    }
+    onFullscreenChange() {
+        const prevFullscreen = this.fullscreen;
+        const fullscreen = document.fullscreenElement === this.getContainer();
+        if (prevFullscreen !== fullscreen) {
+            this.fullscreen = !this.fullscreen;
+        }
+        this.update();
+    }
+    async handleClick() {
+        if (this.fullscreen) {
+            await this.exitFullscreen();
+        }
+        else {
+            await this.requestFullscreen();
+        }
+        this.update();
+    }
+    async requestFullscreen() {
+        const container = this.getContainer();
+        if (container?.requestFullscreen) {
+            await container.requestFullscreen({ navigationUI: 'hide' });
+        }
+        else {
+            this.togglePseudoFullscreen();
+        }
+    }
+    async exitFullscreen() {
+        if (document.exitFullscreen) {
+            await document.exitFullscreen();
+        }
+        else {
+            this.togglePseudoFullscreen();
+        }
+    }
+    togglePseudoFullscreen() {
+        this.getContainer()?.classList.toggle('deck-pseudo-fullscreen');
+    }
+}

package/dist/index.cjs

@@ -0,0 +1,343 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// dist/index.js
+var dist_exports = {};
+__export(dist_exports, {
+  CompassWidget: () => CompassWidget,
+  DarkGlassTheme: () => DarkGlassTheme,
+  DarkTheme: () => DarkTheme,
+  FullscreenWidget: () => FullscreenWidget,
+  LightGlassTheme: () => LightGlassTheme,
+  LightTheme: () => LightTheme,
+  ZoomWidget: () => ZoomWidget
+});
+module.exports = __toCommonJS(dist_exports);
+
+// dist/fullscreen-widget.js
+var import_jsx_runtime2 = require("preact/jsx-runtime");
+var import_core = require("@deck.gl/core");
+var import_preact = require("preact");
+
+// dist/components.js
+var import_jsx_runtime = require("preact/jsx-runtime");
+var IconButton = (props) => {
+  const { className, label, onClick } = props;
+  return (0, import_jsx_runtime.jsx)("div", { className: "deck-widget-button", children: (0, import_jsx_runtime.jsx)("button", { className: `deck-widget-icon-button ${className}`, type: "button", onClick, title: label, children: (0, import_jsx_runtime.jsx)("div", { className: "deck-widget-icon" }) }) });
+};
+var ButtonGroup = (props) => {
+  const { children, orientation } = props;
+  return (0, import_jsx_runtime.jsx)("div", { className: `deck-widget-button-group ${orientation}`, children });
+};
+var GroupedIconButton = (props) => {
+  const { className, label, onClick } = props;
+  return (0, import_jsx_runtime.jsx)("button", { className: `deck-widget-icon-button ${className}`, type: "button", onClick, title: label, children: (0, import_jsx_runtime.jsx)("div", { className: "deck-widget-icon" }) });
+};
+
+// dist/fullscreen-widget.js
+var FullscreenWidget = class {
+  constructor(props) {
+    this.id = "fullscreen";
+    this.placement = "top-left";
+    this.fullscreen = false;
+    this.id = props.id || "fullscreen";
+    this.placement = props.placement || "top-left";
+    props.enterLabel = props.enterLabel || "Enter Fullscreen";
+    props.exitLabel = props.exitLabel || "Exit Fullscreen";
+    props.style = props.style || {};
+    this.props = props;
+  }
+  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);
+    if (style) {
+      Object.entries(style).map(([key, value]) => el.style.setProperty(key, value));
+    }
+    this.deck = deck;
+    this.element = el;
+    this.update();
+    document.addEventListener("fullscreenchange", this.onFullscreenChange.bind(this));
+    return el;
+  }
+  onRemove() {
+    this.deck = void 0;
+    this.element = void 0;
+    document.removeEventListener("fullscreenchange", this.onFullscreenChange.bind(this));
+  }
+  update() {
+    const { enterLabel, exitLabel } = this.props;
+    const el = this.element;
+    if (!el) {
+      return;
+    }
+    const ui = (0, import_jsx_runtime2.jsx)(IconButton, { onClick: this.handleClick.bind(this), label: this.fullscreen ? exitLabel : enterLabel, className: this.fullscreen ? "deck-widget-fullscreen-exit" : "deck-widget-fullscreen-enter" });
+    (0, import_preact.render)(ui, el);
+  }
+  setProps(props) {
+    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 (!(0, import_core._deepEqual)(oldProps.style, props.style, 1)) {
+        if (oldProps.style) {
+          Object.entries(oldProps.style).map(([key]) => el.style.removeProperty(key));
+        }
+        if (props.style) {
+          Object.entries(props.style).map(([key, value]) => el.style.setProperty(key, value));
+        }
+      }
+    }
+    Object.assign(this.props, props);
+  }
+  getContainer() {
+    var _a, _b;
+    return this.props.container || ((_b = (_a = this.deck) == null ? void 0 : _a.getCanvas()) == null ? void 0 : _b.parentElement);
+  }
+  onFullscreenChange() {
+    const prevFullscreen = this.fullscreen;
+    const fullscreen = document.fullscreenElement === this.getContainer();
+    if (prevFullscreen !== fullscreen) {
+      this.fullscreen = !this.fullscreen;
+    }
+    this.update();
+  }
+  async handleClick() {
+    if (this.fullscreen) {
+      await this.exitFullscreen();
+    } else {
+      await this.requestFullscreen();
+    }
+    this.update();
+  }
+  async requestFullscreen() {
+    const container = this.getContainer();
+    if (container == null ? void 0 : container.requestFullscreen) {
+      await container.requestFullscreen({ navigationUI: "hide" });
+    } else {
+      this.togglePseudoFullscreen();
+    }
+  }
+  async exitFullscreen() {
+    if (document.exitFullscreen) {
+      await document.exitFullscreen();
+    } else {
+      this.togglePseudoFullscreen();
+    }
+  }
+  togglePseudoFullscreen() {
+    var _a;
+    (_a = this.getContainer()) == null ? void 0 : _a.classList.toggle("deck-pseudo-fullscreen");
+  }
+};
+
+// dist/compass-widget.js
+var import_jsx_runtime3 = require("preact/jsx-runtime");
+var import_core2 = require("@deck.gl/core");
+var import_preact2 = require("preact");
+var CompassWidget = class {
+  constructor(props) {
+    this.id = "compass";
+    this.placement = "top-left";
+    this.viewId = null;
+    this.id = props.id || "compass";
+    this.viewId = props.viewId || null;
+    this.placement = props.placement || "top-left";
+    props.transitionDuration = props.transitionDuration || 200;
+    props.label = props.label || "Compass";
+    props.style = props.style || {};
+    this.props = props;
+  }
+  setProps(props) {
+    Object.assign(this.props, props);
+  }
+  onViewportChange(viewport) {
+    this.viewport = viewport;
+    this.update();
+  }
+  onAdd({ deck }) {
+    const { style, className } = this.props;
+    const element = document.createElement("div");
+    element.classList.add("deck-widget", "deck-widget-compass");
+    if (className)
+      element.classList.add(className);
+    if (style) {
+      Object.entries(style).map(([key, value]) => element.style.setProperty(key, value));
+    }
+    this.deck = deck;
+    this.element = element;
+    this.update();
+    return element;
+  }
+  getRotation() {
+    if (this.viewport instanceof import_core2.WebMercatorViewport) {
+      return [-this.viewport.bearing, this.viewport.pitch];
+    } else if (this.viewport instanceof import_core2._GlobeViewport) {
+      return [0, Math.max(-80, Math.min(80, this.viewport.latitude))];
+    }
+    return [0, 0];
+  }
+  update() {
+    const [rz, rx] = this.getRotation();
+    const element = this.element;
+    if (!element) {
+      return;
+    }
+    const ui = (0, import_jsx_runtime3.jsx)("div", { className: "deck-widget-button", style: { perspective: 100 }, children: (0, import_jsx_runtime3.jsx)("button", { type: "button", onClick: () => this.handleCompassReset(), label: this.props.label, style: { transform: `rotateX(${rx}deg)` }, children: (0, import_jsx_runtime3.jsx)("svg", { fill: "none", width: "100%", height: "100%", viewBox: "0 0 26 26", children: (0, import_jsx_runtime3.jsxs)("g", { transform: `rotate(${rz},13,13)`, children: [(0, import_jsx_runtime3.jsx)("path", { d: "M10 13.0001L12.9999 5L15.9997 13.0001H10Z", fill: "var(--icon-compass-north-color, #F05C44)" }), (0, import_jsx_runtime3.jsx)("path", { d: "M16.0002 12.9999L13.0004 21L10.0005 12.9999H16.0002Z", fill: "var(--icon-compass-south-color, #C2C2CC)" })] }) }) }) });
+    (0, import_preact2.render)(ui, element);
+  }
+  onRemove() {
+    this.deck = void 0;
+    this.element = void 0;
+  }
+  handleCompassReset() {
+    const viewId = this.viewId || "default-view";
+    if (this.viewport instanceof import_core2.WebMercatorViewport) {
+      const nextViewState = {
+        ...this.viewport,
+        bearing: 0,
+        ...this.getRotation()[0] === 0 ? { pitch: 0 } : {},
+        transitionDuration: this.props.transitionDuration,
+        transitionInterpolator: new import_core2.FlyToInterpolator()
+      };
+      this.deck._onViewStateChange({ viewId, viewState: nextViewState, interactionState: {} });
+    }
+  }
+};
+
+// dist/zoom-widget.js
+var import_jsx_runtime4 = require("preact/jsx-runtime");
+var import_core3 = require("@deck.gl/core");
+var import_preact3 = require("preact");
+var ZoomWidget = class {
+  constructor(props) {
+    this.id = "zoom";
+    this.placement = "top-left";
+    this.orientation = "vertical";
+    this.viewId = null;
+    this.id = props.id || "zoom";
+    this.viewId = props.viewId || null;
+    this.placement = props.placement || "top-left";
+    this.orientation = props.orientation || "vertical";
+    props.transitionDuration = props.transitionDuration || 200;
+    props.zoomInLabel = props.zoomInLabel || "Zoom In";
+    props.zoomOutLabel = props.zoomOutLabel || "Zoom Out";
+    props.style = props.style || {};
+    this.props = props;
+  }
+  onAdd({ deck }) {
+    const { style, className } = this.props;
+    const element = document.createElement("div");
+    element.classList.add("deck-widget", "deck-widget-zoom");
+    if (className)
+      element.classList.add(className);
+    if (style) {
+      Object.entries(style).map(([key, value]) => element.style.setProperty(key, value));
+    }
+    const ui = (0, import_jsx_runtime4.jsxs)(ButtonGroup, { orientation: this.orientation, children: [(0, import_jsx_runtime4.jsx)(GroupedIconButton, { onClick: () => this.handleZoomIn(), label: this.props.zoomInLabel, className: "deck-widget-zoom-in" }), (0, import_jsx_runtime4.jsx)(GroupedIconButton, { onClick: () => this.handleZoomOut(), label: this.props.zoomOutLabel, className: "deck-widget-zoom-out" })] });
+    (0, import_preact3.render)(ui, element);
+    this.deck = deck;
+    this.element = element;
+    return element;
+  }
+  onRemove() {
+    this.deck = void 0;
+    this.element = void 0;
+  }
+  setProps(props) {
+    Object.assign(this.props, props);
+  }
+  onViewportChange(viewport) {
+    this.viewport = viewport;
+  }
+  handleZoom(nextZoom) {
+    const viewId = this.viewId || "default-view";
+    const nextViewState = {
+      ...this.viewport,
+      zoom: nextZoom,
+      transitionDuration: this.props.transitionDuration,
+      transitionInterpolator: new import_core3.FlyToInterpolator()
+    };
+    this.deck._onViewStateChange({ viewId, viewState: nextViewState, interactionState: {} });
+  }
+  handleZoomIn() {
+    if (this.viewport) {
+      this.handleZoom(this.viewport.zoom + 1);
+    }
+  }
+  handleZoomOut() {
+    if (this.viewport) {
+      this.handleZoom(this.viewport.zoom - 1);
+    }
+  }
+};
+
+// dist/themes.js
+var LightTheme = {
+  "--button-background": "#fff",
+  "--button-stroke": "rgba(255, 255, 255, 0.3)",
+  "--button-inner-stroke": "unset",
+  "--button-shadow": "0px 0px 8px 0px rgba(0, 0, 0, 0.25)",
+  "--button-backdrop-filter": "unset",
+  "--button-icon-idle": "rgba(97, 97, 102, 1)",
+  "--button-icon-hover": "rgba(24, 24, 26, 1)",
+  "--icon-compass-north-color": "#F05C44",
+  "--icon-compass-south-color": "#C2C2CC"
+};
+var DarkTheme = {
+  "--button-background": "rgba(18, 18, 20, 1)",
+  "--button-stroke": "rgba(18, 18, 20, 0.30)",
+  "--button-inner-stroke": "unset",
+  "--button-shadow": "0px 0px 8px 0px rgba(0, 0, 0, 0.25)",
+  "--button-backdrop-filter": "unset",
+  "--button-icon-idle": "rgba(158, 157, 168, 1)",
+  "--button-icon-hover": "rgba(215, 214, 229, 1)",
+  "--icon-compass-north-color": "#F05C44",
+  "--icon-compass-south-color": "#C2C2CC"
+};
+var LightGlassTheme = {
+  "--button-background": "rgba(255, 255, 255, 0.6)",
+  "--button-stroke": "rgba(255, 255, 255, 0.3)",
+  "--button-inner-stroke": "1px solid rgba(255, 255, 255, 0.6)",
+  "--button-shadow": "0px 0px 8px 0px rgba(0, 0, 0, 0.25), 0px 0px 8px 0px rgba(0, 0, 0, 0.1) inset",
+  "--button-backdrop-filter": "blur(4px)",
+  "--button-icon-idle": "rgba(97, 97, 102, 1)",
+  "--button-icon-hover": "rgba(24, 24, 26, 1)",
+  "--icon-compass-north-color": "#F05C44",
+  "--icon-compass-south-color": "#C2C2CC"
+};
+var DarkGlassTheme = {
+  "--button-background": "rgba(18, 18, 20, 0.75)",
+  "--button-stroke": "rgba(18, 18, 20, 0.30)",
+  "--button-inner-stroke": "1px solid rgba(18, 18, 20, 0.75)",
+  "--button-shadow": "0px 0px 8px 0px rgba(0, 0, 0, 0.25), 0px 0px 8px 0px rgba(0, 0, 0, 0.1) inset",
+  "--button-backdrop-filter": "blur(4px)",
+  "--button-icon-idle": "rgba(158, 157, 168, 1)",
+  "--button-icon-hover": "rgba(215, 214, 229, 1)",
+  "--icon-compass-north-color": "#F05C44",
+  "--icon-compass-south-color": "#C2C2CC"
+};
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["index.js", "fullscreen-widget.js", "components.js", "compass-widget.js", "zoom-widget.js", "themes.js"],
+  "sourcesContent": ["export { FullscreenWidget } from \"./fullscreen-widget.js\";\nexport { CompassWidget } from \"./compass-widget.js\";\nexport { ZoomWidget } from \"./zoom-widget.js\";\nexport * from \"./themes.js\";\n", "import { jsx as _jsx } from \"preact/jsx-runtime\";\n/* global document */\nimport { _deepEqual as deepEqual } from '@deck.gl/core';\nimport { render } from 'preact';\nimport { IconButton } from \"./components.js\";\nexport class FullscreenWidget {\n    constructor(props) {\n        this.id = 'fullscreen';\n        this.placement = 'top-left';\n        this.fullscreen = false;\n        this.id = props.id || 'fullscreen';\n        this.placement = props.placement || 'top-left';\n        props.enterLabel = props.enterLabel || 'Enter Fullscreen';\n        props.exitLabel = props.exitLabel || 'Exit Fullscreen';\n        props.style = props.style || {};\n        this.props = props;\n    }\n    onAdd({ deck }) {\n        const { style, className } = this.props;\n        const el = document.createElement('div');\n        el.classList.add('deck-widget', 'deck-widget-fullscreen');\n        if (className)\n            el.classList.add(className);\n        if (style) {\n            Object.entries(style).map(([key, value]) => el.style.setProperty(key, value));\n        }\n        this.deck = deck;\n        this.element = el;\n        this.update();\n        document.addEventListener('fullscreenchange', this.onFullscreenChange.bind(this));\n        return el;\n    }\n    onRemove() {\n        this.deck = undefined;\n        this.element = undefined;\n        document.removeEventListener('fullscreenchange', this.onFullscreenChange.bind(this));\n    }\n    update() {\n        const { enterLabel, exitLabel } = this.props;\n        const el = this.element;\n        if (!el) {\n            return;\n        }\n        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' }));\n        render(ui, el);\n    }\n    setProps(props) {\n        const oldProps = this.props;\n        const el = this.element;\n        if (el) {\n            if (oldProps.className !== props.className) {\n                if (oldProps.className)\n                    el.classList.remove(oldProps.className);\n                if (props.className)\n                    el.classList.add(props.className);\n            }\n            if (!deepEqual(oldProps.style, props.style, 1)) {\n                if (oldProps.style) {\n                    Object.entries(oldProps.style).map(([key]) => el.style.removeProperty(key));\n                }\n                if (props.style) {\n                    Object.entries(props.style).map(([key, value]) => el.style.setProperty(key, value));\n                }\n            }\n        }\n        Object.assign(this.props, props);\n    }\n    getContainer() {\n        return this.props.container || this.deck?.getCanvas()?.parentElement;\n    }\n    onFullscreenChange() {\n        const prevFullscreen = this.fullscreen;\n        const fullscreen = document.fullscreenElement === this.getContainer();\n        if (prevFullscreen !== fullscreen) {\n            this.fullscreen = !this.fullscreen;\n        }\n        this.update();\n    }\n    async handleClick() {\n        if (this.fullscreen) {\n            await this.exitFullscreen();\n        }\n        else {\n            await this.requestFullscreen();\n        }\n        this.update();\n    }\n    async requestFullscreen() {\n        const container = this.getContainer();\n        if (container?.requestFullscreen) {\n            await container.requestFullscreen({ navigationUI: 'hide' });\n        }\n        else {\n            this.togglePseudoFullscreen();\n        }\n    }\n    async exitFullscreen() {\n        if (document.exitFullscreen) {\n            await document.exitFullscreen();\n        }\n        else {\n            this.togglePseudoFullscreen();\n        }\n    }\n    togglePseudoFullscreen() {\n        this.getContainer()?.classList.toggle('deck-pseudo-fullscreen');\n    }\n}\n", "import { jsx as _jsx } from \"preact/jsx-runtime\";\nexport const IconButton = props => {\n    const { className, label, onClick } = props;\n    return (_jsx(\"div\", { className: \"deck-widget-button\", children: _jsx(\"button\", { className: `deck-widget-icon-button ${className}`, type: \"button\", onClick: onClick, title: label, children: _jsx(\"div\", { className: \"deck-widget-icon\" }) }) }));\n};\nexport const ButtonGroup = props => {\n    const { children, orientation } = props;\n    return _jsx(\"div\", { className: `deck-widget-button-group ${orientation}`, children: children });\n};\nexport const GroupedIconButton = props => {\n    const { className, label, onClick } = props;\n    return (_jsx(\"button\", { className: `deck-widget-icon-button ${className}`, type: \"button\", onClick: onClick, title: label, children: _jsx(\"div\", { className: \"deck-widget-icon\" }) }));\n};\n", "import { jsx as _jsx, jsxs as _jsxs } from \"preact/jsx-runtime\";\n/* global document */\nimport { FlyToInterpolator, WebMercatorViewport, _GlobeViewport } from '@deck.gl/core';\nimport { render } from 'preact';\nexport class CompassWidget {\n    constructor(props) {\n        this.id = 'compass';\n        this.placement = 'top-left';\n        this.viewId = null;\n        this.id = props.id || 'compass';\n        this.viewId = props.viewId || null;\n        this.placement = props.placement || 'top-left';\n        props.transitionDuration = props.transitionDuration || 200;\n        props.label = props.label || 'Compass';\n        props.style = props.style || {};\n        this.props = props;\n    }\n    setProps(props) {\n        Object.assign(this.props, props);\n    }\n    onViewportChange(viewport) {\n        this.viewport = viewport;\n        this.update();\n    }\n    onAdd({ deck }) {\n        const { style, className } = this.props;\n        const element = document.createElement('div');\n        element.classList.add('deck-widget', 'deck-widget-compass');\n        if (className)\n            element.classList.add(className);\n        if (style) {\n            Object.entries(style).map(([key, value]) => element.style.setProperty(key, value));\n        }\n        this.deck = deck;\n        this.element = element;\n        this.update();\n        return element;\n    }\n    getRotation() {\n        if (this.viewport instanceof WebMercatorViewport) {\n            return [-this.viewport.bearing, this.viewport.pitch];\n        }\n        else if (this.viewport instanceof _GlobeViewport) {\n            return [0, Math.max(-80, Math.min(80, this.viewport.latitude))];\n        }\n        return [0, 0];\n    }\n    update() {\n        const [rz, rx] = this.getRotation();\n        const element = this.element;\n        if (!element) {\n            return;\n        }\n        const ui = (_jsx(\"div\", { className: \"deck-widget-button\", style: { perspective: 100 }, children: _jsx(\"button\", { type: \"button\", onClick: () => this.handleCompassReset(), label: this.props.label, style: { transform: `rotateX(${rx}deg)` }, children: _jsx(\"svg\", { fill: \"none\", width: \"100%\", height: \"100%\", viewBox: \"0 0 26 26\", children: _jsxs(\"g\", { transform: `rotate(${rz},13,13)`, children: [_jsx(\"path\", { d: \"M10 13.0001L12.9999 5L15.9997 13.0001H10Z\", fill: \"var(--icon-compass-north-color, #F05C44)\" }), _jsx(\"path\", { d: \"M16.0002 12.9999L13.0004 21L10.0005 12.9999H16.0002Z\", fill: \"var(--icon-compass-south-color, #C2C2CC)\" })] }) }) }) }));\n        render(ui, element);\n    }\n    onRemove() {\n        this.deck = undefined;\n        this.element = undefined;\n    }\n    handleCompassReset() {\n        const viewId = this.viewId || 'default-view';\n        if (this.viewport instanceof WebMercatorViewport) {\n            const nextViewState = {\n                ...this.viewport,\n                bearing: 0,\n                ...(this.getRotation()[0] === 0 ? { pitch: 0 } : {}),\n                transitionDuration: this.props.transitionDuration,\n                transitionInterpolator: new FlyToInterpolator()\n            };\n            // @ts-ignore Using private method temporary until there's a public one\n            this.deck._onViewStateChange({ viewId, viewState: nextViewState, interactionState: {} });\n        }\n    }\n}\n", "import { jsx as _jsx, jsxs as _jsxs } from \"preact/jsx-runtime\";\n/* global document */\nimport { FlyToInterpolator } from '@deck.gl/core';\nimport { render } from 'preact';\nimport { ButtonGroup, GroupedIconButton } from \"./components.js\";\nexport class ZoomWidget {\n    constructor(props) {\n        this.id = 'zoom';\n        this.placement = 'top-left';\n        this.orientation = 'vertical';\n        this.viewId = null;\n        this.id = props.id || 'zoom';\n        this.viewId = props.viewId || null;\n        this.placement = props.placement || 'top-left';\n        this.orientation = props.orientation || 'vertical';\n        props.transitionDuration = props.transitionDuration || 200;\n        props.zoomInLabel = props.zoomInLabel || 'Zoom In';\n        props.zoomOutLabel = props.zoomOutLabel || 'Zoom Out';\n        props.style = props.style || {};\n        this.props = props;\n    }\n    onAdd({ deck }) {\n        const { style, className } = this.props;\n        const element = document.createElement('div');\n        element.classList.add('deck-widget', 'deck-widget-zoom');\n        if (className)\n            element.classList.add(className);\n        if (style) {\n            Object.entries(style).map(([key, value]) => element.style.setProperty(key, value));\n        }\n        const ui = (_jsxs(ButtonGroup, { orientation: this.orientation, children: [_jsx(GroupedIconButton, { onClick: () => this.handleZoomIn(), label: this.props.zoomInLabel, className: \"deck-widget-zoom-in\" }), _jsx(GroupedIconButton, { onClick: () => this.handleZoomOut(), label: this.props.zoomOutLabel, className: \"deck-widget-zoom-out\" })] }));\n        render(ui, element);\n        this.deck = deck;\n        this.element = element;\n        return element;\n    }\n    onRemove() {\n        this.deck = undefined;\n        this.element = undefined;\n    }\n    setProps(props) {\n        Object.assign(this.props, props);\n    }\n    onViewportChange(viewport) {\n        this.viewport = viewport;\n    }\n    handleZoom(nextZoom) {\n        const viewId = this.viewId || 'default-view';\n        const nextViewState = {\n            ...this.viewport,\n            zoom: nextZoom,\n            transitionDuration: this.props.transitionDuration,\n            transitionInterpolator: new FlyToInterpolator()\n        };\n        // @ts-ignore Using private method temporary until there's a public one\n        this.deck._onViewStateChange({ viewId, viewState: nextViewState, interactionState: {} });\n    }\n    handleZoomIn() {\n        if (this.viewport) {\n            this.handleZoom(this.viewport.zoom + 1);\n        }\n    }\n    handleZoomOut() {\n        if (this.viewport) {\n            this.handleZoom(this.viewport.zoom - 1);\n        }\n    }\n}\n", "export const LightTheme = {\n    '--button-background': '#fff',\n    '--button-stroke': 'rgba(255, 255, 255, 0.3)',\n    '--button-inner-stroke': 'unset',\n    '--button-shadow': '0px 0px 8px 0px rgba(0, 0, 0, 0.25)',\n    '--button-backdrop-filter': 'unset',\n    '--button-icon-idle': 'rgba(97, 97, 102, 1)',\n    '--button-icon-hover': 'rgba(24, 24, 26, 1)',\n    '--icon-compass-north-color': '#F05C44',\n    '--icon-compass-south-color': '#C2C2CC'\n};\nexport const DarkTheme = {\n    '--button-background': 'rgba(18, 18, 20, 1)',\n    '--button-stroke': 'rgba(18, 18, 20, 0.30)',\n    '--button-inner-stroke': 'unset',\n    '--button-shadow': '0px 0px 8px 0px rgba(0, 0, 0, 0.25)',\n    '--button-backdrop-filter': 'unset',\n    '--button-icon-idle': 'rgba(158, 157, 168, 1)',\n    '--button-icon-hover': 'rgba(215, 214, 229, 1)',\n    '--icon-compass-north-color': '#F05C44',\n    '--icon-compass-south-color': '#C2C2CC'\n};\nexport const LightGlassTheme = {\n    '--button-background': 'rgba(255, 255, 255, 0.6)',\n    '--button-stroke': 'rgba(255, 255, 255, 0.3)',\n    '--button-inner-stroke': '1px solid rgba(255, 255, 255, 0.6)',\n    '--button-shadow': '0px 0px 8px 0px rgba(0, 0, 0, 0.25), 0px 0px 8px 0px rgba(0, 0, 0, 0.1) inset',\n    '--button-backdrop-filter': 'blur(4px)',\n    '--button-icon-idle': 'rgba(97, 97, 102, 1)',\n    '--button-icon-hover': 'rgba(24, 24, 26, 1)',\n    '--icon-compass-north-color': '#F05C44',\n    '--icon-compass-south-color': '#C2C2CC'\n};\nexport const DarkGlassTheme = {\n    '--button-background': 'rgba(18, 18, 20, 0.75)',\n    '--button-stroke': 'rgba(18, 18, 20, 0.30)',\n    '--button-inner-stroke': '1px solid rgba(18, 18, 20, 0.75)',\n    '--button-shadow': '0px 0px 8px 0px rgba(0, 0, 0, 0.25), 0px 0px 8px 0px rgba(0, 0, 0, 0.1) inset',\n    '--button-backdrop-filter': 'blur(4px)',\n    '--button-icon-idle': 'rgba(158, 157, 168, 1)',\n    '--button-icon-hover': 'rgba(215, 214, 229, 1)',\n    '--icon-compass-north-color': '#F05C44',\n    '--icon-compass-south-color': '#C2C2CC'\n};\n"],
+  "mappings": "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",
+  "names": ["import_jsx_runtime", "_jsx", "_jsx", "deepEqual", "import_jsx_runtime", "import_core", "import_preact", "_jsx", "_jsxs", "import_jsx_runtime", "import_core", "import_preact", "_jsxs", "_jsx"]
+}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export { FullscreenWidget } from "./fullscreen-widget.js";
+export { CompassWidget } from "./compass-widget.js";
+export { ZoomWidget } from "./zoom-widget.js";
+export * from "./themes.js";
+//# sourceMappingURL=index.d.ts.map

package/{typed → dist}/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,qBAAqB,CAAC;AAErD,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,+BAA4B;AACrD,OAAO,EAAC,aAAa,EAAC,4BAAyB;AAC/C,OAAO,EAAC,UAAU,EAAC,yBAAsB;AAEzC,4BAAyB"}

package/dist/index.js

@@ -0,0 +1,4 @@
+export { FullscreenWidget } from "./fullscreen-widget.js";
+export { CompassWidget } from "./compass-widget.js";
+export { ZoomWidget } from "./zoom-widget.js";
+export * from "./themes.js";