@ecopages/radiant 0.1.4 → 0.1.6

package/dist/core/radiant-element.js

@@ -1,4 +1,83 @@
-class y extends HTMLElement{eventSubscriptions=new Map;connectedCallback(){}connectedContextCallback(j){}disconnectedCallback(){this.removeAllSubscribedEvents()}updated(j,k,q){}renderTemplate({target:j=this,template:k,insert:q="replace"}){switch(q){case"replace":j.innerHTML=k;break;case"beforeend":j.insertAdjacentHTML("beforeend",k);break;case"afterbegin":j.insertAdjacentHTML("afterbegin",k);break}}subscribeEvents(j){for(let k of j)this.subscribeEvent(k)}subscribeEvent(j){const k=(q)=>{if(q.target&&q.target.matches(j.selector))j.listener.call(this,q)};this.addEventListener(j.type,k,j.options),this.eventSubscriptions.set(j.id,{...j,listener:k})}unsubscribeEvent(j){const k=this.eventSubscriptions.get(j);if(k)this.removeEventListener(k.type,k.listener,k.options),this.eventSubscriptions.delete(j)}removeAllSubscribedEvents(){for(let j of this.eventSubscriptions.values())this.removeEventListener(j.type,j.listener,j.options);this.eventSubscriptions.clear()}}export{y as RadiantElement};
-export{y as a};
+// src/core/radiant-element.ts
+class RadiantElement extends HTMLElement {
+  eventSubscriptions = new Map;
+  elementReady = false;
+  connectedCallback() {
+    this.elementReady = true;
+  }
+  connectedContextCallback(_contextName) {
+  }
+  disconnectedCallback() {
+    this.removeAllSubscribedEvents();
+  }
+  updated(changedProperty, oldValue, value) {
+    if (!this.elementReady || !this.updatesRegistry || oldValue === value)
+      return;
+    const updates = this.updatesRegistry.get(changedProperty);
+    if (updates) {
+      for (const update of updates) {
+        this[update]();
+      }
+    }
+  }
+  attributeChangedCallback(name, oldValue, newValue) {
+    if (oldValue === newValue || !this.elementReady)
+      return;
+    if (name in this) {
+      const config = this.propertyConfigMap.get(name);
+      const transformedValue = newValue ? config?.converter.fromAttribute(newValue) : newValue;
+      const transformedOldValue = oldValue ? config?.converter.fromAttribute(oldValue) : oldValue;
+      this[name] = transformedValue;
+      this.updated(name, transformedOldValue, transformedValue);
+    }
+  }
+  renderTemplate({
+    target = this,
+    template,
+    insert = "replace"
+  }) {
+    switch (insert) {
+      case "replace":
+        target.innerHTML = template;
+        break;
+      case "beforeend":
+        target.insertAdjacentHTML("beforeend", template);
+        break;
+      case "afterbegin":
+        target.insertAdjacentHTML("afterbegin", template);
+        break;
+    }
+  }
+  subscribeEvents(events) {
+    for (const event of events) {
+      this.subscribeEvent(event);
+    }
+  }
+  subscribeEvent(eventConfig) {
+    const delegatedListener = (delegatedEvent) => {
+      if (delegatedEvent.target && delegatedEvent.target.matches(eventConfig.selector)) {
+        eventConfig.listener.call(this, delegatedEvent);
+      }
+    };
+    this.addEventListener(eventConfig.type, delegatedListener, eventConfig.options);
+    this.eventSubscriptions.set(eventConfig.id, { ...eventConfig, listener: delegatedListener });
+  }
+  unsubscribeEvent(id) {
+    const eventSubscription = this.eventSubscriptions.get(id);
+    if (eventSubscription) {
+      this.removeEventListener(eventSubscription.type, eventSubscription.listener, eventSubscription.options);
+      this.eventSubscriptions.delete(id);
+    }
+  }
+  removeAllSubscribedEvents() {
+    for (const eventSubscription of this.eventSubscriptions.values()) {
+      this.removeEventListener(eventSubscription.type, eventSubscription.listener, eventSubscription.options);
+    }
+    this.eventSubscriptions.clear();
+  }
+}
+export {
+  RadiantElement
+};
 
-//# debugId=D8E10820383975BD64756E2164756E21
+//# debugId=494A682B938300F764756E2164756E21

package/dist/core/radiant-element.js.map

@@ -2,9 +2,9 @@
   "version": 3,
   "sources": ["../src/core/radiant-element.ts"],
   "sourcesContent": [
-    "import type { UnknownContext } from '@/context/types';\n\nexport type RenderInsertPosition = 'replace' | 'beforebegin' | 'afterbegin' | 'beforeend' | 'afterend';\n\n/**\n * Represents a Radiant element event listener.\n */\nexport type RadiantElementEventListener = {\n  selector: string;\n  type: string;\n  listener: EventListener;\n  id: string;\n  options?: AddEventListenerOptions;\n};\n\n/**\n * Represents an interface for a Radiant element.\n */\nexport interface IRadiantElement {\n  /**\n   * Called when a property of the element is updated.\n   * @param changedProperty - The name of the changed property.\n   * @param oldValue - The old value of the property.\n   * @param newValue - The new value of the property.\n   */\n  updated(changedProperty: string, oldValue: unknown, newValue: unknown): void;\n\n  /**\n   * Subscribes to a Radiant element event.\n   * @param event - The event listener to subscribe to.\n   */\n  subscribeEvent(event: RadiantElementEventListener): void;\n\n  /**\n   * Subscribes to multiple Radiant element events.\n   * @param events - The array of event listeners to subscribe to.\n   */\n  subscribeEvents(events: RadiantElementEventListener[]): void;\n\n  /**\n   * Unsubscribes from a Radiant element event.\n   * @param id - The ID of the event listener to unsubscribe from.\n   */\n  unsubscribeEvent(id: string): void;\n\n  /**\n   * Removes all subscribed events from the Radiant element.\n   */\n  removeAllSubscribedEvents(): void;\n\n  /**\n   * Renders a template into the specified target element.\n   * @param options - The rendering options.\n   * @param options.target - The target element to render the template into.\n   * @param options.template - The template string to render.\n   * @param options.insert - The position to insert the rendered template. (optional)\n   */\n  renderTemplate(options: {\n    target: HTMLElement;\n    template: string;\n    insert?: RenderInsertPosition;\n  }): void;\n\n  /**\n   * Called when the Radiant element is connected to a context.\n   * @param context - The connected context.\n   */\n  connectedContextCallback(context: UnknownContext): void;\n}\n\n/**\n * A base class for creating custom elements with reactive properties and event subscriptions.\n * @extends HTMLElement\n * @implements IRadiantElement\n */\nexport class RadiantElement extends HTMLElement implements IRadiantElement {\n  private eventSubscriptions = new Map<string, RadiantElementEventListener>();\n\n  connectedCallback() {}\n\n  connectedContextCallback(_contextName: UnknownContext): void {}\n\n  disconnectedCallback() {\n    this.removeAllSubscribedEvents();\n  }\n\n  updated(_changedProperty: string, _oldValue: unknown, _value: unknown) {}\n\n  renderTemplate({\n    target = this,\n    template,\n    insert = 'replace',\n  }: {\n    target: HTMLElement;\n    template: string;\n    insert?: RenderInsertPosition;\n  }) {\n    switch (insert) {\n      case 'replace':\n        target.innerHTML = template;\n        break;\n      case 'beforeend':\n        target.insertAdjacentHTML('beforeend', template);\n        break;\n      case 'afterbegin':\n        target.insertAdjacentHTML('afterbegin', template);\n        break;\n    }\n  }\n\n  public subscribeEvents(events: RadiantElementEventListener[]): void {\n    for (const event of events) {\n      this.subscribeEvent(event);\n    }\n  }\n\n  public subscribeEvent(eventConfig: RadiantElementEventListener): void {\n    const delegatedListener = (delegatedEvent: Event) => {\n      if (delegatedEvent.target && (delegatedEvent.target as Element).matches(eventConfig.selector)) {\n        eventConfig.listener.call(this, delegatedEvent);\n      }\n    };\n\n    this.addEventListener(eventConfig.type, delegatedListener, eventConfig.options);\n    this.eventSubscriptions.set(eventConfig.id, { ...eventConfig, listener: delegatedListener });\n  }\n\n  public unsubscribeEvent(id: string): void {\n    const eventSubscription = this.eventSubscriptions.get(id);\n    if (eventSubscription) {\n      this.removeEventListener(eventSubscription.type, eventSubscription.listener, eventSubscription.options);\n      this.eventSubscriptions.delete(id);\n    }\n  }\n\n  public removeAllSubscribedEvents(): void {\n    for (const eventSubscription of this.eventSubscriptions.values()) {\n      this.removeEventListener(eventSubscription.type, eventSubscription.listener, eventSubscription.options);\n    }\n    this.eventSubscriptions.clear();\n  }\n}\n"
+    "import type { UnknownContext } from '@/context/types';\nimport type { AttributeTypeConstant, ReadAttributeValueReturnType, WriteAttributeValueReturnType } from '@/utils';\n\n/**\n * Possible positions to insert a rendered template.\n */\nexport type RenderInsertPosition = 'replace' | 'beforebegin' | 'afterbegin' | 'beforeend' | 'afterend';\n\n/**\n * Represents a Radiant element event listener.\n */\nexport type RadiantElementEventListener = {\n  selector: string;\n  type: string;\n  listener: EventListener;\n  id: string;\n  options?: AddEventListenerOptions;\n};\n\n/**\n * Represents a property metadata object.\n */\nexport interface PropertyConfig {\n  type: AttributeTypeConstant;\n  propertyName: string;\n  attributeKey: string;\n  converter: {\n    fromAttribute: (value: string) => ReadAttributeValueReturnType;\n    toAttribute: (value: any) => WriteAttributeValueReturnType;\n  };\n}\n\n/**\n * Represents an interface for a Radiant element.\n */\nexport interface IRadiantElement {\n  /**\n   * Called when a property of the element is updated.\n   * @param changedProperty - The name of the changed property.\n   * @param oldValue - The old value of the property.\n   * @param newValue - The new value of the property.\n   */\n  updated(changedProperty: string, oldValue: unknown, newValue: unknown): void;\n\n  /**\n   * Subscribes to a Radiant element event.\n   * @param event - The event listener to subscribe to.\n   */\n  subscribeEvent(event: RadiantElementEventListener): void;\n\n  /**\n   * Subscribes to multiple Radiant element events.\n   * @param events - The array of event listeners to subscribe to.\n   */\n  subscribeEvents(events: RadiantElementEventListener[]): void;\n\n  /**\n   * Unsubscribes from a Radiant element event.\n   * @param id - The ID of the event listener to unsubscribe from.\n   */\n  unsubscribeEvent(id: string): void;\n\n  /**\n   * Removes all subscribed events from the Radiant element.\n   */\n  removeAllSubscribedEvents(): void;\n\n  /**\n   * Renders a template into the specified target element.\n   * @param options - The rendering options.\n   * @param options.target - The target element to render the template into.\n   * @param options.template - The template string to render.\n   * @param options.insert - The position to insert the rendered template. (optional)\n   */\n  renderTemplate(options: {\n    target: HTMLElement;\n    template: string;\n    insert?: RenderInsertPosition;\n  }): void;\n\n  /**\n   * Called when the Radiant element is connected to a context.\n   * @param context - The connected context.\n   */\n  connectedContextCallback(context: UnknownContext): void;\n}\n\n/**\n * A base class for creating custom elements with reactive properties and event subscriptions.\n * @extends HTMLElement\n * @implements IRadiantElement\n */\nexport class RadiantElement extends HTMLElement implements IRadiantElement {\n  declare propertyConfigMap: Map<string, PropertyConfig>;\n  declare updatesRegistry: Map<string, Set<string>>;\n  private eventSubscriptions = new Map<string, RadiantElementEventListener>();\n  private elementReady = false;\n\n  connectedCallback() {\n    this.elementReady = true;\n  }\n\n  connectedContextCallback(_contextName: UnknownContext): void {}\n\n  disconnectedCallback() {\n    this.removeAllSubscribedEvents();\n  }\n\n  updated(changedProperty: string, oldValue: unknown, value: unknown) {\n    if (!this.elementReady || !this.updatesRegistry || oldValue === value) return;\n    const updates = this.updatesRegistry.get(changedProperty);\n    if (updates) {\n      for (const update of updates) {\n        (this as any)[update]();\n      }\n    }\n  }\n\n  attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null) {\n    if (oldValue === newValue || !this.elementReady) return;\n\n    if (name in this) {\n      const config = this.propertyConfigMap.get(name);\n      const transformedValue = newValue ? config?.converter.fromAttribute(newValue) : newValue;\n      const transformedOldValue = oldValue ? config?.converter.fromAttribute(oldValue) : oldValue;\n      (this as RadiantElement & { [key: string]: any })[name] = transformedValue;\n      this.updated(name, transformedOldValue, transformedValue);\n    }\n  }\n\n  renderTemplate({\n    target = this,\n    template,\n    insert = 'replace',\n  }: {\n    target: HTMLElement;\n    template: string;\n    insert?: RenderInsertPosition;\n  }) {\n    switch (insert) {\n      case 'replace':\n        target.innerHTML = template;\n        break;\n      case 'beforeend':\n        target.insertAdjacentHTML('beforeend', template);\n        break;\n      case 'afterbegin':\n        target.insertAdjacentHTML('afterbegin', template);\n        break;\n    }\n  }\n\n  public subscribeEvents(events: RadiantElementEventListener[]): void {\n    for (const event of events) {\n      this.subscribeEvent(event);\n    }\n  }\n\n  public subscribeEvent(eventConfig: RadiantElementEventListener): void {\n    const delegatedListener = (delegatedEvent: Event) => {\n      if (delegatedEvent.target && (delegatedEvent.target as Element).matches(eventConfig.selector)) {\n        eventConfig.listener.call(this, delegatedEvent);\n      }\n    };\n\n    this.addEventListener(eventConfig.type, delegatedListener, eventConfig.options);\n    this.eventSubscriptions.set(eventConfig.id, { ...eventConfig, listener: delegatedListener });\n  }\n\n  public unsubscribeEvent(id: string): void {\n    const eventSubscription = this.eventSubscriptions.get(id);\n    if (eventSubscription) {\n      this.removeEventListener(eventSubscription.type, eventSubscription.listener, eventSubscription.options);\n      this.eventSubscriptions.delete(id);\n    }\n  }\n\n  public removeAllSubscribedEvents(): void {\n    for (const eventSubscription of this.eventSubscriptions.values()) {\n      this.removeEventListener(eventSubscription.type, eventSubscription.listener, eventSubscription.options);\n    }\n    this.eventSubscriptions.clear();\n  }\n}\n"
   ],
-  "mappings": "AA2EO,MAAM,UAAuB,WAAuC,CACjE,mBAAqB,IAAI,IAEjC,iBAAiB,EAAG,EAEpB,wBAAwB,CAAC,EAAoC,EAE7D,oBAAoB,EAAG,CACrB,KAAK,0BAA0B,EAGjC,OAAO,CAAC,EAA0B,EAAoB,EAAiB,EAEvE,cAAc,EACZ,SAAS,KACT,WACA,SAAS,WAKR,CACD,OAAQ,OACD,UACH,EAAO,UAAY,EACnB,UACG,YACH,EAAO,mBAAmB,YAAa,CAAQ,EAC/C,UACG,aACH,EAAO,mBAAmB,aAAc,CAAQ,EAChD,OAIC,eAAe,CAAC,EAA6C,CAClE,QAAW,KAAS,EAClB,KAAK,eAAe,CAAK,EAItB,cAAc,CAAC,EAAgD,CACpE,MAAM,EAAoB,CAAC,IAA0B,CACnD,GAAI,EAAe,QAAW,EAAe,OAAmB,QAAQ,EAAY,QAAQ,EAC1F,EAAY,SAAS,KAAK,KAAM,CAAc,GAIlD,KAAK,iBAAiB,EAAY,KAAM,EAAmB,EAAY,OAAO,EAC9E,KAAK,mBAAmB,IAAI,EAAY,GAAI,IAAK,EAAa,SAAU,CAAkB,CAAC,EAGtF,gBAAgB,CAAC,EAAkB,CACxC,MAAM,EAAoB,KAAK,mBAAmB,IAAI,CAAE,EACxD,GAAI,EACF,KAAK,oBAAoB,EAAkB,KAAM,EAAkB,SAAU,EAAkB,OAAO,EACtG,KAAK,mBAAmB,OAAO,CAAE,EAI9B,yBAAyB,EAAS,CACvC,QAAW,KAAqB,KAAK,mBAAmB,OAAO,EAC7D,KAAK,oBAAoB,EAAkB,KAAM,EAAkB,SAAU,EAAkB,OAAO,EAExG,KAAK,mBAAmB,MAAM,EAElC",
-  "debugId": "D8E10820383975BD64756E2164756E21",
+  "mappings": ";AA4FO,MAAM,uBAAuB,YAAuC;AAAA,EAGjE,qBAAqB,IAAI;AAAA,EACzB,eAAe;AAAA,EAEvB,iBAAiB,GAAG;AAClB,SAAK,eAAe;AAAA;AAAA,EAGtB,wBAAwB,CAAC,cAAoC;AAAA;AAAA,EAE7D,oBAAoB,GAAG;AACrB,SAAK,0BAA0B;AAAA;AAAA,EAGjC,OAAO,CAAC,iBAAyB,UAAmB,OAAgB;AAClE,SAAK,KAAK,iBAAiB,KAAK,mBAAmB,aAAa;AAAO;AACvE,UAAM,UAAU,KAAK,gBAAgB,IAAI,eAAe;AACxD,QAAI,SAAS;AACX,iBAAW,UAAU,SAAS;AAC5B,QAAC,KAAa,QAAQ;AAAA,MACxB;AAAA,IACF;AAAA;AAAA,EAGF,wBAAwB,CAAC,MAAc,UAAyB,UAAyB;AACvF,QAAI,aAAa,aAAa,KAAK;AAAc;AAEjD,QAAI,QAAQ,MAAM;AAChB,YAAM,SAAS,KAAK,kBAAkB,IAAI,IAAI;AAC9C,YAAM,mBAAmB,WAAW,QAAQ,UAAU,cAAc,QAAQ,IAAI;AAChF,YAAM,sBAAsB,WAAW,QAAQ,UAAU,cAAc,QAAQ,IAAI;AACnF,MAAC,KAAiD,QAAQ;AAC1D,WAAK,QAAQ,MAAM,qBAAqB,gBAAgB;AAAA,IAC1D;AAAA;AAAA,EAGF,cAAc;AAAA,IACZ,SAAS;AAAA,IACT;AAAA,IACA,SAAS;AAAA,KAKR;AACD,YAAQ;AAAA,WACD;AACH,eAAO,YAAY;AACnB;AAAA,WACG;AACH,eAAO,mBAAmB,aAAa,QAAQ;AAC/C;AAAA,WACG;AACH,eAAO,mBAAmB,cAAc,QAAQ;AAChD;AAAA;AAAA;AAAA,EAIC,eAAe,CAAC,QAA6C;AAClE,eAAW,SAAS,QAAQ;AAC1B,WAAK,eAAe,KAAK;AAAA,IAC3B;AAAA;AAAA,EAGK,cAAc,CAAC,aAAgD;AACpE,UAAM,oBAAoB,CAAC,mBAA0B;AACnD,UAAI,eAAe,UAAW,eAAe,OAAmB,QAAQ,YAAY,QAAQ,GAAG;AAC7F,oBAAY,SAAS,KAAK,MAAM,cAAc;AAAA,MAChD;AAAA;AAGF,SAAK,iBAAiB,YAAY,MAAM,mBAAmB,YAAY,OAAO;AAC9E,SAAK,mBAAmB,IAAI,YAAY,IAAI,KAAK,aAAa,UAAU,kBAAkB,CAAC;AAAA;AAAA,EAGtF,gBAAgB,CAAC,IAAkB;AACxC,UAAM,oBAAoB,KAAK,mBAAmB,IAAI,EAAE;AACxD,QAAI,mBAAmB;AACrB,WAAK,oBAAoB,kBAAkB,MAAM,kBAAkB,UAAU,kBAAkB,OAAO;AACtG,WAAK,mBAAmB,OAAO,EAAE;AAAA,IACnC;AAAA;AAAA,EAGK,yBAAyB,GAAS;AACvC,eAAW,qBAAqB,KAAK,mBAAmB,OAAO,GAAG;AAChE,WAAK,oBAAoB,kBAAkB,MAAM,kBAAkB,UAAU,kBAAkB,OAAO;AAAA,IACxG;AACA,SAAK,mBAAmB,MAAM;AAAA;AAElC;",
+  "debugId": "494A682B938300F764756E2164756E21",
   "names": []
 }

package/dist/decorators/custom-element.js

@@ -1,4 +1,15 @@
-function n(e){return(t)=>{if(!globalThis.window)return;if(!window.customElements.get(e))window.customElements.define(e,t)}}export{n as customElement};
-export{n as A};
+// src/decorators/custom-element.ts
+function customElement(name) {
+  return (target) => {
+    if (!globalThis.window)
+      return;
+    if (!window.customElements.get(name)) {
+      window.customElements.define(name, target);
+    }
+  };
+}
+export {
+  customElement
+};
 
-//# debugId=F0F3910DA44047E164756E2164756E21
+//# debugId=5286B58DE50049BA64756E2164756E21

package/dist/decorators/custom-element.js.map

@@ -4,7 +4,7 @@
   "sourcesContent": [
     "/**\n * Registers a web component with the given name on the global `window.customElements` registry.\n * @param name selector name.\n */\nexport function customElement(name: string) {\n  return (target: CustomElementConstructor) => {\n    if (!globalThis.window) return;\n    if (!window.customElements.get(name)) {\n      window.customElements.define(name, target);\n    }\n  };\n}\n"
   ],
-  "mappings": "AAIO,SAAS,CAAa,CAAC,EAAc,CAC1C,MAAO,CAAC,IAAqC,CAC3C,IAAK,WAAW,OAAQ,OACxB,IAAK,OAAO,eAAe,IAAI,CAAI,EACjC,OAAO,eAAe,OAAO,EAAM,CAAM",
-  "debugId": "F0F3910DA44047E164756E2164756E21",
+  "mappings": ";AAIO,SAAS,aAAa,CAAC,MAAc;AAC1C,SAAO,CAAC,WAAqC;AAC3C,SAAK,WAAW;AAAQ;AACxB,SAAK,OAAO,eAAe,IAAI,IAAI,GAAG;AACpC,aAAO,eAAe,OAAO,MAAM,MAAM;AAAA,IAC3C;AAAA;AAAA;",
+  "debugId": "5286B58DE50049BA64756E2164756E21",
   "names": []
 }

package/dist/decorators/debounce.d.ts

@@ -0,0 +1 @@
+export declare function debounce(timeout: number): (target: any, propertyKey: string, descriptor: PropertyDescriptor) => PropertyDescriptor;

package/dist/decorators/debounce.js

@@ -0,0 +1,21 @@
+// src/decorators/debounce.ts
+function debounce(timeout) {
+  let timeoutRef = null;
+  return (_target, _propertyKey, descriptor) => {
+    const originalMethod = descriptor.value;
+    descriptor.value = function debounce(...args) {
+      if (timeoutRef !== null) {
+        clearTimeout(timeoutRef);
+      }
+      timeoutRef = setTimeout(() => {
+        originalMethod.apply(this, args);
+      }, timeout);
+    };
+    return descriptor;
+  };
+}
+export {
+  debounce
+};
+
+//# debugId=30A0CC4182AD504664756E2164756E21

package/dist/decorators/debounce.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/decorators/debounce.ts"],
+  "sourcesContent": [
+    "export function debounce(\n  timeout: number,\n): (target: any, propertyKey: string, descriptor: PropertyDescriptor) => PropertyDescriptor {\n  let timeoutRef: ReturnType<typeof setTimeout> | null = null;\n\n  return (_target: any, _propertyKey: string, descriptor: PropertyDescriptor): PropertyDescriptor => {\n    const originalMethod = descriptor.value;\n\n    descriptor.value = function debounce(...args: any[]) {\n      if (timeoutRef !== null) {\n        clearTimeout(timeoutRef);\n      }\n\n      timeoutRef = setTimeout(() => {\n        originalMethod.apply(this, args);\n      }, timeout);\n    };\n\n    return descriptor;\n  };\n}\n"
+  ],
+  "mappings": ";AAAO,SAAS,QAAQ,CACtB,SAC0F;AAC1F,MAAI,aAAmD;AAEvD,SAAO,CAAC,SAAc,cAAsB,eAAuD;AACjG,UAAM,iBAAiB,WAAW;AAElC,eAAW,iBAAiB,QAAQ,IAAI,MAAa;AACnD,UAAI,eAAe,MAAM;AACvB,qBAAa,UAAU;AAAA,MACzB;AAEA,mBAAa,WAAW,MAAM;AAC5B,uBAAe,MAAM,MAAM,IAAI;AAAA,SAC9B,OAAO;AAAA;AAGZ,WAAO;AAAA;AAAA;",
+  "debugId": "30A0CC4182AD504664756E2164756E21",
+  "names": []
+}

package/dist/decorators/event.js

@@ -1,4 +1,47 @@
-import{t as F} from"../tools/event-emitter.js";function I(j){return(G,A)=>{if(!A)throw new Error("The propertyKey is missing for the event decorator.");if(!j||!j.name)throw new Error("Invalid eventConfig provided.");const z=Symbol(j.name);Object.defineProperty(G,A,{get(){const x=B.get(this)||new Map;if(!x.has(z))x.set(z,new F(this,j)),B.set(this,x);return x.get(z)}})}}var B=new WeakMap;export{I as event};
-export{I as v};
+// src/tools/event-emitter.ts
+class EventEmitter {
+  host;
+  eventConfig;
+  constructor(host, eventConfig) {
+    this.host = host;
+    this.eventConfig = eventConfig;
+  }
+  emit(detail) {
+    const event = new CustomEvent(this.eventConfig.name, {
+      detail,
+      bubbles: this.eventConfig.bubbles,
+      cancelable: this.eventConfig.cancelable,
+      composed: this.eventConfig.composed
+    });
+    this.host.dispatchEvent(event);
+  }
+}
 
-//# debugId=6896B80F0266D83964756E2164756E21
+// src/decorators/event.ts
+function event(eventConfig) {
+  return (target, propertyKey) => {
+    if (!propertyKey) {
+      throw new Error("The propertyKey is missing for the event decorator.");
+    }
+    if (!eventConfig || !eventConfig.name) {
+      throw new Error("Invalid eventConfig provided.");
+    }
+    const uniqueKey = Symbol(eventConfig.name);
+    Object.defineProperty(target, propertyKey, {
+      get() {
+        const emittersMap = eventEmitters.get(this) || new Map;
+        if (!emittersMap.has(uniqueKey)) {
+          emittersMap.set(uniqueKey, new EventEmitter(this, eventConfig));
+          eventEmitters.set(this, emittersMap);
+        }
+        return emittersMap.get(uniqueKey);
+      }
+    });
+  };
+}
+var eventEmitters = new WeakMap;
+export {
+  event
+};
+
+//# debugId=64B9F802F680DEB764756E2164756E21

package/dist/decorators/event.js.map

@@ -1,10 +1,11 @@
 {
   "version": 3,
-  "sources": ["../src/decorators/event.ts"],
+  "sources": ["../src/tools/event-emitter.ts", "../src/decorators/event.ts"],
   "sourcesContent": [
+    "import type { RadiantElement } from '..';\n\nexport interface EventEmitterConfig {\n  name: string;\n  bubbles?: boolean;\n  cancelable?: boolean;\n  composed?: boolean;\n}\n\n/**\n * A generic event emitter class that allows emitting custom events.\n *\n * @template T - The type of the event detail.\n */\nexport class EventEmitter<T = unknown> {\n  private host: RadiantElement;\n  private eventConfig: EventEmitterConfig;\n\n  /**\n   * Constructs a new instance of the EventEmitter class.\n   *\n   * @param host - The host element on which the events will be dispatched.\n   * @param eventConfig - The configuration for the event.\n   */\n  constructor(host: RadiantElement, eventConfig: EventEmitterConfig) {\n    this.host = host;\n    this.eventConfig = eventConfig;\n  }\n\n  /**\n   * Emits a custom event with the specified detail.\n   *\n   * @param detail - The detail object to be passed along with the event.\n   */\n  emit(detail?: T) {\n    const event = new CustomEvent(this.eventConfig.name, {\n      detail: detail,\n      bubbles: this.eventConfig.bubbles,\n      cancelable: this.eventConfig.cancelable,\n      composed: this.eventConfig.composed,\n    });\n    this.host.dispatchEvent(event);\n  }\n}\n",
     "import { EventEmitter, type EventEmitterConfig } from '@/tools/event-emitter';\n\nconst eventEmitters = new WeakMap();\n\n/**\n * Decorator that attaches an EventEmitter to the class field property.\n * The EventEmitter can be used to dispatch custom events from the target element.\n * @param eventConfig Configuration for the event emitter.\n * @see {@link EventEmitter} for more details about how the EventEmitter works.\n */\nexport function event(eventConfig: EventEmitterConfig) {\n  return (target: any, propertyKey: string) => {\n    if (!propertyKey) {\n      throw new Error('The propertyKey is missing for the event decorator.');\n    }\n\n    if (!eventConfig || !eventConfig.name) {\n      throw new Error('Invalid eventConfig provided.');\n    }\n\n    const uniqueKey = Symbol(eventConfig.name);\n\n    Object.defineProperty(target, propertyKey, {\n      get() {\n        const emittersMap: Map<symbol, EventEmitter> = eventEmitters.get(this) || new Map();\n        if (!emittersMap.has(uniqueKey)) {\n          emittersMap.set(uniqueKey, new EventEmitter(this, eventConfig));\n          eventEmitters.set(this, emittersMap);\n        }\n\n        return emittersMap.get(uniqueKey);\n      },\n    });\n  };\n}\n"
   ],
-  "mappings": "+CAUO,SAAS,CAAK,CAAC,EAAiC,CACrD,MAAO,CAAC,EAAa,IAAwB,CAC3C,IAAK,EACH,MAAM,IAAI,MAAM,qDAAqD,EAGvE,IAAK,IAAgB,EAAY,KAC/B,MAAM,IAAI,MAAM,+BAA+B,EAGjD,MAAM,EAAY,OAAO,EAAY,IAAI,EAEzC,OAAO,eAAe,EAAQ,EAAa,CACzC,GAAG,EAAG,CACJ,MAAM,EAAyC,EAAc,IAAI,IAAI,GAAK,IAAI,IAC9E,IAAK,EAAY,IAAI,CAAS,EAC5B,EAAY,IAAI,EAAW,IAAI,EAAa,KAAM,CAAW,CAAC,EAC9D,EAAc,IAAI,KAAM,CAAW,EAGrC,OAAO,EAAY,IAAI,CAAS,EAEpC,CAAC,GA9BL,IAAM,EAAgB,IAAI",
-  "debugId": "6896B80F0266D83964756E2164756E21",
+  "mappings": ";AAcO,MAAM,aAA0B;AAAA,EAC7B;AAAA,EACA;AAAA,EAQR,WAAW,CAAC,MAAsB,aAAiC;AACjE,SAAK,OAAO;AACZ,SAAK,cAAc;AAAA;AAAA,EAQrB,IAAI,CAAC,QAAY;AACf,UAAM,QAAQ,IAAI,YAAY,KAAK,YAAY,MAAM;AAAA,MACnD;AAAA,MACA,SAAS,KAAK,YAAY;AAAA,MAC1B,YAAY,KAAK,YAAY;AAAA,MAC7B,UAAU,KAAK,YAAY;AAAA,IAC7B,CAAC;AACD,SAAK,KAAK,cAAc,KAAK;AAAA;AAEjC;;;ACjCO,SAAS,KAAK,CAAC,aAAiC;AACrD,SAAO,CAAC,QAAa,gBAAwB;AAC3C,SAAK,aAAa;AAChB,YAAM,IAAI,MAAM,qDAAqD;AAAA,IACvE;AAEA,SAAK,gBAAgB,YAAY,MAAM;AACrC,YAAM,IAAI,MAAM,+BAA+B;AAAA,IACjD;AAEA,UAAM,YAAY,OAAO,YAAY,IAAI;AAEzC,WAAO,eAAe,QAAQ,aAAa;AAAA,MACzC,GAAG,GAAG;AACJ,cAAM,cAAyC,cAAc,IAAI,IAAI,KAAK,IAAI;AAC9E,aAAK,YAAY,IAAI,SAAS,GAAG;AAC/B,sBAAY,IAAI,WAAW,IAAI,aAAa,MAAM,WAAW,CAAC;AAC9D,wBAAc,IAAI,MAAM,WAAW;AAAA,QACrC;AAEA,eAAO,YAAY,IAAI,SAAS;AAAA;AAAA,IAEpC,CAAC;AAAA;AAAA;AA9BL,IAAM,gBAAgB,IAAI;",
+  "debugId": "64B9F802F680DEB764756E2164756E21",
   "names": []
 }

package/dist/decorators/on-event.d.ts

@@ -3,6 +3,10 @@ type OnEventConfig = Pick<RadiantElementEventListener, 'type' | 'options'> & ({
     selector: string;
 } | {
     ref: string;
+} | {
+    window: boolean;
+} | {
+    document: boolean;
 });
 /**
  * A decorator to subscribe to an event on the target element.

package/dist/decorators/on-event.js

@@ -1,4 +1,48 @@
-function J(q){return(x,H,z)=>{const D=x.connectedCallback,B="selector"in q?q.selector:`[data-ref="${q.ref}"]`,E=z.value,G=`${q.type}-${B}`;return x.connectedCallback=function(){D.call(this),this.subscribeEvent({id:G,selector:B,type:q.type,listener:E.bind(this),options:q?.options??void 0})},z}}export{J as onEvent};
-export{J as u};
+// src/decorators/on-event.ts
+function onEvent(eventConfig) {
+  return (proto, _, descriptor) => {
+    const originalConnectedCallback = proto.connectedCallback;
+    const originalDisconnectedCallback = proto.disconnectedCallback;
+    if ("window" in eventConfig) {
+      proto.connectedCallback = function() {
+        window.addEventListener(eventConfig.type, descriptor.value.bind(this), eventConfig.options);
+        originalConnectedCallback.call(this);
+      };
+      proto.disconnectedCallback = function() {
+        window.removeEventListener(eventConfig.type, descriptor.value.bind(this), eventConfig.options);
+        originalDisconnectedCallback.call(this);
+      };
+      return descriptor;
+    }
+    if ("document" in eventConfig) {
+      proto.connectedCallback = function() {
+        document.addEventListener(eventConfig.type, descriptor.value.bind(this), eventConfig.options);
+        originalConnectedCallback.call(this);
+      };
+      proto.disconnectedCallback = function() {
+        document.removeEventListener(eventConfig.type, descriptor.value.bind(this), eventConfig.options);
+        originalDisconnectedCallback.call(this);
+      };
+      return descriptor;
+    }
+    const selector = "selector" in eventConfig ? eventConfig.selector : `[data-ref="${eventConfig.ref}"]`;
+    const originalMethod = descriptor.value;
+    const subscriptionId = `${eventConfig.type}-${selector}`;
+    proto.connectedCallback = function() {
+      this.subscribeEvent({
+        id: subscriptionId,
+        selector,
+        type: eventConfig.type,
+        listener: originalMethod.bind(this),
+        options: eventConfig?.options ?? undefined
+      });
+      originalConnectedCallback.call(this);
+    };
+    return descriptor;
+  };
+}
+export {
+  onEvent
+};
 
-//# debugId=496D63BE3AE2FFDF64756E2164756E21
+//# debugId=49814E8BB4043A1364756E2164756E21

package/dist/decorators/on-event.js.map

@@ -2,9 +2,9 @@
   "version": 3,
   "sources": ["../src/decorators/on-event.ts"],
   "sourcesContent": [
-    "import type { RadiantElement, RadiantElementEventListener } from '@/core/radiant-element';\n\ntype OnEventConfig = Pick<RadiantElementEventListener, 'type' | 'options'> &\n  (\n    | {\n        selector: string;\n      }\n    | {\n        ref: string;\n      }\n  );\n\n/**\n * A decorator to subscribe to an event on the target element.\n * The event listener will be automatically unsubscribed when the element is disconnected.\n *\n * Note: This decorator uses event delegation, which means it relies on event bubbling.\n * Therefore, it will not work with events that do not bubble, such as `focus`, `blur`, `load`, `unload`, `scroll`, etc.\n * For focus and blur events, consider using `focusin` and `focusout` which are similar but do bubble.\n *\n * @param eventConfig The event configuration.\n * @param eventConfig.selectors The CSS selector(s) of the target element(s).\n * @param eventConfig.ref The data-ref attribute of the target element.\n * @param eventConfig.type The type of the event to listen for.\n * @param eventConfig.options Optional. An options object that specifies characteristics about the event listener.\n */\nexport function onEvent(eventConfig: OnEventConfig) {\n  return (proto: RadiantElement, _: string, descriptor: PropertyDescriptor) => {\n    const originalConnectedCallback = proto.connectedCallback;\n\n    const selector = 'selector' in eventConfig ? eventConfig.selector : `[data-ref=\"${eventConfig.ref}\"]`;\n\n    const originalMethod = descriptor.value;\n    const subscriptionId = `${eventConfig.type}-${selector}`;\n\n    proto.connectedCallback = function (this: RadiantElement) {\n      originalConnectedCallback.call(this);\n\n      this.subscribeEvent({\n        id: subscriptionId,\n        selector: selector,\n        type: eventConfig.type,\n        listener: originalMethod.bind(this),\n        options: eventConfig?.options ?? undefined,\n      });\n    };\n\n    return descriptor;\n  };\n}\n"
+    "import type { RadiantElement, RadiantElementEventListener } from '@/core/radiant-element';\n\ntype OnEventConfig = Pick<RadiantElementEventListener, 'type' | 'options'> &\n  (\n    | {\n        selector: string;\n      }\n    | {\n        ref: string;\n      }\n    | {\n        window: boolean;\n      }\n    | {\n        document: boolean;\n      }\n  );\n\n/**\n * A decorator to subscribe to an event on the target element.\n * The event listener will be automatically unsubscribed when the element is disconnected.\n *\n * Note: This decorator uses event delegation, which means it relies on event bubbling.\n * Therefore, it will not work with events that do not bubble, such as `focus`, `blur`, `load`, `unload`, `scroll`, etc.\n * For focus and blur events, consider using `focusin` and `focusout` which are similar but do bubble.\n *\n * @param eventConfig The event configuration.\n * @param eventConfig.selectors The CSS selector(s) of the target element(s).\n * @param eventConfig.ref The data-ref attribute of the target element.\n * @param eventConfig.type The type of the event to listen for.\n * @param eventConfig.options Optional. An options object that specifies characteristics about the event listener.\n */\nexport function onEvent(eventConfig: OnEventConfig) {\n  return (proto: RadiantElement, _: string, descriptor: PropertyDescriptor) => {\n    const originalConnectedCallback = proto.connectedCallback;\n    const originalDisconnectedCallback = proto.disconnectedCallback;\n\n    if ('window' in eventConfig) {\n      proto.connectedCallback = function (this: RadiantElement) {\n        window.addEventListener(eventConfig.type, descriptor.value.bind(this), eventConfig.options);\n        originalConnectedCallback.call(this);\n      };\n\n      proto.disconnectedCallback = function (this: RadiantElement) {\n        window.removeEventListener(eventConfig.type, descriptor.value.bind(this), eventConfig.options);\n        originalDisconnectedCallback.call(this);\n      };\n\n      return descriptor;\n    }\n\n    if ('document' in eventConfig) {\n      proto.connectedCallback = function (this: RadiantElement) {\n        document.addEventListener(eventConfig.type, descriptor.value.bind(this), eventConfig.options);\n        originalConnectedCallback.call(this);\n      };\n\n      proto.disconnectedCallback = function (this: RadiantElement) {\n        document.removeEventListener(eventConfig.type, descriptor.value.bind(this), eventConfig.options);\n        originalDisconnectedCallback.call(this);\n      };\n\n      return descriptor;\n    }\n\n    const selector = 'selector' in eventConfig ? eventConfig.selector : `[data-ref=\"${eventConfig.ref}\"]`;\n\n    const originalMethod = descriptor.value;\n    const subscriptionId = `${eventConfig.type}-${selector}`;\n\n    proto.connectedCallback = function (this: RadiantElement) {\n      this.subscribeEvent({\n        id: subscriptionId,\n        selector: selector,\n        type: eventConfig.type,\n        listener: originalMethod.bind(this),\n        options: eventConfig?.options ?? undefined,\n      });\n\n      originalConnectedCallback.call(this);\n    };\n\n    return descriptor;\n  };\n}\n"
   ],
-  "mappings": "AA0BO,SAAS,CAAO,CAAC,EAA4B,CAClD,MAAO,CAAC,EAAuB,EAAW,IAAmC,CAC3E,MAAM,EAA4B,EAAM,kBAElC,EAAW,aAAc,EAAc,EAAY,SAAW,cAAc,EAAY,QAExF,EAAiB,EAAW,MAC5B,EAAiB,GAAG,EAAY,QAAQ,IAc9C,OAZA,EAAM,0BAA6B,EAAuB,CACxD,EAA0B,KAAK,IAAI,EAEnC,KAAK,eAAe,CAClB,GAAI,EACJ,SAAU,EACV,KAAM,EAAY,KAClB,SAAU,EAAe,KAAK,IAAI,EAClC,QAAS,GAAa,SAAW,MACnC,CAAC,GAGI",
-  "debugId": "496D63BE3AE2FFDF64756E2164756E21",
+  "mappings": ";AAgCO,SAAS,OAAO,CAAC,aAA4B;AAClD,SAAO,CAAC,OAAuB,GAAW,eAAmC;AAC3E,UAAM,4BAA4B,MAAM;AACxC,UAAM,+BAA+B,MAAM;AAE3C,QAAI,YAAY,aAAa;AAC3B,YAAM,4BAA6B,GAAuB;AACxD,eAAO,iBAAiB,YAAY,MAAM,WAAW,MAAM,KAAK,IAAI,GAAG,YAAY,OAAO;AAC1F,kCAA0B,KAAK,IAAI;AAAA;AAGrC,YAAM,+BAAgC,GAAuB;AAC3D,eAAO,oBAAoB,YAAY,MAAM,WAAW,MAAM,KAAK,IAAI,GAAG,YAAY,OAAO;AAC7F,qCAA6B,KAAK,IAAI;AAAA;AAGxC,aAAO;AAAA,IACT;AAEA,QAAI,cAAc,aAAa;AAC7B,YAAM,4BAA6B,GAAuB;AACxD,iBAAS,iBAAiB,YAAY,MAAM,WAAW,MAAM,KAAK,IAAI,GAAG,YAAY,OAAO;AAC5F,kCAA0B,KAAK,IAAI;AAAA;AAGrC,YAAM,+BAAgC,GAAuB;AAC3D,iBAAS,oBAAoB,YAAY,MAAM,WAAW,MAAM,KAAK,IAAI,GAAG,YAAY,OAAO;AAC/F,qCAA6B,KAAK,IAAI;AAAA;AAGxC,aAAO;AAAA,IACT;AAEA,UAAM,WAAW,cAAc,cAAc,YAAY,WAAW,cAAc,YAAY;AAE9F,UAAM,iBAAiB,WAAW;AAClC,UAAM,iBAAiB,GAAG,YAAY,QAAQ;AAE9C,UAAM,4BAA6B,GAAuB;AACxD,WAAK,eAAe;AAAA,QAClB,IAAI;AAAA,QACJ;AAAA,QACA,MAAM,YAAY;AAAA,QAClB,UAAU,eAAe,KAAK,IAAI;AAAA,QAClC,SAAS,aAAa,WAAW;AAAA,MACnC,CAAC;AAED,gCAA0B,KAAK,IAAI;AAAA;AAGrC,WAAO;AAAA;AAAA;",
+  "debugId": "49814E8BB4043A1364756E2164756E21",
   "names": []
 }

package/dist/decorators/on-updated.d.ts

@@ -3,4 +3,4 @@ import type { RadiantElement } from '../core/radiant-element';
  * A decorator to subscribe to an updated callback when a reactive field or property changes.
  * @param eventConfig The event configuration.
  */
-export declare function onUpdated(key: string): (proto: RadiantElement, propName: string) => void;
+export declare function onUpdated(keyOrKeys: string | string[]): (proto: RadiantElement, methodName: string) => void;

package/dist/decorators/on-updated.js

@@ -1,4 +1,30 @@
-function F(j){return(z,D)=>{const B=z.updated;z.updated=function(E,q,x){if(q===x)return;if(E===j)B.call(this,j,q,x),this[D]();else B.call(this,j,q,x)}}}export{F as onUpdated};
-export{F as x};
+// src/decorators/on-updated.ts
+function onUpdated(keyOrKeys) {
+  return (proto, methodName) => {
+    if (!("updatesRegistry" in proto)) {
+      Object.defineProperty(proto, "updatesRegistry", {
+        value: new Map,
+        configurable: true
+      });
+    }
+    const updatesRegistry = proto.updatesRegistry;
+    if (Array.isArray(keyOrKeys)) {
+      for (const key of keyOrKeys) {
+        if (!updatesRegistry.has(key)) {
+          updatesRegistry.set(key, new Set);
+        }
+        updatesRegistry.get(key)?.add(methodName);
+      }
+    } else if (typeof keyOrKeys === "string") {
+      if (!updatesRegistry.has(keyOrKeys)) {
+        updatesRegistry.set(keyOrKeys, new Set);
+      }
+      updatesRegistry.get(keyOrKeys)?.add(methodName);
+    }
+  };
+}
+export {
+  onUpdated
+};
 
-//# debugId=AC42B268BAB39F4664756E2164756E21
+//# debugId=AF5929F6BACB358464756E2164756E21

package/dist/decorators/on-updated.js.map

@@ -2,9 +2,9 @@
   "version": 3,
   "sources": ["../src/decorators/on-updated.ts"],
   "sourcesContent": [
-    "import type { RadiantElement } from '@/core/radiant-element';\n\n/**\n * A decorator to subscribe to an updated callback when a reactive field or property changes.\n * @param eventConfig The event configuration.\n */\nexport function onUpdated(key: string) {\n  return (proto: RadiantElement, propName: string) => {\n    const originalUpdated = proto.updated;\n    proto.updated = function (changedProperty: string, oldValue: unknown, newValue: unknown) {\n      if (oldValue === newValue) return;\n      if (changedProperty === key) {\n        originalUpdated.call(this, key, oldValue, newValue);\n        (this as any)[propName]();\n      } else {\n        originalUpdated.call(this, key, oldValue, newValue);\n      }\n    };\n  };\n}\n"
+    "import type { RadiantElement } from '@/core/radiant-element';\n\n/**\n * A decorator to subscribe to an updated callback when a reactive field or property changes.\n * @param eventConfig The event configuration.\n */\nexport function onUpdated(keyOrKeys: string | string[]) {\n  return (proto: RadiantElement, methodName: string) => {\n    if (!('updatesRegistry' in proto)) {\n      Object.defineProperty(proto, 'updatesRegistry', {\n        value: new Map<string, Set<string>>(),\n        configurable: true,\n      });\n    }\n\n    const updatesRegistry = proto.updatesRegistry;\n\n    if (Array.isArray(keyOrKeys)) {\n      for (const key of keyOrKeys) {\n        if (!updatesRegistry.has(key)) {\n          updatesRegistry.set(key, new Set());\n        }\n        updatesRegistry.get(key)?.add(methodName);\n      }\n    } else if (typeof keyOrKeys === 'string') {\n      if (!updatesRegistry.has(keyOrKeys)) {\n        updatesRegistry.set(keyOrKeys, new Set());\n      }\n      updatesRegistry.get(keyOrKeys)?.add(methodName);\n    }\n  };\n}\n"
   ],
-  "mappings": "AAMO,SAAS,CAAS,CAAC,EAAa,CACrC,MAAO,CAAC,EAAuB,IAAqB,CAClD,MAAM,EAAkB,EAAM,QAC9B,EAAM,gBAAmB,CAAC,EAAyB,EAAmB,EAAmB,CACvF,GAAI,IAAa,EAAU,OAC3B,GAAI,IAAoB,EACtB,EAAgB,KAAK,KAAM,EAAK,EAAU,CAAQ,EACjD,KAAa,GAAU,MAExB,GAAgB,KAAK,KAAM,EAAK,EAAU,CAAQ",
-  "debugId": "AC42B268BAB39F4664756E2164756E21",
+  "mappings": ";AAMO,SAAS,SAAS,CAAC,WAA8B;AACtD,SAAO,CAAC,OAAuB,eAAuB;AACpD,UAAM,qBAAqB,QAAQ;AACjC,aAAO,eAAe,OAAO,mBAAmB;AAAA,QAC9C,OAAO,IAAI;AAAA,QACX,cAAc;AAAA,MAChB,CAAC;AAAA,IACH;AAEA,UAAM,kBAAkB,MAAM;AAE9B,QAAI,MAAM,QAAQ,SAAS,GAAG;AAC5B,iBAAW,OAAO,WAAW;AAC3B,aAAK,gBAAgB,IAAI,GAAG,GAAG;AAC7B,0BAAgB,IAAI,KAAK,IAAI,GAAK;AAAA,QACpC;AACA,wBAAgB,IAAI,GAAG,GAAG,IAAI,UAAU;AAAA,MAC1C;AAAA,IACF,kBAAkB,cAAc,UAAU;AACxC,WAAK,gBAAgB,IAAI,SAAS,GAAG;AACnC,wBAAgB,IAAI,WAAW,IAAI,GAAK;AAAA,MAC1C;AACA,sBAAgB,IAAI,SAAS,GAAG,IAAI,UAAU;AAAA,IAChD;AAAA;AAAA;",
+  "debugId": "AF5929F6BACB358464756E2164756E21",
   "names": []
 }

package/dist/decorators/query.js

@@ -1,4 +1,37 @@
-function Z({cache:G=!0,...z}){const I=new WeakMap;return(J,W)=>{const X=function(){if(G){const V=I.get(this);if(V!==void 0)return V}const P="selector"in z?z.selector:`[data-ref="${z.ref}"]`,U=z.all?this.querySelectorAll(P):this.querySelector(P);if(G)I.set(this,U);return U},Y=J.connectedCallback;J.connectedCallback=function(){Object.defineProperty(this,W,{get:X,enumerable:!0,configurable:!0}),Y?.call(this)}}}export{Z as query};
-export{Z as z};
+// src/decorators/query.ts
+function query({
+  cache: shouldBeCached = true,
+  ...options
+}) {
+  const cache = new WeakMap;
+  return (proto, propertyKey) => {
+    const doQuery = function() {
+      if (shouldBeCached) {
+        const cachedResult = cache.get(this);
+        if (cachedResult !== undefined) {
+          return cachedResult;
+        }
+      }
+      const selector = "selector" in options ? options.selector : `[data-ref="${options.ref}"]`;
+      const queryResult = options.all ? this.querySelectorAll(selector) : this.querySelector(selector);
+      if (shouldBeCached) {
+        cache.set(this, queryResult);
+      }
+      return queryResult;
+    };
+    const originalConnectedCallback = proto.connectedCallback;
+    proto.connectedCallback = function() {
+      Object.defineProperty(this, propertyKey, {
+        get: doQuery,
+        enumerable: true,
+        configurable: true
+      });
+      originalConnectedCallback.call(this);
+    };
+  };
+}
+export {
+  query
+};
 
-//# debugId=80696C9E4955AA1964756E2164756E21
+//# debugId=E7593899A4A7CB9A64756E2164756E21

package/dist/decorators/query.js.map

@@ -2,9 +2,9 @@
   "version": 3,
   "sources": ["../src/decorators/query.ts"],
   "sourcesContent": [
-    "import type { RadiantElement } from '@/core';\n\n/**\n * The base configuration object for the query.\n */\ntype BaseQueryConfig = {\n  all?: boolean;\n  cache?: boolean;\n};\n\n/**\n * The configuration object for the query.\n * It can be configured to query by CSS selector or data-ref attribute.\n */\nexport type QueryConfig = BaseQueryConfig &\n  (\n    | {\n        selector: string;\n      }\n    | {\n        ref: string;\n      }\n  );\n\n/**\n * A decorator to query by CSS selector or data-ref attribute.\n * By default it queries for the first element that matches the selector, but it can be configured to query for all elements.\n *\n * @param {QueryConfig} options - The configuration object for the query.\n * @param {boolean} [options.all] - A flag to query for all elements that match the selector. Defaults to `false`.\n * @param {boolean} [options.cache] - A flag to cache the query result. Defaults to `true`.\n * @param {string} [options.selector] - A CSS selector to match elements against. This property is mutually exclusive with `options.ref`.\n * @param {string} [options.ref] - A reference to an element. This property is mutually exclusive with `options.selector`.\n *\n * @returns {Function} A decorator function that, when applied to a class property, will replace it with a getter. The getter will return the result of the query when accessed.\n *\n * @example\n * class MyElement extends HTMLElement {\n *   @query({ selector: '.my-class' })\n *   myElement;\n * }\n *\n * // Now, `myElement` will return the first element in the light DOM of `MyElement` that matches the selector '.my-class'.\n */\nexport function query({ cache: shouldBeCached = true, ...options }: QueryConfig) {\n  const cache = new WeakMap<Element, Element | NodeList | null>();\n\n  return (proto: RadiantElement, propertyKey: string | symbol) => {\n    const doQuery = function (this: Element) {\n      if (shouldBeCached) {\n        const cachedResult = cache.get(this);\n        if (cachedResult !== undefined) {\n          return cachedResult;\n        }\n      }\n\n      const selector = 'selector' in options ? options.selector : `[data-ref=\"${options.ref}\"]`;\n      const queryResult = options.all ? this.querySelectorAll(selector) : this.querySelector(selector);\n\n      if (shouldBeCached) {\n        cache.set(this, queryResult);\n      }\n\n      return queryResult;\n    };\n\n    const originalConnectedCallback = proto.connectedCallback;\n\n    proto.connectedCallback = function (this: RadiantElement) {\n      Object.defineProperty(this, propertyKey, {\n        get: doQuery,\n        enumerable: true,\n        configurable: true,\n      });\n      originalConnectedCallback?.call(this);\n    };\n  };\n}\n"
+    "import type { RadiantElement } from '@/core';\n\n/**\n * The base configuration object for the query.\n */\ntype BaseQueryConfig = {\n  all?: boolean;\n  cache?: boolean;\n};\n\n/**\n * The configuration object for the query.\n * It can be configured to query by CSS selector or data-ref attribute.\n */\nexport type QueryConfig = BaseQueryConfig &\n  (\n    | {\n        selector: string;\n      }\n    | {\n        ref: string;\n      }\n  );\n\n/**\n * A decorator to query by CSS selector or data-ref attribute.\n * By default it queries for the first element that matches the selector, but it can be configured to query for all elements.\n *\n * @param {QueryConfig} options - The configuration object for the query.\n * @param {boolean} [options.all] - A flag to query for all elements that match the selector. Defaults to `false`.\n * @param {boolean} [options.cache] - A flag to cache the query result. Defaults to `true`.\n * @param {string} [options.selector] - A CSS selector to match elements against. This property is mutually exclusive with `options.ref`.\n * @param {string} [options.ref] - A reference to an element. This property is mutually exclusive with `options.selector`.\n *\n * @returns {Function} A decorator function that, when applied to a class property, will replace it with a getter. The getter will return the result of the query when accessed.\n *\n * @example\n * class MyElement extends HTMLElement {\n *   @query({ selector: '.my-class' })\n *   myElement;\n * }\n *\n * // Now, `myElement` will return the first element in the light DOM of `MyElement` that matches the selector '.my-class'.\n */\nexport function query({\n  cache: shouldBeCached = true,\n  ...options\n}: QueryConfig): (proto: RadiantElement, propertyKey: string | symbol) => void {\n  const cache = new WeakMap<Element, Element | NodeList | null>();\n\n  return (proto: RadiantElement, propertyKey: string | symbol) => {\n    const doQuery = function (this: Element) {\n      if (shouldBeCached) {\n        const cachedResult = cache.get(this);\n        if (cachedResult !== undefined) {\n          return cachedResult;\n        }\n      }\n\n      const selector = 'selector' in options ? options.selector : `[data-ref=\"${options.ref}\"]`;\n      const queryResult = options.all ? this.querySelectorAll(selector) : this.querySelector(selector);\n\n      if (shouldBeCached) {\n        cache.set(this, queryResult);\n      }\n\n      return queryResult;\n    };\n\n    const originalConnectedCallback = proto.connectedCallback;\n\n    proto.connectedCallback = function (this: RadiantElement) {\n      Object.defineProperty(this, propertyKey, {\n        get: doQuery,\n        enumerable: true,\n        configurable: true,\n      });\n\n      originalConnectedCallback.call(this);\n    };\n  };\n}\n"
   ],
-  "mappings": "AA4CO,SAAS,CAAK,EAAG,MAAO,EAAiB,MAAS,GAAwB,CAC/E,MAAM,EAAQ,IAAI,QAElB,MAAO,CAAC,EAAuB,IAAiC,CAC9D,MAAM,UAAmB,EAAgB,CACvC,GAAI,EAAgB,CAClB,MAAM,EAAe,EAAM,IAAI,IAAI,EACnC,GAAI,IAAiB,OACnB,OAAO,EAIX,MAAM,EAAW,aAAc,EAAU,EAAQ,SAAW,cAAc,EAAQ,QAC5E,EAAc,EAAQ,IAAM,KAAK,iBAAiB,CAAQ,EAAI,KAAK,cAAc,CAAQ,EAE/F,GAAI,EACF,EAAM,IAAI,KAAM,CAAW,EAG7B,OAAO,GAGH,EAA4B,EAAM,kBAExC,EAAM,0BAA6B,EAAuB,CACxD,OAAO,eAAe,KAAM,EAAa,CACvC,IAAK,EACL,WAAY,GACZ,aAAc,EAChB,CAAC,EACD,GAA2B,KAAK,IAAI",
-  "debugId": "80696C9E4955AA1964756E2164756E21",
+  "mappings": ";AA4CO,SAAS,KAAK;AAAA,EACnB,OAAO,iBAAiB;AAAA,KACrB;AAAA,GAC0E;AAC7E,QAAM,QAAQ,IAAI;AAElB,SAAO,CAAC,OAAuB,gBAAiC;AAC9D,UAAM,kBAAmB,GAAgB;AACvC,UAAI,gBAAgB;AAClB,cAAM,eAAe,MAAM,IAAI,IAAI;AACnC,YAAI,iBAAiB,WAAW;AAC9B,iBAAO;AAAA,QACT;AAAA,MACF;AAEA,YAAM,WAAW,cAAc,UAAU,QAAQ,WAAW,cAAc,QAAQ;AAClF,YAAM,cAAc,QAAQ,MAAM,KAAK,iBAAiB,QAAQ,IAAI,KAAK,cAAc,QAAQ;AAE/F,UAAI,gBAAgB;AAClB,cAAM,IAAI,MAAM,WAAW;AAAA,MAC7B;AAEA,aAAO;AAAA;AAGT,UAAM,4BAA4B,MAAM;AAExC,UAAM,4BAA6B,GAAuB;AACxD,aAAO,eAAe,MAAM,aAAa;AAAA,QACvC,KAAK;AAAA,QACL,YAAY;AAAA,QACZ,cAAc;AAAA,MAChB,CAAC;AAED,gCAA0B,KAAK,IAAI;AAAA;AAAA;AAAA;",
+  "debugId": "E7593899A4A7CB9A64756E2164756E21",
   "names": []
 }

package/dist/decorators/reactive-field.js

@@ -1,4 +1,27 @@
-function F(C,x){const j=new WeakMap,z=new WeakSet;Object.defineProperty(C,x,{get:function(){return j.get(this)},set:function(q){if(z.has(this)){const B=j.get(this);if(B!==q)j.set(this,q),this.updated(x,B,q)}else j.set(this,q),z.add(this)}})}export{F as reactiveField};
-export{F as y};
+// src/decorators/reactive-field.ts
+function reactiveField(proto, propertyKey) {
+  const originalValues = new WeakMap;
+  const isDefined = new WeakSet;
+  Object.defineProperty(proto, propertyKey, {
+    get: function() {
+      return originalValues.get(this);
+    },
+    set: function(newValue) {
+      if (isDefined.has(this)) {
+        const oldValue = originalValues.get(this);
+        if (oldValue !== newValue) {
+          originalValues.set(this, newValue);
+          this.updated(propertyKey, oldValue, newValue);
+        }
+      } else {
+        originalValues.set(this, newValue);
+        isDefined.add(this);
+      }
+    }
+  });
+}
+export {
+  reactiveField
+};
 
-//# debugId=7041FB47FE0D07EA64756E2164756E21
+//# debugId=6BDE160AC013151B64756E2164756E21

package/dist/decorators/reactive-field.js.map

@@ -4,7 +4,7 @@
   "sourcesContent": [
     "import type { RadiantElement } from '@/core/radiant-element';\n\n/**\n * A decorator to define a reactive field.\n * Every time the property changes, the `updated` method will be called.\n * Due the fact the value is always undefined before the first update,\n * we are adding a `isDefined` WeakSet to track if the property has been defined.\n * @param target The target element.\n * @param propertyKey The property key.\n */\nexport function reactiveField(proto: RadiantElement, propertyKey: string) {\n  const originalValues = new WeakMap<WeakKey, unknown>();\n  const isDefined = new WeakSet<WeakKey>();\n\n  Object.defineProperty(proto, propertyKey, {\n    get: function () {\n      return originalValues.get(this);\n    },\n    set: function (newValue: unknown) {\n      if (isDefined.has(this)) {\n        const oldValue = originalValues.get(this);\n        if (oldValue !== newValue) {\n          originalValues.set(this, newValue);\n          this.updated(propertyKey, oldValue, newValue);\n        }\n      } else {\n        originalValues.set(this, newValue);\n        isDefined.add(this);\n      }\n    },\n  });\n}\n"
   ],
-  "mappings": "AAUO,SAAS,CAAa,CAAC,EAAuB,EAAqB,CACxE,MAAM,EAAiB,IAAI,QACrB,EAAY,IAAI,QAEtB,OAAO,eAAe,EAAO,EAAa,CACxC,YAAc,EAAG,CACf,OAAO,EAAe,IAAI,IAAI,GAEhC,YAAc,CAAC,EAAmB,CAChC,GAAI,EAAU,IAAI,IAAI,EAAG,CACvB,MAAM,EAAW,EAAe,IAAI,IAAI,EACxC,GAAI,IAAa,EACf,EAAe,IAAI,KAAM,CAAQ,EACjC,KAAK,QAAQ,EAAa,EAAU,CAAQ,MAG9C,GAAe,IAAI,KAAM,CAAQ,EACjC,EAAU,IAAI,IAAI,EAGxB,CAAC",
-  "debugId": "7041FB47FE0D07EA64756E2164756E21",
+  "mappings": ";AAUO,SAAS,aAAa,CAAC,OAAuB,aAAqB;AACxE,QAAM,iBAAiB,IAAI;AAC3B,QAAM,YAAY,IAAI;AAEtB,SAAO,eAAe,OAAO,aAAa;AAAA,IACxC,aAAc,GAAG;AACf,aAAO,eAAe,IAAI,IAAI;AAAA;AAAA,IAEhC,aAAc,CAAC,UAAmB;AAChC,UAAI,UAAU,IAAI,IAAI,GAAG;AACvB,cAAM,WAAW,eAAe,IAAI,IAAI;AACxC,YAAI,aAAa,UAAU;AACzB,yBAAe,IAAI,MAAM,QAAQ;AACjC,eAAK,QAAQ,aAAa,UAAU,QAAQ;AAAA,QAC9C;AAAA,MACF,OAAO;AACL,uBAAe,IAAI,MAAM,QAAQ;AACjC,kBAAU,IAAI,IAAI;AAAA;AAAA;AAAA,EAGxB,CAAC;AAAA;",
+  "debugId": "6BDE160AC013151B64756E2164756E21",
   "names": []
 }

package/dist/decorators/reactive-prop.d.ts

@@ -15,5 +15,5 @@ type ReactivePropertyOptions<T> = {
  * @param options.attribute The name of the attribute.
  * @param options.defaultValue The default value of the property.
  */
-export declare function reactiveProp<T = unknown>({ type, attribute, reflect, defaultValue }: ReactivePropertyOptions<T>): (proto: RadiantElement, propertyKey: string) => void;
+export declare function reactiveProp<T = unknown>({ type, attribute, reflect, defaultValue }: ReactivePropertyOptions<T>): (target: RadiantElement, propertyName: string) => void;
 export {};