@deck.gl/widgets 9.1.3 → 9.1.5

package/dist/dist.dev.js

@@ -54,7 +54,11 @@ var __exports__ = (() => {
     FullscreenWidget: () => FullscreenWidget,
     LightGlassTheme: () => LightGlassTheme,
     LightTheme: () => LightTheme,
-    ZoomWidget: () => ZoomWidget
+    ResetViewWidget: () => ResetViewWidget,
+    ScreenshotWidget: () => ScreenshotWidget,
+    ZoomWidget: () => ZoomWidget,
+    _WidgetImpl: () => WidgetImpl,
+    _components: () => components_exports
   });
 
   // ../core/bundle/peer-dependency.ts
@@ -234,37 +238,37 @@ var __exports__ = (() => {
     };
   }
   function O(n2, u3, t2, i3, o2, r2, f3, e2, c2, s2) {
-    var a2, h2, p2, v2, w2, _2, g2, m, x2, C2, M2, P2, $2, I2, H, L2, T2 = u3.type;
+    var a2, h3, p2, v2, w2, _2, g2, m, x2, C2, M2, P2, $2, I2, H, L2, T2 = u3.type;
     if (void 0 !== u3.constructor)
       return null;
     128 & t2.__u && (c2 = !!(32 & t2.__u), r2 = [e2 = u3.__e = t2.__e]), (a2 = l.__b) && a2(u3);
     n:
       if ("function" == typeof T2)
         try {
-          if (m = u3.props, x2 = "prototype" in T2 && T2.prototype.render, C2 = (a2 = T2.contextType) && i3[a2.__c], M2 = a2 ? C2 ? C2.props.value : a2.__ : i3, t2.__c ? g2 = (h2 = u3.__c = t2.__c).__ = h2.__E : (x2 ? u3.__c = h2 = new T2(m, M2) : (u3.__c = h2 = new b(m, M2), h2.constructor = T2, h2.render = q), C2 && C2.sub(h2), h2.props = m, h2.state || (h2.state = {}), h2.context = M2, h2.__n = i3, p2 = h2.__d = true, h2.__h = [], h2._sb = []), x2 && null == h2.__s && (h2.__s = h2.state), x2 && null != T2.getDerivedStateFromProps && (h2.__s == h2.state && (h2.__s = d({}, h2.__s)), d(h2.__s, T2.getDerivedStateFromProps(m, h2.__s))), v2 = h2.props, w2 = h2.state, h2.__v = u3, p2)
-            x2 && null == T2.getDerivedStateFromProps && null != h2.componentWillMount && h2.componentWillMount(), x2 && null != h2.componentDidMount && h2.__h.push(h2.componentDidMount);
+          if (m = u3.props, x2 = "prototype" in T2 && T2.prototype.render, C2 = (a2 = T2.contextType) && i3[a2.__c], M2 = a2 ? C2 ? C2.props.value : a2.__ : i3, t2.__c ? g2 = (h3 = u3.__c = t2.__c).__ = h3.__E : (x2 ? u3.__c = h3 = new T2(m, M2) : (u3.__c = h3 = new b(m, M2), h3.constructor = T2, h3.render = q), C2 && C2.sub(h3), h3.props = m, h3.state || (h3.state = {}), h3.context = M2, h3.__n = i3, p2 = h3.__d = true, h3.__h = [], h3._sb = []), x2 && null == h3.__s && (h3.__s = h3.state), x2 && null != T2.getDerivedStateFromProps && (h3.__s == h3.state && (h3.__s = d({}, h3.__s)), d(h3.__s, T2.getDerivedStateFromProps(m, h3.__s))), v2 = h3.props, w2 = h3.state, h3.__v = u3, p2)
+            x2 && null == T2.getDerivedStateFromProps && null != h3.componentWillMount && h3.componentWillMount(), x2 && null != h3.componentDidMount && h3.__h.push(h3.componentDidMount);
           else {
-            if (x2 && null == T2.getDerivedStateFromProps && m !== v2 && null != h2.componentWillReceiveProps && h2.componentWillReceiveProps(m, M2), !h2.__e && (null != h2.shouldComponentUpdate && false === h2.shouldComponentUpdate(m, h2.__s, M2) || u3.__v === t2.__v)) {
-              for (u3.__v !== t2.__v && (h2.props = m, h2.state = h2.__s, h2.__d = false), u3.__e = t2.__e, u3.__k = t2.__k, u3.__k.forEach(function(n3) {
+            if (x2 && null == T2.getDerivedStateFromProps && m !== v2 && null != h3.componentWillReceiveProps && h3.componentWillReceiveProps(m, M2), !h3.__e && (null != h3.shouldComponentUpdate && false === h3.shouldComponentUpdate(m, h3.__s, M2) || u3.__v === t2.__v)) {
+              for (u3.__v !== t2.__v && (h3.props = m, h3.state = h3.__s, h3.__d = false), u3.__e = t2.__e, u3.__k = t2.__k, u3.__k.forEach(function(n3) {
                 n3 && (n3.__ = u3);
-              }), P2 = 0; P2 < h2._sb.length; P2++)
-                h2.__h.push(h2._sb[P2]);
-              h2._sb = [], h2.__h.length && f3.push(h2);
+              }), P2 = 0; P2 < h3._sb.length; P2++)
+                h3.__h.push(h3._sb[P2]);
+              h3._sb = [], h3.__h.length && f3.push(h3);
               break n;
             }
-            null != h2.componentWillUpdate && h2.componentWillUpdate(m, h2.__s, M2), x2 && null != h2.componentDidUpdate && h2.__h.push(function() {
-              h2.componentDidUpdate(v2, w2, _2);
+            null != h3.componentWillUpdate && h3.componentWillUpdate(m, h3.__s, M2), x2 && null != h3.componentDidUpdate && h3.__h.push(function() {
+              h3.componentDidUpdate(v2, w2, _2);
             });
           }
-          if (h2.context = M2, h2.props = m, h2.__P = n2, h2.__e = false, $2 = l.__r, I2 = 0, x2) {
-            for (h2.state = h2.__s, h2.__d = false, $2 && $2(u3), a2 = h2.render(h2.props, h2.state, h2.context), H = 0; H < h2._sb.length; H++)
-              h2.__h.push(h2._sb[H]);
-            h2._sb = [];
+          if (h3.context = M2, h3.props = m, h3.__P = n2, h3.__e = false, $2 = l.__r, I2 = 0, x2) {
+            for (h3.state = h3.__s, h3.__d = false, $2 && $2(u3), a2 = h3.render(h3.props, h3.state, h3.context), H = 0; H < h3._sb.length; H++)
+              h3.__h.push(h3._sb[H]);
+            h3._sb = [];
           } else
             do {
-              h2.__d = false, $2 && $2(u3), a2 = h2.render(h2.props, h2.state, h2.context), h2.state = h2.__s;
-            } while (h2.__d && ++I2 < 25);
-          h2.state = h2.__s, null != h2.getChildContext && (i3 = d(d({}, i3), h2.getChildContext())), x2 && !p2 && null != h2.getSnapshotBeforeUpdate && (_2 = h2.getSnapshotBeforeUpdate(v2, w2)), S(n2, y(L2 = null != a2 && a2.type === k && null == a2.key ? a2.props.children : a2) ? L2 : [L2], u3, t2, i3, o2, r2, f3, e2, c2, s2), h2.base = u3.__e, u3.__u &= -161, h2.__h.length && f3.push(h2), g2 && (h2.__E = h2.__ = null);
+              h3.__d = false, $2 && $2(u3), a2 = h3.render(h3.props, h3.state, h3.context), h3.state = h3.__s;
+            } while (h3.__d && ++I2 < 25);
+          h3.state = h3.__s, null != h3.getChildContext && (i3 = d(d({}, i3), h3.getChildContext())), x2 && !p2 && null != h3.getSnapshotBeforeUpdate && (_2 = h3.getSnapshotBeforeUpdate(v2, w2)), S(n2, y(L2 = null != a2 && a2.type === k && null == a2.key ? a2.props.children : a2) ? L2 : [L2], u3, t2, i3, o2, r2, f3, e2, c2, s2), h3.base = u3.__e, u3.__u &= -161, h3.__h.length && f3.push(h3), g2 && (h3.__E = h3.__ = null);
         } catch (n3) {
           if (u3.__v = null, c2 || null != r2) {
             for (u3.__u |= c2 ? 160 : 32; e2 && 8 === e2.nodeType && e2.nextSibling; )
@@ -388,6 +392,14 @@ var __exports__ = (() => {
     return n2.__v.__b - l2.__v.__b;
   }, P.__r = 0, e = 0, c = F(false), s = F(true), a = 0;
 
+  // src/components.tsx
+  var components_exports = {};
+  __export(components_exports, {
+    ButtonGroup: () => ButtonGroup,
+    GroupedIconButton: () => GroupedIconButton,
+    IconButton: () => IconButton
+  });
+
   // ../../node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js
   var f2 = 0;
   var i2 = Array.isArray;
@@ -667,8 +679,8 @@ var __exports__ = (() => {
 
   // src/zoom-widget.tsx
   var import_core4 = __toESM(require_core(), 1);
-  var ZoomWidget = class {
-    constructor(props) {
+  var _ZoomWidget = class {
+    constructor(props = {}) {
       this.id = "zoom";
       this.placement = "top-left";
       this.viewId = null;
@@ -677,12 +689,8 @@ var __exports__ = (() => {
       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 ?? {}
+        ..._ZoomWidget.defaultProps,
+        ...props
       };
     }
     onAdd({ deck }) {
@@ -728,11 +736,13 @@ var __exports__ = (() => {
       const viewId = this.viewId || viewport?.id || "default-view";
       const nextViewState = {
         ...viewport,
-        zoom: nextZoom,
-        transitionDuration: this.props.transitionDuration,
-        transitionInterpolator: new import_core4.FlyToInterpolator()
+        zoom: nextZoom
       };
-      this.deck._onViewStateChange({ viewId, viewState: nextViewState, interactionState: {} });
+      if (this.props.transitionDuration > 0) {
+        nextViewState.transitionDuration = this.props.transitionDuration;
+        nextViewState.transitionInterpolator = "latitude" in nextViewState ? new import_core4.FlyToInterpolator() : new import_core4.LinearInterpolator();
+      }
+      this.setViewState(viewId, nextViewState);
     }
     handleZoomIn() {
       for (const viewport of Object.values(this.viewports)) {
@@ -744,6 +754,12 @@ var __exports__ = (() => {
         this.handleZoom(viewport, viewport.zoom - 1);
       }
     }
+    /**
+     * @todo - move to deck or widget manager
+     */
+    setViewState(viewId, viewState) {
+      this.deck._onViewStateChange({ viewId, viewState, interactionState: {} });
+    }
     update() {
       const element = this.element;
       if (!element) {
@@ -770,6 +786,188 @@ var __exports__ = (() => {
       B(ui, element);
     }
   };
+  var ZoomWidget = _ZoomWidget;
+  ZoomWidget.defaultProps = {
+    id: "zoom-widget",
+    style: {},
+    placement: "top-left",
+    className: void 0,
+    orientation: "vertical",
+    transitionDuration: 200,
+    zoomInLabel: "Zoom In",
+    zoomOutLabel: "Zoom Out",
+    viewId: void 0
+  };
+
+  // src/widget-impl.ts
+  var import_core5 = __toESM(require_core(), 1);
+  var WidgetImpl = class {
+    constructor(props) {
+      this.id = props.id || "widget";
+      this.props = props;
+    }
+    onAdd({ deck }) {
+      this.deck = deck;
+      const { style, className } = this.props;
+      const el = this._createRootElement({
+        widgetClassName: this.className,
+        className,
+        style
+      });
+      this.element = el;
+      this.onRenderHTML();
+      return this.element;
+    }
+    onRemove() {
+      this.deck = void 0;
+      this.element = void 0;
+    }
+    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_core5._deepEqual)(oldProps.style, props.style, 1)) {
+          (0, import_core5._removeStyles)(el, oldProps.style);
+          (0, import_core5._applyStyles)(el, props.style);
+        }
+      }
+      Object.assign(this.props, props);
+      this.onRenderHTML();
+    }
+    _createRootElement(props) {
+      const { widgetClassName, className, style } = props;
+      const element = document.createElement("div");
+      ["deck-widget", widgetClassName, className].filter((cls) => typeof cls === "string" && cls.length > 0).forEach((className2) => element.classList.add(className2));
+      (0, import_core5._applyStyles)(element, style);
+      return element;
+    }
+  };
+  WidgetImpl.defaultProps = {
+    id: "widget",
+    style: {},
+    className: ""
+  };
+
+  // src/screenshot-widget.tsx
+  var _ScreenshotWidget = class extends WidgetImpl {
+    constructor(props = {}) {
+      super({ ..._ScreenshotWidget.defaultProps, ...props });
+      this.className = "deck-widget-screenshot";
+      this.placement = "top-left";
+      this.placement = props.placement ?? this.placement;
+    }
+    setProps(props) {
+      this.placement = props.placement ?? this.placement;
+      super.setProps(props);
+    }
+    onRenderHTML() {
+      const element = this.element;
+      if (!element)
+        return;
+      B(
+        /* @__PURE__ */ u2(
+          IconButton,
+          {
+            className: "deck-widget-camera",
+            label: this.props.label,
+            onClick: this.handleClick.bind(this)
+          }
+        ),
+        element
+      );
+    }
+    handleClick() {
+      if (this.props.onCapture) {
+        this.props.onCapture(this);
+        return;
+      }
+      const dataURL = this.captureScreenToDataURL(this.props.imageFormat);
+      if (dataURL) {
+        this.downloadDataURL(dataURL, this.props.filename);
+      }
+    }
+    /** @note only captures canvas contents, not HTML DOM or CSS styles */
+    captureScreenToDataURL(imageFormat) {
+      const canvas = this.deck?.getCanvas();
+      return canvas?.toDataURL(imageFormat);
+    }
+    /** Download a data URL */
+    downloadDataURL(dataURL, filename) {
+      const link = document.createElement("a");
+      link.href = dataURL;
+      link.download = filename;
+      link.click();
+    }
+  };
+  var ScreenshotWidget = _ScreenshotWidget;
+  ScreenshotWidget.defaultProps = {
+    ...WidgetImpl.defaultProps,
+    id: "screenshot",
+    placement: "top-left",
+    label: "Screenshot",
+    filename: "screenshot.png",
+    imageFormat: "image/png",
+    onCapture: void 0
+  };
+
+  // src/reset-view-widget.tsx
+  var _ResetViewWidget = class extends WidgetImpl {
+    constructor(props = {}) {
+      super({ ..._ResetViewWidget.defaultProps, ...props });
+      this.className = "deck-widget-reset-view";
+      this.placement = "top-left";
+      this.placement = props.placement ?? this.placement;
+    }
+    setProps(props) {
+      this.placement = props.placement ?? this.placement;
+      super.setProps(props);
+    }
+    onRenderHTML() {
+      const element = this.element;
+      if (!element)
+        return;
+      B(
+        /* @__PURE__ */ u2(
+          IconButton,
+          {
+            className: "deck-widget-reset-focus",
+            label: this.props.label,
+            onClick: this.handleClick.bind(this)
+          }
+        ),
+        element
+      );
+    }
+    handleClick() {
+      const initialViewState = this.props.initialViewState || this.deck?.props.initialViewState;
+      this.setViewState(initialViewState);
+    }
+    setViewState(viewState) {
+      const viewId = this.props.viewId || viewState?.id || "default-view";
+      const nextViewState = {
+        ...viewState
+        // only works for geospatial?
+        // transitionDuration: this.props.transitionDuration,
+        // transitionInterpolator: new FlyToInterpolator()
+      };
+      this.deck._onViewStateChange({ viewId, viewState: nextViewState, interactionState: {} });
+    }
+  };
+  var ResetViewWidget = _ResetViewWidget;
+  ResetViewWidget.defaultProps = {
+    ...WidgetImpl.defaultProps,
+    id: "reset-view",
+    placement: "top-left",
+    label: "Reset View",
+    initialViewState: void 0,
+    viewId: void 0
+  };
 
   // src/themes.ts
   var LightTheme = {

package/dist/index.cjs

@@ -26,7 +26,11 @@ __export(dist_exports, {
   FullscreenWidget: () => FullscreenWidget,
   LightGlassTheme: () => LightGlassTheme,
   LightTheme: () => LightTheme,
-  ZoomWidget: () => ZoomWidget
+  ResetViewWidget: () => ResetViewWidget,
+  ScreenshotWidget: () => ScreenshotWidget,
+  ZoomWidget: () => ZoomWidget,
+  _WidgetImpl: () => WidgetImpl,
+  _components: () => components_exports
 });
 module.exports = __toCommonJS(dist_exports);
 
@@ -36,6 +40,12 @@ var import_core = require("@deck.gl/core");
 var import_preact = require("preact");
 
 // dist/components.js
+var components_exports = {};
+__export(components_exports, {
+  ButtonGroup: () => ButtonGroup,
+  GroupedIconButton: () => GroupedIconButton,
+  IconButton: () => IconButton
+});
 var import_jsx_runtime = require("preact/jsx-runtime");
 var IconButton = (props) => {
   const { className, label, onClick } = props;
@@ -258,7 +268,7 @@ 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) {
+  constructor(props = {}) {
     this.id = "zoom";
     this.placement = "top-left";
     this.viewId = null;
@@ -267,12 +277,8 @@ var ZoomWidget = class {
     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 ?? {}
+      ...ZoomWidget.defaultProps,
+      ...props
     };
   }
   onAdd({ deck }) {
@@ -318,11 +324,13 @@ var ZoomWidget = class {
     const viewId = this.viewId || (viewport == null ? void 0 : viewport.id) || "default-view";
     const nextViewState = {
       ...viewport,
-      zoom: nextZoom,
-      transitionDuration: this.props.transitionDuration,
-      transitionInterpolator: new import_core3.FlyToInterpolator()
+      zoom: nextZoom
     };
-    this.deck._onViewStateChange({ viewId, viewState: nextViewState, interactionState: {} });
+    if (this.props.transitionDuration > 0) {
+      nextViewState.transitionDuration = this.props.transitionDuration;
+      nextViewState.transitionInterpolator = "latitude" in nextViewState ? new import_core3.FlyToInterpolator() : new import_core3.LinearInterpolator();
+    }
+    this.setViewState(viewId, nextViewState);
   }
   handleZoomIn() {
     for (const viewport of Object.values(this.viewports)) {
@@ -334,6 +342,12 @@ var ZoomWidget = class {
       this.handleZoom(viewport, viewport.zoom - 1);
     }
   }
+  /**
+   * @todo - move to deck or widget manager
+   */
+  setViewState(viewId, viewState) {
+    this.deck._onViewStateChange({ viewId, viewState, interactionState: {} });
+  }
   update() {
     const element = this.element;
     if (!element) {
@@ -343,6 +357,173 @@ var ZoomWidget = class {
     (0, import_preact3.render)(ui, element);
   }
 };
+ZoomWidget.defaultProps = {
+  id: "zoom-widget",
+  style: {},
+  placement: "top-left",
+  className: void 0,
+  orientation: "vertical",
+  transitionDuration: 200,
+  zoomInLabel: "Zoom In",
+  zoomOutLabel: "Zoom Out",
+  viewId: void 0
+};
+
+// dist/screenshot-widget.js
+var import_jsx_runtime5 = require("preact/jsx-runtime");
+
+// dist/widget-impl.js
+var import_core4 = require("@deck.gl/core");
+var WidgetImpl = class {
+  constructor(props) {
+    this.id = props.id || "widget";
+    this.props = props;
+  }
+  onAdd({ deck }) {
+    this.deck = deck;
+    const { style, className } = this.props;
+    const el = this._createRootElement({
+      widgetClassName: this.className,
+      className,
+      style
+    });
+    this.element = el;
+    this.onRenderHTML();
+    return this.element;
+  }
+  onRemove() {
+    this.deck = void 0;
+    this.element = void 0;
+  }
+  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_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.onRenderHTML();
+  }
+  _createRootElement(props) {
+    const { widgetClassName, className, style } = props;
+    const element = document.createElement("div");
+    ["deck-widget", widgetClassName, className].filter((cls) => typeof cls === "string" && cls.length > 0).forEach((className2) => element.classList.add(className2));
+    (0, import_core4._applyStyles)(element, style);
+    return element;
+  }
+};
+WidgetImpl.defaultProps = {
+  id: "widget",
+  style: {},
+  className: ""
+};
+
+// dist/screenshot-widget.js
+var import_preact4 = require("preact");
+var ScreenshotWidget = class extends WidgetImpl {
+  constructor(props = {}) {
+    super({ ...ScreenshotWidget.defaultProps, ...props });
+    this.className = "deck-widget-screenshot";
+    this.placement = "top-left";
+    this.placement = props.placement ?? this.placement;
+  }
+  setProps(props) {
+    this.placement = props.placement ?? this.placement;
+    super.setProps(props);
+  }
+  onRenderHTML() {
+    const element = this.element;
+    if (!element)
+      return;
+    (0, import_preact4.render)((0, import_jsx_runtime5.jsx)(IconButton, { className: "deck-widget-camera", label: this.props.label, onClick: this.handleClick.bind(this) }), element);
+  }
+  handleClick() {
+    if (this.props.onCapture) {
+      this.props.onCapture(this);
+      return;
+    }
+    const dataURL = this.captureScreenToDataURL(this.props.imageFormat);
+    if (dataURL) {
+      this.downloadDataURL(dataURL, this.props.filename);
+    }
+  }
+  /** @note only captures canvas contents, not HTML DOM or CSS styles */
+  captureScreenToDataURL(imageFormat) {
+    var _a;
+    const canvas = (_a = this.deck) == null ? void 0 : _a.getCanvas();
+    return canvas == null ? void 0 : canvas.toDataURL(imageFormat);
+  }
+  /** Download a data URL */
+  downloadDataURL(dataURL, filename) {
+    const link = document.createElement("a");
+    link.href = dataURL;
+    link.download = filename;
+    link.click();
+  }
+};
+ScreenshotWidget.defaultProps = {
+  ...WidgetImpl.defaultProps,
+  id: "screenshot",
+  placement: "top-left",
+  label: "Screenshot",
+  filename: "screenshot.png",
+  imageFormat: "image/png",
+  onCapture: void 0
+};
+
+// dist/reset-view-widget.js
+var import_jsx_runtime6 = require("preact/jsx-runtime");
+var import_preact5 = require("preact");
+var ResetViewWidget = class extends WidgetImpl {
+  constructor(props = {}) {
+    super({ ...ResetViewWidget.defaultProps, ...props });
+    this.className = "deck-widget-reset-view";
+    this.placement = "top-left";
+    this.placement = props.placement ?? this.placement;
+  }
+  setProps(props) {
+    this.placement = props.placement ?? this.placement;
+    super.setProps(props);
+  }
+  onRenderHTML() {
+    const element = this.element;
+    if (!element)
+      return;
+    (0, import_preact5.render)((0, import_jsx_runtime6.jsx)(IconButton, { className: "deck-widget-reset-focus", label: this.props.label, onClick: this.handleClick.bind(this) }), element);
+  }
+  handleClick() {
+    var _a;
+    const initialViewState = this.props.initialViewState || ((_a = this.deck) == null ? void 0 : _a.props.initialViewState);
+    this.setViewState(initialViewState);
+  }
+  setViewState(viewState) {
+    const viewId = this.props.viewId || (viewState == null ? void 0 : viewState.id) || "default-view";
+    const nextViewState = {
+      ...viewState
+      // only works for geospatial?
+      // transitionDuration: this.props.transitionDuration,
+      // transitionInterpolator: new FlyToInterpolator()
+    };
+    this.deck._onViewStateChange({ viewId, viewState: nextViewState, interactionState: {} });
+  }
+};
+ResetViewWidget.defaultProps = {
+  ...WidgetImpl.defaultProps,
+  id: "reset-view",
+  placement: "top-left",
+  label: "Reset View",
+  initialViewState: void 0,
+  viewId: void 0
+};
 
 // dist/themes.js
 var LightTheme = {