@manyducks.co/dolla 2.0.0-alpha.42 → 2.0.0-alpha.44

package/dist/{markup-DQdkb3ri.js → markup-aCjkIk4X.js}

@@ -1,12 +1,12 @@
-var $e = Object.defineProperty;
-var ue = (t) => {
+var Oe = Object.defineProperty;
+var oe = (t) => {
   throw TypeError(t);
 };
-var Ie = (t, e, s) => e in t ? $e(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
-var l = (t, e, s) => Ie(t, typeof e != "symbol" ? e + "" : e, s), G = (t, e, s) => e.has(t) || ue("Cannot " + s);
-var w = (t, e, s) => (G(t, e, "read from private field"), s ? s.call(t) : e.get(t)), C = (t, e, s) => e.has(t) ? ue("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, s), $ = (t, e, s, n) => (G(t, e, "write to private field"), n ? n.call(t, s) : e.set(t, s), s), ce = (t, e, s) => (G(t, e, "access private method"), s);
+var $e = (t, e, s) => e in t ? Oe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
+var l = (t, e, s) => $e(t, typeof e != "symbol" ? e + "" : e, s), F = (t, e, s) => e.has(t) || oe("Cannot " + s);
+var w = (t, e, s) => (F(t, e, "read from private field"), s ? s.call(t) : e.get(t)), L = (t, e, s) => e.has(t) ? oe("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, s), $ = (t, e, s, n) => (F(t, e, "write to private field"), n ? n.call(t, s) : e.set(t, s), s), ue = (t, e, s) => (F(t, e, "access private method"), s);
 var M = /* @__PURE__ */ ((t) => (t[t.Computed = 1] = "Computed", t[t.Effect = 2] = "Effect", t[t.Tracking = 4] = "Tracking", t[t.Notified = 8] = "Notified", t[t.Recursed = 16] = "Recursed", t[t.Dirty = 32] = "Dirty", t[t.PendingComputed = 64] = "PendingComputed", t[t.PendingEffect = 128] = "PendingEffect", t[t.Propagated = 224] = "Propagated", t))(M || {});
-function ve({
+function ye({
   updateComputed: t,
   notifyEffect: e
 }) {
@@ -59,8 +59,8 @@ function ve({
         }
         for (; h; ) {
           --h;
-          const oe = c.dep.subs;
-          if (c = oe.prevSub, oe.prevSub = void 0, (r = c.nextSub) !== void 0) {
+          const re = c.dep.subs;
+          if (c = re.prevSub, re.prevSub = void 0, (r = c.nextSub) !== void 0) {
             c = r, u = h ? 64 : 32;
             continue e;
           }
@@ -263,44 +263,44 @@ function ve({
   }
 }
 var {
-  link: ct,
-  propagate: ft,
-  updateDirtyFlag: je,
-  startTracking: we,
-  endTracking: be,
-  processEffectNotifications: lt,
-  processComputedUpdate: at,
-  processPendingInnerEffects: Ne
-} = ve({
+  link: ft,
+  propagate: lt,
+  updateDirtyFlag: Ie,
+  startTracking: ve,
+  endTracking: we,
+  processEffectNotifications: at,
+  processComputedUpdate: dt,
+  processPendingInnerEffects: be
+} = ye({
   updateComputed(t) {
-    we(t);
+    ve(t);
     try {
       const e = t.currentValue, s = t.getter(e);
       return e !== s ? (t.currentValue = s, !0) : !1;
     } finally {
-      be(t);
+      we(t);
     }
   },
   notifyEffect(t) {
-    return "isScope" in t ? _e(t) : qe(t);
+    return "isScope" in t ? _e(t) : Ve(t);
   }
 });
-function Ve(t) {
-  we(t);
+function je(t) {
+  ve(t);
   try {
     t.fn();
   } finally {
-    be(t);
+    we(t);
   }
 }
-function qe(t) {
+function Ve(t) {
   const e = t.flags;
-  return e & 32 || e & 64 && je(t, e) ? Ve(t) : Ne(t, t.flags), !0;
+  return e & 32 || e & 64 && Ie(t, e) ? je(t) : be(t, t.flags), !0;
 }
 function _e(t) {
-  return t.flags & 128 ? (Ne(t, t.flags), !0) : !1;
+  return t.flags & 128 ? (be(t, t.flags), !0) : !1;
 }
-function D(t) {
+function A(t) {
   const e = typeof t;
   switch (e) {
     case "undefined":
@@ -315,63 +315,63 @@ function D(t) {
       return e;
   }
 }
-function q(t) {
+function _(t) {
   return Array.isArray(t);
 }
 function X(t, e) {
-  return q(e) && e.every((s) => t(s));
+  return _(e) && e.every((s) => t(s));
 }
-function dt(t, e, s) {
+function ht(t, e, s) {
   if (X(t, e))
     return !0;
-  throw new TypeError(F(e, s));
+  throw new TypeError(G(e, s));
 }
 function O(t) {
   return typeof t == "string";
 }
-function ht(t, e) {
+function pt(t, e) {
   if (O(t))
     return !0;
-  throw new TypeError(F(t, e ?? "Expected a string. Got type: %t, value: %v"));
+  throw new TypeError(G(t, e ?? "Expected a string. Got type: %t, value: %v"));
 }
 function E(t) {
-  return D(t) === "function";
+  return A(t) === "function";
 }
-function Ue(t) {
+function qe(t) {
   return typeof t == "number" && !isNaN(t);
 }
-function pt(...t) {
+function mt(...t) {
   const e = t[0], s = O(t[2]) ? t[2] : `Expected instance of ${e.name}. Got type: %t, value: %v`, n = (i) => {
     if (i instanceof e)
       return !0;
-    throw new TypeError(F(i, s));
+    throw new TypeError(G(i, s));
   };
   return t.length < 2 ? n : n(t[1]);
 }
 function J(t) {
-  return t != null && typeof t == "object" && !q(t);
+  return t != null && typeof t == "object" && !_(t);
 }
-function mt(t, e) {
+function gt(t, e) {
   if (J(t))
     return !0;
-  throw new TypeError(F(t, e));
+  throw new TypeError(G(t, e));
 }
-function F(t, e) {
+function G(t, e) {
   var i;
-  const s = D(t), n = ((i = t == null ? void 0 : t.toString) == null ? void 0 : i.call(t)) || String(t);
+  const s = A(t), n = ((i = t == null ? void 0 : t.toString) == null ? void 0 : i.call(t)) || String(t);
   return e.replaceAll("%t", s).replaceAll("%v", n);
 }
 let T, P = [];
 const {
   link: Q,
-  propagate: ze,
-  updateDirtyFlag: Re,
+  propagate: Ue,
+  updateDirtyFlag: ze,
   startTracking: Y,
   endTracking: ee,
-  processEffectNotifications: Be,
-  processComputedUpdate: Fe,
+  processEffectNotifications: Re,
+  processComputedUpdate: Be,
   processPendingInnerEffects: Ge
-} = ve({
+} = ye({
   updateComputed(t) {
     const e = g;
     g = t, P.length = 0, Y(t);
@@ -384,17 +384,17 @@ const {
   },
   notifyEffect(t) {
     const e = t.flags;
-    return e & M.Dirty || e & M.PendingComputed && Re(t, e) ? xe(t) : Ge(t, t.flags), !0;
+    return e & M.Dirty || e & M.PendingComputed && ze(t, e) ? Ne(t) : Ge(t, t.flags), !0;
   }
 });
 let g;
-const L = [];
+const C = [];
 let W = !1;
-function We() {
+function Fe() {
   W || (W = !0, queueMicrotask(() => {
     W = !1;
-    for (let t = 0; t < L.length; t++) {
-      const e = L[t], s = g;
+    for (let t = 0; t < C.length; t++) {
+      const e = C[t], s = g;
       g = e, P.length = 0, Y(e);
       try {
         e.fn();
@@ -402,29 +402,29 @@ function We() {
         g = s, ee(e), T !== void 0 && (T(P), T = void 0);
       }
     }
-    L.length = 0;
+    C.length = 0;
   }));
 }
-function xe(t) {
-  L.push(t), We();
+function Ne(t) {
+  C.push(t), Fe();
 }
-function Ze() {
+function We() {
   Y(this), ee(this), queueMicrotask(() => {
-    L.splice(L.indexOf(this), 1);
+    C.splice(C.indexOf(this), 1);
   });
 }
-const Me = [];
-function te() {
-  Me.push(g), g = void 0;
+const xe = [];
+function Ze() {
+  xe.push(g), g = void 0;
 }
-function se() {
-  g = Me.pop();
+function He() {
+  g = xe.pop();
 }
 var b, j;
-class Ee {
+class Me {
   constructor(e, s) {
-    C(this, b);
-    C(this, j);
+    L(this, b);
+    L(this, j);
     l(this, "name");
     $(this, b, {
       currentValue: e,
@@ -456,7 +456,7 @@ class Ee {
     if (!w(this, j).call(this, w(this, b).currentValue, e)) {
       w(this, b).currentValue = e;
       const s = w(this, b).subs;
-      s !== void 0 && (ze(s), Be());
+      s !== void 0 && (Ue(s), Re());
     }
   }
   /**
@@ -507,14 +507,14 @@ class Ee {
   }
 }
 b = new WeakMap(), j = new WeakMap();
-var A, V, B, Se;
-class ke {
+var D, V, B, ke;
+class Ee {
   constructor(e, s) {
-    C(this, B);
-    C(this, A);
-    C(this, V);
+    L(this, B);
+    L(this, D);
+    L(this, V);
     l(this, "name");
-    $(this, V, e), $(this, A, {
+    $(this, V, e), $(this, D, {
       currentValue: void 0,
       equals: (s == null ? void 0 : s.equals) ?? Object.is,
       subs: void 0,
@@ -522,15 +522,15 @@ class ke {
       deps: void 0,
       depsTail: void 0,
       flags: M.Computed | M.Dirty,
-      getter: ce(this, B, Se).bind(this)
+      getter: ue(this, B, ke).bind(this)
     }), s != null && s.name && (this.name = s.name);
   }
   get() {
-    return g !== void 0 && (Q(w(this, A), g), P.push(this)), this.peek();
+    return g !== void 0 && (Q(w(this, D), g), P.push(this)), this.peek();
   }
   peek() {
-    const e = w(this, A), s = e.flags;
-    return s & (M.Dirty | M.PendingComputed) && Fe(e, s), e.currentValue;
+    const e = w(this, D), s = e.flags;
+    return s & (M.Dirty | M.PendingComputed) && Be(e, s), e.currentValue;
   }
   /**
    * @deprecated use `get()`
@@ -539,34 +539,37 @@ class ke {
     return this.peek();
   }
 }
-A = new WeakMap(), V = new WeakMap(), B = new WeakSet(), Se = function(e) {
+D = new WeakMap(), V = new WeakMap(), B = new WeakSet(), ke = function(e) {
   let s = w(this, V).call(this, e);
   return y(s) && (s = s.get()), s;
 };
 function y(t) {
-  return t instanceof Ee || t instanceof ke;
+  return t instanceof Me || t instanceof Ee;
 }
 function K(t, e) {
-  return new Ee(t, e);
+  return new Me(t, e);
 }
-function ne(t, e) {
-  return new ke(t, e);
+function te(t, e) {
+  return new Ee(t, e);
 }
-function He(t, e) {
+function Ke(t, e) {
   if (E(e))
     t.update(e);
   else if (arguments.length > 1)
     t.set(e);
   else
-    return (s) => He(t, s);
+    return (s) => Ke(t, s);
 }
 function I(t) {
   return y(t) ? t.get() : t;
 }
-function gt(t) {
+function yt(t) {
   return y(t) ? t.peek() : t;
 }
-function yt(t) {
+function se(t) {
+  Ze(), t(), He();
+}
+function vt(t) {
   T = t;
 }
 function v(t) {
@@ -578,21 +581,21 @@ function v(t) {
     depsTail: void 0,
     flags: M.Effect
   };
-  return g !== void 0 && Q(e, g), xe(e), Ze.bind(e);
+  return g !== void 0 && Q(e, g), Ne(e), We.bind(e);
 }
-const vt = () => {
+const wt = () => {
 };
 let Z = 1;
-function Te() {
+function Se() {
   return Z = Z % Number.MAX_SAFE_INTEGER + 1, Z.toString(36) + Date.now().toString(36);
 }
-function wt(t, e) {
+function bt(t, e) {
   return Object.is(t, e);
 }
-function bt(t, e) {
+function Nt(t, e) {
   if (Object.is(t, e)) return !0;
-  const s = D(t);
-  if (s !== D(e))
+  const s = A(t);
+  if (s !== A(e))
     return !1;
   switch (s) {
     case "object":
@@ -660,19 +663,19 @@ function H(t, e) {
   }
   return t !== t && e !== e;
 }
-function Ke(t, e) {
+function Xe(t, e) {
   const s = {};
   for (const n in e)
     t.includes(n) || (s[n] = e[n]);
   return s;
 }
-function Nt(t) {
+function xt(t) {
   let e = 0;
   for (let s = 0; s < t.length; s++)
     e = (e + t.charCodeAt(s) * 10) % 360;
   return `oklch(0.68 0.15 ${e}deg)`;
 }
-function xt(t) {
+function Mt(t) {
   if (t instanceof RegExp)
     return (n) => t.test(n);
   const e = {
@@ -694,11 +697,11 @@ function xt(t) {
     return !(o.some((f) => f(n)) || i.length > 0 && !i.some((f) => f(n)));
   };
 }
-const k = Symbol.for("DollaMarkupElement"), Mt = Symbol.for("DollaRouter");
-function Et(t, e) {
+const k = Symbol.for("DollaMarkupElement"), Et = Symbol.for("DollaRouter");
+function kt(t, e) {
   return e.outlet();
 }
-function Xe(t) {
+function Je(t) {
   for (var e, s, n = arguments, i = 1, o = "", f = "", a = [0], m = function(c) {
     i === 1 && (c || (o = o.replace(/^\s*\n\s*|\s*\n\s*$/g, ""))) ? a.push(c ? n[c] : o) : i === 3 && (c || o) ? (a[1] = c ? n[c] : o, i = 2) : i === 2 && o === "..." && c ? a[2] = Object.assign(a[2] || {}, n[c]) : i === 2 && o && !c ? (a[2] = a[2] || {})[o] = !0 : i >= 5 && (i === 5 ? ((a[2] = a[2] || {})[s] = c ? o ? o + n[c] : n[c] : o, i = 6) : (c || o) && (a[2][s] += c ? o + n[c] : o)), o = "";
   }, r = 0; r < t.length; r++) {
@@ -708,11 +711,11 @@ function Xe(t) {
   }
   return m(), a.length > 2 ? a.slice(1) : a[1];
 }
-var ae;
-ae = k;
-class fe {
+var le;
+le = k;
+class ce {
   constructor(e) {
-    l(this, ae, !0);
+    l(this, le, !0);
     l(this, "domNode");
     this.domNode = e;
   }
@@ -726,11 +729,11 @@ class fe {
     this.domNode.parentNode && !e && this.domNode.parentNode.removeChild(this.domNode);
   }
 }
-var de;
-de = k;
-class Je {
+var ae;
+ae = k;
+class Qe {
   constructor(e) {
-    l(this, de, !0);
+    l(this, ae, !0);
     l(this, "domNode", document.createTextNode(""));
     l(this, "children", []);
     l(this, "elementContext");
@@ -744,11 +747,13 @@ class Je {
   mount(e, s) {
     this.isMounted || (e.insertBefore(this.domNode, (s == null ? void 0 : s.nextSibling) ?? null), this.unsubscribe = v(() => {
       const n = this.source.get();
-      if (!Oe(n))
+      if (!Pe(n))
         throw console.error(n), new TypeError(
-          `Dynamic received invalid value to render. Got type: ${D(n)}, value: ${n}`
+          `Dynamic received invalid value to render. Got type: ${A(n)}, value: ${n}`
         );
-      te(), this.update(q(n) ? n : [n]), se();
+      se(() => {
+        this.update(_(n) ? n : [n]);
+      });
     }));
   }
   unmount(e = !1) {
@@ -764,7 +769,7 @@ class Je {
     var o, f, a;
     if (this.cleanup(!1), e == null || e.length === 0 || !this.isMounted)
       return;
-    const s = e.flatMap((m) => De(m) ? m : S(this.elementContext, ie(m)));
+    const s = e.flatMap((m) => De(m) ? m : S(this.elementContext, ne(m)));
     for (const m of s) {
       const r = ((o = this.children.at(-1)) == null ? void 0 : o.domNode) || this.domNode;
       m.mount(this.domNode.parentNode, r), this.children.push(m);
@@ -773,12 +778,12 @@ class Je {
     n.insertBefore(this.domNode, i);
   }
 }
-const Qe = (t) => /^on[A-Z]/.test(t);
-var he;
-he = k;
-class Ye {
+const Ye = (t) => /^on[A-Z]/.test(t);
+var de;
+de = k;
+class et {
   constructor({ tag: e, props: s, children: n, elementContext: i }) {
-    l(this, he, !0);
+    l(this, de, !0);
     l(this, "domNode");
     l(this, "props");
     l(this, "childMarkup", []);
@@ -798,7 +803,7 @@ class Ye {
       else
         throw new Error("Expected ref to be a function. Got: " + s.ref);
     this.props = {
-      ...Ke(["ref", "class", "className"], s),
+      ...Xe(["ref", "class", "className"], s),
       class: s.className ?? s.class
     }, n && (this.childMarkup = n), this.elementContext = i;
   }
@@ -833,25 +838,23 @@ class Ye {
     }
   }
   attachProp(e, s) {
-    y(e) ? this.unsubscribers.push(v(() => s(e.get()))) : s(e);
+    y(e) ? this.unsubscribers.push(
+      v(() => {
+        s(e.get());
+      })
+    ) : s(e);
   }
   applyProps(e, s) {
     for (const n in s) {
       const i = s[n];
-      if (n === "attributes") {
-        const o = i;
-        for (const f in o)
-          this.attachProp(o[f], (a) => {
-            a == null ? e.removeAttribute(f) : e.setAttribute(f, String(a));
-          });
-      } else if (n === "onClickOutside" || n === "onclickoutside") {
+      if (n === "on:clickoutside" || n === "onClickOutside" || n === "onclickoutside") {
         const o = (a) => {
           this.canClickAway && !e.contains(a.target) && (y(i) ? i.peek()(a) : i(a));
         }, f = { capture: !0 };
         window.addEventListener("click", o, f), this.unsubscribers.push(() => {
           window.removeEventListener("click", o, f);
         });
-      } else if (Qe(n)) {
+      } else if (Ye(n)) {
         const o = n.slice(2).toLowerCase(), f = y(i) ? (a) => i.peek()(a) : i;
         e.addEventListener(o, f), this.unsubscribers.push(() => {
           e.removeEventListener(o, f);
@@ -860,7 +863,7 @@ class Ye {
         this.attachProp(i, (o) => {
           o == null ? e.removeAttribute(n) : e.setAttribute(n, String(o));
         });
-      else if (!et.includes(n))
+      else if (!tt.includes(n))
         if (this.elementContext.isSVG)
           this.attachProp(i, (o) => {
             o != null ? e.setAttribute(n, String(s[n])) : e.removeAttribute(n);
@@ -883,28 +886,33 @@ class Ye {
                 e.checked = o, o ? e.setAttribute("checked", "") : e.removeAttribute("checked");
               });
               break;
-            // Attribute-aliased props
-            case "exportParts":
-            case "part":
-            case "translate":
-            case "type":
-            case "title": {
-              const o = n.toLowerCase();
-              this.attachProp(i, (f) => {
-                f == null ? e.removeAttribute(o) : e.setAttribute(o, String(f));
-              });
-              break;
-            }
             case "autocomplete":
             case "autocapitalize":
               this.attachProp(i, (o) => {
-                typeof o == "string" ? e.autocomplete = o : o ? e.autocomplete = "on" : e.autocomplete = "off";
+                typeof o == "string" ? e[n] = o : o ? e[n] = "on" : e[n] = "off";
               });
               break;
             default: {
-              this.attachProp(i, (o) => {
-                e[n] = o;
-              });
+              if (n.startsWith("prop:")) {
+                const o = n.substring(5);
+                this.attachProp(i, (f) => {
+                  e[o] = f;
+                });
+              } else if (n.startsWith("on:")) {
+                const o = n.substring(3);
+                let f;
+                this.attachProp(i, (a) => {
+                  !a && f ? e.removeEventListener(o, f) : a != null && (f && f !== a && e.removeEventListener(o, f), e.addEventListener(o, a)), f = a;
+                });
+              } else if (n.startsWith("attr:")) {
+                const o = n.substring(5).toLowerCase();
+                this.attachProp(i, (f) => {
+                  f != null ? e.setAttribute(o, String(f)) : e.removeAttribute(o);
+                });
+              } else
+                this.attachProp(i, (o) => {
+                  e[n] = o;
+                });
               break;
             }
           }
@@ -944,7 +952,7 @@ class Ye {
       });
       n.push(f), i.push(f);
     } else {
-      const o = Ce(s);
+      const o = Te(s);
       for (const f in o) {
         const a = o[f];
         if (y(a)) {
@@ -961,14 +969,14 @@ class Ye {
     };
   }
 }
-function Ce(t) {
+function Te(t) {
   let e = {};
   if (O(t)) {
     const s = t.split(" ");
     for (const n of s)
       e[n] = !0;
   } else J(t) ? Object.assign(e, t) : Array.isArray(t) && Array.from(t).filter(Boolean).forEach((s) => {
-    Object.assign(e, Ce(s));
+    Object.assign(e, Te(s));
   });
   return delete e.undefined, e;
 }
@@ -980,22 +988,22 @@ function Le(t) {
       const [i, o] = n.split(":"), f = {
         value: o
       };
-      o.includes("!important") ? (f.priority = "important", f.value = o.replace("!important", "").trim()) : f.value = o.trim(), e[le(i.trim())] = f;
+      o.includes("!important") ? (f.priority = "important", f.value = o.replace("!important", "").trim()) : f.value = o.trim(), e[fe(i.trim())] = f;
     }
   }
   if (J(t))
     for (const s in t)
-      s.startsWith("--") ? e[s] = { value: t[s] } : e[le(s)] = { value: t[s] };
+      s.startsWith("--") ? e[s] = { value: t[s] } : e[fe(s)] = { value: t[s] };
   else Array.isArray(t) && Array.from(t).filter((s) => s != null).forEach((s) => {
     Object.assign(e, Le(s));
   });
   return e;
 }
-function le(t) {
+function fe(t) {
   return t.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (e, s) => (s ? "-" : "") + e.toLowerCase());
 }
-const et = ["ref", "children", "class", "style", "data"];
-let tt = class {
+const tt = ["ref", "children", "class", "style", "data"];
+let st = class {
   constructor(e) {
     l(this, "store");
     this.store = e;
@@ -1044,7 +1052,7 @@ let tt = class {
     }
   }
 };
-class st {
+class nt {
   constructor(e, s) {
     l(this, "fn");
     l(this, "_options");
@@ -1056,7 +1064,7 @@ class st {
     l(this, "elementContext");
     l(this, "lifecycleListeners", { mount: [], unmount: [] });
     l(this, "logger");
-    l(this, "id", Te());
+    l(this, "id", Se());
     l(this, "name");
     this.fn = e, this.name = e.name, this._options = s;
   }
@@ -1068,7 +1076,7 @@ class st {
     if (e.stores.has(this.fn))
       return !1;
     this.elementContext = e, this.logger = e.root.createLogger(this.name);
-    const s = new tt(this);
+    const s = new st(this);
     try {
       this.value = this.fn.call(s, this._options, s);
     } catch (n) {
@@ -1091,7 +1099,7 @@ class st {
 }
 class U extends Error {
 }
-class nt {
+class it {
   constructor(e) {
     l(this, "view");
     this.view = e;
@@ -1112,7 +1120,7 @@ class nt {
     this.view.elementContext.viewName = e, this.view.logger.setName(e);
   }
   provide(e, s) {
-    const n = new st(e, s);
+    const n = new nt(e, s);
     if (n.attach(this.view.elementContext))
       return this.view.lifecycleListeners.mount.push(() => {
         n.handleMount();
@@ -1164,12 +1172,12 @@ class nt {
     return N("$outlet", { children: this.view.children });
   }
 }
-var pe;
-pe = k;
-const re = class re {
+var he;
+he = k;
+const ie = class ie {
   constructor(e, s, n, i = []) {
-    l(this, pe, !0);
-    l(this, "uniqueId", Te());
+    l(this, he, !0);
+    l(this, "uniqueId", Se());
     l(this, "elementContext");
     l(this, "logger");
     l(this, "props");
@@ -1215,14 +1223,14 @@ const re = class re {
   }
   setChildView(e) {
     this.childMarkup = [];
-    const s = new re(this.elementContext, e, {});
+    const s = new ie(this.elementContext, e, {});
     return this.children.set([s]), s;
   }
   /*===============================*\
   ||           Internal            ||
   \*===============================*/
   _initialize() {
-    const e = new nt(this);
+    const e = new it(this);
     let s;
     try {
       s = this.fn.call(e, this.props, e), this.childMarkup.length && this.children.set(S(this.elementContext, this.childMarkup));
@@ -1230,27 +1238,27 @@ const re = class re {
       throw n instanceof Error && this.logger.crash(n), n;
     }
     if (s !== null) if (s instanceof Node)
-      this.element = _(S(this.elementContext, N("$node", { value: s })));
+      this.element = q(S(this.elementContext, N("$node", { value: s })));
     else if (y(s))
-      this.element = _(
+      this.element = q(
         S(this.elementContext, N("$dynamic", { source: s }))
       );
     else if (R(s) || X(R, s))
-      this.element = _(S(this.elementContext, s));
+      this.element = q(S(this.elementContext, s));
     else {
       const n = new TypeError(
-        `Expected '${this.fn.name}' function to return a DOM node, Markup element, Readable or null. Got: ${D(s)}`
+        `Expected '${this.fn.name}' function to return a DOM node, Markup element, Readable or null. Got: ${A(s)}`
       );
       this.logger.crash(n);
     }
   }
 };
-let z = re;
-var me;
-me = k;
-class it {
+let z = ie;
+var pe;
+pe = k;
+class rt {
   constructor({ elementContext: e, items: s, renderFn: n, keyFn: i }) {
-    l(this, me, !0);
+    l(this, pe, !0);
     l(this, "domNode", document.createTextNode(""));
     l(this, "items");
     l(this, "unsubscribe", null);
@@ -1266,8 +1274,8 @@ class it {
   mount(e, s) {
     this.isMounted || (e.insertBefore(this.domNode, (s == null ? void 0 : s.nextSibling) ?? null), this.unsubscribe = v(() => {
       let n = this.items.get();
-      n == null && (n = [], console.log("list received empty value", n, this)), requestAnimationFrame(() => {
-        te(), this._update(Array.from(n)), se();
+      n == null && (n = [], console.log("list received empty value", n, this)), se(() => {
+        this._update(Array.from(n));
       });
     }));
   }
@@ -1305,8 +1313,8 @@ class it {
           key: r.key,
           item: c,
           index: h,
-          element: new z(this.elementContext, rt, {
-            item: ne(() => c.get()),
+          element: new z(this.elementContext, ot, {
+            item: te(() => c.get()),
             index: h,
             renderFn: this.renderFn
           })
@@ -1322,14 +1330,14 @@ class it {
     (m = this.domNode.parentNode) == null || m.insertBefore(this.domNode, o.nextSibling);
   }
 }
-function rt(t, e) {
+function ot(t, e) {
   return e.name = "@ListItem", t.renderFn.call(e, t.item, t.index, e);
 }
-var ge;
-ge = k;
-class Ae {
+var me;
+me = k;
+class Ce {
   constructor(e) {
-    l(this, ge, !0);
+    l(this, me, !0);
     l(this, "domNode", document.createTextNode(""));
     l(this, "isMounted", !1);
     l(this, "source");
@@ -1340,7 +1348,9 @@ class Ae {
   mount(e, s) {
     this.isMounted || (this.isMounted = !0, e.insertBefore(this.domNode, (s == null ? void 0 : s.nextSibling) ?? null), y(this.source) ? this.unsubscribe = v(() => {
       const n = I(this.source);
-      te(), this.update(n), se();
+      se(() => {
+        this.update(n);
+      });
     }) : this.update(this.elements));
   }
   unmount(e = !1) {
@@ -1362,11 +1372,11 @@ class Ae {
     }
   }
 }
-var ye;
-ye = k;
-class ot {
+var ge;
+ge = k;
+class ut {
   constructor(e) {
-    l(this, ye, !0);
+    l(this, ge, !0);
     l(this, "config");
     l(this, "element");
     this.config = e;
@@ -1376,65 +1386,65 @@ class ot {
   }
   mount(e, s) {
     const { content: n, parent: i } = this.config;
-    De(n) ? this.element = n : this.element = _(S(this.config.elementContext, ie(n))), this.element.mount(i);
+    De(n) ? this.element = n : this.element = q(S(this.config.elementContext, ne(n))), this.element.mount(i);
   }
   unmount(e = !1) {
     var s;
-    (s = this.element) != null && s.isMounted && this.element.unmount(e);
+    (s = this.element) != null && s.isMounted && this.element.unmount(!1);
   }
 }
 function R(t) {
-  return t instanceof Pe;
+  return t instanceof Ae;
 }
 function De(t) {
   return (t == null ? void 0 : t[k]) === !0;
 }
-function ie(t) {
-  return q(t) || (t = [t]), t.flat(1 / 0).filter((e) => e != null && e !== !1).map((e) => R(e) ? e : e instanceof Node ? N("$node", { value: e }) : y(e) ? N("$dynamic", { source: e }) : N("$text", { value: e }));
+function ne(t) {
+  return _(t) || (t = [t]), t.flat(1 / 0).filter((e) => e != null && e !== !1).map((e) => R(e) ? e : e instanceof Node ? N("$node", { value: e }) : y(e) ? N("$dynamic", { source: e }) : N("$text", { value: e }));
 }
 function N(t, e, ...s) {
-  return new Pe(t, e, ...s);
+  return new Ae(t, e, ...s);
 }
-class Pe {
+class Ae {
   constructor(e, s, ...n) {
     l(this, "type");
     l(this, "props");
     l(this, "children");
-    this.type = e, this.props = s, this.children = ie(n);
+    this.type = e, this.props = s, this.children = ne(n);
   }
 }
-const St = Xe.bind(N);
-function Tt(t, e, s) {
+const Tt = Je.bind(N);
+function Lt(t, e, s) {
   return N("$dynamic", {
-    source: ne(() => {
+    source: te(() => {
       const n = I(t);
       return n && e ? e : !n && s ? s : null;
     })
   });
 }
 function Ct(t, e, s) {
-  return N("$list", { items: ne(() => t), keyFn: e, renderFn: s });
+  return N("$list", { items: te(() => t), keyFn: e, renderFn: s });
 }
-function Lt(t, e) {
+function Dt(t, e) {
   return N("$portal", { parent: t, content: e });
 }
 function S(t, e) {
-  return (q(e) ? e : [e]).map((n) => {
+  return (_(e) ? e : [e]).map((n) => {
     if (E(n.type))
       return new z(t, n.type, n.props, n.children);
     if (O(n.type))
       switch (n.type) {
         case "$node": {
           const i = n.props;
-          return new fe(i.value);
+          return new ce(i.value);
         }
         case "$text": {
           const i = n.props;
-          return new fe(document.createTextNode(String(i.value)));
+          return new ce(document.createTextNode(String(i.value)));
         }
         case "$list": {
           const i = n.props;
-          return new it({
+          return new rt({
             items: i.items,
             keyFn: i.keyFn,
             renderFn: i.renderFn,
@@ -1443,18 +1453,18 @@ function S(t, e) {
         }
         case "$dynamic": {
           const i = n.props;
-          return new Je({
+          return new Qe({
             source: i.source,
             elementContext: t
           });
         }
         case "$outlet": {
           const i = n.props;
-          return new Ae(i.children);
+          return new Ce(i.children);
         }
         case "$portal": {
           const i = n.props;
-          return new ot({
+          return new ut({
             content: i.content,
             parent: i.parent,
             elementContext: t
@@ -1463,7 +1473,7 @@ function S(t, e) {
         default:
           if (n.type.startsWith("$"))
             throw new Error(`Unknown markup type: ${n.type}`);
-          return new Ye({
+          return new et({
             tag: n.type,
             props: n.props ?? {},
             children: n.children,
@@ -1474,45 +1484,46 @@ function S(t, e) {
       throw new TypeError(`Expected a string or view function. Got: ${n.type}`);
   });
 }
-function _(t) {
-  return t.length === 1 ? t[0] : new Ae(t);
+function q(t) {
+  return t.length === 1 ? t[0] : new Ce(t);
 }
-function Oe(t) {
-  return t == null || t === !1 || O(t) || Ue(t) || R(t) || y(t) || X(Oe, t);
+function Pe(t) {
+  return t == null || t === !1 || O(t) || qe(t) || R(t) || y(t) || X(Pe, t);
 }
 export {
-  wt as A,
-  Lt as B,
-  Ct as C,
-  Mt as I,
-  Et as P,
-  st as S,
+  vt as A,
+  bt as B,
+  Dt as C,
+  Ct as D,
+  Et as I,
+  kt as P,
+  nt as S,
   z as V,
-  dt as a,
-  ht as b,
+  ht as a,
+  pt as b,
   K as c,
-  ne as d,
-  mt as e,
+  te as d,
+  gt as e,
   O as f,
   J as g,
   H as h,
   E as i,
   I as j,
-  Tt as k,
-  St as l,
-  xt as m,
+  Lt as k,
+  Tt as l,
+  Mt as m,
   U as n,
-  pt as o,
+  mt as o,
   N as p,
-  _ as q,
+  q,
   S as r,
-  bt as s,
-  D as t,
-  vt as u,
-  Nt as v,
+  Nt as s,
+  A as t,
+  wt as u,
+  xt as v,
   v as w,
-  He as x,
-  gt as y,
-  yt as z
+  Ke as x,
+  yt as y,
+  se as z
 };
-//# sourceMappingURL=markup-DQdkb3ri.js.map
+//# sourceMappingURL=markup-aCjkIk4X.js.map