ladrillosjs 0.1.7 → 1.0.0-rc.1

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-C0peSxBK.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-CS7d-nps.mjs";
 export {
   o as ladrillos
 };

package/dist/ladrillosjs.umd.js

@@ -1,5 +1,3 @@
-(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(i,r){typeof exports=="object"&&typeof module!="undefined"?r(exports):typeof define=="function"&&define.amd?define(["exports"],r):(i=typeof globalThis!="undefined"?globalThis:i||self,r(i.ladrillosjs={}))})(this,function(i){"use strict";var F=i=>{throw TypeError(i)};var W=(i,r,a)=>r.has(i)||F("Cannot "+a);var S=(i,r,a)=>(W(i,r,"read from private field"),a?a.call(i):r.get(i)),A=(i,r,a)=>r.has(i)?F("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(i):r.set(i,a);var B=(i,r,a)=>(W(i,r,"access private method"),a);var g=(i,r,a)=>new Promise((T,$)=>{var q=d=>{try{p(a.next(d))}catch(k){$(k)}},f=d=>{try{p(a.throw(d))}catch(k){$(k)}},p=d=>d.done?T(d.value):Promise.resolve(d.value).then(q,f);p((a=a.apply(i,r)).next())});var f,p,d,N;const r={log(_,...o){},error(_,...o){console.error(_,...o)},warn(_,...o){}},v=class v{constructor(){A(this,f,new Map);A(this,p,new DOMParser);this.components={}}registerComponent(o,h,y=!0){return g(this,null,function*(){var C,x,E;if(this.components[o]){r.log(`Component ${o} already registered.`);return}this.components[o]={__registering:!0};try{const w=yield g(this,null,function*(){const t=S(this,f).get(h);if(t)return t;const l=yield(yield fetch(h)).text();return S(this,f).set(h,l),l}),b=S(this,p).parseFromString(w.replace(/<!--[\s\S]*?-->/g,""),"text/html"),e=[],s=[];for(const t of b.querySelectorAll("script"))t.src?s.push({src:t.src,type:(C=t.type)!=null?C:null}):t.textContent&&e.push({content:t.textContent.trim(),type:(x=t.type)!=null?x:null}),t.remove();let n="";for(const t of b.querySelectorAll("link[rel='stylesheet']"))n+=`
+`+(yield B(E=v,d,N).call(E,`${t.href}?raw`)),t.remove();for(const t of b.querySelectorAll("style"))t.textContent&&(n+=`
+`+t.textContent.trim()),t.remove();n=n.trim(),this.components[o]={tagName:o,template:b.body.innerHTML.trim(),scripts:e,externalScripts:s,style:n},yield this._defineWebComponent(o,y),r.log(`Component ${o} registered successfully`)}catch(w){r.error(`Failed to register component ${o}:`,w),delete this.components[o]}})}_defineWebComponent(o,h){return g(this,null,function*(){const{defineWebComponent:y}=yield Promise.resolve().then(()=>q);y(this.components[o],h)})}};f=new WeakMap,p=new WeakMap,d=new WeakSet,N=function(o){return g(this,null,function*(){try{const h=yield fetch(o);if(!h.ok)throw new Error(`HTTP ${h.status}`);return yield h.text()}catch(h){return r.error(`Failed to fetch resource at ${o}:`,h),""}})},A(v,d);let a=v;const T=new a,q=Object.freeze(Object.defineProperty({__proto__:null,defineWebComponent:(_,o)=>{const{tagName:h,template:y,scripts:C,externalScripts:x,style:E}=_;class w extends HTMLElement{constructor(){super(),o&&this.attachShadow({mode:"open"}),this.state={},this._bindings=[],this._eventBindings=[],this.observer=new MutationObserver(e=>{e.forEach(s=>{if(s.type==="attributes"){const n=s.attributeName,t=this.getAttribute(n);this.handleAttributeChange(n,t)}})}),this.observer.observe(this,{attributes:!0,attributeOldValue:!0}),this._render()}connectedCallback(){this._loadTemplate(),this._loadStyles(),this._loadScript(),this._render()}handleAttributeChange(e,s){this._render()}disconnectedCallback(){this.observer.disconnect(),this._eventBindings.forEach(({element:e,event:s,listener:n})=>{e.removeEventListener(s,n)}),this._eventBindings=[]}_loadTemplate(){o?this.shadowRoot.innerHTML=y:this.innerHTML=y,this._scanBindings()}_scanBindings(){const e=document.createTreeWalker(this.shadowRoot,NodeFilter.SHOW_TEXT,null,!1);let s;for(;s=e.nextNode();){const n=[...s.textContent.matchAll(/{([^}]+)}/g)];if(n.length){const t=n.map(([,c])=>({node:s,template:s.textContent,key:c.trim()}));this._bindings.push(t)}}this._getEventBindings()}_getEventBindings(){var s;((s=this.shadowRoot)!=null?s:this).querySelectorAll("*").forEach(n=>{Array.from(n.attributes).forEach(t=>{if(!t.name.startsWith("on"))return;const c=t.name.slice(2),l=t.value;n.removeAttribute(t.name);const u=m=>{l.includes("(")?new Function(`return ${l}`).call(this):typeof this[l]=="function"?this[l](m):typeof this.state[l]=="function"&&this.state[l](m)};n.addEventListener(c,u),this._eventBindings.push({element:n,event:c,listener:u})})})}_render(){this.getAttributeNames().forEach(e=>{this.state[e]=this.getAttribute(e)}),this._bindings.forEach(e=>{var s;if(Array.isArray(e)){const{node:n,template:t}=e[0],c={};e.forEach(({key:l})=>{var u;c[l]=(u=this.state[l])!=null?u:""}),n.textContent=this._renderTemplate(t,c)}else{const{node:n,template:t,key:c}=e,l={[c]:(s=this.state[c])!=null?s:""};n.textContent=this._renderTemplate(t,l)}})}_renderTemplate(e,s){return e.replace(/\{\s*([\w.]+)\s*}/g,(n,t)=>{let c=s[t];if(typeof c=="function")try{c=c.call(this)}catch(l){c=""}return c!=null?c:""})}_loadStyles(){const e=document.createElement("style");e.textContent=E,o?this.shadowRoot.appendChild(e):this.appendChild(e)}_loadScript(){return g(this,null,function*(){for(const e of x)if(e.type==="component"){const n=yield(yield fetch(e.src)).text();new Function(n).call(this)}else yield new Promise((s,n)=>{const t=document.createElement("script");t.src=e.src,e.type&&(t.type=e.type),t.onload=()=>{s()},t.onerror=n,document.head.appendChild(t)});C.forEach(e=>{var s;if(e.type==="module"){const n=document.createElement("script");n.type="module",n.textContent=e.content,((s=this.shadowRoot)!=null?s:this).appendChild(n)}else{const n=/(?:const|let|var)\s+([a-zA-Z_$][0-9a-zA-Z_$]*)\s*=\s*([^;]+)/g;let t;for(;(t=n.exec(e.content))!==null;){const c=t[1],l=t[2].trim();let u;try{u=new Function(`return (${l});`).call(this)}catch(m){u=l}this._bindings.some(m=>Array.isArray(m)?m.some(({key:R})=>R===c):m.key===c)&&(this.state[c]=u)}new Function(e.content).call(this)}}),this._render()})}setState(e){Object.assign(this.state,e),this._render()}querySelector(e){return console.log("querySelector",e),o?this.shadowRoot.querySelector(e):this.querySelector(e)}querySelectorAll(e){return o?this.shadowRoot.querySelectorAll(e):this.querySelectorAll(e)}}customElements.define(h,w),r.log(`Web component defined: <${h}></${h}>`)}},Symbol.toStringTag,{value:"Module"}));i.ladrillos=T,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});

package/dist/main-C0peSxBK.js

@@ -0,0 +1,3 @@
+"use strict";var b=r=>{throw TypeError(r)};var q=(r,e,t)=>e.has(r)||b("Cannot "+t);var y=(r,e,t)=>(q(r,e,"read from private field"),t?t.call(r):e.get(r)),m=(r,e,t)=>e.has(r)?b("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 p=(r,e,t)=>new Promise((i,l)=>{var g=o=>{try{n(t.next(o))}catch(c){l(c)}},u=o=>{try{n(t.throw(o))}catch(c){l(c)}},n=o=>o.done?i(o.value):Promise.resolve(o.value).then(g,u);n((t=t.apply(r,e)).next())});const h={log(r,...e){},error(r,...e){console.error(r,...e)},warn(r,...e){}};var f,w,d,F;const C=class C{constructor(){m(this,f,new Map);m(this,w,new DOMParser);this.components={}}registerComponent(e,t,i=!0){return p(this,null,function*(){var l,g,u;if(this.components[e]){h.log(`Component ${e} already registered.`);return}this.components[e]={__registering:!0};try{const n=yield p(this,null,function*(){const s=y(this,f).get(t);if(s)return s;const $=yield(yield fetch(t)).text();return y(this,f).set(t,$),$}),o=y(this,w).parseFromString(n.replace(/<!--[\s\S]*?-->/g,""),"text/html"),c=[],S=[];for(const s of o.querySelectorAll("script"))s.src?S.push({src:s.src,type:(l=s.type)!=null?l:null}):s.textContent&&c.push({content:s.textContent.trim(),type:(g=s.type)!=null?g:null}),s.remove();let a="";for(const s of o.querySelectorAll("link[rel='stylesheet']"))a+=`
+`+(yield v(u=C,d,F).call(u,`${s.href}?raw`)),s.remove();for(const s of o.querySelectorAll("style"))s.textContent&&(a+=`
+`+s.textContent.trim()),s.remove();a=a.trim(),this.components[e]={tagName:e,template:o.body.innerHTML.trim(),scripts:c,externalScripts:S,style:a},yield this._defineWebComponent(e,i),h.log(`Component ${e} registered successfully`)}catch(n){h.error(`Failed to register component ${e}:`,n),delete this.components[e]}})}_defineWebComponent(e,t){return p(this,null,function*(){const{defineWebComponent:i}=yield Promise.resolve().then(()=>require("./webcomponent-D2l14_jr.js"));i(this.components[e],t)})}};f=new WeakMap,w=new WeakMap,d=new WeakSet,F=function(e){return p(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),""}})},m(C,d);let x=C;const k=new x;exports.ladrillos=k;exports.logger=h;

package/dist/main-CS7d-nps.mjs

@@ -0,0 +1,126 @@
+var b = (r) => {
+  throw TypeError(r);
+};
+var F = (r, t, e) => t.has(r) || b("Cannot " + e);
+var g = (r, t, e) => (F(r, t, "read from private field"), e ? e.call(r) : t.get(r)), m = (r, t, e) => t.has(r) ? b("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(r) : t.set(r, e);
+var k = (r, t, e) => (F(r, t, "access private method"), e);
+var p = (r, t, e) => new Promise((i, a) => {
+  var f = (o) => {
+    try {
+      n(e.next(o));
+    } catch (c) {
+      a(c);
+    }
+  }, y = (o) => {
+    try {
+      n(e.throw(o));
+    } catch (c) {
+      a(c);
+    }
+  }, n = (o) => o.done ? i(o.value) : Promise.resolve(o.value).then(f, y);
+  n((e = e.apply(r, t)).next());
+});
+const u = {
+  /**
+   * Log a message only in development mode
+   * @param {string} message - The message to log
+   * @param {any[]} args - Additional arguments to log
+   */
+  log(r, ...t) {
+  },
+  /**
+   * Log an error (always logs in both dev and production)
+   * @param {string} message - The error message
+   * @param {any[]} args - Additional arguments to log
+   */
+  error(r, ...t) {
+    console.error(r, ...t);
+  },
+  /**
+   * Log a warning only in development mode
+   * @param {string} message - The warning message
+   * @param {any[]} args - Additional arguments to log
+   */
+  warn(r, ...t) {
+  }
+};
+var h, w, d, q;
+const x = class x {
+  constructor() {
+    m(this, h, /* @__PURE__ */ new Map());
+    m(this, w, new DOMParser());
+    this.components = {};
+  }
+  /**
+   * Registers a web‐component by fetching its HTML, scripts, and styles.
+   * @param {string} name
+   * @param {string} path
+   * @param {boolean} [useShadowDOM=true]
+   */
+  registerComponent(t, e, i = !0) {
+    return p(this, null, function* () {
+      var a, f, y;
+      if (this.components[t]) {
+        u.log(`Component ${t} already registered.`);
+        return;
+      }
+      this.components[t] = { __registering: !0 };
+      try {
+        const n = yield p(this, null, function* () {
+          const s = g(this, h).get(e);
+          if (s) return s;
+          const $ = yield (yield fetch(e)).text();
+          return g(this, h).set(e, $), $;
+        }), o = g(this, w).parseFromString(
+          n.replace(/<!--[\s\S]*?-->/g, ""),
+          "text/html"
+        ), c = [], S = [];
+        for (const s of o.querySelectorAll("script"))
+          s.src ? S.push({ src: s.src, type: (a = s.type) != null ? a : null }) : s.textContent && c.push({
+            content: s.textContent.trim(),
+            type: (f = s.type) != null ? f : null
+          }), s.remove();
+        let l = "";
+        for (const s of o.querySelectorAll("link[rel='stylesheet']"))
+          l += `
+` + (yield k(y = x, d, q).call(y, `${s.href}?raw`)), s.remove();
+        for (const s of o.querySelectorAll("style"))
+          s.textContent && (l += `
+` + s.textContent.trim()), s.remove();
+        l = l.trim(), this.components[t] = {
+          tagName: t,
+          template: o.body.innerHTML.trim(),
+          scripts: c,
+          externalScripts: S,
+          style: l
+        }, yield this._defineWebComponent(t, i), u.log(`Component ${t} registered successfully`);
+      } catch (n) {
+        u.error(`Failed to register component ${t}:`, n), delete this.components[t];
+      }
+    });
+  }
+  /** @private */
+  _defineWebComponent(t, e) {
+    return p(this, null, function* () {
+      const { defineWebComponent: i } = yield import("./webcomponent-Dw20JVmS.mjs");
+      i(this.components[t], e);
+    });
+  }
+};
+h = new WeakMap(), w = new WeakMap(), d = new WeakSet(), q = function(t) {
+  return p(this, null, function* () {
+    try {
+      const e = yield fetch(t);
+      if (!e.ok) throw new Error(`HTTP ${e.status}`);
+      return yield e.text();
+    } catch (e) {
+      return u.error(`Failed to fetch resource at ${t}:`, e), "";
+    }
+  });
+}, m(x, d);
+let C = x;
+const M = new C();
+export {
+  M as a,
+  u as l
+};

package/dist/webcomponent-D2l14_jr.js

@@ -0,0 +1 @@
+"use strict";var _=(p,c,a)=>new Promise((u,m)=>{var f=l=>{try{d(a.next(l))}catch(e){m(e)}},y=l=>{try{d(a.throw(l))}catch(e){m(e)}},d=l=>l.done?u(l.value):Promise.resolve(l.value).then(f,y);d((a=a.apply(p,c)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("./main-C0peSxBK.js"),b=(p,c)=>{const{tagName:a,template:u,scripts:m,externalScripts:f,style:y}=p;class d extends HTMLElement{constructor(){super(),c&&this.attachShadow({mode:"open"}),this.state={},this._bindings=[],this._eventBindings=[],this.observer=new MutationObserver(e=>{e.forEach(n=>{if(n.type==="attributes"){const t=n.attributeName,s=this.getAttribute(t);this.handleAttributeChange(t,s)}})}),this.observer.observe(this,{attributes:!0,attributeOldValue:!0}),this._render()}connectedCallback(){this._loadTemplate(),this._loadStyles(),this._loadScript(),this._render()}handleAttributeChange(e,n){this._render()}disconnectedCallback(){this.observer.disconnect(),this._eventBindings.forEach(({element:e,event:n,listener:t})=>{e.removeEventListener(n,t)}),this._eventBindings=[]}_loadTemplate(){c?this.shadowRoot.innerHTML=u:this.innerHTML=u,this._scanBindings()}_scanBindings(){const e=document.createTreeWalker(this.shadowRoot,NodeFilter.SHOW_TEXT,null,!1);let n;for(;n=e.nextNode();){const t=[...n.textContent.matchAll(/{([^}]+)}/g)];if(t.length){const s=t.map(([,i])=>({node:n,template:n.textContent,key:i.trim()}));this._bindings.push(s)}}this._getEventBindings()}_getEventBindings(){var n;((n=this.shadowRoot)!=null?n:this).querySelectorAll("*").forEach(t=>{Array.from(t.attributes).forEach(s=>{if(!s.name.startsWith("on"))return;const i=s.name.slice(2),r=s.value;t.removeAttribute(s.name);const o=h=>{r.includes("(")?new Function(`return ${r}`).call(this):typeof this[r]=="function"?this[r](h):typeof this.state[r]=="function"&&this.state[r](h)};t.addEventListener(i,o),this._eventBindings.push({element:t,event:i,listener:o})})})}_render(){this.getAttributeNames().forEach(e=>{this.state[e]=this.getAttribute(e)}),this._bindings.forEach(e=>{var n;if(Array.isArray(e)){const{node:t,template:s}=e[0],i={};e.forEach(({key:r})=>{var o;i[r]=(o=this.state[r])!=null?o:""}),t.textContent=this._renderTemplate(s,i)}else{const{node:t,template:s,key:i}=e,r={[i]:(n=this.state[i])!=null?n:""};t.textContent=this._renderTemplate(s,r)}})}_renderTemplate(e,n){return e.replace(/\{\s*([\w.]+)\s*}/g,(t,s)=>{let i=n[s];if(typeof i=="function")try{i=i.call(this)}catch(r){i=""}return i!=null?i:""})}_loadStyles(){const e=document.createElement("style");e.textContent=y,c?this.shadowRoot.appendChild(e):this.appendChild(e)}_loadScript(){return _(this,null,function*(){for(const e of f)if(e.type==="component"){const t=yield(yield fetch(e.src)).text();new Function(t).call(this)}else yield new Promise((n,t)=>{const s=document.createElement("script");s.src=e.src,e.type&&(s.type=e.type),s.onload=()=>{n()},s.onerror=t,document.head.appendChild(s)});m.forEach(e=>{var n;if(e.type==="module"){const t=document.createElement("script");t.type="module",t.textContent=e.content,((n=this.shadowRoot)!=null?n:this).appendChild(t)}else{const t=/(?:const|let|var)\s+([a-zA-Z_$][0-9a-zA-Z_$]*)\s*=\s*([^;]+)/g;let s;for(;(s=t.exec(e.content))!==null;){const i=s[1],r=s[2].trim();let o;try{o=new Function(`return (${r});`).call(this)}catch(h){o=r}this._bindings.some(h=>Array.isArray(h)?h.some(({key:g})=>g===i):h.key===i)&&(this.state[i]=o)}new Function(e.content).call(this)}}),this._render()})}setState(e){Object.assign(this.state,e),this._render()}querySelector(e){return console.log("querySelector",e),c?this.shadowRoot.querySelector(e):this.querySelector(e)}querySelectorAll(e){return c?this.shadowRoot.querySelectorAll(e):this.querySelectorAll(e)}}customElements.define(a,d),v.logger.log(`Web component defined: <${a}></${a}>`)};exports.defineWebComponent=b;

package/dist/webcomponent-Dw20JVmS.mjs

@@ -0,0 +1,171 @@
+var _ = (p, c, a) => new Promise((u, m) => {
+  var f = (l) => {
+    try {
+      d(a.next(l));
+    } catch (t) {
+      m(t);
+    }
+  }, y = (l) => {
+    try {
+      d(a.throw(l));
+    } catch (t) {
+      m(t);
+    }
+  }, d = (l) => l.done ? u(l.value) : Promise.resolve(l.value).then(f, y);
+  d((a = a.apply(p, c)).next());
+});
+import { l as v } from "./main-CS7d-nps.mjs";
+const w = (p, c) => {
+  const { tagName: a, template: u, scripts: m, externalScripts: f, style: y } = p;
+  class d extends HTMLElement {
+    constructor() {
+      super(), c && this.attachShadow({ mode: "open" }), this.state = {}, this._bindings = [], this._eventBindings = [], this.observer = new MutationObserver((t) => {
+        t.forEach((n) => {
+          if (n.type === "attributes") {
+            const e = n.attributeName, s = this.getAttribute(e);
+            this.handleAttributeChange(e, s);
+          }
+        });
+      }), this.observer.observe(this, {
+        attributes: !0,
+        // Watch for attribute changes
+        attributeOldValue: !0
+        // Track old values too
+      }), this._render();
+    }
+    connectedCallback() {
+      this._loadTemplate(), this._loadStyles(), this._loadScript(), this._render();
+    }
+    handleAttributeChange(t, n) {
+      this._render();
+    }
+    disconnectedCallback() {
+      this.observer.disconnect(), this._eventBindings.forEach(({ element: t, event: n, listener: e }) => {
+        t.removeEventListener(n, e);
+      }), this._eventBindings = [];
+    }
+    _loadTemplate() {
+      c ? this.shadowRoot.innerHTML = u : this.innerHTML = u, this._scanBindings();
+    }
+    _scanBindings() {
+      const t = document.createTreeWalker(
+        this.shadowRoot,
+        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._getEventBindings();
+    }
+    _getEventBindings() {
+      var n;
+      ((n = this.shadowRoot) != null ? n : this).querySelectorAll("*").forEach((e) => {
+        Array.from(e.attributes).forEach((s) => {
+          if (!s.name.startsWith("on")) return;
+          const i = s.name.slice(2), r = s.value;
+          e.removeAttribute(s.name);
+          const o = (h) => {
+            r.includes("(") ? new Function(`return ${r}`).call(this) : typeof this[r] == "function" ? this[r](h) : typeof this.state[r] == "function" && this.state[r](h);
+          };
+          e.addEventListener(i, o), this._eventBindings.push({ element: e, event: i, listener: o });
+        });
+      });
+    }
+    _render() {
+      this.getAttributeNames().forEach((t) => {
+        this.state[t] = this.getAttribute(t);
+      }), this._bindings.forEach((t) => {
+        var n;
+        if (Array.isArray(t)) {
+          const { node: e, template: s } = t[0], i = {};
+          t.forEach(({ key: r }) => {
+            var o;
+            i[r] = (o = this.state[r]) != null ? o : "";
+          }), e.textContent = this._renderTemplate(s, i);
+        } else {
+          const { node: e, template: s, key: i } = t, r = { [i]: (n = this.state[i]) != null ? n : "" };
+          e.textContent = this._renderTemplate(s, r);
+        }
+      });
+    }
+    _renderTemplate(t, n) {
+      return t.replace(/\{\s*([\w.]+)\s*}/g, (e, s) => {
+        let i = n[s];
+        if (typeof i == "function")
+          try {
+            i = i.call(this);
+          } catch (r) {
+            i = "";
+          }
+        return i != null ? i : "";
+      });
+    }
+    _loadStyles() {
+      const t = document.createElement("style");
+      t.textContent = y, c ? this.shadowRoot.appendChild(t) : this.appendChild(t);
+    }
+    _loadScript() {
+      return _(this, null, function* () {
+        for (const t of f)
+          if (t.type === "component") {
+            const e = yield (yield fetch(t.src)).text();
+            new Function(e).call(this);
+          } else
+            yield new Promise((n, e) => {
+              const s = document.createElement("script");
+              s.src = t.src, t.type && (s.type = t.type), s.onload = () => {
+                n();
+              }, s.onerror = e, document.head.appendChild(s);
+            });
+        m.forEach((t) => {
+          var n;
+          if (t.type === "module") {
+            const e = document.createElement("script");
+            e.type = "module", e.textContent = t.content, ((n = this.shadowRoot) != null ? n : this).appendChild(e);
+          } else {
+            const e = /(?:const|let|var)\s+([a-zA-Z_$][0-9a-zA-Z_$]*)\s*=\s*([^;]+)/g;
+            let s;
+            for (; (s = e.exec(t.content)) !== null; ) {
+              const i = s[1], r = s[2].trim();
+              let o;
+              try {
+                o = new Function(`return (${r});`).call(this);
+              } catch (h) {
+                o = r;
+              }
+              this._bindings.some(
+                (h) => Array.isArray(h) ? h.some(({ key: g }) => g === i) : h.key === i
+              ) && (this.state[i] = o);
+            }
+            new Function(t.content).call(this);
+          }
+        }), this._render();
+      });
+    }
+    // --- public APIs
+    setState(t) {
+      Object.assign(this.state, t), this._render();
+    }
+    querySelector(t) {
+      return console.log("querySelector", t), c ? this.shadowRoot.querySelector(t) : this.querySelector(t);
+    }
+    querySelectorAll(t) {
+      return c ? this.shadowRoot.querySelectorAll(t) : this.querySelectorAll(t);
+    }
+  }
+  customElements.define(a, d), v.log(`Web component defined: <${a}></${a}>`);
+};
+export {
+  w as defineWebComponent
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ladrillosjs",
-  "version": "0.1.7",
+  "version": "1.0.0-rc.1",
   "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
-};