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

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;
@@ -89,16 +91,16 @@ var __exports__ = (() => {
     l2 && l2.removeChild(n2);
   }
   function y(l2, u2, t2) {
-    var i2, o2, r2, f2 = {};
+    var i2, o3, r2, f2 = {};
     for (r2 in u2)
-      "key" == r2 ? i2 = u2[r2] : "ref" == r2 ? o2 = u2[r2] : f2[r2] = u2[r2];
+      "key" == r2 ? i2 = u2[r2] : "ref" == r2 ? o3 = 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)
       for (r2 in l2.defaultProps)
         void 0 === f2[r2] && (f2[r2] = l2.defaultProps[r2]);
-    return d(l2, f2, i2, o2, null);
+    return d(l2, f2, i2, o3, 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 };
+  function d(n2, t2, i2, o3, r2) {
+    var f2 = { type: n2, props: t2, key: i2, ref: o3, __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 k(n2) {
@@ -130,39 +132,39 @@ var __exports__ = (() => {
     (!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, l2, u2, t2, o3, r2, e2, c2, s2;
     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 && (l2 = i.length, t2 = void 0, o3 = void 0, r2 = void 0, c2 = (e2 = (u2 = n2).__v).__e, (s2 = u2.__P) && (t2 = [], o3 = [], (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, o3), M(t2, e2, o3), e2.__e != c2 && m(e2)), i.length > l2 && 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;
+  function P(n2, l2, u2, t2, i2, o3, r2, f2, e2, a2, v2) {
+    var p2, y2, _2, 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));
+      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)) ? _2 = c : (_2 = I2[P2] || c, I2[P2] = void 0, j2--), L(n2, b2, _2, i2, o3, r2, f2, e2, a2, v2), m2 = b2.__e, (y2 = b2.ref) && _2.ref != y2 && (_2.ref && O(_2.ref, null, b2), v2.push(y2, b2.__c || m2, b2)), null != m2 && (null == w2 && (w2 = m2), (S = _2 === c || null === _2.__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 && _2.__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))) : (_2 = I2[p2]) && null == _2.key && _2.__e && (_2.__e == e2 && (e2 = g(_2)), q(_2, _2, 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, 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));
+    for (var t2, i2 = n2.__k, o3 = 0; i2 && o3 < i2.length; o3++)
+      (t2 = i2[o3]) && (t2.__ = n2, l2 = "function" == typeof t2.type ? C(t2, l2, u2) : $(u2, t2.__e, l2));
     return l2;
   }
   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 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)
+    var i2 = n2.key, o3 = n2.type, r2 = u2 - 1, f2 = u2 + 1, e2 = l2[u2];
+    if (null === e2 || e2 && i2 == e2.key && o3 === e2.type)
       return u2;
     if (t2 > (null != e2 ? 1 : 0))
       for (; r2 >= 0 || f2 < l2.length; ) {
         if (r2 >= 0) {
-          if ((e2 = l2[r2]) && i2 == e2.key && o2 === e2.type)
+          if ((e2 = l2[r2]) && i2 == e2.key && o3 === e2.type)
             return r2;
           r2--;
         }
         if (f2 < l2.length) {
-          if ((e2 = l2[f2]) && i2 == e2.key && o2 === e2.type)
+          if ((e2 = l2[f2]) && i2 == e2.key && o3 === e2.type)
             return f2;
           f2++;
         }
@@ -170,17 +172,17 @@ var __exports__ = (() => {
     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);
+    var o3;
+    for (o3 in u2)
+      "children" === o3 || "key" === o3 || o3 in l2 || T(n2, o3, null, u2[o3], t2);
+    for (o3 in l2)
+      i2 && "function" != typeof l2[o3] || "children" === o3 || "key" === o3 || "value" === o3 || "checked" === o3 || u2[o3] === l2[o3] || T(n2, o3, l2[o3], u2[o3], t2);
   }
   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) {
-    var o2;
+    var o3;
     n:
       if ("style" === l2)
         if ("string" == typeof u2)
@@ -194,7 +196,7 @@ var __exports__ = (() => {
               t2 && u2[l2] === t2[l2] || I(n2.style, l2, u2[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);
+        o3 = l2 !== (l2 = l2.replace(/Capture$/, "")), l2 = l2.toLowerCase() in n2 ? l2.toLowerCase().slice(2) : l2.slice(2), n2.l || (n2.l = {}), n2.l[l2 + o3] = u2, u2 ? t2 || n2.addEventListener(l2, o3 ? z : j, o3) : n2.removeEventListener(l2, o3 ? z : j, o3);
       else if ("dangerouslySetInnerHTML" !== l2) {
         if (i2)
           l2 = l2.replace(/xlink(H|:h)/, "h").replace(/sName$/, "s");
@@ -213,15 +215,15 @@ var __exports__ = (() => {
   function z(n2) {
     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;
+  function L(n2, u2, t2, i2, o3, r2, f2, e2, c2, s2) {
+    var a2, p2, y2, d2, _2, g2, m2, w2, x2, C2, S, $2, A2, H2, I2, T2 = u2.type;
     if (void 0 !== u2.constructor)
       return null;
     null != t2.__h && (c2 = t2.__h, e2 = u2.__e = t2.__e, u2.__h = null, r2 = [e2]), (a2 = l.__b) && a2(u2);
     n:
       if ("function" == typeof T2)
         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)
+          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, _2 = p2.state, p2.__v = u2, y2)
             null == T2.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)) {
@@ -233,7 +235,7 @@ var __exports__ = (() => {
               break n;
             }
             null != p2.componentWillUpdate && p2.componentWillUpdate(w2, p2.__s, C2), null != p2.componentDidUpdate && p2.__h.push(function() {
-              p2.componentDidUpdate(d2, _, g2);
+              p2.componentDidUpdate(d2, _2, g2);
             });
           }
           if (p2.context = C2, p2.props = w2, p2.__P = n2, p2.__e = false, $2 = l.__r, A2 = 0, "prototype" in T2 && T2.prototype.render) {
@@ -244,12 +246,12 @@ var __exports__ = (() => {
             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.state = p2.__s, null != p2.getChildContext && (i2 = v(v({}, i2), p2.getChildContext())), y2 || null == p2.getSnapshotBeforeUpdate || (g2 = p2.getSnapshotBeforeUpdate(d2, _2)), P(n2, h(I2 = null != a2 && a2.type === k && null == a2.key ? a2.props.children : a2) ? I2 : [I2], u2, t2, i2, o3, r2, f2, e2, c2, s2), p2.base = u2.__e, u2.__h = null, p2.__h.length && f2.push(p2), m2 && (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);
         }
       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);
+        null == r2 && u2.__v === t2.__v ? (u2.__k = t2.__k, u2.__e = t2.__e) : u2.__e = N(t2.__e, u2, t2, i2, o3, r2, f2, c2, s2);
     (a2 = l.diffed) && a2(u2);
   }
   function M(n2, u2, t2) {
@@ -265,9 +267,9 @@ var __exports__ = (() => {
       }
     });
   }
-  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) {
+  function N(l2, u2, t2, i2, o3, r2, f2, e2, s2) {
+    var a2, v2, y2, d2 = t2.props, _2 = u2.props, k2 = u2.type, b2 = 0;
+    if ("svg" === k2 && (o3 = 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;
@@ -276,24 +278,24 @@ var __exports__ = (() => {
     }
     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;
+        return document.createTextNode(_2);
+      l2 = o3 ? document.createElementNS("http://www.w3.org/2000/svg", k2) : document.createElement(k2, _2.is && _2), r2 = null, e2 = false;
     }
     if (null === k2)
-      d2 === _ || e2 && l2.data === _ || (l2.data = _);
+      d2 === _2 || e2 && l2.data === _2 || (l2.data = _2);
     else {
-      if (r2 = r2 && n.call(l2.childNodes), v2 = (d2 = t2.props || c).dangerouslySetInnerHTML, y2 = _.dangerouslySetInnerHTML, !e2) {
+      if (r2 = r2 && n.call(l2.childNodes), v2 = (d2 = t2.props || c).dangerouslySetInnerHTML, y2 = _2.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)
+      if (H(l2, _2, d2, o3, 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)
+      else if (P(l2, h(b2 = u2.props.children) ? b2 : [b2], u2, t2, i2, o3 && "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));
+      e2 || ("value" in _2 && void 0 !== (b2 = _2.value) && (b2 !== l2.value || "progress" === k2 && !b2 || "option" === k2 && b2 !== d2.value) && T(l2, "value", b2, d2.value, false), "checked" in _2 && void 0 !== (b2 = _2.checked) && b2 !== l2.checked && T(l2, "checked", b2, d2.checked, false));
     }
     return l2;
   }
@@ -305,7 +307,7 @@ var __exports__ = (() => {
     }
   }
   function q(n2, u2, t2) {
-    var i2, o2;
+    var i2, o3;
     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)
         try {
@@ -316,22 +318,22 @@ var __exports__ = (() => {
       i2.base = i2.__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);
+      for (o3 = 0; o3 < i2.length; o3++)
+        i2[o3] && q(i2[o3], u2, 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 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);
+    var o3, r2, f2, e2;
+    l.__ && l.__(u2, t2), r2 = (o3 = "function" == typeof i2) ? null : i2 && i2.__k || t2.__k, f2 = [], e2 = [], L(t2, u2 = (!o3 && i2 || t2).__k = y(k, null, [u2]), r2 || c, c, void 0 !== t2.ownerSVGElement, !o3 && i2 ? [i2] : r2 ? null : t2.firstChild ? n.call(t2.childNodes) : null, f2, !o3 && i2 ? i2 : r2 ? r2.__e : t2.firstChild, o3, e2), M(f2, u2, e2);
   }
   n = s.slice, l = { __e: function(n2, l2, u2, t2) {
-    for (var i2, o2, r2; l2 = l2.__; )
+    for (var i2, o3, r2; l2 = l2.__; )
       if ((i2 = l2.__c) && !i2.__)
         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)
+          if ((o3 = i2.constructor) && null != o3.getDerivedStateFromError && (i2.setState(o3.getDerivedStateFromError(n2)), r2 = i2.__d), null != i2.componentDidCatch && (i2.componentDidCatch(n2, t2 || {}), r2 = i2.__d), r2)
             return i2.__E = i2;
         } catch (l3) {
           n2 = l3;
@@ -348,31 +350,57 @@ var __exports__ = (() => {
     return n2.__v.__b - l2.__v.__b;
   }, x.__r = 0, e = 0;
 
+  // ../../node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js
+  var _ = 0;
+  function o2(o3, e2, n2, t2, f2, l2) {
+    var s2, u2, a2 = {};
+    for (u2 in e2)
+      "ref" == u2 ? s2 = e2[u2] : a2[u2] = e2[u2];
+    var i2 = { type: o3, props: a2, key: n2, ref: s2, __k: null, __: null, __b: 0, __e: null, __d: void 0, __c: null, __h: null, constructor: void 0, __v: --_, __source: f2, __self: l2 };
+    if ("function" == typeof o3 && (s2 = o3.defaultProps))
+      for (u2 in s2)
+        void 0 === a2[u2] && (a2[u2] = s2[u2]);
+    return l.vnode && l.vnode(i2), i2;
+  }
+
   // 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__ */ o2("div", { className: "deck-widget-button", children: /* @__PURE__ */ o2(
+      "button",
+      {
+        className: `deck-widget-icon-button ${className}`,
+        type: "button",
+        onClick,
+        title: label,
+        children: /* @__PURE__ */ o2("div", { className: "deck-widget-icon" })
+      }
+    ) });
+  };
+  var ButtonGroup = (props) => {
+    const { children, orientation } = props;
+    return /* @__PURE__ */ o2("div", { className: `deck-widget-button-group ${orientation}`, children });
+  };
+  var GroupedIconButton = (props) => {
+    const { className, label, onClick } = props;
+    return /* @__PURE__ */ o2(
+      "button",
+      {
+        className: `deck-widget-icon-button ${className}`,
+        type: "button",
+        onClick,
+        title: label,
+        children: /* @__PURE__ */ o2("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 +408,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,19 +429,19 @@ 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"
-      });
+      const ui = /* @__PURE__ */ o2(
+        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);
     }
     setProps(props) {
@@ -436,7 +459,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 +489,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 +506,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__ */ o2("div", { className: "deck-widget-button", style: { perspective: 100 }, children: /* @__PURE__ */ o2(
+        "button",
+        {
+          type: "button",
+          onClick: () => this.handleCompassReset(),
+          label: this.props.label,
+          style: { transform: `rotateX(${rx}deg)` },
+          children: /* @__PURE__ */ o2("svg", { fill: "none", width: "100%", height: "100%", viewBox: "0 0 26 26", children: /* @__PURE__ */ o2("g", { transform: `rotate(${rz},13,13)`, children: [
+            /* @__PURE__ */ o2(
+              "path",
+              {
+                d: "M10 13.0001L12.9999 5L15.9997 13.0001H10Z",
+                fill: "var(--icon-compass-north-color, #F05C44)"
+              }
+            ),
+            /* @__PURE__ */ o2(
+              "path",
+              {
+                d: "M16.0002 12.9999L13.0004 21L10.0005 12.9999H16.0002Z",
+                fill: "var(--icon-compass-south-color, #C2C2CC)"
+              }
+            )
+          ] }) })
+        }
+      ) });
+      D(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__ */ o2(ButtonGroup, { orientation: this.orientation, children: [
+        /* @__PURE__ */ o2(
+          GroupedIconButton,
+          {
+            onClick: () => this.handleZoomIn(),
+            label: this.props.zoomInLabel,
+            className: "deck-widget-zoom-in"
+          }
+        ),
+        /* @__PURE__ */ o2(
+          GroupedIconButton,
+          {
+            onClick: () => this.handleZoomOut(),
+            label: this.props.zoomOutLabel,
+            className: "deck-widget-zoom-out"
+          }
+        )
+      ] });
+      D(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 +692,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 +703,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 +714,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 +725,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);
 })();

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

@@ -15,7 +15,13 @@ 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> {

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;IACZ,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,CAAA;KAAC,GAAG,cAAc;IAe3C,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"}