ladrillosjs 2.0.0-beta.3.5 → 2.0.0-beta.3.7

package/README.md

@@ -23,6 +23,7 @@ A lightweight, zero-dependency web component framework for building modular web
   - [List Rendering](#list-rendering)
   - [Slots](#slots)
   - [Component Props](#component-props)
+  - [Lifecycle Hooks](#lifecycle-hooks)
 - [Advanced Features](#advanced-features)
   - [Lazy Loading](#lazy-loading)
   - [Global Event Bus](#global-event-bus)
@@ -142,9 +143,83 @@ interface CopyComponentsOptions {
 
   /** Copy during development server (default: false) */
   copyOnDev?: boolean;
+
+  /** Process component module scripts (default: true) */
+  processScripts?: boolean;
 }
 ```
 
+### Processing Component Module Scripts
+
+When `processScripts` is enabled (default), the plugin automatically transforms component scripts using `type="module"` to work with the window scope. This is essential when building with Vite and using ES modules in your components.
+
+**What It Does:**
+
+- Converts ES module imports to window references
+- Wraps scripts in an async IIFE that waits for the library to load
+- Handles multiple components efficiently with a shared loading promise
+
+**Example:**
+
+Before build (in your component):
+
+```html
+<script type="module">
+  import { registerComponent } from "ladrillosjs";
+
+  let count = 0;
+
+  export const increment = () => {
+    count++;
+  };
+</script>
+```
+
+After build (automatically transformed):
+
+```html
+<script>
+  (async () => {
+    try {
+      if (!window.__ladrillosPromise__) {
+        window.__ladrillosPromise__ = new Promise((resolve) => {
+          // Wait for LadrillosJS to load...
+        });
+      }
+
+      await window.__ladrillosPromise__;
+
+      (async () => {
+        const { registerComponent } = window.ladrillosjs;
+
+        let count = 0;
+
+        // Component code...
+      })();
+    } catch (error) {
+      console.error("Failed to execute component module:", error);
+    }
+  })();
+</script>
+```
+
+**Disable Processing (if needed):**
+
+```javascript
+import { defineConfig } from "vite";
+import { copyComponentsPlugin } from "ladrillosjs/vite";
+
+export default defineConfig({
+  plugins: [
+    copyComponentsPlugin({
+      src: "components",
+      dest: "components",
+      processScripts: false, // Disable script processing
+    }),
+  ],
+});
+```
+
 ### Complete Example
 
 Project structure:
@@ -709,6 +784,189 @@ Pass data to components using HTML attributes:
 <my-greeting name="Jane" age="30"></my-greeting>
 ```
 
+### Lifecycle Hooks
+
+LadrillosJS provides Vue.js-style lifecycle hooks so you can run code at specific times in a component's lifecycle. These hooks are tied directly to Web Component lifecycle methods for maximum control.
+
+#### Available Hooks
+
+| Hook         | Called                                           | Purpose                            |
+| ------------ | ------------------------------------------------ | ---------------------------------- |
+| `$onMount`   | After component is mounted and fully initialized | Setup, initialization, API calls   |
+| `$onUpdate`  | After component state changes and re-renders     | React to state changes             |
+| `$onUnmount` | Before component is removed from DOM             | Cleanup, unsubscribe, clear timers |
+
+#### `$onMount(callback)`
+
+Called once when the component is fully mounted and ready. Perfect for initialization, API calls, and setup logic.
+
+```html
+<div>
+  <h2>User Profile</h2>
+  <p $if="{loading}">Loading...</p>
+  <div $else>
+    <h3>{user.name}</h3>
+    <p>{user.email}</p>
+  </div>
+</div>
+
+<script>
+  let user = { name: "", email: "" };
+  let loading = true;
+
+  // Called after component mounts with state ready
+  $onMount(() => {
+    console.log("✅ Component mounted!");
+
+    // Perfect for API calls, initialization, etc
+    fetch("/api/user/123")
+      .then((res) => res.json())
+      .then((data) => {
+        user = data;
+        loading = false;
+      });
+  });
+</script>
+```
+
+**When to use `$onMount`:**
+
+- ✅ Fetch data from APIs
+- ✅ Initialize timers or subscriptions
+- ✅ Set up event listeners
+- ✅ Run component setup logic
+- ✅ Validate initial state
+
+#### `$onUpdate(callback)`
+
+Called after component state changes and the component re-renders. Perfect for reacting to state changes.
+
+```html
+<div>
+  <p>Count: {count}</p>
+  <button onclick="count++">Increment</button>
+</div>
+
+<script>
+  let count = 0;
+
+  $onUpdate(() => {
+    console.log("🔄 Component updated! New count:", count);
+
+    // React to state changes
+    if (count === 10) {
+      console.log("Count reached 10!");
+    }
+  });
+</script>
+```
+
+**When to use `$onUpdate`:**
+
+- ✅ Log state changes for debugging
+- ✅ Trigger side effects when specific properties change
+- ✅ Sync with external systems
+- ✅ Perform validations on updated state
+
+#### `$onUnmount(callback)`
+
+Called before the component is removed from the DOM. Perfect for cleanup operations.
+
+```html
+<div>
+  <p>Timer: {seconds}</p>
+</div>
+
+<script>
+  let seconds = 0;
+  let interval = null;
+
+  $onMount(() => {
+    // Start timer
+    interval = setInterval(() => {
+      seconds++;
+    }, 1000);
+  });
+
+  $onUnmount(() => {
+    console.log("❌ Component unmounting, cleaning up...");
+
+    // Clear timer to prevent memory leaks
+    if (interval) {
+      clearInterval(interval);
+    }
+  });
+</script>
+```
+
+**When to use `$onUnmount`:**
+
+- ✅ Clear timers and intervals
+- ✅ Remove event listeners
+- ✅ Unsubscribe from observables
+- ✅ Cleanup resources
+- ✅ Cancel pending API requests
+
+#### Complete Lifecycle Example
+
+```html
+<div>
+  <h3>Lifecycle Demo</h3>
+  <p>Status: {status}</p>
+  <button onclick="status = 'active'">Activate</button>
+  <button onclick="status = 'inactive'">Deactivate</button>
+</div>
+
+<script>
+  let status = "initializing";
+
+  $onMount(() => {
+    console.log("✅ $onMount - Component ready to go!");
+    status = "ready";
+  });
+
+  $onUpdate(() => {
+    console.log("🔄 $onUpdate - Status changed to:", status);
+  });
+
+  $onUnmount(() => {
+    console.log("❌ $onUnmount - Cleaning up before removal");
+  });
+</script>
+```
+
+#### Lifecycle Timing Diagram
+
+```
+┌─────────────────────────────────────────────────────────┐
+│  Element added to DOM                                   │
+│  ↓                                                      │
+│  connectedCallback() starts                             │
+│  ├─ Parse template                                      │
+│  ├─ Load styles                                         │
+│  ├─ Execute scripts & initialize state                  │
+│  ├─ Render bindings, conditionals, loops                │
+│  │                                                      │
+│  ├─→ $onMount() called ← Component ready!               │
+│  │                                                      │
+│  State changes (click, setState, etc)                   │
+│  ├─ Proxy detects change                                │
+│  ├─ Schedule update (requestAnimationFrame)             │
+│  ├─ Re-render bindings, conditionals, loops             │
+│  │                                                      │
+│  ├─→ $onUpdate() called ← After each update             │
+│  │   ... (can happen many times)                        │
+│  │                                                      │
+│  Element removed from DOM                               │
+│  ├─→ $onUnmount() called ← Before cleanup               │
+│  │                                                      │
+│  disconnectedCallback() cleanup                         │
+│  ├─ Remove event listeners                              │
+│  ├─ Clear subscriptions                                 │
+│  └─ Complete                                            │
+└─────────────────────────────────────────────────────────┘
+```
+
 ## Advanced Features
 
 ### Lazy Loading

package/dist/index-Bx3jQFpE.js

@@ -0,0 +1,68 @@
+"use strict";var U=Object.defineProperty,X=Object.defineProperties;var Q=Object.getOwnPropertyDescriptors;var k=Object.getOwnPropertySymbols;var V=Object.prototype.hasOwnProperty,Y=Object.prototype.propertyIsEnumerable;var j=t=>{throw TypeError(t)};var L=(t,e,r)=>e in t?U(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,h=(t,e)=>{for(var r in e||(e={}))V.call(e,r)&&L(t,r,e[r]);if(k)for(var r of k(e))Y.call(e,r)&&L(t,r,e[r]);return t},w=(t,e)=>X(t,Q(e));var Z=(t,e,r)=>e.has(t)||j("Cannot "+r);var z=(t,e,r)=>e.has(t)?j("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,r);var P=(t,e,r)=>(Z(t,e,"access private method"),r);var p=(t,e,r)=>new Promise((s,o)=>{var i=c=>{try{l(r.next(c))}catch(d){o(d)}},a=c=>{try{l(r.throw(c))}catch(d){o(d)}},l=c=>c.done?s(c.value):Promise.resolve(c.value).then(i,a);l((r=r.apply(t,e)).next())});const T=()=>{try{return!1}catch(t){return process.env.NODE_ENV==="development"}},n={log(t,...e){T()&&console.log(t,...e)},error(t,...e){console.error(t,...e)},warn(t,...e){T()&&console.warn(t,...e)}},f=(t,e)=>{const r=[t];return e&&(e.componentName&&r.push(`
+  Component: <${e.componentName}>`),e.componentPath&&r.push(`
+  File: ${e.componentPath}`),e.expression&&r.push(`
+  Expression: ${e.expression}`),e.attributeName&&r.push(`
+  Attribute: ${e.attributeName}`),e.eventType&&r.push(`
+  Event: ${e.eventType}`),e.elementTag&&r.push(`
+  Element: <${e.elementTag}>`),e.lineHint&&r.push(`
+  Location: ${e.lineHint}`)),r.join("")},ee=(t,e,r)=>{const s=f("⚠️ Binding Error: Failed to evaluate expression",w(h({},r),{expression:t,lineHint:(r==null?void 0:r.lineHint)||"Template binding expression"}));n.error(s),n.error(`  Error details: ${e.message}`),e.stack&&console.debug("  Stack trace:",e.stack)},te=(t,e,r,s)=>{const o=f("⚠️ Event Handler Error: Failed to execute handler",w(h({},s),{eventType:t,expression:e,lineHint:(s==null?void 0:s.lineHint)||`on${t} handler`}));n.error(o),n.error(`  Error details: ${r.message}`),r.stack&&console.debug("  Stack trace:",r.stack)},re=(t,e,r)=>{const s=f("⚠️ Conditional Error: Failed to evaluate condition",w(h({},r),{expression:t,lineHint:(r==null?void 0:r.lineHint)||"$if/$else-if condition"}));n.error(s),n.error(`  Error details: ${e.message}`),e.stack&&console.debug("  Stack trace:",e.stack)},se=(t,e,r)=>{const s=f("⚠️ Loop Error: Failed to process loop",w(h({},r),{expression:t,lineHint:(r==null?void 0:r.lineHint)||"$for loop expression"}));n.error(s),n.error(`  Error details: ${e.message}`),e.stack&&console.debug("  Stack trace:",e.stack)},F=(t,e,r)=>{const s=f("⚠️ Registration Error: Failed to register component",{componentName:t,componentPath:e});n.error(s),n.error(`  Error details: ${r.message}`),r.stack&&console.debug("  Stack trace:",r.stack)},M=(t,e,r)=>{const s=f("⚠️ Fetch Error: Failed to load resource",w(h({},r),{componentPath:t}));n.error(s),n.error(`  Error details: ${e.message}`)},b=(t,e)=>{const r=f(`⚠️ Parse Error: ${t}`,e);n.error(r)},oe=(t,e)=>{const r=f("⚠️ Script Error: Failed to execute component script",e);n.error(r),n.error(`  Error details: ${t.message}`),t.stack&&console.debug("  Stack trace:",t.stack)},ne=(t,e,r)=>{const s=f("⚠️ Two-Way Binding Error: Failed to setup binding",w(h({},r),{expression:t,lineHint:(r==null?void 0:r.lineHint)||"$model binding"}));n.error(s),n.error(`  Error details: ${e.message}`)},ie=(t,e)=>{var r;return h({componentName:(t==null?void 0:t.tagName)||((r=t==null?void 0:t.constructor)==null?void 0:r.name),componentPath:(t==null?void 0:t.sourcePath)||(t==null?void 0:t._sourcePath)},e)},g=new Map,le=25,ae=t=>{const e=g.get(t);return e&&(g.delete(t),g.set(t,e)),e},ce=(t,e)=>{if(g.has(t))g.delete(t);else if(g.size>=le){const r=g.keys().next().value;r&&g.delete(r)}g.set(t,e)},N=t=>p(null,null,function*(){if(!t)throw new Error("Path cannot be null or empty");const e=ae(t);if(e)return e;try{const r=yield fetch(t);if(!r.ok)throw new Error(`Failed to fetch component from ${t}: ${r.statusText}`);const s=yield r.text();return ce(t,s),s}catch(r){M(t,r,{componentPath:t})}}),de=t=>p(null,null,function*(){try{const e=yield fetch(t);if(!e.ok)throw new Error(`HTTP ${e.status}`);return yield e.text()}catch(e){return M(t,e),""}}),$={bindings:/{([^}]+)}/g,comments:{js:/\/\*[\s\S]*?\*\/|\/\/.*$/gm,css:/\/\*[\s\S]*?\*\//g,html:/<!--[\s\S]*?-->/g}},pe=new DOMParser,H=(t,e)=>p(null,null,function*(){const r=ue(t),{scripts:s,externalScripts:o}=ge(r),i=yield he(r),a=r.body.innerHTML.trim();return{tagName:e,template:a,scripts:s,externalScripts:o,styles:i}}),ue=t=>pe.parseFromString(t.replace($.comments.html,""),"text/html"),me=t=>["/@vite/","/__vite","/webpack-dev-server","/hot-update","/__webpack_hmr","/browser-sync/","/livereload.js"].some(r=>t.includes(r)),ge=t=>{var s,o;const e=[],r=[];for(const i of t.querySelectorAll("script")){if(i.src){if(me(i.src)){i.remove();continue}const a=i.hasAttribute("external");r.push({src:i.getAttribute("src")||i.src,type:(s=i.type)!=null?s:null,external:a})}else if(i.textContent){let a=i.textContent.trim();a=a.replace($.comments.js,"").trim(),e.push({content:a,type:(o=i.type)!=null?o:null})}i.remove()}return{scripts:e,externalScripts:r}},fe=t=>{const e=t.match(/const __vite__css = "((?:[^"\\]|\\.)*)"/);if(e&&e[1])return e[1].replace(/\\r\\n/g,`
+`).replace(/\\n/g,`
+`).replace(/\\t/g,"	").replace(/\\"/g,'"').replace(/\\\\/g,"\\");const r=t.match(/export\s+default\s+"((?:[^"\\]|\\.)*)"/);return r&&r[1]?r[1].replace(/\\r\\n/g,`
+`).replace(/\\n/g,`
+`).replace(/\\t/g,"	").replace(/\\"/g,'"').replace(/\\\\/g,"\\"):t.includes("import")||t.includes("export")?(n.warn("CSS file returned JavaScript module format. CSS may not load correctly."),""):t},he=t=>p(null,null,function*(){let e="";const r=t.querySelectorAll("style, link[rel='stylesheet']");for(const s of r){if(s.tagName==="LINK"){const i=yield de(s.href),a=fe(i);a&&(e+=`
+`+a)}else if(s.tagName==="STYLE"){const o=s;if(o.textContent){let i=o.textContent.trim();i=i.replace($.comments.css,"").trim(),e+=`
+`+i}}s.remove()}return e.trim()});var E,x,A;class we{constructor(){z(this,E);this.components={},this.lazyComponents=new Set,this.intersectionObserver=null,this.lazyLoadingInProgress=new Map,this.lazyComponentsLoaded=new Set}registerComponent(e,r,s=!0,o=!1){return p(this,null,function*(){if(this.components[e]){n.warn(`Component with name "${e}" is already registered.`);return}if(o){this.lazyComponents.add(e),P(this,E,x).call(this,e,r,s),n.log(`Component ${e} registered as lazy-loaded`);return}try{const i=yield N(r),a=yield H(i,e);this.components[e]={tagName:e,template:a.template,scripts:a.scripts,externalScripts:a.externalScripts,styles:a.styles,sourcePath:r,lazy:!1},n.log(`Component ${e} registered successfully`),yield P(this,E,A).call(this,e,s)}catch(i){F(e,r,i);return}})}}E=new WeakSet,x=function(e,r,s){const o=this;class i extends HTMLElement{constructor(){super(),this.loaded=!1,this.observer=null,s&&(this.attachShadow({mode:"open"}),this.shadowRoot&&(this.shadowRoot.innerHTML=`
+              <style>
+                :host { display: block; min-height: 1px; }
+              </style>
+            `))}connectedCallback(){if(!this.loaded){if(this.hasAttribute("eager")){this.loaded=!0,this.loadComponent();return}this.observer=new IntersectionObserver(l=>{l.forEach(c=>{c.isIntersecting&&!this.loaded&&(this.loaded=!0,this.loadComponent())})},{rootMargin:"100px"}),this.observer.observe(this)}}disconnectedCallback(){this.observer&&(this.observer.disconnect(),this.observer=null)}loadComponent(){return p(this,null,function*(){try{if(o.lazyComponentsLoaded.has(e)){n.log(`Component ${e} already loaded, upgrading placeholder...`),this.upgradePlaceholder();return}if(o.lazyLoadingInProgress.has(e)){n.log(`Component ${e} is already loading, waiting...`),yield o.lazyLoadingInProgress.get(e),this.upgradePlaceholder();return}const l=this.performLoad();o.lazyLoadingInProgress.set(e,l),yield l,o.lazyLoadingInProgress.delete(e),o.lazyComponentsLoaded.add(e),o.lazyComponents.delete(e),n.log(`Component ${e} lazy-loaded successfully`)}catch(l){o.lazyLoadingInProgress.delete(e),F(e,r,l)}})}performLoad(){return p(this,null,function*(){n.log(`Lazy loading component: ${e}`);const l=this.parentNode;if(this.nextSibling,!l){b(`Placeholder for ${e} has no parent node`,{componentName:e,componentPath:r});return}const c=yield N(r),d=yield H(c,e);n.log(`Component ${e} parsed successfully`),o.components[e]={tagName:e,template:d.template,scripts:d.scripts,externalScripts:d.externalScripts,styles:d.styles,sourcePath:r,lazy:!0};const m=`${e}-real`;n.log(`Defining real component with temp name: ${m}`);const y=o.components[e].tagName;o.components[e].tagName=m;const{defineWebComponent:C}=yield Promise.resolve().then(()=>require("./webcomponent-BRRZJV0q.js"));C(o.components[e],s),n.log(`Real component ${m} defined`),o.components[e].tagName=y,this.upgradePlaceholder()})}upgradePlaceholder(){const l=this,c=this.parentNode,d=this.nextSibling;if(!c){b(`Placeholder for ${e} has no parent node`,{componentName:e,componentPath:r});return}const m=`${e}-real`,y=document.createElement(m);for(n.log(`Created real component instance: ${m}`),Array.from(l.attributes).forEach(C=>{C.name!=="eager"&&y.setAttribute(C.name,C.value)});l.firstChild;)y.appendChild(l.firstChild);d?(c.insertBefore(y,d),n.log("Inserted real component before next sibling")):(c.appendChild(y),n.log("Appended real component to parent")),c.removeChild(l),n.log("Removed placeholder element")}}customElements.get(e)||customElements.define(e,i)},A=function(e,r){return p(this,null,function*(){const{defineWebComponent:s}=yield Promise.resolve().then(()=>require("./webcomponent-BRRZJV0q.js"));this.components[e]&&s(this.components[e],r)})};const q=new we;class ye{constructor(){this.listeners=new Map}emit(e,r){const s=new CustomEvent(e,{detail:r,bubbles:!0,composed:!0});document.dispatchEvent(s);const o=this.listeners.get(e);if(!o||o.size===0)return Promise.resolve();const i=[];return o.forEach(a=>{try{const l=a(r);l instanceof Promise&&i.push(l)}catch(l){n.error(`⚠️ Event Bus Error: Failed to execute listener for "${e}"`),n.error(`  Error details: ${l.message}`),i.push(Promise.reject(l))}}),i.length>0?Promise.all(i).then(()=>{}):Promise.resolve()}listen(e,r){return this.listeners.has(e)||this.listeners.set(e,new Set),this.listeners.get(e).add(r),()=>{this.off(e,r)}}off(e,r){const s=this.listeners.get(e);s&&(s.delete(r),s.size===0&&this.listeners.delete(e))}clear(e){e?this.listeners.delete(e):this.listeners.clear()}listenerCount(e){var r,s;return(s=(r=this.listeners.get(e))==null?void 0:r.size)!=null?s:0}}const _=new ye,u={};function R(t){return p(this,null,function*(){const e=yield u.readdir(t,{withFileTypes:!0});for(const r of e){const s=u.resolve(t,r.name);if(r.isDirectory())yield R(s);else if(r.name.endsWith(".html")){let o=yield u.readFile(s,"utf-8");o=o.replace(/<script type="module">([\s\S]*?)<\/script>/g,(i,a)=>`<script>
+(async () => {
+  try {
+    // Use a shared promise to avoid multiple components polling independently
+    if (!window.__ladrillosPromise__) {
+      if (window.ladrillosjs) {
+        // Library already loaded, resolve immediately
+        window.__ladrillosPromise__ = Promise.resolve(window.ladrillosjs);
+      } else {
+        // Set up a one-time promise that waits for library to load
+        window.__ladrillosPromise__ = new Promise((resolve) => {
+          // Quick check first
+          if (window.ladrillosjs) {
+            resolve(window.ladrillosjs);
+            return;
+          }
+          
+          // Use a short timeout (libraries load almost instantly)
+          const timeout = setTimeout(() => {
+            if (!window.ladrillosjs) {
+              throw new Error('LadrillosJS failed to load');
+            }
+            clearInterval(interval);
+            resolve(window.ladrillosjs);
+          }, 100);
+          
+          // Fallback polling as safety net
+          const interval = setInterval(() => {
+            if (window.ladrillosjs) {
+              clearTimeout(timeout);
+              clearInterval(interval);
+              resolve(window.ladrillosjs);
+            }
+          }, 5);
+        });
+      }
+    }
+    
+    // Wait for the shared promise
+    await window.__ladrillosPromise__;
+    
+    // Execute the component script
+    (async () => {
+${a.replace(/import\s+\*\s+as\s+(\w+)\s+from\s+["']ladrillosjs["']/g,"const $1 = window.ladrillosjs;").replace(/import\s+\{\s*([^}]+)\s*\}\s+from\s+["']ladrillosjs["']/g,"const { $1 } = window.ladrillosjs;").replace(/import\s+(\w+)\s+from\s+["']ladrillosjs["']/g,"const $1 = window.ladrillosjs.default;")}
+    })();
+  } catch (error) {
+    console.error('Failed to execute component module:', error);
+  }
+})();
+<\/script>`),yield u.writeFile(s,o)}}})}function Ee(t={}){const{src:e="components",dest:r="components",copyOnDev:s=!1,processScripts:o=!0}=t;return{name:"ladrillosjs:copy-components",apply:s?"serve":"build",generateBundle(a,l){return p(this,null,function*(){const c=u.resolve(process.cwd(),e),d=u.resolve(process.cwd(),"dist",r);if(!u.existsSync(c)){console.warn(`[ladrillosjs:copy-components] Source directory not found: ${c}`);return}try{u.existsSync(d)&&u.rmSync(d,{recursive:!0,force:!0}),u.cpSync(c,d,{recursive:!0}),console.log(`[ladrillosjs:copy-components] Copied components from ${c} to ${d}`),o&&(yield R(d),console.log(`[ladrillosjs:copy-components] Processed component scripts in ${d}`))}catch(m){throw console.error("[ladrillosjs:copy-components] Error copying components:",m),m}})}}}const I=(t,e,r,s)=>q.registerComponent(t,e,r,s),B=t=>p(null,null,function*(){yield Promise.all(t.map(({name:e,path:r,useShadowDOM:s,lazy:o})=>q.registerComponent(e,r,s,o)))}),D=(t,e)=>_.listen(t,e),W=(t,e)=>{_.emit(t,e)},Ce=(t,e)=>{if(e){const r=e.tagName.toLowerCase();window.__ladrilloContexts||(window.__ladrilloContexts=new Map),window.__ladrilloContexts.set(r,{shadowRoot:t,element:e})}},v=()=>{const t=window.__ladrilloContexts;if(t&&t.size>0){const e=Array.from(t.values());return e[e.length-1]}return null},O=()=>{const t=v();return t&&t.element?t.element.state||{}:{}},S=t=>{const e=v();e&&e.setState&&e.setState(t)},G=(t,e)=>(S({[t]:e}),r=>{S({[t]:r})}),J=(t,e)=>{if(e)return e.querySelector(t);const r=v();if(r){const s=r.shadowRoot||r.element;if(s){const o=s.querySelector(t);if(o)return o}}return document.querySelector(t)},K=(t,e)=>{if(e)return e.querySelectorAll(t);const r=v();if(r){const s=r.shadowRoot||r.element;if(s){const o=s.querySelectorAll(t);if(o.length>0)return o}}return document.querySelectorAll(t)};typeof window!="undefined"&&(window.ladrillosjs={registerComponent:I,registerComponents:B},window.$listen=D,window.$emit=W,window.$querySelector=J,window.$querySelectorAll=K,window.$reactive=G,window.$setState=S,window.$getState=O);exports.$emit=W;exports.$getState=O;exports.$listen=D;exports.$querySelector=J;exports.$querySelectorAll=K;exports.$reactive=G;exports.$setState=S;exports.REGEX_PATTERNS=$;exports.__setComponentContext=Ce;exports.copyComponentsPlugin=Ee;exports.createErrorContext=ie;exports.eventBus=_;exports.logBindingError=ee;exports.logConditionalError=re;exports.logEventHandlerError=te;exports.logLoopError=se;exports.logParseError=b;exports.logScriptError=oe;exports.logTwoWayBindingError=ne;exports.logger=n;exports.registerComponent=I;exports.registerComponents=B;
+//# sourceMappingURL=index-Bx3jQFpE.js.map