ladrillosjs 0.1.5 → 0.1.6

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

package/dist/{main-BLGdqIcm.mjs → main-BNWsTWhL.mjs}

@@ -154,7 +154,7 @@ class f {
    */
   _defineWebComponent(t, r) {
     return d(this, null, function* () {
-      const { defineWebComponent: a } = yield import("./webcomponent-CjT9G5Wz.mjs");
+      const { defineWebComponent: a } = yield import("./webcomponent-B4FfYJcG.mjs");
       a(this.components[t], r);
     });
   }

package/dist/{main-DEaqXlbt.js → main-DtdmxWqG.js}

@@ -2,4 +2,4 @@
 `+(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;
+`+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-Cpdm2yXq.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-B4FfYJcG.mjs

@@ -0,0 +1,171 @@
+import { l as c } from "./main-BNWsTWhL.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/dist/webcomponent-Cpdm2yXq.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./main-DtdmxWqG.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ladrillosjs",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "A lightweight, zero-dependency web component framework for building modular web applications.",
   "repository": {
     "type": "git",

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
-};