@dooboostore/simple-web-component 1.0.48 → 1.0.50

package/dist/cjs/decorators/eventMedia.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/decorators/eventMedia.ts"],
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { ElementDefineLifeCycler, HelperHostSet } from '../types';\nimport { SwcUtils } from '../utils/Utils';\n\nexport const EVENT_MEDIA_METADATA_KEY = Symbol.for('simple-web-component:event-media');\n\nexport interface EventMediaMetadata {\n  propertyKey: string | symbol;\n  query: string;\n  eventType: string;\n}\n\n/**\n * CSS \uBBF8\uB514\uC5B4\uCFFC\uB9AC(`window.matchMedia`) \uC0C1\uD0DC \uBCC0\uD654\uB97C \uAC10\uC9C0\uD55C\uB2E4.\n * connect \uC2DC \uC790\uB3D9\uC73C\uB85C \uAD6C\uB3C5\uD558\uACE0, disconnect \uC2DC \uC790\uB3D9\uC73C\uB85C \uD574\uC81C\uD55C\uB2E4.\n *\n * MediaQueryList\uB294 \uC2A4\uD399\uC0C1 'change' \uC774\uBCA4\uD2B8 \uD558\uB098\uB9CC \uC815\uC758\uB3FC\uC788\uB2E4 \u2014 eventType\uC740 \uADF8\uB798\uB3C4 \uBA85\uC2DC\uC801\uC73C\uB85C \uBC1B\uB294\uB2E4\n * (\uB2E4\uB978 @event* \uACC4\uC5F4\uCC98\uB7FC \uBCA0\uC774\uC2A4\uB294 \uBA85\uC2DC\uC801, \uD3B8\uC758 \uBCC4\uCE6D\uC774 \uAC12\uC744 \uACE0\uC815\uD558\uB294 \uCEE8\uBCA4\uC158\uC744 \uB530\uB984). 'change' \uACE0\uC815 \uBC84\uC804\uC740\n * eventMediaChange\uB97C \uC0AC\uC6A9\uD55C\uB2E4.\n */\nexport function eventMedia(query: string, eventType: string): MethodDecorator {\n  return (target: Object, propertyKey: string | symbol) => {\n    const constructor = target.constructor;\n    let metaList = ReflectUtils.getOwnMetadata(EVENT_MEDIA_METADATA_KEY, constructor) as EventMediaMetadata[];\n    if (!metaList) {\n      metaList = [];\n      ReflectUtils.defineMetadata(EVENT_MEDIA_METADATA_KEY, metaList, constructor);\n    }\n    metaList.push({ propertyKey, query, eventType });\n  };\n}\n\n/** eventMedia(query, 'change')\uC758 \uBCC4\uCE6D - MediaQueryList\uAC00 \uC2E4\uC81C\uB85C \uBC1C\uC0DD\uC2DC\uD0A4\uB294 \uC720\uC77C\uD55C \uC774\uBCA4\uD2B8. */\nexport function eventMediaChange(query: string): MethodDecorator {\n  return eventMedia(query, 'change');\n}\n\nexport const findAllEventMediaMetadata = (target: any): EventMediaMetadata[] => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return (ReflectUtils.findAllMetadata<EventMediaMetadata[]>(EVENT_MEDIA_METADATA_KEY, constructor) || []).flat();\n};\n\nexport class EventMediaLifeCycler implements ElementDefineLifeCycler {\n  private readonly entriesMap = new WeakMap<any, Array<{ mql: MediaQueryList; eventType: string; handler: (e: Event) => void }>>();\n\n  onConnected(helperHostSet: HelperHostSet): void {\n    const inst = helperHostSet.$this;\n    const metaList = findAllEventMediaMetadata(inst);\n    if (metaList.length === 0) return;\n\n    const entries: Array<{ mql: MediaQueryList; eventType: string; handler: (e: Event) => void }> = [];\n    for (const meta of metaList) {\n      const mql = helperHostSet.$w.matchMedia(meta.query);\n      const handler = (e: Event) => {\n        try {\n          inst[meta.propertyKey](e, helperHostSet);\n        } catch (err) {\n          console.error('[SWC] eventMedia handler error:', err);\n        }\n      };\n      mql.addEventListener(meta.eventType, handler);\n      entries.push({ mql, eventType: meta.eventType, handler });\n    }\n    this.entriesMap.set(inst, entries);\n  }\n\n  onDisconnected(helperHostSet: HelperHostSet): void {\n    const inst = helperHostSet.$this;\n    for (const { mql, eventType, handler } of this.entriesMap.get(inst) ?? []) {\n      try {\n        mql.removeEventListener(eventType, handler);\n      } catch (e) {\n        console.error('[SWC] eventMedia cleanup error:', e);\n      }\n    }\n    this.entriesMap.delete(inst);\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA6B;AAItB,MAAM,2BAA2B,OAAO,IAAI,kCAAkC;AAgB9E,SAAS,WAAW,OAAe,WAAoC;AAC5E,SAAO,CAAC,QAAgB,gBAAiC;AACvD,UAAM,cAAc,OAAO;AAC3B,QAAI,WAAW,yBAAa,eAAe,0BAA0B,WAAW;AAChF,QAAI,CAAC,UAAU;AACb,iBAAW,CAAC;AACZ,+BAAa,eAAe,0BAA0B,UAAU,WAAW;AAAA,IAC7E;AACA,aAAS,KAAK,EAAE,aAAa,OAAO,UAAU,CAAC;AAAA,EACjD;AACF;AAGO,SAAS,iBAAiB,OAAgC;AAC/D,SAAO,WAAW,OAAO,QAAQ;AACnC;AAEO,MAAM,4BAA4B,CAAC,WAAsC;AAC9E,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,UAAQ,yBAAa,gBAAsC,0BAA0B,WAAW,KAAK,CAAC,GAAG,KAAK;AAChH;AAEO,MAAM,qBAAwD;AAAA,EAA9D;AACL,wBAAiB,cAAa,oBAAI,QAA6F;AAAA;AAAA,EAE/H,YAAY,eAAoC;AAC9C,UAAM,OAAO,cAAc;AAC3B,UAAM,WAAW,0BAA0B,IAAI;AAC/C,QAAI,SAAS,WAAW,EAAG;AAE3B,UAAM,UAA0F,CAAC;AACjG,eAAW,QAAQ,UAAU;AAC3B,YAAM,MAAM,cAAc,GAAG,WAAW,KAAK,KAAK;AAClD,YAAM,UAAU,CAAC,MAAa;AAC5B,YAAI;AACF,eAAK,KAAK,WAAW,EAAE,GAAG,aAAa;AAAA,QACzC,SAAS,KAAK;AACZ,kBAAQ,MAAM,mCAAmC,GAAG;AAAA,QACtD;AAAA,MACF;AACA,UAAI,iBAAiB,KAAK,WAAW,OAAO;AAC5C,cAAQ,KAAK,EAAE,KAAK,WAAW,KAAK,WAAW,QAAQ,CAAC;AAAA,IAC1D;AACA,SAAK,WAAW,IAAI,MAAM,OAAO;AAAA,EACnC;AAAA,EAEA,eAAe,eAAoC;AACjD,UAAM,OAAO,cAAc;AAC3B,eAAW,EAAE,KAAK,WAAW,QAAQ,KAAK,KAAK,WAAW,IAAI,IAAI,KAAK,CAAC,GAAG;AACzE,UAAI;AACF,YAAI,oBAAoB,WAAW,OAAO;AAAA,MAC5C,SAAS,GAAG;AACV,gBAAQ,MAAM,mCAAmC,CAAC;AAAA,MACpD;AAAA,IACF;AACA,SAAK,WAAW,OAAO,IAAI;AAAA,EAC7B;AACF;",
+  "names": []
+}

package/dist/cjs/decorators/index.js

@@ -17,6 +17,7 @@ module.exports = __toCommonJS(decorators_exports);
 __reExport(decorators_exports, require("./addEventListener"), module.exports);
 __reExport(decorators_exports, require("./mutationObserver"), module.exports);
 __reExport(decorators_exports, require("./resizeObserver"), module.exports);
+__reExport(decorators_exports, require("./intersectionObserver"), module.exports);
 __reExport(decorators_exports, require("./applyAttribute"), module.exports);
 __reExport(decorators_exports, require("./elementDefine"), module.exports);
 __reExport(decorators_exports, require("./changedAttribute"), module.exports);
@@ -24,7 +25,6 @@ __reExport(decorators_exports, require("./emitCustomEvent"), module.exports);
 __reExport(decorators_exports, require("./applyNode"), module.exports);
 __reExport(decorators_exports, require("./lifecycles"), module.exports);
 __reExport(decorators_exports, require("./query"), module.exports);
-__reExport(decorators_exports, require("./queryAll"), module.exports);
 __reExport(decorators_exports, require("./applyClass"), module.exports);
 __reExport(decorators_exports, require("./applyStyle"), module.exports);
 __reExport(decorators_exports, require("./applyAttribute"), module.exports);
@@ -34,4 +34,9 @@ __reExport(decorators_exports, require("./subscribeSwcAppMessageWhileConnected")
 __reExport(decorators_exports, require("./publishSwcAppMessage"), module.exports);
 __reExport(decorators_exports, require("./applySlot"), module.exports);
 __reExport(decorators_exports, require("./state"), module.exports);
+__reExport(decorators_exports, require("./setInterval"), module.exports);
+__reExport(decorators_exports, require("./setTimeout"), module.exports);
+__reExport(decorators_exports, require("./requestAnimationFrame"), module.exports);
+__reExport(decorators_exports, require("./eventMedia"), module.exports);
+__reExport(decorators_exports, require("./parameter"), module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/decorators/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/index.ts"],
-  "sourcesContent": ["export * from './addEventListener';\nexport * from './mutationObserver';\nexport * from './resizeObserver';\nexport * from './applyAttribute';\nexport * from './elementDefine';\nexport * from './changedAttribute';\nexport * from './emitCustomEvent';\nexport * from './applyNode';\nexport * from './lifecycles';\nexport * from './query';\nexport * from './queryAll';\nexport * from './applyClass';\nexport * from './applyStyle';\nexport * from './applyAttribute';\nexport * from './applyProperty';\nexport * from './subscribeSwcAppRouteChangeWhileConnected';\nexport * from './subscribeSwcAppMessageWhileConnected';\nexport * from './publishSwcAppMessage';\nexport * from './applySlot';\nexport * from './state';\n"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,+BAAc,+BAAd;AACA,+BAAc,+BADd;AAEA,+BAAc,6BAFd;AAGA,+BAAc,6BAHd;AAIA,+BAAc,4BAJd;AAKA,+BAAc,+BALd;AAMA,+BAAc,8BANd;AAOA,+BAAc,wBAPd;AAQA,+BAAc,yBARd;AASA,+BAAc,oBATd;AAUA,+BAAc,uBAVd;AAWA,+BAAc,yBAXd;AAYA,+BAAc,yBAZd;AAaA,+BAAc,6BAbd;AAcA,+BAAc,4BAdd;AAeA,+BAAc,uDAfd;AAgBA,+BAAc,mDAhBd;AAiBA,+BAAc,mCAjBd;AAkBA,+BAAc,wBAlBd;AAmBA,+BAAc,oBAnBd;",
+  "sourcesContent": ["export * from './addEventListener';\nexport * from './mutationObserver';\nexport * from './resizeObserver';\nexport * from './intersectionObserver';\nexport * from './applyAttribute';\nexport * from './elementDefine';\nexport * from './changedAttribute';\nexport * from './emitCustomEvent';\nexport * from './applyNode';\nexport * from './lifecycles';\nexport * from './query';\nexport * from './applyClass';\nexport * from './applyStyle';\nexport * from './applyAttribute';\nexport * from './applyProperty';\nexport * from './subscribeSwcAppRouteChangeWhileConnected';\nexport * from './subscribeSwcAppMessageWhileConnected';\nexport * from './publishSwcAppMessage';\nexport * from './applySlot';\nexport * from './state';\nexport * from './setInterval';\nexport * from './setTimeout';\nexport * from './requestAnimationFrame';\nexport * from './eventMedia';\nexport * from './parameter';\n"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,+BAAc,+BAAd;AACA,+BAAc,+BADd;AAEA,+BAAc,6BAFd;AAGA,+BAAc,mCAHd;AAIA,+BAAc,6BAJd;AAKA,+BAAc,4BALd;AAMA,+BAAc,+BANd;AAOA,+BAAc,8BAPd;AAQA,+BAAc,wBARd;AASA,+BAAc,yBATd;AAUA,+BAAc,oBAVd;AAWA,+BAAc,yBAXd;AAYA,+BAAc,yBAZd;AAaA,+BAAc,6BAbd;AAcA,+BAAc,4BAdd;AAeA,+BAAc,uDAfd;AAgBA,+BAAc,mDAhBd;AAiBA,+BAAc,mCAjBd;AAkBA,+BAAc,wBAlBd;AAmBA,+BAAc,oBAnBd;AAoBA,+BAAc,0BApBd;AAqBA,+BAAc,yBArBd;AAsBA,+BAAc,oCAtBd;AAuBA,+BAAc,yBAvBd;AAwBA,+BAAc,wBAxBd;",
   "names": []
 }

package/dist/cjs/decorators/intersectionObserver.js

@@ -0,0 +1,200 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+var intersectionObserver_exports = {};
+__export(intersectionObserver_exports, {
+  INTERSECTION_OBSERVER_METADATA_KEY: () => INTERSECTION_OBSERVER_METADATA_KEY,
+  IntersectionObserverLifeCycler: () => IntersectionObserverLifeCycler,
+  getIntersectionObserverMetadata: () => getIntersectionObserverMetadata,
+  intersectionObserver: () => intersectionObserver,
+  intersectionObserverAll: () => intersectionObserverAll,
+  intersectionObserverDelegate: () => intersectionObserverDelegate,
+  intersectionObserverDelegateAll: () => intersectionObserverDelegateAll,
+  intersectionObserverDelegateLight: () => intersectionObserverDelegateLight,
+  intersectionObserverDelegateShadow: () => intersectionObserverDelegateShadow,
+  intersectionObserverLight: () => intersectionObserverLight,
+  intersectionObserverShadow: () => intersectionObserverShadow,
+  intersectionObserverThis: () => intersectionObserverThis
+});
+module.exports = __toCommonJS(intersectionObserver_exports);
+var import_core = require("@dooboostore/core");
+var import_Utils = require("../utils/Utils");
+const INTERSECTION_OBSERVER_METADATA_KEY = Symbol.for("simple-web-component:intersection-observer");
+const applyIntersectionObserver = (selector, options, targetObj, propertyKey) => {
+  const constructor = targetObj.constructor;
+  let observers = import_core.ReflectUtils.getMetadata(INTERSECTION_OBSERVER_METADATA_KEY, constructor);
+  if (!observers) {
+    observers = [];
+    import_core.ReflectUtils.defineMetadata(INTERSECTION_OBSERVER_METADATA_KEY, observers, constructor);
+  }
+  observers.push({ propertyKey, selector, options });
+};
+const resolveIntersectionObserverArgs = (selectorOrOptions, maybeOptions, extra) => {
+  if (typeof selectorOrOptions === "string" || typeof selectorOrOptions === "function") {
+    return { selector: selectorOrOptions, options: { ...maybeOptions ?? {}, ...extra } };
+  }
+  return { selector: "$this", options: { ...selectorOrOptions ?? {}, ...extra } };
+};
+const dispatchIntersectionObserver = (selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor, extra) => {
+  if ((typeof maybeOptionsOrPropertyKey === "string" || typeof maybeOptionsOrPropertyKey === "symbol") && descriptor !== void 0) {
+    applyIntersectionObserver("$this", { ...extra }, selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey);
+    return;
+  }
+  const { selector, options } = resolveIntersectionObserverArgs(
+    selectorOrOptionsOrTarget,
+    maybeOptionsOrPropertyKey,
+    extra
+  );
+  return (targetObj, propertyKey) => {
+    applyIntersectionObserver(selector, options, targetObj, propertyKey);
+  };
+};
+function intersectionObserver(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor) {
+  return dispatchIntersectionObserver(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor, {});
+}
+function intersectionObserverThis(optionsOrTarget, propertyKey, descriptor) {
+  return dispatchIntersectionObserver(optionsOrTarget, propertyKey, descriptor, {});
+}
+function intersectionObserverDelegateLight(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor) {
+  return dispatchIntersectionObserver(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor, { root: "light", delegate: true });
+}
+function intersectionObserverDelegateShadow(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor) {
+  return dispatchIntersectionObserver(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor, { root: "shadow", delegate: true });
+}
+function intersectionObserverDelegateAll(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor) {
+  return dispatchIntersectionObserver(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor, { root: "all", delegate: true });
+}
+function intersectionObserverDelegate(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor) {
+  return dispatchIntersectionObserver(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor, { root: "auto", delegate: true });
+}
+function intersectionObserverLight(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor) {
+  return dispatchIntersectionObserver(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor, { root: "light" });
+}
+function intersectionObserverShadow(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor) {
+  return dispatchIntersectionObserver(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor, { root: "shadow" });
+}
+function intersectionObserverAll(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor) {
+  return dispatchIntersectionObserver(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor, { root: "all" });
+}
+function getIntersectionObserverMetadata(target) {
+  const constructor = target instanceof Function ? target : target.constructor;
+  return import_core.ReflectUtils.getMetadata(INTERSECTION_OBSERVER_METADATA_KEY, constructor);
+}
+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 = import_Utils.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);
+  }
+}
+//# sourceMappingURL=intersectionObserver.js.map

package/dist/cjs/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\nconst applyIntersectionObserver = (selector: SwcSelector, options: IntersectionObserverOptions, targetObj: Object, propertyKey: string | symbol): void => {\n  const constructor = targetObj.constructor;\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  observers.push({ propertyKey, selector, options });\n};\n\nconst resolveIntersectionObserverArgs = (\n  selectorOrOptions: SwcSelector | IntersectionObserverOptions | undefined,\n  maybeOptions: IntersectionObserverOptions | undefined,\n  extra: Partial<IntersectionObserverOptions>\n): { selector: SwcSelector; options: IntersectionObserverOptions } => {\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 dispatchIntersectionObserver = (\n  selectorOrOptionsOrTarget: SwcSelector | IntersectionObserverOptions | Object | undefined,\n  maybeOptionsOrPropertyKey: IntersectionObserverOptions | string | symbol | undefined,\n  descriptor: PropertyDescriptor | undefined,\n  extra: Partial<IntersectionObserverOptions>\n): MethodDecorator | void => {\n  if ((typeof maybeOptionsOrPropertyKey === 'string' || typeof maybeOptionsOrPropertyKey === 'symbol') && descriptor !== undefined) {\n    // \uC635\uC158 \uC5C6\uC774: @decorator\n    applyIntersectionObserver('$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 } = resolveIntersectionObserverArgs(\n    selectorOrOptionsOrTarget as SwcSelector | IntersectionObserverOptions | undefined,\n    maybeOptionsOrPropertyKey as IntersectionObserverOptions | undefined,\n    extra\n  );\n  return (targetObj: Object, propertyKey: string | symbol) => {\n    applyIntersectionObserver(selector, options, targetObj, propertyKey);\n  };\n};\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;\nexport function intersectionObserver(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\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 * \uC635\uC158 \uC5C6\uC774 `@intersectionObserver` \uADF8\uB300\uB85C \uBD99\uC5EC\uB3C4 \uB418\uACE0, `@intersectionObserver(...)`\uCC98\uB7FC \uC140\uB809\uD130/\uC635\uC158\uC744 \uC904 \uC218\uB3C4 \uC788\uB2E4.\n */\nexport function intersectionObserver(selectorOrOptionsOrTarget?: SwcSelector | IntersectionObserverOptions | Object, maybeOptionsOrPropertyKey?: IntersectionObserverOptions | string | symbol, descriptor?: PropertyDescriptor): MethodDecorator | void {\n  return dispatchIntersectionObserver(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor, {});\n}\n\nexport function intersectionObserverThis(options?: IntersectionObserverQueryOptions): MethodDecorator;\nexport function intersectionObserverThis(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function intersectionObserverThis(optionsOrTarget?: IntersectionObserverQueryOptions | Object, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): MethodDecorator | void {\n  return dispatchIntersectionObserver(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 intersectionObserverDelegateLight(selector: string, options?: Omit<IntersectionObserverQueryOptions, 'delegate'>): MethodDecorator;\nexport function intersectionObserverDelegateLight(options?: Omit<IntersectionObserverQueryOptions, 'delegate'>): MethodDecorator;\nexport function intersectionObserverDelegateLight(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function intersectionObserverDelegateLight(selectorOrOptionsOrTarget?: string | Omit<IntersectionObserverQueryOptions, 'delegate'> | Object, maybeOptionsOrPropertyKey?: Omit<IntersectionObserverQueryOptions, 'delegate'> | string | symbol, descriptor?: PropertyDescriptor): MethodDecorator | void {\n  return dispatchIntersectionObserver(selectorOrOptionsOrTarget as any, maybeOptionsOrPropertyKey as any, descriptor, { 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(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function intersectionObserverDelegateShadow(selectorOrOptionsOrTarget?: string | Omit<IntersectionObserverQueryOptions, 'delegate'> | Object, maybeOptionsOrPropertyKey?: Omit<IntersectionObserverQueryOptions, 'delegate'> | string | symbol, descriptor?: PropertyDescriptor): MethodDecorator | void {\n  return dispatchIntersectionObserver(selectorOrOptionsOrTarget as any, maybeOptionsOrPropertyKey as any, descriptor, { 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(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function intersectionObserverDelegateAll(selectorOrOptionsOrTarget?: string | Omit<IntersectionObserverQueryOptions, 'delegate'> | Object, maybeOptionsOrPropertyKey?: Omit<IntersectionObserverQueryOptions, 'delegate'> | string | symbol, descriptor?: PropertyDescriptor): MethodDecorator | void {\n  return dispatchIntersectionObserver(selectorOrOptionsOrTarget as any, maybeOptionsOrPropertyKey as any, descriptor, { 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(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function intersectionObserverDelegate(selectorOrOptionsOrTarget?: string | Omit<IntersectionObserverQueryOptions, 'delegate'> | Object, maybeOptionsOrPropertyKey?: Omit<IntersectionObserverQueryOptions, 'delegate'> | string | symbol, descriptor?: PropertyDescriptor): MethodDecorator | void {\n  return dispatchIntersectionObserver(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 intersectionObserverLight(selector: string, options?: IntersectionObserverQueryOptions): MethodDecorator;\nexport function intersectionObserverLight(options?: IntersectionObserverQueryOptions): MethodDecorator;\nexport function intersectionObserverLight(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function intersectionObserverLight(selectorOrOptionsOrTarget?: string | IntersectionObserverQueryOptions | Object, maybeOptionsOrPropertyKey?: IntersectionObserverQueryOptions | string | symbol, descriptor?: PropertyDescriptor): MethodDecorator | void {\n  return dispatchIntersectionObserver(selectorOrOptionsOrTarget as any, maybeOptionsOrPropertyKey as any, descriptor, { root: 'light' });\n}\n\nexport function intersectionObserverShadow(selector: string, options?: IntersectionObserverQueryOptions): MethodDecorator;\nexport function intersectionObserverShadow(options?: IntersectionObserverQueryOptions): MethodDecorator;\nexport function intersectionObserverShadow(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function intersectionObserverShadow(selectorOrOptionsOrTarget?: string | IntersectionObserverQueryOptions | Object, maybeOptionsOrPropertyKey?: IntersectionObserverQueryOptions | string | symbol, descriptor?: PropertyDescriptor): MethodDecorator | void {\n  return dispatchIntersectionObserver(selectorOrOptionsOrTarget as any, maybeOptionsOrPropertyKey as any, descriptor, { root: 'shadow' });\n}\n\nexport function intersectionObserverAll(selector: string, options?: IntersectionObserverQueryOptions): MethodDecorator;\nexport function intersectionObserverAll(options?: IntersectionObserverQueryOptions): MethodDecorator;\nexport function intersectionObserverAll(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function intersectionObserverAll(selectorOrOptionsOrTarget?: string | IntersectionObserverQueryOptions | Object, maybeOptionsOrPropertyKey?: IntersectionObserverQueryOptions | string | symbol, descriptor?: PropertyDescriptor): MethodDecorator | void {\n  return dispatchIntersectionObserver(selectorOrOptionsOrTarget as any, maybeOptionsOrPropertyKey as any, descriptor, { 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}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/decorators/mutationObserver.js

@@ -2,6 +2,7 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -15,9 +16,11 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 var mutationObserver_exports = {};
 __export(mutationObserver_exports, {
   MUTATION_OBSERVER_METADATA_KEY: () => MUTATION_OBSERVER_METADATA_KEY,
+  MutationObserverLifeCycler: () => MutationObserverLifeCycler,
   getMutationObserverMetadata: () => getMutationObserverMetadata,
   mutationObserver: () => mutationObserver,
   mutationObserverAll: () => mutationObserverAll,
@@ -31,74 +34,202 @@ __export(mutationObserver_exports, {
 });
 module.exports = __toCommonJS(mutationObserver_exports);
 var import_core = require("@dooboostore/core");
+var import_Utils = require("../utils/Utils");
 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 = import_core.ReflectUtils.getMetadata(MUTATION_OBSERVER_METADATA_KEY, constructor);
-    if (!observers) {
-      observers = [];
-      import_core.ReflectUtils.defineMetadata(MUTATION_OBSERVER_METADATA_KEY, observers, constructor);
-    }
-    observers.push({ propertyKey, selector, options });
+const applyMutationObserver = (selector, options, targetObj, propertyKey) => {
+  const constructor = targetObj.constructor;
+  let observers = import_core.ReflectUtils.getMetadata(MUTATION_OBSERVER_METADATA_KEY, constructor);
+  if (!observers) {
+    observers = [];
+    import_core.ReflectUtils.defineMetadata(MUTATION_OBSERVER_METADATA_KEY, observers, constructor);
+  }
+  observers.push({ propertyKey, selector, options });
+};
+const resolveMutationObserverArgs = (selectorOrOptions, maybeOptions, extra) => {
+  if (typeof selectorOrOptions === "string" || typeof selectorOrOptions === "function") {
+    return { selector: selectorOrOptions, options: { ...maybeOptions ?? {}, ...extra } };
+  }
+  return { selector: "$this", options: { ...selectorOrOptions ?? {}, ...extra } };
+};
+const dispatchMutationObserver = (selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor, extra) => {
+  if ((typeof maybeOptionsOrPropertyKey === "string" || typeof maybeOptionsOrPropertyKey === "symbol") && descriptor !== void 0) {
+    applyMutationObserver("$this", { ...extra }, selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey);
+    return;
+  }
+  const { selector, options } = resolveMutationObserverArgs(
+    selectorOrOptionsOrTarget,
+    maybeOptionsOrPropertyKey,
+    extra
+  );
+  return (targetObj, propertyKey) => {
+    applyMutationObserver(selector, options, targetObj, propertyKey);
   };
+};
+function mutationObserver(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor) {
+  return dispatchMutationObserver(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor, {});
 }
-function mutationObserverThis(options) {
-  return mutationObserver("$this", options);
+function mutationObserverThis(optionsOrTarget, propertyKey, descriptor) {
+  return dispatchMutationObserver(optionsOrTarget, propertyKey, descriptor, {});
 }
-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 mutationObserverDelegateLight(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor) {
+  return dispatchMutationObserver(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor, { 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 mutationObserverDelegateShadow(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor) {
+  return dispatchMutationObserver(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor, { 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 mutationObserverDelegateAll(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor) {
+  return dispatchMutationObserver(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor, { 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 mutationObserverDelegate(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor) {
+  return dispatchMutationObserver(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor, { 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 mutationObserverLight(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor) {
+  return dispatchMutationObserver(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor, { 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 mutationObserverShadow(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor) {
+  return dispatchMutationObserver(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor, { 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 mutationObserverAll(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor) {
+  return dispatchMutationObserver(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor, { root: "all" });
 }
 function getMutationObserverMetadata(target) {
   const constructor = target instanceof Function ? target : target.constructor;
   return import_core.ReflectUtils.getMetadata(MUTATION_OBSERVER_METADATA_KEY, constructor);
 }
+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 = import_Utils.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);
+  }
+}
 //# sourceMappingURL=mutationObserver.js.map