@jasonshimmy/custom-elements-runtime 2.2.4 → 2.2.5

package/dist/custom-elements-runtime.es.js

@@ -1,8 +1,8 @@
 import { g as U, t as Z, i as j, s as xe, a as P, b as z, d as B, f as V, T as dt, h as Ve, S as ht, j as st, k as Ze, l as Se, m as Je, n as yt } from "./namespace-helpers-Vwt2Fzds.js";
 import { c as pn, r as dn, u as hn, w as yn } from "./namespace-helpers-Vwt2Fzds.js";
 import { d as D, a as Y } from "./logger-BpibrmKL.js";
-import { j as mt, g as $e, a as fe, m as _e, s as gt, b as Ye } from "./transitions-m6FraTTL.js";
-import { c as gn } from "./transitions-m6FraTTL.js";
+import { j as mt, g as $e, a as fe, m as _e, s as gt, b as Ye } from "./transitions-DCIjMqzG.js";
+import { c as gn } from "./transitions-DCIjMqzG.js";
 function bt(e, n, t) {
   if (t)
     for (const [s, r] of Object.entries(t)) {
@@ -26,8 +26,8 @@ function Et(e, n, t, s) {
     if (typeof i != typeof c || typeof i != "object" || i === null || c === null) return !1;
     if (Array.isArray(i) && Array.isArray(c))
       return i.length !== c.length ? !1 : i.every((m, A) => r(m, c[A]));
-    const u = i, f = c, _ = Object.keys(u || {}), E = Object.keys(f || {});
-    return _.length !== E.length ? !1 : _.every((m) => r(u[m], f[m]));
+    const f = i, u = c, _ = Object.keys(f || {}), E = Object.keys(u || {});
+    return _.length !== E.length ? !1 : _.every((m) => r(f[m], u[m]));
   }, o = n.get(t);
   if (o && !r(s, o.oldValue))
     try {
@@ -38,10 +38,10 @@ function Et(e, n, t, s) {
   for (const [i, c] of n.entries())
     if (c.options.deep && t.startsWith(i + "."))
       try {
-        const u = U(e, i);
-        r(u, c.oldValue) || (c.callback(u, c.oldValue, e), c.oldValue = u);
-      } catch (u) {
-        D(`Error in deep watcher for "${i}":`, u);
+        const f = U(e, i);
+        r(f, c.oldValue) || (c.callback(f, c.oldValue, e), c.oldValue = f);
+      } catch (f) {
+        D(`Error in deep watcher for "${i}":`, f);
       }
 }
 function Ie(e, n) {
@@ -93,9 +93,9 @@ function St(e, n, t) {
               configurable: !0,
               get() {
                 try {
-                  const u = Z(o), f = e.getAttribute(u);
-                  if (f !== null)
-                    return f;
+                  const f = Z(o), u = e.getAttribute(f);
+                  if (u !== null)
+                    return u;
                   const _ = e[o];
                   let E;
                   return j(_) || _ && typeof _ == "object" && "value" in _ && !(_ instanceof Node) ? E = _.value : E = _, E;
@@ -117,7 +117,7 @@ function _t(e, n, t, s) {
   e.onConnected && !t && (e.onConnected(n), s(!0));
 }
 function kt(e, n, t, s, r, o, i, c) {
-  e.onDisconnected && e.onDisconnected(n), t.forEach((u) => u()), s(), r(), o(!1), i(null), c(!1);
+  e.onDisconnected && e.onDisconnected(n), t.forEach((f) => f()), s(), r(), o(!1), i(null), c(!1);
 }
 function Ct(e, n, t, s, r) {
   e.onAttributeChanged && e.onAttributeChanged(n, t, s, r);
@@ -201,8 +201,8 @@ class At {
       for (const { key: i, value: c } of s)
         try {
           if (c.startsWith("ctx.")) {
-            const u = c.slice(4);
-            o[i] = U(r, u);
+            const f = c.slice(4);
+            o[i] = U(r, f);
           } else
             o[i] = this.evaluateSimpleValue(c, r);
         } catch {
@@ -216,8 +216,8 @@ class At {
     for (const r of s) {
       const o = r.indexOf(":");
       if (o === -1) continue;
-      const i = r.slice(0, o).trim(), c = r.slice(o + 1).trim(), u = i.replace(/^['"]|['"]$/g, "");
-      t.push({ key: u, value: c });
+      const i = r.slice(0, o).trim(), c = r.slice(o + 1).trim(), f = i.replace(/^['"]|['"]$/g, "");
+      t.push({ key: f, value: c });
     }
     return t;
   }
@@ -251,11 +251,11 @@ class At {
             `<<#${A}#>>`
           );
         }
-        const u = /\b([a-zA-Z_][a-zA-Z0-9_]*)\b/g;
-        let f;
+        const f = /\b([a-zA-Z_][a-zA-Z0-9_]*)\b/g;
+        let u;
         const _ = /* @__PURE__ */ new Set();
-        for (; (f = u.exec(s)) !== null; ) {
-          const E = f[1];
+        for (; (u = f.exec(s)) !== null; ) {
+          const E = u[1];
           if (["true", "false", "null", "undefined"].includes(E) || /^[0-9]+$/.test(E) || E === "ctx" || _.has(E)) continue;
           _.add(E);
           const m = U(t, E);
@@ -317,10 +317,10 @@ class At {
       const v = Number(a);
       return Number.isNaN(v) ? NaN : v;
     }
-    function u(a, v) {
+    function f(a, v) {
       return typeof a == "string" || typeof v == "string" ? String(a) + String(v) : c(a) + c(v);
     }
-    function f(a, v) {
+    function u(a, v) {
       return c(a) - c(v);
     }
     function _(a, v) {
@@ -445,7 +445,7 @@ class At {
         const v = r();
         if (!v || v.value !== "+" && v.value !== "-") break;
         const y = o("OP").value, h = d();
-        a = y === "+" ? u(a, h) : f(a, h);
+        a = y === "+" ? f(a, h) : u(a, h);
       }
       return a;
     }
@@ -477,7 +477,7 @@ class At {
       if (a && a.value === "-") {
         o("OP");
         const v = C();
-        return f(0, v);
+        return u(0, v);
       }
       return L();
     }
@@ -760,22 +760,22 @@ async function ke(e, n) {
         p();
       }) : p();
     }) : void 0;
-  const i = pe(t?.enterFrom), c = pe(t?.enterActive), u = pe(t?.enterTo);
+  const i = pe(t?.enterFrom), c = pe(t?.enterActive), f = pe(t?.enterTo);
   de(e, i), e.offsetHeight, de(e, c), e.offsetHeight;
-  let f;
+  let u;
   if (s?.onEnter) {
     const p = new Promise((S) => {
-      f = S;
+      u = S;
     });
     try {
       const S = s.onEnter;
       typeof S == "function" && S(e, () => {
-        f && f();
+        u && u();
       });
     } catch (S) {
       D("Transition onEnter error:", S);
     }
-    f && await p;
+    u && await p;
   }
   await new Promise(
     (p) => requestAnimationFrame(() => p(void 0))
@@ -783,7 +783,7 @@ async function ke(e, n) {
   const _ = window.getComputedStyle(e), E = _.transform, m = _.opacity;
   ue(e, i), E && E !== "none" && (e.style.transform = E), m && m !== "" && (e.style.opacity = m), e.offsetHeight, await new Promise(
     (p) => requestAnimationFrame(() => p(void 0))
-  ), e.style.transform = "", e.style.opacity = "", de(e, u), e.offsetHeight, await new Promise(
+  ), e.style.transform = "", e.style.opacity = "", de(e, f), e.offsetHeight, await new Promise(
     (p) => requestAnimationFrame(() => p(void 0))
   );
   let A;
@@ -815,28 +815,28 @@ async function Be(e, n) {
         E();
       }) : E();
     }) : void 0;
-  const i = pe(t?.leaveFrom), c = pe(t?.leaveActive), u = pe(t?.leaveTo);
+  const i = pe(t?.leaveFrom), c = pe(t?.leaveActive), f = pe(t?.leaveTo);
   de(e, i), e.offsetHeight, de(e, c);
-  let f;
+  let u;
   if (s?.onLeave) {
     const E = new Promise((m) => {
-      f = m;
+      u = m;
     });
     try {
       const m = s.onLeave;
       typeof m == "function" && m(e, () => {
-        f && f();
+        u && u();
       });
     } catch (m) {
       D("Transition onLeave error:", m);
     }
-    f && await E;
+    u && await E;
   }
   await new Promise(
     (E) => requestAnimationFrame(() => E(void 0))
-  ), await Lt(e, [...i, ...c]), ue(e, i), de(e, u);
+  ), await Lt(e, [...i, ...c]), ue(e, i), de(e, f);
   let _;
-  if (typeof o == "number" ? _ = o : o && typeof o == "object" && "leave" in o && (_ = o.leave), await it(e, _), ue(e, c), ue(e, u), ue(e, i), s?.onAfterLeave)
+  if (typeof o == "number" ? _ = o : o && typeof o == "object" && "leave" in o && (_ = o.leave), await it(e, _), ue(e, c), ue(e, f), ue(e, i), s?.onAfterLeave)
     try {
       s.onAfterLeave(e);
     } catch (E) {
@@ -957,7 +957,7 @@ function Ce(e, n, t) {
 }
 function jt(e, n, t, s, r, o, i, c) {
   if (!o) return;
-  const u = n.includes("lazy"), f = n.includes("trim"), _ = n.includes("number"), E = () => {
+  const f = n.includes("lazy"), u = n.includes("trim"), _ = n.includes("number"), E = () => {
     if (j(e)) {
       const d = e.value;
       return c && i && (i instanceof HTMLInputElement || i instanceof HTMLTextAreaElement || i instanceof HTMLSelectElement) && typeof d == "object" && d !== null ? d[c] : d;
@@ -997,7 +997,7 @@ function jt(e, n, t, s, r, o, i, c) {
     } catch {
     }
   }
-  const k = u || A === "checkbox" || A === "radio" || A === "select" ? "change" : "input", b = (g) => {
+  const k = f || A === "checkbox" || A === "radio" || A === "select" ? "change" : "input", b = (g) => {
     if (g.isComposing || r._isComposing)
       return;
     const d = globalThis.process, C = !!d && d.env?.NODE_ENV === "test" || typeof window < "u" && globalThis.__vitest__;
@@ -1028,7 +1028,7 @@ function jt(e, n, t, s, r, o, i, c) {
       N = Array.from(L.selectedOptions).map(
         (y) => y.value
       );
-    else if (f && typeof N == "string" && (N = N.trim()), _) {
+    else if (u && typeof N == "string" && (N = N.trim()), _) {
       const y = Number(N);
       isNaN(y) || (N = y);
     }
@@ -1137,7 +1137,7 @@ function jt(e, n, t, s, r, o, i, c) {
     d && setTimeout(() => {
       const C = d.value, L = o?._state || o, N = U(L, e);
       let a = C;
-      if (f && (a = a.trim()), _) {
+      if (u && (a = a.trim()), _) {
         const y = Number(a);
         isNaN(y) || (a = y);
       }
@@ -1184,14 +1184,14 @@ function Mt(e, n, t, s, r) {
           if (i.startsWith("data-") || i.startsWith("aria-") || i === "class")
             t[i] = c;
           else if (i === "disabled" && r && J(r)) {
-            const u = c && typeof c == "object" && "value" in c;
+            const f = c && typeof c == "object" && "value" in c;
             (() => {
               try {
                 return j(c);
               } catch {
                 return !1;
               }
-            })() || u ? n[i] = c : t[i] = c;
+            })() || f ? n[i] = c : t[i] = c;
           } else
             n[i] = c;
         return;
@@ -1219,14 +1219,14 @@ function Pt(e, n, t) {
   let o = r;
   if (s) {
     if (r) {
-      const i = String(r).split(";").map((u) => u.trim()).filter(Boolean), c = i.findIndex(
-        (u) => u.startsWith("display:")
+      const i = String(r).split(";").map((f) => f.trim()).filter(Boolean), c = i.findIndex(
+        (f) => f.startsWith("display:")
       );
       c >= 0 && i[c] === "display: none" && (i.splice(c, 1), o = i.length > 0 ? i.join("; ") + ";" : "");
     }
   } else if (r) {
     const i = String(r).split(";").filter(Boolean), c = i.findIndex(
-      (u) => u.trim().startsWith("display:")
+      (f) => f.trim().startsWith("display:")
     );
     c >= 0 ? i[c] = "display: none" : i.push("display: none"), o = i.join("; ");
   } else
@@ -1248,8 +1248,8 @@ function xt(e, n, t, s) {
       if (j(r))
         r = r.value;
       else if ("value" in r && typeof r.value < "u") {
-        const f = r.value;
-        f instanceof Node || (r = f);
+        const u = r.value;
+        u instanceof Node || (r = u);
       }
     }
   } catch {
@@ -1260,10 +1260,10 @@ function xt(e, n, t, s) {
   else if (Array.isArray(r))
     o = r.filter(Boolean);
   else if (typeof r == "object" && r !== null)
-    for (const [f, _] of Object.entries(r))
-      _ && o.push(f);
-  const i = o.join(" "), c = s && s.class || n.class || "", u = c ? `${c} ${i}`.trim() : i.trim();
-  u ? n.class = u : n.class = void 0;
+    for (const [u, _] of Object.entries(r))
+      _ && o.push(u);
+  const i = o.join(" "), c = s && s.class || n.class || "", f = c ? `${c} ${i}`.trim() : i.trim();
+  f ? n.class = f : n.class = void 0;
 }
 function Ue(e) {
   if (e === !0 || e === !1) return !0;
@@ -1290,9 +1290,9 @@ function Ht(e, n, t) {
     r = s;
   else if (s && typeof s == "object") {
     const i = [];
-    for (const [c, u] of Object.entries(s))
-      if (u != null && u !== "") {
-        const f = c.replace(
+    for (const [c, f] of Object.entries(s))
+      if (f != null && f !== "") {
+        const u = c.replace(
           /[A-Z]/g,
           (m) => `-${m.toLowerCase()}`
         ), _ = [
@@ -1321,8 +1321,8 @@ function Ht(e, n, t) {
           "min-height",
           "max-height"
         ];
-        let E = String(u);
-        typeof u == "number" && _.includes(f) && (E = `${u}px`), i.push(`${f}: ${E}`);
+        let E = String(f);
+        typeof f == "number" && _.includes(u) && (E = `${f}px`), i.push(`${u}: ${E}`);
       }
     r = i.join("; ") + (i.length > 0 ? ";" : "");
   }
@@ -1335,12 +1335,12 @@ function It(e, n, t) {
 }
 function lt(e, n, t, s) {
   const r = {}, o = { ...s || {} }, i = {};
-  for (const [c, u] of Object.entries(e)) {
-    const { value: f, modifiers: _, arg: E } = u;
+  for (const [c, f] of Object.entries(e)) {
+    const { value: u, modifiers: _, arg: E } = f;
     if (c === "model" || c.startsWith("model:")) {
       const m = c.split(":"), A = m.length > 1 ? m[1] : E;
       jt(
-        f,
+        u,
         // Pass the original value (could be string or reactive state object)
         _,
         r,
@@ -1354,40 +1354,40 @@ function lt(e, n, t, s) {
     }
     switch (c) {
       case "bind":
-        Mt(f, r, o, n, t);
+        Mt(u, r, o, n, t);
         break;
       case "show":
-        Pt(f, o, n);
+        Pt(u, o, n);
         break;
       case "class":
-        xt(f, o, n, s);
+        xt(u, o, n, s);
         break;
       case "style":
-        Ht(f, o, n);
+        Ht(u, o, n);
         break;
       case "ref":
-        It(f, r, n);
+        It(u, r, n);
         break;
     }
   }
   try {
     if (Object.prototype.hasOwnProperty.call(r, "disabled") && t && J(t)) {
-      const u = r.disabled, f = u && typeof u == "object" && "value" in u;
+      const f = r.disabled, u = f && typeof f == "object" && "value" in f;
       let _ = !1;
       try {
-        _ = j(u);
+        _ = j(f);
       } catch {
         _ = !1;
       }
-      if (!f && !_)
+      if (!u && !_)
         try {
-          o.disabled = u, delete r.disabled;
+          o.disabled = f, delete r.disabled;
           const E = globalThis;
           E.__VDOM_DISABLED_PROMOTIONS || (E.__VDOM_DISABLED_PROMOTIONS = []), E.__VDOM_DISABLED_PROMOTIONS.push({
             phase: "bind-directive:postfix-move",
             location: "attrs",
             key: "disabled",
-            value: u,
+            value: f,
             time: Date.now(),
             stack: new Error().stack
           });
@@ -1418,12 +1418,12 @@ function ze(e, n) {
         ].find((p) => p != null) ?? "";
         c = A ? `${n}:${E}:${A}` : `${n}:${E}`;
       }
-      let u = c, f = 1;
-      for (; o.has(u); )
-        u = `${c}#${f++}`;
-      o.add(u);
+      let f = c, u = 1;
+      for (; o.has(f); )
+        f = `${c}#${u++}`;
+      o.add(f);
       let _ = i.children;
-      return Array.isArray(_) && (_ = ze(_, u)), { ...i, key: u, children: _ };
+      return Array.isArray(_) && (_ = ze(_, f)), { ...i, key: f, children: _ };
     });
   }
   const t = e, s = t.props?.key ?? t.key ?? n;
@@ -1444,10 +1444,10 @@ function et(e, n, t, s) {
     ...n.attrs || {},
     ...t.attrs || {},
     ...o.attrs || {}
-  }, u = n.props ?? {}, f = i, _ = !!(t?.isCustomElement ?? n?.isCustomElement ?? !1);
+  }, f = n.props ?? {}, u = i, _ = !!(t?.isCustomElement ?? n?.isCustomElement ?? !1);
   let E = !1;
-  for (const p in { ...u, ...f }) {
-    const S = u[p], l = f[p];
+  for (const p in { ...f, ...u }) {
+    const S = f[p], l = u[p];
     let k = S, b = l;
     if (P(() => {
       (j(S) || he(S)) && (k = S.value);
@@ -1465,7 +1465,7 @@ function et(e, n, t, s) {
         typeof S == "function" && Q.removeListener(e, g, S), typeof l == "function" && Q.addListener(e, g, l);
         try {
           if (g && g.startsWith("update:")) {
-            const d = g.split(":", 2)[1], C = f[d];
+            const d = g.split(":", 2)[1], C = u[d];
             let L = [];
             try {
               if (j(C)) {
@@ -1480,7 +1480,7 @@ function et(e, n, t, s) {
             );
             for (const a of N) {
               const v = `update:${a}`, y = (h) => {
-                const T = h.detail !== void 0 ? h.detail : h.target instanceof HTMLInputElement || h.target instanceof HTMLTextAreaElement || h.target instanceof HTMLSelectElement ? h.target.value : void 0, O = { ...j(C) ? C.value || {} : f[d] || {}, [a]: T };
+                const T = h.detail !== void 0 ? h.detail : h.target instanceof HTMLInputElement || h.target instanceof HTMLTextAreaElement || h.target instanceof HTMLSelectElement ? h.target.value : void 0, O = { ...j(C) ? C.value || {} : u[d] || {}, [a]: T };
                 try {
                   typeof l == "function" && l({
                     detail: O
@@ -1721,16 +1721,16 @@ function G(e, n, t, s = null) {
     c,
     e.props?._transitionGroup
   );
-  const { props: u = {}, attrs: f = {}, directives: _ = {} } = e.props ?? {}, E = lt(
+  const { props: f = {}, attrs: u = {}, directives: _ = {} } = e.props ?? {}, E = lt(
     _,
     n,
     c instanceof HTMLElement ? c : void 0,
-    f
+    u
   ), m = {
-    ...u,
+    ...f,
     ...E.props
   }, A = {
-    ...f,
+    ...u,
     ...E.attrs
   };
   try {
@@ -1944,8 +1944,8 @@ function Rt(e, n, t, s, r) {
   const o = e.childNodes, i = [];
   for (let S = 0; S < o.length; S++)
     i.push(o[S]);
-  const c = Array.isArray(n) ? n : [], u = Ot(e);
-  if (u) {
+  const c = Array.isArray(n) ? n : [], f = Ot(e);
+  if (f) {
     const S = (g) => {
       if (typeof g == "string")
         return g.startsWith("each-") ? g.substring(5) : g;
@@ -1990,7 +1990,7 @@ function Rt(e, n, t, s, r) {
         }
       }
       const C = /* @__PURE__ */ new Set(), L = /* @__PURE__ */ new Map(), N = i.length > 0;
-      if (u.moveClass && N)
+      if (f.moveClass && N)
         for (let y = 0; y < i.length; y++) {
           const h = i[y];
           if (h instanceof HTMLElement && h.parentElement) {
@@ -2023,8 +2023,8 @@ function Rt(e, n, t, s, r) {
             void 0,
             e instanceof Element ? e.namespaceURI ?? null : null
           ), q($, String(h)), e.appendChild($);
-          const O = N || u.appear === !0;
-          $ instanceof HTMLElement && O && ke($, u).catch((w) => {
+          const O = N || f.appear === !0;
+          $ instanceof HTMLElement && O && ke($, f).catch((w) => {
             D("Enter transition error:", w);
           }), a.push({ node: $, key: h, newVNode: y, isNew: !0 });
         }
@@ -2033,7 +2033,7 @@ function Rt(e, n, t, s, r) {
       for (let y = 0; y < i.length; y++) {
         const h = i[y], T = Pe(h);
         if (!C.has(h) && T != null && h instanceof HTMLElement) {
-          const O = Be(h, u).then(() => {
+          const O = Be(h, f).then(() => {
             e.contains(h) && e.removeChild(h);
           }).catch((w) => {
             D("Leave transition error:", w), e.contains(h) && e.removeChild(h);
@@ -2045,7 +2045,7 @@ function Rt(e, n, t, s, r) {
         let y = e.firstChild;
         for (const { node: h } of a)
           h !== y && e.insertBefore(h, y), y = h.nextSibling;
-        if (u.moveClass && L.size > 0) {
+        if (f.moveClass && L.size > 0) {
           const h = [];
           for (const { node: T, isNew: $ } of a)
             if (!$ && T instanceof HTMLElement) {
@@ -2053,7 +2053,7 @@ function Rt(e, n, t, s, r) {
               if (O) {
                 const w = T.getBoundingClientRect(), I = O.left - w.left, x = O.top - w.top;
                 if (I !== 0 || x !== 0) {
-                  const ee = u.moveClass.split(/\s+/).filter((K) => K);
+                  const ee = f.moveClass.split(/\s+/).filter((K) => K);
                   h.push({ node: T, deltaX: I, deltaY: x, moveClasses: ee });
                 }
               }
@@ -2067,7 +2067,7 @@ function Rt(e, n, t, s, r) {
                   for (const O of $)
                     T.classList.add(O);
                 requestAnimationFrame(() => {
-                  const T = u.moveClass || "", $ = T.match(/duration-(\d+)/), O = $ ? `${$[1]}ms` : "300ms", w = T.match(
+                  const T = f.moveClass || "", $ = T.match(/duration-(\d+)/), O = $ ? `${$[1]}ms` : "300ms", w = T.match(
                     /ease-(out|in|in-out|linear)/
                   ), I = w ? `ease-${w[1]}` : "ease-out";
                   for (const { node: x } of h)
@@ -2096,9 +2096,9 @@ function Rt(e, n, t, s, r) {
       return;
     }
   }
-  const f = /* @__PURE__ */ new Map();
+  const u = /* @__PURE__ */ new Map();
   for (const S of c)
-    S && S.key != null && f.set(S.key, S);
+    S && S.key != null && u.set(S.key, S);
   const _ = /* @__PURE__ */ new Map();
   for (let S = 0; S < i.length; S++) {
     const l = i[S], k = Pe(l);
@@ -2208,11 +2208,11 @@ function Rt(e, n, t, s, r) {
         }
         e.insertBefore(C, m);
       } else {
-        const N = S._transition, v = f.get(k)._transition, y = v && v.state !== N?.state, h = N && N.state === "visible" && L.length > 0 && !y, T = y || !h || N?.appear === !0;
+        const N = S._transition, v = u.get(k)._transition, y = v && v.state !== N?.state, h = N && N.state === "visible" && L.length > 0 && !y, T = y || !h || N?.appear === !0;
         p(
           d,
           C,
-          f.get(k)?.children,
+          u.get(k)?.children,
           L,
           N,
           T
@@ -2222,7 +2222,7 @@ function Rt(e, n, t, s, r) {
       continue;
     }
     if (S.key != null && _.has(S.key)) {
-      const k = f.get(S.key);
+      const k = u.get(S.key);
       l = Ae(
         _.get(S.key),
         k,
@@ -2255,10 +2255,10 @@ function Ae(e, n, t, s, r) {
     }
   }
   if (t && typeof t != "string" && t.tag === "#anchor") {
-    const i = t, c = Array.isArray(i.children) ? i.children : [], u = i._startNode ?? document.createTextNode(""), f = i._endNode ?? document.createTextNode("");
-    i.key != null && (q(u, `${i.key}:start`), q(f, `${i.key}:end`)), i._startNode = u, i._endNode = f;
+    const i = t, c = Array.isArray(i.children) ? i.children : [], f = i._startNode ?? document.createTextNode(""), u = i._endNode ?? document.createTextNode("");
+    i.key != null && (q(f, `${i.key}:start`), q(u, `${i.key}:end`)), i._startNode = f, i._endNode = u;
     const _ = document.createDocumentFragment();
-    _.appendChild(u);
+    _.appendChild(f);
     for (const E of c) {
       const m = G(
         E,
@@ -2268,7 +2268,7 @@ function Ae(e, n, t, s, r) {
       );
       _.appendChild(m);
     }
-    return _.appendChild(f), e.parentNode?.replaceChild(_, e), u;
+    return _.appendChild(u), e.parentNode?.replaceChild(_, e), f;
   }
   if (!t) {
     le(e, r);
@@ -2286,12 +2286,12 @@ function Ae(e, n, t, s, r) {
     return Ce(t, i, r), e.parentNode?.replaceChild(i, e), i;
   }
   if (t.tag === "#anchor") {
-    const i = Array.isArray(t.children) ? t.children : [], c = t._startNode ?? document.createTextNode(""), u = t._endNode ?? document.createTextNode("");
-    t.key != null && (q(c, `${t.key}:start`), q(u, `${t.key}:end`)), t._startNode = c, t._endNode = u;
-    const f = document.createDocumentFragment();
-    f.appendChild(c);
+    const i = Array.isArray(t.children) ? t.children : [], c = t._startNode ?? document.createTextNode(""), f = t._endNode ?? document.createTextNode("");
+    t.key != null && (q(c, `${t.key}:start`), q(f, `${t.key}:end`)), t._startNode = c, t._endNode = f;
+    const u = document.createDocumentFragment();
+    u.appendChild(c);
     for (const _ of i)
-      f.appendChild(
+      u.appendChild(
         G(
           _,
           s,
@@ -2299,7 +2299,7 @@ function Ae(e, n, t, s, r) {
           e.parentNode instanceof Element ? e.parentNode.namespaceURI ?? null : null
         )
       );
-    return f.appendChild(u), e.parentNode?.replaceChild(f, e), c;
+    return u.appendChild(f), e.parentNode?.replaceChild(u, e), c;
   }
   if (typeof n != "string" && typeof t != "string" && n.tag === t.tag && n.key === t.key) {
     const i = e;
@@ -2343,28 +2343,28 @@ function Bt(e, n, t, s) {
     s,
     e.host instanceof Element ? e.host.namespaceURI ?? null : null
   ), e.firstChild ? e.replaceChild(c, e.firstChild) : e.appendChild(c));
-  const u = [];
-  for (let f = 0; f < e.childNodes.length; f++) {
-    const _ = e.childNodes[f];
-    _ !== c && _.nodeName !== "STYLE" && (le(_, s), u.push(_));
+  const f = [];
+  for (let u = 0; u < e.childNodes.length; u++) {
+    const _ = e.childNodes[u];
+    _ !== c && _.nodeName !== "STYLE" && (le(_, s), f.push(_));
   }
-  u.forEach((f) => e.removeChild(f)), e._prevVNode = r, e._prevDom = c;
+  f.forEach((u) => e.removeChild(u)), e._prevVNode = r, e._prevDom = c;
 }
 const Te = [];
 function Dt(e, n, t, s, r, o, i, c) {
   if (e) {
     Te.push(t);
     try {
-      const u = n.render(t);
-      if (u instanceof Promise) {
-        o(!0), u.then((f) => {
-          o(!1), i(null), tt(e, f, t, s, r), c(e.innerHTML);
-        }).catch((f) => {
-          o(!1), i(f);
+      const f = n.render(t);
+      if (f instanceof Promise) {
+        o(!0), f.then((u) => {
+          o(!1), i(null), tt(e, u, t, s, r), c(e.innerHTML);
+        }).catch((u) => {
+          o(!1), i(u);
         });
         return;
       }
-      tt(e, u, t, s, r), c(e.innerHTML);
+      tt(e, f, t, s, r), c(e.innerHTML);
     } finally {
       Te.pop();
     }
@@ -2400,13 +2400,13 @@ Stopping runaway component render to prevent browser freeze`
     }
   } else
     r(0);
-  const f = setTimeout(
+  const u = setTimeout(
     () => {
       s(Date.now()), e(), i(null);
     },
     t > 10 ? 100 : 0
   );
-  i(f);
+  i(u);
 }
 function Kt(e, n, t, s, r) {
   if (!e) return;
@@ -2461,24 +2461,24 @@ ${g}`);
   }
   let c = "";
   n._computedStyle && (c = n._computedStyle ?? "");
-  let u = gt(`${c}
+  let f = gt(`${c}
 ${i}
 `);
-  u = _e(u);
-  let f = s;
+  f = _e(f);
+  let u = s;
   if ("adoptedStyleSheets" in e && typeof CSSStyleSheet < "u") {
-    if (f || (f = new CSSStyleSheet()), f.cssRules.length === 0 || f.cssRules.length > 0 && Array.from(f.cssRules).map((k) => k.cssText).join("") !== u)
+    if (u || (u = new CSSStyleSheet()), u.cssRules.length === 0 || u.cssRules.length > 0 && Array.from(u.cssRules).map((k) => k.cssText).join("") !== f)
       try {
-        f.replaceSync(u);
+        u.replaceSync(f);
       } catch {
-        f = null;
+        u = null;
       }
-    if (f) {
+    if (u) {
       e.adoptedStyleSheets = [
         $e(),
         fe(),
-        f
-      ], r(f);
+        u
+      ], r(u);
       return;
     }
   }
@@ -2492,7 +2492,7 @@ ${i}
   }
   const p = _e(`${E}
 ${A}
-${u}`);
+${f}`);
   let S = e.querySelector(
     "style[data-cer-runtime]"
   );
@@ -2510,7 +2510,7 @@ ${u}`);
       try {
         const k = new CSSStyleSheet();
         try {
-          k.replaceSync(u), l.push(k);
+          k.replaceSync(f), l.push(k);
         } catch {
           l.push({ cssRules: [], replaceSync: () => {
           } });
@@ -2592,21 +2592,21 @@ function on(e) {
       const i = Object.getOwnPropertyDescriptor(t, o);
       if (!(i && !i.configurable))
         try {
-          let u = Object.prototype.hasOwnProperty.call(t, o) ? t[o] : void 0;
+          let f = Object.prototype.hasOwnProperty.call(t, o) ? t[o] : void 0;
           Object.defineProperty(t, o, {
             configurable: !0,
             enumerable: !0,
             get() {
               try {
-                const f = t && t._host;
-                if (f) {
-                  const _ = Z(o), E = f.getAttribute(_);
+                const u = t && t._host;
+                if (u) {
+                  const _ = Z(o), E = u.getAttribute(_);
                   if (E !== null) {
                     const m = typeof e[o];
                     return m === "boolean" ? E === "" || E === "true" : m === "number" ? Number(E) : E;
                   }
-                  if (typeof f[o] < "u") {
-                    const m = f[o];
+                  if (typeof u[o] < "u") {
+                    const m = u[o];
                     if (j(m) || m && typeof m == "object" && "value" in m && !(m instanceof Node))
                       return m.value;
                     const A = typeof e[o];
@@ -2616,10 +2616,10 @@ function on(e) {
                 }
               } catch {
               }
-              return u;
+              return f;
             },
-            set(f) {
-              u = f;
+            set(u) {
+              f = u;
             }
           });
         } catch {
@@ -2632,18 +2632,18 @@ function on(e) {
       if (typeof o != "string") return;
       const i = e[o];
       try {
-        const u = t && t._host;
-        if (u) {
-          if (u instanceof HTMLElement || typeof u.getAttribute == "function" && typeof u.hasAttribute == "function") {
-            const _ = o.replace(/([A-Z])/g, "-$1").toLowerCase(), E = u.getAttribute(_);
+        const f = t && t._host;
+        if (f) {
+          if (f instanceof HTMLElement || typeof f.getAttribute == "function" && typeof f.hasAttribute == "function") {
+            const _ = o.replace(/([A-Z])/g, "-$1").toLowerCase(), E = f.getAttribute(_);
             if (E !== null)
               return typeof i == "boolean" ? E === "" || E === "true" : typeof i == "number" ? Number(E) : E;
           }
-          const f = u[o];
-          if (typeof f < "u" && f !== "") {
-            const _ = f && typeof f == "object" && "value" in f && !(f instanceof Node);
-            if (!(typeof i == "string" && f && typeof f == "object" && !_ && !j(f)))
-              return typeof i == "boolean" && i === !1 && f === "" ? i : j(f) || _ ? f.value : typeof i == "boolean" && typeof f == "string" ? f === "true" || f !== "" && f !== "false" : typeof i == "number" && typeof f == "string" && !Number.isNaN(Number(f)) ? Number(f) : f;
+          const u = f[o];
+          if (typeof u < "u" && u !== "") {
+            const _ = u && typeof u == "object" && "value" in u && !(u instanceof Node);
+            if (!(typeof i == "string" && u && typeof u == "object" && !_ && !j(u)))
+              return typeof i == "boolean" && i === !1 && u === "" ? i : j(u) || _ ? u.value : typeof i == "boolean" && typeof u == "string" ? u === "true" || u !== "" && u !== "false" : typeof i == "number" && typeof u == "string" && !Number.isNaN(Number(u)) ? Number(u) : u;
           }
         }
       } catch {
@@ -2762,23 +2762,23 @@ function zt(e, n) {
         this.context,
         "emit",
         (o, i, c) => {
-          const u = {
+          const f = {
             detail: i,
             bubbles: !0,
             composed: !0,
             ...c || {}
-          }, f = new CustomEvent(o, u);
-          this.dispatchEvent(f);
+          }, u = new CustomEvent(o, f);
+          this.dispatchEvent(u);
           const _ = o.indexOf(":");
           if (_ > 0) {
             const E = o.substring(0, _), m = o.substring(_ + 1), A = m.includes("-") ? `${E}:${m.split("-").map(
               (p, S) => S === 0 ? p : p.charAt(0).toUpperCase() + p.slice(1)
             ).join("")}` : `${E}:${m.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase()}`;
             A !== o && P(() => {
-              this.dispatchEvent(new CustomEvent(A, u));
+              this.dispatchEvent(new CustomEvent(A, f));
             });
           }
-          return !f.defaultPrevented;
+          return !u.defaultPrevented;
         }
       );
       const r = me.get(e) || n;
@@ -2794,8 +2794,8 @@ function zt(e, n) {
               return i;
             },
             set(c) {
-              const u = i;
-              i = c, this.context[o] = c, this._initializing || (this._applyProps(r), u !== c && this._requestRender());
+              const f = i;
+              i = c, this.context[o] = c, this._initializing || (this._applyProps(r), f !== c && this._requestRender());
             },
             enumerable: !0,
             configurable: !0
@@ -2911,12 +2911,12 @@ function zt(e, n) {
         try {
           const o = this.tagName?.toLowerCase?.() || "<unknown>", i = this._componentId || "<unknown-id>", c = {};
           if (t && t.props)
-            for (const u of Object.keys(t.props))
+            for (const f of Object.keys(t.props))
               try {
-                const f = this.context[u];
-                f instanceof Node ? c[u] = `[DOM Node: ${f.nodeName}]` : typeof f == "object" && f !== null ? c[u] = Object.keys(f).length > 5 ? `[object(${Object.keys(f).length} keys)]` : f : c[u] = f;
+                const u = this.context[f];
+                u instanceof Node ? c[f] = `[DOM Node: ${u.nodeName}]` : typeof u == "object" && u !== null ? c[f] = Object.keys(u).length > 5 ? `[object(${Object.keys(u).length} keys)]` : u : c[f] = u;
               } catch {
-                c[u] = "[unreadable]";
+                c[f] = "[unreadable]";
               }
           D(`Error rendering component <${o}> (id=${i}):`, r), D("Component props snapshot:", c), Y(
             "Common causes: accessing properties of null/undefined inside template interpolations; expensive or throwing expressions inside templates that evaluate eagerly. Fixes: use optional chaining (obj?.prop), guard with ternary, or use the runtime lazy overload: when(cond, () => html`...`)."
@@ -2932,9 +2932,9 @@ function zt(e, n) {
         let s = function(o, i = "") {
           if (Array.isArray(o))
             return new Proxy(o, {
-              get(c, u, f) {
-                const _ = Reflect.get(c, u, f);
-                return typeof _ == "function" && typeof u == "string" && [
+              get(c, f, u) {
+                const _ = Reflect.get(c, f, u);
+                return typeof _ == "function" && typeof f == "string" && [
                   "push",
                   "pop",
                   "shift",
@@ -2942,7 +2942,7 @@ function zt(e, n) {
                   "splice",
                   "sort",
                   "reverse"
-                ].includes(u) ? function(...m) {
+                ].includes(f) ? function(...m) {
                   const A = _.apply(c, m);
                   if (!r._initializing) {
                     const p = i || "root";
@@ -2954,17 +2954,17 @@ function zt(e, n) {
                   return A;
                 } : _;
               },
-              set(c, u, f) {
-                if (c[String(u)] = f, !r._initializing) {
-                  const _ = i ? `${i}.${String(u)}` : String(u);
-                  r._triggerWatchers(_, f), Se(() => r._render(t), r._componentId);
+              set(c, f, u) {
+                if (c[String(f)] = u, !r._initializing) {
+                  const _ = i ? `${i}.${String(f)}` : String(f);
+                  r._triggerWatchers(_, u), Se(() => r._render(t), r._componentId);
                 }
                 return !0;
               },
-              deleteProperty(c, u) {
-                if (delete c[String(u)], !r._initializing) {
-                  const f = i ? `${i}.${String(u)}` : String(u);
-                  r._triggerWatchers(f, void 0), Se(() => r._render(t), r._componentId);
+              deleteProperty(c, f) {
+                if (delete c[String(f)], !r._initializing) {
+                  const u = i ? `${i}.${String(f)}` : String(f);
+                  r._triggerWatchers(u, void 0), Se(() => r._render(t), r._componentId);
                 }
                 return !0;
               }
@@ -2973,19 +2973,19 @@ function zt(e, n) {
             if (j(o))
               return o;
             for (const c in o) {
-              const u = i ? `${i}.${c}` : c;
-              o[c] = s(o[c], u);
+              const f = i ? `${i}.${c}` : c;
+              o[c] = s(o[c], f);
             }
             return new Proxy(o, {
-              set(c, u, f) {
-                const _ = i ? `${i}.${String(u)}` : String(u);
-                return c[String(u)] = s(f, _), r._initializing || (r._triggerWatchers(
+              set(c, f, u) {
+                const _ = i ? `${i}.${String(f)}` : String(f);
+                return c[String(f)] = s(u, _), r._initializing || (r._triggerWatchers(
                   _,
-                  c[String(u)]
+                  c[String(f)]
                 ), Se(() => r._render(t), r._componentId)), !0;
               },
-              get(c, u, f) {
-                return Reflect.get(c, u, f);
+              get(c, f, u) {
+                return Reflect.get(c, f, u);
               }
             });
           }
@@ -3038,17 +3038,33 @@ function an(e, n) {
     // Props are accessed via useProps() hook
     props: {},
     // Add lifecycle hooks from the stored functions
-    onConnected: () => {
-      s.onConnected && s.onConnected();
+    onConnected: (o) => {
+      if (s.onConnected)
+        try {
+          s.onConnected(o);
+        } catch {
+        }
     },
-    onDisconnected: () => {
-      s.onDisconnected && s.onDisconnected();
+    onDisconnected: (o) => {
+      if (s.onDisconnected)
+        try {
+          s.onDisconnected(o);
+        } catch {
+        }
     },
-    onAttributeChanged: (o, i, c) => {
-      s.onAttributeChanged && s.onAttributeChanged(o, i, c);
+    onAttributeChanged: (o, i, c, f) => {
+      if (s.onAttributeChanged)
+        try {
+          s.onAttributeChanged(o, i, c, f);
+        } catch {
+        }
     },
-    onError: (o) => {
-      s.onError && o && s.onError(o);
+    onError: (o, i) => {
+      if (s.onError && o)
+        try {
+          s.onError(o, i);
+        } catch {
+        }
     },
     render: (o) => {
       const i = o, c = i._componentId || `${t}-${Math.random().toString(36).substr(2, 9)}`;
@@ -3057,25 +3073,25 @@ function an(e, n) {
       });
       try {
         nt(o);
-        let u;
+        let f;
         try {
-          u = n();
-        } catch (f) {
+          f = n();
+        } catch (u) {
           try {
             const _ = i._hookCallbacks;
             if (_ && typeof _.onError == "function")
               try {
-                _.onError(f);
+                _.onError(u);
               } catch {
               }
           } catch {
           }
-          throw f;
+          throw u;
         }
         if (i._hookCallbacks) {
-          const f = i._hookCallbacks;
-          if (f.onConnected && (s.onConnected = f.onConnected), f.onDisconnected && (s.onDisconnected = f.onDisconnected), f.onAttributeChanged && (s.onAttributeChanged = f.onAttributeChanged), f.onError && (s.onError = f.onError), f.style && (i._styleCallback = f.style), f.props) {
-            const _ = f.props;
+          const u = i._hookCallbacks;
+          if (u.onConnected && (s.onConnected = u.onConnected), u.onDisconnected && (s.onDisconnected = u.onDisconnected), u.onAttributeChanged && (s.onAttributeChanged = u.onAttributeChanged), u.onError && (s.onError = u.onError), u.style && (i._styleCallback = u.style), u.props) {
+            const _ = u.props;
             r.props = Object.fromEntries(
               Object.entries(_).map(([E, m]) => [
                 E,
@@ -3084,7 +3100,7 @@ function an(e, n) {
             ), me.set(t, r);
           }
         }
-        return u;
+        return f;
       } finally {
         De(), Ze.clearCurrentComponent();
       }
@@ -3126,9 +3142,9 @@ function an(e, n) {
       if (De(), o._hookCallbacks?.props) {
         const i = o._hookCallbacks.props;
         r.props = Object.fromEntries(
-          Object.entries(i).map(([c, u]) => [
+          Object.entries(i).map(([c, f]) => [
             c,
-            { type: typeof u == "boolean" ? Boolean : typeof u == "number" ? Number : typeof u == "string" ? String : Function, default: u }
+            { type: typeof f == "boolean" ? Boolean : typeof f == "number" ? Number : typeof f == "string" ? String : Function, default: f }
           ])
         ), me.set(t, r);
       }
@@ -3193,17 +3209,17 @@ function qt(e, n) {
 }
 function Gt(e, n = [], t = {}) {
   const s = {}, r = {}, o = {}, i = [], c = /([:@#]?)([a-zA-Z0-9-:.]+)(?:\s*=\s*("([^"\\]*(\\.[^"\\]*)*)"|'([^'\\]*(\\.[^'\\]*)*)'|([^\s>]+)))?/g;
-  let u;
-  for (; u = c.exec(e); ) {
-    const f = u[1], _ = u[2];
+  let f;
+  for (; f = c.exec(e); ) {
+    const u = f[1], _ = f[2];
     let E = "";
-    for (let l = 3; l < u.length; l++)
-      if (u[l] !== void 0) {
-        E = u[l];
+    for (let l = 3; l < f.length; l++)
+      if (f[l] !== void 0) {
+        E = f[l];
         break;
       }
     E.length >= 2 && (E[0] === '"' && E[E.length - 1] === '"' || E[0] === "'" && E[E.length - 1] === "'") && (E = E.slice(1, -1));
-    const m = !/=/.test(u[0]), A = E.match(/^{{(\d+)}}$/);
+    const m = !/=/.test(f[0]), A = E.match(/^{{(\d+)}}$/);
     let p = m ? !0 : A ? n[Number(A[1])] ?? null : E;
     A || (p === "true" ? p = !0 : p === "false" ? p = !1 : p === "null" ? p = null : isNaN(Number(p)) || (p = Number(p)));
     const S = [
@@ -3215,7 +3231,7 @@ function Gt(e, n = [], t = {}) {
       "ref",
       "when"
     ];
-    if (f === ":") {
+    if (u === ":") {
       const [l, k] = _.split(":"), [b, ...g] = l.split(".");
       if (S.includes(b)) {
         const d = [...g], C = b === "model" && k ? `model:${k}` : b;
@@ -3239,7 +3255,7 @@ function Gt(e, n = [], t = {}) {
         let d = p;
         d && j(d) && (d = d.value), r[_] = d, i.push(_);
       }
-    } else if (f === "@") {
+    } else if (u === "@") {
       const [l, ...k] = _.split("."), b = k;
       Vt(p, l);
       const g = typeof p == "function" ? p : typeof t[p] == "function" ? t[p] : void 0;
@@ -3271,7 +3287,7 @@ function Fe(e) {
       props: o
     };
     return Array.isArray(i.children) && (i.children = i.children.map(
-      (u) => typeof u == "object" && u !== null ? Fe(u) : u
+      (f) => typeof f == "object" && f !== null ? Fe(f) : f
     )), {
       tag: "#anchor",
       key: e.key != null ? `when-${e.key}` : `when-${e.tag}`,
@@ -3298,13 +3314,13 @@ function Zt(e, n, t) {
   function c(a, v) {
     return se("#text", {}, a, v);
   }
-  function u(a, v) {
+  function f(a, v) {
     let y = typeof a == "string" ? yt(a) : a;
     return typeof y == "string" && /[\r\n]/.test(y) && (y = y.replace(/\s+/g, " ")), se("#text", {}, y, v);
   }
-  let f = "";
+  let u = "";
   for (let a = 0; a < e.length; a++)
-    f += e[a], a < n.length && (f += `{{${a}}}`);
+    u += e[a], a < n.length && (u += `{{${a}}}`);
   const _ = /<!--[\s\S]*?-->|<\/?([a-zA-Z0-9-]+)((?:\s+[^\s=>/]+(?:\s*=\s*(?:"(?:\\.|[^"])*"|'(?:\\.|[^'])*'|[^\s>]+))?)*)\s*\/?>|{{(\d+)}}|([^<]+)/g, E = [];
   let m, A = [], p = null, S = {}, l, k = 0;
   const b = [];
@@ -3385,7 +3401,7 @@ function Zt(e, n, t) {
     "track",
     "wbr"
   ]);
-  for (; m = _.exec(f); )
+  for (; m = _.exec(u); )
     if (!(m[0].startsWith("<!--") && m[0].endsWith("-->"))) {
       if (m[1]) {
         const a = m[1], v = m[0][1] === "/", y = m[0][m[0].length - 2] === "/" || C.has(a), {
@@ -3592,7 +3608,7 @@ function Zt(e, n, t) {
             d(O, w);
           } else {
             const $ = `text-${k++}`;
-            v.push(u(h, $));
+            v.push(f(h, $));
           }
         }
       }