ladrillosjs 0.1.8 → 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-BaJULV0N.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-CE6RxSxw.mjs";
+import { a as o } from "./main-CS7d-nps.mjs";
 export {
   o as ladrillos
 };

package/dist/ladrillosjs.umd.js

@@ -1,5 +1,3 @@
-(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"})});
+(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.8",
+  "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-BaJULV0N.js

@@ -1,5 +0,0 @@
-"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

@@ -1,145 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,184 +0,0 @@
-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
-};