ladrillosjs 0.1.7 → 0.1.8

package/dist/ladrillosjs.cjs.js

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

package/dist/ladrillosjs.es.js

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

package/dist/ladrillosjs.umd.js

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

package/dist/main-BaJULV0N.js

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

package/dist/main-CE6RxSxw.mjs

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

package/dist/webcomponent-UVarlU1-.js

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

package/dist/webcomponent-u6r_KhfX.mjs

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

package/package.json

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

package/dist/main-BhrXwJZE.js

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

package/dist/main-Bw2tFs_l.mjs

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

package/dist/webcomponent-6erZkQUw.js

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

package/dist/webcomponent-BGHBTfQy.mjs

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