@deck.gl/widgets 9.1.0-beta.1 → 9.1.0

package/dist/compass-widget.d.ts

@@ -1,6 +1,9 @@
 import type { Deck, Viewport, Widget, WidgetPlacement } from '@deck.gl/core';
-interface CompassWidgetProps {
+export type CompassWidgetProps = {
     id?: string;
+    /**
+     * Widget positioning within the view. Default 'top-left'.
+     */
     placement?: WidgetPlacement;
     /**
      * View to attach to and interact with. Required when using multiple views.
@@ -22,7 +25,7 @@ interface CompassWidgetProps {
      * Additional CSS class.
      */
     className?: string;
-}
+};
 export declare class CompassWidget implements Widget<CompassWidgetProps> {
     id: string;
     props: CompassWidgetProps;
@@ -40,9 +43,8 @@ export declare class CompassWidget implements Widget<CompassWidgetProps> {
         deck: Deck<any>;
     }): HTMLDivElement;
     getRotation(viewport?: Viewport): number[];
-    update(): void;
+    private update;
     onRemove(): void;
     handleCompassReset(viewport: Viewport): void;
 }
-export {};
 //# sourceMappingURL=compass-widget.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"compass-widget.d.ts","sourceRoot":"","sources":["../src/compass-widget.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,eAAe,EAAC,MAAM,eAAe,CAAC;AAG3E,UAAU,kBAAkB;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACrC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,qBAAa,aAAc,YAAW,MAAM,CAAC,kBAAkB,CAAC;IAC9D,EAAE,SAAa;IACf,KAAK,EAAE,kBAAkB,CAAC;IAC1B,SAAS,EAAE,eAAe,CAAc;IACxC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC9B,SAAS,EAAE;QAAC,CAAC,EAAE,EAAE,MAAM,GAAG,QAAQ,CAAA;KAAC,CAAM;IACzC,IAAI,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;IACjB,OAAO,CAAC,EAAE,cAAc,CAAC;gBAEb,KAAK,EAAE,kBAAkB;IAUrC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,kBAAkB,CAAC;IAI3C,gBAAgB,CAAC,QAAQ,EAAE,QAAQ;IAKnC,KAAK,CAAC,EAAC,IAAI,EAAC,EAAE;QAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAA;KAAC,GAAG,cAAc;IAchD,WAAW,CAAC,QAAQ,CAAC,EAAE,QAAQ;IAS/B,MAAM;IAsCN,QAAQ;IAKR,kBAAkB,CAAC,QAAQ,EAAE,QAAQ;CActC"}
+{"version":3,"file":"compass-widget.d.ts","sourceRoot":"","sources":["../src/compass-widget.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,eAAe,EAAC,MAAM,eAAe,CAAC;AAG3E,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACrC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,qBAAa,aAAc,YAAW,MAAM,CAAC,kBAAkB,CAAC;IAC9D,EAAE,SAAa;IACf,KAAK,EAAE,kBAAkB,CAAC;IAC1B,SAAS,EAAE,eAAe,CAAc;IACxC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC9B,SAAS,EAAE;QAAC,CAAC,EAAE,EAAE,MAAM,GAAG,QAAQ,CAAA;KAAC,CAAM;IACzC,IAAI,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;IACjB,OAAO,CAAC,EAAE,cAAc,CAAC;gBAEb,KAAK,EAAE,kBAAkB;IAarC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,kBAAkB,CAAC;IAqB3C,gBAAgB,CAAC,QAAQ,EAAE,QAAQ;IAQnC,KAAK,CAAC,EAAC,IAAI,EAAC,EAAE;QAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAA;KAAC,GAAG,cAAc;IAYhD,WAAW,CAAC,QAAQ,CAAC,EAAE,QAAQ;IAS/B,OAAO,CAAC,MAAM;IAsCd,QAAQ;IAKR,kBAAkB,CAAC,QAAQ,EAAE,QAAQ;CActC"}

package/dist/compass-widget.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
 // SPDX-License-Identifier: MIT
 // Copyright (c) vis.gl contributors
 /* global document */
-import { FlyToInterpolator, WebMercatorViewport, _GlobeViewport } from '@deck.gl/core';
+import { FlyToInterpolator, WebMercatorViewport, _GlobeViewport, _deepEqual as deepEqual, _applyStyles as applyStyles, _removeStyles as removeStyles } from '@deck.gl/core';
 import { render } from 'preact';
 export class CompassWidget {
     constructor(props) {
@@ -11,20 +11,42 @@ export class CompassWidget {
         this.placement = 'top-left';
         this.viewId = null;
         this.viewports = {};
-        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;
+        this.id = props.id ?? this.id;
+        this.viewId = props.viewId ?? this.viewId;
+        this.placement = props.placement ?? this.placement;
+        this.props = {
+            ...props,
+            transitionDuration: props.transitionDuration ?? 200,
+            label: props.label ?? 'Reset Compass',
+            style: props.style ?? {}
+        };
     }
     setProps(props) {
+        this.placement = props.placement ?? this.placement;
+        this.viewId = props.viewId ?? this.viewId;
+        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();
     }
     onViewportChange(viewport) {
-        this.viewports[viewport.id] = viewport;
-        this.update();
+        // no need to update if viewport is the same
+        if (!viewport.equals(this.viewports[viewport.id])) {
+            this.viewports[viewport.id] = viewport;
+            this.update();
+        }
     }
     onAdd({ deck }) {
         const { style, className } = this.props;
@@ -32,9 +54,7 @@ export class CompassWidget {
         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));
-        }
+        applyStyles(element, style);
         this.deck = deck;
         this.element = element;
         this.update();
@@ -61,7 +81,7 @@ export class CompassWidget {
                     for (const viewport of Object.values(this.viewports)) {
                         this.handleCompassReset(viewport);
                     }
-                }, 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)" })] }) }) }) }));
+                }, title: 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)" })] }) }) }) }));
         render(ui, element);
     }
     onRemove() {
@@ -83,3 +103,4 @@ export class CompassWidget {
         }
     }
 }
+//# sourceMappingURL=compass-widget.js.map

package/dist/compass-widget.js.map

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

package/dist/components.js

@@ -14,3 +14,4 @@ export const GroupedIconButton = props => {
     const { className, label, onClick } = props;
     return (_jsx("button", { className: `deck-widget-icon-button ${className}`, type: "button", onClick: onClick, title: label, children: _jsx("div", { className: "deck-widget-icon" }) }));
 };
+//# sourceMappingURL=components.js.map

package/dist/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":";AAAA,UAAU;AACV,+BAA+B;AAC/B,oCAAoC;AAEpC,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,EAAE;IAChC,MAAM,EAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAC,GAAG,KAAK,CAAC;IAC1C,OAAO,CACL,cAAK,SAAS,EAAC,oBAAoB,YACjC,iBACE,SAAS,EAAE,2BAA2B,SAAS,EAAE,EACjD,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,YAEZ,cAAK,SAAS,EAAC,kBAAkB,GAAG,GAC7B,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,EAAE;IACjC,MAAM,EAAC,QAAQ,EAAE,WAAW,EAAC,GAAG,KAAK,CAAC;IACtC,OAAO,cAAK,SAAS,EAAE,4BAA4B,WAAW,EAAE,YAAG,QAAQ,GAAO,CAAC;AACrF,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,EAAE;IACvC,MAAM,EAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAC,GAAG,KAAK,CAAC;IAC1C,OAAO,CACL,iBACE,SAAS,EAAE,2BAA2B,SAAS,EAAE,EACjD,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,YAEZ,cAAK,SAAS,EAAC,kBAAkB,GAAG,GAC7B,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/dist.dev.js

@@ -442,12 +442,14 @@ var __exports__ = (() => {
       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;
+      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;
@@ -455,9 +457,7 @@ var __exports__ = (() => {
       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));
-      }
+      (0, import_core2._applyStyles)(el, style);
       this.deck = deck;
       this.element = el;
       this.update();
@@ -471,8 +471,8 @@ var __exports__ = (() => {
     }
     update() {
       const { enterLabel, exitLabel } = this.props;
-      const el = this.element;
-      if (!el) {
+      const element = this.element;
+      if (!element) {
         return;
       }
       const ui = /* @__PURE__ */ u2(
@@ -483,9 +483,10 @@ var __exports__ = (() => {
           className: this.fullscreen ? "deck-widget-fullscreen-exit" : "deck-widget-fullscreen-enter"
         }
       );
-      B(ui, el);
+      B(ui, element);
     }
     setProps(props) {
+      this.placement = props.placement ?? this.placement;
       const oldProps = this.props;
       const el = this.element;
       if (el) {
@@ -496,17 +497,12 @@ var __exports__ = (() => {
             el.classList.add(props.className);
         }
         if (!(0, import_core2._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)
-            );
-          }
+          (0, import_core2._removeStyles)(el, oldProps.style);
+          (0, import_core2._applyStyles)(el, props.style);
         }
       }
       Object.assign(this.props, props);
+      this.update();
     }
     getContainer() {
       return this.props.container || this.deck?.getCanvas()?.parentElement;
@@ -555,20 +551,41 @@ var __exports__ = (() => {
       this.placement = "top-left";
       this.viewId = null;
       this.viewports = {};
-      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;
+      this.id = props.id ?? this.id;
+      this.viewId = props.viewId ?? this.viewId;
+      this.placement = props.placement ?? this.placement;
+      this.props = {
+        ...props,
+        transitionDuration: props.transitionDuration ?? 200,
+        label: props.label ?? "Reset Compass",
+        style: props.style ?? {}
+      };
     }
     setProps(props) {
+      this.placement = props.placement ?? this.placement;
+      this.viewId = props.viewId ?? this.viewId;
+      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_core3._deepEqual)(oldProps.style, props.style, 1)) {
+          (0, import_core3._removeStyles)(el, oldProps.style);
+          (0, import_core3._applyStyles)(el, props.style);
+        }
+      }
       Object.assign(this.props, props);
+      this.update();
     }
     onViewportChange(viewport) {
-      this.viewports[viewport.id] = viewport;
-      this.update();
+      if (!viewport.equals(this.viewports[viewport.id])) {
+        this.viewports[viewport.id] = viewport;
+        this.update();
+      }
     }
     onAdd({ deck }) {
       const { style, className } = this.props;
@@ -576,9 +593,7 @@ var __exports__ = (() => {
       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));
-      }
+      (0, import_core3._applyStyles)(element, style);
       this.deck = deck;
       this.element = element;
       this.update();
@@ -609,7 +624,7 @@ var __exports__ = (() => {
               this.handleCompassReset(viewport2);
             }
           },
-          label: this.props.label,
+          title: this.props.label,
           style: { transform: `rotateX(${rx}deg)` },
           children: /* @__PURE__ */ u2("svg", { fill: "none", width: "100%", height: "100%", viewBox: "0 0 26 26", children: /* @__PURE__ */ u2("g", { transform: `rotate(${rz},13,13)`, children: [
             /* @__PURE__ */ u2(
@@ -656,18 +671,19 @@ var __exports__ = (() => {
     constructor(props) {
       this.id = "zoom";
       this.placement = "top-left";
-      this.orientation = "vertical";
       this.viewId = null;
       this.viewports = {};
-      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;
+      this.id = props.id ?? this.id;
+      this.viewId = props.viewId ?? this.viewId;
+      this.placement = props.placement ?? this.placement;
+      this.props = {
+        ...props,
+        orientation: props.orientation ?? "vertical",
+        transitionDuration: props.transitionDuration ?? 200,
+        zoomInLabel: props.zoomInLabel ?? "Zoom In",
+        zoomOutLabel: props.zoomOutLabel ?? "Zoom Out",
+        style: props.style ?? {}
+      };
     }
     onAdd({ deck }) {
       const { style, className } = this.props;
@@ -675,30 +691,10 @@ var __exports__ = (() => {
       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 = /* @__PURE__ */ u2(ButtonGroup, { orientation: this.orientation, children: [
-        /* @__PURE__ */ u2(
-          GroupedIconButton,
-          {
-            onClick: () => this.handleZoomIn(),
-            label: this.props.zoomInLabel,
-            className: "deck-widget-zoom-in"
-          }
-        ),
-        /* @__PURE__ */ u2(
-          GroupedIconButton,
-          {
-            onClick: () => this.handleZoomOut(),
-            label: this.props.zoomOutLabel,
-            className: "deck-widget-zoom-out"
-          }
-        )
-      ] });
-      B(ui, element);
+      (0, import_core4._applyStyles)(element, style);
       this.deck = deck;
       this.element = element;
+      this.update();
       return element;
     }
     onRemove() {
@@ -706,7 +702,24 @@ var __exports__ = (() => {
       this.element = void 0;
     }
     setProps(props) {
+      this.placement = props.placement ?? this.placement;
+      this.viewId = props.viewId ?? this.viewId;
+      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_core4._deepEqual)(oldProps.style, props.style, 1)) {
+          (0, import_core4._removeStyles)(el, oldProps.style);
+          (0, import_core4._applyStyles)(el, props.style);
+        }
+      }
       Object.assign(this.props, props);
+      this.update();
     }
     onViewportChange(viewport) {
       this.viewports[viewport.id] = viewport;
@@ -731,6 +744,31 @@ var __exports__ = (() => {
         this.handleZoom(viewport, viewport.zoom - 1);
       }
     }
+    update() {
+      const element = this.element;
+      if (!element) {
+        return;
+      }
+      const ui = /* @__PURE__ */ u2(ButtonGroup, { orientation: this.props.orientation, children: [
+        /* @__PURE__ */ u2(
+          GroupedIconButton,
+          {
+            onClick: () => this.handleZoomIn(),
+            label: this.props.zoomInLabel,
+            className: "deck-widget-zoom-in"
+          }
+        ),
+        /* @__PURE__ */ u2(
+          GroupedIconButton,
+          {
+            onClick: () => this.handleZoomOut(),
+            label: this.props.zoomOutLabel,
+            className: "deck-widget-zoom-out"
+          }
+        )
+      ] });
+      B(ui, element);
+    }
   };
 
   // src/themes.ts

package/dist/fullscreen-widget.d.ts

@@ -1,6 +1,9 @@
 import type { Deck, Widget, WidgetPlacement } from '@deck.gl/core';
-interface FullscreenWidgetProps {
+export type FullscreenWidgetProps = {
     id?: string;
+    /**
+     * 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.
@@ -23,7 +26,7 @@ interface FullscreenWidgetProps {
      * Additional CSS class.
      */
     className?: string;
-}
+};
 export declare class FullscreenWidget implements Widget<FullscreenWidgetProps> {
     id: string;
     props: FullscreenWidgetProps;
@@ -45,5 +48,4 @@ export declare class FullscreenWidget implements Widget<FullscreenWidgetProps> {
     exitFullscreen(): Promise<void>;
     togglePseudoFullscreen(): void;
 }
-export {};
 //# sourceMappingURL=fullscreen-widget.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"fullscreen-widget.d.ts","sourceRoot":"","sources":["../src/fullscreen-widget.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAC,IAAI,EAAE,MAAM,EAAE,eAAe,EAAC,MAAM,eAAe,CAAC;AAIjE,UAAU,qBAAqB;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,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"}
+{"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"}

package/dist/fullscreen-widget.js

@@ -3,7 +3,7 @@ import { jsx as _jsx } from "preact/jsx-runtime";
 // SPDX-License-Identifier: MIT
 // Copyright (c) vis.gl contributors
 /* global document */
-import { _deepEqual as deepEqual } from '@deck.gl/core';
+import { _deepEqual as deepEqual, _applyStyles as applyStyles, _removeStyles as removeStyles } from '@deck.gl/core';
 import { render } from 'preact';
 import { IconButton } from "./components.js";
 export class FullscreenWidget {
@@ -11,12 +11,14 @@ export class FullscreenWidget {
         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;
+        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;
@@ -24,9 +26,7 @@ export class FullscreenWidget {
         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));
-        }
+        applyStyles(el, style);
         this.deck = deck;
         this.element = el;
         this.update();
@@ -40,14 +40,15 @@ export class FullscreenWidget {
     }
     update() {
         const { enterLabel, exitLabel } = this.props;
-        const el = this.element;
-        if (!el) {
+        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, el);
+        render(ui, element);
     }
     setProps(props) {
+        this.placement = props.placement ?? this.placement;
         const oldProps = this.props;
         const el = this.element;
         if (el) {
@@ -58,15 +59,12 @@ export class FullscreenWidget {
                     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));
-                }
+                removeStyles(el, oldProps.style);
+                applyStyles(el, props.style);
             }
         }
         Object.assign(this.props, props);
+        this.update();
     }
     getContainer() {
         return this.props.container || this.deck?.getCanvas()?.parentElement;
@@ -109,3 +107,4 @@ export class FullscreenWidget {
         this.getContainer()?.classList.toggle('deck-pseudo-fullscreen');
     }
 }
+//# sourceMappingURL=fullscreen-widget.js.map

package/dist/fullscreen-widget.js.map

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