@dooboostore/simple-web-component 1.0.47 → 1.0.49

package/dist/esm/decorators/applyProperty.js

@@ -112,6 +112,12 @@ function applyProperty(selector, targetPropertyKeyOrOptions, options) {
           return;
         }
         const resolvedRes = typeof resolvedValue === "function" ? resolvedValue(targetEl, hostSet) : resolvedValue;
+        if (finalOptions.setType === "call") {
+          if (typeof targetEl[targetPropertyKey] !== "function") return;
+          if (Array.isArray(resolvedRes)) targetEl[targetPropertyKey].apply(targetEl, resolvedRes);
+          else targetEl[targetPropertyKey].call(targetEl, resolvedRes);
+          return;
+        }
         targetEl[targetPropertyKey] = resolvedRes;
       });
       return resolvedValue;
@@ -156,7 +162,11 @@ function applyProperty(selector, targetPropertyKeyOrOptions, options) {
           }
           return true;
         });
-        const values = filtered.map((el) => el[targetPropertyKey]);
+        const values = filtered.map((el) => {
+          const raw = el[targetPropertyKey];
+          if (finalOptions.getType === "call" && typeof raw === "function") return raw.call(el);
+          return raw;
+        });
         return values.length === 1 ? values[0] : values;
       },
       set(value) {
@@ -167,20 +177,50 @@ function applyProperty(selector, targetPropertyKeyOrOptions, options) {
   };
 }
 function property(selectorOrTarget, targetPropertyKeyOrOptions, optionsOrDescriptor) {
-  if (optionsOrDescriptor !== void 0 && (typeof targetPropertyKeyOrOptions === "string" || typeof targetPropertyKeyOrOptions === "symbol")) {
+  if (optionsOrDescriptor !== void 0 && typeof selectorOrTarget !== "string" && typeof selectorOrTarget !== "function" && (typeof targetPropertyKeyOrOptions === "string" || typeof targetPropertyKeyOrOptions === "symbol")) {
     return applyProperty("$this", void 0, {})(selectorOrTarget, targetPropertyKeyOrOptions, optionsOrDescriptor);
   }
   if (typeof selectorOrTarget === "string") {
     return applyProperty(selectorOrTarget, targetPropertyKeyOrOptions, optionsOrDescriptor);
   }
+  if (typeof selectorOrTarget === "function") {
+    return applyProperty(selectorOrTarget, targetPropertyKeyOrOptions, optionsOrDescriptor);
+  }
   return applyProperty("$this", void 0, selectorOrTarget);
 }
 function setProperty(selectorOrOptions, targetPropertyKeyOrOptions, optionsOrUndefined) {
   if (typeof selectorOrOptions === "string") {
     return applyProperty(selectorOrOptions, targetPropertyKeyOrOptions, optionsOrUndefined);
   }
+  if (typeof selectorOrOptions === "function") {
+    return applyProperty(selectorOrOptions, targetPropertyKeyOrOptions, optionsOrUndefined);
+  }
   return applyProperty("$this", void 0, selectorOrOptions);
 }
+function callProperty(selectorOrTarget, targetMethodKeyOrOptions, optionsOrUndefined) {
+  if (typeof selectorOrTarget === "string" || typeof selectorOrTarget === "function") {
+    if (typeof targetMethodKeyOrOptions === "string" || typeof targetMethodKeyOrOptions === "symbol") {
+      return applyProperty(selectorOrTarget, targetMethodKeyOrOptions, { ...optionsOrUndefined ?? {}, setType: "call" });
+    }
+    return applyProperty(selectorOrTarget, { ...optionsOrUndefined ?? targetMethodKeyOrOptions ?? {}, setType: "call" });
+  }
+  return applyProperty("$this", void 0, { ...selectorOrTarget ?? {}, setType: "call" });
+}
+function callPropertyLight(selector, targetMethodKeyOrOptions, options) {
+  if (targetMethodKeyOrOptions != null && typeof targetMethodKeyOrOptions !== "string" && typeof targetMethodKeyOrOptions !== "symbol") {
+    return callProperty(selector, void 0, { ...targetMethodKeyOrOptions ?? {}, root: "light" });
+  }
+  return callProperty(selector, targetMethodKeyOrOptions, { ...options ?? {}, root: "light" });
+}
+function callPropertyShadow(selector, targetMethodKeyOrOptions, options) {
+  if (targetMethodKeyOrOptions != null && typeof targetMethodKeyOrOptions !== "string" && typeof targetMethodKeyOrOptions !== "symbol") {
+    return callProperty(selector, void 0, { ...targetMethodKeyOrOptions ?? {}, root: "shadow" });
+  }
+  return callProperty(selector, targetMethodKeyOrOptions, { ...options ?? {}, root: "shadow" });
+}
+function callPropertyAll(selector, targetMethodKey, options) {
+  return callProperty(selector, targetMethodKey, { ...options ?? {}, root: "all" });
+}
 const findAllPropertyMetadata = (target) => {
   const actualTarget = target instanceof Function ? target : target.constructor;
   return ReflectUtils.findAllMetadata(PROPERTY_METADATA_KEY, actualTarget).flat();
@@ -192,15 +232,73 @@ const findAllPropertyApplyMetadata = (target) => {
   });
   return result;
 };
+const prop = applyProperty;
+function propThis(targetPropertyKey, options) {
+  return applyProperty("$this", targetPropertyKey, options);
+}
+function propAppHost(targetPropertyKey, options) {
+  return applyProperty("$appHost", targetPropertyKey, options);
+}
+function propWindow(targetPropertyKey, options) {
+  return applyProperty("$window", targetPropertyKey, options);
+}
+function propDocument(targetPropertyKey, options) {
+  return applyProperty("$document", targetPropertyKey, options);
+}
+function propLight(selector, targetPropertyKey, options) {
+  return applyProperty(selector, targetPropertyKey, { ...options ?? {}, root: "light" });
+}
+function propShadow(selector, targetPropertyKey, options) {
+  return applyProperty(selector, targetPropertyKey, { ...options ?? {}, root: "shadow" });
+}
+function propAll(selector, targetPropertyKey, options) {
+  return applyProperty(selector, targetPropertyKey, { ...options ?? {}, root: "all" });
+}
+function setPropertyLight(selector, targetPropertyKey, options) {
+  return applyProperty(selector, targetPropertyKey, { ...options ?? {}, root: "light" });
+}
+function setPropertyShadow(selector, targetPropertyKey, options) {
+  return applyProperty(selector, targetPropertyKey, { ...options ?? {}, root: "shadow" });
+}
+function setPropertyAll(selector, targetPropertyKey, options) {
+  return applyProperty(selector, targetPropertyKey, { ...options ?? {}, root: "all" });
+}
+function propertyLight(selector, targetPropertyKey, options) {
+  return applyProperty(selector, targetPropertyKey, { ...options ?? {}, root: "light" });
+}
+function propertyShadow(selector, targetPropertyKey, options) {
+  return applyProperty(selector, targetPropertyKey, { ...options ?? {}, root: "shadow" });
+}
+function propertyAll(selector, targetPropertyKey, options) {
+  return applyProperty(selector, targetPropertyKey, { ...options ?? {}, root: "all" });
+}
 var applyProperty_default = applyProperty;
 export {
   PROPERTY_METADATA_KEY,
   applyProperty,
+  callProperty,
+  callPropertyAll,
+  callPropertyLight,
+  callPropertyShadow,
   applyProperty_default as default,
   findAllPropertyApplyMetadata,
   findAllPropertyMetadata,
+  prop,
+  propAll,
+  propAppHost,
+  propDocument,
+  propLight,
+  propShadow,
+  propThis,
+  propWindow,
   property,
+  propertyAll,
+  propertyLight,
+  propertyShadow,
   resolvePropertyTargets,
-  setProperty
+  setProperty,
+  setPropertyAll,
+  setPropertyLight,
+  setPropertyShadow
 };
 //# sourceMappingURL=applyProperty.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/applyProperty.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { ensureInit, getElementConfig } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { SwcQueryOptions, HelperHostSet } from '../types';\n\nexport interface PropertyOptions extends SwcQueryOptions {\n  name?: string | symbol;\n  filter?: (target: HTMLElement, value: any, meta: {currentThis: any, helper: HelperHostSet}) => boolean;\n  /**\n   * Custom key to extract value from return object.\n   * If not provided, uses PROPERTY_METADATA_KEY by default.\n   * Useful when multiple @setProperty decorators are on the same method.\n   * \n   * Example:\n   * @setProperty('selector1', { valueKey: 'prop1' })\n   * @setProperty('selector2', { valueKey: 'prop2' })\n   * myMethod() {\n   *   return {\n   *     prop1: 'value1',\n   *     prop2: 'value2'\n   *   };\n   * }\n   * \n   * Or with symbols:\n   * @setProperty('selector1', { valueKey: Symbol.for('prop1') })\n   * @setProperty('selector2', { valueKey: Symbol.for('prop2') })\n   * myMethod() {\n   *   return {\n   *     [Symbol.for('prop1')]: 'value1',\n   *     [Symbol.for('prop2')]: 'value2'\n   *   };\n   * }\n   */\n  valueKey?: symbol | string;\n}\n\nexport type PropertySelector = string | ((currentThis: any, helper: HelperHostSet) => NodeList | Element | Element[] | null);\n\nexport interface PropertyMetadata {\n  propertyKey: string | symbol;\n  selector: PropertySelector;\n  targetPropertyKey: string | symbol;\n  options: PropertyOptions;\n  type: 'property' | 'method';\n}\n\nexport const PROPERTY_METADATA_KEY = Symbol.for('simple-web-component:property');\n\n// ============================================\n// Utilities\n// ============================================\n\n/**\n * Resolve target elements based on selector and options\n * Handles special selectors ($this, $host, etc.), CSS selectors, and function-based selectors\n * Returns HTMLElement[] but can include Window and Document for property access\n */\nexport const resolvePropertyTargets = (inst: any, selector: PropertySelector, options: PropertyOptions): any[] => {\n  const conf = getElementConfig(inst);\n  const currentWin = conf.window;\n  const r = options.root || 'auto';\n  const results: any[] = [];\n\n  // Resolve selector if it's a function\n  let resolvedSelector: string | Element | NodeList | Element[] | null = selector as any;\n  if (typeof selector === 'function') {\n    const hostSet = SwcUtils.getHelperAndHostSet(currentWin, inst);\n    resolvedSelector = selector(inst, hostSet);\n  }\n\n  // If selector function returned elements directly, use them\n  if (resolvedSelector instanceof currentWin.Element) {\n    results.push(resolvedSelector);\n    return results;\n  }\n  if (resolvedSelector instanceof currentWin.NodeList) {\n    results.push(...Array.from(resolvedSelector));\n    return results;\n  }\n  if (Array.isArray(resolvedSelector)) {\n    results.push(...resolvedSelector);\n    return results;\n  }\n  if (resolvedSelector === null) {\n    return results;\n  }\n\n  // Handle string selector\n  const stringSelector = resolvedSelector as string;\n\n  const applyRoot = (target: any) => {\n    if (!target) return;\n    if (r === 'auto') {\n      results.push(target);\n    } else {\n      if (r === 'light' || r === 'all') results.push(target);\n      if ((r === 'shadow' || r === 'all') && target.shadowRoot) results.push(target.shadowRoot);\n    }\n  };\n\n  if (stringSelector === '$this' || !stringSelector) {\n    applyRoot(inst);\n  } else if (stringSelector === '$window') {\n    results.push(currentWin);\n  } else if (stringSelector === '$document') {\n    results.push(currentWin.document);\n  } else {\n    const hostSet = SwcUtils.getHostSet(inst);\n    if (stringSelector === '$host') applyRoot(hostSet.$host);\n    else if (stringSelector === '$parentHost') applyRoot(hostSet.$parentHost);\n    else if (stringSelector === '$appHost') applyRoot(hostSet.$appHost as any);\n    else if (stringSelector === '$firstHost') applyRoot(hostSet.$firstHost);\n    else if (stringSelector === '$lastHost') applyRoot(hostSet.$lastHost);\n    else if (stringSelector === '$firstAppHost') applyRoot(hostSet.$firstAppHost as any);\n    else if (stringSelector === '$lastAppHost') applyRoot(hostSet.$lastAppHost as any);\n    else if (stringSelector === '$hosts') hostSet.$hosts.forEach(applyRoot);\n    else if (stringSelector === '$appHosts') hostSet.$appHosts.forEach(applyRoot);\n    else {\n      if (r === 'shadow') {\n        const found = inst.shadowRoot?.querySelectorAll(stringSelector);\n        if (found) results.push(...found);\n      } else if (r === 'light') {\n        const found = inst.querySelectorAll(stringSelector);\n        if (found) results.push(...found);\n      } else if (r === 'all') {\n        const sMatch = inst.shadowRoot?.querySelectorAll(stringSelector);\n        const lMatch = inst.querySelectorAll(stringSelector);\n        if (sMatch) results.push(...sMatch);\n        if (lMatch) results.push(...lMatch);\n      } else {\n        const found = (inst.shadowRoot || inst).querySelectorAll(stringSelector);\n        if (found) results.push(...found);\n      }\n    }\n  }\n  return results;\n};\n\n/**\n * @applyProperty decorator - set/get element properties\n * \n * Usage:\n * - @applyProperty('selector', 'propertyName') - Set property with explicit name\n * - @applyProperty('selector') - Use property name as target property name\n * - @applyProperty('selector', { name: 'propertyName' }) - Set property via options\n * - @applyProperty((this, helper) => 'selector', 'propertyName') - Function-based selector\n * - Return null/undefined to skip setting\n */\nexport function applyProperty(selector: PropertySelector, targetPropertyKey: string | symbol, options?: PropertyOptions): MethodDecorator & PropertyDecorator;\nexport function applyProperty(selector: PropertySelector, options?: PropertyOptions): MethodDecorator & PropertyDecorator;\nexport function applyProperty(selector: PropertySelector, targetPropertyKeyOrOptions?: string | symbol | PropertyOptions, options?: PropertyOptions): MethodDecorator & PropertyDecorator {\n  return (target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor) => {\n    // ensureInit(target as any);\n    \n    const constructor = target.constructor;\n    const metaType: 'property' | 'method' = descriptor && typeof descriptor.value === 'function' ? 'method' : 'property';\n    \n    // Parse arguments\n    let finalOptions: PropertyOptions = {};\n    let targetPropertyKey: string | symbol;\n    \n    if (typeof targetPropertyKeyOrOptions === 'string' || typeof targetPropertyKeyOrOptions === 'symbol') {\n      // applyProperty('selector', 'propertyName', options?)\n      targetPropertyKey = targetPropertyKeyOrOptions;\n      finalOptions = options || {};\n    } else if (targetPropertyKeyOrOptions) {\n      // applyProperty('selector', options)\n      finalOptions = targetPropertyKeyOrOptions;\n      targetPropertyKey = finalOptions.name || propertyKey;\n    } else {\n      // applyProperty('selector')\n      targetPropertyKey = propertyKey;\n    }\n\n    // Store metadata\n    let metaList = ReflectUtils.getOwnMetadata(PROPERTY_METADATA_KEY, constructor) as PropertyMetadata[];\n    if (!metaList) {\n      metaList = [];\n      ReflectUtils.defineMetadata(PROPERTY_METADATA_KEY, metaList, constructor);\n    }\n    metaList.push({\n      propertyKey,\n      selector: selector as PropertySelector,\n      targetPropertyKey,\n      options: finalOptions,\n      type: metaType\n    });\n\n    // Helper: apply resolved value to targets\n    const applyValueToTargets = (inst: any, resolvedValue: any) => {\n      if (resolvedValue === undefined) return resolvedValue;\n\n      const targetEls = resolvePropertyTargets(inst, selector, finalOptions);\n      const conf = getElementConfig(inst);\n      const currentWin = conf.window;\n      const hostSet = SwcUtils.getHelperAndHostSet(currentWin, inst);\n\n      targetEls.forEach(targetEl => {\n        // Apply filter if provided\n        if (finalOptions.filter && !finalOptions.filter(targetEl, resolvedValue, { currentThis: inst, helper: hostSet })) {\n          return;\n        }\n\n        const resolvedRes = typeof resolvedValue === 'function' ? (resolvedValue as any)(targetEl, hostSet) : resolvedValue;\n        (targetEl as any)[targetPropertyKey] = resolvedRes;\n      });\n\n      return resolvedValue;\n    };\n\n    // Method decorator: wrap method to apply its return value to properties\n    if (descriptor && typeof descriptor.value === 'function') {\n      const original = descriptor.value;\n      descriptor.value = function (...args: any[]) {\n        ensureInit(this);\n        const res = (original as any).apply(this, args);\n\n        /**\n         * Extract value for this decorator from method return value\n         * \n         * If return value is an object with this decorator's symbol key,\n         * use that value. Otherwise use the entire return value.\n         * \n         * Example:\n         * @setProperty('selector')\n         * myMethod() {\n         *   return {\n         *     [PROPERTY_METADATA_KEY]: 'property-value',\n         *     [OTHER_DECORATOR_KEY]: 'other-value'\n         *   };\n         * }\n         * \n         * This decorator will use 'property-value'\n         */\n        const extractValue = (v: any) => {\n          if (v && typeof v === 'object' && PROPERTY_METADATA_KEY in v) {\n            return v[PROPERTY_METADATA_KEY];\n          }\n          return v;\n        };\n\n        if (res instanceof Promise) {\n          return res.then((v: any) => { \n            const extracted = extractValue(v);\n            applyValueToTargets(this, extracted); \n            return v; \n          });\n        } else {\n          const extracted = extractValue(res);\n          applyValueToTargets(this, extracted);\n          return res;\n        }\n      };\n      return;\n    }\n\n    // Property decorator: define getter/setter to proxy to element properties\n    Object.defineProperty(target, propertyKey, {\n      configurable: true,\n      enumerable: true,\n      get(this: any) {\n        ensureInit(this);\n        // Read from matched elements\n        const targetEls = resolvePropertyTargets(this, selector, finalOptions);\n        const conf = getElementConfig(this);\n        const currentWin = conf.window;\n        const hostSet = SwcUtils.getHelperAndHostSet(currentWin, this);\n\n        // Apply filter\n        const filtered = targetEls.filter(el => {\n          if (finalOptions.filter && !finalOptions.filter(el, (el as any)[targetPropertyKey], { currentThis: this, helper: hostSet })) {\n            return false;\n          }\n          return true;\n        });\n\n        const values = filtered.map(el => (el as any)[targetPropertyKey]);\n        return values.length === 1 ? values[0] : values;\n      },\n      set(this: any, value: any) {\n        ensureInit(this);\n        applyValueToTargets(this, value);\n      }\n    });\n  };\n}\n\n// ============================================\n// Convenience Aliases\n// ============================================\n\n/**\n * @property - Field decorator for binding element properties (read/write)\n * \n * Usage:\n * - @property('selector', 'propertyName') - Bind to specific property\n * - @property('selector') - Use field name as property name\n * - @property('selector', options) - Bind with options\n * - @property((this, helper) => 'selector', 'propertyName') - Function-based selector\n * - @property - Bare decorator (binds to $this with field name)\n * \n * Note: This decorator is for FIELDS ONLY. For methods, use @setProperty.\n */\nexport function property(target: Object, propertyKey: string | symbol): void;\nexport function property(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): PropertyDescriptor | void;\nexport function property(selector: PropertySelector, targetPropertyKey: string | symbol, options?: PropertyOptions): PropertyDecorator;\nexport function property(selector: PropertySelector, options?: PropertyOptions): PropertyDecorator;\nexport function property(selectorOrTarget?: PropertySelector | Object, targetPropertyKeyOrOptions?: any, optionsOrDescriptor?: any): any {\n  // Bare decorator: @property\n  if (optionsOrDescriptor !== undefined && (typeof targetPropertyKeyOrOptions === 'string' || typeof targetPropertyKeyOrOptions === 'symbol')) {\n    return applyProperty('$this', undefined as any, {})(selectorOrTarget as Object, targetPropertyKeyOrOptions, optionsOrDescriptor as PropertyDescriptor);\n  }\n  // With selector\n  if (typeof selectorOrTarget === 'string') {\n    return applyProperty(selectorOrTarget, targetPropertyKeyOrOptions as any, optionsOrDescriptor as PropertyOptions);\n  }\n  // Without selector (defaults to $this)\n  return applyProperty('$this', undefined as any, selectorOrTarget as PropertyOptions);\n}\n\n/**\n * @setProperty - Method decorator for setting element properties from method return value\n * \n * Usage:\n * - @setProperty('selector', 'propertyName') - Set specific property\n * - @setProperty('selector') - Use method name as property name\n * - @setProperty('selector', options) - Set with options\n * - @setProperty((this, helper) => 'selector', 'propertyName') - Function-based selector\n * - @setProperty - Bare decorator (sets on $this with method name)\n * \n * Note: This decorator is for METHODS ONLY. For fields, use @property.\n * \n * Example:\n * @setProperty('selector', 'disabled')\n * disableElement() {\n *   return true;\n * }\n */\nexport function setProperty(selector: PropertySelector, targetPropertyKey: string | symbol, options?: PropertyOptions): MethodDecorator;\nexport function setProperty(selector: PropertySelector, options?: PropertyOptions): MethodDecorator;\nexport function setProperty(selectorOrOptions?: PropertySelector | PropertyOptions, targetPropertyKeyOrOptions?: any, optionsOrUndefined?: PropertyOptions): MethodDecorator {\n  // With selector\n  if (typeof selectorOrOptions === 'string') {\n    return applyProperty(selectorOrOptions, targetPropertyKeyOrOptions as any, optionsOrUndefined as PropertyOptions) as MethodDecorator;\n  }\n  // Without selector (defaults to $this)\n  return applyProperty('$this', undefined as any, selectorOrOptions as PropertyOptions) as MethodDecorator;\n}\n\n// ============================================\n// Metadata Helpers\n// ============================================\n\nexport const findAllPropertyMetadata = (target: any): PropertyMetadata[] => {\n  const actualTarget = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.findAllMetadata<PropertyMetadata[]>(PROPERTY_METADATA_KEY, actualTarget).flat();\n};\n\n// Backward compatibility alias\nexport const findAllPropertyApplyMetadata = (target: any): Map<string | symbol, PropertyMetadata> => {\n  const result = new Map<string | symbol, PropertyMetadata>();\n  findAllPropertyMetadata(target).forEach(meta => {\n    result.set(meta.propertyKey, meta);\n  });\n  return result;\n};\n\n\nexport default applyProperty;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { ensureInit, getElementConfig } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { SwcQueryOptions, HelperHostSet, SwcFnSelector, SwcSelector } from '../types';\n\n// \uACF5\uD1B5 \uC635\uC158 \u2014 root \uC5C6\uC74C\nexport interface PropertyBaseOptions {\n  name?: string | symbol;\n  filter?: (target: HTMLElement, value: any, meta: {currentThis: any, helper: HelperHostSet}) => boolean;\n  valueKey?: symbol | string;\n  /** \uC77D\uAE30 \uBC29\uC2DD: 'get' \uD0C0\uAE43 \uD504\uB85C\uD37C\uD2F0 \uC77D\uAE30 (\uAE30\uBCF8), 'call' \uD0C0\uAE43 \uD638\uCD9C \uD6C4 \uB9AC\uD134 \uC0AC\uC6A9 */\n  getType?: 'get' | 'call';\n  /** \uC4F0\uAE30 \uBC29\uC2DD: 'set' \uD0C0\uAE43 \uD504\uB85C\uD37C\uD2F0 \uB300\uC785 (\uAE30\uBCF8), 'call' \uD0C0\uAE43 \uD638\uCD9C (\uBC30\uC5F4\uC774\uBA74 spread) */\n  setType?: 'set' | 'call';\n}\n\n// \uBB38\uC790\uC5F4 \uC140\uB809\uD130 \uC804\uC6A9 \u2014 root \uD5C8\uC6A9\nexport type PropertyQueryOptions = PropertyBaseOptions & SwcQueryOptions;\n// \uD568\uC218 \uC140\uB809\uD130 \uC804\uC6A9 \u2014 root \uAE08\uC9C0\nexport type PropertyNonQueryOptions = PropertyBaseOptions;\n// \uB0B4\uBD80 \uC800\uC7A5/\uD574\uC11D\uC6A9 \u2014 root optional\uC774\uB77C \uB450 \uC885\uB958 \uBAA8\uB450 \uC800\uC7A5 \uAC00\uB2A5\nexport type PropertyOptions = PropertyQueryOptions;\n\nexport type PropertyFnSelector = SwcFnSelector;\nexport type PropertySelector = SwcSelector;\n\n// \uC140\uB809\uD130 \uC885\uB958\uC5D0 \uB530\uB77C \uC635\uC158 \uD0C0\uC785 \uBD84\uAE30\nexport type PropertyOptionsOf<S extends PropertySelector> = S extends string ? PropertyQueryOptions : PropertyNonQueryOptions;\n\nexport interface PropertyMetadata {\n  propertyKey: string | symbol;\n  selector: PropertySelector;\n  targetPropertyKey: string | symbol;\n  options: PropertyOptions;\n  type: 'property' | 'method';\n}\n\nexport const PROPERTY_METADATA_KEY = Symbol.for('simple-web-component:property');\n\n// ============================================\n// Utilities\n// ============================================\n\n/**\n * Resolve target elements based on selector and options\n * Handles special selectors ($this, $host, etc.), CSS selectors, and function-based selectors\n * Returns HTMLElement[] but can include Window and Document for property access\n */\nexport const resolvePropertyTargets = (inst: any, selector: PropertySelector, options: PropertyOptions): any[] => {\n  const conf = getElementConfig(inst);\n  const currentWin = conf.window;\n  const r = options.root || 'auto';\n  const results: any[] = [];\n\n  // Resolve selector if it's a function\n  let resolvedSelector: string | Node | Element | NodeList | Element[] | null = selector as any;\n  if (typeof selector === 'function') {\n    const hostSet = SwcUtils.getHelperAndHostSet(currentWin, inst);\n    resolvedSelector = selector(inst, hostSet);\n  }\n\n  // If selector function returned elements directly, use them\n  if (resolvedSelector instanceof currentWin.Element) {\n    results.push(resolvedSelector);\n    return results;\n  }\n  if (resolvedSelector instanceof currentWin.NodeList) {\n    results.push(...Array.from(resolvedSelector));\n    return results;\n  }\n  if (Array.isArray(resolvedSelector)) {\n    results.push(...resolvedSelector);\n    return results;\n  }\n  if (resolvedSelector === null) {\n    return results;\n  }\n\n  // Handle string selector\n  const stringSelector = resolvedSelector as string;\n\n  const applyRoot = (target: any) => {\n    if (!target) return;\n    if (r === 'auto') {\n      results.push(target);\n    } else {\n      if (r === 'light' || r === 'all') results.push(target);\n      if ((r === 'shadow' || r === 'all') && target.shadowRoot) results.push(target.shadowRoot);\n    }\n  };\n\n  if (stringSelector === '$this' || !stringSelector) {\n    applyRoot(inst);\n  } else if (stringSelector === '$window') {\n    results.push(currentWin);\n  } else if (stringSelector === '$document') {\n    results.push(currentWin.document);\n  } else {\n    const hostSet = SwcUtils.getHostSet(inst);\n    if (stringSelector === '$host') applyRoot(hostSet.$host);\n    else if (stringSelector === '$parentHost') applyRoot(hostSet.$parentHost);\n    else if (stringSelector === '$appHost') applyRoot(hostSet.$appHost as any);\n    else if (stringSelector === '$firstHost') applyRoot(hostSet.$firstHost);\n    else if (stringSelector === '$lastHost') applyRoot(hostSet.$lastHost);\n    else if (stringSelector === '$firstAppHost') applyRoot(hostSet.$firstAppHost as any);\n    else if (stringSelector === '$lastAppHost') applyRoot(hostSet.$lastAppHost as any);\n    else if (stringSelector === '$hosts') hostSet.$hosts.forEach(applyRoot);\n    else if (stringSelector === '$appHosts') hostSet.$appHosts.forEach(applyRoot);\n    else {\n      if (r === 'shadow') {\n        const found = inst.shadowRoot?.querySelectorAll(stringSelector);\n        if (found) results.push(...found);\n      } else if (r === 'light') {\n        const found = inst.querySelectorAll(stringSelector);\n        if (found) results.push(...found);\n      } else if (r === 'all') {\n        const sMatch = inst.shadowRoot?.querySelectorAll(stringSelector);\n        const lMatch = inst.querySelectorAll(stringSelector);\n        if (sMatch) results.push(...sMatch);\n        if (lMatch) results.push(...lMatch);\n      } else {\n        const found = (inst.shadowRoot || inst).querySelectorAll(stringSelector);\n        if (found) results.push(...found);\n      }\n    }\n  }\n  return results;\n};\n\n/**\n * @applyProperty decorator - set/get element properties\n * \n * Usage:\n * - @applyProperty('selector', 'propertyName') - Set property with explicit name\n * - @applyProperty('selector') - Use property name as target property name\n * - @applyProperty('selector', { name: 'propertyName' }) - Set property via options\n * - @applyProperty((this, helper) => 'selector', 'propertyName') - Function-based selector\n * - Return null/undefined to skip setting\n */\nexport function applyProperty<S extends PropertySelector>(selector: S, targetPropertyKey: string | symbol, options?: PropertyOptionsOf<S>): MethodDecorator & PropertyDecorator;\nexport function applyProperty<S extends PropertySelector>(selector: S, options?: PropertyOptionsOf<S>): MethodDecorator & PropertyDecorator;\nexport function applyProperty(selector: PropertySelector, targetPropertyKeyOrOptions?: string | symbol | PropertyOptions, options?: PropertyOptions): MethodDecorator {\n  return (target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor) => {\n    // ensureInit(target as any);\n    \n    const constructor = target.constructor;\n    const metaType: 'property' | 'method' = descriptor && typeof descriptor.value === 'function' ? 'method' : 'property';\n    \n    // Parse arguments\n    let finalOptions: PropertyOptions = {};\n    let targetPropertyKey: string | symbol;\n    \n    if (typeof targetPropertyKeyOrOptions === 'string' || typeof targetPropertyKeyOrOptions === 'symbol') {\n      // applyProperty('selector', 'propertyName', options?)\n      targetPropertyKey = targetPropertyKeyOrOptions;\n      finalOptions = options || {};\n    } else if (targetPropertyKeyOrOptions) {\n      // applyProperty('selector', options)\n      finalOptions = targetPropertyKeyOrOptions;\n      targetPropertyKey = finalOptions.name || propertyKey;\n    } else {\n      // applyProperty('selector')\n      targetPropertyKey = propertyKey;\n    }\n\n    // Store metadata\n    let metaList = ReflectUtils.getOwnMetadata(PROPERTY_METADATA_KEY, constructor) as PropertyMetadata[];\n    if (!metaList) {\n      metaList = [];\n      ReflectUtils.defineMetadata(PROPERTY_METADATA_KEY, metaList, constructor);\n    }\n    metaList.push({\n      propertyKey,\n      selector: selector as PropertySelector,\n      targetPropertyKey,\n      options: finalOptions,\n      type: metaType\n    });\n\n    // Helper: apply resolved value to targets (setType 'call'\uC774\uBA74 \uD0C0\uAE43 \uD638\uCD9C \u2014 \uBC30\uC5F4\uC740 spread)\n    const applyValueToTargets = (inst: any, resolvedValue: any) => {\n      if (resolvedValue === undefined) return resolvedValue;\n\n      const targetEls = resolvePropertyTargets(inst, selector, finalOptions);\n      const conf = getElementConfig(inst);\n      const currentWin = conf.window;\n      const hostSet = SwcUtils.getHelperAndHostSet(currentWin, inst);\n\n      targetEls.forEach(targetEl => {\n        // Apply filter if provided\n        if (finalOptions.filter && !finalOptions.filter(targetEl, resolvedValue, { currentThis: inst, helper: hostSet })) {\n          return;\n        }\n\n        const resolvedRes = typeof resolvedValue === 'function' ? (resolvedValue as any)(targetEl, hostSet) : resolvedValue;\n        if (finalOptions.setType === 'call') {\n          if (typeof (targetEl as any)[targetPropertyKey] !== 'function') return;\n          if (Array.isArray(resolvedRes)) (targetEl as any)[targetPropertyKey].apply(targetEl, resolvedRes);\n          else (targetEl as any)[targetPropertyKey].call(targetEl, resolvedRes);\n          return;\n        }\n        (targetEl as any)[targetPropertyKey] = resolvedRes;\n      });\n\n      return resolvedValue;\n    };\n\n    // Method decorator: wrap method to apply its return value to properties\n    if (descriptor && typeof descriptor.value === 'function') {\n      const original = descriptor.value;\n      descriptor.value = function (...args: any[]) {\n        ensureInit(this);\n        const res = (original as any).apply(this, args);\n\n        /**\n         * Extract value for this decorator from method return value\n         * \n         * If return value is an object with this decorator's symbol key,\n         * use that value. Otherwise use the entire return value.\n         * \n         * Example:\n         * @setProperty('selector')\n         * myMethod() {\n         *   return {\n         *     [PROPERTY_METADATA_KEY]: 'property-value',\n         *     [OTHER_DECORATOR_KEY]: 'other-value'\n         *   };\n         * }\n         * \n         * This decorator will use 'property-value'\n         */\n        const extractValue = (v: any) => {\n          if (v && typeof v === 'object' && PROPERTY_METADATA_KEY in v) {\n            return v[PROPERTY_METADATA_KEY];\n          }\n          return v;\n        };\n\n        if (res instanceof Promise) {\n          return res.then((v: any) => { \n            const extracted = extractValue(v);\n            applyValueToTargets(this, extracted); \n            return v; \n          });\n        } else {\n          const extracted = extractValue(res);\n          applyValueToTargets(this, extracted);\n          return res;\n        }\n      };\n      return;\n    }\n\n    // Property decorator: define getter/setter to proxy to element properties\n    Object.defineProperty(target, propertyKey, {\n      configurable: true,\n      enumerable: true,\n      get(this: any) {\n        ensureInit(this);\n        // Read from matched elements\n        const targetEls = resolvePropertyTargets(this, selector, finalOptions);\n        const conf = getElementConfig(this);\n        const currentWin = conf.window;\n        const hostSet = SwcUtils.getHelperAndHostSet(currentWin, this);\n\n        // Apply filter\n        const filtered = targetEls.filter(el => {\n          if (finalOptions.filter && !finalOptions.filter(el, (el as any)[targetPropertyKey], { currentThis: this, helper: hostSet })) {\n            return false;\n          }\n          return true;\n        });\n\n        const values = filtered.map(el => {\n          const raw = (el as any)[targetPropertyKey];\n          // getType 'call'\uC774\uBA74 \uD0C0\uAE43 \uD638\uCD9C \uD6C4 \uB9AC\uD134 \uC0AC\uC6A9\n          if (finalOptions.getType === 'call' && typeof raw === 'function') return raw.call(el);\n          return raw;\n        });\n        return values.length === 1 ? values[0] : values;\n      },\n      set(this: any, value: any) {\n        ensureInit(this);\n        applyValueToTargets(this, value);\n      }\n    });\n  };\n}\n\n// ============================================\n// Convenience Aliases\n// ============================================\n\n/**\n * @property - Field decorator for binding element properties (read/write)\n * \n * Usage:\n * - @property('selector', 'propertyName') - Bind to specific property\n * - @property('selector') - Use field name as property name\n * - @property('selector', options) - Bind with options\n * - @property((this, helper) => 'selector', 'propertyName') - Function-based selector\n * - @property - Bare decorator (binds to $this with field name)\n * \n * Note: This decorator is for FIELDS ONLY. For methods, use @setProperty.\n */\nexport function property(selector: string, targetPropertyKey: string | symbol, options?: PropertyQueryOptions): PropertyDecorator;\nexport function property(selector: PropertyFnSelector, targetPropertyKey: string | symbol, options?: PropertyNonQueryOptions): PropertyDecorator;\nexport function property(selector: string, options?: PropertyQueryOptions): PropertyDecorator;\nexport function property(selector: PropertyFnSelector, options?: PropertyNonQueryOptions): PropertyDecorator;\nexport function property(target: Object, propertyKey: string | symbol): void;\nexport function property(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): PropertyDescriptor | void;\nexport function property(selectorOrTarget?: PropertySelector | Object, targetPropertyKeyOrOptions?: any, optionsOrDescriptor?: any): any {\n  // Bare decorator direct invocation: @property on field/method passes (target, key[, descriptor]).\n  // NOTE: (selector-string, key, options) factory form must NOT enter here \u2014 target is never string/function.\n  if (optionsOrDescriptor !== undefined\n    && typeof selectorOrTarget !== 'string' && typeof selectorOrTarget !== 'function'\n    && (typeof targetPropertyKeyOrOptions === 'string' || typeof targetPropertyKeyOrOptions === 'symbol')) {\n    return applyProperty('$this', undefined as any, {})(selectorOrTarget as Object, targetPropertyKeyOrOptions, optionsOrDescriptor as PropertyDescriptor);\n  }\n  // With selector\n  if (typeof selectorOrTarget === 'string') {\n    return applyProperty(selectorOrTarget, targetPropertyKeyOrOptions as any, optionsOrDescriptor as PropertyOptions);\n  }\n  // Function selector\n  if (typeof selectorOrTarget === 'function') {\n    return applyProperty(selectorOrTarget as PropertyFnSelector, targetPropertyKeyOrOptions as any, optionsOrDescriptor as PropertyOptions);\n  }\n  // Without selector (defaults to $this)\n  return applyProperty('$this', undefined as any, selectorOrTarget as PropertyOptions);\n}\n\n/**\n * @setProperty - Method decorator for setting element properties from method return value\n * \n * Usage:\n * - @setProperty('selector', 'propertyName') - Set specific property\n * - @setProperty('selector') - Use method name as property name\n * - @setProperty('selector', options) - Set with options\n * - @setProperty((this, helper) => 'selector', 'propertyName') - Function-based selector\n * - @setProperty - Bare decorator (sets on $this with method name)\n * \n * Note: This decorator is for METHODS ONLY. For fields, use @property.\n * \n * Example:\n * @setProperty('selector', 'disabled')\n * disableElement() {\n *   return true;\n * }\n */\nexport function setProperty(selector: string, targetPropertyKey: string | symbol, options?: PropertyQueryOptions): MethodDecorator;\nexport function setProperty(selector: PropertyFnSelector, targetPropertyKey: string | symbol, options?: PropertyNonQueryOptions): MethodDecorator;\nexport function setProperty(selector: string, options?: PropertyQueryOptions): MethodDecorator;\nexport function setProperty(selector: PropertyFnSelector, options?: PropertyNonQueryOptions): MethodDecorator;\nexport function setProperty(selectorOrOptions?: PropertySelector | PropertyOptions, targetPropertyKeyOrOptions?: any, optionsOrUndefined?: PropertyOptions): MethodDecorator {\n  // With selector\n  if (typeof selectorOrOptions === 'string') {\n    return applyProperty(selectorOrOptions, targetPropertyKeyOrOptions as any, optionsOrUndefined as PropertyOptions) as MethodDecorator;\n  }\n  // Function selector\n  if (typeof selectorOrOptions === 'function') {\n    return applyProperty(selectorOrOptions as PropertyFnSelector, targetPropertyKeyOrOptions as any, optionsOrUndefined as PropertyOptions) as MethodDecorator;\n  }\n  // Without selector (defaults to $this)\n  return applyProperty('$this', undefined as any, selectorOrOptions as PropertyOptions) as MethodDecorator;\n}\n\n/**\n * @callProperty - Method decorator for calling a method on matched elements.\n * - @callProperty('selector', 'methodName') - \uBA54\uC11C\uB4DC \uB9AC\uD134\uAC12\uC73C\uB85C \uD0C0\uAE43 \uBA54\uC11C\uB4DC \uD638\uCD9C\n * - @callProperty('selector') - \uBA54\uC11C\uB4DC \uC774\uB984\uACFC \uAC19\uC740 \uD0C0\uAE43 \uBA54\uC11C\uB4DC \uD638\uCD9C\n * - \uB9AC\uD134\uAC12\uC774 \uBC30\uC5F4\uC774\uBA74 spread \uC778\uC790\uB85C \uD638\uCD9C, \uC544\uB2C8\uBA74 \uB2E8\uC77C \uC778\uC790\uB85C \uD638\uCD9C\n *\n * Example:\n * @event('#popup', 'open-request')\n * @callProperty('#popup', 'show')\n * onPopupOpen() {\n *   return [this.rows]; // popup.show(this.rows)\n * }\n */\nexport function callProperty(selector: string, targetMethodKey?: string | symbol, options?: PropertyQueryOptions): MethodDecorator;\nexport function callProperty(selector: PropertyFnSelector, targetMethodKey?: string | symbol, options?: PropertyNonQueryOptions): MethodDecorator;\nexport function callProperty(selector: string, options?: PropertyQueryOptions): MethodDecorator;\nexport function callProperty(selectorOrTarget?: PropertySelector | PropertyOptions, targetMethodKeyOrOptions?: any, optionsOrUndefined?: PropertyOptions): MethodDecorator {\n  // setType 'call' \uC704\uC784 \u2014 \uBA54\uC11C\uB4DC \uB9AC\uD134\uAC12\uC744 \uD0C0\uAE43 \uBA54\uC11C\uB4DC \uD638\uCD9C\uB85C \uC804\uB2EC (\uBC30\uC5F4\uC774\uBA74 spread)\n  if (typeof selectorOrTarget === 'string' || typeof selectorOrTarget === 'function') {\n    if (typeof targetMethodKeyOrOptions === 'string' || typeof targetMethodKeyOrOptions === 'symbol') {\n      return applyProperty(selectorOrTarget as any, targetMethodKeyOrOptions, { ...optionsOrUndefined ?? {}, setType: 'call' }) as MethodDecorator;\n    }\n    return applyProperty(selectorOrTarget as any, { ...optionsOrUndefined ?? targetMethodKeyOrOptions ?? {}, setType: 'call' }) as MethodDecorator;\n  }\n  return applyProperty('$this', undefined as any, { ...selectorOrTarget ?? {}, setType: 'call' }) as MethodDecorator;\n}\nexport function callPropertyLight(selector: string, targetMethodKey?: string | symbol, options?: Omit<PropertyQueryOptions, 'root'>): MethodDecorator;\nexport function callPropertyLight(selector: string, options?: Omit<PropertyQueryOptions, 'root'>): MethodDecorator;\nexport function callPropertyLight(selector: string, targetMethodKeyOrOptions?: any, options?: Omit<PropertyQueryOptions, 'root'>): MethodDecorator {\n  if (targetMethodKeyOrOptions != null && typeof targetMethodKeyOrOptions !== 'string' && typeof targetMethodKeyOrOptions !== 'symbol') {\n    return callProperty(selector, undefined, { ...targetMethodKeyOrOptions ?? {}, root: 'light' });\n  }\n  return callProperty(selector, targetMethodKeyOrOptions as any, { ...options ?? {}, root: 'light' });\n}\nexport function callPropertyShadow(selector: string, targetMethodKey?: string | symbol, options?: Omit<PropertyQueryOptions, 'root'>): MethodDecorator;\nexport function callPropertyShadow(selector: string, options?: Omit<PropertyQueryOptions, 'root'>): MethodDecorator;\nexport function callPropertyShadow(selector: string, targetMethodKeyOrOptions?: any, options?: Omit<PropertyQueryOptions, 'root'>): MethodDecorator {\n  if (targetMethodKeyOrOptions != null && typeof targetMethodKeyOrOptions !== 'string' && typeof targetMethodKeyOrOptions !== 'symbol') {\n    return callProperty(selector, undefined, { ...targetMethodKeyOrOptions ?? {}, root: 'shadow' });\n  }\n  return callProperty(selector, targetMethodKeyOrOptions as any, { ...options ?? {}, root: 'shadow' });\n}\nexport function callPropertyAll(selector: string, targetMethodKey?: string | symbol, options?: Omit<PropertyQueryOptions, 'root'>): MethodDecorator {\n  return callProperty(selector, targetMethodKey as any, { ...options ?? {}, root: 'all' });\n}\n\n// ============================================\n// Metadata Helpers\n// ============================================\n\nexport const findAllPropertyMetadata = (target: any): PropertyMetadata[] => {\n  const actualTarget = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.findAllMetadata<PropertyMetadata[]>(PROPERTY_METADATA_KEY, actualTarget).flat();\n};\n\n// Backward compatibility alias\nexport const findAllPropertyApplyMetadata = (target: any): Map<string | symbol, PropertyMetadata> => {\n  const result = new Map<string | symbol, PropertyMetadata>();\n  findAllPropertyMetadata(target).forEach(meta => {\n    result.set(meta.propertyKey, meta);\n  });\n  return result;\n};\n\n// \u2500\u2500\u2500 Aliases \u2500\u2500\u2500\n// property(\uD544\uB4DC) / setProperty(\uBA54\uC11C\uB4DC)\uC640 \uAD6C\uBD84\uB418\uB294 \uC77C\uBC18 \uB370\uCF54\uB808\uC774\uD130 \uB2E8\uCD95\uBA85\nexport const prop = applyProperty;\n\n// \u2500\u2500\u2500 \uD3B8\uC758 \uD5EC\uD37C (selector/root \uC0DD\uB7B5) \u2500\u2500\u2500\n\nexport function propThis(targetPropertyKey?: string | symbol, options?: PropertyQueryOptions): MethodDecorator {\n  return applyProperty('$this', targetPropertyKey, options);\n}\nexport function propAppHost(targetPropertyKey?: string | symbol, options?: PropertyQueryOptions): MethodDecorator {\n  return applyProperty('$appHost', targetPropertyKey, options);\n}\nexport function propWindow(targetPropertyKey?: string | symbol, options?: PropertyQueryOptions): MethodDecorator {\n  return applyProperty('$window', targetPropertyKey, options);\n}\nexport function propDocument(targetPropertyKey?: string | symbol, options?: PropertyQueryOptions): MethodDecorator {\n  return applyProperty('$document', targetPropertyKey, options);\n}\nexport function propLight(selector: string, targetPropertyKey?: string | symbol, options?: Omit<PropertyQueryOptions, 'root'>): MethodDecorator {\n  return applyProperty(selector, targetPropertyKey, {...options ?? {}, root: 'light'});\n}\nexport function propShadow(selector: string, targetPropertyKey?: string | symbol, options?: Omit<PropertyQueryOptions, 'root'>): MethodDecorator {\n  return applyProperty(selector, targetPropertyKey, {...options ?? {}, root: 'shadow'});\n}\nexport function propAll(selector: string, targetPropertyKey?: string | symbol, options?: Omit<PropertyQueryOptions, 'root'>): MethodDecorator {\n  return applyProperty(selector, targetPropertyKey, {...options ?? {}, root: 'all'});\n}\n\n// \u2500\u2500\u2500 setProperty root \uBCC4\uCE6D (\uBA54\uC11C\uB4DC \uB9AC\uD134\uAC12 \u2192 \uD0C0\uAE43 \uD504\uB85C\uD37C\uD2F0) \u2500\u2500\u2500\nexport function setPropertyLight(selector: string, targetPropertyKey?: string | symbol, options?: Omit<PropertyQueryOptions, 'root'>): MethodDecorator {\n  return applyProperty(selector, targetPropertyKey, {...options ?? {}, root: 'light'});\n}\nexport function setPropertyShadow(selector: string, targetPropertyKey?: string | symbol, options?: Omit<PropertyQueryOptions, 'root'>): MethodDecorator {\n  return applyProperty(selector, targetPropertyKey, {...options ?? {}, root: 'shadow'});\n}\nexport function setPropertyAll(selector: string, targetPropertyKey?: string | symbol, options?: Omit<PropertyQueryOptions, 'root'>): MethodDecorator {\n  return applyProperty(selector, targetPropertyKey, {...options ?? {}, root: 'all'});\n}\n\n// \u2500\u2500\u2500 property root \uBCC4\uCE6D (\uD544\uB4DC \uD504\uB85D\uC2DC) \u2500\u2500\u2500\nexport function propertyLight(selector: string, targetPropertyKey?: string | symbol, options?: Omit<PropertyQueryOptions, 'root'>): PropertyDecorator {\n  return applyProperty(selector, targetPropertyKey, {...options ?? {}, root: 'light'});\n}\nexport function propertyShadow(selector: string, targetPropertyKey?: string | symbol, options?: Omit<PropertyQueryOptions, 'root'>): PropertyDecorator {\n  return applyProperty(selector, targetPropertyKey, {...options ?? {}, root: 'shadow'});\n}\nexport function propertyAll(selector: string, targetPropertyKey?: string | symbol, options?: Omit<PropertyQueryOptions, 'root'>): PropertyDecorator {\n  return applyProperty(selector, targetPropertyKey, {...options ?? {}, root: 'all'});\n}\n\nexport default applyProperty;\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/decorators/applyStyle.js

@@ -18,6 +18,9 @@ const resolveSelector = (selector, inst, win) => {
     if (result === null) {
       return [];
     }
+    if (result instanceof win.Node) {
+      return [];
+    }
     return result;
   }
   return selector;
@@ -129,10 +132,10 @@ function createStyleDecorator(action) {
   };
 }
 function applyStyle(selectorOrTarget, actionOrPropertyKey, optionsOrDescriptor) {
-  if (optionsOrDescriptor !== void 0 && (typeof actionOrPropertyKey === "string" || typeof actionOrPropertyKey === "symbol")) {
+  if (optionsOrDescriptor !== void 0 && typeof selectorOrTarget !== "string" && typeof selectorOrTarget !== "function" && (typeof actionOrPropertyKey === "string" || typeof actionOrPropertyKey === "symbol")) {
     return createStyleDecorator("update")("$this", {})(selectorOrTarget, actionOrPropertyKey, optionsOrDescriptor);
   }
-  if (typeof selectorOrTarget === "string") {
+  if (typeof selectorOrTarget === "string" || typeof selectorOrTarget === "function") {
     const action2 = typeof actionOrPropertyKey === "string" ? actionOrPropertyKey : "update";
     const options2 = typeof actionOrPropertyKey === "object" ? actionOrPropertyKey : optionsOrDescriptor;
     return createStyleDecorator(action2)(selectorOrTarget, options2);
@@ -145,7 +148,7 @@ function setStyle(selectorOrTarget, optionsOrPropertyKey, descriptor) {
   if (descriptor !== void 0 && (typeof optionsOrPropertyKey === "string" || typeof optionsOrPropertyKey === "symbol")) {
     return createStyleDecorator("set")("$this", {})(selectorOrTarget, optionsOrPropertyKey, descriptor);
   }
-  if (typeof selectorOrTarget === "string") {
+  if (typeof selectorOrTarget === "string" || typeof selectorOrTarget === "function") {
     return createStyleDecorator("set")(selectorOrTarget, optionsOrPropertyKey);
   }
   return createStyleDecorator("set")("$this", selectorOrTarget);
@@ -154,7 +157,7 @@ function updateStyle(selectorOrTarget, optionsOrPropertyKey, descriptor) {
   if (descriptor !== void 0 && (typeof optionsOrPropertyKey === "string" || typeof optionsOrPropertyKey === "symbol")) {
     return createStyleDecorator("update")("$this", {})(selectorOrTarget, optionsOrPropertyKey, descriptor);
   }
-  if (typeof selectorOrTarget === "string") {
+  if (typeof selectorOrTarget === "string" || typeof selectorOrTarget === "function") {
     return createStyleDecorator("update")(selectorOrTarget, optionsOrPropertyKey);
   }
   return createStyleDecorator("update")("$this", selectorOrTarget);
@@ -163,11 +166,33 @@ function removeStyle(selectorOrTarget, optionsOrPropertyKey, descriptor) {
   if (descriptor !== void 0 && (typeof optionsOrPropertyKey === "string" || typeof optionsOrPropertyKey === "symbol")) {
     return createStyleDecorator("remove")("$this", {})(selectorOrTarget, optionsOrPropertyKey, descriptor);
   }
-  if (typeof selectorOrTarget === "string") {
+  if (typeof selectorOrTarget === "string" || typeof selectorOrTarget === "function") {
     return createStyleDecorator("remove")(selectorOrTarget, optionsOrPropertyKey);
   }
   return createStyleDecorator("remove")("$this", selectorOrTarget);
 }
+const style = applyStyle;
+function styleThis(action, options) {
+  return applyStyle("$this", action, options);
+}
+function styleAppHost(action, options) {
+  return applyStyle("$appHost", action, options);
+}
+function styleLight(selector, actionOrOptions, options) {
+  const action = typeof actionOrOptions === "string" ? actionOrOptions : void 0;
+  const opts = typeof actionOrOptions === "object" ? actionOrOptions : options;
+  return applyStyle(selector, action, { ...opts ?? {}, root: "light" });
+}
+function styleShadow(selector, actionOrOptions, options) {
+  const action = typeof actionOrOptions === "string" ? actionOrOptions : void 0;
+  const opts = typeof actionOrOptions === "object" ? actionOrOptions : options;
+  return applyStyle(selector, action, { ...opts ?? {}, root: "shadow" });
+}
+function styleAll(selector, actionOrOptions, options) {
+  const action = typeof actionOrOptions === "string" ? actionOrOptions : void 0;
+  const opts = typeof actionOrOptions === "object" ? actionOrOptions : options;
+  return applyStyle(selector, action, { ...opts ?? {}, root: "all" });
+}
 const findAllStyleMetadata = (target) => {
   const result = /* @__PURE__ */ new Map();
   const maps = ReflectUtils.findAllMetadata(STYLE_METADATA_KEY, target);
@@ -184,6 +209,12 @@ export {
   findAllStyleMetadata,
   removeStyle,
   setStyle,
+  style,
+  styleAll,
+  styleAppHost,
+  styleLight,
+  styleShadow,
+  styleThis,
   updateStyle
 };
 //# sourceMappingURL=applyStyle.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/applyStyle.ts"],
-  "sourcesContent": ["import {ReflectUtils} from '@dooboostore/core';\nimport {ensureInit} from './elementDefine';\nimport {SwcUtils} from '../utils/Utils';\nimport { SpecialSelector, SwcQueryOptions, HelperHostSet } from '../types';\n\nexport type StyleAction = 'set' | 'update' | 'remove';\n\nexport interface StyleApplyOptions extends SwcQueryOptions {\n  filter?: (target: HTMLElement, value: any, meta: {currentThis: any, helper: HelperHostSet}) => boolean;\n  /**\n   * Custom key to extract value from return object.\n   * If not provided, uses STYLE_METADATA_KEY by default.\n   * Useful when multiple @applyStyle decorators are on the same method.\n   */\n  valueKey?: symbol | string;\n}\n\nexport type StyleSelector = string | ((currentThis: any, helper: HelperHostSet) => NodeList | Element | Element[] | null);\n\nexport interface StyleApplyMetadata {\n  propertyKey: string | symbol;\n  selector: StyleSelector;\n  action: StyleAction;\n  options: StyleApplyOptions;\n}\n\nexport const STYLE_METADATA_KEY = Symbol.for('simple-web-component:style');\n\n/**\n * Resolve selector to string or elements\n * Handles function-based selectors and returns elements if applicable\n */\nconst resolveSelector = (selector: StyleSelector, inst: any, win: Window): string | HTMLElement[] => {\n  if (typeof selector === 'function') {\n    const hostSet = SwcUtils.getHelperAndHostSet(win, inst);\n    const result = selector(inst, hostSet);\n    \n    if (result instanceof win.Element) {\n      return [result as HTMLElement];\n    }\n    if (result instanceof win.NodeList) {\n      return Array.from(result) as HTMLElement[];\n    }\n    if (Array.isArray(result)) {\n      return result as HTMLElement[];\n    }\n    if (result === null) {\n      return [];\n    }\n    return result as string;\n  }\n  return selector as string;\n};\n\n/**\n * Get target elements from selector\n */\nconst getTargetElements = (selector: StyleSelector, inst: any, win: Window, root: string): HTMLElement[] => {\n  const resolved = resolveSelector(selector, inst, win);\n  \n  if (Array.isArray(resolved)) {\n    return resolved;\n  }\n\n  const stringSelector = resolved as string;\n  const targetEls: HTMLElement[] = [];\n  const host = inst as unknown as HTMLElement;\n  const hostSet = SwcUtils.getHelperAndHostSet(win, inst);\n\n  const applyRoot = (t: any) => {\n    if (!t || !(t instanceof win.HTMLElement)) return;\n    targetEls.push(t);\n  };\n\n  if (stringSelector === '$this' || !stringSelector) applyRoot(host);\n  else if (stringSelector === '$host') applyRoot(hostSet.$host);\n  else if (stringSelector === '$parentHost') applyRoot(hostSet.$parentHost);\n  else if (stringSelector === '$appHost') applyRoot(hostSet.$appHost);\n  else if (stringSelector === '$firstHost') applyRoot(hostSet.$firstHost);\n  else if (stringSelector === '$lastHost') applyRoot(hostSet.$lastHost);\n  else if (stringSelector === '$firstAppHost') applyRoot(hostSet.$firstAppHost);\n  else if (stringSelector === '$lastAppHost') applyRoot(hostSet.$lastAppHost);\n  else if (stringSelector === '$hosts') hostSet.$hosts.forEach(applyRoot);\n  else if (stringSelector === '$appHosts') hostSet.$appHosts.forEach(applyRoot);\n  else {\n    const targetRoot = root === 'auto' ? (host.shadowRoot || host) : (root === 'shadow' ? host.shadowRoot : host);\n    if (targetRoot) {\n      const found = targetRoot.querySelectorAll(stringSelector);\n      if (found) targetEls.push(...(Array.from(found) as HTMLElement[]));\n    }\n  }\n\n  return targetEls;\n};\n\nfunction createStyleDecorator(action: StyleAction) {\n  return (selector: StyleSelector, options: StyleApplyOptions = {}): MethodDecorator => {\n    return (target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n      const constructor = target.constructor;\n      let metaList = ReflectUtils.getOwnMetadata(STYLE_METADATA_KEY, constructor) as Map<string | symbol, StyleApplyMetadata>;\n      if (!metaList) {\n        metaList = new Map<string | symbol, StyleApplyMetadata>();\n        ReflectUtils.defineMetadata(STYLE_METADATA_KEY, metaList, constructor);\n      }\n      metaList.set(propertyKey, { propertyKey, selector, action, options });\n\n      const original = descriptor.value;\n      descriptor.value = function (...args: any[]) {\n        ensureInit(this);\n        const res = (original as any).apply(this, args);\n\n        /**\n         * Extract value for this decorator from method return value\n         * \n         * If return value is an object with this decorator's key,\n         * use that value. Otherwise use the entire return value.\n         * \n         * Uses valueKey from options if provided, otherwise uses STYLE_METADATA_KEY.\n         */\n        const extractValue = (v: any) => {\n          const keyToUse = options.valueKey ?? STYLE_METADATA_KEY;\n          if (v && typeof v === 'object' && keyToUse in v) {\n            return v[keyToUse];\n          }\n          return v;\n        };\n\n        const handleResult = (resolvedValue: any) => {\n          if (resolvedValue !== undefined) {\n            const win = (this as any).ownerDocument?.defaultView || window;\n            const host = this as unknown as HTMLElement;\n            const hostSet = { ...SwcUtils.getHelperAndHostSet(win, host), $this: this };\n            const r = options.root || 'auto';\n            const targetEls = getTargetElements(selector, this, win, r);\n\n            targetEls.forEach(targetEl => {\n              if (options.filter && !options.filter(targetEl, resolvedValue, {currentThis: this, helper: hostSet})) {\n                return;\n              }\n              const resolvedRes = typeof resolvedValue === 'function' ? (resolvedValue as any)(targetEl, hostSet) : resolvedValue;\n\n              if (action === 'set' || action === 'update') {\n                if (action === 'set') targetEl.style.cssText = '';\n                \n                if (typeof resolvedRes === 'object' && resolvedRes !== null && !Array.isArray(resolvedRes)) {\n                  Object.entries(resolvedRes as any).forEach(([prop, val]) => {\n                    const finalVal = typeof val === 'function' ? val(targetEl, hostSet) : val;\n                    if (finalVal === null || finalVal === undefined) {\n                      targetEl.style.removeProperty(prop);\n                    } else {\n                      targetEl.style[prop as any] = String(finalVal);\n                    }\n                  });\n                } else if (typeof resolvedRes === 'string') {\n                  targetEl.style.cssText = resolvedRes;\n                }\n              } else if (action === 'remove') {\n                if (typeof resolvedRes === 'object' && resolvedRes !== null && !Array.isArray(resolvedRes)) {\n                  Object.entries(resolvedRes as any).forEach(([prop, val]) => {\n                    const shouldRemove = typeof val === 'function' ? val(targetEl, hostSet) : !!val;\n                    if (shouldRemove) {\n                      targetEl.style.removeProperty(prop);\n                    }\n                  });\n                } else {\n                  const props = Array.isArray(resolvedRes) ? resolvedRes : [resolvedRes];\n                  props.forEach(p => targetEl.style.removeProperty(String(p)));\n                }\n              }\n            });\n          }\n          return resolvedValue;\n        };\n\n        if (res instanceof Promise) {\n          return res.then((v: any) => handleResult(extractValue(v)));\n        } else {\n          return handleResult(extractValue(res));\n        }\n      };\n      return descriptor;\n    };\n  };\n}\n\nexport function applyStyle(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): PropertyDescriptor | void;\nexport function applyStyle(selector: StyleSelector, action?: StyleAction, options?: StyleApplyOptions): MethodDecorator;\nexport function applyStyle(selectorOrTarget?: any, actionOrPropertyKey?: any, optionsOrDescriptor?: any): any {\n  // Bare decorator: @applyStyle\n  if (optionsOrDescriptor !== undefined && (typeof actionOrPropertyKey === 'string' || typeof actionOrPropertyKey === 'symbol')) {\n    return createStyleDecorator('update')('$this', {})(selectorOrTarget as Object, actionOrPropertyKey, optionsOrDescriptor as PropertyDescriptor);\n  }\n  // With selector\n  if (typeof selectorOrTarget === 'string') {\n    const action = (typeof actionOrPropertyKey === 'string' ? actionOrPropertyKey : 'update') as StyleAction;\n    const options = (typeof actionOrPropertyKey === 'object' ? actionOrPropertyKey : optionsOrDescriptor) as StyleApplyOptions | undefined;\n    return createStyleDecorator(action)(selectorOrTarget, options);\n  }\n  // Without selector (defaults to $this)\n  const action = (typeof selectorOrTarget === 'string' ? selectorOrTarget : 'update') as StyleAction;\n  const options = (typeof selectorOrTarget === 'object' ? selectorOrTarget : actionOrPropertyKey) as StyleApplyOptions | undefined;\n  return createStyleDecorator(action)('$this', options);\n}\n\nexport function setStyle(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): PropertyDescriptor | void;\nexport function setStyle(selector: StyleSelector, options?: StyleApplyOptions): MethodDecorator;\nexport function setStyle(selectorOrTarget?: any, optionsOrPropertyKey?: any, descriptor?: any): any {\n  // Bare decorator: @setStyle\n  if (descriptor !== undefined && (typeof optionsOrPropertyKey === 'string' || typeof optionsOrPropertyKey === 'symbol')) {\n    return createStyleDecorator('set')('$this', {})(selectorOrTarget as Object, optionsOrPropertyKey, descriptor as PropertyDescriptor);\n  }\n  // With selector\n  if (typeof selectorOrTarget === 'string') {\n    return createStyleDecorator('set')(selectorOrTarget, optionsOrPropertyKey as StyleApplyOptions);\n  }\n  // Without selector (defaults to $this)\n  return createStyleDecorator('set')('$this', selectorOrTarget as StyleApplyOptions);\n}\n\nexport function updateStyle(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): PropertyDescriptor | void;\nexport function updateStyle(selector: StyleSelector, options?: StyleApplyOptions): MethodDecorator;\nexport function updateStyle(selectorOrTarget?: any, optionsOrPropertyKey?: any, descriptor?: any): any {\n  // Bare decorator: @updateStyle\n  if (descriptor !== undefined && (typeof optionsOrPropertyKey === 'string' || typeof optionsOrPropertyKey === 'symbol')) {\n    return createStyleDecorator('update')('$this', {})(selectorOrTarget as Object, optionsOrPropertyKey, descriptor as PropertyDescriptor);\n  }\n  // With selector\n  if (typeof selectorOrTarget === 'string') {\n    return createStyleDecorator('update')(selectorOrTarget, optionsOrPropertyKey as StyleApplyOptions);\n  }\n  // Without selector (defaults to $this)\n  return createStyleDecorator('update')('$this', selectorOrTarget as StyleApplyOptions);\n}\n\nexport function removeStyle(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): PropertyDescriptor | void;\nexport function removeStyle(selector: StyleSelector, options?: StyleApplyOptions): MethodDecorator;\nexport function removeStyle(selectorOrTarget?: any, optionsOrPropertyKey?: any, descriptor?: any): any {\n  // Bare decorator: @removeStyle\n  if (descriptor !== undefined && (typeof optionsOrPropertyKey === 'string' || typeof optionsOrPropertyKey === 'symbol')) {\n    return createStyleDecorator('remove')('$this', {})(selectorOrTarget as Object, optionsOrPropertyKey, descriptor as PropertyDescriptor);\n  }\n  // With selector\n  if (typeof selectorOrTarget === 'string') {\n    return createStyleDecorator('remove')(selectorOrTarget, optionsOrPropertyKey as StyleApplyOptions);\n  }\n  // Without selector (defaults to $this)\n  return createStyleDecorator('remove')('$this', selectorOrTarget as StyleApplyOptions);\n}\n\nexport const findAllStyleMetadata = (target: any): Map<string | symbol, StyleApplyMetadata> => {\n  const result = new Map<string | symbol, StyleApplyMetadata>();\n  const maps = ReflectUtils.findAllMetadata<Map<string | symbol, StyleApplyMetadata>>(STYLE_METADATA_KEY, target);\n  maps.forEach(map => {\n    if (map instanceof Map) {\n      map.forEach((v, k) => result.set(k, v));\n    }\n  });\n  return result;\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {ReflectUtils} from '@dooboostore/core';\nimport {ensureInit} from './elementDefine';\nimport {SwcUtils} from '../utils/Utils';\nimport { SpecialSelector, SwcQueryOptions, SwcFnSelector, SwcSelector, HelperHostSet } from '../types';\n\nexport type StyleAction = 'set' | 'update' | 'remove';\n\n// \uACF5\uD1B5 \uC635\uC158 \u2014 root \uC5C6\uC74C\nexport interface StyleBaseOptions {\n  filter?: (target: HTMLElement, value: any, meta: {currentThis: any, helper: HelperHostSet}) => boolean;\n  valueKey?: symbol | string;\n}\n\n// \uBB38\uC790\uC5F4 \uC140\uB809\uD130 \uC804\uC6A9 \u2014 root \uD5C8\uC6A9\nexport type StyleQueryOptions = StyleBaseOptions & SwcQueryOptions;\n// \uD568\uC218 \uC140\uB809\uD130 \uC804\uC6A9 \u2014 root \uAE08\uC9C0\nexport type StyleNonQueryOptions = StyleBaseOptions;\n// \uB0B4\uBD80 \uC800\uC7A5/\uD574\uC11D\uC6A9\nexport type StyleApplyOptions = StyleQueryOptions;\n\nexport type StyleFnSelector = SwcFnSelector;\nexport type StyleSelector = SwcSelector;\n\n// \uC140\uB809\uD130 \uC885\uB958\uC5D0 \uB530\uB77C \uC635\uC158 \uD0C0\uC785 \uBD84\uAE30\nexport type StyleOptionsOf<S extends StyleSelector> = S extends string ? StyleQueryOptions : StyleNonQueryOptions;\n\nexport interface StyleApplyMetadata {\n  propertyKey: string | symbol;\n  selector: StyleSelector;\n  action: StyleAction;\n  options: StyleApplyOptions;\n}\n\nexport const STYLE_METADATA_KEY = Symbol.for('simple-web-component:style');\n\n/**\n * Resolve selector to string or elements\n * Handles function-based selectors and returns elements if applicable\n */\nconst resolveSelector = (selector: StyleSelector, inst: any, win: Window): string | HTMLElement[] => {\n  if (typeof selector === 'function') {\n    const hostSet = SwcUtils.getHelperAndHostSet(win, inst);\n    const result = selector(inst, hostSet);\n    \n    if (result instanceof win.Element) {\n      return [result as HTMLElement];\n    }\n    if (result instanceof win.NodeList) {\n      return Array.from(result) as HTMLElement[];\n    }\n    if (Array.isArray(result)) {\n      return result as HTMLElement[];\n    }\n    if (result === null) {\n      return [];\n    }\n    if (result instanceof win.Node) {\n      return [];\n    }\n    return result as string;\n  }\n  return selector as string;\n};\n\n/**\n * Get target elements from selector\n */\nconst getTargetElements = (selector: StyleSelector, inst: any, win: Window, root: string): HTMLElement[] => {\n  const resolved = resolveSelector(selector, inst, win);\n  \n  if (Array.isArray(resolved)) {\n    return resolved;\n  }\n\n  const stringSelector = resolved as string;\n  const targetEls: HTMLElement[] = [];\n  const host = inst as unknown as HTMLElement;\n  const hostSet = SwcUtils.getHelperAndHostSet(win, inst);\n\n  const applyRoot = (t: any) => {\n    if (!t || !(t instanceof win.HTMLElement)) return;\n    targetEls.push(t);\n  };\n\n  if (stringSelector === '$this' || !stringSelector) applyRoot(host);\n  else if (stringSelector === '$host') applyRoot(hostSet.$host);\n  else if (stringSelector === '$parentHost') applyRoot(hostSet.$parentHost);\n  else if (stringSelector === '$appHost') applyRoot(hostSet.$appHost);\n  else if (stringSelector === '$firstHost') applyRoot(hostSet.$firstHost);\n  else if (stringSelector === '$lastHost') applyRoot(hostSet.$lastHost);\n  else if (stringSelector === '$firstAppHost') applyRoot(hostSet.$firstAppHost);\n  else if (stringSelector === '$lastAppHost') applyRoot(hostSet.$lastAppHost);\n  else if (stringSelector === '$hosts') hostSet.$hosts.forEach(applyRoot);\n  else if (stringSelector === '$appHosts') hostSet.$appHosts.forEach(applyRoot);\n  else {\n    const targetRoot = root === 'auto' ? (host.shadowRoot || host) : (root === 'shadow' ? host.shadowRoot : host);\n    if (targetRoot) {\n      const found = targetRoot.querySelectorAll(stringSelector);\n      if (found) targetEls.push(...(Array.from(found) as HTMLElement[]));\n    }\n  }\n\n  return targetEls;\n};\n\nfunction createStyleDecorator(action: StyleAction) {\n  return (selector: StyleSelector, options: StyleApplyOptions = {}): MethodDecorator => {\n    return (target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n      const constructor = target.constructor;\n      let metaList = ReflectUtils.getOwnMetadata(STYLE_METADATA_KEY, constructor) as Map<string | symbol, StyleApplyMetadata>;\n      if (!metaList) {\n        metaList = new Map<string | symbol, StyleApplyMetadata>();\n        ReflectUtils.defineMetadata(STYLE_METADATA_KEY, metaList, constructor);\n      }\n      metaList.set(propertyKey, { propertyKey, selector, action, options });\n\n      const original = descriptor.value;\n      descriptor.value = function (...args: any[]) {\n        ensureInit(this);\n        const res = (original as any).apply(this, args);\n\n        /**\n         * Extract value for this decorator from method return value\n         * \n         * If return value is an object with this decorator's key,\n         * use that value. Otherwise use the entire return value.\n         * \n         * Uses valueKey from options if provided, otherwise uses STYLE_METADATA_KEY.\n         */\n        const extractValue = (v: any) => {\n          const keyToUse = options.valueKey ?? STYLE_METADATA_KEY;\n          if (v && typeof v === 'object' && keyToUse in v) {\n            return v[keyToUse];\n          }\n          return v;\n        };\n\n        const handleResult = (resolvedValue: any) => {\n          if (resolvedValue !== undefined) {\n            const win = (this as any).ownerDocument?.defaultView || window;\n            const host = this as unknown as HTMLElement;\n            const hostSet = { ...SwcUtils.getHelperAndHostSet(win, host), $this: this };\n            const r = options.root || 'auto';\n            const targetEls = getTargetElements(selector, this, win, r);\n\n            targetEls.forEach(targetEl => {\n              if (options.filter && !options.filter(targetEl, resolvedValue, {currentThis: this, helper: hostSet})) {\n                return;\n              }\n              const resolvedRes = typeof resolvedValue === 'function' ? (resolvedValue as any)(targetEl, hostSet) : resolvedValue;\n\n              if (action === 'set' || action === 'update') {\n                if (action === 'set') targetEl.style.cssText = '';\n                \n                if (typeof resolvedRes === 'object' && resolvedRes !== null && !Array.isArray(resolvedRes)) {\n                  Object.entries(resolvedRes as any).forEach(([prop, val]) => {\n                    const finalVal = typeof val === 'function' ? val(targetEl, hostSet) : val;\n                    if (finalVal === null || finalVal === undefined) {\n                      targetEl.style.removeProperty(prop);\n                    } else {\n                      targetEl.style[prop as any] = String(finalVal);\n                    }\n                  });\n                } else if (typeof resolvedRes === 'string') {\n                  targetEl.style.cssText = resolvedRes;\n                }\n              } else if (action === 'remove') {\n                if (typeof resolvedRes === 'object' && resolvedRes !== null && !Array.isArray(resolvedRes)) {\n                  Object.entries(resolvedRes as any).forEach(([prop, val]) => {\n                    const shouldRemove = typeof val === 'function' ? val(targetEl, hostSet) : !!val;\n                    if (shouldRemove) {\n                      targetEl.style.removeProperty(prop);\n                    }\n                  });\n                } else {\n                  const props = Array.isArray(resolvedRes) ? resolvedRes : [resolvedRes];\n                  props.forEach(p => targetEl.style.removeProperty(String(p)));\n                }\n              }\n            });\n          }\n          return resolvedValue;\n        };\n\n        if (res instanceof Promise) {\n          return res.then((v: any) => handleResult(extractValue(v)));\n        } else {\n          return handleResult(extractValue(res));\n        }\n      };\n      return descriptor;\n    };\n  };\n}\n\nexport function applyStyle(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): PropertyDescriptor | void;\nexport function applyStyle(selector: string, action?: StyleAction, options?: StyleQueryOptions): MethodDecorator;\nexport function applyStyle(selector: StyleFnSelector, action?: StyleAction, options?: StyleNonQueryOptions): MethodDecorator;\nexport function applyStyle(selectorOrTarget?: any, actionOrPropertyKey?: any, optionsOrDescriptor?: any): any {\n  // Bare decorator: @applyStyle\n  if (optionsOrDescriptor !== undefined && typeof selectorOrTarget !== 'string' && typeof selectorOrTarget !== 'function' && (typeof actionOrPropertyKey === 'string' || typeof actionOrPropertyKey === 'symbol')) {\n    return createStyleDecorator('update')('$this', {})(selectorOrTarget as Object, actionOrPropertyKey, optionsOrDescriptor as PropertyDescriptor);\n  }\n  // With selector\n  if (typeof selectorOrTarget === 'string' || typeof selectorOrTarget === 'function') {\n    const action = (typeof actionOrPropertyKey === 'string' ? actionOrPropertyKey : 'update') as StyleAction;\n    const options = (typeof actionOrPropertyKey === 'object' ? actionOrPropertyKey : optionsOrDescriptor) as StyleApplyOptions | undefined;\n    return createStyleDecorator(action)(selectorOrTarget, options);\n  }\n  // Without selector (defaults to $this)\n  const action = (typeof selectorOrTarget === 'string' ? selectorOrTarget : 'update') as StyleAction;\n  const options = (typeof selectorOrTarget === 'object' ? selectorOrTarget : actionOrPropertyKey) as StyleApplyOptions | undefined;\n  return createStyleDecorator(action)('$this', options);\n}\n\nexport function setStyle(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): PropertyDescriptor | void;\nexport function setStyle(selector: string, options?: StyleQueryOptions): MethodDecorator;\nexport function setStyle(selector: StyleFnSelector, options?: StyleNonQueryOptions): MethodDecorator;\nexport function setStyle(selectorOrTarget?: any, optionsOrPropertyKey?: any, descriptor?: any): any {\n  // Bare decorator: @setStyle\n  if (descriptor !== undefined && (typeof optionsOrPropertyKey === 'string' || typeof optionsOrPropertyKey === 'symbol')) {\n    return createStyleDecorator('set')('$this', {})(selectorOrTarget as Object, optionsOrPropertyKey, descriptor as PropertyDescriptor);\n  }\n  // With selector\n  if (typeof selectorOrTarget === 'string' || typeof selectorOrTarget === 'function') {\n    return createStyleDecorator('set')(selectorOrTarget, optionsOrPropertyKey as StyleApplyOptions);\n  }\n  // Without selector (defaults to $this)\n  return createStyleDecorator('set')('$this', selectorOrTarget as StyleApplyOptions);\n}\n\nexport function updateStyle(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): PropertyDescriptor | void;\nexport function updateStyle(selector: string, options?: StyleQueryOptions): MethodDecorator;\nexport function updateStyle(selector: StyleFnSelector, options?: StyleNonQueryOptions): MethodDecorator;\nexport function updateStyle(selectorOrTarget?: any, optionsOrPropertyKey?: any, descriptor?: any): any {\n  // Bare decorator: @updateStyle\n  if (descriptor !== undefined && (typeof optionsOrPropertyKey === 'string' || typeof optionsOrPropertyKey === 'symbol')) {\n    return createStyleDecorator('update')('$this', {})(selectorOrTarget as Object, optionsOrPropertyKey, descriptor as PropertyDescriptor);\n  }\n  // With selector\n  if (typeof selectorOrTarget === 'string' || typeof selectorOrTarget === 'function') {\n    return createStyleDecorator('update')(selectorOrTarget, optionsOrPropertyKey as StyleApplyOptions);\n  }\n  // Without selector (defaults to $this)\n  return createStyleDecorator('update')('$this', selectorOrTarget as StyleApplyOptions);\n}\n\nexport function removeStyle(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): PropertyDescriptor | void;\nexport function removeStyle(selector: string, options?: StyleQueryOptions): MethodDecorator;\nexport function removeStyle(selector: StyleFnSelector, options?: StyleNonQueryOptions): MethodDecorator;\nexport function removeStyle(selectorOrTarget?: any, optionsOrPropertyKey?: any, descriptor?: any): any {\n  // Bare decorator: @removeStyle\n  if (descriptor !== undefined && (typeof optionsOrPropertyKey === 'string' || typeof optionsOrPropertyKey === 'symbol')) {\n    return createStyleDecorator('remove')('$this', {})(selectorOrTarget as Object, optionsOrPropertyKey, descriptor as PropertyDescriptor);\n  }\n  // With selector\n  if (typeof selectorOrTarget === 'string' || typeof selectorOrTarget === 'function') {\n    return createStyleDecorator('remove')(selectorOrTarget, optionsOrPropertyKey as StyleApplyOptions);\n  }\n  // Without selector (defaults to $this)\n  return createStyleDecorator('remove')('$this', selectorOrTarget as StyleApplyOptions);\n}\n\n// \u2500\u2500\u2500 Aliases \u2500\u2500\u2500\nexport const style = applyStyle;\n\n// \u2500\u2500\u2500 \uD3B8\uC758 \uD5EC\uD37C (selector/root \uC0DD\uB7B5) \u2500\u2500\u2500\n\nexport function styleThis(action?: StyleAction, options?: StyleQueryOptions): MethodDecorator {\n  return applyStyle('$this', action, options);\n}\nexport function styleAppHost(action?: StyleAction, options?: StyleQueryOptions): MethodDecorator {\n  return applyStyle('$appHost', action, options);\n}\nexport function styleLight(selector: string, action?: StyleAction, options?: Omit<StyleQueryOptions, 'root'>): MethodDecorator;\nexport function styleLight(selector: string, options?: Omit<StyleQueryOptions, 'root'>): MethodDecorator;\nexport function styleLight(selector: string, actionOrOptions?: StyleAction | Omit<StyleQueryOptions, 'root'>, options?: Omit<StyleQueryOptions, 'root'>): MethodDecorator {\n  const action = (typeof actionOrOptions === 'string' ? actionOrOptions : undefined) as StyleAction | undefined;\n  const opts = (typeof actionOrOptions === 'object' ? actionOrOptions : options) as Omit<StyleQueryOptions, 'root'> | undefined;\n  return applyStyle(selector, action, {...opts ?? {}, root: 'light'});\n}\nexport function styleShadow(selector: string, action?: StyleAction, options?: Omit<StyleQueryOptions, 'root'>): MethodDecorator;\nexport function styleShadow(selector: string, options?: Omit<StyleQueryOptions, 'root'>): MethodDecorator;\nexport function styleShadow(selector: string, actionOrOptions?: StyleAction | Omit<StyleQueryOptions, 'root'>, options?: Omit<StyleQueryOptions, 'root'>): MethodDecorator {\n  const action = (typeof actionOrOptions === 'string' ? actionOrOptions : undefined) as StyleAction | undefined;\n  const opts = (typeof actionOrOptions === 'object' ? actionOrOptions : options) as Omit<StyleQueryOptions, 'root'> | undefined;\n  return applyStyle(selector, action, {...opts ?? {}, root: 'shadow'});\n}\nexport function styleAll(selector: string, action?: StyleAction, options?: Omit<StyleQueryOptions, 'root'>): MethodDecorator;\nexport function styleAll(selector: string, options?: Omit<StyleQueryOptions, 'root'>): MethodDecorator;\nexport function styleAll(selector: string, actionOrOptions?: StyleAction | Omit<StyleQueryOptions, 'root'>, options?: Omit<StyleQueryOptions, 'root'>): MethodDecorator {\n  const action = (typeof actionOrOptions === 'string' ? actionOrOptions : undefined) as StyleAction | undefined;\n  const opts = (typeof actionOrOptions === 'object' ? actionOrOptions : options) as Omit<StyleQueryOptions, 'root'> | undefined;\n  return applyStyle(selector, action, {...opts ?? {}, root: 'all'});\n}\n\nexport const findAllStyleMetadata = (target: any): Map<string | symbol, StyleApplyMetadata> => {\n  const result = new Map<string | symbol, StyleApplyMetadata>();\n  const maps = ReflectUtils.findAllMetadata<Map<string | symbol, StyleApplyMetadata>>(STYLE_METADATA_KEY, target);\n  maps.forEach(map => {\n    if (map instanceof Map) {\n      map.forEach((v, k) => result.set(k, v));\n    }\n  });\n  return result;\n};\n"],
+  "mappings": "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",
   "names": ["action", "options"]
 }

package/dist/esm/decorators/changedAttribute.js

@@ -1,3 +1,6 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { ReflectUtils } from "@dooboostore/core";
 const ON_ATTRIBUTE_CHANGED_METADATA_KEY = Symbol.for("simple-web-component:on-attribute-changed");
 const convertValue = (val, type) => {
@@ -43,7 +46,44 @@ const findAllAttributeChangedMetadata = (target) => {
 const convertAttributeValue = (val, type) => {
   return convertValue(val, type);
 };
+import { getAttributeValue } from "./applyAttribute.js";
+class ChangedAttributeLifeCycler {
+  constructor() {
+    __publicField(this, "attrChangeMap", null);
+  }
+  /** 클래스 메타데이터 기반 attrChangeMap 을 lazy 로드한다 (공유 시클러 캐시). */
+  getAttrChangeMap(inst) {
+    if (!this.attrChangeMap) this.attrChangeMap = findAllAttributeChangedMetadata(inst);
+    return this.attrChangeMap;
+  }
+  /** observedAttributes 에 포함할 attribute 이름 목록 */
+  getObservedAttributeNames(inst) {
+    return Array.from(this.getAttrChangeMap(inst).keys());
+  }
+  onConnected(helperHostSet) {
+    const inst = helperHostSet.$this;
+    for (const [name, metaList] of this.getAttrChangeMap(inst)) {
+      for (const meta of metaList) {
+        if (meta.options.while === "connected") {
+          const val = getAttributeValue(inst, name, { type: meta.options.type });
+          if (val !== null) inst[meta.propertyKey](val, null, name, helperHostSet);
+        }
+      }
+    }
+  }
+  /** attributeChangedCallback 에서 elementDefine 이 직접 호출 */
+  onAttributeChanged(helperHostSet, name, old, newVal) {
+    const inst = helperHostSet.$this;
+    const metaList = this.getAttrChangeMap(inst).get(name);
+    if (!metaList) return;
+    for (const meta of metaList) {
+      if (meta.options.while === "connected" && !inst.__swc_connected) continue;
+      inst[meta.propertyKey](convertAttributeValue(newVal, meta.options.type), old, name, helperHostSet);
+    }
+  }
+}
 export {
+  ChangedAttributeLifeCycler,
   ON_ATTRIBUTE_CHANGED_METADATA_KEY,
   changedAttribute,
   convertAttributeValue,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/changedAttribute.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\n\nexport const ON_ATTRIBUTE_CHANGED_METADATA_KEY = Symbol.for('simple-web-component:on-attribute-changed');\n\nexport interface ChangedAttributeThisOptions  {\n  type?: typeof Number | typeof Boolean | typeof String;\n  while?: 'connected';\n}\n\nexport interface ChangedAttributeThisMetadata {\n  attributeName: string;\n  propertyKey: string | symbol;\n  options: ChangedAttributeThisOptions;\n}\n\nconst convertValue = (val: any, type: any): any => {\n  if (val === null || val === undefined) return val;\n  if (type === Number) return Number(val);\n  if (type === Boolean) return val === 'false' || val === '0' ? false : true;\n  return val;\n};\n\n/**\n * @changedAttributeThis decorator - fires when any attribute on $this changes\n */\nexport function changedAttribute(attributeName?: string, options: ChangedAttributeThisOptions = {}): MethodDecorator {\n  return (target: Object, propertyKey: string | symbol) => {\n    const constructor = target.constructor;\n    let metaList = ReflectUtils.getOwnMetadata(ON_ATTRIBUTE_CHANGED_METADATA_KEY, constructor) as ChangedAttributeThisMetadata[];\n    if (!metaList) {\n      metaList = [];\n      ReflectUtils.defineMetadata(ON_ATTRIBUTE_CHANGED_METADATA_KEY, metaList, constructor);\n    }\n\n    const name = attributeName || String(propertyKey);\n    metaList.push({\n      attributeName: name,\n      propertyKey,\n      options\n    });\n  };\n}\n\nexport const getChangedAttributeMetadata = (target: any): ChangedAttributeThisMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(ON_ATTRIBUTE_CHANGED_METADATA_KEY, constructor);\n};\n\nexport const findAllAttributeChangedMetadata = (target: any): Map<string, ChangedAttributeThisMetadata[]> => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  const metaList = ReflectUtils.findAllMetadata<ChangedAttributeThisMetadata[]>(ON_ATTRIBUTE_CHANGED_METADATA_KEY, constructor) || [];\n\n  const result = new Map<string, ChangedAttributeThisMetadata[]>();\n  metaList.forEach(meta => {\n    meta.forEach(item => {\n      if (!result.has(item.attributeName)) {\n        result.set(item.attributeName, []);\n      }\n      result.get(item.attributeName)!.push(item);\n    });\n  });\n  return result;\n};\n\nexport const convertAttributeValue = (val: any, type?: typeof Number | typeof Boolean | typeof String): any => {\n  return convertValue(val, type);\n};\n"],
-  "mappings": "AAAA,SAAS,oBAAoB;AAEtB,MAAM,oCAAoC,OAAO,IAAI,2CAA2C;AAavG,MAAM,eAAe,CAAC,KAAU,SAAmB;AACjD,MAAI,QAAQ,QAAQ,QAAQ,OAAW,QAAO;AAC9C,MAAI,SAAS,OAAQ,QAAO,OAAO,GAAG;AACtC,MAAI,SAAS,QAAS,QAAO,QAAQ,WAAW,QAAQ,MAAM,QAAQ;AACtE,SAAO;AACT;AAKO,SAAS,iBAAiB,eAAwB,UAAuC,CAAC,GAAoB;AACnH,SAAO,CAAC,QAAgB,gBAAiC;AACvD,UAAM,cAAc,OAAO;AAC3B,QAAI,WAAW,aAAa,eAAe,mCAAmC,WAAW;AACzF,QAAI,CAAC,UAAU;AACb,iBAAW,CAAC;AACZ,mBAAa,eAAe,mCAAmC,UAAU,WAAW;AAAA,IACtF;AAEA,UAAM,OAAO,iBAAiB,OAAO,WAAW;AAChD,aAAS,KAAK;AAAA,MACZ,eAAe;AAAA,MACf;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AACF;AAEO,MAAM,8BAA8B,CAAC,WAA4D;AACtG,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,YAAY,mCAAmC,WAAW;AAChF;AAEO,MAAM,kCAAkC,CAAC,WAA6D;AAC3G,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,QAAM,WAAW,aAAa,gBAAgD,mCAAmC,WAAW,KAAK,CAAC;AAElI,QAAM,SAAS,oBAAI,IAA4C;AAC/D,WAAS,QAAQ,UAAQ;AACvB,SAAK,QAAQ,UAAQ;AACnB,UAAI,CAAC,OAAO,IAAI,KAAK,aAAa,GAAG;AACnC,eAAO,IAAI,KAAK,eAAe,CAAC,CAAC;AAAA,MACnC;AACA,aAAO,IAAI,KAAK,aAAa,EAAG,KAAK,IAAI;AAAA,IAC3C,CAAC;AAAA,EACH,CAAC;AACD,SAAO;AACT;AAEO,MAAM,wBAAwB,CAAC,KAAU,SAA+D;AAC7G,SAAO,aAAa,KAAK,IAAI;AAC/B;",
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\n\nexport const ON_ATTRIBUTE_CHANGED_METADATA_KEY = Symbol.for('simple-web-component:on-attribute-changed');\n\nexport interface ChangedAttributeThisOptions  {\n  type?: typeof Number | typeof Boolean | typeof String;\n  while?: 'connected';\n}\n\nexport interface ChangedAttributeThisMetadata {\n  attributeName: string;\n  propertyKey: string | symbol;\n  options: ChangedAttributeThisOptions;\n}\n\nconst convertValue = (val: any, type: any): any => {\n  if (val === null || val === undefined) return val;\n  if (type === Number) return Number(val);\n  if (type === Boolean) return val === 'false' || val === '0' ? false : true;\n  return val;\n};\n\n/**\n * @changedAttributeThis decorator - fires when any attribute on $this changes\n */\nexport function changedAttribute(attributeName?: string, options: ChangedAttributeThisOptions = {}): MethodDecorator {\n  return (target: Object, propertyKey: string | symbol) => {\n    const constructor = target.constructor;\n    let metaList = ReflectUtils.getOwnMetadata(ON_ATTRIBUTE_CHANGED_METADATA_KEY, constructor) as ChangedAttributeThisMetadata[];\n    if (!metaList) {\n      metaList = [];\n      ReflectUtils.defineMetadata(ON_ATTRIBUTE_CHANGED_METADATA_KEY, metaList, constructor);\n    }\n\n    const name = attributeName || String(propertyKey);\n    metaList.push({\n      attributeName: name,\n      propertyKey,\n      options\n    });\n  };\n}\n\nexport const getChangedAttributeMetadata = (target: any): ChangedAttributeThisMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(ON_ATTRIBUTE_CHANGED_METADATA_KEY, constructor);\n};\n\nexport const findAllAttributeChangedMetadata = (target: any): Map<string, ChangedAttributeThisMetadata[]> => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  const metaList = ReflectUtils.findAllMetadata<ChangedAttributeThisMetadata[]>(ON_ATTRIBUTE_CHANGED_METADATA_KEY, constructor) || [];\n\n  const result = new Map<string, ChangedAttributeThisMetadata[]>();\n  metaList.forEach(meta => {\n    meta.forEach(item => {\n      if (!result.has(item.attributeName)) {\n        result.set(item.attributeName, []);\n      }\n      result.get(item.attributeName)!.push(item);\n    });\n  });\n  return result;\n};\n\nexport const convertAttributeValue = (val: any, type?: typeof Number | typeof Boolean | typeof String): any => {\n  return convertValue(val, type);\n};\n\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// ChangedAttributeLifeCycler\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nimport { ElementDefineLifeCycler, HelperHostSet } from '../types';\nimport { getAttributeValue } from './applyAttribute';\n\nexport class ChangedAttributeLifeCycler implements ElementDefineLifeCycler {\n  private attrChangeMap: Map<string, ChangedAttributeThisMetadata[]> | null = null;\n\n  /** \uD074\uB798\uC2A4 \uBA54\uD0C0\uB370\uC774\uD130 \uAE30\uBC18 attrChangeMap \uC744 lazy \uB85C\uB4DC\uD55C\uB2E4 (\uACF5\uC720 \uC2DC\uD074\uB7EC \uCE90\uC2DC). */\n  private getAttrChangeMap(inst: any): Map<string, ChangedAttributeThisMetadata[]> {\n    if (!this.attrChangeMap) this.attrChangeMap = findAllAttributeChangedMetadata(inst);\n    return this.attrChangeMap;\n  }\n\n  /** observedAttributes \uC5D0 \uD3EC\uD568\uD560 attribute \uC774\uB984 \uBAA9\uB85D */\n  getObservedAttributeNames(inst: any): string[] {\n    return Array.from(this.getAttrChangeMap(inst).keys());\n  }\n\n  onConnected(helperHostSet: HelperHostSet): void {\n    const inst = helperHostSet.$this;\n\n    // while:'connected' \uC635\uC158 \u2014 connected \uC2DC\uC810 \uD604\uC7AC \uAC12\uC73C\uB85C \uCD08\uAE30 \uC2E4\uD589\n    for (const [name, metaList] of this.getAttrChangeMap(inst)) {\n      for (const meta of metaList) {\n        if (meta.options.while === 'connected') {\n          const val = getAttributeValue(inst, name, { type: meta.options.type });\n          if (val !== null) inst[meta.propertyKey](val, null, name, helperHostSet);\n        }\n      }\n    }\n  }\n\n  /** attributeChangedCallback \uC5D0\uC11C elementDefine \uC774 \uC9C1\uC811 \uD638\uCD9C */\n  onAttributeChanged(helperHostSet: HelperHostSet, name: string, old: string | null, newVal: any): void {\n    const inst = helperHostSet.$this;\n    const metaList = this.getAttrChangeMap(inst).get(name);\n    if (!metaList) return;\n    for (const meta of metaList) {\n      if (meta.options.while === 'connected' && !inst.__swc_connected) continue;\n      inst[meta.propertyKey](convertAttributeValue(newVal, meta.options.type), old, name, helperHostSet);\n    }\n  }\n}\n"],
+  "mappings": ";;;AAAA,SAAS,oBAAoB;AAEtB,MAAM,oCAAoC,OAAO,IAAI,2CAA2C;AAavG,MAAM,eAAe,CAAC,KAAU,SAAmB;AACjD,MAAI,QAAQ,QAAQ,QAAQ,OAAW,QAAO;AAC9C,MAAI,SAAS,OAAQ,QAAO,OAAO,GAAG;AACtC,MAAI,SAAS,QAAS,QAAO,QAAQ,WAAW,QAAQ,MAAM,QAAQ;AACtE,SAAO;AACT;AAKO,SAAS,iBAAiB,eAAwB,UAAuC,CAAC,GAAoB;AACnH,SAAO,CAAC,QAAgB,gBAAiC;AACvD,UAAM,cAAc,OAAO;AAC3B,QAAI,WAAW,aAAa,eAAe,mCAAmC,WAAW;AACzF,QAAI,CAAC,UAAU;AACb,iBAAW,CAAC;AACZ,mBAAa,eAAe,mCAAmC,UAAU,WAAW;AAAA,IACtF;AAEA,UAAM,OAAO,iBAAiB,OAAO,WAAW;AAChD,aAAS,KAAK;AAAA,MACZ,eAAe;AAAA,MACf;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AACF;AAEO,MAAM,8BAA8B,CAAC,WAA4D;AACtG,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,YAAY,mCAAmC,WAAW;AAChF;AAEO,MAAM,kCAAkC,CAAC,WAA6D;AAC3G,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,QAAM,WAAW,aAAa,gBAAgD,mCAAmC,WAAW,KAAK,CAAC;AAElI,QAAM,SAAS,oBAAI,IAA4C;AAC/D,WAAS,QAAQ,UAAQ;AACvB,SAAK,QAAQ,UAAQ;AACnB,UAAI,CAAC,OAAO,IAAI,KAAK,aAAa,GAAG;AACnC,eAAO,IAAI,KAAK,eAAe,CAAC,CAAC;AAAA,MACnC;AACA,aAAO,IAAI,KAAK,aAAa,EAAG,KAAK,IAAI;AAAA,IAC3C,CAAC;AAAA,EACH,CAAC;AACD,SAAO;AACT;AAEO,MAAM,wBAAwB,CAAC,KAAU,SAA+D;AAC7G,SAAO,aAAa,KAAK,IAAI;AAC/B;AAMA,SAAS,yBAAyB;AAE3B,MAAM,2BAA8D;AAAA,EAApE;AACL,wBAAQ,iBAAoE;AAAA;AAAA;AAAA,EAGpE,iBAAiB,MAAwD;AAC/E,QAAI,CAAC,KAAK,cAAe,MAAK,gBAAgB,gCAAgC,IAAI;AAClF,WAAO,KAAK;AAAA,EACd;AAAA;AAAA,EAGA,0BAA0B,MAAqB;AAC7C,WAAO,MAAM,KAAK,KAAK,iBAAiB,IAAI,EAAE,KAAK,CAAC;AAAA,EACtD;AAAA,EAEA,YAAY,eAAoC;AAC9C,UAAM,OAAO,cAAc;AAG3B,eAAW,CAAC,MAAM,QAAQ,KAAK,KAAK,iBAAiB,IAAI,GAAG;AAC1D,iBAAW,QAAQ,UAAU;AAC3B,YAAI,KAAK,QAAQ,UAAU,aAAa;AACtC,gBAAM,MAAM,kBAAkB,MAAM,MAAM,EAAE,MAAM,KAAK,QAAQ,KAAK,CAAC;AACrE,cAAI,QAAQ,KAAM,MAAK,KAAK,WAAW,EAAE,KAAK,MAAM,MAAM,aAAa;AAAA,QACzE;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA;AAAA,EAGA,mBAAmB,eAA8B,MAAc,KAAoB,QAAmB;AACpG,UAAM,OAAO,cAAc;AAC3B,UAAM,WAAW,KAAK,iBAAiB,IAAI,EAAE,IAAI,IAAI;AACrD,QAAI,CAAC,SAAU;AACf,eAAW,QAAQ,UAAU;AAC3B,UAAI,KAAK,QAAQ,UAAU,eAAe,CAAC,KAAK,gBAAiB;AACjE,WAAK,KAAK,WAAW,EAAE,sBAAsB,QAAQ,KAAK,QAAQ,IAAI,GAAG,KAAK,MAAM,aAAa;AAAA,IACnG;AAAA,EACF;AACF;",
   "names": []
 }