@ecopages/radiant 0.1.8 → 0.2.0

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

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({\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"
+    "import type {\n  LegacyFieldDecoratorArgs,\n  StandardFieldDecoratorArgs,\n  StandardOrLegacyFieldDecoratorArgs,\n} from '../types';\nimport { query as legacyQuery } from './legacy/query';\nimport { query as standardQuery } from './standard/query';\n\ntype BaseQueryConfig = {\n  all?: boolean;\n  cache?: boolean;\n};\n\ntype QueryBySelector = { selector: string };\n\ntype QueryByRef = { ref: string };\n\nexport type QueryConfig = BaseQueryConfig & (QueryBySelector | QueryByRef);\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 * It cache the result by default, but it can be configured to not cache it.\n * @param options {@link QueryConfig} The options for the reactive property.\n */\nexport function query<T extends Element | Element[]>(options: QueryConfig) {\n  return function (\n    protoOrTarget: StandardOrLegacyFieldDecoratorArgs['protoOrTarget'],\n    nameOrContext: StandardOrLegacyFieldDecoratorArgs['nameOrContext'],\n  ): any {\n    if (typeof nameOrContext === 'object') {\n      return standardQuery(options)(\n        protoOrTarget as StandardFieldDecoratorArgs['protoOrTarget'],\n        nameOrContext as StandardFieldDecoratorArgs<HTMLElement, Element | Element[]>['nameOrContext'],\n      );\n    }\n    return legacyQuery<T>(options)(\n      protoOrTarget as LegacyFieldDecoratorArgs['protoOrTarget'],\n      nameOrContext as LegacyFieldDecoratorArgs['nameOrContext'],\n    );\n  };\n}\n"
   ],
-  "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",
+  "mappings": "oFAyBO,GAAS,CAAoC,CAAC,EAAsB,CACzE,eAAgB,CACd,EACA,EACK,CACL,UAAW,IAAkB,SAC3B,OAAO,EAAc,CAAO,EAC1B,EACA,CACF,EAEF,OAAO,EAAe,CAAO,EAC3B,EACA,CACF",
+  "debugId": "0DD98124DFF9C20D64756E2164756E21",
   "names": []
 }

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

@@ -1,10 +1,6 @@
-import type { RadiantElement } from '../core/radiant-element';
+import type { StandardOrLegacyFieldDecoratorArgs } from '../types';
 /**
  * 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.
+ * Every time the field changes, the `notifyUpdate` method will be called.
  */
-export declare function reactiveField(proto: RadiantElement, propertyKey: string): void;
+export declare function reactiveField(protoOrTarget: StandardOrLegacyFieldDecoratorArgs['protoOrTarget'], nameOrContext: StandardOrLegacyFieldDecoratorArgs['nameOrContext']): any;

package/dist/decorators/reactive-field.js

@@ -1,27 +1,4 @@
-// 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
-};
+import{A as q}from"./legacy/reactive-field.js";import{B as u}from"./standard/reactive-field.js";function D(k,j){if(typeof j==="object")return u(k,j);return q(k,j)}export{D as reactiveField};
+export{D as z};
 
-//# debugId=6BDE160AC013151B64756E2164756E21
+//# debugId=00F5476E4FB6968164756E2164756E21

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

@@ -2,9 +2,9 @@
   "version": 3,
   "sources": ["../src/decorators/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(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"
+    "import type {\n  LegacyFieldDecoratorArgs,\n  StandardFieldDecoratorArgs,\n  StandardOrLegacyFieldDecoratorArgs,\n} from '../types';\nimport { reactiveField as legacyReactiveField } from './legacy/reactive-field';\nimport { reactiveField as standardReactiveField } from './standard/reactive-field';\n\n/**\n * A decorator to define a reactive field.\n * Every time the field changes, the `notifyUpdate` method will be called.\n */\nexport function reactiveField(\n  protoOrTarget: StandardOrLegacyFieldDecoratorArgs['protoOrTarget'],\n  nameOrContext: StandardOrLegacyFieldDecoratorArgs['nameOrContext'],\n): any {\n  if (typeof nameOrContext === 'object') {\n    return standardReactiveField(\n      protoOrTarget as StandardFieldDecoratorArgs['protoOrTarget'],\n      nameOrContext as StandardFieldDecoratorArgs['nameOrContext'],\n    );\n  }\n  return legacyReactiveField(\n    protoOrTarget as LegacyFieldDecoratorArgs['protoOrTarget'],\n    nameOrContext as LegacyFieldDecoratorArgs['nameOrContext'],\n  );\n}\n"
   ],
-  "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",
+  "mappings": "6FAYO,YAAS,CAAa,CAC3B,EACA,EACK,CACL,UAAW,IAAkB,SAC3B,OAAO,EACL,EACA,CACF,EAEF,OAAO,EACL,EACA,CACF",
+  "debugId": "00F5476E4FB6968164756E2164756E21",
   "names": []
 }

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

@@ -1,19 +1,8 @@
-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;
-};
+import type { ReactivePropertyOptions } from '../core/radiant-element';
+import type { StandardOrLegacyFieldDecoratorArgs } from '../types';
 /**
  * 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.
+ * @param options {@link ReactivePropertyOptions} The options for the reactive property.
  */
-export declare function reactiveProp<T = unknown>({ type, attribute, reflect, defaultValue }: ReactivePropertyOptions<T>): (target: RadiantElement, propertyName: string) => void;
-export {};
+export declare function reactiveProp<T = unknown>(options: ReactivePropertyOptions<T>): (protoOrTarget: StandardOrLegacyFieldDecoratorArgs["protoOrTarget"], nameOrContext: StandardOrLegacyFieldDecoratorArgs["nameOrContext"]) => any;

package/dist/decorators/reactive-prop.js

@@ -1,215 +1,4 @@
-// src/utils/attribute-utils.ts
-function parseAttributeTypeConstant(constant) {
-  switch (constant) {
-    case Array:
-      return "array";
-    case Boolean:
-      return "boolean";
-    case Number:
-      return "number";
-    case Object:
-      return "object";
-    case String:
-      return "string";
-  }
-}
-function parseAttributeTypeDefault(defaultValue) {
-  switch (typeof defaultValue) {
-    case "boolean":
-      return "boolean";
-    case "number":
-      return "number";
-    case "string":
-      return "string";
-  }
-  if (Array.isArray(defaultValue))
-    return "array";
-  if (Object.prototype.toString.call(defaultValue) === "[object Object]")
-    return "object";
-}
-function defaultValueForType(type) {
-  switch (type) {
-    case Number:
-      return 0;
-    case String:
-      return "";
-    case Boolean:
-      return false;
-    default:
-      return null;
-  }
-}
-function parseJSON(value) {
-  try {
-    return JSON.parse(value);
-  } catch (error) {
-    throw new TypeError("Invalid JSON string");
-  }
-}
-function writeJSON(value) {
-  return JSON.stringify(value);
-}
-function writeString(value) {
-  return `${value}`;
-}
-function readAttributeValue(value, type) {
-  const readerType = parseAttributeTypeConstant(type);
-  if (!readerType)
-    throw new TypeError(`[radiant-element] Unknown type "${type}"`);
-  return readers[readerType](value);
-}
-function writeAttributeValue(value, type) {
-  const writerType = parseAttributeTypeConstant(type);
-  if (!writerType)
-    throw new TypeError(`[radiant-element] Unknown type "${type}"`);
-  return (writers[writerType] || writers.default)(value);
-}
-function isBoolean(value) {
-  return typeof value === "boolean";
-}
-function isNumber(value) {
-  return typeof value === "number";
-}
-function isString(value) {
-  return typeof value === "string";
-}
-function isArray(value) {
-  return Array.isArray(value);
-}
-function isObject(value) {
-  return typeof value === "object" && !Array.isArray(value) && value !== null;
-}
-function isValueOfType(type, defaultValue) {
-  switch (type) {
-    case Boolean:
-      return isBoolean(defaultValue);
-    case Number:
-      return isNumber(defaultValue);
-    case String:
-      return isString(defaultValue);
-    case Array:
-      return isArray(defaultValue);
-    case Object:
-      return isObject(defaultValue);
-    default:
-      return false;
-  }
-}
-var readers = {
-  array(value) {
-    const array = parseJSON(value);
-    if (!Array.isArray(array)) {
-      throw new TypeError(`Expected an array but got a value of type "${typeof array}"`);
-    }
-    return array;
-  },
-  boolean(value) {
-    return !(value === "0" || String(value).toLowerCase() === "false");
-  },
-  number(value) {
-    const number = Number(value.replace(/_/g, ""));
-    return number;
-  },
-  object(value) {
-    const object = JSON.parse(value);
-    if (object === null || typeof object !== "object" || Array.isArray(object)) {
-      throw new TypeError(`expected value of type "object" but instead got value "${value}" of type "${parseAttributeTypeDefault(object)}"`);
-    }
-    return object;
-  },
-  string(value) {
-    return value;
-  }
-};
-var writers = {
-  default: writeString,
-  array: writeJSON,
-  object: writeJSON
-};
+import{F as B}from"./legacy/reactive-prop.js";import"../utils/attribute-utils.js";import{N as D}from"./standard/reactive-prop.js";function H(q){return function(z,j){if(typeof j==="object")return D(q)(z,j);return B(q)(z,j)}}export{H as reactiveProp};
+export{H as E};
 
-// src/decorators/reactive-prop.ts
-function reactiveProp({ type, attribute, reflect, defaultValue }) {
-  if (defaultValue !== undefined && !isValueOfType(type, defaultValue)) {
-    throw new Error(`defaultValue does not match the expected type for ${type.name}`);
-  }
-  return (target, propertyName) => {
-    const originalValues = new WeakMap;
-    const attributeKey = attribute ?? propertyName;
-    if (propertyName in target) {
-      throw new Error(`Property "${propertyName}" already exists on ${target.constructor.name}`);
-    }
-    const propertyMapping = {
-      type,
-      propertyName,
-      attributeKey,
-      converter: {
-        fromAttribute: (value) => readAttributeValue(value, type),
-        toAttribute: (value) => writeAttributeValue(value, type)
-      }
-    };
-    addPropertyToMappings(target, propertyMapping);
-    Object.defineProperty(target, propertyName, {
-      get: function() {
-        if (!originalValues.has(this)) {
-          const initialValue = getInitialValue(this, type, attributeKey, defaultValue);
-          originalValues.set(this, initialValue);
-        }
-        return originalValues.get(this);
-      },
-      set: function(newValue) {
-        const oldValue = originalValues.get(this);
-        if (oldValue === newValue)
-          return;
-        originalValues.set(this, newValue);
-        if (reflect) {
-          const attributeValue = propertyMapping.converter.toAttribute(newValue);
-          this.setAttribute(attributeKey, attributeValue);
-        }
-        this.updated(propertyName, oldValue, newValue);
-      },
-      enumerable: true,
-      configurable: true
-    });
-    const originalConnectedCallback = target.connectedCallback;
-    target.connectedCallback = function() {
-      originalConnectedCallback.call(this);
-      this.updated(propertyName, null, defaultValue);
-    };
-    addObservedAttribute(target, attributeKey);
-  };
-}
-function addObservedAttribute(target, attribute) {
-  const ctor = target.constructor;
-  const existingObservedAttributes = ctor.observedAttributes || [];
-  if (!existingObservedAttributes.includes(attribute)) {
-    const newObservedAttributes = [...existingObservedAttributes, attribute];
-    Object.defineProperty(ctor, "observedAttributes", {
-      get() {
-        return newObservedAttributes;
-      },
-      configurable: true
-    });
-  }
-}
-var getInitialValue = (target, type, attributeKey, defaultValue) => {
-  if (type === Boolean) {
-    const hasAttribute = target.hasAttribute(attributeKey);
-    return hasAttribute || defaultValue;
-  }
-  const attributeValue = target.getAttribute(attributeKey);
-  return attributeValue !== null ? readAttributeValue(attributeValue, type) : defaultValue || defaultValueForType(type);
-};
-var addPropertyToMappings = (target, propertyMapping) => {
-  if (!("propertyConfigMap" in target)) {
-    Object.defineProperty(target, "propertyConfigMap", {
-      value: new Map,
-      configurable: true
-    });
-  }
-  target.propertyConfigMap.set(propertyMapping.propertyName, propertyMapping);
-};
-export {
-  reactiveProp
-};
-
-//# debugId=1F23EE7729F124F364756E2164756E21
+//# debugId=9B2752CFBE31C96A64756E2164756E21

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

@@ -1,11 +1,10 @@
 {
   "version": 3,
-  "sources": ["../src/utils/attribute-utils.ts", "../src/decorators/reactive-prop.ts"],
+  "sources": ["../src/decorators/reactive-prop.ts"],
   "sourcesContent": [
-    "export type AttributeTypeConstant = typeof Array | typeof Boolean | typeof Number | typeof Object | typeof String;\n\nexport type AttributeTypeDefault = Array<unknown> | boolean | number | Record<string, unknown> | string;\n\n/**\n * Parses the given attribute type constant and returns its corresponding string representation.\n *\n * @param constant - The attribute type constant to parse.\n * @returns The string representation of the attribute type constant.\n */\nexport function parseAttributeTypeConstant(constant?: AttributeTypeConstant) {\n  switch (constant) {\n    case Array:\n      return 'array';\n    case Boolean:\n      return 'boolean';\n    case Number:\n      return 'number';\n    case Object:\n      return 'object';\n    case String:\n      return 'string';\n  }\n}\n\n/**\n * Parses the attribute type default value and returns its type as a string.\n *\n * @param defaultValue - The default value of the attribute type.\n * @returns The type of the default value as a string.\n */\nexport function parseAttributeTypeDefault(defaultValue?: AttributeTypeDefault) {\n  switch (typeof defaultValue) {\n    case 'boolean':\n      return 'boolean';\n    case 'number':\n      return 'number';\n    case 'string':\n      return 'string';\n  }\n\n  if (Array.isArray(defaultValue)) return 'array';\n  if (Object.prototype.toString.call(defaultValue) === '[object Object]') return 'object';\n}\n\n/**\n * Returns the default value for a given attribute type.\n *\n * @param type - The attribute type constant.\n * @returns The default value for the specified attribute type.\n */\nexport function defaultValueForType(type: AttributeTypeConstant): unknown {\n  switch (type) {\n    case Number:\n      return 0;\n    case String:\n      return '';\n    case Boolean:\n      return false;\n    default:\n      return null;\n  }\n}\n\ntype Reader = (value: string) => number | string | boolean | object | unknown[];\n\n/**\n * Utility function to parse a JSON string safely\n */\nfunction parseJSON<T>(value: string): T {\n  try {\n    return JSON.parse(value);\n  } catch (error) {\n    throw new TypeError('Invalid JSON string');\n  }\n}\n\n/**\n * Object that maps attribute types to reader functions.\n * @type {Object.<string, Reader>}\n */\nconst readers: { [type: string]: Reader } = {\n  array(value: string): unknown[] {\n    const array = parseJSON<unknown[]>(value);\n    if (!Array.isArray(array)) {\n      throw new TypeError(`Expected an array but got a value of type \"${typeof array}\"`);\n    }\n    return array;\n  },\n\n  boolean(value: string): boolean {\n    return !(value === '0' || String(value).toLowerCase() === 'false');\n  },\n\n  number(value: string): number {\n    const number = Number(value.replace(/_/g, ''));\n    return number;\n  },\n\n  object(value: string): object {\n    const object = JSON.parse(value);\n    if (object === null || typeof object !== 'object' || Array.isArray(object)) {\n      throw new TypeError(\n        `expected value of type \"object\" but instead got value \"${value}\" of type \"${parseAttributeTypeDefault(\n          object,\n        )}\"`,\n      );\n    }\n    return object;\n  },\n\n  string(value: string): string {\n    return value;\n  },\n};\n\ntype Writer = (value: unknown) => string;\n\n/**\n * Object that maps attribute types to writer functions.\n * @type {Object.<string, Writer>}\n */\nconst writers: { [type: string]: Writer } = {\n  default: writeString,\n  array: writeJSON,\n  object: writeJSON,\n};\n\nfunction writeJSON(value: unknown) {\n  return JSON.stringify(value);\n}\n\nfunction writeString(value: unknown) {\n  return `${value}`;\n}\n\n/**\n * Reads the attribute value based on the provided type.\n * @param value - The attribute value to be read.\n * @param type - The type of the attribute.\n * @returns The parsed attribute value.\n * @throws {TypeError} If the provided type is unknown.\n */\nexport function readAttributeValue(value: string, type: AttributeTypeConstant) {\n  const readerType = parseAttributeTypeConstant(type);\n  if (!readerType) throw new TypeError(`[radiant-element] Unknown type \"${type}\"`);\n  return readers[readerType](value);\n}\n\nexport type ReadAttributeValueReturnType = ReturnType<typeof readAttributeValue>;\n\n/**\n * Writes the attribute value based on the provided type.\n *\n * @param value - The value to be written.\n * @param type - The type of the attribute.\n * @returns The written attribute value.\n * @throws {TypeError} If the provided type is unknown.\n */\nexport function writeAttributeValue(value: unknown, type: AttributeTypeConstant) {\n  const writerType = parseAttributeTypeConstant(type);\n  if (!writerType) throw new TypeError(`[radiant-element] Unknown type \"${type}\"`);\n  return (writers[writerType] || writers.default)(value);\n}\n\nexport type WriteAttributeValueReturnType = ReturnType<typeof writeAttributeValue>;\n\n/*\n * Type guard functions for each type in AttributeTypeConstant\n */\nfunction isBoolean(value: unknown): value is boolean {\n  return typeof value === 'boolean';\n}\n\nfunction isNumber(value: unknown): value is number {\n  return typeof value === 'number';\n}\n\nfunction isString(value: unknown): value is string {\n  return typeof value === 'string';\n}\n\nfunction isArray(value: unknown): value is Array<unknown> {\n  return Array.isArray(value);\n}\n\nfunction isObject(value: unknown): value is object {\n  return typeof value === 'object' && !Array.isArray(value) && value !== null;\n}\n\n/*\n * Check function to ensure defaultValue matches the type\n */\nexport function isValueOfType(type: AttributeTypeConstant, defaultValue: unknown): boolean {\n  switch (type) {\n    case Boolean:\n      return isBoolean(defaultValue);\n    case Number:\n      return isNumber(defaultValue);\n    case String:\n      return isString(defaultValue);\n    case Array:\n      return isArray(defaultValue);\n    case Object:\n      return isObject(defaultValue);\n    default:\n      return false;\n  }\n}\n",
-    "import type { PropertyConfig, RadiantElement } from '@/core/radiant-element';\nimport {\n  type AttributeTypeConstant,\n  defaultValueForType,\n  isValueOfType,\n  readAttributeValue,\n  writeAttributeValue,\n} 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 originalValues = new WeakMap<WeakKey, unknown>();\n    const attributeKey = attribute ?? propertyName;\n\n    if (propertyName in target) {\n      throw new Error(`Property \"${propertyName}\" already exists on ${target.constructor.name}`);\n    }\n\n    const propertyMapping: PropertyConfig = {\n      type,\n      propertyName,\n      attributeKey,\n      converter: {\n        fromAttribute: (value) => readAttributeValue(value, type),\n        toAttribute: (value) => writeAttributeValue(value, type),\n      },\n    };\n\n    addPropertyToMappings(target, propertyMapping);\n\n    Object.defineProperty(target, propertyName, {\n      get: function () {\n        if (!originalValues.has(this)) {\n          const initialValue = getInitialValue(this, type, attributeKey, defaultValue as T);\n          originalValues.set(this, initialValue);\n        }\n        return originalValues.get(this);\n      },\n      set: function (newValue: T) {\n        const oldValue = originalValues.get(this);\n        if (oldValue === newValue) return;\n        originalValues.set(this, newValue);\n        if (reflect) {\n          const attributeValue = propertyMapping.converter.toAttribute(newValue);\n          this.setAttribute(attributeKey, attributeValue);\n        }\n        this.updated(propertyName, oldValue, newValue);\n      },\n      enumerable: true,\n      configurable: true,\n    });\n\n    const originalConnectedCallback = target.connectedCallback;\n\n    target.connectedCallback = function (this: RadiantElement) {\n      originalConnectedCallback.call(this);\n      this.updated(propertyName, null, defaultValue);\n    };\n\n    addObservedAttribute(target, attributeKey);\n  };\n}\n\nconst getInitialValue = (\n  target: RadiantElement,\n  type: AttributeTypeConstant,\n  attributeKey: string,\n  defaultValue: unknown,\n) => {\n  if (type === Boolean) {\n    const hasAttribute = target.hasAttribute(attributeKey);\n    return hasAttribute || defaultValue;\n  }\n\n  const attributeValue = target.getAttribute(attributeKey);\n  return attributeValue !== null\n    ? readAttributeValue(attributeValue, type)\n    : defaultValue || (defaultValueForType(type) as typeof defaultValue);\n};\n\nconst addPropertyToMappings = (target: RadiantElement, propertyMapping: PropertyConfig) => {\n  if (!('propertyConfigMap' in target)) {\n    Object.defineProperty(target, 'propertyConfigMap', {\n      value: new Map<string, PropertyConfig>(),\n      configurable: true,\n    });\n  }\n\n  target.propertyConfigMap.set(propertyMapping.propertyName, propertyMapping);\n};\n\nfunction addObservedAttribute(target: RadiantElement, attribute: string) {\n  const ctor = target.constructor as typeof RadiantElement;\n  const existingObservedAttributes = (ctor as any).observedAttributes || [];\n  if (!existingObservedAttributes.includes(attribute)) {\n    const newObservedAttributes = [...existingObservedAttributes, attribute];\n    Object.defineProperty(ctor, 'observedAttributes', {\n      get() {\n        return newObservedAttributes;\n      },\n      configurable: true,\n    });\n  }\n}\n"
+    "import type { ReactivePropertyOptions } from '../core/radiant-element';\nimport type {\n  LegacyFieldDecoratorArgs,\n  StandardFieldDecoratorArgs,\n  StandardOrLegacyFieldDecoratorArgs,\n} from '../types';\nimport { reactiveProp as legacyReactiveProp } from './legacy/reactive-prop';\nimport { reactiveProp as standardReactiveProp } from './standard/reactive-prop';\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 {@link ReactivePropertyOptions} The options for the reactive property.\n */\nexport function reactiveProp<T = unknown>(options: ReactivePropertyOptions<T>) {\n  return function (\n    protoOrTarget: StandardOrLegacyFieldDecoratorArgs['protoOrTarget'],\n    nameOrContext: StandardOrLegacyFieldDecoratorArgs['nameOrContext'],\n  ): any {\n    if (typeof nameOrContext === 'object') {\n      return standardReactiveProp(options)(\n        protoOrTarget as StandardFieldDecoratorArgs['protoOrTarget'],\n        nameOrContext as StandardFieldDecoratorArgs['nameOrContext'],\n      );\n    }\n    return legacyReactiveProp(options)(\n      protoOrTarget as LegacyFieldDecoratorArgs['protoOrTarget'],\n      nameOrContext as LegacyFieldDecoratorArgs['nameOrContext'],\n    );\n  };\n}\n"
   ],
-  "mappings": "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",
-  "debugId": "1F23EE7729F124F364756E2164756E21",
+  "mappings": "8HAcO,WAAS,GAAyB,CAAC,EAAqC,CAC7E,eAAgB,CACd,EACA,EACK,CACL,UAAW,IAAkB,SAC3B,OAAO,EAAqB,CAAO,EACjC,EACA,CACF,EAEF,OAAO,EAAmB,CAAO,EAC/B,EACA,CACF",
+  "debugId": "9B2752CFBE31C96A64756E2164756E21",
   "names": []
 }

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

@@ -0,0 +1,2 @@
+import type { Method } from '../../types';
+export declare function bound<T extends Method>(_: T, context: ClassMethodDecoratorContext): void;

package/dist/decorators/standard/bound.js

@@ -0,0 +1,4 @@
+function o(i,t){const e=String(t.name);if(t.private)throw new Error(`'bound' cannot decorate private properties like ${e}.`);t.addInitializer(function(){this[e]=this[e].bind(this)})}export{o as bound};
+export{o as b};
+
+//# debugId=5E969AAAFC48310564756E2164756E21

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

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/decorators/standard/bound.ts"],
+  "sourcesContent": [
+    "import type { Method } from '../../types';\n\nexport function bound<T extends Method>(_: T, context: ClassMethodDecoratorContext) {\n  const methodName = String(context.name);\n  if (context.private) {\n    throw new Error(`'bound' cannot decorate private properties like ${methodName as string}.`);\n  }\n  context.addInitializer(function (this: any) {\n    this[methodName] = this[methodName].bind(this);\n  });\n}\n"
+  ],
+  "mappings": "AAEO,SAAS,CAAuB,CAAC,EAAM,EAAsC,CAClF,MAAM,EAAa,OAAO,EAAQ,IAAI,EACtC,GAAI,EAAQ,QACV,MAAM,IAAI,MAAM,mDAAmD,IAAuB,EAE5F,EAAQ,uBAAwB,EAAY,CAC1C,KAAK,GAAc,KAAK,GAAY,KAAK,IAAI,EAC9C",
+  "debugId": "5E969AAAFC48310564756E2164756E21",
+  "names": []
+}

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

@@ -0,0 +1 @@
+export declare function customElement(name: string, options?: ElementDefinitionOptions): <T extends CustomElementConstructor>(_: T, context: ClassDecoratorContext<T>) => void;

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

@@ -0,0 +1,4 @@
+function i(t,n){return function(o,e){e.addInitializer(function(){if(!window.customElements.get(t))customElements.define(t,this,n)})}}export{i as customElement};
+export{i as y};
+
+//# debugId=E1F3CF85FE4BDE1464756E2164756E21

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

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/decorators/standard/custom-element.ts"],
+  "sourcesContent": [
+    "export function customElement(name: string, options?: ElementDefinitionOptions) {\n  return function <T extends CustomElementConstructor>(_: T, context: ClassDecoratorContext<T>) {\n    context.addInitializer(function () {\n      if (!window.customElements.get(name)) {\n        customElements.define(name, this, options);\n      }\n    });\n  };\n}\n"
+  ],
+  "mappings": "AAAO,SAAS,CAAa,CAAC,EAAc,EAAoC,CAC9E,eAAoD,CAAC,EAAM,EAAmC,CAC5F,EAAQ,uBAAwB,EAAG,CACjC,IAAK,OAAO,eAAe,IAAI,CAAI,EACjC,eAAe,OAAO,EAAM,KAAM,CAAO,EAE5C",
+  "debugId": "E1F3CF85FE4BDE1464756E2164756E21",
+  "names": []
+}

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

@@ -0,0 +1,2 @@
+import type { Method } from '../../types';
+export declare function debounce(timeout: number): Method;

package/dist/decorators/standard/debounce.js

@@ -0,0 +1,4 @@
+function o(n){let e=null;return(t)=>{return function(...u){if(e!==null)clearTimeout(e);return e=setTimeout(()=>{t.apply(this,u)},n),t}}}export{o as debounce};
+export{o as D};
+
+//# debugId=DF32024986E9C26864756E2164756E21

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

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/decorators/standard/debounce.ts"],
+  "sourcesContent": [
+    "import type { Method } from '../../types';\n\nexport function debounce(timeout: number): Method {\n  let timeoutRef: ReturnType<typeof setTimeout> | null = null;\n\n  return <T extends Method>(originalMethod: T): Method => {\n    return function (this: any, ...args: any[]): T {\n      if (timeoutRef !== null) {\n        clearTimeout(timeoutRef);\n      }\n\n      timeoutRef = setTimeout(() => {\n        originalMethod.apply(this, args);\n      }, timeout);\n\n      return originalMethod;\n    };\n  };\n}\n"
+  ],
+  "mappings": "AAEO,SAAS,CAAQ,CAAC,EAAyB,CAChD,IAAI,EAAmD,KAEvD,MAAO,CAAmB,IAA8B,CACtD,eAAgB,IAAe,EAAgB,CAC7C,GAAI,IAAe,KACjB,aAAa,CAAU,EAOzB,OAJA,EAAa,WAAW,IAAM,CAC5B,EAAe,MAAM,KAAM,CAAI,GAC9B,CAAO,EAEH",
+  "debugId": "DF32024986E9C26864756E2164756E21",
+  "names": []
+}

package/dist/decorators/standard/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): <T extends RadiantElement, V>(_: undefined, context: ClassFieldDecoratorContext<T, V>) => void;

package/dist/decorators/standard/event.js

@@ -0,0 +1,4 @@
+import{U as z}from"../../tools/event-emitter.js";function F(j){return function(A,q){q.addInitializer(function(){this.registerEventEmitter(j.name,new z(this,j)),Object.defineProperty(this,q.name,{get(){return this.eventEmitters.get(j.name)},enumerable:!0,configurable:!0})})}}export{F as event};
+export{F as T};
+
+//# debugId=60C8B5654FFB2E2B64756E2164756E21

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

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/decorators/standard/event.ts"],
+  "sourcesContent": [
+    "import type { RadiantElement } from '../../core/radiant-element';\nimport { EventEmitter, type EventEmitterConfig } from '../../tools/event-emitter';\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 function <T extends RadiantElement, V>(_: undefined, context: ClassFieldDecoratorContext<T, V>) {\n    context.addInitializer(function (this: T) {\n      this.registerEventEmitter(eventConfig.name, new EventEmitter(this, eventConfig));\n\n      Object.defineProperty(this, context.name, {\n        get() {\n          return this.eventEmitters.get(eventConfig.name);\n        },\n        enumerable: true,\n        configurable: true,\n      });\n    });\n  };\n}\n"
+  ],
+  "mappings": "iDASO,SAAS,CAAK,CAAC,EAAiC,CACrD,eAA6C,CAAC,EAAc,EAA2C,CACrG,EAAQ,uBAAwB,EAAU,CACxC,KAAK,qBAAqB,EAAY,KAAM,IAAI,EAAa,KAAM,CAAW,CAAC,EAE/E,OAAO,eAAe,KAAM,EAAQ,KAAM,CACxC,GAAG,EAAG,CACJ,OAAO,KAAK,cAAc,IAAI,EAAY,IAAI,GAEhD,WAAY,GACZ,aAAc,EAChB,CAAC,EACF",
+  "debugId": "60C8B5654FFB2E2B64756E2164756E21",
+  "names": []
+}

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

@@ -0,0 +1,27 @@
+import type { RadiantElementEventListener } from '../../core/radiant-element';
+import type { Method } from '../../types';
+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): <T extends Method>(originalMethod: T, context: ClassMethodDecoratorContext) => void;
+export {};

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

@@ -0,0 +1,4 @@
+function G(q){return function(D,E){E.addInitializer(function(){const z=D.bind(this);if("window"in q)window.addEventListener(q.type,z,q.options),this.registerCleanupCallback(()=>{window.removeEventListener(q.type,z,q.options)});if("document"in q)document.addEventListener(q.type,z,q.options),this.registerCleanupCallback(()=>{document.removeEventListener(q.type,z,q.options)});const B="selector"in q?q.selector:("ref"in q)&&`[data-ref="${q.ref}"]`;if(B)this.subscribeEvent({selector:B,type:q.type,listener:z,options:q?.options??void 0})})}}export{G as onEvent};
+export{G as Q};
+
+//# debugId=5CF41968C454A83F64756E2164756E21

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

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/decorators/standard/on-event.ts"],
+  "sourcesContent": [
+    "import type { RadiantElement, RadiantElementEventListener } from '../../core/radiant-element';\nimport type { Method } from '../../types';\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 function <T extends Method>(originalMethod: T, context: ClassMethodDecoratorContext): void {\n    context.addInitializer(function (this: any) {\n      const boundMethod = originalMethod.bind(this);\n\n      if ('window' in eventConfig) {\n        window.addEventListener(eventConfig.type, boundMethod, eventConfig.options);\n        (this as RadiantElement).registerCleanupCallback(() => {\n          window.removeEventListener(eventConfig.type, boundMethod, eventConfig.options);\n        });\n      }\n\n      if ('document' in eventConfig) {\n        document.addEventListener(eventConfig.type, boundMethod, eventConfig.options);\n        (this as RadiantElement).registerCleanupCallback(() => {\n          document.removeEventListener(eventConfig.type, boundMethod, eventConfig.options);\n        });\n      }\n\n      const selector =\n        'selector' in eventConfig ? eventConfig.selector : 'ref' in eventConfig && `[data-ref=\"${eventConfig.ref}\"]`;\n\n      if (selector) {\n        (this as RadiantElement).subscribeEvent({\n          selector: selector,\n          type: eventConfig.type,\n          listener: boundMethod,\n          options: eventConfig?.options ?? undefined,\n        });\n      }\n    });\n  };\n}\n"
+  ],
+  "mappings": "AAiCO,SAAS,CAAO,CAAC,EAA4B,CAClD,eAAkC,CAAC,EAAmB,EAA4C,CAChG,EAAQ,uBAAwB,EAAY,CAC1C,MAAM,EAAc,EAAe,KAAK,IAAI,EAE5C,GAAI,WAAY,EACd,OAAO,iBAAiB,EAAY,KAAM,EAAa,EAAY,OAAO,EACzE,KAAwB,wBAAwB,IAAM,CACrD,OAAO,oBAAoB,EAAY,KAAM,EAAa,EAAY,OAAO,EAC9E,EAGH,GAAI,aAAc,EAChB,SAAS,iBAAiB,EAAY,KAAM,EAAa,EAAY,OAAO,EAC3E,KAAwB,wBAAwB,IAAM,CACrD,SAAS,oBAAoB,EAAY,KAAM,EAAa,EAAY,OAAO,EAChF,EAGH,MAAM,EACJ,aAAc,EAAc,EAAY,UAAW,QAAS,IAAe,cAAc,EAAY,QAEvG,GAAI,EACF,AAAC,KAAwB,eAAe,CACtC,SAAU,EACV,KAAM,EAAY,KAClB,SAAU,EACV,QAAS,GAAa,SAAW,MACnC,CAAC,EAEJ",
+  "debugId": "5CF41968C454A83F64756E2164756E21",
+  "names": []
+}