@dooboostore/simple-web-component 1.0.8 → 1.0.10

package/dist/cjs/utils/Utils.js

@@ -17,18 +17,20 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Utils_exports = {};
 __export(Utils_exports, {
+  SWC_NOT_FOUND: () => SWC_NOT_FOUND,
   SwcUtils: () => SwcUtils
 });
 module.exports = __toCommonJS(Utils_exports);
+const SWC_NOT_FOUND = Symbol("SWC_NOT_FOUND");
 class SwcUtils {
   static getValueByPath(obj, path, rootName) {
-    if (!obj || !path) return void 0;
+    if (!obj || !path) return SWC_NOT_FOUND;
     const parts = path.split(".");
     if (parts[0] === rootName && parts.length > 1) {
       const subParts = parts.slice(1);
       let subResult = obj;
       for (const part of subParts) {
-        if (subResult === null || subResult === void 0) return void 0;
+        if (subResult === null || subResult === void 0 || !(part in subResult)) return SWC_NOT_FOUND;
         subResult = subResult[part];
       }
       return subResult;
@@ -36,30 +38,52 @@ class SwcUtils {
     let result = obj;
     for (const part of parts) {
       if (result === null || result === void 0 || !(part in result)) {
-        return void 0;
+        return SWC_NOT_FOUND;
       }
       result = result[part];
     }
     if (result !== obj && !(result instanceof HTMLElement)) {
       return result;
     }
-    return void 0;
+    return SWC_NOT_FOUND;
+  }
+  static evalExpression(expr, context) {
+    try {
+      const keys = Object.keys(context);
+      const values = Object.values(context);
+      return new Function(...keys, `return (${expr})`).apply(null, values);
+    } catch {
+      return SWC_NOT_FOUND;
+    }
   }
   static applyData(node, data, options) {
-    const { asKey, asIndexKey, index } = options;
+    const { asKey, asIndexKey, index, hostContext } = options;
     const context = {};
     if (index !== void 0) {
-      context[asIndexKey] = index.toString();
+      context[asIndexKey] = index;
+    }
+    if (data !== null && data !== void 0) {
+      context[asKey] = data;
     }
+    const fullContext = { ...hostContext || {}, ...context };
+    const resolveExpr = (expr, match) => {
+      expr = expr.trim();
+      const simpleVal = SwcUtils.getValueByPath(data, expr, asKey);
+      if (simpleVal !== SWC_NOT_FOUND && typeof simpleVal !== "symbol") {
+        return simpleVal === null || simpleVal === void 0 ? "" : String(simpleVal);
+      }
+      const exprVal = SwcUtils.evalExpression(expr, fullContext);
+      if (exprVal !== SWC_NOT_FOUND && typeof exprVal !== "symbol") {
+        return exprVal === null || exprVal === void 0 ? "" : String(exprVal);
+      }
+      return match;
+    };
     const walk = (n) => {
       if (n.nodeType === Node.TEXT_NODE) {
         if (!n._original) n._original = n.textContent;
         let text = n._original;
         text = text.replace(/{{(.*?)}}/g, (match, path) => {
-          path = path.trim();
-          if (context[path] !== void 0) return context[path];
-          const val = SwcUtils.getValueByPath(data, path, asKey);
-          return val !== void 0 ? val : match;
+          return resolveExpr(path, match);
         });
         if (n.textContent !== text) n.textContent = text;
       } else if (n.nodeType === Node.ELEMENT_NODE) {
@@ -68,10 +92,7 @@ class SwcUtils {
           if (!a._original) a._original = a.value;
           let val = a._original;
           val = val.replace(/{{(.*?)}}/g, (match, path) => {
-            path = path.trim();
-            if (context[path] !== void 0) return context[path];
-            const v = SwcUtils.getValueByPath(data, path, asKey);
-            return v !== void 0 ? v : match;
+            return resolveExpr(path, match);
           });
           if (a.value !== val) a.value = val;
         });
@@ -83,8 +104,20 @@ class SwcUtils {
   static createReactiveProxy(target, onChange, onIndexChange) {
     const makeRecursiveProxy = (obj) => {
       if (typeof obj !== "object" || obj === null || obj instanceof Node) return obj;
-      return new Proxy(obj, {
+      if (obj.__swc_is_proxy) return obj;
+      const IS_PROXY_KEY = "__swc_is_proxy";
+      const proxy = new Proxy(obj, {
+        get: (t, prop) => {
+          if (prop === IS_PROXY_KEY) return true;
+          if (typeof prop === "symbol") return t[prop];
+          return t[prop];
+        },
         set: (t, prop, val) => {
+          if (prop === IS_PROXY_KEY) return true;
+          if (typeof prop === "symbol") {
+            t[prop] = val;
+            return true;
+          }
           const oldVal = t[prop];
           if (oldVal === val) return true;
           t[prop] = makeRecursiveProxy(val);
@@ -102,8 +135,23 @@ class SwcUtils {
           return true;
         }
       });
+      return proxy;
     };
     return makeRecursiveProxy(target);
   }
+  static findNearestSwcHost(el) {
+    const hosts = this.findAllSwcHosts(el);
+    return hosts.length > 0 ? hosts[0] : null;
+  }
+  static findAllSwcHosts(el) {
+    const hosts = [];
+    let curr = el instanceof Node && !(el instanceof HTMLElement) ? el.host : el;
+    curr = curr?.parentElement || curr?.getRootNode()?.host;
+    while (curr) {
+      if (curr._swcId) hosts.push(curr);
+      curr = curr.parentElement || curr.getRootNode().host;
+    }
+    return hosts.reverse();
+  }
 }
 //# sourceMappingURL=Utils.js.map

package/dist/cjs/utils/Utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/Utils.ts"],
-  "sourcesContent": ["export class SwcUtils {\n  static getValueByPath(obj: any, path: string, rootName: string) {\n    if (!obj || !path) return undefined;\n\n    const parts = path.split('.');\n\n    // 1. If the path starts with the rootName (alias), strip it and resolve within obj\n    // e.g., getValueByPath({name: 'Kim'}, 'u.name', 'u') -> returns 'Kim'\n    if (parts[0] === rootName && parts.length > 1) {\n      const subParts = parts.slice(1);\n      let subResult = obj;\n      for (const part of subParts) {\n        if (subResult === null || subResult === undefined) return undefined;\n        subResult = subResult[part];\n      }\n      return subResult;\n    }\n\n    // 2. Fallback: resolve directly on obj (standard behavior)\n    let result = obj;\n    for (const part of parts) {\n      if (result === null || result === undefined || !(part in result)) {\n        return undefined;\n      }\n      result = result[part];\n    }\n\n    // Safety: don't return the instance itself or a DOM element as a template value\n    if (result !== obj && !(result instanceof HTMLElement)) {\n      return result;\n    }\n\n    return undefined;\n  }\n\n  static applyData(\n    node: Node,\n    data: any,\n    options: {\n      asKey: string;\n      asIndexKey: string;\n      index?: number;\n    }\n  ) {\n    const { asKey, asIndexKey, index } = options;\n    const context: Record<string, any> = {};\n    if (index !== undefined) {\n      context[asIndexKey] = index.toString();\n    }\n\n    const walk = (n: Node) => {\n      if (n.nodeType === Node.TEXT_NODE) {\n        if (!(n as any)._original) (n as any)._original = n.textContent;\n        let text = (n as any)._original;\n\n        text = text.replace(/{{(.*?)}}/g, (match: string, path: string) => {\n          path = path.trim();\n          if (context[path] !== undefined) return context[path];\n          const val = SwcUtils.getValueByPath(data, path, asKey);\n          return val !== undefined ? val : match;\n        });\n        if (n.textContent !== text) n.textContent = text;\n      } else if (n.nodeType === Node.ELEMENT_NODE) {\n        const el = n as Element;\n        Array.from(el.attributes).forEach(a => {\n          if (!(a as any)._original) (a as any)._original = a.value;\n          let val = (a as any)._original;\n\n          val = val.replace(/{{(.*?)}}/g, (match: string, path: string) => {\n            path = path.trim();\n            if (context[path] !== undefined) return context[path];\n            const v = SwcUtils.getValueByPath(data, path, asKey);\n            return v !== undefined ? v : match;\n          });\n          if (a.value !== val) a.value = val;\n        });\n        el.childNodes.forEach(walk);\n      }\n    };\n    walk(node);\n  }\n\n  static createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {\n    const makeRecursiveProxy = (obj: any): any => {\n      if (typeof obj !== 'object' || obj === null || obj instanceof Node) return obj;\n\n      return new Proxy(obj, {\n        set: (t, prop, val) => {\n          const oldVal = t[prop];\n          if (oldVal === val) return true;\n          t[prop] = makeRecursiveProxy(val);\n          const isIndex = !isNaN(Number(prop)) && Array.isArray(t);\n          if (isIndex && onIndexChange) {\n            onIndexChange(Number(prop), val);\n          } else {\n            onChange();\n          }\n          return true;\n        },\n        deleteProperty: (t, prop) => {\n          delete t[prop];\n          onChange();\n          return true;\n        }\n      });\n    };\n\n    return makeRecursiveProxy(target);\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["export const SWC_NOT_FOUND = Symbol('SWC_NOT_FOUND');\n\nexport class SwcUtils {\n  static getValueByPath(obj: any, path: string, rootName: string) {\n    if (!obj || !path) return SWC_NOT_FOUND;\n\n    const parts = path.split('.');\n\n    // 1. If the path starts with the rootName (alias), strip it and resolve within obj\n    // e.g., getValueByPath({name: 'Kim'}, 'u.name', 'u') -> returns 'Kim'\n    if (parts[0] === rootName && parts.length > 1) {\n      const subParts = parts.slice(1);\n      let subResult = obj;\n      for (const part of subParts) {\n        if (subResult === null || subResult === undefined || !(part in subResult)) return SWC_NOT_FOUND;\n        subResult = subResult[part];\n      }\n      return subResult;\n    }\n\n    // 2. Fallback: resolve directly on obj (standard behavior)\n    let result = obj;\n    for (const part of parts) {\n      if (result === null || result === undefined || !(part in result)) {\n        return SWC_NOT_FOUND;\n      }\n      result = result[part];\n    }\n\n    // Safety: don't return the instance itself or a DOM element as a template value\n    if (result !== obj && !(result instanceof HTMLElement)) {\n      return result;\n    }\n\n    return SWC_NOT_FOUND;\n  }\n\n  static evalExpression(expr: string, context: Record<string, any>): any {\n    try {\n      const keys = Object.keys(context);\n      const values = Object.values(context);\n      // eslint-disable-next-line no-new-func\n      return new Function(...keys, `return (${expr})`).apply(null, values);\n    } catch {\n      return SWC_NOT_FOUND;\n    }\n  }\n\n  static applyData(\n    node: Node,\n    data: any,\n    options: {\n      asKey: string;\n      asIndexKey: string;\n      index?: number;\n      hostContext?: Record<string, any>; // \uBD80\uBAA8 SWC \uD638\uC2A4\uD2B8\uC758 name\u2192value \uCEE8\uD14D\uC2A4\uD2B8\n    }\n  ) {\n    const { asKey, asIndexKey, index, hostContext } = options;\n    const context: Record<string, any> = {};\n    if (index !== undefined) {\n      context[asIndexKey] = index;\n    }\n    if (data !== null && data !== undefined) {\n      context[asKey] = data;\n    }\n    // hostContext \uBCD1\uD569 (\uB85C\uCEEC \uCEE8\uD14D\uC2A4\uD2B8\uAC00 \uC6B0\uC120)\n    const fullContext: Record<string, any> = { ...(hostContext || {}), ...context };\n\n    const resolveExpr = (expr: string, match: string): string => {\n      expr = expr.trim();\n      // 1. \uB85C\uCEEC \uB370\uC774\uD130 \uB2E8\uC21C \uACBD\uB85C (u.name \uB4F1)\n      const simpleVal = SwcUtils.getValueByPath(data, expr, asKey);\n      if (simpleVal !== SWC_NOT_FOUND && typeof simpleVal !== 'symbol') {\n        return simpleVal === null || simpleVal === undefined ? '' : String(simpleVal);\n      }\n      // 2. fullContext\uB85C \uD45C\uD604\uC2DD \uD3C9\uAC00 (index+1, u.active?'active':'inactive', superUser.name \uB4F1)\n      const exprVal = SwcUtils.evalExpression(expr, fullContext);\n      if (exprVal !== SWC_NOT_FOUND && typeof exprVal !== 'symbol') {\n        return exprVal === null || exprVal === undefined ? '' : String(exprVal);\n      }\n      return match;\n    };\n\n    const walk = (n: Node) => {\n      if (n.nodeType === Node.TEXT_NODE) {\n        if (!(n as any)._original) (n as any)._original = n.textContent;\n        let text = (n as any)._original;\n        text = text.replace(/{{(.*?)}}/g, (match: string, path: string) => {\n          return resolveExpr(path, match);\n        });\n        if (n.textContent !== text) n.textContent = text;\n      } else if (n.nodeType === Node.ELEMENT_NODE) {\n        const el = n as HTMLElement;\n        Array.from(el.attributes).forEach(a => {\n          if (!(a as any)._original) (a as any)._original = a.value;\n          let val = (a as any)._original;\n          val = val.replace(/{{(.*?)}}/g, (match: string, path: string) => {\n            return resolveExpr(path, match);\n          });\n          if (a.value !== val) a.value = val;\n        });\n        el.childNodes.forEach(walk);\n      }\n    };\n    walk(node);\n  }\n\n  static createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {\n    const makeRecursiveProxy = (obj: any): any => {\n      if (typeof obj !== 'object' || obj === null || obj instanceof Node) return obj;\n      if ((obj as any).__swc_is_proxy) return obj;\n\n      const IS_PROXY_KEY = '__swc_is_proxy';\n\n      const proxy = new Proxy(obj, {\n        get: (t, prop) => {\n          if (prop === IS_PROXY_KEY) return true;\n          if (typeof prop === 'symbol') return t[prop];\n          return t[prop];\n        },\n        set: (t, prop, val) => {\n          if (prop === IS_PROXY_KEY) return true;\n          if (typeof prop === 'symbol') { t[prop] = val; return true; }\n          const oldVal = t[prop];\n          if (oldVal === val) return true;\n          t[prop] = makeRecursiveProxy(val);\n          const isIndex = !isNaN(Number(prop)) && Array.isArray(t);\n          if (isIndex && onIndexChange) {\n            onIndexChange(Number(prop), val);\n          } else {\n            onChange();\n          }\n          return true;\n        },\n        deleteProperty: (t, prop) => {\n          delete t[prop];\n          onChange();\n          return true;\n        }\n      });\n      return proxy;\n    };\n\n    return makeRecursiveProxy(target);\n  }\n\n  static findNearestSwcHost(el: HTMLElement | Node): any {\n    const hosts = this.findAllSwcHosts(el);\n    return hosts.length > 0 ? hosts[0] : null;\n  }\n\n  static findAllSwcHosts(el: HTMLElement | Node): any[] {\n    const hosts: any[] = [];\n    let curr: any = el instanceof Node && !(el instanceof HTMLElement) ? (el as any).host : el;\n    curr = curr?.parentElement || (curr?.getRootNode() as any)?.host;\n\n    while (curr) {\n      if (curr._swcId) hosts.push(curr);\n      curr = curr.parentElement || (curr.getRootNode() as any).host;\n    }\n    return hosts.reverse();\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/decorators/attribute.js

@@ -1,9 +1,8 @@
 import { ReflectUtils } from "@dooboostore/core/reflect/ReflectUtils";
 const ATTRIBUTE_METADATA_KEY = Symbol("simple-web-component:attribute");
-function attribute(nameOrOptions) {
-  return (target, propertyKey) => {
+function attribute(arg1, arg2) {
+  const decorator = (options, target, propertyKey) => {
     const constructor = target.constructor;
-    const options = typeof nameOrOptions === "string" ? { name: nameOrOptions } : nameOrOptions || {};
     if (!options.name) options.name = String(propertyKey);
     if (!options.type) options.type = String;
     if (options.disableReflect === void 0) options.disableReflect = false;
@@ -32,6 +31,9 @@ function attribute(nameOrOptions) {
           }
         }
         this[internalKey] = convertedVal;
+        if (typeof this._updateState === "function") {
+          this._updateState(options.name);
+        }
         if (!options.disableReflect && this.setAttribute) {
           if (convertedVal === null || convertedVal === void 0 || convertedVal === false) {
             this.removeAttribute(options.name);
@@ -47,6 +49,13 @@ function attribute(nameOrOptions) {
       configurable: true
     });
   };
+  if (arg1 && typeof arg2 === "string") {
+    return decorator({}, arg1, arg2);
+  }
+  return (target, propertyKey) => {
+    const options = typeof arg1 === "string" ? { name: arg1 } : arg1 || {};
+    decorator(options, target, propertyKey);
+  };
 }
 const getAttributeMetadataList = (target) => {
   const constructor = target instanceof Function ? target : target.constructor;

package/dist/esm/decorators/attribute.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/attribute.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\n\nexport interface AttributeOptions {\n  name?: string;\n  type?: any; // String, Number, Boolean, Object\n  disableReflect?: boolean; // Default is false (reflect is enabled by default)\n}\n\nexport interface AttributeMetadata {\n  propertyKey: string | symbol;\n  options: AttributeOptions;\n}\n\nexport const ATTRIBUTE_METADATA_KEY = Symbol('simple-web-component:attribute');\n\nexport function attribute(nameOrOptions?: string | AttributeOptions): PropertyDecorator {\n  return (target: Object, propertyKey: string | symbol) => {\n    const constructor = target.constructor;\n    const options: AttributeOptions = typeof nameOrOptions === 'string' ? { name: nameOrOptions } : nameOrOptions || {};\n\n    if (!options.name) options.name = String(propertyKey);\n    if (!options.type) options.type = String;\n    if (options.disableReflect === undefined) options.disableReflect = false;\n\n    let list = ReflectUtils.getMetadata<AttributeMetadata[]>(ATTRIBUTE_METADATA_KEY, constructor);\n    if (!list) {\n      list = [];\n      ReflectUtils.defineMetadata(ATTRIBUTE_METADATA_KEY, list, constructor);\n    }\n    list.push({ propertyKey, options });\n\n    // Define getter and setter for the property\n    const internalKey = Symbol(String(propertyKey));\n    Object.defineProperty(target, propertyKey, {\n      get(this: any) {\n        return this[internalKey];\n      },\n      set(this: any, val: any) {\n        const oldVal = this[internalKey];\n        if (oldVal === val) return;\n\n        // Type conversion\n        let convertedVal = val;\n        if (options.type === Number) convertedVal = Number(val);\n        else if (options.type === Boolean) convertedVal = Boolean(val);\n        else if (options.type === Object && typeof val === 'string') {\n          try {\n            convertedVal = JSON.parse(val);\n          } catch (e) {\n            convertedVal = val;\n          }\n        }\n\n        this[internalKey] = convertedVal;\n\n        // Reflection\n        if (!options.disableReflect && this.setAttribute) {\n          if (convertedVal === null || convertedVal === undefined || convertedVal === false) {\n            this.removeAttribute(options.name);\n          } else {\n            const attrVal = typeof convertedVal === 'object' ? JSON.stringify(convertedVal) : String(convertedVal);\n            if (this.getAttribute(options.name) !== attrVal) {\n              this.setAttribute(options.name, attrVal);\n            }\n          }\n        }\n      },\n      enumerable: true,\n      configurable: true\n    });\n  };\n}\n\nexport const getAttributeMetadataList = (target: any): AttributeMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(ATTRIBUTE_METADATA_KEY, constructor);\n};\n"],
-  "mappings": "AAAA,SAAS,oBAAoB;AAatB,MAAM,yBAAyB,OAAO,gCAAgC;AAEtE,SAAS,UAAU,eAA8D;AACtF,SAAO,CAAC,QAAgB,gBAAiC;AACvD,UAAM,cAAc,OAAO;AAC3B,UAAM,UAA4B,OAAO,kBAAkB,WAAW,EAAE,MAAM,cAAc,IAAI,iBAAiB,CAAC;AAElH,QAAI,CAAC,QAAQ,KAAM,SAAQ,OAAO,OAAO,WAAW;AACpD,QAAI,CAAC,QAAQ,KAAM,SAAQ,OAAO;AAClC,QAAI,QAAQ,mBAAmB,OAAW,SAAQ,iBAAiB;AAEnE,QAAI,OAAO,aAAa,YAAiC,wBAAwB,WAAW;AAC5F,QAAI,CAAC,MAAM;AACT,aAAO,CAAC;AACR,mBAAa,eAAe,wBAAwB,MAAM,WAAW;AAAA,IACvE;AACA,SAAK,KAAK,EAAE,aAAa,QAAQ,CAAC;AAGlC,UAAM,cAAc,OAAO,OAAO,WAAW,CAAC;AAC9C,WAAO,eAAe,QAAQ,aAAa;AAAA,MACzC,MAAe;AACb,eAAO,KAAK,WAAW;AAAA,MACzB;AAAA,MACA,IAAe,KAAU;AACvB,cAAM,SAAS,KAAK,WAAW;AAC/B,YAAI,WAAW,IAAK;AAGpB,YAAI,eAAe;AACnB,YAAI,QAAQ,SAAS,OAAQ,gBAAe,OAAO,GAAG;AAAA,iBAC7C,QAAQ,SAAS,QAAS,gBAAe,QAAQ,GAAG;AAAA,iBACpD,QAAQ,SAAS,UAAU,OAAO,QAAQ,UAAU;AAC3D,cAAI;AACF,2BAAe,KAAK,MAAM,GAAG;AAAA,UAC/B,SAAS,GAAG;AACV,2BAAe;AAAA,UACjB;AAAA,QACF;AAEA,aAAK,WAAW,IAAI;AAGpB,YAAI,CAAC,QAAQ,kBAAkB,KAAK,cAAc;AAChD,cAAI,iBAAiB,QAAQ,iBAAiB,UAAa,iBAAiB,OAAO;AACjF,iBAAK,gBAAgB,QAAQ,IAAI;AAAA,UACnC,OAAO;AACL,kBAAM,UAAU,OAAO,iBAAiB,WAAW,KAAK,UAAU,YAAY,IAAI,OAAO,YAAY;AACrG,gBAAI,KAAK,aAAa,QAAQ,IAAI,MAAM,SAAS;AAC/C,mBAAK,aAAa,QAAQ,MAAM,OAAO;AAAA,YACzC;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,MACA,YAAY;AAAA,MACZ,cAAc;AAAA,IAChB,CAAC;AAAA,EACH;AACF;AAEO,MAAM,2BAA2B,CAAC,WAAiD;AACxF,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,YAAY,wBAAwB,WAAW;AACrE;",
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\n\nexport interface AttributeOptions {\n  name?: string;\n  type?: any; // String, Number, Boolean, Object\n  disableReflect?: boolean; // Default is false (reflect is enabled by default)\n}\n\nexport interface AttributeMetadata {\n  propertyKey: string | symbol;\n  options: AttributeOptions;\n}\n\nexport const ATTRIBUTE_METADATA_KEY = Symbol('simple-web-component:attribute');\n\nexport function attribute(nameOrOptions?: string | AttributeOptions): PropertyDecorator;\nexport function attribute(target: Object, propertyKey: string | symbol): void;\nexport function attribute(arg1?: string | AttributeOptions | Object, arg2?: string | symbol): any {\n  const decorator = (options: AttributeOptions, target: Object, propertyKey: string | symbol) => {\n    const constructor = target.constructor;\n    if (!options.name) options.name = String(propertyKey);\n    if (!options.type) options.type = String;\n    if (options.disableReflect === undefined) options.disableReflect = false;\n\n    let list = ReflectUtils.getMetadata<AttributeMetadata[]>(ATTRIBUTE_METADATA_KEY, constructor);\n    if (!list) {\n      list = [];\n      ReflectUtils.defineMetadata(ATTRIBUTE_METADATA_KEY, list, constructor);\n    }\n    list.push({ propertyKey, options });\n\n    // Define getter and setter for the property\n    const internalKey = Symbol(String(propertyKey));\n    Object.defineProperty(target, propertyKey, {\n      get(this: any) {\n        return this[internalKey];\n      },\n      set(this: any, val: any) {\n        const oldVal = this[internalKey];\n        if (oldVal === val) return;\n\n        // Type conversion\n        let convertedVal = val;\n        if (options.type === Number) convertedVal = Number(val);\n        else if (options.type === Boolean) convertedVal = Boolean(val);\n        else if (options.type === Object && typeof val === 'string') {\n          try {\n            convertedVal = JSON.parse(val);\n          } catch (e) {\n            convertedVal = val;\n          }\n        }\n\n        this[internalKey] = convertedVal;\n\n        // Surgical Update Trigger\n        if (typeof (this as any)._updateState === 'function') {\n          (this as any)._updateState(options.name);\n        }\n\n        // Reflection\n        if (!options.disableReflect && this.setAttribute) {\n          if (convertedVal === null || convertedVal === undefined || convertedVal === false) {\n            this.removeAttribute(options.name!);\n          } else {\n            const attrVal = typeof convertedVal === 'object' ? JSON.stringify(convertedVal) : String(convertedVal);\n            if (this.getAttribute(options.name!) !== attrVal) {\n              this.setAttribute(options.name!, attrVal);\n            }\n          }\n        }\n      },\n      enumerable: true,\n      configurable: true\n    });\n  };\n\n  // Case: @attribute (parameterless decorator)\n  if (arg1 && typeof arg2 === 'string') {\n    return decorator({}, arg1 as Object, arg2 as string | symbol);\n  }\n\n  // Case: @attribute('name') or @attribute({ ... })\n  return (target: Object, propertyKey: string | symbol) => {\n    const options: AttributeOptions = typeof arg1 === 'string' ? { name: arg1 } : (arg1 as AttributeOptions) || {};\n    decorator(options, target, propertyKey);\n  };\n}\n\nexport const getAttributeMetadataList = (target: any): AttributeMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(ATTRIBUTE_METADATA_KEY, constructor);\n};\n"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAatB,MAAM,yBAAyB,OAAO,gCAAgC;AAItE,SAAS,UAAU,MAA2C,MAA6B;AAChG,QAAM,YAAY,CAAC,SAA2B,QAAgB,gBAAiC;AAC7F,UAAM,cAAc,OAAO;AAC3B,QAAI,CAAC,QAAQ,KAAM,SAAQ,OAAO,OAAO,WAAW;AACpD,QAAI,CAAC,QAAQ,KAAM,SAAQ,OAAO;AAClC,QAAI,QAAQ,mBAAmB,OAAW,SAAQ,iBAAiB;AAEnE,QAAI,OAAO,aAAa,YAAiC,wBAAwB,WAAW;AAC5F,QAAI,CAAC,MAAM;AACT,aAAO,CAAC;AACR,mBAAa,eAAe,wBAAwB,MAAM,WAAW;AAAA,IACvE;AACA,SAAK,KAAK,EAAE,aAAa,QAAQ,CAAC;AAGlC,UAAM,cAAc,OAAO,OAAO,WAAW,CAAC;AAC9C,WAAO,eAAe,QAAQ,aAAa;AAAA,MACzC,MAAe;AACb,eAAO,KAAK,WAAW;AAAA,MACzB;AAAA,MACA,IAAe,KAAU;AACvB,cAAM,SAAS,KAAK,WAAW;AAC/B,YAAI,WAAW,IAAK;AAGpB,YAAI,eAAe;AACnB,YAAI,QAAQ,SAAS,OAAQ,gBAAe,OAAO,GAAG;AAAA,iBAC7C,QAAQ,SAAS,QAAS,gBAAe,QAAQ,GAAG;AAAA,iBACpD,QAAQ,SAAS,UAAU,OAAO,QAAQ,UAAU;AAC3D,cAAI;AACF,2BAAe,KAAK,MAAM,GAAG;AAAA,UAC/B,SAAS,GAAG;AACV,2BAAe;AAAA,UACjB;AAAA,QACF;AAEA,aAAK,WAAW,IAAI;AAGpB,YAAI,OAAQ,KAAa,iBAAiB,YAAY;AACpD,UAAC,KAAa,aAAa,QAAQ,IAAI;AAAA,QACzC;AAGA,YAAI,CAAC,QAAQ,kBAAkB,KAAK,cAAc;AAChD,cAAI,iBAAiB,QAAQ,iBAAiB,UAAa,iBAAiB,OAAO;AACjF,iBAAK,gBAAgB,QAAQ,IAAK;AAAA,UACpC,OAAO;AACL,kBAAM,UAAU,OAAO,iBAAiB,WAAW,KAAK,UAAU,YAAY,IAAI,OAAO,YAAY;AACrG,gBAAI,KAAK,aAAa,QAAQ,IAAK,MAAM,SAAS;AAChD,mBAAK,aAAa,QAAQ,MAAO,OAAO;AAAA,YAC1C;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,MACA,YAAY;AAAA,MACZ,cAAc;AAAA,IAChB,CAAC;AAAA,EACH;AAGA,MAAI,QAAQ,OAAO,SAAS,UAAU;AACpC,WAAO,UAAU,CAAC,GAAG,MAAgB,IAAuB;AAAA,EAC9D;AAGA,SAAO,CAAC,QAAgB,gBAAiC;AACvD,UAAM,UAA4B,OAAO,SAAS,WAAW,EAAE,MAAM,KAAK,IAAK,QAA6B,CAAC;AAC7G,cAAU,SAAS,QAAQ,WAAW;AAAA,EACxC;AACF;AAEO,MAAM,2BAA2B,CAAC,WAAiD;AACxF,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,YAAY,wBAAwB,WAAW;AACrE;",
   "names": []
 }