ladrillosjs 2.0.0-beta.2.2 → 2.0.0-beta.3

package/dist/{webcomponent-UsabEy9d.mjs → webcomponent-DrCSyWrI.mjs}

@@ -1,57 +1,57 @@
-var lt = Object.defineProperty, ut = Object.defineProperties;
-var dt = Object.getOwnPropertyDescriptors;
-var X = Object.getOwnPropertySymbols;
-var ft = Object.prototype.hasOwnProperty, ht = Object.prototype.propertyIsEnumerable;
-var G = (t) => {
-  throw TypeError(t);
+var ft = Object.defineProperty, ht = Object.defineProperties;
+var pt = Object.getOwnPropertyDescriptors;
+var K = Object.getOwnPropertySymbols;
+var mt = Object.prototype.hasOwnProperty, bt = Object.prototype.propertyIsEnumerable;
+var Y = (e) => {
+  throw TypeError(e);
 };
-var J = (t, n, s) => n in t ? lt(t, n, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[n] = s, O = (t, n) => {
-  for (var s in n || (n = {}))
-    ft.call(n, s) && J(t, s, n[s]);
-  if (X)
-    for (var s of X(n))
-      ht.call(n, s) && J(t, s, n[s]);
-  return t;
-}, K = (t, n) => ut(t, dt(n));
-var P = (t, n, s) => n.has(t) || G("Cannot " + s);
-var x = (t, n, s) => (P(t, n, "read from private field"), s ? s.call(t) : n.get(t)), _ = (t, n, s) => n.has(t) ? G("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(t) : n.set(t, s), F = (t, n, s, e) => (P(t, n, "write to private field"), e ? e.call(t, s) : n.set(t, s), s), M = (t, n, s) => (P(t, n, "access private method"), s);
-var I = (t, n, s) => new Promise((e, o) => {
+var Q = (e, n, t) => n in e ? ft(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, O = (e, n) => {
+  for (var t in n || (n = {}))
+    mt.call(n, t) && Q(e, t, n[t]);
+  if (K)
+    for (var t of K(n))
+      bt.call(n, t) && Q(e, t, n[t]);
+  return e;
+}, tt = (e, n) => ht(e, pt(n));
+var U = (e, n, t) => n.has(e) || Y("Cannot " + t);
+var A = (e, n, t) => (U(e, n, "read from private field"), t ? t.call(e) : n.get(e)), _ = (e, n, t) => n.has(e) ? Y("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(e) : n.set(e, t), M = (e, n, t, s) => (U(e, n, "write to private field"), s ? s.call(e, t) : n.set(e, t), t), W = (e, n, t) => (U(e, n, "access private method"), t);
+var j = (e, n, t) => new Promise((s, o) => {
   var i = (d) => {
     try {
-      c(s.next(d));
+      c(t.next(d));
     } catch (a) {
       o(a);
     }
   }, r = (d) => {
     try {
-      c(s.throw(d));
+      c(t.throw(d));
     } catch (a) {
       o(a);
     }
-  }, c = (d) => d.done ? e(d.value) : Promise.resolve(d.value).then(i, r);
-  c((s = s.apply(t, n)).next());
+  }, c = (d) => d.done ? s(d.value) : Promise.resolve(d.value).then(i, r);
+  c((t = t.apply(e, n)).next());
 });
-import { R as Q, e as pt, l as mt } from "./index-CrzikOU3.mjs";
-const bt = (t, n, s) => {
+import { R as et, l as gt, a as X, c as R, b as Et, d as wt, e as $t, f as yt, g as vt, h as D, i as At } from "./index-DymB3-NG.mjs";
+const xt = (e, n, t) => {
   if (!n) return;
-  const e = document.createElement("style");
-  e.textContent = n, s ? t.appendChild(e) : document.head.appendChild(e);
-}, gt = (t, n) => {
-  t.innerHTML = n;
-  const s = Et(t), e = wt(t), o = $t(t), i = vt(t);
-  return { bindings: s, twoWayBindings: e, conditionals: o, loops: i };
-}, Y = (t) => {
-  const n = [], s = t.match(/\((.*)\)/);
-  if (!s) return n;
-  const e = s[1].trim();
-  return e && e.split(",").map((i) => i.trim()).forEach((i) => {
+  const s = document.createElement("style");
+  s.textContent = n, t ? e.appendChild(s) : document.head.appendChild(s);
+}, St = (e, n) => {
+  e.innerHTML = n;
+  const t = _t(e), s = Ct(e), o = Tt(e), i = Lt(e);
+  return { bindings: t, twoWayBindings: s, conditionals: o, loops: i };
+}, nt = (e) => {
+  const n = [], t = e.match(/\((.*)\)/);
+  if (!t) return n;
+  const s = t[1].trim();
+  return s && s.split(",").map((i) => i.trim()).forEach((i) => {
     if (/^['"]/.test(i) || /^\d+/.test(i)) return;
     const r = i.match(/^([a-zA-Z_$][a-zA-Z0-9_$]*)/);
     r && n.push(r[1]);
   }), n;
-}, Et = (t) => {
-  const n = document.createTreeWalker(t, NodeFilter.SHOW_TEXT, null), s = [];
-  let e;
+}, _t = (e) => {
+  const n = document.createTreeWalker(e, NodeFilter.SHOW_TEXT, null), t = [];
+  let s;
   const o = (r) => {
     let c = r.parentElement;
     for (; c; ) {
@@ -61,38 +61,38 @@ const bt = (t, n, s) => {
     }
     return !1;
   };
-  for (; e = n.nextNode(); ) {
-    if (o(e))
+  for (; s = n.nextNode(); ) {
+    if (o(s))
       continue;
-    const r = [...e.textContent.matchAll(Q.bindings)];
+    const r = [...s.textContent.matchAll(et.bindings)];
     if (r.length > 0) {
-      const c = e.textContent, d = r.map((a) => {
+      const c = s.textContent, d = r.map((a) => {
         const l = a[1].trim(), u = l.includes("(") && l.includes(")"), f = /[+*/%<>=!&|]/.test(l) || // Math or logical operators (excluding hyphen)
         /\s-\s/.test(l), p = /^(!|typeof\s|void\s|delete\s)/.test(l), E = f || p || // Expressions starting with operators
         /\.(?![\s}])[a-zA-Z_$][\w]*\(/.test(l) || // Method calls like name.toLowerCase()
         /\bnew\s+/.test(l) || // Object instantiation like new Date()
-        /\b(typeof|instanceof|void|delete)\b/.test(l), m = u ? [l.split("(")[0].trim()] : l.split(".").map((C) => C.trim()), b = u ? Y(l) : [];
+        /\b(typeof|instanceof|void|delete)\b/.test(l), m = u ? [l.split("(")[0].trim()] : l.split(".").map((C) => C.trim()), b = u ? nt(l) : [];
         return { raw: l, path: m, isFunction: u, isExpression: E, functionArgs: b };
       });
-      s.push({ node: e, bindings: d, original: c });
+      t.push({ node: s, bindings: d, original: c });
     }
   }
-  return t.querySelectorAll("*").forEach((r) => {
+  return e.querySelectorAll("*").forEach((r) => {
     if (!(r.hasAttribute("$for") || o(r)))
       for (const c of r.attributes) {
         if (c.name === "$if" || c.name === "$else-if" || c.name === "$else" || c.name === "$bind")
           continue;
-        const d = [...c.value.matchAll(Q.bindings)];
+        const d = [...c.value.matchAll(et.bindings)];
         if (d.length > 0) {
           const a = c.value, l = d.map((u) => {
             const f = u[1].trim(), p = f.includes("(") && f.includes(")"), E = /[+*/%<>=!&|]/.test(f) || // Math or logical operators (excluding hyphen)
             /\s-\s/.test(f), m = /^(!|typeof\s|void\s|delete\s)/.test(f), b = E || m || // Expressions starting with operators
             /\.(?![\s}])[a-zA-Z_$][\w]*\(/.test(f) || // Method calls like name.toLowerCase()
             /\bnew\s+/.test(f) || // Object instantiation like new Date()
-            /\b(typeof|instanceof|void|delete)\b/.test(f), C = p ? [f.split("(")[0].trim()] : f.split(".").map((q) => q.trim()), R = p ? Y(f) : [];
-            return { raw: f, path: C, isFunction: p, isExpression: b, functionArgs: R };
+            /\b(typeof|instanceof|void|delete)\b/.test(f), C = p ? [f.split("(")[0].trim()] : f.split(".").map((z) => z.trim()), N = p ? nt(f) : [];
+            return { raw: f, path: C, isFunction: p, isExpression: b, functionArgs: N };
           });
-          s.push({
+          t.push({
             node: r,
             bindings: l,
             original: a,
@@ -101,43 +101,43 @@ const bt = (t, n, s) => {
           });
         }
       }
-  }), s;
-}, wt = (t) => {
+  }), t;
+}, Ct = (e) => {
   const n = [];
-  return t.querySelectorAll("[\\$bind]").forEach((e) => {
+  return e.querySelectorAll("[\\$bind]").forEach((s) => {
     var c;
-    const o = e.getAttribute("$bind");
+    const o = s.getAttribute("$bind");
     if (!o) return;
     const i = o.trim(), r = i.split(".").map((d) => d.trim());
-    e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement ? (n.push({
-      element: e,
+    s instanceof HTMLInputElement || s instanceof HTMLTextAreaElement || s instanceof HTMLSelectElement ? (n.push({
+      element: s,
       path: r,
       raw: i,
       isContentEditable: !1,
-      initialValue: e.value || ""
-    }), e.removeAttribute("$bind")) : e instanceof HTMLElement && e.hasAttribute("contenteditable") && (n.push({
-      element: e,
+      initialValue: s.value || ""
+    }), s.removeAttribute("$bind")) : s instanceof HTMLElement && s.hasAttribute("contenteditable") && (n.push({
+      element: s,
       path: r,
       raw: i,
       isContentEditable: !0,
-      initialValue: ((c = e.textContent) == null ? void 0 : c.trim()) || ""
-    }), e.removeAttribute("$bind"));
+      initialValue: ((c = s.textContent) == null ? void 0 : c.trim()) || ""
+    }), s.removeAttribute("$bind"));
   }), n;
-}, $t = (t) => {
-  const n = [], s = /* @__PURE__ */ new Set();
-  return t.querySelectorAll("[\\$if]").forEach((o) => {
-    if (s.has(o)) return;
+}, Tt = (e) => {
+  const n = [], t = /* @__PURE__ */ new Set();
+  return e.querySelectorAll("[\\$if]").forEach((o) => {
+    if (t.has(o)) return;
     const i = [];
     let r = o;
     for (; r; ) {
       const c = r.hasAttribute("$if"), d = r.hasAttribute("$else-if"), a = r.hasAttribute("$else");
       if (!c && !d && !a) break;
-      s.add(r);
+      t.add(r);
       let l, u = "";
       c ? (l = "if", u = r.getAttribute("$if") || "", r.removeAttribute("$if")) : d ? (l = "else-if", u = r.getAttribute("$else-if") || "", r.removeAttribute("$else-if")) : (l = "else", r.removeAttribute("$else"));
       const f = document.createComment(
         `conditional:${l}:${u}`
-      ), p = r.parentElement || t, E = r.nextSibling;
+      ), p = r.parentElement || e, E = r.nextSibling;
       p.insertBefore(f, r);
       const m = {
         element: r,
@@ -158,11 +158,11 @@ const bt = (t, n, s) => {
       c.group = i;
     }), n.push(i);
   }), n;
-}, yt = (t) => {
+}, kt = (e) => {
   const n = /* @__PURE__ */ new Set();
-  return t.forEach((s) => {
-    s.forEach((e) => {
-      let o = e.condition;
+  return e.forEach((t) => {
+    t.forEach((s) => {
+      let o = s.condition;
       o = o.replace(/\{([^}]+)\}/g, "$1");
       const i = /\b([a-zA-Z_$][a-zA-Z0-9_$]*(?:\.[a-zA-Z_$][a-zA-Z0-9_$]*)*)\b/g, r = /* @__PURE__ */ new Set([
         "true",
@@ -190,23 +190,26 @@ const bt = (t, n, s) => {
       }
     });
   }), n;
-}, vt = (t) => {
+}, Lt = (e) => {
   const n = [];
-  return t.querySelectorAll("[\\$for]").forEach((e) => {
+  return e.querySelectorAll("[\\$for]").forEach((s) => {
     var p;
-    const o = e.getAttribute("$for");
+    const o = s.getAttribute("$for");
     if (!o) return;
-    const i = e.getAttribute("$key") || void 0, r = o.match(
+    const i = s.getAttribute("$key") || void 0, r = o.match(
       /^\s*(?:\(([^,]+),\s*([^)]+)\)|([^\s]+))\s+(?:in|of)\s+(.+)\s*$/
     );
     if (!r) {
-      console.error(`Invalid $for expression: "${o}"`);
+      gt(`Invalid $for expression: "${o}"`, {
+        expression: o,
+        lineHint: "$for attribute parsing"
+      });
       return;
     }
-    const c = (r[1] || r[3]).trim(), d = (p = r[2]) == null ? void 0 : p.trim(), a = r[4].trim(), l = document.createComment(`loop:${o}`), u = e.parentElement || t;
-    u.insertBefore(l, e), e.removeAttribute("$for"), i && e.removeAttribute("$key"), e.remove();
+    const c = (r[1] || r[3]).trim(), d = (p = r[2]) == null ? void 0 : p.trim(), a = r[4].trim(), l = document.createComment(`loop:${o}`), u = s.parentElement || e;
+    u.insertBefore(l, s), s.removeAttribute("$for"), i && s.removeAttribute("$key"), s.remove();
     const f = {
-      template: e,
+      template: s,
       expression: o,
       itemName: c,
       indexName: d,
@@ -218,53 +221,53 @@ const bt = (t, n, s) => {
     };
     n.push(f);
   }), n;
-}, xt = (t) => {
+}, Rt = (e) => {
   const n = /* @__PURE__ */ new Set();
-  return t.forEach((s) => {
-    const e = s.arrayName.split(".")[0];
-    n.add(e);
+  return e.forEach((t) => {
+    const s = t.arrayName.split(".")[0];
+    n.add(s);
   }), n;
-}, B = /* @__PURE__ */ new Map(), At = 100, D = (t) => {
-  const n = B.get(t);
+}, F = /* @__PURE__ */ new Map(), Nt = 100, J = (e) => {
+  const n = F.get(e);
   if (n)
-    return B.delete(t), B.set(t, n), n;
-  const s = new Function(
+    return F.delete(e), F.set(e, n), n;
+  const t = new Function(
     "component",
     `
     const { Date, Array, Math, String, Number, Boolean, Object, JSON, RegExp } = globalThis;
     with(component) { 
-      return ${t}; 
+      return ${e}; 
     }
     `
   );
-  if (B.size >= At) {
-    const e = B.keys().next().value;
-    e && B.delete(e);
+  if (F.size >= Nt) {
+    const s = F.keys().next().value;
+    s && F.delete(s);
   }
-  return B.set(t, s), s;
-}, j = (t, n) => n.reduce((s, e) => {
-  if (!(s == null || typeof s != "object"))
-    return s[e];
-}, t), U = (t, n, s) => {
+  return F.set(e, t), t;
+}, q = (e, n) => n.reduce((t, s) => {
+  if (!(t == null || typeof t != "object"))
+    return t[s];
+}, e), Z = (e, n, t) => {
   if (n.length === 0) return;
-  const e = n[n.length - 1], o = n.slice(0, -1);
-  let i = t;
+  const s = n[n.length - 1], o = n.slice(0, -1);
+  let i = e;
   for (const r of o)
     (i[r] === void 0 || i[r] === null) && (i[r] = {}), i = i[r];
-  i[e] = s;
-}, tt = (t, n, s) => {
-  for (const e of t) {
-    let o = e.original, i, r = !1;
-    for (const { raw: c, path: d, isFunction: a, isExpression: l } of e.bindings) {
+  i[s] = t;
+}, st = (e, n, t) => {
+  for (const s of e) {
+    let o = s.original, i, r = !1;
+    for (const { raw: c, path: d, isFunction: a, isExpression: l } of s.bindings) {
       let u, f = !1;
       if (l || a)
         try {
-          u = D(c)(s || n);
+          u = J(c)(t || n);
         } catch (E) {
-          console.error(`Error executing expression binding {${c}}:`, E), u = void 0, f = !0;
+          X(c, E, R(t)), u = void 0, f = !0;
         }
       else
-        u = j(n, d), u === void 0 && (f = !0);
+        u = q(n, d), u === void 0 && (f = !0);
       if (f) {
         r = !0;
         continue;
@@ -272,12 +275,12 @@ const bt = (t, n, s) => {
       const p = String(u != null ? u : "");
       i = u, o = o.replace(`{${c}}`, p);
     }
-    if (r && e.original, e.node.nodeType === Node.TEXT_NODE) {
-      const c = e.node, d = c.parentElement, a = o.trim().startsWith("<") && o.includes(">");
+    if (r && s.original, s.node.nodeType === Node.TEXT_NODE) {
+      const c = s.node, d = c.parentElement, a = o.trim().startsWith("<") && o.includes(">");
       d && a ? d.innerHTML = o : c.textContent = o;
     } else {
-      const c = e.node;
-      e.isAttribute && e.attributeName && ([
+      const c = s.node;
+      s.isAttribute && s.attributeName && ([
         "disabled",
         "checked",
         "readonly",
@@ -290,13 +293,13 @@ const bt = (t, n, s) => {
         "controls",
         "loop",
         "muted"
-      ].includes(e.attributeName.toLowerCase()) ? (typeof i == "boolean" ? i : i === "true" || i === "True") ? c.setAttribute(e.attributeName, "") : c.removeAttribute(e.attributeName) : c.setAttribute(e.attributeName, o));
+      ].includes(s.attributeName.toLowerCase()) ? (typeof i == "boolean" ? i : i === "true" || i === "True") ? c.setAttribute(s.attributeName, "") : c.removeAttribute(s.attributeName) : c.setAttribute(s.attributeName, o));
     }
   }
-}, St = (t, n, s) => {
-  if (!t) return !0;
-  let e = t.trim();
-  e = e.replace(/\{([^}]+)\}/g, "$1");
+}, Vt = (e, n, t) => {
+  if (!e) return !0;
+  let s = e.trim();
+  s = s.replace(/\{([^}]+)\}/g, "$1");
   try {
     return new Function(
       "context",
@@ -304,18 +307,22 @@ const bt = (t, n, s) => {
       `
       with (context) {
         try {
-          return Boolean(${e});
+          return Boolean(${s});
         } catch (e) {
           return false;
         }
       }
     `
-    )(n, s);
+    )(n, t);
   } catch (o) {
-    return console.error(`Error evaluating condition "${t}":`, o), !1;
+    return wt(
+      e,
+      o,
+      R(t)
+    ), !1;
   }
-}, st = (t, n) => {
-  const s = [
+}, it = (e, n) => {
+  const t = [
     "click",
     "dblclick",
     "mousedown",
@@ -350,8 +357,8 @@ const bt = (t, n, s) => {
     "dragleave",
     "drop"
   ];
-  [t, ...t.querySelectorAll("*")].forEach((o) => {
-    s.forEach((i) => {
+  [e, ...e.querySelectorAll("*")].forEach((o) => {
+    t.forEach((i) => {
       const r = `on${i}`, c = o.getAttribute(r);
       if (c) {
         const d = `__processed_${r}`;
@@ -370,10 +377,13 @@ const bt = (t, n, s) => {
               `
               ).call(this, a, n);
             } catch (l) {
-              console.error(
-                `Error executing ${i} handler:`,
+              $t(
+                i,
+                c,
                 l,
-                c
+                R(n, {
+                  elementTag: o.tagName.toLowerCase()
+                })
               );
             }
           }
@@ -381,20 +391,20 @@ const bt = (t, n, s) => {
       }
     });
   });
-}, et = (t, n, s) => {
-  var e;
-  for (const o of t) {
+}, ot = (e, n, t) => {
+  var s;
+  for (const o of e) {
     let i = !1;
     for (const r of o) {
       const { element: c, condition: d, type: a, placeholder: l, originalParent: u } = r;
       let f = !1;
-      a === "else" ? f = !i : i || (f = St(d, n, s), f && (i = !0));
+      a === "else" ? f = !i : i || (f = Vt(d, n, t), f && (i = !0));
       const p = c.parentNode !== null;
-      f && !p ? ((e = l.parentNode) == null || e.insertBefore(c, l.nextSibling), s && st(c, s)) : !f && p && c.remove();
+      f && !p ? ((s = l.parentNode) == null || s.insertBefore(c, l.nextSibling), t && it(c, t)) : !f && p && c.remove();
     }
   }
-}, nt = (t, n, s) => {
-  for (const e of t) {
+}, rt = (e, n, t) => {
+  for (const s of e) {
     const {
       template: o,
       itemName: i,
@@ -402,27 +412,33 @@ const bt = (t, n, s) => {
       arrayName: c,
       placeholder: d,
       renderedElements: a
-    } = e, l = j(n, c.split("."));
+    } = s, l = q(n, c.split("."));
     if (l !== void 0 && !Array.isArray(l)) {
-      console.warn(`$for: "${c}" is not an array, got:`, l), a.forEach((u) => u.remove()), a.length = 0;
+      Et(
+        `${i} in ${c}`,
+        new Error(`"${c}" is not an array, got: ${typeof l}`),
+        R(t, {
+          lineHint: "$for loop in template"
+        })
+      ), a.forEach((u) => u.remove()), a.length = 0;
       return;
     }
     if (!l)
       return;
     a.forEach((u) => u.remove()), a.length = 0, l.forEach((u, f) => {
       var b;
-      const p = o.cloneNode(!0), E = K(O({}, n), {
+      const p = o.cloneNode(!0), E = tt(O({}, n), {
         [i]: u
       });
-      r && (E[r] = f), _t(p, E, s);
+      r && (E[r] = f), Bt(p, E, t);
       const m = a.length > 0 ? a[a.length - 1] : d;
-      (b = m.parentNode) == null || b.insertBefore(p, m.nextSibling), a.push(p), s && st(p, s);
+      (b = m.parentNode) == null || b.insertBefore(p, m.nextSibling), a.push(p), t && it(p, t);
     });
   }
-}, _t = (t, n, s) => {
-  const e = document.createTreeWalker(t, NodeFilter.SHOW_TEXT, null);
+}, Bt = (e, n, t) => {
+  const s = document.createTreeWalker(e, NodeFilter.SHOW_TEXT, null);
   let o;
-  for (; o = e.nextNode(); )
+  for (; o = s.nextNode(); )
     if (o.textContent && o.textContent.includes("{")) {
       let r = o.textContent;
       [...o.textContent.matchAll(/\{([^}]+)\}/g)].forEach((d) => {
@@ -432,22 +448,25 @@ const bt = (t, n, s) => {
         let p;
         if (f || l)
           try {
-            const E = D(a), m = typeof n == "object" && n !== null ? O(O({}, n), s || {}) : s || {};
+            const E = J(a), m = typeof n == "object" && n !== null ? O(O({}, n), t || {}) : t || {};
             p = E(m);
           } catch (E) {
-            console.error(
-              `Error executing expression in loop {${a}}:`,
-              E
+            X(
+              a,
+              E,
+              R(t, {
+                lineHint: "$for loop template binding"
+              })
             ), p = void 0;
           }
         else {
           const E = a.split(".").map((m) => m.trim());
-          p = j(n, E);
+          p = q(n, E);
         }
         p !== void 0 && (r = r.replace(`{${a}}`, String(p != null ? p : "")));
       }), o.textContent = r;
     }
-  [t, ...t.querySelectorAll("*")].forEach((r) => {
+  [e, ...e.querySelectorAll("*")].forEach((r) => {
     Array.from(r.attributes).forEach((c) => {
       if (c.value.includes("{")) {
         let d = c.value;
@@ -458,32 +477,36 @@ const bt = (t, n, s) => {
           let m;
           if (E || f)
             try {
-              const b = D(u), C = typeof n == "object" && n !== null ? O(O({}, n), s || {}) : s || {};
+              const b = J(u), C = typeof n == "object" && n !== null ? O(O({}, n), t || {}) : t || {};
               m = b(C);
             } catch (b) {
-              console.error(
-                `Error executing expression in loop attribute {${u}}:`,
-                b
+              X(
+                u,
+                b,
+                R(t, {
+                  attributeName: c.name,
+                  lineHint: "$for loop attribute binding"
+                })
               ), m = void 0;
             }
           else {
             const b = u.split(".").map((C) => C.trim());
-            m = j(n, b);
+            m = q(n, b);
           }
           m !== void 0 && (d = d.replace(`{${u}}`, String(m != null ? m : "")));
         }), r.setAttribute(c.name, d);
       }
     });
   });
-}, ot = (t) => t instanceof ShadowRoot ? t.host : t, Ct = (t, n) => {
-  const s = /* @__PURE__ */ new Set();
+}, ct = (e) => e instanceof ShadowRoot ? e.host : e, Ft = (e, n) => {
+  const t = /* @__PURE__ */ new Set();
   n.forEach(({ path: o }) => {
     const i = o[0];
-    s.add(i);
+    t.add(i);
   });
-  const e = [];
-  return s.forEach((o) => {
-    e.push(`
+  const s = [];
+  return t.forEach((o) => {
+    s.push(`
       if (!Object.getOwnPropertyDescriptor(component, '${o}')) {
         Object.defineProperty(component, '${o}', {
           get() { return this.state.${o}; },
@@ -496,12 +519,12 @@ const bt = (t, n, s) => {
   }), {
     injectedCode: "",
     // No longer needed in script scope
-    componentInjections: e.join(`
+    componentInjections: s.join(`
 `),
-    bindVarNames: s
+    bindVarNames: t
   };
-}, Tt = (t, n, s = /* @__PURE__ */ new Set()) => {
-  const e = [], o = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set();
+}, Ot = (e, n, t = /* @__PURE__ */ new Set()) => {
+  const s = [], o = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set();
   n.forEach((d) => {
     d.bindings.forEach((a) => {
       const l = a.path[0];
@@ -509,97 +532,97 @@ const bt = (t, n, s) => {
         i.add(u);
       });
     });
-  }), s.forEach((d) => {
+  }), t.forEach((d) => {
     i.add(d);
   });
   const r = /(?:const|let|var)\s+(\w+)\s*=\s*([^;]+);?/g;
   let c;
-  for (; (c = r.exec(t)) !== null; ) {
+  for (; (c = r.exec(e)) !== null; ) {
     const d = c[1], a = c[2].trim();
-    i.has(d) && (e.push(`component.state.${d} = ${d};`), o.set(d, a));
+    i.has(d) && (s.push(`component.state.${d} = ${d};`), o.set(d, a));
   }
-  return { stateBindings: e, boundVarNames: i, defaultValues: o };
-}, kt = (t, n) => {
-  if (n.size === 0) return t;
-  let s = t;
-  return n.forEach((e) => {
+  return { stateBindings: s, boundVarNames: i, defaultValues: o };
+}, Mt = (e, n) => {
+  if (n.size === 0) return e;
+  let t = e;
+  return n.forEach((s) => {
     const o = new RegExp(
-      `\\b${e}((?:\\[[^\\]]+\\])(?:\\.[\\w]+|\\[[^\\]]+\\])*)\\s*([=+\\-*/%&|^]|\\+\\+|\\-\\-)`,
+      `\\b${s}((?:\\[[^\\]]+\\])(?:\\.[\\w]+|\\[[^\\]]+\\])*)\\s*([=+\\-*/%&|^]|\\+\\+|\\-\\-)`,
       "g"
     );
-    s = s.replace(
+    t = t.replace(
       o,
-      `component.state.${e}$1 $2`
+      `component.state.${s}$1 $2`
     );
     const i = new RegExp(
-      `(?<!component\\.state\\.)\\b${e}((?:\\[[^\\]]+\\])(?:\\.[\\w]+|\\[[^\\]]+\\])*)(?![=+\\-*/%&|^]|\\+\\+|\\-\\-)`,
+      `(?<!component\\.state\\.)\\b${s}((?:\\[[^\\]]+\\])(?:\\.[\\w]+|\\[[^\\]]+\\])*)(?![=+\\-*/%&|^]|\\+\\+|\\-\\-)`,
       "g"
     );
-    s = s.replace(
+    t = t.replace(
       i,
-      `component.state.${e}$1`
+      `component.state.${s}$1`
     );
     const r = new RegExp(
-      `\\b${e}\\.(\\w+(?:\\.\\w+)*)\\s*([=+\\-*/%&|^]|\\+\\+|\\-\\-)`,
+      `\\b${s}\\.(\\w+(?:\\.\\w+)*)\\s*([=+\\-*/%&|^]|\\+\\+|\\-\\-)`,
       "g"
     );
-    s = s.replace(
+    t = t.replace(
       r,
-      `component.state.${e}.$1 $2`
+      `component.state.${s}.$1 $2`
     );
     const c = new RegExp(
-      `(?<!component\\.state\\.)(?<!const\\s${e}\\s*=\\s*{[^}]*)\\b${e}\\.(\\w+(?:\\.\\w+)*)(?![=+\\-*/%&|^]|\\+\\+|\\-\\-)`,
+      `(?<!component\\.state\\.)(?<!const\\s${s}\\s*=\\s*{[^}]*)\\b${s}\\.(\\w+(?:\\.\\w+)*)(?![=+\\-*/%&|^]|\\+\\+|\\-\\-)`,
       "g"
     );
-    s = s.replace(
+    t = t.replace(
       c,
-      `component.state.${e}.$1`
+      `component.state.${s}.$1`
     );
     const d = new RegExp(
-      `(?<!\\.)\\b(\\+\\+|\\-\\-)${e}\\b|\\b${e}(\\+\\+|\\-\\-)`,
+      `(?<!\\.)\\b(\\+\\+|\\-\\-)${s}\\b|\\b${s}(\\+\\+|\\-\\-)`,
       "g"
     );
-    s = s.replace(d, (u) => {
+    t = t.replace(d, (u) => {
       if (u.startsWith("++") || u.startsWith("--"))
-        return `${u.substring(0, 2)}component.state.${e}`;
+        return `${u.substring(0, 2)}component.state.${s}`;
       {
         const f = u.substring(u.length - 2);
-        return `component.state.${e}${f}`;
+        return `component.state.${s}${f}`;
       }
     });
     const a = new RegExp(
-      `(?<!\\.)\\b${e}\\s*(\\+=|\\-=|\\*=|\\/=|%=|\\*\\*=|<<=|>>=|>>>=|&=|\\|=|\\^=)`,
+      `(?<!\\.)\\b${s}\\s*(\\+=|\\-=|\\*=|\\/=|%=|\\*\\*=|<<=|>>=|>>>=|&=|\\|=|\\^=)`,
       "g"
     );
-    s = s.replace(
+    t = t.replace(
       a,
-      `component.state.${e}$1`
+      `component.state.${s}$1`
     );
     const l = new RegExp(
-      `(?<!const\\s)(?<!let\\s)(?<!var\\s)(?<!\\.)\\b${e}\\s*=\\s*([^=])`,
+      `(?<!const\\s)(?<!let\\s)(?<!var\\s)(?<!\\.)\\b${s}\\s*=\\s*([^=])`,
       "g"
     );
-    s = s.replace(
+    t = t.replace(
       l,
-      `component.state.${e} = $1`
+      `component.state.${s} = $1`
     );
-  }), s;
-}, rt = (t, n, s, e, o, i = /* @__PURE__ */ new Set()) => {
+  }), t;
+}, at = (e, n, t, s, o, i = /* @__PURE__ */ new Set()) => {
   try {
-    const { injectedCode: r, componentInjections: c, bindVarNames: d } = Ct(t, s), a = /function\s+(\w+)|const\s+(\w+)\s*=\s*(?:\([^)]*\)|[\w\s]*)\s*=>/g, l = [];
+    const { injectedCode: r, componentInjections: c, bindVarNames: d } = Ft(e, t), a = /function\s+(\w+)|const\s+(\w+)\s*=\s*(?:\([^)]*\)|[\w\s]*)\s*=>/g, l = [];
     let u;
-    for (; (u = a.exec(t)) !== null; ) {
+    for (; (u = a.exec(e)) !== null; ) {
       const S = u[1] || u[2];
       S && l.push(S);
     }
     const f = l.map(
       (S) => `component.${S} = typeof ${S} !== 'undefined' ? ${S}.bind(component) : undefined;`
     ).join(`
-            `), { stateBindings: p, boundVarNames: E, defaultValues: m } = Tt(t, n, i), b = /* @__PURE__ */ new Set([...E, ...d]), C = p.join(`
-            `), R = kt(
-      t,
+            `), { stateBindings: p, boundVarNames: E, defaultValues: m } = Ot(e, n, i), b = /* @__PURE__ */ new Set([...E, ...d]), C = p.join(`
+            `), N = Mt(
+      e,
       b
-    ), q = `
+    ), z = `
       (function() {
         // Create component scope with direct access to state
         const component = this;
@@ -634,7 +657,7 @@ const bt = (t, n, s) => {
         
         // Execute script content within component scope so $bind variables are accessible
         with(component) {
-          ${R}
+          ${N}
           
           // Auto-bind variables to component state (e.g., const name = "value" → this.state.name = "value")
           ${C}
@@ -644,11 +667,11 @@ const bt = (t, n, s) => {
         }
       }).call(arguments[0], arguments[0], arguments[1], arguments[2])
     `;
-    return new Function(q)(o, e, pt), m;
+    return new Function(z)(o, s, yt), m;
   } catch (r) {
-    return console.error("Script execution failed:", r), /* @__PURE__ */ new Map();
+    return vt(r, R(o)), /* @__PURE__ */ new Map();
   }
-}, it = (t, n) => {
+}, lt = (e, n) => {
   [
     "click",
     "dblclick",
@@ -683,14 +706,14 @@ const bt = (t, n, s) => {
     "dragover",
     "dragleave",
     "drop"
-  ].forEach((e) => {
-    const o = `on${e}`;
-    (t instanceof ShadowRoot ? t.querySelectorAll(`[${o}]`) : n.querySelectorAll(`[${o}]`)).forEach((r) => {
+  ].forEach((s) => {
+    const o = `on${s}`;
+    (e instanceof ShadowRoot ? e.querySelectorAll(`[${o}]`) : n.querySelectorAll(`[${o}]`)).forEach((r) => {
       const c = `${o}`;
       if (r[`__processed_${c}`]) return;
       const d = r.getAttribute(o);
       d && (r.removeAttribute(o), r.addEventListener(
-        e,
+        s,
         function(a) {
           new Function(
             "event",
@@ -705,45 +728,45 @@ const bt = (t, n, s) => {
       ), r[`__processed_${c}`] = !0);
     });
   });
-}, Lt = (i, r, c, ...d) => I(null, [i, r, c, ...d], function* (t, n, s, e = [], o = /* @__PURE__ */ new Set()) {
+}, Wt = (i, r, c, ...d) => j(null, [i, r, c, ...d], function* (e, n, t, s = [], o = /* @__PURE__ */ new Set()) {
   const a = /* @__PURE__ */ new Map();
   if (!(n != null && n.length)) return a;
-  const l = ot(t);
+  const l = ct(e);
   for (const u of n)
-    u.content && rt(
+    u.content && at(
       u.content,
+      t,
       s,
       e,
-      t,
       l,
       o
     ).forEach((p, E) => {
       a.has(E) || a.set(E, p);
     });
-  return it(t, l), a;
-}), Rt = (t, n) => new Promise((s, e) => {
+  return lt(e, l), a;
+}), Ht = (e, n) => new Promise((t, s) => {
   const o = document.querySelector(
-    `script[src="${t}"]`
+    `script[src="${e}"]`
   );
   if (o) {
     if (o.dataset.loaded === "true") {
-      s();
+      t();
       return;
     }
-    o.addEventListener("load", () => s(), { once: !0 }), o.addEventListener(
+    o.addEventListener("load", () => t(), { once: !0 }), o.addEventListener(
       "error",
-      () => e(new Error(`Failed to load external script: ${t}`)),
+      () => s(new Error(`Failed to load external script: ${e}`)),
       { once: !0 }
     );
     return;
   }
   const i = document.createElement("script");
-  i.src = t, n && (i.type = n), i.onload = () => {
-    i.dataset.loaded = "true", s();
-  }, i.onerror = () => e(new Error(`Failed to load external script: ${t}`)), document.head.appendChild(i);
-}), Vt = (r, c, d, ...a) => I(null, [r, c, d, ...a], function* (t, n, s, e = [], o = /* @__PURE__ */ new Set(), i) {
+  i.src = e, n && (i.type = n), i.onload = () => {
+    i.dataset.loaded = "true", t();
+  }, i.onerror = () => s(new Error(`Failed to load external script: ${e}`)), document.head.appendChild(i);
+}), It = (r, c, d, ...a) => j(null, [r, c, d, ...a], function* (e, n, t, s = [], o = /* @__PURE__ */ new Set(), i) {
   var u;
-  const l = ot(t);
+  const l = ct(e);
   for (const f of n) {
     let p;
     i ? i.startsWith("http://") || i.startsWith("https://") ? p = i : p = new URL(
@@ -752,12 +775,12 @@ const bt = (t, n, s) => {
     ).href : p = window.location.href;
     const E = new URL(f.src, p).href;
     if (f.external)
-      yield Rt(E, f.type);
+      yield Ht(E, f.type);
     else if (f.type === "module") {
       const m = l.tagName.toLowerCase();
       window.__ladrilloContexts || (window.__ladrilloContexts = /* @__PURE__ */ new Map()), window.__ladrilloContexts.set(m, {
-        host: t,
-        shadowRoot: t instanceof ShadowRoot ? t : null,
+        host: e,
+        shadowRoot: e instanceof ShadowRoot ? e : null,
         element: l,
         state: l.state,
         setState: (u = l.setState) == null ? void 0 : u.bind(l)
@@ -773,11 +796,11 @@ const bt = (t, n, s) => {
           throw new Error(`Expected JavaScript but got ${b}`);
         return m.text();
       }).then((m) => {
-        rt(
+        at(
           m,
+          t,
           s,
           e,
-          t,
           l,
           o
         );
@@ -785,10 +808,10 @@ const bt = (t, n, s) => {
         console.error(`Failed to load external script: ${f.src}`, m);
       });
   }
-  it(t, l);
-}), Mt = (t, n) => {
-  var a, l, u, f, p, E, m, b, Z, R, ct, at;
-  const { tagName: s, template: e, scripts: o, externalScripts: i, styles: r, sourcePath: c } = t, S = class S extends HTMLElement {
+  lt(e, l);
+}), Ut = (e, n) => {
+  var a, l, u, f, p, E, m, b, G, N, ut, dt;
+  const { tagName: t, template: s, scripts: o, externalScripts: i, styles: r, sourcePath: c } = e, S = class S extends HTMLElement {
     constructor() {
       super();
       _(this, b);
@@ -801,18 +824,18 @@ const bt = (t, n, s) => {
       _(this, m, /* @__PURE__ */ new WeakMap());
       n && this.attachShadow({ mode: "open" });
       const h = {}, w = () => {
-        tt(x(this, a), this.state, this), et(x(this, u), this.state, this), nt(x(this, f), this.state, this), M(this, b, at).call(this);
+        st(A(this, a), this.state, this), ot(A(this, u), this.state, this), rt(A(this, f), this.state, this), W(this, b, dt).call(this);
       };
       this.state = new Proxy(h, {
         get: (y, g) => y[g],
         set: (y, g, $) => {
-          const A = y[g];
-          return g in y && Object.is(A, $) || ($ !== null && typeof $ == "object" ? y[g] = M(this, b, Z).call(this, $, w) : y[g] = $, Object.getOwnPropertyDescriptor(this, g) || Object.defineProperty(this, g, {
+          const x = y[g];
+          return g in y && Object.is(x, $) || ($ !== null && typeof $ == "object" ? y[g] = W(this, b, G).call(this, $, w) : y[g] = $, Object.getOwnPropertyDescriptor(this, g) || Object.defineProperty(this, g, {
             get() {
               return this.state[g];
             },
-            set(N) {
-              this.state[g] = N;
+            set(B) {
+              this.state[g] = B;
             },
             enumerable: !0,
             configurable: !0
@@ -831,26 +854,26 @@ const bt = (t, n, s) => {
     }
     // Invoked when element is added to the DOM
     connectedCallback() {
-      return I(this, null, function* () {
-        const h = n ? this.shadowRoot : this, { bindings: w, twoWayBindings: y, conditionals: g, loops: $ } = gt(
+      return j(this, null, function* () {
+        const h = n ? this.shadowRoot : this, { bindings: w, twoWayBindings: y, conditionals: g, loops: $ } = St(
           h,
-          e
+          s
         );
-        F(this, a, w), F(this, l, y), F(this, u, g), F(this, f, $);
-        const A = yt(g), T = xt($);
-        bt(h, r, n), yield Vt(
+        M(this, a, w), M(this, l, y), M(this, u, g), M(this, f, $);
+        const x = kt(g), T = Rt($);
+        xt(h, r, n), yield It(
           h,
           i,
-          x(this, a),
-          x(this, l),
-          /* @__PURE__ */ new Set([...A, ...T]),
-          x(this, E)
-        ), (yield Lt(
+          A(this, a),
+          A(this, l),
+          /* @__PURE__ */ new Set([...x, ...T]),
+          A(this, E)
+        ), (yield Wt(
           h,
           o,
-          x(this, a),
-          x(this, l),
-          /* @__PURE__ */ new Set([...A, ...T])
+          A(this, a),
+          A(this, l),
+          /* @__PURE__ */ new Set([...x, ...T])
         )).forEach((v, V) => {
           if (this.state[V] === void 0)
             try {
@@ -859,24 +882,33 @@ const bt = (t, n, s) => {
             } catch (k) {
               this.state[V] = v;
             }
-        }), this._initializeStateFromAttributes(), this._setupTwoWayBindings(), tt(x(this, a), this.state, this), et(x(this, u), this.state, this), nt(x(this, f), this.state, this), this._setupAttributeObserver();
+        }), this._initializeStateFromAttributes(), this._setupTwoWayBindings(), st(A(this, a), this.state, this), ot(A(this, u), this.state, this), rt(A(this, f), this.state, this), this._setupAttributeObserver();
       });
     }
     // Invoked when element is removed from the DOM
     disconnectedCallback() {
-      this.__attributeObserver && (this.__attributeObserver.disconnect(), this.__attributeObserver = null), x(this, p).forEach((w) => {
+      this.__attributeObserver && (this.__attributeObserver.disconnect(), this.__attributeObserver = null), A(this, p).forEach((w) => {
         try {
           w();
         } catch (y) {
-          console.error("Error cleaning up two-way binding:", y);
+          At(
+            "cleanup",
+            y,
+            R(this, {
+              lineHint: "disconnectedCallback cleanup"
+            })
+          );
         }
-      }), F(this, p, []);
+      }), M(this, p, []);
       const h = this.__eventUnsubscribers;
       h && Array.isArray(h) && (h.forEach((w) => {
         try {
           w();
         } catch (y) {
-          console.error("Error unsubscribing from event:", y);
+          D.error(
+            "⚠️ Event Bus Error: Failed to unsubscribe from event",
+            R(this)
+          ), D.error(`  Error details: ${y.message}`);
         }
       }), this.__eventUnsubscribers = []);
     }
@@ -909,48 +941,48 @@ const bt = (t, n, s) => {
         const $ = "this.state.";
         h.startsWith($) && (h = h.slice($.length));
       }
-      const y = M(g = S, R, ct).call(g, w);
+      const y = W(g = S, N, ut).call(g, w);
       this.state[h] = y;
     }
     // Setup two-way data bindings for input elements with $bind
     _setupTwoWayBindings() {
-      x(this, l).forEach(
+      A(this, l).forEach(
         ({ element: h, path: w, raw: y, isContentEditable: g, initialValue: $ }) => {
-          var T, N;
+          var T, B;
           if (this._getNestedValue(w) === void 0) {
             const v = $ || "";
-            U(this.state, w, v);
+            Z(this.state, w, v);
           }
           if (g) {
             const v = h;
             v.textContent = (T = this._getNestedValue(w)) != null ? T : "";
-            const V = (z) => {
-              const L = z.target.textContent || "";
-              U(this.state, w, L);
+            const V = (P) => {
+              const L = P.target.textContent || "";
+              Z(this.state, w, L);
             };
             v.addEventListener("input", V);
             const k = () => {
               v.removeEventListener("input", V);
             };
-            x(this, p).push(k);
+            A(this, p).push(k);
           } else {
             const v = h, V = v instanceof HTMLInputElement && v.type === "checkbox";
-            v instanceof HTMLInputElement && v.type, V ? v.checked = !!this._getNestedValue(w) : v.value = (N = this._getNestedValue(w)) != null ? N : "";
-            const k = (W) => {
-              const L = W.target;
-              let H;
-              L instanceof HTMLInputElement && L.type === "checkbox" ? H = L.checked : (L instanceof HTMLInputElement && L.type, H = L.value), U(this.state, w, H);
+            v instanceof HTMLInputElement && v.type, V ? v.checked = !!this._getNestedValue(w) : v.value = (B = this._getNestedValue(w)) != null ? B : "";
+            const k = (H) => {
+              const L = H.target;
+              let I;
+              L instanceof HTMLInputElement && L.type === "checkbox" ? I = L.checked : (L instanceof HTMLInputElement && L.type, I = L.value), Z(this.state, w, I);
             };
             v.addEventListener("input", k);
-            const z = () => {
+            const P = () => {
               v.removeEventListener("input", k);
             };
-            if (x(this, p).push(z), v instanceof HTMLSelectElement || v instanceof HTMLInputElement && ["checkbox", "radio", "file"].includes(v.type)) {
+            if (A(this, p).push(P), v instanceof HTMLSelectElement || v instanceof HTMLInputElement && ["checkbox", "radio", "file"].includes(v.type)) {
               v.addEventListener("change", k);
-              const W = () => {
+              const H = () => {
                 v.removeEventListener("change", k);
               };
-              x(this, p).push(W);
+              A(this, p).push(H);
             }
           }
         }
@@ -966,15 +998,15 @@ const bt = (t, n, s) => {
    * @param target - The object or array to make reactive
    * @param callback - Function to call when any nested property changes
    */
-  Z = function(h, w) {
+  G = function(h, w) {
     if (h === null || typeof h != "object" || h instanceof HTMLElement || h instanceof Node)
       return h;
-    if (x(this, m).has(h))
-      return x(this, m).get(h);
+    if (A(this, m).has(h))
+      return A(this, m).get(h);
     const y = new Proxy(h, {
       get: (g, $) => {
-        const A = g[$];
-        return Array.isArray(g) && typeof A == "function" && [
+        const x = g[$];
+        return Array.isArray(g) && typeof x == "function" && [
           "push",
           "pop",
           "shift",
@@ -982,18 +1014,18 @@ const bt = (t, n, s) => {
           "splice",
           "sort",
           "reverse"
-        ].includes($) ? (...N) => {
-          const v = A.apply(g, N);
+        ].includes($) ? (...B) => {
+          const v = x.apply(g, B);
           return w(), v;
-        } : A !== null && typeof A == "object" ? M(this, b, Z).call(this, A, w) : A;
+        } : x !== null && typeof x == "object" ? W(this, b, G).call(this, x, w) : x;
       },
-      set: (g, $, A) => {
+      set: (g, $, x) => {
         const T = g[$];
-        return Object.is(T, A) || (g[$] = A, w()), !0;
+        return Object.is(T, x) || (g[$] = x, w()), !0;
       }
     });
-    return x(this, m).set(h, y), y;
-  }, R = new WeakSet(), ct = function(h) {
+    return A(this, m).set(h, y), y;
+  }, N = new WeakSet(), ut = function(h) {
     if (h === null || h === "") return null;
     if (h !== "undefined")
       try {
@@ -1002,8 +1034,8 @@ const bt = (t, n, s) => {
         return h;
       }
   }, // Update two-way bound elements when state changes
-  at = function() {
-    x(this, l).forEach(({ element: h, path: w, isContentEditable: y }) => {
+  dt = function() {
+    A(this, l).forEach(({ element: h, path: w, isContentEditable: y }) => {
       const g = this._getNestedValue(w);
       if (y) {
         const $ = h;
@@ -1011,17 +1043,17 @@ const bt = (t, n, s) => {
       } else {
         const $ = h;
         if ($ instanceof HTMLInputElement && $.type === "checkbox") {
-          const A = !!g;
-          $.checked !== A && ($.checked = A);
+          const x = !!g;
+          $.checked !== x && ($.checked = x);
         } else
           $.value !== g && ($.value = g != null ? g : "");
       }
     });
-  }, _(S, R);
+  }, _(S, N);
   let d = S;
-  customElements.define(s, d), mt.log(`Web component defined: <${s}></${s}>`);
+  customElements.get(t) || (customElements.define(t, d), D.log(`Web component defined: <${t}></${t}>`));
 };
 export {
-  Mt as defineWebComponent
+  Ut as defineWebComponent
 };
-//# sourceMappingURL=webcomponent-UsabEy9d.mjs.map
+//# sourceMappingURL=webcomponent-DrCSyWrI.mjs.map