ladrillosjs 2.0.0-beta.3.2 → 2.0.0-beta.3.3

package/dist/webcomponent-DT_kduma.mjs

@@ -1,1059 +0,0 @@
-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 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(t.next(d));
-    } catch (a) {
-      o(a);
-    }
-  }, r = (d) => {
-    try {
-      c(t.throw(d));
-    } catch (a) {
-      o(a);
-    }
-  }, c = (d) => d.done ? s(d.value) : Promise.resolve(d.value).then(i, r);
-  c((t = t.apply(e, n)).next());
-});
-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-JWdjGiUA.mjs";
-const xt = (e, n, t) => {
-  if (!n) return;
-  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;
-}, _t = (e) => {
-  const n = document.createTreeWalker(e, NodeFilter.SHOW_TEXT, null), t = [];
-  let s;
-  const o = (r) => {
-    let c = r.parentElement;
-    for (; c; ) {
-      if (c.hasAttribute && c.hasAttribute("$for"))
-        return !0;
-      c = c.parentElement;
-    }
-    return !1;
-  };
-  for (; s = n.nextNode(); ) {
-    if (o(s))
-      continue;
-    const r = [...s.textContent.matchAll(et.bindings)];
-    if (r.length > 0) {
-      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 ? nt(l) : [];
-        return { raw: l, path: m, isFunction: u, isExpression: E, functionArgs: b };
-      });
-      t.push({ node: s, bindings: d, original: c });
-    }
-  }
-  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(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((z) => z.trim()), N = p ? nt(f) : [];
-            return { raw: f, path: C, isFunction: p, isExpression: b, functionArgs: N };
-          });
-          t.push({
-            node: r,
-            bindings: l,
-            original: a,
-            isAttribute: !0,
-            attributeName: c.name
-          });
-        }
-      }
-  }), t;
-}, Ct = (e) => {
-  const n = [];
-  return e.querySelectorAll("[\\$bind]").forEach((s) => {
-    var c;
-    const o = s.getAttribute("$bind");
-    if (!o) return;
-    const i = o.trim(), r = i.split(".").map((d) => d.trim());
-    s instanceof HTMLInputElement || s instanceof HTMLTextAreaElement || s instanceof HTMLSelectElement ? (n.push({
-      element: s,
-      path: r,
-      raw: i,
-      isContentEditable: !1,
-      initialValue: s.value || ""
-    }), s.removeAttribute("$bind")) : s instanceof HTMLElement && s.hasAttribute("contenteditable") && (n.push({
-      element: s,
-      path: r,
-      raw: i,
-      isContentEditable: !0,
-      initialValue: ((c = s.textContent) == null ? void 0 : c.trim()) || ""
-    }), s.removeAttribute("$bind"));
-  }), n;
-}, 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;
-      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 || e, E = r.nextSibling;
-      p.insertBefore(f, r);
-      const m = {
-        element: r,
-        condition: u.trim(),
-        type: l,
-        placeholder: f,
-        group: [],
-        // Will be set after the group is complete
-        originalParent: p,
-        nextSibling: E
-      };
-      i.push(m);
-      const b = r.nextElementSibling;
-      if (r.remove(), r = b, b && !b.hasAttribute("$else-if") && !b.hasAttribute("$else"))
-        break;
-    }
-    i.forEach((c) => {
-      c.group = i;
-    }), n.push(i);
-  }), n;
-}, kt = (e) => {
-  const n = /* @__PURE__ */ new Set();
-  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",
-        "false",
-        "null",
-        "undefined",
-        "typeof",
-        "instanceof",
-        "new",
-        "return",
-        "if",
-        "else",
-        "for",
-        "while",
-        "do",
-        "switch",
-        "case",
-        "break",
-        "continue"
-      ]);
-      let c;
-      for (; (c = i.exec(o)) !== null; ) {
-        const a = c[1].split(".")[0];
-        r.has(a) || n.add(a);
-      }
-    });
-  }), n;
-}, Lt = (e) => {
-  const n = [];
-  return e.querySelectorAll("[\\$for]").forEach((s) => {
-    var p;
-    const o = s.getAttribute("$for");
-    if (!o) return;
-    const i = s.getAttribute("$key") || void 0, r = o.match(
-      /^\s*(?:\(([^,]+),\s*([^)]+)\)|([^\s]+))\s+(?:in|of)\s+(.+)\s*$/
-    );
-    if (!r) {
-      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 = s.parentElement || e;
-    u.insertBefore(l, s), s.removeAttribute("$for"), i && s.removeAttribute("$key"), s.remove();
-    const f = {
-      template: s,
-      expression: o,
-      itemName: c,
-      indexName: d,
-      arrayName: a,
-      keyAttribute: i,
-      placeholder: l,
-      renderedElements: [],
-      originalParent: u
-    };
-    n.push(f);
-  }), n;
-}, Rt = (e) => {
-  const n = /* @__PURE__ */ new Set();
-  return e.forEach((t) => {
-    const s = t.arrayName.split(".")[0];
-    n.add(s);
-  }), n;
-}, F = /* @__PURE__ */ new Map(), Nt = 100, J = (e) => {
-  const n = F.get(e);
-  if (n)
-    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 ${e}; 
-    }
-    `
-  );
-  if (F.size >= Nt) {
-    const s = F.keys().next().value;
-    s && F.delete(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 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[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 = J(c)(t || n);
-        } catch (E) {
-          X(c, E, R(t)), u = void 0, f = !0;
-        }
-      else
-        u = q(n, d), u === void 0 && (f = !0);
-      if (f) {
-        r = !0;
-        continue;
-      }
-      const p = String(u != null ? u : "");
-      i = u, o = o.replace(`{${c}}`, p);
-    }
-    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 = s.node;
-      s.isAttribute && s.attributeName && ([
-        "disabled",
-        "checked",
-        "readonly",
-        "required",
-        "selected",
-        "hidden",
-        "open",
-        "autofocus",
-        "autoplay",
-        "controls",
-        "loop",
-        "muted"
-      ].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));
-    }
-  }
-}, Vt = (e, n, t) => {
-  if (!e) return !0;
-  let s = e.trim();
-  s = s.replace(/\{([^}]+)\}/g, "$1");
-  try {
-    return new Function(
-      "context",
-      "component",
-      `
-      with (context) {
-        try {
-          return Boolean(${s});
-        } catch (e) {
-          return false;
-        }
-      }
-    `
-    )(n, t);
-  } catch (o) {
-    return wt(
-      e,
-      o,
-      R(t)
-    ), !1;
-  }
-}, it = (e, n) => {
-  const t = [
-    "click",
-    "dblclick",
-    "mousedown",
-    "mouseup",
-    "mouseover",
-    "mouseout",
-    "mousemove",
-    "mouseenter",
-    "mouseleave",
-    "keydown",
-    "keyup",
-    "keypress",
-    "focus",
-    "blur",
-    "change",
-    "input",
-    "submit",
-    "reset",
-    "scroll",
-    "resize",
-    "load",
-    "unload",
-    "touchstart",
-    "touchend",
-    "touchmove",
-    "touchcancel",
-    "dragstart",
-    "drag",
-    "dragend",
-    "dragenter",
-    "dragover",
-    "dragleave",
-    "drop"
-  ];
-  [e, ...e.querySelectorAll("*")].forEach((o) => {
-    t.forEach((i) => {
-      const r = `on${i}`, c = o.getAttribute(r);
-      if (c) {
-        const d = `__processed_${r}`;
-        if (o[d]) return;
-        o.removeAttribute(r), o.addEventListener(
-          i,
-          function(a) {
-            try {
-              new Function(
-                "event",
-                "component",
-                `
-                with(component) {
-                  ${c}
-                }
-              `
-              ).call(this, a, n);
-            } catch (l) {
-              $t(
-                i,
-                c,
-                l,
-                R(n, {
-                  elementTag: o.tagName.toLowerCase()
-                })
-              );
-            }
-          }
-        ), o[d] = !0;
-      }
-    });
-  });
-}, 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 = Vt(d, n, t), f && (i = !0));
-      const p = c.parentNode !== null;
-      f && !p ? ((s = l.parentNode) == null || s.insertBefore(c, l.nextSibling), t && it(c, t)) : !f && p && c.remove();
-    }
-  }
-}, rt = (e, n, t) => {
-  for (const s of e) {
-    const {
-      template: o,
-      itemName: i,
-      indexName: r,
-      arrayName: c,
-      placeholder: d,
-      renderedElements: a
-    } = s, l = q(n, c.split("."));
-    if (l !== void 0 && !Array.isArray(l)) {
-      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 = tt(O({}, n), {
-        [i]: u
-      });
-      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), t && it(p, t);
-    });
-  }
-}, Bt = (e, n, t) => {
-  const s = document.createTreeWalker(e, NodeFilter.SHOW_TEXT, null);
-  let o;
-  for (; o = s.nextNode(); )
-    if (o.textContent && o.textContent.includes("{")) {
-      let r = o.textContent;
-      [...o.textContent.matchAll(/\{([^}]+)\}/g)].forEach((d) => {
-        const a = d[1].trim(), l = a.includes("(") && a.includes(")"), f = /[+*/%<>=!&|]/.test(a) || /\s-\s/.test(a) || /\.(?![\s}])[a-zA-Z_$][\w]*\(/.test(a) || // Method calls
-        /\bnew\s+/.test(a) || // Object instantiation like new Date()
-        /\b(typeof|instanceof|void|delete)\b/.test(a);
-        let p;
-        if (f || l)
-          try {
-            const E = J(a), m = typeof n == "object" && n !== null ? O(O({}, n), t || {}) : t || {};
-            p = E(m);
-          } catch (E) {
-            X(
-              a,
-              E,
-              R(t, {
-                lineHint: "$for loop template binding"
-              })
-            ), p = void 0;
-          }
-        else {
-          const E = a.split(".").map((m) => m.trim());
-          p = q(n, E);
-        }
-        p !== void 0 && (r = r.replace(`{${a}}`, String(p != null ? p : "")));
-      }), o.textContent = r;
-    }
-  [e, ...e.querySelectorAll("*")].forEach((r) => {
-    Array.from(r.attributes).forEach((c) => {
-      if (c.value.includes("{")) {
-        let d = c.value;
-        [...c.value.matchAll(/\{([^}]+)\}/g)].forEach((l) => {
-          const u = l[1].trim(), f = u.includes("(") && u.includes(")"), E = /[+*/%<>=!&|]/.test(u) || /\s-\s/.test(u) || /\.(?![\s}])[a-zA-Z_$][\w]*\(/.test(u) || // Method calls
-          /\bnew\s+/.test(u) || // Object instantiation like new Date()
-          /\b(typeof|instanceof|void|delete)\b/.test(u);
-          let m;
-          if (E || f)
-            try {
-              const b = J(u), C = typeof n == "object" && n !== null ? O(O({}, n), t || {}) : t || {};
-              m = b(C);
-            } catch (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 = q(n, b);
-          }
-          m !== void 0 && (d = d.replace(`{${u}}`, String(m != null ? m : "")));
-        }), r.setAttribute(c.name, d);
-      }
-    });
-  });
-}, ct = (e) => e instanceof ShadowRoot ? e.host : e, Ft = (e, n) => {
-  const t = /* @__PURE__ */ new Set();
-  n.forEach(({ path: o }) => {
-    const i = o[0];
-    t.add(i);
-  });
-  const s = [];
-  return t.forEach((o) => {
-    s.push(`
-      if (!Object.getOwnPropertyDescriptor(component, '${o}')) {
-        Object.defineProperty(component, '${o}', {
-          get() { return this.state.${o}; },
-          set(val) { this.state.${o} = val; },
-          enumerable: true,
-          configurable: true
-        });
-      }
-    `);
-  }), {
-    injectedCode: "",
-    // No longer needed in script scope
-    componentInjections: s.join(`
-`),
-    bindVarNames: t
-  };
-}, 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];
-      i.add(l), a.isFunction && a.functionArgs && a.functionArgs.forEach((u) => {
-        i.add(u);
-      });
-    });
-  }), t.forEach((d) => {
-    i.add(d);
-  });
-  const r = /(?:const|let|var)\s+(\w+)\s*=\s*([^;]+);?/g;
-  let c;
-  for (; (c = r.exec(e)) !== null; ) {
-    const d = c[1], a = c[2].trim();
-    i.has(d) && (s.push(`component.state.${d} = ${d};`), o.set(d, a));
-  }
-  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${s}((?:\\[[^\\]]+\\])(?:\\.[\\w]+|\\[[^\\]]+\\])*)\\s*([=+\\-*/%&|^]|\\+\\+|\\-\\-)`,
-      "g"
-    );
-    t = t.replace(
-      o,
-      `component.state.${s}$1 $2`
-    );
-    const i = new RegExp(
-      `(?<!component\\.state\\.)\\b${s}((?:\\[[^\\]]+\\])(?:\\.[\\w]+|\\[[^\\]]+\\])*)(?![=+\\-*/%&|^]|\\+\\+|\\-\\-)`,
-      "g"
-    );
-    t = t.replace(
-      i,
-      `component.state.${s}$1`
-    );
-    const r = new RegExp(
-      `\\b${s}\\.(\\w+(?:\\.\\w+)*)\\s*([=+\\-*/%&|^]|\\+\\+|\\-\\-)`,
-      "g"
-    );
-    t = t.replace(
-      r,
-      `component.state.${s}.$1 $2`
-    );
-    const c = new RegExp(
-      `(?<!component\\.state\\.)(?<!const\\s${s}\\s*=\\s*{[^}]*)\\b${s}\\.(\\w+(?:\\.\\w+)*)(?![=+\\-*/%&|^]|\\+\\+|\\-\\-)`,
-      "g"
-    );
-    t = t.replace(
-      c,
-      `component.state.${s}.$1`
-    );
-    const d = new RegExp(
-      `(?<!\\.)\\b(\\+\\+|\\-\\-)${s}\\b|\\b${s}(\\+\\+|\\-\\-)`,
-      "g"
-    );
-    t = t.replace(d, (u) => {
-      if (u.startsWith("++") || u.startsWith("--"))
-        return `${u.substring(0, 2)}component.state.${s}`;
-      {
-        const f = u.substring(u.length - 2);
-        return `component.state.${s}${f}`;
-      }
-    });
-    const a = new RegExp(
-      `(?<!\\.)\\b${s}\\s*(\\+=|\\-=|\\*=|\\/=|%=|\\*\\*=|<<=|>>=|>>>=|&=|\\|=|\\^=)`,
-      "g"
-    );
-    t = t.replace(
-      a,
-      `component.state.${s}$1`
-    );
-    const l = new RegExp(
-      `(?<!const\\s)(?<!let\\s)(?<!var\\s)(?<!\\.)\\b${s}\\s*=\\s*([^=])`,
-      "g"
-    );
-    t = t.replace(
-      l,
-      `component.state.${s} = $1`
-    );
-  }), t;
-}, at = (e, n, t, s, o, i = /* @__PURE__ */ new Set()) => {
-  try {
-    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(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 } = Ot(e, n, i), b = /* @__PURE__ */ new Set([...E, ...d]), C = p.join(`
-            `), N = Mt(
-      e,
-      b
-    ), z = `
-      (function() {
-        // Create component scope with direct access to state
-        const component = this;
-        const $state = component.state;
-        
-        // Define $bind variables on component object for event handler access
-        ${c}
-        
-        // Provide framework utilities with $ prefix to avoid naming conflicts
-        const $setState = (updates) => component.setState(updates);
-        
-        // Event bus methods for component communication
-        const $emit = (eventName, data) => arguments[2].emit(eventName, data);
-        const $listen = (eventName, callback) => {
-          const unsubscribe = arguments[2].listen(eventName, callback);
-          // Store unsubscribe function for cleanup on disconnect
-          if (!component.__eventUnsubscribers) {
-            component.__eventUnsubscribers = [];
-          }
-          component.__eventUnsubscribers.push(unsubscribe);
-          return unsubscribe;
-        };
-        
-        // Also attach to component for event handler access
-        component.$emit = $emit;
-        component.$listen = $listen;
-        
-        // Override querySelector/querySelectorAll to query within the component's host
-        const host = arguments[1];
-        const $querySelector = (selector) => host.querySelector(selector);
-        const $querySelectorAll = (selector) => host.querySelectorAll(selector);
-        
-        // Execute script content within component scope so $bind variables are accessible
-        with(component) {
-          ${N}
-          
-          // Auto-bind variables to component state (e.g., const name = "value" → this.state.name = "value")
-          ${C}
-          
-          // Auto-attach all detected functions to component for onclick access
-          ${f}
-        }
-      }).call(arguments[0], arguments[0], arguments[1], arguments[2])
-    `;
-    return new Function(z)(o, s, yt), m;
-  } catch (r) {
-    return vt(r, R(o)), /* @__PURE__ */ new Map();
-  }
-}, lt = (e, n) => {
-  [
-    "click",
-    "dblclick",
-    "mousedown",
-    "mouseup",
-    "mouseover",
-    "mouseout",
-    "mousemove",
-    "mouseenter",
-    "mouseleave",
-    "keydown",
-    "keyup",
-    "keypress",
-    "focus",
-    "blur",
-    "change",
-    "input",
-    "submit",
-    "reset",
-    "scroll",
-    "resize",
-    "load",
-    "unload",
-    "touchstart",
-    "touchend",
-    "touchmove",
-    "touchcancel",
-    "dragstart",
-    "drag",
-    "dragend",
-    "dragenter",
-    "dragover",
-    "dragleave",
-    "drop"
-  ].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(
-        s,
-        function(a) {
-          new Function(
-            "event",
-            "component",
-            `
-            with(component) {
-              ${d}
-            }
-          `
-          ).call(this, a, n);
-        }
-      ), r[`__processed_${c}`] = !0);
-    });
-  });
-}, 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 = ct(e);
-  for (const u of n)
-    u.content && at(
-      u.content,
-      t,
-      s,
-      e,
-      l,
-      o
-    ).forEach((p, E) => {
-      a.has(E) || a.set(E, p);
-    });
-  return lt(e, l), a;
-}), Ht = (e, n) => new Promise((t, s) => {
-  const o = document.querySelector(
-    `script[src="${e}"]`
-  );
-  if (o) {
-    if (o.dataset.loaded === "true") {
-      t();
-      return;
-    }
-    o.addEventListener("load", () => t(), { once: !0 }), o.addEventListener(
-      "error",
-      () => s(new Error(`Failed to load external script: ${e}`)),
-      { once: !0 }
-    );
-    return;
-  }
-  const i = document.createElement("script");
-  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 = ct(e);
-  for (const f of n) {
-    let p;
-    i ? i.startsWith("http://") || i.startsWith("https://") ? p = i : p = new URL(
-      i,
-      window.location.href
-    ).href : p = window.location.href;
-    const E = new URL(f.src, p).href;
-    if (f.external)
-      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: e,
-        shadowRoot: e instanceof ShadowRoot ? e : null,
-        element: l,
-        state: l.state,
-        setState: (u = l.setState) == null ? void 0 : u.bind(l)
-      });
-      const b = document.createElement("script");
-      b.type = "module", b.src = E, b.setAttribute("data-component", m), document.head.appendChild(b);
-    } else
-      yield fetch(E).then((m) => {
-        if (!m.ok)
-          throw new Error(`HTTP ${m.status}: ${m.statusText}`);
-        const b = m.headers.get("content-type");
-        if (b && !b.includes("javascript") && !b.includes("text/plain"))
-          throw new Error(`Expected JavaScript but got ${b}`);
-        return m.text();
-      }).then((m) => {
-        at(
-          m,
-          t,
-          s,
-          e,
-          l,
-          o
-        );
-      }).catch((m) => {
-        console.error(`Failed to load external script: ${f.src}`, m);
-      });
-  }
-  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);
-      _(this, a, []);
-      _(this, l, []);
-      _(this, u, []);
-      _(this, f, []);
-      _(this, p, []);
-      _(this, E, c);
-      _(this, m, /* @__PURE__ */ new WeakMap());
-      n && this.attachShadow({ mode: "open" });
-      const h = {}, w = () => {
-        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 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(B) {
-              this.state[g] = B;
-            },
-            enumerable: !0,
-            configurable: !0
-          }), w()), !0;
-        }
-      });
-    }
-    /**
-     * Updates component state with one or more key-value pairs
-     * @param updates - Object containing state updates
-     * @example
-     * component.setState({ count: 5, name: 'John' })
-     */
-    setState(h) {
-      Object.assign(this.state, h);
-    }
-    // Invoked when element is added to the DOM
-    connectedCallback() {
-      return j(this, null, function* () {
-        const h = n ? this.shadowRoot : this, { bindings: w, twoWayBindings: y, conditionals: g, loops: $ } = St(
-          h,
-          s
-        );
-        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,
-          A(this, a),
-          A(this, l),
-          /* @__PURE__ */ new Set([...x, ...T]),
-          A(this, E)
-        ), (yield Wt(
-          h,
-          o,
-          A(this, a),
-          A(this, l),
-          /* @__PURE__ */ new Set([...x, ...T])
-        )).forEach((v, V) => {
-          if (this.state[V] === void 0)
-            try {
-              const k = new Function(`return ${v}`);
-              this.state[V] = k();
-            } catch (k) {
-              this.state[V] = v;
-            }
-        }), 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), A(this, p).forEach((w) => {
-        try {
-          w();
-        } catch (y) {
-          At(
-            "cleanup",
-            y,
-            R(this, {
-              lineHint: "disconnectedCallback cleanup"
-            })
-          );
-        }
-      }), M(this, p, []);
-      const h = this.__eventUnsubscribers;
-      h && Array.isArray(h) && (h.forEach((w) => {
-        try {
-          w();
-        } catch (y) {
-          D.error(
-            "⚠️ Event Bus Error: Failed to unsubscribe from event",
-            R(this)
-          ), D.error(`  Error details: ${y.message}`);
-        }
-      }), this.__eventUnsubscribers = []);
-    }
-    // Set up observer to watch for attribute changes
-    _setupAttributeObserver() {
-      const h = new MutationObserver((w) => {
-        w.forEach((y) => {
-          if (y.type === "attributes" && y.attributeName) {
-            const g = this.getAttribute(y.attributeName);
-            this._handleAttributeChange(y.attributeName, g);
-          }
-        });
-      });
-      h.observe(this, {
-        attributes: !0,
-        attributeOldValue: !0
-      }), this.__attributeObserver = h;
-    }
-    // initializes the state from the attributes
-    _initializeStateFromAttributes() {
-      this.getAttributeNames().forEach((h) => {
-        const w = this.getAttribute(h);
-        this._handleAttributeChange(h, w);
-      });
-    }
-    // Invoked when attributes are changed.
-    _handleAttributeChange(h, w) {
-      var g;
-      if (h) {
-        const $ = "this.state.";
-        h.startsWith($) && (h = h.slice($.length));
-      }
-      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() {
-      A(this, l).forEach(
-        ({ element: h, path: w, raw: y, isContentEditable: g, initialValue: $ }) => {
-          var T, B;
-          if (this._getNestedValue(w) === void 0) {
-            const v = $ || "";
-            Z(this.state, w, v);
-          }
-          if (g) {
-            const v = h;
-            v.textContent = (T = this._getNestedValue(w)) != null ? T : "";
-            const V = (P) => {
-              const L = P.target.textContent || "";
-              Z(this.state, w, L);
-            };
-            v.addEventListener("input", V);
-            const k = () => {
-              v.removeEventListener("input", V);
-            };
-            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 = (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 P = () => {
-              v.removeEventListener("input", k);
-            };
-            if (A(this, p).push(P), v instanceof HTMLSelectElement || v instanceof HTMLInputElement && ["checkbox", "radio", "file"].includes(v.type)) {
-              v.addEventListener("change", k);
-              const H = () => {
-                v.removeEventListener("change", k);
-              };
-              A(this, p).push(H);
-            }
-          }
-        }
-      );
-    }
-    // Helper to get nested value from state
-    _getNestedValue(h) {
-      return h.reduce((w, y) => w == null ? void 0 : w[y], this.state);
-    }
-  };
-  a = new WeakMap(), l = new WeakMap(), u = new WeakMap(), f = new WeakMap(), p = new WeakMap(), E = new WeakMap(), m = new WeakMap(), b = new WeakSet(), /**
-   * Creates a deep reactive proxy that tracks nested object/array mutations
-   * @param target - The object or array to make reactive
-   * @param callback - Function to call when any nested property changes
-   */
-  G = function(h, w) {
-    if (h === null || typeof h != "object" || h instanceof HTMLElement || h instanceof Node)
-      return h;
-    if (A(this, m).has(h))
-      return A(this, m).get(h);
-    const y = new Proxy(h, {
-      get: (g, $) => {
-        const x = g[$];
-        return Array.isArray(g) && typeof x == "function" && [
-          "push",
-          "pop",
-          "shift",
-          "unshift",
-          "splice",
-          "sort",
-          "reverse"
-        ].includes($) ? (...B) => {
-          const v = x.apply(g, B);
-          return w(), v;
-        } : x !== null && typeof x == "object" ? W(this, b, G).call(this, x, w) : x;
-      },
-      set: (g, $, x) => {
-        const T = g[$];
-        return Object.is(T, x) || (g[$] = x, w()), !0;
-      }
-    });
-    return A(this, m).set(h, y), y;
-  }, N = new WeakSet(), ut = function(h) {
-    if (h === null || h === "") return null;
-    if (h !== "undefined")
-      try {
-        return JSON.parse(h);
-      } catch (w) {
-        return h;
-      }
-  }, // Update two-way bound elements when state changes
-  dt = function() {
-    A(this, l).forEach(({ element: h, path: w, isContentEditable: y }) => {
-      const g = this._getNestedValue(w);
-      if (y) {
-        const $ = h;
-        $.textContent !== g && ($.textContent = g != null ? g : "");
-      } else {
-        const $ = h;
-        if ($ instanceof HTMLInputElement && $.type === "checkbox") {
-          const x = !!g;
-          $.checked !== x && ($.checked = x);
-        } else
-          $.value !== g && ($.value = g != null ? g : "");
-      }
-    });
-  }, _(S, N);
-  let d = S;
-  customElements.get(t) || (customElements.define(t, d), D.log(`Web component defined: <${t}></${t}>`));
-};
-export {
-  Ut as defineWebComponent
-};
-//# sourceMappingURL=webcomponent-DT_kduma.mjs.map