ladrillosjs 1.0.1 → 1.0.2

package/dist/{index-46umVYfZ.mjs → index-D_dHFObN.mjs}

@@ -161,7 +161,7 @@ const x = class x {
   /** @private */
   _defineWebComponent(e, t) {
     return u(this, null, function* () {
-      const { defineWebComponent: s } = yield import("./webcomponent-lvbLxIns.mjs");
+      const { defineWebComponent: s } = yield import("./webcomponent-UTcwAakf.mjs");
       s(this.components[e], t);
     });
   }

package/dist/{index-dECyHgvF.js → index-X9YN_DbT.js}

@@ -1,3 +1,3 @@
 "use strict";var T=Object.defineProperty;var E=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,H=Object.prototype.propertyIsEnumerable;var W=r=>{throw TypeError(r)};var P=(r,e,t)=>e in r?T(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,x=(r,e)=>{for(var t in e||(e={}))j.call(e,t)&&P(r,t,e[t]);if(E)for(var t of E(e))H.call(e,t)&&P(r,t,e[t]);return r};var q=(r,e,t)=>e.has(r)||W("Cannot "+t);var d=(r,e,t)=>(q(r,e,"read from private field"),t?t.call(r):e.get(r)),y=(r,e,t)=>e.has(r)?W("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(r):e.set(r,t);var v=(r,e,t)=>(q(r,e,"access private method"),t);var u=(r,e,t)=>new Promise((s,o)=>{var l=a=>{try{c(t.next(a))}catch(g){o(g)}},i=a=>{try{c(t.throw(a))}catch(g){o(g)}},c=a=>a.done?s(a.value):Promise.resolve(a.value).then(l,i);c((t=t.apply(r,e)).next())});const h={log(r,...e){},error(r,...e){console.error(r,...e)},warn(r,...e){}};var m,w,C,A;const S=class S{constructor(){y(this,m,new Map);y(this,w,new DOMParser);this.components={}}registerComponent(e,t,s=!0){return u(this,null,function*(){var o,l,i;if(this.components[e]){h.log(`Component ${e} already registered.`);return}this.components[e]={__registering:!0};try{const c=yield u(this,null,function*(){const n=d(this,m).get(t);if(n)return n;const k=yield(yield fetch(t)).text();return d(this,m).set(t,k),k}),a=d(this,w).parseFromString(c.replace(/<!--[\s\S]*?-->/g,""),"text/html"),g=[],$=[];for(const n of a.querySelectorAll("script")){if(n.src)$.push({src:n.src,type:(o=n.type)!=null?o:null,bind:n.hasAttribute("bind")});else if(n.textContent){let p=n.textContent.trim();p=p.replace(/\/\*[\s\S]*?\*\/|\/\/.*$/gm,"").trim(),g.push({content:p,type:(l=n.type)!=null?l:null})}n.remove()}let f="";for(const n of a.querySelectorAll("link[rel='stylesheet']"))f+=`
 `+(yield v(i=S,C,A).call(i,`${n.href}?raw`)),n.remove();for(const n of a.querySelectorAll("style")){if(n.textContent){let p=n.textContent.trim();p=p.replace(/\/\*[\s\S]*?\*\//g,"").trim(),f+=`
-`+p}n.remove()}f=f.trim(),this.components[e]={tagName:e,template:a.body.innerHTML.trim(),scripts:g,externalScripts:$,style:f},yield this._defineWebComponent(e,s),h.log(`Component ${e} registered successfully`)}catch(c){h.error(`Failed to register component ${e}:`,c),delete this.components[e]}})}registerComponents(e,t=5){return u(this,null,function*(){const s=e.map(({name:l,path:i,useShadowDOM:c})=>()=>this.registerComponent(l,i,c)),o=yield this._runWithConcurrency(s,t);return o.forEach((l,i)=>{if(l.status==="rejected"){const{name:c}=e[i];h.error(`registration failed for ${c}:`,l.reason)}}),o})}_runWithConcurrency(e,t){return u(this,null,function*(){const s=[],o=[];for(const l of e){let i;const c=l();s.push(c),i=c.then(()=>{o.splice(o.indexOf(i),1)}),o.push(i),o.length>=t&&(yield Promise.race(o))}return Promise.allSettled(s)})}_defineWebComponent(e,t){return u(this,null,function*(){const{defineWebComponent:s}=yield Promise.resolve().then(()=>require("./webcomponent-Dntygkjn.js"));s(this.components[e],t)})}};m=new WeakMap,w=new WeakMap,C=new WeakSet,A=function(e){return u(this,null,function*(){try{const t=yield fetch(e);if(!t.ok)throw new Error(`HTTP ${t.status}`);return yield t.text()}catch(t){return h.error(`Failed to fetch resource at ${e}:`,t),""}})},y(S,C);let b=S;const F=new b;function O(r={}){let e=r;const t=new Set;return{getState(){return e},setState(s){e=x(x({},e),s),t.forEach(o=>o(e))},subscribe(s){return t.add(s),s(e),()=>t.delete(s)},reset(){e=r,t.forEach(s=>s(e))}}}const _=(...r)=>F.registerComponent(...r),M=(...r)=>F.registerComponents(...r);typeof window!="undefined"&&(window.ladrillosjs={registerComponent:_,registerComponents:M});exports.createStore=O;exports.logger=h;exports.registerComponent=_;exports.registerComponents=M;
+`+p}n.remove()}f=f.trim(),this.components[e]={tagName:e,template:a.body.innerHTML.trim(),scripts:g,externalScripts:$,style:f},yield this._defineWebComponent(e,s),h.log(`Component ${e} registered successfully`)}catch(c){h.error(`Failed to register component ${e}:`,c),delete this.components[e]}})}registerComponents(e,t=5){return u(this,null,function*(){const s=e.map(({name:l,path:i,useShadowDOM:c})=>()=>this.registerComponent(l,i,c)),o=yield this._runWithConcurrency(s,t);return o.forEach((l,i)=>{if(l.status==="rejected"){const{name:c}=e[i];h.error(`registration failed for ${c}:`,l.reason)}}),o})}_runWithConcurrency(e,t){return u(this,null,function*(){const s=[],o=[];for(const l of e){let i;const c=l();s.push(c),i=c.then(()=>{o.splice(o.indexOf(i),1)}),o.push(i),o.length>=t&&(yield Promise.race(o))}return Promise.allSettled(s)})}_defineWebComponent(e,t){return u(this,null,function*(){const{defineWebComponent:s}=yield Promise.resolve().then(()=>require("./webcomponent-Cga3h8cx.js"));s(this.components[e],t)})}};m=new WeakMap,w=new WeakMap,C=new WeakSet,A=function(e){return u(this,null,function*(){try{const t=yield fetch(e);if(!t.ok)throw new Error(`HTTP ${t.status}`);return yield t.text()}catch(t){return h.error(`Failed to fetch resource at ${e}:`,t),""}})},y(S,C);let b=S;const F=new b;function O(r={}){let e=r;const t=new Set;return{getState(){return e},setState(s){e=x(x({},e),s),t.forEach(o=>o(e))},subscribe(s){return t.add(s),s(e),()=>t.delete(s)},reset(){e=r,t.forEach(s=>s(e))}}}const _=(...r)=>F.registerComponent(...r),M=(...r)=>F.registerComponents(...r);typeof window!="undefined"&&(window.ladrillosjs={registerComponent:_,registerComponents:M});exports.createStore=O;exports.logger=h;exports.registerComponent=_;exports.registerComponents=M;

package/dist/ladrillosjs.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-dECyHgvF.js");exports.createStore=e.createStore;exports.registerComponent=e.registerComponent;exports.registerComponents=e.registerComponents;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-X9YN_DbT.js");exports.createStore=e.createStore;exports.registerComponent=e.registerComponent;exports.registerComponents=e.registerComponents;

package/dist/ladrillosjs.es.js

@@ -1,4 +1,4 @@
-import { c as o, r as t, a as s } from "./index-46umVYfZ.mjs";
+import { c as o, r as t, a as s } from "./index-D_dHFObN.mjs";
 export {
   o as createStore,
   t as registerComponent,

package/dist/ladrillosjs.umd.js

@@ -1,18 +1,18 @@
-(function(g,m){typeof exports=="object"&&typeof module!="undefined"?m(exports):typeof define=="function"&&define.amd?define(["exports"],m):(g=typeof globalThis!="undefined"?globalThis:g||self,m(g.ladrillosjs={}))})(this,function(g){"use strict";var dt=Object.defineProperty;var nt=Object.getOwnPropertySymbols;var pt=Object.prototype.hasOwnProperty,gt=Object.prototype.propertyIsEnumerable;var rt=g=>{throw TypeError(g)};var st=(g,m,c)=>m in g?dt(g,m,{enumerable:!0,configurable:!0,writable:!0,value:c}):g[m]=c,G=(g,m)=>{for(var c in m||(m={}))pt.call(m,c)&&st(g,c,m[c]);if(nt)for(var c of nt(m))gt.call(m,c)&&st(g,c,m[c]);return g};var it=(g,m,c)=>m.has(g)||rt("Cannot "+c);var X=(g,m,c)=>(it(g,m,"read from private field"),c?c.call(g):m.get(g)),H=(g,m,c)=>m.has(g)?rt("Cannot add the same private member more than once"):m instanceof WeakSet?m.add(g):m.set(g,c);var Y=(g,m,c)=>(it(g,m,"access private method"),c);var L=(g,m,c)=>new Promise((N,q)=>{var K=W=>{try{j(c.next(W))}catch(Z){q(Z)}},I=W=>{try{j(c.throw(W))}catch(Z){q(Z)}},j=W=>W.done?N(W.value):Promise.resolve(W.value).then(K,I);j((c=c.apply(g,m)).next())});var z,U,J,ot;var m=typeof document!="undefined"?document.currentScript:null;const c={log(C,...f){},error(C,...f){console.error(C,...f)},warn(C,...f){}},D=class D{constructor(){H(this,z,new Map);H(this,U,new DOMParser);this.components={}}registerComponent(f,_,w=!0){return L(this,null,function*(){var $,T,A;if(this.components[f]){c.log(`Component ${f} already registered.`);return}this.components[f]={__registering:!0};try{const v=yield L(this,null,function*(){const t=X(this,z).get(_);if(t)return t;const n=yield(yield fetch(_)).text();return X(this,z).set(_,n),n}),F=X(this,U).parseFromString(v.replace(/<!--[\s\S]*?-->/g,""),"text/html"),tt=[],P=[];for(const t of F.querySelectorAll("script")){if(t.src)P.push({src:t.src,type:($=t.type)!=null?$:null,bind:t.hasAttribute("bind")});else if(t.textContent){let e=t.textContent.trim();e=e.replace(/\/\*[\s\S]*?\*\/|\/\/.*$/gm,"").trim(),tt.push({content:e,type:(T=t.type)!=null?T:null})}t.remove()}let V="";for(const t of F.querySelectorAll("link[rel='stylesheet']"))V+=`
-`+(yield Y(A=D,J,ot).call(A,`${t.href}?raw`)),t.remove();for(const t of F.querySelectorAll("style")){if(t.textContent){let e=t.textContent.trim();e=e.replace(/\/\*[\s\S]*?\*\//g,"").trim(),V+=`
-`+e}t.remove()}V=V.trim(),this.components[f]={tagName:f,template:F.body.innerHTML.trim(),scripts:tt,externalScripts:P,style:V},yield this._defineWebComponent(f,w),c.log(`Component ${f} registered successfully`)}catch(v){c.error(`Failed to register component ${f}:`,v),delete this.components[f]}})}registerComponents(f,_=5){return L(this,null,function*(){const w=f.map(({name:T,path:A,useShadowDOM:v})=>()=>this.registerComponent(T,A,v)),$=yield this._runWithConcurrency(w,_);return $.forEach((T,A)=>{if(T.status==="rejected"){const{name:v}=f[A];c.error(`registration failed for ${v}:`,T.reason)}}),$})}_runWithConcurrency(f,_){return L(this,null,function*(){const w=[],$=[];for(const T of f){let A;const v=T();w.push(v),A=v.then(()=>{$.splice($.indexOf(A),1)}),$.push(A),$.length>=_&&(yield Promise.race($))}return Promise.allSettled(w)})}_defineWebComponent(f,_){return L(this,null,function*(){const{defineWebComponent:w}=yield Promise.resolve().then(()=>at);w(this.components[f],_)})}};z=new WeakMap,U=new WeakMap,J=new WeakSet,ot=function(f){return L(this,null,function*(){try{const _=yield fetch(f);if(!_.ok)throw new Error(`HTTP ${_.status}`);return yield _.text()}catch(_){return c.error(`Failed to fetch resource at ${f}:`,_),""}})},H(D,J);let N=D;const q=new N;function K(C={}){let f=C;const _=new Set;return{getState(){return f},setState(w){f=G(G({},f),w),_.forEach($=>$(f))},subscribe(w){return _.add(w),w(f),()=>_.delete(w)},reset(){f=C,_.forEach(w=>w(f))}}}const I=(...C)=>q.registerComponent(...C),j=(...C)=>q.registerComponents(...C);typeof window!="undefined"&&(window.ladrillosjs={registerComponent:I,registerComponents:j});function W(C,f){return JSON.stringify(C,(_,w)=>typeof w=="string"?w.replace(/"/g,'\\"').replace(/\n/g,"\\n").replace(/\r/g,"\\r"):w,f).replace(/"/g,"&quot;")}const at=Object.freeze(Object.defineProperty({__proto__:null,defineWebComponent:(C,f)=>{var F,ct;const{tagName:_,template:w,scripts:$,externalScripts:T,style:A}=C,P=class P extends HTMLElement{constructor(){super(),f&&this.attachShadow({mode:"open"}),this.root=f?this.shadowRoot:document,this.stringify=W;const t={};this.state=new Proxy(t,{set:(e,n,s)=>(e[n]=s,this._render(),!0)}),this._bindings=[],this._eventBindings=[],this._conditionals=[],this._initObservers()}connectedCallback(){this._loadTemplate(),this._loadStyles(),this._initializeStateFromAttributes(),this._loadScript(),this._setupTwoWayBindings()}disconnectedCallback(){this.observer.disconnect(),this._eventBindings.forEach(({element:t,event:e,listener:n})=>{t.removeEventListener(e,n)}),this._eventBindings=[]}_initObservers(){this.observer=this._createObserver(t=>{t.forEach(e=>{if(e.type==="attributes"){const n=e.attributeName,s=this.getAttribute(n);this._handleAttributeChange(n,s)}})},this,{attributes:!0,attributeOldValue:!0}),this.elementObserver=this._createObserver(t=>{for(const e of t)if(e.attributeName==="contenteditable"){const n=e.target;n.isContentEditable&&n.hasAttribute("data-bind")&&this._bindTwoWayForElement(n)}},this.root,{attributes:!0,subtree:!0,attributeFilter:["contenteditable"]})}_createObserver(t,e,n){const s=new MutationObserver(t.bind(this));return s.observe(e,n),s}_handleAttributeChange(t,e){var s;if(t){const r="this.state.";t.startsWith(r)&&(t=t.slice(r.length))}const n=Y(s=P,F,ct).call(s,e);this.state[t]=n,this._render()}_loadTemplate(){f?this.shadowRoot.innerHTML=w:this.innerHTML=w,this._scanBindings()}_scanBindings(){const t=document.createTreeWalker(this.root,NodeFilter.SHOW_TEXT,null,!1);let e;for(;e=t.nextNode();){const n=[...e.textContent.matchAll(/{([^}]+)}/g)];if(n.length){const s=n.map(([,r])=>({node:e,template:e.textContent,key:r.trim()}));this._bindings.push(s)}}this.root.querySelectorAll("*").forEach(n=>{Array.from(n.attributes).forEach(s=>{const r=[...s.value.matchAll(/{([^}]+)}/g)];r.length&&r.forEach(([,i])=>{this._bindings.push({element:n,attrName:s.name,template:s.value,key:i.trim()})})})}),this._getEventBindings(),this._scanConditionals()}_getEventBindings(){this.root.querySelectorAll("*").forEach(t=>{Array.from(t.attributes).forEach(e=>{if(!e.name.startsWith("on"))return;const n=e.name.slice(2),s=e.value.trim();t.removeAttribute(e.name);let r;const i=s.trim();if(/^\([^)]*\)\s*=>/.test(i))try{const a=new Function("event",`return (${i});`).call(this);r=h=>a(h)}catch(u){c.error(`Error parsing inline arrow function handler: ${i}`,u),r=()=>{}}else i.includes("(")&&i.includes(")")?r=u=>{try{const a=i.match(/^([a-zA-Z_$][0-9a-zA-Z_$]*)\s*\((.*)\)$/);if(a){const[,h,R]=a,Q=this[h]||this.state[h];if(typeof Q=="function"){let B=[];if(R.trim())try{B=new Function("event",`return [${R}]`).call(this,u)}catch(M){c.error(`Error parsing arguments for ${h}:`,M),B=[]}return Q.apply(this,B)}else c.warn(`Function "${h}" not found in component context. Available functions:`,Object.keys(this).filter(B=>typeof this[B]=="function").concat(Object.keys(this.state).filter(B=>typeof this.state[B]=="function")))}else new Function("event",i).call(this,u)}catch(a){c.error(`Error executing inline event handler: ${i}`,a)}}:r=u=>{const a=this[i];if(typeof a=="function")try{return a.call(this,u)}catch(h){c.error(`Error executing event handler method: ${i}`,h)}else c.warn(`Event handler method "${i}" not found on component. Available methods on 'this':`,Object.keys(this).filter(h=>typeof this[h]=="function"))};t.addEventListener(n,r),this._eventBindings.push({key:s,element:t,event:n,listener:r})})})}_scanConditionals(){this._conditionals=[];const t=Array.from(this.root.querySelectorAll("[data-if], [data-else-if], [data-else]"));let e=[];t.forEach(n=>{const s=n.hasAttribute("data-if");s&&e.length&&(this._conditionals.push(e),e=[]);const r=s?"if":n.hasAttribute("data-else-if")?"else-if":"else",i=r==="else"?null:n.getAttribute(r==="if"?"data-if":"data-else-if"),u=document.createComment(`ladrillos-${r}`);n.parentNode.insertBefore(u,n),n.remove(),e.push({el:n,type:r,expr:i,placeholder:u})}),e.length&&this._conditionals.push(e)}_loadStyles(){if(!A)return;const t=document.createElement("style");t.textContent=A,f?this.root.appendChild(t):this.root.head.appendChild(t)}_loadScript(){return L(this,null,function*(){var t;for(const e of T){const n=new URL(e.src,typeof document=="undefined"&&typeof location=="undefined"?require("url").pathToFileURL(__filename).href:typeof document=="undefined"?location.href:m&&m.tagName.toUpperCase()==="SCRIPT"&&m.src||new URL("ladrillosjs.umd.js",document.baseURI).href).href;if(e.type==="module"&&(e!=null&&e.bind))try{const s=yield import(n);typeof s.default=="function"?s.default.call(this):typeof s.init=="function"?s.init.call(this):c.error(`Module ${e.src} does not export a default function or init function.`)}catch(s){c.error(`Failed to load component module ${e.src}`,s)}else e!=null&&e.bind?yield fetch(n).then(s=>s.text()).then(s=>this._processScriptText(s.replace(/\/\*[\s\S]*?\*\/|\/\/.*$/gm,"").trim())):yield this._injectScriptTag(e.src,e.type)}for(const e of $)if(e.type==="module"){const n=document.createElement("script");n.type="module",n.textContent=e.content,((t=this.shadowRoot)!=null?t:this).appendChild(n)}else this._processScriptText(e.content);this._render()})}_injectScriptTag(t,e){return new Promise((n,s)=>{const r=document.createElement("script");r.src=t,e&&(r.type=e),r.onload=n,r.onerror=s,document.head.appendChild(r)})}_initializeStateFromAttributes(){this.getAttributeNames().forEach(t=>{const e=this.getAttribute(t);this._handleAttributeChange(t,e)})}_setNestedState(t,e){const n=t.split(".");let s=this.state;for(let r=0;r<n.length-1;r++){const i=n[r];(typeof s[i]!="object"||s[i]===null)&&(s[i]={}),s=s[i]}s[n[n.length-1]]=e,this._render()}_bindTwoWayForElement(t){const e=t.getAttribute("data-bind"),n=t.isContentEditable,s="value"in t,r=n||s?"input":"change",i=()=>{const R=n?t.innerText:s?t.value:t.textContent;this._setNestedState(e,R)};t.addEventListener(r,i),this._eventBindings.push({element:t,event:r,listener:i});const u=s?"value":void 0,a=s?t.getAttribute("value")||`{${e}}`:n?t.innerHTML:t.textContent;this._bindings.push({element:t,key:e,attrName:u,template:a});const h=s?t.value:n?t.innerText:t.textContent;this._setNestedState(e,h)}_setupTwoWayBindings(){const t=this.root.querySelectorAll("[data-bind]"),e={},n=(s,r,i)=>{const u=r.split(".");let a=s;for(let h=0;h<u.length-1;h++){const R=u[h];(typeof a[R]!="object"||a[R]===null)&&(a[R]={}),a=a[R]}a[u[u.length-1]]=i};t.forEach(s=>{const r=s.getAttribute("data-bind"),i=s.isContentEditable,u="value"in s,a=i?s.innerText.trim():u?s.value:s.textContent.trim();n(e,r,a)}),this.setState(e),t.forEach(s=>{this._bindTwoWayForElement(s)})}_render(){this._applyConditionals(),this._bindings.forEach(t=>{const e=Array.isArray(t)?t:[t],{node:n,template:s}=e[0];if(!n)return;const r={};e.forEach(({key:a})=>{var h;r[a]=(h=this.state[a])!=null?h:""});const i=this._renderTemplate(s,r);if(/<[a-z][\s\S]*>/i.test(i)){const a=document.createRange().createContextualFragment(i);n.nodeType===Node.TEXT_NODE?n.replaceWith(a):n.innerHTML=i}else n==null||n.nodeType,Node.TEXT_NODE,n.textContent=i}),this._bindings.filter(t=>t.element).forEach(({element:t,attrName:e,template:n,key:s})=>{var u;const r=(u=s.split(".").reduce((a,h)=>a==null?void 0:a[h],this.state))!=null?u:"",i=new RegExp(`\\{\\s*${s}\\s*\\}`,"g");t.setAttribute(e,n.replace(i,r))}),this.root.querySelectorAll("[data-bind]").forEach(t=>{var s;const n=(s=t.getAttribute("data-bind").split(".").reduce((r,i)=>r==null?void 0:r[i],this.state))!=null?s:"";t.isContentEditable?t.innerText!==n&&(t.innerText=n):"value"in t?t.value!==n&&(t.value=n):t.textContent!==n&&(t.textContent=n)})}_applyConditionals(){this._conditionals.forEach(t=>{let e=!1;t.forEach(({el:n,type:s,expr:r,placeholder:i})=>{let u=!1;if(s==="else")u=!e;else try{u=Function("state",`with(state){return(${r})}`)(this.state)}catch(a){u=!1}u&&!e?(!n.isConnected&&i.parentNode&&i.parentNode.insertBefore(n,i.nextSibling),i.remove(),e=!0):n.isConnected&&n.parentNode&&(n.parentNode.insertBefore(i,n),n.remove())})})}_renderTemplate(t,e){return t.replace(/\{\s*([-\w.]+)\s*}/g,(n,s)=>{let r=s.split(".").reduce((i,u)=>i==null?void 0:i[u],this.state);if(typeof r=="function")try{r=r.call(this)}catch(i){r=""}return r!=null?r:""})}_processScriptText(t){const e=new Set,n=new Set,s=new Set,r=new Map,i=o=>`__param_${o}_${Math.random().toString(36).substr(2,9)}`,u=(o,k)=>{let p=!1,l=!1,d=!1,E=!1;for(let b=0;b<k;b++){const y=o[b];if(E){E=!1;continue}if(y==="\\"){E=!0;continue}y==="'"&&!l&&!d?p=!p:y==='"'&&!p&&!d?l=!l:y==="`"&&!p&&!l&&(d=!d)}return p||l||d},a=(o,k,p)=>{let l=o;const d=[];let E;for(k.lastIndex=0;(E=k.exec(l))!==null;)d.push({index:E.index,length:E[0].length,originalContent:E[0],groups:E.slice(1)});for(let b=d.length-1;b>=0;b--){const y=d[b];if(!u(l,y.index)){const S=p(y.originalContent,...y.groups,y.index,l);l=l.substring(0,y.index)+S+l.substring(y.index+y.length)}}return l};Object.keys(this.state).forEach(o=>{this._isBound(o)&&s.add(o)});let h=t;h=a(h,/\b(function\s+\w+\s*|const\s+\w+\s*=\s*|let\s+\w+\s*=\s*|var\s+\w+\s*=\s*)*\(([^)]*)\)\s*=>/g,(o,k,p)=>{if(!p||!p.trim())return o;const l=p.split(",").map(b=>b.trim()).filter(b=>b);let d=!1;const E=l.map(b=>{const y=b.split("=")[0].trim().replace(/[{}[\]]/g,"");if(this._isBound(y)){d=!0;const S=i(y);return r.set(y,S),b.replace(y,S)}return b});return d?o.replace(p,E.join(", ")):o}),h=a(h,/\bfunction\s+(\w+)\s*\(([^)]*)\)/g,(o,k,p)=>{if(!p||!p.trim())return o;const l=p.split(",").map(b=>b.trim()).filter(b=>b);let d=!1;const E=l.map(b=>{const y=b.split("=")[0].trim().replace(/[{}[\]]/g,"");if(this._isBound(y)){d=!0;const S=i(y);return r.set(y,S),b.replace(y,S)}return b});return d?o.replace(p,E.join(", ")):o});const B=/\bfunction\s+([a-zA-Z_$][0-9a-zA-Z_$]*)\s*\(/g;let M;for(;(M=B.exec(t))!==null;)e.add(M[1]);const lt=/\b(const|let|var)\s+([a-zA-Z_$][0-9a-zA-Z_$]*)\s*=/g;for(;(M=lt.exec(t))!==null;)e.add(M[2]);e.forEach(o=>{this._isBound(o)&&(new RegExp(`\\b${o}\\s*=\\s*(?:function|\\([^)]*\\)\\s*=>|[^=]+=>)`,"g").test(t)||new RegExp(`\\bfunction\\s+${o}\\s*\\(`).test(t)||n.add(o))}),new Set([...n,...s]).forEach(o=>{h=a(h,new RegExp(`(^|\\W)(\\+\\+|\\-\\-)\\s*${o}\\b`,"g"),(p,l,d)=>`${l}${d}this.state.${o}`),h=a(h,new RegExp(`\\b${o}\\s*(\\+\\+|\\-\\-)(?!\\.)`,"g"),(p,l)=>`this.state.${o}${l}`),h=a(h,new RegExp(`(^|\\W)${o}\\s*([+\\-*/%&|^]|<<|>>|>>>)?=(?!=)`,"g"),(p,l,d,E,b)=>{const y=E+l.length;let S=b.substring(Math.max(0,y-10),y);return/\b(const|let|var)\s+$/.test(S)?p:`${l}this.state.${o} ${d||""}=`});const k=new RegExp(`\\b${o}\\b(?!\\s*[+\\-*/%&|^]?=)`,"g");h=a(h,k,(p,l,d)=>{if(d.substring(Math.max(0,l-11),l).endsWith("this.state.")||r.has(o)&&d.substring(Math.max(0,l-50),l).match(/([+\-*/%&|^]|<<|>>|>>>)?=\s*[^=]*$/)||["break","case","catch","class","const","continue","debugger","default","delete","do","else","export","extends","finally","for","function","if","import","in","instanceof","let","new","return","super","switch","this","throw","try","typeof","var","void","while","with","yield"].includes(p))return p;const y=d.lastIndexOf(`
-`,l)+1,S=d.substring(y,l);if(/\b(?:const|let|var)\s+$/.test(S)||l>0&&d[l-1]===".")return p;let x=l+p.length;for(;x<d.length&&/\s/.test(d[x]);)x++;return x<d.length&&d[x]==="("?p:`this.state.${o}`})}),r.forEach((o,k)=>{const p=new RegExp(`\\b${k}\\b`,"g");h=a(h,p,(l,d,E)=>{const b=E.substring(0,d);if(b.includes(o)){let y=0,S=-1;for(let x=b.length-1;x>=0;x--)if(b[x]==="}")y++;else if(b[x]==="{"&&(y--,y<0)){S=x;break}if(S!==-1){const x=b.substring(0,S);if(x.substring(Math.max(0,x.lastIndexOf("(",S))).includes(o)){if(E.substring(Math.max(0,d-11),d).endsWith("this.state."))return l;const ht=E.substring(d+l.length,Math.min(E.length,d+l.length+20));return/^\s*([+\-*/%&|^]|<<|>>|>>>)?=(?!=)/.test(ht)?l:o}}}return l})});let O="";e.size>0&&(O=`
+(function(m,b){typeof exports=="object"&&typeof module!="undefined"?b(exports):typeof define=="function"&&define.amd?define(["exports"],b):(m=typeof globalThis!="undefined"?globalThis:m||self,b(m.ladrillosjs={}))})(this,function(m){"use strict";var dt=Object.defineProperty;var it=Object.getOwnPropertySymbols;var pt=Object.prototype.hasOwnProperty,gt=Object.prototype.propertyIsEnumerable;var ct=m=>{throw TypeError(m)};var ot=(m,b,a)=>b in m?dt(m,b,{enumerable:!0,configurable:!0,writable:!0,value:a}):m[b]=a,Y=(m,b)=>{for(var a in b||(b={}))pt.call(b,a)&&ot(m,a,b[a]);if(it)for(var a of it(b))gt.call(b,a)&&ot(m,a,b[a]);return m};var at=(m,b,a)=>b.has(m)||ct("Cannot "+a);var K=(m,b,a)=>(at(m,b,"read from private field"),a?a.call(m):b.get(m)),I=(m,b,a)=>b.has(m)?ct("Cannot add the same private member more than once"):b instanceof WeakSet?b.add(m):b.set(m,a);var tt=(m,b,a)=>(at(m,b,"access private method"),a);var L=(m,b,a)=>new Promise((q,z)=>{var Q=W=>{try{j(a.next(W))}catch(U){z(U)}},Z=W=>{try{j(a.throw(W))}catch(U){z(U)}},j=W=>W.done?q(W.value):Promise.resolve(W.value).then(Q,Z);j((a=a.apply(m,b)).next())});var V,J,D,lt;var b=typeof document!="undefined"?document.currentScript:null;const a={log(C,...f){},error(C,...f){console.error(C,...f)},warn(C,...f){}},X=class X{constructor(){I(this,V,new Map);I(this,J,new DOMParser);this.components={}}registerComponent(f,_,w=!0){return L(this,null,function*(){var S,A,x;if(this.components[f]){a.log(`Component ${f} already registered.`);return}this.components[f]={__registering:!0};try{const v=yield L(this,null,function*(){const t=K(this,V).get(_);if(t)return t;const n=yield(yield fetch(_)).text();return K(this,V).set(_,n),n}),B=K(this,J).parseFromString(v.replace(/<!--[\s\S]*?-->/g,""),"text/html"),et=[],P=[];for(const t of B.querySelectorAll("script")){if(t.src)P.push({src:t.src,type:(S=t.type)!=null?S:null,bind:t.hasAttribute("bind")});else if(t.textContent){let e=t.textContent.trim();e=e.replace(/\/\*[\s\S]*?\*\/|\/\/.*$/gm,"").trim(),et.push({content:e,type:(A=t.type)!=null?A:null})}t.remove()}let H="";for(const t of B.querySelectorAll("link[rel='stylesheet']"))H+=`
+`+(yield tt(x=X,D,lt).call(x,`${t.href}?raw`)),t.remove();for(const t of B.querySelectorAll("style")){if(t.textContent){let e=t.textContent.trim();e=e.replace(/\/\*[\s\S]*?\*\//g,"").trim(),H+=`
+`+e}t.remove()}H=H.trim(),this.components[f]={tagName:f,template:B.body.innerHTML.trim(),scripts:et,externalScripts:P,style:H},yield this._defineWebComponent(f,w),a.log(`Component ${f} registered successfully`)}catch(v){a.error(`Failed to register component ${f}:`,v),delete this.components[f]}})}registerComponents(f,_=5){return L(this,null,function*(){const w=f.map(({name:A,path:x,useShadowDOM:v})=>()=>this.registerComponent(A,x,v)),S=yield this._runWithConcurrency(w,_);return S.forEach((A,x)=>{if(A.status==="rejected"){const{name:v}=f[x];a.error(`registration failed for ${v}:`,A.reason)}}),S})}_runWithConcurrency(f,_){return L(this,null,function*(){const w=[],S=[];for(const A of f){let x;const v=A();w.push(v),x=v.then(()=>{S.splice(S.indexOf(x),1)}),S.push(x),S.length>=_&&(yield Promise.race(S))}return Promise.allSettled(w)})}_defineWebComponent(f,_){return L(this,null,function*(){const{defineWebComponent:w}=yield Promise.resolve().then(()=>ft);w(this.components[f],_)})}};V=new WeakMap,J=new WeakMap,D=new WeakSet,lt=function(f){return L(this,null,function*(){try{const _=yield fetch(f);if(!_.ok)throw new Error(`HTTP ${_.status}`);return yield _.text()}catch(_){return a.error(`Failed to fetch resource at ${f}:`,_),""}})},I(X,D);let q=X;const z=new q;function Q(C={}){let f=C;const _=new Set;return{getState(){return f},setState(w){f=Y(Y({},f),w),_.forEach(S=>S(f))},subscribe(w){return _.add(w),w(f),()=>_.delete(w)},reset(){f=C,_.forEach(w=>w(f))}}}const Z=(...C)=>z.registerComponent(...C),j=(...C)=>z.registerComponents(...C);typeof window!="undefined"&&(window.ladrillosjs={registerComponent:Z,registerComponents:j});function W(C,f){return JSON.stringify(C,(_,w)=>typeof w=="string"?w.replace(/"/g,'\\"').replace(/\n/g,"\\n").replace(/\r/g,"\\r"):w,f).replace(/"/g,"&quot;")}const ft=Object.freeze(Object.defineProperty({__proto__:null,defineWebComponent:(C,f)=>{var B,ut;const{tagName:_,template:w,scripts:S,externalScripts:A,style:x}=C,P=class P extends HTMLElement{constructor(){super(),f&&this.attachShadow({mode:"open"}),this.root=f?this.shadowRoot:document,this.stringify=W;const t={};this.state=new Proxy(t,{set:(e,n,s)=>(e[n]=s,this._render(),!0)}),this._bindings=[],this._eventBindings=[],this._conditionals=[],this._initObservers()}connectedCallback(){this._loadTemplate(),this._loadStyles(),this._initializeStateFromAttributes(),this._loadScript(),this._setupTwoWayBindings()}disconnectedCallback(){this.observer.disconnect(),this._eventBindings.forEach(({element:t,event:e,listener:n})=>{t.removeEventListener(e,n)}),this._eventBindings=[]}_initObservers(){this.observer=this._createObserver(t=>{t.forEach(e=>{if(e.type==="attributes"){const n=e.attributeName,s=this.getAttribute(n);this._handleAttributeChange(n,s)}})},this,{attributes:!0,attributeOldValue:!0}),this.elementObserver=this._createObserver(t=>{for(const e of t)if(e.attributeName==="contenteditable"){const n=e.target;n.isContentEditable&&n.hasAttribute("data-bind")&&this._bindTwoWayForElement(n)}},this.root,{attributes:!0,subtree:!0,attributeFilter:["contenteditable"]})}_createObserver(t,e,n){const s=new MutationObserver(t.bind(this));return s.observe(e,n),s}_handleAttributeChange(t,e){var s;if(t){const r="this.state.";t.startsWith(r)&&(t=t.slice(r.length))}const n=tt(s=P,B,ut).call(s,e);this.state[t]=n,this._render()}_loadTemplate(){f?this.shadowRoot.innerHTML=w:this.innerHTML=w,this._scanBindings()}_scanBindings(){const t=document.createTreeWalker(this.root,NodeFilter.SHOW_TEXT,null,!1);let e;for(;e=t.nextNode();){const n=[...e.textContent.matchAll(/{([^}]+)}/g)];if(n.length){const s=n.map(([,r])=>({node:e,template:e.textContent,key:r.trim()}));this._bindings.push(s)}}this.root.querySelectorAll("*").forEach(n=>{Array.from(n.attributes).forEach(s=>{const r=[...s.value.matchAll(/{([^}]+)}/g)];r.length&&r.forEach(([,i])=>{this._bindings.push({element:n,attrName:s.name,template:s.value,key:i.trim()})})})}),this._getEventBindings(),this._scanConditionals()}_getEventBindings(){this.root.querySelectorAll("*").forEach(t=>{Array.from(t.attributes).forEach(e=>{if(!e.name.startsWith("on"))return;const n=e.name.slice(2),s=e.value.trim();t.removeAttribute(e.name);let r;const i=s.trim();if(/^\([^)]*\)\s*=>/.test(i))try{const l=new Function("event",`return (${i});`).call(this);r=d=>l(d)}catch(u){a.error(`Error parsing inline arrow function handler: ${i}`,u),r=()=>{}}else i.includes("(")&&i.includes(")")?r=u=>{try{const l=i.match(/^([a-zA-Z_$][0-9a-zA-Z_$]*)\s*\((.*)\)$/);if(l){const[,d,k]=l,G=this[d]||this.state[d];if(typeof G=="function"){let O=[];if(k.trim())try{O=new Function("event",`return [${k}]`).call(this,u)}catch(M){a.error(`Error parsing arguments for ${d}:`,M),O=[]}return G.apply(this,O)}else a.warn(`Function "${d}" not found in component context. Available functions:`,Object.keys(this).filter(O=>typeof this[O]=="function").concat(Object.keys(this.state).filter(O=>typeof this.state[O]=="function")))}else new Function("event",i).call(this,u)}catch(l){a.error(`Error executing inline event handler: ${i}`,l)}}:r=u=>{const l=this[i];if(typeof l=="function")try{return l.call(this,u)}catch(d){a.error(`Error executing event handler method: ${i}`,d)}else a.warn(`Event handler method "${i}" not found on component. Available methods on 'this':`,Object.keys(this).filter(d=>typeof this[d]=="function"))};t.addEventListener(n,r),this._eventBindings.push({key:s,element:t,event:n,listener:r})})})}_scanConditionals(){this._conditionals=[];const t=Array.from(this.root.querySelectorAll("[data-if], [data-else-if], [data-else]"));let e=[];t.forEach(n=>{const s=n.hasAttribute("data-if");s&&e.length&&(this._conditionals.push(e),e=[]);const r=s?"if":n.hasAttribute("data-else-if")?"else-if":"else",i=r==="else"?null:n.getAttribute(r==="if"?"data-if":"data-else-if"),u=document.createComment(`ladrillos-${r}`);n.parentNode.insertBefore(u,n),n.remove(),e.push({el:n,type:r,expr:i,placeholder:u})}),e.length&&this._conditionals.push(e)}_loadStyles(){if(!x)return;const t=document.createElement("style");t.textContent=x,f?this.root.appendChild(t):this.root.head.appendChild(t)}_loadScript(){return L(this,null,function*(){var t;for(const e of A){const n=new URL(e.src,typeof document=="undefined"&&typeof location=="undefined"?require("url").pathToFileURL(__filename).href:typeof document=="undefined"?location.href:b&&b.tagName.toUpperCase()==="SCRIPT"&&b.src||new URL("ladrillosjs.umd.js",document.baseURI).href).href;if(e.type==="module"&&(e!=null&&e.bind))try{const s=yield import(n);typeof s.default=="function"?s.default.call(this):typeof s.init=="function"?s.init.call(this):a.error(`Module ${e.src} does not export a default function or init function.`)}catch(s){a.error(`Failed to load component module ${e.src}`,s)}else e!=null&&e.bind?yield fetch(n).then(s=>s.text()).then(s=>this._processScriptText(s.replace(/\/\*[\s\S]*?\*\/|\/\/.*$/gm,"").trim())):yield this._injectScriptTag(e.src,e.type)}for(const e of S)if(e.type==="module"){const n=document.createElement("script");n.type="module",n.textContent=e.content,((t=this.shadowRoot)!=null?t:this).appendChild(n)}else this._processScriptText(e.content);this._render()})}_injectScriptTag(t,e){return new Promise((n,s)=>{const r=document.createElement("script");r.src=t,e&&(r.type=e),r.onload=n,r.onerror=s,document.head.appendChild(r)})}_initializeStateFromAttributes(){this.getAttributeNames().forEach(t=>{const e=this.getAttribute(t);this._handleAttributeChange(t,e)})}_setNestedState(t,e){const n=t.split(".");let s=this.state;for(let r=0;r<n.length-1;r++){const i=n[r];(typeof s[i]!="object"||s[i]===null)&&(s[i]={}),s=s[i]}s[n[n.length-1]]=e,this._render()}_bindTwoWayForElement(t){const e=t.getAttribute("data-bind"),n=t.isContentEditable,s="value"in t,r=n||s?"input":"change",i=()=>{const k=n?t.innerText:s?t.value:t.textContent;this._setNestedState(e,k)};t.addEventListener(r,i),this._eventBindings.push({element:t,event:r,listener:i});const u=s?"value":void 0,l=s?t.getAttribute("value")||`{${e}}`:n?t.innerHTML:t.textContent;this._bindings.push({element:t,key:e,attrName:u,template:l});const d=s?t.value:n?t.innerText:t.textContent;this._setNestedState(e,d)}_setupTwoWayBindings(){const t=this.root.querySelectorAll("[data-bind]"),e={},n=(s,r,i)=>{const u=r.split(".");let l=s;for(let d=0;d<u.length-1;d++){const k=u[d];(typeof l[k]!="object"||l[k]===null)&&(l[k]={}),l=l[k]}l[u[u.length-1]]=i};t.forEach(s=>{const r=s.getAttribute("data-bind"),i=s.isContentEditable,u="value"in s,l=i?s.innerText.trim():u?s.value:s.textContent.trim();n(e,r,l)}),this.setState(e),t.forEach(s=>{this._bindTwoWayForElement(s)})}_render(){this._applyConditionals(),this._bindings.forEach(t=>{const e=Array.isArray(t)?t:[t],{node:n,template:s}=e[0];if(!n)return;const r={};e.forEach(({key:l})=>{var d;r[l]=(d=this.state[l])!=null?d:""});const i=this._renderTemplate(s,r);if(/<[a-z][\s\S]*>/i.test(i)){const l=document.createRange().createContextualFragment(i);n.nodeType===Node.TEXT_NODE?n.replaceWith(l):n.innerHTML=i}else n==null||n.nodeType,Node.TEXT_NODE,n.textContent=i}),this._bindings.filter(t=>t.element).forEach(({element:t,attrName:e,template:n,key:s})=>{var u;const r=(u=s.split(".").reduce((l,d)=>l==null?void 0:l[d],this.state))!=null?u:"",i=new RegExp(`\\{\\s*${s}\\s*\\}`,"g");t.setAttribute(e,n.replace(i,r))}),this.root.querySelectorAll("[data-bind]").forEach(t=>{var s;const n=(s=t.getAttribute("data-bind").split(".").reduce((r,i)=>r==null?void 0:r[i],this.state))!=null?s:"";t.isContentEditable?t.innerText!==n&&(t.innerText=n):"value"in t?t.value!==n&&(t.value=n):t.textContent!==n&&(t.textContent=n)})}_applyConditionals(){this._conditionals.forEach(t=>{let e=!1;t.forEach(({el:n,type:s,expr:r,placeholder:i})=>{let u=!1;if(s==="else")u=!e;else try{u=Function("state",`with(state){return(${r})}`)(this.state)}catch(l){u=!1}u&&!e?(!n.isConnected&&i.parentNode&&i.parentNode.insertBefore(n,i.nextSibling),i.remove(),e=!0):n.isConnected&&n.parentNode&&(n.parentNode.insertBefore(i,n),n.remove())})})}_renderTemplate(t,e){return t.replace(/\{\s*([-\w.]+)\s*}/g,(n,s)=>{let r=s.split(".").reduce((i,u)=>i==null?void 0:i[u],this.state);if(typeof r=="function")try{r=r.call(this)}catch(i){r=""}return r!=null?r:""})}_processScriptText(t){const e=new Set,n=new Set,s=new Set,r=new Map,i=o=>`__param_${o}_${Math.random().toString(36).substr(2,9)}`,u=(o,T)=>{let p=!1,c=!1,h=!1,E=!1;for(let g=0;g<T;g++){const y=o[g];if(E){E=!1;continue}if(y==="\\"){E=!0;continue}y==="'"&&!c&&!h?p=!p:y==='"'&&!p&&!h?c=!c:y==="`"&&!p&&!c&&(h=!h)}return p||c||h},l=(o,T,p)=>{let c=o;const h=[];let E;for(T.lastIndex=0;(E=T.exec(c))!==null;)h.push({index:E.index,length:E[0].length,originalContent:E[0],groups:E.slice(1)});for(let g=h.length-1;g>=0;g--){const y=h[g];if(!u(c,y.index)){const $=p(y.originalContent,...y.groups,y.index,c);c=c.substring(0,y.index)+$+c.substring(y.index+y.length)}}return c};Object.keys(this.state).forEach(o=>{this._isBound(o)&&s.add(o)});let d=t;d=l(d,/\b(function\s+\w+\s*|const\s+\w+\s*=\s*|let\s+\w+\s*=\s*|var\s+\w+\s*=\s*)*\(([^)]*)\)\s*=>/g,(o,T,p)=>{if(!p||!p.trim())return o;const c=p.split(",").map(g=>g.trim()).filter(g=>g);let h=!1;const E=c.map(g=>{const y=g.split("=")[0].trim().replace(/[{}[\]]/g,"");if(this._isBound(y)){h=!0;const $=i(y);return r.set(y,$),g.replace(y,$)}return g});return h?o.replace(p,E.join(", ")):o}),d=l(d,/\bfunction\s+(\w+)\s*\(([^)]*)\)/g,(o,T,p)=>{if(!p||!p.trim())return o;const c=p.split(",").map(g=>g.trim()).filter(g=>g);let h=!1;const E=c.map(g=>{const y=g.split("=")[0].trim().replace(/[{}[\]]/g,"");if(this._isBound(y)){h=!0;const $=i(y);return r.set(y,$),g.replace(y,$)}return g});return h?o.replace(p,E.join(", ")):o});const O=/\bfunction\s+([a-zA-Z_$][0-9a-zA-Z_$]*)\s*\(/g;let M;for(;(M=O.exec(t))!==null;)e.add(M[1]);const ht=/\b(const|let|var)\s+([a-zA-Z_$][0-9a-zA-Z_$]*)\s*=/g;for(;(M=ht.exec(t))!==null;)e.add(M[2]);e.forEach(o=>{this._isBound(o)&&(new RegExp(`\\b${o}\\s*=\\s*(?:function|\\([^)]*\\)\\s*=>|[^=]+=>)`,"g").test(t)||new RegExp(`\\bfunction\\s+${o}\\s*\\(`).test(t)||n.add(o))}),new Set([...n,...s]).forEach(o=>{d=l(d,new RegExp(`(^|\\W)(\\+\\+|\\-\\-)\\s*${o}\\b`,"g"),(p,c,h)=>`${c}${h}this.state.${o}`),d=l(d,new RegExp(`\\b${o}\\s*(\\+\\+|\\-\\-)(?!\\.)`,"g"),(p,c)=>`this.state.${o}${c}`),d=l(d,new RegExp(`(^|\\W)${o}\\s*([+\\-*/%&|^]|<<|>>|>>>)?=(?!=)`,"g"),(p,c,h,E,g)=>{const y=E+c.length;let $=g.substring(Math.max(0,y-10),y);return/\b(const|let|var)\s+$/.test($)?p:`${c}this.state.${o} ${h||""}=`});const T=new RegExp(`\\b${o}\\b(?!\\s*[+\\-*/%&|^]?=)`,"g");d=l(d,T,(p,c,h)=>{if(h.substring(Math.max(0,c-11),c).endsWith("this.state."))return p;const g=h.substring(Math.max(0,c-20),c),y=h.substring(c+p.length,Math.min(h.length,c+p.length+10));if(/[{,]\s*$/.test(g)&&/^\s*:/.test(y)||r.has(o)&&h.substring(Math.max(0,c-50),c).match(/([+\-*/%&|^]|<<|>>|>>>)?=\s*[^=]*$/)||["break","case","catch","class","const","continue","debugger","default","delete","do","else","export","extends","finally","for","function","if","import","in","instanceof","let","new","return","super","switch","this","throw","try","typeof","var","void","while","with","yield"].includes(p))return p;const R=h.lastIndexOf(`
+`,c)+1,st=h.substring(R,c);if(/\b(?:const|let|var)\s+$/.test(st)||c>0&&h[c-1]===".")return p;let N=c+p.length;for(;N<h.length&&/\s/.test(h[N]);)N++;return N<h.length&&h[N]==="("?p:`this.state.${o}`})}),r.forEach((o,T)=>{const p=new RegExp(`\\b${T}\\b`,"g");d=l(d,p,(c,h,E)=>{const g=E.substring(0,h);if(g.includes(o)){let y=0,$=-1;for(let R=g.length-1;R>=0;R--)if(g[R]==="}")y++;else if(g[R]==="{"&&(y--,y<0)){$=R;break}if($!==-1){const R=g.substring(0,$);if(R.substring(Math.max(0,R.lastIndexOf("(",$))).includes(o)){if(E.substring(Math.max(0,h-11),h).endsWith("this.state."))return c;const rt=E.substring(h+c.length,Math.min(E.length,h+c.length+20));return/^\s*([+\-*/%&|^]|<<|>>|>>>)?=(?!=)/.test(rt)?c:o}}}return c})});let F="";e.size>0&&(F=`
 
 // --- Auto-processed by LadrillosJS Framework ---
-`,e.forEach(o=>{O+=`if (this._isBound('${o}')) {
-`,O+=`  if (typeof ${o} === 'function') {
-`,O+=`    try { this.${o} = ${o}; } catch(e) { console.warn('LadrillosJS: Failed to assign function ${o} to component context.', e); }
-`,O+=` } else if (typeof ${o} !== 'undefined' && ${n.has(o)}) {
-`,O+=`    if(typeof this.state.${o} === 'undefined') { try { this.state.${o} = ${o}; } catch(e) { console.warn('LadrillosJS: Failed to initialize state for ${o} from script.', e); } }
-`,O+=`  }
-`,O+=`}
-`}));const et=h+O;try{new Function(et).call(this)}catch(o){c.error("Error executing component script:",o),console.error(`LadrillosJS: Error executing component script. Processed script was:
+`,e.forEach(o=>{F+=`if (this._isBound('${o}')) {
+`,F+=`  if (typeof ${o} === 'function') {
+`,F+=`    try { this.${o} = ${o}; } catch(e) { console.warn('LadrillosJS: Failed to assign function ${o} to component context.', e); }
+`,F+=` } else if (typeof ${o} !== 'undefined' && ${n.has(o)}) {
+`,F+=`    if(typeof this.state.${o} === 'undefined') { try { this.state.${o} = ${o}; } catch(e) { console.warn('LadrillosJS: Failed to initialize state for ${o} from script.', e); } }
+`,F+=`  }
+`,F+=`}
+`}));const nt=d+F;try{new Function(nt).call(this)}catch(o){a.error("Error executing component script:",o),console.error(`LadrillosJS: Error executing component script. Processed script was:
 ---
-`+et+`
+`+nt+`
 ---
-Error details:`,o)}}_evalExpression(t,e,n,s){try{return new Function(`return (${t});`).call(this)}catch(r){let i,u;for(;i=n.exec(e);)if(this._functions.set(s,i[0]),u=i[1].trim(),u)try{return new Function(`${u}`).bind(this)}catch(a){return c.error(a),u}return t}}_isBound(t){if(t in this.state)return!0;const e=this._eventBindings.some(r=>{if(!r.key)return!1;if(r.key===t)return!0;const i=r.key.match(/^([a-zA-Z_$][0-9a-zA-Z_$]*)\s*\(/);return i&&i[1]===t}),n=this._bindings.some(r=>Array.isArray(r)?r.some(i=>i.key===t||i.key.startsWith(t+".")):r.key===t||r.key.startsWith(t+".")),s=this._conditionals.some(r=>r.some(({expr:i})=>{if(!i)return!1;const u=t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");return new RegExp(`\\b${u}\\b`).test(i)}));return e||n||s}emit(t,e){const n=e!=null?e:this.state;this.dispatchEvent(new CustomEvent(t,{detail:n,bubbles:!0,composed:!0}))}listen(t,e){const n=s=>e(s.detail);document.addEventListener(t,n),this._eventBindings.push({element:document,event:t,listener:n})}setState(t){Object.assign(this.state,t),this._render()}querySelector(t){return this.root.querySelector(t)}querySelectorAll(t){return this.root.querySelectorAll(t)}};F=new WeakSet,ct=function(t){if(t==="")return null;if(t!=="undefined")try{return JSON.parse(t)}catch(e){return t}},H(P,F);let v=P;customElements.define(_,v),c.log(`Web component defined: <${_}></${_}>`)}},Symbol.toStringTag,{value:"Module"}));g.createStore=K,g.registerComponent=I,g.registerComponents=j,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})});
+Error details:`,o)}}_evalExpression(t,e,n,s){try{return new Function(`return (${t});`).call(this)}catch(r){let i,u;for(;i=n.exec(e);)if(this._functions.set(s,i[0]),u=i[1].trim(),u)try{return new Function(`${u}`).bind(this)}catch(l){return a.error(l),u}return t}}_isBound(t){if(t in this.state)return!0;const e=this._eventBindings.some(r=>{if(!r.key)return!1;if(r.key===t)return!0;const i=r.key.match(/^([a-zA-Z_$][0-9a-zA-Z_$]*)\s*\(/);return i&&i[1]===t}),n=this._bindings.some(r=>Array.isArray(r)?r.some(i=>i.key===t||i.key.startsWith(t+".")):r.key===t||r.key.startsWith(t+".")),s=this._conditionals.some(r=>r.some(({expr:i})=>{if(!i)return!1;const u=t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");return new RegExp(`\\b${u}\\b`).test(i)}));return e||n||s}emit(t,e){const n=e!=null?e:this.state;this.dispatchEvent(new CustomEvent(t,{detail:n,bubbles:!0,composed:!0}))}listen(t,e){const n=s=>e(s.detail);document.addEventListener(t,n),this._eventBindings.push({element:document,event:t,listener:n})}setState(t){Object.assign(this.state,t),this._render()}querySelector(t){return this.root.querySelector(t)}querySelectorAll(t){return this.root.querySelectorAll(t)}};B=new WeakSet,ut=function(t){if(t==="")return null;if(t!=="undefined")try{return JSON.parse(t)}catch(e){return t}},I(P,B);let v=P;customElements.define(_,v),a.log(`Web component defined: <${_}></${_}>`)}},Symbol.toStringTag,{value:"Module"}));m.createStore=Q,m.registerComponent=Z,m.registerComponents=j,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})});

package/dist/{webcomponent-Dntygkjn.js → webcomponent-Cga3h8cx.js}

@@ -1,16 +1,16 @@
-"use strict";var q=y=>{throw TypeError(y)};var J=(y,b,_)=>b.has(y)||q("Cannot "+_);var z=(y,b,_)=>b.has(y)?q("Cannot add the same private member more than once"):b instanceof WeakSet?b.add(y):b.set(y,_);var P=(y,b,_)=>(J(y,b,"access private method"),_);var V=(y,b,_)=>new Promise((A,k)=>{var F=w=>{try{T(_.next(w))}catch(W){k(W)}},B=w=>{try{T(_.throw(w))}catch(W){k(W)}},T=w=>w.done?A(w.value):Promise.resolve(w.value).then(F,B);T((_=_.apply(y,b)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("./index-dECyHgvF.js");var N=typeof document!="undefined"?document.currentScript:null;function D(y,b){return JSON.stringify(y,(_,A)=>typeof A=="string"?A.replace(/"/g,'\\"').replace(/\n/g,"\\n").replace(/\r/g,"\\r"):A,b).replace(/"/g,"&quot;")}const X=(y,b)=>{var w,j;const{tagName:_,template:A,scripts:k,externalScripts:F,style:B}=y,L=class L extends HTMLElement{constructor(){super(),b&&this.attachShadow({mode:"open"}),this.root=b?this.shadowRoot:document,this.stringify=D;const t={};this.state=new Proxy(t,{set:(n,e,s)=>(n[e]=s,this._render(),!0)}),this._bindings=[],this._eventBindings=[],this._conditionals=[],this._initObservers()}connectedCallback(){this._loadTemplate(),this._loadStyles(),this._initializeStateFromAttributes(),this._loadScript(),this._setupTwoWayBindings()}disconnectedCallback(){this.observer.disconnect(),this._eventBindings.forEach(({element:t,event:n,listener:e})=>{t.removeEventListener(n,e)}),this._eventBindings=[]}_initObservers(){this.observer=this._createObserver(t=>{t.forEach(n=>{if(n.type==="attributes"){const e=n.attributeName,s=this.getAttribute(e);this._handleAttributeChange(e,s)}})},this,{attributes:!0,attributeOldValue:!0}),this.elementObserver=this._createObserver(t=>{for(const n of t)if(n.attributeName==="contenteditable"){const e=n.target;e.isContentEditable&&e.hasAttribute("data-bind")&&this._bindTwoWayForElement(e)}},this.root,{attributes:!0,subtree:!0,attributeFilter:["contenteditable"]})}_createObserver(t,n,e){const s=new MutationObserver(t.bind(this));return s.observe(n,e),s}_handleAttributeChange(t,n){var s;if(t){const i="this.state.";t.startsWith(i)&&(t=t.slice(i.length))}const e=P(s=L,w,j).call(s,n);this.state[t]=e,this._render()}_loadTemplate(){b?this.shadowRoot.innerHTML=A:this.innerHTML=A,this._scanBindings()}_scanBindings(){const t=document.createTreeWalker(this.root,NodeFilter.SHOW_TEXT,null,!1);let n;for(;n=t.nextNode();){const e=[...n.textContent.matchAll(/{([^}]+)}/g)];if(e.length){const s=e.map(([,i])=>({node:n,template:n.textContent,key:i.trim()}));this._bindings.push(s)}}this.root.querySelectorAll("*").forEach(e=>{Array.from(e.attributes).forEach(s=>{const i=[...s.value.matchAll(/{([^}]+)}/g)];i.length&&i.forEach(([,r])=>{this._bindings.push({element:e,attrName:s.name,template:s.value,key:r.trim()})})})}),this._getEventBindings(),this._scanConditionals()}_getEventBindings(){this.root.querySelectorAll("*").forEach(t=>{Array.from(t.attributes).forEach(n=>{if(!n.name.startsWith("on"))return;const e=n.name.slice(2),s=n.value.trim();t.removeAttribute(n.name);let i;const r=s.trim();if(/^\([^)]*\)\s*=>/.test(r))try{const a=new Function("event",`return (${r});`).call(this);i=u=>a(u)}catch(l){S.logger.error(`Error parsing inline arrow function handler: ${r}`,l),i=()=>{}}else r.includes("(")&&r.includes(")")?i=l=>{try{const a=r.match(/^([a-zA-Z_$][0-9a-zA-Z_$]*)\s*\((.*)\)$/);if(a){const[,u,v]=a,O=this[u]||this.state[u];if(typeof O=="function"){let x=[];if(v.trim())try{x=new Function("event",`return [${v}]`).call(this,l)}catch(R){S.logger.error(`Error parsing arguments for ${u}:`,R),x=[]}return O.apply(this,x)}else S.logger.warn(`Function "${u}" not found in component context. Available functions:`,Object.keys(this).filter(x=>typeof this[x]=="function").concat(Object.keys(this.state).filter(x=>typeof this.state[x]=="function")))}else new Function("event",r).call(this,l)}catch(a){S.logger.error(`Error executing inline event handler: ${r}`,a)}}:i=l=>{const a=this[r];if(typeof a=="function")try{return a.call(this,l)}catch(u){S.logger.error(`Error executing event handler method: ${r}`,u)}else S.logger.warn(`Event handler method "${r}" not found on component. Available methods on 'this':`,Object.keys(this).filter(u=>typeof this[u]=="function"))};t.addEventListener(e,i),this._eventBindings.push({key:s,element:t,event:e,listener:i})})})}_scanConditionals(){this._conditionals=[];const t=Array.from(this.root.querySelectorAll("[data-if], [data-else-if], [data-else]"));let n=[];t.forEach(e=>{const s=e.hasAttribute("data-if");s&&n.length&&(this._conditionals.push(n),n=[]);const i=s?"if":e.hasAttribute("data-else-if")?"else-if":"else",r=i==="else"?null:e.getAttribute(i==="if"?"data-if":"data-else-if"),l=document.createComment(`ladrillos-${i}`);e.parentNode.insertBefore(l,e),e.remove(),n.push({el:e,type:i,expr:r,placeholder:l})}),n.length&&this._conditionals.push(n)}_loadStyles(){if(!B)return;const t=document.createElement("style");t.textContent=B,b?this.root.appendChild(t):this.root.head.appendChild(t)}_loadScript(){return V(this,null,function*(){var t;for(const n of F){const e=new URL(n.src,typeof document=="undefined"?require("url").pathToFileURL(__filename).href:N&&N.tagName.toUpperCase()==="SCRIPT"&&N.src||new URL("webcomponent-Dntygkjn.js",document.baseURI).href).href;if(n.type==="module"&&(n!=null&&n.bind))try{const s=yield import(e);typeof s.default=="function"?s.default.call(this):typeof s.init=="function"?s.init.call(this):S.logger.error(`Module ${n.src} does not export a default function or init function.`)}catch(s){S.logger.error(`Failed to load component module ${n.src}`,s)}else n!=null&&n.bind?yield fetch(e).then(s=>s.text()).then(s=>this._processScriptText(s.replace(/\/\*[\s\S]*?\*\/|\/\/.*$/gm,"").trim())):yield this._injectScriptTag(n.src,n.type)}for(const n of k)if(n.type==="module"){const e=document.createElement("script");e.type="module",e.textContent=n.content,((t=this.shadowRoot)!=null?t:this).appendChild(e)}else this._processScriptText(n.content);this._render()})}_injectScriptTag(t,n){return new Promise((e,s)=>{const i=document.createElement("script");i.src=t,n&&(i.type=n),i.onload=e,i.onerror=s,document.head.appendChild(i)})}_initializeStateFromAttributes(){this.getAttributeNames().forEach(t=>{const n=this.getAttribute(t);this._handleAttributeChange(t,n)})}_setNestedState(t,n){const e=t.split(".");let s=this.state;for(let i=0;i<e.length-1;i++){const r=e[i];(typeof s[r]!="object"||s[r]===null)&&(s[r]={}),s=s[r]}s[e[e.length-1]]=n,this._render()}_bindTwoWayForElement(t){const n=t.getAttribute("data-bind"),e=t.isContentEditable,s="value"in t,i=e||s?"input":"change",r=()=>{const v=e?t.innerText:s?t.value:t.textContent;this._setNestedState(n,v)};t.addEventListener(i,r),this._eventBindings.push({element:t,event:i,listener:r});const l=s?"value":void 0,a=s?t.getAttribute("value")||`{${n}}`:e?t.innerHTML:t.textContent;this._bindings.push({element:t,key:n,attrName:l,template:a});const u=s?t.value:e?t.innerText:t.textContent;this._setNestedState(n,u)}_setupTwoWayBindings(){const t=this.root.querySelectorAll("[data-bind]"),n={},e=(s,i,r)=>{const l=i.split(".");let a=s;for(let u=0;u<l.length-1;u++){const v=l[u];(typeof a[v]!="object"||a[v]===null)&&(a[v]={}),a=a[v]}a[l[l.length-1]]=r};t.forEach(s=>{const i=s.getAttribute("data-bind"),r=s.isContentEditable,l="value"in s,a=r?s.innerText.trim():l?s.value:s.textContent.trim();e(n,i,a)}),this.setState(n),t.forEach(s=>{this._bindTwoWayForElement(s)})}_render(){this._applyConditionals(),this._bindings.forEach(t=>{const n=Array.isArray(t)?t:[t],{node:e,template:s}=n[0];if(!e)return;const i={};n.forEach(({key:a})=>{var u;i[a]=(u=this.state[a])!=null?u:""});const r=this._renderTemplate(s,i);if(/<[a-z][\s\S]*>/i.test(r)){const a=document.createRange().createContextualFragment(r);e.nodeType===Node.TEXT_NODE?e.replaceWith(a):e.innerHTML=r}else e==null||e.nodeType,Node.TEXT_NODE,e.textContent=r}),this._bindings.filter(t=>t.element).forEach(({element:t,attrName:n,template:e,key:s})=>{var l;const i=(l=s.split(".").reduce((a,u)=>a==null?void 0:a[u],this.state))!=null?l:"",r=new RegExp(`\\{\\s*${s}\\s*\\}`,"g");t.setAttribute(n,e.replace(r,i))}),this.root.querySelectorAll("[data-bind]").forEach(t=>{var s;const e=(s=t.getAttribute("data-bind").split(".").reduce((i,r)=>i==null?void 0:i[r],this.state))!=null?s:"";t.isContentEditable?t.innerText!==e&&(t.innerText=e):"value"in t?t.value!==e&&(t.value=e):t.textContent!==e&&(t.textContent=e)})}_applyConditionals(){this._conditionals.forEach(t=>{let n=!1;t.forEach(({el:e,type:s,expr:i,placeholder:r})=>{let l=!1;if(s==="else")l=!n;else try{l=Function("state",`with(state){return(${i})}`)(this.state)}catch(a){l=!1}l&&!n?(!e.isConnected&&r.parentNode&&r.parentNode.insertBefore(e,r.nextSibling),r.remove(),n=!0):e.isConnected&&e.parentNode&&(e.parentNode.insertBefore(r,e),e.remove())})})}_renderTemplate(t,n){return t.replace(/\{\s*([-\w.]+)\s*}/g,(e,s)=>{let i=s.split(".").reduce((r,l)=>r==null?void 0:r[l],this.state);if(typeof i=="function")try{i=i.call(this)}catch(r){i=""}return i!=null?i:""})}_processScriptText(t){const n=new Set,e=new Set,s=new Set,i=new Map,r=o=>`__param_${o}_${Math.random().toString(36).substr(2,9)}`,l=(o,$)=>{let f=!1,c=!1,h=!1,p=!1;for(let d=0;d<$;d++){const g=o[d];if(p){p=!1;continue}if(g==="\\"){p=!0;continue}g==="'"&&!c&&!h?f=!f:g==='"'&&!f&&!h?c=!c:g==="`"&&!f&&!c&&(h=!h)}return f||c||h},a=(o,$,f)=>{let c=o;const h=[];let p;for($.lastIndex=0;(p=$.exec(c))!==null;)h.push({index:p.index,length:p[0].length,originalContent:p[0],groups:p.slice(1)});for(let d=h.length-1;d>=0;d--){const g=h[d];if(!l(c,g.index)){const m=f(g.originalContent,...g.groups,g.index,c);c=c.substring(0,g.index)+m+c.substring(g.index+g.length)}}return c};Object.keys(this.state).forEach(o=>{this._isBound(o)&&s.add(o)});let u=t;u=a(u,/\b(function\s+\w+\s*|const\s+\w+\s*=\s*|let\s+\w+\s*=\s*|var\s+\w+\s*=\s*)*\(([^)]*)\)\s*=>/g,(o,$,f)=>{if(!f||!f.trim())return o;const c=f.split(",").map(d=>d.trim()).filter(d=>d);let h=!1;const p=c.map(d=>{const g=d.split("=")[0].trim().replace(/[{}[\]]/g,"");if(this._isBound(g)){h=!0;const m=r(g);return i.set(g,m),d.replace(g,m)}return d});return h?o.replace(f,p.join(", ")):o}),u=a(u,/\bfunction\s+(\w+)\s*\(([^)]*)\)/g,(o,$,f)=>{if(!f||!f.trim())return o;const c=f.split(",").map(d=>d.trim()).filter(d=>d);let h=!1;const p=c.map(d=>{const g=d.split("=")[0].trim().replace(/[{}[\]]/g,"");if(this._isBound(g)){h=!0;const m=r(g);return i.set(g,m),d.replace(g,m)}return d});return h?o.replace(f,p.join(", ")):o});const x=/\bfunction\s+([a-zA-Z_$][0-9a-zA-Z_$]*)\s*\(/g;let R;for(;(R=x.exec(t))!==null;)n.add(R[1]);const I=/\b(const|let|var)\s+([a-zA-Z_$][0-9a-zA-Z_$]*)\s*=/g;for(;(R=I.exec(t))!==null;)n.add(R[2]);n.forEach(o=>{this._isBound(o)&&(new RegExp(`\\b${o}\\s*=\\s*(?:function|\\([^)]*\\)\\s*=>|[^=]+=>)`,"g").test(t)||new RegExp(`\\bfunction\\s+${o}\\s*\\(`).test(t)||e.add(o))}),new Set([...e,...s]).forEach(o=>{u=a(u,new RegExp(`(^|\\W)(\\+\\+|\\-\\-)\\s*${o}\\b`,"g"),(f,c,h)=>`${c}${h}this.state.${o}`),u=a(u,new RegExp(`\\b${o}\\s*(\\+\\+|\\-\\-)(?!\\.)`,"g"),(f,c)=>`this.state.${o}${c}`),u=a(u,new RegExp(`(^|\\W)${o}\\s*([+\\-*/%&|^]|<<|>>|>>>)?=(?!=)`,"g"),(f,c,h,p,d)=>{const g=p+c.length;let m=d.substring(Math.max(0,g-10),g);return/\b(const|let|var)\s+$/.test(m)?f:`${c}this.state.${o} ${h||""}=`});const $=new RegExp(`\\b${o}\\b(?!\\s*[+\\-*/%&|^]?=)`,"g");u=a(u,$,(f,c,h)=>{if(h.substring(Math.max(0,c-11),c).endsWith("this.state.")||i.has(o)&&h.substring(Math.max(0,c-50),c).match(/([+\-*/%&|^]|<<|>>|>>>)?=\s*[^=]*$/)||["break","case","catch","class","const","continue","debugger","default","delete","do","else","export","extends","finally","for","function","if","import","in","instanceof","let","new","return","super","switch","this","throw","try","typeof","var","void","while","with","yield"].includes(f))return f;const g=h.lastIndexOf(`
-`,c)+1,m=h.substring(g,c);if(/\b(?:const|let|var)\s+$/.test(m)||c>0&&h[c-1]===".")return f;let E=c+f.length;for(;E<h.length&&/\s/.test(h[E]);)E++;return E<h.length&&h[E]==="("?f:`this.state.${o}`})}),i.forEach((o,$)=>{const f=new RegExp(`\\b${$}\\b`,"g");u=a(u,f,(c,h,p)=>{const d=p.substring(0,h);if(d.includes(o)){let g=0,m=-1;for(let E=d.length-1;E>=0;E--)if(d[E]==="}")g++;else if(d[E]==="{"&&(g--,g<0)){m=E;break}if(m!==-1){const E=d.substring(0,m);if(E.substring(Math.max(0,E.lastIndexOf("(",m))).includes(o)){if(p.substring(Math.max(0,h-11),h).endsWith("this.state."))return c;const U=p.substring(h+c.length,Math.min(p.length,h+c.length+20));return/^\s*([+\-*/%&|^]|<<|>>|>>>)?=(?!=)/.test(U)?c:o}}}return c})});let C="";n.size>0&&(C=`
+"use strict";var V=m=>{throw TypeError(m)};var J=(m,b,y)=>b.has(m)||V("Cannot "+y);var j=(m,b,y)=>b.has(m)?V("Cannot add the same private member more than once"):b instanceof WeakSet?b.add(m):b.set(m,y);var I=(m,b,y)=>(J(m,b,"access private method"),y);var H=(m,b,y)=>new Promise((x,B)=>{var O=E=>{try{T(y.next(E))}catch(F){B(F)}},L=E=>{try{T(y.throw(E))}catch(F){B(F)}},T=E=>E.done?x(E.value):Promise.resolve(E.value).then(O,L);T((y=y.apply(m,b)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("./index-X9YN_DbT.js");var q=typeof document!="undefined"?document.currentScript:null;function D(m,b){return JSON.stringify(m,(y,x)=>typeof x=="string"?x.replace(/"/g,'\\"').replace(/\n/g,"\\n").replace(/\r/g,"\\r"):x,b).replace(/"/g,"&quot;")}const X=(m,b)=>{var E,Z;const{tagName:y,template:x,scripts:B,externalScripts:O,style:L}=m,W=class W extends HTMLElement{constructor(){super(),b&&this.attachShadow({mode:"open"}),this.root=b?this.shadowRoot:document,this.stringify=D;const t={};this.state=new Proxy(t,{set:(n,e,s)=>(n[e]=s,this._render(),!0)}),this._bindings=[],this._eventBindings=[],this._conditionals=[],this._initObservers()}connectedCallback(){this._loadTemplate(),this._loadStyles(),this._initializeStateFromAttributes(),this._loadScript(),this._setupTwoWayBindings()}disconnectedCallback(){this.observer.disconnect(),this._eventBindings.forEach(({element:t,event:n,listener:e})=>{t.removeEventListener(n,e)}),this._eventBindings=[]}_initObservers(){this.observer=this._createObserver(t=>{t.forEach(n=>{if(n.type==="attributes"){const e=n.attributeName,s=this.getAttribute(e);this._handleAttributeChange(e,s)}})},this,{attributes:!0,attributeOldValue:!0}),this.elementObserver=this._createObserver(t=>{for(const n of t)if(n.attributeName==="contenteditable"){const e=n.target;e.isContentEditable&&e.hasAttribute("data-bind")&&this._bindTwoWayForElement(e)}},this.root,{attributes:!0,subtree:!0,attributeFilter:["contenteditable"]})}_createObserver(t,n,e){const s=new MutationObserver(t.bind(this));return s.observe(n,e),s}_handleAttributeChange(t,n){var s;if(t){const i="this.state.";t.startsWith(i)&&(t=t.slice(i.length))}const e=I(s=W,E,Z).call(s,n);this.state[t]=e,this._render()}_loadTemplate(){b?this.shadowRoot.innerHTML=x:this.innerHTML=x,this._scanBindings()}_scanBindings(){const t=document.createTreeWalker(this.root,NodeFilter.SHOW_TEXT,null,!1);let n;for(;n=t.nextNode();){const e=[...n.textContent.matchAll(/{([^}]+)}/g)];if(e.length){const s=e.map(([,i])=>({node:n,template:n.textContent,key:i.trim()}));this._bindings.push(s)}}this.root.querySelectorAll("*").forEach(e=>{Array.from(e.attributes).forEach(s=>{const i=[...s.value.matchAll(/{([^}]+)}/g)];i.length&&i.forEach(([,r])=>{this._bindings.push({element:e,attrName:s.name,template:s.value,key:r.trim()})})})}),this._getEventBindings(),this._scanConditionals()}_getEventBindings(){this.root.querySelectorAll("*").forEach(t=>{Array.from(t.attributes).forEach(n=>{if(!n.name.startsWith("on"))return;const e=n.name.slice(2),s=n.value.trim();t.removeAttribute(n.name);let i;const r=s.trim();if(/^\([^)]*\)\s*=>/.test(r))try{const c=new Function("event",`return (${r});`).call(this);i=h=>c(h)}catch(l){$.logger.error(`Error parsing inline arrow function handler: ${r}`,l),i=()=>{}}else r.includes("(")&&r.includes(")")?i=l=>{try{const c=r.match(/^([a-zA-Z_$][0-9a-zA-Z_$]*)\s*\((.*)\)$/);if(c){const[,h,S]=c,N=this[h]||this.state[h];if(typeof N=="function"){let C=[];if(S.trim())try{C=new Function("event",`return [${S}]`).call(this,l)}catch(R){$.logger.error(`Error parsing arguments for ${h}:`,R),C=[]}return N.apply(this,C)}else $.logger.warn(`Function "${h}" not found in component context. Available functions:`,Object.keys(this).filter(C=>typeof this[C]=="function").concat(Object.keys(this.state).filter(C=>typeof this.state[C]=="function")))}else new Function("event",r).call(this,l)}catch(c){$.logger.error(`Error executing inline event handler: ${r}`,c)}}:i=l=>{const c=this[r];if(typeof c=="function")try{return c.call(this,l)}catch(h){$.logger.error(`Error executing event handler method: ${r}`,h)}else $.logger.warn(`Event handler method "${r}" not found on component. Available methods on 'this':`,Object.keys(this).filter(h=>typeof this[h]=="function"))};t.addEventListener(e,i),this._eventBindings.push({key:s,element:t,event:e,listener:i})})})}_scanConditionals(){this._conditionals=[];const t=Array.from(this.root.querySelectorAll("[data-if], [data-else-if], [data-else]"));let n=[];t.forEach(e=>{const s=e.hasAttribute("data-if");s&&n.length&&(this._conditionals.push(n),n=[]);const i=s?"if":e.hasAttribute("data-else-if")?"else-if":"else",r=i==="else"?null:e.getAttribute(i==="if"?"data-if":"data-else-if"),l=document.createComment(`ladrillos-${i}`);e.parentNode.insertBefore(l,e),e.remove(),n.push({el:e,type:i,expr:r,placeholder:l})}),n.length&&this._conditionals.push(n)}_loadStyles(){if(!L)return;const t=document.createElement("style");t.textContent=L,b?this.root.appendChild(t):this.root.head.appendChild(t)}_loadScript(){return H(this,null,function*(){var t;for(const n of O){const e=new URL(n.src,typeof document=="undefined"?require("url").pathToFileURL(__filename).href:q&&q.tagName.toUpperCase()==="SCRIPT"&&q.src||new URL("webcomponent-Cga3h8cx.js",document.baseURI).href).href;if(n.type==="module"&&(n!=null&&n.bind))try{const s=yield import(e);typeof s.default=="function"?s.default.call(this):typeof s.init=="function"?s.init.call(this):$.logger.error(`Module ${n.src} does not export a default function or init function.`)}catch(s){$.logger.error(`Failed to load component module ${n.src}`,s)}else n!=null&&n.bind?yield fetch(e).then(s=>s.text()).then(s=>this._processScriptText(s.replace(/\/\*[\s\S]*?\*\/|\/\/.*$/gm,"").trim())):yield this._injectScriptTag(n.src,n.type)}for(const n of B)if(n.type==="module"){const e=document.createElement("script");e.type="module",e.textContent=n.content,((t=this.shadowRoot)!=null?t:this).appendChild(e)}else this._processScriptText(n.content);this._render()})}_injectScriptTag(t,n){return new Promise((e,s)=>{const i=document.createElement("script");i.src=t,n&&(i.type=n),i.onload=e,i.onerror=s,document.head.appendChild(i)})}_initializeStateFromAttributes(){this.getAttributeNames().forEach(t=>{const n=this.getAttribute(t);this._handleAttributeChange(t,n)})}_setNestedState(t,n){const e=t.split(".");let s=this.state;for(let i=0;i<e.length-1;i++){const r=e[i];(typeof s[r]!="object"||s[r]===null)&&(s[r]={}),s=s[r]}s[e[e.length-1]]=n,this._render()}_bindTwoWayForElement(t){const n=t.getAttribute("data-bind"),e=t.isContentEditable,s="value"in t,i=e||s?"input":"change",r=()=>{const S=e?t.innerText:s?t.value:t.textContent;this._setNestedState(n,S)};t.addEventListener(i,r),this._eventBindings.push({element:t,event:i,listener:r});const l=s?"value":void 0,c=s?t.getAttribute("value")||`{${n}}`:e?t.innerHTML:t.textContent;this._bindings.push({element:t,key:n,attrName:l,template:c});const h=s?t.value:e?t.innerText:t.textContent;this._setNestedState(n,h)}_setupTwoWayBindings(){const t=this.root.querySelectorAll("[data-bind]"),n={},e=(s,i,r)=>{const l=i.split(".");let c=s;for(let h=0;h<l.length-1;h++){const S=l[h];(typeof c[S]!="object"||c[S]===null)&&(c[S]={}),c=c[S]}c[l[l.length-1]]=r};t.forEach(s=>{const i=s.getAttribute("data-bind"),r=s.isContentEditable,l="value"in s,c=r?s.innerText.trim():l?s.value:s.textContent.trim();e(n,i,c)}),this.setState(n),t.forEach(s=>{this._bindTwoWayForElement(s)})}_render(){this._applyConditionals(),this._bindings.forEach(t=>{const n=Array.isArray(t)?t:[t],{node:e,template:s}=n[0];if(!e)return;const i={};n.forEach(({key:c})=>{var h;i[c]=(h=this.state[c])!=null?h:""});const r=this._renderTemplate(s,i);if(/<[a-z][\s\S]*>/i.test(r)){const c=document.createRange().createContextualFragment(r);e.nodeType===Node.TEXT_NODE?e.replaceWith(c):e.innerHTML=r}else e==null||e.nodeType,Node.TEXT_NODE,e.textContent=r}),this._bindings.filter(t=>t.element).forEach(({element:t,attrName:n,template:e,key:s})=>{var l;const i=(l=s.split(".").reduce((c,h)=>c==null?void 0:c[h],this.state))!=null?l:"",r=new RegExp(`\\{\\s*${s}\\s*\\}`,"g");t.setAttribute(n,e.replace(r,i))}),this.root.querySelectorAll("[data-bind]").forEach(t=>{var s;const e=(s=t.getAttribute("data-bind").split(".").reduce((i,r)=>i==null?void 0:i[r],this.state))!=null?s:"";t.isContentEditable?t.innerText!==e&&(t.innerText=e):"value"in t?t.value!==e&&(t.value=e):t.textContent!==e&&(t.textContent=e)})}_applyConditionals(){this._conditionals.forEach(t=>{let n=!1;t.forEach(({el:e,type:s,expr:i,placeholder:r})=>{let l=!1;if(s==="else")l=!n;else try{l=Function("state",`with(state){return(${i})}`)(this.state)}catch(c){l=!1}l&&!n?(!e.isConnected&&r.parentNode&&r.parentNode.insertBefore(e,r.nextSibling),r.remove(),n=!0):e.isConnected&&e.parentNode&&(e.parentNode.insertBefore(r,e),e.remove())})})}_renderTemplate(t,n){return t.replace(/\{\s*([-\w.]+)\s*}/g,(e,s)=>{let i=s.split(".").reduce((r,l)=>r==null?void 0:r[l],this.state);if(typeof i=="function")try{i=i.call(this)}catch(r){i=""}return i!=null?i:""})}_processScriptText(t){const n=new Set,e=new Set,s=new Set,i=new Map,r=o=>`__param_${o}_${Math.random().toString(36).substr(2,9)}`,l=(o,w)=>{let f=!1,a=!1,u=!1,p=!1;for(let d=0;d<w;d++){const g=o[d];if(p){p=!1;continue}if(g==="\\"){p=!0;continue}g==="'"&&!a&&!u?f=!f:g==='"'&&!f&&!u?a=!a:g==="`"&&!f&&!a&&(u=!u)}return f||a||u},c=(o,w,f)=>{let a=o;const u=[];let p;for(w.lastIndex=0;(p=w.exec(a))!==null;)u.push({index:p.index,length:p[0].length,originalContent:p[0],groups:p.slice(1)});for(let d=u.length-1;d>=0;d--){const g=u[d];if(!l(a,g.index)){const _=f(g.originalContent,...g.groups,g.index,a);a=a.substring(0,g.index)+_+a.substring(g.index+g.length)}}return a};Object.keys(this.state).forEach(o=>{this._isBound(o)&&s.add(o)});let h=t;h=c(h,/\b(function\s+\w+\s*|const\s+\w+\s*=\s*|let\s+\w+\s*=\s*|var\s+\w+\s*=\s*)*\(([^)]*)\)\s*=>/g,(o,w,f)=>{if(!f||!f.trim())return o;const a=f.split(",").map(d=>d.trim()).filter(d=>d);let u=!1;const p=a.map(d=>{const g=d.split("=")[0].trim().replace(/[{}[\]]/g,"");if(this._isBound(g)){u=!0;const _=r(g);return i.set(g,_),d.replace(g,_)}return d});return u?o.replace(f,p.join(", ")):o}),h=c(h,/\bfunction\s+(\w+)\s*\(([^)]*)\)/g,(o,w,f)=>{if(!f||!f.trim())return o;const a=f.split(",").map(d=>d.trim()).filter(d=>d);let u=!1;const p=a.map(d=>{const g=d.split("=")[0].trim().replace(/[{}[\]]/g,"");if(this._isBound(g)){u=!0;const _=r(g);return i.set(g,_),d.replace(g,_)}return d});return u?o.replace(f,p.join(", ")):o});const C=/\bfunction\s+([a-zA-Z_$][0-9a-zA-Z_$]*)\s*\(/g;let R;for(;(R=C.exec(t))!==null;)n.add(R[1]);const U=/\b(const|let|var)\s+([a-zA-Z_$][0-9a-zA-Z_$]*)\s*=/g;for(;(R=U.exec(t))!==null;)n.add(R[2]);n.forEach(o=>{this._isBound(o)&&(new RegExp(`\\b${o}\\s*=\\s*(?:function|\\([^)]*\\)\\s*=>|[^=]+=>)`,"g").test(t)||new RegExp(`\\bfunction\\s+${o}\\s*\\(`).test(t)||e.add(o))}),new Set([...e,...s]).forEach(o=>{h=c(h,new RegExp(`(^|\\W)(\\+\\+|\\-\\-)\\s*${o}\\b`,"g"),(f,a,u)=>`${a}${u}this.state.${o}`),h=c(h,new RegExp(`\\b${o}\\s*(\\+\\+|\\-\\-)(?!\\.)`,"g"),(f,a)=>`this.state.${o}${a}`),h=c(h,new RegExp(`(^|\\W)${o}\\s*([+\\-*/%&|^]|<<|>>|>>>)?=(?!=)`,"g"),(f,a,u,p,d)=>{const g=p+a.length;let _=d.substring(Math.max(0,g-10),g);return/\b(const|let|var)\s+$/.test(_)?f:`${a}this.state.${o} ${u||""}=`});const w=new RegExp(`\\b${o}\\b(?!\\s*[+\\-*/%&|^]?=)`,"g");h=c(h,w,(f,a,u)=>{if(u.substring(Math.max(0,a-11),a).endsWith("this.state."))return f;const d=u.substring(Math.max(0,a-20),a),g=u.substring(a+f.length,Math.min(u.length,a+f.length+10));if(/[{,]\s*$/.test(d)&&/^\s*:/.test(g)||i.has(o)&&u.substring(Math.max(0,a-50),a).match(/([+\-*/%&|^]|<<|>>|>>>)?=\s*[^=]*$/)||["break","case","catch","class","const","continue","debugger","default","delete","do","else","export","extends","finally","for","function","if","import","in","instanceof","let","new","return","super","switch","this","throw","try","typeof","var","void","while","with","yield"].includes(f))return f;const v=u.lastIndexOf(`
+`,a)+1,M=u.substring(v,a);if(/\b(?:const|let|var)\s+$/.test(M)||a>0&&u[a-1]===".")return f;let k=a+f.length;for(;k<u.length&&/\s/.test(u[k]);)k++;return k<u.length&&u[k]==="("?f:`this.state.${o}`})}),i.forEach((o,w)=>{const f=new RegExp(`\\b${w}\\b`,"g");h=c(h,f,(a,u,p)=>{const d=p.substring(0,u);if(d.includes(o)){let g=0,_=-1;for(let v=d.length-1;v>=0;v--)if(d[v]==="}")g++;else if(d[v]==="{"&&(g--,g<0)){_=v;break}if(_!==-1){const v=d.substring(0,_);if(v.substring(Math.max(0,v.lastIndexOf("(",_))).includes(o)){if(p.substring(Math.max(0,u-11),u).endsWith("this.state."))return a;const P=p.substring(u+a.length,Math.min(p.length,u+a.length+20));return/^\s*([+\-*/%&|^]|<<|>>|>>>)?=(?!=)/.test(P)?a:o}}}return a})});let A="";n.size>0&&(A=`
 
 // --- Auto-processed by LadrillosJS Framework ---
-`,n.forEach(o=>{C+=`if (this._isBound('${o}')) {
-`,C+=`  if (typeof ${o} === 'function') {
-`,C+=`    try { this.${o} = ${o}; } catch(e) { console.warn('LadrillosJS: Failed to assign function ${o} to component context.', e); }
-`,C+=` } else if (typeof ${o} !== 'undefined' && ${e.has(o)}) {
-`,C+=`    if(typeof this.state.${o} === 'undefined') { try { this.state.${o} = ${o}; } catch(e) { console.warn('LadrillosJS: Failed to initialize state for ${o} from script.', e); } }
-`,C+=`  }
-`,C+=`}
-`}));const M=u+C;try{new Function(M).call(this)}catch(o){S.logger.error("Error executing component script:",o),console.error(`LadrillosJS: Error executing component script. Processed script was:
+`,n.forEach(o=>{A+=`if (this._isBound('${o}')) {
+`,A+=`  if (typeof ${o} === 'function') {
+`,A+=`    try { this.${o} = ${o}; } catch(e) { console.warn('LadrillosJS: Failed to assign function ${o} to component context.', e); }
+`,A+=` } else if (typeof ${o} !== 'undefined' && ${e.has(o)}) {
+`,A+=`    if(typeof this.state.${o} === 'undefined') { try { this.state.${o} = ${o}; } catch(e) { console.warn('LadrillosJS: Failed to initialize state for ${o} from script.', e); } }
+`,A+=`  }
+`,A+=`}
+`}));const z=h+A;try{new Function(z).call(this)}catch(o){$.logger.error("Error executing component script:",o),console.error(`LadrillosJS: Error executing component script. Processed script was:
 ---
-`+M+`
+`+z+`
 ---
-Error details:`,o)}}_evalExpression(t,n,e,s){try{return new Function(`return (${t});`).call(this)}catch(i){let r,l;for(;r=e.exec(n);)if(this._functions.set(s,r[0]),l=r[1].trim(),l)try{return new Function(`${l}`).bind(this)}catch(a){return S.logger.error(a),l}return t}}_isBound(t){if(t in this.state)return!0;const n=this._eventBindings.some(i=>{if(!i.key)return!1;if(i.key===t)return!0;const r=i.key.match(/^([a-zA-Z_$][0-9a-zA-Z_$]*)\s*\(/);return r&&r[1]===t}),e=this._bindings.some(i=>Array.isArray(i)?i.some(r=>r.key===t||r.key.startsWith(t+".")):i.key===t||i.key.startsWith(t+".")),s=this._conditionals.some(i=>i.some(({expr:r})=>{if(!r)return!1;const l=t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");return new RegExp(`\\b${l}\\b`).test(r)}));return n||e||s}emit(t,n){const e=n!=null?n:this.state;this.dispatchEvent(new CustomEvent(t,{detail:e,bubbles:!0,composed:!0}))}listen(t,n){const e=s=>n(s.detail);document.addEventListener(t,e),this._eventBindings.push({element:document,event:t,listener:e})}setState(t){Object.assign(this.state,t),this._render()}querySelector(t){return this.root.querySelector(t)}querySelectorAll(t){return this.root.querySelectorAll(t)}};w=new WeakSet,j=function(t){if(t==="")return null;if(t!=="undefined")try{return JSON.parse(t)}catch(n){return t}},z(L,w);let T=L;customElements.define(_,T),S.logger.log(`Web component defined: <${_}></${_}>`)};exports.defineWebComponent=X;
+Error details:`,o)}}_evalExpression(t,n,e,s){try{return new Function(`return (${t});`).call(this)}catch(i){let r,l;for(;r=e.exec(n);)if(this._functions.set(s,r[0]),l=r[1].trim(),l)try{return new Function(`${l}`).bind(this)}catch(c){return $.logger.error(c),l}return t}}_isBound(t){if(t in this.state)return!0;const n=this._eventBindings.some(i=>{if(!i.key)return!1;if(i.key===t)return!0;const r=i.key.match(/^([a-zA-Z_$][0-9a-zA-Z_$]*)\s*\(/);return r&&r[1]===t}),e=this._bindings.some(i=>Array.isArray(i)?i.some(r=>r.key===t||r.key.startsWith(t+".")):i.key===t||i.key.startsWith(t+".")),s=this._conditionals.some(i=>i.some(({expr:r})=>{if(!r)return!1;const l=t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");return new RegExp(`\\b${l}\\b`).test(r)}));return n||e||s}emit(t,n){const e=n!=null?n:this.state;this.dispatchEvent(new CustomEvent(t,{detail:e,bubbles:!0,composed:!0}))}listen(t,n){const e=s=>n(s.detail);document.addEventListener(t,e),this._eventBindings.push({element:document,event:t,listener:e})}setState(t){Object.assign(this.state,t),this._render()}querySelector(t){return this.root.querySelector(t)}querySelectorAll(t){return this.root.querySelectorAll(t)}};E=new WeakSet,Z=function(t){if(t==="")return null;if(t!=="undefined")try{return JSON.parse(t)}catch(n){return t}},j(W,E);let T=W;customElements.define(y,T),$.logger.log(`Web component defined: <${y}></${y}>`)};exports.defineWebComponent=X;

package/dist/{webcomponent-lvbLxIns.mjs → webcomponent-UTcwAakf.mjs}

@@ -1,36 +1,36 @@
-var z = (y) => {
-  throw TypeError(y);
+var q = (m) => {
+  throw TypeError(m);
 };
-var J = (y, b, _) => b.has(y) || z("Cannot " + _);
-var M = (y, b, _) => b.has(y) ? z("Cannot add the same private member more than once") : b instanceof WeakSet ? b.add(y) : b.set(y, _);
-var V = (y, b, _) => (J(y, b, "access private method"), _);
-var q = (y, b, _) => new Promise((C, R) => {
-  var F = (w) => {
+var J = (m, b, y) => b.has(m) || q("Cannot " + y);
+var P = (m, b, y) => b.has(m) ? q("Cannot add the same private member more than once") : b instanceof WeakSet ? b.add(m) : b.set(m, y);
+var j = (m, b, y) => (J(m, b, "access private method"), y);
+var H = (m, b, y) => new Promise((x, B) => {
+  var O = (E) => {
     try {
-      T(_.next(w));
-    } catch (W) {
-      R(W);
+      T(y.next(E));
+    } catch (F) {
+      B(F);
     }
-  }, B = (w) => {
+  }, L = (E) => {
     try {
-      T(_.throw(w));
-    } catch (W) {
-      R(W);
+      T(y.throw(E));
+    } catch (F) {
+      B(F);
     }
-  }, T = (w) => w.done ? C(w.value) : Promise.resolve(w.value).then(F, B);
-  T((_ = _.apply(y, b)).next());
+  }, T = (E) => E.done ? x(E.value) : Promise.resolve(E.value).then(O, L);
+  T((y = y.apply(m, b)).next());
 });
-import { l as S } from "./index-46umVYfZ.mjs";
-function D(y, b) {
+import { l as w } from "./index-D_dHFObN.mjs";
+function D(m, b) {
   return JSON.stringify(
-    y,
-    (_, C) => typeof C == "string" ? C.replace(/"/g, '\\"').replace(/\n/g, "\\n").replace(/\r/g, "\\r") : C,
+    m,
+    (y, x) => typeof x == "string" ? x.replace(/"/g, '\\"').replace(/\n/g, "\\n").replace(/\r/g, "\\r") : x,
     b
   ).replace(/"/g, """);
 }
-const Q = (y, b) => {
-  var w, P;
-  const { tagName: _, template: C, scripts: R, externalScripts: F, style: B } = y, L = class L extends HTMLElement {
+const G = (m, b) => {
+  var E, Z;
+  const { tagName: y, template: x, scripts: B, externalScripts: O, style: L } = m, W = class W extends HTMLElement {
     constructor() {
       super(), b && this.attachShadow({ mode: "open" }), this.root = b ? this.shadowRoot : document, this.stringify = D;
       const t = {};
@@ -91,12 +91,12 @@ const Q = (y, b) => {
         const i = "this.state.";
         t.startsWith(i) && (t = t.slice(i.length));
       }
-      const e = V(s = L, w, P).call(s, n);
+      const e = j(s = W, E, Z).call(s, n);
       this.state[t] = e, this._render();
     }
     // sets template to innerHTML or shadowRoot.innerHTML
     _loadTemplate() {
-      b ? this.shadowRoot.innerHTML = C : this.innerHTML = C, this._scanBindings();
+      b ? this.shadowRoot.innerHTML = x : this.innerHTML = x, this._scanBindings();
     }
     // scans the template for bindings and event handlers
     // and stores them in this._bindings and this._eventBindings
@@ -145,10 +145,10 @@ const Q = (y, b) => {
           const r = s.trim();
           if (/^\([^)]*\)\s*=>/.test(r))
             try {
-              const a = new Function("event", `return (${r});`).call(this);
-              i = (u) => a(u);
+              const c = new Function("event", `return (${r});`).call(this);
+              i = (u) => c(u);
             } catch (l) {
-              S.error(
+              w.error(
                 `Error parsing inline arrow function handler: ${r}`,
                 l
               ), i = () => {
@@ -156,56 +156,56 @@ const Q = (y, b) => {
             }
           else r.includes("(") && r.includes(")") ? i = (l) => {
             try {
-              const a = r.match(
+              const c = r.match(
                 /^([a-zA-Z_$][0-9a-zA-Z_$]*)\s*\((.*)\)$/
               );
-              if (a) {
-                const [, u, v] = a, O = this[u] || this.state[u];
-                if (typeof O == "function") {
-                  let x = [];
-                  if (v.trim())
+              if (c) {
+                const [, u, S] = c, N = this[u] || this.state[u];
+                if (typeof N == "function") {
+                  let A = [];
+                  if (S.trim())
                     try {
-                      x = new Function(
+                      A = new Function(
                         "event",
-                        `return [${v}]`
+                        `return [${S}]`
                       ).call(this, l);
                     } catch (k) {
-                      S.error(
+                      w.error(
                         `Error parsing arguments for ${u}:`,
                         k
-                      ), x = [];
+                      ), A = [];
                     }
-                  return O.apply(this, x);
+                  return N.apply(this, A);
                 } else
-                  S.warn(
+                  w.warn(
                     `Function "${u}" not found in component context. Available functions:`,
-                    Object.keys(this).filter((x) => typeof this[x] == "function").concat(
+                    Object.keys(this).filter((A) => typeof this[A] == "function").concat(
                       Object.keys(this.state).filter(
-                        (x) => typeof this.state[x] == "function"
+                        (A) => typeof this.state[A] == "function"
                       )
                     )
                   );
               } else
                 new Function("event", r).call(this, l);
-            } catch (a) {
-              S.error(
+            } catch (c) {
+              w.error(
                 `Error executing inline event handler: ${r}`,
-                a
+                c
               );
             }
           } : i = (l) => {
-            const a = this[r];
-            if (typeof a == "function")
+            const c = this[r];
+            if (typeof c == "function")
               try {
-                return a.call(this, l);
+                return c.call(this, l);
               } catch (u) {
-                S.error(
+                w.error(
                   `Error executing event handler method: ${r}`,
                   u
                 );
               }
             else
-              S.warn(
+              w.warn(
                 `Event handler method "${r}" not found on component. Available methods on 'this':`,
                 Object.keys(this).filter((u) => typeof this[u] == "function")
               );
@@ -236,25 +236,25 @@ const Q = (y, b) => {
     }
     // loads the styles into the shadowRoot or document head
     _loadStyles() {
-      if (!B) return;
+      if (!L) return;
       const t = document.createElement("style");
-      t.textContent = B, b ? this.root.appendChild(t) : this.root.head.appendChild(t);
+      t.textContent = L, b ? this.root.appendChild(t) : this.root.head.appendChild(t);
     }
     // loads the external scripts and inline scripts
     // and binds them to the component context
     _loadScript() {
-      return q(this, null, function* () {
+      return H(this, null, function* () {
         var t;
-        for (const n of F) {
+        for (const n of O) {
           const e = new URL(n.src, import.meta.url).href;
           if (n.type === "module" && (n != null && n.bind))
             try {
               const s = yield import(e);
-              typeof s.default == "function" ? s.default.call(this) : typeof s.init == "function" ? s.init.call(this) : S.error(
+              typeof s.default == "function" ? s.default.call(this) : typeof s.init == "function" ? s.init.call(this) : w.error(
                 `Module ${n.src} does not export a default function or init function.`
               );
             } catch (s) {
-              S.error(`Failed to load component module ${n.src}`, s);
+              w.error(`Failed to load component module ${n.src}`, s);
             }
           else n != null && n.bind ? yield fetch(e).then((s) => s.text()).then(
             (s) => this._processScriptText(
@@ -262,7 +262,7 @@ const Q = (y, b) => {
             )
           ) : yield this._injectScriptTag(n.src, n.type);
         }
-        for (const n of R)
+        for (const n of B)
           if (n.type === "module") {
             const e = document.createElement("script");
             e.type = "module", e.textContent = n.content, ((t = this.shadowRoot) != null ? t : this).appendChild(e);
@@ -302,12 +302,12 @@ const Q = (y, b) => {
     }
     _bindTwoWayForElement(t) {
       const n = t.getAttribute("data-bind"), e = t.isContentEditable, s = "value" in t, i = e || s ? "input" : "change", r = () => {
-        const v = e ? t.innerText : s ? t.value : t.textContent;
-        this._setNestedState(n, v);
+        const S = e ? t.innerText : s ? t.value : t.textContent;
+        this._setNestedState(n, S);
       };
       t.addEventListener(i, r), this._eventBindings.push({ element: t, event: i, listener: r });
-      const l = s ? "value" : void 0, a = s ? t.getAttribute("value") || `{${n}}` : e ? t.innerHTML : t.textContent;
-      this._bindings.push({ element: t, key: n, attrName: l, template: a });
+      const l = s ? "value" : void 0, c = s ? t.getAttribute("value") || `{${n}}` : e ? t.innerHTML : t.textContent;
+      this._bindings.push({ element: t, key: n, attrName: l, template: c });
       const u = s ? t.value : e ? t.innerText : t.textContent;
       this._setNestedState(n, u);
     }
@@ -316,16 +316,16 @@ const Q = (y, b) => {
     _setupTwoWayBindings() {
       const t = this.root.querySelectorAll("[data-bind]"), n = {}, e = (s, i, r) => {
         const l = i.split(".");
-        let a = s;
+        let c = s;
         for (let u = 0; u < l.length - 1; u++) {
-          const v = l[u];
-          (typeof a[v] != "object" || a[v] === null) && (a[v] = {}), a = a[v];
+          const S = l[u];
+          (typeof c[S] != "object" || c[S] === null) && (c[S] = {}), c = c[S];
         }
-        a[l[l.length - 1]] = r;
+        c[l[l.length - 1]] = r;
       };
       t.forEach((s) => {
-        const i = s.getAttribute("data-bind"), r = s.isContentEditable, l = "value" in s, a = r ? s.innerText.trim() : l ? s.value : s.textContent.trim();
-        e(n, i, a);
+        const i = s.getAttribute("data-bind"), r = s.isContentEditable, l = "value" in s, c = r ? s.innerText.trim() : l ? s.value : s.textContent.trim();
+        e(n, i, c);
       }), this.setState(n), t.forEach((s) => {
         this._bindTwoWayForElement(s);
       });
@@ -337,19 +337,19 @@ const Q = (y, b) => {
         const n = Array.isArray(t) ? t : [t], { node: e, template: s } = n[0];
         if (!e) return;
         const i = {};
-        n.forEach(({ key: a }) => {
+        n.forEach(({ key: c }) => {
           var u;
-          i[a] = (u = this.state[a]) != null ? u : "";
+          i[c] = (u = this.state[c]) != null ? u : "";
         });
         const r = this._renderTemplate(s, i);
         if (/<[a-z][\s\S]*>/i.test(r)) {
-          const a = document.createRange().createContextualFragment(r);
-          e.nodeType === Node.TEXT_NODE ? e.replaceWith(a) : e.innerHTML = r;
+          const c = document.createRange().createContextualFragment(r);
+          e.nodeType === Node.TEXT_NODE ? e.replaceWith(c) : e.innerHTML = r;
         } else
           e == null || e.nodeType, Node.TEXT_NODE, e.textContent = r;
       }), this._bindings.filter((t) => t.element).forEach(({ element: t, attrName: n, template: e, key: s }) => {
         var l;
-        const i = (l = s.split(".").reduce((a, u) => a == null ? void 0 : a[u], this.state)) != null ? l : "", r = new RegExp(`\\{\\s*${s}\\s*\\}`, "g");
+        const i = (l = s.split(".").reduce((c, u) => c == null ? void 0 : c[u], this.state)) != null ? l : "", r = new RegExp(`\\{\\s*${s}\\s*\\}`, "g");
         t.setAttribute(n, e.replace(r, i));
       }), this.root.querySelectorAll("[data-bind]").forEach((t) => {
         var s;
@@ -371,7 +371,7 @@ const Q = (y, b) => {
                 "state",
                 `with(state){return(${i})}`
               )(this.state);
-            } catch (a) {
+            } catch (c) {
               l = !1;
             }
           l && !n ? (!e.isConnected && r.parentNode && r.parentNode.insertBefore(e, r.nextSibling), r.remove(), n = !0) : e.isConnected && e.parentNode && (e.parentNode.insertBefore(r, e), e.remove());
@@ -405,7 +405,7 @@ const Q = (y, b) => {
      */
     _processScriptText(t) {
       const n = /* @__PURE__ */ new Set(), e = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Map(), r = (o) => `__param_${o}_${Math.random().toString(36).substr(2, 9)}`, l = (o, $) => {
-        let f = !1, c = !1, h = !1, g = !1;
+        let f = !1, a = !1, h = !1, g = !1;
         for (let d = 0; d < $; d++) {
           const p = o[d];
           if (g) {
@@ -416,14 +416,14 @@ const Q = (y, b) => {
             g = !0;
             continue;
           }
-          p === "'" && !c && !h ? f = !f : p === '"' && !f && !h ? c = !c : p === "`" && !f && !c && (h = !h);
+          p === "'" && !a && !h ? f = !f : p === '"' && !f && !h ? a = !a : p === "`" && !f && !a && (h = !h);
         }
-        return f || c || h;
-      }, a = (o, $, f) => {
-        let c = o;
+        return f || a || h;
+      }, c = (o, $, f) => {
+        let a = o;
         const h = [];
         let g;
-        for ($.lastIndex = 0; (g = $.exec(c)) !== null; )
+        for ($.lastIndex = 0; (g = $.exec(a)) !== null; )
           h.push({
             index: g.index,
             length: g[0].length,
@@ -432,65 +432,65 @@ const Q = (y, b) => {
           });
         for (let d = h.length - 1; d >= 0; d--) {
           const p = h[d];
-          if (!l(c, p.index)) {
-            const m = f(
+          if (!l(a, p.index)) {
+            const _ = f(
               p.originalContent,
               ...p.groups,
               p.index,
-              c
+              a
             );
-            c = c.substring(0, p.index) + m + c.substring(p.index + p.length);
+            a = a.substring(0, p.index) + _ + a.substring(p.index + p.length);
           }
         }
-        return c;
+        return a;
       };
       Object.keys(this.state).forEach((o) => {
         this._isBound(o) && s.add(o);
       });
       let u = t;
-      u = a(
+      u = c(
         u,
         /\b(function\s+\w+\s*|const\s+\w+\s*=\s*|let\s+\w+\s*=\s*|var\s+\w+\s*=\s*)*\(([^)]*)\)\s*=>/g,
         (o, $, f) => {
           if (!f || !f.trim()) return o;
-          const c = f.split(",").map((d) => d.trim()).filter((d) => d);
+          const a = f.split(",").map((d) => d.trim()).filter((d) => d);
           let h = !1;
-          const g = c.map((d) => {
+          const g = a.map((d) => {
             const p = d.split("=")[0].trim().replace(/[{}[\]]/g, "");
             if (this._isBound(p)) {
               h = !0;
-              const m = r(p);
-              return i.set(p, m), d.replace(p, m);
+              const _ = r(p);
+              return i.set(p, _), d.replace(p, _);
             }
             return d;
           });
           return h ? o.replace(f, g.join(", ")) : o;
         }
-      ), u = a(
+      ), u = c(
         u,
         /\bfunction\s+(\w+)\s*\(([^)]*)\)/g,
         (o, $, f) => {
           if (!f || !f.trim()) return o;
-          const c = f.split(",").map((d) => d.trim()).filter((d) => d);
+          const a = f.split(",").map((d) => d.trim()).filter((d) => d);
           let h = !1;
-          const g = c.map((d) => {
+          const g = a.map((d) => {
             const p = d.split("=")[0].trim().replace(/[{}[\]]/g, "");
             if (this._isBound(p)) {
               h = !0;
-              const m = r(p);
-              return i.set(p, m), d.replace(p, m);
+              const _ = r(p);
+              return i.set(p, _), d.replace(p, _);
             }
             return d;
           });
           return h ? o.replace(f, g.join(", ")) : o;
         }
       );
-      const x = /\bfunction\s+([a-zA-Z_$][0-9a-zA-Z_$]*)\s*\(/g;
+      const A = /\bfunction\s+([a-zA-Z_$][0-9a-zA-Z_$]*)\s*\(/g;
       let k;
-      for (; (k = x.exec(t)) !== null; )
+      for (; (k = A.exec(t)) !== null; )
         n.add(k[1]);
-      const j = /\b(const|let|var)\s+([a-zA-Z_$][0-9a-zA-Z_$]*)\s*=/g;
-      for (; (k = j.exec(t)) !== null; )
+      const I = /\b(const|let|var)\s+([a-zA-Z_$][0-9a-zA-Z_$]*)\s*=/g;
+      for (; (k = I.exec(t)) !== null; )
         n.add(k[2]);
       n.forEach((o) => {
         this._isBound(o) && (new RegExp(
@@ -501,43 +501,55 @@ const Q = (y, b) => {
         ...e,
         ...s
       ])).forEach((o) => {
-        u = a(
+        u = c(
           u,
           new RegExp(`(^|\\W)(\\+\\+|\\-\\-)\\s*${o}\\b`, "g"),
-          (f, c, h) => `${c}${h}this.state.${o}`
-        ), u = a(
+          (f, a, h) => `${a}${h}this.state.${o}`
+        ), u = c(
           u,
           new RegExp(`\\b${o}\\s*(\\+\\+|\\-\\-)(?!\\.)`, "g"),
-          (f, c) => `this.state.${o}${c}`
-        ), u = a(
+          (f, a) => `this.state.${o}${a}`
+        ), u = c(
           u,
           new RegExp(
             `(^|\\W)${o}\\s*([+\\-*/%&|^]|<<|>>|>>>)?=(?!=)`,
             "g"
           ),
-          (f, c, h, g, d) => {
-            const p = g + c.length;
-            let m = d.substring(
+          (f, a, h, g, d) => {
+            const p = g + a.length;
+            let _ = d.substring(
               Math.max(0, p - 10),
               p
             );
-            return /\b(const|let|var)\s+$/.test(m) ? f : `${c}this.state.${o} ${h || ""}=`;
+            return /\b(const|let|var)\s+$/.test(_) ? f : `${a}this.state.${o} ${h || ""}=`;
           }
         );
         const $ = new RegExp(
           `\\b${o}\\b(?!\\s*[+\\-*/%&|^]?=)`,
           "g"
         );
-        u = a(
+        u = c(
           u,
           $,
-          (f, c, h) => {
+          (f, a, h) => {
             if (h.substring(
-              Math.max(0, c - 11),
-              c
-            ).endsWith("this.state.") || i.has(o) && h.substring(
-              Math.max(0, c - 50),
-              c
+              Math.max(0, a - 11),
+              a
+            ).endsWith("this.state."))
+              return f;
+            const d = h.substring(
+              Math.max(0, a - 20),
+              a
+            ), p = h.substring(
+              a + f.length,
+              Math.min(
+                h.length,
+                a + f.length + 10
+              )
+            );
+            if (/[{,]\s*$/.test(d) && /^\s*:/.test(p) || i.has(o) && h.substring(
+              Math.max(0, a - 50),
+              a
             ).match(
               /([+\-*/%&|^]|<<|>>|>>>)?=\s*[^=]*$/
             ) || [
@@ -577,77 +589,77 @@ const Q = (y, b) => {
               "yield"
             ].includes(f))
               return f;
-            const p = h.lastIndexOf(`
-`, c) + 1, m = h.substring(p, c);
-            if (/\b(?:const|let|var)\s+$/.test(m) || c > 0 && h[c - 1] === ".")
+            const v = h.lastIndexOf(`
+`, a) + 1, M = h.substring(v, a);
+            if (/\b(?:const|let|var)\s+$/.test(M) || a > 0 && h[a - 1] === ".")
               return f;
-            let E = c + f.length;
-            for (; E < h.length && /\s/.test(h[E]); )
-              E++;
-            return E < h.length && h[E] === "(" ? f : `this.state.${o}`;
+            let R = a + f.length;
+            for (; R < h.length && /\s/.test(h[R]); )
+              R++;
+            return R < h.length && h[R] === "(" ? f : `this.state.${o}`;
           }
         );
       }), i.forEach((o, $) => {
         const f = new RegExp(`\\b${$}\\b`, "g");
-        u = a(
+        u = c(
           u,
           f,
-          (c, h, g) => {
+          (a, h, g) => {
             const d = g.substring(0, h);
             if (d.includes(o)) {
-              let p = 0, m = -1;
-              for (let E = d.length - 1; E >= 0; E--)
-                if (d[E] === "}") p++;
-                else if (d[E] === "{" && (p--, p < 0)) {
-                  m = E;
+              let p = 0, _ = -1;
+              for (let v = d.length - 1; v >= 0; v--)
+                if (d[v] === "}") p++;
+                else if (d[v] === "{" && (p--, p < 0)) {
+                  _ = v;
                   break;
                 }
-              if (m !== -1) {
-                const E = d.substring(0, m);
-                if (E.substring(
-                  Math.max(0, E.lastIndexOf("(", m))
+              if (_ !== -1) {
+                const v = d.substring(0, _);
+                if (v.substring(
+                  Math.max(0, v.lastIndexOf("(", _))
                 ).includes(o)) {
                   if (g.substring(
                     Math.max(0, h - 11),
                     h
                   ).endsWith("this.state."))
-                    return c;
-                  const I = g.substring(
-                    h + c.length,
-                    Math.min(g.length, h + c.length + 20)
+                    return a;
+                  const V = g.substring(
+                    h + a.length,
+                    Math.min(g.length, h + a.length + 20)
                   );
-                  return /^\s*([+\-*/%&|^]|<<|>>|>>>)?=(?!=)/.test(I) ? c : o;
+                  return /^\s*([+\-*/%&|^]|<<|>>|>>>)?=(?!=)/.test(V) ? a : o;
                 }
               }
             }
-            return c;
+            return a;
           }
         );
       });
-      let A = "";
-      n.size > 0 && (A = `
+      let C = "";
+      n.size > 0 && (C = `
 
 // --- Auto-processed by LadrillosJS Framework ---
 `, n.forEach((o) => {
-        A += `if (this._isBound('${o}')) {
-`, A += `  if (typeof ${o} === 'function') {
-`, A += `    try { this.${o} = ${o}; } catch(e) { console.warn('LadrillosJS: Failed to assign function ${o} to component context.', e); }
-`, A += ` } else if (typeof ${o} !== 'undefined' && ${e.has(
+        C += `if (this._isBound('${o}')) {
+`, C += `  if (typeof ${o} === 'function') {
+`, C += `    try { this.${o} = ${o}; } catch(e) { console.warn('LadrillosJS: Failed to assign function ${o} to component context.', e); }
+`, C += ` } else if (typeof ${o} !== 'undefined' && ${e.has(
           o
         )}) {
-`, A += `    if(typeof this.state.${o} === 'undefined') { try { this.state.${o} = ${o}; } catch(e) { console.warn('LadrillosJS: Failed to initialize state for ${o} from script.', e); } }
-`, A += `  }
-`, A += `}
+`, C += `    if(typeof this.state.${o} === 'undefined') { try { this.state.${o} = ${o}; } catch(e) { console.warn('LadrillosJS: Failed to initialize state for ${o} from script.', e); } }
+`, C += `  }
+`, C += `}
 `;
       }));
-      const N = u + A;
+      const z = u + C;
       try {
-        new Function(N).call(this);
+        new Function(z).call(this);
       } catch (o) {
-        S.error("Error executing component script:", o), console.error(
+        w.error("Error executing component script:", o), console.error(
           `LadrillosJS: Error executing component script. Processed script was:
 ---
-` + N + `
+` + z + `
 ---
 Error details:`,
           o
@@ -665,8 +677,8 @@ Error details:`,
           if (this._functions.set(s, r[0]), l = r[1].trim(), l)
             try {
               return new Function(`${l}`).bind(this);
-            } catch (a) {
-              return S.error(a), l;
+            } catch (c) {
+              return w.error(c), l;
             }
         return t;
       }
@@ -740,7 +752,7 @@ Error details:`,
       return this.root.querySelectorAll(t);
     }
   };
-  w = new WeakSet(), P = function(t) {
+  E = new WeakSet(), Z = function(t) {
     if (t === "") return null;
     if (t !== "undefined")
       try {
@@ -748,10 +760,10 @@ Error details:`,
       } catch (n) {
         return t;
       }
-  }, M(L, w);
-  let T = L;
-  customElements.define(_, T), S.log(`Web component defined: <${_}></${_}>`);
+  }, P(W, E);
+  let T = W;
+  customElements.define(y, T), w.log(`Web component defined: <${y}></${y}>`);
 };
 export {
-  Q as defineWebComponent
+  G as defineWebComponent
 };

package/package.json

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