@dooboostore/simple-web-component 1.0.49 → 1.0.51

package/dist/esm/decorators/applySlot.js

@@ -3,8 +3,8 @@ import { ensureInit, getElementConfig } from "./elementDefine.js";
 import { SwcUtils } from "../utils/Utils.js";
 import { NodeSlot } from "@dooboostore/core-web";
 const APPLY_SLOT_METADATA_KEY = Symbol.for("simple-web-component:apply-slot");
-const applyToDom = (swcId, id, pos, nodes) => {
-  const nodeSlot = new NodeSlot(void 0, swcId);
+const applyToDom = (host, swcId, id, pos, nodes) => {
+  const nodeSlot = new NodeSlot(host, swcId);
   if (pos === "replaceChildrenText" || pos === "replaceChildren" || pos === "replaceChildrenHtml") {
     nodeSlot.replaceChildren(id, ...nodes);
   } else if (pos === "appendHtml" || pos === "append" || pos === "appendText") {
@@ -28,11 +28,12 @@ function applySlot(targetId, opt) {
     const original = descriptor.value;
     descriptor.value = function(...args) {
       ensureInit(this);
+      const host = this;
       const conf = getElementConfig(this);
       const currentWin = conf.window;
       const swcId = this._swcId;
       const currentDoc = currentWin.document;
-      const hostSet = SwcUtils.getHelperAndHostSet(currentWin, this);
+      const hostSet = SwcUtils.getHelperAndHostSet(this);
       const pos = options.position;
       const resToNodes = (res2) => {
         const nodes = [];
@@ -53,7 +54,7 @@ function applySlot(targetId, opt) {
         const res2 = options.fallback.call(this, hostSet);
         const nodes = resToNodes(res2);
         fallbackNodes.push(...nodes);
-        applyToDom(swcId, targetId, options.position, nodes);
+        applyToDom(host, swcId, targetId, options.position, nodes);
       }
       const extractValue = (v) => {
         const keyToUse = options.valueKey ?? APPLY_SLOT_METADATA_KEY;
@@ -68,12 +69,12 @@ function applySlot(targetId, opt) {
           const extracted = extractValue(asyncRes);
           const nodes = resToNodes(extracted);
           fallbackNodes.forEach((it) => it.remove());
-          applyToDom(swcId, targetId, options.position, nodes);
+          applyToDom(host, swcId, targetId, options.position, nodes);
         });
       } else {
         const extracted = extractValue(res);
         const nodes = resToNodes(extracted);
-        applyToDom(swcId, targetId, options.position, nodes);
+        applyToDom(host, swcId, targetId, options.position, nodes);
       }
     };
   };
@@ -109,8 +110,8 @@ function replaceChildrenTextSlot(targetId) {
   return applySlot(targetId, { position: "replaceChildrenText" });
 }
 const findAllApplySlotMetadata = (target) => {
-  const constructor = target instanceof Function ? target : target.constructor;
-  return ReflectUtils.getMetadata(APPLY_SLOT_METADATA_KEY, constructor);
+  const constructor = typeof target === "function" ? target : target.constructor;
+  return ReflectUtils.findAllMetadata(APPLY_SLOT_METADATA_KEY, constructor).flat();
 };
 export {
   APPLY_SLOT_METADATA_KEY,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/applySlot.ts"],
-  "sourcesContent": ["import {OptionalType, ReflectUtils} from '@dooboostore/core';\nimport {ensureInit, getElementConfig} from './elementDefine';\nimport {SwcUtils} from \"../utils/Utils\";\nimport {NodeSlot} from \"@dooboostore/core-web\";\nimport {HelperHostSet} from \"../types\";\n/*\n<!-- beforebegin -->\n<p> <-- it's me\n  <!-- afterbegin -->\n  foo\n  <!-- beforeend -->\n</p>\n<!-- afterend -->\n */\nexport type ApplySlotPosition = 'prepend' | 'prependHtml' | 'prependText' | 'append' | 'appendHtml' | 'appendText' | 'replaceChildren' | 'replaceChildrenHtml' | 'replaceChildrenText' | 'clear';\n\nexport interface ApplySlotOptions {\n  position: ApplySlotPosition;\n  fallback?: (helper: HelperHostSet) => string | Node;\n  /**\n   * Custom key to extract value from return object.\n   * If not provided, uses APPLY_SLOT_METADATA_KEY by default.\n   * Useful when multiple @applySlot decorators are on the same method.\n   */\n  valueKey?: symbol | string;\n}\n\nexport interface ApplySlotMetadata {\n  propertyKey: string | symbol;\n  targetId: string;\n  // type: 'method' | 'property';\n  options: ApplySlotOptions;\n}\n\nexport const APPLY_SLOT_METADATA_KEY = Symbol.for('simple-web-component:apply-slot');\n\n// const normalizeNodes = (res: any, doc: Document): Node[] => {\n//   const items = Array.isArray(res) ? res : [res];\n//   return items.map(it => {\n//     if (it instanceof Node) return it;\n//     return doc.createTextNode(it !== undefined && it !== null ? String(it) : '');\n//   });\n// };\n\n// const applyToDom = (targetEl: any, res: any, pos: ApplyNodePosition, win: Window) => {\n//     if (!targetEl) return;\n//\n//     const doc = win.document;\n//\n//     if (pos === 'innerHtml') {\n//         targetEl.innerHTML = res !== undefined && res !== null ? String(res) : '';\n//         return;\n//     }\n//\n//     if (pos === 'innerText') {\n//         if (targetEl.innerText !== undefined) {\n//             targetEl.innerText = res !== undefined && res !== null ? String(res) : '';\n//         }\n//         return;\n//     }\n//\n//     const isShadowRoot = targetEl instanceof win.ShadowRoot;\n//     const nodes = normalizeNodes(res, doc);\n//     if (pos === 'replace') {\n//       if (!isShadowRoot) targetEl.replaceWith(...nodes);\n//     } else if (pos === 'replaceChildren') {\n//       targetEl.replaceChildren(...nodes);\n//     } else {\n//       if (pos === 'beforeEnd') targetEl.append(...nodes);\n//       else if (pos === 'afterBegin') targetEl.prepend(...nodes);\n//       else if (pos === 'beforeBegin' && !isShadowRoot) targetEl.before(...nodes);\n//       else if (pos === 'afterEnd' && !isShadowRoot) targetEl.after(...nodes);\n//     }\n// };\n\nconst applyToDom = (swcId: string, id: string, pos: ApplySlotPosition, nodes: Node[]) => {\n  const nodeSlot = new NodeSlot(this, swcId);\n  if (pos === 'replaceChildrenText' || pos === 'replaceChildren' || pos === 'replaceChildrenHtml') {\n    nodeSlot.replaceChildren(id, ...nodes);\n  } else if (pos === 'appendHtml' || pos === 'append' || pos === 'appendText') {\n    nodeSlot.append(id, ...nodes);\n  } else if (pos === 'prependHtml' || pos === 'prepend' || pos === 'prependText') {\n    nodeSlot.prepend(id, ...nodes);\n  } else if (pos === 'clear') {\n    nodeSlot.clear(id);\n  }\n}\n\n/**\n * @applyNode decorator to surgically add/replace nodes to a target element.\n */\nexport function applySlot(targetId: string, opt: OptionalType<ApplySlotOptions, 'position'>): MethodDecorator {\n  return (targetObj: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<any>) => {\n\n\n    const options: ApplySlotOptions = {position: 'replaceChildren', ...opt};\n\n\n    const constructor = targetObj.constructor;\n    let metaList = ReflectUtils.getOwnMetadata(APPLY_SLOT_METADATA_KEY, constructor) as ApplySlotMetadata[];\n    if (!metaList) {\n      metaList = []\n      ReflectUtils.defineMetadata(APPLY_SLOT_METADATA_KEY, metaList, constructor);\n    }\n    metaList.push({propertyKey, targetId, options});\n\n\n    const original = descriptor.value;\n    descriptor.value = function (...args: any[]) {\n      ensureInit(this);\n\n      const conf = getElementConfig(this);\n      const currentWin = conf.window;\n      const swcId = this._swcId;\n      const currentDoc = currentWin.document;\n      const hostSet = SwcUtils.getHelperAndHostSet(currentWin, this);\n      const pos = options.position;\n\n      const resToNodes = (res: string | Node) => {\n        const nodes: Node[] = [];\n\n        if (typeof res === 'string' && (pos === 'replaceChildrenHtml' || pos === 'appendHtml' || pos === 'prependHtml')) {\n          const t = currentWin.document.createElement('template');\n          t.innerHTML = res;\n          nodes.push(...Array.from(t.content.childNodes));\n        } else if (typeof res === 'string' && (pos === 'replaceChildrenText' || pos === 'prependText' || pos === 'appendText')) {\n          nodes.push(currentWin.document.createTextNode(res));\n        } else if (typeof res === 'object') {\n          nodes.push(res);\n        }\n        SwcUtils.projectProcessHtml(swcId, nodes, currentDoc);\n        return nodes;\n      }\n\n      const fallbackNodes: Node[] = [];\n      if (options.fallback) {\n        const res: string | Node = options.fallback.call(this, hostSet);\n        const nodes: Node[] = resToNodes(res);\n        fallbackNodes.push(...nodes);\n        applyToDom(swcId, targetId, options.position, nodes);\n      }\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 APPLY_SLOT_METADATA_KEY.\n       */\n      const extractValue = (v: any) => {\n        const keyToUse = options.valueKey ?? APPLY_SLOT_METADATA_KEY;\n        if (v && typeof v === 'object' && keyToUse in v) {\n          return v[keyToUse];\n        }\n        return v;\n      };\n\n      let res = original.apply(this, args);\n      if (res instanceof Promise) {\n        return res.then(asyncRes => {\n          const extracted = extractValue(asyncRes);\n          const nodes = resToNodes(extracted)\n          fallbackNodes.forEach((it: any) => it.remove());\n          applyToDom(swcId, targetId, options.position, nodes);\n        })\n      } else {\n        const extracted = extractValue(res);\n        const nodes: Node[] = resToNodes(extracted);\n        applyToDom(swcId, targetId, options.position, nodes);\n      }\n    };\n  };\n}\n\nexport function clearSlot(targetId: string): MethodDecorator {\n  return applySlot(targetId, {position: 'clear'});\n}\n\nexport function prependHtmlSlot(targetId: string): MethodDecorator {\n  return applySlot(targetId, {position: 'prependHtml'});\n}\n\nexport function prependSlot(targetId: string): MethodDecorator {\n  return applySlot(targetId, {position: 'prepend'});\n}\n\nexport function prependTextSlot(targetId: string): MethodDecorator {\n  return applySlot(targetId, {position: 'prependText'});\n}\n\nexport function appendHtmlSlot(targetId: string): MethodDecorator {\n  return applySlot(targetId, {position: 'appendHtml'});\n}\n\nexport function appendTextSlot(targetId: string): MethodDecorator {\n  return applySlot(targetId, {position: 'appendText'});\n}\n\nexport function appendSlot(targetId: string): MethodDecorator {\n  return applySlot(targetId, {position: 'append'});\n}\n\nexport function replaceChildrenHtmlSlot(targetId: string): MethodDecorator {\n  return applySlot(targetId, {position: 'replaceChildrenHtml'});\n}\n\nexport function replaceChildrenSlot(targetId: string): MethodDecorator {\n  return applySlot(targetId, {position: 'replaceChildren'});\n}\n\nexport function replaceChildrenTextSlot(targetId: string): MethodDecorator {\n  return applySlot(targetId, {position: 'replaceChildrenText'});\n}\n\n// export const findAllApplySlotMetadata = (target: any): Map<string | symbol, ApplySlotMetadata> => {\nexport const findAllApplySlotMetadata = (target: any): ApplySlotMetadata[] => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(APPLY_SLOT_METADATA_KEY, constructor);\n};"],
-  "mappings": "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",
+  "sourcesContent": ["import {OptionalType, ReflectUtils} from '@dooboostore/core';\nimport {ensureInit, getElementConfig} from './elementDefine';\nimport {SwcUtils} from \"../utils/Utils\";\nimport {NodeSlot} from \"@dooboostore/core-web\";\nimport {HelperHostSet} from \"../types\";\n/*\n<!-- beforebegin -->\n<p> <-- it's me\n  <!-- afterbegin -->\n  foo\n  <!-- beforeend -->\n</p>\n<!-- afterend -->\n */\nexport type ApplySlotPosition = 'prepend' | 'prependHtml' | 'prependText' | 'append' | 'appendHtml' | 'appendText' | 'replaceChildren' | 'replaceChildrenHtml' | 'replaceChildrenText' | 'clear';\n\nexport interface ApplySlotOptions {\n  position: ApplySlotPosition;\n  fallback?: (helper: HelperHostSet) => string | Node;\n  /**\n   * Custom key to extract value from return object.\n   * If not provided, uses APPLY_SLOT_METADATA_KEY by default.\n   * Useful when multiple @applySlot decorators are on the same method.\n   */\n  valueKey?: symbol | string;\n}\n\nexport interface ApplySlotMetadata {\n  propertyKey: string | symbol;\n  targetId: string;\n  // type: 'method' | 'property';\n  options: ApplySlotOptions;\n}\n\nexport const APPLY_SLOT_METADATA_KEY = Symbol.for('simple-web-component:apply-slot');\n\n// const normalizeNodes = (res: any, doc: Document): Node[] => {\n//   const items = Array.isArray(res) ? res : [res];\n//   return items.map(it => {\n//     if (it instanceof Node) return it;\n//     return doc.createTextNode(it !== undefined && it !== null ? String(it) : '');\n//   });\n// };\n\n// const applyToDom = (targetEl: any, res: any, pos: ApplyNodePosition, win: Window) => {\n//     if (!targetEl) return;\n//\n//     const doc = win.document;\n//\n//     if (pos === 'innerHtml') {\n//         targetEl.innerHTML = res !== undefined && res !== null ? String(res) : '';\n//         return;\n//     }\n//\n//     if (pos === 'innerText') {\n//         if (targetEl.innerText !== undefined) {\n//             targetEl.innerText = res !== undefined && res !== null ? String(res) : '';\n//         }\n//         return;\n//     }\n//\n//     const isShadowRoot = targetEl instanceof win.ShadowRoot;\n//     const nodes = normalizeNodes(res, doc);\n//     if (pos === 'replace') {\n//       if (!isShadowRoot) targetEl.replaceWith(...nodes);\n//     } else if (pos === 'replaceChildren') {\n//       targetEl.replaceChildren(...nodes);\n//     } else {\n//       if (pos === 'beforeEnd') targetEl.append(...nodes);\n//       else if (pos === 'afterBegin') targetEl.prepend(...nodes);\n//       else if (pos === 'beforeBegin' && !isShadowRoot) targetEl.before(...nodes);\n//       else if (pos === 'afterEnd' && !isShadowRoot) targetEl.after(...nodes);\n//     }\n// };\n\nconst applyToDom = (host: HTMLElement, swcId: string, id: string, pos: ApplySlotPosition, nodes: Node[]) => {\n  const nodeSlot = new NodeSlot(host, swcId);\n  if (pos === 'replaceChildrenText' || pos === 'replaceChildren' || pos === 'replaceChildrenHtml') {\n    nodeSlot.replaceChildren(id, ...nodes);\n  } else if (pos === 'appendHtml' || pos === 'append' || pos === 'appendText') {\n    nodeSlot.append(id, ...nodes);\n  } else if (pos === 'prependHtml' || pos === 'prepend' || pos === 'prependText') {\n    nodeSlot.prepend(id, ...nodes);\n  } else if (pos === 'clear') {\n    nodeSlot.clear(id);\n  }\n}\n\n/**\n * @applyNode decorator to surgically add/replace nodes to a target element.\n */\nexport function applySlot(targetId: string, opt: OptionalType<ApplySlotOptions, 'position'>): MethodDecorator {\n  return (targetObj: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<any>) => {\n\n\n    const options: ApplySlotOptions = {position: 'replaceChildren', ...opt};\n\n\n    const constructor = targetObj.constructor;\n    let metaList = ReflectUtils.getOwnMetadata(APPLY_SLOT_METADATA_KEY, constructor) as ApplySlotMetadata[];\n    if (!metaList) {\n      metaList = []\n      ReflectUtils.defineMetadata(APPLY_SLOT_METADATA_KEY, metaList, constructor);\n    }\n    metaList.push({propertyKey, targetId, options});\n\n\n    const original = descriptor.value;\n    descriptor.value = function (...args: any[]) {\n      ensureInit(this);\n\n      const host = this;\n      const conf = getElementConfig(this);\n      const currentWin = conf.window;\n      const swcId = this._swcId;\n      const currentDoc = currentWin.document;\n      const hostSet = SwcUtils.getHelperAndHostSet(this);\n      const pos = options.position;\n\n      const resToNodes = (res: string | Node) => {\n        const nodes: Node[] = [];\n\n        if (typeof res === 'string' && (pos === 'replaceChildrenHtml' || pos === 'appendHtml' || pos === 'prependHtml')) {\n          const t = currentWin.document.createElement('template');\n          t.innerHTML = res;\n          nodes.push(...Array.from(t.content.childNodes));\n        } else if (typeof res === 'string' && (pos === 'replaceChildrenText' || pos === 'prependText' || pos === 'appendText')) {\n          nodes.push(currentWin.document.createTextNode(res));\n        } else if (typeof res === 'object') {\n          nodes.push(res);\n        }\n        SwcUtils.projectProcessHtml(swcId, nodes, currentDoc);\n        return nodes;\n      }\n\n      const fallbackNodes: Node[] = [];\n      if (options.fallback) {\n        const res: string | Node = options.fallback.call(this, hostSet);\n        const nodes: Node[] = resToNodes(res);\n        fallbackNodes.push(...nodes);\n        applyToDom(host, swcId, targetId, options.position, nodes);\n      }\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 APPLY_SLOT_METADATA_KEY.\n       */\n      const extractValue = (v: any) => {\n        const keyToUse = options.valueKey ?? APPLY_SLOT_METADATA_KEY;\n        if (v && typeof v === 'object' && keyToUse in v) {\n          return v[keyToUse];\n        }\n        return v;\n      };\n\n      let res = original.apply(this, args);\n      if (res instanceof Promise) {\n        return res.then(asyncRes => {\n          const extracted = extractValue(asyncRes);\n          const nodes = resToNodes(extracted)\n          fallbackNodes.forEach((it: any) => it.remove());\n          applyToDom(host, swcId, targetId, options.position, nodes);\n        })\n      } else {\n        const extracted = extractValue(res);\n        const nodes: Node[] = resToNodes(extracted);\n        applyToDom(host, swcId, targetId, options.position, nodes);\n      }\n    };\n  };\n}\n\nexport function clearSlot(targetId: string): MethodDecorator {\n  return applySlot(targetId, {position: 'clear'});\n}\n\nexport function prependHtmlSlot(targetId: string): MethodDecorator {\n  return applySlot(targetId, {position: 'prependHtml'});\n}\n\nexport function prependSlot(targetId: string): MethodDecorator {\n  return applySlot(targetId, {position: 'prepend'});\n}\n\nexport function prependTextSlot(targetId: string): MethodDecorator {\n  return applySlot(targetId, {position: 'prependText'});\n}\n\nexport function appendHtmlSlot(targetId: string): MethodDecorator {\n  return applySlot(targetId, {position: 'appendHtml'});\n}\n\nexport function appendTextSlot(targetId: string): MethodDecorator {\n  return applySlot(targetId, {position: 'appendText'});\n}\n\nexport function appendSlot(targetId: string): MethodDecorator {\n  return applySlot(targetId, {position: 'append'});\n}\n\nexport function replaceChildrenHtmlSlot(targetId: string): MethodDecorator {\n  return applySlot(targetId, {position: 'replaceChildrenHtml'});\n}\n\nexport function replaceChildrenSlot(targetId: string): MethodDecorator {\n  return applySlot(targetId, {position: 'replaceChildren'});\n}\n\nexport function replaceChildrenTextSlot(targetId: string): MethodDecorator {\n  return applySlot(targetId, {position: 'replaceChildrenText'});\n}\n\n// export const findAllApplySlotMetadata = (target: any): Map<string | symbol, ApplySlotMetadata> => {\nexport const findAllApplySlotMetadata = (target: any): ApplySlotMetadata[] => {\n  const constructor = typeof target === 'function' ? target : target.constructor;\n  return ReflectUtils.findAllMetadata<any[]>(APPLY_SLOT_METADATA_KEY, constructor).flat();\n};"],
+  "mappings": "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",
   "names": ["res"]
 }

package/dist/esm/decorators/applyStyle.js

@@ -4,7 +4,7 @@ import { SwcUtils } from "../utils/Utils.js";
 const STYLE_METADATA_KEY = Symbol.for("simple-web-component:style");
 const resolveSelector = (selector, inst, win) => {
   if (typeof selector === "function") {
-    const hostSet = SwcUtils.getHelperAndHostSet(win, inst);
+    const hostSet = SwcUtils.getHelperAndHostSet(inst);
     const result = selector(inst, hostSet);
     if (result instanceof win.Element) {
       return [result];
@@ -33,7 +33,7 @@ const getTargetElements = (selector, inst, win, root) => {
   const stringSelector = resolved;
   const targetEls = [];
   const host = inst;
-  const hostSet = SwcUtils.getHelperAndHostSet(win, inst);
+  const hostSet = SwcUtils.getHelperAndHostSet(inst);
   const applyRoot = (t) => {
     if (!t || !(t instanceof win.HTMLElement)) return;
     targetEls.push(t);
@@ -82,7 +82,7 @@ function createStyleDecorator(action) {
           if (resolvedValue !== void 0) {
             const win = this.ownerDocument?.defaultView || window;
             const host = this;
-            const hostSet = { ...SwcUtils.getHelperAndHostSet(win, host), $this: this };
+            const hostSet = { ...SwcUtils.getHelperAndHostSet(host), $this: this };
             const r = options.root || "auto";
             const targetEls = getTargetElements(selector, this, win, r);
             targetEls.forEach((targetEl) => {
@@ -122,9 +122,13 @@ function createStyleDecorator(action) {
           return resolvedValue;
         };
         if (res instanceof Promise) {
-          return res.then((v) => handleResult(extractValue(v)));
+          return res.then((v) => {
+            handleResult(extractValue(v));
+            return v;
+          });
         } else {
-          return handleResult(extractValue(res));
+          handleResult(extractValue(res));
+          return res;
         }
       };
       return descriptor;
@@ -172,11 +176,11 @@ function removeStyle(selectorOrTarget, optionsOrPropertyKey, descriptor) {
   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 styleAppHost(actionOrTarget, optionsOrPropertyKey, descriptor) {
+  if ((typeof optionsOrPropertyKey === "string" || typeof optionsOrPropertyKey === "symbol") && descriptor !== void 0) {
+    return applyStyle("$appHost", void 0, {})(actionOrTarget, optionsOrPropertyKey, descriptor);
+  }
+  return applyStyle("$appHost", actionOrTarget, optionsOrPropertyKey);
 }
 function styleLight(selector, actionOrOptions, options) {
   const action = typeof actionOrOptions === "string" ? actionOrOptions : void 0;
@@ -214,7 +218,6 @@ export {
   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, 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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",
+  "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(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(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(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          // \uC790\uAE30 \uBAAB(valueKey)\uB9CC \uC801\uC6A9\uD558\uACE0 \uC6D0\uB798 \uBC18\uD658\uAC12\uC740 \uADF8\uB300\uB85C \uC704\uB85C \uB118\uAE34\uB2E4 \u2014 \uC704\uC5D0 \uC313\uC778 \uB2E4\uB978 \uC544\uC6C3\uD48B\uB3C4 \uC790\uAE30 \uD0A4\uB97C \uCC3E\uAC8C\n          return res.then((v: any) => { handleResult(extractValue(v)); return v; });\n        } else {\n          handleResult(extractValue(res));\n          return 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 styleAppHost(action: StyleAction, options?: StyleQueryOptions): MethodDecorator;\nexport function styleAppHost(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): PropertyDescriptor | void;\nexport function styleAppHost(actionOrTarget?: StyleAction | Object, optionsOrPropertyKey?: StyleQueryOptions | string | symbol, descriptor?: PropertyDescriptor): any {\n  if ((typeof optionsOrPropertyKey === 'string' || typeof optionsOrPropertyKey === 'symbol') && descriptor !== undefined) {\n    return (applyStyle('$appHost', undefined as any, {}) as any)(actionOrTarget, optionsOrPropertyKey, descriptor);\n  }\n  return applyStyle('$appHost', actionOrTarget as any, optionsOrPropertyKey as StyleQueryOptions);\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": "AAAA,SAAQ,oBAAmB;AAC3B,SAAQ,kBAAiB;AACzB,SAAQ,gBAAe;AA+BhB,MAAM,qBAAqB,OAAO,IAAI,4BAA4B;AAMzE,MAAM,kBAAkB,CAAC,UAAyB,MAAW,QAAwC;AACnG,MAAI,OAAO,aAAa,YAAY;AAClC,UAAM,UAAU,SAAS,oBAAoB,IAAI;AACjD,UAAM,SAAS,SAAS,MAAM,OAAO;AAErC,QAAI,kBAAkB,IAAI,SAAS;AACjC,aAAO,CAAC,MAAqB;AAAA,IAC/B;AACA,QAAI,kBAAkB,IAAI,UAAU;AAClC,aAAO,MAAM,KAAK,MAAM;AAAA,IAC1B;AACA,QAAI,MAAM,QAAQ,MAAM,GAAG;AACzB,aAAO;AAAA,IACT;AACA,QAAI,WAAW,MAAM;AACnB,aAAO,CAAC;AAAA,IACV;AACA,QAAI,kBAAkB,IAAI,MAAM;AAC9B,aAAO,CAAC;AAAA,IACV;AACA,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAKA,MAAM,oBAAoB,CAAC,UAAyB,MAAW,KAAa,SAAgC;AAC1G,QAAM,WAAW,gBAAgB,UAAU,MAAM,GAAG;AAEpD,MAAI,MAAM,QAAQ,QAAQ,GAAG;AAC3B,WAAO;AAAA,EACT;AAEA,QAAM,iBAAiB;AACvB,QAAM,YAA2B,CAAC;AAClC,QAAM,OAAO;AACb,QAAM,UAAU,SAAS,oBAAoB,IAAI;AAEjD,QAAM,YAAY,CAAC,MAAW;AAC5B,QAAI,CAAC,KAAK,EAAE,aAAa,IAAI,aAAc;AAC3C,cAAU,KAAK,CAAC;AAAA,EAClB;AAEA,MAAI,mBAAmB,WAAW,CAAC,eAAgB,WAAU,IAAI;AAAA,WACxD,mBAAmB,QAAS,WAAU,QAAQ,KAAK;AAAA,WACnD,mBAAmB,cAAe,WAAU,QAAQ,WAAW;AAAA,WAC/D,mBAAmB,WAAY,WAAU,QAAQ,QAAQ;AAAA,WACzD,mBAAmB,aAAc,WAAU,QAAQ,UAAU;AAAA,WAC7D,mBAAmB,YAAa,WAAU,QAAQ,SAAS;AAAA,WAC3D,mBAAmB,gBAAiB,WAAU,QAAQ,aAAa;AAAA,WACnE,mBAAmB,eAAgB,WAAU,QAAQ,YAAY;AAAA,WACjE,mBAAmB,SAAU,SAAQ,OAAO,QAAQ,SAAS;AAAA,WAC7D,mBAAmB,YAAa,SAAQ,UAAU,QAAQ,SAAS;AAAA,OACvE;AACH,UAAM,aAAa,SAAS,SAAU,KAAK,cAAc,OAAS,SAAS,WAAW,KAAK,aAAa;AACxG,QAAI,YAAY;AACd,YAAM,QAAQ,WAAW,iBAAiB,cAAc;AACxD,UAAI,MAAO,WAAU,KAAK,GAAI,MAAM,KAAK,KAAK,CAAmB;AAAA,IACnE;AAAA,EACF;AAEA,SAAO;AACT;AAEA,SAAS,qBAAqB,QAAqB;AACjD,SAAO,CAAC,UAAyB,UAA6B,CAAC,MAAuB;AACpF,WAAO,CAAC,QAAgB,aAA8B,eAAmC;AACvF,YAAM,cAAc,OAAO;AAC3B,UAAI,WAAW,aAAa,eAAe,oBAAoB,WAAW;AAC1E,UAAI,CAAC,UAAU;AACb,mBAAW,oBAAI,IAAyC;AACxD,qBAAa,eAAe,oBAAoB,UAAU,WAAW;AAAA,MACvE;AACA,eAAS,IAAI,aAAa,EAAE,aAAa,UAAU,QAAQ,QAAQ,CAAC;AAEpE,YAAM,WAAW,WAAW;AAC5B,iBAAW,QAAQ,YAAa,MAAa;AAC3C,mBAAW,IAAI;AACf,cAAM,MAAO,SAAiB,MAAM,MAAM,IAAI;AAU9C,cAAM,eAAe,CAAC,MAAW;AAC/B,gBAAM,WAAW,QAAQ,YAAY;AACrC,cAAI,KAAK,OAAO,MAAM,YAAY,YAAY,GAAG;AAC/C,mBAAO,EAAE,QAAQ;AAAA,UACnB;AACA,iBAAO;AAAA,QACT;AAEA,cAAM,eAAe,CAAC,kBAAuB;AAC3C,cAAI,kBAAkB,QAAW;AAC/B,kBAAM,MAAO,KAAa,eAAe,eAAe;AACxD,kBAAM,OAAO;AACb,kBAAM,UAAU,EAAE,GAAG,SAAS,oBAAoB,IAAI,GAAG,OAAO,KAAK;AACrE,kBAAM,IAAI,QAAQ,QAAQ;AAC1B,kBAAM,YAAY,kBAAkB,UAAU,MAAM,KAAK,CAAC;AAE1D,sBAAU,QAAQ,cAAY;AAC5B,kBAAI,QAAQ,UAAU,CAAC,QAAQ,OAAO,UAAU,eAAe,EAAC,aAAa,MAAM,QAAQ,QAAO,CAAC,GAAG;AACpG;AAAA,cACF;AACA,oBAAM,cAAc,OAAO,kBAAkB,aAAc,cAAsB,UAAU,OAAO,IAAI;AAEtG,kBAAI,WAAW,SAAS,WAAW,UAAU;AAC3C,oBAAI,WAAW,MAAO,UAAS,MAAM,UAAU;AAE/C,oBAAI,OAAO,gBAAgB,YAAY,gBAAgB,QAAQ,CAAC,MAAM,QAAQ,WAAW,GAAG;AAC1F,yBAAO,QAAQ,WAAkB,EAAE,QAAQ,CAAC,CAAC,MAAM,GAAG,MAAM;AAC1D,0BAAM,WAAW,OAAO,QAAQ,aAAa,IAAI,UAAU,OAAO,IAAI;AACtE,wBAAI,aAAa,QAAQ,aAAa,QAAW;AAC/C,+BAAS,MAAM,eAAe,IAAI;AAAA,oBACpC,OAAO;AACL,+BAAS,MAAM,IAAW,IAAI,OAAO,QAAQ;AAAA,oBAC/C;AAAA,kBACF,CAAC;AAAA,gBACH,WAAW,OAAO,gBAAgB,UAAU;AAC1C,2BAAS,MAAM,UAAU;AAAA,gBAC3B;AAAA,cACF,WAAW,WAAW,UAAU;AAC9B,oBAAI,OAAO,gBAAgB,YAAY,gBAAgB,QAAQ,CAAC,MAAM,QAAQ,WAAW,GAAG;AAC1F,yBAAO,QAAQ,WAAkB,EAAE,QAAQ,CAAC,CAAC,MAAM,GAAG,MAAM;AAC1D,0BAAM,eAAe,OAAO,QAAQ,aAAa,IAAI,UAAU,OAAO,IAAI,CAAC,CAAC;AAC5E,wBAAI,cAAc;AAChB,+BAAS,MAAM,eAAe,IAAI;AAAA,oBACpC;AAAA,kBACF,CAAC;AAAA,gBACH,OAAO;AACL,wBAAM,QAAQ,MAAM,QAAQ,WAAW,IAAI,cAAc,CAAC,WAAW;AACrE,wBAAM,QAAQ,OAAK,SAAS,MAAM,eAAe,OAAO,CAAC,CAAC,CAAC;AAAA,gBAC7D;AAAA,cACF;AAAA,YACF,CAAC;AAAA,UACH;AACA,iBAAO;AAAA,QACT;AAEA,YAAI,eAAe,SAAS;AAE1B,iBAAO,IAAI,KAAK,CAAC,MAAW;AAAE,yBAAa,aAAa,CAAC,CAAC;AAAG,mBAAO;AAAA,UAAG,CAAC;AAAA,QAC1E,OAAO;AACL,uBAAa,aAAa,GAAG,CAAC;AAC9B,iBAAO;AAAA,QACT;AAAA,MACF;AACA,aAAO;AAAA,IACT;AAAA,EACF;AACF;AAKO,SAAS,WAAW,kBAAwB,qBAA2B,qBAAgC;AAE5G,MAAI,wBAAwB,UAAa,OAAO,qBAAqB,YAAY,OAAO,qBAAqB,eAAe,OAAO,wBAAwB,YAAY,OAAO,wBAAwB,WAAW;AAC/M,WAAO,qBAAqB,QAAQ,EAAE,SAAS,CAAC,CAAC,EAAE,kBAA4B,qBAAqB,mBAAyC;AAAA,EAC/I;AAEA,MAAI,OAAO,qBAAqB,YAAY,OAAO,qBAAqB,YAAY;AAClF,UAAMA,UAAU,OAAO,wBAAwB,WAAW,sBAAsB;AAChF,UAAMC,WAAW,OAAO,wBAAwB,WAAW,sBAAsB;AACjF,WAAO,qBAAqBD,OAAM,EAAE,kBAAkBC,QAAO;AAAA,EAC/D;AAEA,QAAM,SAAU,OAAO,qBAAqB,WAAW,mBAAmB;AAC1E,QAAM,UAAW,OAAO,qBAAqB,WAAW,mBAAmB;AAC3E,SAAO,qBAAqB,MAAM,EAAE,SAAS,OAAO;AACtD;AAKO,SAAS,SAAS,kBAAwB,sBAA4B,YAAuB;AAElG,MAAI,eAAe,WAAc,OAAO,yBAAyB,YAAY,OAAO,yBAAyB,WAAW;AACtH,WAAO,qBAAqB,KAAK,EAAE,SAAS,CAAC,CAAC,EAAE,kBAA4B,sBAAsB,UAAgC;AAAA,EACpI;AAEA,MAAI,OAAO,qBAAqB,YAAY,OAAO,qBAAqB,YAAY;AAClF,WAAO,qBAAqB,KAAK,EAAE,kBAAkB,oBAAyC;AAAA,EAChG;AAEA,SAAO,qBAAqB,KAAK,EAAE,SAAS,gBAAqC;AACnF;AAKO,SAAS,YAAY,kBAAwB,sBAA4B,YAAuB;AAErG,MAAI,eAAe,WAAc,OAAO,yBAAyB,YAAY,OAAO,yBAAyB,WAAW;AACtH,WAAO,qBAAqB,QAAQ,EAAE,SAAS,CAAC,CAAC,EAAE,kBAA4B,sBAAsB,UAAgC;AAAA,EACvI;AAEA,MAAI,OAAO,qBAAqB,YAAY,OAAO,qBAAqB,YAAY;AAClF,WAAO,qBAAqB,QAAQ,EAAE,kBAAkB,oBAAyC;AAAA,EACnG;AAEA,SAAO,qBAAqB,QAAQ,EAAE,SAAS,gBAAqC;AACtF;AAKO,SAAS,YAAY,kBAAwB,sBAA4B,YAAuB;AAErG,MAAI,eAAe,WAAc,OAAO,yBAAyB,YAAY,OAAO,yBAAyB,WAAW;AACtH,WAAO,qBAAqB,QAAQ,EAAE,SAAS,CAAC,CAAC,EAAE,kBAA4B,sBAAsB,UAAgC;AAAA,EACvI;AAEA,MAAI,OAAO,qBAAqB,YAAY,OAAO,qBAAqB,YAAY;AAClF,WAAO,qBAAqB,QAAQ,EAAE,kBAAkB,oBAAyC;AAAA,EACnG;AAEA,SAAO,qBAAqB,QAAQ,EAAE,SAAS,gBAAqC;AACtF;AAGO,MAAM,QAAQ;AAMd,SAAS,aAAa,gBAAuC,sBAA4D,YAAsC;AACpK,OAAK,OAAO,yBAAyB,YAAY,OAAO,yBAAyB,aAAa,eAAe,QAAW;AACtH,WAAQ,WAAW,YAAY,QAAkB,CAAC,CAAC,EAAU,gBAAgB,sBAAsB,UAAU;AAAA,EAC/G;AACA,SAAO,WAAW,YAAY,gBAAuB,oBAAyC;AAChG;AAGO,SAAS,WAAW,UAAkB,iBAAiE,SAA4D;AACxK,QAAM,SAAU,OAAO,oBAAoB,WAAW,kBAAkB;AACxE,QAAM,OAAQ,OAAO,oBAAoB,WAAW,kBAAkB;AACtE,SAAO,WAAW,UAAU,QAAQ,EAAC,GAAG,QAAQ,CAAC,GAAG,MAAM,QAAO,CAAC;AACpE;AAGO,SAAS,YAAY,UAAkB,iBAAiE,SAA4D;AACzK,QAAM,SAAU,OAAO,oBAAoB,WAAW,kBAAkB;AACxE,QAAM,OAAQ,OAAO,oBAAoB,WAAW,kBAAkB;AACtE,SAAO,WAAW,UAAU,QAAQ,EAAC,GAAG,QAAQ,CAAC,GAAG,MAAM,SAAQ,CAAC;AACrE;AAGO,SAAS,SAAS,UAAkB,iBAAiE,SAA4D;AACtK,QAAM,SAAU,OAAO,oBAAoB,WAAW,kBAAkB;AACxE,QAAM,OAAQ,OAAO,oBAAoB,WAAW,kBAAkB;AACtE,SAAO,WAAW,UAAU,QAAQ,EAAC,GAAG,QAAQ,CAAC,GAAG,MAAM,MAAK,CAAC;AAClE;AAEO,MAAM,uBAAuB,CAAC,WAA0D;AAC7F,QAAM,SAAS,oBAAI,IAAyC;AAC5D,QAAM,OAAO,aAAa,gBAA0D,oBAAoB,MAAM;AAC9G,OAAK,QAAQ,SAAO;AAClB,QAAI,eAAe,KAAK;AACtB,UAAI,QAAQ,CAAC,GAAG,MAAM,OAAO,IAAI,GAAG,CAAC,CAAC;AAAA,IACxC;AAAA,EACF,CAAC;AACD,SAAO;AACT;",
   "names": ["action", "options"]
 }

package/dist/esm/decorators/around.js

@@ -0,0 +1,105 @@
+import { ReflectUtils } from "@dooboostore/core";
+import { ensureInit } from "./elementDefine.js";
+import { SwcUtils } from "../utils/Utils.js";
+const AROUND_METADATA_KEY = Symbol.for("simple-web-component:around");
+const resolveHelperHostSet = (inst) => {
+  try {
+    ensureInit(inst);
+    return SwcUtils.getHelperAndHostSet(inst);
+  } catch {
+    return { $this: inst };
+  }
+};
+function around(options = {}) {
+  return (target, propertyKey, descriptor) => {
+    if (descriptor && typeof descriptor.value === "function") {
+      const original = descriptor.value;
+      const runAfter = function(hhs, res) {
+        if (!options.after) return res;
+        const run = (v) => options.after.call(this, hhs, v);
+        return res && typeof res.then === "function" ? res.then(run) : run(res);
+      };
+      descriptor.value = function(...args) {
+        const hhs = resolveHelperHostSet(this);
+        const self = this;
+        const callOriginal = (finalArgs) => runAfter.call(self, hhs, original.apply(self, finalArgs));
+        const runBody = () => {
+          if (options.before) {
+            const mapped = options.before.call(self, hhs, args);
+            if (mapped && typeof mapped.then === "function") {
+              return mapped.then((m) => {
+                if (Array.isArray(m)) return callOriginal(m);
+                if (m !== void 0) return callOriginal([m]);
+                return callOriginal(args);
+              });
+            }
+            if (Array.isArray(mapped)) return callOriginal(mapped);
+            if (mapped !== void 0) return callOriginal([mapped]);
+          }
+          return callOriginal(args);
+        };
+        if (!options.finally) return runBody();
+        const afterFin = (settle, ctx) => {
+          const f = options.finally.call(self, hhs, ctx);
+          return f && typeof f.then === "function" ? f.then(settle) : settle();
+        };
+        let out;
+        try {
+          out = runBody();
+        } catch (e) {
+          return afterFin(() => {
+            throw e;
+          }, { args, error: e });
+        }
+        if (out && typeof out.then === "function") {
+          return out.then(
+            (v) => afterFin(() => v, { args, result: v }),
+            (e) => afterFin(() => {
+              throw e;
+            }, { args, error: e })
+          );
+        }
+        return afterFin(() => out, { args, result: out });
+      };
+      return descriptor;
+    }
+    const constructor = target.constructor;
+    let aroundList = ReflectUtils.getOwnMetadata(AROUND_METADATA_KEY, constructor);
+    if (!aroundList) {
+      aroundList = [];
+      ReflectUtils.defineMetadata(AROUND_METADATA_KEY, aroundList, constructor);
+    }
+    aroundList.push({ propertyKey });
+    const storageKey = Symbol(`around:${String(propertyKey)}`);
+    const getFn = options.get;
+    const setFn = options.set;
+    Object.defineProperty(target, propertyKey, {
+      get() {
+        const own = Object.getOwnPropertyDescriptor(this, propertyKey);
+        if (own && "value" in own) {
+          delete this[propertyKey];
+          this[storageKey] = setFn ? setFn.call(this, resolveHelperHostSet(this), own.value) : own.value;
+        }
+        const raw = this[storageKey];
+        if (!getFn) return raw;
+        const mapped = getFn.call(this, resolveHelperHostSet(this), raw);
+        return mapped === void 0 ? raw : mapped;
+      },
+      set(value) {
+        this[storageKey] = setFn ? setFn.call(this, resolveHelperHostSet(this), value) : value;
+      },
+      enumerable: true,
+      configurable: true
+    });
+  };
+}
+const findAllAroundMetadata = (target) => {
+  const constructor = typeof target === "function" ? target : target.constructor;
+  return ReflectUtils.findAllMetadata(AROUND_METADATA_KEY, constructor).flat();
+};
+export {
+  AROUND_METADATA_KEY,
+  around,
+  findAllAroundMetadata
+};
+//# sourceMappingURL=around.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/decorators/around.ts"],
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { ensureInit } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { HelperHostSet } from '../types';\n\nexport const AROUND_METADATA_KEY = Symbol.for('simple-web-component:around');\n\nexport interface AroundMetadata {\n  propertyKey: string | symbol;\n}\n\nexport interface AroundPropertyOptions<Value = any> {\n  /**\n   * get\uD560 \uB54C (helperHostSet, \uC800\uC7A5\uB41C \uAC12)\uC744 \uBC1B\uC544 \uC2E4\uC81C\uB85C \uC77D\uB294 \uCABD\uC5D0 \uB3CC\uB824\uC904 \uAC12\uC744 \uB9AC\uD134\uD55C\uB2E4.\n   * undefined \uB9AC\uD134\uC774\uBA74 \uC800\uC7A5\uAC12 \uADF8\uB300\uB85C \uD1B5\uACFC. \uC548 \uC8FC\uBA74 \uADF8\uB300\uB85C \uD1B5\uACFC.\n   */\n  get?: (helperHostSet: HelperHostSet, stored: Value) => Value | void;\n  /**\n   * set\uD560 \uB54C (helperHostSet, \uB300\uC785\uB418\uB294 \uAC12)\uC744 \uBC1B\uC544 \uC2E4\uC81C\uB85C \uC800\uC7A5\uD560 \uAC12\uC744 \uB9AC\uD134\uD55C\uB2E4.\n   * \uC548 \uC8FC\uBA74 \uADF8\uB300\uB85C \uD1B5\uACFC.\n   */\n  set?: (helperHostSet: HelperHostSet, incoming: Value) => Value | void;\n}\nexport interface AroundOptions<Args extends any[] = any[], Return = any> {\n  /**\n   * \uC6D0\uBCF8 \uC2E4\uD589 \uC804\uC5D0, (helperHostSet, \uD638\uCD9C\uC790\uAC00 \uB118\uAE34 \uC778\uC790 \uBC30\uC5F4)\uC744 \uBC1B\uC544\n   * \uC2E4\uC81C\uB85C \uC6D0\uBCF8\uC5D0 \uB118\uAE38 \uC778\uC790 \uBC30\uC5F4\uC744 \uB9AC\uD134\uD55C\uB2E4. undefined \uB9AC\uD134\uC774\uBA74 \uC778\uC790 \uADF8\uB300\uB85C \uD1B5\uACFC.\n   * \uC6D0\uBCF8\uC774 Promise\uB97C \uB9AC\uD134\uD558\uBA74 before\uB3C4 Promise\uB97C \uB9AC\uD134\uD560 \uC218 \uC788\uB2E4 \u2014\n   * resolve\uB41C \uAC12\uC73C\uB85C \uC6D0\uBCF8\uC774 \uD638\uCD9C\uB41C\uB2E4 (\uC774 \uACBD\uC6B0 \uB798\uD37C\uB3C4 Promise \uBC18\uD658).\n   * \uC6D0\uBCF8\uC774 sync\uBA74 before\uB3C4 sync\uC5EC\uC57C \uD55C\uB2E4 (async\uB97C \uB2EC\uBA74 \uD638\uCD9C \uCE21\uC774 \uBAA8\uB974\uB294 Promise\uAC00 \uC0C8\uC5B4\uB098\uAC10).\n   * \uC548 \uC8FC\uBA74 \uADF8\uB300\uB85C \uD1B5\uACFC.\n   *\n   * \uC81C\uB124\uB9AD \uC0DD\uB7B5 \uC2DC(Return=any) \uC591\uCABD \uB2E4 \uD5C8\uC6A9\uC774\uB77C \uB290\uC2A8\uD558\uAC8C \uB3D9\uC791\uD558\uACE0,\n   * `@around<[number], number>`\uCC98\uB7FC \uBA85\uC2DC\uD558\uBA74 \uC704 \uADDC\uCE59\uC774 \uAC80\uC0AC\uB41C\uB2E4.\n   */\n  before?: (helperHostSet: HelperHostSet, args: Args) => Return extends Promise<any> ? Args | void | Promise<Args | void> : Args | void;\n  /**\n   * \uC6D0\uBCF8 \uC2E4\uD589 \uD6C4\uC5D0, (helperHostSet, \uB9AC\uD134\uAC12)\uC744 \uBC1B\uC544 \uC2E4\uC81C\uB85C \uD638\uCD9C\uC790\uC5D0\uAC8C\n   * \uB3CC\uB824\uC904 \uAC12\uC744 \uB9AC\uD134\uD55C\uB2E4.\n   *   \uC6D0\uBCF8\uC774 Promise\uB97C \uB9AC\uD134\uD558\uBA74 resolve\uB41C \uAC12(Awaited<Return>)\uC744 \uB118\uACA8\uBC1B\uACE0,\n   *   after\uC758 \uB9AC\uD134\uAC12\uC774 \uADF8\uB300\uB85C \uCD5C\uC885 Promise\uC758 resolve \uAC12\uC774 \uB41C\uB2E4.\n   *   after\uAC00 Promise\uB97C \uB9AC\uD134\uD574\uB3C4 \uB41C\uB2E4 \u2014 resolve\uB41C \uAC12\uC774 \uCD5C\uC885\uAC12\uC774 \uB41C\uB2E4.\n   * \uC548 \uC8FC\uBA74 \uADF8\uB300\uB85C \uD1B5\uACFC.\n   *\n   * \uC81C\uB124\uB9AD\uC744 \uBA85\uC2DC\uD558\uBA74 \uD6C5 \uC785\uCD9C\uB825\uC774 \uAC80\uC0AC\uB41C\uB2E4:\n   * `@around<[string], Promise<string>>({ after: (h, r) => ... })`\n   * (r\uC740 string\uC73C\uB85C \uCD94\uB860). \uC0DD\uB7B5\uD558\uBA74 any\uB85C \uB290\uC2A8\uD558\uAC8C \uB3D9\uC791\uD55C\uB2E4.\n   * \uB2E8, legacy \uB370\uCF54\uB808\uC774\uD130 \uD55C\uACC4\uC0C1 \uB798\uD551\uB41C \uBA54\uC11C\uB4DC\uC758 \uAC89\uBCF4\uAE30 \uC2DC\uADF8\uB2C8\uCC98\uB294 \uC548 \uBC14\uB00C\uBBC0\uB85C\n   * async \uD6C5\uC744 \uB2E8 sync \uBA54\uC11C\uB4DC\uB294 \uD638\uCD9C \uCE21\uC5D0\uC11C Promise\uB85C \uCDE8\uAE09\uD574\uC57C \uD55C\uB2E4.\n   */\n  after?: (helperHostSet: HelperHostSet, result: Awaited<Return>) => Return | Promise<Awaited<Return>>;\n  /**\n   * before/\uC6D0\uBCF8/after \uC2E4\uD589\uC774 \uB05D\uB098\uBA74 \uC131\uACF5\u00B7\uC2E4\uD328\uC640 \uBB34\uAD00\uD558\uAC8C \uD56D\uC0C1 \uC2E4\uD589\uB418\uB294 \uC815\uB9AC \uD6C5 (try/finally\uC758 finally).\n   * \uB450 \uBC88\uC9F8 \uC778\uC790\uB85C \uCEE8\uD14D\uC2A4\uD2B8\uB97C \uBC1B\uB294\uB2E4:\n   *   - args: \uD638\uCD9C\uC790\uAC00 \uB118\uAE34 \uC6D0\uBCF8 \uC778\uC790 \uBC30\uC5F4(before \uAC00\uACF5 \uC804)\n   *   - result: \uC131\uACF5 \uC2DC \uCD5C\uC885 \uB9AC\uD134\uAC12(after \uC801\uC6A9 \uD6C4). \uC2E4\uD328 \uC2DC \uC5C6\uC74C.\n   *   - error: throw/reject \uC2DC \uADF8 \uC5D0\uB7EC. \uC131\uACF5 \uC2DC \uC5C6\uC74C.\n   * \uC5D0\uB7EC\uB97C \uC0BC\uD0A4\uC9C0 \uC54A\uB294\uB2E4 \u2014 finally\uB97C \uBA3C\uC800 \uB3CC\uB9B0 \uB4A4 \uC6D0\uB798 \uC5D0\uB7EC/\uB9AC\uD134\uAC12\uC774 \uADF8\uB300\uB85C \uC804\uD30C\uB41C\uB2E4.\n   * sync \uC6D0\uBCF8 + sync finally\uBA74 sync\uB85C \uC720\uC9C0\uB418\uC9C0\uB9CC, finally\uAC00 Promise\uB97C \uB9AC\uD134\uD558\uBA74\n   * \uB798\uD37C\uB294 Promise\uB97C \uBC18\uD658\uD55C\uB2E4(async before/after\uC640 \uB3D9\uC77C \uADDC\uCE59).\n   */\n  finally?: (helperHostSet: HelperHostSet, ctx: { args: Args; result?: Awaited<Return>; error?: any }) => void | Promise<void>;\n}\n\n/** \uC778\uC2A4\uD134\uC2A4\uC5D0\uC11C HelperHostSet\uC744 \uD574\uC11D\uD55C\uB2E4 \u2014 \uC2E4\uD328(SSR/\uBBF8\uCD08\uAE30\uD654)\uD558\uBA74 \uCD5C\uC18C \uD3F4\uBC31\uC744 \uB3CC\uB824\uC900\uB2E4. */\nconst resolveHelperHostSet = (inst: any): HelperHostSet => {\n  try {\n    ensureInit(inst);\n    return SwcUtils.getHelperAndHostSet(inst);\n  } catch {\n    return { $this: inst } as HelperHostSet;\n  }\n};\n\n/**\n * \uBA54\uC11C\uB4DC\uC5D0 \uAC78\uBA74 \uD638\uCD9C\uC744 \uAC10\uC2F8\uC11C \uD638\uCD9C \uC804(\uC778\uC790 \uAC00\uACF5)/\uD6C4(\uB9AC\uD134\uAC12 \uAC00\uACF5) \uD6C5\uC744 \uAC74\uB2E4 - AOP\uC758 \"around advice\".\n *\n * @around({\n *   before: (h, args: [number, string]) => [args[0], args[1].toUpperCase()],\n *   after: (h, r: string) => r + '!'\n * })\n * greet(a: number, b: string) { return `${a}:${b}`; }\n *\n * \uD504\uB85C\uD37C\uD2F0(\uD544\uB4DC)\uC5D0 \uAC78\uBA74 get/set\uC744 \uAC00\uB85C\uCC48\uB2E4 - get\uC740 get, set\uC740 set\uC774 \uD638\uCD9C\uB41C\uB2E4.\n * (\uD504\uB85C\uD37C\uD2F0 \uACBD\uB85C\uC5D0\uC11C\uB294 \uAC12\uC774 \uBC30\uC5F4\uC774 \uC544\uB2C8\uB77C \uB2E8\uC77C\uAC12\uC73C\uB85C \uB118\uC5B4\uAC04\uB2E4)\n * \uD544\uB4DC \uC774\uB2C8\uC15C\uB77C\uC774\uC800(`wow = 'x'`)\uAC00 \uC788\uC5B4\uB3C4 \uB41C\uB2E4 \u2014 ensureInit\uC774 state\uCC98\uB7FC\n * \uCD08\uAE30\uAC12\uC744 \uC0B4\uB824 setter \uACBD\uC720\uB85C \uC815\uB9AC\uD558\uBBC0\uB85C \uCD08\uAE30\uAC12\uC5D0\uB3C4 set()\uC774 \uC801\uC6A9\uB41C\uB2E4.\n * (\uB2E8, custom element\uAC00 \uC544\uB2CC \uC77C\uBC18 \uD074\uB798\uC2A4\uC5D0\uC11C\uB294 ensureInit\uC774 \uC548 \uB3CC\uBBC0\uB85C\n * `declare` + \uC0DD\uC131\uC790 \uB300\uC785\uC73C\uB85C \uC4F8 \uAC83)\n *\n * @around({\n *   get: (h, stored: string) => stored?.toUpperCase(),\n *   set: (h, incoming: string) => incoming?.trim()\n * })\n * wow: string = '  hi ';\n */\nexport function around<Args extends any[] = any[], Return = any>(options: AroundOptions<NoInfer<Args>, NoInfer<Return>>): MethodDecorator;\nexport function around<Value = any>(options: AroundPropertyOptions<NoInfer<Value>>): PropertyDecorator;\nexport function around(options: any = {}): MethodDecorator & PropertyDecorator {\n  return ((target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor) => {\n    // \uBA54\uC11C\uB4DC: descriptor.value\uAC00 \uC2E4\uC81C \uD568\uC218\uC77C \uB54C\uB9CC (\uC774\uBBF8 \uC815\uC758\uB41C \uC811\uADFC\uC790\uB97C \uAC10\uC2F8\uB294 \uAC74 \uC9C0\uC6D0 \uBC94\uC704 \uBC16)\n    if (descriptor && typeof descriptor.value === 'function') {\n      const original = descriptor.value;\n      const runAfter = function (this: any, hhs: HelperHostSet, res: any) {\n        if (!options.after) return res;\n        const run = (v: any) => (options.after as any).call(this, hhs, v);\n        // after\uAC00 Promise\uB97C \uB9AC\uD134\uD558\uBA74 resolve\uB41C \uAC12\uC774 \uCD5C\uC885\uAC12\uC774 \uB41C\uB2E4 (then \uD50C\uB798\uD2B8\uB2DD).\n        return res && typeof res.then === 'function' ? res.then(run) : run(res);\n      };\n      descriptor.value = function (this: any, ...args: any[]) {\n        const hhs = resolveHelperHostSet(this);\n        const self = this;\n        const callOriginal = (finalArgs: any[]) => runAfter.call(self, hhs, original.apply(self, finalArgs));\n        const runBody = () => {\n          if (options.before) {\n            const mapped = (options.before as any).call(self, hhs, args);\n            if (mapped && typeof mapped.then === 'function') {\n              // async before \u2014 resolve\uB41C \uC778\uC790\uB85C \uC6D0\uBCF8 \uD638\uCD9C, \uB798\uD37C\uB294 Promise \uBC18\uD658.\n              // (sync \uC6D0\uBCF8 + sync \uD6C5\uC77C \uB54C\uB9CC sync \uBC18\uD658\uC774 \uC720\uC9C0\uB41C\uB2E4)\n              return mapped.then((m: any) => {\n                if (Array.isArray(m)) return callOriginal(m);\n                if (m !== undefined) return callOriginal([m]);\n                return callOriginal(args);\n              });\n            }\n            if (Array.isArray(mapped)) return callOriginal(mapped);\n            if (mapped !== undefined) return callOriginal([mapped]);\n          }\n          return callOriginal(args);\n        };\n        if (!options.finally) return runBody();\n        // sync/async \uD22C\uBA85\uC131\uC744 \uC9C0\uD0A4\uB294 try/finally \u2014 \uC5D0\uB7EC\uB294 \uC0BC\uD0A4\uC9C0 \uC54A\uACE0 finally \uD6C4 \uC804\uD30C.\n        const afterFin = (settle: () => any, ctx: { args: any[]; result?: any; error?: any }) => {\n          const f = (options.finally as any).call(self, hhs, ctx);\n          return f && typeof f.then === 'function' ? f.then(settle) : settle();\n        };\n        let out: any;\n        try {\n          out = runBody();\n        } catch (e) {\n          return afterFin(() => { throw e; }, { args, error: e });\n        }\n        if (out && typeof out.then === 'function') {\n          return out.then(\n            (v: any) => afterFin(() => v, { args, result: v }),\n            (e: any) => afterFin(() => { throw e; }, { args, error: e })\n          );\n        }\n        return afterFin(() => out, { args, result: out });\n      };\n      return descriptor;\n    }\n\n    // \uD504\uB85C\uD37C\uD2F0: ensureInit\uC5D0\uC11C own property\uB97C \uC815\uB9AC\uD560 \uC218 \uC788\uB3C4\uB85D \uBA54\uD0C0\uB370\uC774\uD130 \uB4F1\uB85D (state.ts\uC640 \uB3D9\uC77C \uD328\uD134).\n    // \uD544\uB4DC \uC774\uB2C8\uC15C\uB77C\uC774\uC800\uAC00 \uC788\uC73C\uBA74 own property\uAC00 accessor\uB97C \uAC00\uB9AC\uBBC0\uB85C getter\uAC00 \uC601\uC6D0\uD788 \uC548 \uBD88\uB9BC \u2014\n    // getter \uC548\uC758 \uC790\uCCB4\uC774\uC8FC\uB294 \uB9C8\uC9C0\uB9C9 \uC548\uC804\uB9DD\uC77C \uBFD0, \uC2E4\uC9C8\uC801\uC778 \uC0B4\uB9BC\uC740 ensureInit\uC774 \uD55C\uB2E4.\n    const constructor = (target as any).constructor;\n    let aroundList = ReflectUtils.getOwnMetadata(AROUND_METADATA_KEY, constructor) as AroundMetadata[] | undefined;\n    if (!aroundList) {\n      aroundList = [];\n      ReflectUtils.defineMetadata(AROUND_METADATA_KEY, aroundList, constructor);\n    }\n    aroundList.push({ propertyKey });\n\n    // target\uC740 prototype\uC774\uB77C \uC5EC\uAE30 \uAC12\uC744 \uC9C1\uC811 \uB450\uBA74 \uBAA8\uB4E0 \uC778\uC2A4\uD134\uC2A4\uAC00 \uACF5\uC720\uD574\uBC84\uB9B0\uB2E4.\n    // \uC778\uC2A4\uD134\uC2A4\uBCC4\uB85C \uB530\uB85C \uC800\uC7A5\uB418\uB3C4\uB85D \uC778\uC2A4\uD134\uC2A4 \uC804\uC6A9 Symbol \uC2AC\uB86F(this[storageKey])\uC5D0 \uC2E4\uC81C \uAC12\uC744 \uB454\uB2E4.\n    const storageKey = Symbol(`around:${String(propertyKey)}`);\n    const getFn = (options as AroundPropertyOptions).get as unknown as ((hhs: HelperHostSet, value: any) => any) | undefined;\n    const setFn = (options as AroundPropertyOptions).set as unknown as ((hhs: HelperHostSet, value: any) => any) | undefined;\n    Object.defineProperty(target, propertyKey, {\n      get(this: any) {\n        // \uC548\uC804\uB9DD: \uB204\uAD70\uAC00 plain delete\uB85C own\uC744 \uAC77\uC5B4\uB0B8 \uB4A4\uB77C\uBA74 \uC5EC\uAE30\uC11C \uC2AC\uB86F\uC73C\uB85C \uD68C\uC218\uD55C\uB2E4.\n        // (\uC815\uC0C1 \uACBD\uB85C\uC5D0\uC11C\uB294 ensureInit\uC774 \uC774\uBBF8 setter \uACBD\uC720\uB85C \uC815\uB9AC\uD588\uC73C\uBBC0\uB85C own\uC774 \uC5C6\uC74C)\n        const own = Object.getOwnPropertyDescriptor(this, propertyKey);\n        if (own && 'value' in own) {\n          delete this[propertyKey];\n          this[storageKey] = setFn ? setFn.call(this, resolveHelperHostSet(this), own.value) : own.value;\n        }\n        const raw = this[storageKey];\n        if (!getFn) return raw;\n        const mapped = getFn.call(this, resolveHelperHostSet(this), raw);\n        return mapped === undefined ? raw : mapped;\n      },\n      set(this: any, value: any) {\n        this[storageKey] = setFn ? setFn.call(this, resolveHelperHostSet(this), value) : value;\n      },\n      enumerable: true,\n      configurable: true\n    });\n  }) as MethodDecorator & PropertyDecorator;\n}\n\nexport const findAllAroundMetadata = (target: any): AroundMetadata[] => {\n  const constructor = typeof target === 'function' ? target : target.constructor;\n  return ReflectUtils.findAllMetadata<any[]>(AROUND_METADATA_KEY, constructor).flat();\n};\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/decorators/changedAttribute.js

@@ -3,34 +3,37 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 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) => {
-  if (val === null || val === void 0) return val;
-  if (type === Number) return Number(val);
-  if (type === Boolean) return val === "false" || val === "0" ? false : true;
-  return val;
+const applyChangedAttribute = (attributeName, options, target, propertyKey) => {
+  const constructor = target.constructor;
+  let metaList = ReflectUtils.getOwnMetadata(ON_ATTRIBUTE_CHANGED_METADATA_KEY, constructor);
+  if (!metaList) {
+    metaList = [];
+    ReflectUtils.defineMetadata(ON_ATTRIBUTE_CHANGED_METADATA_KEY, metaList, constructor);
+  }
+  const name = attributeName || String(propertyKey);
+  metaList.push({
+    attributeName: name,
+    propertyKey,
+    options
+  });
 };
-function changedAttribute(attributeName, options = {}) {
+function changedAttribute(attributeNameOrTarget, optionsOrPropertyKey, descriptor) {
+  if ((typeof optionsOrPropertyKey === "string" || typeof optionsOrPropertyKey === "symbol") && descriptor !== void 0) {
+    applyChangedAttribute(void 0, {}, attributeNameOrTarget, optionsOrPropertyKey);
+    return;
+  }
+  const attributeName = attributeNameOrTarget;
+  const options = optionsOrPropertyKey ?? {};
   return (target, propertyKey) => {
-    const constructor = target.constructor;
-    let metaList = ReflectUtils.getOwnMetadata(ON_ATTRIBUTE_CHANGED_METADATA_KEY, constructor);
-    if (!metaList) {
-      metaList = [];
-      ReflectUtils.defineMetadata(ON_ATTRIBUTE_CHANGED_METADATA_KEY, metaList, constructor);
-    }
-    const name = attributeName || String(propertyKey);
-    metaList.push({
-      attributeName: name,
-      propertyKey,
-      options
-    });
+    applyChangedAttribute(attributeName, options, target, propertyKey);
   };
 }
 const getChangedAttributeMetadata = (target) => {
-  const constructor = target instanceof Function ? target : target.constructor;
-  return ReflectUtils.getMetadata(ON_ATTRIBUTE_CHANGED_METADATA_KEY, constructor);
+  const constructor = typeof target === "function" ? target : target.constructor;
+  return ReflectUtils.findAllMetadata(ON_ATTRIBUTE_CHANGED_METADATA_KEY, constructor).flat();
 };
 const findAllAttributeChangedMetadata = (target) => {
-  const constructor = target instanceof Function ? target : target.constructor;
+  const constructor = typeof target === "function" ? target : target.constructor;
   const metaList = ReflectUtils.findAllMetadata(ON_ATTRIBUTE_CHANGED_METADATA_KEY, constructor) || [];
   const result = /* @__PURE__ */ new Map();
   metaList.forEach((meta) => {
@@ -46,7 +49,9 @@ const findAllAttributeChangedMetadata = (target) => {
 const convertAttributeValue = (val, type) => {
   return convertValue(val, type);
 };
-import { getAttributeValue } from "./applyAttribute.js";
+import { getAttributeValue, convertValue } from "./applyAttribute.js";
+import { SwcUtils } from "../utils/Utils.js";
+import { buildSwcParameterArgs } from "./parameter.js";
 class ChangedAttributeLifeCycler {
   constructor() {
     __publicField(this, "attrChangeMap", null);
@@ -66,7 +71,7 @@ class ChangedAttributeLifeCycler {
       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);
+          if (val !== null) this.runChanged(helperHostSet, meta, val, null, name);
         }
       }
     }
@@ -78,9 +83,41 @@ class ChangedAttributeLifeCycler {
     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);
+      this.runChanged(helperHostSet, meta, convertAttributeValue(newVal, meta.options.type), old, name);
     }
   }
+  // filter(async)/before/finally + @changedAttributeBeforeReturn 주입. fire-and-forget.
+  runChanged(helperHostSet, meta, value, old, name) {
+    const inst = helperHostSet.$this;
+    const opts = meta.options;
+    void (async () => {
+      const helper = SwcUtils.getHelperAndHostSet(inst);
+      if (opts.filter && !await opts.filter(value, { currentThis: inst, helper })) return;
+      const hostSet = SwcUtils.getHostSet(inst);
+      const helperSet = SwcUtils.getHelperSet(helperHostSet.$w);
+      const legacyArgs = [value, old, name, helper];
+      const buildArgs = (beforeReturn) => buildSwcParameterArgs(inst, meta.propertyKey, {
+        hostSet,
+        helperHostSet: helper,
+        helperSet,
+        changedAttributeBeforeReturn: beforeReturn
+      }, [...legacyArgs, beforeReturn]);
+      let args = buildArgs(void 0);
+      if (opts.before) {
+        const br = await opts.before(value, { currentThis: inst, helper });
+        args = buildArgs(br);
+      }
+      let result, error;
+      try {
+        result = await inst[meta.propertyKey](...args);
+      } catch (e) {
+        error = e;
+      } finally {
+        if (opts.finally) await opts.finally(value, { currentThis: inst, helper }, { args, result, error });
+      }
+      if (error) throw error;
+    })().catch((e) => console.error("[SWC] changedAttribute handler error:", e));
+  }
 }
 export {
   ChangedAttributeLifeCycler,