@jasonshimmy/custom-elements-runtime 2.2.8 → 2.3.0

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

@@ -1,8 +1,9 @@
-import { g as U, t as J, i as M, s as Re, a as H, b as F, d as D, f as q, T as gt, h as Ze, S as bt, j as at, k as Xe, l as Ce, m as Qe, n as Et } from "./namespace-helpers-Vwt2Fzds.js";
-import { c as En, r as Sn, u as vn, w as _n } from "./namespace-helpers-Vwt2Fzds.js";
-import { d as W, a as Q } from "./logger-BpibrmKL.js";
-import { j as St, g as vt, a as $e, b as pe, m as ke, s as _t, c as et } from "./transitions-CZ21fzhh.js";
-import { d as kn } from "./transitions-CZ21fzhh.js";
+import { g as U, t as J, i as j, s as Re, a as H, b as F, d as D, f as q, T as gt, h as Ze, S as bt, j as at, k as Xe, l as Ce, m as Qe, n as Et } from "./namespace-helpers-Dw1mgQab.js";
+import { c as En, r as vn, u as Sn, w as _n } from "./namespace-helpers-Dw1mgQab.js";
+import { d as W, a as Q } from "./logger-BuUYv7C_.js";
+import { s as kn } from "./logger-BuUYv7C_.js";
+import { j as vt, g as St, a as $e, b as pe, m as ke, s as _t, c as et } from "./transitions-CZ21fzhh.js";
+import { d as wn } from "./transitions-CZ21fzhh.js";
 function Ct(e, n, t) {
   if (t)
     for (const [s, r] of Object.entries(t)) {
@@ -26,8 +27,8 @@ function kt(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, C) => r(m, c[C]));
-    const f = i, u = c, S = Object.keys(f || {}), b = Object.keys(u || {});
-    return S.length !== b.length ? !1 : S.every((m) => r(f[m], u[m]));
+    const f = i, u = c, v = Object.keys(f || {}), b = Object.keys(u || {});
+    return v.length !== b.length ? !1 : v.every((m) => r(f[m], u[m]));
   }, o = n.get(t);
   if (o && !r(s, o.oldValue))
     try {
@@ -96,9 +97,9 @@ function wt(e, n, t) {
                   const f = J(o), u = e.getAttribute(f);
                   if (u !== null)
                     return u;
-                  const S = e[o];
+                  const v = e[o];
                   let b;
-                  return M(S) || S && typeof S == "object" && "value" in S && !(S instanceof Node) ? b = S.value : b = S, b;
+                  return j(v) || v && typeof v == "object" && "value" in v && !(v instanceof Node) ? b = v.value : b = v, b;
                 } catch {
                   return e[o];
                 }
@@ -253,11 +254,11 @@ class Ot {
         }
         const f = /\b([a-zA-Z_][a-zA-Z0-9_]*)\b/g;
         let u;
-        const S = /* @__PURE__ */ new Set();
+        const v = /* @__PURE__ */ new Set();
         for (; (u = f.exec(s)) !== null; ) {
           const b = u[1];
-          if (["true", "false", "null", "undefined"].includes(b) || /^[0-9]+$/.test(b) || b === "ctx" || S.has(b)) continue;
-          S.add(b);
+          if (["true", "false", "null", "undefined"].includes(b) || /^[0-9]+$/.test(b) || b === "ctx" || v.has(b)) continue;
+          v.add(b);
           const m = U(t, b);
           if (m === void 0) return;
           const C = JSON.stringify(m), w = r.push(C) - 1;
@@ -323,7 +324,7 @@ class Ot {
     function u(d, k) {
       return c(d) - c(k);
     }
-    function S(d, k) {
+    function v(d, k) {
       return c(d) * c(k);
     }
     function b(d, k) {
@@ -383,17 +384,17 @@ class Ot {
       return d;
     }
     function a() {
-      let d = v();
+      let d = S();
       for (; ; ) {
         const k = r();
         if (!k || k.value !== "&&") break;
         o("OP");
-        const l = v();
+        const l = S();
         d = d && l;
       }
       return d;
     }
-    function v() {
+    function S() {
       let d = h();
       for (; ; ) {
         const k = r();
@@ -458,7 +459,7 @@ class Ot {
         const l = o("OP").value, g = _();
         switch (l) {
           case "*":
-            d = S(d, g);
+            d = v(d, g);
             break;
           case "/":
             d = b(d, g);
@@ -674,7 +675,7 @@ function nt(e, n, t, s) {
     });
   }
 }
-function jt(e, n, t, s) {
+function Mt(e, n, t, s) {
   if (e) {
     const r = n.value;
     return s && typeof r == "object" && r !== null ? r[s] : r;
@@ -699,7 +700,7 @@ function de(e, n) {
   t.length > 0 && e.classList.remove(...t);
 }
 let We = !1;
-async function Mt(e, n, t = 10) {
+async function jt(e, n, t = 10) {
   if (!We) {
     if (!e.isConnected) {
       Q("⚠️ Element not connected to DOM, skipping style wait");
@@ -780,7 +781,7 @@ async function Ae(e, n) {
   await new Promise(
     (w) => requestAnimationFrame(() => w(void 0))
   ), e.offsetHeight;
-  const S = window.getComputedStyle(e), b = S.transform, m = S.opacity;
+  const v = window.getComputedStyle(e), b = v.transform, m = v.opacity;
   de(e, i), b && b !== "none" && (e.style.transform = b), m && m !== "" && (e.style.opacity = m), e.offsetHeight, await new Promise(
     (w) => requestAnimationFrame(() => w(void 0))
   ), e.style.transform = "", e.style.opacity = "", ye(e, f), e.offsetHeight, await new Promise(
@@ -834,9 +835,9 @@ async function ze(e, n) {
   }
   await new Promise(
     (b) => requestAnimationFrame(() => b(void 0))
-  ), await Mt(e, [...i, ...c]), de(e, i), ye(e, f);
-  let S;
-  if (typeof o == "number" ? S = o : o && typeof o == "object" && "leave" in o && (S = o.leave), await lt(e, S), de(e, c), de(e, f), de(e, i), s?.onAfterLeave)
+  ), await jt(e, [...i, ...c]), de(e, i), ye(e, f);
+  let v;
+  if (typeof o == "number" ? v = o : o && typeof o == "object" && "leave" in o && (v = o.leave), await lt(e, v), de(e, c), de(e, f), de(e, i), s?.onAfterLeave)
     try {
       s.onAfterLeave(e);
     } catch (b) {
@@ -901,7 +902,7 @@ function me(e) {
 }
 function Fe(e) {
   try {
-    if (M(e)) return e.value;
+    if (j(e)) return e.value;
   } catch {
   }
   try {
@@ -920,7 +921,7 @@ function X(e) {
   return e instanceof HTMLInputElement || e instanceof HTMLSelectElement || e instanceof HTMLTextAreaElement || e instanceof HTMLButtonElement;
 }
 function ge(e) {
-  return e === "" ? !0 : typeof e == "string" ? e === "false" ? !1 : e === "true" ? !0 : e !== "" : e && typeof e == "object" ? M(e) || "value" in e ? !!e.value : !1 : !!e;
+  return e === "" ? !0 : typeof e == "string" ? e === "false" ? !1 : e === "true" ? !0 : e !== "" : e && typeof e == "object" ? j(e) || "value" in e ? !!e.value : !1 : !!e;
 }
 function ue(e, n) {
   if (!n || !(e instanceof Element)) return;
@@ -936,7 +937,7 @@ function we(e, n, t) {
   const s = e.props?.reactiveRef ?? (e.props?.props && e.props.props.reactiveRef), r = e.props?.ref ?? (e.props?.props && e.props.props.ref);
   if (s)
     try {
-      if (M(s) || typeof s == "object" && "value" in s)
+      if (j(s) || typeof s == "object" && "value" in s)
         s.value = n;
       else if (typeof s == "function")
         s(n);
@@ -957,8 +958,8 @@ function we(e, n, t) {
 }
 function It(e, n, t, s, r, o, i, c) {
   if (!o) return;
-  const f = n.includes("lazy"), u = n.includes("trim"), S = n.includes("number"), b = () => {
-    if (M(e)) {
+  const f = n.includes("lazy"), u = n.includes("trim"), v = n.includes("number"), b = () => {
+    if (j(e)) {
       const p = e.value;
       return c && i && (i instanceof HTMLInputElement || i instanceof HTMLTextAreaElement || i instanceof HTMLSelectElement) && typeof p == "object" && p !== null ? p[c] : p;
     }
@@ -990,14 +991,14 @@ function It(e, n, t, s, r, o, i, c) {
     } else
       t[a] = m;
   else {
-    !w && M(e) ? t[a] = e : t[a] = m;
+    !w && j(e) ? t[a] = e : t[a] = m;
     try {
       const y = J(a);
       s && (s[y] = m);
     } catch {
     }
   }
-  const v = f || C === "checkbox" || C === "radio" || C === "select" ? "change" : "input", h = (y) => {
+  const S = f || C === "checkbox" || C === "radio" || C === "select" ? "change" : "input", h = (y) => {
     if (y.isComposing || r._isComposing)
       return;
     const p = globalThis.process, _ = !!p && p.env?.NODE_ENV === "test" || typeof window < "u" && globalThis.__vitest__;
@@ -1028,7 +1029,7 @@ function It(e, n, t, s, r, o, i, c) {
       T = Array.from(E.selectedOptions).map(
         (l) => l.value
       );
-    else if (u && typeof T == "string" && (T = T.trim()), S) {
+    else if (u && typeof T == "string" && (T = T.trim()), v) {
       const l = Number(T);
       isNaN(l) || (T = l);
     }
@@ -1036,7 +1037,7 @@ function It(e, n, t, s, r, o, i, c) {
     if (He(T, d)) {
       E._modelUpdating = !0;
       try {
-        tt(M(e), e, T, o, c), xe(o, M(e), e, T), E && Pt(E, a, T);
+        tt(j(e), e, T, o, c), xe(o, j(e), e, T), E && Pt(E, a, T);
       } finally {
         setTimeout(
           () => E._modelUpdating = !1,
@@ -1046,11 +1047,11 @@ function It(e, n, t, s, r, o, i, c) {
     }
   };
   if (w) {
-    if (r[v]) {
-      const y = r[v];
-      i && te.removeListener(i, v, y);
+    if (r[S]) {
+      const y = r[S];
+      i && te.removeListener(i, S, y);
     }
-    r[v] = h;
+    r[S] = h;
   } else {
     const y = `update:${J(a)}`, p = `update:${a}`;
     if (r[y]) {
@@ -1073,23 +1074,23 @@ function It(e, n, t, s, r, o, i, c) {
             T = void 0;
           }
       }
-      const d = jt(
-        M(e),
+      const d = Mt(
+        j(e),
         e,
         o,
         c
       );
       if (He(T, d)) {
-        tt(M(e), e, T, o, c), xe(o, M(e), e, T);
+        tt(j(e), e, T, o, c), xe(o, j(e), e, T);
         const l = _.target;
         l && nt(
           l,
           a,
-          M(e) ? e : T,
-          M(e)
+          j(e) ? e : T,
+          j(e)
         );
       }
-    }, M(e) && typeof e.value == "object" && e.value !== null) {
+    }, j(e) && typeof e.value == "object" && e.value !== null) {
       let _ = [];
       try {
         _ = Reflect.ownKeys(e.value);
@@ -1102,12 +1103,12 @@ function It(e, n, t, s, r, o, i, c) {
       for (const T of E) {
         const d = String(T), k = `update:${J(d)}`, l = `update:${d}`;
         r[k] || (r[k] = (g) => {
-          const A = g.detail !== void 0 ? g.detail : g.target?.value, N = M(e) ? e.value[d] : U(
+          const A = g.detail !== void 0 ? g.detail : g.target?.value, N = j(e) ? e.value[d] : U(
             o?._state || o,
             e
           );
           if (!He(A, N)) return;
-          if (M(e)) {
+          if (j(e)) {
             const R = {
               ...e.value
             };
@@ -1118,13 +1119,13 @@ function It(e, n, t, s, r, o, i, c) {
               e,
               A
             );
-          xe(o, M(e), e, A);
-          const j = g.currentTarget || i || g.target;
-          j && nt(
-            j,
+          xe(o, j(e), e, A);
+          const M = g.currentTarget || i || g.target;
+          M && nt(
+            M,
             a,
-            M(e) ? e : A,
-            M(e)
+            j(e) ? e : A,
+            j(e)
           );
         }, r[l] = r[k]);
       }
@@ -1137,14 +1138,14 @@ function It(e, n, t, s, r, o, i, c) {
     p && setTimeout(() => {
       const _ = p.value, E = o?._state || o, T = U(E, e);
       let d = _;
-      if (u && (d = d.trim()), S) {
+      if (u && (d = d.trim()), v) {
         const l = Number(d);
         isNaN(l) || (d = l);
       }
       if (He(d, T)) {
         p._modelUpdating = !0;
         try {
-          Re(E, e, d), xe(o, M(e), e, d);
+          Re(E, e, d), xe(o, j(e), e, d);
         } finally {
           setTimeout(
             () => p._modelUpdating = !1,
@@ -1168,7 +1169,7 @@ function Rt(e, n, t, s, r) {
         const c = i && typeof i == "object" && "value" in i;
         (() => {
           try {
-            return M(i);
+            return j(i);
           } catch {
             return !1;
           }
@@ -1187,7 +1188,7 @@ function Rt(e, n, t, s, r) {
             const f = c && typeof c == "object" && "value" in c;
             (() => {
               try {
-                return M(c);
+                return j(c);
               } catch {
                 return !1;
               }
@@ -1245,7 +1246,7 @@ function Dt(e, n, t, s) {
     r = e;
   try {
     if (r && typeof r == "object") {
-      if (M(r))
+      if (j(r))
         r = r.value;
       else if ("value" in r && typeof r.value < "u") {
         const u = r.value;
@@ -1260,8 +1261,8 @@ function Dt(e, n, t, s) {
   else if (Array.isArray(r))
     o = r.filter(Boolean);
   else if (typeof r == "object" && r !== null)
-    for (const [u, S] of Object.entries(r))
-      S && o.push(u);
+    for (const [u, v] of Object.entries(r))
+      v && 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;
 }
@@ -1295,7 +1296,7 @@ function Wt(e, n, t) {
         const u = c.replace(
           /[A-Z]/g,
           (m) => `-${m.toLowerCase()}`
-        ), S = [
+        ), v = [
           "width",
           "height",
           "top",
@@ -1322,7 +1323,7 @@ function Wt(e, n, t) {
           "max-height"
         ];
         let b = String(f);
-        typeof f == "number" && S.includes(u) && (b = `${f}px`), i.push(`${u}: ${b}`);
+        typeof f == "number" && v.includes(u) && (b = `${f}px`), i.push(`${u}: ${b}`);
       }
     r = i.join("; ") + (i.length > 0 ? ";" : "");
   }
@@ -1331,18 +1332,18 @@ function Wt(e, n, t) {
 }
 function zt(e, n, t) {
   let s = e;
-  typeof e == "string" && t && (s = Pe(e, t)), M(s) ? n.reactiveRef = s : n.ref = s;
+  typeof e == "string" && t && (s = Pe(e, t)), j(s) ? n.reactiveRef = s : n.ref = s;
 }
 function dt(e, n, t, s) {
   const r = {}, o = { ...s || {} }, i = {};
   for (const [c, f] of Object.entries(e)) {
-    const { value: u, modifiers: S, arg: b } = f;
+    const { value: u, modifiers: v, arg: b } = f;
     if (c === "model" || c.startsWith("model:")) {
       const m = c.split(":"), C = m.length > 1 ? m[1] : b;
       It(
         u,
         // Pass the original value (could be string or reactive state object)
-        S,
+        v,
         r,
         o,
         i,
@@ -1373,13 +1374,13 @@ function dt(e, n, t, s) {
   try {
     if (Object.prototype.hasOwnProperty.call(r, "disabled") && t && X(t)) {
       const f = r.disabled, u = f && typeof f == "object" && "value" in f;
-      let S = !1;
+      let v = !1;
       try {
-        S = M(f);
+        v = j(f);
       } catch {
-        S = !1;
+        v = !1;
       }
-      if (!u && !S)
+      if (!u && !v)
         try {
           o.disabled = f, delete r.disabled;
           const b = globalThis;
@@ -1422,8 +1423,8 @@ function qe(e, n) {
       for (; o.has(f); )
         f = `${c}#${u++}`;
       o.add(f);
-      let S = i.children;
-      return Array.isArray(S) && (S = qe(S, f)), { ...i, key: f, children: S };
+      let v = i.children;
+      return Array.isArray(v) && (v = qe(v, f)), { ...i, key: f, children: v };
     });
   }
   const t = e, s = t.props?.key ?? t.key ?? n;
@@ -1444,16 +1445,16 @@ function rt(e, n, t, s) {
     ...n.attrs || {},
     ...o || {},
     ...i.attrs || {}
-  }, u = n.props ?? {}, S = c, b = !!(t?.isCustomElement ?? n?.isCustomElement ?? !1);
+  }, u = n.props ?? {}, v = c, b = !!(t?.isCustomElement ?? n?.isCustomElement ?? !1);
   let m = !1;
-  for (const a in { ...u, ...S }) {
-    const v = u[a], h = S[a];
-    let y = v, p = h;
+  for (const a in { ...u, ...v }) {
+    const S = u[a], h = v[a];
+    let y = S, p = h;
     if (H(() => {
-      (M(v) || me(v)) && (y = v.value);
+      (j(S) || me(S)) && (y = S.value);
     }), H(() => {
-      (M(h) || me(h)) && (p = h.value);
-    }), !(v === h && y === p))
+      (j(h) || me(h)) && (p = h.value);
+    }), !(S === h && y === p))
       if (m = !0, a === "value" && (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement)) {
         const _ = Fe(h), E = _ == null ? "" : String(_);
         e.value !== E && (e.value = E);
@@ -1462,13 +1463,13 @@ function rt(e, n, t, s) {
         e.checked = !!_;
       } else if (a.startsWith("on") && typeof h == "function") {
         const _ = pt(a);
-        typeof v == "function" && te.removeListener(e, _, v), typeof h == "function" && te.addListener(e, _, h);
+        typeof S == "function" && te.removeListener(e, _, S), typeof h == "function" && te.addListener(e, _, h);
         try {
           if (_ && _.startsWith("update:")) {
-            const E = _.split(":", 2)[1], T = S[E];
+            const E = _.split(":", 2)[1], T = v[E];
             let d = [];
             try {
-              if (M(T)) {
+              if (j(T)) {
                 const l = T.value;
                 d = l && typeof l == "object" ? Object.keys(l) : [];
               } else T && typeof T == "object" && (d = Object.keys(T));
@@ -1480,7 +1481,7 @@ function rt(e, n, t, s) {
             );
             for (const l of k) {
               const g = `update:${l}`, A = (N) => {
-                const O = N.detail !== void 0 ? N.detail : N.target instanceof HTMLInputElement || N.target instanceof HTMLTextAreaElement || N.target instanceof HTMLSelectElement ? N.target.value : void 0, R = { ...M(T) ? T.value || {} : S[E] || {}, [l]: O };
+                const O = N.detail !== void 0 ? N.detail : N.target instanceof HTMLInputElement || N.target instanceof HTMLTextAreaElement || N.target instanceof HTMLSelectElement ? N.target.value : void 0, R = { ...j(T) ? T.value || {} : v[E] || {}, [l]: O };
                 try {
                   typeof h == "function" && h({
                     detail: R
@@ -1508,16 +1509,16 @@ function rt(e, n, t, s) {
           h === !1 && q(e, a);
       }
   }
-  for (const [a, v] of Object.entries(
+  for (const [a, S] of Object.entries(
     i.listeners || {}
   )) {
-    te.addListener(e, a, v);
+    te.addListener(e, a, S);
     try {
       const h = e && e.parentElement;
       h && h !== e && te.addListener(
         h,
         a,
-        v
+        S
       );
     } catch {
     }
@@ -1553,9 +1554,9 @@ function rt(e, n, t, s) {
   } catch {
   }
   for (const a in { ...C, ...w }) {
-    const v = C[a], h = w[a];
-    let y = v, p = h;
-    if (M(v) && (y = v.value), M(h) && (p = h.value), y !== p)
+    const S = C[a], h = w[a];
+    let y = S, p = h;
+    if (j(S) && (y = S.value), j(h) && (p = h.value), y !== p)
       if (m = !0, p == null || p === !1)
         H(() => {
           q(e, a);
@@ -1631,7 +1632,7 @@ function rt(e, n, t, s) {
             const E = Ze(a);
             try {
               const T = e;
-              T[E] = M(h) ? h : p, se(n, a, p);
+              T[E] = j(h) ? h : p, se(n, a, p);
             } catch {
               const T = F(h ?? p);
               T !== null && D(e, a, String(T));
@@ -1640,7 +1641,7 @@ function rt(e, n, t, s) {
         else if (!_ && a in e)
           try {
             const E = e;
-            E[a] = M(h) ? h : p, se(n, a, p);
+            E[a] = j(h) ? h : p, se(n, a, p);
           } catch {
             const E = F(p);
             E !== null && (D(e, a, String(E)), se(n, a, p));
@@ -1654,7 +1655,7 @@ function rt(e, n, t, s) {
   try {
     if (X(e)) {
       const a = c.disabled;
-      let v;
+      let S;
       try {
         const y = Object.prototype.hasOwnProperty.call(
           i.props || {},
@@ -1662,14 +1663,14 @@ function rt(e, n, t, s) {
         ), p = a && typeof a == "object" && "value" in a;
         let _ = !1;
         H(() => {
-          _ = !!M(a);
+          _ = !!j(a);
         });
         const E = Ve(a);
-        _ || p || y || E ? v = a : v = f.disabled;
+        _ || p || y || E ? S = a : S = f.disabled;
       } catch {
-        v = f.disabled;
+        S = f.disabled;
       }
-      const h = ge(v);
+      const h = ge(S);
       H(() => {
         (e instanceof HTMLInputElement || e instanceof HTMLSelectElement || e instanceof HTMLTextAreaElement || e instanceof HTMLButtonElement) && (e.disabled = h);
       }), h ? H(() => {
@@ -1703,11 +1704,11 @@ function Z(e, n, t, s = null) {
     return document.createRange().createContextualFragment(a);
   }
   if (e.tag === "#anchor") {
-    const a = e, v = Array.isArray(a.children) ? a.children : [], h = document.createTextNode(""), y = document.createTextNode("");
+    const a = e, S = Array.isArray(a.children) ? a.children : [], h = document.createTextNode(""), y = document.createTextNode("");
     a.key != null && (G(h, `${a.key}:start`), G(y, `${a.key}:end`)), a._startNode = h, a._endNode = y;
     const p = document.createDocumentFragment();
     p.appendChild(h);
-    for (const _ of v) {
+    for (const _ of S) {
       const E = Z(
         _,
         n,
@@ -1728,8 +1729,8 @@ function Z(e, n, t, s = null) {
     c,
     e.props?._transitionGroup
   );
-  const { props: f = {}, attrs: u = {}, directives: S = {} } = e.props ?? {}, b = dt(
-    S,
+  const { props: f = {}, attrs: u = {}, directives: v = {} } = e.props ?? {}, b = dt(
+    v,
     n,
     c instanceof HTMLElement ? c : void 0,
     u
@@ -1741,23 +1742,23 @@ function Z(e, n, t, s = null) {
     ...b.attrs
   };
   try {
-    const a = (C && C.class) ?? (m && m.class) ?? (e.props && e.props.attrs && e.props.attrs.class) ?? (e.props && e.props.props && e.props.props.class), v = F(a);
-    if (v !== null) {
-      const h = String(v).trim();
+    const a = (C && C.class) ?? (m && m.class) ?? (e.props && e.props.attrs && e.props.attrs.class) ?? (e.props && e.props.props && e.props.props.class), S = F(a);
+    if (S !== null) {
+      const h = String(S).trim();
       h && D(c, "class", h);
     }
   } catch {
   }
   try {
     if (m.disabled !== void 0 && c && X(c)) {
-      const a = m.disabled, v = a && typeof a == "object" && "value" in a;
+      const a = m.disabled, S = a && typeof a == "object" && "value" in a;
       let h = !1;
       try {
-        h = M(a);
+        h = j(a);
       } catch {
         h = !1;
       }
-      !v && !h && H(() => {
+      !S && !h && H(() => {
         C.disabled = a, delete m.disabled;
       });
     }
@@ -1765,10 +1766,10 @@ function Z(e, n, t, s = null) {
   }
   const w = c.namespaceURI === "http://www.w3.org/2000/svg";
   for (const a in C) {
-    const v = C[a];
+    const S = C[a];
     if (typeof a != "string" || /\[object Object\]/.test(a))
       continue;
-    const h = Fe(v);
+    const h = Fe(S);
     if (typeof h == "boolean")
       h ? D(c, a, "") : H(() => {
         q(c, a);
@@ -1821,14 +1822,14 @@ function Z(e, n, t, s = null) {
     }
   }
   for (const a in m) {
-    const v = m[a];
+    const S = m[a];
     if (!(typeof a != "string" || /\[object Object\]/.test(a)))
       if (a === "value" && (c instanceof HTMLInputElement || c instanceof HTMLTextAreaElement || c instanceof HTMLSelectElement)) {
-        const h = typeof v == "object" && v !== null && me(v) ? v.value : v;
+        const h = typeof S == "object" && S !== null && me(S) ? S.value : S;
         H(() => {
           c.value = String(h ?? "");
         });
-      } else if (a.startsWith("on") && typeof v == "function") {
+      } else if (a.startsWith("on") && typeof S == "function") {
         const h = pt(a), y = h.includes(":") ? (() => {
           const p = h.split(":"), _ = p[1];
           if (_.includes("-")) {
@@ -1841,14 +1842,14 @@ function Z(e, n, t, s = null) {
             return `${p[0]}:${E}`;
           }
         })() : h;
-        b.listeners && (b.listeners[h] || b.listeners[y]) || te.addListener(c, h, v);
+        b.listeners && (b.listeners[h] || b.listeners[y]) || te.addListener(c, h, S);
       } else {
-        if (a.startsWith("on") && v === void 0)
+        if (a.startsWith("on") && S === void 0)
           continue;
-        if (v == null || v === !1)
+        if (S == null || S === !1)
           q(c, a);
         else {
-          const h = e.props?.isCustomElement ?? !1, y = typeof v == "object" && v !== null && M(v) ? v : me(v) && typeof v.value < "u" ? v.value : v;
+          const h = e.props?.isCustomElement ?? !1, y = typeof S == "object" && S !== null && j(S) ? S : me(S) && typeof S.value < "u" ? S.value : S;
           if (a === "class" || a === "style") {
             try {
               const p = F(y);
@@ -1859,7 +1860,7 @@ function Z(e, n, t, s = null) {
           }
           if (h || a in c)
             try {
-              const p = typeof v == "object" && v !== null && M(v) ? v : me(v) ? v.value : v;
+              const p = typeof S == "object" && S !== null && j(S) ? S : me(S) ? S.value : S;
               if (a === "disabled" && X(c)) {
                 const _ = m.disabled !== void 0 ? m.disabled : p, E = ge(_);
                 H(() => {
@@ -1885,10 +1886,10 @@ function Z(e, n, t, s = null) {
         }
       }
   }
-  for (const [a, v] of Object.entries(
+  for (const [a, S] of Object.entries(
     b.listeners || {}
   ))
-    te.addListener(c, a, v);
+    te.addListener(c, a, S);
   const L = {
     ...e,
     props: {
@@ -1909,8 +1910,8 @@ function Z(e, n, t, s = null) {
   }
   if (Array.isArray(e.children)) {
     const a = e.tag === "foreignObject" && i === bt ? null : c.namespaceURI ?? null;
-    for (const v of e.children)
-      c.appendChild(Z(v, n, t, a));
+    for (const S of e.children)
+      c.appendChild(Z(S, n, t, a));
   } else typeof e.children == "string" && (c.textContent = e.children);
   try {
     if (c instanceof HTMLSelectElement && C && Object.prototype.hasOwnProperty.call(C, "value"))
@@ -1922,14 +1923,14 @@ function Z(e, n, t, s = null) {
   }
   try {
     if (X(c)) {
-      const a = m.disabled, v = C.disabled, h = a && typeof a == "object" && "value" in a;
+      const a = m.disabled, S = C.disabled, h = a && typeof a == "object" && "value" in a;
       let y = !1;
       try {
-        y = !!M(a);
+        y = !!j(a);
       } catch {
         y = !1;
       }
-      const _ = y || h || Ve(a) ? a : v, E = ge(_);
+      const _ = y || h || Ve(a) ? a : S, E = ge(_);
       H(() => {
         c.disabled = E;
       }), E ? H(() => {
@@ -1957,7 +1958,7 @@ function Kt(e, n, t, s, r) {
       if (typeof y == "string")
         return y.startsWith("each-") ? y.substring(5) : y;
       if (typeof y == "number") return String(y);
-    }, a = [], v = [];
+    }, a = [], S = [];
     for (const y of t)
       if (y && y.tag === "#anchor") {
         const p = Array.isArray(y.children) ? y.children : [];
@@ -1975,15 +1976,15 @@ function Kt(e, n, t, s, r) {
           const E = L(
             _.key ?? y.key ?? "unknown"
           );
-          v.push({ ..._, key: E });
+          S.push({ ..._, key: E });
         }
-      } else y && v.push({
+      } else y && S.push({
         ...y,
         key: L(y.key)
       });
-    if (a.some((y) => y && y.key != null) || v.some((y) => y && y.key != null)) {
+    if (a.some((y) => y && y.key != null) || S.some((y) => y && y.key != null)) {
       const y = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Map();
-      for (const l of v)
+      for (const l of S)
         if (l && l.key != null) {
           const g = String(l.key);
           y.set(g, l);
@@ -2015,8 +2016,8 @@ function Kt(e, n, t, s, r) {
         if (N && A) {
           const O = Te(N, A, l, s);
           _.add(N);
-          const j = String(g);
-          G(O, j), d.push({
+          const M = String(g);
+          G(O, M), d.push({
             node: O,
             key: g,
             newVNode: l,
@@ -2031,8 +2032,8 @@ function Kt(e, n, t, s, r) {
             e instanceof Element ? e.namespaceURI ?? null : null
           ), G(N, String(g)), e.appendChild(N);
           const O = T || f.appear === !0;
-          N instanceof HTMLElement && O && Ae(N, f).catch((j) => {
-            W("Enter transition error:", j);
+          N instanceof HTMLElement && O && Ae(N, f).catch((M) => {
+            W("Enter transition error:", M);
           }), d.push({ node: N, key: g, newVNode: l, isNew: !0 });
         }
       }
@@ -2042,8 +2043,8 @@ function Kt(e, n, t, s, r) {
         if (!_.has(g) && A != null && g instanceof HTMLElement) {
           const O = ze(g, f).then(() => {
             e.contains(g) && e.removeChild(g);
-          }).catch((j) => {
-            W("Leave transition error:", j), e.contains(g) && e.removeChild(g);
+          }).catch((M) => {
+            W("Leave transition error:", M), e.contains(g) && e.removeChild(g);
           });
           k.push(O);
         }
@@ -2058,7 +2059,7 @@ function Kt(e, n, t, s, r) {
             if (!N && A instanceof HTMLElement) {
               const O = E.get(A);
               if (O) {
-                const j = A.getBoundingClientRect(), R = O.left - j.left, P = O.top - j.top;
+                const M = A.getBoundingClientRect(), R = O.left - M.left, P = O.top - M.top;
                 if (R !== 0 || P !== 0) {
                   const K = f.moveClass.split(/\s+/).filter((I) => I);
                   g.push({ node: A, deltaX: R, deltaY: P, moveClasses: K });
@@ -2074,9 +2075,9 @@ function Kt(e, n, t, s, r) {
                   for (const O of N)
                     A.classList.add(O);
                 requestAnimationFrame(() => {
-                  const A = f.moveClass || "", N = A.match(/duration-(\d+)/), O = N ? `${N[1]}ms` : "300ms", j = A.match(
+                  const A = f.moveClass || "", N = A.match(/duration-(\d+)/), O = N ? `${N[1]}ms` : "300ms", M = A.match(
                     /ease-(out|in|in-out|linear)/
-                  ), R = j ? `ease-${j[1]}` : "ease-out";
+                  ), R = M ? `ease-${M[1]}` : "ease-out";
                   for (const { node: P } of g)
                     P.style.transition = `transform ${O} ${R}`;
                   requestAnimationFrame(() => {
@@ -2106,62 +2107,62 @@ function Kt(e, n, t, s, r) {
   const u = /* @__PURE__ */ new Map();
   for (const L of c)
     L && L.key != null && u.set(L.key, L);
-  const S = /* @__PURE__ */ new Map();
+  const v = /* @__PURE__ */ new Map();
   for (let L = 0; L < i.length; L++) {
-    const a = i[L], v = Ie(a);
-    v != null && S.set(v, a);
+    const a = i[L], S = Ie(a);
+    S != null && v.set(S, a);
   }
   const b = /* @__PURE__ */ new Set();
   let m = e.firstChild;
   function C(L, a) {
-    let v = L;
-    for (; v && (b.add(v), v !== a); )
-      v = v.nextSibling;
+    let S = L;
+    for (; S && (b.add(S), S !== a); )
+      S = S.nextSibling;
   }
-  function w(L, a, v, h, y, p = !0) {
+  function w(L, a, S, h, y, p = !0) {
     const _ = [];
     let E = L.nextSibling;
     for (; E && E !== a; )
       _.push(E), E = E.nextSibling;
-    const T = Array.isArray(v) ? v : [];
+    const T = Array.isArray(S) ? S : [];
     if (h.some((k) => k && k.key != null) || T.some((k) => k && k.key != null)) {
       const k = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map();
       for (const O of T)
         O && O.key != null && k.set(O.key, O);
       for (const O of _) {
-        const j = Ie(O);
-        j != null && l.set(j, O);
+        const M = Ie(O);
+        M != null && l.set(M, O);
       }
       const g = y && y.state === "visible" && T.length === 0 && h.length > 0, A = /* @__PURE__ */ new Set();
       let N = L.nextSibling;
       for (const O of h) {
-        let j;
+        let M;
         if (O.key != null && l.has(O.key)) {
           const R = k.get(O.key);
-          j = Te(
+          M = Te(
             l.get(O.key),
             R,
             O,
             s
-          ), A.add(j), y && j instanceof HTMLElement && g && y.appear && Ae(j, y).catch((P) => {
+          ), A.add(M), y && M instanceof HTMLElement && g && y.appear && Ae(M, y).catch((P) => {
             W("Transition enter error (appear):", P);
-          }), j !== N && e.contains(j) && e.insertBefore(j, N);
+          }), M !== N && e.contains(M) && e.insertBefore(M, N);
         } else
-          j = Z(
+          M = Z(
             O,
             s,
             void 0,
             e instanceof Element ? e.namespaceURI ?? null : null
-          ), e.insertBefore(j, N), A.add(j), y && j instanceof HTMLElement && p && Ae(j, y).catch((R) => {
+          ), e.insertBefore(M, N), A.add(M), y && M instanceof HTMLElement && p && Ae(M, y).catch((R) => {
             W("Transition enter error:", R);
           });
-        N = j.nextSibling;
+        N = M.nextSibling;
       }
       for (const O of _)
         !A.has(O) && e.contains(O) && (y && O instanceof HTMLElement && p ? ze(O, y).then(() => {
           e.contains(O) && e.removeChild(O);
-        }).catch((j) => {
-          W("Transition leave error:", j), e.contains(O) && e.removeChild(O);
+        }).catch((M) => {
+          W("Transition leave error:", M), e.contains(O) && e.removeChild(O);
         }) : e.removeChild(O));
     } else {
       const k = Math.min(
@@ -2196,8 +2197,8 @@ function Kt(e, n, t, s, r) {
   for (const L of t) {
     let a;
     if (L.tag === "#anchor") {
-      const v = L.key, h = `${v}:start`, y = `${v}:end`;
-      let p = S.get(h), _ = S.get(y);
+      const S = L.key, h = `${S}:start`, y = `${S}:end`;
+      let p = v.get(h), _ = v.get(y);
       const E = Array.isArray(L.children) ? L.children : [];
       if (p || (p = document.createTextNode(""), G(p, h)), _ || (_ = document.createTextNode(""), G(_, y)), L._startNode = p, L._endNode = _, !e.contains(p) || !e.contains(_)) {
         e.insertBefore(p, m);
@@ -2215,11 +2216,11 @@ function Kt(e, n, t, s, r) {
         }
         e.insertBefore(_, m);
       } else {
-        const T = L._transition, k = u.get(v)._transition, l = k && k.state !== T?.state, g = T && T.state === "visible" && E.length > 0 && !l, A = l || !g || T?.appear === !0;
+        const T = L._transition, k = u.get(S)._transition, l = k && k.state !== T?.state, g = T && T.state === "visible" && E.length > 0 && !l, A = l || !g || T?.appear === !0;
         w(
           p,
           _,
-          u.get(v)?.children,
+          u.get(S)?.children,
           E,
           T,
           A
@@ -2228,11 +2229,11 @@ function Kt(e, n, t, s, r) {
       C(p, _), m = _.nextSibling;
       continue;
     }
-    if (L.key != null && S.has(L.key)) {
-      const v = u.get(L.key);
+    if (L.key != null && v.has(L.key)) {
+      const S = u.get(L.key);
       a = Te(
-        S.get(L.key),
-        v,
+        v.get(L.key),
+        S,
         L,
         s,
         r
@@ -2264,8 +2265,8 @@ function Te(e, n, t, s, r) {
   if (t && typeof t != "string" && t.tag === "#anchor") {
     const i = t, c = Array.isArray(i.children) ? i.children : [], f = i._startNode ?? document.createTextNode(""), u = i._endNode ?? document.createTextNode("");
     i.key != null && (G(f, `${i.key}:start`), G(u, `${i.key}:end`)), i._startNode = f, i._endNode = u;
-    const S = document.createDocumentFragment();
-    S.appendChild(f);
+    const v = document.createDocumentFragment();
+    v.appendChild(f);
     for (const b of c) {
       const m = Z(
         b,
@@ -2273,9 +2274,9 @@ function Te(e, n, t, s, r) {
         r,
         e.parentNode instanceof Element ? e.parentNode.namespaceURI ?? null : null
       );
-      S.appendChild(m);
+      v.appendChild(m);
     }
-    return S.appendChild(u), e.parentNode?.replaceChild(S, e), f;
+    return v.appendChild(u), e.parentNode?.replaceChild(v, e), f;
   }
   if (!t) {
     ue(e, r);
@@ -2297,10 +2298,10 @@ function Te(e, n, t, s, r) {
     t.key != null && (G(c, `${t.key}:start`), G(f, `${t.key}:end`)), t._startNode = c, t._endNode = f;
     const u = document.createDocumentFragment();
     u.appendChild(c);
-    for (const S of i)
+    for (const v of i)
       u.appendChild(
         Z(
-          S,
+          v,
           s,
           r,
           e.parentNode instanceof Element ? e.parentNode.namespaceURI ?? null : null
@@ -2352,8 +2353,8 @@ function Ut(e, n, t, s) {
   ), e.firstChild ? e.replaceChild(c, e.firstChild) : e.appendChild(c));
   const f = [];
   for (let u = 0; u < e.childNodes.length; u++) {
-    const S = e.childNodes[u];
-    S !== c && S.nodeName !== "STYLE" && (ue(S, s), f.push(S));
+    const v = e.childNodes[u];
+    v !== c && v.nodeName !== "STYLE" && (ue(v, s), f.push(v));
   }
   f.forEach((u) => e.removeChild(u)), e._prevVNode = r, e._prevDom = c;
 }
@@ -2452,7 +2453,7 @@ function Zt(e, n, t, s, r) {
   if (st.get(e) === o)
     return;
   st.set(e, o);
-  const c = St(o), f = vt();
+  const c = vt(o), f = St();
   if ((!c || c.trim() === "") && !n._computedStyle && !f) {
     if (r(null), "adoptedStyleSheets" in e && typeof CSSStyleSheet < "u") {
       const y = [$e(), pe()];
@@ -2486,15 +2487,15 @@ ${_}`);
   }
   let u = "";
   n._computedStyle && (u = n._computedStyle ?? "");
-  let S = _t(`${u}
+  let v = _t(`${u}
 ${c}
 `);
-  S = ke(S);
+  v = ke(v);
   let b = s;
   if ("adoptedStyleSheets" in e && typeof CSSStyleSheet < "u") {
     b || (b = new CSSStyleSheet());
     try {
-      b.replaceSync(S);
+      b.replaceSync(v);
     } catch {
       b = null;
     }
@@ -2514,13 +2515,13 @@ ${c}
   }
   const a = ke(`${C}
 ${L}
-${S}`);
-  let v = e.querySelector(
+${v}`);
+  let S = e.querySelector(
     "style[data-cer-runtime]"
   );
-  v || (v = document.createElement("style"), D(v, "data-cer-runtime", "true"), e.appendChild(v));
+  S || (S = document.createElement("style"), D(S, "data-cer-runtime", "true"), e.appendChild(S));
   try {
-    v.textContent = a;
+    S.textContent = a;
   } catch {
   }
   try {
@@ -2532,7 +2533,7 @@ ${S}`);
       try {
         const y = new CSSStyleSheet();
         try {
-          y.replaceSync(S), h.push(y);
+          y.replaceSync(v), h.push(y);
         } catch {
           h.push({ cssRules: [], replaceSync: () => {
           } });
@@ -2622,14 +2623,14 @@ function dn(e) {
               try {
                 const u = t && t._host;
                 if (u) {
-                  const S = J(o), b = u.getAttribute(S);
+                  const v = J(o), b = u.getAttribute(v);
                   if (b !== null) {
                     const m = typeof e[o];
                     return m === "boolean" ? b === "" || b === "true" : m === "number" ? Number(b) : b;
                   }
                   if (typeof u[o] < "u") {
                     const m = u[o];
-                    if (M(m) || m && typeof m == "object" && "value" in m && !(m instanceof Node))
+                    if (j(m) || m && typeof m == "object" && "value" in m && !(m instanceof Node))
                       return m.value;
                     const C = typeof e[o];
                     if (!(C === "string" && m && typeof m == "object"))
@@ -2657,21 +2658,21 @@ function dn(e) {
         const f = t && t._host;
         if (f) {
           if (f instanceof HTMLElement || typeof f.getAttribute == "function" && typeof f.hasAttribute == "function") {
-            const S = o.replace(/([A-Z])/g, "-$1").toLowerCase(), b = f.getAttribute(S);
+            const v = o.replace(/([A-Z])/g, "-$1").toLowerCase(), b = f.getAttribute(v);
             if (b !== null)
               return typeof i == "boolean" ? b === "" || b === "true" : typeof i == "number" ? Number(b) : b;
           }
           const u = f[o];
           if (typeof u < "u" && u !== "") {
-            const S = u && typeof u == "object" && "value" in u && !(u instanceof Node);
-            if (!(typeof i == "string" && u && typeof u == "object" && !S && !M(u)))
-              return typeof i == "boolean" && i === !1 && u === "" ? i : M(u) || S ? 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;
+            const v = u && typeof u == "object" && "value" in u && !(u instanceof Node);
+            if (!(typeof i == "string" && u && typeof u == "object" && !v && !j(u)))
+              return typeof i == "boolean" && i === !1 && u === "" ? i : j(u) || v ? 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 {
       }
       const c = t[o];
-      return typeof i == "boolean" && c === "" ? i === !1 ? i : !0 : M(c) || c && typeof c == "object" && "value" in c && !(c instanceof Node) ? c.value : c != null && c !== "" ? typeof i == "boolean" && typeof c == "string" ? c === "true" : typeof i == "number" && typeof c == "string" && !Number.isNaN(Number(c)) ? Number(c) : c : i;
+      return typeof i == "boolean" && c === "" ? i === !1 ? i : !0 : j(c) || c && typeof c == "object" && "value" in c && !(c instanceof Node) ? c.value : c != null && c !== "" ? typeof i == "boolean" && typeof c == "string" ? c === "true" : typeof i == "number" && typeof c == "string" && !Number.isNaN(Number(c)) ? Number(c) : c : i;
     },
     has(r, o) {
       return typeof o == "string" && (o in t || o in e);
@@ -2791,9 +2792,9 @@ function Yt(e, n) {
             ...c || {}
           }, u = new CustomEvent(o, f);
           this.dispatchEvent(u);
-          const S = o.indexOf(":");
-          if (S > 0) {
-            const b = o.substring(0, S), m = o.substring(S + 1), C = m.includes("-") ? `${b}:${m.split("-").map(
+          const v = o.indexOf(":");
+          if (v > 0) {
+            const b = o.substring(0, v), m = o.substring(v + 1), C = m.includes("-") ? `${b}:${m.split("-").map(
               (w, L) => L === 0 ? w : w.charAt(0).toUpperCase() + w.slice(1)
             ).join("")}` : `${b}:${m.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase()}`;
             C !== o && H(() => {
@@ -2957,8 +2958,8 @@ function Yt(e, n) {
           if (Array.isArray(o))
             return new Proxy(o, {
               get(c, f, u) {
-                const S = Reflect.get(c, f, u);
-                return typeof S == "function" && typeof f == "string" && [
+                const v = Reflect.get(c, f, u);
+                return typeof v == "function" && typeof f == "string" && [
                   "push",
                   "pop",
                   "shift",
@@ -2967,7 +2968,7 @@ function Yt(e, n) {
                   "sort",
                   "reverse"
                 ].includes(f) ? function(...m) {
-                  const C = S.apply(c, m);
+                  const C = v.apply(c, m);
                   if (!r._initializing) {
                     const w = i || "root";
                     r._triggerWatchers(w, c), Ce(
@@ -2976,12 +2977,12 @@ function Yt(e, n) {
                     );
                   }
                   return C;
-                } : S;
+                } : v;
               },
               set(c, f, u) {
                 if (c[String(f)] = u, !r._initializing) {
-                  const S = i ? `${i}.${String(f)}` : String(f);
-                  r._triggerWatchers(S, u), Ce(() => r._render(t), r._componentId);
+                  const v = i ? `${i}.${String(f)}` : String(f);
+                  r._triggerWatchers(v, u), Ce(() => r._render(t), r._componentId);
                 }
                 return !0;
               },
@@ -2994,7 +2995,7 @@ function Yt(e, n) {
               }
             });
           if (o && typeof o == "object") {
-            if (M(o))
+            if (j(o))
               return o;
             for (const c in o) {
               const f = i ? `${i}.${c}` : c;
@@ -3002,9 +3003,9 @@ function Yt(e, n) {
             }
             return new Proxy(o, {
               set(c, f, u) {
-                const S = i ? `${i}.${String(f)}` : String(f);
-                return c[String(f)] = s(u, S), r._initializing || (r._triggerWatchers(
-                  S,
+                const v = i ? `${i}.${String(f)}` : String(f);
+                return c[String(f)] = s(u, v), r._initializing || (r._triggerWatchers(
+                  v,
                   c[String(f)]
                 ), Ce(() => r._render(t), r._componentId)), !0;
               },
@@ -3102,10 +3103,10 @@ function yn(e, n) {
           f = n();
         } catch (u) {
           try {
-            const S = i._hookCallbacks;
-            if (S && typeof S.onError == "function")
+            const v = i._hookCallbacks;
+            if (v && typeof v.onError == "function")
               try {
-                S.onError(u);
+                v.onError(u);
               } catch {
               }
           } catch {
@@ -3114,10 +3115,10 @@ function yn(e, n) {
         }
         if (i._hookCallbacks) {
           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 S = u.props;
+          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.props) {
+            const v = u.props;
             r.props = Object.fromEntries(
-              Object.entries(S).map(([b, m]) => [
+              Object.entries(v).map(([b, m]) => [
                 b,
                 { type: typeof m == "boolean" ? Boolean : typeof m == "number" ? Number : typeof m == "string" ? String : Function, default: m }
               ])
@@ -3235,7 +3236,7 @@ function tn(e, n = [], t = {}) {
   const s = {}, r = {}, o = {}, i = [], c = /([:@#]?)([a-zA-Z0-9-:.]+)(?:\s*=\s*("([^"\\]*(\\.[^"\\]*)*)"|'([^'\\]*(\\.[^'\\]*)*)'|([^\s>]+)))?/g;
   let f;
   for (; f = c.exec(e); ) {
-    const u = f[1], S = f[2];
+    const u = f[1], v = f[2];
     let b = "";
     for (let a = 3; a < f.length; a++)
       if (f[a] !== void 0) {
@@ -3256,31 +3257,31 @@ function tn(e, n = [], t = {}) {
       "when"
     ];
     if (u === ":") {
-      const [a, v] = S.split(":"), [h, ...y] = a.split(".");
+      const [a, S] = v.split(":"), [h, ...y] = a.split(".");
       if (L.includes(h)) {
-        const p = [...y], _ = h === "model" && v ? `model:${v}` : h;
+        const p = [...y], _ = h === "model" && S ? `model:${S}` : h;
         o[_] = {
           value: w,
           modifiers: p,
-          arg: v
+          arg: S
         };
-      } else if (S === "disabled") {
+      } else if (v === "disabled") {
         let p = w;
-        p && M(p) && (p = p.value);
+        p && j(p) && (p = p.value);
         const _ = typeof p;
         if (p === "" || _ === "boolean" || _ === "string" && (p === "true" || p === "false") || p == null || _ === "number")
-          s[S] = p;
+          s[v] = p;
         else {
           let d = w;
-          d && M(d) && (d = d.value), r[S] = d;
+          d && j(d) && (d = d.value), r[v] = d;
         }
-        i.push(S);
+        i.push(v);
       } else {
         let p = w;
-        p && M(p) && (p = p.value), r[S] = p, i.push(S);
+        p && j(p) && (p = p.value), r[v] = p, i.push(v);
       }
     } else if (u === "@") {
-      const [a, ...v] = S.split("."), h = v;
+      const [a, ...S] = v.split("."), h = S;
       Qt(w, a);
       const y = typeof w == "function" ? w : typeof t[w] == "function" ? t[w] : void 0;
       if (y) {
@@ -3293,7 +3294,7 @@ function tn(e, n = [], t = {}) {
         }, _ = "on" + a.charAt(0).toUpperCase() + a.slice(1);
         s[_] = p;
       }
-    } else S === "ref" ? s.ref = w : r[S] = w;
+    } else v === "ref" ? s.ref = w : r[v] = w;
   }
   return { props: s, attrs: r, directives: o, bound: i };
 }
@@ -3302,7 +3303,7 @@ function Ge(e) {
     return e;
   const n = e.props?.directives;
   if (n && n.when) {
-    const t = n.when.value, s = M(t) ? t.value : t, r = { ...n };
+    const t = n.when.value, s = j(t) ? t.value : t, r = { ...n };
     delete r.when;
     const o = { ...e.props };
     Object.keys(r).length > 0 ? o.directives = r : delete o.directives;
@@ -3345,8 +3346,8 @@ function nn(e, n, t) {
   let u = "";
   for (let l = 0; l < e.length; l++)
     u += e[l], l < n.length && (u += `{{${l}}}`);
-  const S = /<!--[\s\S]*?-->|<\/?([a-zA-Z0-9-]+)((?:\s+[^\s=>/]+(?:\s*=\s*(?:"(?:\\.|[^"])*"|'(?:\\.|[^'])*'|[^\s>]+))?)*)\s*\/?>|{{(\d+)}}|([^<]+)/g, b = [];
-  let m, C = [], w = null, L = {}, a, v = 0;
+  const v = /<!--[\s\S]*?-->|<\/?([a-zA-Z0-9-]+)((?:\s+[^\s=>/]+(?:\s*=\s*(?:"(?:\\.|[^"])*"|'(?:\\.|[^'])*'|[^\s>]+))?)*)\s*\/?>|{{(\d+)}}|([^<]+)/g, b = [];
+  let m, C = [], w = null, L = {}, a, S = 0;
   const h = [], y = /* @__PURE__ */ new Set([
     "pre",
     "code",
@@ -3369,11 +3370,11 @@ function nn(e, n, t) {
       const N = g;
       N.props && (A.props || (A.props = {}), Object.assign(A.props, N.props)), N.attrs && (A.attrs || (A.attrs = {}), Object.keys(N.attrs).forEach((O) => {
         if (O === "style" && A.attrs.style) {
-          const j = String(A.attrs.style).replace(/;?\s*$/, ""), R = String(N.attrs.style).replace(/^;?\s*/, "");
-          A.attrs.style = j + "; " + R;
+          const M = String(A.attrs.style).replace(/;?\s*$/, ""), R = String(N.attrs.style).replace(/^;?\s*/, "");
+          A.attrs.style = M + "; " + R;
         } else if (O === "class" && A.attrs.class) {
-          const j = String(A.attrs.class).trim().split(/\s+/).filter(Boolean), R = String(N.attrs.class).trim().split(/\s+/).filter(Boolean), P = [
-            .../* @__PURE__ */ new Set([...j, ...R])
+          const M = String(A.attrs.class).trim().split(/\s+/).filter(Boolean), R = String(N.attrs.class).trim().split(/\s+/).filter(Boolean), P = [
+            .../* @__PURE__ */ new Set([...M, ...R])
           ];
           A.attrs.class = P.join(" ");
         } else
@@ -3439,13 +3440,13 @@ function nn(e, n, t) {
     "track",
     "wbr"
   ]);
-  for (; m = S.exec(u); )
+  for (; m = v.exec(u); )
     if (!(m[0].startsWith("<!--") && m[0].endsWith("-->"))) {
       if (m[1]) {
         const l = m[1], g = m[0][1] === "/", A = m[0][m[0].length - 2] === "/" || T.has(l), {
           props: N,
           attrs: O,
-          directives: j,
+          directives: M,
           bound: R
         } = tn(
           m[2] || "",
@@ -3487,7 +3488,7 @@ function nn(e, n, t) {
             for (const x of ie)
               if (R && R.includes(x) && x in P.attrs && !(P.props && x in P.props)) {
                 let $ = P.attrs[x];
-                if ($ && M($))
+                if ($ && j($))
                   $ = $.value, P.props[x] = $, delete P.attrs[x];
                 else if ($ && typeof $ == "object" && "value" in $ && !($ instanceof Node))
                   try {
@@ -3514,8 +3515,8 @@ function nn(e, n, t) {
                   const z = $.includes("-") ? Ze($) : $, ee = P.attrs[$];
                   if (P.props[z] = ee, x.has($) || at($))
                     try {
-                      const Me = F(P.attrs[$]);
-                      Me === null ? delete P.attrs[$] : P.attrs[$] = Me;
+                      const je = F(P.attrs[$]);
+                      je === null ? delete P.attrs[$] : P.attrs[$] = je;
                     } catch {
                       delete P.attrs[$];
                     }
@@ -3533,18 +3534,18 @@ function nn(e, n, t) {
           }
         } catch {
         }
-        if (j && Object.keys(j).some(
+        if (M && Object.keys(M).some(
           (K) => K === "model" || K.startsWith("model:")
         ))
           try {
             const K = Symbol.for("cer.registry"), I = globalThis[K], ie = !!(I && typeof I.has == "function" && I.has(l)), Y = r, x = !!(Y && (Y.__customElements instanceof Set && Y.__customElements.has(l) || Array.isArray(Y.__isCustomElements) && Y.__isCustomElements.includes(l)));
             if (!!(l.includes("-") || x || ie))
-              for (const ee of Object.keys(j)) {
+              for (const ee of Object.keys(M)) {
                 if (ee !== "model" && !ee.startsWith("model:")) continue;
-                const je = j[ee], Me = je.arg ?? (ee.includes(":") ? ee.split(":", 2)[1] : void 0), V = je.value, Be = Me ?? "modelValue", Je = U, ht = Re, Se = r?._state || r;
+                const Me = M[ee], je = Me.arg ?? (ee.includes(":") ? ee.split(":", 2)[1] : void 0), V = Me.value, Be = je ?? "modelValue", Je = U, ht = Re, ve = r?._state || r;
                 let re;
-                typeof V == "string" && Se ? re = Je(
-                  Se,
+                typeof V == "string" && ve ? re = Je(
+                  ve,
                   V
                 ) : re = V, P.props[Be] = re;
                 try {
@@ -3559,46 +3560,46 @@ function nn(e, n, t) {
                 ), yt = "on" + Ye.charAt(0).toUpperCase() + Ye.slice(1);
                 P.props[yt] = function(ce) {
                   const ne = ce.detail !== void 0 ? ce.detail : ce.target ? ce.target.value : void 0;
-                  if (Se)
-                    if (V && M(V)) {
+                  if (ve)
+                    if (V && j(V)) {
                       const ae = V.value;
                       if (Array.isArray(ne) && Array.isArray(ae) ? JSON.stringify([...ne].sort()) !== JSON.stringify([...ae].sort()) : ne !== ae) {
                         V.value = ne;
                         try {
                           const le = r;
                           if (le) {
-                            const ve = le.requestRender, _e = le._requestRender;
-                            typeof ve == "function" ? ve() : typeof _e == "function" && _e();
+                            const Se = le.requestRender, _e = le._requestRender;
+                            typeof Se == "function" ? Se() : typeof _e == "function" && _e();
                           }
                         } catch {
                         }
                       }
                     } else {
                       const ae = Je(
-                        Se || {},
+                        ve || {},
                         typeof V == "string" ? V : String(V)
                       );
                       if (Array.isArray(ne) && Array.isArray(ae) ? JSON.stringify([...ne].sort()) !== JSON.stringify([...ae].sort()) : ne !== ae) {
                         ht(
-                          Se || {},
+                          ve || {},
                           typeof V == "string" ? V : String(V),
                           ne
                         );
                         try {
                           const le = r;
                           if (le) {
-                            const ve = le.requestRender, _e = le._requestRender;
-                            typeof ve == "function" ? ve() : typeof _e == "function" && _e();
+                            const Se = le.requestRender, _e = le._requestRender;
+                            typeof Se == "function" ? Se() : typeof _e == "function" && _e();
                           }
                         } catch {
                         }
                       }
                     }
-                }, delete j[ee];
+                }, delete M[ee];
               }
           } catch {
           }
-        if (Object.keys(j).length > 0 && (P.directives = { ...j }), g) {
+        if (Object.keys(M).length > 0 && (P.directives = { ...M }), g) {
           const K = C.some(
             (x) => typeof x == "object" && x.tag !== "#text"
           );
@@ -3642,11 +3643,11 @@ function nn(e, n, t) {
           if (!N) continue;
           const O = N.match(/^{{(\d+)}}$/);
           if (O) {
-            const j = Number(O[1]), R = n[j], P = `interp-${j}`;
+            const M = Number(O[1]), R = n[M], P = `interp-${M}`;
             E(R, P);
           } else {
-            const j = `text-${v++}`, R = p();
-            g.push(f(N, j, R));
+            const M = `text-${S++}`, R = p();
+            g.push(f(N, M, R));
           }
         }
       }
@@ -3670,11 +3671,12 @@ function mn(e, ...n) {
 export {
   yn as component,
   En as computed,
-  kn as css,
+  wn as css,
   Et as decodeEntities,
   mn as html,
-  Sn as ref,
-  vn as unsafeHTML,
+  vn as ref,
+  kn as setDevMode,
+  Sn as unsafeHTML,
   an as useEmit,
   un as useOnAttributeChanged,
   ln as useOnConnected,