@ecopages/radiant 0.1.7 → 0.2.0

package/dist/decorators/event.js.map

@@ -1,11 +1,10 @@
 {
   "version": 3,
-  "sources": ["../src/tools/event-emitter.ts", "../src/decorators/event.ts"],
+  "sources": ["../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"
+    "import type { RadiantElement } from '../core/radiant-element';\nimport { EventEmitter, type EventEmitterConfig } from '../tools/event-emitter';\nimport type {\n  LegacyFieldDecoratorArgs,\n  StandardFieldDecoratorArgs,\n  StandardOrLegacyFieldDecoratorArgs,\n} from '../types';\nimport { event as legacyEvent } from './legacy/event';\nimport { event as standardEvent } from './standard/event';\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 {@link EventEmitterConfig}  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 function (\n    protoOrTarget: StandardOrLegacyFieldDecoratorArgs['protoOrTarget'],\n    nameOrContext: StandardOrLegacyFieldDecoratorArgs['nameOrContext'],\n  ): any {\n    if (typeof nameOrContext === 'object') {\n      return standardEvent(eventConfig)(\n        protoOrTarget as StandardFieldDecoratorArgs['protoOrTarget'],\n        nameOrContext as StandardFieldDecoratorArgs['nameOrContext'],\n      );\n    }\n    return legacyEvent(eventConfig)(\n      protoOrTarget as LegacyFieldDecoratorArgs['protoOrTarget'],\n      nameOrContext as LegacyFieldDecoratorArgs['nameOrContext'],\n    );\n  };\n}\n"
   ],
-  "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",
+  "mappings": "sHAgBO,GAAS,CAAK,CAAC,EAAiC,CACrD,eAAgB,CACd,EACA,EACK,CACL,UAAW,IAAkB,SAC3B,OAAO,EAAc,CAAW,EAC9B,EACA,CACF,EAEF,OAAO,EAAY,CAAW,EAC5B,EACA,CACF",
+  "debugId": "62A3A1A3C1E660BA64756E2164756E21",
   "names": []
 }

package/dist/decorators/legacy/bound.d.ts

@@ -0,0 +1,9 @@
+import type { RadiantElement } from '../../core/radiant-element';
+/**
+ * A decorator to bind a method to the instance.
+ * @param target {@link RadiantElement}
+ * @param propertyKey string
+ * @param descriptor {@link PropertyDescriptor}
+ * @returns
+ */
+export declare function bound(target: RadiantElement, propertyKey: string, descriptor: PropertyDescriptor): PropertyDescriptor;

package/dist/decorators/legacy/bound.js

@@ -0,0 +1,4 @@
+function x(v,f,w){const j=w.value;return{configurable:!0,get(){if(this===v.prototype||Object.hasOwn(this,f))return j;const q=j.bind(this);return Object.defineProperty(this,f,{value:q,configurable:!0,writable:!0}),q}}}export{x as bound};
+export{x as a};
+
+//# debugId=7BFFC3AD057E7D7F64756E2164756E21

package/dist/decorators/legacy/bound.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/decorators/legacy/bound.ts"],
+  "sourcesContent": [
+    "import type { RadiantElement } from '../../core/radiant-element';\n\n/**\n * A decorator to bind a method to the instance.\n * @param target {@link RadiantElement}\n * @param propertyKey string\n * @param descriptor {@link PropertyDescriptor}\n * @returns\n */\nexport function bound(target: RadiantElement, propertyKey: string, descriptor: PropertyDescriptor): PropertyDescriptor {\n  const originalMethod = descriptor.value;\n\n  return {\n    configurable: true,\n    get() {\n      if (this === (target as any).prototype || Object.hasOwn(this, propertyKey)) {\n        return originalMethod;\n      }\n\n      const boundMethod = originalMethod.bind(this);\n      Object.defineProperty(this, propertyKey, {\n        value: boundMethod,\n        configurable: true,\n        writable: true,\n      });\n      return boundMethod;\n    },\n  };\n}\n"
+  ],
+  "mappings": "AASO,SAAS,CAAK,CAAC,EAAwB,EAAqB,EAAoD,CACrH,MAAM,EAAiB,EAAW,MAElC,MAAO,CACL,aAAc,GACd,GAAG,EAAG,CACJ,GAAI,OAAU,EAAe,WAAa,OAAO,OAAO,KAAM,CAAW,EACvE,OAAO,EAGT,MAAM,EAAc,EAAe,KAAK,IAAI,EAM5C,OALA,OAAO,eAAe,KAAM,EAAa,CACvC,MAAO,EACP,aAAc,GACd,SAAU,EACZ,CAAC,EACM,EAEX",
+  "debugId": "7BFFC3AD057E7D7F64756E2164756E21",
+  "names": []
+}

package/dist/decorators/legacy/custom-element.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Registers a web component with the given name on the global `window.customElements` registry.
+ * @param name selector name.
+ * @param options {@link ElementDefinitionOptions}
+ */
+export declare function customElement(name: string, options?: ElementDefinitionOptions): (target: CustomElementConstructor) => void;

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

@@ -0,0 +1,4 @@
+function o(e,t){return(n)=>{if(!window.customElements.get(e))window.customElements.define(e,n,t)}}export{o as customElement};
+export{o as x};
+
+//# debugId=5E280D51F48A195B64756E2164756E21

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

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/decorators/legacy/custom-element.ts"],
+  "sourcesContent": [
+    "/**\n * Registers a web component with the given name on the global `window.customElements` registry.\n * @param name selector name.\n * @param options {@link ElementDefinitionOptions}\n */\nexport function customElement(name: string, options?: ElementDefinitionOptions) {\n  return (target: CustomElementConstructor) => {\n    if (!window.customElements.get(name)) {\n      window.customElements.define(name, target, options);\n    }\n  };\n}\n"
+  ],
+  "mappings": "AAKO,SAAS,CAAa,CAAC,EAAc,EAAoC,CAC9E,MAAO,CAAC,IAAqC,CAC3C,IAAK,OAAO,eAAe,IAAI,CAAI,EACjC,OAAO,eAAe,OAAO,EAAM,EAAQ,CAAO",
+  "debugId": "5E280D51F48A195B64756E2164756E21",
+  "names": []
+}

package/dist/decorators/legacy/debounce.d.ts

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

package/dist/decorators/legacy/debounce.js

@@ -0,0 +1,4 @@
+function a(r){let e=null;return(i,p,t)=>{const n=t.value;return t.value=function u(...o){if(e!==null)clearTimeout(e);e=setTimeout(()=>{n.apply(this,o)},r)},t}}export{a as debounce};
+export{a as C};
+
+//# debugId=DBCB7592DFBF05B764756E2164756E21

package/dist/decorators/legacy/debounce.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/decorators/legacy/debounce.ts"],
+  "sourcesContent": [
+    "import type { RadiantElement } from '../../core/radiant-element';\n\nexport 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: RadiantElement, _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": "AAEO,SAAS,CAAQ,CACtB,EAC0F,CAC1F,IAAI,EAAmD,KAEvD,MAAO,CAAC,EAAyB,EAAsB,IAAuD,CAC5G,MAAM,EAAiB,EAAW,MAYlC,OAVA,EAAW,eAAiB,CAAQ,IAAI,EAAa,CACnD,GAAI,IAAe,KACjB,aAAa,CAAU,EAGzB,EAAa,WAAW,IAAM,CAC5B,EAAe,MAAM,KAAM,CAAI,GAC9B,CAAO,GAGL",
+  "debugId": "DBCB7592DFBF05B764756E2164756E21",
+  "names": []
+}

package/dist/decorators/legacy/event.d.ts

@@ -0,0 +1,9 @@
+import type { RadiantElement } from '../../core/radiant-element';
+import { type EventEmitterConfig } from '../../tools/event-emitter';
+/**
+ * Decorator that attaches an EventEmitter to the class field property.
+ * The EventEmitter can be used to dispatch custom events from the target element.
+ * @param eventConfig Configuration for the event emitter.
+ * @see {@link EventEmitter} for more details about how the EventEmitter works.
+ */
+export declare function event(eventConfig: EventEmitterConfig): (proto: RadiantElement, propertyKey: string) => void;

package/dist/decorators/legacy/event.js

@@ -0,0 +1,3 @@
+import{U as x}from"../../tools/event-emitter.js";function F(j){return(q,z)=>{const A=q.connectedCallback;q.connectedCallback=function(){this.registerEventEmitter(j.name,new x(this,j)),Object.defineProperty(this,z,{get(){return this.eventEmitters.get(j.name)},enumerable:!0,configurable:!0}),A.call(this)}}}export{F as event};export{F as S};
+
+//# debugId=E179404ACF9F267A64756E2164756E21

package/dist/decorators/legacy/event.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/decorators/legacy/event.ts"],
+  "sourcesContent": [
+    "import type { RadiantElement } from '../../core/radiant-element';\nimport { 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 (proto: RadiantElement, propertyKey: string) => {\n    const originalConnectedCallback = proto.connectedCallback;\n    proto.connectedCallback = function () {\n      this.registerEventEmitter(eventConfig.name, new EventEmitter(this, eventConfig));\n\n      Object.defineProperty(this, propertyKey, {\n        get() {\n          return this.eventEmitters.get(eventConfig.name);\n        },\n        enumerable: true,\n        configurable: true,\n      });\n      originalConnectedCallback.call(this);\n    };\n  };\n}\n"
+  ],
+  "mappings": "iDAWO,SAAS,CAAK,CAAC,EAAiC,CACrD,MAAO,CAAC,EAAuB,IAAwB,CACrD,MAAM,EAA4B,EAAM,kBACxC,EAAM,0BAA6B,EAAG,CACpC,KAAK,qBAAqB,EAAY,KAAM,IAAI,EAAa,KAAM,CAAW,CAAC,EAE/E,OAAO,eAAe,KAAM,EAAa,CACvC,GAAG,EAAG,CACJ,OAAO,KAAK,cAAc,IAAI,EAAY,IAAI,GAEhD,WAAY,GACZ,aAAc,EAChB,CAAC,EACD,EAA0B,KAAK,IAAI",
+  "debugId": "E179404ACF9F267A64756E2164756E21",
+  "names": []
+}

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

@@ -0,0 +1,26 @@
+import type { RadiantElement, RadiantElementEventListener } from '../../core/radiant-element';
+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.
+ * The event listener will be automatically unsubscribed when the element is disconnected.
+ *
+ * Note: This decorator uses event delegation, which means it relies on event bubbling.
+ * Therefore, it will not work with events that do not bubble, such as `focus`, `blur`, `load`, `unload`, `scroll`, etc.
+ * For focus and blur events, consider using `focusin` and `focusout` which are similar but do bubble.
+ *
+ * @param eventConfig The event configuration.
+ * @param eventConfig.selectors The CSS selector(s) of the target element(s).
+ * @param eventConfig.ref The data-ref attribute of the target element.
+ * @param eventConfig.type The type of the event to listen for.
+ * @param eventConfig.options Optional. An options object that specifies characteristics about the event listener.
+ */
+export declare function onEvent(eventConfig: OnEventConfig): (proto: RadiantElement, _: string, descriptor: PropertyDescriptor) => PropertyDescriptor;
+export {};

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

@@ -0,0 +1,4 @@
+function J(q){return(z,I,x)=>{const{connectedCallback:B,disconnectedCallback:E}=z;if("window"in q)return z.connectedCallback=function(){window.addEventListener(q.type,x.value.bind(this),q.options),B.call(this)},z.disconnectedCallback=function(){window.removeEventListener(q.type,x.value.bind(this),q.options),E.call(this)},x;if("document"in q)return z.connectedCallback=function(){document.addEventListener(q.type,x.value.bind(this),q.options),B.call(this)},z.disconnectedCallback=function(){document.removeEventListener(q.type,x.value.bind(this),q.options),E.call(this)},x;const G="selector"in q?q.selector:`[data-ref="${q.ref}"]`,H=x.value;return z.connectedCallback=function(){this.subscribeEvent({selector:G,type:q.type,listener:H.bind(this),options:q?.options??void 0}),B.call(this)},x}}export{J as onEvent};
+export{J as P};
+
+//# debugId=8E819BD7790B062364756E2164756E21

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

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/decorators/legacy/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        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\n    proto.connectedCallback = function (this: RadiantElement) {\n      this.subscribeEvent({\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": "AAgCO,SAAS,CAAO,CAAC,EAA4B,CAClD,MAAO,CAAC,EAAuB,EAAW,IAAmC,CAC3E,MAAwC,kBAAlC,EACqC,qBAArC,GAA+B,EAErC,GAAI,WAAY,EAWd,OAVA,EAAM,0BAA6B,EAAuB,CACxD,OAAO,iBAAiB,EAAY,KAAM,EAAW,MAAM,KAAK,IAAI,EAAG,EAAY,OAAO,EAC1F,EAA0B,KAAK,IAAI,GAGrC,EAAM,6BAAgC,EAAuB,CAC3D,OAAO,oBAAoB,EAAY,KAAM,EAAW,MAAM,KAAK,IAAI,EAAG,EAAY,OAAO,EAC7F,EAA6B,KAAK,IAAI,GAGjC,EAGT,GAAI,aAAc,EAWhB,OAVA,EAAM,0BAA6B,EAAuB,CACxD,SAAS,iBAAiB,EAAY,KAAM,EAAW,MAAM,KAAK,IAAI,EAAG,EAAY,OAAO,EAC5F,EAA0B,KAAK,IAAI,GAGrC,EAAM,6BAAgC,EAAuB,CAC3D,SAAS,oBAAoB,EAAY,KAAM,EAAW,MAAM,KAAK,IAAI,EAAG,EAAY,OAAO,EAC/F,EAA6B,KAAK,IAAI,GAGjC,EAGT,MAAM,EAAW,aAAc,EAAc,EAAY,SAAW,cAAc,EAAY,QAExF,EAAiB,EAAW,MAalC,OAXA,EAAM,0BAA6B,EAAuB,CACxD,KAAK,eAAe,CAClB,SAAU,EACV,KAAM,EAAY,KAClB,SAAU,EAAe,KAAK,IAAI,EAClC,QAAS,GAAa,SAAW,MACnC,CAAC,EAED,EAA0B,KAAK,IAAI,GAG9B",
+  "debugId": "8E819BD7790B062364756E2164756E21",
+  "names": []
+}

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

@@ -0,0 +1,6 @@
+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(keyOrKeys: string | string[]): (target: RadiantElement, methodName: string) => void;

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

@@ -0,0 +1,4 @@
+function E(j){return(q,z)=>{const B=q.connectedCallback;q.connectedCallback=function(){const x=this[z].bind(this);if(Array.isArray(j))for(let D of j)this.registerUpdateCallback(D,x);else if(typeof j==="string")this.registerUpdateCallback(j,x);B.call(this)}}}export{E as onUpdated};
+export{E as W};
+
+//# debugId=2219BCA8CDC27CB464756E2164756E21

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

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/decorators/legacy/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(keyOrKeys: string | string[]) {\n  return (target: RadiantElement, methodName: string) => {\n    const originalConnectedCallback = target.connectedCallback;\n\n    target.connectedCallback = function (this: RadiantElement) {\n      const boundedMethod = (this as any)[methodName].bind(this);\n      if (Array.isArray(keyOrKeys)) {\n        for (const key of keyOrKeys) {\n          (this as RadiantElement).registerUpdateCallback(key, boundedMethod);\n        }\n      } else if (typeof keyOrKeys === 'string') {\n        (this as RadiantElement).registerUpdateCallback(keyOrKeys, boundedMethod);\n      }\n      originalConnectedCallback.call(this);\n    };\n  };\n}\n"
+  ],
+  "mappings": "AAMO,SAAS,CAAS,CAAC,EAA8B,CACtD,MAAO,CAAC,EAAwB,IAAuB,CACrD,MAAM,EAA4B,EAAO,kBAEzC,EAAO,0BAA6B,EAAuB,CACzD,MAAM,EAAiB,KAAa,GAAY,KAAK,IAAI,EACzD,GAAI,MAAM,QAAQ,CAAS,EACzB,QAAW,KAAO,EAChB,AAAC,KAAwB,uBAAuB,EAAK,CAAa,iBAEpD,IAAc,SAC9B,AAAC,KAAwB,uBAAuB,EAAW,CAAa,EAE1E,EAA0B,KAAK,IAAI",
+  "debugId": "2219BCA8CDC27CB464756E2164756E21",
+  "names": []
+}

package/dist/decorators/legacy/query.d.ts

@@ -0,0 +1,23 @@
+import type { RadiantElement } from '../../core/radiant-element';
+import type { QueryConfig } from '../query';
+/**
+ * A decorator to query by CSS selector or data-ref attribute.
+ * By default it queries for the first element that matches the selector, but it can be configured to query for all elements.
+ *
+ * @param {QueryConfig} options - The configuration object for the query.
+ * @param {boolean} [options.all] - A flag to query for all elements that match the selector. Defaults to `false`.
+ * @param {boolean} [options.cache] - A flag to cache the query result. Defaults to `true`.
+ * @param {string} [options.selector] - A CSS selector to match elements against. This property is mutually exclusive with `options.ref`.
+ * @param {string} [options.ref] - A reference to an element. This property is mutually exclusive with `options.selector`.
+ *
+ * @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.
+ *
+ * @example
+ * class MyElement extends HTMLElement {
+ *   @query({ selector: '.my-class' })
+ *   myElement;
+ * }
+ *
+ * // Now, `myElement` will return the first element in the light DOM of `MyElement` that matches the selector '.my-class'.
+ */
+export declare function query<T extends Element | Element[]>({ cache: shouldBeCached, ...options }: QueryConfig): (proto: RadiantElement, propertyName: string | symbol) => void;

package/dist/decorators/legacy/query.js

@@ -0,0 +1,4 @@
+function _({cache:Y=!0,...z}){return(I,J)=>{const G=Symbol(`__${String(J)}__cache`),R="selector"in z?z.selector:`[data-ref="${z.ref}"]`,U=(V)=>{let W=[];if(z?.all){const X=V.querySelectorAll(R);return W=X.length?Array.from(X):[],W}return V.querySelector(R)},Z=I.connectedCallback;I.connectedCallback=function(){Object.defineProperty(this,J,{get(){if(Y){if(!this[G]||z?.all&&!this[G].length)this[G]=U(this);return this[G]}return U(this)},enumerable:!0,configurable:!0}),Z.call(this)}}}export{_ as query};
+export{_ as u};
+
+//# debugId=DCAE23F5E699731A64756E2164756E21

package/dist/decorators/legacy/query.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/decorators/legacy/query.ts"],
+  "sourcesContent": [
+    "import type { RadiantElement } from '../../core/radiant-element';\nimport type { QueryConfig } from '../query';\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<T extends Element | Element[]>({\n  cache: shouldBeCached = true,\n  ...options\n}: QueryConfig): (proto: RadiantElement, propertyName: string | symbol) => void {\n  return (proto: RadiantElement, propertyKey: string | symbol) => {\n    const privatePropertyKey = Symbol(`__${String(propertyKey)}__cache`);\n\n    const selector = 'selector' in options ? options.selector : `[data-ref=\"${options.ref}\"]`;\n\n    const executeQuery = (instance: RadiantElement) => {\n      let result: T | T[] = [];\n      if (options?.all) {\n        const queried = instance.querySelectorAll(selector);\n        result = queried.length ? (Array.from(queried) as T) : [];\n        return result;\n      }\n\n      return instance.querySelector(selector);\n    };\n\n    const originalConnectedCallback = proto.connectedCallback;\n\n    proto.connectedCallback = function (this: RadiantElement) {\n      Object.defineProperty(this, propertyKey, {\n        get() {\n          if (shouldBeCached) {\n            if (!this[privatePropertyKey] || (options?.all && !this[privatePropertyKey].length)) {\n              this[privatePropertyKey] = executeQuery(this);\n            }\n            return this[privatePropertyKey];\n          }\n          return executeQuery(this) as T;\n        },\n        enumerable: true,\n        configurable: true,\n      });\n      originalConnectedCallback.call(this);\n    };\n  };\n}\n"
+  ],
+  "mappings": "AAuBO,SAAS,CAAoC,EAClD,MAAO,EAAiB,MACrB,GAC2E,CAC9E,MAAO,CAAC,EAAuB,IAAiC,CAC9D,MAAM,EAAqB,OAAO,KAAK,OAAO,CAAW,UAAU,EAE7D,EAAW,aAAc,EAAU,EAAQ,SAAW,cAAc,EAAQ,QAE5E,EAAe,CAAC,IAA6B,CACjD,IAAI,EAAkB,CAAC,EACvB,GAAI,GAAS,IAAK,CAChB,MAAM,EAAU,EAAS,iBAAiB,CAAQ,EAElD,OADA,EAAS,EAAQ,OAAU,MAAM,KAAK,CAAO,EAAU,CAAC,EACjD,EAGT,OAAO,EAAS,cAAc,CAAQ,GAGlC,EAA4B,EAAM,kBAExC,EAAM,0BAA6B,EAAuB,CACxD,OAAO,eAAe,KAAM,EAAa,CACvC,GAAG,EAAG,CACJ,GAAI,EAAgB,CAClB,IAAK,KAAK,IAAwB,GAAS,MAAQ,KAAK,GAAoB,OAC1E,KAAK,GAAsB,EAAa,IAAI,EAE9C,OAAO,KAAK,GAEd,OAAO,EAAa,IAAI,GAE1B,WAAY,GACZ,aAAc,EAChB,CAAC,EACD,EAA0B,KAAK,IAAI",
+  "debugId": "DCAE23F5E699731A64756E2164756E21",
+  "names": []
+}

package/dist/decorators/legacy/reactive-field.d.ts

@@ -0,0 +1,10 @@
+import type { RadiantElement } from '../../core/radiant-element';
+/**
+ * A decorator to define a reactive field.
+ * Every time the property changes, the `updated` method will be called.
+ * Due the fact the value is always undefined before the first update,
+ * we are adding a `isDefined` WeakSet to track if the property has been defined.
+ * @param target The target element.
+ * @param propertyKey The property key.
+ */
+export declare function reactiveField(target: RadiantElement, propertyKey: string): void;

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

@@ -0,0 +1,4 @@
+function z(j,q){const x=j.connectedCallback;j.connectedCallback=function(){this.createReactiveField(q,this[q]),x.call(this)}}export{z as reactiveField};
+export{z as A};
+
+//# debugId=B28B1690767276A564756E2164756E21

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

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/decorators/legacy/reactive-field.ts"],
+  "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(target: RadiantElement, propertyKey: string) {\n  const originalConnectedCallback = target.connectedCallback;\n\n  target.connectedCallback = function (this: RadiantElement) {\n    this.createReactiveField(propertyKey, this[propertyKey as keyof typeof this]);\n    originalConnectedCallback.call(this);\n  };\n}\n"
+  ],
+  "mappings": "AAUO,SAAS,CAAa,CAAC,EAAwB,EAAqB,CACzE,MAAM,EAA4B,EAAO,kBAEzC,EAAO,0BAA6B,EAAuB,CACzD,KAAK,oBAAoB,EAAa,KAAK,EAAiC,EAC5E,EAA0B,KAAK,IAAI",
+  "debugId": "B28B1690767276A564756E2164756E21",
+  "names": []
+}

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

@@ -0,0 +1,19 @@
+import type { RadiantElement } from '../../core/radiant-element';
+import { type AttributeTypeConstant } from '../../utils/attribute-utils';
+type ReactivePropertyOptions<T> = {
+    type: AttributeTypeConstant;
+    reflect?: boolean;
+    attribute?: string;
+    defaultValue?: T;
+};
+/**
+ * A decorator to define a reactive property.
+ * Every time the property changes, the `updated` method will be called.
+ * @param options The options for the reactive property.
+ * @param options.type The type of the property value.
+ * @param options.reflect Whether to reflect the property to the attribute.
+ * @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>): (target: RadiantElement, propertyName: string) => void;
+export {};

package/dist/decorators/legacy/reactive-prop.js

@@ -0,0 +1,4 @@
+import{L as B}from"../../utils/attribute-utils.js";function J({type:j,attribute:D,reflect:F,defaultValue:q}){if(q!==void 0&&!B(j,q))throw new Error(`defaultValue does not match the expected type for ${j.name}`);return(x,z)=>{const G=D??z,H=x.connectedCallback;x.connectedCallback=function(){H.call(this),this.createReactiveProp(z,{type:j,reflect:F,attribute:G,defaultValue:q})}}}export{J as reactiveProp};
+export{J as F};
+
+//# debugId=C3ADC88FB8E83F1D64756E2164756E21

package/dist/decorators/legacy/reactive-prop.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/decorators/legacy/reactive-prop.ts"],
+  "sourcesContent": [
+    "import type { RadiantElement } from '../../core/radiant-element';\nimport { type AttributeTypeConstant, isValueOfType } from '../../utils/attribute-utils';\n\ntype ReactivePropertyOptions<T> = {\n  type: AttributeTypeConstant;\n  reflect?: boolean;\n  attribute?: string;\n  defaultValue?: T;\n};\n\n/**\n * A decorator to define a reactive property.\n * Every time the property changes, the `updated` method will be called.\n * @param options The options for the reactive property.\n * @param options.type The type of the property value.\n * @param options.reflect Whether to reflect the property to the attribute.\n * @param options.attribute The name of the attribute.\n * @param options.defaultValue The default value of the property.\n */\nexport function reactiveProp<T = unknown>({ type, attribute, reflect, defaultValue }: ReactivePropertyOptions<T>) {\n  if (defaultValue !== undefined && !isValueOfType(type, defaultValue)) {\n    throw new Error(`defaultValue does not match the expected type for ${type.name}`);\n  }\n\n  return (target: RadiantElement, propertyName: string) => {\n    const attributeKey = attribute ?? propertyName;\n\n    const originalConnectedCallback = target.connectedCallback;\n\n    target.connectedCallback = function (this: RadiantElement) {\n      originalConnectedCallback.call(this);\n      this.createReactiveProp(propertyName, {\n        type,\n        reflect,\n        attribute: attributeKey,\n        defaultValue,\n      });\n    };\n  };\n}\n"
+  ],
+  "mappings": "mDAmBO,SAAS,CAAyB,EAAG,OAAM,YAAW,UAAS,gBAA4C,CAChH,GAAI,IAAiB,SAAc,EAAc,EAAM,CAAY,EACjE,MAAM,IAAI,MAAM,qDAAqD,EAAK,MAAM,EAGlF,MAAO,CAAC,EAAwB,IAAyB,CACvD,MAAM,EAAe,GAAa,EAE5B,EAA4B,EAAO,kBAEzC,EAAO,0BAA6B,EAAuB,CACzD,EAA0B,KAAK,IAAI,EACnC,KAAK,mBAAmB,EAAc,CACpC,OACA,UACA,UAAW,EACX,cACF,CAAC",
+  "debugId": "C3ADC88FB8E83F1D64756E2164756E21",
+  "names": []
+}

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

@@ -1,4 +1,5 @@
-import type { RadiantElement, RadiantElementEventListener } from '../core/radiant-element';
+import type { RadiantElementEventListener } from '../core/radiant-element';
+import type { StandardOrLegacyMethodDecoratorArgs } from '../types';
 type OnEventConfig = Pick<RadiantElementEventListener, 'type' | 'options'> & ({
     selector: string;
 } | {
@@ -16,11 +17,7 @@ type OnEventConfig = Pick<RadiantElementEventListener, 'type' | 'options'> & ({
  * Therefore, it will not work with events that do not bubble, such as `focus`, `blur`, `load`, `unload`, `scroll`, etc.
  * For focus and blur events, consider using `focusin` and `focusout` which are similar but do bubble.
  *
- * @param eventConfig The event configuration.
- * @param eventConfig.selectors The CSS selector(s) of the target element(s).
- * @param eventConfig.ref The data-ref attribute of the target element.
- * @param eventConfig.type The type of the event to listen for.
- * @param eventConfig.options Optional. An options object that specifies characteristics about the event listener.
+ * @param options {@link OnEventConfig} The event configuration.
  */
-export declare function onEvent(eventConfig: OnEventConfig): (proto: RadiantElement, _: string, descriptor: PropertyDescriptor) => PropertyDescriptor;
+export declare function onEvent(options: OnEventConfig): (protoOrTarget: StandardOrLegacyMethodDecoratorArgs["protoOrTarget"], nameOrContext: StandardOrLegacyMethodDecoratorArgs["nameOrContext"], descriptor?: StandardOrLegacyMethodDecoratorArgs["descriptor"]) => any;
 export {};

package/dist/decorators/on-event.js

@@ -1,48 +1,4 @@
-// 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
-};
+import{P as B}from"./legacy/on-event.js";import{Q as D}from"./standard/on-event.js";function J(q){return function(z,j,G){if(typeof j==="object")return D(q)(z,j);return B(q)(z,j,G)}}export{J as onEvent};
+export{J as O};
 
-//# debugId=49814E8BB4043A1364756E2164756E21
+//# debugId=EC8F79E3191830C064756E2164756E21

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        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"
+    "import type { RadiantElementEventListener } from '../core/radiant-element';\nimport type {\n  LegacyMethodDecoratorArgs,\n  StandardMethodDecoratorArgs,\n  StandardOrLegacyMethodDecoratorArgs,\n} from '../types';\nimport { onEvent as legacyOnEvent } from './legacy/on-event';\nimport { onEvent as standardOnEvent } from './standard/on-event';\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 options {@link OnEventConfig} The event configuration.\n */\nexport function onEvent(options: OnEventConfig) {\n  return function (\n    protoOrTarget: StandardOrLegacyMethodDecoratorArgs['protoOrTarget'],\n    nameOrContext: StandardOrLegacyMethodDecoratorArgs['nameOrContext'],\n    descriptor?: StandardOrLegacyMethodDecoratorArgs['descriptor'],\n  ): any {\n    if (typeof nameOrContext === 'object') {\n      return standardOnEvent(options)(\n        protoOrTarget as StandardMethodDecoratorArgs['protoOrTarget'],\n        nameOrContext as StandardMethodDecoratorArgs['nameOrContext'],\n      );\n    }\n    return legacyOnEvent(options)(\n      protoOrTarget as LegacyMethodDecoratorArgs['protoOrTarget'],\n      nameOrContext as LegacyMethodDecoratorArgs['nameOrContext'],\n      descriptor as LegacyMethodDecoratorArgs['descriptor'],\n    );\n  };\n}\n"
   ],
-  "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",
+  "mappings": "uFAmCO,MAAS,CAAO,CAAC,EAAwB,CAC9C,eAAgB,CACd,EACA,EACA,EACK,CACL,UAAW,IAAkB,SAC3B,OAAO,EAAgB,CAAO,EAC5B,EACA,CACF,EAEF,OAAO,EAAc,CAAO,EAC1B,EACA,EACA,CACF",
+  "debugId": "EC8F79E3191830C064756E2164756E21",
   "names": []
 }

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

@@ -1,6 +1,5 @@
-import type { RadiantElement } from '../core/radiant-element';
+import type { StandardOrLegacyMethodDecoratorArgs } from '../types';
 /**
- * A decorator to subscribe to an updated callback when a reactive field or property changes.
- * @param eventConfig The event configuration.
+ * A decorator to bind a method to the instance.
  */
-export declare function onUpdated(keyOrKeys: string | string[]): (proto: RadiantElement, methodName: string) => void;
+export declare function onUpdated(keyOrKeys: string | string[]): (protoOrTarget: StandardOrLegacyMethodDecoratorArgs["protoOrTarget"], nameOrContext: StandardOrLegacyMethodDecoratorArgs["nameOrContext"], descriptor?: StandardOrLegacyMethodDecoratorArgs["descriptor"]) => any;

package/dist/decorators/on-updated.js

@@ -1,30 +1,4 @@
-// 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
-};
+import{W as v}from"./legacy/on-updated.js";import{X as w}from"./standard/on-updated.js";function E(j){return function(q,f,z){if(typeof f==="object")return w(j)(q,f);return v(j)(q,f)}}export{E as onUpdated};
+export{E as V};
 
-//# debugId=AF5929F6BACB358464756E2164756E21
+//# debugId=D7596CDDF700FE1B64756E2164756E21

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(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"
+    "import type {\n  LegacyMethodDecoratorArgs,\n  StandardMethodDecoratorArgs,\n  StandardOrLegacyMethodDecoratorArgs,\n} from '../types';\nimport { onUpdated as legacyOnUpdated } from './legacy/on-updated';\nimport { onUpdated as standardOnUpdated } from './standard/on-updated';\n\n/**\n * A decorator to bind a method to the instance.\n */\nexport function onUpdated(keyOrKeys: string | string[]) {\n  return function (\n    protoOrTarget: StandardOrLegacyMethodDecoratorArgs['protoOrTarget'],\n    nameOrContext: StandardOrLegacyMethodDecoratorArgs['nameOrContext'],\n    descriptor?: StandardOrLegacyMethodDecoratorArgs['descriptor'],\n  ): any {\n    if (typeof nameOrContext === 'object') {\n      return standardOnUpdated(keyOrKeys)(\n        protoOrTarget as StandardMethodDecoratorArgs['protoOrTarget'],\n        nameOrContext as StandardMethodDecoratorArgs['nameOrContext'],\n      );\n    }\n    return legacyOnUpdated(keyOrKeys)(\n      protoOrTarget as LegacyMethodDecoratorArgs['protoOrTarget'],\n      nameOrContext as LegacyMethodDecoratorArgs['nameOrContext'],\n    );\n  };\n}\n"
   ],
-  "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",
+  "mappings": "yFAWO,QAAS,CAAS,CAAC,EAA8B,CACtD,eAAgB,CACd,EACA,EACA,EACK,CACL,UAAW,IAAkB,SAC3B,OAAO,EAAkB,CAAS,EAChC,EACA,CACF,EAEF,OAAO,EAAgB,CAAS,EAC9B,EACA,CACF",
+  "debugId": "D7596CDDF700FE1B64756E2164756E21",
   "names": []
 }

package/dist/decorators/query.d.ts

@@ -1,39 +1,20 @@
-import type { RadiantElement } from '../core';
-/**
- * The base configuration object for the query.
- */
+import type { StandardOrLegacyFieldDecoratorArgs } from '../types';
 type BaseQueryConfig = {
     all?: boolean;
     cache?: boolean;
 };
-/**
- * The configuration object for the query.
- * It can be configured to query by CSS selector or data-ref attribute.
- */
-export type QueryConfig = BaseQueryConfig & ({
+type QueryBySelector = {
     selector: string;
-} | {
+};
+type QueryByRef = {
     ref: string;
-});
+};
+export type QueryConfig = BaseQueryConfig & (QueryBySelector | QueryByRef);
 /**
  * A decorator to query by CSS selector or data-ref attribute.
  * By default it queries for the first element that matches the selector, but it can be configured to query for all elements.
- *
- * @param {QueryConfig} options - The configuration object for the query.
- * @param {boolean} [options.all] - A flag to query for all elements that match the selector. Defaults to `false`.
- * @param {boolean} [options.cache] - A flag to cache the query result. Defaults to `true`.
- * @param {string} [options.selector] - A CSS selector to match elements against. This property is mutually exclusive with `options.ref`.
- * @param {string} [options.ref] - A reference to an element. This property is mutually exclusive with `options.selector`.
- *
- * @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.
- *
- * @example
- * class MyElement extends HTMLElement {
- *   @query({ selector: '.my-class' })
- *   myElement;
- * }
- *
- * // Now, `myElement` will return the first element in the light DOM of `MyElement` that matches the selector '.my-class'.
+ * It cache the result by default, but it can be configured to not cache it.
+ * @param options {@link QueryConfig} The options for the reactive property.
  */
-export declare function query({ cache: shouldBeCached, ...options }: QueryConfig): (proto: RadiantElement, propertyKey: string | symbol) => void;
+export declare function query<T extends Element | Element[]>(options: QueryConfig): (protoOrTarget: StandardOrLegacyFieldDecoratorArgs["protoOrTarget"], nameOrContext: StandardOrLegacyFieldDecoratorArgs["nameOrContext"]) => any;
 export {};

package/dist/decorators/query.js

@@ -1,37 +1,4 @@
-// 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
-};
+import{u as D}from"./legacy/query.js";import{v as E}from"./standard/query.js";function H(w){return function(z,j){if(typeof j==="object")return E(w)(z,j);return D(w)(z,j)}}export{H as query};
+export{H as t};
 
-//# debugId=E7593899A4A7CB9A64756E2164756E21
+//# debugId=0DD98124DFF9C20D64756E2164756E21