ladrillosjs 0.1.5 → 0.1.7

package/dist/ladrillosjs.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./main-DEaqXlbt.js");exports.ladrillos=e.ladrillos;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./main-BhrXwJZE.js");exports.ladrillos=e.ladrillos;

package/dist/ladrillosjs.es.js

@@ -1,4 +1,4 @@
-import { a as o } from "./main-BLGdqIcm.mjs";
+import { a as o } from "./main-Bw2tFs_l.mjs";
 export {
   o as ladrillos
 };

package/dist/ladrillosjs.umd.js

@@ -1,5 +1,5 @@
-(function(o,s){typeof exports=="object"&&typeof module!="undefined"?s(exports):typeof define=="function"&&define.amd?define(["exports"],s):(o=typeof globalThis!="undefined"?globalThis:o||self,s(o.ladrillosjs={}))})(this,function(o){"use strict";var M=Object.defineProperty;var R=o=>{throw TypeError(o)};var q=(o,s,i)=>s in o?M(o,s,{enumerable:!0,configurable:!0,writable:!0,value:i}):o[s]=i;var x=(o,s,i)=>q(o,typeof s!="symbol"?s+"":s,i),H=(o,s,i)=>s.has(o)||R("Cannot "+i);var A=(o,s,i)=>(H(o,s,"read from private field"),i?i.call(o):s.get(o)),B=(o,s,i)=>s.has(o)?R("Cannot add the same private member more than once"):s instanceof WeakSet?s.add(o):s.set(o,i);var v=(o,s,i)=>new Promise((b,C)=>{var $=l=>{try{f(i.next(l))}catch(c){C(c)}},E=l=>{try{f(i.throw(l))}catch(c){C(c)}},f=l=>l.done?b(l.value):Promise.resolve(l.value).then($,E);f((i=i.apply(o,s)).next())});var f;const s={log(l,...c){},error(l,...c){console.error(l,...c)},warn(l,...c){}};class i{constructor(){B(this,f,new Map);this.components={}}registerComponent(c,h,d=!0){return v(this,null,function*(){if(this.components[c]){s.log(`Component ${c} already registered, skipping.`);return}try{let u=A(this,f).get(h);u||(u=yield(yield fetch(h)).text(),A(this,f).set(h,u));const _=u.replace(/<!--[\s\S]*?-->/g,""),w=new DOMParser().parseFromString(_,"text/html");let y="";const S=Array.from(w.querySelectorAll("script:not([type='module'])"));for(const e of S){if(e.src){const n=e.getAttribute("src");let a;try{a=n}catch(r){console.error(`Invalid script URL "${n}" (base "${h}") - skipping:`,r),e.remove();continue}try{const r=yield fetch(a);if(!r.ok)throw new Error(`HTTP ${r.status}`);y+=`
-`+(yield r.text())}catch(r){console.error(`Could not load script at ${a} - skipping:`,r)}}else y+=`
-`+e.textContent;e.remove()}y=y.replace(/\/\*[\s\S]*?\*\//g,"").replace(/\/\/.*$/gm,"").trim();let m="";const T=Array.from(w.querySelectorAll("link[rel='stylesheet']"));for(const e of T){const n=e.getAttribute("href");let a;try{a=n+"?raw"}catch(r){console.error(`Invalid stylesheet URL "${n}" (base "${h}") - skipping:`,r),e.remove();continue}try{const r=yield fetch(a);if(!r.ok)throw new Error(`HTTP ${r.status}`);m+=`
-`+(yield r.text())}catch(r){console.error(`Could not load stylesheet at ${a} - skipping:`,r)}e.remove()}const g=Array.from(w.querySelectorAll("style"));for(const e of g)m+=`
-`+e.textContent,e.remove();m=m.trim();const t=document.createElement("template");t.innerHTML=w.body.innerHTML,this.components[c]={tagName:c,template:t,script:y,style:m},this._defineWebComponent(c,d),s.log(`Component ${c} registered successfully`)}catch(u){s.error(`Failed to register component ${c}:`,u)}})}_defineWebComponent(c,h){return v(this,null,function*(){const{defineWebComponent:d}=yield Promise.resolve().then(()=>E);d(this.components[c],h)})}}f=new WeakMap,x(i,"_SCRIPT_ALL",/<script>([\s\S]*?)<\/script>/g),x(i,"_STYLE_ALL",/<style>([\s\S]*?)<\/style>/g),x(i,"_SCRIPT_ONE",/<script>([\s\S]*?)<\/script>/),x(i,"_STYLE_ONE",/<style>([\s\S]*?)<\/style>/);const b=new i;function C(l,c={}){return new Proxy(c,{set(h,d,u){const _=h[d];return h[d]=u,_!==u&&!l._initializing&&(typeof l._updateBinding=="function"?l._updateBinding(d,u):l._update()),!0},get(h,d){return h[d]}})}const E=Object.freeze(Object.defineProperty({__proto__:null,defineWebComponent:(l,c)=>{if(!l){s.error("Component is not defined or invalid.");return}if(customElements.get(l.tagName)){s.warn(`Component ${l.tagName} is already defined.`);return}const{tagName:h,template:d,script:u,style:_}=l,w=(g=>{const t=/{(.*?)}/g,e=new Set;let n;for(;(n=t.exec(g.innerHTML))!==null;)e.add(n[1].trim().toLowerCase());return Array.from(e)})(d),y=u.replace(/\b(?:const|let|var)\s+([\w$]+)\s*=/g,"state.$1 =").replace(/function\s+([\w$]+)\s*\(/g,"state.$1 = function ("),S=u?new Function("state",`with(state){${y}}`):()=>{},m=[];d.content.querySelectorAll("*").forEach(g=>{Array.from(g.attributes).forEach(t=>{if(!t.name.startsWith("on"))return;const e=t.name.slice(2),n=t.value.match(/{\s*([\w$]+)\(\)\s*}/);if(!n)return;const a=n[1];g.dataset._evtIndex=m.length,m.push({evt:e,fnName:a}),g.removeAttribute(t.name)})});class T extends HTMLElement{constructor(){super(),c&&this.attachShadow({mode:"open"}),this.state={},this.styleElement=document.createElement("style"),this.styleElement.textContent=_||"",this._textBindings={},this._origText=new Map}connectedCallback(){this._textBindings={},this._origText=new Map;const t=d.content.cloneNode(!0);this.shadowRoot?(this.shadowRoot.appendChild(this.styleElement),this.shadowRoot.appendChild(t)):(this.appendChild(this.styleElement),this.appendChild(t)),this.state=C(this,{}),this._initializing=!0;try{S.call(this,this.state)}catch(n){console.error("Error initializing component script:",n)}finally{this._initializing=!1}const e=this.shadowRoot||this;this._processTemplate(e)}_processTemplate(t){this._getAllTextNodes(t).forEach(n=>{const a=n.textContent;a.includes("{")&&a.includes("}")&&(this._origText.set(n,a),n.textContent=a.replace(/{([^}]+)}/g,(r,p)=>(p=p.trim(),this._textBindings[p]=this._textBindings[p]||[],this._textBindings[p].push(n),this.hasAttribute(p)?this.getAttribute(p):this.state[p]!==void 0?this.state[p]:r)))}),m.forEach((n,a)=>{const r=t.querySelector(`[data-_evt-index="${a}"]`);r.removeAttribute("data-_evt-index"),r.addEventListener(n.evt,p=>{const N=this.state[n.fnName];typeof N=="function"&&N.call(r,p)})})}_getAllTextNodes(t){const e=[],n=document.createTreeWalker(t,NodeFilter.SHOW_TEXT,null,!1);let a;for(;a=n.nextNode();)e.push(a);return e}_update(){const t=d.content.cloneNode(!0);this._processTemplate(t),this.shadowRoot?(this.shadowRoot.innerHTML="",this.shadowRoot.appendChild(this.styleElement),this.shadowRoot.appendChild(t)):(this.innerHTML="",this.appendChild(this.styleElement),this.appendChild(t))}_updateBinding(t){(this._textBindings[t]||[]).forEach(e=>{const n=this._origText.get(e)||"";e.textContent=n.replace(/{([^}]+)}/g,(a,r)=>(r=r.trim(),this.hasAttribute(r)?this.getAttribute(r):this.state[r]))})}disconnectedCallback(){s.log("disconnectedCallback",this)}static get observedAttributes(){return w}attributeChangedCallback(t,e,n){e!==n&&(this.state[t]=n)}emit(t,e){const n=e!=null?e:this.state;this.dispatchEvent(new CustomEvent(t,{detail:n,bubbles:!0}))}querySelector(t){return this.shadowRoot?this.shadowRoot.querySelector(t):super.querySelector(t)}querySelectorAll(t){return this.shadowRoot?this.shadowRoot.querySelectorAll(t):super.querySelectorAll(t)}}customElements.define(h,T),s.log(`Web component defined: <${h}></${h}>`)}},Symbol.toStringTag,{value:"Module"}));o.ladrillos=b,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})});
+(function(r,n){typeof exports=="object"&&typeof module!="undefined"?n(exports):typeof define=="function"&&define.amd?define(["exports"],n):(r=typeof globalThis!="undefined"?globalThis:r||self,n(r.ladrillosjs={}))})(this,function(r){"use strict";var H=Object.defineProperty;var B=r=>{throw TypeError(r)};var q=(r,n,l)=>n in r?H(r,n,{enumerable:!0,configurable:!0,writable:!0,value:l}):r[n]=l;var b=(r,n,l)=>q(r,typeof n!="symbol"?n+"":n,l),P=(r,n,l)=>n.has(r)||B("Cannot "+l);var A=(r,n,l)=>(P(r,n,"read from private field"),l?l.call(r):n.get(r)),L=(r,n,l)=>n.has(r)?B("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(r):n.set(r,l);var $=(r,n,l)=>new Promise((_,E)=>{var T=u=>{try{C(l.next(u))}catch(c){E(c)}},R=u=>{try{C(l.throw(u))}catch(c){E(c)}},C=u=>u.done?_(u.value):Promise.resolve(u.value).then(T,R);C((l=l.apply(r,n)).next())});var u;const n={log(c,...a){},error(c,...a){console.error(c,...a)},warn(c,...a){}},l=["___vscode_livepreview_injected_script"];class _{constructor(){L(this,u,new Map);this.components={}}registerComponent(a,h,d=!0){return $(this,null,function*(){if(this.components[a]){n.log(`Component ${a} already registered, skipping.`);return}try{let p=A(this,u).get(h);p||(p=yield(yield fetch(h)).text(),A(this,u).set(h,p));const x=p.replace(/<!--[\s\S]*?-->/g,""),w=new DOMParser().parseFromString(x,"text/html");let y="";const S=Array.from(w.querySelectorAll("script:not([type='module'])"));for(const s of S){const t=s.getAttribute("src");if(t&&l.some(o=>t.includes(o))){n.log(`Skipping ignored script "${t}"`),s.remove();continue}if(t){let o;try{o=t}catch(i){console.error(`Invalid script URL "${t}" (base "${h}") - skipping:`,i),s.remove();continue}try{const i=yield fetch(o);if(!i.ok)throw new Error(`HTTP ${i.status}`);y+=`
+`+(yield i.text())}catch(i){console.error(`Could not load script at ${o} - skipping:`,i)}}else y+=`
+`+s.textContent;s.remove()}y=y.replace(/\/\*[\s\S]*?\*\//g,"").replace(/\/\/.*$/gm,"").trim();let g="";const v=Array.from(w.querySelectorAll("link[rel='stylesheet']"));for(const s of v){const t=s.getAttribute("href");let o;try{o=t+"?raw"}catch(i){console.error(`Invalid stylesheet URL "${t}" (base "${h}") - skipping:`,i),s.remove();continue}try{const i=yield fetch(o);if(!i.ok)throw new Error(`HTTP ${i.status}`);g+=`
+`+(yield i.text())}catch(i){console.error(`Could not load stylesheet at ${o} - skipping:`,i)}s.remove()}const m=Array.from(w.querySelectorAll("style"));for(const s of m)g+=`
+`+s.textContent,s.remove();g=g.trim();const e=document.createElement("template");e.innerHTML=w.body.innerHTML,this.components[a]={tagName:a,template:e,script:y,style:g},this._defineWebComponent(a,d),n.log(`Component ${a} registered successfully`)}catch(p){n.error(`Failed to register component ${a}:`,p)}})}_defineWebComponent(a,h){return $(this,null,function*(){const{defineWebComponent:d}=yield Promise.resolve().then(()=>C);d(this.components[a],h)})}}u=new WeakMap,b(_,"_SCRIPT_ALL",/<script>([\s\S]*?)<\/script>/g),b(_,"_STYLE_ALL",/<style>([\s\S]*?)<\/style>/g),b(_,"_SCRIPT_ONE",/<script>([\s\S]*?)<\/script>/),b(_,"_STYLE_ONE",/<style>([\s\S]*?)<\/style>/);const E=new _;function T(c,a={}){return new Proxy(a,{set(h,d,p){const x=h[d];return h[d]=p,x!==p&&!c._initializing&&(typeof c._updateBinding=="function"?c._updateBinding(d,p):c._update()),!0},get(h,d){return h[d]}})}const C=Object.freeze(Object.defineProperty({__proto__:null,defineWebComponent:(c,a)=>{if(!c){n.error("Component is not defined or invalid.");return}if(customElements.get(c.tagName)){n.warn(`Component ${c.tagName} is already defined.`);return}const{tagName:h,template:d,script:p,style:x}=c,w=(m=>{const e=/{(.*?)}/g,s=new Set;let t;for(;(t=e.exec(m.innerHTML))!==null;)s.add(t[1].trim().toLowerCase());return Array.from(s)})(d),y=p.replace(/\b(?:const|let|var)\s+([\w$]+)\s*=/g,"state.$1 =").replace(/function\s+([\w$]+)\s*\(/g,"state.$1 = function ("),S=p?new Function("state",`with(state){${y}}`):()=>{},g=[];d.content.querySelectorAll("*").forEach(m=>{Array.from(m.attributes).forEach(e=>{if(!e.name.startsWith("on"))return;const s=e.name.slice(2),t=e.value.match(/{\s*([\w$]+)\(\)\s*}/);if(!t)return;const o=t[1];m.dataset._evtIndex=g.length,g.push({evt:s,fnName:o}),m.removeAttribute(e.name)})});class v extends HTMLElement{constructor(){super(),a&&this.attachShadow({mode:"open"}),this.state={},this.styleElement=document.createElement("style"),this.styleElement.textContent=x||"",this._textBindings={},this._origText=new Map,this._hasConnected=!1,this._isUpdating=!1,this._isBinding=!1}connectedCallback(){if(this._hasConnected)return;this._hasConnected=!0,this._textBindings={},this._origText=new Map;const e=d.content.cloneNode(!0);this.shadowRoot?this.shadowRoot.innerHTML="":this.innerHTML="",this.shadowRoot?(this.shadowRoot.appendChild(this.styleElement),this.shadowRoot.appendChild(e)):(this.appendChild(this.styleElement),this.appendChild(e)),this.state=T(this,{}),this._initializing=!0;try{S.call(this,this.state)}catch(t){console.error("Error initializing component script:",t)}finally{this._initializing=!1}const s=this.shadowRoot||this;this._processTemplate(s)}_processTemplate(e){this._getAllTextNodes(e).forEach(t=>{const o=t.textContent;o.includes("{")&&o.includes("}")&&(this._origText.set(t,o),t.textContent=o.replace(/{([^}]+)}/g,(i,f)=>(f=f.trim(),this._textBindings[f]=this._textBindings[f]||[],this._textBindings[f].push(t),this.hasAttribute(f)?this.getAttribute(f):this.state[f]!==void 0?this.state[f]:i)))}),g.forEach((t,o)=>{const i=e.querySelector(`[data-_evt-index="${o}"]`);i.removeAttribute("data-_evt-index"),i.addEventListener(t.evt,f=>{const N=this.state[t.fnName];typeof N=="function"&&N.call(i,f)})})}_getAllTextNodes(e){const s=[],t=document.createTreeWalker(e,NodeFilter.SHOW_TEXT,null,!1);let o;for(;o=t.nextNode();)s.push(o);return s}_update(){if(!this._isUpdating){this._isUpdating=!0;try{const e=d.content.cloneNode(!0);this._processTemplate(e),this.shadowRoot?(this.shadowRoot.innerHTML="",this.shadowRoot.appendChild(this.styleElement),this.shadowRoot.appendChild(e)):(this.innerHTML="",this.appendChild(this.styleElement),this.appendChild(e))}finally{this._isUpdating=!1}}}_updateBinding(e){if(!this._isBinding){this._isBinding=!0;try{(this._textBindings[e]||[]).forEach(s=>{const t=this._origText.get(s)||"";s.textContent=t.replace(/{([^}]+)}/g,(o,i)=>(i=i.trim(),this.hasAttribute(i)?this.getAttribute(i):this.state[i]))})}finally{this._isBinding=!1}}}disconnectedCallback(){this._hasConnected=!1,n.log("disconnectedCallback",this)}static get observedAttributes(){return w}attributeChangedCallback(e,s,t){s!==t&&(this.state[e]=t)}emit(e,s){const t=s!=null?s:this.state;this.dispatchEvent(new CustomEvent(e,{detail:t,bubbles:!0}))}querySelector(e){return this.shadowRoot?this.shadowRoot.querySelector(e):super.querySelector(e)}querySelectorAll(e){return this.shadowRoot?this.shadowRoot.querySelectorAll(e):super.querySelectorAll(e)}}customElements.define(h,v),n.log(`Web component defined: <${h}></${h}>`)}},Symbol.toStringTag,{value:"Module"}));r.ladrillos=E,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});

package/dist/main-BhrXwJZE.js

@@ -0,0 +1,5 @@
+"use strict";var k=Object.defineProperty;var C=t=>{throw TypeError(t)};var A=(t,e,r)=>e in t?k(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r;var y=(t,e,r)=>A(t,typeof e!="symbol"?e+"":e,r),b=(t,e,r)=>e.has(t)||C("Cannot "+r);var w=(t,e,r)=>(b(t,e,"read from private field"),r?r.call(t):e.get(t)),$=(t,e,r)=>e.has(t)?C("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,r);var _=(t,e,r)=>new Promise((p,c)=>{var d=o=>{try{a(r.next(o))}catch(g){c(g)}},S=o=>{try{a(r.throw(o))}catch(g){c(g)}},a=o=>o.done?p(o.value):Promise.resolve(o.value).then(d,S);a((r=r.apply(t,e)).next())});const f={log(t,...e){},error(t,...e){console.error(t,...e)},warn(t,...e){}},L=["___vscode_livepreview_injected_script"];var h;class u{constructor(){$(this,h,new Map);this.components={}}registerComponent(e,r,p=!0){return _(this,null,function*(){if(this.components[e]){f.log(`Component ${e} already registered, skipping.`);return}try{let c=w(this,h).get(r);c||(c=yield(yield fetch(r)).text(),w(this,h).set(r,c));const d=c.replace(/<!--[\s\S]*?-->/g,""),a=new DOMParser().parseFromString(d,"text/html");let o="";const g=Array.from(a.querySelectorAll("script:not([type='module'])"));for(const n of g){const i=n.getAttribute("src");if(i&&L.some(l=>i.includes(l))){f.log(`Skipping ignored script "${i}"`),n.remove();continue}if(i){let l;try{l=i}catch(s){console.error(`Invalid script URL "${i}" (base "${r}") - skipping:`,s),n.remove();continue}try{const s=yield fetch(l);if(!s.ok)throw new Error(`HTTP ${s.status}`);o+=`
+`+(yield s.text())}catch(s){console.error(`Could not load script at ${l} - skipping:`,s)}}else o+=`
+`+n.textContent;n.remove()}o=o.replace(/\/\*[\s\S]*?\*\//g,"").replace(/\/\/.*$/gm,"").trim();let m="";const v=Array.from(a.querySelectorAll("link[rel='stylesheet']"));for(const n of v){const i=n.getAttribute("href");let l;try{l=i+"?raw"}catch(s){console.error(`Invalid stylesheet URL "${i}" (base "${r}") - skipping:`,s),n.remove();continue}try{const s=yield fetch(l);if(!s.ok)throw new Error(`HTTP ${s.status}`);m+=`
+`+(yield s.text())}catch(s){console.error(`Could not load stylesheet at ${l} - skipping:`,s)}n.remove()}const T=Array.from(a.querySelectorAll("style"));for(const n of T)m+=`
+`+n.textContent,n.remove();m=m.trim();const E=document.createElement("template");E.innerHTML=a.body.innerHTML,this.components[e]={tagName:e,template:E,script:o,style:m},this._defineWebComponent(e,p),f.log(`Component ${e} registered successfully`)}catch(c){f.error(`Failed to register component ${e}:`,c)}})}_defineWebComponent(e,r){return _(this,null,function*(){const{defineWebComponent:p}=yield Promise.resolve().then(()=>require("./webcomponent-6erZkQUw.js"));p(this.components[e],r)})}}h=new WeakMap,y(u,"_SCRIPT_ALL",/<script>([\s\S]*?)<\/script>/g),y(u,"_STYLE_ALL",/<style>([\s\S]*?)<\/style>/g),y(u,"_SCRIPT_ONE",/<script>([\s\S]*?)<\/script>/),y(u,"_STYLE_ONE",/<style>([\s\S]*?)<\/style>/);const x=new u;exports.ladrillos=x;exports.logger=f;

package/dist/main-Bw2tFs_l.mjs

@@ -0,0 +1,171 @@
+var k = Object.defineProperty;
+var C = (t) => {
+  throw TypeError(t);
+};
+var A = (t, e, r) => e in t ? k(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var y = (t, e, r) => A(t, typeof e != "symbol" ? e + "" : e, r), b = (t, e, r) => e.has(t) || C("Cannot " + r);
+var w = (t, e, r) => (b(t, e, "read from private field"), r ? r.call(t) : e.get(t)), $ = (t, e, r) => e.has(t) ? C("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r);
+var _ = (t, e, r) => new Promise((p, c) => {
+  var d = (o) => {
+    try {
+      a(r.next(o));
+    } catch (g) {
+      c(g);
+    }
+  }, S = (o) => {
+    try {
+      a(r.throw(o));
+    } catch (g) {
+      c(g);
+    }
+  }, a = (o) => o.done ? p(o.value) : Promise.resolve(o.value).then(d, S);
+  a((r = r.apply(t, e)).next());
+});
+const h = {
+  /**
+   * Log a message only in development mode
+   * @param {string} message - The message to log
+   * @param {any[]} args - Additional arguments to log
+   */
+  log(t, ...e) {
+  },
+  /**
+   * Log an error (always logs in both dev and production)
+   * @param {string} message - The error message
+   * @param {any[]} args - Additional arguments to log
+   */
+  error(t, ...e) {
+    console.error(t, ...e);
+  },
+  /**
+   * Log a warning only in development mode
+   * @param {string} message - The warning message
+   * @param {any[]} args - Additional arguments to log
+   */
+  warn(t, ...e) {
+  }
+}, x = ["___vscode_livepreview_injected_script"];
+var u;
+class f {
+  constructor() {
+    $(this, u, /* @__PURE__ */ new Map());
+    this.components = {};
+  }
+  /**
+   * @param {string} name
+   * @param {string} path
+   * @param {boolean} [useShadowDOM=true]
+   * @returns {Promise<void>}
+   */
+  registerComponent(e, r, p = !0) {
+    return _(this, null, function* () {
+      if (this.components[e]) {
+        h.log(`Component ${e} already registered, skipping.`);
+        return;
+      }
+      try {
+        let c = w(this, u).get(r);
+        c || (c = yield (yield fetch(r)).text(), w(this, u).set(r, c));
+        const d = c.replace(/<!--[\s\S]*?-->/g, ""), a = new DOMParser().parseFromString(d, "text/html");
+        let o = "";
+        const g = Array.from(
+          a.querySelectorAll("script:not([type='module'])")
+        );
+        for (const n of g) {
+          const i = n.getAttribute("src");
+          if (i && x.some((l) => i.includes(l))) {
+            h.log(`Skipping ignored script "${i}"`), n.remove();
+            continue;
+          }
+          if (i) {
+            let l;
+            try {
+              l = i;
+            } catch (s) {
+              console.error(
+                `Invalid script URL "${i}" (base "${r}") - skipping:`,
+                s
+              ), n.remove();
+              continue;
+            }
+            try {
+              const s = yield fetch(l);
+              if (!s.ok) throw new Error(`HTTP ${s.status}`);
+              o += `
+` + (yield s.text());
+            } catch (s) {
+              console.error(
+                `Could not load script at ${l} - skipping:`,
+                s
+              );
+            }
+          } else
+            o += `
+` + n.textContent;
+          n.remove();
+        }
+        o = o.replace(/\/\*[\s\S]*?\*\//g, "").replace(/\/\/.*$/gm, "").trim();
+        let m = "";
+        const v = Array.from(
+          a.querySelectorAll("link[rel='stylesheet']")
+        );
+        for (const n of v) {
+          const i = n.getAttribute("href");
+          let l;
+          try {
+            l = i + "?raw";
+          } catch (s) {
+            console.error(
+              `Invalid stylesheet URL "${i}" (base "${r}") - skipping:`,
+              s
+            ), n.remove();
+            continue;
+          }
+          try {
+            const s = yield fetch(l);
+            if (!s.ok) throw new Error(`HTTP ${s.status}`);
+            m += `
+` + (yield s.text());
+          } catch (s) {
+            console.error(
+              `Could not load stylesheet at ${l} - skipping:`,
+              s
+            );
+          }
+          n.remove();
+        }
+        const T = Array.from(a.querySelectorAll("style"));
+        for (const n of T)
+          m += `
+` + n.textContent, n.remove();
+        m = m.trim();
+        const E = document.createElement("template");
+        E.innerHTML = a.body.innerHTML, this.components[e] = {
+          tagName: e,
+          template: E,
+          script: o,
+          style: m
+        }, this._defineWebComponent(e, p), h.log(`Component ${e} registered successfully`);
+      } catch (c) {
+        h.error(`Failed to register component ${e}:`, c);
+      }
+    });
+  }
+  /**
+   * @private
+   * @param {string} name
+   * @param {boolean} useShadowDOM
+   */
+  _defineWebComponent(e, r) {
+    return _(this, null, function* () {
+      const { defineWebComponent: p } = yield import("./webcomponent-BGHBTfQy.mjs");
+      p(this.components[e], r);
+    });
+  }
+}
+u = new WeakMap(), y(f, "_SCRIPT_ALL", /<script>([\s\S]*?)<\/script>/g), y(f, "_STYLE_ALL", /<style>([\s\S]*?)<\/style>/g), y(f, "_SCRIPT_ONE", /<script>([\s\S]*?)<\/script>/), y(f, "_STYLE_ONE", /<style>([\s\S]*?)<\/style>/);
+const H = new f();
+export {
+  H as a,
+  h as l
+};

package/dist/webcomponent-6erZkQUw.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./main-BhrXwJZE.js");function C(a,u={}){return new Proxy(u,{set(h,r,l){const g=h[r];return h[r]=l,g!==l&&!a._initializing&&(typeof a._updateBinding=="function"?a._updateBinding(r,l):a._update()),!0},get(h,r){return h[r]}})}const b=(a,u)=>{if(!a){c.logger.error("Component is not defined or invalid.");return}if(customElements.get(a.tagName)){c.logger.warn(`Component ${a.tagName} is already defined.`);return}const{tagName:h,template:r,script:l,style:g}=a,m=(d=>{const t=/{(.*?)}/g,i=new Set;let e;for(;(e=t.exec(d.innerHTML))!==null;)i.add(e[1].trim().toLowerCase());return Array.from(i)})(r),_=l.replace(/\b(?:const|let|var)\s+([\w$]+)\s*=/g,"state.$1 =").replace(/function\s+([\w$]+)\s*\(/g,"state.$1 = function ("),x=l?new Function("state",`with(state){${_}}`):()=>{},f=[];r.content.querySelectorAll("*").forEach(d=>{Array.from(d.attributes).forEach(t=>{if(!t.name.startsWith("on"))return;const i=t.name.slice(2),e=t.value.match(/{\s*([\w$]+)\(\)\s*}/);if(!e)return;const s=e[1];d.dataset._evtIndex=f.length,f.push({evt:i,fnName:s}),d.removeAttribute(t.name)})});class w extends HTMLElement{constructor(){super(),u&&this.attachShadow({mode:"open"}),this.state={},this.styleElement=document.createElement("style"),this.styleElement.textContent=g||"",this._textBindings={},this._origText=new Map,this._hasConnected=!1,this._isUpdating=!1,this._isBinding=!1}connectedCallback(){if(this._hasConnected)return;this._hasConnected=!0,this._textBindings={},this._origText=new Map;const t=r.content.cloneNode(!0);this.shadowRoot?this.shadowRoot.innerHTML="":this.innerHTML="",this.shadowRoot?(this.shadowRoot.appendChild(this.styleElement),this.shadowRoot.appendChild(t)):(this.appendChild(this.styleElement),this.appendChild(t)),this.state=C(this,{}),this._initializing=!0;try{x.call(this,this.state)}catch(e){console.error("Error initializing component script:",e)}finally{this._initializing=!1}const i=this.shadowRoot||this;this._processTemplate(i)}_processTemplate(t){this._getAllTextNodes(t).forEach(e=>{const s=e.textContent;s.includes("{")&&s.includes("}")&&(this._origText.set(e,s),e.textContent=s.replace(/{([^}]+)}/g,(n,o)=>(o=o.trim(),this._textBindings[o]=this._textBindings[o]||[],this._textBindings[o].push(e),this.hasAttribute(o)?this.getAttribute(o):this.state[o]!==void 0?this.state[o]:n)))}),f.forEach((e,s)=>{const n=t.querySelector(`[data-_evt-index="${s}"]`);n.removeAttribute("data-_evt-index"),n.addEventListener(e.evt,o=>{const p=this.state[e.fnName];typeof p=="function"&&p.call(n,o)})})}_getAllTextNodes(t){const i=[],e=document.createTreeWalker(t,NodeFilter.SHOW_TEXT,null,!1);let s;for(;s=e.nextNode();)i.push(s);return i}_update(){if(!this._isUpdating){this._isUpdating=!0;try{const t=r.content.cloneNode(!0);this._processTemplate(t),this.shadowRoot?(this.shadowRoot.innerHTML="",this.shadowRoot.appendChild(this.styleElement),this.shadowRoot.appendChild(t)):(this.innerHTML="",this.appendChild(this.styleElement),this.appendChild(t))}finally{this._isUpdating=!1}}}_updateBinding(t){if(!this._isBinding){this._isBinding=!0;try{(this._textBindings[t]||[]).forEach(i=>{const e=this._origText.get(i)||"";i.textContent=e.replace(/{([^}]+)}/g,(s,n)=>(n=n.trim(),this.hasAttribute(n)?this.getAttribute(n):this.state[n]))})}finally{this._isBinding=!1}}}disconnectedCallback(){this._hasConnected=!1,c.logger.log("disconnectedCallback",this)}static get observedAttributes(){return m}attributeChangedCallback(t,i,e){i!==e&&(this.state[t]=e)}emit(t,i){const e=i!=null?i:this.state;this.dispatchEvent(new CustomEvent(t,{detail:e,bubbles:!0}))}querySelector(t){return this.shadowRoot?this.shadowRoot.querySelector(t):super.querySelector(t)}querySelectorAll(t){return this.shadowRoot?this.shadowRoot.querySelectorAll(t):super.querySelectorAll(t)}}customElements.define(h,w),c.logger.log(`Web component defined: <${h}></${h}>`)};exports.defineWebComponent=b;

package/dist/webcomponent-BGHBTfQy.mjs

@@ -0,0 +1,171 @@
+import { l as c } from "./main-Bw2tFs_l.mjs";
+function C(a, u = {}) {
+  return new Proxy(u, {
+    set(h, r, l) {
+      const f = h[r];
+      return h[r] = l, f !== l && !a._initializing && (typeof a._updateBinding == "function" ? a._updateBinding(r, l) : a._update()), !0;
+    },
+    get(h, r) {
+      return h[r];
+    }
+  });
+}
+const y = (a, u) => {
+  if (!a) {
+    c.error("Component is not defined or invalid.");
+    return;
+  }
+  if (customElements.get(a.tagName)) {
+    c.warn(`Component ${a.tagName} is already defined.`);
+    return;
+  }
+  const { tagName: h, template: r, script: l, style: f } = a, m = ((d) => {
+    const t = /{(.*?)}/g, i = /* @__PURE__ */ new Set();
+    let e;
+    for (; (e = t.exec(d.innerHTML)) !== null; )
+      i.add(e[1].trim().toLowerCase());
+    return Array.from(i);
+  })(r), _ = l.replace(/\b(?:const|let|var)\s+([\w$]+)\s*=/g, "state.$1 =").replace(/function\s+([\w$]+)\s*\(/g, "state.$1 = function ("), x = l ? new Function("state", `with(state){${_}}`) : () => {
+  }, g = [];
+  r.content.querySelectorAll("*").forEach((d) => {
+    Array.from(d.attributes).forEach((t) => {
+      if (!t.name.startsWith("on")) return;
+      const i = t.name.slice(2), e = t.value.match(/{\s*([\w$]+)\(\)\s*}/);
+      if (!e) return;
+      const s = e[1];
+      d.dataset._evtIndex = g.length, g.push({ evt: i, fnName: s }), d.removeAttribute(t.name);
+    });
+  });
+  class w extends HTMLElement {
+    constructor() {
+      super(), u && this.attachShadow({ mode: "open" }), this.state = {}, this.styleElement = document.createElement("style"), this.styleElement.textContent = f || "", this._textBindings = {}, this._origText = /* @__PURE__ */ new Map(), this._hasConnected = !1, this._isUpdating = !1, this._isBinding = !1;
+    }
+    /**
+     * Called when element is inserted into the DOM.
+     * - Initializes reactive state
+     * - Runs user script to populate state
+     * - Processes template bindings
+     * - Appends style + content to (shadow) root
+     */
+    connectedCallback() {
+      if (this._hasConnected) return;
+      this._hasConnected = !0, this._textBindings = {}, this._origText = /* @__PURE__ */ new Map();
+      const t = r.content.cloneNode(!0);
+      this.shadowRoot ? this.shadowRoot.innerHTML = "" : this.innerHTML = "", this.shadowRoot ? (this.shadowRoot.appendChild(this.styleElement), this.shadowRoot.appendChild(t)) : (this.appendChild(this.styleElement), this.appendChild(t)), this.state = C(this, {}), this._initializing = !0;
+      try {
+        x.call(this, this.state);
+      } catch (e) {
+        console.error("Error initializing component script:", e);
+      } finally {
+        this._initializing = !1;
+      }
+      const i = this.shadowRoot || this;
+      this._processTemplate(i);
+    }
+    _processTemplate(t) {
+      this._getAllTextNodes(t).forEach((e) => {
+        const s = e.textContent;
+        s.includes("{") && s.includes("}") && (this._origText.set(e, s), e.textContent = s.replace(/{([^}]+)}/g, (n, o) => (o = o.trim(), this._textBindings[o] = this._textBindings[o] || [], this._textBindings[o].push(e), this.hasAttribute(o) ? this.getAttribute(o) : this.state[o] !== void 0 ? this.state[o] : n)));
+      }), g.forEach((e, s) => {
+        const n = t.querySelector(`[data-_evt-index="${s}"]`);
+        n.removeAttribute("data-_evt-index"), n.addEventListener(e.evt, (o) => {
+          const p = this.state[e.fnName];
+          typeof p == "function" && p.call(n, o);
+        });
+      });
+    }
+    /**
+     * Retrieve all text nodes under a given root node.
+     *
+     * @param {Node} node
+     * @returns {Text[]}
+     */
+    _getAllTextNodes(t) {
+      const i = [], e = document.createTreeWalker(
+        t,
+        NodeFilter.SHOW_TEXT,
+        null,
+        !1
+      );
+      let s;
+      for (; s = e.nextNode(); )
+        i.push(s);
+      return i;
+    }
+    /**
+     * clears previous DOM, re-processes template and styles.
+     * Usually called by reactive state on mutation.
+     */
+    _update() {
+      if (!this._isUpdating) {
+        this._isUpdating = !0;
+        try {
+          const t = r.content.cloneNode(!0);
+          this._processTemplate(t), this.shadowRoot ? (this.shadowRoot.innerHTML = "", this.shadowRoot.appendChild(this.styleElement), this.shadowRoot.appendChild(t)) : (this.innerHTML = "", this.appendChild(this.styleElement), this.appendChild(t));
+        } finally {
+          this._isUpdating = !1;
+        }
+      }
+    }
+    // only update the nodes bound to a single key
+    _updateBinding(t) {
+      if (!this._isBinding) {
+        this._isBinding = !0;
+        try {
+          (this._textBindings[t] || []).forEach((i) => {
+            const e = this._origText.get(i) || "";
+            i.textContent = e.replace(/{([^}]+)}/g, (s, n) => (n = n.trim(), this.hasAttribute(n) ? this.getAttribute(n) : this.state[n]));
+          });
+        } finally {
+          this._isBinding = !1;
+        }
+      }
+    }
+    /**
+     * Called when the element is removed from the DOM
+     */
+    disconnectedCallback() {
+      this._hasConnected = !1, c.log("disconnectedCallback", this);
+    }
+    // property
+    static get observedAttributes() {
+      return m;
+    }
+    /**
+     * Called when one of the observed attributes changes.
+     * Updates state and triggers a re-render via the reactive proxy.
+     *
+     * @param {string} name
+     * @param {string} oldVal
+     * @param {string} newVal
+     */
+    attributeChangedCallback(t, i, e) {
+      i !== e && (this.state[t] = e);
+    }
+    /**
+     * Dispatch a custom event from the component.
+     *
+     * @param {string} name  Event name
+     * @param {*} [detail]   Payload; defaults to full component state
+     */
+    emit(t, i) {
+      const e = i != null ? i : this.state;
+      this.dispatchEvent(
+        new CustomEvent(t, {
+          detail: e,
+          bubbles: !0
+        })
+      );
+    }
+    querySelector(t) {
+      return this.shadowRoot ? this.shadowRoot.querySelector(t) : super.querySelector(t);
+    }
+    querySelectorAll(t) {
+      return this.shadowRoot ? this.shadowRoot.querySelectorAll(t) : super.querySelectorAll(t);
+    }
+  }
+  customElements.define(h, w), c.log(`Web component defined: <${h}></${h}>`);
+};
+export {
+  y as defineWebComponent
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ladrillosjs",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "A lightweight, zero-dependency web component framework for building modular web applications.",
   "repository": {
     "type": "git",
@@ -15,8 +15,7 @@
   "exports": {
     ".": {
       "import": "./dist/ladrillosjs.es.js",
-      "require": "./dist/ladrillosjs.cjs.js",
-      "browser": "./dist/ladrillosjs.umd.js"
+      "require": "./dist/ladrillosjs.cjs.js"
     }
   },
   "scripts": {

package/dist/main-BLGdqIcm.mjs

@@ -1,167 +0,0 @@
-var k = Object.defineProperty;
-var $ = (e) => {
-  throw TypeError(e);
-};
-var b = (e, t, r) => t in e ? k(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var y = (e, t, r) => b(e, typeof t != "symbol" ? t + "" : t, r), v = (e, t, r) => t.has(e) || $("Cannot " + r);
-var w = (e, t, r) => (v(e, t, "read from private field"), r ? r.call(e) : t.get(e)), A = (e, t, r) => t.has(e) ? $("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r);
-var d = (e, t, r) => new Promise((a, c) => {
-  var u = (o) => {
-    try {
-      l(r.next(o));
-    } catch (p) {
-      c(p);
-    }
-  }, S = (o) => {
-    try {
-      l(r.throw(o));
-    } catch (p) {
-      c(p);
-    }
-  }, l = (o) => o.done ? a(o.value) : Promise.resolve(o.value).then(u, S);
-  l((r = r.apply(e, t)).next());
-});
-const E = {
-  /**
-   * Log a message only in development mode
-   * @param {string} message - The message to log
-   * @param {any[]} args - Additional arguments to log
-   */
-  log(e, ...t) {
-  },
-  /**
-   * Log an error (always logs in both dev and production)
-   * @param {string} message - The error message
-   * @param {any[]} args - Additional arguments to log
-   */
-  error(e, ...t) {
-    console.error(e, ...t);
-  },
-  /**
-   * Log a warning only in development mode
-   * @param {string} message - The warning message
-   * @param {any[]} args - Additional arguments to log
-   */
-  warn(e, ...t) {
-  }
-};
-var h;
-class f {
-  constructor() {
-    A(this, h, /* @__PURE__ */ new Map());
-    this.components = {};
-  }
-  /**
-   * @param {string} name
-   * @param {string} path
-   * @param {boolean} [useShadowDOM=true]
-   * @returns {Promise<void>}
-   */
-  registerComponent(t, r, a = !0) {
-    return d(this, null, function* () {
-      if (this.components[t]) {
-        E.log(`Component ${t} already registered, skipping.`);
-        return;
-      }
-      try {
-        let c = w(this, h).get(r);
-        c || (c = yield (yield fetch(r)).text(), w(this, h).set(r, c));
-        const u = c.replace(/<!--[\s\S]*?-->/g, ""), l = new DOMParser().parseFromString(u, "text/html");
-        let o = "";
-        const p = Array.from(
-          l.querySelectorAll("script:not([type='module'])")
-        );
-        for (const n of p) {
-          if (n.src) {
-            const g = n.getAttribute("src");
-            let i;
-            try {
-              i = g;
-            } catch (s) {
-              console.error(
-                `Invalid script URL "${g}" (base "${r}") - skipping:`,
-                s
-              ), n.remove();
-              continue;
-            }
-            try {
-              const s = yield fetch(i);
-              if (!s.ok) throw new Error(`HTTP ${s.status}`);
-              o += `
-` + (yield s.text());
-            } catch (s) {
-              console.error(
-                `Could not load script at ${i} - skipping:`,
-                s
-              );
-            }
-          } else
-            o += `
-` + n.textContent;
-          n.remove();
-        }
-        o = o.replace(/\/\*[\s\S]*?\*\//g, "").replace(/\/\/.*$/gm, "").trim();
-        let m = "";
-        const T = Array.from(
-          l.querySelectorAll("link[rel='stylesheet']")
-        );
-        for (const n of T) {
-          const g = n.getAttribute("href");
-          let i;
-          try {
-            i = g + "?raw";
-          } catch (s) {
-            console.error(
-              `Invalid stylesheet URL "${g}" (base "${r}") - skipping:`,
-              s
-            ), n.remove();
-            continue;
-          }
-          try {
-            const s = yield fetch(i);
-            if (!s.ok) throw new Error(`HTTP ${s.status}`);
-            m += `
-` + (yield s.text());
-          } catch (s) {
-            console.error(
-              `Could not load stylesheet at ${i} - skipping:`,
-              s
-            );
-          }
-          n.remove();
-        }
-        const _ = Array.from(l.querySelectorAll("style"));
-        for (const n of _)
-          m += `
-` + n.textContent, n.remove();
-        m = m.trim();
-        const C = document.createElement("template");
-        C.innerHTML = l.body.innerHTML, this.components[t] = {
-          tagName: t,
-          template: C,
-          script: o,
-          style: m
-        }, this._defineWebComponent(t, a), E.log(`Component ${t} registered successfully`);
-      } catch (c) {
-        E.error(`Failed to register component ${t}:`, c);
-      }
-    });
-  }
-  /**
-   * @private
-   * @param {string} name
-   * @param {boolean} useShadowDOM
-   */
-  _defineWebComponent(t, r) {
-    return d(this, null, function* () {
-      const { defineWebComponent: a } = yield import("./webcomponent-CjT9G5Wz.mjs");
-      a(this.components[t], r);
-    });
-  }
-}
-h = new WeakMap(), y(f, "_SCRIPT_ALL", /<script>([\s\S]*?)<\/script>/g), y(f, "_STYLE_ALL", /<style>([\s\S]*?)<\/style>/g), y(f, "_SCRIPT_ONE", /<script>([\s\S]*?)<\/script>/), y(f, "_STYLE_ONE", /<style>([\s\S]*?)<\/style>/);
-const L = new f();
-export {
-  L as a,
-  E as l
-};

package/dist/main-DEaqXlbt.js

@@ -1,5 +0,0 @@
-"use strict";var k=Object.defineProperty;var $=t=>{throw TypeError(t)};var b=(t,e,r)=>e in t?k(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r;var y=(t,e,r)=>b(t,typeof e!="symbol"?e+"":e,r),v=(t,e,r)=>e.has(t)||$("Cannot "+r);var w=(t,e,r)=>(v(t,e,"read from private field"),r?r.call(t):e.get(t)),A=(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 E=(t,e,r)=>new Promise((a,c)=>{var d=o=>{try{l(r.next(o))}catch(p){c(p)}},S=o=>{try{l(r.throw(o))}catch(p){c(p)}},l=o=>o.done?a(o.value):Promise.resolve(o.value).then(d,S);l((r=r.apply(t,e)).next())});const u={log(t,...e){},error(t,...e){console.error(t,...e)},warn(t,...e){}};var h;class f{constructor(){A(this,h,new Map);this.components={}}registerComponent(e,r,a=!0){return E(this,null,function*(){if(this.components[e]){u.log(`Component ${e} already registered, skipping.`);return}try{let c=w(this,h).get(r);c||(c=yield(yield fetch(r)).text(),w(this,h).set(r,c));const d=c.replace(/<!--[\s\S]*?-->/g,""),l=new DOMParser().parseFromString(d,"text/html");let o="";const p=Array.from(l.querySelectorAll("script:not([type='module'])"));for(const n of p){if(n.src){const m=n.getAttribute("src");let i;try{i=m}catch(s){console.error(`Invalid script URL "${m}" (base "${r}") - skipping:`,s),n.remove();continue}try{const s=yield fetch(i);if(!s.ok)throw new Error(`HTTP ${s.status}`);o+=`
-`+(yield s.text())}catch(s){console.error(`Could not load script at ${i} - skipping:`,s)}}else o+=`
-`+n.textContent;n.remove()}o=o.replace(/\/\*[\s\S]*?\*\//g,"").replace(/\/\/.*$/gm,"").trim();let g="";const T=Array.from(l.querySelectorAll("link[rel='stylesheet']"));for(const n of T){const m=n.getAttribute("href");let i;try{i=m+"?raw"}catch(s){console.error(`Invalid stylesheet URL "${m}" (base "${r}") - skipping:`,s),n.remove();continue}try{const s=yield fetch(i);if(!s.ok)throw new Error(`HTTP ${s.status}`);g+=`
-`+(yield s.text())}catch(s){console.error(`Could not load stylesheet at ${i} - skipping:`,s)}n.remove()}const _=Array.from(l.querySelectorAll("style"));for(const n of _)g+=`
-`+n.textContent,n.remove();g=g.trim();const C=document.createElement("template");C.innerHTML=l.body.innerHTML,this.components[e]={tagName:e,template:C,script:o,style:g},this._defineWebComponent(e,a),u.log(`Component ${e} registered successfully`)}catch(c){u.error(`Failed to register component ${e}:`,c)}})}_defineWebComponent(e,r){return E(this,null,function*(){const{defineWebComponent:a}=yield Promise.resolve().then(()=>require("./webcomponent-BAieZxvs.js"));a(this.components[e],r)})}}h=new WeakMap,y(f,"_SCRIPT_ALL",/<script>([\s\S]*?)<\/script>/g),y(f,"_STYLE_ALL",/<style>([\s\S]*?)<\/style>/g),y(f,"_SCRIPT_ONE",/<script>([\s\S]*?)<\/script>/),y(f,"_STYLE_ONE",/<style>([\s\S]*?)<\/style>/);const L=new f;exports.ladrillos=L;exports.logger=u;

package/dist/webcomponent-BAieZxvs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./main-DEaqXlbt.js");function C(a,u={}){return new Proxy(u,{set(l,r,h){const g=l[r];return l[r]=h,g!==h&&!a._initializing&&(typeof a._updateBinding=="function"?a._updateBinding(r,h):a._update()),!0},get(l,r){return l[r]}})}const b=(a,u)=>{if(!a){d.logger.error("Component is not defined or invalid.");return}if(customElements.get(a.tagName)){d.logger.warn(`Component ${a.tagName} is already defined.`);return}const{tagName:l,template:r,script:h,style:g}=a,f=(c=>{const t=/{(.*?)}/g,i=new Set;let e;for(;(e=t.exec(c.innerHTML))!==null;)i.add(e[1].trim().toLowerCase());return Array.from(i)})(r),x=h.replace(/\b(?:const|let|var)\s+([\w$]+)\s*=/g,"state.$1 =").replace(/function\s+([\w$]+)\s*\(/g,"state.$1 = function ("),w=h?new Function("state",`with(state){${x}}`):()=>{},p=[];r.content.querySelectorAll("*").forEach(c=>{Array.from(c.attributes).forEach(t=>{if(!t.name.startsWith("on"))return;const i=t.name.slice(2),e=t.value.match(/{\s*([\w$]+)\(\)\s*}/);if(!e)return;const n=e[1];c.dataset._evtIndex=p.length,p.push({evt:i,fnName:n}),c.removeAttribute(t.name)})});class _ extends HTMLElement{constructor(){super(),u&&this.attachShadow({mode:"open"}),this.state={},this.styleElement=document.createElement("style"),this.styleElement.textContent=g||"",this._textBindings={},this._origText=new Map}connectedCallback(){this._textBindings={},this._origText=new Map;const t=r.content.cloneNode(!0);this.shadowRoot?(this.shadowRoot.appendChild(this.styleElement),this.shadowRoot.appendChild(t)):(this.appendChild(this.styleElement),this.appendChild(t)),this.state=C(this,{}),this._initializing=!0;try{w.call(this,this.state)}catch(e){console.error("Error initializing component script:",e)}finally{this._initializing=!1}const i=this.shadowRoot||this;this._processTemplate(i)}_processTemplate(t){this._getAllTextNodes(t).forEach(e=>{const n=e.textContent;n.includes("{")&&n.includes("}")&&(this._origText.set(e,n),e.textContent=n.replace(/{([^}]+)}/g,(s,o)=>(o=o.trim(),this._textBindings[o]=this._textBindings[o]||[],this._textBindings[o].push(e),this.hasAttribute(o)?this.getAttribute(o):this.state[o]!==void 0?this.state[o]:s)))}),p.forEach((e,n)=>{const s=t.querySelector(`[data-_evt-index="${n}"]`);s.removeAttribute("data-_evt-index"),s.addEventListener(e.evt,o=>{const m=this.state[e.fnName];typeof m=="function"&&m.call(s,o)})})}_getAllTextNodes(t){const i=[],e=document.createTreeWalker(t,NodeFilter.SHOW_TEXT,null,!1);let n;for(;n=e.nextNode();)i.push(n);return i}_update(){const t=r.content.cloneNode(!0);this._processTemplate(t),this.shadowRoot?(this.shadowRoot.innerHTML="",this.shadowRoot.appendChild(this.styleElement),this.shadowRoot.appendChild(t)):(this.innerHTML="",this.appendChild(this.styleElement),this.appendChild(t))}_updateBinding(t){(this._textBindings[t]||[]).forEach(i=>{const e=this._origText.get(i)||"";i.textContent=e.replace(/{([^}]+)}/g,(n,s)=>(s=s.trim(),this.hasAttribute(s)?this.getAttribute(s):this.state[s]))})}disconnectedCallback(){d.logger.log("disconnectedCallback",this)}static get observedAttributes(){return f}attributeChangedCallback(t,i,e){i!==e&&(this.state[t]=e)}emit(t,i){const e=i!=null?i:this.state;this.dispatchEvent(new CustomEvent(t,{detail:e,bubbles:!0}))}querySelector(t){return this.shadowRoot?this.shadowRoot.querySelector(t):super.querySelector(t)}querySelectorAll(t){return this.shadowRoot?this.shadowRoot.querySelectorAll(t):super.querySelectorAll(t)}}customElements.define(l,_),d.logger.log(`Web component defined: <${l}></${l}>`)};exports.defineWebComponent=b;

package/dist/webcomponent-CjT9G5Wz.mjs

@@ -1,156 +0,0 @@
-import { l as d } from "./main-BLGdqIcm.mjs";
-function C(a, u = {}) {
-  return new Proxy(u, {
-    set(l, r, h) {
-      const p = l[r];
-      return l[r] = h, p !== h && !a._initializing && (typeof a._updateBinding == "function" ? a._updateBinding(r, h) : a._update()), !0;
-    },
-    get(l, r) {
-      return l[r];
-    }
-  });
-}
-const T = (a, u) => {
-  if (!a) {
-    d.error("Component is not defined or invalid.");
-    return;
-  }
-  if (customElements.get(a.tagName)) {
-    d.warn(`Component ${a.tagName} is already defined.`);
-    return;
-  }
-  const { tagName: l, template: r, script: h, style: p } = a, g = ((c) => {
-    const t = /{(.*?)}/g, s = /* @__PURE__ */ new Set();
-    let e;
-    for (; (e = t.exec(c.innerHTML)) !== null; )
-      s.add(e[1].trim().toLowerCase());
-    return Array.from(s);
-  })(r), x = h.replace(/\b(?:const|let|var)\s+([\w$]+)\s*=/g, "state.$1 =").replace(/function\s+([\w$]+)\s*\(/g, "state.$1 = function ("), w = h ? new Function("state", `with(state){${x}}`) : () => {
-  }, m = [];
-  r.content.querySelectorAll("*").forEach((c) => {
-    Array.from(c.attributes).forEach((t) => {
-      if (!t.name.startsWith("on")) return;
-      const s = t.name.slice(2), e = t.value.match(/{\s*([\w$]+)\(\)\s*}/);
-      if (!e) return;
-      const i = e[1];
-      c.dataset._evtIndex = m.length, m.push({ evt: s, fnName: i }), c.removeAttribute(t.name);
-    });
-  });
-  class _ extends HTMLElement {
-    constructor() {
-      super(), u && this.attachShadow({ mode: "open" }), this.state = {}, this.styleElement = document.createElement("style"), this.styleElement.textContent = p || "", this._textBindings = {}, this._origText = /* @__PURE__ */ new Map();
-    }
-    /**
-     * Called when element is inserted into the DOM.
-     * - Initializes reactive state
-     * - Runs user script to populate state
-     * - Processes template bindings
-     * - Appends style + content to (shadow) root
-     */
-    connectedCallback() {
-      this._textBindings = {}, this._origText = /* @__PURE__ */ new Map();
-      const t = r.content.cloneNode(!0);
-      this.shadowRoot ? (this.shadowRoot.appendChild(this.styleElement), this.shadowRoot.appendChild(t)) : (this.appendChild(this.styleElement), this.appendChild(t)), this.state = C(this, {}), this._initializing = !0;
-      try {
-        w.call(this, this.state);
-      } catch (e) {
-        console.error("Error initializing component script:", e);
-      } finally {
-        this._initializing = !1;
-      }
-      const s = this.shadowRoot || this;
-      this._processTemplate(s);
-    }
-    _processTemplate(t) {
-      this._getAllTextNodes(t).forEach((e) => {
-        const i = e.textContent;
-        i.includes("{") && i.includes("}") && (this._origText.set(e, i), e.textContent = i.replace(/{([^}]+)}/g, (n, o) => (o = o.trim(), this._textBindings[o] = this._textBindings[o] || [], this._textBindings[o].push(e), this.hasAttribute(o) ? this.getAttribute(o) : this.state[o] !== void 0 ? this.state[o] : n)));
-      }), m.forEach((e, i) => {
-        const n = t.querySelector(`[data-_evt-index="${i}"]`);
-        n.removeAttribute("data-_evt-index"), n.addEventListener(e.evt, (o) => {
-          const f = this.state[e.fnName];
-          typeof f == "function" && f.call(n, o);
-        });
-      });
-    }
-    /**
-     * Retrieve all text nodes under a given root node.
-     *
-     * @param {Node} node
-     * @returns {Text[]}
-     */
-    _getAllTextNodes(t) {
-      const s = [], e = document.createTreeWalker(
-        t,
-        NodeFilter.SHOW_TEXT,
-        null,
-        !1
-      );
-      let i;
-      for (; i = e.nextNode(); )
-        s.push(i);
-      return s;
-    }
-    /**
-     * clears previous DOM, re-processes template and styles.
-     * Usually called by reactive state on mutation.
-     */
-    _update() {
-      const t = r.content.cloneNode(!0);
-      this._processTemplate(t), this.shadowRoot ? (this.shadowRoot.innerHTML = "", this.shadowRoot.appendChild(this.styleElement), this.shadowRoot.appendChild(t)) : (this.innerHTML = "", this.appendChild(this.styleElement), this.appendChild(t));
-    }
-    // only update the nodes bound to a single key
-    _updateBinding(t) {
-      (this._textBindings[t] || []).forEach((s) => {
-        const e = this._origText.get(s) || "";
-        s.textContent = e.replace(/{([^}]+)}/g, (i, n) => (n = n.trim(), this.hasAttribute(n) ? this.getAttribute(n) : this.state[n]));
-      });
-    }
-    /**
-     * Called when the element is removed from the DOM
-     */
-    disconnectedCallback() {
-      d.log("disconnectedCallback", this);
-    }
-    // property
-    static get observedAttributes() {
-      return g;
-    }
-    /**
-     * Called when one of the observed attributes changes.
-     * Updates state and triggers a re-render via the reactive proxy.
-     *
-     * @param {string} name
-     * @param {string} oldVal
-     * @param {string} newVal
-     */
-    attributeChangedCallback(t, s, e) {
-      s !== e && (this.state[t] = e);
-    }
-    /**
-     * Dispatch a custom event from the component.
-     *
-     * @param {string} name  Event name
-     * @param {*} [detail]   Payload; defaults to full component state
-     */
-    emit(t, s) {
-      const e = s != null ? s : this.state;
-      this.dispatchEvent(
-        new CustomEvent(t, {
-          detail: e,
-          bubbles: !0
-        })
-      );
-    }
-    querySelector(t) {
-      return this.shadowRoot ? this.shadowRoot.querySelector(t) : super.querySelector(t);
-    }
-    querySelectorAll(t) {
-      return this.shadowRoot ? this.shadowRoot.querySelectorAll(t) : super.querySelectorAll(t);
-    }
-  }
-  customElements.define(l, _), d.log(`Web component defined: <${l}></${l}>`);
-};
-export {
-  T as defineWebComponent
-};