@dooboostore/simple-web-component 1.0.48 → 1.0.50

package/dist/esm/decorators/requestAnimationFrame.js

@@ -0,0 +1,105 @@
+import { ReflectUtils } from "@dooboostore/core";
+import { ensureInit, getElementConfig } from "./elementDefine.js";
+import { SwcUtils } from "../utils/Utils.js";
+const REQUEST_ANIMATION_FRAME_METADATA_KEY = Symbol.for("simple-web-component:request-animation-frame");
+const activeMap = /* @__PURE__ */ new WeakMap();
+const getActiveEntries = (inst) => {
+  let entries = activeMap.get(inst);
+  if (!entries) {
+    entries = [];
+    activeMap.set(inst, entries);
+  }
+  return entries;
+};
+const startFrameLoop = (win, entries, frameFn) => {
+  let currentId = 0;
+  const step = (timestamp, prevValue) => {
+    const idx = entries.indexOf(currentId);
+    if (idx >= 0) entries.splice(idx, 1);
+    let result;
+    try {
+      result = frameFn(timestamp, prevValue);
+    } catch (e) {
+      console.error("[SWC] requestAnimationFrame callback error:", e);
+      return;
+    }
+    if (result === void 0 || result === null) return;
+    currentId = win.requestAnimationFrame((ts) => step(ts, result));
+    entries.push(currentId);
+  };
+  currentId = win.requestAnimationFrame((ts) => step(ts, void 0));
+  entries.push(currentId);
+  return currentId;
+};
+const applyRequestAnimationFrame = (options, target, propertyKey, descriptor) => {
+  const constructor = target.constructor;
+  const normalizedOptions = { ...options, type: options.type ?? "returnValue" };
+  let metaList = ReflectUtils.getOwnMetadata(REQUEST_ANIMATION_FRAME_METADATA_KEY, constructor);
+  if (!metaList) {
+    metaList = [];
+    ReflectUtils.defineMetadata(REQUEST_ANIMATION_FRAME_METADATA_KEY, metaList, constructor);
+  }
+  metaList.push({ propertyKey, options: normalizedOptions });
+  if (normalizedOptions.type === "onConnected" || !descriptor) {
+    return;
+  }
+  const original = descriptor.value;
+  descriptor.value = function(...args) {
+    const res = original.apply(this, args);
+    const vk = normalizedOptions.valueKey ?? REQUEST_ANIMATION_FRAME_METADATA_KEY;
+    const frameFn = typeof res === "function" ? res : res && typeof res === "object" && typeof res[vk] === "function" ? res[vk] : void 0;
+    if (frameFn) {
+      ensureInit(this);
+      const conf = getElementConfig(this);
+      const win = this._resolveWindow?.(conf) || (typeof window !== "undefined" ? window : void 0);
+      const id = startFrameLoop(win, getActiveEntries(this), frameFn);
+      normalizedOptions.created?.(SwcUtils.getHelperAndHostSet(win, this), id);
+    }
+    return res;
+  };
+  return descriptor;
+};
+function requestAnimationFrame(optionsOrTarget, propertyKey, descriptor) {
+  if (propertyKey !== void 0) {
+    applyRequestAnimationFrame({}, optionsOrTarget, propertyKey, descriptor);
+    return;
+  }
+  return (target, propertyKey2, descriptor2) => {
+    return applyRequestAnimationFrame(optionsOrTarget ?? {}, target, propertyKey2, descriptor2);
+  };
+}
+const findAllRequestAnimationFrameMetadata = (target) => {
+  const constructor = target instanceof Function ? target : target.constructor;
+  return (ReflectUtils.findAllMetadata(REQUEST_ANIMATION_FRAME_METADATA_KEY, constructor) || []).flat();
+};
+class RequestAnimationFrameLifeCycler {
+  onConnected(helperHostSet) {
+    const inst = helperHostSet.$this;
+    activeMap.delete(inst);
+    const entries = getActiveEntries(inst);
+    for (const meta of findAllRequestAnimationFrameMetadata(inst)) {
+      if (meta.options.type !== "onConnected") continue;
+      const frameFn = (timestamp, prevValue) => inst[meta.propertyKey](timestamp, prevValue);
+      const id = startFrameLoop(helperHostSet.$w, entries, frameFn);
+      meta.options.created?.(helperHostSet, id);
+    }
+  }
+  onDisconnected(helperHostSet) {
+    const inst = helperHostSet.$this;
+    for (const id of activeMap.get(inst) ?? []) {
+      try {
+        helperHostSet.$w.cancelAnimationFrame(id);
+      } catch (e) {
+        console.error("[SWC] cancelAnimationFrame error:", e);
+      }
+    }
+    activeMap.delete(inst);
+  }
+}
+export {
+  REQUEST_ANIMATION_FRAME_METADATA_KEY,
+  RequestAnimationFrameLifeCycler,
+  findAllRequestAnimationFrameMetadata,
+  requestAnimationFrame
+};
+//# sourceMappingURL=requestAnimationFrame.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/decorators/requestAnimationFrame.ts"],
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { ensureInit, getElementConfig } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { ElementDefineLifeCycler, HelperHostSet } from '../types';\n\nexport const REQUEST_ANIMATION_FRAME_METADATA_KEY = Symbol.for('simple-web-component:request-animation-frame');\n\nexport type RequestAnimationFrameType = 'onConnected' | 'returnValue';\n\nexport interface RequestAnimationFrameOptions {\n  /**\n   * 'onConnected' - connect \uC2DC \uC790\uB3D9\uC73C\uB85C \uB8E8\uD504 \uC2DC\uC791 (\uB9E4 \uD504\uB808\uC784 \uB370\uCF54\uB808\uC774\uD2B8\uB41C \uBA54\uC11C\uB4DC\uB97C \uC9C1\uC811 \uD638\uCD9C), disconnect \uC2DC \uC790\uB3D9 \uC815\uB9AC.\n   * 'returnValue'(\uAE30\uBCF8\uAC12) - \uC790\uB3D9 \uC2DC\uC791 \uC5C6\uC74C. \uAC1C\uBC1C\uC790\uAC00 \uC774 \uBA54\uC11C\uB4DC\uB97C \uC9C1\uC811 \uD638\uCD9C\uD574\uC57C \uC2DC\uC791\uB418\uACE0,\n   *   \uADF8 \uD638\uCD9C\uC758 \uB9AC\uD134\uAC12(\uB610\uB294 valueKey\uB85C \uBF51\uC740 \uAC12)\uC774 \uC2E4\uC81C\uB85C \uB9E4 \uD504\uB808\uC784 \uD638\uCD9C\uB420 \uD568\uC218\uAC00 \uB41C\uB2E4.\n   */\n  type?: RequestAnimationFrameType;\n  /** \uB8E8\uD504 \uC2DC\uC791 \uC9C1\uD6C4 1\uD68C \uD638\uCD9C (\uB514\uBC84\uAE45/\uB85C\uAE45\uC6A9). id\uB294 \uCCAB requestAnimationFrame \uBC18\uD658\uAC12 - cleanup\uC740 \uC790\uB3D9\uC73C\uB85C \uCC98\uB9AC\uB418\uBBC0\uB85C \uC9C1\uC811 \uCDE8\uC18C\uD560 \uD544\uC694 \uC5C6\uC74C. */\n  created?: (set: HelperHostSet, id: number) => void;\n  /**\n   * type:'returnValue' \uC804\uC6A9 - \uB9AC\uD134\uAC12\uC774 \uD568\uC218\uBA74 \uADF8 \uC790\uCCB4\uB97C, \uAC1D\uCCB4\uBA74 \uC774 \uD0A4\uC758 \uAC12\uC774 \uD568\uC218\uC77C \uB54C \uADF8 \uAC12\uC744\n   * \"\uB9E4 \uD504\uB808\uC784 \uD638\uCD9C\uB420 \uD568\uC218\"\uB85C \uC0AC\uC6A9\uD55C\uB2E4. \uC548 \uC8FC\uBA74 REQUEST_ANIMATION_FRAME_METADATA_KEY\uB85C \uD3F4\uBC31\uD55C\uB2E4 -\n   * applyAttribute.ts/applyNode.ts\uC758 valueKey\uC640 \uB3D9\uC77C\uD55C \uCEE8\uBCA4\uC158.\n   */\n  valueKey?: symbol | string;\n}\n\nexport interface RequestAnimationFrameMetadata {\n  propertyKey: string | symbol;\n  options: RequestAnimationFrameOptions;\n}\n\n/**\n * \uD504\uB808\uC784 \uCF5C\uBC31 \uC2DC\uADF8\uB2C8\uCC98.\n * - timestamp: \uC774\uBC88 \uD504\uB808\uC784\uC758 \uC2DC\uAC01 (requestAnimationFrame\uC774 \uB118\uACA8\uC8FC\uB294 \uAC12)\n * - prevValue: \uC9C1\uC804 \uD638\uCD9C\uC774 \uB9AC\uD134\uD55C \uAC12 (\uCCAB \uD638\uCD9C\uC5D0\uC11C\uB294 undefined)\n * \uB9AC\uD134\uAC12\uC774 undefined/null\uC774\uBA74 \uB2E4\uC74C \uD504\uB808\uC784\uC744 \uC608\uC57D\uD558\uC9C0 \uC54A\uACE0 \uB8E8\uD504\uAC00 \uBA48\uCD98\uB2E4 (\uAC1C\uBC1C\uC790\uAC00 \uC885\uB8CC\uB97C \uC81C\uC5B4).\n * undefined/null\uC774 \uC544\uB2CC \uAC12\uC744 \uB9AC\uD134\uD558\uBA74 \uADF8 \uAC12 \uADF8\uB300\uB85C \uB2E4\uC74C \uD638\uCD9C\uC758 prevValue\uB85C \uC804\uB2EC\uB41C\uB2E4.\n */\nexport type FrameCallback = (timestamp: number, prevValue?: any) => any;\n\nconst activeMap = new WeakMap<any, number[]>();\nconst getActiveEntries = (inst: any): number[] => {\n  let entries = activeMap.get(inst);\n  if (!entries) {\n    entries = [];\n    activeMap.set(inst, entries);\n  }\n  return entries;\n};\n\nconst startFrameLoop = (win: Window, entries: number[], frameFn: FrameCallback): number => {\n  let currentId = 0;\n  const step = (timestamp: number, prevValue?: any) => {\n    const idx = entries.indexOf(currentId);\n    if (idx >= 0) entries.splice(idx, 1);\n    let result: any;\n    try {\n      result = frameFn(timestamp, prevValue);\n    } catch (e) {\n      console.error('[SWC] requestAnimationFrame callback error:', e);\n      return;\n    }\n    if (result === undefined || result === null) return; // \uAC1C\uBC1C\uC790\uAC00 \uC885\uB8CC\uB97C \uC2E0\uD638\uD568 - \uB2E4\uC74C \uD504\uB808\uC784 \uC608\uC57D \uC548 \uD568\n    currentId = win.requestAnimationFrame(ts => step(ts, result));\n    entries.push(currentId);\n  };\n  currentId = win.requestAnimationFrame(ts => step(ts, undefined));\n  entries.push(currentId);\n  return currentId;\n};\n\nconst applyRequestAnimationFrame = (options: RequestAnimationFrameOptions, target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor): PropertyDescriptor | void => {\n  const constructor = target.constructor;\n  const normalizedOptions: RequestAnimationFrameOptions = { ...options, type: options.type ?? 'returnValue' };\n\n  let metaList = ReflectUtils.getOwnMetadata(REQUEST_ANIMATION_FRAME_METADATA_KEY, constructor) as RequestAnimationFrameMetadata[];\n  if (!metaList) {\n    metaList = [];\n    ReflectUtils.defineMetadata(REQUEST_ANIMATION_FRAME_METADATA_KEY, metaList, constructor);\n  }\n  metaList.push({ propertyKey, options: normalizedOptions });\n\n  if (normalizedOptions.type === 'onConnected' || !descriptor) {\n    return; // LifeCycler\uAC00 connect/disconnect\uB97C \uC804\uB2F4 - wrapping \uBD88\uD544\uC694\n  }\n\n  const original = descriptor.value;\n  descriptor.value = function (this: any, ...args: any[]) {\n    const res = original.apply(this, args);\n    // valueKey\uB97C \uC548 \uC8FC\uBA74 \uC774 \uB370\uCF54\uB808\uC774\uD130 \uC804\uC6A9 METADATA_KEY\uB85C \uD3F4\uBC31 (applyAttribute.ts/applyNode.ts\uC640 \uB3D9\uC77C\uD55C \uCEE8\uBCA4\uC158)\n    const vk = normalizedOptions.valueKey ?? REQUEST_ANIMATION_FRAME_METADATA_KEY;\n    const frameFn: FrameCallback | undefined =\n      typeof res === 'function' ? res : res && typeof res === 'object' && typeof res[vk] === 'function' ? res[vk] : undefined;\n\n    if (frameFn) {\n      ensureInit(this);\n      const conf = getElementConfig(this);\n      const win = (this as any)._resolveWindow?.(conf) || ((typeof window !== 'undefined' ? window : undefined) as Window);\n      const id = startFrameLoop(win, getActiveEntries(this), frameFn);\n      normalizedOptions.created?.(SwcUtils.getHelperAndHostSet(win, this), id);\n    }\n    return res;\n  };\n  return descriptor;\n};\n\n/**\n * type:'onConnected' - connect \uC2DC \uC790\uB3D9\uC73C\uB85C \uB9E4 \uD504\uB808\uC784 \uB8E8\uD504\uB97C \uC2DC\uC791\uD558\uACE0, disconnect \uC2DC \uC790\uB3D9\uC73C\uB85C cancelAnimationFrame \uD55C\uB2E4.\n * type:'returnValue'(\uAE30\uBCF8\uAC12) - \uBA54\uC11C\uB4DC\uB97C \uAC10\uC2F8\uC9C0 \uC54A\uB294 \uB300\uC2E0, \uD638\uCD9C\uB420 \uB54C\uB9C8\uB2E4(\uAC1C\uBC1C\uC790\uAC00 \uC9C1\uC811 \uD638\uCD9C) \uC6D0\uBCF8 \uB85C\uC9C1\uC744\n *   \uADF8\uB300\uB85C \uC2E4\uD589\uD558\uACE0 \uB9AC\uD134\uAC12(\uB610\uB294 valueKey\uB85C \uBF51\uC740 \uAC12)\uC774 \uD568\uC218\uBA74 \uADF8 \uD568\uC218\uB97C \uB9E4 \uD504\uB808\uC784 \uD638\uCD9C\uB418\uB294 \uB8E8\uD504\uB85C \uB4F1\uB85D\uD55C\uB2E4.\n *   \uC6D0\uBCF8 \uB9AC\uD134\uAC12\uC740 \uADF8\uB300\uB85C \uD1B5\uACFC\uC2DC\uD0A4\uBBC0\uB85C \uB2E4\uB978 \uB370\uCF54\uB808\uC774\uD130\uC640 \uAC19\uC740 \uBA54\uC11C\uB4DC\uC5D0 \uC2A4\uD0DD\uD574\uB3C4 \uC21C\uC11C\uC5D0 \uC0C1\uAD00\uC5C6\uC774 \uC548\uC804\uD558\uB2E4.\n *\n * \uC635\uC158 \uC5C6\uC774 `@requestAnimationFrame` \uADF8\uB300\uB85C \uBD99\uC5EC\uB3C4 \uB418\uACE0, `@requestAnimationFrame({...})`\uCC98\uB7FC \uC635\uC158\uC744 \uC904 \uC218\uB3C4 \uC788\uB2E4.\n */\nexport function requestAnimationFrame(options?: RequestAnimationFrameOptions): MethodDecorator;\nexport function requestAnimationFrame(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function requestAnimationFrame(optionsOrTarget?: RequestAnimationFrameOptions | Object, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): MethodDecorator | void {\n  if (propertyKey !== undefined) {\n    // \uC635\uC158 \uC5C6\uC774: @requestAnimationFrame\n    applyRequestAnimationFrame({}, optionsOrTarget as Object, propertyKey, descriptor);\n    return;\n  }\n  // \uC635\uC158\uACFC \uD568\uAED8: @requestAnimationFrame() \uB610\uB294 @requestAnimationFrame({...})\n  return (target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor) => {\n    return applyRequestAnimationFrame((optionsOrTarget as RequestAnimationFrameOptions) ?? {}, target, propertyKey, descriptor);\n  };\n}\n\nexport const findAllRequestAnimationFrameMetadata = (target: any): RequestAnimationFrameMetadata[] => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return (ReflectUtils.findAllMetadata<RequestAnimationFrameMetadata[]>(REQUEST_ANIMATION_FRAME_METADATA_KEY, constructor) || []).flat();\n};\n\nexport class RequestAnimationFrameLifeCycler implements ElementDefineLifeCycler {\n  onConnected(helperHostSet: HelperHostSet): void {\n    const inst = helperHostSet.$this;\n    activeMap.delete(inst); // \uC7AC\uC5F0\uACB0 \uB300\uBE44 \uB9AC\uC14B\n    const entries = getActiveEntries(inst);\n    for (const meta of findAllRequestAnimationFrameMetadata(inst)) {\n      if (meta.options.type !== 'onConnected') continue; // returnValue \uD0C0\uC785\uC740 \uC218\uB3D9 \uD638\uCD9C\uC744 \uAE30\uB2E4\uB9BC\n      const frameFn: FrameCallback = (timestamp, prevValue) => inst[meta.propertyKey](timestamp, prevValue);\n      const id = startFrameLoop(helperHostSet.$w, entries, frameFn);\n      meta.options.created?.(helperHostSet, id);\n    }\n  }\n\n  onDisconnected(helperHostSet: HelperHostSet): void {\n    const inst = helperHostSet.$this;\n    for (const id of activeMap.get(inst) ?? []) {\n      try {\n        helperHostSet.$w.cancelAnimationFrame(id);\n      } catch (e) {\n        console.error('[SWC] cancelAnimationFrame error:', e);\n      }\n    }\n    activeMap.delete(inst);\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["propertyKey", "descriptor"]
+}

package/dist/esm/decorators/resizeObserver.js

@@ -1,76 +1,155 @@
+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 RESIZE_OBSERVER_METADATA_KEY = Symbol.for("simple-web-component:resize-observer");
-function resizeObserver(selectorOrOptions, maybeOptions) {
-  return (targetObj, propertyKey, descriptor) => {
-    let selector = "$this";
-    let options = {};
-    if (typeof selectorOrOptions === "string" || typeof selectorOrOptions === "function") {
-      selector = selectorOrOptions;
-      options = maybeOptions ?? {};
-    } else {
-      selector = "$this";
-      options = selectorOrOptions ?? {};
-    }
-    const constructor = targetObj.constructor;
-    let observers = ReflectUtils.getMetadata(RESIZE_OBSERVER_METADATA_KEY, constructor);
-    if (!observers) {
-      observers = [];
-      ReflectUtils.defineMetadata(RESIZE_OBSERVER_METADATA_KEY, observers, constructor);
-    }
-    observers.push({ propertyKey, selector, options });
+const applyResizeObserver = (selector, options, targetObj, propertyKey) => {
+  const constructor = targetObj.constructor;
+  let observers = ReflectUtils.getMetadata(RESIZE_OBSERVER_METADATA_KEY, constructor);
+  if (!observers) {
+    observers = [];
+    ReflectUtils.defineMetadata(RESIZE_OBSERVER_METADATA_KEY, observers, constructor);
+  }
+  observers.push({ propertyKey, selector, options });
+};
+const resolveResizeObserverArgs = (selectorOrOptions, maybeOptions, extra) => {
+  if (typeof selectorOrOptions === "string" || typeof selectorOrOptions === "function") {
+    return { selector: selectorOrOptions, options: { ...maybeOptions ?? {}, ...extra } };
+  }
+  return { selector: "$this", options: { ...selectorOrOptions ?? {}, ...extra } };
+};
+const dispatchResizeObserver = (selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor, extra) => {
+  if ((typeof maybeOptionsOrPropertyKey === "string" || typeof maybeOptionsOrPropertyKey === "symbol") && descriptor !== void 0) {
+    applyResizeObserver("$this", { ...extra }, selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey);
+    return;
+  }
+  const { selector, options } = resolveResizeObserverArgs(
+    selectorOrOptionsOrTarget,
+    maybeOptionsOrPropertyKey,
+    extra
+  );
+  return (targetObj, propertyKey) => {
+    applyResizeObserver(selector, options, targetObj, propertyKey);
   };
+};
+function resizeObserver(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor) {
+  return dispatchResizeObserver(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor, {});
 }
-function resizeObserverThis(options) {
-  return resizeObserver("$this", options);
+function resizeObserverThis(optionsOrTarget, propertyKey, descriptor) {
+  return dispatchResizeObserver(optionsOrTarget, propertyKey, descriptor, {});
 }
-function resizeObserverDelegateLight(selectorOrOptions, maybeOptions) {
-  if (typeof selectorOrOptions === "string" || typeof selectorOrOptions === "function") {
-    return resizeObserver(selectorOrOptions, { ...maybeOptions ?? {}, root: "light", delegate: true });
-  }
-  return resizeObserver({ ...selectorOrOptions ?? {}, root: "light", delegate: true });
+function resizeObserverDelegateLight(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor) {
+  return dispatchResizeObserver(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor, { root: "light", delegate: true });
 }
-function resizeObserverDelegateShadow(selectorOrOptions, maybeOptions) {
-  if (typeof selectorOrOptions === "string" || typeof selectorOrOptions === "function") {
-    return resizeObserver(selectorOrOptions, { ...maybeOptions ?? {}, root: "shadow", delegate: true });
-  }
-  return resizeObserver({ ...selectorOrOptions ?? {}, root: "shadow", delegate: true });
+function resizeObserverDelegateShadow(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor) {
+  return dispatchResizeObserver(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor, { root: "shadow", delegate: true });
 }
-function resizeObserverDelegateAll(selectorOrOptions, maybeOptions) {
-  if (typeof selectorOrOptions === "string" || typeof selectorOrOptions === "function") {
-    return resizeObserver(selectorOrOptions, { ...maybeOptions ?? {}, root: "all", delegate: true });
-  }
-  return resizeObserver({ ...selectorOrOptions ?? {}, root: "all", delegate: true });
+function resizeObserverDelegateAll(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor) {
+  return dispatchResizeObserver(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor, { root: "all", delegate: true });
 }
-function resizeObserverDelegate(selectorOrOptions, maybeOptions) {
-  if (typeof selectorOrOptions === "string" || typeof selectorOrOptions === "function") {
-    return resizeObserver(selectorOrOptions, { ...maybeOptions ?? {}, root: "auto", delegate: true });
-  }
-  return resizeObserver({ ...selectorOrOptions ?? {}, root: "auto", delegate: true });
+function resizeObserverDelegate(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor) {
+  return dispatchResizeObserver(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor, { root: "auto", delegate: true });
 }
-function resizeObserverLight(selectorOrOptions, maybeOptions) {
-  if (typeof selectorOrOptions === "string" || typeof selectorOrOptions === "function") {
-    return resizeObserver(selectorOrOptions, { ...maybeOptions ?? {}, root: "light" });
-  }
-  return resizeObserver({ ...selectorOrOptions ?? {}, root: "light" });
+function resizeObserverLight(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor) {
+  return dispatchResizeObserver(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor, { root: "light" });
 }
-function resizeObserverShadow(selectorOrOptions, maybeOptions) {
-  if (typeof selectorOrOptions === "string" || typeof selectorOrOptions === "function") {
-    return resizeObserver(selectorOrOptions, { ...maybeOptions ?? {}, root: "shadow" });
-  }
-  return resizeObserver({ ...selectorOrOptions ?? {}, root: "shadow" });
+function resizeObserverShadow(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor) {
+  return dispatchResizeObserver(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor, { root: "shadow" });
 }
-function resizeObserverAll(selectorOrOptions, maybeOptions) {
-  if (typeof selectorOrOptions === "string" || typeof selectorOrOptions === "function") {
-    return resizeObserver(selectorOrOptions, { ...maybeOptions ?? {}, root: "all" });
-  }
-  return resizeObserver({ ...selectorOrOptions ?? {}, root: "all" });
+function resizeObserverAll(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor) {
+  return dispatchResizeObserver(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor, { root: "all" });
 }
 function getResizeObserverMetadata(target) {
   const constructor = target instanceof Function ? target : target.constructor;
   return ReflectUtils.getMetadata(RESIZE_OBSERVER_METADATA_KEY, constructor);
 }
+import { SwcUtils } from "../utils/Utils.js";
+class ResizeObserverLifeCycler {
+  constructor() {
+    __publicField(this, "removeObserverCallbacksMap", /* @__PURE__ */ new WeakMap());
+  }
+  onConnected(helperHostSet) {
+    const inst = helperHostSet.$this;
+    const currentWin = helperHostSet.$w;
+    const removeObserverCallbacks = [];
+    this.removeObserverCallbacksMap.set(inst, removeObserverCallbacks);
+    const allMeta = getResizeObserverMetadata(inst) ?? [];
+    if (allMeta.length === 0) return;
+    const root = inst.shadowRoot || inst;
+    for (const m of allMeta) {
+      if (m.options.removeObserver) removeObserverCallbacks.push({ fn: m.options.removeObserver, target: root, opts: m.options });
+    }
+    const callback = (entries, obs) => {
+      for (const m of allMeta) {
+        let matchedEls;
+        if (m.options.delegate && typeof m.selector === "string") {
+          const isThis = m.selector === "$this" || m.selector === "";
+          matchedEls = entries.map((e) => e.target).filter((el) => {
+            if (!el || el.nodeType !== 1) return false;
+            if (isThis) return true;
+            return el.matches?.(m.selector) || !!el.closest?.(m.selector);
+          });
+        } else {
+          matchedEls = entries.map((e) => e.target).filter((t) => t && t.nodeType === 1);
+        }
+        if (matchedEls.length === 0) continue;
+        if (m.options.filter) {
+          if (!m.options.filter(matchedEls, { currentThis: inst, helper: helperHostSet })) continue;
+        }
+        const hostSet = SwcUtils.getHostSet(inst);
+        inst[m.propertyKey](matchedEls, entries, obs, { ...hostSet, $root: root });
+      }
+    };
+    const resizeObserverSet = [];
+    for (const m of allMeta) {
+      if (m.options.delegate && typeof m.selector === "string") {
+        resizeObserverSet.push({ target: m.selector, delegate: true, delegateRoot: m.options.root, options: m.options.box ? { box: m.options.box } : void 0, callback });
+        continue;
+      }
+      let targets = [];
+      if (typeof m.selector === "function") {
+        const res = m.selector(inst, helperHostSet);
+        if (res instanceof currentWin.HTMLElement) targets = [res];
+        else if (res instanceof currentWin.NodeList) targets = Array.from(res).filter((e) => e instanceof currentWin.HTMLElement);
+        else if (Array.isArray(res)) targets = res.filter((e) => e instanceof currentWin.HTMLElement);
+      } else if (typeof m.selector === "string") {
+        if (m.selector === "$this" || m.selector === "") {
+          targets = [inst];
+        } else {
+          const r = m.options.root || "auto";
+          const scopes = [];
+          if (r === "auto") scopes.push(inst.shadowRoot || inst);
+          else if (r === "light") scopes.push(inst);
+          else if (r === "shadow" && inst.shadowRoot) scopes.push(inst.shadowRoot);
+          else if (r === "all") {
+            scopes.push(inst);
+            if (inst.shadowRoot) scopes.push(inst.shadowRoot);
+          }
+          for (const s of scopes) {
+            const found = s?.querySelectorAll?.(m.selector);
+            if (found?.length) targets.push(...Array.from(found));
+          }
+        }
+      }
+      for (const el of targets) resizeObserverSet.push({ target: el, options: m.options.box ? { box: m.options.box } : void 0, callback });
+    }
+    return { resizeObserverSet };
+  }
+  onDisconnected(helperHostSet) {
+    const inst = helperHostSet.$this;
+    for (const cb of this.removeObserverCallbacksMap.get(inst) ?? []) {
+      try {
+        cb.fn(cb.target, cb.opts);
+      } catch (e) {
+        console.error("[SWC] removeObserver error:", e);
+      }
+    }
+    this.removeObserverCallbacksMap.delete(inst);
+  }
+}
 export {
   RESIZE_OBSERVER_METADATA_KEY,
+  ResizeObserverLifeCycler,
   getResizeObserverMetadata,
   resizeObserver,
   resizeObserverAll,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/resizeObserver.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { SpecialSelector, SwcQueryOptions, HelperHostSet } from '../types';\nimport { EventListenerSelector } from './addEventListener';\n\nexport interface ResizeObserverOptions extends SwcQueryOptions {\n  // \uAD00\uCC30 \uB300\uC0C1 \uC140\uB809\uD130. \uAE30\uBCF8\uAC12 $this (\uCEF4\uD3EC\uB10C\uD2B8 \uC790\uC2E0)\n  // delegate: true \uC778 \uACBD\uC6B0 \uB8E8\uD2B8\uC5D0\uC11C \uB9E4\uCE6D \uC694\uC18C\uB4E4\uC758 \uD06C\uAE30 \uBCC0\uD654\uB97C \uAC10\uC9C0 (\uB3D9\uC801 \uC694\uC18C \uD3EC\uD568)\n  delegate?: boolean;\n  // ResizeObserver box \uC635\uC158\n  box?: 'content-box' | 'border-box' | 'device-pixel-content-box';\n  filter?: (matchedEls: HTMLElement[], meta: { currentThis: any, helper: HelperHostSet }) => boolean;\n  // observer \uD574\uC81C(disconnected) \uC2DC \uD638\uCD9C\uB418\uB294 \uCF5C\uBC31. \uCCAB \uBC88\uC9F8 \uC778\uC790\uB294 observe\uB41C target element, \uB450 \uBC88\uC9F8\uB294 \uC0AC\uC6A9\uC790 \uC635\uC158 \uAC1D\uCCB4.\n  removeObserver?: (target: Element, optionValue: ResizeObserverOptions) => void;\n}\n\nexport interface ResizeObserverMetadata {\n  propertyKey: string | symbol;\n  selector: EventListenerSelector;\n  options: ResizeObserverOptions;\n}\n\nexport const RESIZE_OBSERVER_METADATA_KEY = Symbol.for('simple-web-component:resize-observer');\n\nexport function resizeObserver(target: SpecialSelector, options?: ResizeObserverOptions): MethodDecorator;\nexport function resizeObserver(selector: EventListenerSelector, options?: ResizeObserverOptions): MethodDecorator;\nexport function resizeObserver(options?: ResizeObserverOptions): MethodDecorator;\n/**\n * @resizeObserver decorator to observe element size changes.\n */\nexport function resizeObserver(selectorOrOptions?: EventListenerSelector | ResizeObserverOptions, maybeOptions?: ResizeObserverOptions): MethodDecorator {\n  return (targetObj: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n    let selector: EventListenerSelector = '$this';\n    let options: ResizeObserverOptions = {};\n\n    if (typeof selectorOrOptions === 'string' || typeof selectorOrOptions === 'function') {\n      selector = selectorOrOptions;\n      options = maybeOptions ?? {};\n    } else {\n      selector = '$this';\n      options = selectorOrOptions ?? {};\n    }\n\n    const constructor = targetObj.constructor;\n\n    let observers = ReflectUtils.getMetadata<ResizeObserverMetadata[]>(RESIZE_OBSERVER_METADATA_KEY, constructor);\n    if (!observers) {\n      observers = [];\n      ReflectUtils.defineMetadata(RESIZE_OBSERVER_METADATA_KEY, observers, constructor);\n    }\n\n    observers.push({ propertyKey, selector, options });\n  };\n}\n\nexport function resizeObserverThis(options?: ResizeObserverOptions): MethodDecorator {\n  return resizeObserver('$this', options);\n}\n\n// \u2500\u2500\u2500 root\uBCC4 delegate \uD5EC\uD37C \u2500\u2500\u2500\n\nexport function resizeObserverDelegateLight(selector: EventListenerSelector, options?: Omit<ResizeObserverOptions, 'delegate'>): MethodDecorator;\nexport function resizeObserverDelegateLight(options?: Omit<ResizeObserverOptions, 'delegate'>): MethodDecorator;\nexport function resizeObserverDelegateLight(selectorOrOptions?: EventListenerSelector | Omit<ResizeObserverOptions, 'delegate'>, maybeOptions?: Omit<ResizeObserverOptions, 'delegate'>): MethodDecorator {\n  if (typeof selectorOrOptions === 'string' || typeof selectorOrOptions === 'function') {\n    return resizeObserver(selectorOrOptions, {...maybeOptions ?? {}, root: 'light', delegate: true});\n  }\n  return resizeObserver({...selectorOrOptions ?? {}, root: 'light', delegate: true});\n}\n\nexport function resizeObserverDelegateShadow(selector: EventListenerSelector, options?: Omit<ResizeObserverOptions, 'delegate'>): MethodDecorator;\nexport function resizeObserverDelegateShadow(options?: Omit<ResizeObserverOptions, 'delegate'>): MethodDecorator;\nexport function resizeObserverDelegateShadow(selectorOrOptions?: EventListenerSelector | Omit<ResizeObserverOptions, 'delegate'>, maybeOptions?: Omit<ResizeObserverOptions, 'delegate'>): MethodDecorator {\n  if (typeof selectorOrOptions === 'string' || typeof selectorOrOptions === 'function') {\n    return resizeObserver(selectorOrOptions, {...maybeOptions ?? {}, root: 'shadow', delegate: true});\n  }\n  return resizeObserver({...selectorOrOptions ?? {}, root: 'shadow', delegate: true});\n}\n\nexport function resizeObserverDelegateAll(selector: EventListenerSelector, options?: Omit<ResizeObserverOptions, 'delegate'>): MethodDecorator;\nexport function resizeObserverDelegateAll(options?: Omit<ResizeObserverOptions, 'delegate'>): MethodDecorator;\nexport function resizeObserverDelegateAll(selectorOrOptions?: EventListenerSelector | Omit<ResizeObserverOptions, 'delegate'>, maybeOptions?: Omit<ResizeObserverOptions, 'delegate'>): MethodDecorator {\n  if (typeof selectorOrOptions === 'string' || typeof selectorOrOptions === 'function') {\n    return resizeObserver(selectorOrOptions, {...maybeOptions ?? {}, root: 'all', delegate: true});\n  }\n  return resizeObserver({...selectorOrOptions ?? {}, root: 'all', delegate: true});\n}\n\nexport function resizeObserverDelegate(selector: EventListenerSelector, options?: Omit<ResizeObserverOptions, 'delegate'>): MethodDecorator;\nexport function resizeObserverDelegate(options?: Omit<ResizeObserverOptions, 'delegate'>): MethodDecorator;\nexport function resizeObserverDelegate(selectorOrOptions?: EventListenerSelector | Omit<ResizeObserverOptions, 'delegate'>, maybeOptions?: Omit<ResizeObserverOptions, 'delegate'>): MethodDecorator {\n  if (typeof selectorOrOptions === 'string' || typeof selectorOrOptions === 'function') {\n    return resizeObserver(selectorOrOptions, {...maybeOptions ?? {}, root: 'auto', delegate: true});\n  }\n  return resizeObserver({...selectorOrOptions ?? {}, root: 'auto', delegate: true});\n}\n\n// \u2500\u2500\u2500 root\uBCC4 \uC77C\uBC18 \uD5EC\uD37C (delegate \uC5C6\uC774, \uC140\uB809\uD130 \uC0DD\uB7B5 \uC2DC $this) \u2500\u2500\u2500\n\nexport function resizeObserverLight(selector: EventListenerSelector, options?: ResizeObserverOptions): MethodDecorator;\nexport function resizeObserverLight(options?: ResizeObserverOptions): MethodDecorator;\nexport function resizeObserverLight(selectorOrOptions?: EventListenerSelector | ResizeObserverOptions, maybeOptions?: ResizeObserverOptions): MethodDecorator {\n  if (typeof selectorOrOptions === 'string' || typeof selectorOrOptions === 'function') {\n    return resizeObserver(selectorOrOptions, {...maybeOptions ?? {}, root: 'light'});\n  }\n  return resizeObserver({...selectorOrOptions ?? {}, root: 'light'});\n}\n\nexport function resizeObserverShadow(selector: EventListenerSelector, options?: ResizeObserverOptions): MethodDecorator;\nexport function resizeObserverShadow(options?: ResizeObserverOptions): MethodDecorator;\nexport function resizeObserverShadow(selectorOrOptions?: EventListenerSelector | ResizeObserverOptions, maybeOptions?: ResizeObserverOptions): MethodDecorator {\n  if (typeof selectorOrOptions === 'string' || typeof selectorOrOptions === 'function') {\n    return resizeObserver(selectorOrOptions, {...maybeOptions ?? {}, root: 'shadow'});\n  }\n  return resizeObserver({...selectorOrOptions ?? {}, root: 'shadow'});\n}\n\nexport function resizeObserverAll(selector: EventListenerSelector, options?: ResizeObserverOptions): MethodDecorator;\nexport function resizeObserverAll(options?: ResizeObserverOptions): MethodDecorator;\nexport function resizeObserverAll(selectorOrOptions?: EventListenerSelector | ResizeObserverOptions, maybeOptions?: ResizeObserverOptions): MethodDecorator {\n  if (typeof selectorOrOptions === 'string' || typeof selectorOrOptions === 'function') {\n    return resizeObserver(selectorOrOptions, {...maybeOptions ?? {}, root: 'all'});\n  }\n  return resizeObserver({...selectorOrOptions ?? {}, root: 'all'});\n}\n\nexport function getResizeObserverMetadata(target: any): ResizeObserverMetadata[] | undefined {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(RESIZE_OBSERVER_METADATA_KEY, constructor);\n}"],
-  "mappings": "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",
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { SpecialSelector, SwcQueryOptions, SwcFnSelector, SwcSelector, HelperHostSet } from '../types';\n\n// \uACF5\uD1B5 \uC635\uC158 \u2014 root\u00B7delegate \uC5C6\uC74C\nexport interface ResizeObserverBaseOptions {\n  box?: 'content-box' | 'border-box' | 'device-pixel-content-box';\n  filter?: (matchedEls: HTMLElement[], meta: { currentThis: any, helper: HelperHostSet }) => boolean;\n  removeObserver?: (target: Element, optionValue: ResizeObserverOptions) => void;\n}\n\n// \uBB38\uC790\uC5F4 \uC140\uB809\uD130 \uC804\uC6A9 \u2014 root\u00B7delegate \uD5C8\uC6A9\nexport type ResizeObserverQueryOptions = ResizeObserverBaseOptions & SwcQueryOptions & { delegate?: boolean };\n// \uD568\uC218 \uC140\uB809\uD130 \uC804\uC6A9 \u2014 root\u00B7delegate \uAE08\uC9C0\nexport type ResizeObserverNonQueryOptions = ResizeObserverBaseOptions;\n// \uB0B4\uBD80 \uC800\uC7A5/\uD574\uC11D\uC6A9\nexport type ResizeObserverOptions = ResizeObserverQueryOptions;\n\n// \uC140\uB809\uD130 \uC885\uB958\uC5D0 \uB530\uB77C \uC635\uC158 \uD0C0\uC785 \uBD84\uAE30\nexport type ResizeObserverOptionsOf<S extends SwcSelector> = S extends string ? ResizeObserverQueryOptions : ResizeObserverNonQueryOptions;\n\nexport interface ResizeObserverMetadata {\n  propertyKey: string | symbol;\n  selector: SwcSelector;\n  options: ResizeObserverOptions;\n}\n\nexport const RESIZE_OBSERVER_METADATA_KEY = Symbol.for('simple-web-component:resize-observer');\n\nconst applyResizeObserver = (selector: SwcSelector, options: ResizeObserverOptions, targetObj: Object, propertyKey: string | symbol): void => {\n  const constructor = targetObj.constructor;\n  let observers = ReflectUtils.getMetadata<ResizeObserverMetadata[]>(RESIZE_OBSERVER_METADATA_KEY, constructor);\n  if (!observers) {\n    observers = [];\n    ReflectUtils.defineMetadata(RESIZE_OBSERVER_METADATA_KEY, observers, constructor);\n  }\n  observers.push({ propertyKey, selector, options });\n};\n\nconst resolveResizeObserverArgs = (\n  selectorOrOptions: SwcSelector | ResizeObserverOptions | undefined,\n  maybeOptions: ResizeObserverOptions | undefined,\n  extra: Partial<ResizeObserverOptions>\n): { selector: SwcSelector; options: ResizeObserverOptions } => {\n  if (typeof selectorOrOptions === 'string' || typeof selectorOrOptions === 'function') {\n    return { selector: selectorOrOptions, options: { ...(maybeOptions ?? {}), ...extra } };\n  }\n  return { selector: '$this', options: { ...(selectorOrOptions ?? {}), ...extra } };\n};\n\n/**\n * bare(@decorator)\uC640 factory(@decorator()/@decorator(...)) \uD638\uCD9C\uC744 \uBAA8\uB450 \uCC98\uB9AC\uD558\uB294 \uACF5\uD1B5 \uB514\uC2A4\uD328\uCC98.\n * extra\uB294 Light/Shadow/All/Delegate \uBCC0\uD615\uC774 \uAC15\uC81C\uB85C \uB367\uC50C\uC6B0\uB294 \uC635\uC158(root, delegate \uB4F1)\uC774\uB2E4.\n */\nconst dispatchResizeObserver = (\n  selectorOrOptionsOrTarget: SwcSelector | ResizeObserverOptions | Object | undefined,\n  maybeOptionsOrPropertyKey: ResizeObserverOptions | string | symbol | undefined,\n  descriptor: PropertyDescriptor | undefined,\n  extra: Partial<ResizeObserverOptions>\n): MethodDecorator | void => {\n  if ((typeof maybeOptionsOrPropertyKey === 'string' || typeof maybeOptionsOrPropertyKey === 'symbol') && descriptor !== undefined) {\n    // \uC635\uC158 \uC5C6\uC774: @decorator\n    applyResizeObserver('$this', { ...extra }, selectorOrOptionsOrTarget as Object, maybeOptionsOrPropertyKey);\n    return;\n  }\n  // \uC635\uC158\uACFC \uD568\uAED8: @decorator() / @decorator(selector, options) / @decorator(options)\n  const { selector, options } = resolveResizeObserverArgs(\n    selectorOrOptionsOrTarget as SwcSelector | ResizeObserverOptions | undefined,\n    maybeOptionsOrPropertyKey as ResizeObserverOptions | undefined,\n    extra\n  );\n  return (targetObj: Object, propertyKey: string | symbol) => {\n    applyResizeObserver(selector, options, targetObj, propertyKey);\n  };\n};\n\nexport function resizeObserver(target: SpecialSelector, options?: ResizeObserverQueryOptions): MethodDecorator;\nexport function resizeObserver(selector: string, options?: ResizeObserverQueryOptions): MethodDecorator;\nexport function resizeObserver(selector: SwcFnSelector, options?: ResizeObserverNonQueryOptions): MethodDecorator;\nexport function resizeObserver(options?: ResizeObserverQueryOptions): MethodDecorator;\nexport function resizeObserver(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\n/**\n * @resizeObserver decorator to observe element size changes.\n * \uC635\uC158 \uC5C6\uC774 `@resizeObserver` \uADF8\uB300\uB85C \uBD99\uC5EC\uB3C4 \uB418\uACE0, `@resizeObserver(...)`\uCC98\uB7FC \uC140\uB809\uD130/\uC635\uC158\uC744 \uC904 \uC218\uB3C4 \uC788\uB2E4.\n */\nexport function resizeObserver(selectorOrOptionsOrTarget?: SwcSelector | ResizeObserverOptions | Object, maybeOptionsOrPropertyKey?: ResizeObserverOptions | string | symbol, descriptor?: PropertyDescriptor): MethodDecorator | void {\n  return dispatchResizeObserver(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor, {});\n}\n\nexport function resizeObserverThis(options?: ResizeObserverQueryOptions): MethodDecorator;\nexport function resizeObserverThis(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function resizeObserverThis(optionsOrTarget?: ResizeObserverQueryOptions | Object, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): MethodDecorator | void {\n  return dispatchResizeObserver(optionsOrTarget, propertyKey, descriptor, {});\n}\n\n// \u2500\u2500\u2500 root\uBCC4 delegate \uD5EC\uD37C (root \uC8FC\uC785 \u2192 \uBB38\uC790\uC5F4 \uC140\uB809\uD130 \uC804\uC6A9) \u2500\u2500\u2500\n\nexport function resizeObserverDelegateLight(selector: string, options?: Omit<ResizeObserverQueryOptions, 'delegate'>): MethodDecorator;\nexport function resizeObserverDelegateLight(options?: Omit<ResizeObserverQueryOptions, 'delegate'>): MethodDecorator;\nexport function resizeObserverDelegateLight(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function resizeObserverDelegateLight(selectorOrOptionsOrTarget?: string | Omit<ResizeObserverQueryOptions, 'delegate'> | Object, maybeOptionsOrPropertyKey?: Omit<ResizeObserverQueryOptions, 'delegate'> | string | symbol, descriptor?: PropertyDescriptor): MethodDecorator | void {\n  return dispatchResizeObserver(selectorOrOptionsOrTarget as any, maybeOptionsOrPropertyKey as any, descriptor, { root: 'light', delegate: true });\n}\n\nexport function resizeObserverDelegateShadow(selector: string, options?: Omit<ResizeObserverQueryOptions, 'delegate'>): MethodDecorator;\nexport function resizeObserverDelegateShadow(options?: Omit<ResizeObserverQueryOptions, 'delegate'>): MethodDecorator;\nexport function resizeObserverDelegateShadow(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function resizeObserverDelegateShadow(selectorOrOptionsOrTarget?: string | Omit<ResizeObserverQueryOptions, 'delegate'> | Object, maybeOptionsOrPropertyKey?: Omit<ResizeObserverQueryOptions, 'delegate'> | string | symbol, descriptor?: PropertyDescriptor): MethodDecorator | void {\n  return dispatchResizeObserver(selectorOrOptionsOrTarget as any, maybeOptionsOrPropertyKey as any, descriptor, { root: 'shadow', delegate: true });\n}\n\nexport function resizeObserverDelegateAll(selector: string, options?: Omit<ResizeObserverQueryOptions, 'delegate'>): MethodDecorator;\nexport function resizeObserverDelegateAll(options?: Omit<ResizeObserverQueryOptions, 'delegate'>): MethodDecorator;\nexport function resizeObserverDelegateAll(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function resizeObserverDelegateAll(selectorOrOptionsOrTarget?: string | Omit<ResizeObserverQueryOptions, 'delegate'> | Object, maybeOptionsOrPropertyKey?: Omit<ResizeObserverQueryOptions, 'delegate'> | string | symbol, descriptor?: PropertyDescriptor): MethodDecorator | void {\n  return dispatchResizeObserver(selectorOrOptionsOrTarget as any, maybeOptionsOrPropertyKey as any, descriptor, { root: 'all', delegate: true });\n}\n\nexport function resizeObserverDelegate(selector: string, options?: Omit<ResizeObserverQueryOptions, 'delegate'>): MethodDecorator;\nexport function resizeObserverDelegate(options?: Omit<ResizeObserverQueryOptions, 'delegate'>): MethodDecorator;\nexport function resizeObserverDelegate(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function resizeObserverDelegate(selectorOrOptionsOrTarget?: string | Omit<ResizeObserverQueryOptions, 'delegate'> | Object, maybeOptionsOrPropertyKey?: Omit<ResizeObserverQueryOptions, 'delegate'> | string | symbol, descriptor?: PropertyDescriptor): MethodDecorator | void {\n  return dispatchResizeObserver(selectorOrOptionsOrTarget as any, maybeOptionsOrPropertyKey as any, descriptor, { root: 'auto', delegate: true });\n}\n\n// \u2500\u2500\u2500 root\uBCC4 \uC77C\uBC18 \uD5EC\uD37C (delegate \uC5C6\uC774, \uC140\uB809\uD130 \uC0DD\uB7B5 \uC2DC $this) \u2500\u2500\u2500\n\nexport function resizeObserverLight(selector: string, options?: ResizeObserverQueryOptions): MethodDecorator;\nexport function resizeObserverLight(options?: ResizeObserverQueryOptions): MethodDecorator;\nexport function resizeObserverLight(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function resizeObserverLight(selectorOrOptionsOrTarget?: string | ResizeObserverQueryOptions | Object, maybeOptionsOrPropertyKey?: ResizeObserverQueryOptions | string | symbol, descriptor?: PropertyDescriptor): MethodDecorator | void {\n  return dispatchResizeObserver(selectorOrOptionsOrTarget as any, maybeOptionsOrPropertyKey as any, descriptor, { root: 'light' });\n}\n\nexport function resizeObserverShadow(selector: string, options?: ResizeObserverQueryOptions): MethodDecorator;\nexport function resizeObserverShadow(options?: ResizeObserverQueryOptions): MethodDecorator;\nexport function resizeObserverShadow(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function resizeObserverShadow(selectorOrOptionsOrTarget?: string | ResizeObserverQueryOptions | Object, maybeOptionsOrPropertyKey?: ResizeObserverQueryOptions | string | symbol, descriptor?: PropertyDescriptor): MethodDecorator | void {\n  return dispatchResizeObserver(selectorOrOptionsOrTarget as any, maybeOptionsOrPropertyKey as any, descriptor, { root: 'shadow' });\n}\n\nexport function resizeObserverAll(selector: string, options?: ResizeObserverQueryOptions): MethodDecorator;\nexport function resizeObserverAll(options?: ResizeObserverQueryOptions): MethodDecorator;\nexport function resizeObserverAll(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function resizeObserverAll(selectorOrOptionsOrTarget?: string | ResizeObserverQueryOptions | Object, maybeOptionsOrPropertyKey?: ResizeObserverQueryOptions | string | symbol, descriptor?: PropertyDescriptor): MethodDecorator | void {\n  return dispatchResizeObserver(selectorOrOptionsOrTarget as any, maybeOptionsOrPropertyKey as any, descriptor, { root: 'all' });\n}\n\nexport function getResizeObserverMetadata(target: any): ResizeObserverMetadata[] | undefined {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(RESIZE_OBSERVER_METADATA_KEY, constructor);\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// ResizeObserverLifeCycler\n// observer \uB97C \uC9C1\uC811 \uC0DD\uC131\uD558\uC9C0 \uC54A\uACE0 OnConnectedResult \uB97C \uBC18\uD658\uD55C\uB2E4.\n// elementDefine \uC774 \uC218\uC9D1\uB41C ResizeObserverSet \uC73C\uB85C observer \uB97C \uC0DD\uC131\uD558\uACE0,\n// observe/unobserve \uD568\uC218\uB97C \uC8FC\uC785\uD574 MutationObserver delegate \uCD94\uC801\uC774 \uC0AC\uC6A9\uD560 \uC218 \uC788\uAC8C \uD55C\uB2E4.\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, OnConnectedResult, ResizeObserverSet, ResizeObserverSetEntry } from '../types';\nimport { SwcUtils } from '../utils/Utils';\n\nexport class ResizeObserverLifeCycler implements ElementDefineLifeCycler {\n  private readonly removeObserverCallbacksMap = new WeakMap<Element, Array<{ fn: (target: Element, opts: unknown) => void; target: any; opts: unknown }>>();\n\n  onConnected(helperHostSet: HelperHostSet): OnConnectedResult | void {\n    const inst = helperHostSet.$this;\n    const currentWin = helperHostSet.$w;\n\n    const removeObserverCallbacks: Array<{ fn: (target: Element, opts: unknown) => void; target: any; opts: unknown }> = [];\n    this.removeObserverCallbacksMap.set(inst, removeObserverCallbacks);\n\n    const allMeta = getResizeObserverMetadata(inst) ?? [];\n    if (allMeta.length === 0) return;\n\n    const root: HTMLElement | ShadowRoot = inst.shadowRoot || inst;\n\n    // removeObserver \uCF5C\uBC31 \uC218\uC9D1\n    for (const m of allMeta) {\n      if (m.options.removeObserver) removeObserverCallbacks.push({ fn: m.options.removeObserver, target: root, opts: m.options });\n    }\n\n    // \u2500\u2500 ResizeObserver \uCF5C\uBC31 \u2500\u2500\n    const callback: ResizeObserverSetEntry['callback'] = (entries, obs) => {\n      for (const m of allMeta) {\n        let matchedEls: HTMLElement[];\n        if (m.options.delegate && typeof m.selector === 'string') {\n          const isThis = m.selector === '$this' || m.selector === '';\n          matchedEls = entries.map(e => e.target as HTMLElement).filter(el => {\n            if (!el || el.nodeType !== 1) return false;\n            if (isThis) return true;\n            return el.matches?.(m.selector as string) || !!el.closest?.(m.selector as string);\n          });\n        } else {\n          matchedEls = entries.map(e => e.target as HTMLElement).filter(t => t && t.nodeType === 1);\n        }\n        if (matchedEls.length === 0) continue;\n        if (m.options.filter) {\n          if (!m.options.filter(matchedEls, { currentThis: inst, helper: helperHostSet })) continue;\n        }\n        const hostSet = SwcUtils.getHostSet(inst);\n        inst[m.propertyKey](matchedEls, entries, obs, { ...hostSet, $root: root });\n      }\n    };\n\n    // \u2500\u2500 observe \uB300\uC0C1 \uBAA9\uB85D \uAD6C\uC131 \u2500\u2500\n    // - non-delegate: \uC2E4\uC81C \uC694\uC18C\uB97C \uCD08\uAE30 observe\n    // - delegate: \uB3D9\uC801 \uCD94\uC801\uC6A9 \uC140\uB809\uD130 \uBB38\uC790\uC5F4\uB85C \uC120\uC5B8 (elementDefine \uC758 MutationObserver \uCF5C\uBC31\uC774 observe/unobserve)\n    // \uBAA8\uB4E0 \uB300\uC0C1\uC740 \uC774 \uB8E8\uD2B8\uC758 callback \uC744 \uACF5\uC720\uD55C\uB2E4.\n    const resizeObserverSet: ResizeObserverSet = [];\n    for (const m of allMeta) {\n      if (m.options.delegate && typeof m.selector === 'string') {\n        resizeObserverSet.push({ target: m.selector, delegate: true, delegateRoot: m.options.root, options: m.options.box ? { box: m.options.box } : undefined, callback });\n        continue;\n      }\n      let targets: HTMLElement[] = [];\n\n      if (typeof m.selector === 'function') {\n        const res = (m.selector as any)(inst, helperHostSet);\n        if (res instanceof currentWin.HTMLElement) targets = [res as HTMLElement];\n        else if (res instanceof currentWin.NodeList) targets = Array.from(res as NodeList).filter((e: any) => e instanceof currentWin.HTMLElement) as HTMLElement[];\n        else if (Array.isArray(res)) targets = res.filter((e: any) => e instanceof currentWin.HTMLElement) as HTMLElement[];\n      } else if (typeof m.selector === 'string') {\n        if (m.selector === '$this' || m.selector === '') {\n          targets = [inst as HTMLElement];\n        } else {\n          const r: any = m.options.root || 'auto';\n          const scopes: any[] = [];\n          if (r === 'auto') scopes.push(inst.shadowRoot || inst);\n          else if (r === 'light') scopes.push(inst);\n          else if (r === 'shadow' && inst.shadowRoot) scopes.push(inst.shadowRoot);\n          else if (r === 'all') { scopes.push(inst); if (inst.shadowRoot) scopes.push(inst.shadowRoot); }\n          for (const s of scopes) {\n            const found = s?.querySelectorAll?.(m.selector as string) as NodeListOf<HTMLElement> | undefined;\n            if (found?.length) targets.push(...Array.from(found));\n          }\n        }\n      }\n      for (const el of targets) resizeObserverSet.push({ target: el, options: m.options.box ? { box: m.options.box } : undefined, callback });\n    }\n\n    return { resizeObserverSet };\n  }\n\n  onDisconnected(helperHostSet: HelperHostSet): void {\n    const inst = helperHostSet.$this;\n    for (const cb of this.removeObserverCallbacksMap.get(inst) ?? []) {\n      try { cb.fn(cb.target, cb.opts); } catch (e) { console.error('[SWC] removeObserver error:', e); }\n    }\n    this.removeObserverCallbacksMap.delete(inst);\n  }\n}\n"],
+  "mappings": ";;;AAAA,SAAS,oBAAoB;AA0BtB,MAAM,+BAA+B,OAAO,IAAI,sCAAsC;AAE7F,MAAM,sBAAsB,CAAC,UAAuB,SAAgC,WAAmB,gBAAuC;AAC5I,QAAM,cAAc,UAAU;AAC9B,MAAI,YAAY,aAAa,YAAsC,8BAA8B,WAAW;AAC5G,MAAI,CAAC,WAAW;AACd,gBAAY,CAAC;AACb,iBAAa,eAAe,8BAA8B,WAAW,WAAW;AAAA,EAClF;AACA,YAAU,KAAK,EAAE,aAAa,UAAU,QAAQ,CAAC;AACnD;AAEA,MAAM,4BAA4B,CAChC,mBACA,cACA,UAC8D;AAC9D,MAAI,OAAO,sBAAsB,YAAY,OAAO,sBAAsB,YAAY;AACpF,WAAO,EAAE,UAAU,mBAAmB,SAAS,EAAE,GAAI,gBAAgB,CAAC,GAAI,GAAG,MAAM,EAAE;AAAA,EACvF;AACA,SAAO,EAAE,UAAU,SAAS,SAAS,EAAE,GAAI,qBAAqB,CAAC,GAAI,GAAG,MAAM,EAAE;AAClF;AAMA,MAAM,yBAAyB,CAC7B,2BACA,2BACA,YACA,UAC2B;AAC3B,OAAK,OAAO,8BAA8B,YAAY,OAAO,8BAA8B,aAAa,eAAe,QAAW;AAEhI,wBAAoB,SAAS,EAAE,GAAG,MAAM,GAAG,2BAAqC,yBAAyB;AACzG;AAAA,EACF;AAEA,QAAM,EAAE,UAAU,QAAQ,IAAI;AAAA,IAC5B;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACA,SAAO,CAAC,WAAmB,gBAAiC;AAC1D,wBAAoB,UAAU,SAAS,WAAW,WAAW;AAAA,EAC/D;AACF;AAWO,SAAS,eAAe,2BAA0E,2BAAqE,YAAyD;AACrO,SAAO,uBAAuB,2BAA2B,2BAA2B,YAAY,CAAC,CAAC;AACpG;AAIO,SAAS,mBAAmB,iBAAuD,aAA+B,YAAyD;AAChL,SAAO,uBAAuB,iBAAiB,aAAa,YAAY,CAAC,CAAC;AAC5E;AAOO,SAAS,4BAA4B,2BAA4F,2BAA4F,YAAyD;AAC3R,SAAO,uBAAuB,2BAAkC,2BAAkC,YAAY,EAAE,MAAM,SAAS,UAAU,KAAK,CAAC;AACjJ;AAKO,SAAS,6BAA6B,2BAA4F,2BAA4F,YAAyD;AAC5R,SAAO,uBAAuB,2BAAkC,2BAAkC,YAAY,EAAE,MAAM,UAAU,UAAU,KAAK,CAAC;AAClJ;AAKO,SAAS,0BAA0B,2BAA4F,2BAA4F,YAAyD;AACzR,SAAO,uBAAuB,2BAAkC,2BAAkC,YAAY,EAAE,MAAM,OAAO,UAAU,KAAK,CAAC;AAC/I;AAKO,SAAS,uBAAuB,2BAA4F,2BAA4F,YAAyD;AACtR,SAAO,uBAAuB,2BAAkC,2BAAkC,YAAY,EAAE,MAAM,QAAQ,UAAU,KAAK,CAAC;AAChJ;AAOO,SAAS,oBAAoB,2BAA0E,2BAA0E,YAAyD;AAC/O,SAAO,uBAAuB,2BAAkC,2BAAkC,YAAY,EAAE,MAAM,QAAQ,CAAC;AACjI;AAKO,SAAS,qBAAqB,2BAA0E,2BAA0E,YAAyD;AAChP,SAAO,uBAAuB,2BAAkC,2BAAkC,YAAY,EAAE,MAAM,SAAS,CAAC;AAClI;AAKO,SAAS,kBAAkB,2BAA0E,2BAA0E,YAAyD;AAC7O,SAAO,uBAAuB,2BAAkC,2BAAkC,YAAY,EAAE,MAAM,MAAM,CAAC;AAC/H;AAEO,SAAS,0BAA0B,QAAmD;AAC3F,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,YAAY,8BAA8B,WAAW;AAC3E;AASA,SAAS,gBAAgB;AAElB,MAAM,yBAA4D;AAAA,EAAlE;AACL,wBAAiB,8BAA6B,oBAAI,QAAsG;AAAA;AAAA,EAExJ,YAAY,eAAwD;AAClE,UAAM,OAAO,cAAc;AAC3B,UAAM,aAAa,cAAc;AAEjC,UAAM,0BAA+G,CAAC;AACtH,SAAK,2BAA2B,IAAI,MAAM,uBAAuB;AAEjE,UAAM,UAAU,0BAA0B,IAAI,KAAK,CAAC;AACpD,QAAI,QAAQ,WAAW,EAAG;AAE1B,UAAM,OAAiC,KAAK,cAAc;AAG1D,eAAW,KAAK,SAAS;AACvB,UAAI,EAAE,QAAQ,eAAgB,yBAAwB,KAAK,EAAE,IAAI,EAAE,QAAQ,gBAAgB,QAAQ,MAAM,MAAM,EAAE,QAAQ,CAAC;AAAA,IAC5H;AAGA,UAAM,WAA+C,CAAC,SAAS,QAAQ;AACrE,iBAAW,KAAK,SAAS;AACvB,YAAI;AACJ,YAAI,EAAE,QAAQ,YAAY,OAAO,EAAE,aAAa,UAAU;AACxD,gBAAM,SAAS,EAAE,aAAa,WAAW,EAAE,aAAa;AACxD,uBAAa,QAAQ,IAAI,OAAK,EAAE,MAAqB,EAAE,OAAO,QAAM;AAClE,gBAAI,CAAC,MAAM,GAAG,aAAa,EAAG,QAAO;AACrC,gBAAI,OAAQ,QAAO;AACnB,mBAAO,GAAG,UAAU,EAAE,QAAkB,KAAK,CAAC,CAAC,GAAG,UAAU,EAAE,QAAkB;AAAA,UAClF,CAAC;AAAA,QACH,OAAO;AACL,uBAAa,QAAQ,IAAI,OAAK,EAAE,MAAqB,EAAE,OAAO,OAAK,KAAK,EAAE,aAAa,CAAC;AAAA,QAC1F;AACA,YAAI,WAAW,WAAW,EAAG;AAC7B,YAAI,EAAE,QAAQ,QAAQ;AACpB,cAAI,CAAC,EAAE,QAAQ,OAAO,YAAY,EAAE,aAAa,MAAM,QAAQ,cAAc,CAAC,EAAG;AAAA,QACnF;AACA,cAAM,UAAU,SAAS,WAAW,IAAI;AACxC,aAAK,EAAE,WAAW,EAAE,YAAY,SAAS,KAAK,EAAE,GAAG,SAAS,OAAO,KAAK,CAAC;AAAA,MAC3E;AAAA,IACF;AAMA,UAAM,oBAAuC,CAAC;AAC9C,eAAW,KAAK,SAAS;AACvB,UAAI,EAAE,QAAQ,YAAY,OAAO,EAAE,aAAa,UAAU;AACxD,0BAAkB,KAAK,EAAE,QAAQ,EAAE,UAAU,UAAU,MAAM,cAAc,EAAE,QAAQ,MAAM,SAAS,EAAE,QAAQ,MAAM,EAAE,KAAK,EAAE,QAAQ,IAAI,IAAI,QAAW,SAAS,CAAC;AAClK;AAAA,MACF;AACA,UAAI,UAAyB,CAAC;AAE9B,UAAI,OAAO,EAAE,aAAa,YAAY;AACpC,cAAM,MAAO,EAAE,SAAiB,MAAM,aAAa;AACnD,YAAI,eAAe,WAAW,YAAa,WAAU,CAAC,GAAkB;AAAA,iBAC/D,eAAe,WAAW,SAAU,WAAU,MAAM,KAAK,GAAe,EAAE,OAAO,CAAC,MAAW,aAAa,WAAW,WAAW;AAAA,iBAChI,MAAM,QAAQ,GAAG,EAAG,WAAU,IAAI,OAAO,CAAC,MAAW,aAAa,WAAW,WAAW;AAAA,MACnG,WAAW,OAAO,EAAE,aAAa,UAAU;AACzC,YAAI,EAAE,aAAa,WAAW,EAAE,aAAa,IAAI;AAC/C,oBAAU,CAAC,IAAmB;AAAA,QAChC,OAAO;AACL,gBAAM,IAAS,EAAE,QAAQ,QAAQ;AACjC,gBAAM,SAAgB,CAAC;AACvB,cAAI,MAAM,OAAQ,QAAO,KAAK,KAAK,cAAc,IAAI;AAAA,mBAC5C,MAAM,QAAS,QAAO,KAAK,IAAI;AAAA,mBAC/B,MAAM,YAAY,KAAK,WAAY,QAAO,KAAK,KAAK,UAAU;AAAA,mBAC9D,MAAM,OAAO;AAAE,mBAAO,KAAK,IAAI;AAAG,gBAAI,KAAK,WAAY,QAAO,KAAK,KAAK,UAAU;AAAA,UAAG;AAC9F,qBAAW,KAAK,QAAQ;AACtB,kBAAM,QAAQ,GAAG,mBAAmB,EAAE,QAAkB;AACxD,gBAAI,OAAO,OAAQ,SAAQ,KAAK,GAAG,MAAM,KAAK,KAAK,CAAC;AAAA,UACtD;AAAA,QACF;AAAA,MACF;AACA,iBAAW,MAAM,QAAS,mBAAkB,KAAK,EAAE,QAAQ,IAAI,SAAS,EAAE,QAAQ,MAAM,EAAE,KAAK,EAAE,QAAQ,IAAI,IAAI,QAAW,SAAS,CAAC;AAAA,IACxI;AAEA,WAAO,EAAE,kBAAkB;AAAA,EAC7B;AAAA,EAEA,eAAe,eAAoC;AACjD,UAAM,OAAO,cAAc;AAC3B,eAAW,MAAM,KAAK,2BAA2B,IAAI,IAAI,KAAK,CAAC,GAAG;AAChE,UAAI;AAAE,WAAG,GAAG,GAAG,QAAQ,GAAG,IAAI;AAAA,MAAG,SAAS,GAAG;AAAE,gBAAQ,MAAM,+BAA+B,CAAC;AAAA,MAAG;AAAA,IAClG;AACA,SAAK,2BAA2B,OAAO,IAAI;AAAA,EAC7C;AACF;",
   "names": []
 }

package/dist/esm/decorators/setInterval.js

@@ -0,0 +1,95 @@
+import { ReflectUtils } from "@dooboostore/core";
+import { ensureInit, getElementConfig } from "./elementDefine.js";
+import { SwcUtils } from "../utils/Utils.js";
+const SET_INTERVAL_METADATA_KEY = Symbol.for("simple-web-component:set-interval");
+const activeMap = /* @__PURE__ */ new WeakMap();
+const getActiveEntries = (inst) => {
+  let entries = activeMap.get(inst);
+  if (!entries) {
+    entries = [];
+    activeMap.set(inst, entries);
+  }
+  return entries;
+};
+function setInterval(interval, options = {}) {
+  return (target, propertyKey, descriptor) => {
+    const constructor = target.constructor;
+    const normalizedOptions = { ...options, type: options.type ?? "returnValue" };
+    let metaList = ReflectUtils.getOwnMetadata(SET_INTERVAL_METADATA_KEY, constructor);
+    if (!metaList) {
+      metaList = [];
+      ReflectUtils.defineMetadata(SET_INTERVAL_METADATA_KEY, metaList, constructor);
+    }
+    metaList.push({ propertyKey, interval, options: normalizedOptions });
+    if (normalizedOptions.type === "onConnected" || !descriptor) {
+      return;
+    }
+    const original = descriptor.value;
+    descriptor.value = function(...args) {
+      const res = original.apply(this, args);
+      const vk = normalizedOptions.valueKey ?? SET_INTERVAL_METADATA_KEY;
+      const tickFn = typeof res === "function" ? res : res && typeof res === "object" && typeof res[vk] === "function" ? res[vk] : void 0;
+      if (tickFn) {
+        ensureInit(this);
+        const conf = getElementConfig(this);
+        const win = this._resolveWindow?.(conf) || (typeof window !== "undefined" ? window : void 0);
+        const id = win.setInterval(() => {
+          try {
+            tickFn(id);
+          } catch (e) {
+            console.error("[SWC] setInterval tick error:", e);
+          }
+        }, interval);
+        normalizedOptions.created?.(SwcUtils.getHelperAndHostSet(win, this), id);
+        getActiveEntries(this).push(id);
+      }
+      return res;
+    };
+    return descriptor;
+  };
+}
+const findAllSetIntervalMetadata = (target) => {
+  const constructor = target instanceof Function ? target : target.constructor;
+  return (ReflectUtils.findAllMetadata(SET_INTERVAL_METADATA_KEY, constructor) || []).flat();
+};
+class SetIntervalLifeCycler {
+  onConnected(helperHostSet) {
+    const inst = helperHostSet.$this;
+    activeMap.delete(inst);
+    for (const meta of findAllSetIntervalMetadata(inst)) {
+      if (meta.options.type !== "onConnected") continue;
+      const id = helperHostSet.$w.setInterval(() => {
+        const args = meta.options.parameter?.(helperHostSet) ?? [];
+        try {
+          const res = inst[meta.propertyKey](...args);
+          const vk = meta.options.valueKey ?? SET_INTERVAL_METADATA_KEY;
+          if (res && typeof res === "object" && typeof res[vk] === "function") {
+            res[vk](id);
+          }
+        } catch (e) {
+          console.error("[SWC] setInterval tick error:", e);
+        }
+      }, meta.interval);
+      meta.options.created?.(helperHostSet, id);
+      getActiveEntries(inst).push(id);
+    }
+  }
+  onDisconnected(helperHostSet) {
+    const inst = helperHostSet.$this;
+    for (const id of activeMap.get(inst) ?? []) {
+      try {
+        helperHostSet.$w.clearInterval(id);
+      } catch (e) {
+        console.error("[SWC] clearInterval error:", e);
+      }
+    }
+    activeMap.delete(inst);
+  }
+}
+export {
+  SET_INTERVAL_METADATA_KEY,
+  SetIntervalLifeCycler,
+  findAllSetIntervalMetadata,
+  setInterval
+};
+//# sourceMappingURL=setInterval.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/decorators/setInterval.ts"],
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { ensureInit, getElementConfig } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { ElementDefineLifeCycler, HelperHostSet } from '../types';\n\nexport const SET_INTERVAL_METADATA_KEY = Symbol.for('simple-web-component:set-interval');\n\nexport type SetIntervalType = 'onConnected' | 'returnValue';\n\nexport interface SetIntervalOptions {\n  /**\n   * 'onConnected' (connect \uC2DC \uC790\uB3D9\uC73C\uB85C \uC2DC\uC791, disconnect \uC2DC \uC790\uB3D9 \uC815\uB9AC) |\n   * 'returnValue' (\uAE30\uBCF8\uAC12 - \uC790\uB3D9 \uC2DC\uC791 \uC5C6\uC74C. \uAC1C\uBC1C\uC790\uAC00 \uC774 \uBA54\uC11C\uB4DC\uB97C \uC9C1\uC811 \uD638\uCD9C\uD574\uC57C \uC2DC\uC791\uB418\uACE0,\n   *   \uADF8 \uD638\uCD9C\uC758 \uB9AC\uD134\uAC12\uC774 \uC2E4\uC81C\uB85C \uBC18\uBCF5 \uC2E4\uD589\uB420 \uD568\uC218\uAC00 \uB41C\uB2E4 - \uC544\uB798 \uC124\uBA85 \uCC38\uACE0).\n   */\n  type?: SetIntervalType;\n  /** \uB9E4 tick\uB9C8\uB2E4 \uB370\uCF54\uB808\uC774\uD2B8\uB41C \uBA54\uC11C\uB4DC\uC5D0 \uB118\uAE38 \uC778\uC790\uB97C \uACC4\uC0B0. type:'onConnected'\uC5D0\uC11C\uB9CC \uC758\uBBF8\uAC00 \uC788\uC74C (\uC5C6\uC73C\uBA74 \uC778\uC790 \uC5C6\uC774 \uD638\uCD9C). */\n  parameter?: (set: HelperHostSet) => any[];\n  /** \uD0C0\uC774\uBA38 \uB4F1\uB85D \uC9C1\uD6C4 1\uD68C \uD638\uCD9C (\uB514\uBC84\uAE45/\uB85C\uAE45\uC6A9). id\uB294 \uC2E4\uC81C setInterval \uBC18\uD658\uAC12 - cleanup\uC740 \uC790\uB3D9\uC73C\uB85C \uCC98\uB9AC\uB418\uBBC0\uB85C \uC9C1\uC811 clear\uD560 \uD544\uC694 \uC5C6\uC74C. */\n  created?: (set: HelperHostSet, id: number) => void;\n  /**\n   * type:'onConnected' - \uB9E4 tick\uB9C8\uB2E4 \uB370\uCF54\uB808\uC774\uD2B8\uB41C \uBA54\uC11C\uB4DC\uC758 \uB9AC\uD134\uAC12\uC774 \uAC1D\uCCB4\uC774\uACE0 \uC774 \uD0A4\uC758 \uAC12\uC774 \uD568\uC218\uC774\uBA74 (id: number)\uB85C \uD638\uCD9C\uD55C\uB2E4.\n   * type:'returnValue' - \uB9AC\uD134\uAC12\uC774 \uD568\uC218\uBA74 \uADF8 \uC790\uCCB4\uB97C, \uAC1D\uCCB4\uBA74 \uC774 \uD0A4\uC758 \uAC12\uC774 \uD568\uC218\uC77C \uB54C \uADF8 \uAC12\uC744 \"\uC2E4\uC81C\uB85C \uBC18\uBCF5 \uC2E4\uD589\uB420 \uD568\uC218\"\uB85C \uC0AC\uC6A9\uD55C\uB2E4.\n   * \uC548 \uC8FC\uBA74 SET_INTERVAL_METADATA_KEY\uB85C \uD3F4\uBC31\uD55C\uB2E4 - applyAttribute.ts/applyNode.ts\uC758 valueKey\uC640 \uB3D9\uC77C\uD55C \uCEE8\uBCA4\uC158\n   * (\uB9AC\uD134 \uAC1D\uCCB4\uC5D0\uC11C \uC774 \uB370\uCF54\uB808\uC774\uD130 \uBAAB\uB9CC \uBF51\uC544 \uC4F0\uACE0, \uB2E4\uB978 \uB370\uCF54\uB808\uC774\uD130\uC640 \uC2A4\uD0DD\uD560 \uB54C\uB9CC \uCEE4\uC2A4\uD140 \uD0A4\uB85C \uAD6C\uBD84\uD558\uBA74 \uB41C\uB2E4).\n   */\n  valueKey?: symbol | string;\n}\n\nexport interface SetIntervalMetadata {\n  propertyKey: string | symbol;\n  interval: number;\n  options: SetIntervalOptions;\n}\n\nconst activeMap = new WeakMap<any, number[]>();\nconst getActiveEntries = (inst: any): number[] => {\n  let entries = activeMap.get(inst);\n  if (!entries) {\n    entries = [];\n    activeMap.set(inst, entries);\n  }\n  return entries;\n};\n\n/**\n * type:'onConnected' - connect \uC2DC \uC790\uB3D9\uC73C\uB85C setInterval\uC744 \uAC78\uACE0, disconnect \uC2DC \uC790\uB3D9\uC73C\uB85C clearInterval \uD55C\uB2E4.\n * type:'returnValue'(\uAE30\uBCF8\uAC12) - \uBA54\uC11C\uB4DC\uB97C \uAC10\uC2F8\uC9C0 \uC54A\uB294 \uB300\uC2E0, \uD638\uCD9C\uB420 \uB54C\uB9C8\uB2E4(\uAC1C\uBC1C\uC790\uAC00 \uC9C1\uC811 \uD638\uCD9C) \uC6D0\uBCF8 \uB85C\uC9C1\uC744\n *   \uADF8\uB300\uB85C \uC2E4\uD589\uD558\uACE0 \uB9AC\uD134\uAC12(\uB610\uB294 valueKey\uB85C \uBF51\uC740 \uAC12)\uC774 \uD568\uC218\uBA74 \uADF8 \uD568\uC218\uB97C \uC0C8 setInterval\uC758 \uBC18\uBCF5 \uCF5C\uBC31\uC73C\uB85C \uB4F1\uB85D\uD55C\uB2E4.\n *   \uD638\uCD9C\uD560 \uB54C\uB9C8\uB2E4 \uBCC4\uB3C4\uC758 \uC0C8 \uD0C0\uC774\uBA38\uAC00 \uC0DD\uAE30\uBA70, disconnect \uC2DC \uC804\uBD80 \uC815\uB9AC\uB41C\uB2E4. \uC6D0\uBCF8 \uB9AC\uD134\uAC12\uC740 \uADF8\uB300\uB85C \uD1B5\uACFC\uC2DC\uD0A4\uBBC0\uB85C\n *   \uB2E4\uB978 \uB370\uCF54\uB808\uC774\uD130\uC640 \uAC19\uC740 \uBA54\uC11C\uB4DC\uC5D0 \uC2A4\uD0DD\uD574\uB3C4 \uC21C\uC11C\uC5D0 \uC0C1\uAD00\uC5C6\uC774 \uC548\uC804\uD558\uB2E4.\n */\nexport function setInterval(interval: number, options: SetIntervalOptions = {}): MethodDecorator {\n  return (target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor) => {\n    const constructor = target.constructor;\n    const normalizedOptions: SetIntervalOptions = { ...options, type: options.type ?? 'returnValue' };\n\n    let metaList = ReflectUtils.getOwnMetadata(SET_INTERVAL_METADATA_KEY, constructor) as SetIntervalMetadata[];\n    if (!metaList) {\n      metaList = [];\n      ReflectUtils.defineMetadata(SET_INTERVAL_METADATA_KEY, metaList, constructor);\n    }\n    metaList.push({ propertyKey, interval, options: normalizedOptions });\n\n    if (normalizedOptions.type === 'onConnected' || !descriptor) {\n      return; // LifeCycler\uAC00 connect/disconnect\uB97C \uC804\uB2F4 - wrapping \uBD88\uD544\uC694\n    }\n\n    const original = descriptor.value;\n    descriptor.value = function (this: any, ...args: any[]) {\n      const res = original.apply(this, args);\n      // valueKey\uB97C \uC548 \uC8FC\uBA74 \uC774 \uB370\uCF54\uB808\uC774\uD130 \uC804\uC6A9 METADATA_KEY\uB85C \uD3F4\uBC31 (applyAttribute.ts/applyNode.ts\uC640 \uB3D9\uC77C\uD55C \uCEE8\uBCA4\uC158)\n      const vk = normalizedOptions.valueKey ?? SET_INTERVAL_METADATA_KEY;\n      const tickFn: ((id: number) => void) | undefined =\n        typeof res === 'function' ? res : res && typeof res === 'object' && typeof res[vk] === 'function' ? res[vk] : undefined;\n\n      if (tickFn) {\n        ensureInit(this);\n        const conf = getElementConfig(this);\n        const win = (this as any)._resolveWindow?.(conf) || ((typeof window !== 'undefined' ? window : undefined) as Window);\n        const id = win.setInterval(() => {\n          try {\n            tickFn(id);\n          } catch (e) {\n            console.error('[SWC] setInterval tick error:', e);\n          }\n        }, interval);\n        normalizedOptions.created?.(SwcUtils.getHelperAndHostSet(win, this), id);\n        getActiveEntries(this).push(id);\n      }\n      return res;\n    };\n    return descriptor;\n  };\n}\n\nexport const findAllSetIntervalMetadata = (target: any): SetIntervalMetadata[] => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return (ReflectUtils.findAllMetadata<SetIntervalMetadata[]>(SET_INTERVAL_METADATA_KEY, constructor) || []).flat();\n};\n\nexport class SetIntervalLifeCycler implements ElementDefineLifeCycler {\n  onConnected(helperHostSet: HelperHostSet): void {\n    const inst = helperHostSet.$this;\n    activeMap.delete(inst); // \uC7AC\uC5F0\uACB0 \uB300\uBE44 \uB9AC\uC14B\n    for (const meta of findAllSetIntervalMetadata(inst)) {\n      if (meta.options.type !== 'onConnected') continue; // returnValue \uD0C0\uC785\uC740 \uC218\uB3D9 \uD638\uCD9C\uC744 \uAE30\uB2E4\uB9BC\n      const id = helperHostSet.$w.setInterval(() => {\n        const args = meta.options.parameter?.(helperHostSet) ?? [];\n        try {\n          const res = inst[meta.propertyKey](...args);\n          const vk = meta.options.valueKey ?? SET_INTERVAL_METADATA_KEY;\n          if (res && typeof res === 'object' && typeof res[vk] === 'function') {\n            res[vk](id);\n          }\n        } catch (e) {\n          console.error('[SWC] setInterval tick error:', e);\n        }\n      }, meta.interval);\n      meta.options.created?.(helperHostSet, id);\n      getActiveEntries(inst).push(id);\n    }\n  }\n\n  onDisconnected(helperHostSet: HelperHostSet): void {\n    const inst = helperHostSet.$this;\n    for (const id of activeMap.get(inst) ?? []) {\n      try {\n        helperHostSet.$w.clearInterval(id);\n      } catch (e) {\n        console.error('[SWC] clearInterval error:', e);\n      }\n    }\n    activeMap.delete(inst);\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}