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

package/dist/dist.dev.js

@@ -44,17 +44,19 @@ var __exports__ = (() => {
   // bundle.ts
   var bundle_exports = {};
   __export(bundle_exports, {
+    CompassWidget: () => CompassWidget,
     DarkGlassTheme: () => DarkGlassTheme,
     DarkTheme: () => DarkTheme,
     FullscreenWidget: () => FullscreenWidget,
     LightGlassTheme: () => LightGlassTheme,
-    LightTheme: () => LightTheme
+    LightTheme: () => LightTheme,
+    ZoomWidget: () => ZoomWidget
   });
 
   // ../core/bundle/peer-dependency.ts
   var peer_dependency_exports = {};
-  var import_core = __toESM(require_core());
-  __reExport(peer_dependency_exports, __toESM(require_core()));
+  var import_core = __toESM(require_core(), 1);
+  __reExport(peer_dependency_exports, __toESM(require_core(), 1));
   if (!import_core.Layer) {
     throw new Error("@deck.gl/core is not found");
   }
@@ -63,7 +65,7 @@ var __exports__ = (() => {
   __reExport(bundle_exports, peer_dependency_exports);
 
   // src/fullscreen-widget.tsx
-  var import_core2 = __toESM(require_core());
+  var import_core2 = __toESM(require_core(), 1);
 
   // ../../node_modules/preact/dist/preact.module.js
   var n;
@@ -80,299 +82,342 @@ var __exports__ = (() => {
   var a = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;
   var h = Array.isArray;
   function v(n2, l2) {
-    for (var u2 in l2)
-      n2[u2] = l2[u2];
+    for (var u3 in l2)
+      n2[u3] = l2[u3];
     return n2;
   }
   function p(n2) {
     var l2 = n2.parentNode;
     l2 && l2.removeChild(n2);
   }
-  function y(l2, u2, t2) {
-    var i2, o2, r2, f2 = {};
-    for (r2 in u2)
-      "key" == r2 ? i2 = u2[r2] : "ref" == r2 ? o2 = u2[r2] : f2[r2] = u2[r2];
-    if (arguments.length > 2 && (f2.children = arguments.length > 3 ? n.call(arguments, 2) : t2), "function" == typeof l2 && null != l2.defaultProps)
+  function y(l2, u3, t2) {
+    var i3, o2, r2, f3 = {};
+    for (r2 in u3)
+      "key" == r2 ? i3 = u3[r2] : "ref" == r2 ? o2 = u3[r2] : f3[r2] = u3[r2];
+    if (arguments.length > 2 && (f3.children = arguments.length > 3 ? n.call(arguments, 2) : t2), "function" == typeof l2 && null != l2.defaultProps)
       for (r2 in l2.defaultProps)
-        void 0 === f2[r2] && (f2[r2] = l2.defaultProps[r2]);
-    return d(l2, f2, i2, o2, null);
+        void 0 === f3[r2] && (f3[r2] = l2.defaultProps[r2]);
+    return d(l2, f3, i3, o2, null);
   }
-  function d(n2, t2, i2, o2, r2) {
-    var f2 = { type: n2, props: t2, key: i2, ref: o2, __k: null, __: null, __b: 0, __e: null, __d: void 0, __c: null, __h: null, constructor: void 0, __v: null == r2 ? ++u : r2 };
-    return null == r2 && null != l.vnode && l.vnode(f2), f2;
+  function d(n2, t2, i3, o2, r2) {
+    var f3 = { type: n2, props: t2, key: i3, ref: o2, __k: null, __: null, __b: 0, __e: null, __d: void 0, __c: null, constructor: void 0, __v: null == r2 ? ++u : r2, __i: -1, __u: 0 };
+    return null == r2 && null != l.vnode && l.vnode(f3), f3;
   }
-  function k(n2) {
+  function g(n2) {
     return n2.children;
   }
   function b(n2, l2) {
     this.props = n2, this.context = l2;
   }
-  function g(n2, l2) {
+  function m(n2, l2) {
     if (null == l2)
-      return n2.__ ? g(n2.__, n2.__.__k.indexOf(n2) + 1) : null;
-    for (var u2; l2 < n2.__k.length; l2++)
-      if (null != (u2 = n2.__k[l2]) && null != u2.__e)
-        return u2.__e;
-    return "function" == typeof n2.type ? g(n2) : null;
+      return n2.__ ? m(n2.__, n2.__i + 1) : null;
+    for (var u3; l2 < n2.__k.length; l2++)
+      if (null != (u3 = n2.__k[l2]) && null != u3.__e)
+        return u3.__e;
+    return "function" == typeof n2.type ? m(n2) : null;
   }
-  function m(n2) {
-    var l2, u2;
+  function w(n2) {
+    var l2, u3;
     if (null != (n2 = n2.__) && null != n2.__c) {
       for (n2.__e = n2.__c.base = null, l2 = 0; l2 < n2.__k.length; l2++)
-        if (null != (u2 = n2.__k[l2]) && null != u2.__e) {
-          n2.__e = n2.__c.base = u2.__e;
+        if (null != (u3 = n2.__k[l2]) && null != u3.__e) {
+          n2.__e = n2.__c.base = u3.__e;
           break;
         }
-      return m(n2);
+      return w(n2);
     }
   }
-  function w(n2) {
+  function k(n2) {
     (!n2.__d && (n2.__d = true) && i.push(n2) && !x.__r++ || o !== l.debounceRendering) && ((o = l.debounceRendering) || r)(x);
   }
   function x() {
-    var n2, l2, u2, t2, o2, r2, e2, c2, s2;
+    var n2, u3, t2, o2, r2, e2, c2, s2, a2;
     for (i.sort(f); n2 = i.shift(); )
-      n2.__d && (l2 = i.length, t2 = void 0, o2 = void 0, r2 = void 0, c2 = (e2 = (u2 = n2).__v).__e, (s2 = u2.__P) && (t2 = [], o2 = [], (r2 = v({}, e2)).__v = e2.__v + 1, L(s2, e2, r2, u2.__n, void 0 !== s2.ownerSVGElement, null != e2.__h ? [c2] : null, t2, null == c2 ? g(e2) : c2, e2.__h, o2), M(t2, e2, o2), e2.__e != c2 && m(e2)), i.length > l2 && i.sort(f));
+      n2.__d && (u3 = i.length, o2 = void 0, e2 = (r2 = (t2 = n2).__v).__e, s2 = [], a2 = [], (c2 = t2.__P) && ((o2 = v({}, r2)).__v = r2.__v + 1, l.vnode && l.vnode(o2), L(c2, o2, r2, t2.__n, void 0 !== c2.ownerSVGElement, 32 & r2.__u ? [e2] : null, s2, null == e2 ? m(r2) : e2, !!(32 & r2.__u), a2), o2.__v = r2.__v, o2.__.__k[o2.__i] = o2, M(s2, o2, a2), o2.__e != e2 && w(o2)), i.length > u3 && i.sort(f));
     x.__r = 0;
   }
-  function P(n2, l2, u2, t2, i2, o2, r2, f2, e2, a2, v2) {
-    var p2, y2, _, b2, m2, w2, x2, P2, S, H2 = 0, I2 = t2 && t2.__k || s, T2 = I2.length, j2 = T2, z2 = l2.length;
-    for (u2.__k = [], p2 = 0; p2 < z2; p2++)
-      null != (b2 = u2.__k[p2] = null == (b2 = l2[p2]) || "boolean" == typeof b2 || "function" == typeof b2 ? null : "string" == typeof b2 || "number" == typeof b2 || "bigint" == typeof b2 ? d(null, b2, null, null, b2) : h(b2) ? d(k, { children: b2 }, null, null, null) : b2.__b > 0 ? d(b2.type, b2.props, b2.key, b2.ref ? b2.ref : null, b2.__v) : b2) ? (b2.__ = u2, b2.__b = u2.__b + 1, -1 === (P2 = A(b2, I2, x2 = p2 + H2, j2)) ? _ = c : (_ = I2[P2] || c, I2[P2] = void 0, j2--), L(n2, b2, _, i2, o2, r2, f2, e2, a2, v2), m2 = b2.__e, (y2 = b2.ref) && _.ref != y2 && (_.ref && O(_.ref, null, b2), v2.push(y2, b2.__c || m2, b2)), null != m2 && (null == w2 && (w2 = m2), (S = _ === c || null === _.__v) ? -1 == P2 && H2-- : P2 !== x2 && (P2 === x2 + 1 ? H2++ : P2 > x2 ? j2 > z2 - x2 ? H2 += P2 - x2 : H2-- : H2 = P2 < x2 && P2 == x2 - 1 ? P2 - x2 : 0), x2 = p2 + H2, "function" != typeof b2.type || P2 === x2 && _.__k !== b2.__k ? "function" == typeof b2.type || P2 === x2 && !S ? void 0 !== b2.__d ? (e2 = b2.__d, b2.__d = void 0) : e2 = m2.nextSibling : e2 = $(n2, m2, e2) : e2 = C(b2, e2, n2), "function" == typeof u2.type && (u2.__d = e2))) : (_ = I2[p2]) && null == _.key && _.__e && (_.__e == e2 && (e2 = g(_)), q(_, _, false));
-    for (u2.__e = w2, p2 = T2; p2--; )
-      null != I2[p2] && ("function" == typeof u2.type && null != I2[p2].__e && I2[p2].__e == u2.__d && (u2.__d = I2[p2].__e.nextSibling), q(I2[p2], I2[p2]));
+  function C(n2, l2, u3, t2, i3, o2, r2, f3, e2, a2, h2) {
+    var v2, p2, y2, d2, _, g2 = t2 && t2.__k || s, b2 = l2.length;
+    for (u3.__d = e2, P(u3, l2, g2), e2 = u3.__d, v2 = 0; v2 < b2; v2++)
+      null != (y2 = u3.__k[v2]) && "boolean" != typeof y2 && "function" != typeof y2 && (p2 = -1 === y2.__i ? c : g2[y2.__i] || c, y2.__i = v2, L(n2, y2, p2, i3, o2, r2, f3, e2, a2, h2), d2 = y2.__e, y2.ref && p2.ref != y2.ref && (p2.ref && z(p2.ref, null, y2), h2.push(y2.ref, y2.__c || d2, y2)), null == _ && null != d2 && (_ = d2), 65536 & y2.__u || p2.__k === y2.__k ? (d2 || p2.__e != e2 || (e2 = m(p2)), e2 = S(y2, e2, n2)) : "function" == typeof y2.type && void 0 !== y2.__d ? e2 = y2.__d : d2 && (e2 = d2.nextSibling), y2.__d = void 0, y2.__u &= -196609);
+    u3.__d = e2, u3.__e = _;
   }
-  function C(n2, l2, u2) {
-    for (var t2, i2 = n2.__k, o2 = 0; i2 && o2 < i2.length; o2++)
-      (t2 = i2[o2]) && (t2.__ = n2, l2 = "function" == typeof t2.type ? C(t2, l2, u2) : $(u2, t2.__e, l2));
-    return l2;
+  function P(n2, l2, u3) {
+    var t2, i3, o2, r2, f3, e2 = l2.length, c2 = u3.length, s2 = c2, a2 = 0;
+    for (n2.__k = [], t2 = 0; t2 < e2; t2++)
+      r2 = t2 + a2, null != (i3 = n2.__k[t2] = null == (i3 = l2[t2]) || "boolean" == typeof i3 || "function" == typeof i3 ? null : "string" == typeof i3 || "number" == typeof i3 || "bigint" == typeof i3 || i3.constructor == String ? d(null, i3, null, null, null) : h(i3) ? d(g, { children: i3 }, null, null, null) : void 0 === i3.constructor && i3.__b > 0 ? d(i3.type, i3.props, i3.key, i3.ref ? i3.ref : null, i3.__v) : i3) ? (i3.__ = n2, i3.__b = n2.__b + 1, f3 = H(i3, u3, r2, s2), i3.__i = f3, o2 = null, -1 !== f3 && (s2--, (o2 = u3[f3]) && (o2.__u |= 131072)), null == o2 || null === o2.__v ? (-1 == f3 && a2--, "function" != typeof i3.type && (i3.__u |= 65536)) : f3 !== r2 && (f3 === r2 + 1 ? a2++ : f3 > r2 ? s2 > e2 - r2 ? a2 += f3 - r2 : a2-- : f3 < r2 ? f3 == r2 - 1 && (a2 = f3 - r2) : a2 = 0, f3 !== t2 + a2 && (i3.__u |= 65536))) : (o2 = u3[r2]) && null == o2.key && o2.__e && 0 == (131072 & o2.__u) && (o2.__e == n2.__d && (n2.__d = m(o2)), N(o2, o2, false), u3[r2] = null, s2--);
+    if (s2)
+      for (t2 = 0; t2 < c2; t2++)
+        null != (o2 = u3[t2]) && 0 == (131072 & o2.__u) && (o2.__e == n2.__d && (n2.__d = m(o2)), N(o2, o2));
   }
-  function $(n2, l2, u2) {
-    return null == u2 || u2.parentNode !== n2 ? n2.insertBefore(l2, null) : l2 == u2 && null != l2.parentNode || n2.insertBefore(l2, u2), l2.nextSibling;
+  function S(n2, l2, u3) {
+    var t2, i3;
+    if ("function" == typeof n2.type) {
+      for (t2 = n2.__k, i3 = 0; t2 && i3 < t2.length; i3++)
+        t2[i3] && (t2[i3].__ = n2, l2 = S(t2[i3], l2, u3));
+      return l2;
+    }
+    n2.__e != l2 && (u3.insertBefore(n2.__e, l2 || null), l2 = n2.__e);
+    do {
+      l2 = l2 && l2.nextSibling;
+    } while (null != l2 && 8 === l2.nodeType);
+    return l2;
   }
-  function A(n2, l2, u2, t2) {
-    var i2 = n2.key, o2 = n2.type, r2 = u2 - 1, f2 = u2 + 1, e2 = l2[u2];
-    if (null === e2 || e2 && i2 == e2.key && o2 === e2.type)
-      return u2;
-    if (t2 > (null != e2 ? 1 : 0))
-      for (; r2 >= 0 || f2 < l2.length; ) {
+  function H(n2, l2, u3, t2) {
+    var i3 = n2.key, o2 = n2.type, r2 = u3 - 1, f3 = u3 + 1, e2 = l2[u3];
+    if (null === e2 || e2 && i3 == e2.key && o2 === e2.type && 0 == (131072 & e2.__u))
+      return u3;
+    if (t2 > (null != e2 && 0 == (131072 & e2.__u) ? 1 : 0))
+      for (; r2 >= 0 || f3 < l2.length; ) {
         if (r2 >= 0) {
-          if ((e2 = l2[r2]) && i2 == e2.key && o2 === e2.type)
+          if ((e2 = l2[r2]) && 0 == (131072 & e2.__u) && i3 == e2.key && o2 === e2.type)
             return r2;
           r2--;
         }
-        if (f2 < l2.length) {
-          if ((e2 = l2[f2]) && i2 == e2.key && o2 === e2.type)
-            return f2;
-          f2++;
+        if (f3 < l2.length) {
+          if ((e2 = l2[f3]) && 0 == (131072 & e2.__u) && i3 == e2.key && o2 === e2.type)
+            return f3;
+          f3++;
         }
       }
     return -1;
   }
-  function H(n2, l2, u2, t2, i2) {
-    var o2;
-    for (o2 in u2)
-      "children" === o2 || "key" === o2 || o2 in l2 || T(n2, o2, null, u2[o2], t2);
-    for (o2 in l2)
-      i2 && "function" != typeof l2[o2] || "children" === o2 || "key" === o2 || "value" === o2 || "checked" === o2 || u2[o2] === l2[o2] || T(n2, o2, l2[o2], u2[o2], t2);
+  function I(n2, l2, u3) {
+    "-" === l2[0] ? n2.setProperty(l2, null == u3 ? "" : u3) : n2[l2] = null == u3 ? "" : "number" != typeof u3 || a.test(l2) ? u3 : u3 + "px";
   }
-  function I(n2, l2, u2) {
-    "-" === l2[0] ? n2.setProperty(l2, null == u2 ? "" : u2) : n2[l2] = null == u2 ? "" : "number" != typeof u2 || a.test(l2) ? u2 : u2 + "px";
-  }
-  function T(n2, l2, u2, t2, i2) {
+  function T(n2, l2, u3, t2, i3) {
     var o2;
     n:
       if ("style" === l2)
-        if ("string" == typeof u2)
-          n2.style.cssText = u2;
+        if ("string" == typeof u3)
+          n2.style.cssText = u3;
         else {
           if ("string" == typeof t2 && (n2.style.cssText = t2 = ""), t2)
             for (l2 in t2)
-              u2 && l2 in u2 || I(n2.style, l2, "");
-          if (u2)
-            for (l2 in u2)
-              t2 && u2[l2] === t2[l2] || I(n2.style, l2, u2[l2]);
+              u3 && l2 in u3 || I(n2.style, l2, "");
+          if (u3)
+            for (l2 in u3)
+              t2 && u3[l2] === t2[l2] || I(n2.style, l2, u3[l2]);
         }
       else if ("o" === l2[0] && "n" === l2[1])
-        o2 = l2 !== (l2 = l2.replace(/Capture$/, "")), l2 = l2.toLowerCase() in n2 ? l2.toLowerCase().slice(2) : l2.slice(2), n2.l || (n2.l = {}), n2.l[l2 + o2] = u2, u2 ? t2 || n2.addEventListener(l2, o2 ? z : j, o2) : n2.removeEventListener(l2, o2 ? z : j, o2);
-      else if ("dangerouslySetInnerHTML" !== l2) {
-        if (i2)
+        o2 = l2 !== (l2 = l2.replace(/(PointerCapture)$|Capture$/i, "$1")), l2 = l2.toLowerCase() in n2 ? l2.toLowerCase().slice(2) : l2.slice(2), n2.l || (n2.l = {}), n2.l[l2 + o2] = u3, u3 ? t2 ? u3.u = t2.u : (u3.u = Date.now(), n2.addEventListener(l2, o2 ? D : A, o2)) : n2.removeEventListener(l2, o2 ? D : A, o2);
+      else {
+        if (i3)
           l2 = l2.replace(/xlink(H|:h)/, "h").replace(/sName$/, "s");
-        else if ("width" !== l2 && "height" !== l2 && "href" !== l2 && "list" !== l2 && "form" !== l2 && "tabIndex" !== l2 && "download" !== l2 && "rowSpan" !== l2 && "colSpan" !== l2 && l2 in n2)
+        else if ("width" !== l2 && "height" !== l2 && "href" !== l2 && "list" !== l2 && "form" !== l2 && "tabIndex" !== l2 && "download" !== l2 && "rowSpan" !== l2 && "colSpan" !== l2 && "role" !== l2 && l2 in n2)
           try {
-            n2[l2] = null == u2 ? "" : u2;
+            n2[l2] = null == u3 ? "" : u3;
             break n;
           } catch (n3) {
           }
-        "function" == typeof u2 || (null == u2 || false === u2 && "-" !== l2[4] ? n2.removeAttribute(l2) : n2.setAttribute(l2, u2));
+        "function" == typeof u3 || (null == u3 || false === u3 && "-" !== l2[4] ? n2.removeAttribute(l2) : n2.setAttribute(l2, u3));
       }
   }
-  function j(n2) {
-    return this.l[n2.type + false](l.event ? l.event(n2) : n2);
+  function A(n2) {
+    if (this.l) {
+      var u3 = this.l[n2.type + false];
+      if (n2.t) {
+        if (n2.t <= u3.u)
+          return;
+      } else
+        n2.t = Date.now();
+      return u3(l.event ? l.event(n2) : n2);
+    }
   }
-  function z(n2) {
-    return this.l[n2.type + true](l.event ? l.event(n2) : n2);
+  function D(n2) {
+    if (this.l)
+      return this.l[n2.type + true](l.event ? l.event(n2) : n2);
   }
-  function L(n2, u2, t2, i2, o2, r2, f2, e2, c2, s2) {
-    var a2, p2, y2, d2, _, g2, m2, w2, x2, C2, S, $2, A2, H2, I2, T2 = u2.type;
-    if (void 0 !== u2.constructor)
+  function L(n2, u3, t2, i3, o2, r2, f3, e2, c2, s2) {
+    var a2, p2, y2, d2, _, m2, w2, k2, x2, P2, S2, $, H2, I2, T2, A2 = u3.type;
+    if (void 0 !== u3.constructor)
       return null;
-    null != t2.__h && (c2 = t2.__h, e2 = u2.__e = t2.__e, u2.__h = null, r2 = [e2]), (a2 = l.__b) && a2(u2);
+    128 & t2.__u && (c2 = !!(32 & t2.__u), r2 = [e2 = u3.__e = t2.__e]), (a2 = l.__b) && a2(u3);
     n:
-      if ("function" == typeof T2)
+      if ("function" == typeof A2)
         try {
-          if (w2 = u2.props, x2 = (a2 = T2.contextType) && i2[a2.__c], C2 = a2 ? x2 ? x2.props.value : a2.__ : i2, t2.__c ? m2 = (p2 = u2.__c = t2.__c).__ = p2.__E : ("prototype" in T2 && T2.prototype.render ? u2.__c = p2 = new T2(w2, C2) : (u2.__c = p2 = new b(w2, C2), p2.constructor = T2, p2.render = B), x2 && x2.sub(p2), p2.props = w2, p2.state || (p2.state = {}), p2.context = C2, p2.__n = i2, y2 = p2.__d = true, p2.__h = [], p2._sb = []), null == p2.__s && (p2.__s = p2.state), null != T2.getDerivedStateFromProps && (p2.__s == p2.state && (p2.__s = v({}, p2.__s)), v(p2.__s, T2.getDerivedStateFromProps(w2, p2.__s))), d2 = p2.props, _ = p2.state, p2.__v = u2, y2)
-            null == T2.getDerivedStateFromProps && null != p2.componentWillMount && p2.componentWillMount(), null != p2.componentDidMount && p2.__h.push(p2.componentDidMount);
+          if (k2 = u3.props, x2 = (a2 = A2.contextType) && i3[a2.__c], P2 = a2 ? x2 ? x2.props.value : a2.__ : i3, t2.__c ? w2 = (p2 = u3.__c = t2.__c).__ = p2.__E : ("prototype" in A2 && A2.prototype.render ? u3.__c = p2 = new A2(k2, P2) : (u3.__c = p2 = new b(k2, P2), p2.constructor = A2, p2.render = O), x2 && x2.sub(p2), p2.props = k2, p2.state || (p2.state = {}), p2.context = P2, p2.__n = i3, y2 = p2.__d = true, p2.__h = [], p2._sb = []), null == p2.__s && (p2.__s = p2.state), null != A2.getDerivedStateFromProps && (p2.__s == p2.state && (p2.__s = v({}, p2.__s)), v(p2.__s, A2.getDerivedStateFromProps(k2, p2.__s))), d2 = p2.props, _ = p2.state, p2.__v = u3, y2)
+            null == A2.getDerivedStateFromProps && null != p2.componentWillMount && p2.componentWillMount(), null != p2.componentDidMount && p2.__h.push(p2.componentDidMount);
           else {
-            if (null == T2.getDerivedStateFromProps && w2 !== d2 && null != p2.componentWillReceiveProps && p2.componentWillReceiveProps(w2, C2), !p2.__e && (null != p2.shouldComponentUpdate && false === p2.shouldComponentUpdate(w2, p2.__s, C2) || u2.__v === t2.__v)) {
-              for (u2.__v !== t2.__v && (p2.props = w2, p2.state = p2.__s, p2.__d = false), u2.__e = t2.__e, u2.__k = t2.__k, u2.__k.forEach(function(n3) {
-                n3 && (n3.__ = u2);
-              }), S = 0; S < p2._sb.length; S++)
-                p2.__h.push(p2._sb[S]);
-              p2._sb = [], p2.__h.length && f2.push(p2);
+            if (null == A2.getDerivedStateFromProps && k2 !== d2 && null != p2.componentWillReceiveProps && p2.componentWillReceiveProps(k2, P2), !p2.__e && (null != p2.shouldComponentUpdate && false === p2.shouldComponentUpdate(k2, p2.__s, P2) || u3.__v === t2.__v)) {
+              for (u3.__v !== t2.__v && (p2.props = k2, p2.state = p2.__s, p2.__d = false), u3.__e = t2.__e, u3.__k = t2.__k, u3.__k.forEach(function(n3) {
+                n3 && (n3.__ = u3);
+              }), S2 = 0; S2 < p2._sb.length; S2++)
+                p2.__h.push(p2._sb[S2]);
+              p2._sb = [], p2.__h.length && f3.push(p2);
               break n;
             }
-            null != p2.componentWillUpdate && p2.componentWillUpdate(w2, p2.__s, C2), null != p2.componentDidUpdate && p2.__h.push(function() {
-              p2.componentDidUpdate(d2, _, g2);
+            null != p2.componentWillUpdate && p2.componentWillUpdate(k2, p2.__s, P2), null != p2.componentDidUpdate && p2.__h.push(function() {
+              p2.componentDidUpdate(d2, _, m2);
             });
           }
-          if (p2.context = C2, p2.props = w2, p2.__P = n2, p2.__e = false, $2 = l.__r, A2 = 0, "prototype" in T2 && T2.prototype.render) {
-            for (p2.state = p2.__s, p2.__d = false, $2 && $2(u2), a2 = p2.render(p2.props, p2.state, p2.context), H2 = 0; H2 < p2._sb.length; H2++)
-              p2.__h.push(p2._sb[H2]);
+          if (p2.context = P2, p2.props = k2, p2.__P = n2, p2.__e = false, $ = l.__r, H2 = 0, "prototype" in A2 && A2.prototype.render) {
+            for (p2.state = p2.__s, p2.__d = false, $ && $(u3), a2 = p2.render(p2.props, p2.state, p2.context), I2 = 0; I2 < p2._sb.length; I2++)
+              p2.__h.push(p2._sb[I2]);
             p2._sb = [];
           } else
             do {
-              p2.__d = false, $2 && $2(u2), a2 = p2.render(p2.props, p2.state, p2.context), p2.state = p2.__s;
-            } while (p2.__d && ++A2 < 25);
-          p2.state = p2.__s, null != p2.getChildContext && (i2 = v(v({}, i2), p2.getChildContext())), y2 || null == p2.getSnapshotBeforeUpdate || (g2 = p2.getSnapshotBeforeUpdate(d2, _)), P(n2, h(I2 = null != a2 && a2.type === k && null == a2.key ? a2.props.children : a2) ? I2 : [I2], u2, t2, i2, o2, r2, f2, e2, c2, s2), p2.base = u2.__e, u2.__h = null, p2.__h.length && f2.push(p2), m2 && (p2.__E = p2.__ = null);
+              p2.__d = false, $ && $(u3), a2 = p2.render(p2.props, p2.state, p2.context), p2.state = p2.__s;
+            } while (p2.__d && ++H2 < 25);
+          p2.state = p2.__s, null != p2.getChildContext && (i3 = v(v({}, i3), p2.getChildContext())), y2 || null == p2.getSnapshotBeforeUpdate || (m2 = p2.getSnapshotBeforeUpdate(d2, _)), C(n2, h(T2 = null != a2 && a2.type === g && null == a2.key ? a2.props.children : a2) ? T2 : [T2], u3, t2, i3, o2, r2, f3, e2, c2, s2), p2.base = u3.__e, u3.__u &= -161, p2.__h.length && f3.push(p2), w2 && (p2.__E = p2.__ = null);
         } catch (n3) {
-          u2.__v = null, (c2 || null != r2) && (u2.__e = e2, u2.__h = !!c2, r2[r2.indexOf(e2)] = null), l.__e(n3, u2, t2);
+          u3.__v = null, c2 || null != r2 ? (u3.__e = e2, u3.__u |= c2 ? 160 : 32, r2[r2.indexOf(e2)] = null) : (u3.__e = t2.__e, u3.__k = t2.__k), l.__e(n3, u3, t2);
         }
       else
-        null == r2 && u2.__v === t2.__v ? (u2.__k = t2.__k, u2.__e = t2.__e) : u2.__e = N(t2.__e, u2, t2, i2, o2, r2, f2, c2, s2);
-    (a2 = l.diffed) && a2(u2);
+        null == r2 && u3.__v === t2.__v ? (u3.__k = t2.__k, u3.__e = t2.__e) : u3.__e = j(t2.__e, u3, t2, i3, o2, r2, f3, c2, s2);
+    (a2 = l.diffed) && a2(u3);
   }
-  function M(n2, u2, t2) {
-    for (var i2 = 0; i2 < t2.length; i2++)
-      O(t2[i2], t2[++i2], t2[++i2]);
-    l.__c && l.__c(u2, n2), n2.some(function(u3) {
+  function M(n2, u3, t2) {
+    u3.__d = void 0;
+    for (var i3 = 0; i3 < t2.length; i3++)
+      z(t2[i3], t2[++i3], t2[++i3]);
+    l.__c && l.__c(u3, n2), n2.some(function(u4) {
       try {
-        n2 = u3.__h, u3.__h = [], n2.some(function(n3) {
-          n3.call(u3);
+        n2 = u4.__h, u4.__h = [], n2.some(function(n3) {
+          n3.call(u4);
         });
       } catch (n3) {
-        l.__e(n3, u3.__v);
+        l.__e(n3, u4.__v);
       }
     });
   }
-  function N(l2, u2, t2, i2, o2, r2, f2, e2, s2) {
-    var a2, v2, y2, d2 = t2.props, _ = u2.props, k2 = u2.type, b2 = 0;
-    if ("svg" === k2 && (o2 = true), null != r2) {
-      for (; b2 < r2.length; b2++)
-        if ((a2 = r2[b2]) && "setAttribute" in a2 == !!k2 && (k2 ? a2.localName === k2 : 3 === a2.nodeType)) {
-          l2 = a2, r2[b2] = null;
+  function j(l2, u3, t2, i3, o2, r2, f3, e2, s2) {
+    var a2, v2, y2, d2, _, g2, b2, w2 = t2.props, k2 = u3.props, x2 = u3.type;
+    if ("svg" === x2 && (o2 = true), null != r2) {
+      for (a2 = 0; a2 < r2.length; a2++)
+        if ((_ = r2[a2]) && "setAttribute" in _ == !!x2 && (x2 ? _.localName === x2 : 3 === _.nodeType)) {
+          l2 = _, r2[a2] = null;
           break;
         }
     }
     if (null == l2) {
-      if (null === k2)
-        return document.createTextNode(_);
-      l2 = o2 ? document.createElementNS("http://www.w3.org/2000/svg", k2) : document.createElement(k2, _.is && _), r2 = null, e2 = false;
+      if (null === x2)
+        return document.createTextNode(k2);
+      l2 = o2 ? document.createElementNS("http://www.w3.org/2000/svg", x2) : document.createElement(x2, k2.is && k2), r2 = null, e2 = false;
     }
-    if (null === k2)
-      d2 === _ || e2 && l2.data === _ || (l2.data = _);
+    if (null === x2)
+      w2 === k2 || e2 && l2.data === k2 || (l2.data = k2);
     else {
-      if (r2 = r2 && n.call(l2.childNodes), v2 = (d2 = t2.props || c).dangerouslySetInnerHTML, y2 = _.dangerouslySetInnerHTML, !e2) {
-        if (null != r2)
-          for (d2 = {}, b2 = 0; b2 < l2.attributes.length; b2++)
-            d2[l2.attributes[b2].name] = l2.attributes[b2].value;
-        (y2 || v2) && (y2 && (v2 && y2.__html == v2.__html || y2.__html === l2.innerHTML) || (l2.innerHTML = y2 && y2.__html || ""));
-      }
-      if (H(l2, _, d2, o2, e2), y2)
-        u2.__k = [];
-      else if (P(l2, h(b2 = u2.props.children) ? b2 : [b2], u2, t2, i2, o2 && "foreignObject" !== k2, r2, f2, r2 ? r2[0] : t2.__k && g(t2, 0), e2, s2), null != r2)
-        for (b2 = r2.length; b2--; )
-          null != r2[b2] && p(r2[b2]);
-      e2 || ("value" in _ && void 0 !== (b2 = _.value) && (b2 !== l2.value || "progress" === k2 && !b2 || "option" === k2 && b2 !== d2.value) && T(l2, "value", b2, d2.value, false), "checked" in _ && void 0 !== (b2 = _.checked) && b2 !== l2.checked && T(l2, "checked", b2, d2.checked, false));
+      if (r2 = r2 && n.call(l2.childNodes), w2 = t2.props || c, !e2 && null != r2)
+        for (w2 = {}, a2 = 0; a2 < l2.attributes.length; a2++)
+          w2[(_ = l2.attributes[a2]).name] = _.value;
+      for (a2 in w2)
+        _ = w2[a2], "children" == a2 || ("dangerouslySetInnerHTML" == a2 ? y2 = _ : "key" === a2 || a2 in k2 || T(l2, a2, null, _, o2));
+      for (a2 in k2)
+        _ = k2[a2], "children" == a2 ? d2 = _ : "dangerouslySetInnerHTML" == a2 ? v2 = _ : "value" == a2 ? g2 = _ : "checked" == a2 ? b2 = _ : "key" === a2 || e2 && "function" != typeof _ || w2[a2] === _ || T(l2, a2, _, w2[a2], o2);
+      if (v2)
+        e2 || y2 && (v2.__html === y2.__html || v2.__html === l2.innerHTML) || (l2.innerHTML = v2.__html), u3.__k = [];
+      else if (y2 && (l2.innerHTML = ""), C(l2, h(d2) ? d2 : [d2], u3, t2, i3, o2 && "foreignObject" !== x2, r2, f3, r2 ? r2[0] : t2.__k && m(t2, 0), e2, s2), null != r2)
+        for (a2 = r2.length; a2--; )
+          null != r2[a2] && p(r2[a2]);
+      e2 || (a2 = "value", void 0 !== g2 && (g2 !== l2[a2] || "progress" === x2 && !g2 || "option" === x2 && g2 !== w2[a2]) && T(l2, a2, g2, w2[a2], false), a2 = "checked", void 0 !== b2 && b2 !== l2[a2] && T(l2, a2, b2, w2[a2], false));
     }
     return l2;
   }
-  function O(n2, u2, t2) {
+  function z(n2, u3, t2) {
     try {
-      "function" == typeof n2 ? n2(u2) : n2.current = u2;
+      "function" == typeof n2 ? n2(u3) : n2.current = u3;
     } catch (n3) {
       l.__e(n3, t2);
     }
   }
-  function q(n2, u2, t2) {
-    var i2, o2;
-    if (l.unmount && l.unmount(n2), (i2 = n2.ref) && (i2.current && i2.current !== n2.__e || O(i2, null, u2)), null != (i2 = n2.__c)) {
-      if (i2.componentWillUnmount)
+  function N(n2, u3, t2) {
+    var i3, o2;
+    if (l.unmount && l.unmount(n2), (i3 = n2.ref) && (i3.current && i3.current !== n2.__e || z(i3, null, u3)), null != (i3 = n2.__c)) {
+      if (i3.componentWillUnmount)
         try {
-          i2.componentWillUnmount();
+          i3.componentWillUnmount();
         } catch (n3) {
-          l.__e(n3, u2);
+          l.__e(n3, u3);
         }
-      i2.base = i2.__P = null, n2.__c = void 0;
+      i3.base = i3.__P = null, n2.__c = void 0;
     }
-    if (i2 = n2.__k)
-      for (o2 = 0; o2 < i2.length; o2++)
-        i2[o2] && q(i2[o2], u2, t2 || "function" != typeof n2.type);
+    if (i3 = n2.__k)
+      for (o2 = 0; o2 < i3.length; o2++)
+        i3[o2] && N(i3[o2], u3, t2 || "function" != typeof n2.type);
     t2 || null == n2.__e || p(n2.__e), n2.__ = n2.__e = n2.__d = void 0;
   }
-  function B(n2, l2, u2) {
-    return this.constructor(n2, u2);
+  function O(n2, l2, u3) {
+    return this.constructor(n2, u3);
   }
-  function D(u2, t2, i2) {
-    var o2, r2, f2, e2;
-    l.__ && l.__(u2, t2), r2 = (o2 = "function" == typeof i2) ? null : i2 && i2.__k || t2.__k, f2 = [], e2 = [], L(t2, u2 = (!o2 && i2 || t2).__k = y(k, null, [u2]), r2 || c, c, void 0 !== t2.ownerSVGElement, !o2 && i2 ? [i2] : r2 ? null : t2.firstChild ? n.call(t2.childNodes) : null, f2, !o2 && i2 ? i2 : r2 ? r2.__e : t2.firstChild, o2, e2), M(f2, u2, e2);
+  function q(u3, t2, i3) {
+    var o2, r2, f3, e2;
+    l.__ && l.__(u3, t2), r2 = (o2 = "function" == typeof i3) ? null : i3 && i3.__k || t2.__k, f3 = [], e2 = [], L(t2, u3 = (!o2 && i3 || t2).__k = y(g, null, [u3]), r2 || c, c, void 0 !== t2.ownerSVGElement, !o2 && i3 ? [i3] : r2 ? null : t2.firstChild ? n.call(t2.childNodes) : null, f3, !o2 && i3 ? i3 : r2 ? r2.__e : t2.firstChild, o2, e2), M(f3, u3, e2);
   }
-  n = s.slice, l = { __e: function(n2, l2, u2, t2) {
-    for (var i2, o2, r2; l2 = l2.__; )
-      if ((i2 = l2.__c) && !i2.__)
+  n = s.slice, l = { __e: function(n2, l2, u3, t2) {
+    for (var i3, o2, r2; l2 = l2.__; )
+      if ((i3 = l2.__c) && !i3.__)
         try {
-          if ((o2 = i2.constructor) && null != o2.getDerivedStateFromError && (i2.setState(o2.getDerivedStateFromError(n2)), r2 = i2.__d), null != i2.componentDidCatch && (i2.componentDidCatch(n2, t2 || {}), r2 = i2.__d), r2)
-            return i2.__E = i2;
+          if ((o2 = i3.constructor) && null != o2.getDerivedStateFromError && (i3.setState(o2.getDerivedStateFromError(n2)), r2 = i3.__d), null != i3.componentDidCatch && (i3.componentDidCatch(n2, t2 || {}), r2 = i3.__d), r2)
+            return i3.__E = i3;
         } catch (l3) {
           n2 = l3;
         }
     throw n2;
   } }, u = 0, t = function(n2) {
-    return null != n2 && void 0 === n2.constructor;
+    return null != n2 && null == n2.constructor;
   }, b.prototype.setState = function(n2, l2) {
-    var u2;
-    u2 = null != this.__s && this.__s !== this.state ? this.__s : this.__s = v({}, this.state), "function" == typeof n2 && (n2 = n2(v({}, u2), this.props)), n2 && v(u2, n2), null != n2 && this.__v && (l2 && this._sb.push(l2), w(this));
+    var u3;
+    u3 = null != this.__s && this.__s !== this.state ? this.__s : this.__s = v({}, this.state), "function" == typeof n2 && (n2 = n2(v({}, u3), this.props)), n2 && v(u3, n2), null != n2 && this.__v && (l2 && this._sb.push(l2), k(this));
   }, b.prototype.forceUpdate = function(n2) {
-    this.__v && (this.__e = true, n2 && this.__h.push(n2), w(this));
-  }, b.prototype.render = k, i = [], r = "function" == typeof Promise ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, f = function(n2, l2) {
+    this.__v && (this.__e = true, n2 && this.__h.push(n2), k(this));
+  }, b.prototype.render = g, i = [], r = "function" == typeof Promise ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, f = function(n2, l2) {
     return n2.__v.__b - l2.__v.__b;
   }, x.__r = 0, e = 0;
 
+  // ../../node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js
+  var f2 = 0;
+  var i2 = Array.isArray;
+  function u2(e2, t2, n2, o2, i3, u3) {
+    var a2, c2, p2 = {};
+    for (c2 in t2)
+      "ref" == c2 ? a2 = t2[c2] : p2[c2] = t2[c2];
+    var l2 = { type: e2, props: p2, key: n2, ref: a2, __k: null, __: null, __b: 0, __e: null, __d: void 0, __c: null, constructor: void 0, __v: --f2, __i: -1, __u: 0, __source: i3, __self: u3 };
+    if ("function" == typeof e2 && (a2 = e2.defaultProps))
+      for (c2 in a2)
+        void 0 === p2[c2] && (p2[c2] = a2[c2]);
+    return l.vnode && l.vnode(l2), l2;
+  }
+
   // src/components.tsx
   var IconButton = (props) => {
-    const {
-      className,
-      label,
-      onClick
-    } = props;
-    return React.createElement("div", {
-      className: "deck-widget-button-border"
-    }, React.createElement("button", {
-      className: `deck-widget-button ${className}`,
-      type: "button",
-      onClick,
-      title: label
-    }, React.createElement("div", {
-      className: "deck-widget-icon"
-    })));
+    const { className, label, onClick } = props;
+    return /* @__PURE__ */ u2("div", { className: "deck-widget-button", children: /* @__PURE__ */ u2(
+      "button",
+      {
+        className: `deck-widget-icon-button ${className}`,
+        type: "button",
+        onClick,
+        title: label,
+        children: /* @__PURE__ */ u2("div", { className: "deck-widget-icon" })
+      }
+    ) });
+  };
+  var ButtonGroup = (props) => {
+    const { children, orientation } = props;
+    return /* @__PURE__ */ u2("div", { className: `deck-widget-button-group ${orientation}`, children });
+  };
+  var GroupedIconButton = (props) => {
+    const { className, label, onClick } = props;
+    return /* @__PURE__ */ u2(
+      "button",
+      {
+        className: `deck-widget-icon-button ${className}`,
+        type: "button",
+        onClick,
+        title: label,
+        children: /* @__PURE__ */ u2("div", { className: "deck-widget-icon" })
+      }
+    );
   };
 
   // src/fullscreen-widget.tsx
   var FullscreenWidget = class {
-    id = "fullscreen";
-    placement = "top-left";
-    fullscreen = false;
     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";
@@ -380,13 +425,8 @@ var __exports__ = (() => {
       props.style = props.style || {};
       this.props = props;
     }
-    onAdd({
-      deck
-    }) {
-      const {
-        style,
-        className
-      } = this.props;
+    onAdd({ deck }) {
+      const { style, className } = this.props;
       const el = document.createElement("div");
       el.classList.add("deck-widget", "deck-widget-fullscreen");
       if (className)
@@ -406,20 +446,20 @@ var __exports__ = (() => {
       document.removeEventListener("fullscreenchange", this.onFullscreenChange.bind(this));
     }
     update() {
-      const {
-        enterLabel,
-        exitLabel
-      } = this.props;
+      const { enterLabel, exitLabel } = this.props;
       const el = this.element;
       if (!el) {
         return;
       }
-      const ui = React.createElement(IconButton, {
-        onClick: this.handleClick.bind(this),
-        label: this.fullscreen ? exitLabel : enterLabel,
-        className: this.fullscreen ? "deck-widget-fullscreen-exit" : "deck-widget-fullscreen-enter"
-      });
-      D(ui, el);
+      const ui = /* @__PURE__ */ u2(
+        IconButton,
+        {
+          onClick: this.handleClick.bind(this),
+          label: this.fullscreen ? exitLabel : enterLabel,
+          className: this.fullscreen ? "deck-widget-fullscreen-exit" : "deck-widget-fullscreen-enter"
+        }
+      );
+      q(ui, el);
     }
     setProps(props) {
       const oldProps = this.props;
@@ -436,7 +476,9 @@ var __exports__ = (() => {
             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.entries(props.style).map(
+              ([key, value]) => el.style.setProperty(key, value)
+            );
           }
         }
       }
@@ -464,9 +506,7 @@ var __exports__ = (() => {
     async requestFullscreen() {
       const container = this.getContainer();
       if (container?.requestFullscreen) {
-        await container.requestFullscreen({
-          navigationUI: "hide"
-        });
+        await container.requestFullscreen({ navigationUI: "hide" });
       } else {
         this.togglePseudoFullscreen();
       }
@@ -483,6 +523,184 @@ var __exports__ = (() => {
     }
   };
 
+  // src/compass-widget.tsx
+  var import_core3 = __toESM(require_core(), 1);
+  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_core3.WebMercatorViewport) {
+        return [-this.viewport.bearing, this.viewport.pitch];
+      } else if (this.viewport instanceof import_core3._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 = /* @__PURE__ */ u2("div", { className: "deck-widget-button", style: { perspective: 100 }, children: /* @__PURE__ */ u2(
+        "button",
+        {
+          type: "button",
+          onClick: () => this.handleCompassReset(),
+          label: 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(
+              "path",
+              {
+                d: "M10 13.0001L12.9999 5L15.9997 13.0001H10Z",
+                fill: "var(--icon-compass-north-color, #F05C44)"
+              }
+            ),
+            /* @__PURE__ */ u2(
+              "path",
+              {
+                d: "M16.0002 12.9999L13.0004 21L10.0005 12.9999H16.0002Z",
+                fill: "var(--icon-compass-south-color, #C2C2CC)"
+              }
+            )
+          ] }) })
+        }
+      ) });
+      q(ui, element);
+    }
+    onRemove() {
+      this.deck = void 0;
+      this.element = void 0;
+    }
+    handleCompassReset() {
+      const viewId = this.viewId || "default-view";
+      if (this.viewport instanceof import_core3.WebMercatorViewport) {
+        const nextViewState = {
+          ...this.viewport,
+          bearing: 0,
+          ...this.getRotation()[0] === 0 ? { pitch: 0 } : {},
+          transitionDuration: this.props.transitionDuration,
+          transitionInterpolator: new import_core3.FlyToInterpolator()
+        };
+        this.deck._onViewStateChange({ viewId, viewState: nextViewState, interactionState: {} });
+      }
+    }
+  };
+
+  // src/zoom-widget.tsx
+  var import_core4 = __toESM(require_core(), 1);
+  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 = /* @__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"
+          }
+        )
+      ] });
+      q(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_core4.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);
+      }
+    }
+  };
+
   // src/themes.ts
   var LightTheme = {
     "--button-background": "#fff",
@@ -491,7 +709,9 @@ var __exports__ = (() => {
     "--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)"
+    "--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)",
@@ -500,7 +720,9 @@ var __exports__ = (() => {
     "--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)"
+    "--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)",
@@ -509,7 +731,9 @@ var __exports__ = (() => {
     "--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)"
+    "--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)",
@@ -518,7 +742,9 @@ var __exports__ = (() => {
     "--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)"
+    "--button-icon-hover": "rgba(215, 214, 229, 1)",
+    "--icon-compass-north-color": "#F05C44",
+    "--icon-compass-south-color": "#C2C2CC"
   };
   return __toCommonJS(bundle_exports);
 })();