@dooboostore/simple-web-component 1.0.48 → 1.0.50

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

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

package/dist/esm/decorators/parameter.js

@@ -0,0 +1,54 @@
+import { ReflectUtils } from "@dooboostore/core";
+const SWC_PARAMETER_METADATA_KEY = Symbol.for("simple-web-component:parameter");
+const registerParam = (kind, target, propertyKey, parameterIndex) => {
+  if (!propertyKey) return;
+  const constructor = target.constructor;
+  const saves = ReflectUtils.getOwnMetadata(SWC_PARAMETER_METADATA_KEY, constructor, propertyKey) ?? [];
+  saves.push({ index: parameterIndex, kind });
+  ReflectUtils.defineMetadata(SWC_PARAMETER_METADATA_KEY, saves, constructor, propertyKey);
+};
+function eventObject(target, propertyKey, parameterIndex) {
+  registerParam("event", target, propertyKey, parameterIndex);
+}
+function matchedElement(target, propertyKey, parameterIndex) {
+  registerParam("matched", target, propertyKey, parameterIndex);
+}
+function hostSet(target, propertyKey, parameterIndex) {
+  registerParam("hostSet", target, propertyKey, parameterIndex);
+}
+function helperHostSet(target, propertyKey, parameterIndex) {
+  registerParam("helperHostSet", target, propertyKey, parameterIndex);
+}
+function helperSet(target, propertyKey, parameterIndex) {
+  registerParam("helperSet", target, propertyKey, parameterIndex);
+}
+function routerEvent(target, propertyKey, parameterIndex) {
+  registerParam("routerEvent", target, propertyKey, parameterIndex);
+}
+function appMessage(target, propertyKey, parameterIndex) {
+  registerParam("appMessage", target, propertyKey, parameterIndex);
+}
+const getParameterMetadata = (target, propertyKey) => {
+  const constructor = target instanceof Function ? target : target.constructor;
+  return ReflectUtils.getMetadata(SWC_PARAMETER_METADATA_KEY, constructor, propertyKey) ?? [];
+};
+const buildSwcParameterArgs = (target, propertyKey, kindValues, legacyArgs) => {
+  const saves = getParameterMetadata(target, propertyKey);
+  if (saves.length === 0) return legacyArgs;
+  const maxIndex = Math.max(...saves.map((s) => s.index));
+  const args = new Array(maxIndex + 1);
+  for (const s of saves) args[s.index] = kindValues[s.kind];
+  return args;
+};
+export {
+  appMessage,
+  buildSwcParameterArgs,
+  eventObject,
+  getParameterMetadata,
+  helperHostSet,
+  helperSet,
+  hostSet,
+  matchedElement,
+  routerEvent
+};
+//# sourceMappingURL=parameter.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/decorators/parameter.ts"],
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\n\n/**\n * @eventObject/@matchedElement/@hostSet/@helperHostSet/@helperSet/@routerEvent/@appMessage \u2014\n * @addEventListener/lifecycle/subscribeSwcAppRouteChangeWhileConnected/subscribeSwcAppMessageWhileConnected\n * \uACC4\uC5F4 \uD578\uB4E4\uB7EC\uC758 \uD30C\uB77C\uBBF8\uD130\uB97C \uC21C\uC11C \uBB34\uAD00\uD558\uAC8C \uC120\uC5B8\uD560 \uC218 \uC788\uAC8C \uD574\uC8FC\uB294 \uD30C\uB77C\uBBF8\uD130 \uB370\uCF54\uB808\uC774\uD130.\n * @dooboostore/simple-boot\uC758 @Inject\uC640 \uB3D9\uC77C\uD55C \uC778\uB371\uC2A4 \uAE30\uBC18 \uBA54\uD0C0\uB370\uC774\uD130 \uD328\uD134\uC744 \uB530\uB978\uB2E4:\n * \uB370\uCF54\uB808\uC774\uD130\uAC00 \uC2E4\uD589\uB418\uB294 \uC21C\uC11C\uAC00 \uC544\uB2C8\uB77C \uC2E4\uC81C parameterIndex\uB85C \uC2AC\uB86F\uC744 \uB9E4\uCE6D\uD558\uBBC0\uB85C,\n * \uC0AC\uC6A9\uC790\uAC00 \uD30C\uB77C\uBBF8\uD130 \uC120\uC5B8 \uC21C\uC11C\uB97C \uC790\uC720\uB86D\uAC8C \uBC14\uAFD4\uB3C4 \uB41C\uB2E4.\n */\nexport type SwcParamKind = 'event' | 'matched' | 'hostSet' | 'helperHostSet' | 'helperSet' | 'routerEvent' | 'appMessage';\n\nconst SWC_PARAMETER_METADATA_KEY = Symbol.for('simple-web-component:parameter');\n\ntype SaveParamConfig = { index: number; kind: SwcParamKind };\n\nconst registerParam = (kind: SwcParamKind, target: Object, propertyKey: string | symbol | undefined, parameterIndex: number) => {\n  if (!propertyKey) return;\n  const constructor = target.constructor;\n  const saves = (ReflectUtils.getOwnMetadata(SWC_PARAMETER_METADATA_KEY, constructor, propertyKey) ?? []) as SaveParamConfig[];\n  saves.push({ index: parameterIndex, kind });\n  ReflectUtils.defineMetadata(SWC_PARAMETER_METADATA_KEY, saves, constructor, propertyKey);\n};\n\n/** \uC774\uBCA4\uD2B8 \uD578\uB4E4\uB7EC\uC758 \uC6D0\uBCF8 Event \uAC1D\uCCB4\uB97C \uC8FC\uC785\uD55C\uB2E4. */\nexport function eventObject(target: Object, propertyKey: string | symbol, parameterIndex: number): void {\n  registerParam('event', target, propertyKey, parameterIndex);\n}\n\n/** delegate\uB85C \uB9E4\uCE6D\uB41C \uC2E4\uC81C \uC5D8\uB9AC\uBA3C\uD2B8($matchedElement)\uB97C \uC8FC\uC785\uD55C\uB2E4. */\nexport function matchedElement(target: Object, propertyKey: string | symbol, parameterIndex: number): void {\n  registerParam('matched', target, propertyKey, parameterIndex);\n}\n\n/** HostSet(\uD638\uC2A4\uD2B8 \uD2B8\uB9AC \uC815\uBCF4 \u2014 $host/$hosts/$firstHost/$appHost \uB4F1)\uC744 \uC8FC\uC785\uD55C\uB2E4. */\nexport function hostSet(target: Object, propertyKey: string | symbol, parameterIndex: number): void {\n  registerParam('hostSet', target, propertyKey, parameterIndex);\n}\n\n/** HelperHostSet(HelperSet + HostSet + $this \uC804\uCCB4 \uBB36\uC74C)\uC744 \uC8FC\uC785\uD55C\uB2E4. */\nexport function helperHostSet(target: Object, propertyKey: string | symbol, parameterIndex: number): void {\n  registerParam('helperHostSet', target, propertyKey, parameterIndex);\n}\n\n/** HelperSet($d/$w/$q/$qa/$qi \uB4F1 \uC21C\uC218 DOM/window \uD5EC\uD37C, \uD638\uC2A4\uD2B8 \uD2B8\uB9AC \uC815\uBCF4 \uC5C6\uC74C)\uC744 \uC8FC\uC785\uD55C\uB2E4. */\nexport function helperSet(target: Object, propertyKey: string | symbol, parameterIndex: number): void {\n  registerParam('helperSet', target, propertyKey, parameterIndex);\n}\n\n/** @subscribeSwcAppRouteChangeWhileConnected \uD578\uB4E4\uB7EC\uC758 \uB77C\uC6B0\uD2B8 \uBCC0\uACBD \uC774\uBCA4\uD2B8({...RouterEventType, pathData})\uB97C \uC8FC\uC785\uD55C\uB2E4. */\nexport function routerEvent(target: Object, propertyKey: string | symbol, parameterIndex: number): void {\n  registerParam('routerEvent', target, propertyKey, parameterIndex);\n}\n\n/** @subscribeSwcAppMessageWhileConnected \uD578\uB4E4\uB7EC\uC758 SwcAppMessage \uD398\uC774\uB85C\uB4DC\uB97C \uC8FC\uC785\uD55C\uB2E4. */\nexport function appMessage(target: Object, propertyKey: string | symbol, parameterIndex: number): void {\n  registerParam('appMessage', target, propertyKey, parameterIndex);\n}\n\nexport const getParameterMetadata = (target: any, propertyKey: string | symbol): SaveParamConfig[] => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(SWC_PARAMETER_METADATA_KEY, constructor, propertyKey) ?? [];\n};\n\n/**\n * \uC704 \uD30C\uB77C\uBBF8\uD130 \uB370\uCF54\uB808\uC774\uD130 \uBA54\uD0C0\uB370\uC774\uD130\uAC00 \uD558\uB098\uB77C\uB3C4 \uC788\uC73C\uBA74 kind\uBCC4 \uAC12\uC744 index \uC21C\uC11C\uC5D0 \uB9DE\uAC8C\n * \uBC30\uC5F4\uB85C \uC870\uB9BD\uD558\uACE0, \uD558\uB098\uB3C4 \uC5C6\uC73C\uBA74 \uAE30\uC874 \uC704\uCE58 \uC778\uC790(legacyArgs)\uB97C \uADF8\uB300\uB85C \uBC18\uD658\uD55C\uB2E4 \u2014 \uC644\uC804 \uD558\uC704\uD638\uD658.\n */\nexport const buildSwcParameterArgs = (\n  target: any,\n  propertyKey: string | symbol,\n  kindValues: Partial<Record<SwcParamKind, any>>,\n  legacyArgs: any[]\n): any[] => {\n  const saves = getParameterMetadata(target, propertyKey);\n  if (saves.length === 0) return legacyArgs;\n  const maxIndex = Math.max(...saves.map(s => s.index));\n  const args: any[] = new Array(maxIndex + 1);\n  for (const s of saves) args[s.index] = kindValues[s.kind];\n  return args;\n};\n"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAY7B,MAAM,6BAA6B,OAAO,IAAI,gCAAgC;AAI9E,MAAM,gBAAgB,CAAC,MAAoB,QAAgB,aAA0C,mBAA2B;AAC9H,MAAI,CAAC,YAAa;AAClB,QAAM,cAAc,OAAO;AAC3B,QAAM,QAAS,aAAa,eAAe,4BAA4B,aAAa,WAAW,KAAK,CAAC;AACrG,QAAM,KAAK,EAAE,OAAO,gBAAgB,KAAK,CAAC;AAC1C,eAAa,eAAe,4BAA4B,OAAO,aAAa,WAAW;AACzF;AAGO,SAAS,YAAY,QAAgB,aAA8B,gBAA8B;AACtG,gBAAc,SAAS,QAAQ,aAAa,cAAc;AAC5D;AAGO,SAAS,eAAe,QAAgB,aAA8B,gBAA8B;AACzG,gBAAc,WAAW,QAAQ,aAAa,cAAc;AAC9D;AAGO,SAAS,QAAQ,QAAgB,aAA8B,gBAA8B;AAClG,gBAAc,WAAW,QAAQ,aAAa,cAAc;AAC9D;AAGO,SAAS,cAAc,QAAgB,aAA8B,gBAA8B;AACxG,gBAAc,iBAAiB,QAAQ,aAAa,cAAc;AACpE;AAGO,SAAS,UAAU,QAAgB,aAA8B,gBAA8B;AACpG,gBAAc,aAAa,QAAQ,aAAa,cAAc;AAChE;AAGO,SAAS,YAAY,QAAgB,aAA8B,gBAA8B;AACtG,gBAAc,eAAe,QAAQ,aAAa,cAAc;AAClE;AAGO,SAAS,WAAW,QAAgB,aAA8B,gBAA8B;AACrG,gBAAc,cAAc,QAAQ,aAAa,cAAc;AACjE;AAEO,MAAM,uBAAuB,CAAC,QAAa,gBAAoD;AACpG,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,YAAY,4BAA4B,aAAa,WAAW,KAAK,CAAC;AAC5F;AAMO,MAAM,wBAAwB,CACnC,QACA,aACA,YACA,eACU;AACV,QAAM,QAAQ,qBAAqB,QAAQ,WAAW;AACtD,MAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,QAAM,WAAW,KAAK,IAAI,GAAG,MAAM,IAAI,OAAK,EAAE,KAAK,CAAC;AACpD,QAAM,OAAc,IAAI,MAAM,WAAW,CAAC;AAC1C,aAAW,KAAK,MAAO,MAAK,EAAE,KAAK,IAAI,WAAW,EAAE,IAAI;AACxD,SAAO;AACT;",
+  "names": []
+}

package/dist/esm/decorators/query.js

@@ -2,6 +2,77 @@ import { ReflectUtils } from "@dooboostore/core";
 import { getElementConfig, ensureInit } from "./elementDefine.js";
 import { SwcUtils } from "../utils/Utils.js";
 const QUERY_METADATA_KEY = Symbol.for("simple-web-component:query");
+const resolveQueryElements = (inst, selector, options, win) => {
+  const hostSet = 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)})`);
@@ -23,112 +94,26 @@ function query(selectorOrTarget, optionsOrPropertyKey, descriptor) {
           ensureInit(this);
           const config = getElementConfig(this);
           const win = config?.window || window;
-          const hostSet = 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) {
           ensureInit(this);
-          if (nv === null || nv === void 0) {
+          if (nv === null || nv === void 0 || Array.isArray(nv) && nv.length === 0) {
             const config = getElementConfig(this);
             const win = config?.window || window;
-            const hostSet = 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,
@@ -142,6 +127,17 @@ const getQueryMetadata = (target) => {
   const constructor = target instanceof Function ? target : target.constructor;
   return 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" });
 }
@@ -151,12 +147,31 @@ function queryLight(selector, options) {
 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 } : {} });
 export {
+  QUERY_ALL_METADATA_KEY,
   QUERY_METADATA_KEY,
+  getQueryAllMetadata,
   getQueryMetadata,
+  pickElements,
   query,
+  queryAll,
+  queryAllAll,
+  queryAllLight,
   queryAllRoots,
+  queryAllShadow,
+  queryIn,
   queryLight,
-  queryShadow
+  queryShadow,
+  resolveQueryElements
 };
 //# sourceMappingURL=query.js.map

package/dist/esm/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\n// ─── root별 편의 데코레이터 ───\n\n/**\n * @queryShadow(selector, options?) — shadow DOM에서 단일 요소를 쿼리\n */\nexport function queryShadow(selector: string | ((currentThis: any, helper: HelperHostSet) => Node | NodeList | Element | Element[] | null), options?: Omit<QueryOptions, 'root'>): PropertyDecorator {\n  return query(selector, {...options ?? {}, root: 'shadow'});\n}\n\n/**\n * @queryLight(selector, options?) — light DOM에서 단일 요소를 쿼리\n */\nexport function queryLight(selector: string | ((currentThis: any, helper: HelperHostSet) => Node | NodeList | Element | Element[] | null), options?: Omit<QueryOptions, 'root'>): PropertyDecorator {\n  return query(selector, {...options ?? {}, root: 'light'});\n}\n\n/**\n * @queryAll(selector, options?) — shadow+light 모두에서 요소를 쿼리\n */\nexport function queryAllRoots(selector: string | ((currentThis: any, helper: HelperHostSet) => Node | NodeList | Element | Element[] | null), options?: Omit<QueryOptions, 'root'>): PropertyDecorator {\n  return query(selector, {...options ?? {}, root: 'all'});\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": "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",
   "names": ["descriptor"]
 }