@reactive-web-components/rwc 2.61.10 → 2.63.7

package/{reactive-web-component.f_B19_fm.js → reactive-web-component.BmjLtNib.js}

@@ -1,18 +1,18 @@
-var dt = Object.defineProperty;
-var ht = (s, t, e) => t in s ? dt(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var f = (s, t, e) => ht(s, typeof t != "symbol" ? t + "" : t, e);
-const F = (s) => s && typeof s == "object" && ("classList" in s || "attributes" in s || "customAttributes" in s || "reactiveClassList" in s || "listeners" in s || "customListeners" in s || "children" in s || "effects" in s || "style" in s || Object.keys(s).some(
+var lt = Object.defineProperty;
+var at = (s, t, e) => t in s ? lt(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var f = (s, t, e) => at(s, typeof t != "symbol" ? t + "" : t, e);
+const F = (s) => s && typeof s == "object" && ("classList" in s || "attributes" in s || "customAttributes" in s || "reactiveClassList" in s || "listeners" in s || "customListeners" in s || "children" in s || "effects" in s || "ref" in s || "style" in s || Object.keys(s).some(
   (t) => t.startsWith(".") || t.startsWith("@") || t.startsWith("$")
-)) && !("hostElement" in s), ft = (s) => s && typeof s == "object" && "hostElement" in s && "append" in s && "set" in s && "addStyle" in s && "setAttribute" in s && "addClass" in s && "addEffect" in s && "addReactiveContent" in s && "setReactiveContent" in s && "clear" in s, G = (s, t, ...e) => {
+)) && !("hostElement" in s), dt = (s) => s && typeof s == "object" && "hostElement" in s && "append" in s && "set" in s && "addStyle" in s && "setAttribute" in s && "addClass" in s && "addEffect" in s && "addReactiveContent" in s && "setReactiveContent" in s && "clear" in s, G = (s, t, ...e) => {
   t && t.apply(s, e);
 };
 let z = !0;
-const S = (...s) => {
+const C = (...s) => {
   z && console.debug(
     ["[rwc]", ...s].join(" | "),
     ...Array.from(s.join("").matchAll(/%c/gm)).map((t, e) => e % 2 === 0 ? "color:red" : "color:inherit")
   );
-}, V = (s) => s.replace(/([A-Z])/gm, (t) => `-${t.toLowerCase()}`), ut = (s) => s.replace(/-(\w)/gm, (t, e) => e.toUpperCase()), B = (s, ...t) => {
+}, N = (s) => s.replace(/([A-Z])/gm, (t) => `-${t.toLowerCase()}`), ht = (s) => s.replace(/-(\w)/gm, (t, e) => e.toUpperCase()), V = (s, ...t) => {
   if (!z) return;
   const e = {
     r: "color: #ff0000",
@@ -31,70 +31,56 @@ const S = (...s) => {
     // orange
     w: "color: #808080"
     // gray (w for white/gray)
-  }, n = s.match(/@[rgbpycow]/g) || [], o = n.map((c) => {
-    const i = c.slice(1);
-    return e[i] || "color: inherit";
+  }, n = s.match(/@[rgbpycow]/g) || [], o = n.map((i) => {
+    const c = i.slice(1);
+    return e[c] || "color: inherit";
   });
   let r = s;
-  n.forEach((c) => {
-    const i = new RegExp(`\\${c}([^\\s,]+)`, "g");
-    r = r.replace(i, "%c$1");
+  n.forEach((i) => {
+    const c = new RegExp(`\\${i}([^\\s,]+)`, "g");
+    r = r.replace(c, "%c$1");
   }), console.log(r, ...o, ...t);
-}, Bt = () => {
+}, kt = () => {
   z = !0;
-}, pt = () => {
+}, ft = () => {
   z = !1;
 };
-pt();
-const Vt = (s, t) => {
+ft();
+const Pt = (s, t) => {
   s.every(Boolean) && t(s);
 }, k = /* @__PURE__ */ new Set();
-let Y = !1, K = !1;
-const mt = () => {
-  if (!K) {
-    K = !0;
-    try {
-      if (Y = !1, k.size === 0)
-        return;
-      const s = Array.from(k);
-      k.clear(), s.forEach((t) => {
-        if (t.status === "active") {
-          Z(t), O.push(t);
-          try {
-            t();
-          } catch (e) {
-            console.error("Error in effect:", e);
-          } finally {
-            O.pop();
-          }
+let K = !1;
+const ut = (s) => {
+  s.status === "active" && k.add(s), K || (K = !0, queueMicrotask(() => {
+    K = !1, C("pendingEffects.size", k.size);
+    const t = Array.from(k);
+    k.clear(), t.forEach((e) => {
+      if (e.status === "active") {
+        U(e), O.push(e);
+        try {
+          e();
+        } catch (n) {
+          console.error("Error in effect:", n);
+        } finally {
+          O.pop();
         }
-      }), k.size > 0 && nt();
-    } finally {
-      K = !1;
-    }
-  }
-};
-function Et() {
-  queueMicrotask(mt);
-}
-const nt = () => {
-  Y || (Y = !0, Et());
-}, Ct = (s) => {
-  k.add(s), nt();
-}, O = [], Z = (s) => {
+      }
+    }), C("after ------ pendingEffects.size", k.size);
+  }));
+}, O = [], U = (s) => {
   var t, e, n, o;
   (t = s.children) == null || t.forEach((r) => {
-    var c;
-    return (c = r.destroy) == null ? void 0 : c.call(r);
+    var i;
+    return (i = r.destroy) == null ? void 0 : i.call(r);
   }), (e = s.children) == null || e.clear(), (n = s.cleanupSet) == null || n.forEach((r) => r()), (o = s.cleanupSet) == null || o.clear();
 };
 function j(s, t) {
   let e = (t == null ? void 0 : t.signalCompareFn) || (() => !0);
   const n = /* @__PURE__ */ new Set();
   function o() {
-    var c;
+    var i;
     const r = O[O.length - 1];
-    return r && !r.fake && !n.has(r) && r.status === "active" && (n.add(r), (c = r.cleanupSet) == null || c.add(() => n.delete(r))), !(t != null && t.name) && (r != null && r.effectId) && o.setName(r.effectId), s;
+    return r && !r.fake && !n.has(r) && r.status === "active" && (n.add(r), (i = r.cleanupSet) == null || i.add(() => n.delete(r))), !(t != null && t.name) && (r != null && r.effectId) && o.setName(r.effectId), s;
   }
   return o.signalId = `${(t == null ? void 0 : t.name) || ""}_${Math.random().toString(36).substring(2, 15)}`, o.setName = function(r) {
     return o.signalId = `${r}_${Math.random().toString(36).substring(2, 15)}`, o;
@@ -107,93 +93,99 @@ function j(s, t) {
   }, o.peek = function() {
     return Object.freeze(s);
   }, o.initValue = Object.freeze(s), o.forceSet = function(r) {
-    s = r, n.forEach((c) => {
-      Ct(c);
-    });
-  }, o.set = function(r, c = e) {
-    s !== r && c(s, r) && o.forceSet(r);
+    s = r, n.forEach((i) => ut(i));
+  }, o.set = function(r, i = e) {
+    s !== r && i(s, r) && o.forceSet(r);
   }, o.update = function(r) {
     o.set(r(s));
-  }, o.pipe = (r, c) => {
-    c != null && c.name && o.setName(c.name);
-    const i = j(null);
+  }, o.pipe = (r, i) => {
+    i != null && i.name && o.setName(i.name);
+    const c = j(null);
     return w(
       () => {
         const a = o();
         w(
           () => {
             const h = r(a);
-            h instanceof Promise ? h.then((m) => i.set(m)) : g(h) ? w(() => i.set(h()), {
+            h instanceof Promise ? h.then((m) => c.set(m)) : g(h) ? w(() => c.set(h()), {
               name: "pipe_effect_inner"
-            }) : i.set(h);
+            }) : c.set(h);
           },
           { name: "pipe_effect" }
         );
       },
-      { name: (c == null ? void 0 : c.name) || `pipe_${o.signalId}` }
-    ), i;
+      { name: (i == null ? void 0 : i.name) || `pipe_${o.signalId}` }
+    ), c;
   }, o;
 }
 function w(s, t) {
   var r;
   const e = `${(t == null ? void 0 : t.name) || ""}_${Math.random().toString(36).substring(2, 15)}`;
-  S("current effect", `%c${e}%c`);
+  C("current effect", `%c${e}%c`);
   const n = s;
   n.status = "active", n.children = /* @__PURE__ */ new Set(), n.effectId = e;
   const o = O[O.length - 1];
-  o && ((r = o.children) == null || r.add(n), n.parent = new WeakRef(o), n.destroy = () => {
-    var c;
-    Z(n), (c = o.children) == null || c.delete(n), n.destroy = void 0, n.status = "inactive";
-  }), n.cleanupSet = /* @__PURE__ */ new Set(), O.push(n), n(), O.pop();
+  return o && ((r = o.children) == null || r.add(n), n.parent = new WeakRef(o), n.destroy = () => {
+    var i;
+    U(n), (i = o.children) == null || i.delete(n), n.destroy = void 0, n.status = "inactive";
+  }), n.cleanupSet = /* @__PURE__ */ new Set(), O.push(n), n(), O.pop(), n;
 }
 const g = (s) => !!s && ["object", "function"].includes(typeof s) && "set" in s && "update" in s && "forceSet" in s && "signalId" in s;
-function Jt(s, ...t) {
+function Ft(s, ...t) {
   const e = j("");
   return w(() => {
     const n = t.map(
       (r) => g(r) ? String(r()) : String(r)
     ), o = [s[0]];
-    n.forEach((r, c) => {
-      o.push(r, s[c + 1]);
+    n.forEach((r, i) => {
+      o.push(r, s[i + 1]);
     }), e.set(o.join(""));
   }), e;
 }
-function qt(s, t) {
+function Bt(s, t) {
   const e = j(t ?? null), n = (o) => e.set(o);
   return s instanceof Promise ? s.then(n) : typeof s == "function" && w(() => {
     const o = s();
     o instanceof Promise ? o.then(n) : g(o) ? w(() => n(o())) : n(o);
   }), e;
 }
-function zt(s, t) {
+function Vt(s, t) {
   let e = s(), n = t();
   w(() => {
     const o = s(), r = t();
     o !== r && (o !== e ? t.set(o) : r !== n && s.set(r)), e = o, n = r;
   });
 }
-function Dt(...s) {
+function Nt(...s) {
   let t = s.map((n) => n());
   const e = j(t);
   return s.forEach((n, o) => {
     w(() => {
-      const r = () => t.filter((c) => c !== void 0).length;
+      const r = () => t.filter((i) => i !== void 0).length;
       r() === s.length && (t = Array.from(t).fill(void 0)), t[o] = n(), r() === s.length && e.set([...t]);
     });
   }), e;
 }
-const Gt = (...s) => {
+const Jt = (...s) => {
   const t = j([]);
   return w(() => {
-    t.set(s.map((e) => e()));
+    t.set(
+      s.map((e) => e())
+    );
   }), t;
-}, J = "eventProps", q = "EVENT_CONFIG", P = "observedAttributes", Kt = () => (s, t) => {
+}, qt = (s, t) => {
+  let e = !0;
+  const n = w(() => {
+    var o;
+    e && (e = !1, t(s()), (o = n.destroy) == null || o.call(n));
+  });
+}, J = "eventProps", q = "EVENT_CONFIG", P = "observedAttributes", zt = () => (s, t) => {
   Reflect.get(s, P) || Reflect.defineProperty(s, P, {
     value: []
   }), Reflect.get(s, P).push(
-    V(t)
+    N(t)
   );
-}, Yt = (s) => (t, e) => {
+}, Dt = (s) => (t, e) => {
   Reflect.get(t, J) || Reflect.defineProperty(t, J, {
     value: []
   }), Reflect.get(t, q) || Reflect.defineProperty(t, q, {
@@ -202,78 +194,78 @@ const Gt = (...s) => {
     bubbles: (s == null ? void 0 : s.bubbles) ?? !1,
     composed: (s == null ? void 0 : s.composed) ?? !1
   }, Reflect.get(t, J).push(e);
-}, ot = (s, t = !1) => (e) => {
-  S(
+}, st = (s, t = !1) => (e) => {
+  C(
     s,
     "start register static attr",
     e.prototype[P]
   );
   const n = [];
   if (e.styles) {
-    const r = e.styles, c = [];
-    Array.isArray(r) ? c.push(...r) : c.push(r), c.forEach((i) => {
+    const r = e.styles, i = [];
+    Array.isArray(r) ? i.push(...r) : i.push(r), i.forEach((c) => {
       const a = new CSSStyleSheet();
-      a.replaceSync(i), n.push(a);
-      const C = new CSSStyleSheet();
-      C.replaceSync(i.slice(i.indexOf("@property"))), document.adoptedStyleSheets.push(C);
+      a.replaceSync(c), n.push(a);
+      const b = new CSSStyleSheet();
+      b.replaceSync(c.slice(c.indexOf("@property"))), document.adoptedStyleSheets.push(b);
     });
   }
   class o extends e {
-    constructor(...c) {
-      S("constructor", `%c${s}%c`), super(t, ...c), n.length > 0 && this.shadow.adoptedStyleSheets.push(...n);
+    constructor(...i) {
+      C("constructor", `%c${s}%c`), super(t, ...i), n.length > 0 && this.shadow.adoptedStyleSheets.push(...n);
     }
     render() {
-      return S("rwc: render from new class"), e.prototype.render.call(this);
+      return C("rwc: render from new class"), e.prototype.render.call(this);
     }
-    attributeChangedCallback(c, i, a) {
-      S(
+    attributeChangedCallback(i, c, a) {
+      C(
         "%cAttribute has changed.%c",
-        `%c${c}%c`,
-        `oldValue: ${i}, newValue: ${a}`,
+        `%c${i}%c`,
+        `oldValue: ${c}, newValue: ${a}`,
         `%c${s}%c`
       );
       try {
         a = JSON.parse(a);
       } catch {
       }
-      const C = ut(c);
-      if (C in this && g(this[C])) {
-        const h = this[C];
-        h.setName(c), a === null ? (h.set(h.initValue), this.removeAttribute(c)) : h.set(a);
+      const b = ht(i);
+      if (b in this && g(this[b])) {
+        const h = this[b];
+        h.setName(i), a === null ? (h.set(h.initValue), this.removeAttribute(i)) : h.set(a);
       }
       G(
         this,
         e.prototype.attributeChangedCallback,
-        c,
         i,
+        c,
         a
       );
     }
     connectedCallback() {
-      const c = () => {
-        var a, C;
-        S("rwc: connectedCallback"), S("connectedCallback", `%c${s}%c`, this), (a = this.init) == null || a.call(this), this.providers && Object.keys(this.providers).length > 0 && (S("WRAPPER for providers", s), Object.entries(this.providers).forEach(
+      const i = () => {
+        var a, b;
+        C("rwc: connectedCallback"), C("connectedCallback", `%c${s}%c`, this), (a = this.init) == null || a.call(this), this.providers && Object.keys(this.providers).length > 0 && (C("WRAPPER for providers", s), Object.entries(this.providers).forEach(
           ([h, d]) => {
-            S("register provider", h, d()), this.addEventListener(h, (m) => {
+            C("register provider", h, d()), this.addEventListener(h, (m) => {
               var u;
-              S("send provider", h, d());
+              C("send provider", h, d());
               const p = m;
               ((u = p.detail) == null ? void 0 : u.context) === h && (p.stopPropagation(), p.detail.callback(d));
             });
           }
-        )), this.checkInjects(), (C = e.prototype[J]) == null || C.forEach(
+        )), this.checkInjects(), (b = e.prototype[J]) == null || b.forEach(
           (h) => {
             this[h] = (d) => {
               const m = e.prototype[q][h], { bubbles: p, composed: u } = m;
               g(d) ? w(() => {
-                B("@oemit reactive value", d()), this.dispatchEvent(
+                V("@oemit reactive value", d()), this.dispatchEvent(
                   new CustomEvent(h, {
                     detail: d(),
                     bubbles: p,
                     composed: u
                   })
                 );
-              }) : (B("@oemit value", d), this.dispatchEvent(
+              }) : (V("@oemit value", d), this.dispatchEvent(
                 new CustomEvent(h, {
                   detail: d,
                   bubbles: p,
@@ -282,9 +274,9 @@ const Gt = (...s) => {
               ));
             };
           }
-        ), S("start render", `%c${s}%c`, s);
-        const i = () => {
-          S("rwc: insertRenderTemplate");
+        ), C("start render", `%c${s}%c`, s);
+        const c = () => {
+          C("rwc: insertRenderTemplate");
           const d = this.render().hostElement;
           d && this.shadow.appendChild(d), G(this, e.prototype.connectedCallback), this.appendSlotContent();
         };
@@ -297,25 +289,25 @@ const Gt = (...s) => {
           };
           if (h(d)) {
             const p = [];
-            Array.isArray(d) ? p.push(...d) : p.push(d), Promise.all(p).then((u) => u.forEach((y) => m(y.default))).then(() => i());
+            Array.isArray(d) ? p.push(...d) : p.push(d), Promise.all(p).then((u) => u.forEach((y) => m(y.default))).then(() => c());
           } else {
             const p = [];
-            Array.isArray(d) ? p.push(...d) : p.push(d), p.forEach((u) => m(u)), i();
+            Array.isArray(d) ? p.push(...d) : p.push(d), p.forEach((u) => m(u)), c();
           }
         } else
-          i();
+          c();
         this.slotContext && Object.keys(this.slotContext).length > 0 && this.shadow.querySelectorAll("slot").forEach((h) => {
-          S(
+          C(
             this.slotContext,
             this.slotContext && this.slotContext[h.name]
-          ), B(
+          ), V(
             "@bslot element",
             h,
             `name:${h.name};`,
             h.assignedElements()
           ), h.assignedElements().forEach((d) => {
             const m = this.slotContext[h.name];
-            this.slotContext && g(m) && (B(
+            this.slotContext && g(m) && (V(
               "@oslot element",
               h,
               `name:${h.name};`,
@@ -330,12 +322,12 @@ const Gt = (...s) => {
           });
         });
       };
-      c.fake = !0, c.component = new WeakRef(this), this.effectSet.add(new WeakRef(c)), w(c, { name: "FAKE_wrapperEffect" });
+      i.fake = !0, i.component = new WeakRef(this), this.effectSet.add(new WeakRef(i)), w(i, { name: "FAKE_wrapperEffect" });
     }
     disconnectedCallback() {
-      this.allSlotContent = [], this.slotContent = {}, this.htmlSlotContent = {}, this.effectSet.forEach((c) => {
-        var i, a;
-        return (a = (i = c.deref()) == null ? void 0 : i.destroy) == null ? void 0 : a.call(i);
+      this.allSlotContent = [], this.slotContent = {}, this.htmlSlotContent = {}, this.effectSet.forEach((i) => {
+        var c, a;
+        return (a = (c = i.deref()) == null ? void 0 : c.destroy) == null ? void 0 : a.call(c);
       }), this.effectSet.clear(), this.shadow.replaceChildren(), this.replaceChildren(), G(this, e.prototype.disconnectedCallback);
     }
   }
@@ -377,11 +369,11 @@ class _ extends HTMLElement {
     (e = this.appendAllSlotContent) == null || e.call(this);
   }
   inject(e) {
-    return S("%cinject%c", e), this.injects[e] || (this.injects[e] = j(null)), this.injects[e];
+    return C("%cinject%c", e), this.injects[e] || (this.injects[e] = j(null)), this.injects[e];
   }
   checkInjects() {
     Object.entries(this.injects).forEach(([e, n]) => {
-      S(
+      C(
         "%cinject%c",
         `%c${e}%c`,
         "from BaseElement (dispatch event)"
@@ -404,24 +396,24 @@ class _ extends HTMLElement {
   }
 }
 f(_, "observedAttributes", []), f(_, "renderTagName", ""), f(_, "styles");
-const Zt = (s) => "render" in s && "setReactiveValue" in s, bt = "handleSlotContext", Q = "onConnected", rt = (s) => typeof s == "string" ? s : JSON.stringify(s), St = (s) => {
+const Gt = (s) => "render" in s && "setReactiveValue" in s, pt = "handleSlotContext", X = "onConnected", nt = (s) => typeof s == "string" ? s : JSON.stringify(s), mt = (s) => {
   const t = document.createElement("span");
-  return t.textContent = rt(s), t;
-}, ct = (s, t) => (s.appendChild(St(t)), s), yt = (s, t) => (s.replaceChildren(), ct(s, t)), tt = (s) => {
+  return t.textContent = nt(s), t;
+}, ot = (s, t) => (s.appendChild(mt(t)), s), Et = (s, t) => (s.replaceChildren(), ot(s, t)), Q = (s) => {
   const t = document.createElement("span");
   return w(() => {
     const e = s();
-    t.textContent = rt(e);
+    t.textContent = nt(e);
   }), t;
 };
-class it {
+class rt {
   constructor(t) {
     f(this, "wrapper");
     f(this, "keyedEffects", /* @__PURE__ */ new Map());
     f(this, "append", (...t) => (t.forEach((e) => {
       var o;
       const n = e.hostElement;
-      n && ((o = this.hostElement) == null || o.appendChild(n), Q in n && setTimeout(() => {
+      n && ((o = this.hostElement) == null || o.appendChild(n), X in n && setTimeout(() => {
         var r;
         (r = n.onConnected) == null || r.call(
           n,
@@ -450,14 +442,15 @@ class it {
     }), this));
     f(this, "addHtmlContent", (t) => {
       const e = this.hostElement;
-      return e ? (ct(e, t), this) : this;
+      return e ? (ot(e, t), this) : this;
     });
     f(this, "setHtmlContent", (t) => {
       const e = this.hostElement;
-      return e ? (yt(e, t), this) : this;
+      return e ? (Et(e, t), this) : this;
     });
     f(this, "setAttribute", (t, e) => {
       var r;
+      C("setAttribute", t, e);
       const n = this.hostElement;
       if (!n) return this;
       let o;
@@ -466,30 +459,30 @@ class it {
           o = "";
         else {
           this.removeAttribute(t);
-          const c = t.toLowerCase();
-          return c in n && (n[c] = null), this;
+          const i = t.toLowerCase();
+          return i in n && (n[i] = null), this;
         }
       else typeof e != "string" ? o = JSON.stringify(e) : o = e;
-      if ((r = this.hostElement) == null || r.setAttribute(V(t), o), !(n instanceof _)) {
-        const c = t.toLowerCase();
-        c in n && (n[c] = e);
+      if ((r = this.hostElement) == null || r.setAttribute(N(t), o), !(n instanceof _)) {
+        const i = t.toLowerCase();
+        i in n && (n[i] = e);
       }
       return this;
     });
     f(this, "setCustomAttribute", (t, e) => {
       var o;
       let n;
-      return typeof e != "string" ? n = JSON.stringify(e) : n = e, (o = this.hostElement) == null || o.setAttribute(V(t), n), this;
+      return typeof e != "string" ? n = JSON.stringify(e) : n = e, (o = this.hostElement) == null || o.setAttribute(N(t), n), this;
     });
     f(this, "setReactiveAttribute", (t, e) => (this.addEffect((n) => {
-      n.setAttribute(t, e());
+      C("setReactiveAttribute effect", t, e), n.setAttribute(t, e());
     }, t), this));
     f(this, "setReactiveCustomAttribute", (t, e) => (this.addEffect((n) => {
       n.setCustomAttribute(t, e());
     }), this));
     f(this, "removeAttribute", (t) => {
       var e;
-      return (e = this.hostElement) == null || e.removeAttribute(V(t)), this;
+      return (e = this.hostElement) == null || e.removeAttribute(N(t)), this;
     });
     f(this, "addStyle", (t) => {
       const e = this.hostElement;
@@ -497,14 +490,14 @@ class it {
         const r = n.startsWith("--");
         typeof o == "function" ? this.addEffect(() => {
           if (r) {
-            const c = String(o() || "");
-            e.style.setProperty(n, c);
+            const i = String(o() || "");
+            e.style.setProperty(n, i);
           } else
             e.style[n] = o();
         }) : typeof o == "string" && (r ? e.style.setProperty(n, o) : e.style[n] = o);
       }), this) : this;
     });
-    f(this, "onConnected", (t) => this.hostElement ? (Reflect.defineProperty(this.hostElement, Q, {
+    f(this, "onConnected", (t) => this.hostElement ? (Reflect.defineProperty(this.hostElement, X, {
       get() {
         return t;
       }
@@ -540,23 +533,23 @@ class it {
       return (n = this.hostElement) == null || n.classList.replace(t, e), this;
     });
     f(this, "addEffect", (t, e) => {
-      var r, c;
+      var r, i;
       const n = this.hostElement;
       if (!n) return this;
       const o = () => t(this, n);
       if (e) {
-        const i = (r = this.keyedEffects.get(e)) == null ? void 0 : r.deref();
-        i && Z(i);
+        const c = (r = this.keyedEffects.get(e)) == null ? void 0 : r.deref();
+        c && U(c);
       }
-      return (c = n.effectSet) == null || c.add(new WeakRef(o)), o.component = this.wrapper, w(o, { name: (e == null ? void 0 : e.toString()) || n.tagName }), this;
+      return (i = n.effectSet) == null || i.add(new WeakRef(o)), o.component = this.wrapper, w(o, { name: (e == null ? void 0 : e.toString()) || n.tagName }), this;
     });
     f(this, "addReactiveContent", (t) => {
       var e;
-      return (e = this.hostElement) == null || e.appendChild(tt(t)), this;
+      return (e = this.hostElement) == null || e.appendChild(Q(t)), this;
     });
     f(this, "setReactiveContent", (t) => {
       var e;
-      return this.clear(), (e = this.hostElement) == null || e.appendChild(tt(t)), this;
+      return this.clear(), (e = this.hostElement) == null || e.appendChild(Q(t)), this;
     });
     f(this, "clear", () => {
       var t;
@@ -578,53 +571,54 @@ class it {
     ), this;
   }
 }
-class wt extends it {
+class Ct extends rt {
   constructor() {
     super(...arguments);
     f(this, "setReactiveValue", (e) => (this.hostElement instanceof _ && this.hostElement.setReactiveValue(e), this));
     f(this, "setSlotTemplate", (e) => {
       var o;
       const n = (o = this.hostElement) == null ? void 0 : o.slotTemplate;
-      return n && Object.entries(e).forEach(([r, c]) => {
-        n[r] = c;
+      return n && Object.entries(e).forEach(([r, i]) => {
+        n[r] = i;
       }), this;
     });
   }
 }
-const Ut = () => () => {
-}, vt = (s) => new wt(new WeakRef(s)), At = (s) => new it(new WeakRef(s)), Rt = (s, ...t) => ({
+const Kt = () => () => {
+}, bt = (s) => new Ct(new WeakRef(s)), St = (s) => new rt(new WeakRef(s)), yt = (s, ...t) => ({
   classList: [...s.map((e) => e.trim()).filter(Boolean), ...t]
-}), Xt = (s, ...t) => Rt(s, ...t), lt = (s, t) => {
+}), Ut = (s, ...t) => yt(s, ...t), it = (s, t) => {
+  var o;
   if (!t || !s.deref()) return;
   const e = Object.keys(t || {}).filter(
-    (o) => o.startsWith(".") || o.startsWith("@") || o.startsWith("$")
+    (r) => r.startsWith(".") || r.startsWith("@") || r.startsWith("$")
   );
-  e.filter((o) => o.startsWith(".")).forEach((o) => {
-    t != null && t.attributes || (t.attributes = {}), t.attributes[o.slice(1)] = t[o];
-  }), e.filter((o) => o.startsWith("@")).forEach((o) => {
+  e.filter((r) => r.startsWith(".")).forEach((r) => {
+    t != null && t.attributes || (t.attributes = {}), t.attributes[r.slice(1)] = t[r];
+  }), e.filter((r) => r.startsWith("@")).forEach((r) => {
     t != null && t.listeners || (t.listeners = {});
-    const r = o.slice(1);
-    t.listeners[r] = t[o];
-  }), e.filter((o) => o.startsWith("$")).forEach((o) => {
-    t != null && t.effects || (t.effects = []), t.effects.push(t[o]);
+    const i = r.slice(1);
+    t.listeners[i] = t[r];
+  }), e.filter((r) => r.startsWith("$")).forEach((r) => {
+    t != null && t.effects || (t.effects = []), t.effects.push(t[r]);
   });
   const n = s.deref();
   if (n)
-    return Ot(n, t.classList), jt(n, t.style), Tt(n, t.attributes), Mt(n, t.reactiveClassList), It(n, t.customAttributes), Lt(n, t.children), gt(n, t.effects), et(n, t.listeners), et(n, t.customListeners), n;
-}, et = (s, t) => {
+    return Rt(n, t.classList), Lt(n, t.style), It(n, t.attributes), gt(n, t.reactiveClassList), At(n, t.customAttributes), vt(n, t.children), wt(n, t.effects), tt(n, t.listeners), tt(n, t.customListeners), (o = t.ref) == null || o.set(n), n;
+}, tt = (s, t) => {
   t && Object.entries(t).forEach(([e, n]) => {
     typeof n == "function" && s.addEventlistener(e, n);
   });
-}, gt = (s, t) => t == null ? void 0 : t.forEach((e) => s.addEffect(e)), Lt = (s, t) => D(new WeakRef(s), ...t || []) ?? s, It = (s, t) => {
+}, wt = (s, t) => t == null ? void 0 : t.forEach((e) => s.addEffect(e)), vt = (s, t) => D(new WeakRef(s), ...t || []) ?? s, At = (s, t) => {
   const e = t;
   e && Object.keys(e).forEach((n) => {
     g(e[n]) ? s.setReactiveCustomAttribute(n, e[n]) : typeof e[n] == "function" ? s.addEffect(() => {
       s.setCustomAttribute(n, e[n]());
     }) : s.setCustomAttribute(n, e[n]);
   });
-}, Ot = (s, t) => s.addClass(...t || []), Mt = (s, t) => s.addReactiveClass(t || {}), jt = (s, t) => s.addStyle(t || {}), Tt = (s, t) => {
+}, Rt = (s, t) => s.addClass(...t || []), gt = (s, t) => s.addReactiveClass(t || {}), Lt = (s, t) => s.addStyle(t || {}), It = (s, t) => {
   const e = t, n = (o, r) => {
-    r !== void 0 && (g(r) ? s.setReactiveAttribute(o, r) : typeof r == "function" ? s.addEffect(() => {
+    r !== void 0 && (C("addAttribute", o, r), g(r) ? s.setReactiveAttribute(o, r) : typeof r == "function" ? s.addEffect(() => {
       s.setAttribute(o, r());
     }) : s.setAttribute(o, r));
   };
@@ -638,14 +632,14 @@ const Ut = () => () => {
       typeof n == "string" ? n.trim().length > 0 && e.addHtmlContent(n) : g(n) ? e.addReactiveContent(n) : e.append(n);
     }), e;
 }, W = (s, t) => {
-  const e = document.createElement(s), n = At(e);
-  return lt(new WeakRef(n), t) ?? n;
-}, U = (s, t) => {
+  const e = document.createElement(s), n = St(e);
+  return it(new WeakRef(n), t) ?? n;
+}, Y = (s, t) => {
   const [e, ...n] = s.split(" ").map((r) => r.trim()), o = W(e, t);
   return n.length > 0 && o.addClass(...n), (...r) => D(
     new WeakRef(o),
     ...r.filter(Boolean).flat().flatMap(
-      (c) => typeof c == "function" && !g(c) ? M(() => c(o)) : c
+      (i) => typeof i == "function" && !g(i) ? M(() => i(o)) : i
     )
   ) ?? o;
 }, M = (s) => {
@@ -653,89 +647,89 @@ const Ut = () => () => {
   return W("div").addStyle({ display: "contents" }).addEffect((e) => {
     e.clear(), D(new WeakRef(e), ...[s()].flat());
   }, t);
-}, Qt = (s, t, e) => {
-  const n = W("div").addStyle({ display: "contents" }), o = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
+}, Yt = (s, t, e) => {
+  const n = W("div").addStyle({ display: "contents" }), o = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map();
   let a = [];
-  const C = /* @__PURE__ */ new Set();
+  const b = /* @__PURE__ */ new Set();
   let h = s.peek();
   const d = (u) => {
-    C.delete(u), o.delete(u), r.delete(u), c.delete(u), i.delete(u);
+    b.delete(u), o.delete(u), r.delete(u), i.delete(u), c.delete(u);
   }, m = (u) => {
-    if (!i.has(u)) {
+    if (!c.has(u)) {
       const y = a.indexOf(u);
-      return i.set(u, y), y;
+      return c.set(u, y), y;
     }
-    return i.get(u);
+    return c.get(u);
   }, p = (u, y, x) => Array.from(x.children).indexOf(u) !== y;
   return w(() => {
     const u = s(), y = u.map(t).map((E) => typeof E == "string" ? E : E.toString()), x = new Set(y);
-    i.clear(), y.forEach((E, b) => {
-      i.set(E, b);
+    c.clear(), y.forEach((E, S) => {
+      c.set(E, S);
     }), a = y;
     const L = n.hostElement;
     if (!L) return;
-    S(
+    C(
       "containerChildren",
       Array.from(L.children),
       a
     );
     const H = [];
     Array.from(L.children).forEach((E) => {
-      const b = E.dataset.key;
-      b && !x.has(b) && H.push(E);
+      const S = E.dataset.key;
+      S && !x.has(S) && H.push(E);
     }), H.forEach((E) => {
-      const b = E.dataset.key;
-      S("remove element", b, E), E.remove(), d(b);
-    }), y.forEach((E, b) => {
+      const S = E.dataset.key;
+      C("remove element", S, E), E.remove(), d(S);
+    }), y.forEach((E, S) => {
       var v;
-      const A = u[b], $ = h[b];
+      const A = u[S], T = h[S];
       if (!o.has(E))
-        S("create new element", E, A), o.set(
+        C("create new element", E, A), o.set(
           E,
           j(Math.random().toString(36).substring(2, 15))
         ), r.set(
           E,
-          () => e(A, b, u).setCustomAttribute("data-key", E)
+          () => e(A, S, u).setCustomAttribute("data-key", E)
         );
-      else if ($ && JSON.stringify(A) !== JSON.stringify($)) {
-        const R = c.get(E);
+      else if (T && JSON.stringify(A) !== JSON.stringify(T)) {
+        const R = i.get(E);
         (v = o.get(E)) == null || v.set(Math.random().toString(36).substring(2, 15)), r.set(
           E,
-          () => e(A, b, u).setCustomAttribute("data-key", E)
-        ), R && R.parentNode && S("mark element for update", E);
+          () => e(A, S, u).setCustomAttribute("data-key", E)
+        ), R && R.parentNode && C("mark element for update", E);
       }
     }), h = [...u.map((E) => ({ ...E }))];
-    const N = () => {
-      o.forEach((E, b) => {
-        S("key from setTimeout foreach currItemSignalMap", b), C.has(b) || (C.add(b), w(() => {
-          var X;
+    const B = () => {
+      o.forEach((E, S) => {
+        C("key from setTimeout foreach currItemSignalMap", S), b.has(S) || (b.add(S), w(() => {
+          var Z;
           E();
-          const A = m(b), $ = (X = r.get(b)) == null ? void 0 : X();
-          if (!$ || !$.hostElement) return;
-          const v = n.hostElement, R = $.hostElement;
+          const A = m(S), T = (Z = r.get(S)) == null ? void 0 : Z();
+          if (!T || !T.hostElement) return;
+          const v = n.hostElement, R = T.hostElement;
           if (!v) return;
-          S("call effect from setTimeout", b, R);
-          const I = c.get(b);
+          C("call effect from setTimeout", S, R);
+          const I = i.get(S);
           if (I && I.parentNode === v) {
             if (p(I, A, v)) {
-              const T = v.children[A];
-              T && T !== I ? v.insertBefore(I, T) : T || v.appendChild(I);
+              const $ = v.children[A];
+              $ && $ !== I ? v.insertBefore(I, $) : $ || v.appendChild(I);
             }
-            R !== I && (I.replaceWith(R), c.set(b, R));
-          } else if (c.set(b, R), A < v.children.length) {
-            const T = v.children[A];
-            T ? v.insertBefore(R, T) : v.appendChild(R);
+            R !== I && (I.replaceWith(R), i.set(S, R));
+          } else if (i.set(S, R), A < v.children.length) {
+            const $ = v.children[A];
+            $ ? v.insertBefore(R, $) : v.appendChild(R);
           } else
             v.appendChild(R);
         }));
       });
     };
-    Promise.resolve().then(() => N());
+    Promise.resolve().then(() => B());
   }), n;
-}, te = (s) => {
+}, Zt = (s) => {
   let t = [W("div")], e = !1;
   return w(() => {
-    var r, c;
+    var r, i;
     const n = s();
     e = Array.isArray(n);
     const o = [];
@@ -743,95 +737,95 @@ const Ut = () => () => {
       W("div").addStyle({ display: "none" }).setAttribute("id", "empty_template")
     );
     try {
-      S(
+      C(
         "newReactiveComponent.map",
-        o.map((i) => {
+        o.map((c) => {
           var a;
-          return S("newReactiveComponent hostElement", i.hostElement), (a = i.hostElement) == null ? void 0 : a.id;
+          return C("newReactiveComponent hostElement", c.hostElement), (a = c.hostElement) == null ? void 0 : a.id;
         })
-      ), S(
+      ), C(
         "currComponent[0].hostElement?.id",
         (r = t[0].hostElement) == null ? void 0 : r.id,
         t
-      ), (c = t[0].hostElement) == null || c.replaceWith(
-        ...o.map((i) => i.hostElement).filter(Boolean)
-      ), t.slice(1).forEach((i) => {
+      ), (i = t[0].hostElement) == null || i.replaceWith(
+        ...o.map((c) => c.hostElement).filter(Boolean)
+      ), t.slice(1).forEach((c) => {
         var a;
-        return (a = i.hostElement) == null ? void 0 : a.remove();
+        return (a = c.hostElement) == null ? void 0 : a.remove();
       }), t = o;
-    } catch (i) {
-      console.error(i);
+    } catch (c) {
+      console.error(c);
     }
   }), e ? t : t[0];
-}, ee = (s) => bt in s, se = (s) => {
-  const t = U("div")().addStyle({ display: "contents" }), e = (n) => {
+}, Xt = (s) => pt in s, Qt = (s) => {
+  const t = Y("div")().addStyle({ display: "contents" }), e = (n) => {
     const o = t.hostElement;
     return o && (o.innerHTML = n), t;
   };
   return typeof s == "string" ? e(s) : t.addEffect(() => {
     e(s());
   }), t;
-}, at = (s, t, e) => s ? M(t) : e ? M(e) : U("div")().setAttribute("id", "empty_div_renderIf").addStyle({ display: "none" }), $t = (s, t, e) => M(() => at(!!s(), t, e)), ne = (s, t, e) => typeof s == "boolean" ? at(s, t, e) : $t(s, t, e), st = (s, t) => M(t).addEffect((e, n) => {
+}, ct = (s, t, e) => s ? M(t) : e ? M(e) : Y("div")().setAttribute("id", "empty_div_renderIf").addStyle({ display: "none" }), Ot = (s, t, e) => M(() => ct(!!s(), t, e)), te = (s, t, e) => typeof s == "boolean" ? ct(s, t, e) : Ot(s, t, e), et = (s, t) => M(t).addEffect((e, n) => {
   if (typeof s == "boolean")
     n.style.display = s ? "block" : "none";
   else {
     const o = s() ? "block" : "none";
     n.style.display = o;
   }
-}), oe = (s, t, e) => {
+}), ee = (s, t, e) => {
   const n = [
-    st(s, t)
+    et(s, t)
   ].flat();
   return e && n.push(
     ...[
-      st(
+      et(
         () => typeof s == "boolean" ? !s : !s(),
         e
       )
     ].flat()
   ), M(() => n);
-}, _t = (s, t) => {
-  S("createCustomElement", s);
-  const e = document.createElement(s), n = vt(e);
+}, Mt = (s, t) => {
+  C("createCustomElement", s);
+  const e = document.createElement(s), n = bt(e);
   return e.init = () => {
-    lt(new WeakRef(n), t);
+    it(new WeakRef(n), t);
   }, n;
-}, Wt = (s, t) => {
-  const e = s.split(" ").slice(1).map((o) => o.trim()), n = _t(s.split(" ")[0], t);
+}, jt = (s, t) => {
+  const e = s.split(" ").slice(1).map((o) => o.trim()), n = Mt(s.split(" ")[0], t);
   return Array.isArray(e) && e.length > 0 && n.addClass(...e), (...o) => {
     const r = o.filter(Boolean).flat().flatMap(
-      (i) => typeof i == "function" && !g(i) ? M(() => i(n)) : i
-    ), c = n.hostElement;
-    return c && (c.allSlotContent = r, c.slotContent = r.filter(ft).reduce(
-      (i, a) => {
+      (c) => typeof c == "function" && !g(c) ? M(() => c(n)) : c
+    ), i = n.hostElement;
+    return i && (i.allSlotContent = r, i.slotContent = r.filter(dt).reduce(
+      (c, a) => {
         var h;
-        const C = ((h = a.hostElement) == null ? void 0 : h.getAttribute("slot")) || "default";
-        return i[C] || (i[C] = []), i[C].push(a), i;
+        const b = ((h = a.hostElement) == null ? void 0 : h.getAttribute("slot")) || "default";
+        return c[b] || (c[b] = []), c[b].push(a), c;
       },
       {}
-    ), c.appendAllSlotContent = () => {
+    ), i.appendAllSlotContent = () => {
       D(new WeakRef(n), ...r);
     }), n;
   };
-}, xt = (s, t, e) => Wt(
+}, $t = (s, t, e) => jt(
   `${s.renderTagName}${t && typeof t == "string" ? " " + t : ""}`,
   F(t) ? t : t && typeof t == "string" ? e : void 0
-), re = () => {
+), se = () => {
   const s = () => {
   };
   return s.oldValue = null, s;
-}, ce = () => ({}), Ht = (s, t, e) => {
-  const n = t ? ot(t, e)(s) : s;
+}, ne = () => ({}), Tt = (s, t, e) => {
+  const n = t ? st(t, e)(s) : s;
   return (o, ...r) => {
-    const c = [...r];
-    return o && !F(o) && c.unshift(o), xt(n, F(o) ? o : {})(...c);
+    const i = [...r];
+    return o && !F(o) && i.unshift(o), $t(n, F(o) ? o : {})(...i);
   };
-}, ie = (s) => [
-  Ht(s),
+}, oe = (s) => [
+  Tt(s),
   (t, e) => {
-    ot(t, e)(s);
+    st(t, e)(s);
   }
-], l = {}, kt = [
+], l = {}, _t = [
   "div",
   "span",
   "section",
@@ -893,43 +887,43 @@ const Ut = () => () => {
   "canvas",
   "slot"
 ];
-kt.forEach((s) => {
+_t.forEach((s) => {
   l[s] = (t, ...e) => {
     let n = [...e];
-    return t && !F(t) && (n = [t].concat(n)), U(s, F(t) ? t : {})(...n);
+    return t && !F(t) && (n = [t].concat(n)), Y(s, F(t) ? t : {})(...n);
   };
 });
-const Pt = l.div, le = l.span, ae = l.section, de = l.input, he = l.button, fe = l.table, ue = l.tr, pe = l.td, me = l.th, Ee = l.ul, Ce = l.li, be = l.ol, Se = l.form, ye = l.label, we = l.select, ve = l.option, Ae = l.textarea, Re = l.img, ge = l.a, Le = l.p, Ie = l.h1, Oe = l.h2, Me = l.h3, je = l.h4, Te = l.h5, $e = l.h6, _e = l.br, We = l.hr, xe = l.pre, He = l.code, ke = l.nav, Pe = l.header, Fe = l.footer, Ne = l.main, Be = l.aside, Ve = l.article, Je = l.figure, qe = l.figcaption, ze = l.blockquote, De = l.cite, Ge = l.small, Ke = l.strong, Ye = l.em, Ze = l.b, Ue = l.i, Xe = l.u, Qe = l.s, ts = l.sub, es = l.sup, ss = l.mark, ns = l.del, os = l.ins, rs = l.details, cs = l.summary, is = l.progress, ls = l.meter, as = l.audio, ds = l.video, hs = l.canvas, fs = l.slot, us = (s) => (t) => s(t).addClass(...t.classList ?? []).addReactiveClass(t.reactiveClassList ?? {});
-function Ft(s, t) {
+const Wt = l.div, re = l.span, ie = l.section, ce = l.input, le = l.button, ae = l.table, de = l.tr, he = l.td, fe = l.th, ue = l.ul, pe = l.li, me = l.ol, Ee = l.form, Ce = l.label, be = l.select, Se = l.option, ye = l.textarea, we = l.img, ve = l.a, Ae = l.p, Re = l.h1, ge = l.h2, Le = l.h3, Ie = l.h4, Oe = l.h5, Me = l.h6, je = l.br, $e = l.hr, Te = l.pre, _e = l.code, We = l.nav, xe = l.header, He = l.footer, ke = l.main, Pe = l.aside, Fe = l.article, Be = l.figure, Ve = l.figcaption, Ne = l.blockquote, Je = l.cite, qe = l.small, ze = l.strong, De = l.em, Ge = l.b, Ke = l.i, Ue = l.u, Ye = l.s, Ze = l.sub, Xe = l.sup, Qe = l.mark, ts = l.del, es = l.ins, ss = l.details, ns = l.summary, os = l.progress, rs = l.meter, is = l.audio, cs = l.video, ls = l.canvas, as = l.slot, ds = (s) => (t) => s(t).addClass(...t.classList ?? []).addReactiveClass(t.reactiveClassList ?? {});
+function xt(s, t) {
   let e = 0;
   return (...n) => {
     const o = Date.now();
     o - e >= t && (s(...n), e = o);
   };
 }
-const ps = (s, t) => M(() => {
+const hs = (s, t) => M(() => {
   const e = s();
   let n = null;
   return e.map(
-    (o, r) => Pt(
+    (o, r) => Wt(
       {
-        "@dragstart": (c, i, a) => {
+        "@dragstart": (i, c, a) => {
           n = a;
         },
-        "@dragend": (c, i, a) => {
+        "@dragend": (i, c, a) => {
           a.style.transform = "", a.removeAttribute("draggable");
         },
-        "@mousedown": (c, i, a) => {
+        "@mousedown": (i, c, a) => {
           a.style.transform = "translateZ(0)", a.setAttribute("draggable", "true");
         },
-        "@dragover": (c) => {
-          c.preventDefault();
+        "@dragover": (i) => {
+          i.preventDefault();
         },
-        "@dragenter": Ft((c, i, a) => {
-          var C, h, d;
-          if (c.preventDefault(), n) {
+        "@dragenter": xt((i, c, a) => {
+          var b, h, d;
+          if (i.preventDefault(), n) {
             let m = n, p = a;
-            const u = ((C = n.getClientRects().item(0)) == null ? void 0 : C.y) ?? 0, y = ((h = a.getClientRects().item(0)) == null ? void 0 : h.y) ?? 0;
+            const u = ((b = n.getClientRects().item(0)) == null ? void 0 : b.y) ?? 0, y = ((h = a.getClientRects().item(0)) == null ? void 0 : h.y) ?? 0;
             u < y && ([m, p] = [a, n]), (d = a.parentElement) == null || d.insertBefore(m, p);
           }
         }, 200)
@@ -937,53 +931,53 @@ const ps = (s, t) => M(() => {
       t(o, r, [...s.peek()])
     )
   );
-}), ms = (s, t, e) => {
+}), fs = (s, t, e) => {
   let n = [], o = [];
-  const r = W("div").addStyle({ display: "contents" }), c = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
+  const r = W("div").addStyle({ display: "contents" }), i = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map();
   return w(() => {
-    const a = s(), C = a.map(t);
-    o.filter((d) => !C.includes(d)).forEach((d) => {
+    const a = s(), b = a.map(t);
+    o.filter((d) => !b.includes(d)).forEach((d) => {
       var m, p;
-      c.delete(d), (p = (m = r.hostElement) == null ? void 0 : m.querySelector(`[data-key="${d}"]`)) == null || p.remove();
-    }), C.forEach((d, m) => {
-      o.includes(d) || c.set(
+      i.delete(d), (p = (m = r.hostElement) == null ? void 0 : m.querySelector(`[data-key="${d}"]`)) == null || p.remove();
+    }), b.forEach((d, m) => {
+      o.includes(d) || i.set(
         d,
         () => e(a[m], m, a).setCustomAttribute(
           "data-key",
           d
         )
       );
-    }), C.forEach((d, m) => {
+    }), b.forEach((d, m) => {
       var p;
       if (o.includes(d)) {
-        JSON.stringify(n[o.indexOf(d)]) !== JSON.stringify(a[m]) && ((p = i.get(d)) == null || p.set({
+        JSON.stringify(n[o.indexOf(d)]) !== JSON.stringify(a[m]) && ((p = c.get(d)) == null || p.set({
           templateFunc: () => e(a[m], m, a),
           items: a,
-          itemsKey: C,
+          itemsKey: b,
           index: m
         }));
         return;
       }
-      i.set(
+      c.set(
         d,
         j({
           templateFunc: () => e(a[m], m, a),
           items: a,
-          itemsKey: C,
+          itemsKey: b,
           index: m
         })
       ), queueMicrotask(() => {
         w(() => {
-          var H, N, E;
-          const { templateFunc: u, index: y } = ((H = i.get(d)) == null ? void 0 : H()) ?? {}, x = (N = r.hostElement) == null ? void 0 : N.querySelector(
+          var H, B, E;
+          const { templateFunc: u, index: y } = ((H = c.get(d)) == null ? void 0 : H()) ?? {}, x = (B = r.hostElement) == null ? void 0 : B.querySelector(
             `[data-key="${d}"]`
           ), L = (u == null ? void 0 : u().setCustomAttribute("data-key", d).hostElement) ?? document.createElement("div");
-          x ? (E = r.hostElement) == null || E.childNodes.forEach((b, A) => {
-            b instanceof HTMLElement && b.getAttribute("data-key") === d && (y === A ? (h(
+          x ? (E = r.hostElement) == null || E.childNodes.forEach((S, A) => {
+            S instanceof HTMLElement && S.getAttribute("data-key") === d && (y === A ? (h(
               y ?? 0,
               r.hostElement,
               L
-            ), b.remove()) : h(
+            ), S.remove()) : h(
               y ?? 0,
               r.hostElement,
               L
@@ -995,129 +989,130 @@ const ps = (s, t) => M(() => {
     const h = (d, m, p) => {
       p && m && (d < m.children.length ? m.insertBefore(p, m.children[d]) : m.appendChild(p));
     };
-    o = C, n = [...a];
+    o = b, n = [...a];
   }), r;
 };
 export {
   _ as BaseElement,
-  ge as a,
-  Tt as addAttributeList,
-  Ot as addClassList,
-  It as addCustomAttributes,
-  Mt as addReactiveClassList,
-  jt as addStyleList,
+  ve as a,
+  It as addAttributeList,
+  Rt as addClassList,
+  At as addCustomAttributes,
+  gt as addReactiveClassList,
+  Lt as addStyleList,
   D as appendContentItem,
-  Ve as article,
-  Be as aside,
-  as as audio,
-  Ze as b,
-  zt as bindReactiveSignals,
-  ze as blockquote,
-  _e as br,
-  he as button,
-  V as camelToKebab,
-  hs as canvas,
+  Fe as article,
+  Pe as aside,
+  is as audio,
+  Ge as b,
+  Vt as bindReactiveSignals,
+  Ne as blockquote,
+  je as br,
+  le as button,
+  N as camelToKebab,
+  ls as canvas,
   G as checkCall,
-  Vt as checkRef,
-  De as cite,
-  Rt as classList,
-  Xt as cls,
-  He as code,
-  B as colorLog,
-  Gt as combineLatest,
-  ot as component,
-  ie as configCustomComponent,
-  us as createComponent,
-  xt as createCustom,
-  Wt as createCustomEl,
-  _t as createCustomElement,
-  U as createEl,
+  Pt as checkRef,
+  Je as cite,
+  yt as classList,
+  Ut as cls,
+  _e as code,
+  V as colorLog,
+  Jt as combineLatest,
+  st as component,
+  oe as configCustomComponent,
+  ds as createComponent,
+  $t as createCustom,
+  jt as createCustomEl,
+  Mt as createCustomElement,
+  Y as createEl,
   W as createElement,
-  qt as createSignal,
-  vt as customElementHelpers,
-  ps as ddList,
-  ce as defineSlotTemplate,
-  ns as del,
-  rs as details,
-  pt as disableLogs,
-  Pt as div,
+  Bt as createSignal,
+  bt as customElementHelpers,
+  hs as ddList,
+  ne as defineSlotTemplate,
+  ts as del,
+  ss as details,
+  ft as disableLogs,
+  Wt as div,
   w as effect,
-  At as elementHelpers,
-  Ye as em,
-  Bt as enableLogs,
-  Yt as event,
-  Ut as eventEmitter,
-  qe as figcaption,
-  Je as figure,
-  Fe as footer,
-  Dt as forkJoin,
-  Se as form,
-  ms as getList,
+  St as elementHelpers,
+  De as em,
+  kt as enableLogs,
+  Dt as event,
+  Kt as eventEmitter,
+  Ve as figcaption,
+  Be as figure,
+  qt as firstUpdate,
+  He as footer,
+  Nt as forkJoin,
+  Ee as form,
+  fs as getList,
   M as getSignalContent,
-  Ie as h1,
-  Oe as h2,
-  Me as h3,
-  je as h4,
-  Te as h5,
-  $e as h6,
-  Pe as header,
-  We as hr,
-  Ue as i,
-  Re as img,
-  lt as initComponent,
-  de as input,
-  os as ins,
-  Zt as isBaseElement,
-  ft as isComponentConfig,
+  Re as h1,
+  ge as h2,
+  Le as h3,
+  Ie as h4,
+  Oe as h5,
+  Me as h6,
+  xe as header,
+  $e as hr,
+  Ke as i,
+  we as img,
+  it as initComponent,
+  ce as input,
+  es as ins,
+  Gt as isBaseElement,
+  dt as isComponentConfig,
   F as isComponentInitConfig,
   g as isReactiveSignal,
-  ee as isSlotTemplate,
-  ut as kebabToCamel,
-  ye as label,
-  Ce as li,
-  Ne as main,
-  ss as mark,
-  ls as meter,
-  ke as nav,
-  re as newEventEmitter,
-  be as ol,
-  Qt as oldGetList,
-  ve as option,
-  Le as p,
-  xe as pre,
-  is as progress,
-  S as projectLog,
-  Kt as property,
-  Z as removeEffect,
-  at as renderIf,
-  Jt as rs,
-  $t as rxRenderIf,
-  Qe as s,
-  ae as section,
-  we as select,
-  Lt as setChildren,
-  gt as setEffects,
-  et as setListeners,
-  oe as show,
-  st as showIf,
+  Xt as isSlotTemplate,
+  ht as kebabToCamel,
+  Ce as label,
+  pe as li,
+  ke as main,
+  Qe as mark,
+  rs as meter,
+  We as nav,
+  se as newEventEmitter,
+  me as ol,
+  Yt as oldGetList,
+  Se as option,
+  Ae as p,
+  Te as pre,
+  os as progress,
+  C as projectLog,
+  zt as property,
+  U as removeEffect,
+  ct as renderIf,
+  Ft as rs,
+  Ot as rxRenderIf,
+  Ye as s,
+  ie as section,
+  be as select,
+  vt as setChildren,
+  wt as setEffects,
+  tt as setListeners,
+  ee as show,
+  et as showIf,
   j as signal,
-  te as signalComponent,
-  fs as slot,
-  Ge as small,
-  le as span,
-  Ke as strong,
-  ts as sub,
-  cs as summary,
-  es as sup,
-  fe as table,
-  pe as td,
-  Ae as textarea,
-  me as th,
-  ue as tr,
-  Xe as u,
-  Ee as ul,
-  se as unsafeHtml,
-  Ht as useCustomComponent,
-  ds as video,
-  ne as when
+  Zt as signalComponent,
+  as as slot,
+  qe as small,
+  re as span,
+  ze as strong,
+  Ze as sub,
+  ns as summary,
+  Xe as sup,
+  ae as table,
+  he as td,
+  ye as textarea,
+  fe as th,
+  de as tr,
+  Ue as u,
+  ue as ul,
+  Qt as unsafeHtml,
+  Tt as useCustomComponent,
+  cs as video,
+  te as when
 };