@manyducks.co/dolla 2.0.0-alpha.29 → 2.0.0-alpha.30

package/dist/{passthrough-eH8w4zJi.js → passthrough-d2lcM0cd.js}

@@ -1,24 +1,24 @@
-var Ut = Object.defineProperty;
+var jt = Object.defineProperty;
 var ot = (r) => {
   throw TypeError(r);
 };
-var Lt = (r, t, e) => t in r ? Ut(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var o = (r, t, e) => Lt(r, typeof t != "symbol" ? t + "" : t, e), ut = (r, t, e) => t.has(r) || ot("Cannot " + e);
-var O = (r, t, e) => (ut(r, t, "read from private field"), e ? e.call(r) : t.get(r)), F = (r, t, e) => t.has(r) ? ot("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(r) : t.set(r, e), P = (r, t, e, n) => (ut(r, t, "write to private field"), n ? n.call(r, e) : t.set(r, e), e);
+var Ut = (r, t, e) => t in r ? jt(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var o = (r, t, e) => Ut(r, typeof t != "symbol" ? t + "" : t, e), ut = (r, t, e) => t.has(r) || ot("Cannot " + e);
+var O = (r, t, e) => (ut(r, t, "read from private field"), e ? e.call(r) : t.get(r)), W = (r, t, e) => t.has(r) ? ot("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(r) : t.set(r, e), F = (r, t, e, n) => (ut(r, t, "write to private field"), n ? n.call(r, e) : t.set(r, e), e);
 function Mt(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var T = { exports: {} }, at;
+var P = { exports: {} }, ct;
 function Rt() {
-  return at || (at = 1, function(r, t) {
+  return ct || (ct = 1, function(r, t) {
     Object.defineProperty(t, "__esModule", { value: !0 });
     var e = /* @__PURE__ */ function() {
-      function h(c, f) {
+      function h(a, f) {
         var l = [], d = !0, p = !1, _ = void 0;
         try {
-          for (var x, y = c[Symbol.iterator](); !(d = (x = y.next()).done) && (l.push(x.value), !(f && l.length === f)); d = !0) ;
-        } catch (g) {
-          p = !0, _ = g;
+          for (var x, y = a[Symbol.iterator](); !(d = (x = y.next()).done) && (l.push(x.value), !(f && l.length === f)); d = !0) ;
+        } catch (w) {
+          p = !0, _ = w;
         } finally {
           try {
             !d && y.return && y.return();
@@ -28,40 +28,40 @@ function Rt() {
         }
         return l;
       }
-      return function(c, f) {
-        if (Array.isArray(c)) return c;
-        if (Symbol.iterator in Object(c)) return h(c, f);
+      return function(a, f) {
+        if (Array.isArray(a)) return a;
+        if (Symbol.iterator in Object(a)) return h(a, f);
         throw new TypeError("Invalid attempt to destructure non-iterable instance");
       };
     }(), n = function(h) {
-      return h.reduce(function(c, f) {
-        return 16 > f ? c + "0" + f.toString(16) : c + f.toString(16);
+      return h.reduce(function(a, f) {
+        return 16 > f ? a + "0" + f.toString(16) : a + f.toString(16);
       }, "#");
-    }, s = function(h, c, f) {
-      var l = 0.5 > f ? f * (1 + c) : f + c - f * c, d = 2 * f - l, p = function(g, C, S) {
-        var z = Math.round, w = 0 > S ? S + 1 : 1 < S ? S - 1 : S;
-        return w = w < 1 / 6 ? g + 6 * (C - g) * w : w < 1 / 2 ? C : w < 2 / 3 ? g + 6 * (C - g) * (2 / 3 - w) : g, z(255 * w);
+    }, s = function(h, a, f) {
+      var l = 0.5 > f ? f * (1 + a) : f + a - f * a, d = 2 * f - l, p = function(w, C, S) {
+        var z = Math.round, g = 0 > S ? S + 1 : 1 < S ? S - 1 : S;
+        return g = g < 1 / 6 ? w + 6 * (C - w) * g : g < 1 / 2 ? C : g < 2 / 3 ? w + 6 * (C - w) * (2 / 3 - g) : w, z(255 * g);
       }, _ = p(d, l, h + 1 / 3), x = p(d, l, h), y = p(d, l, h - 1 / 3);
       return [_, x, y];
-    }, i = function(h, c, f, l) {
-      var d = h % 1007 / 1007, p = function(g, C, S) {
-        return g * (S - C) + C;
-      }, _ = p(d, c.min, c.max), x = p(d, f.min, f.max), y = p(d, l.max, l.min);
+    }, i = function(h, a, f, l) {
+      var d = h % 1007 / 1007, p = function(w, C, S) {
+        return w * (S - C) + C;
+      }, _ = p(d, a.min, a.max), x = p(d, f.min, f.max), y = p(d, l.max, l.min);
       return [_, x, y];
     }, u = function(h) {
-      return h.split("").reduce(function(c, f, l) {
-        return c * f.charCodeAt(0) * l + 1;
+      return h.split("").reduce(function(a, f, l) {
+        return a * f.charCodeAt(0) * l + 1;
       }, 1);
-    }, a = function(h) {
-      var c = h.str, f = h.hue, l = f === void 0 ? { min: 0, max: 360 } : f, d = h.sat, p = d === void 0 ? { min: 0.35, max: 0.65 } : d, _ = h.light, x = _ === void 0 ? { min: 0.3, max: 0.7 } : _, y = h.hashFunction, g = y === void 0 ? u : y, C = h.scheme, S = C === void 0 ? "hex" : C, z = i(g(c), l, p, x), w = e(z, 3), nt = w[0], rt = w[1], st = w[2], it = s(nt / 360, rt, st), jt = n(it);
-      return S === "hsl" ? [nt, rt, st] : S === "rgb" ? it : jt;
+    }, c = function(h) {
+      var a = h.str, f = h.hue, l = f === void 0 ? { min: 0, max: 360 } : f, d = h.sat, p = d === void 0 ? { min: 0.35, max: 0.65 } : d, _ = h.light, x = _ === void 0 ? { min: 0.3, max: 0.7 } : _, y = h.hashFunction, w = y === void 0 ? u : y, C = h.scheme, S = C === void 0 ? "hex" : C, z = i(w(a), l, p, x), g = e(z, 3), nt = g[0], rt = g[1], st = g[2], it = s(nt / 360, rt, st), qt = n(it);
+      return S === "hsl" ? [nt, rt, st] : S === "rgb" ? it : qt;
     };
-    t.default = a, r.exports = t.default;
-  }(T, T.exports)), T.exports;
+    t.default = c, r.exports = t.default;
+  }(P, P.exports)), P.exports;
 }
 var Dt = Rt();
 const zt = /* @__PURE__ */ Mt(Dt);
-function N(r) {
+function V(r) {
   const t = typeof r;
   switch (t) {
     case "undefined":
@@ -105,7 +105,7 @@ function ke(r, t) {
     return !0;
   throw new TypeError(R(r, t ?? "Expected a string. Got type: %t, value: %v"));
 }
-function q(r) {
+function I(r) {
   return typeof r == "function" && !Kt(r);
 }
 function Gt(r) {
@@ -127,12 +127,12 @@ function bt(r) {
 }
 function R(r, t) {
   var s;
-  const e = N(r), n = ((s = r == null ? void 0 : r.toString) == null ? void 0 : s.call(r)) || String(r);
+  const e = V(r), n = ((s = r == null ? void 0 : r.toString) == null ? void 0 : s.call(r)) || String(r);
   return t.replaceAll("%t", e).replaceAll("%v", n);
 }
-var G, ct;
+var G, at;
 function Bt() {
-  return ct || (ct = 1, G = function r(t, e) {
+  return at || (at = 1, G = function r(t, e) {
     if (t === e) return !0;
     if (t && e && typeof t == "object" && typeof e == "object") {
       if (t.constructor !== e.constructor) return !1;
@@ -190,8 +190,8 @@ function Et(r, t) {
 }
 function Ee(r, t) {
   if (Object.is(r, t)) return !0;
-  const e = N(r);
-  if (e !== N(t))
+  const e = V(r);
+  if (e !== V(t))
     return !1;
   switch (e) {
     case "object":
@@ -212,7 +212,7 @@ function Ee(r, t) {
         if (r[s] !== t[s]) return !1;
       return !0;
     case "set":
-      if (q(r.symmetricDifference))
+      if (I(r.symmetricDifference))
         return r.symmetricDifference(t).size === 0;
       for (const s of r.keys())
         if (r[s] !== t.get(s)) return !1;
@@ -237,7 +237,7 @@ function Oe(r) {
     light: { min: 0.6, max: 0.6 }
   });
 }
-function Ne(r) {
+function Ve(r) {
   if (r instanceof RegExp)
     return (n) => r.test(n);
   const t = {
@@ -260,7 +260,7 @@ function Ne(r) {
   };
 }
 var Xt = Object.defineProperty, Qt = (r, t, e) => t in r ? Xt(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, ht = (r, t, e) => Qt(r, typeof t != "symbol" ? t + "" : t, e);
-class j {
+class q {
   constructor() {
     ht(this, "_l", /* @__PURE__ */ new Map()), ht(this, "_a", (t) => {
       if (typeof t != "string" && !(t instanceof Symbol))
@@ -275,8 +275,8 @@ class j {
       } catch (i) {
         let u = this._l.get("error");
         if (u != null && u.length)
-          for (const a of u)
-            a(i, t, s, ...e);
+          for (const c of u)
+            c(i, t, s, ...e);
         else throw i;
       }
     return t != "*" && this.emit("*", t, ...e) || n.length > 0;
@@ -303,25 +303,25 @@ class j {
     return [...this._l.entries()].filter(([, t]) => t.length).map(([t]) => t);
   }
 }
-var V, E;
-class Ve {
+var $, E;
+class $e {
   constructor(t) {
     // #dolla;
-    F(this, V);
-    F(this, E);
-    P(this, V, t.createLogger("Dolla.stats")), P(this, E, W());
+    W(this, $);
+    W(this, E);
+    F(this, $, t.createLogger("Dolla.stats")), F(this, E, N());
     let e;
     O(this, E).emitter.on("statsChanged", () => {
       e && clearTimeout(e), e = setTimeout(() => {
-        O(this, V).info(O(this, E).stats);
+        O(this, $).info(O(this, E).stats);
       }, 200);
     });
   }
 }
-V = new WeakMap(), E = new WeakMap();
+$ = new WeakMap(), E = new WeakMap();
 const B = Symbol.for("DollaStatsStore");
 function lt() {
-  const r = new j(), t = {
+  const r = new q(), t = {
     watcherCount: 0,
     viewCount: 0
   };
@@ -331,24 +331,24 @@ function lt() {
     t.watcherCount += e, r.emit("statsChanged");
   }), { emitter: r, stats: t };
 }
-function W() {
+function N() {
   return typeof window < "u" ? (window[B] || (window[B] = lt()), window[B]) : lt();
 }
 function At() {
-  W().emitter.emit("_incrementWatcherCount", 1);
+  N().emitter.emit("_incrementWatcherCount", 1);
 }
 function Ot() {
-  W().emitter.emit("_incrementWatcherCount", -1);
+  N().emitter.emit("_incrementWatcherCount", -1);
 }
 function te() {
-  W().emitter.emit("_incrementViewCount", 1);
+  N().emitter.emit("_incrementViewCount", 1);
 }
 function ee() {
-  W().emitter.emit("_incrementViewCount", -1);
+  N().emitter.emit("_incrementViewCount", -1);
 }
-const Nt = Symbol.for("DollaState"), Vt = Symbol.for("DollaRef"), $t = Symbol.for("DollaMarkup"), M = Symbol.for("DollaMarkupElement"), ne = Symbol.for("DollaStore"), Wt = Symbol.for("DollaStoreFactory");
+const Vt = Symbol.for("DollaState"), $t = Symbol.for("DollaRef"), Lt = Symbol.for("DollaMarkup"), M = Symbol.for("DollaMarkupElement"), ne = Symbol.for("DollaStore"), Nt = Symbol.for("DollaStoreFactory");
 function m(r) {
-  return (r == null ? void 0 : r[Nt]) === !0;
+  return (r == null ? void 0 : r[Vt]) === !0;
 }
 function re(r) {
   return m(r) ? r.get() : r;
@@ -392,7 +392,7 @@ class se {
   }
 }
 var mt;
-mt = Nt;
+mt = Vt;
 class X {
   constructor(t) {
     o(this, mt, !0);
@@ -527,7 +527,7 @@ function D() {
     }
   };
 }
-function $e(r) {
+function Le(r) {
   function t() {
     if (arguments.length === 1)
       r = arguments[0];
@@ -535,32 +535,32 @@ function $e(r) {
       throw new Error(`Too many arguments. Expected 0 or 1. Got: ${arguments.length}`);
     return r;
   }
-  return t[Vt] = !0, t;
+  return t[$t] = !0, t;
 }
 function ue(r) {
-  return (r == null ? void 0 : r[Vt]) === !0;
+  return (r == null ? void 0 : r[$t]) === !0;
 }
-var $;
+var L;
 class Q {
   constructor(t, e) {
     o(this, "type");
     o(this, "detail");
-    F(this, $, !1);
+    W(this, L, !1);
     this.type = t, this.detail = e;
   }
   get propagationStopped() {
-    return O(this, $);
+    return O(this, L);
   }
   stopPropagation() {
-    P(this, $, !0);
+    F(this, L, !0);
   }
   get [Symbol.toStringTag]() {
     return "ContextEvent";
   }
   // stopImmediatePropagation() {}
 }
-$ = new WeakMap();
-let ae = class {
+L = new WeakMap();
+let ce = class {
   constructor(t) {
     o(this, "__store");
     this.__store = t;
@@ -589,14 +589,39 @@ let ae = class {
     }
     return null;
   }
+  // on<T = unknown>(eventName: string, listener: (...args: any) => void): void {
+  //   this.__store._elementContext.emitter.on(eventName, listener);
+  // }
+  // off<T = unknown>(eventName: string, listener: (...args: any) => void): void {
+  //   this.__store._elementContext.emitter.off(eventName, listener);
+  // }
+  // once<T = unknown>(eventName: string, listener: (...args: any) => void): void {
+  //   this.__store._elementContext.emitter.once(eventName, listener);
+  // }
   on(t, e) {
-    this.__store._elementContext.emitter.on(t, e);
+    if (t === "*") {
+      const n = (s, i) => {
+        e(i);
+      };
+      this.__store._elementContext.emitter.on(t, n), this.__store._wildcardListeners.set(e, n);
+    } else
+      this.__store._elementContext.emitter.on(t, e);
   }
   off(t, e) {
-    this.__store._elementContext.emitter.off(t, e);
+    if (t === "*") {
+      const n = this.__store._wildcardListeners.get(e);
+      n && (this.__store._elementContext.emitter.off(t, n), this.__store._wildcardListeners.delete(e));
+    } else
+      this.__store._elementContext.emitter.off(t, e);
   }
   once(t, e) {
-    this.__store._elementContext.emitter.once(t, e);
+    if (t === "*") {
+      const n = (s, i) => {
+        this.__store._wildcardListeners.delete(e), e(i);
+      };
+      this.__store._elementContext.emitter.once(t, n), this.__store._wildcardListeners.set(e, n);
+    } else
+      this.__store._elementContext.emitter.once(t, e);
   }
   emit(t, e) {
     return this.__store._elementContext.emitter.emit(t, new Q(t, e));
@@ -621,7 +646,7 @@ let ae = class {
     }
   }
 };
-class ce {
+class ae {
   constructor(t, e, n) {
     o(this, "key");
     o(this, "_fn");
@@ -632,7 +657,8 @@ class ce {
     o(this, "value");
     o(this, "isMounted", !1);
     o(this, "_elementContext");
-    o(this, "_emitter", new j());
+    o(this, "_emitter", new q());
+    o(this, "_wildcardListeners", /* @__PURE__ */ new Map());
     o(this, "_logger");
     o(this, "_watcher", D());
     this.key = t, this._fn = e, this._options = n;
@@ -650,7 +676,7 @@ class ce {
     this._elementContext = t, this._logger = t.root.createLogger(this._fn.name), this._emitter.on("error", (n, s, ...i) => {
       console.log({ error: n, eventName: s, args: i }), this._logger.crash(n);
     });
-    const e = new ae(this);
+    const e = new ce(this);
     try {
       this.value = this._fn.call(e, this._options, e);
     } catch (n) {
@@ -666,29 +692,29 @@ class ce {
   }
 }
 function he(r) {
-  return (r == null ? void 0 : r[Wt]) === !0;
+  return (r == null ? void 0 : r[Nt]) === !0;
 }
 function le(r) {
   return (r == null ? void 0 : r[ne]) === !0;
 }
-function Fe(r) {
+function We(r) {
   const t = Z();
   function e(n) {
-    return new ce(t, r, n);
+    return new ae(t, r, n);
   }
-  return e[Wt] = !0, e.key = t, e;
+  return e[Nt] = !0, e.key = t, e;
 }
 class H extends Error {
 }
 function fe(r) {
-  for (var t, e, n = arguments, s = 1, i = "", u = "", a = [0], h = function(l) {
-    s === 1 && (l || (i = i.replace(/^\s*\n\s*|\s*\n\s*$/g, ""))) ? a.push(l ? n[l] : i) : s === 3 && (l || i) ? (a[1] = l ? n[l] : i, s = 2) : s === 2 && i === "..." && l ? a[2] = Object.assign(a[2] || {}, n[l]) : s === 2 && i && !l ? (a[2] = a[2] || {})[i] = !0 : s >= 5 && (s === 5 ? ((a[2] = a[2] || {})[e] = l ? i ? i + n[l] : n[l] : i, s = 6) : (l || i) && (a[2][e] += l ? i + n[l] : i)), i = "";
-  }, c = 0; c < r.length; c++) {
-    c && (s === 1 && h(), h(c));
-    for (var f = 0; f < r[c].length; f++) t = r[c][f], s === 1 ? t === "<" ? (h(), a = [a, "", null], s = 3) : i += t : s === 4 ? i === "--" && t === ">" ? (s = 1, i = "") : i = t + i[0] : u ? t === u ? u = "" : i += t : t === '"' || t === "'" ? u = t : t === ">" ? (h(), s = 1) : s && (t === "=" ? (s = 5, e = i, i = "") : t === "/" && (s < 5 || r[c][f + 1] === ">") ? (h(), s === 3 && (a = a[0]), s = a, (a = a[0]).push(this.apply(null, s.slice(1))), s = 0) : t === " " || t === "	" || t === `
-` || t === "\r" ? (h(), s = 2) : i += t), s === 3 && i === "!--" && (s = 4, a = a[0]);
+  for (var t, e, n = arguments, s = 1, i = "", u = "", c = [0], h = function(l) {
+    s === 1 && (l || (i = i.replace(/^\s*\n\s*|\s*\n\s*$/g, ""))) ? c.push(l ? n[l] : i) : s === 3 && (l || i) ? (c[1] = l ? n[l] : i, s = 2) : s === 2 && i === "..." && l ? c[2] = Object.assign(c[2] || {}, n[l]) : s === 2 && i && !l ? (c[2] = c[2] || {})[i] = !0 : s >= 5 && (s === 5 ? ((c[2] = c[2] || {})[e] = l ? i ? i + n[l] : n[l] : i, s = 6) : (l || i) && (c[2][e] += l ? i + n[l] : i)), i = "";
+  }, a = 0; a < r.length; a++) {
+    a && (s === 1 && h(), h(a));
+    for (var f = 0; f < r[a].length; f++) t = r[a][f], s === 1 ? t === "<" ? (h(), c = [c, "", null], s = 3) : i += t : s === 4 ? i === "--" && t === ">" ? (s = 1, i = "") : i = t + i[0] : u ? t === u ? u = "" : i += t : t === '"' || t === "'" ? u = t : t === ">" ? (h(), s = 1) : s && (t === "=" ? (s = 5, e = i, i = "") : t === "/" && (s < 5 || r[a][f + 1] === ">") ? (h(), s === 3 && (c = c[0]), s = c, (c = c[0]).push(this.apply(null, s.slice(1))), s = 0) : t === " " || t === "	" || t === `
+` || t === "\r" ? (h(), s = 2) : i += t), s === 3 && i === "!--" && (s = 4, c = c[0]);
   }
-  return h(), a.length > 2 ? a.slice(1) : a[1];
+  return h(), c.length > 2 ? c.slice(1) : c[1];
 }
 var _t;
 _t = M;
@@ -709,11 +735,11 @@ class dt {
   }
 }
 const de = (r) => /^on[A-Z]/.test(r);
-var gt;
-gt = M;
+var wt;
+wt = M;
 class pe {
   constructor({ tag: t, props: e, children: n, elementContext: s }) {
-    o(this, gt, !0);
+    o(this, wt, !0);
     o(this, "node");
     o(this, "props");
     o(this, "childMarkup", []);
@@ -785,28 +811,28 @@ class pe {
         for (const u in i)
           this.attachProp(
             i[u],
-            (a) => {
-              a == null ? t.removeAttribute(u) : t.setAttribute(u, String(a));
+            (c) => {
+              c == null ? t.removeAttribute(u) : t.setAttribute(u, String(c));
             },
             this.getUpdateKey("attr", u)
           );
       } else if (n === "eventListeners") {
         const i = s;
         for (const u in i) {
-          const a = m(s) ? (h) => s.get()(h) : s;
-          t.addEventListener(u, a), this.stopCallbacks.push(() => {
-            t.removeEventListener(u, a);
+          const c = m(s) ? (h) => s.get()(h) : s;
+          t.addEventListener(u, c), this.stopCallbacks.push(() => {
+            t.removeEventListener(u, c);
           });
         }
       } else if (n === "onClickOutside" || n === "onclickoutside") {
-        const i = (a) => {
-          this.canClickAway && !t.contains(a.target) && (m(s) ? s.get()(a) : s(a));
+        const i = (c) => {
+          this.canClickAway && !t.contains(c.target) && (m(s) ? s.get()(c) : s(c));
         }, u = { capture: !0 };
         window.addEventListener("click", i, u), this.stopCallbacks.push(() => {
           window.removeEventListener("click", i, u);
         });
       } else if (de(n)) {
-        const i = n.slice(2).toLowerCase(), u = m(s) ? (a) => s.get()(a) : s;
+        const i = n.slice(2).toLowerCase(), u = m(s) ? (c) => s.get()(c) : s;
         t.addEventListener(i, u), this.stopCallbacks.push(() => {
           t.removeEventListener(i, u);
         });
@@ -900,27 +926,27 @@ class pe {
     const s = [];
     if (m(e)) {
       let i;
-      const u = e.watch((a) => {
+      const u = e.watch((c) => {
         this._mutate(
           () => {
-            q(i) && i(), t.style.cssText = "", i = this.applyStyles(t, a, n);
+            I(i) && i(), t.style.cssText = "", i = this.applyStyles(t, c, n);
           },
           this.getUpdateKey("styles", "*")
         );
       });
       n.push(u), s.push(u);
     } else {
-      const i = Pt(e);
+      const i = Ft(e);
       for (const u in i) {
-        const { value: a, priority: h } = i[u];
-        if (m(a)) {
-          const c = a.watch((f) => {
+        const { value: c, priority: h } = i[u];
+        if (m(c)) {
+          const a = c.watch((f) => {
             this._mutate(() => {
               f ? t.style.setProperty(u, String(f), h) : t.style.removeProperty(u);
             });
           });
-          n.push(c), s.push(c);
-        } else a != null && t.style.setProperty(u, String(a));
+          n.push(a), s.push(a);
+        } else c != null && t.style.setProperty(u, String(c));
       }
     }
     return function() {
@@ -932,27 +958,27 @@ class pe {
     const s = [];
     if (m(e)) {
       let i;
-      const u = e.watch((a) => {
+      const u = e.watch((c) => {
         this._mutate(
           () => {
-            q(i) && i(), t.removeAttribute("class"), i = this.applyClasses(t, a, n);
+            I(i) && i(), t.removeAttribute("class"), i = this.applyClasses(t, c, n);
           },
           this.getUpdateKey("attr", "class")
         );
       });
       n.push(u), s.push(u);
     } else {
-      const i = Ft(e);
+      const i = Wt(e);
       for (const u in i) {
-        const a = i[u];
-        if (m(a)) {
-          const h = a.watch((c) => {
+        const c = i[u];
+        if (m(c)) {
+          const h = c.watch((a) => {
             this._mutate(() => {
-              c ? t.classList.add(u) : t.classList.remove(u);
+              a ? t.classList.add(u) : t.classList.remove(u);
             });
           });
           n.push(h), s.push(h);
-        } else a && t.classList.add(u);
+        } else c && t.classList.add(u);
       }
     }
     return function() {
@@ -961,18 +987,18 @@ class pe {
     };
   }
 }
-function Ft(r) {
+function Wt(r) {
   let t = {};
   if (b(r)) {
     const e = r.split(" ");
     for (const n of e)
       t[n] = !0;
   } else bt(r) ? Object.assign(t, r) : Array.isArray(r) && Array.from(r).filter(Boolean).forEach((e) => {
-    Object.assign(t, Ft(e));
+    Object.assign(t, Wt(e));
   });
   return delete t.undefined, t;
 }
-function Pt(r) {
+function Ft(r) {
   let t = {};
   if (b(r)) {
     const e = r.split(";").filter((n) => n.trim() !== "");
@@ -987,7 +1013,7 @@ function Pt(r) {
     for (const e in r)
       e.startsWith("--") ? t[e] = { value: r[e] } : t[pt(e)] = { value: r[e] };
   else Array.isArray(r) && Array.from(r).filter((e) => e != null).forEach((e) => {
-    Object.assign(t, Pt(e));
+    Object.assign(t, Ft(e));
   });
   return t;
 }
@@ -995,11 +1021,11 @@ function pt(r) {
   return r.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (t, e) => (e ? "-" : "") + t.toLowerCase());
 }
 const me = ["ref", "children", "class", "style", "data"];
-var wt;
-wt = M;
+var gt;
+gt = M;
 class _e {
   constructor({ sources: t, renderFn: e, elementContext: n }) {
-    o(this, wt, !0);
+    o(this, gt, !0);
     o(this, "node", document.createTextNode(""));
     o(this, "children", []);
     o(this, "renderFn");
@@ -1014,9 +1040,9 @@ class _e {
   mount(t, e) {
     this.isMounted || (t.insertBefore(this.node, (e == null ? void 0 : e.nextSibling) ?? null), this.watcher.watch(this.sources, (...n) => {
       const s = this.renderFn(...n);
-      if (!qt(s))
+      if (!It(s))
         throw console.error(s, n), new TypeError(
-          `Observer received invalid value to render. Got type: ${N(s)}, value: ${s}`
+          `Observer received invalid value to render. Got type: ${V(s)}, value: ${s}`
         );
       this.update(A(s) ? s : [s]);
     }));
@@ -1031,21 +1057,21 @@ class _e {
     this.children = [];
   }
   update(t) {
-    var i, u, a;
+    var i, u, c;
     if (this.cleanup(!1), t == null || t.length === 0 || !this.isMounted)
       return;
-    const e = t.flatMap((h) => It(h) ? h : k(this.elementContext, tt(h)));
+    const e = t.flatMap((h) => Tt(h) ? h : k(this.elementContext, tt(h)));
     for (const h of e) {
-      const c = ((i = this.children.at(-1)) == null ? void 0 : i.node) || this.node;
-      h.mount(this.node.parentNode, c), this.children.push(h);
+      const a = ((i = this.children.at(-1)) == null ? void 0 : i.node) || this.node;
+      h.mount(this.node.parentNode, a), this.children.push(h);
     }
-    const n = this.node.parentNode, s = ((a = (u = this.children.at(-1)) == null ? void 0 : u.node) == null ? void 0 : a.nextSibling) ?? null;
+    const n = this.node.parentNode, s = ((c = (u = this.children.at(-1)) == null ? void 0 : u.node) == null ? void 0 : c.nextSibling) ?? null;
     n.insertBefore(this.node, s);
   }
 }
 var yt;
 yt = M;
-class Tt {
+class Pt {
   constructor(t) {
     o(this, yt, !0);
     o(this, "node", document.createTextNode(""));
@@ -1081,7 +1107,7 @@ class Tt {
 }
 var St;
 St = M;
-class ge {
+class we {
   constructor(t) {
     o(this, St, !0);
     o(this, "config");
@@ -1093,17 +1119,17 @@ class ge {
   }
   mount(t, e) {
     const { content: n, parent: s } = this.config;
-    It(n) ? this.element = n : this.element = I(k(this.config.elementContext, tt(n))), this.element.mount(s);
+    Tt(n) ? this.element = n : this.element = T(k(this.config.elementContext, tt(n))), this.element.mount(s);
   }
   unmount(t = !1) {
     var e;
     (e = this.element) != null && e.isMounted && this.element.unmount(t);
   }
 }
-function Pe(r) {
+function Fe(r) {
   return r;
 }
-class we {
+class ge {
   constructor(t) {
     o(this, "__view");
     this.__view = t;
@@ -1135,14 +1161,39 @@ class we {
     }
     return null;
   }
+  // on<T = unknown>(eventName: string, listener: (...args: any) => void): void {
+  //   this.__view._elementContext.emitter.on(eventName, listener);
+  // }
+  // off<T = unknown>(eventName: string, listener: (...args: any) => void): void {
+  //   this.__view._elementContext.emitter.off(eventName, listener);
+  // }
+  // once<T = unknown>(eventName: string, listener: (...args: any) => void): void {
+  //   this.__view._elementContext.emitter.once(eventName, listener);
+  // }
   on(t, e) {
-    this.__view._elementContext.emitter.on(t, e);
+    if (t === "*") {
+      const n = (s, i) => {
+        e(i);
+      };
+      this.__view._elementContext.emitter.on(t, n), this.__view._wildcardListeners.set(e, n);
+    } else
+      this.__view._elementContext.emitter.on(t, e);
   }
   off(t, e) {
-    this.__view._elementContext.emitter.off(t, e);
+    if (t === "*") {
+      const n = this.__view._wildcardListeners.get(e);
+      n && (this.__view._elementContext.emitter.off(t, n), this.__view._wildcardListeners.delete(e));
+    } else
+      this.__view._elementContext.emitter.off(t, e);
   }
   once(t, e) {
-    this.__view._elementContext.emitter.once(t, e);
+    if (t === "*") {
+      const n = (s, i) => {
+        this.__view._wildcardListeners.delete(e), e(i);
+      };
+      this.__view._elementContext.emitter.once(t, n), this.__view._wildcardListeners.set(e, n);
+    } else
+      this.__view._elementContext.emitter.once(t, e);
   }
   emit(t, e) {
     return this.__view._elementContext.emitter.emit(t, new Q(t, e));
@@ -1216,20 +1267,21 @@ const et = class et {
     o(this, "_$children");
     o(this, "_setChildren");
     o(this, "_watcher", D());
-    o(this, "_emitter", new j());
+    o(this, "_emitter", new q());
+    o(this, "_wildcardListeners", /* @__PURE__ */ new Map());
     o(this, "isMounted", !1);
     this._elementContext = {
       ...t,
       data: {},
       parent: t,
       viewName: e.name,
-      emitter: new j(),
+      emitter: new q(),
       stores: /* @__PURE__ */ new Map()
-    }, this._logger = t.root.createLogger(e.name || "🌇 anonymous view", { uid: this.uniqueId }), this._view = e, this._props = n, this._childMarkup = s, [this._$children, this._setChildren] = Y([]), this._emitter.on("error", (i, u, ...a) => {
-      this._logger.error({ error: i, eventName: u, args: a }), this._logger.crash(i);
+    }, this._logger = t.root.createLogger(e.name || "🌇 anonymous view", { uid: this.uniqueId }), this._view = e, this._props = n, this._childMarkup = s, [this._$children, this._setChildren] = Y([]), this._emitter.on("error", (i, u, ...c) => {
+      this._logger.error({ error: i, eventName: u, args: c }), this._logger.crash(i);
     }), this._elementContext.emitter.on("*", (i, u) => {
-      var a;
-      u instanceof Q && (u.propagationStopped || (a = this._elementContext.parent) == null || a.emitter.emit(i, u));
+      var c;
+      u instanceof Q && (u.propagationStopped || (c = this._elementContext.parent) == null || c.emitter.emit(i, u));
     });
   }
   /*===============================*\
@@ -1257,7 +1309,7 @@ const et = class et {
   ||           Internal            ||
   \*===============================*/
   _initialize() {
-    const t = new we(this);
+    const t = new ge(this);
     let e;
     try {
       e = this._view.call(t, this._props, t), this._childMarkup.length && this._setChildren(k(this._elementContext, this._childMarkup));
@@ -1265,22 +1317,22 @@ const et = class et {
       throw n instanceof Error && this._logger.crash(n), n;
     }
     if (e !== null) if (e instanceof Node)
-      this._element = I(k(this._elementContext, v("$node", { value: e })));
-    else if (L(e) || kt(L, e))
-      this._element = I(k(this._elementContext, e));
+      this._element = T(k(this._elementContext, v("$node", { value: e })));
+    else if (U(e) || kt(U, e))
+      this._element = T(k(this._elementContext, e));
     else if (m(e))
-      this._element = I(
+      this._element = T(
         k(this._elementContext, v("$observer", { sources: [e], renderFn: (n) => n }))
       );
     else {
       const n = new TypeError(
-        `Expected '${this._view.name}' function to return a DOM node, Markup element, Readable or null. Got: ${N(e)}`
+        `Expected '${this._view.name}' function to return a DOM node, Markup element, Readable or null. Got: ${V(e)}`
       );
       this._logger.crash(n);
     }
   }
 };
-let U = et;
+let j = et;
 var Ct;
 Ct = M;
 class ye {
@@ -1315,33 +1367,33 @@ class ye {
     this.connectedItems = [];
   }
   _update(t) {
-    var u, a, h;
+    var u, c, h;
     if (t.length === 0 || !this.isMounted)
       return this._cleanup(!1);
     const e = [];
     let n = 0;
-    for (const c of t)
+    for (const a of t)
       e.push({
-        key: this.keyFn(c, n),
-        value: c,
+        key: this.keyFn(a, n),
+        value: a,
         index: n++
       });
     const s = [];
-    for (const c of this.connectedItems)
-      e.find((l) => l.key === c.key) || c.element.unmount(!1);
-    for (const c of e) {
-      const f = this.connectedItems.find((l) => l.key === c.key);
+    for (const a of this.connectedItems)
+      e.find((l) => l.key === a.key) || a.element.unmount(!1);
+    for (const a of e) {
+      const f = this.connectedItems.find((l) => l.key === a.key);
       if (f)
-        f.setValue(c.value), f.setIndex(c.index), s[c.index] = f;
+        f.setValue(a.value), f.setIndex(a.index), s[a.index] = f;
       else {
-        const [l, d] = Y(c.value), [p, _] = Y(c.index);
-        s[c.index] = {
-          key: c.key,
+        const [l, d] = Y(a.value), [p, _] = Y(a.index);
+        s[a.index] = {
+          key: a.key,
           $value: l,
           setValue: d,
           $index: p,
           setIndex: _,
-          element: new U(this.elementContext, Se, {
+          element: new j(this.elementContext, Se, {
             $value: l,
             $index: p,
             renderFn: this.renderFn
@@ -1349,26 +1401,26 @@ class ye {
         };
       }
     }
-    for (let c = 0; c < s.length; c++) {
-      const f = s[c], l = ((u = s[c - 1]) == null ? void 0 : u.element.node) ?? this.node;
+    for (let a = 0; a < s.length; a++) {
+      const f = s[a], l = ((u = s[a - 1]) == null ? void 0 : u.element.node) ?? this.node;
       f.element.mount(this.node.parentNode, l);
     }
     this.connectedItems = s;
-    const i = ((a = s.at(-1)) == null ? void 0 : a.element.node) ?? this.node;
+    const i = ((c = s.at(-1)) == null ? void 0 : c.element.node) ?? this.node;
     (h = this.node.parentNode) == null || h.insertBefore(this.node, i.nextSibling);
   }
 }
 function Se({ $value: r, $index: t, renderFn: e }, n) {
   return n.setName("@RepeatItem"), e.call(n, r, t, n);
 }
-function L(r) {
-  return (r == null ? void 0 : r[$t]) === !0;
+function U(r) {
+  return (r == null ? void 0 : r[Lt]) === !0;
 }
-function It(r) {
+function Tt(r) {
   return (r == null ? void 0 : r[M]) === !0;
 }
 function tt(r) {
-  return A(r) || (r = [r]), r.flat(1 / 0).filter((t) => t != null && t !== !1).map((t) => L(t) ? t : t instanceof Node ? v("$node", { value: t }) : m(t) ? v("$observer", {
+  return A(r) || (r = [r]), r.flat(1 / 0).filter((t) => t != null && t !== !1).map((t) => U(t) ? t : t instanceof Node ? v("$node", { value: t }) : m(t) ? v("$observer", {
     sources: [t],
     renderFn: (e) => e
   }) : v("$text", { value: t }));
@@ -1377,7 +1429,7 @@ function v(r, t, ...e) {
   return new ve(r, t, ...e);
 }
 var xt;
-xt = $t;
+xt = Lt;
 class ve {
   constructor(t, e, ...n) {
     o(this, xt, !0);
@@ -1387,24 +1439,24 @@ class ve {
     this.type = t, this.props = e, this.children = tt(n);
   }
 }
-const Te = fe.bind(v);
-function Ie(r, t, e) {
+const Pe = fe.bind(v);
+function Te(r, t, e) {
   return v("$observer", {
     sources: [r],
     renderFn: (n) => n && t ? t : !n && e ? e : null
   });
 }
-function qe(r, t, e) {
+function Ie(r, t, e) {
   const n = J(r);
   return v("$repeat", { $items: n, keyFn: t, renderFn: e });
 }
-function je(r, t) {
+function qe(r, t) {
   return v("$portal", { parent: r, content: t });
 }
 function k(r, t) {
   return (A(t) ? t : [t]).map((n) => {
-    if (q(n.type))
-      return new U(r, n.type, n.props, n.children);
+    if (I(n.type))
+      return new j(r, n.type, n.props, n.children);
     if (b(n.type))
       switch (n.type) {
         case "$node": {
@@ -1434,11 +1486,11 @@ function k(r, t) {
         }
         case "$outlet": {
           const s = n.props;
-          return new Tt(s.$children);
+          return new Pt(s.$children);
         }
         case "$portal": {
           const s = n.props;
-          return new ge({
+          return new we({
             content: s.content,
             parent: s.parent,
             elementContext: r
@@ -1458,49 +1510,49 @@ function k(r, t) {
       throw new TypeError(`Expected a string or view function. Got: ${n.type}`);
   });
 }
-function I(r) {
-  return r.length === 1 ? r[0] : new Tt(r);
+function T(r) {
+  return r.length === 1 ? r[0] : new Pt(r);
 }
-function qt(r) {
-  return r == null || r === !1 || b(r) || Gt(r) || L(r) || m(r) || kt(qt, r);
+function It(r) {
+  return r == null || r === !1 || b(r) || Gt(r) || U(r) || m(r) || kt(It, r);
 }
-function Ue(r, t) {
+function je(r, t) {
   return t.outlet();
 }
 export {
   Zt as A,
   Oe as B,
   Q as C,
-  I as D,
+  T as D,
   k as E,
-  Fe as F,
+  We as F,
   Et as G,
-  je as H,
-  qe as I,
-  Pe as J,
-  Ue as P,
-  Ve as S,
-  U as V,
+  qe as H,
+  Ie as I,
+  Fe as J,
+  je as P,
+  $e as S,
+  j as V,
   b as a,
   Ae as b,
   Y as c,
   oe as d,
-  q as e,
+  I as e,
   ke as f,
   Me as g,
   xe as h,
   bt as i,
-  Te as j,
-  Ie as k,
+  Pe as j,
+  Te as k,
   D as l,
-  Ne as m,
+  Ve as m,
   J as n,
   re as o,
-  j as p,
+  q as p,
   m as q,
-  $e as r,
+  Le as r,
   Ee as s,
-  N as t,
+  V as t,
   ue as u,
   he as v,
   H as w,
@@ -1508,4 +1560,4 @@ export {
   be as y,
   v as z
 };
-//# sourceMappingURL=passthrough-eH8w4zJi.js.map
+//# sourceMappingURL=passthrough-d2lcM0cd.js.map