ladrillosjs 2.0.0-beta.3 → 2.0.0-beta.3.2

package/dist/{index-DymB3-NG.mjs → index-JWdjGiUA.mjs}

@@ -1,51 +1,51 @@
-var W = Object.defineProperty, I = Object.defineProperties;
-var D = Object.getOwnPropertyDescriptors;
-var k = Object.getOwnPropertySymbols;
-var K = Object.prototype.hasOwnProperty, O = Object.prototype.propertyIsEnumerable;
-var _ = (t) => {
+var q = Object.defineProperty, I = Object.defineProperties;
+var B = Object.getOwnPropertyDescriptors;
+var v = Object.getOwnPropertySymbols;
+var j = Object.prototype.hasOwnProperty, W = Object.prototype.propertyIsEnumerable;
+var k = (t) => {
   throw TypeError(t);
 };
-var P = (t, e, r) => e in t ? W(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, m = (t, e) => {
+var P = (t, e, r) => e in t ? q(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, h = (t, e) => {
   for (var r in e || (e = {}))
-    K.call(e, r) && P(t, r, e[r]);
-  if (k)
-    for (var r of k(e))
-      O.call(e, r) && P(t, r, e[r]);
+    j.call(e, r) && P(t, r, e[r]);
+  if (v)
+    for (var r of v(e))
+      W.call(e, r) && P(t, r, e[r]);
   return t;
-}, g = (t, e) => I(t, D(e));
-var G = (t, e, r) => e.has(t) || _("Cannot " + r);
-var H = (t, e, r) => e.has(t) ? _("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r);
-var S = (t, e, r) => (G(t, e, "access private method"), r);
-var d = (t, e, r) => new Promise((s, o) => {
-  var n = (c) => {
+}, f = (t, e) => I(t, B(e));
+var D = (t, e, r) => e.has(t) || k("Cannot " + r);
+var z = (t, e, r) => e.has(t) ? k("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r);
+var $ = (t, e, r) => (D(t, e, "access private method"), r);
+var p = (t, e, r) => new Promise((s, o) => {
+  var i = (c) => {
     try {
       a(r.next(c));
-    } catch (f) {
-      o(f);
+    } catch (d) {
+      o(d);
     }
   }, l = (c) => {
     try {
       a(r.throw(c));
-    } catch (f) {
-      o(f);
+    } catch (d) {
+      o(d);
     }
-  }, a = (c) => c.done ? s(c.value) : Promise.resolve(c.value).then(n, l);
+  }, a = (c) => c.done ? s(c.value) : Promise.resolve(c.value).then(i, l);
   a((r = r.apply(t, e)).next());
 });
-const M = () => {
+const L = () => {
   try {
     return !1;
   } catch (t) {
     return process.env.NODE_ENV === "development";
   }
-}, i = {
+}, n = {
   /**
    * Log a message only in development mode
    * @param message - The message to log
    * @param args - Additional arguments to log
    */
   log(t, ...e) {
-    M() && console.log(t, ...e);
+    L() && console.log(t, ...e);
   },
   /**
    * Log an error (always logs in both dev and production)
@@ -61,9 +61,9 @@ const M = () => {
    * @param args - Additional arguments to log
    */
   warn(t, ...e) {
-    M() && console.warn(t, ...e);
+    L() && console.warn(t, ...e);
   }
-}, p = (t, e) => {
+}, g = (t, e) => {
   const r = [t];
   return e && (e.componentName && r.push(`
   Component: <${e.componentName}>`), e.componentPath && r.push(`
@@ -73,102 +73,102 @@ const M = () => {
   Event: ${e.eventType}`), e.elementTag && r.push(`
   Element: <${e.elementTag}>`), e.lineHint && r.push(`
   Location: ${e.lineHint}`)), r.join("");
-}, fe = (t, e, r) => {
-  const s = p(
+}, pe = (t, e, r) => {
+  const s = g(
     "⚠️ Binding Error: Failed to evaluate expression",
-    g(m({}, r), {
+    f(h({}, r), {
       expression: t,
       lineHint: (r == null ? void 0 : r.lineHint) || "Template binding expression"
     })
   );
-  i.error(s), i.error(`  Error details: ${e.message}`), e.stack && console.debug("  Stack trace:", e.stack);
-}, he = (t, e, r, s) => {
-  const o = p(
+  n.error(s), n.error(`  Error details: ${e.message}`), e.stack && console.debug("  Stack trace:", e.stack);
+}, ue = (t, e, r, s) => {
+  const o = g(
     "⚠️ Event Handler Error: Failed to execute handler",
-    g(m({}, s), {
+    f(h({}, s), {
       eventType: t,
       expression: e,
       lineHint: (s == null ? void 0 : s.lineHint) || `on${t} handler`
     })
   );
-  i.error(o), i.error(`  Error details: ${r.message}`), r.stack && console.debug("  Stack trace:", r.stack);
-}, we = (t, e, r) => {
-  const s = p(
+  n.error(o), n.error(`  Error details: ${r.message}`), r.stack && console.debug("  Stack trace:", r.stack);
+}, ge = (t, e, r) => {
+  const s = g(
     "⚠️ Conditional Error: Failed to evaluate condition",
-    g(m({}, r), {
+    f(h({}, r), {
       expression: t,
       lineHint: (r == null ? void 0 : r.lineHint) || "$if/$else-if condition"
     })
   );
-  i.error(s), i.error(`  Error details: ${e.message}`), e.stack && console.debug("  Stack trace:", e.stack);
-}, ye = (t, e, r) => {
-  const s = p(
+  n.error(s), n.error(`  Error details: ${e.message}`), e.stack && console.debug("  Stack trace:", e.stack);
+}, he = (t, e, r) => {
+  const s = g(
     "⚠️ Loop Error: Failed to process loop",
-    g(m({}, r), {
+    f(h({}, r), {
       expression: t,
       lineHint: (r == null ? void 0 : r.lineHint) || "$for loop expression"
     })
   );
-  i.error(s), i.error(`  Error details: ${e.message}`), e.stack && console.debug("  Stack trace:", e.stack);
-}, x = (t, e, r) => {
-  const s = p(
+  n.error(s), n.error(`  Error details: ${e.message}`), e.stack && console.debug("  Stack trace:", e.stack);
+}, _ = (t, e, r) => {
+  const s = g(
     "⚠️ Registration Error: Failed to register component",
     {
       componentName: t,
       componentPath: e
     }
   );
-  i.error(s), i.error(`  Error details: ${r.message}`), r.stack && console.debug("  Stack trace:", r.stack);
-}, z = (t, e, r) => {
-  const s = p(
+  n.error(s), n.error(`  Error details: ${r.message}`), r.stack && console.debug("  Stack trace:", r.stack);
+}, H = (t, e, r) => {
+  const s = g(
     "⚠️ Fetch Error: Failed to load resource",
-    g(m({}, r), {
+    f(h({}, r), {
       componentPath: t
     })
   );
-  i.error(s), i.error(`  Error details: ${e.message}`);
-}, J = (t, e) => {
-  const r = p(
+  n.error(s), n.error(`  Error details: ${e.message}`);
+}, M = (t, e) => {
+  const r = g(
     `⚠️ Parse Error: ${t}`,
     e
   );
-  i.error(r);
-}, Ee = (t, e) => {
-  const r = p(
+  n.error(r);
+}, fe = (t, e) => {
+  const r = g(
     "⚠️ Script Error: Failed to execute component script",
     e
   );
-  i.error(r), i.error(`  Error details: ${t.message}`), t.stack && console.debug("  Stack trace:", t.stack);
-}, Ce = (t, e, r) => {
-  const s = p(
+  n.error(r), n.error(`  Error details: ${t.message}`), t.stack && console.debug("  Stack trace:", t.stack);
+}, me = (t, e, r) => {
+  const s = g(
     "⚠️ Two-Way Binding Error: Failed to setup binding",
-    g(m({}, r), {
+    f(h({}, r), {
       expression: t,
       lineHint: (r == null ? void 0 : r.lineHint) || "$model binding"
     })
   );
-  i.error(s), i.error(`  Error details: ${e.message}`);
-}, Se = (t, e) => {
+  n.error(s), n.error(`  Error details: ${e.message}`);
+}, ye = (t, e) => {
   var r;
-  return m({
+  return h({
     componentName: (t == null ? void 0 : t.tagName) || ((r = t == null ? void 0 : t.constructor) == null ? void 0 : r.name),
     componentPath: (t == null ? void 0 : t.sourcePath) || (t == null ? void 0 : t._sourcePath)
   }, e);
-}, u = /* @__PURE__ */ new Map(), V = 25, X = (t) => {
+}, u = /* @__PURE__ */ new Map(), K = 25, O = (t) => {
   const e = u.get(t);
   return e && (u.delete(t), u.set(t, e)), e;
-}, Y = (t, e) => {
+}, G = (t, e) => {
   if (u.has(t))
     u.delete(t);
-  else if (u.size >= V) {
+  else if (u.size >= K) {
     const r = u.keys().next().value;
     r && u.delete(r);
   }
   u.set(t, e);
-}, N = (t) => d(null, null, function* () {
+}, N = (t) => p(null, null, function* () {
   if (!t)
     throw new Error("Path cannot be null or empty");
-  const e = X(t);
+  const e = O(t);
   if (e) return e;
   try {
     const r = yield fetch(t);
@@ -177,17 +177,17 @@ const M = () => {
         `Failed to fetch component from ${t}: ${r.statusText}`
       );
     const s = yield r.text();
-    return Y(t, s), s;
+    return G(t, s), s;
   } catch (r) {
-    z(t, r, { componentPath: t });
+    H(t, r, { componentPath: t });
   }
-}), Q = (t) => d(null, null, function* () {
+}), J = (t) => p(null, null, function* () {
   try {
     const e = yield fetch(t);
     if (!e.ok) throw new Error(`HTTP ${e.status}`);
     return yield e.text();
   } catch (e) {
-    return z(t, e), "";
+    return H(t, e), "";
   }
 }), b = {
   bindings: /{([^}]+)}/g,
@@ -196,19 +196,19 @@ const M = () => {
     css: /\/\*[\s\S]*?\*\//g,
     html: /<!--[\s\S]*?-->/g
   }
-}, U = new DOMParser(), T = (t, e) => d(null, null, function* () {
-  const r = Z(t), { scripts: s, externalScripts: o } = te(r), n = yield se(r), l = r.body.innerHTML.trim();
+}, V = new DOMParser(), x = (t, e) => p(null, null, function* () {
+  const r = X(t), { scripts: s, externalScripts: o } = Q(r), i = yield Z(r), l = r.body.innerHTML.trim();
   return {
     tagName: e,
     template: l,
     scripts: s,
     externalScripts: o,
-    styles: n
+    styles: i
   };
-}), Z = (t) => U.parseFromString(
+}), X = (t) => V.parseFromString(
   t.replace(b.comments.html, ""),
   "text/html"
-), ee = (t) => [
+), Y = (t) => [
   "/@vite/",
   // Vite dev client
   "/__vite",
@@ -223,33 +223,33 @@ const M = () => {
   // Browser Sync
   "/livereload.js"
   // LiveReload
-].some((r) => t.includes(r)), te = (t) => {
+].some((r) => t.includes(r)), Q = (t) => {
   var s, o;
   const e = [], r = [];
-  for (const n of t.querySelectorAll("script")) {
-    if (n.src) {
-      if (ee(n.src)) {
-        n.remove();
+  for (const i of t.querySelectorAll("script")) {
+    if (i.src) {
+      if (Y(i.src)) {
+        i.remove();
         continue;
       }
-      const l = n.hasAttribute("external");
+      const l = i.hasAttribute("external");
       r.push({
-        src: n.getAttribute("src") || n.src,
+        src: i.getAttribute("src") || i.src,
         // Use getAttribute to preserve relative paths
-        type: (s = n.type) != null ? s : null,
+        type: (s = i.type) != null ? s : null,
         external: l
       });
-    } else if (n.textContent) {
-      let l = n.textContent.trim();
+    } else if (i.textContent) {
+      let l = i.textContent.trim();
       l = l.replace(b.comments.js, "").trim(), e.push({
         content: l,
-        type: (o = n.type) != null ? o : null
+        type: (o = i.type) != null ? o : null
       });
     }
-    n.remove();
+    i.remove();
   }
   return { scripts: e, externalScripts: r };
-}, re = (t) => {
+}, U = (t) => {
   const e = t.match(/const __vite__css = "((?:[^"\\]|\\.)*)"/);
   if (e && e[1])
     return e[1].replace(/\\r\\n/g, `
@@ -258,47 +258,47 @@ const M = () => {
   const r = t.match(/export\s+default\s+"((?:[^"\\]|\\.)*)"/);
   return r && r[1] ? r[1].replace(/\\r\\n/g, `
 `).replace(/\\n/g, `
-`).replace(/\\t/g, "	").replace(/\\"/g, '"').replace(/\\\\/g, "\\") : t.includes("import") || t.includes("export") ? (i.warn(
+`).replace(/\\t/g, "	").replace(/\\"/g, '"').replace(/\\\\/g, "\\") : t.includes("import") || t.includes("export") ? (n.warn(
     "CSS file returned JavaScript module format. CSS may not load correctly."
   ), "") : t;
-}, se = (t) => d(null, null, function* () {
+}, Z = (t) => p(null, null, function* () {
   let e = "";
   const r = t.querySelectorAll("style, link[rel='stylesheet']");
   for (const s of r) {
     if (s.tagName === "LINK") {
-      const n = yield Q(s.href), l = re(n);
+      const i = yield J(s.href), l = U(i);
       l && (e += `
 ` + l);
     } else if (s.tagName === "STYLE") {
       const o = s;
       if (o.textContent) {
-        let n = o.textContent.trim();
-        n = n.replace(b.comments.css, "").trim(), e += `
-` + n;
+        let i = o.textContent.trim();
+        i = i.replace(b.comments.css, "").trim(), e += `
+` + i;
       }
     }
     s.remove();
   }
   return e.trim();
 });
-var h, A, F;
-class oe {
+var w, T, A;
+class ee {
   constructor() {
-    H(this, h);
-    this.components = {}, this.lazyComponents = /* @__PURE__ */ new Set(), this.intersectionObserver = null;
+    z(this, w);
+    this.components = {}, this.lazyComponents = /* @__PURE__ */ new Set(), this.intersectionObserver = null, this.lazyLoadingInProgress = /* @__PURE__ */ new Map(), this.lazyComponentsLoaded = /* @__PURE__ */ new Set();
   }
   registerComponent(e, r, s = !0, o = !1) {
-    return d(this, null, function* () {
+    return p(this, null, function* () {
       if (this.components[e]) {
-        i.warn(`Component with name "${e}" is already registered.`);
+        n.warn(`Component with name "${e}" is already registered.`);
         return;
       }
       if (o) {
-        this.lazyComponents.add(e), S(this, h, A).call(this, e, r, s), i.log(`Component ${e} registered as lazy-loaded`);
+        this.lazyComponents.add(e), $(this, w, T).call(this, e, r, s), n.log(`Component ${e} registered as lazy-loaded`);
         return;
       }
       try {
-        const n = yield N(r), l = yield T(n, e);
+        const i = yield N(r), l = yield x(i, e);
         this.components[e] = {
           tagName: e,
           template: l.template,
@@ -307,23 +307,23 @@ class oe {
           styles: l.styles,
           sourcePath: r,
           lazy: !1
-        }, i.log(`Component ${e} registered successfully`), yield S(this, h, F).call(this, e, s);
-      } catch (n) {
-        x(e, r, n);
+        }, n.log(`Component ${e} registered successfully`), yield $(this, w, A).call(this, e, s);
+      } catch (i) {
+        _(e, r, i);
         return;
       }
     });
   }
 }
-h = new WeakSet(), /**
+w = new WeakSet(), /**
  * Defines a lazy-loading placeholder component
  * @param name - Component name
  * @param path - Component path
  * @param useShadowDOM - Whether to use Shadow DOM
  */
-A = function(e, r, s) {
+T = function(e, r, s) {
   const o = this;
-  class n extends HTMLElement {
+  class i extends HTMLElement {
     constructor() {
       super(), this.loaded = !1, this.observer = null, s && (this.attachShadow({ mode: "open" }), this.shadowRoot && (this.shadowRoot.innerHTML = `
               <style>
@@ -344,8 +344,8 @@ A = function(e, r, s) {
             });
           },
           {
-            rootMargin: "50px"
-            // Load 50px before entering viewport
+            rootMargin: "100px"
+            // Load 100px before entering viewport
           }
         ), this.observer.observe(this);
       }
@@ -354,54 +354,80 @@ A = function(e, r, s) {
       this.observer && (this.observer.disconnect(), this.observer = null);
     }
     loadComponent() {
-      return d(this, null, function* () {
+      return p(this, null, function* () {
         try {
-          i.log(`Lazy loading component: ${e}`);
-          const a = this, c = this.parentNode, f = this.nextSibling;
-          if (!c) {
-            J(`Placeholder for ${e} has no parent node`, {
-              componentName: e,
-              componentPath: r
-            });
+          if (o.lazyComponentsLoaded.has(e)) {
+            n.log(
+              `Component ${e} already loaded, upgrading placeholder...`
+            ), this.upgradePlaceholder();
+            return;
+          }
+          if (o.lazyLoadingInProgress.has(e)) {
+            n.log(`Component ${e} is already loading, waiting...`), yield o.lazyLoadingInProgress.get(e), this.upgradePlaceholder();
             return;
           }
-          const q = yield N(r), y = yield T(q, e);
-          i.log(`Component ${e} parsed successfully`), o.components[e] = {
-            tagName: e,
-            template: y.template,
-            scripts: y.scripts,
-            externalScripts: y.externalScripts,
-            styles: y.styles,
-            sourcePath: r,
-            lazy: !0
-          };
-          const w = `${e}-real`;
-          i.log(`Defining real component with temp name: ${w}`);
-          const B = o.components[e].tagName;
-          o.components[e].tagName = w;
-          const { defineWebComponent: j } = yield import("./webcomponent-DrCSyWrI.mjs");
-          j(o.components[e], s), i.log(`Real component ${w} defined`), o.components[e].tagName = B;
-          const E = document.createElement(w);
-          for (i.log(`Created real component instance: ${w}`), Array.from(a.attributes).forEach((v) => {
-            E.setAttribute(v.name, v.value);
-          }); a.firstChild; )
-            E.appendChild(a.firstChild);
-          f ? (c.insertBefore(E, f), i.log("Inserted real component before next sibling")) : (c.appendChild(E), i.log("Appended real component to parent")), c.removeChild(a), i.log("Removed placeholder element"), o.lazyComponents.delete(e), i.log(`Component ${e} lazy-loaded successfully`);
+          const a = this.performLoad();
+          o.lazyLoadingInProgress.set(e, a), yield a, o.lazyLoadingInProgress.delete(e), o.lazyComponentsLoaded.add(e), o.lazyComponents.delete(e), n.log(`Component ${e} lazy-loaded successfully`);
         } catch (a) {
-          x(e, r, a);
+          o.lazyLoadingInProgress.delete(e), _(e, r, a);
+        }
+      });
+    }
+    performLoad() {
+      return p(this, null, function* () {
+        n.log(`Lazy loading component: ${e}`);
+        const a = this.parentNode;
+        if (this.nextSibling, !a) {
+          M(`Placeholder for ${e} has no parent node`, {
+            componentName: e,
+            componentPath: r
+          });
+          return;
         }
+        const c = yield N(r), d = yield x(c, e);
+        n.log(`Component ${e} parsed successfully`), o.components[e] = {
+          tagName: e,
+          template: d.template,
+          scripts: d.scripts,
+          externalScripts: d.externalScripts,
+          styles: d.styles,
+          sourcePath: r,
+          lazy: !0
+        };
+        const m = `${e}-real`;
+        n.log(`Defining real component with temp name: ${m}`);
+        const y = o.components[e].tagName;
+        o.components[e].tagName = m;
+        const { defineWebComponent: C } = yield import("./webcomponent-DT_kduma.mjs");
+        C(o.components[e], s), n.log(`Real component ${m} defined`), o.components[e].tagName = y, this.upgradePlaceholder();
       });
     }
+    upgradePlaceholder() {
+      const a = this, c = this.parentNode, d = this.nextSibling;
+      if (!c) {
+        M(`Placeholder for ${e} has no parent node`, {
+          componentName: e,
+          componentPath: r
+        });
+        return;
+      }
+      const m = `${e}-real`, y = document.createElement(m);
+      for (n.log(`Created real component instance: ${m}`), Array.from(a.attributes).forEach((C) => {
+        C.name !== "eager" && y.setAttribute(C.name, C.value);
+      }); a.firstChild; )
+        y.appendChild(a.firstChild);
+      d ? (c.insertBefore(y, d), n.log("Inserted real component before next sibling")) : (c.appendChild(y), n.log("Appended real component to parent")), c.removeChild(a), n.log("Removed placeholder element");
+    }
   }
-  customElements.get(e) || customElements.define(e, n);
-}, F = function(e, r) {
-  return d(this, null, function* () {
-    const { defineWebComponent: s } = yield import("./webcomponent-DrCSyWrI.mjs");
+  customElements.get(e) || customElements.define(e, i);
+}, A = function(e, r) {
+  return p(this, null, function* () {
+    const { defineWebComponent: s } = yield import("./webcomponent-DT_kduma.mjs");
     this.components[e] && s(this.components[e], r);
   });
 };
-const L = new oe();
-class ne {
+const F = new ee();
+class te {
   constructor() {
     this.listeners = /* @__PURE__ */ new Map();
   }
@@ -421,17 +447,17 @@ class ne {
     const o = this.listeners.get(e);
     if (!o || o.size === 0)
       return Promise.resolve();
-    const n = [];
+    const i = [];
     return o.forEach((l) => {
       try {
         const a = l(r);
-        a instanceof Promise && n.push(a);
+        a instanceof Promise && i.push(a);
       } catch (a) {
-        i.error(
+        n.error(
           `⚠️ Event Bus Error: Failed to execute listener for "${e}"`
-        ), i.error(`  Error details: ${a.message}`), n.push(Promise.reject(a));
+        ), n.error(`  Error details: ${a.message}`), i.push(Promise.reject(a));
       }
-    }), n.length > 0 ? Promise.all(n).then(() => {
+    }), i.length > 0 ? Promise.all(i).then(() => {
     }) : Promise.resolve();
   }
   /**
@@ -471,38 +497,38 @@ class ne {
     return (s = (r = this.listeners.get(e)) == null ? void 0 : r.size) != null ? s : 0;
   }
 }
-const R = new ne(), ie = (t, e, r, s) => L.registerComponent(t, e, r, s), le = (t) => d(null, null, function* () {
+const R = new te(), re = (t, e, r, s) => F.registerComponent(t, e, r, s), se = (t) => p(null, null, function* () {
   yield Promise.all(
     t.map(
-      ({ name: e, path: r, useShadowDOM: s, lazy: o }) => L.registerComponent(e, r, s, o)
+      ({ name: e, path: r, useShadowDOM: s, lazy: o }) => F.registerComponent(e, r, s, o)
     )
   );
-}), ae = (t, e) => R.listen(t, e), ce = (t, e) => {
+}), oe = (t, e) => R.listen(t, e), ne = (t, e) => {
   R.emit(t, e);
-}, $e = (t, e) => {
+}, we = (t, e) => {
   if (e) {
     const r = e.tagName.toLowerCase();
     window.__ladrilloContexts || (window.__ladrilloContexts = /* @__PURE__ */ new Map()), window.__ladrilloContexts.set(r, { shadowRoot: t, element: e });
   }
-}, C = () => {
+}, E = () => {
   const t = window.__ladrilloContexts;
   if (t && t.size > 0) {
     const e = Array.from(t.values());
     return e[e.length - 1];
   }
   return null;
-}, de = () => {
-  const t = C();
+}, ie = () => {
+  const t = E();
   return t && t.element ? t.element.state || {} : {};
-}, $ = (t) => {
-  const e = C();
+}, S = (t) => {
+  const e = E();
   e && e.setState && e.setState(t);
-}, ue = (t, e) => ($({ [t]: e }), (r) => {
-  $({ [t]: r });
-}), pe = (t, e) => {
+}, ae = (t, e) => (S({ [t]: e }), (r) => {
+  S({ [t]: r });
+}), le = (t, e) => {
   if (e)
     return e.querySelector(t);
-  const r = C();
+  const r = E();
   if (r) {
     const s = r.shadowRoot || r.element;
     if (s) {
@@ -511,10 +537,10 @@ const R = new ne(), ie = (t, e, r, s) => L.registerComponent(t, e, r, s), le = (
     }
   }
   return document.querySelector(t);
-}, me = (t, e) => {
+}, ce = (t, e) => {
   if (e)
     return e.querySelectorAll(t);
-  const r = C();
+  const r = E();
   if (r) {
     const s = r.shadowRoot || r.element;
     if (s) {
@@ -525,30 +551,30 @@ const R = new ne(), ie = (t, e, r, s) => L.registerComponent(t, e, r, s), le = (
   return document.querySelectorAll(t);
 };
 typeof window != "undefined" && (window.ladrillosjs = {
-  registerComponent: ie,
-  registerComponents: le
-}, window.$listen = ae, window.$emit = ce, window.$querySelector = pe, window.$querySelectorAll = me, window.$reactive = ue, window.$setState = $, window.$getState = de);
+  registerComponent: re,
+  registerComponents: se
+}, window.$listen = oe, window.$emit = ne, window.$querySelector = le, window.$querySelectorAll = ce, window.$reactive = ae, window.$setState = S, window.$getState = ie);
 export {
-  ae as $,
+  oe as $,
   b as R,
-  $e as _,
-  fe as a,
-  ye as b,
-  Se as c,
-  we as d,
-  he as e,
+  we as _,
+  pe as a,
+  he as b,
+  ye as c,
+  ge as d,
+  ue as e,
   R as f,
-  Ee as g,
-  i as h,
-  Ce as i,
-  le as j,
-  ce as k,
-  J as l,
-  de as m,
-  $ as n,
-  ue as o,
-  pe as p,
-  me as q,
-  ie as r
+  fe as g,
+  n as h,
+  me as i,
+  se as j,
+  ne as k,
+  M as l,
+  ie as m,
+  S as n,
+  ae as o,
+  le as p,
+  ce as q,
+  re as r
 };
-//# sourceMappingURL=index-DymB3-NG.mjs.map
+//# sourceMappingURL=index-JWdjGiUA.mjs.map