@jasonshimmy/custom-elements-runtime 0.0.3 → 0.0.4

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

@@ -1,20 +1,18 @@
-class Q {
-  state;
-  listeners = [];
-  constructor(t) {
-    this.state = new Proxy(t, {
-      set: (n, r, o) => (n[r] = o, this.notify(), !0)
-    });
-  }
-  subscribe(t) {
-    this.listeners.push(t), t(this.state);
+function $(e) {
+  let t = new Proxy(e, {
+    set: (i, a, c) => (i[a] = c, s(), !0)
+  });
+  const n = [];
+  function r(i) {
+    n.push(i), i(t);
   }
-  getState() {
-    return this.state;
+  function o() {
+    return t;
   }
-  notify() {
-    this.listeners.forEach((t) => t(this.state));
+  function s() {
+    n.forEach((i) => i(t));
   }
+  return { subscribe: r, getState: o };
 }
 class y extends EventTarget {
   handlers = {};
@@ -140,8 +138,8 @@ class y extends EventTarget {
     this.eventCounters.clear();
   }
 }
-const C = y.getInstance(), q = typeof window > "u" || typeof document > "u";
-function W(e) {
+const w = y.getInstance(), F = typeof window > "u" || typeof document > "u";
+function K(e) {
   return {
     state: e,
     emit: () => {
@@ -155,19 +153,19 @@ function W(e) {
     }
   };
 }
-function F(e, t = {}) {
-  q || console.warn("[SSR] renderToString should only be used on the server");
+function U(e, t = {}) {
+  F || console.warn("[SSR] renderToString should only be used on the server");
   try {
-    const n = e.state, r = W(n), o = e.template(n, r);
+    const n = e.state, r = K(n), o = e.template(n, r);
     let s = "";
     t.includeStyles && e.style && (s = `<style>${typeof e.style == "function" ? e.style(n) : e.style}</style>`);
-    const i = t.sanitizeAttributes ? t.sanitizeAttributes(e.attrs || {}) : e.attrs || {}, a = Object.entries(i).map(([d, f]) => `${H(d)}="${H(f)}"`).join(" "), l = `${a ? `<${e.tag} ${a}>` : `<${e.tag}>`}${s}${o}</${e.tag}>`;
-    return t.prettyPrint ? G(l) : l;
+    const i = t.sanitizeAttributes ? t.sanitizeAttributes(e.attrs || {}) : e.attrs || {}, a = Object.entries(i).map(([u, d]) => `${j(u)}="${j(d)}"`).join(" "), l = `${a ? `<${e.tag} ${a}>` : `<${e.tag}>`}${s}${o}</${e.tag}>`;
+    return t.prettyPrint ? Z(l) : l;
   } catch (n) {
-    return console.error(`[SSR] Error rendering ${e.tag}:`, n), `<${e.tag}><div style="color: red;">SSR Error: ${K(String(n))}</div></${e.tag}>`;
+    return console.error(`[SSR] Error rendering ${e.tag}:`, n), `<${e.tag}><div style="color: red;">SSR Error: ${G(String(n))}</div></${e.tag}>`;
   }
 }
-function tt(e, t = {}) {
+function st(e, t = {}) {
   const n = {
     components: /* @__PURE__ */ new Map(),
     styles: /* @__PURE__ */ new Set()
@@ -177,7 +175,7 @@ function tt(e, t = {}) {
       const c = typeof i.style == "function" ? i.style(i.state) : i.style;
       n.styles.add(c);
     }
-    const a = F(i, { ...t, includeStyles: !1 });
+    const a = U(i, { ...t, includeStyles: !1 });
     r.push(a);
   });
   const o = Array.from(n.styles).join(`
@@ -185,7 +183,7 @@ function tt(e, t = {}) {
   return { html: r.join(`
 `), styles: o, context: n };
 }
-function et(e) {
+function it(e) {
   const t = Array.from(e.components.entries()).map(([n, r]) => ({
     tag: n,
     state: r.state
@@ -225,33 +223,33 @@ function et(e) {
   }
 <\/script>`.trim();
 }
-const K = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;"), H = (e) => e.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/'/g, "&#39;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), G = (e) => e.replace(/></g, `>
+const G = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;"), j = (e) => e.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/'/g, "&#39;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), Z = (e) => e.replace(/></g, `>
 <`).split(`
 `).map((t) => {
   const n = (t.match(/^<[^\/]/g) || []).length - (t.match(/<\//g) || []).length;
   return "  ".repeat(Math.max(0, n)) + t.trim();
 }).join(`
 `);
-function $(e) {
+function x(e) {
   return String(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function w(e, t) {
+function O(e, t) {
   if (typeof e != "string" || !t) return String(e);
   for (const n in t) {
     if (typeof t[n] == "string" && e === t[n])
-      return $(e);
+      return x(e);
     if (Array.isArray(t[n])) {
       for (const r of t[n])
         if (r && typeof r == "object") {
           for (const o in r)
             if (typeof r[o] == "string" && e === r[o])
-              return $(e);
+              return x(e);
         }
     }
   }
   return String(e);
 }
-function nt(e, ...t) {
+function ot(e, ...t) {
   function n(r, o, s) {
     if (Array.isArray(r)) {
       const i = r.map((a) => n(a, o, s));
@@ -269,22 +267,22 @@ function nt(e, ...t) {
     for (let c = 0; c < e.length; c++)
       if (s += e[c], c < t.length) {
         let l = t[c];
-        const d = e[c], f = /data-on-[a-z]+="?$/.test(d);
-        l = n(l, r, o), l instanceof Promise ? (i = !0, a.push(l)) : /=\s*"?$/.test(d) && typeof l == "string" && !f ? (l = l.replace(/"/g, "&quot;").replace(/'/g, "&#39;"), s += l) : !f && !/=\s*"?$/.test(d) ? s += w(l, r) : s += l;
+        const u = e[c], d = /data-on-[a-z]+="?$/.test(u);
+        l = n(l, r, o), l instanceof Promise ? (i = !0, a.push(l)) : /=\s*"?$/.test(u) && typeof l == "string" && !d ? (l = l.replace(/"/g, "&quot;").replace(/'/g, "&#39;"), s += l) : !d && !/=\s*"?$/.test(u) ? s += O(l, r) : s += l;
       }
     return i ? Promise.all(a).then((c) => {
-      let l = "", d = 0;
-      for (let f = 0; f < e.length; f++)
-        if (l += e[f], f < t.length) {
-          let u = t[f];
-          const h = e[f], m = /data-on-[a-z]+="?$/.test(h);
-          u = n(u, r, o), u instanceof Promise ? l += c[d++] : /=\s*"?$/.test(h) && typeof u == "string" && !m ? (u = u.replace(/"/g, "&quot;").replace(/'/g, "&#39;"), l += u) : !m && !/=\s*"?$/.test(h) ? l += w(u, r) : l += u;
+      let l = "", u = 0;
+      for (let d = 0; d < e.length; d++)
+        if (l += e[d], d < t.length) {
+          let f = t[d];
+          const h = e[d], m = /data-on-[a-z]+="?$/.test(h);
+          f = n(f, r, o), f instanceof Promise ? l += c[u++] : /=\s*"?$/.test(h) && typeof f == "string" && !m ? (f = f.replace(/"/g, "&quot;").replace(/'/g, "&#39;"), l += f) : !m && !/=\s*"?$/.test(h) ? l += O(f, r) : l += f;
         }
       return l;
     }) : s;
   };
 }
-function rt(e, ...t) {
+function at(e, ...t) {
   const n = "compiled-" + Math.random().toString(36).slice(2);
   function r(s, i, a) {
     return Array.isArray(s) ? s.map((c) => r(c, i, a)).join("") : typeof s == "function" ? r(s(i, a), i, a) : s == null ? "" : String(s);
@@ -294,53 +292,53 @@ function rt(e, ...t) {
     for (let c = 0; c < e.length; c++)
       if (a += e[c], c < t.length) {
         let l = t[c];
-        const d = e[c], f = /data-on-[a-z]+="?$/.test(d);
-        l = r(l, s, i), /=\s*"?$/.test(d) && typeof l == "string" && !f ? (l = l.replace(/"/g, "&quot;").replace(/'/g, "&#39;"), a += l) : !f && !/=\s*"?$/.test(d) ? a += w(l, s) : a += l ?? "";
+        const u = e[c], d = /data-on-[a-z]+="?$/.test(u);
+        l = r(l, s, i), /=\s*"?$/.test(u) && typeof l == "string" && !d ? (l = l.replace(/"/g, "&quot;").replace(/'/g, "&#39;"), a += l) : !d && !/=\s*"?$/.test(u) ? a += O(l, s) : a += l ?? "";
       }
     return a;
   };
   return o.id = n, o;
 }
-function st(e, ...t) {
+function ct(e, ...t) {
   let n = "";
   for (let r = 0; r < e.length; r++)
     n += e[r], r < t.length && (n += t[r] ?? "");
   return n;
 }
-function it(e) {
+function lt(e) {
   return Object.keys(e).filter((t) => e[t]).join(" ");
 }
-function ot(e) {
+function ut(e) {
   return Object.entries(e).map(([t, n]) => `${t}: ${n}`).join("; ");
 }
-function U(e, t, n) {
+function B(e, t, n) {
   const [r, ...o] = n.split("|").map((a) => a.trim());
   if (!r || r === "__proto__" || r === "constructor" || r === "prototype") return;
   function s(a, c, l) {
-    const d = c.split(".");
-    let f = a;
-    for (let u = 0; u < d.length - 1; u++)
-      d[u] in f || (f[d[u]] = {}), f = f[d[u]];
-    f[d[d.length - 1]] = l;
+    const u = c.split(".");
+    let d = a;
+    for (let f = 0; f < u.length - 1; f++)
+      u[f] in d || (d[u[f]] = {}), d = d[u[f]];
+    d[u[u.length - 1]] = l;
   }
   const i = (a) => {
     let c;
     if (e instanceof HTMLInputElement && e.type === "checkbox") {
       c = e.value;
-      const l = e.getAttribute("data-true-value"), d = e.getAttribute("data-false-value");
-      let f = Array.isArray(t[r]) ? t[r] : void 0;
-      if (f) {
+      const l = e.getAttribute("data-true-value"), u = e.getAttribute("data-false-value");
+      let d = Array.isArray(t[r]) ? t[r] : void 0;
+      if (d) {
         if (e.checked)
-          f.includes(c) || f.push(c);
+          d.includes(c) || d.push(c);
         else {
-          const u = f.indexOf(c);
-          u !== -1 && f.splice(u, 1);
+          const f = d.indexOf(c);
+          f !== -1 && d.splice(f, 1);
         }
-        s(t, r, [...f]);
+        s(t, r, [...d]);
       } else
-        l !== null || d !== null ? e.checked ? s(t, r, l) : s(t, r, d !== null ? d : !1) : s(t, r, e.checked);
-    } else e instanceof HTMLInputElement && e.type === "radio" ? (c = e.value, s(t, r, c), ((e.form || e.closest("form") || e.getRootNode()) instanceof Element ? (e.form || e.closest("form") || e.getRootNode()).querySelectorAll(`input[type="radio"][name="${e.name}"][data-model="${n}"]`) : []).forEach((d) => {
-      d.checked = d.value === String(c);
+        l !== null || u !== null ? e.checked ? s(t, r, l) : s(t, r, u !== null ? u : !1) : s(t, r, e.checked);
+    } else e instanceof HTMLInputElement && e.type === "radio" ? (c = e.value, s(t, r, c), ((e.form || e.closest("form") || e.getRootNode()) instanceof Element ? (e.form || e.closest("form") || e.getRootNode()).querySelectorAll(`input[type="radio"][name="${e.name}"][data-model="${n}"]`) : []).forEach((u) => {
+      u.checked = u.value === String(c);
     })) : (c = e.value, e instanceof HTMLInputElement && e.type === "number" && (c = Number(c)), o.includes("trim") && typeof c == "string" && (c = c.trim()), o.includes("number") && (c = Number(c)), s(t, r, c));
     if ("_vnode" in e && typeof e._vnode == "object" && e._vnode?.props && (e._vnode.props.value = c), a.type === "input" && (e._isDirty = !0), a.type === "keydown" && a.key === "Enter" && (e._isDirty = !1, e instanceof HTMLElement && e.isConnected)) {
       let l = e.parentElement;
@@ -352,7 +350,7 @@ function U(e, t, n) {
   };
   e.addEventListener("input", i), e.addEventListener("change", i), e.addEventListener("keydown", i), e.addEventListener("blur", i);
 }
-const R = (() => {
+const H = (() => {
   try {
     if (typeof process < "u" && process.env)
       return process.env.NODE_ENV === "development";
@@ -360,33 +358,33 @@ const R = (() => {
   }
   return typeof window < "u" ? window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1" : !1;
 })();
-function at(e, t = {}) {
-  const { development: n = R, cache: r = !0, optimize: o = !0 } = t, s = N(e);
+function dt(e, t = {}) {
+  const { development: n = H, cache: r = !0, optimize: o = !0 } = t, s = q(e);
   if (r && T.has(s)) {
     if (n) {
-      const i = E.get(s) || {
+      const i = v.get(s) || {
         compilationTime: 0,
         renderTime: 0,
         updateTime: 0,
         cacheHits: 0,
         cacheMisses: 0
       };
-      i.cacheHits++, E.set(s, i);
+      i.cacheHits++, v.set(s, i);
     }
     return T.get(s);
   }
   if (n) {
-    const i = E.get(s) || {
+    const i = v.get(s) || {
       compilationTime: 0,
       renderTime: 0,
       updateTime: 0,
       cacheHits: 0,
       cacheMisses: 0
     };
-    i.cacheMisses++, E.set(s, i);
+    i.cacheMisses++, v.set(s, i);
   }
   try {
-    const i = B(e, { development: n, optimize: o });
+    const i = V(e, { development: n, optimize: o });
     return r && T.set(s, i), i;
   } catch (i) {
     return n && (console.error("[Template Compiler] Error compiling template:", i), console.error("[Template Compiler] Template:", e)), {
@@ -399,7 +397,7 @@ function at(e, t = {}) {
     };
   }
 }
-function Z(e, t) {
+function X(e, t) {
   if (typeof document > "u")
     return [0];
   try {
@@ -409,10 +407,10 @@ function Z(e, t) {
           return c;
       } else if (a.nodeType === Node.ELEMENT_NODE) {
         let l = 0;
-        for (let d = 0; d < a.childNodes.length; d++) {
-          const f = a.childNodes[d], u = n(f, [...c, l]);
-          if (u)
-            return u;
+        for (let u = 0; u < a.childNodes.length; u++) {
+          const d = a.childNodes[u], f = n(d, [...c, l]);
+          if (f)
+            return f;
           l++;
         }
       }
@@ -421,13 +419,13 @@ function Z(e, t) {
     const s = new DOMParser().parseFromString(`<div>${e}</div>`, "text/html").body.firstElementChild;
     return n(s) || [0];
   } catch (n) {
-    return R && console.warn("[Template Compiler] Error finding DOM path for placeholder:", t, n), [0];
+    return H && console.warn("[Template Compiler] Error finding DOM path for placeholder:", t, n), [0];
   }
 }
-function B(e, t) {
-  return new X(e, t).compile();
+function V(e, t) {
+  return new Y(e, t).compile();
 }
-class X {
+class Y {
   template;
   options;
   dynamics = [];
@@ -437,20 +435,20 @@ class X {
   }
   compile() {
     this.parseTemplate();
-    const t = this.createStaticFragment(), n = N(this.template), r = (o, s) => {
+    const t = this.createStaticFragment(), n = q(this.template), r = (o, s) => {
       let i = "";
       for (let a = 0; a < this.statics.length; a++)
         if (i += this.statics[a], a < this.dynamics.length) {
           let c = this.dynamics[a].getValue(o, s);
           if (c instanceof Promise)
             return Promise.all(this.dynamics.map((l) => {
-              const d = l.getValue(o, s);
-              return d instanceof Promise ? d : Promise.resolve(d);
+              const u = l.getValue(o, s);
+              return u instanceof Promise ? u : Promise.resolve(u);
             })).then((l) => {
-              let d = "";
-              for (let f = 0; f < this.statics.length; f++)
-                d += this.statics[f], f < l.length && (d += l[f]);
-              return d;
+              let u = "";
+              for (let d = 0; d < this.statics.length; d++)
+                u += this.statics[d], d < l.length && (u += l[d]);
+              return u;
             });
           i += c;
         }
@@ -475,8 +473,8 @@ class X {
       if (s.endsWith('style="color:'))
         a = "style", c = "color";
       else if (a === "style") {
-        const d = s.match(/style\s*=\s*"?([^:;]+):\s*$/);
-        d && (c = d[1].trim());
+        const u = s.match(/style\s*=\s*"?([^:;]+):\s*$/);
+        u && (c = u[1].trim());
       }
       const l = r[1].trim();
       this.analyzeDynamicExpression(l, this.dynamics.length, a, c), n = r.index + r[0].length;
@@ -488,7 +486,7 @@ class X {
     let s = "text", i;
     r ? r === "class" ? (s = "class", i = "class") : r === "style" ? (s = "style", i = o || "style") : r === "value" ? (s = "property", i = "value") : (s = "attribute", i = r) : t.includes("class.") ? (s = "class", i = t.split(".")[1]) : t.includes("style.") ? (s = "style", i = t.split(".")[1]) : t.includes("@") ? (s = "event", i = t.split("@")[1]) : t === "class" ? (s = "class", i = "class") : t === "style" ? (s = "style", i = "style") : t === "value" ? (s = "property", i = "value") : t === "title" && (s = "attribute", i = "title");
     const a = `__DYNAMIC_${n}__`, c = this.statics.join(a);
-    let l = Z(c, a);
+    let l = X(c, a);
     this.statics.length === 2 && s !== "text" ? l = [0] : this.statics.length === 2 && l.length === 0 && (l = [0]), this.dynamics.push({
       path: l,
       type: s,
@@ -528,7 +526,7 @@ class X {
     }
   }
 }
-function O(e, t) {
+function k(e, t) {
   try {
     if (t.length === 1 && t[0] === 0 && e instanceof Element)
       return e;
@@ -544,23 +542,23 @@ function O(e, t) {
     return null;
   }
 }
-function j(e, t, n) {
+function D(e, t, n) {
   let r;
-  return e.fragment && !e.hasDynamics ? r = e.fragment.cloneNode(!0) : r = Y(e, t, n), r;
+  return e.fragment && !e.hasDynamics ? r = e.fragment.cloneNode(!0) : r = Q(e, t, n), r;
 }
-function V(e, t, n, r, o) {
+function J(e, t, n, r, o) {
   if (e.hasDynamics)
     for (const s of e.dynamics)
       try {
         const i = s.getValue(n, r);
         if (o !== void 0 && s.getValue(o, r) === i)
           continue;
-        I(t, s, i);
+        P(t, s, i);
       } catch (i) {
         console.warn("[Template Compiler] Error applying update:", i);
       }
 }
-function Y(e, t, n) {
+function Q(e, t, n) {
   let r = "";
   for (let a = 0; a < e.statics.length; a++)
     if (r += e.statics[a], a < e.dynamics.length) {
@@ -576,12 +574,12 @@ function Y(e, t, n) {
   for (; s.body.firstChild; )
     i.appendChild(s.body.firstChild);
   for (const a of e.dynamics) {
-    const c = a.getValue(t, n), l = O(i, a.path);
-    I(l, a, c);
+    const c = a.getValue(t, n), l = k(i, a.path);
+    P(l, a, c);
   }
   return i;
 }
-function I(e, t, n) {
+function P(e, t, n) {
   try {
     if (t.type === "text") {
       const o = document.createTreeWalker(
@@ -597,11 +595,11 @@ function I(e, t, n) {
         }
       }
       if (s) return;
-      const a = O(e, t.path);
+      const a = k(e, t.path);
       a && a.nodeType === Node.TEXT_NODE && (a.textContent = n == null ? "" : String(n));
       return;
     }
-    const r = O(e, t.path);
+    const r = k(e, t.path);
     if (!r)
       return;
     switch (t.type) {
@@ -630,11 +628,11 @@ function I(e, t, n) {
         throw new Error(`Unknown update type: ${t.type}`);
     }
   } catch (r) {
-    (typeof globalThis < "u" ? globalThis.isDevelopment : R) && console.warn("[Template Compiler] Error applying update:", t, r);
+    (typeof globalThis < "u" ? globalThis.isDevelopment : H) && console.warn("[Template Compiler] Error applying update:", t, r);
   }
 }
-const T = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map();
-function N(e) {
+const T = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new Map();
+function q(e) {
   let t = 0;
   for (let n = 0; n < e.length; n++) {
     const r = e.charCodeAt(n);
@@ -642,10 +640,10 @@ function N(e) {
   }
   return `tpl_${Math.abs(t).toString(36)}`;
 }
-function x(e, t, n, r, o) {
+function I(e, t, n, r, o) {
   return r && o ? `${t}.${e}[${n}]:${r}:${o}` : r ? `${t}.${e}[${n}]:${r}` : `${t}.${e}[${n}]`;
 }
-function D(e, t, n) {
+function N(e, t, n) {
   if (!(!e || !(e instanceof Element)) && e.contains(n) && n.parentNode === e)
     try {
       e.replaceChild(t, n);
@@ -677,23 +675,23 @@ function g(e) {
   }
   return t;
 }
-function J(e) {
+function tt(e) {
   const t = document.createElement("template");
   t.innerHTML = e.trim();
   const n = Array.from(t.content.childNodes);
-  return n.length === 1 ? k(n[0]) : {
+  return n.length === 1 ? L(n[0]) : {
     type: "#fragment",
     key: void 0,
     props: {},
-    children: n.map((o, s) => k(o, "#fragment", s)),
+    children: n.map((o, s) => L(o, "#fragment", s)),
     dom: void 0
   };
 }
-function k(e, t = "", n = 0) {
+function L(e, t = "", n = 0) {
   if (!e)
     return { type: "#unknown", key: void 0, props: {}, children: [], dom: void 0 };
   if (e.nodeType === Node.TEXT_NODE)
-    return !e.nodeValue || /^\s*$/.test(e.nodeValue) ? { type: "#whitespace", key: void 0, props: {}, children: [], dom: void 0 } : { type: "#text", key: x("#text", t, n), props: { nodeValue: e.nodeValue }, children: [], dom: e };
+    return !e.nodeValue || /^\s*$/.test(e.nodeValue) ? { type: "#whitespace", key: void 0, props: {}, children: [], dom: void 0 } : { type: "#text", key: I("#text", t, n), props: { nodeValue: e.nodeValue }, children: [], dom: e };
   if (e.nodeType === Node.ELEMENT_NODE) {
     const r = e, o = {};
     Array.from(r.attributes).forEach((l) => {
@@ -702,12 +700,12 @@ function k(e, t = "", n = 0) {
     const s = r.tagName.toLowerCase();
     let i;
     if ((s === "input" || s === "select" || s === "textarea") && r.hasAttribute("data-model")) {
-      const l = r.getAttribute("data-model"), d = r.getAttribute("type") ?? "";
-      i = `${s}:${l}:${d}`, o["data-uid"] = i, r.setAttribute("data-uid", i);
-      let f = r.getAttribute("value"), u = r.getAttribute("checked");
-      f && (o.value = f), u && (o.checked = u);
-    } else s === "input" || s === "textarea" || s === "select" || r.hasAttribute("contenteditable") ? (i = `${s}:${t}:${n}`, o["data-uid"] = i, r.setAttribute("data-uid", i)) : (i = x(s, t, n), s === "li" && (o["data-uid"] = i, r.setAttribute("data-uid", i)));
-    const a = Array.from(r.childNodes).map((l, d) => k(l, i, d));
+      const l = r.getAttribute("data-model"), u = r.getAttribute("type") ?? "";
+      i = `${s}:${l}:${u}`, o["data-uid"] = i, r.setAttribute("data-uid", i);
+      let d = r.getAttribute("value"), f = r.getAttribute("checked");
+      d && (o.value = d), f && (o.checked = f);
+    } else s === "input" || s === "textarea" || s === "select" || r.hasAttribute("contenteditable") ? (i = `${s}:${t}:${n}`, o["data-uid"] = i, r.setAttribute("data-uid", i)) : (i = I(s, t, n), s === "li" && (o["data-uid"] = i, r.setAttribute("data-uid", i)));
+    const a = Array.from(r.childNodes).map((l, u) => L(l, i, u));
     return {
       type: s,
       key: i,
@@ -718,7 +716,7 @@ function k(e, t = "", n = 0) {
   }
   return { type: "#unknown", key: void 0, props: {}, children: [], dom: void 0 };
 }
-function L(e, t, n) {
+function R(e, t, n) {
   if (!t || !n) return;
   function r(c) {
     return !!c && c.type !== "#whitespace" && !(c.type === "#text" && (!c.props?.nodeValue || /^\s*$/.test(c.props.nodeValue)));
@@ -727,7 +725,7 @@ function L(e, t, n) {
   if (t.type !== n.type || t.key !== n.key) {
     const c = g(n);
     if (c instanceof Node && t.dom instanceof Node && e.contains(t.dom)) {
-      if (D(e, c, t.dom), i && n.props && e.firstChild instanceof HTMLInputElement) {
+      if (N(e, c, t.dom), i && n.props && e.firstChild instanceof HTMLInputElement) {
         const l = e.firstChild;
         l.type === "radio" || l.type, l.value = n.props.value, l.setAttribute("value", n.props.value), "checked" in n.props && (l.checked = n.props.checked === !0 || n.props.checked === "true");
       }
@@ -763,21 +761,21 @@ function L(e, t, n) {
   const a = t.dom;
   if (a && a instanceof Element && n.props) {
     const c = a.tagName.toLowerCase() === "input" ? a.getAttribute("type") : void 0, l = a.tagName.includes("-");
-    for (const [d, f] of Object.entries(n.props))
-      if (!(c === "radio" && d === "value")) {
-        if (c === "checkbox" && d === "value") {
-          a.setAttribute("value", f);
+    for (const [u, d] of Object.entries(n.props))
+      if (!(c === "radio" && u === "value")) {
+        if (c === "checkbox" && u === "value") {
+          a.setAttribute("value", d);
           continue;
         }
-        a.setAttribute(d, f);
+        a.setAttribute(u, d);
       }
     if (l)
-      for (const [d, f] of Object.entries(n.props))
-        a.setAttribute(d, f);
-    for (const d of Array.from(a.attributes).map((f) => f.name))
-      if (!(d in n.props)) {
-        if (c === "radio" && d === "value" || c === "checkbox" && d === "value") continue;
-        a.removeAttribute(d);
+      for (const [u, d] of Object.entries(n.props))
+        a.setAttribute(u, d);
+    for (const u of Array.from(a.attributes).map((d) => d.name))
+      if (!(u in n.props)) {
+        if (c === "radio" && u === "value" || c === "checkbox" && u === "value") continue;
+        a.removeAttribute(u);
       }
   }
   if (n.type === "#text") {
@@ -785,24 +783,24 @@ function L(e, t, n) {
       a.nodeValue !== n.props.nodeValue && (a.nodeValue = n.props.nodeValue), n.dom = a;
     else {
       const c = document.createTextNode(n.props.nodeValue ?? "");
-      a && e.contains(a) && a.parentNode === e ? D(e, c, a) : e.appendChild(c), n.dom = c;
+      a && e.contains(a) && a.parentNode === e ? N(e, c, a) : e.appendChild(c), n.dom = c;
     }
     return;
   }
   if (a instanceof Element) {
     const c = /* @__PURE__ */ new Map();
-    o.forEach((u) => u.key && c.set(u.key, u));
-    const l = new Set(s.map((u) => u.key));
-    let d = [];
-    for (let u = 0; u < s.length; u++) {
-      const h = s[u], m = h.key ? c.get(h.key) : o[u];
+    o.forEach((f) => f.key && c.set(f.key, f));
+    const l = new Set(s.map((f) => f.key));
+    let u = [];
+    for (let f = 0; f < s.length; f++) {
+      const h = s[f], m = h.key ? c.get(h.key) : o[f];
       let p;
-      const A = h.type === "input" || h.type === "select" || h.type === "textarea";
-      if (m && m.dom && (!A || m.type === h.type && m.key === h.key))
-        L(a, m, h), p = m.dom;
+      const C = h.type === "input" || h.type === "select" || h.type === "textarea";
+      if (m && m.dom && (!C || m.type === h.type && m.key === h.key))
+        R(a, m, h), p = m.dom;
       else {
-        const b = g(h);
-        if (p = b instanceof Node ? b : void 0, p) {
+        const E = g(h);
+        if (p = E instanceof Node ? E : void 0, p) {
           if ((p instanceof Element || p instanceof Node) && p.contains(a))
             throw console.error("[VDOM] Attempted to insert a parent into its own child:", {
               parentTag: a.tagName,
@@ -812,88 +810,151 @@ function L(e, t, n) {
               parent: a,
               child: p
             }), new Error("VDOM patch error: Attempted to insert a parent into its own child");
-          a.insertBefore(p, a.childNodes[u] || null);
+          a.insertBefore(p, a.childNodes[f] || null);
         }
       }
-      h.dom = p, p && d.push(p);
+      h.dom = p, p && u.push(p);
     }
-    for (o.forEach((u) => {
-      !l.has(u.key) && u.dom && a.contains(u.dom) && a.removeChild(u.dom);
+    for (o.forEach((f) => {
+      !l.has(f.key) && f.dom && a.contains(f.dom) && a.removeChild(f.dom);
     }); a.childNodes.length > s.length; )
       a.removeChild(a.lastChild);
-    for (let u = 0; u < d.length; u++)
-      if (a.childNodes[u] !== d[u]) {
-        if ((d[u] instanceof Element || d[u] instanceof Node) && d[u].contains(a))
+    for (let f = 0; f < u.length; f++)
+      if (a.childNodes[f] !== u[f]) {
+        if ((u[f] instanceof Element || u[f] instanceof Node) && u[f].contains(a))
           throw new Error("VDOM patch error: Attempted to insert a parent into its own child");
-        a.insertBefore(d[u], a.childNodes[u] || null);
+        a.insertBefore(u[f], a.childNodes[f] || null);
       }
     n.dom = a;
-    const f = new Set(s.map((u) => u.key));
-    Array.from(a.childNodes).forEach((u, h) => {
-      const m = u.getAttribute?.("data-uid");
-      (m && !f.has(m) || h >= s.length) && a.removeChild(u);
+    const d = new Set(s.map((f) => f.key));
+    Array.from(a.childNodes).forEach((f, h) => {
+      const m = f.getAttribute?.("data-uid");
+      (m && !d.has(m) || h >= s.length) && a.removeChild(f);
     });
   }
 }
+const et = (e) => e ? typeof URLSearchParams > "u" ? {} : Object.fromEntries(new URLSearchParams(e)) : {}, b = (e, t) => {
+  for (const n of e) {
+    const r = [], o = n.path.replace(/:[^/]+/g, (a) => (r.push(a.slice(1)), "([^/]+)")), s = new RegExp(`^${o}$`), i = t.match(s);
+    if (i) {
+      const a = {};
+      return r.forEach((c, l) => {
+        a[c] = i[l + 1];
+      }), { route: n, params: a };
+    }
+  }
+  return { route: null, params: {} };
+};
+function nt(e) {
+  const { routes: t, base: n = "" } = e;
+  let r, o, s, i, a, c, l;
+  if (typeof window < "u" && typeof document < "u") {
+    r = () => {
+      const d = new URL(window.location.href), f = d.pathname.replace(n, "") || "/", h = et(d.search);
+      return { path: f, query: h };
+    }, o = r();
+    const u = b(t, o.path);
+    s = $({
+      path: o.path,
+      params: u.params,
+      query: o.query
+    }), i = () => {
+      const d = r(), f = b(t, d.path), h = s.getState();
+      h.path = d.path, h.params = f.params, h.query = d.query;
+    }, window.addEventListener("popstate", i), a = (d) => {
+      window.history.pushState({}, "", n + d), i();
+    }, c = (d) => {
+      window.history.replaceState({}, "", n + d), i();
+    }, l = () => window.history.back();
+  } else {
+    r = () => ({ path: "/", query: {} }), o = r();
+    const u = b(t, o.path);
+    s = $({
+      path: o.path,
+      params: u.params,
+      query: o.query
+    }), i = () => {
+    }, a = () => {
+    }, c = () => {
+    }, l = () => {
+    };
+  }
+  return {
+    store: s,
+    push: a,
+    replace: c,
+    back: l,
+    subscribe: s.subscribe,
+    matchRoute: (u) => b(t, u),
+    getCurrent: () => s.getState()
+  };
+}
+function ft(e) {
+  const t = nt(e);
+  return typeof window < "u" && (window.__routerInstance = t), t;
+}
+function ht(e, t) {
+  return b(e, t);
+}
 function M(e, t) {
   const n = [], r = t ? Object.keys(t) : [], o = { ...e };
   let s = null;
-  function i(d) {
-    return n.push(d), () => {
-      const f = n.indexOf(d);
-      f !== -1 && n.splice(f, 1);
+  function i(u) {
+    return n.push(u), () => {
+      const d = n.indexOf(u);
+      d !== -1 && n.splice(d, 1);
     };
   }
-  function a(d) {
-    Object.assign(s, d), n.forEach((f) => f(s));
+  function a(u) {
+    Object.assign(s, u), n.forEach((d) => d(s));
   }
   const c = /* @__PURE__ */ new WeakMap();
-  function l(d) {
-    if (c.has(d)) return c.get(d);
-    const f = new Proxy(d, {
-      get(u, h, m) {
+  function l(u) {
+    if (c.has(u)) return c.get(u);
+    const d = new Proxy(u, {
+      get(f, h, m) {
         if (h === "subscribe") return i;
         if (h === "set") return a;
         if (t && r.includes(h))
           return t[h](s);
-        const p = Reflect.get(u, h, m);
+        const p = Reflect.get(f, h, m);
         return typeof p == "object" && p !== null ? l(p) : p;
       },
-      set(u, h, m, p) {
+      set(f, h, m, p) {
         if (t && r.includes(h))
           return !1;
-        const A = u[h], b = Reflect.set(u, h, m, p);
-        return A !== m && n.forEach((z) => z(s)), b;
+        const C = f[h], E = Reflect.set(f, h, m, p);
+        return C !== m && n.forEach((W) => W(s)), E;
       },
-      deleteProperty(u, h) {
+      deleteProperty(f, h) {
         if (t && r.includes(h))
           return !1;
-        const m = Reflect.deleteProperty(u, h);
+        const m = Reflect.deleteProperty(f, h);
         return n.forEach((p) => p(s)), m;
       }
     });
-    return c.set(d, f), f;
+    return c.set(u, d), d;
   }
   return s = l(o), s;
 }
-const v = [];
-function ct(e) {
-  v.push(e);
+const _ = [];
+function pt(e) {
+  _.push(e);
 }
-function _(e, t = /* @__PURE__ */ new WeakSet()) {
+function A(e, t = /* @__PURE__ */ new WeakSet()) {
   if (e === null || typeof e != "object" || t.has(e)) return e;
-  if (t.add(e), Array.isArray(e)) return e.map((o) => _(o, t));
+  if (t.add(e), Array.isArray(e)) return e.map((o) => A(o, t));
   Object.getPrototypeOf(e) !== Object.prototype && Object.getPrototypeOf(e) !== null && Object.setPrototypeOf(e, null);
   const n = ["__proto__", "constructor", "prototype"], r = /* @__PURE__ */ Object.create(null);
   for (const o of Object.keys(e))
-    n.includes(o) || (r[o] = _(e[o], t));
+    n.includes(o) || (r[o] = A(e[o], t));
   return r;
 }
 function S(e) {
   return !!e && typeof e.then == "function";
 }
-let P;
-typeof HTMLElement < "u" && (P = class extends HTMLElement {
+let z;
+typeof HTMLElement < "u" && (z = class extends HTMLElement {
   /**
    * Syncs whitelisted state properties to attributes after render.
    * Only keys listed in config.reflect are reflected.
@@ -958,7 +1019,7 @@ typeof HTMLElement < "u" && (P = class extends HTMLElement {
           o = isNaN(s) ? this.config?.state?.[e] : s;
         }
       else r === "boolean" && (o = o === "true");
-      o = _(o), this.stateObj[e] !== o && (this.config?.debug && console.log("[runtime] state update:", { name: e, value: o }), this.stateObj[e] = o, this.render());
+      o = A(o), this.stateObj[e] !== o && (this.config?.debug && console.log("[runtime] state update:", { name: e, value: o }), this.stateObj[e] = o, this.render());
     }
   }
   /**
@@ -1021,7 +1082,7 @@ typeof HTMLElement < "u" && (P = class extends HTMLElement {
       if (n) {
         const [, o, s, i] = n, a = parseInt(s, 10), c = this.stateObj[o];
         e instanceof HTMLInputElement && e.type === "checkbox" && (e.checked = !!(Array.isArray(c) && c[a] && c[a][i]));
-        const l = (d) => {
+        const l = (u) => {
           !Array.isArray(c) || !c[a] || (e instanceof HTMLInputElement && e.type === "checkbox" ? c[a][i] = e.checked : c[a][i] = e.value);
         };
         e.addEventListener("input", l), e.addEventListener("change", l), e._listItemModelListener = l;
@@ -1029,12 +1090,12 @@ typeof HTMLElement < "u" && (P = class extends HTMLElement {
       }
       const r = t.match(/^([a-zA-Z0-9_]+)\.([a-zA-Z0-9_]+)((?:\|[a-zA-Z0-9_]+)*)$/);
       if (r) {
-        const [, o, s, i] = r, a = this.stateObj[o], c = i ? i.split("|").map((d) => d.trim()).filter(Boolean) : [];
+        const [, o, s, i] = r, a = this.stateObj[o], c = i ? i.split("|").map((u) => u.trim()).filter(Boolean) : [];
         e instanceof HTMLInputElement && e.type === "checkbox" ? e.checked = !!(a && a[s]) : e instanceof HTMLInputElement && (e.value = a ? String(a[s] ?? "") : "");
-        const l = (d) => {
+        const l = (u) => {
           if (!a) return;
-          let f;
-          e instanceof HTMLInputElement && e.type === "checkbox" ? f = e.checked : (f = e.value, c.includes("number") && (f = Number(f)), c.includes("trim") && typeof f == "string" && (f = f.trim())), a[s] = f;
+          let d;
+          e instanceof HTMLInputElement && e.type === "checkbox" ? d = e.checked : (d = e.value, c.includes("number") && (d = Number(d)), c.includes("trim") && typeof d == "string" && (d = d.trim())), a[s] = d;
         };
         e.addEventListener("input", l), e.addEventListener("change", l), e._listItemModelListener = l;
       }
@@ -1047,7 +1108,7 @@ typeof HTMLElement < "u" && (P = class extends HTMLElement {
     const e = this.shadowRoot;
     e && (e.querySelectorAll("[data-model]").forEach((t) => {
       const n = t.getAttribute("data-model");
-      n && (t._dataModelBound || (U(t, this.stateObj, n), t._dataModelBound = !0));
+      n && (t._dataModelBound || (B(t, this.stateObj, n), t._dataModelBound = !0));
     }), e.querySelectorAll("[data-model]").forEach((t) => {
       const [n] = t.getAttribute("data-model")?.split("|").map((r) => r.trim()) ?? [];
       if (!(!n || !(n in this.stateObj)))
@@ -1089,11 +1150,11 @@ typeof HTMLElement < "u" && (P = class extends HTMLElement {
       state: this.stateObj,
       emit: (s, i) => this.dispatchEvent(new CustomEvent(s, { detail: i, bubbles: !0 })),
       onGlobal: (s, i) => {
-        const a = C.on(s, i);
+        const a = w.on(s, i);
         return this._globalUnsubscribes.push(a), a;
       },
-      offGlobal: (s, i) => C.off(s, i),
-      emitGlobal: (s, i) => C.emit(s, i)
+      offGlobal: (s, i) => w.off(s, i),
+      emitGlobal: (s, i) => w.emit(s, i)
     }, Object.keys(this.config).forEach((s) => {
       if (s.startsWith("on") && s.length > 2 && typeof this.config[s] == "function") {
         const i = s.charAt(2).toLowerCase() + s.slice(3), a = (c) => {
@@ -1181,7 +1242,7 @@ typeof HTMLElement < "u" && (P = class extends HTMLElement {
   render() {
     this._hasError = !1, this.syncControlledInputsAndEvents(), setTimeout(() => this.attachControlledInputListeners(), 0);
     try {
-      v.forEach((t) => {
+      _.forEach((t) => {
         try {
           t.onRender?.(this.stateObj, this.api);
         } catch (n) {
@@ -1247,14 +1308,14 @@ typeof HTMLElement < "u" && (P = class extends HTMLElement {
         };
         if (typeof e == "string") {
           let n = function(c) {
-            return c.replace(/<([a-zA-Z0-9]+)([^>]*)>/g, (l, d, f) => {
-              const u = f.replace(/\s+on[a-zA-Z]+\s*=\s*(['"][^'"]*['"]|[^\s>]*)/gi, "");
-              return `<${d}${u}>`;
+            return c.replace(/<([a-zA-Z0-9]+)([^>]*)>/g, (l, u, d) => {
+              const f = d.replace(/\s+on[a-zA-Z]+\s*=\s*(['"][^'"]*['"]|[^\s>]*)/gi, "");
+              return `<${u}${f}>`;
             });
           }, r = function(c) {
             c.children.forEach(r);
           };
-          const o = n(e), s = J(o);
+          const o = n(e), s = tt(o);
           r(s);
           const i = this.shadowRoot;
           if (!i)
@@ -1265,8 +1326,8 @@ typeof HTMLElement < "u" && (P = class extends HTMLElement {
               (l) => l.nodeType === 1 && l !== a
             );
             if (c) {
-              Array.from(c.childNodes).forEach((f) => {
-                f.nodeType === 1 && f.nodeName === "STYLE" || c.removeChild(f);
+              Array.from(c.childNodes).forEach((d) => {
+                d.nodeType === 1 && d.nodeName === "STYLE" || c.removeChild(d);
               });
               const l = {
                 type: "#fragment",
@@ -1274,12 +1335,12 @@ typeof HTMLElement < "u" && (P = class extends HTMLElement {
                 children: s.children,
                 props: {},
                 key: void 0
-              }, d = this._prevVNode && this._prevVNode.type === "#fragment" ? { ...this._prevVNode, dom: c } : l;
-              L(c, d, l);
+              }, u = this._prevVNode && this._prevVNode.type === "#fragment" ? { ...this._prevVNode, dom: c } : l;
+              R(c, u, l);
             } else
               s.children.forEach((l) => {
-                const d = g(l);
-                d && i.appendChild(d), l.dom = d ?? void 0;
+                const u = g(l);
+                u && i.appendChild(u), l.dom = u ?? void 0;
               });
           } else {
             let c = Array.from(this.shadowRoot.childNodes).find(
@@ -1290,7 +1351,7 @@ typeof HTMLElement < "u" && (P = class extends HTMLElement {
                 const l = g(s);
                 l && (this.shadowRoot.contains(c) && this.shadowRoot.replaceChild(l, c), c = l);
               } else
-                L(c, this._prevVNode, s);
+                R(c, this._prevVNode, s);
             else
               c = g(s), c && this.shadowRoot.appendChild(c);
             s.dom = c;
@@ -1299,13 +1360,13 @@ typeof HTMLElement < "u" && (P = class extends HTMLElement {
         } else {
           const n = !this.shadowRoot.firstElementChild, r = this.lastCompiledTemplate?.id === e.id;
           if (n) {
-            const o = j(e, this.stateObj, this.api);
+            const o = D(e, this.stateObj, this.api);
             this.shadowRoot.appendChild(o);
           } else if (r && this.shadowRoot.firstElementChild) {
             const o = this.lastState;
-            V(e, this.shadowRoot.firstElementChild, this.stateObj, this.api, o || void 0);
+            J(e, this.shadowRoot.firstElementChild, this.stateObj, this.api, o || void 0);
           } else {
-            const o = j(e, this.stateObj, this.api);
+            const o = D(e, this.stateObj, this.api);
             let s = this.shadowRoot.querySelector("style");
             s || (s = document.createElement("style"), this.shadowRoot.insertBefore(s, this.shadowRoot.firstChild)), this.config.style ? s.textContent = typeof this.config.style == "function" ? this.config.style(this.stateObj) : this.config.style : s.textContent = "";
             let i = this.shadowRoot.querySelector("[data-root]");
@@ -1326,7 +1387,7 @@ typeof HTMLElement < "u" && (P = class extends HTMLElement {
    * @param error - Error object
    */
   _handleRenderError(e) {
-    if (this._hasError = !0, this.config.debug && console.error(`[runtime] Render error in <${this.tagName.toLowerCase()}>:`, e), v.forEach((t) => t.onError?.(e instanceof Error ? e : new Error(String(e)), this.stateObj, this.api)), "onError" in this.config && typeof this.config.onError == "function")
+    if (this._hasError = !0, this.config.debug && console.error(`[runtime] Render error in <${this.tagName.toLowerCase()}>:`, e), _.forEach((t) => t.onError?.(e instanceof Error ? e : new Error(String(e)), this.stateObj, this.api)), "onError" in this.config && typeof this.config.onError == "function")
       try {
         this.config.onError(e instanceof Error ? e : new Error(String(e)), this.api.state, this.api);
       } catch (t) {
@@ -1414,8 +1475,8 @@ typeof HTMLElement < "u" && (P = class extends HTMLElement {
       `;
   }
 });
-function lt(e, t) {
-  if (t = _(t), t.debug && console.log(`[runtime] Debugging component: ${e}`, t), !e || !t.template) {
+function rt(e, t) {
+  if (t = A(t), t.debug && console.log(`[runtime] Debugging component: ${e}`, t), !e || !t.template) {
     t && typeof t.onError == "function" && t.onError(new Error("Component requires tag and template"), t.state ?? {}, {
       state: t.state ?? {},
       emit: () => {
@@ -1429,11 +1490,11 @@ function lt(e, t) {
     }), t && t.debug && console.error("[runtime] Malformed config:", { tag: e, config: t });
     return;
   }
-  if (v.forEach((d) => {
+  if (_.forEach((u) => {
     try {
-      d.onInit?.(t);
-    } catch (f) {
-      t && typeof t.onError == "function" && t.onError(f instanceof Error ? f : new Error(String(f)), t.state, {
+      u.onInit?.(t);
+    } catch (d) {
+      t && typeof t.onError == "function" && t.onError(d instanceof Error ? d : new Error(String(d)), t.state, {
         state: t.state,
         emit: () => {
         },
@@ -1443,11 +1504,11 @@ function lt(e, t) {
         },
         emitGlobal: () => {
         }
-      }), t && t.debug && console.error("[runtime] Plugin onInit error:", f);
+      }), t && t.debug && console.error("[runtime] Plugin onInit error:", d);
     }
   }), (typeof window < "u" && window.VITE_DEV_HMR || typeof import.meta < "u" && void 0) && customElements.get(e))
     try {
-      document.querySelectorAll(e).forEach((d) => d.remove()), window.customElements._definitions && delete window.customElements._definitions[e];
+      document.querySelectorAll(e).forEach((u) => u.remove()), window.customElements._definitions && delete window.customElements._definitions[e];
     } catch {
     }
   if (customElements.get(e)) {
@@ -1457,9 +1518,9 @@ function lt(e, t) {
   const s = M(t.state ?? {}, t.computed);
   t.state = s, t._subscribe = s.subscribe;
   const i = t.state ?? {}, a = Object.keys(i).filter(
-    (d) => ["string", "number", "boolean"].includes(typeof i[d])
+    (u) => ["string", "number", "boolean"].includes(typeof i[u])
   );
-  class c extends P {
+  class c extends z {
     static get observedAttributes() {
       return a;
     }
@@ -1470,31 +1531,42 @@ function lt(e, t) {
   const l = c;
   typeof customElements < "u" && !customElements.get(e) && (window.__componentRegistry = window.__componentRegistry || {}, window.__componentRegistry[e] = t, customElements.define(e, l));
 }
+rt("router-view", {
+  template: (e, t) => {
+    const n = window.__routerInstance;
+    if (!n) return "<div>Router not initialized.</div>";
+    const { path: r } = n.getCurrent(), o = n.matchRoute(r);
+    return o.route ? `<${o.route.component}></${o.route.component}>` : "<div>Not found</div>";
+  }
+});
 export {
-  Q as Store,
-  it as classes,
-  rt as compile,
-  at as compileTemplate,
-  lt as component,
-  k as createVNodeFromElement,
-  st as css,
-  _ as deepSanitizeObject,
-  C as eventBus,
-  et as generateHydrationScript,
-  x as getVNodeKey,
-  nt as html,
+  $ as Store,
+  lt as classes,
+  at as compile,
+  dt as compileTemplate,
+  rt as component,
+  L as createVNodeFromElement,
+  ct as css,
+  A as deepSanitizeObject,
+  w as eventBus,
+  it as generateHydrationScript,
+  I as getVNodeKey,
+  ot as html,
+  ft as initRouter,
   S as isPromise,
+  ht as matchRouteSSR,
   g as mountVNode,
-  J as parseVNodeFromHTML,
-  L as patchVNode,
-  j as renderCompiledTemplate,
-  tt as renderComponentsToString,
-  F as renderToString,
-  v as runtimePlugins,
-  D as safeReplaceChild,
-  ot as styles,
-  V as updateCompiledTemplate,
-  U as useDataModel,
-  ct as useRuntimePlugin
+  tt as parseVNodeFromHTML,
+  R as patchVNode,
+  D as renderCompiledTemplate,
+  st as renderComponentsToString,
+  U as renderToString,
+  _ as runtimePlugins,
+  N as safeReplaceChild,
+  ut as styles,
+  J as updateCompiledTemplate,
+  B as useDataModel,
+  nt as useRouter,
+  pt as useRuntimePlugin
 };
 //# sourceMappingURL=custom-elements-runtime.es.js.map