@dooboostore/simple-web-component 1.0.47 → 1.0.49

package/dist/esm/decorators/intersectionObserver.js

@@ -0,0 +1,191 @@
+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 INTERSECTION_OBSERVER_METADATA_KEY = Symbol.for("simple-web-component:intersection-observer");
+function intersectionObserver(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(INTERSECTION_OBSERVER_METADATA_KEY, constructor);
+    if (!observers) {
+      observers = [];
+      ReflectUtils.defineMetadata(INTERSECTION_OBSERVER_METADATA_KEY, observers, constructor);
+    }
+    observers.push({ propertyKey, selector, options });
+  };
+}
+function intersectionObserverThis(options) {
+  return intersectionObserver("$this", options);
+}
+function intersectionObserverDelegateLight(selectorOrOptions, maybeOptions) {
+  if (typeof selectorOrOptions === "string" || typeof selectorOrOptions === "function") {
+    return intersectionObserver(selectorOrOptions, { ...maybeOptions ?? {}, root: "light", delegate: true });
+  }
+  return intersectionObserver({ ...selectorOrOptions ?? {}, root: "light", delegate: true });
+}
+function intersectionObserverDelegateShadow(selectorOrOptions, maybeOptions) {
+  if (typeof selectorOrOptions === "string" || typeof selectorOrOptions === "function") {
+    return intersectionObserver(selectorOrOptions, { ...maybeOptions ?? {}, root: "shadow", delegate: true });
+  }
+  return intersectionObserver({ ...selectorOrOptions ?? {}, root: "shadow", delegate: true });
+}
+function intersectionObserverDelegateAll(selectorOrOptions, maybeOptions) {
+  if (typeof selectorOrOptions === "string" || typeof selectorOrOptions === "function") {
+    return intersectionObserver(selectorOrOptions, { ...maybeOptions ?? {}, root: "all", delegate: true });
+  }
+  return intersectionObserver({ ...selectorOrOptions ?? {}, root: "all", delegate: true });
+}
+function intersectionObserverDelegate(selectorOrOptions, maybeOptions) {
+  if (typeof selectorOrOptions === "string" || typeof selectorOrOptions === "function") {
+    return intersectionObserver(selectorOrOptions, { ...maybeOptions ?? {}, root: "auto", delegate: true });
+  }
+  return intersectionObserver({ ...selectorOrOptions ?? {}, root: "auto", delegate: true });
+}
+function intersectionObserverLight(selectorOrOptions, maybeOptions) {
+  if (typeof selectorOrOptions === "string" || typeof selectorOrOptions === "function") {
+    return intersectionObserver(selectorOrOptions, { ...maybeOptions ?? {}, root: "light" });
+  }
+  return intersectionObserver({ ...selectorOrOptions ?? {}, root: "light" });
+}
+function intersectionObserverShadow(selectorOrOptions, maybeOptions) {
+  if (typeof selectorOrOptions === "string" || typeof selectorOrOptions === "function") {
+    return intersectionObserver(selectorOrOptions, { ...maybeOptions ?? {}, root: "shadow" });
+  }
+  return intersectionObserver({ ...selectorOrOptions ?? {}, root: "shadow" });
+}
+function intersectionObserverAll(selectorOrOptions, maybeOptions) {
+  if (typeof selectorOrOptions === "string" || typeof selectorOrOptions === "function") {
+    return intersectionObserver(selectorOrOptions, { ...maybeOptions ?? {}, root: "all" });
+  }
+  return intersectionObserver({ ...selectorOrOptions ?? {}, root: "all" });
+}
+function getIntersectionObserverMetadata(target) {
+  const constructor = target instanceof Function ? target : target.constructor;
+  return ReflectUtils.getMetadata(INTERSECTION_OBSERVER_METADATA_KEY, constructor);
+}
+import { SwcUtils } from "../utils/Utils.js";
+class IntersectionObserverLifeCycler {
+  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 = getIntersectionObserverMetadata(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 buildCallback = (metas) => {
+      return (entries, obs) => {
+        for (const m of metas) {
+          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 groups = /* @__PURE__ */ new Map();
+    for (const m of allMeta) {
+      const obsOptions = {
+        root: m.options.intersectionRoot ?? null,
+        rootMargin: m.options.rootMargin,
+        threshold: m.options.threshold
+      };
+      const key = JSON.stringify([obsOptions.root, obsOptions.rootMargin, obsOptions.threshold]);
+      if (!groups.has(key)) groups.set(key, { options: obsOptions, metas: [] });
+      groups.get(key).metas.push(m);
+    }
+    const intersectionObserverSet = [];
+    for (const [, group] of groups) {
+      const callback = buildCallback(group.metas);
+      const observeTargets = [];
+      for (const m of group.metas) {
+        if (m.options.delegate && typeof m.selector === "string") {
+          observeTargets.push({ target: m.selector, delegate: true, delegateRoot: m.options.root, 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) observeTargets.push({ target: el, callback });
+      }
+      intersectionObserverSet.push({ options: group.options, observeTargets });
+    }
+    return { intersectionObserverSet };
+  }
+  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 {
+  INTERSECTION_OBSERVER_METADATA_KEY,
+  IntersectionObserverLifeCycler,
+  getIntersectionObserverMetadata,
+  intersectionObserver,
+  intersectionObserverAll,
+  intersectionObserverDelegate,
+  intersectionObserverDelegateAll,
+  intersectionObserverDelegateLight,
+  intersectionObserverDelegateShadow,
+  intersectionObserverLight,
+  intersectionObserverShadow,
+  intersectionObserverThis
+};
+//# sourceMappingURL=intersectionObserver.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/decorators/intersectionObserver.ts"],
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { SpecialSelector, SwcQueryOptions, SwcFnSelector, SwcSelector, HelperHostSet } from '../types';\n\n// \uACF5\uD1B5 \uC635\uC158 \u2014 IntersectionObserverInit + filter/removeObserver. root\u00B7delegate \uC81C\uC678.\n// \uC8FC\uC758: \uB370\uCF54\uB808\uC774\uD130\uC758 root(light/shadow/all/auto) \uB294 \uC140\uB809\uD130 \uC2A4\uCF54\uD504 \uC120\uD0DD\uC6A9\uC774\uB2E4.\n// IntersectionObserver \uC758 \uC2A4\uD06C\uB864 \uCEE8\uD14C\uC774\uB108 root \uB294 intersectionRoot \uB85C \uC9C0\uC815\uD55C\uB2E4.\nexport interface IntersectionObserverBaseOptions extends Omit<IntersectionObserverInit, 'root'> {\n  /** IntersectionObserver \uC758 \uC2A4\uD06C\uB864 \uCEE8\uD14C\uC774\uB108 (viewport \uB300\uC2E0). \uB370\uCF54\uB808\uC774\uD130 root \uC640 \uD63C\uB3D9 \uC8FC\uC758. */\n  intersectionRoot?: Element | Document;\n  filter?: (matchedEls: HTMLElement[], meta: { currentThis: any, helper: HelperHostSet }) => boolean;\n  removeObserver?: (target: Element, optionValue: IntersectionObserverQueryOptions) => void;\n}\n\n// \uBB38\uC790\uC5F4 \uC140\uB809\uD130 \uC804\uC6A9 \u2014 root\u00B7delegate \uD5C8\uC6A9\nexport type IntersectionObserverQueryOptions = IntersectionObserverBaseOptions & SwcQueryOptions & { delegate?: boolean };\n// \uD568\uC218 \uC140\uB809\uD130 \uC804\uC6A9 \u2014 root\u00B7delegate \uAE08\uC9C0\nexport type IntersectionObserverNonQueryOptions = IntersectionObserverBaseOptions;\n// \uB0B4\uBD80 \uC800\uC7A5/\uD574\uC11D\uC6A9\nexport type IntersectionObserverOptions = IntersectionObserverQueryOptions;\n\n// \uC140\uB809\uD130 \uC885\uB958\uC5D0 \uB530\uB77C \uC635\uC158 \uD0C0\uC785 \uBD84\uAE30\nexport type IntersectionObserverOptionsOf<S extends SwcSelector> = S extends string ? IntersectionObserverQueryOptions : IntersectionObserverNonQueryOptions;\n\nexport interface IntersectionObserverMetadata {\n  propertyKey: string | symbol;\n  selector: SwcSelector;\n  options: IntersectionObserverOptions;\n}\n\nexport const INTERSECTION_OBSERVER_METADATA_KEY = Symbol.for('simple-web-component:intersection-observer');\n\nexport function intersectionObserver(target: SpecialSelector, options?: IntersectionObserverQueryOptions): MethodDecorator;\nexport function intersectionObserver(selector: string, options?: IntersectionObserverQueryOptions): MethodDecorator;\nexport function intersectionObserver(selector: SwcFnSelector, options?: IntersectionObserverNonQueryOptions): MethodDecorator;\nexport function intersectionObserver(options?: IntersectionObserverQueryOptions): MethodDecorator;\n/**\n * @intersectionObserver decorator to observe element intersection changes.\n *\n * IntersectionObserver \uB294 \uC0DD\uC131 \uC2DC\uC810\uC5D0 \uC635\uC158(threshold/rootMargin/root)\uC774 \uACE0\uC815\uB418\uBBC0\uB85C,\n * \uC635\uC158\uBCC4\uB85C \uADF8\uB8F9\uC744 \uB9CC\uB4E4\uC5B4 observer \uB97C \uC0DD\uC131\uD55C\uB2E4. \uAC19\uC740 \uC635\uC158 \uADF8\uB8F9 \uC548\uC5D0\uC11C delegate \uB3D9\uC801 \uCD94\uC801\uC774 \uAC00\uB2A5\uD558\uB2E4.\n */\nexport function intersectionObserver(selectorOrOptions?: SwcSelector | IntersectionObserverOptions, maybeOptions?: IntersectionObserverOptions): MethodDecorator {\n  return (targetObj: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n    let selector: SwcSelector = '$this';\n    let options: IntersectionObserverOptions = {};\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<IntersectionObserverMetadata[]>(INTERSECTION_OBSERVER_METADATA_KEY, constructor);\n    if (!observers) {\n      observers = [];\n      ReflectUtils.defineMetadata(INTERSECTION_OBSERVER_METADATA_KEY, observers, constructor);\n    }\n\n    observers.push({ propertyKey, selector, options });\n  };\n}\n\nexport function intersectionObserverThis(options?: IntersectionObserverQueryOptions): MethodDecorator {\n  return intersectionObserver('$this', options);\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 intersectionObserverDelegateLight(selector: string, options?: Omit<IntersectionObserverQueryOptions, 'delegate'>): MethodDecorator;\nexport function intersectionObserverDelegateLight(options?: Omit<IntersectionObserverQueryOptions, 'delegate'>): MethodDecorator;\nexport function intersectionObserverDelegateLight(selectorOrOptions?: string | Omit<IntersectionObserverQueryOptions, 'delegate'>, maybeOptions?: Omit<IntersectionObserverQueryOptions, 'delegate'>): MethodDecorator {\n  if (typeof selectorOrOptions === 'string' || typeof selectorOrOptions === 'function') {\n    return intersectionObserver(selectorOrOptions as any, {...maybeOptions ?? {}, root: 'light', delegate: true});\n  }\n  return intersectionObserver({...selectorOrOptions ?? {}, root: 'light', delegate: true});\n}\n\nexport function intersectionObserverDelegateShadow(selector: string, options?: Omit<IntersectionObserverQueryOptions, 'delegate'>): MethodDecorator;\nexport function intersectionObserverDelegateShadow(options?: Omit<IntersectionObserverQueryOptions, 'delegate'>): MethodDecorator;\nexport function intersectionObserverDelegateShadow(selectorOrOptions?: string | Omit<IntersectionObserverQueryOptions, 'delegate'>, maybeOptions?: Omit<IntersectionObserverQueryOptions, 'delegate'>): MethodDecorator {\n  if (typeof selectorOrOptions === 'string' || typeof selectorOrOptions === 'function') {\n    return intersectionObserver(selectorOrOptions as any, {...maybeOptions ?? {}, root: 'shadow', delegate: true});\n  }\n  return intersectionObserver({...selectorOrOptions ?? {}, root: 'shadow', delegate: true});\n}\n\nexport function intersectionObserverDelegateAll(selector: string, options?: Omit<IntersectionObserverQueryOptions, 'delegate'>): MethodDecorator;\nexport function intersectionObserverDelegateAll(options?: Omit<IntersectionObserverQueryOptions, 'delegate'>): MethodDecorator;\nexport function intersectionObserverDelegateAll(selectorOrOptions?: string | Omit<IntersectionObserverQueryOptions, 'delegate'>, maybeOptions?: Omit<IntersectionObserverQueryOptions, 'delegate'>): MethodDecorator {\n  if (typeof selectorOrOptions === 'string' || typeof selectorOrOptions === 'function') {\n    return intersectionObserver(selectorOrOptions as any, {...maybeOptions ?? {}, root: 'all', delegate: true});\n  }\n  return intersectionObserver({...selectorOrOptions ?? {}, root: 'all', delegate: true});\n}\n\nexport function intersectionObserverDelegate(selector: string, options?: Omit<IntersectionObserverQueryOptions, 'delegate'>): MethodDecorator;\nexport function intersectionObserverDelegate(options?: Omit<IntersectionObserverQueryOptions, 'delegate'>): MethodDecorator;\nexport function intersectionObserverDelegate(selectorOrOptions?: string | Omit<IntersectionObserverQueryOptions, 'delegate'>, maybeOptions?: Omit<IntersectionObserverQueryOptions, 'delegate'>): MethodDecorator {\n  if (typeof selectorOrOptions === 'string' || typeof selectorOrOptions === 'function') {\n    return intersectionObserver(selectorOrOptions as any, {...maybeOptions ?? {}, root: 'auto', delegate: true});\n  }\n  return intersectionObserver({...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 intersectionObserverLight(selector: string, options?: IntersectionObserverQueryOptions): MethodDecorator;\nexport function intersectionObserverLight(options?: IntersectionObserverQueryOptions): MethodDecorator;\nexport function intersectionObserverLight(selectorOrOptions?: string | IntersectionObserverQueryOptions, maybeOptions?: IntersectionObserverQueryOptions): MethodDecorator {\n  if (typeof selectorOrOptions === 'string' || typeof selectorOrOptions === 'function') {\n    return intersectionObserver(selectorOrOptions as any, {...maybeOptions ?? {}, root: 'light'});\n  }\n  return intersectionObserver({...selectorOrOptions ?? {}, root: 'light'});\n}\n\nexport function intersectionObserverShadow(selector: string, options?: IntersectionObserverQueryOptions): MethodDecorator;\nexport function intersectionObserverShadow(options?: IntersectionObserverQueryOptions): MethodDecorator;\nexport function intersectionObserverShadow(selectorOrOptions?: string | IntersectionObserverQueryOptions, maybeOptions?: IntersectionObserverQueryOptions): MethodDecorator {\n  if (typeof selectorOrOptions === 'string' || typeof selectorOrOptions === 'function') {\n    return intersectionObserver(selectorOrOptions as any, {...maybeOptions ?? {}, root: 'shadow'});\n  }\n  return intersectionObserver({...selectorOrOptions ?? {}, root: 'shadow'});\n}\n\nexport function intersectionObserverAll(selector: string, options?: IntersectionObserverQueryOptions): MethodDecorator;\nexport function intersectionObserverAll(options?: IntersectionObserverQueryOptions): MethodDecorator;\nexport function intersectionObserverAll(selectorOrOptions?: string | IntersectionObserverQueryOptions, maybeOptions?: IntersectionObserverQueryOptions): MethodDecorator {\n  if (typeof selectorOrOptions === 'string' || typeof selectorOrOptions === 'function') {\n    return intersectionObserver(selectorOrOptions as any, {...maybeOptions ?? {}, root: 'all'});\n  }\n  return intersectionObserver({...selectorOrOptions ?? {}, root: 'all'});\n}\n\nexport function getIntersectionObserverMetadata(target: any): IntersectionObserverMetadata[] | undefined {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(INTERSECTION_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// IntersectionObserverLifeCycler\n// observer \uB97C \uC9C1\uC811 \uC0DD\uC131\uD558\uC9C0 \uC54A\uACE0 \uC635\uC158 \uADF8\uB8F9 \uBC30\uC5F4(IntersectionObserverSet)\uC744 \uBC18\uD658\uD55C\uB2E4.\n// elementDefine \uC774 \uADF8\uB8F9\uBCC4\uB85C observer \uB97C \uC0DD\uC131\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, IntersectionObserverSet, IntersectionObserverGroup, IntersectionObserverSetEntry } from '../types';\nimport { SwcUtils } from '../utils/Utils';\n\nexport class IntersectionObserverLifeCycler 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 = getIntersectionObserverMetadata(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 IntersectionObserver \uCF5C\uBC31 \u2500\u2500\n    const buildCallback = (metas: IntersectionObserverMetadata[]): IntersectionObserverSetEntry['callback'] => {\n      return (entries, obs) => {\n        for (const m of metas) {\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\n    // \u2500\u2500 \uC635\uC158\uBCC4 \uADF8\uB8F9\uD551: \uAC19\uC740 observer \uC635\uC158(threshold/rootMargin/intersectionRoot)\uB07C\uB9AC \uBB36\uB294\uB2E4 \u2500\u2500\n    // delegate:true \uD56D\uBAA9\uC740 \uB3D9\uC801 \uCD94\uC801\uC6A9 \uC140\uB809\uD130 \uBB38\uC790\uC5F4\uB85C \uC120\uC5B8\uB41C\uB2E4.\n    const groups = new Map<string, { options: IntersectionObserverInit; metas: IntersectionObserverMetadata[] }>();\n    for (const m of allMeta) {\n      const obsOptions: IntersectionObserverInit = {\n        root: m.options.intersectionRoot ?? null,\n        rootMargin: m.options.rootMargin,\n        threshold: m.options.threshold,\n      };\n      const key = JSON.stringify([obsOptions.root, obsOptions.rootMargin, obsOptions.threshold]);\n      if (!groups.has(key)) groups.set(key, { options: obsOptions, metas: [] });\n      groups.get(key)!.metas.push(m);\n    }\n\n    const intersectionObserverSet: IntersectionObserverSet = [];\n    for (const [, group] of groups) {\n      const callback = buildCallback(group.metas);\n      const observeTargets: IntersectionObserverGroup['observeTargets'] = [];\n\n      for (const m of group.metas) {\n        if (m.options.delegate && typeof m.selector === 'string') {\n          observeTargets.push({ target: m.selector, delegate: true, delegateRoot: m.options.root, 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) observeTargets.push({ target: el, callback });\n      }\n\n      intersectionObserverSet.push({ options: group.options, observeTargets });\n    }\n\n    return { intersectionObserverSet };\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}"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/decorators/mutationObserver.js

@@ -0,0 +1,226 @@
+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 MUTATION_OBSERVER_METADATA_KEY = Symbol.for("simple-web-component:mutation-observer");
+function mutationObserver(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(MUTATION_OBSERVER_METADATA_KEY, constructor);
+    if (!observers) {
+      observers = [];
+      ReflectUtils.defineMetadata(MUTATION_OBSERVER_METADATA_KEY, observers, constructor);
+    }
+    observers.push({ propertyKey, selector, options });
+  };
+}
+function mutationObserverThis(options) {
+  return mutationObserver("$this", options);
+}
+function mutationObserverDelegateLight(selectorOrOptions, maybeOptions) {
+  if (typeof selectorOrOptions === "string" || typeof selectorOrOptions === "function") {
+    return mutationObserver(selectorOrOptions, { ...maybeOptions ?? {}, root: "light", delegate: true });
+  }
+  return mutationObserver({ ...selectorOrOptions ?? {}, root: "light", delegate: true });
+}
+function mutationObserverDelegateShadow(selectorOrOptions, maybeOptions) {
+  if (typeof selectorOrOptions === "string" || typeof selectorOrOptions === "function") {
+    return mutationObserver(selectorOrOptions, { ...maybeOptions ?? {}, root: "shadow", delegate: true });
+  }
+  return mutationObserver({ ...selectorOrOptions ?? {}, root: "shadow", delegate: true });
+}
+function mutationObserverDelegateAll(selectorOrOptions, maybeOptions) {
+  if (typeof selectorOrOptions === "string" || typeof selectorOrOptions === "function") {
+    return mutationObserver(selectorOrOptions, { ...maybeOptions ?? {}, root: "all", delegate: true });
+  }
+  return mutationObserver({ ...selectorOrOptions ?? {}, root: "all", delegate: true });
+}
+function mutationObserverDelegate(selectorOrOptions, maybeOptions) {
+  if (typeof selectorOrOptions === "string" || typeof selectorOrOptions === "function") {
+    return mutationObserver(selectorOrOptions, { ...maybeOptions ?? {}, root: "auto", delegate: true });
+  }
+  return mutationObserver({ ...selectorOrOptions ?? {}, root: "auto", delegate: true });
+}
+function mutationObserverLight(selectorOrOptions, maybeOptions) {
+  if (typeof selectorOrOptions === "string" || typeof selectorOrOptions === "function") {
+    return mutationObserver(selectorOrOptions, { ...maybeOptions ?? {}, root: "light" });
+  }
+  return mutationObserver({ ...selectorOrOptions ?? {}, root: "light" });
+}
+function mutationObserverShadow(selectorOrOptions, maybeOptions) {
+  if (typeof selectorOrOptions === "string" || typeof selectorOrOptions === "function") {
+    return mutationObserver(selectorOrOptions, { ...maybeOptions ?? {}, root: "shadow" });
+  }
+  return mutationObserver({ ...selectorOrOptions ?? {}, root: "shadow" });
+}
+function mutationObserverAll(selectorOrOptions, maybeOptions) {
+  if (typeof selectorOrOptions === "string" || typeof selectorOrOptions === "function") {
+    return mutationObserver(selectorOrOptions, { ...maybeOptions ?? {}, root: "all" });
+  }
+  return mutationObserver({ ...selectorOrOptions ?? {}, root: "all" });
+}
+function getMutationObserverMetadata(target) {
+  const constructor = target instanceof Function ? target : target.constructor;
+  return ReflectUtils.getMetadata(MUTATION_OBSERVER_METADATA_KEY, constructor);
+}
+import { SwcUtils } from "../utils/Utils.js";
+class MutationObserverLifeCycler {
+  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 = getMutationObserverMetadata(inst) ?? [];
+    if (allMeta.length === 0) return;
+    const shadowMetas = allMeta.filter((m) => {
+      const r = m.options.root || "auto";
+      return inst.shadowRoot && (r === "shadow" || r === "all" || r === "auto");
+    });
+    const lightMetas = allMeta.filter((m) => {
+      const r = m.options.root || "auto";
+      return r === "light" || r === "all" || !inst.shadowRoot && r === "auto";
+    });
+    const buildSet = (root, metas) => {
+      if (metas.length === 0) return null;
+      const initFrom = (o) => {
+        const init = {
+          childList: o.childList,
+          attributes: o.attributes,
+          characterData: o.characterData,
+          subtree: o.subtree,
+          attributeFilter: o.attributeFilter,
+          attributeOldValue: o.attributeOldValue,
+          characterDataOldValue: o.characterDataOldValue
+        };
+        if (!init.childList && !init.attributes && !init.characterData) init.childList = true;
+        return init;
+      };
+      const fnObservedSets = /* @__PURE__ */ new Map();
+      const callback = (mutations, obs) => {
+        for (const meta of metas) {
+          const { selector, options } = meta;
+          let matchedEls = [];
+          const typeMatches = (m) => {
+            const has = !!(options.childList || options.attributes || options.characterData);
+            if (m.type === "childList") return has ? !!options.childList : true;
+            if (m.type === "attributes") return !!options.attributes;
+            if (m.type === "characterData") return !!options.characterData;
+            return true;
+          };
+          const collect = (matchesSel) => mutations.flatMap((m) => {
+            if (!typeMatches(m)) return [];
+            const els = [];
+            if (matchesSel(m.target)) els.push(m.target);
+            Array.from(m.addedNodes || []).filter(matchesSel).forEach((n) => els.push(n));
+            Array.from(m.removedNodes || []).filter(matchesSel).forEach((n) => els.push(n));
+            return els;
+          });
+          if (options.delegate && typeof selector === "string") {
+            const isThis = selector === "$this" || selector === "";
+            matchedEls = collect((n) => {
+              if (!n || n.nodeType !== 1) return false;
+              if (isThis) return true;
+              const el = n;
+              return el.matches?.(selector) || !!el.closest?.(selector);
+            });
+          } else if (typeof selector === "string") {
+            const isThis = selector === "$this" || selector === "";
+            matchedEls = collect((n) => {
+              if (!n || n.nodeType !== 1) return false;
+              if (isThis) return true;
+              return n.matches?.(selector);
+            });
+          } else if (typeof selector === "function") {
+            const set = fnObservedSets.get(meta);
+            matchedEls = mutations.filter((m) => typeMatches(m)).map((m) => m.target).filter((t) => t && t.nodeType === 1 && (set ? set.has(t) : false));
+          } else {
+            matchedEls = mutations.filter((m) => typeMatches(m)).map((m) => m.target).filter((t) => t && t.nodeType === 1);
+          }
+          if (matchedEls.length === 0) continue;
+          if (options.filter) {
+            if (!options.filter(matchedEls, { currentThis: inst, helper: helperHostSet })) continue;
+          }
+          const hostSet = SwcUtils.getHostSet(inst);
+          inst[meta.propertyKey](matchedEls, mutations, obs, { ...hostSet, $root: root });
+        }
+      };
+      const observeTargets = [];
+      if (metas.some((m) => m.options.delegate)) {
+        observeTargets.push({ target: root, options: { childList: true, subtree: true } });
+      }
+      for (const m of metas.filter((m2) => !m2.options.delegate)) {
+        const { selector, options } = m;
+        const mInit = initFrom(options);
+        if (typeof selector === "string") {
+          if (selector === "$this" || selector === "") {
+            observeTargets.push({ target: root, options: mInit });
+          } else {
+            root.querySelectorAll(selector).forEach((el) => observeTargets.push({ target: el, options: mInit }));
+          }
+        } else if (typeof selector === "function") {
+          const res = selector(inst, helperHostSet);
+          let targets = [];
+          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);
+          const set = /* @__PURE__ */ new WeakSet();
+          for (const el of targets) {
+            set.add(el);
+            observeTargets.push({ target: el, options: mInit });
+          }
+          fnObservedSets.set(m, set);
+        }
+      }
+      for (const m of metas) {
+        if (m.options.removeObserver) removeObserverCallbacks.push({ fn: m.options.removeObserver, target: root, opts: m.options });
+      }
+      return { callback, observeTargets };
+    };
+    const shadowSet = inst.shadowRoot ? buildSet(inst.shadowRoot, shadowMetas) : null;
+    const lightSet = buildSet(inst, lightMetas);
+    const mutationObserverSet = [
+      ...(shadowSet?.observeTargets ?? []).map((t) => ({ ...t, callback: shadowSet.callback })),
+      ...(lightSet?.observeTargets ?? []).map((t) => ({ ...t, callback: lightSet.callback }))
+    ];
+    if (mutationObserverSet.length === 0) return;
+    return { mutationObserverSet };
+  }
+  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 {
+  MUTATION_OBSERVER_METADATA_KEY,
+  MutationObserverLifeCycler,
+  getMutationObserverMetadata,
+  mutationObserver,
+  mutationObserverAll,
+  mutationObserverDelegate,
+  mutationObserverDelegateAll,
+  mutationObserverDelegateLight,
+  mutationObserverDelegateShadow,
+  mutationObserverLight,
+  mutationObserverShadow,
+  mutationObserverThis
+};
+//# sourceMappingURL=mutationObserver.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/decorators/mutationObserver.ts"],
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { SpecialSelector, SwcQueryOptions, SwcSelector, SwcFnSelector, HelperHostSet } from '../types';\n\n// \uACF5\uD1B5 \uC635\uC158 \u2014 root\u00B7delegate \uC5C6\uC74C (MutationObserverInit + filter/removeObserver)\nexport interface MutationObserverBaseOptions extends MutationObserverInit {\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: MutationObserverQueryOptions) => void;\n}\n\n// \uBB38\uC790\uC5F4 \uC140\uB809\uD130 \uC804\uC6A9 \u2014 root\u00B7delegate \uD5C8\uC6A9 (\uC140\uB809\uD130\uB85C \uD0D0\uC0C9/\uB378\uB9AC\uAC8C\uC774\uC158)\nexport type MutationObserverQueryOptions = MutationObserverBaseOptions & SwcQueryOptions & { delegate?: boolean };\n// \uD568\uC218 \uC140\uB809\uD130 \uC804\uC6A9 \u2014 root\u00B7delegate \uAE08\uC9C0 (\uC774\uBBF8 \uC694\uC18C\uB97C \uC9C1\uC811 \uBC18\uD658)\nexport type MutationObserverNonQueryOptions = MutationObserverBaseOptions;\n\n// \uC140\uB809\uD130 \uC885\uB958\uC5D0 \uB530\uB77C \uC635\uC158 \uD0C0\uC785 \uBD84\uAE30\nexport type MutationObserverOptionsOf<S extends SwcSelector> = S extends string ? MutationObserverQueryOptions : MutationObserverNonQueryOptions;\n\nexport interface MutationObserverMetadata {\n  propertyKey: string | symbol;\n  selector: SwcSelector;\n  options: MutationObserverQueryOptions;\n}\n\nexport const MUTATION_OBSERVER_METADATA_KEY = Symbol.for('simple-web-component:mutation-observer');\n\nexport function mutationObserver(target: SpecialSelector, options?: MutationObserverQueryOptions): MethodDecorator;\nexport function mutationObserver(selector: string, options?: MutationObserverQueryOptions): MethodDecorator;\nexport function mutationObserver(selector: SwcFnSelector, options?: MutationObserverNonQueryOptions): MethodDecorator;\nexport function mutationObserver(options?: MutationObserverQueryOptions): MethodDecorator;\n/**\n * @mutationObserver decorator to observe DOM mutations.\n */\nexport function mutationObserver(selectorOrOptions?: SwcSelector | MutationObserverQueryOptions, maybeOptions?: MutationObserverQueryOptions): MethodDecorator {\n  return (targetObj: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n    let selector: SwcSelector = '$this';\n    let options: MutationObserverQueryOptions = {};\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<MutationObserverMetadata[]>(MUTATION_OBSERVER_METADATA_KEY, constructor);\n    if (!observers) {\n      observers = [];\n      ReflectUtils.defineMetadata(MUTATION_OBSERVER_METADATA_KEY, observers, constructor);\n    }\n\n    observers.push({ propertyKey, selector, options });\n  };\n}\n\nexport function mutationObserverThis<TEvent extends Event = Event>(options?: MutationObserverQueryOptions): MethodDecorator {\n  return mutationObserver('$this', options);\n}\n\n// \u2500\u2500\u2500 root\uBCC4 delegate \uD5EC\uD37C (addEventListener\uC640 \uB3D9\uC77C \uD328\uD134) \u2500\u2500\u2500\n\nexport function mutationObserverDelegateLight(selector: string, options?: MutationObserverBaseOptions): MethodDecorator;\nexport function mutationObserverDelegateLight(options?: MutationObserverBaseOptions): MethodDecorator;\nexport function mutationObserverDelegateLight(selectorOrOptions?: string | Omit<MutationObserverQueryOptions, 'root'>, maybeOptions?: Omit<MutationObserverQueryOptions, 'root'>): MethodDecorator {\n  if (typeof selectorOrOptions === 'string' || typeof selectorOrOptions === 'function') {\n    return mutationObserver(selectorOrOptions, {...maybeOptions ?? {}, root: 'light', delegate: true});\n  }\n  return mutationObserver({...selectorOrOptions ?? {}, root: 'light', delegate: true});\n}\n\nexport function mutationObserverDelegateShadow(selector: string, options?: MutationObserverBaseOptions): MethodDecorator;\nexport function mutationObserverDelegateShadow(options?: MutationObserverBaseOptions): MethodDecorator;\nexport function mutationObserverDelegateShadow(selectorOrOptions?: string | Omit<MutationObserverQueryOptions, 'root'>, maybeOptions?: Omit<MutationObserverQueryOptions, 'root'>): MethodDecorator {\n  if (typeof selectorOrOptions === 'string' || typeof selectorOrOptions === 'function') {\n    return mutationObserver(selectorOrOptions, {...maybeOptions ?? {}, root: 'shadow', delegate: true});\n  }\n  return mutationObserver({...selectorOrOptions ?? {}, root: 'shadow', delegate: true});\n}\n\nexport function mutationObserverDelegateAll(selector: string, options?: MutationObserverBaseOptions): MethodDecorator;\nexport function mutationObserverDelegateAll(options?: MutationObserverBaseOptions): MethodDecorator;\nexport function mutationObserverDelegateAll(selectorOrOptions?: string | Omit<MutationObserverQueryOptions, 'root'>, maybeOptions?: Omit<MutationObserverQueryOptions, 'root'>): MethodDecorator {\n  if (typeof selectorOrOptions === 'string' || typeof selectorOrOptions === 'function') {\n    return mutationObserver(selectorOrOptions, {...maybeOptions ?? {}, root: 'all', delegate: true});\n  }\n  return mutationObserver({...selectorOrOptions ?? {}, root: 'all', delegate: true});\n}\n\nexport function mutationObserverDelegate(selector: string, options?: MutationObserverBaseOptions): MethodDecorator;\nexport function mutationObserverDelegate(options?: MutationObserverBaseOptions): MethodDecorator;\nexport function mutationObserverDelegate(selectorOrOptions?: string | Omit<MutationObserverQueryOptions, 'root'>, maybeOptions?: Omit<MutationObserverQueryOptions, 'root'>): MethodDecorator {\n  if (typeof selectorOrOptions === 'string' || typeof selectorOrOptions === 'function') {\n    return mutationObserver(selectorOrOptions, {...maybeOptions ?? {}, root: 'auto', delegate: true});\n  }\n  return mutationObserver({...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 mutationObserverLight(selector: string, options?: Omit<MutationObserverQueryOptions, 'root'>): MethodDecorator;\nexport function mutationObserverLight(options?: Omit<MutationObserverQueryOptions, 'root'>): MethodDecorator;\nexport function mutationObserverLight(selectorOrOptions?: string | Omit<MutationObserverQueryOptions, 'root'>, maybeOptions?: Omit<MutationObserverQueryOptions, 'root'>): MethodDecorator {\n  if (typeof selectorOrOptions === 'string' || typeof selectorOrOptions === 'function') {\n    return mutationObserver(selectorOrOptions, {...maybeOptions ?? {}, root: 'light'});\n  }\n  return mutationObserver({...selectorOrOptions ?? {}, root: 'light'});\n}\n\nexport function mutationObserverShadow(selector: string, options?: Omit<MutationObserverQueryOptions, 'root'>): MethodDecorator;\nexport function mutationObserverShadow(options?: Omit<MutationObserverQueryOptions, 'root'>): MethodDecorator;\nexport function mutationObserverShadow(selectorOrOptions?: string | Omit<MutationObserverQueryOptions, 'root'>, maybeOptions?: Omit<MutationObserverQueryOptions, 'root'>): MethodDecorator {\n  if (typeof selectorOrOptions === 'string' || typeof selectorOrOptions === 'function') {\n    return mutationObserver(selectorOrOptions, {...maybeOptions ?? {}, root: 'shadow'});\n  }\n  return mutationObserver({...selectorOrOptions ?? {}, root: 'shadow'});\n}\n\nexport function mutationObserverAll(selector: string, options?: Omit<MutationObserverQueryOptions, 'root'>): MethodDecorator;\nexport function mutationObserverAll(options?: Omit<MutationObserverQueryOptions, 'root'>): MethodDecorator;\nexport function mutationObserverAll(selectorOrOptions?: string | Omit<MutationObserverQueryOptions, 'root'>, maybeOptions?: Omit<MutationObserverQueryOptions, 'root'>): MethodDecorator {\n  if (typeof selectorOrOptions === 'string' || typeof selectorOrOptions === 'function') {\n    return mutationObserver(selectorOrOptions, {...maybeOptions ?? {}, root: 'all'});\n  }\n  return mutationObserver({...selectorOrOptions ?? {}, root: 'all'});\n}\n\nexport function getMutationObserverMetadata(target: any): MutationObserverMetadata[] | undefined {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(MUTATION_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// MutationObserverLifeCycler\n// observer \uB97C \uC9C1\uC811 \uC0DD\uC131\uD558\uC9C0 \uC54A\uACE0 OnConnectedResult \uB97C \uBC18\uD658\uD55C\uB2E4.\n// elementDefine \uC774 \uC218\uC9D1\uB41C MutationObserverSet \uC73C\uB85C observer \uB97C \uC0DD\uC131\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, MutationObserverSet, MutationObserverSetEntry, ObserverObserveTarget, OnConnectedResult } from '../types';\nimport { SwcUtils } from '../utils/Utils';\n\nexport class MutationObserverLifeCycler 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 = getMutationObserverMetadata(inst) ?? [];\n    // \uCC98\uB9AC\uD560 \uBA54\uD0C0\uAC00 \uC5C6\uC73C\uBA74 observer \uBD88\uD544\uC694\n    if (allMeta.length === 0) return;\n\n    // \u2500\u2500 shadow / light \uB8E8\uD2B8\uBCC4 \uBD84\uB958 \u2500\u2500\n    const shadowMetas = allMeta.filter(m => {\n      const r = m.options.root || 'auto';\n      return inst.shadowRoot && (r === 'shadow' || r === 'all' || r === 'auto');\n    });\n    const lightMetas = allMeta.filter(m => {\n      const r = m.options.root || 'auto';\n      return r === 'light' || r === 'all' || (!inst.shadowRoot && r === 'auto');\n    });\n    // \u2500\u2500 MutationObserverSet \uC0DD\uC131 \uD5EC\uD37C (\uB8E8\uD2B8\uBCC4) \u2500\u2500\n    const buildSet = (\n      root: HTMLElement | ShadowRoot,\n      metas: MutationObserverMetadata[],\n    ): { callback: MutationObserverSetEntry['callback']; observeTargets: ObserverObserveTarget<MutationObserverInit>[] } | null => {\n      if (metas.length === 0) return null;\n\n      const initFrom = (o: MutationObserverBaseOptions): MutationObserverInit => {\n        const init: MutationObserverInit = {\n          childList: o.childList, attributes: o.attributes, characterData: o.characterData,\n          subtree: o.subtree, attributeFilter: o.attributeFilter,\n          attributeOldValue: o.attributeOldValue, characterDataOldValue: o.characterDataOldValue,\n        };\n        if (!init.childList && !init.attributes && !init.characterData) init.childList = true;\n        return init;\n      };\n\n      const fnObservedSets = new Map<MutationObserverMetadata, WeakSet<Element>>();\n\n      const callback = (mutations: MutationRecord[], obs: MutationObserver) => {\n        // \u2500\u2500 MutationObserver \uBA54\uD0C0 \uCF5C\uBC31 \u2500\u2500\n        for (const meta of metas) {\n          const { selector, options } = meta;\n          let matchedEls: HTMLElement[] = [];\n\n          const typeMatches = (m: MutationRecord): boolean => {\n            const has = !!(options.childList || options.attributes || options.characterData);\n            if (m.type === 'childList')     return has ? !!options.childList : true;\n            if (m.type === 'attributes')    return !!options.attributes;\n            if (m.type === 'characterData') return !!options.characterData;\n            return true;\n          };\n\n          const collect = (matchesSel: (n: any) => boolean) =>\n            mutations.flatMap(m => {\n              if (!typeMatches(m)) return [];\n              const els: HTMLElement[] = [];\n              if (matchesSel(m.target)) els.push(m.target as HTMLElement);\n              Array.from(m.addedNodes   || []).filter(matchesSel).forEach(n => els.push(n as HTMLElement));\n              Array.from(m.removedNodes || []).filter(matchesSel).forEach(n => els.push(n as HTMLElement));\n              return els;\n            });\n\n          if (options.delegate && typeof selector === 'string') {\n            const isThis = selector === '$this' || selector === '';\n            matchedEls = collect(n => {\n              if (!n || n.nodeType !== 1) return false;\n              if (isThis) return true;\n              const el = n as HTMLElement;\n              return el.matches?.(selector) || !!el.closest?.(selector);\n            });\n          } else if (typeof selector === 'string') {\n            const isThis = selector === '$this' || selector === '';\n            matchedEls = collect(n => {\n              if (!n || n.nodeType !== 1) return false;\n              if (isThis) return true;\n              return (n as HTMLElement).matches?.(selector);\n            });\n          } else if (typeof selector === 'function') {\n            const set = fnObservedSets.get(meta);\n            matchedEls = mutations.filter(m => typeMatches(m))\n              .map(m => m.target as HTMLElement)\n              .filter(t => t && t.nodeType === 1 && (set ? set.has(t) : false));\n          } else {\n            matchedEls = mutations.filter(m => typeMatches(m))\n              .map(m => m.target as HTMLElement)\n              .filter(t => t && t.nodeType === 1);\n          }\n\n          if (matchedEls.length === 0) continue;\n          if (options.filter) {\n            if (!options.filter(matchedEls, { currentThis: inst, helper: helperHostSet })) continue;\n          }\n          const hostSet = SwcUtils.getHostSet(inst);\n          inst[meta.propertyKey](matchedEls, mutations, obs, { ...hostSet, $root: root });\n        }\n\n      };\n\n      // \u2500\u2500 observe \uB300\uC0C1 \uBAA9\uB85D \uAD6C\uC131 \u2500\u2500\n      const observeTargets: ObserverObserveTarget<MutationObserverInit>[] = [];\n\n      // delegate \uC788\uC73C\uBA74 \uB8E8\uD2B8 \uC804\uCCB4 subtree observe\n      if (metas.some(m => m.options.delegate)) {\n        observeTargets.push({ target: root, options: { childList: true, subtree: true } });\n      }\n\n      // non-delegate: \uC140\uB809\uD130 \uB9E4\uCE6D \uC694\uC18C \uC9C1\uC811 observe\n      for (const m of metas.filter(m => !m.options.delegate)) {\n        const { selector, options } = m;\n        const mInit = initFrom(options);\n        if (typeof selector === 'string') {\n          if (selector === '$this' || selector === '') {\n            observeTargets.push({ target: root, options: mInit });\n          } else {\n            root.querySelectorAll(selector).forEach(el => observeTargets.push({ target: el as Element, options: mInit }));\n          }\n        } else if (typeof selector === 'function') {\n          const res = (selector as any)(inst, helperHostSet);\n          let targets: HTMLElement[] = [];\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          const set = new WeakSet<Element>();\n          for (const el of targets) { set.add(el); observeTargets.push({ target: el, options: mInit }); }\n          fnObservedSets.set(m, set);\n        }\n      }\n\n      // removeObserver \uCF5C\uBC31 \uC218\uC9D1\n      for (const m of metas) {\n        if (m.options.removeObserver) removeObserverCallbacks.push({ fn: m.options.removeObserver, target: root, opts: m.options });\n      }\n\n      return { callback, observeTargets };\n    };\n\n    const shadowSet = inst.shadowRoot ? buildSet(inst.shadowRoot, shadowMetas) : null;\n    const lightSet  = buildSet(inst as any, lightMetas);\n\n    // \uB450 \uB8E8\uD2B8\uC758 observe \uB300\uC0C1 + \uCF5C\uBC31\uC744 \uC5D4\uD2B8\uB9AC \uBC30\uC5F4(MutationObserverSet)\uB85C \uBCD1\uD569\n    // \uAC19\uC740 \uB8E8\uD2B8\uC758 \uC5EC\uB7EC \uB300\uC0C1\uC740 \uAC19\uC740 callback \uC744 \uACF5\uC720\uD55C\uB2E4.\n    const mutationObserverSet: MutationObserverSet = [\n      ...(shadowSet?.observeTargets ?? []).map(t => ({ ...t, callback: shadowSet!.callback })),\n      ...(lightSet?.observeTargets  ?? []).map(t => ({ ...t, callback: lightSet!.callback })),\n    ];\n    if (mutationObserverSet.length === 0) return;\n\n    return { mutationObserverSet };\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}"],
+  "mappings": "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",
+  "names": ["m"]
+}