@deck.gl/widgets 8.10.0-alpha.2 → 8.10.0-alpha.4

package/LICENSE

@@ -1,4 +1,4 @@
-Copyright (c) 2020 Urban Computing Foundation
+Copyright Vis.gl contributors.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/dist.dev.js

@@ -15,6 +15,10 @@ var __exports__ = (() => {
   var __commonJS = (cb, mod) => function __require() {
     return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
   };
+  var __export = (target, all) => {
+    for (var name in all)
+      __defProp(target, name, { get: all[name], enumerable: true });
+  };
   var __copyProps = (to, from, except, desc) => {
     if (from && typeof from === "object" || typeof from === "function") {
       for (let key of __getOwnPropNames(from))
@@ -39,6 +43,13 @@ var __exports__ = (() => {
 
   // bundle.ts
   var bundle_exports = {};
+  __export(bundle_exports, {
+    DarkGlassTheme: () => DarkGlassTheme,
+    DarkTheme: () => DarkTheme,
+    FullscreenWidget: () => FullscreenWidget,
+    LightGlassTheme: () => LightGlassTheme,
+    LightTheme: () => LightTheme
+  });
 
   // ../core/bundle/peer-dependency.ts
   var peer_dependency_exports = {};
@@ -50,6 +61,465 @@ var __exports__ = (() => {
 
   // bundle.ts
   __reExport(bundle_exports, peer_dependency_exports);
+
+  // src/fullscreen-widget.tsx
+  var import_core2 = __toESM(require_core());
+
+  // ../../node_modules/preact/dist/preact.module.js
+  var n;
+  var l;
+  var u;
+  var t;
+  var i;
+  var o;
+  var r;
+  var f;
+  var e;
+  var c = {};
+  var s = [];
+  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];
+    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)
+      for (r2 in l2.defaultProps)
+        void 0 === f2[r2] && (f2[r2] = l2.defaultProps[r2]);
+    return d(l2, f2, i2, 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 k(n2) {
+    return n2.children;
+  }
+  function b(n2, l2) {
+    this.props = n2, this.context = l2;
+  }
+  function g(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;
+  }
+  function m(n2) {
+    var l2, u2;
+    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;
+          break;
+        }
+      return m(n2);
+    }
+  }
+  function w(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;
+    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));
+    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, 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 $(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)
+      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)
+            return r2;
+          r2--;
+        }
+        if (f2 < l2.length) {
+          if ((e2 = l2[f2]) && i2 == e2.key && o2 === e2.type)
+            return f2;
+          f2++;
+        }
+      }
+    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, 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;
+    n:
+      if ("style" === l2)
+        if ("string" == typeof u2)
+          n2.style.cssText = u2;
+        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]);
+        }
+      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)
+          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)
+          try {
+            n2[l2] = null == u2 ? "" : u2;
+            break n;
+          } catch (n3) {
+          }
+        "function" == typeof u2 || (null == u2 || false === u2 && "-" !== l2[4] ? n2.removeAttribute(l2) : n2.setAttribute(l2, u2));
+      }
+  }
+  function j(n2) {
+    return this.l[n2.type + false](l.event ? l.event(n2) : n2);
+  }
+  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;
+    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)
+            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)) {
+              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);
+              break n;
+            }
+            null != p2.componentWillUpdate && p2.componentWillUpdate(w2, p2.__s, C2), null != p2.componentDidUpdate && p2.__h.push(function() {
+              p2.componentDidUpdate(d2, _, 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) {
+            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]);
+            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);
+        } 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);
+    (a2 = l.diffed) && a2(u2);
+  }
+  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) {
+      try {
+        n2 = u3.__h, u3.__h = [], n2.some(function(n3) {
+          n3.call(u3);
+        });
+      } catch (n3) {
+        l.__e(n3, u3.__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;
+          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 === k2)
+      d2 === _ || e2 && l2.data === _ || (l2.data = _);
+    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));
+    }
+    return l2;
+  }
+  function O(n2, u2, t2) {
+    try {
+      "function" == typeof n2 ? n2(u2) : n2.current = u2;
+    } 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)
+        try {
+          i2.componentWillUnmount();
+        } catch (n3) {
+          l.__e(n3, u2);
+        }
+      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);
+    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);
+  }
+  n = s.slice, l = { __e: function(n2, l2, u2, t2) {
+    for (var i2, o2, 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)
+            return i2.__E = i2;
+        } catch (l3) {
+          n2 = l3;
+        }
+    throw n2;
+  } }, u = 0, t = function(n2) {
+    return null != n2 && void 0 === 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));
+  }, 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) {
+    return n2.__v.__b - l2.__v.__b;
+  }, x.__r = 0, e = 0;
+
+  // src/components.tsx
+  var IconButton = (props) => {
+    const {
+      className,
+      label,
+      onClick
+    } = props;
+    return /* @__PURE__ */ React.createElement("div", {
+      className: "deck-widget-button-border"
+    }, /* @__PURE__ */ React.createElement("button", {
+      className: `deck-widget-button ${className}`,
+      type: "button",
+      onClick,
+      title: label
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "deck-widget-icon"
+    })));
+  };
+
+  // src/fullscreen-widget.tsx
+  var FullscreenWidget = class {
+    id = "fullscreen";
+    placement = "top-left";
+    fullscreen = false;
+    constructor(props) {
+      this.id = props.id || "fullscreen";
+      this.placement = props.placement || "top-left";
+      props.enterLabel = props.enterLabel || "Enter Fullscreen";
+      props.exitLabel = props.exitLabel || "Exit Fullscreen";
+      props.style = props.style || {};
+      this.props = props;
+    }
+    onAdd({
+      deck
+    }) {
+      const {
+        style,
+        className
+      } = this.props;
+      const el = document.createElement("div");
+      el.classList.add("deck-widget", "deck-widget-fullscreen");
+      if (className)
+        el.classList.add(className);
+      if (style) {
+        Object.entries(style).map(([key, value]) => el.style.setProperty(key, value));
+      }
+      this.deck = deck;
+      this.element = el;
+      this.update();
+      document.addEventListener("fullscreenchange", this.onFullscreenChange.bind(this));
+      return el;
+    }
+    onRemove() {
+      this.deck = void 0;
+      this.element = void 0;
+      document.removeEventListener("fullscreenchange", this.onFullscreenChange.bind(this));
+    }
+    update() {
+      const {
+        enterLabel,
+        exitLabel
+      } = this.props;
+      const el = this.element;
+      if (!el) {
+        return;
+      }
+      const ui = /* @__PURE__ */ 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);
+    }
+    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_core2._deepEqual)(oldProps.style, props.style, 1)) {
+          if (oldProps.style) {
+            Object.entries(oldProps.style).map(([key]) => el.style.removeProperty(key));
+          }
+          if (props.style) {
+            Object.entries(props.style).map(([key, value]) => el.style.setProperty(key, value));
+          }
+        }
+      }
+      Object.assign(this.props, props);
+    }
+    getContainer() {
+      return this.props.container || this.deck?.getCanvas()?.parentElement;
+    }
+    onFullscreenChange() {
+      const prevFullscreen = this.fullscreen;
+      const fullscreen = document.fullscreenElement === this.getContainer();
+      if (prevFullscreen !== fullscreen) {
+        this.fullscreen = !this.fullscreen;
+      }
+      this.update();
+    }
+    async handleClick() {
+      if (this.fullscreen) {
+        await this.exitFullscreen();
+      } else {
+        await this.requestFullscreen();
+      }
+      this.update();
+    }
+    async requestFullscreen() {
+      const container = this.getContainer();
+      if (container?.requestFullscreen) {
+        await container.requestFullscreen({
+          navigationUI: "hide"
+        });
+      } else {
+        this.togglePseudoFullscreen();
+      }
+    }
+    async exitFullscreen() {
+      if (document.exitFullscreen) {
+        await document.exitFullscreen();
+      } else {
+        this.togglePseudoFullscreen();
+      }
+    }
+    togglePseudoFullscreen() {
+      this.getContainer()?.classList.toggle("deck-pseudo-fullscreen");
+    }
+  };
+
+  // src/themes.ts
+  var LightTheme = {
+    "--button-background": "#fff",
+    "--button-stroke": "rgba(255, 255, 255, 0.3)",
+    "--button-inner-stroke": "unset",
+    "--button-shadow": "0px 0px 8px 0px rgba(0, 0, 0, 0.25)",
+    "--button-backdrop-filter": "unset",
+    "--button-icon-idle": "rgba(97, 97, 102, 1)",
+    "--button-icon-hover": "rgba(24, 24, 26, 1)"
+  };
+  var DarkTheme = {
+    "--button-background": "rgba(18, 18, 20, 1)",
+    "--button-stroke": "rgba(18, 18, 20, 0.30)",
+    "--button-inner-stroke": "unset",
+    "--button-shadow": "0px 0px 8px 0px rgba(0, 0, 0, 0.25)",
+    "--button-backdrop-filter": "unset",
+    "--button-icon-idle": "rgba(158, 157, 168, 1)",
+    "--button-icon-hover": "rgba(215, 214, 229, 1)"
+  };
+  var LightGlassTheme = {
+    "--button-background": "rgba(255, 255, 255, 0.6)",
+    "--button-stroke": "rgba(255, 255, 255, 0.3)",
+    "--button-inner-stroke": "1px solid rgba(255, 255, 255, 0.6)",
+    "--button-shadow": "0px 0px 8px 0px rgba(0, 0, 0, 0.25), 0px 0px 8px 0px rgba(0, 0, 0, 0.1) inset",
+    "--button-backdrop-filter": "blur(4px)",
+    "--button-icon-idle": "rgba(97, 97, 102, 1)",
+    "--button-icon-hover": "rgba(24, 24, 26, 1)"
+  };
+  var DarkGlassTheme = {
+    "--button-background": "rgba(18, 18, 20, 0.75)",
+    "--button-stroke": "rgba(18, 18, 20, 0.30)",
+    "--button-inner-stroke": "1px solid rgba(18, 18, 20, 0.75)",
+    "--button-shadow": "0px 0px 8px 0px rgba(0, 0, 0, 0.25), 0px 0px 8px 0px rgba(0, 0, 0, 0.1) inset",
+    "--button-backdrop-filter": "blur(4px)",
+    "--button-icon-idle": "rgba(158, 157, 168, 1)",
+    "--button-icon-hover": "rgba(215, 214, 229, 1)"
+  };
   return __toCommonJS(bundle_exports);
 })();
       return __exports__;

package/dist/es5/components.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconButton = void 0;
+
+var IconButton = function IconButton(props) {
+  var className = props.className,
+      label = props.label,
+      onClick = props.onClick;
+  return React.createElement("div", {
+    className: "deck-widget-button-border"
+  }, React.createElement("button", {
+    className: "deck-widget-button ".concat(className),
+    type: "button",
+    onClick: onClick,
+    title: label
+  }, React.createElement("div", {
+    className: "deck-widget-icon"
+  })));
+};
+
+exports.IconButton = IconButton;
+//# sourceMappingURL=components.js.map

package/dist/es5/components.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components.tsx"],"names":["IconButton","props","className","label","onClick"],"mappings":";;;;;;;AAEO,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAAAC,KAAK,EAAI;AACjC,MAAOC,SAAP,GAAoCD,KAApC,CAAOC,SAAP;AAAA,MAAkBC,KAAlB,GAAoCF,KAApC,CAAkBE,KAAlB;AAAA,MAAyBC,OAAzB,GAAoCH,KAApC,CAAyBG,OAAzB;AACA,SACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AACE,IAAA,SAAS,+BAAwBF,SAAxB,CADX;AAEE,IAAA,IAAI,EAAC,QAFP;AAGE,IAAA,OAAO,EAAEE,OAHX;AAIE,IAAA,KAAK,EAAED;AAJT,KAME;AAAK,IAAA,SAAS,EAAC;AAAf,IANF,CADF,CADF;AAYD,CAdM","sourcesContent":["import {h, render} from 'preact';\n\nexport const IconButton = props => {\n  const {className, label, onClick} = props;\n  return (\n    <div className=\"deck-widget-button-border\">\n      <button\n        className={`deck-widget-button ${className}`}\n        type=\"button\"\n        onClick={onClick}\n        title={label}\n      >\n        <div className=\"deck-widget-icon\" />\n      </button>\n    </div>\n  );\n};\n"],"file":"components.js"}