@dooboostore/simple-web-component 1.0.47 → 1.0.49

package/dist/cjs/decorators/query.js

@@ -17,15 +17,98 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var query_exports = {};
 __export(query_exports, {
+  QUERY_ALL_METADATA_KEY: () => QUERY_ALL_METADATA_KEY,
   QUERY_METADATA_KEY: () => QUERY_METADATA_KEY,
+  getQueryAllMetadata: () => getQueryAllMetadata,
   getQueryMetadata: () => getQueryMetadata,
-  query: () => query
+  pickElements: () => pickElements,
+  query: () => query,
+  queryAll: () => queryAll,
+  queryAllAll: () => queryAllAll,
+  queryAllLight: () => queryAllLight,
+  queryAllRoots: () => queryAllRoots,
+  queryAllShadow: () => queryAllShadow,
+  queryIn: () => queryIn,
+  queryLight: () => queryLight,
+  queryShadow: () => queryShadow,
+  resolveQueryElements: () => resolveQueryElements
 });
 module.exports = __toCommonJS(query_exports);
 var import_core = require("@dooboostore/core");
 var import_elementDefine = require("./elementDefine");
 var import_Utils = require("../utils/Utils");
 const QUERY_METADATA_KEY = Symbol.for("simple-web-component:query");
+const resolveQueryElements = (inst, selector, options, win) => {
+  const hostSet = import_Utils.SwcUtils.getHelperAndHostSet(win, inst);
+  let all = [];
+  if (typeof selector === "function") {
+    const result = selector(inst, hostSet);
+    if (result instanceof win.NodeList)
+      all = Array.from(result).filter((e) => e instanceof win.HTMLElement);
+    else if (Array.isArray(result))
+      all = result.filter((e) => e instanceof win.HTMLElement);
+    else if (result instanceof win.HTMLElement)
+      all = [result];
+  } else if (typeof selector === "string") {
+    const r = options?.root || "auto";
+    if (selector === "$this")
+      all = [inst];
+    else if (selector === "$host")
+      all = hostSet.$host ? [hostSet.$host] : [];
+    else if (selector === "$parentHost")
+      all = hostSet.$parentHost ? [hostSet.$parentHost] : [];
+    else if (selector === "$appHost")
+      all = hostSet.$appHost ? [hostSet.$appHost] : [];
+    else if (selector === "$firstHost")
+      all = hostSet.$firstHost ? [hostSet.$firstHost] : [];
+    else if (selector === "$lastHost")
+      all = hostSet.$lastHost ? [hostSet.$lastHost] : [];
+    else if (selector === "$firstAppHost")
+      all = hostSet.$firstAppHost ? [hostSet.$firstAppHost] : [];
+    else if (selector === "$lastAppHost")
+      all = hostSet.$lastAppHost ? [hostSet.$lastAppHost] : [];
+    else if (selector === "$hosts")
+      all = hostSet.$hosts.filter(Boolean);
+    else if (selector === "$appHosts")
+      all = hostSet.$appHosts.filter(Boolean);
+    else {
+      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 scope of scopes) {
+        const found = scope?.querySelectorAll?.(selector);
+        if (found?.length)
+          all.push(...Array.from(found).filter((e) => e instanceof win.HTMLElement));
+      }
+    }
+  }
+  if (options?.filter) {
+    all = all.filter((el) => options.filter(el, { currentThis: inst, helper: hostSet }));
+  }
+  return all;
+};
+const pickElements = (all, pick) => {
+  if (pick === "all")
+    return all;
+  if (pick === "even")
+    return all.filter((_, i) => i % 2 === 0);
+  if (pick === "odd")
+    return all.filter((_, i) => i % 2 === 1);
+  if (typeof pick === "number")
+    return all[pick] ?? null;
+  if (pick === "last")
+    return all.length ? all[all.length - 1] : null;
+  return all.length ? all[0] : null;
+};
 function query(selectorOrTarget, optionsOrPropertyKey, descriptor) {
   if (descriptor !== void 0 && (typeof optionsOrPropertyKey === "string" || typeof optionsOrPropertyKey === "symbol")) {
     throw new Error(`@query decorator cannot be used on methods. (Method: ${String(optionsOrPropertyKey)})`);
@@ -47,112 +130,26 @@ function query(selectorOrTarget, optionsOrPropertyKey, descriptor) {
           (0, import_elementDefine.ensureInit)(this);
           const config = (0, import_elementDefine.getElementConfig)(this);
           const win = config?.window || window;
-          const hostSet = import_Utils.SwcUtils.getHelperAndHostSet(win, this);
-          let resolvedSelector;
-          let resolvedElement = null;
-          if (typeof selectorOrTarget === "function") {
-            const result = selectorOrTarget(this, hostSet);
-            if (result instanceof win.Node || result instanceof win.Element) {
-              resolvedElement = result instanceof win.HTMLElement ? result : null;
-            } else if (result instanceof win.NodeList || Array.isArray(result)) {
-              resolvedElement = result.length > 0 && result[0] instanceof win.HTMLElement ? result[0] : null;
-            }
-          } else {
-            resolvedSelector = selectorOrTarget;
-            const r = optionsOrPropertyKey?.root || "auto";
-            const applyRoot = (t) => {
-              if (!t || !(t instanceof HTMLElement))
-                return t;
-              if (r === "auto")
-                return t.shadowRoot || t;
-              if (r === "shadow")
-                return t.shadowRoot;
-              if (r === "light")
-                return t;
-              if (r === "all")
-                return t.shadowRoot || t;
-              return t;
-            };
-            if (resolvedSelector === "$this")
-              resolvedElement = applyRoot(this);
-            else if (resolvedSelector === "$host")
-              resolvedElement = applyRoot(hostSet.$host);
-            else if (resolvedSelector === "$parentHost")
-              resolvedElement = applyRoot(hostSet.$parentHost);
-            else if (resolvedSelector === "$appHost")
-              resolvedElement = applyRoot(hostSet.$appHost);
-            else if (resolvedSelector === "$firstHost")
-              resolvedElement = applyRoot(hostSet.$firstHost);
-            else if (resolvedSelector === "$lastHost")
-              resolvedElement = applyRoot(hostSet.$lastHost);
-            else if (resolvedSelector === "$firstAppHost")
-              resolvedElement = applyRoot(hostSet.$firstAppHost);
-            else if (resolvedSelector === "$lastAppHost")
-              resolvedElement = applyRoot(hostSet.$lastAppHost);
-            else if (resolvedSelector === "$window")
-              return win;
-            else if (resolvedSelector === "$document")
-              return win.document;
-            else {
-              if (r === "shadow")
-                resolvedElement = this.shadowRoot ? this.shadowRoot.querySelector(resolvedSelector) : null;
-              else if (r === "light")
-                resolvedElement = this.querySelector(resolvedSelector);
-              else if (r === "all") {
-                const shadowMatch = this.shadowRoot ? this.shadowRoot.querySelector(resolvedSelector) : null;
-                resolvedElement = shadowMatch || this.querySelector(resolvedSelector);
-              } else
-                resolvedElement = (this.shadowRoot || this).querySelector(resolvedSelector);
-            }
-          }
-          if (resolvedElement instanceof win.HTMLElement && optionsOrPropertyKey?.filter) {
-            const shouldInclude = optionsOrPropertyKey.filter(resolvedElement, { currentThis: this, helper: hostSet });
-            if (!shouldInclude) {
-              return null;
-            }
-          }
-          return resolvedElement;
+          const options = optionsOrPropertyKey || {};
+          if (typeof selectorOrTarget === "string" && selectorOrTarget === "$window")
+            return win;
+          if (typeof selectorOrTarget === "string" && selectorOrTarget === "$document")
+            return win.document;
+          const all = resolveQueryElements(this, selectorOrTarget, options, win);
+          return pickElements(all, options.pick ?? "first");
         },
         set(nv) {
           (0, import_elementDefine.ensureInit)(this);
-          if (nv === null || nv === void 0) {
+          if (nv === null || nv === void 0 || Array.isArray(nv) && nv.length === 0) {
             const config = (0, import_elementDefine.getElementConfig)(this);
             const win = config?.window || window;
-            const hostSet = import_Utils.SwcUtils.getHelperAndHostSet(win, this);
-            if (typeof selectorOrTarget === "function") {
-              const result = selectorOrTarget(this, hostSet);
-              if (result instanceof win.Element) {
-                result.remove();
-              } else if (result instanceof win.NodeList || Array.isArray(result)) {
-                const el = result.length > 0 ? result[0] : null;
-                if (el instanceof win.Element) {
-                  el.remove();
-                }
-              }
-              return;
-            }
-            const resolvedSelector = selectorOrTarget;
-            if (resolvedSelector.startsWith("$") && resolvedSelector !== "$this")
-              return;
-            const r = optionsOrPropertyKey?.root || "auto";
-            const targets = [];
-            if (r === "shadow") {
-              if (this.shadowRoot?.querySelector(resolvedSelector))
-                targets.push(this.shadowRoot.querySelector(resolvedSelector));
-            } else if (r === "light") {
-              if (this.querySelector(resolvedSelector))
-                targets.push(this.querySelector(resolvedSelector));
-            } else if (r === "all") {
-              if (this.shadowRoot?.querySelector(resolvedSelector))
-                targets.push(this.shadowRoot.querySelector(resolvedSelector));
-              if (this.querySelector(resolvedSelector))
-                targets.push(this.querySelector(resolvedSelector));
-            } else {
-              const el = (this.shadowRoot || this).querySelector(resolvedSelector);
-              if (el)
-                targets.push(el);
-            }
-            targets.forEach((t) => t.remove());
+            const options = optionsOrPropertyKey || {};
+            const all = resolveQueryElements(this, selectorOrTarget, options, win);
+            const picked = pickElements(all, options.pick ?? "first");
+            if (Array.isArray(picked))
+              picked.forEach((t) => t.remove());
+            else if (picked)
+              picked.remove();
           }
         },
         enumerable: true,
@@ -166,4 +163,34 @@ const getQueryMetadata = (target) => {
   const constructor = target instanceof Function ? target : target.constructor;
   return import_core.ReflectUtils.getMetadata(QUERY_METADATA_KEY, constructor) ?? [];
 };
+const QUERY_ALL_METADATA_KEY = QUERY_METADATA_KEY;
+function queryAll(selectorOrTarget, optionsOrPropertyKey, descriptor) {
+  if (descriptor !== void 0 && (typeof optionsOrPropertyKey === "string" || typeof optionsOrPropertyKey === "symbol")) {
+    return query(selectorOrTarget, optionsOrPropertyKey, descriptor);
+  }
+  if (typeof selectorOrTarget === "string" || typeof selectorOrTarget === "function") {
+    return query(selectorOrTarget, { ...optionsOrPropertyKey ?? {}, pick: "all" });
+  }
+  return query({ ...selectorOrTarget ?? {}, pick: "all" });
+}
+const getQueryAllMetadata = getQueryMetadata;
+function queryShadow(selector, options) {
+  return query(selector, { ...options ?? {}, root: "shadow" });
+}
+function queryLight(selector, options) {
+  return query(selector, { ...options ?? {}, root: "light" });
+}
+function queryAllRoots(selector, options) {
+  return query(selector, { ...options ?? {}, root: "all" });
+}
+function queryAllShadow(selector, options) {
+  return query(selector, { ...options ?? {}, root: "shadow", pick: "all" });
+}
+function queryAllLight(selector, options) {
+  return query(selector, { ...options ?? {}, root: "light", pick: "all" });
+}
+function queryAllAll(selector, options) {
+  return query(selector, { ...options ?? {}, root: "all", pick: "all" });
+}
+const queryIn = (root, pick) => (selector, options) => query(selector, { ...options ?? {}, root, ...pick !== void 0 ? { pick } : {} });
 //# sourceMappingURL=query.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/query.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { getElementConfig, ensureInit } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { SwcQueryOptions, HelperHostSet } from '../types';\n\nexport interface QueryOptions extends SwcQueryOptions {\n  /**\n   * Filter function to determine whether to include the element.\n   * If it returns false, the element is skipped.\n   */\n  filter?: (target: HTMLElement, meta: { currentThis: any, helper: HelperHostSet }) => boolean;\n}\n\nexport interface QueryMetadata {\n  propertyKey: string | symbol;\n  selector: string | ((currentThis: any, helper: HelperHostSet) => Node | NodeList | Element | Element[] | null);\n  options: QueryOptions ;\n}\n\nexport const QUERY_METADATA_KEY = Symbol.for('simple-web-component:query');\n\nexport function query(target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor): PropertyDescriptor | void;\nexport function query(selector: string | ((currentThis: any, helper: HelperHostSet) => Node | NodeList | Element | Element[] | null), options?: QueryOptions): PropertyDecorator;\nexport function query(options?: QueryOptions): PropertyDecorator;\n/**\n * @query decorator to inject a single element into a class property.\n * \n * Supports both string selectors and function-based selectors:\n * - String selector: @query('#my-element')\n * - Function selector: @query((currentThis, helper) => currentThis.shadowRoot?.querySelector('.item'))\n * \n * Supports filtering:\n * - @query('#my-element', { filter: (target, meta) => target.hasAttribute('active') })\n */\nexport function query(selectorOrTarget?: string | ((currentThis: any, helper: HelperHostSet) => Node | NodeList | Element | Element[] | null) | Object, optionsOrPropertyKey?: QueryOptions | string | symbol, descriptor?: PropertyDescriptor): any {\n  // Bare decorator: @query\n  if (descriptor !== undefined && (typeof optionsOrPropertyKey === 'string' || typeof optionsOrPropertyKey === 'symbol')) {\n    throw new Error(`@query decorator cannot be used on methods. (Method: ${String(optionsOrPropertyKey)})`);\n  }\n  // With selector\n  if (typeof selectorOrTarget === 'string' || typeof selectorOrTarget === 'function') {\n    return (targetObj: Object, propertyKey: string | symbol, descriptor?: never): void => {\n      if (descriptor !== undefined) {\n        throw new Error(`@query decorator cannot be used on methods. (Method: ${String(propertyKey)})`);\n      }\n\n      const constructor = targetObj.constructor;\n      let queries = ReflectUtils.getMetadata<QueryMetadata[]>(QUERY_METADATA_KEY, constructor);\n      if (!queries) {\n        queries = [];\n        ReflectUtils.defineMetadata(QUERY_METADATA_KEY, queries, constructor);\n      }\n      queries.push({ propertyKey, selector: selectorOrTarget as any, options: optionsOrPropertyKey as QueryOptions || {} });\n\n      Object.defineProperty(targetObj, propertyKey, {\n        get(this: HTMLElement) {\n          ensureInit(this);\n          const config = getElementConfig(this);\n          const win = config?.window || window;\n          const hostSet = SwcUtils.getHelperAndHostSet(win, this);\n          \n          // Resolve selector - can be string or function\n          let resolvedSelector: string;\n          let resolvedElement: HTMLElement | null = null;\n          \n          if (typeof selectorOrTarget === 'function') {\n            const result = (selectorOrTarget as any)(this, hostSet);\n            // If function returns a Node/Element, return it directly\n            if (result instanceof win.Node || result instanceof win.Element) {\n              resolvedElement = result instanceof win.HTMLElement ? (result as HTMLElement) : null;\n            }\n            // If function returns NodeList or Element[], return first element\n            else if (result instanceof win.NodeList || Array.isArray(result)) {\n              resolvedElement = result.length > 0 && result[0] instanceof win.HTMLElement ? (result[0] as HTMLElement) : null;\n            }\n          } else {\n            resolvedSelector = selectorOrTarget;\n\n            const r = (optionsOrPropertyKey as QueryOptions)?.root || 'auto';\n            const applyRoot = (t: any) => {\n              if (!t || !(t instanceof HTMLElement)) return t;\n              if (r === 'auto') return t.shadowRoot || t;\n              if (r === 'shadow') return t.shadowRoot;\n              if (r === 'light') return t;\n              if (r === 'all') return t.shadowRoot || t; \n              return t;\n            };\n\n            // --- Special Selectors: HostSet ---\n            if (resolvedSelector === '$this') resolvedElement = applyRoot(this);\n            else if (resolvedSelector === '$host') resolvedElement = applyRoot(hostSet.$host);\n            else if (resolvedSelector === '$parentHost') resolvedElement = applyRoot(hostSet.$parentHost);\n            else if (resolvedSelector === '$appHost') resolvedElement = applyRoot(hostSet.$appHost);\n            else if (resolvedSelector === '$firstHost') resolvedElement = applyRoot(hostSet.$firstHost);\n            else if (resolvedSelector === '$lastHost') resolvedElement = applyRoot(hostSet.$lastHost);\n            else if (resolvedSelector === '$firstAppHost') resolvedElement = applyRoot(hostSet.$firstAppHost);\n            else if (resolvedSelector === '$lastAppHost') resolvedElement = applyRoot(hostSet.$lastAppHost);\n            // --- Special Selectors: Env ---\n            else if (resolvedSelector === '$window') return win;\n            else if (resolvedSelector === '$document') return win.document;\n            // --- Standard Selectors ---\n            else {\n              if (r === 'shadow') resolvedElement = this.shadowRoot ? (this.shadowRoot.querySelector(resolvedSelector) as HTMLElement | null) : null;\n              else if (r === 'light') resolvedElement = this.querySelector(resolvedSelector) as HTMLElement | null;\n              else if (r === 'all') {\n                const shadowMatch = this.shadowRoot ? (this.shadowRoot.querySelector(resolvedSelector) as HTMLElement | null) : null;\n                resolvedElement = shadowMatch || (this.querySelector(resolvedSelector) as HTMLElement | null);\n              }\n              else resolvedElement = ((this.shadowRoot || this).querySelector(resolvedSelector) as HTMLElement | null);\n            }\n          }\n\n          // Apply filter if provided\n          if (resolvedElement instanceof win.HTMLElement && (optionsOrPropertyKey as QueryOptions)?.filter) {\n            const shouldInclude = (optionsOrPropertyKey as QueryOptions).filter!(resolvedElement, { currentThis: this, helper: hostSet });\n            if (!shouldInclude) {\n              return null;\n            }\n          }\n\n          return resolvedElement;\n        },\n        set(this: HTMLElement, nv: any) {\n          ensureInit(this);\n          if (nv === null || nv === undefined) {\n            const config = getElementConfig(this);\n            const win = config?.window || window;\n            const hostSet = SwcUtils.getHelperAndHostSet(win, this);\n            \n            // Resolve selector - can be string or function\n            if (typeof selectorOrTarget === 'function') {\n              // Get the element from function and remove it\n              const result = (selectorOrTarget as any)(this, hostSet);\n              if (result instanceof win.Element) {\n                (result as Element).remove();\n              } else if (result instanceof win.NodeList || Array.isArray(result)) {\n                const el = result.length > 0 ? result[0] : null;\n                if (el instanceof win.Element) {\n                  (el as Element).remove();\n                }\n              }\n              return;\n            }\n            \n            const resolvedSelector = selectorOrTarget;\n            \n            if (resolvedSelector.startsWith('$') && resolvedSelector !== '$this') return;\n\n            const r = (optionsOrPropertyKey as QueryOptions)?.root || 'auto';\n            const targets: Element[] = [];\n\n            if (r === 'shadow') {\n              if (this.shadowRoot?.querySelector(resolvedSelector)) targets.push(this.shadowRoot.querySelector(resolvedSelector)!);\n            } else if (r === 'light') {\n              if (this.querySelector(resolvedSelector)) targets.push(this.querySelector(resolvedSelector)!);\n            } else if (r === 'all') {\n              if (this.shadowRoot?.querySelector(resolvedSelector)) targets.push(this.shadowRoot.querySelector(resolvedSelector)!);\n              if (this.querySelector(resolvedSelector)) targets.push(this.querySelector(resolvedSelector)!);\n            } else {\n              const el = (this.shadowRoot || this).querySelector(resolvedSelector);\n              if (el) targets.push(el);\n            }\n\n            targets.forEach(t => t.remove());\n          }\n        },\n        enumerable: true,\n        configurable: true\n      });\n    };\n  }\n  // Without selector (defaults to $this)\n  return query('$this', selectorOrTarget as SwcQueryOptions);\n}\n\nexport const getQueryMetadata = (target: any): QueryMetadata[]  => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(QUERY_METADATA_KEY, constructor) ?? [];\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { getElementConfig, ensureInit } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { SwcQueryOptions, SwcRootType, SwcFnSelector, SwcSelector, HelperHostSet } from '../types';\n\nexport type QueryPick = 'first' | 'last' | 'all' | 'even' | 'odd' | number;\n\nexport interface QueryBaseOptions {\n  // 어떤 요소를 고를지 — 기본 'first'(단일). 'all'/'even'/'odd'는 배열, number는 인덱스(단일)\n  pick?: QueryPick;\n  filter?: (target: HTMLElement, meta: { currentThis: any, helper: HelperHostSet }) => boolean;\n}\n// 문자열 셀렉터 전용 — root 허용\nexport type QueryOptions = QueryBaseOptions & SwcQueryOptions;\n// 함수 셀렉터 전용 — root 금지\nexport type QueryNonQueryOptions = QueryBaseOptions;\n\nexport type QueryFnSelector = SwcFnSelector;\nexport type QuerySelector = SwcSelector;\n\n// 셀렉터 종류에 따라 옵션 타입 분기\nexport type QueryOptionsOf<S extends QuerySelector> = S extends string ? QueryOptions : QueryNonQueryOptions;\n\nexport interface QueryMetadata {\n  propertyKey: string | symbol;\n  selector: QuerySelector;\n  options: QueryOptions;\n}\n\nexport const QUERY_METADATA_KEY = Symbol.for('simple-web-component:query');\n\n/**\n * 셀렉터를 해석해 매칭된 모든 요소를 배열로 반환한다 (query/queryAll 공용).\n * $window/$document는 요소가 아니므로 여기서 처리하지 않는다.\n */\nexport const resolveQueryElements = (\n  inst: any,\n  selector: QuerySelector,\n  options: QueryOptions,\n  win: Window\n): HTMLElement[] => {\n  const hostSet = SwcUtils.getHelperAndHostSet(win, inst);\n  let all: HTMLElement[] = [];\n\n  if (typeof selector === 'function') {\n    const result = (selector as any)(inst, hostSet);\n    if (result instanceof win.NodeList) all = Array.from(result as NodeList).filter(e => e instanceof win.HTMLElement) as HTMLElement[];\n    else if (Array.isArray(result)) all = (result as any[]).filter(e => e instanceof win.HTMLElement) as HTMLElement[];\n    else if (result instanceof win.HTMLElement) all = [result as HTMLElement];\n  } else if (typeof selector === 'string') {\n    const r = (options as any)?.root || 'auto';\n    if (selector === '$this') all = [inst as HTMLElement];\n    else if (selector === '$host') all = hostSet.$host ? [hostSet.$host] : [];\n    else if (selector === '$parentHost') all = hostSet.$parentHost ? [hostSet.$parentHost] : [];\n    else if (selector === '$appHost') all = hostSet.$appHost ? [hostSet.$appHost as any] : [];\n    else if (selector === '$firstHost') all = hostSet.$firstHost ? [hostSet.$firstHost] : [];\n    else if (selector === '$lastHost') all = hostSet.$lastHost ? [hostSet.$lastHost] : [];\n    else if (selector === '$firstAppHost') all = hostSet.$firstAppHost ? [hostSet.$firstAppHost as any] : [];\n    else if (selector === '$lastAppHost') all = hostSet.$lastAppHost ? [hostSet.$lastAppHost as any] : [];\n    else if (selector === '$hosts') all = hostSet.$hosts.filter(Boolean);\n    else if (selector === '$appHosts') all = hostSet.$appHosts.filter(Boolean) as any[];\n    else {\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 scope of scopes) {\n        const found = scope?.querySelectorAll?.(selector) as NodeListOf<HTMLElement> | undefined;\n        if (found?.length) all.push(...Array.from(found).filter(e => e instanceof win.HTMLElement));\n      }\n    }\n  }\n\n  if ((options as any)?.filter) {\n    all = all.filter(el => (options as any).filter(el, { currentThis: inst, helper: hostSet }));\n  }\n  return all;\n};\n\n/**\n * 매칭된 요소 배열에서 pick 옵션에 따라 요소를 고른다.\n * - 'first'(기본) / 'last' / number(인덱스) → 단일 요소\n * - 'all' / 'even'(0,2,4...) / 'odd'(1,3,5...) → 배열\n */\nexport const pickElements = (\n  all: HTMLElement[],\n  pick: QueryPick\n): HTMLElement | HTMLElement[] | null => {\n  if (pick === 'all') return all;\n  if (pick === 'even') return all.filter((_, i) => i % 2 === 0);\n  if (pick === 'odd') return all.filter((_, i) => i % 2 === 1);\n  if (typeof pick === 'number') return all[pick] ?? null;\n  if (pick === 'last') return all.length ? all[all.length - 1] : null;\n  return all.length ? all[0] : null;\n};\n\nexport function query(target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor): PropertyDescriptor | void;\nexport function query(selector: string, options?: QueryOptions): PropertyDecorator;\nexport function query(selector: QueryFnSelector, options?: QueryNonQueryOptions): PropertyDecorator;\nexport function query(options?: QueryOptions): PropertyDecorator;\n/**\n * @query decorator — 클래스 필드에 요소를 주입한다.\n *\n * - 문자열 셀렉터: CSS / 특수 셀렉터($this,$host,$window,...), root 옵션으로 탐색 영역 지정\n * - 함수 셀렉터: (currentThis, helper) => Node | NodeList | Element | Element[] | null (root 금지)\n * - options.pick: 'first'(기본) | 'last' | 'all' | 'even' | 'odd' | number\n */\nexport function query(selectorOrTarget?: string | ((currentThis: any, helper: HelperHostSet) => Node | NodeList | Element | Element[] | null) | Object, optionsOrPropertyKey?: QueryOptions | string | symbol, descriptor?: PropertyDescriptor): any {\n  // Bare decorator: @query\n  if (descriptor !== undefined && (typeof optionsOrPropertyKey === 'string' || typeof optionsOrPropertyKey === 'symbol')) {\n    throw new Error(`@query decorator cannot be used on methods. (Method: ${String(optionsOrPropertyKey)})`);\n  }\n  // With selector\n  if (typeof selectorOrTarget === 'string' || typeof selectorOrTarget === 'function') {\n    return (targetObj: Object, propertyKey: string | symbol, descriptor?: never): void => {\n      if (descriptor !== undefined) {\n        throw new Error(`@query decorator cannot be used on methods. (Method: ${String(propertyKey)})`);\n      }\n\n      const constructor = targetObj.constructor;\n      let queries = ReflectUtils.getMetadata<QueryMetadata[]>(QUERY_METADATA_KEY, constructor);\n      if (!queries) {\n        queries = [];\n        ReflectUtils.defineMetadata(QUERY_METADATA_KEY, queries, constructor);\n      }\n      queries.push({ propertyKey, selector: selectorOrTarget as any, options: (optionsOrPropertyKey as QueryOptions) || {} });\n\n      Object.defineProperty(targetObj, propertyKey, {\n        get(this: HTMLElement) {\n          ensureInit(this);\n          const config = getElementConfig(this);\n          const win = config?.window || window;\n          const options = (optionsOrPropertyKey as QueryOptions) || {};\n\n          // $window/$document는 요소가 아니므로 항상 단일 반환\n          if (typeof selectorOrTarget === 'string' && selectorOrTarget === '$window') return win;\n          if (typeof selectorOrTarget === 'string' && selectorOrTarget === '$document') return win.document;\n\n          const all = resolveQueryElements(this, selectorOrTarget as QuerySelector, options, win);\n          return pickElements(all, options.pick ?? 'first');\n        },\n        set(this: HTMLElement, nv: any) {\n          ensureInit(this);\n          if (nv === null || nv === undefined || (Array.isArray(nv) && nv.length === 0)) {\n            const config = getElementConfig(this);\n            const win = config?.window || window;\n            const options = (optionsOrPropertyKey as QueryOptions) || {};\n            const all = resolveQueryElements(this, selectorOrTarget as QuerySelector, options, win);\n            const picked = pickElements(all, options.pick ?? 'first');\n            if (Array.isArray(picked)) picked.forEach(t => t.remove());\n            else if (picked) picked.remove();\n          }\n        },\n        enumerable: true,\n        configurable: true\n      });\n    };\n  }\n  // Without selector (defaults to $this)\n  return query('$this', selectorOrTarget as QueryOptions);\n}\n\nexport const getQueryMetadata = (target: any): QueryMetadata[]  => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(QUERY_METADATA_KEY, constructor) ?? [];\n};\n\n// ─── queryAll (query의 pick:'all' 편의 래퍼 — 호환용) ───\nexport const QUERY_ALL_METADATA_KEY = QUERY_METADATA_KEY;\n\nexport function queryAll(target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor): PropertyDescriptor | void;\nexport function queryAll(selector: string, options?: Omit<QueryOptions, 'pick'>): PropertyDecorator;\nexport function queryAll(selector: QueryFnSelector, options?: Omit<QueryNonQueryOptions, 'pick'>): PropertyDecorator;\nexport function queryAll(options?: Omit<QueryOptions, 'pick'>): PropertyDecorator;\nexport function queryAll(selectorOrTarget?: any, optionsOrPropertyKey?: any, descriptor?: PropertyDescriptor): any {\n  // bare(필드 직접 적용)는 query로 위임\n  if (descriptor !== undefined && (typeof optionsOrPropertyKey === 'string' || typeof optionsOrPropertyKey === 'symbol')) {\n    return query(selectorOrTarget, optionsOrPropertyKey, descriptor);\n  }\n  if (typeof selectorOrTarget === 'string' || typeof selectorOrTarget === 'function') {\n    return query(selectorOrTarget, {...(optionsOrPropertyKey ?? {}), pick: 'all'});\n  }\n  return query({...(selectorOrTarget ?? {}), pick: 'all'});\n}\n\nexport const getQueryAllMetadata = getQueryMetadata;\n\n// ─── root별 편의 데코레이터 ───\n\n/**\n * @queryShadow(selector, options?) — shadow DOM에서 요소를 쿼리\n */\nexport function queryShadow(selector: string | QueryFnSelector, options?: QueryBaseOptions): PropertyDecorator {\n  return query(selector as any, {...options ?? {}, root: 'shadow'});\n}\n\n/**\n * @queryLight(selector, options?) — light DOM에서 요소를 쿼리\n */\nexport function queryLight(selector: string | QueryFnSelector, options?: QueryBaseOptions): PropertyDecorator {\n  return query(selector as any, {...options ?? {}, root: 'light'});\n}\n\n/**\n * @queryAllRoots(selector, options?) — shadow+light 모두에서 요소를 쿼리 (pick 기본 first)\n */\nexport function queryAllRoots(selector: string | QueryFnSelector, options?: QueryBaseOptions): PropertyDecorator {\n  return query(selector as any, {...options ?? {}, root: 'all'});\n}\n\n/**\n * @queryAllShadow(selector, options?) — shadow DOM에서 모든 매칭 요소를 배열로 쿼리\n */\nexport function queryAllShadow(selector: string | QueryFnSelector, options?: QueryBaseOptions): PropertyDecorator {\n  return query(selector as any, {...options ?? {}, root: 'shadow', pick: 'all'});\n}\n\n/**\n * @queryAllLight(selector, options?) — light DOM에서 모든 매칭 요소를 배열로 쿼리\n */\nexport function queryAllLight(selector: string | QueryFnSelector, options?: QueryBaseOptions): PropertyDecorator {\n  return query(selector as any, {...options ?? {}, root: 'light', pick: 'all'});\n}\n\n/**\n * @queryAllAll(selector, options?) — shadow+light 모두에서 모든 매칭 요소를 배열로 쿼리\n */\nexport function queryAllAll(selector: string | QueryFnSelector, options?: QueryBaseOptions): PropertyDecorator {\n  return query(selector as any, {...options ?? {}, root: 'all', pick: 'all'});\n}\n\n/**\n * @queryIn(root, pick?) — root + pick 조합 팩토리.\n * first/last/even/odd/all/number를 모두 지원하는 데코레이터를 생성한다.\n *\n * @example\n * @queryIn('shadow', 'even')('.item')   // shadow DOM 짝수 인덱스들\n * @queryIn('light', 2)('.item')         // light DOM 3번째 요소\n * @queryIn('all')('.item')              // root all, pick 기본 first\n */\nexport const queryIn = (root: SwcRootType, pick?: QueryPick) =>\n  (selector: string | QueryFnSelector, options?: QueryBaseOptions): PropertyDecorator =>\n    query(selector as any, {...options ?? {}, root, ...(pick !== undefined ? {pick} : {})});"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;kBAA6B;AAC7B,2BAA6C;AAC7C,mBAAyB;AA2BlB,MAAM,qBAAqB,OAAO,IAAI,4BAA4B;AAMlE,MAAM,uBAAuB,CAClC,MACA,UACA,SACA,QACiB;AACjB,QAAM,UAAU,sBAAS,oBAAoB,KAAK,IAAI;AACtD,MAAI,MAAqB,CAAA;AAEzB,MAAI,OAAO,aAAa,YAAY;AAClC,UAAM,SAAU,SAAiB,MAAM,OAAO;AAC9C,QAAI,kBAAkB,IAAI;AAAU,YAAM,MAAM,KAAK,MAAkB,EAAE,OAAO,OAAK,aAAa,IAAI,WAAW;aACxG,MAAM,QAAQ,MAAM;AAAG,YAAO,OAAiB,OAAO,OAAK,aAAa,IAAI,WAAW;aACvF,kBAAkB,IAAI;AAAa,YAAM,CAAC,MAAqB;EAC1E,WAAW,OAAO,aAAa,UAAU;AACvC,UAAM,IAAK,SAAiB,QAAQ;AACpC,QAAI,aAAa;AAAS,YAAM,CAAC,IAAmB;aAC3C,aAAa;AAAS,YAAM,QAAQ,QAAQ,CAAC,QAAQ,KAAK,IAAI,CAAA;aAC9D,aAAa;AAAe,YAAM,QAAQ,cAAc,CAAC,QAAQ,WAAW,IAAI,CAAA;aAChF,aAAa;AAAY,YAAM,QAAQ,WAAW,CAAC,QAAQ,QAAe,IAAI,CAAA;aAC9E,aAAa;AAAc,YAAM,QAAQ,aAAa,CAAC,QAAQ,UAAU,IAAI,CAAA;aAC7E,aAAa;AAAa,YAAM,QAAQ,YAAY,CAAC,QAAQ,SAAS,IAAI,CAAA;aAC1E,aAAa;AAAiB,YAAM,QAAQ,gBAAgB,CAAC,QAAQ,aAAoB,IAAI,CAAA;aAC7F,aAAa;AAAgB,YAAM,QAAQ,eAAe,CAAC,QAAQ,YAAmB,IAAI,CAAA;aAC1F,aAAa;AAAU,YAAM,QAAQ,OAAO,OAAO,OAAO;aAC1D,aAAa;AAAa,YAAM,QAAQ,UAAU,OAAO,OAAO;SACpE;AACH,YAAM,SAAgB,CAAA;AACtB,UAAI,MAAM;AAAQ,eAAO,KAAK,KAAK,cAAc,IAAI;eAC5C,MAAM;AAAS,eAAO,KAAK,IAAI;eAC/B,MAAM,YAAY,KAAK;AAAY,eAAO,KAAK,KAAK,UAAU;eAC9D,MAAM,OAAO;AAAE,eAAO,KAAK,IAAI;AAAG,YAAI,KAAK;AAAY,iBAAO,KAAK,KAAK,UAAU;MAAG;AAC9F,iBAAW,SAAS,QAAQ;AAC1B,cAAM,QAAQ,OAAO,mBAAmB,QAAQ;AAChD,YAAI,OAAO;AAAQ,cAAI,KAAK,GAAG,MAAM,KAAK,KAAK,EAAE,OAAO,OAAK,aAAa,IAAI,WAAW,CAAC;MAC5F;IACF;EACF;AAEA,MAAK,SAAiB,QAAQ;AAC5B,UAAM,IAAI,OAAO,QAAO,QAAgB,OAAO,IAAI,EAAE,aAAa,MAAM,QAAQ,QAAO,CAAE,CAAC;EAC5F;AACA,SAAO;AACT;AAOO,MAAM,eAAe,CAC1B,KACA,SACsC;AACtC,MAAI,SAAS;AAAO,WAAO;AAC3B,MAAI,SAAS;AAAQ,WAAO,IAAI,OAAO,CAAC,GAAG,MAAM,IAAI,MAAM,CAAC;AAC5D,MAAI,SAAS;AAAO,WAAO,IAAI,OAAO,CAAC,GAAG,MAAM,IAAI,MAAM,CAAC;AAC3D,MAAI,OAAO,SAAS;AAAU,WAAO,IAAI,IAAI,KAAK;AAClD,MAAI,SAAS;AAAQ,WAAO,IAAI,SAAS,IAAI,IAAI,SAAS,CAAC,IAAI;AAC/D,SAAO,IAAI,SAAS,IAAI,CAAC,IAAI;AAC/B;AAaM,SAAU,MAAM,kBAAkI,sBAAuD,YAA+B;AAE5O,MAAI,eAAe,WAAc,OAAO,yBAAyB,YAAY,OAAO,yBAAyB,WAAW;AACtH,UAAM,IAAI,MAAM,wDAAwD,OAAO,oBAAoB,CAAC,GAAG;EACzG;AAEA,MAAI,OAAO,qBAAqB,YAAY,OAAO,qBAAqB,YAAY;AAClF,WAAO,CAAC,WAAmB,aAA8BA,gBAA4B;AACnF,UAAIA,gBAAe,QAAW;AAC5B,cAAM,IAAI,MAAM,wDAAwD,OAAO,WAAW,CAAC,GAAG;MAChG;AAEA,YAAM,cAAc,UAAU;AAC9B,UAAI,UAAU,yBAAa,YAA6B,oBAAoB,WAAW;AACvF,UAAI,CAAC,SAAS;AACZ,kBAAU,CAAA;AACV,iCAAa,eAAe,oBAAoB,SAAS,WAAW;MACtE;AACA,cAAQ,KAAK,EAAE,aAAa,UAAU,kBAAyB,SAAU,wBAAyC,CAAA,EAAE,CAAE;AAEtH,aAAO,eAAe,WAAW,aAAa;QAC5C,MAAG;AACD,+CAAW,IAAI;AACf,gBAAM,aAAS,uCAAiB,IAAI;AACpC,gBAAM,MAAM,QAAQ,UAAU;AAC9B,gBAAM,UAAW,wBAAyC,CAAA;AAG1D,cAAI,OAAO,qBAAqB,YAAY,qBAAqB;AAAW,mBAAO;AACnF,cAAI,OAAO,qBAAqB,YAAY,qBAAqB;AAAa,mBAAO,IAAI;AAEzF,gBAAM,MAAM,qBAAqB,MAAM,kBAAmC,SAAS,GAAG;AACtF,iBAAO,aAAa,KAAK,QAAQ,QAAQ,OAAO;QAClD;QACA,IAAuB,IAAO;AAC5B,+CAAW,IAAI;AACf,cAAI,OAAO,QAAQ,OAAO,UAAc,MAAM,QAAQ,EAAE,KAAK,GAAG,WAAW,GAAI;AAC7E,kBAAM,aAAS,uCAAiB,IAAI;AACpC,kBAAM,MAAM,QAAQ,UAAU;AAC9B,kBAAM,UAAW,wBAAyC,CAAA;AAC1D,kBAAM,MAAM,qBAAqB,MAAM,kBAAmC,SAAS,GAAG;AACtF,kBAAM,SAAS,aAAa,KAAK,QAAQ,QAAQ,OAAO;AACxD,gBAAI,MAAM,QAAQ,MAAM;AAAG,qBAAO,QAAQ,OAAK,EAAE,OAAM,CAAE;qBAChD;AAAQ,qBAAO,OAAM;UAChC;QACF;QACA,YAAY;QACZ,cAAc;OACf;IACH;EACF;AAEA,SAAO,MAAM,SAAS,gBAAgC;AACxD;AAEO,MAAM,mBAAmB,CAAC,WAAiC;AAChE,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,yBAAa,YAAY,oBAAoB,WAAW,KAAK,CAAA;AACtE;AAGO,MAAM,yBAAyB;AAMhC,SAAU,SAAS,kBAAwB,sBAA4B,YAA+B;AAE1G,MAAI,eAAe,WAAc,OAAO,yBAAyB,YAAY,OAAO,yBAAyB,WAAW;AACtH,WAAO,MAAM,kBAAkB,sBAAsB,UAAU;EACjE;AACA,MAAI,OAAO,qBAAqB,YAAY,OAAO,qBAAqB,YAAY;AAClF,WAAO,MAAM,kBAAkB,EAAC,GAAI,wBAAwB,CAAA,GAAK,MAAM,MAAK,CAAC;EAC/E;AACA,SAAO,MAAM,EAAC,GAAI,oBAAoB,CAAA,GAAK,MAAM,MAAK,CAAC;AACzD;AAEO,MAAM,sBAAsB;AAO7B,SAAU,YAAY,UAAoC,SAA0B;AACxF,SAAO,MAAM,UAAiB,EAAC,GAAG,WAAW,CAAA,GAAI,MAAM,SAAQ,CAAC;AAClE;AAKM,SAAU,WAAW,UAAoC,SAA0B;AACvF,SAAO,MAAM,UAAiB,EAAC,GAAG,WAAW,CAAA,GAAI,MAAM,QAAO,CAAC;AACjE;AAKM,SAAU,cAAc,UAAoC,SAA0B;AAC1F,SAAO,MAAM,UAAiB,EAAC,GAAG,WAAW,CAAA,GAAI,MAAM,MAAK,CAAC;AAC/D;AAKM,SAAU,eAAe,UAAoC,SAA0B;AAC3F,SAAO,MAAM,UAAiB,EAAC,GAAG,WAAW,CAAA,GAAI,MAAM,UAAU,MAAM,MAAK,CAAC;AAC/E;AAKM,SAAU,cAAc,UAAoC,SAA0B;AAC1F,SAAO,MAAM,UAAiB,EAAC,GAAG,WAAW,CAAA,GAAI,MAAM,SAAS,MAAM,MAAK,CAAC;AAC9E;AAKM,SAAU,YAAY,UAAoC,SAA0B;AACxF,SAAO,MAAM,UAAiB,EAAC,GAAG,WAAW,CAAA,GAAI,MAAM,OAAO,MAAM,MAAK,CAAC;AAC5E;AAWO,MAAM,UAAU,CAAC,MAAmB,SACzC,CAAC,UAAoC,YACnC,MAAM,UAAiB,EAAC,GAAG,WAAW,CAAA,GAAI,MAAM,GAAI,SAAS,SAAY,EAAC,KAAI,IAAI,CAAA,EAAG,CAAC;",
   "names": ["descriptor"]
 }

package/dist/cjs/decorators/resizeObserver.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/decorators/resizeObserver.ts"],
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { SpecialSelector, SwcQueryOptions, SwcFnSelector, SwcSelector, HelperHostSet } from '../types';\n\n// \uACF5\uD1B5 \uC635\uC158 \u2014 root\u00B7delegate \uC5C6\uC74C\nexport interface ResizeObserverBaseOptions {\n  box?: 'content-box' | 'border-box' | 'device-pixel-content-box';\n  filter?: (matchedEls: HTMLElement[], meta: { currentThis: any, helper: HelperHostSet }) => boolean;\n  removeObserver?: (target: Element, optionValue: ResizeObserverOptions) => void;\n}\n\n// \uBB38\uC790\uC5F4 \uC140\uB809\uD130 \uC804\uC6A9 \u2014 root\u00B7delegate \uD5C8\uC6A9\nexport type ResizeObserverQueryOptions = ResizeObserverBaseOptions & SwcQueryOptions & { delegate?: boolean };\n// \uD568\uC218 \uC140\uB809\uD130 \uC804\uC6A9 \u2014 root\u00B7delegate \uAE08\uC9C0\nexport type ResizeObserverNonQueryOptions = ResizeObserverBaseOptions;\n// \uB0B4\uBD80 \uC800\uC7A5/\uD574\uC11D\uC6A9\nexport type ResizeObserverOptions = ResizeObserverQueryOptions;\n\n// \uC140\uB809\uD130 \uC885\uB958\uC5D0 \uB530\uB77C \uC635\uC158 \uD0C0\uC785 \uBD84\uAE30\nexport type ResizeObserverOptionsOf<S extends SwcSelector> = S extends string ? ResizeObserverQueryOptions : ResizeObserverNonQueryOptions;\n\nexport interface ResizeObserverMetadata {\n  propertyKey: string | symbol;\n  selector: SwcSelector;\n  options: ResizeObserverOptions;\n}\n\nexport const RESIZE_OBSERVER_METADATA_KEY = Symbol.for('simple-web-component:resize-observer');\n\nexport function resizeObserver(target: SpecialSelector, options?: ResizeObserverQueryOptions): MethodDecorator;\nexport function resizeObserver(selector: string, options?: ResizeObserverQueryOptions): MethodDecorator;\nexport function resizeObserver(selector: SwcFnSelector, options?: ResizeObserverNonQueryOptions): MethodDecorator;\nexport function resizeObserver(options?: ResizeObserverQueryOptions): MethodDecorator;\n/**\n * @resizeObserver decorator to observe element size changes.\n */\nexport function resizeObserver(selectorOrOptions?: SwcSelector | ResizeObserverOptions, maybeOptions?: ResizeObserverOptions): MethodDecorator {\n  return (targetObj: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n    let selector: SwcSelector = '$this';\n    let options: ResizeObserverOptions = {};\n\n    if (typeof selectorOrOptions === 'string' || typeof selectorOrOptions === 'function') {\n      selector = selectorOrOptions;\n      options = maybeOptions ?? {};\n    } else {\n      selector = '$this';\n      options = selectorOrOptions ?? {};\n    }\n\n    const constructor = targetObj.constructor;\n\n    let observers = ReflectUtils.getMetadata<ResizeObserverMetadata[]>(RESIZE_OBSERVER_METADATA_KEY, constructor);\n    if (!observers) {\n      observers = [];\n      ReflectUtils.defineMetadata(RESIZE_OBSERVER_METADATA_KEY, observers, constructor);\n    }\n\n    observers.push({ propertyKey, selector, options });\n  };\n}\n\nexport function resizeObserverThis(options?: ResizeObserverQueryOptions): MethodDecorator {\n  return resizeObserver('$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 resizeObserverDelegateLight(selector: string, options?: Omit<ResizeObserverQueryOptions, 'delegate'>): MethodDecorator;\nexport function resizeObserverDelegateLight(options?: Omit<ResizeObserverQueryOptions, 'delegate'>): MethodDecorator;\nexport function resizeObserverDelegateLight(selectorOrOptions?: string | Omit<ResizeObserverQueryOptions, 'delegate'>, maybeOptions?: Omit<ResizeObserverQueryOptions, 'delegate'>): MethodDecorator {\n  if (typeof selectorOrOptions === 'string' || typeof selectorOrOptions === 'function') {\n    return resizeObserver(selectorOrOptions as any, {...maybeOptions ?? {}, root: 'light', delegate: true});\n  }\n  return resizeObserver({...selectorOrOptions ?? {}, root: 'light', delegate: true});\n}\n\nexport function resizeObserverDelegateShadow(selector: string, options?: Omit<ResizeObserverQueryOptions, 'delegate'>): MethodDecorator;\nexport function resizeObserverDelegateShadow(options?: Omit<ResizeObserverQueryOptions, 'delegate'>): MethodDecorator;\nexport function resizeObserverDelegateShadow(selectorOrOptions?: string | Omit<ResizeObserverQueryOptions, 'delegate'>, maybeOptions?: Omit<ResizeObserverQueryOptions, 'delegate'>): MethodDecorator {\n  if (typeof selectorOrOptions === 'string' || typeof selectorOrOptions === 'function') {\n    return resizeObserver(selectorOrOptions as any, {...maybeOptions ?? {}, root: 'shadow', delegate: true});\n  }\n  return resizeObserver({...selectorOrOptions ?? {}, root: 'shadow', delegate: true});\n}\n\nexport function resizeObserverDelegateAll(selector: string, options?: Omit<ResizeObserverQueryOptions, 'delegate'>): MethodDecorator;\nexport function resizeObserverDelegateAll(options?: Omit<ResizeObserverQueryOptions, 'delegate'>): MethodDecorator;\nexport function resizeObserverDelegateAll(selectorOrOptions?: string | Omit<ResizeObserverQueryOptions, 'delegate'>, maybeOptions?: Omit<ResizeObserverQueryOptions, 'delegate'>): MethodDecorator {\n  if (typeof selectorOrOptions === 'string' || typeof selectorOrOptions === 'function') {\n    return resizeObserver(selectorOrOptions as any, {...maybeOptions ?? {}, root: 'all', delegate: true});\n  }\n  return resizeObserver({...selectorOrOptions ?? {}, root: 'all', delegate: true});\n}\n\nexport function resizeObserverDelegate(selector: string, options?: Omit<ResizeObserverQueryOptions, 'delegate'>): MethodDecorator;\nexport function resizeObserverDelegate(options?: Omit<ResizeObserverQueryOptions, 'delegate'>): MethodDecorator;\nexport function resizeObserverDelegate(selectorOrOptions?: string | Omit<ResizeObserverQueryOptions, 'delegate'>, maybeOptions?: Omit<ResizeObserverQueryOptions, 'delegate'>): MethodDecorator {\n  if (typeof selectorOrOptions === 'string' || typeof selectorOrOptions === 'function') {\n    return resizeObserver(selectorOrOptions as any, {...maybeOptions ?? {}, root: 'auto', delegate: true});\n  }\n  return resizeObserver({...selectorOrOptions ?? {}, root: 'auto', delegate: true});\n}\n\n// \u2500\u2500\u2500 root\uBCC4 \uC77C\uBC18 \uD5EC\uD37C (delegate \uC5C6\uC774, \uC140\uB809\uD130 \uC0DD\uB7B5 \uC2DC $this) \u2500\u2500\u2500\n\nexport function resizeObserverLight(selector: string, options?: ResizeObserverQueryOptions): MethodDecorator;\nexport function resizeObserverLight(options?: ResizeObserverQueryOptions): MethodDecorator;\nexport function resizeObserverLight(selectorOrOptions?: string | ResizeObserverQueryOptions, maybeOptions?: ResizeObserverQueryOptions): MethodDecorator {\n  if (typeof selectorOrOptions === 'string' || typeof selectorOrOptions === 'function') {\n    return resizeObserver(selectorOrOptions as any, {...maybeOptions ?? {}, root: 'light'});\n  }\n  return resizeObserver({...selectorOrOptions ?? {}, root: 'light'});\n}\n\nexport function resizeObserverShadow(selector: string, options?: ResizeObserverQueryOptions): MethodDecorator;\nexport function resizeObserverShadow(options?: ResizeObserverQueryOptions): MethodDecorator;\nexport function resizeObserverShadow(selectorOrOptions?: string | ResizeObserverQueryOptions, maybeOptions?: ResizeObserverQueryOptions): MethodDecorator {\n  if (typeof selectorOrOptions === 'string' || typeof selectorOrOptions === 'function') {\n    return resizeObserver(selectorOrOptions as any, {...maybeOptions ?? {}, root: 'shadow'});\n  }\n  return resizeObserver({...selectorOrOptions ?? {}, root: 'shadow'});\n}\n\nexport function resizeObserverAll(selector: string, options?: ResizeObserverQueryOptions): MethodDecorator;\nexport function resizeObserverAll(options?: ResizeObserverQueryOptions): MethodDecorator;\nexport function resizeObserverAll(selectorOrOptions?: string | ResizeObserverQueryOptions, maybeOptions?: ResizeObserverQueryOptions): MethodDecorator {\n  if (typeof selectorOrOptions === 'string' || typeof selectorOrOptions === 'function') {\n    return resizeObserver(selectorOrOptions as any, {...maybeOptions ?? {}, root: 'all'});\n  }\n  return resizeObserver({...selectorOrOptions ?? {}, root: 'all'});\n}\n\nexport function getResizeObserverMetadata(target: any): ResizeObserverMetadata[] | undefined {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(RESIZE_OBSERVER_METADATA_KEY, constructor);\n}\n\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// ResizeObserverLifeCycler\n// observer \uB97C \uC9C1\uC811 \uC0DD\uC131\uD558\uC9C0 \uC54A\uACE0 OnConnectedResult \uB97C \uBC18\uD658\uD55C\uB2E4.\n// elementDefine \uC774 \uC218\uC9D1\uB41C ResizeObserverSet \uC73C\uB85C observer \uB97C \uC0DD\uC131\uD558\uACE0,\n// observe/unobserve \uD568\uC218\uB97C \uC8FC\uC785\uD574 MutationObserver delegate \uCD94\uC801\uC774 \uC0AC\uC6A9\uD560 \uC218 \uC788\uAC8C \uD55C\uB2E4.\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nimport { ElementDefineLifeCycler, OnConnectedResult, ResizeObserverSet, ResizeObserverSetEntry } from '../types';\nimport { SwcUtils } from '../utils/Utils';\n\nexport class ResizeObserverLifeCycler implements ElementDefineLifeCycler {\n  private readonly removeObserverCallbacksMap = new WeakMap<Element, Array<{ fn: (target: Element, opts: unknown) => void; target: any; opts: unknown }>>();\n\n  onConnected(helperHostSet: HelperHostSet): OnConnectedResult | void {\n    const inst = helperHostSet.$this;\n    const currentWin = helperHostSet.$w;\n\n    const removeObserverCallbacks: Array<{ fn: (target: Element, opts: unknown) => void; target: any; opts: unknown }> = [];\n    this.removeObserverCallbacksMap.set(inst, removeObserverCallbacks);\n\n    const allMeta = getResizeObserverMetadata(inst) ?? [];\n    if (allMeta.length === 0) return;\n\n    const root: HTMLElement | ShadowRoot = inst.shadowRoot || inst;\n\n    // removeObserver \uCF5C\uBC31 \uC218\uC9D1\n    for (const m of allMeta) {\n      if (m.options.removeObserver) removeObserverCallbacks.push({ fn: m.options.removeObserver, target: root, opts: m.options });\n    }\n\n    // \u2500\u2500 ResizeObserver \uCF5C\uBC31 \u2500\u2500\n    const callback: ResizeObserverSetEntry['callback'] = (entries, obs) => {\n      for (const m of allMeta) {\n        let matchedEls: HTMLElement[];\n        if (m.options.delegate && typeof m.selector === 'string') {\n          const isThis = m.selector === '$this' || m.selector === '';\n          matchedEls = entries.map(e => e.target as HTMLElement).filter(el => {\n            if (!el || el.nodeType !== 1) return false;\n            if (isThis) return true;\n            return el.matches?.(m.selector as string) || !!el.closest?.(m.selector as string);\n          });\n        } else {\n          matchedEls = entries.map(e => e.target as HTMLElement).filter(t => t && t.nodeType === 1);\n        }\n        if (matchedEls.length === 0) continue;\n        if (m.options.filter) {\n          if (!m.options.filter(matchedEls, { currentThis: inst, helper: helperHostSet })) continue;\n        }\n        const hostSet = SwcUtils.getHostSet(inst);\n        inst[m.propertyKey](matchedEls, entries, obs, { ...hostSet, $root: root });\n      }\n    };\n\n    // \u2500\u2500 observe \uB300\uC0C1 \uBAA9\uB85D \uAD6C\uC131 \u2500\u2500\n    // - non-delegate: \uC2E4\uC81C \uC694\uC18C\uB97C \uCD08\uAE30 observe\n    // - delegate: \uB3D9\uC801 \uCD94\uC801\uC6A9 \uC140\uB809\uD130 \uBB38\uC790\uC5F4\uB85C \uC120\uC5B8 (elementDefine \uC758 MutationObserver \uCF5C\uBC31\uC774 observe/unobserve)\n    // \uBAA8\uB4E0 \uB300\uC0C1\uC740 \uC774 \uB8E8\uD2B8\uC758 callback \uC744 \uACF5\uC720\uD55C\uB2E4.\n    const resizeObserverSet: ResizeObserverSet = [];\n    for (const m of allMeta) {\n      if (m.options.delegate && typeof m.selector === 'string') {\n        resizeObserverSet.push({ target: m.selector, delegate: true, delegateRoot: m.options.root, options: m.options.box ? { box: m.options.box } : undefined, callback });\n        continue;\n      }\n      let targets: HTMLElement[] = [];\n\n      if (typeof m.selector === 'function') {\n        const res = (m.selector as any)(inst, helperHostSet);\n        if (res instanceof currentWin.HTMLElement) targets = [res as HTMLElement];\n        else if (res instanceof currentWin.NodeList) targets = Array.from(res as NodeList).filter((e: any) => e instanceof currentWin.HTMLElement) as HTMLElement[];\n        else if (Array.isArray(res)) targets = res.filter((e: any) => e instanceof currentWin.HTMLElement) as HTMLElement[];\n      } else if (typeof m.selector === 'string') {\n        if (m.selector === '$this' || m.selector === '') {\n          targets = [inst as HTMLElement];\n        } else {\n          const r: any = m.options.root || 'auto';\n          const scopes: any[] = [];\n          if (r === 'auto') scopes.push(inst.shadowRoot || inst);\n          else if (r === 'light') scopes.push(inst);\n          else if (r === 'shadow' && inst.shadowRoot) scopes.push(inst.shadowRoot);\n          else if (r === 'all') { scopes.push(inst); if (inst.shadowRoot) scopes.push(inst.shadowRoot); }\n          for (const s of scopes) {\n            const found = s?.querySelectorAll?.(m.selector as string) as NodeListOf<HTMLElement> | undefined;\n            if (found?.length) targets.push(...Array.from(found));\n          }\n        }\n      }\n      for (const el of targets) resizeObserverSet.push({ target: el, options: m.options.box ? { box: m.options.box } : undefined, callback });\n    }\n\n    return { resizeObserverSet };\n  }\n\n  onDisconnected(helperHostSet: HelperHostSet): void {\n    const inst = helperHostSet.$this;\n    for (const cb of this.removeObserverCallbacksMap.get(inst) ?? []) {\n      try { cb.fn(cb.target, cb.opts); } catch (e) { console.error('[SWC] removeObserver error:', e); }\n    }\n    this.removeObserverCallbacksMap.delete(inst);\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}