ladrillosjs 1.0.2 → 2.0.0-beta.1

package/dist/webcomponent-UTcwAakf.mjs

@@ -1,769 +0,0 @@
-var q = (m) => {
-  throw TypeError(m);
-};
-var J = (m, b, y) => b.has(m) || q("Cannot " + y);
-var P = (m, b, y) => b.has(m) ? q("Cannot add the same private member more than once") : b instanceof WeakSet ? b.add(m) : b.set(m, y);
-var j = (m, b, y) => (J(m, b, "access private method"), y);
-var H = (m, b, y) => new Promise((x, B) => {
-  var O = (E) => {
-    try {
-      T(y.next(E));
-    } catch (F) {
-      B(F);
-    }
-  }, L = (E) => {
-    try {
-      T(y.throw(E));
-    } catch (F) {
-      B(F);
-    }
-  }, T = (E) => E.done ? x(E.value) : Promise.resolve(E.value).then(O, L);
-  T((y = y.apply(m, b)).next());
-});
-import { l as w } from "./index-D_dHFObN.mjs";
-function D(m, b) {
-  return JSON.stringify(
-    m,
-    (y, x) => typeof x == "string" ? x.replace(/"/g, '\\"').replace(/\n/g, "\\n").replace(/\r/g, "\\r") : x,
-    b
-  ).replace(/"/g, """);
-}
-const G = (m, b) => {
-  var E, Z;
-  const { tagName: y, template: x, scripts: B, externalScripts: O, style: L } = m, W = class W extends HTMLElement {
-    constructor() {
-      super(), b && this.attachShadow({ mode: "open" }), this.root = b ? this.shadowRoot : document, this.stringify = D;
-      const t = {};
-      this.state = new Proxy(t, {
-        set: (n, e, s) => (n[e] = s, this._render(), !0)
-      }), this._bindings = [], this._eventBindings = [], this._conditionals = [], this._initObservers();
-    }
-    // Invoked when the custom element is first connected to the document's DOM.
-    connectedCallback() {
-      this._loadTemplate(), this._loadStyles(), this._initializeStateFromAttributes(), this._loadScript(), this._setupTwoWayBindings();
-    }
-    // Invoked when the custom element is disconnected from the document's DOM.
-    disconnectedCallback() {
-      this.observer.disconnect(), this._eventBindings.forEach(({ element: t, event: n, listener: e }) => {
-        t.removeEventListener(n, e);
-      }), this._eventBindings = [];
-    }
-    _initObservers() {
-      this.observer = this._createObserver(
-        (t) => {
-          t.forEach((n) => {
-            if (n.type === "attributes") {
-              const e = n.attributeName, s = this.getAttribute(e);
-              this._handleAttributeChange(e, s);
-            }
-          });
-        },
-        this,
-        { attributes: !0, attributeOldValue: !0 }
-      ), this.elementObserver = this._createObserver(
-        (t) => {
-          for (const n of t)
-            if (n.attributeName === "contenteditable") {
-              const e = (
-                /** @type {HTMLElement} */
-                n.target
-              );
-              e.isContentEditable && e.hasAttribute("data-bind") && this._bindTwoWayForElement(e);
-            }
-        },
-        this.root,
-        {
-          attributes: !0,
-          subtree: !0,
-          attributeFilter: ["contenteditable"]
-        }
-      );
-    }
-    // creates a MutationObserver and binds it to the target element
-    _createObserver(t, n, e) {
-      const s = new MutationObserver(t.bind(this));
-      return s.observe(n, e), s;
-    }
-    // Invoked when attributes are changed.
-    _handleAttributeChange(t, n) {
-      var s;
-      if (t) {
-        const i = "this.state.";
-        t.startsWith(i) && (t = t.slice(i.length));
-      }
-      const e = j(s = W, E, Z).call(s, n);
-      this.state[t] = e, this._render();
-    }
-    // sets template to innerHTML or shadowRoot.innerHTML
-    _loadTemplate() {
-      b ? this.shadowRoot.innerHTML = x : this.innerHTML = x, this._scanBindings();
-    }
-    // scans the template for bindings and event handlers
-    // and stores them in this._bindings and this._eventBindings
-    _scanBindings() {
-      const t = document.createTreeWalker(
-        this.root,
-        NodeFilter.SHOW_TEXT,
-        null,
-        !1
-      );
-      let n;
-      for (; n = t.nextNode(); ) {
-        const e = [...n.textContent.matchAll(/{([^}]+)}/g)];
-        if (e.length) {
-          const s = e.map(([, i]) => ({
-            node: n,
-            template: n.textContent,
-            key: i.trim()
-          }));
-          this._bindings.push(s);
-        }
-      }
-      this.root.querySelectorAll("*").forEach((e) => {
-        Array.from(e.attributes).forEach((s) => {
-          const i = [...s.value.matchAll(/{([^}]+)}/g)];
-          i.length && i.forEach(([, r]) => {
-            this._bindings.push({
-              element: e,
-              attrName: s.name,
-              template: s.value,
-              key: r.trim()
-            });
-          });
-        });
-      }), this._getEventBindings(), this._scanConditionals();
-    }
-    // scans the template for event handlers and stores them in this._eventBindings
-    // e.g. onclick="handleClick"
-    _getEventBindings() {
-      this.root.querySelectorAll("*").forEach((t) => {
-        Array.from(t.attributes).forEach((n) => {
-          if (!n.name.startsWith("on")) return;
-          const e = n.name.slice(2), s = n.value.trim();
-          t.removeAttribute(n.name);
-          let i;
-          const r = s.trim();
-          if (/^\([^)]*\)\s*=>/.test(r))
-            try {
-              const c = new Function("event", `return (${r});`).call(this);
-              i = (u) => c(u);
-            } catch (l) {
-              w.error(
-                `Error parsing inline arrow function handler: ${r}`,
-                l
-              ), i = () => {
-              };
-            }
-          else r.includes("(") && r.includes(")") ? i = (l) => {
-            try {
-              const c = r.match(
-                /^([a-zA-Z_$][0-9a-zA-Z_$]*)\s*\((.*)\)$/
-              );
-              if (c) {
-                const [, u, S] = c, N = this[u] || this.state[u];
-                if (typeof N == "function") {
-                  let A = [];
-                  if (S.trim())
-                    try {
-                      A = new Function(
-                        "event",
-                        `return [${S}]`
-                      ).call(this, l);
-                    } catch (k) {
-                      w.error(
-                        `Error parsing arguments for ${u}:`,
-                        k
-                      ), A = [];
-                    }
-                  return N.apply(this, A);
-                } else
-                  w.warn(
-                    `Function "${u}" not found in component context. Available functions:`,
-                    Object.keys(this).filter((A) => typeof this[A] == "function").concat(
-                      Object.keys(this.state).filter(
-                        (A) => typeof this.state[A] == "function"
-                      )
-                    )
-                  );
-              } else
-                new Function("event", r).call(this, l);
-            } catch (c) {
-              w.error(
-                `Error executing inline event handler: ${r}`,
-                c
-              );
-            }
-          } : i = (l) => {
-            const c = this[r];
-            if (typeof c == "function")
-              try {
-                return c.call(this, l);
-              } catch (u) {
-                w.error(
-                  `Error executing event handler method: ${r}`,
-                  u
-                );
-              }
-            else
-              w.warn(
-                `Event handler method "${r}" not found on component. Available methods on 'this':`,
-                Object.keys(this).filter((u) => typeof this[u] == "function")
-              );
-          };
-          t.addEventListener(e, i), this._eventBindings.push({
-            key: s,
-            element: t,
-            event: e,
-            listener: i
-          });
-        });
-      });
-    }
-    // scans the template for conditional elements and stores them in this._conditionals
-    // e.g. data-if, data-else-if, data-else
-    _scanConditionals() {
-      this._conditionals = [];
-      const t = Array.from(
-        this.root.querySelectorAll("[data-if], [data-else-if], [data-else]")
-      );
-      let n = [];
-      t.forEach((e) => {
-        const s = e.hasAttribute("data-if");
-        s && n.length && (this._conditionals.push(n), n = []);
-        const i = s ? "if" : e.hasAttribute("data-else-if") ? "else-if" : "else", r = i === "else" ? null : e.getAttribute(i === "if" ? "data-if" : "data-else-if"), l = document.createComment(`ladrillos-${i}`);
-        e.parentNode.insertBefore(l, e), e.remove(), n.push({ el: e, type: i, expr: r, placeholder: l });
-      }), n.length && this._conditionals.push(n);
-    }
-    // loads the styles into the shadowRoot or document head
-    _loadStyles() {
-      if (!L) return;
-      const t = document.createElement("style");
-      t.textContent = L, b ? this.root.appendChild(t) : this.root.head.appendChild(t);
-    }
-    // loads the external scripts and inline scripts
-    // and binds them to the component context
-    _loadScript() {
-      return H(this, null, function* () {
-        var t;
-        for (const n of O) {
-          const e = new URL(n.src, import.meta.url).href;
-          if (n.type === "module" && (n != null && n.bind))
-            try {
-              const s = yield import(e);
-              typeof s.default == "function" ? s.default.call(this) : typeof s.init == "function" ? s.init.call(this) : w.error(
-                `Module ${n.src} does not export a default function or init function.`
-              );
-            } catch (s) {
-              w.error(`Failed to load component module ${n.src}`, s);
-            }
-          else n != null && n.bind ? yield fetch(e).then((s) => s.text()).then(
-            (s) => this._processScriptText(
-              s.replace(/\/\*[\s\S]*?\*\/|\/\/.*$/gm, "").trim()
-            )
-          ) : yield this._injectScriptTag(n.src, n.type);
-        }
-        for (const n of B)
-          if (n.type === "module") {
-            const e = document.createElement("script");
-            e.type = "module", e.textContent = n.content, ((t = this.shadowRoot) != null ? t : this).appendChild(e);
-          } else
-            this._processScriptText(n.content);
-        this._render();
-      });
-    }
-    // injects a script tag into the document head
-    // and returns a promise that resolves when the script is loaded
-    _injectScriptTag(t, n) {
-      return new Promise((e, s) => {
-        const i = document.createElement("script");
-        i.src = t, n && (i.type = n), i.onload = e, i.onerror = s, document.head.appendChild(i);
-      });
-    }
-    // initializes the state from the attributes
-    _initializeStateFromAttributes() {
-      this.getAttributeNames().forEach((t) => {
-        const n = this.getAttribute(t);
-        this._handleAttributeChange(t, n);
-      });
-    }
-    /**
-     * Set a nested value on this.state and re-render.
-     * @param {string} path  dot-delimited path
-     * @param {*} value
-     */
-    _setNestedState(t, n) {
-      const e = t.split(".");
-      let s = this.state;
-      for (let i = 0; i < e.length - 1; i++) {
-        const r = e[i];
-        (typeof s[r] != "object" || s[r] === null) && (s[r] = {}), s = s[r];
-      }
-      s[e[e.length - 1]] = n, this._render();
-    }
-    _bindTwoWayForElement(t) {
-      const n = t.getAttribute("data-bind"), e = t.isContentEditable, s = "value" in t, i = e || s ? "input" : "change", r = () => {
-        const S = e ? t.innerText : s ? t.value : t.textContent;
-        this._setNestedState(n, S);
-      };
-      t.addEventListener(i, r), this._eventBindings.push({ element: t, event: i, listener: r });
-      const l = s ? "value" : void 0, c = s ? t.getAttribute("value") || `{${n}}` : e ? t.innerHTML : t.textContent;
-      this._bindings.push({ element: t, key: n, attrName: l, template: c });
-      const u = s ? t.value : e ? t.innerText : t.textContent;
-      this._setNestedState(n, u);
-    }
-    // sets up two-way bindings for editable elements
-    // e.g. <input data-bind="name" value="{name}">
-    _setupTwoWayBindings() {
-      const t = this.root.querySelectorAll("[data-bind]"), n = {}, e = (s, i, r) => {
-        const l = i.split(".");
-        let c = s;
-        for (let u = 0; u < l.length - 1; u++) {
-          const S = l[u];
-          (typeof c[S] != "object" || c[S] === null) && (c[S] = {}), c = c[S];
-        }
-        c[l[l.length - 1]] = r;
-      };
-      t.forEach((s) => {
-        const i = s.getAttribute("data-bind"), r = s.isContentEditable, l = "value" in s, c = r ? s.innerText.trim() : l ? s.value : s.textContent.trim();
-        e(n, i, c);
-      }), this.setState(n), t.forEach((s) => {
-        this._bindTwoWayForElement(s);
-      });
-    }
-    // renders the component by replacing the bindings with their values
-    // and executing the event handlers
-    _render() {
-      this._applyConditionals(), this._bindings.forEach((t) => {
-        const n = Array.isArray(t) ? t : [t], { node: e, template: s } = n[0];
-        if (!e) return;
-        const i = {};
-        n.forEach(({ key: c }) => {
-          var u;
-          i[c] = (u = this.state[c]) != null ? u : "";
-        });
-        const r = this._renderTemplate(s, i);
-        if (/<[a-z][\s\S]*>/i.test(r)) {
-          const c = document.createRange().createContextualFragment(r);
-          e.nodeType === Node.TEXT_NODE ? e.replaceWith(c) : e.innerHTML = r;
-        } else
-          e == null || e.nodeType, Node.TEXT_NODE, e.textContent = r;
-      }), this._bindings.filter((t) => t.element).forEach(({ element: t, attrName: n, template: e, key: s }) => {
-        var l;
-        const i = (l = s.split(".").reduce((c, u) => c == null ? void 0 : c[u], this.state)) != null ? l : "", r = new RegExp(`\\{\\s*${s}\\s*\\}`, "g");
-        t.setAttribute(n, e.replace(r, i));
-      }), this.root.querySelectorAll("[data-bind]").forEach((t) => {
-        var s;
-        const e = (s = t.getAttribute("data-bind").split(".").reduce((i, r) => i == null ? void 0 : i[r], this.state)) != null ? s : "";
-        t.isContentEditable ? t.innerText !== e && (t.innerText = e) : "value" in t ? t.value !== e && (t.value = e) : t.textContent !== e && (t.textContent = e);
-      });
-    }
-    // applies the conditionals to the elements
-    _applyConditionals() {
-      this._conditionals.forEach((t) => {
-        let n = !1;
-        t.forEach(({ el: e, type: s, expr: i, placeholder: r }) => {
-          let l = !1;
-          if (s === "else")
-            l = !n;
-          else
-            try {
-              l = Function(
-                "state",
-                `with(state){return(${i})}`
-              )(this.state);
-            } catch (c) {
-              l = !1;
-            }
-          l && !n ? (!e.isConnected && r.parentNode && r.parentNode.insertBefore(e, r.nextSibling), r.remove(), n = !0) : e.isConnected && e.parentNode && (e.parentNode.insertBefore(r, e), e.remove());
-        });
-      });
-    }
-    // replaces the template with the data values
-    // e.g. {name} => "John Doe"
-    _renderTemplate(t, n) {
-      return t.replace(/\{\s*([-\w.]+)\s*}/g, (e, s) => {
-        let i = s.split(".").reduce((r, l) => r == null ? void 0 : r[l], this.state);
-        if (typeof i == "function")
-          try {
-            i = i.call(this);
-          } catch (r) {
-            i = "";
-          }
-        return i != null ? i : "";
-      });
-    }
-    /**
-     * 1. Identifies top-level function declarations (e.g., `function foo(){}` or `const foo = ()=>{}`).
-     * 2. Identifies top-level variable declarations (e.g., `const bar = 123;`).
-     * 3. Renames function parameters that conflict with bound variables to avoid shadowing.
-     * 4. Transforms increment/decrement operations on bound variables to use this.state
-     * 5. Transforms references to attribute-based state variables
-     * 6. Replaces renamed parameter references with unique names
-     * 7. Appends assignments to `this` for bound functions (e.g., `this.foo = foo;`).
-     * 8. Appends initialization for `this.state` for bound variables if not already set in state (e.g., `if(typeof this.state.bar === 'undefined') this.state.bar = bar;`).
-     * 9. Executes the combined script in the component's context (`this`).
-     */
-    _processScriptText(t) {
-      const n = /* @__PURE__ */ new Set(), e = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Map(), r = (o) => `__param_${o}_${Math.random().toString(36).substr(2, 9)}`, l = (o, $) => {
-        let f = !1, a = !1, h = !1, g = !1;
-        for (let d = 0; d < $; d++) {
-          const p = o[d];
-          if (g) {
-            g = !1;
-            continue;
-          }
-          if (p === "\\") {
-            g = !0;
-            continue;
-          }
-          p === "'" && !a && !h ? f = !f : p === '"' && !f && !h ? a = !a : p === "`" && !f && !a && (h = !h);
-        }
-        return f || a || h;
-      }, c = (o, $, f) => {
-        let a = o;
-        const h = [];
-        let g;
-        for ($.lastIndex = 0; (g = $.exec(a)) !== null; )
-          h.push({
-            index: g.index,
-            length: g[0].length,
-            originalContent: g[0],
-            groups: g.slice(1)
-          });
-        for (let d = h.length - 1; d >= 0; d--) {
-          const p = h[d];
-          if (!l(a, p.index)) {
-            const _ = f(
-              p.originalContent,
-              ...p.groups,
-              p.index,
-              a
-            );
-            a = a.substring(0, p.index) + _ + a.substring(p.index + p.length);
-          }
-        }
-        return a;
-      };
-      Object.keys(this.state).forEach((o) => {
-        this._isBound(o) && s.add(o);
-      });
-      let u = t;
-      u = c(
-        u,
-        /\b(function\s+\w+\s*|const\s+\w+\s*=\s*|let\s+\w+\s*=\s*|var\s+\w+\s*=\s*)*\(([^)]*)\)\s*=>/g,
-        (o, $, f) => {
-          if (!f || !f.trim()) return o;
-          const a = f.split(",").map((d) => d.trim()).filter((d) => d);
-          let h = !1;
-          const g = a.map((d) => {
-            const p = d.split("=")[0].trim().replace(/[{}[\]]/g, "");
-            if (this._isBound(p)) {
-              h = !0;
-              const _ = r(p);
-              return i.set(p, _), d.replace(p, _);
-            }
-            return d;
-          });
-          return h ? o.replace(f, g.join(", ")) : o;
-        }
-      ), u = c(
-        u,
-        /\bfunction\s+(\w+)\s*\(([^)]*)\)/g,
-        (o, $, f) => {
-          if (!f || !f.trim()) return o;
-          const a = f.split(",").map((d) => d.trim()).filter((d) => d);
-          let h = !1;
-          const g = a.map((d) => {
-            const p = d.split("=")[0].trim().replace(/[{}[\]]/g, "");
-            if (this._isBound(p)) {
-              h = !0;
-              const _ = r(p);
-              return i.set(p, _), d.replace(p, _);
-            }
-            return d;
-          });
-          return h ? o.replace(f, g.join(", ")) : o;
-        }
-      );
-      const A = /\bfunction\s+([a-zA-Z_$][0-9a-zA-Z_$]*)\s*\(/g;
-      let k;
-      for (; (k = A.exec(t)) !== null; )
-        n.add(k[1]);
-      const I = /\b(const|let|var)\s+([a-zA-Z_$][0-9a-zA-Z_$]*)\s*=/g;
-      for (; (k = I.exec(t)) !== null; )
-        n.add(k[2]);
-      n.forEach((o) => {
-        this._isBound(o) && (new RegExp(
-          `\\b${o}\\s*=\\s*(?:function|\\([^)]*\\)\\s*=>|[^=]+=>)`,
-          "g"
-        ).test(t) || new RegExp(`\\bfunction\\s+${o}\\s*\\(`).test(t) || e.add(o));
-      }), (/* @__PURE__ */ new Set([
-        ...e,
-        ...s
-      ])).forEach((o) => {
-        u = c(
-          u,
-          new RegExp(`(^|\\W)(\\+\\+|\\-\\-)\\s*${o}\\b`, "g"),
-          (f, a, h) => `${a}${h}this.state.${o}`
-        ), u = c(
-          u,
-          new RegExp(`\\b${o}\\s*(\\+\\+|\\-\\-)(?!\\.)`, "g"),
-          (f, a) => `this.state.${o}${a}`
-        ), u = c(
-          u,
-          new RegExp(
-            `(^|\\W)${o}\\s*([+\\-*/%&|^]|<<|>>|>>>)?=(?!=)`,
-            "g"
-          ),
-          (f, a, h, g, d) => {
-            const p = g + a.length;
-            let _ = d.substring(
-              Math.max(0, p - 10),
-              p
-            );
-            return /\b(const|let|var)\s+$/.test(_) ? f : `${a}this.state.${o} ${h || ""}=`;
-          }
-        );
-        const $ = new RegExp(
-          `\\b${o}\\b(?!\\s*[+\\-*/%&|^]?=)`,
-          "g"
-        );
-        u = c(
-          u,
-          $,
-          (f, a, h) => {
-            if (h.substring(
-              Math.max(0, a - 11),
-              a
-            ).endsWith("this.state."))
-              return f;
-            const d = h.substring(
-              Math.max(0, a - 20),
-              a
-            ), p = h.substring(
-              a + f.length,
-              Math.min(
-                h.length,
-                a + f.length + 10
-              )
-            );
-            if (/[{,]\s*$/.test(d) && /^\s*:/.test(p) || i.has(o) && h.substring(
-              Math.max(0, a - 50),
-              a
-            ).match(
-              /([+\-*/%&|^]|<<|>>|>>>)?=\s*[^=]*$/
-            ) || [
-              "break",
-              "case",
-              "catch",
-              "class",
-              "const",
-              "continue",
-              "debugger",
-              "default",
-              "delete",
-              "do",
-              "else",
-              "export",
-              "extends",
-              "finally",
-              "for",
-              "function",
-              "if",
-              "import",
-              "in",
-              "instanceof",
-              "let",
-              "new",
-              "return",
-              "super",
-              "switch",
-              "this",
-              "throw",
-              "try",
-              "typeof",
-              "var",
-              "void",
-              "while",
-              "with",
-              "yield"
-            ].includes(f))
-              return f;
-            const v = h.lastIndexOf(`
-`, a) + 1, M = h.substring(v, a);
-            if (/\b(?:const|let|var)\s+$/.test(M) || a > 0 && h[a - 1] === ".")
-              return f;
-            let R = a + f.length;
-            for (; R < h.length && /\s/.test(h[R]); )
-              R++;
-            return R < h.length && h[R] === "(" ? f : `this.state.${o}`;
-          }
-        );
-      }), i.forEach((o, $) => {
-        const f = new RegExp(`\\b${$}\\b`, "g");
-        u = c(
-          u,
-          f,
-          (a, h, g) => {
-            const d = g.substring(0, h);
-            if (d.includes(o)) {
-              let p = 0, _ = -1;
-              for (let v = d.length - 1; v >= 0; v--)
-                if (d[v] === "}") p++;
-                else if (d[v] === "{" && (p--, p < 0)) {
-                  _ = v;
-                  break;
-                }
-              if (_ !== -1) {
-                const v = d.substring(0, _);
-                if (v.substring(
-                  Math.max(0, v.lastIndexOf("(", _))
-                ).includes(o)) {
-                  if (g.substring(
-                    Math.max(0, h - 11),
-                    h
-                  ).endsWith("this.state."))
-                    return a;
-                  const V = g.substring(
-                    h + a.length,
-                    Math.min(g.length, h + a.length + 20)
-                  );
-                  return /^\s*([+\-*/%&|^]|<<|>>|>>>)?=(?!=)/.test(V) ? a : o;
-                }
-              }
-            }
-            return a;
-          }
-        );
-      });
-      let C = "";
-      n.size > 0 && (C = `
-
-// --- Auto-processed by LadrillosJS Framework ---
-`, n.forEach((o) => {
-        C += `if (this._isBound('${o}')) {
-`, C += `  if (typeof ${o} === 'function') {
-`, C += `    try { this.${o} = ${o}; } catch(e) { console.warn('LadrillosJS: Failed to assign function ${o} to component context.', e); }
-`, C += ` } else if (typeof ${o} !== 'undefined' && ${e.has(
-          o
-        )}) {
-`, C += `    if(typeof this.state.${o} === 'undefined') { try { this.state.${o} = ${o}; } catch(e) { console.warn('LadrillosJS: Failed to initialize state for ${o} from script.', e); } }
-`, C += `  }
-`, C += `}
-`;
-      }));
-      const z = u + C;
-      try {
-        new Function(z).call(this);
-      } catch (o) {
-        w.error("Error executing component script:", o), console.error(
-          `LadrillosJS: Error executing component script. Processed script was:
----
-` + z + `
----
-Error details:`,
-          o
-        );
-      }
-    }
-    // evaluates the expression in the context of the component
-    // and returns the result. If it fails, it tries to find the last arrow body
-    _evalExpression(t, n, e, s) {
-      try {
-        return new Function(`return (${t});`).call(this);
-      } catch (i) {
-        let r, l;
-        for (; r = e.exec(n); )
-          if (this._functions.set(s, r[0]), l = r[1].trim(), l)
-            try {
-              return new Function(`${l}`).bind(this);
-            } catch (c) {
-              return w.error(c), l;
-            }
-        return t;
-      }
-    }
-    // checks if the variable is bound in the template or event handlers
-    // e.g. {name} or onclick="handleClick"
-    // or data-bind="name" or value="{name}"
-    // or if it's an attribute that exists in state
-    _isBound(t) {
-      if (t in this.state)
-        return !0;
-      const n = this._eventBindings.some((i) => {
-        if (!i.key) return !1;
-        if (i.key === t) return !0;
-        const r = i.key.match(
-          /^([a-zA-Z_$][0-9a-zA-Z_$]*)\s*\(/
-        );
-        return r && r[1] === t;
-      }), e = this._bindings.some((i) => Array.isArray(i) ? i.some((r) => r.key === t || r.key.startsWith(t + ".")) : i.key === t || i.key.startsWith(t + ".")), s = this._conditionals.some(
-        (i) => i.some(({ expr: r }) => {
-          if (!r) return !1;
-          const l = t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-          return new RegExp(`\\b${l}\\b`).test(r);
-        })
-      );
-      return n || e || s;
-    }
-    // --- public APIs
-    /**
-     * Dispatch a custom event from the component.
-     *
-     * @param {string} name  Event name
-     * @param {*} [detail]   Payload; defaults to full component state
-     */
-    emit(t, n) {
-      const e = n != null ? n : this.state;
-      this.dispatchEvent(
-        new CustomEvent(t, {
-          detail: e,
-          bubbles: !0,
-          composed: !0
-        })
-      );
-    }
-    /**
-     * Listen for a custom event from the component.
-     * @param {string} name  Event name
-     * @param {function} handler  Callback function to handle the event
-     */
-    listen(t, n) {
-      const e = (s) => n(s.detail);
-      document.addEventListener(t, e), this._eventBindings.push({
-        element: document,
-        event: t,
-        listener: e
-      });
-    }
-    /**
-     * Set the component state and re-render the component.
-     * This method merges the new state with the existing state.
-     * It does not replace the entire state object.
-     * @param {*} partial
-     */
-    setState(t) {
-      Object.assign(this.state, t), this._render();
-    }
-    querySelector(t) {
-      return this.root.querySelector(t);
-    }
-    querySelectorAll(t) {
-      return this.root.querySelectorAll(t);
-    }
-  };
-  E = new WeakSet(), Z = function(t) {
-    if (t === "") return null;
-    if (t !== "undefined")
-      try {
-        return JSON.parse(t);
-      } catch (n) {
-        return t;
-      }
-  }, P(W, E);
-  let T = W;
-  customElements.define(y, T), w.log(`Web component defined: <${y}></${y}>`);
-};
-export {
-  G as defineWebComponent
-};