@dooboostore/simple-web-component 1.0.47 → 1.0.49

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/addEventListener.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { SpecialSelector, SwcQueryOptions, HelperHostSet } from '../types';\n\nexport interface AddEventListenerBaseOptions<TEvent extends Event = Event> extends EventListenerOptions {\n  capture?: boolean;\n  once?: boolean;\n  passive?: boolean;\n  stopPropagation?: boolean;\n  stopImmediatePropagation?: boolean;\n  preventDefault?: boolean;\n  // removeOnDisconnected?: boolean;\n  delegate?: boolean;\n  filter?: (target: Event | CustomEvent, meta:{currentThis: any, helper: HelperHostSet}) => boolean;\n  // RxJS operator options\n  debounceTime?: number;\n  throttleTime?: number;\n  distinctUntilChanged?: boolean | ((prev: TEvent, curr: TEvent) => boolean);\n}\n\nexport type EventListenerSelector = string | ((currentThis: any, helper: HelperHostSet) => NodeList | Element | Element[] | null);\n\nexport interface AddEventListenerMetadata<TEvent extends Event = Event> {\n  propertyKey: string | symbol;\n  selector: EventListenerSelector;\n  type: string;\n  options: AddEventListenerBaseOptions<TEvent> & SwcQueryOptions & { delegate?: boolean };\n}\n\nexport const ADD_EVENT_LISTENER_METADATA_KEY = Symbol.for('simple-web-component:add-event-listener');\n\nexport function addEventListener<TEvent extends Event = Event>(target: SpecialSelector, type: string, options?: AddEventListenerBaseOptions<TEvent>): MethodDecorator;\nexport function addEventListener<TEvent extends Event = Event>(selector: EventListenerSelector, type: string, options?: AddEventListenerBaseOptions<TEvent> & SwcQueryOptions & { delegate?: boolean }): MethodDecorator;\n/**\n * @addEventListener decorator to bind events to elements.\n */\nexport function addEventListener<TEvent extends Event = Event>(selectorOrTarget: EventListenerSelector, type: string, options: any = {}): MethodDecorator {\n  return (targetObj: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n    const constructor = targetObj.constructor;\n\n    let listeners = ReflectUtils.getMetadata<AddEventListenerMetadata<TEvent>[]>(ADD_EVENT_LISTENER_METADATA_KEY, constructor);\n    if (!listeners) {\n      listeners = [];\n      ReflectUtils.defineMetadata(ADD_EVENT_LISTENER_METADATA_KEY, listeners, constructor);\n    }\n\n    listeners.push({ propertyKey, selector: selectorOrTarget, type, options });\n  };\n}\n\n\nexport function addEventListenerDelegateLightDom<TEvent extends Event = Event>(selector: EventListenerSelector, type: string, options?: Omit<AddEventListenerBaseOptions<TEvent>, 'delegate'>): MethodDecorator {\n  return addEventListener<TEvent>(selector, type, {...options??{}, root:'light', delegate: true});\n}\n\nexport function addEventListenerDelegateShadowDom<TEvent extends Event = Event>(selector: EventListenerSelector, type: string, options?: Omit<AddEventListenerBaseOptions<TEvent>, 'delegate'>): MethodDecorator {\n  return addEventListener<TEvent>(selector, type, {...options??{}, root:'shadow', delegate: true});\n}\nexport function addEventListenerDelegateAllDom<TEvent extends Event = Event>(selector: EventListenerSelector, type: string, options?: Omit<AddEventListenerBaseOptions<TEvent>, 'delegate'>): MethodDecorator {\n  return addEventListener<TEvent>(selector, type, {...options??{}, root:'all', delegate: true});\n}\nexport function addEventListenerDelegate<TEvent extends Event = Event>(selector: EventListenerSelector, type: string, options?: Omit<AddEventListenerBaseOptions<TEvent>, 'delegate'>): MethodDecorator {\n  return addEventListener<TEvent>(selector, type, {...options??{}, root:'auto', delegate: true});\n}\n\n/**\n * @addEventListenerThis decorator - simplified version of @addEventListener for $this selector\n */\n\n// --- Aliases: event... ---\nexport const event = addEventListener;\nexport const eventDelegateLightDom = addEventListenerDelegateLightDom;\nexport const eventDelegateShadowDom = addEventListenerDelegateShadowDom;\nexport const eventDelegateAllDom = addEventListenerDelegateAllDom;\nexport const eventDelegate = addEventListenerDelegate;\nexport function addEventListenerThis<TEvent extends Event = Event>(type: string, options?: AddEventListenerBaseOptions<TEvent> & SwcQueryOptions): MethodDecorator {\n  return addEventListener<TEvent>('$this', type, options);\n}\n\n/**\n * @addEventListenerAppHost decorator - simplified version of @addEventListener for $appHost selector\n */\nexport function addEventListenerAppHost<TEvent extends Event = Event>(type: string, options?: AddEventListenerBaseOptions<TEvent> & SwcQueryOptions): MethodDecorator {\n  return addEventListener<TEvent>('$appHost', type, options);\n}\n\nexport function addEventListenerWindow<TEvent extends Event = Event>(type: string, options?: AddEventListenerBaseOptions<TEvent> & SwcQueryOptions): MethodDecorator {\n  return addEventListener<TEvent>('$window', type, options);\n}\nexport function addEventListenerDocument<TEvent extends Event = Event>(type: string, options?: AddEventListenerBaseOptions<TEvent> & SwcQueryOptions): MethodDecorator {\n  return addEventListener<TEvent>('$document', type, options);\n}\n\nexport const getAddEventListenerMetadata = (target: any): AddEventListenerMetadata<Event>[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(ADD_EVENT_LISTENER_METADATA_KEY, constructor);\n};\n"],
-  "mappings": "AAAA,SAAS,oBAAoB;AA4BtB,MAAM,kCAAkC,OAAO,IAAI,yCAAyC;AAO5F,SAAS,iBAA+C,kBAAyC,MAAc,UAAe,CAAC,GAAoB;AACxJ,SAAO,CAAC,WAAmB,aAA8B,eAAmC;AAC1F,UAAM,cAAc,UAAU;AAE9B,QAAI,YAAY,aAAa,YAAgD,iCAAiC,WAAW;AACzH,QAAI,CAAC,WAAW;AACd,kBAAY,CAAC;AACb,mBAAa,eAAe,iCAAiC,WAAW,WAAW;AAAA,IACrF;AAEA,cAAU,KAAK,EAAE,aAAa,UAAU,kBAAkB,MAAM,QAAQ,CAAC;AAAA,EAC3E;AACF;AAGO,SAAS,iCAA+D,UAAiC,MAAc,SAAkF;AAC9M,SAAO,iBAAyB,UAAU,MAAM,EAAC,GAAG,WAAS,CAAC,GAAG,MAAK,SAAS,UAAU,KAAI,CAAC;AAChG;AAEO,SAAS,kCAAgE,UAAiC,MAAc,SAAkF;AAC/M,SAAO,iBAAyB,UAAU,MAAM,EAAC,GAAG,WAAS,CAAC,GAAG,MAAK,UAAU,UAAU,KAAI,CAAC;AACjG;AACO,SAAS,+BAA6D,UAAiC,MAAc,SAAkF;AAC5M,SAAO,iBAAyB,UAAU,MAAM,EAAC,GAAG,WAAS,CAAC,GAAG,MAAK,OAAO,UAAU,KAAI,CAAC;AAC9F;AACO,SAAS,yBAAuD,UAAiC,MAAc,SAAkF;AACtM,SAAO,iBAAyB,UAAU,MAAM,EAAC,GAAG,WAAS,CAAC,GAAG,MAAK,QAAQ,UAAU,KAAI,CAAC;AAC/F;AAOO,MAAM,QAAQ;AACd,MAAM,wBAAwB;AAC9B,MAAM,yBAAyB;AAC/B,MAAM,sBAAsB;AAC5B,MAAM,gBAAgB;AACtB,SAAS,qBAAmD,MAAc,SAAkF;AACjK,SAAO,iBAAyB,SAAS,MAAM,OAAO;AACxD;AAKO,SAAS,wBAAsD,MAAc,SAAkF;AACpK,SAAO,iBAAyB,YAAY,MAAM,OAAO;AAC3D;AAEO,SAAS,uBAAqD,MAAc,SAAkF;AACnK,SAAO,iBAAyB,WAAW,MAAM,OAAO;AAC1D;AACO,SAAS,yBAAuD,MAAc,SAAkF;AACrK,SAAO,iBAAyB,aAAa,MAAM,OAAO;AAC5D;AAEO,MAAM,8BAA8B,CAAC,WAA+D;AACzG,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,YAAY,iCAAiC,WAAW;AAC9E;",
-  "names": []
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { SpecialSelector, SwcQueryOptions, HelperHostSet, SwcFnSelector, SwcSelector } from '../types';\n\nexport interface AddEventListenerBaseOptions<TEvent extends Event = Event> extends EventListenerOptions {\n  capture?: boolean;\n  once?: boolean;\n  passive?: boolean;\n  stopPropagation?: boolean;\n  stopImmediatePropagation?: boolean;\n  preventDefault?: boolean;\n  // removeOnDisconnected?: boolean;\n  // delegate\uB294 \uBB38\uC790\uC5F4 \uC140\uB809\uD130 \uC804\uC6A9 \u2192 AddEventListenerQueryOptions\uC5D0\uB9CC \uC874\uC7AC\n  filter?: (target: Event | CustomEvent, meta:{currentThis: any, helper: HelperHostSet}) => boolean;\n  // \uB9AC\uC2A4\uB108 \uC81C\uAC70(disconnected \uB610\uB294 unmount) \uC2DC \uD638\uCD9C\uB418\uB294 \uCF5C\uBC31. \uCCAB \uBC88\uC9F8 \uC778\uC790\uB294 \uBC14\uC778\uB529\uB41C \uD0C0\uAC9F element, \uB450 \uBC88\uC9F8\uB294 \uC774 \uC635\uC158\uC774 \uC18D\uD55C \uC804\uCCB4 \uC635\uC158 \uAC1D\uCCB4(Base + SwcQuery + delegate).\n  removeListener?: (target: Element, optionValue: AddEventListenerQueryOptions<TEvent>) => void;\n  // RxJS operator options\n  debounceTime?: number;\n  throttleTime?: number;\n  distinctUntilChanged?: boolean | ((prev: TEvent, curr: TEvent) => boolean);\n}\n\nexport type EventListenerFnSelector = SwcFnSelector;\nexport type EventListenerSelector = SwcSelector;\n\nexport interface AddEventListenerMetadata<TEvent extends Event = Event> {\n  propertyKey: string | symbol;\n  selector: EventListenerSelector;\n  type: string;\n  options: AddEventListenerQueryOptions<TEvent>;\n}\n\nexport const ADD_EVENT_LISTENER_METADATA_KEY = Symbol.for('simple-web-component:add-event-listener');\n\n// root + delegate \uD5C8\uC6A9 \u2014 \uBB38\uC790\uC5F4 \uC140\uB809\uD130\uB294 \uCEF4\uD3EC\uB10C\uD2B8 DOM \uD2B8\uB9AC \uC548\uC5D0\uC11C \uD0D0\uC0C9/\uB378\uB9AC\uAC8C\uC774\uC158\uD558\uBBC0\uB85C \uC758\uBBF8 \uC788\uC74C\nexport type AddEventListenerQueryOptions<TEvent extends Event = Event> = AddEventListenerBaseOptions<TEvent> & SwcQueryOptions & { delegate?: boolean | 'this' | 'mutation' };\n// root\u00B7delegate \uBE44\uD5C8\uC6A9 \u2014 \uD568\uC218 \uC140\uB809\uD130\uB294 \uC774\uBBF8 \uC694\uC18C\uB97C \uC9C1\uC811 \uBC18\uD658\uD558\uBBC0\uB85C root\u00B7delegate\uAC00 \uBB34\uC758\uBBF8\uD568\nexport type AddEventListenerNonQueryOptions<TEvent extends Event = Event> = AddEventListenerBaseOptions<TEvent>;\n\n// \uC140\uB809\uD130 \uC885\uB958\uC5D0 \uB530\uB77C \uC635\uC158 \uD0C0\uC785\uC744 \uBD84\uAE30\nexport type AddEventListenerOptionsOf<S extends EventListenerSelector, TEvent extends Event = Event> =\n  S extends string ? AddEventListenerQueryOptions<TEvent> : AddEventListenerNonQueryOptions<TEvent>;\n\nexport function addEventListener<TEvent extends Event = Event>(target: SpecialSelector, type: string, options?: AddEventListenerQueryOptions<TEvent>): MethodDecorator;\nexport function addEventListener<TEvent extends Event = Event>(selector: string, type: string, options?: AddEventListenerQueryOptions<TEvent>): MethodDecorator;\nexport function addEventListener<TEvent extends Event = Event>(selector: string, type: string[], options?: AddEventListenerQueryOptions<TEvent>): MethodDecorator;\nexport function addEventListener<TEvent extends Event = Event>(selector: EventListenerFnSelector, type: string, options?: AddEventListenerNonQueryOptions<TEvent>): MethodDecorator;\n/**\n * @addEventListener(type, options?) \u2014 \uC140\uB809\uD130 \uC0DD\uB7B5 \uC2DC $this(\uCEF4\uD3EC\uB10C\uD2B8 \uC790\uC2E0)\uB85C \uBC14\uC778\uB529\n */\nexport function addEventListener<TEvent extends Event = Event>(type: string, options?: AddEventListenerQueryOptions<TEvent>): MethodDecorator;\nexport function addEventListener<TEvent extends Event = Event>(type: string[], options?: AddEventListenerQueryOptions<TEvent>): MethodDecorator;\n/**\n * @addEventListener decorator to bind events to elements.\n */\nexport function addEventListener<TEvent extends Event = Event>(selectorOrType: EventListenerSelector | string | string[], typeOrOptions?: string | string[] | AddEventListenerQueryOptions<TEvent>, maybeOptions?: AddEventListenerQueryOptions<TEvent>): MethodDecorator {\n  return (targetObj: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n    let selector: EventListenerSelector;\n    let types: string[];\n    let opts: any = {};\n\n    if (typeof typeOrOptions === 'string' || Array.isArray(typeOrOptions)) {\n      // (selector, type|[types][, options]) form \u2014 \uAE30\uC874 \uD638\uD658\n      selector = selectorOrType as EventListenerSelector;\n      types = Array.isArray(typeOrOptions) ? typeOrOptions : [typeOrOptions];\n      opts = maybeOptions ?? {};\n    } else {\n      // (type|[types][, options]) form \u2014 selector \uAE30\uBCF8\uAC12 $this\n      selector = '$this';\n      if (Array.isArray(selectorOrType)) types = selectorOrType;\n      else types = [selectorOrType as string];\n      opts = typeOrOptions ?? {};\n    }\n\n    const constructor = targetObj.constructor;\n\n    let listeners = ReflectUtils.getMetadata<AddEventListenerMetadata<TEvent>[]>(ADD_EVENT_LISTENER_METADATA_KEY, constructor);\n    if (!listeners) {\n      listeners = [];\n      ReflectUtils.defineMetadata(ADD_EVENT_LISTENER_METADATA_KEY, listeners, constructor);\n    }\n\n    for (const type of types) listeners.push({ propertyKey, selector, type, options: opts });\n  };\n}\n\n\nexport function addEventListenerDelegateLight<TEvent extends Event = Event>(selector: string, type: string, options?: Omit<AddEventListenerQueryOptions<TEvent>, 'delegate'>): MethodDecorator {\n  return addEventListener<TEvent>(selector, type, {...options??{}, root:'light', delegate: true});\n}\n\nexport function addEventListenerDelegateShadow<TEvent extends Event = Event>(selector: string, type: string, options?: Omit<AddEventListenerQueryOptions<TEvent>, 'delegate'>): MethodDecorator {\n  return addEventListener<TEvent>(selector, type, {...options??{}, root:'shadow', delegate: true});\n}\nexport function addEventListenerDelegateAll<TEvent extends Event = Event>(selector: string, type: string, options?: Omit<AddEventListenerQueryOptions<TEvent>, 'delegate'>): MethodDecorator {\n  return addEventListener<TEvent>(selector, type, {...options??{}, root:'all', delegate: true});\n}\nexport function addEventListenerDelegate<TEvent extends Event = Event>(selector: string, type: string, options?: Omit<AddEventListenerQueryOptions<TEvent>, 'delegate'>): MethodDecorator {\n  return addEventListener<TEvent>(selector, type, {...options??{}, root:'auto', delegate: true});\n}\n\nexport function addEventListenerMutationLight<TEvent extends Event = Event>(selector: string, type: string, options?: Omit<AddEventListenerQueryOptions<TEvent>, 'delegate'>): MethodDecorator {\n  return addEventListener<TEvent>(selector, type, {...options??{}, root:'light', delegate: 'mutation'});\n}\n\nexport function addEventListenerMutationShadow<TEvent extends Event = Event>(selector: string, type: string, options?: Omit<AddEventListenerQueryOptions<TEvent>, 'delegate'>): MethodDecorator {\n  return addEventListener<TEvent>(selector, type, {...options??{}, root:'shadow', delegate: 'mutation'});\n}\n\nexport function addEventListenerMutationAll<TEvent extends Event = Event>(selector: string, type: string, options?: Omit<AddEventListenerQueryOptions<TEvent>, 'delegate'>): MethodDecorator {\n  return addEventListener<TEvent>(selector, type, {...options??{}, root:'all', delegate: 'mutation'});\n}\n\nexport function addEventListenerMutation<TEvent extends Event = Event>(selector: string, type: string, options?: Omit<AddEventListenerQueryOptions<TEvent>, 'delegate'>): MethodDecorator {\n  return addEventListener<TEvent>(selector, type, {...options??{}, root:'auto', delegate: 'mutation'});\n}\n\n// \u2500\u2500\u2500 root\uBCC4 \uC77C\uBC18 \uD5EC\uD37C (delegate \uC5C6\uC74C, \uBB38\uC790\uC5F4 \uC140\uB809\uD130 \uC804\uC6A9) \u2500\u2500\u2500\n\nexport function addEventListenerLight<TEvent extends Event = Event>(selector: string, type: string, options?: AddEventListenerQueryOptions<TEvent>): MethodDecorator {\n  return addEventListener<TEvent>(selector, type, {...options??{}, root:'light'});\n}\n\nexport function addEventListenerShadow<TEvent extends Event = Event>(selector: string, type: string, options?: AddEventListenerQueryOptions<TEvent>): MethodDecorator {\n  return addEventListener<TEvent>(selector, type, {...options??{}, root:'shadow'});\n}\n\nexport function addEventListenerAll<TEvent extends Event = Event>(selector: string, type: string, options?: AddEventListenerQueryOptions<TEvent>): MethodDecorator {\n  return addEventListener<TEvent>(selector, type, {...options??{}, root:'all'});\n}\n\n/**\n * @addEventListenerThis decorator - simplified version of @addEventListener for $this selector\n */\nexport function addEventListenerThis<TEvent extends Event = Event>(type: string, options?: AddEventListenerQueryOptions<TEvent>): MethodDecorator {\n  return addEventListener<TEvent>('$this', type, options);\n}\n\n/**\n * @addEventListenerAppHost decorator - simplified version of @addEventListener for $appHost selector\n */\nexport function addEventListenerAppHost<TEvent extends Event = Event>(type: string, options?: AddEventListenerQueryOptions<TEvent>): MethodDecorator {\n  return addEventListener<TEvent>('$appHost', type, options);\n}\n\nexport function addEventListenerWindow<TEvent extends Event = Event>(type: string, options?: AddEventListenerQueryOptions<TEvent>): MethodDecorator {\n  return addEventListener<TEvent>('$window', type, options);\n}\nexport function addEventListenerDocument<TEvent extends Event = Event>(type: string, options?: AddEventListenerQueryOptions<TEvent>): MethodDecorator {\n  return addEventListener<TEvent>('$document', type, options);\n}\n\n// --- Aliases: event... ---\nexport const event = addEventListener;\nexport const eventDelegateLight = addEventListenerDelegateLight;\nexport const eventDelegateShadow = addEventListenerDelegateShadow;\nexport const eventDelegateAll = addEventListenerDelegateAll;\nexport const eventDelegate = addEventListenerDelegate;\nexport const eventMutationLight = addEventListenerMutationLight;\nexport const eventMutationShadow = addEventListenerMutationShadow;\nexport const eventMutationAll = addEventListenerMutationAll;\nexport const eventMutation = addEventListenerMutation;\nexport const eventLight = addEventListenerLight;\nexport const eventShadow = addEventListenerShadow;\nexport const eventAll = addEventListenerAll;\nexport const eventAppHost = addEventListenerAppHost;\nexport const eventWindow = addEventListenerWindow;\nexport const eventDocument = addEventListenerDocument;\nexport const eventThis = addEventListenerThis;\n\nexport const getAddEventListenerMetadata = (target: any): AddEventListenerMetadata<Event>[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(ADD_EVENT_LISTENER_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// EventListenerLifeCycler\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, MutationObserverSetEntry, OnConnectedResult } from '../types';\nimport { Subject } from '@dooboostore/core';\nimport { debounceTime, distinctUntilChanged, throttleTime } from '@dooboostore/core/message/operators';\nimport { SwcUtils } from '../utils/Utils';\n\nexport interface BoundListenerEntry {\n  target: EventTarget;\n  type: string;\n  handler: EventListener;\n  options: AddEventListenerOptions;\n  onRemoves?: Array<{ fn: (target: EventTarget, optionValue: unknown) => void; opts: unknown }>;\n  subscription?: { unsubscribe: () => void };\n  meta?: AddEventListenerMetadata<Event>;\n}\n\nexport class EventListenerLifeCycler implements ElementDefineLifeCycler {\n  /** \uC778\uC2A4\uD134\uC2A4\uBCC4 boundListeners \uC0C1\uD0DC (\uC2DC\uD074\uB7EC\uB294 elementDefine \uC2DC 1\uD68C \uC0DD\uC131\uB418\uC5B4 \uACF5\uC720\uB418\uBBC0\uB85C) */\n  private readonly boundListenersMap = new WeakMap<Element, BoundListenerEntry[]>();\n  /** \uC778\uC2A4\uD134\uC2A4\uBCC4 delegate:'mutation' \uBC14\uC778\uB529 \uCD94\uC801 WeakSet \u2014 MutationObserverLifeCycler \uC5D0\uC11C \uCC38\uC870 */\n  private readonly eventBoundSetsMap = new WeakMap<Element, Map<AddEventListenerMetadata, WeakSet<Element>>>();\n\n  // \u2500\u2500 \uC678\uBD80(MutationObserverLifeCycler)\uC5D0\uC11C \uC9C1\uC811 \uC0AC\uC6A9\uD558\uB294 \uACF5\uAC1C \uD5EC\uD37C \u2500\u2500\n\n  /** \uC778\uC2A4\uD134\uC2A4\uBCC4 boundListeners \uB97C \uBC18\uD658\uD55C\uB2E4 (\uC5C6\uC73C\uBA74 \uC0DD\uC131). */\n  getBoundListeners(inst: Element): BoundListenerEntry[] {\n    let list = this.boundListenersMap.get(inst);\n    if (!list) { list = []; this.boundListenersMap.set(inst, list); }\n    return list;\n  }\n\n  /** \uC778\uC2A4\uD134\uC2A4\uBCC4 eventBoundSets \uB97C \uBC18\uD658\uD55C\uB2E4 (\uC5C6\uC73C\uBA74 \uC0DD\uC131). */\n  getEventBoundSets(inst: Element): Map<AddEventListenerMetadata, WeakSet<Element>> {\n    let map = this.eventBoundSetsMap.get(inst);\n    if (!map) { map = new Map(); this.eventBoundSetsMap.set(inst, map); }\n    return map;\n  }\n\n  /**\n   * target \uC5D0 meta \uC774\uBCA4\uD2B8\uB97C \uC9C1\uC811 \uBC14\uC778\uB529\uD55C\uB2E4.\n   * delegate:'mutation' \uCD08\uAE30/\uB3D9\uC801 \uBC14\uC778\uB529\uC5D0\uC11C \uD638\uCD9C\uB41C\uB2E4.\n   */\n  bindDirect(helperHostSet: HelperHostSet, target: EventTarget, meta: AddEventListenerMetadata): void {\n    const inst = helperHostSet.$this;\n    const currentWin = helperHostSet.$w;\n    const { type, options } = meta;\n    const opts = { capture: options.capture, once: options.once, passive: options.passive };\n\n    const handler = async (event: Event) => {\n      if (options.filter) {\n        const helper = SwcUtils.getHelperAndHostSet(currentWin, target as HTMLElement);\n        if (!options.filter(event, { currentThis: inst, helper })) return;\n      }\n      if (options.stopPropagation) event.stopPropagation();\n      if (options.stopImmediatePropagation) event.stopImmediatePropagation();\n      if (options.preventDefault) event.preventDefault();\n      const currentHostSet = SwcUtils.getHostSet(inst);\n      await inst[meta.propertyKey](event, { currentHostSet, $matchedElement: event.currentTarget }, { event, ...currentHostSet, $el: target, $root: target });\n    };\n\n    const eventSubject = new Subject<Event>();\n    let eventStream: any = eventSubject;\n    if (options.debounceTime && options.debounceTime > 0)\n      eventStream = eventStream.pipe(debounceTime(options.debounceTime));\n    if (options.throttleTime && options.throttleTime > 0)\n      eventStream = eventStream.pipe(throttleTime(options.throttleTime));\n    if (options.distinctUntilChanged !== undefined && options.distinctUntilChanged !== false) {\n      eventStream = typeof options.distinctUntilChanged === 'function'\n        ? eventStream.pipe(distinctUntilChanged(options.distinctUntilChanged))\n        : eventStream.pipe(distinctUntilChanged());\n    }\n\n    const subscription = eventStream.subscribe({\n      next: (e: Event) => handler(e).catch((err: any) => console.error('Event handler error:', err)),\n      error: (err: any) => console.error('Event stream error:', err),\n    });\n\n    const wrappedHandler = (event: Event) => eventSubject.next(event);\n    target.addEventListener(type, wrappedHandler, opts);\n\n    const onRemoves: Array<{ fn: any; opts: any }> =\n      options.removeListener ? [{ fn: options.removeListener, opts: options }] : [];\n    this.getBoundListeners(inst).push({ target, type, handler: wrappedHandler, options: opts, subscription, onRemoves, meta });\n  }\n\n  /** target + meta \uC870\uD569 \uB9AC\uC2A4\uB108\uB97C \uC81C\uAC70\uD55C\uB2E4. MutationObserver \uCD94\uC801 \uC694\uC18C \uC81C\uAC70 \uC2DC \uD638\uCD9C. */\n  unbindDirect(helperHostSet: HelperHostSet, target: EventTarget, meta: AddEventListenerMetadata): void {\n    const inst = helperHostSet.$this;\n    const list = this.getBoundListeners(inst);\n    for (let i = list.length - 1; i >= 0; i--) {\n      const l = list[i];\n      if (l.target === target && l.type === meta.type && l.meta === meta) {\n        try { l.target.removeEventListener(l.type, l.handler, l.options); l.subscription?.unsubscribe?.(); }\n        catch (e) { console.error('[SWC] unbindDirect error:', e); }\n        for (const r of l.onRemoves ?? []) {\n          try { r.fn(l.target, r.opts); } catch (e) { console.error('[SWC] unbindDirect removeListener error:', e); }\n        }\n        list.splice(i, 1);\n      }\n    }\n  }\n\n  /**\n   * \uBA54\uD0C0\uB370\uC774\uD130 \uBAA9\uB85D\uC744 delegate / mutationDelegate / nonDelegate \uB85C \uBD84\uB958\uD55C\uB2E4.\n   * MutationObserverLifeCycler \uC5D0\uC11C mutationDelegate \uBAA9\uB85D\uC744 \uAEBC\uB0BC \uB54C \uC0AC\uC6A9\uD55C\uB2E4.\n   */\n  classifyListeners(metaList: AddEventListenerMetadata[]): {\n    delegateListeners: AddEventListenerMetadata[];\n    mutationDelegateListeners: AddEventListenerMetadata[];\n    nonDelegateListeners: AddEventListenerMetadata[];\n  } {\n    const isSpecial = (sel: any) =>\n      ['$window', '$document', '$host', '$appHost', '$firstHost', '$lastHost',\n       '$firstAppHost', '$lastAppHost', '$hosts', '$appHosts', '$this', ''].includes(sel);\n\n    const delegateListeners: AddEventListenerMetadata[] = [];\n    const mutationDelegateListeners: AddEventListenerMetadata[] = [];\n    const nonDelegateListeners: AddEventListenerMetadata[] = [];\n\n    for (const meta of metaList) {\n      const isStr = typeof meta.selector === 'string';\n      const mode = meta.options.delegate;\n      if (mode && isStr && !isSpecial(meta.selector)) {\n        mode === 'mutation' ? mutationDelegateListeners.push(meta) : delegateListeners.push(meta);\n      } else {\n        nonDelegateListeners.push(meta);\n      }\n    }\n    return { delegateListeners, mutationDelegateListeners, nonDelegateListeners };\n  }\n\n  // \u2500\u2500 ElementDefineLifeCycler \uAD6C\uD604 \u2500\u2500\n\n  onConnected(helperHostSet: HelperHostSet): OnConnectedResult | void {\n    const inst = helperHostSet.$this;\n    const currentWin = helperHostSet.$w;\n\n    this.boundListenersMap.delete(inst);\n    this.eventBoundSetsMap.delete(inst);\n\n    const allMeta = getAddEventListenerMetadata(inst) ?? [];\n    const { delegateListeners, nonDelegateListeners, mutationDelegateListeners } = this.classifyListeners(allMeta);\n\n    // \u2500\u2500 delegate \uB9AC\uC2A4\uB108: type+root \uD0A4\uB85C \uADF8\uB8F9\uD551 \u2192 unified handler \u2500\u2500\n    const groups = new Map<string, AddEventListenerMetadata[]>();\n    for (const meta of delegateListeners) {\n      const key = `${meta.type}:${meta.options.root || 'auto'}`;\n      if (!groups.has(key)) groups.set(key, []);\n      groups.get(key)!.push(meta);\n    }\n\n    groups.forEach((metaList, key) => {\n      const ci = key.indexOf(':');\n      const type = key.slice(0, ci);\n      const r = key.slice(ci + 1);\n      const opts = { capture: metaList[0].options.capture, once: metaList[0].options.once, passive: metaList[0].options.passive };\n\n      const roots: (HTMLElement | ShadowRoot)[] = [];\n      if (r === 'auto') roots.push(inst.shadowRoot || inst);\n      else if (r === 'light') roots.push(inst);\n      else if (r === 'shadow' && inst.shadowRoot) roots.push(inst.shadowRoot);\n      else if (r === 'all') { roots.push(inst); if (inst.shadowRoot) roots.push(inst.shadowRoot); }\n\n      for (const br of roots) {\n        const sorted = [...metaList].sort((a, b) => (b.options.stopPropagation ? 1 : 0) - (a.options.stopPropagation ? 1 : 0));\n        const handler = async (event: Event) => {\n          for (const m of sorted) {\n            const matchedEl = (event.target as HTMLElement)?.closest(m.selector as string);\n            console.log('[DBG][delegate] type=', event.type, '| evtTarget=', (event.target as any)?.tagName, '| sel=', m.selector, '| matchedEl=', matchedEl?.className || matchedEl?.tagName, '| brContains=', (br as any).contains?.(matchedEl), '| brTag=', (br as any).tagName || (br as any).constructor?.name);\n            if (matchedEl && (br as any).contains(matchedEl)) {\n              if (m.options.filter) {\n                const helper = SwcUtils.getHelperAndHostSet(currentWin, matchedEl as HTMLElement);\n                if (!m.options.filter(event, { currentThis: inst, helper })) continue;\n              }\n              if (m.options.stopPropagation) event.stopPropagation();\n              if (m.options.stopImmediatePropagation) event.stopImmediatePropagation();\n              if (m.options.preventDefault) event.preventDefault();\n              const hs = SwcUtils.getHostSet(inst);\n              await inst[m.propertyKey](event, { ...hs, $matchedElement: matchedEl }, { event, ...hs, $el: matchedEl, $root: br });\n              if ((event as any).cancelBubble) break;\n            }\n          }\n        };\n        br.addEventListener(type, handler, opts);\n        if (type === 'click') {\n          console.log('[DBG][eventCycler] bound click on br=', (br as any).tagName || (br as any).constructor?.name, '| inst=', (inst as any).tagName || (inst as any).constructor?.name, '| isSame=', br === inst);\n        }\n        const onRemoves: Array<{ fn: any; opts: any }> = sorted.filter(m => m.options.removeListener).map(m => ({ fn: m.options.removeListener, opts: m.options }));\n        this.getBoundListeners(inst).push({ target: br, type, handler, options: opts, onRemoves });\n      }\n    });\n\n    // \u2500\u2500 non-delegate \uB9AC\uC2A4\uB108: \uB300\uC0C1 \uC694\uC18C \uC9C1\uC811 \uD0D0\uC0C9 \u2192 bindDirect \u2500\u2500\n    for (const meta of nonDelegateListeners) {\n      const { selector, options } = meta;\n      const r = options.root || 'auto';\n      const bindTargets: EventTarget[] = [];\n\n      let resolvedSel: string | null = null;\n      if (typeof selector === 'function') {\n        const result = selector(inst, helperHostSet);\n        if (typeof result === 'string') resolvedSel = result;\n        else if (result instanceof currentWin.Element) bindTargets.push(result as EventTarget);\n        else if (result instanceof currentWin.NodeList) bindTargets.push(...(Array.from(result) as EventTarget[]));\n        else if (Array.isArray(result)) bindTargets.push(...(result as EventTarget[]));\n      } else {\n        resolvedSel = selector;\n      }\n\n      const applyRoot = (t: any) => {\n        if (!t) return;\n        if (r === 'auto') bindTargets.push(t.shadowRoot || t);\n        else { if (r === 'light' || r === 'all') bindTargets.push(t); if ((r === 'shadow' || r === 'all') && t.shadowRoot) bindTargets.push(t.shadowRoot); }\n      };\n\n      if (resolvedSel) {\n        if (resolvedSel === '$window') bindTargets.push(currentWin);\n        else if (resolvedSel === '$document') bindTargets.push(currentWin.document);\n        else if (resolvedSel === '$host') applyRoot(helperHostSet.$host);\n        else if (resolvedSel === '$parentHost') applyRoot(helperHostSet.$parentHost);\n        else if (resolvedSel === '$appHost') applyRoot(helperHostSet.$appHost);\n        else if (resolvedSel === '$firstHost') applyRoot(helperHostSet.$firstHost);\n        else if (resolvedSel === '$lastHost') applyRoot(helperHostSet.$lastHost);\n        else if (resolvedSel === '$firstAppHost') applyRoot(helperHostSet.$firstAppHost);\n        else if (resolvedSel === '$lastAppHost') applyRoot(helperHostSet.$lastAppHost);\n        else if (resolvedSel === '$hosts') helperHostSet.$hosts.forEach(applyRoot);\n        else if (resolvedSel === '$appHosts') helperHostSet.$appHosts.forEach(applyRoot);\n        else if (resolvedSel === '$this' || !resolvedSel) applyRoot(inst);\n        else {\n          const searchRoots: (HTMLElement | ShadowRoot)[] = [];\n          if (r === 'auto') searchRoots.push(inst.shadowRoot || inst);\n          else if (r === 'light') searchRoots.push(inst);\n          else if (r === 'shadow' && inst.shadowRoot) searchRoots.push(inst.shadowRoot);\n          else if (r === 'all') { searchRoots.push(inst); if (inst.shadowRoot) searchRoots.push(inst.shadowRoot); }\n          for (const sr of searchRoots) sr.querySelectorAll(resolvedSel).forEach(el => bindTargets.push(el));\n        }\n      }\n\n      for (const t of bindTargets) this.bindDirect(helperHostSet, t, meta);\n    }\n\n    // \u2500\u2500 delegate:'mutation' \uB9AC\uC2A4\uB108: MutationObserver \uB85C \uCD94\uAC00/\uC81C\uAC70\uB41C \uC694\uC18C\uB97C \uCD94\uC801\uD574 \uC9C1\uC811 \uBC14\uC778\uB529/\uD574\uC81C \u2500\u2500\n    // \uC774\uBCA4\uD2B8 \uB9AC\uC2A4\uB108\uC758 \uCC45\uC784\uC774\uBBC0\uB85C EventListenerLifeCycler \uAC00 \uC9C1\uC811 \uCC98\uB9AC\uD558\uACE0,\n    // mutationObserverSet \uC744 \uBC18\uD658\uD574 elementDefine \uC774 \uD558\uB098\uC758 MutationObserver \uB85C \uC0DD\uC131\uD558\uAC8C \uD55C\uB2E4.\n    if (mutationDelegateListeners.length > 0) {\n      const shadowEventDelegates = mutationDelegateListeners.filter(m => {\n        const r = m.options.root || 'auto';\n        return inst.shadowRoot && (r === 'shadow' || r === 'all' || r === 'auto');\n      });\n      const lightEventDelegates = mutationDelegateListeners.filter(m => {\n        const r = m.options.root || 'auto';\n        return r === 'light' || r === 'all' || (!inst.shadowRoot && r === 'auto');\n      });\n\n      const buildMutationEntry = (\n        root: HTMLElement | ShadowRoot,\n        eventDelegates: AddEventListenerMetadata[],\n      ): MutationObserverSetEntry | null => {\n        if (eventDelegates.length === 0) return null;\n        const boundSets = this.getEventBoundSets(inst);\n\n        const callback = (mutations: MutationRecord[], obs: MutationObserver) => {\n          for (const m of eventDelegates) {\n            let boundSet = boundSets.get(m);\n            if (!boundSet) { boundSet = new WeakSet<Element>(); boundSets.set(m, boundSet); }\n\n            const isThis = m.selector === '$this' || m.selector === '';\n            const matchesSel = (n: any) => {\n              if (!n || n.nodeType !== 1) return false;\n              if (isThis) return true;\n              return typeof m.selector === 'string' && (n as HTMLElement).matches?.(m.selector);\n            };\n            const bindEl   = (el: Element) => { if (!boundSet!.has(el)) { this.bindDirect(helperHostSet, el, m); boundSet!.add(el); } };\n            const unbindEl = (el: Element) => { if (boundSet!.has(el))  { this.unbindDirect(helperHostSet, el, m); boundSet!.delete(el); } };\n\n            for (const mut of mutations) {\n              Array.from(mut.addedNodes   || []).forEach(n => { if (n.nodeType !== 1) return; if (matchesSel(n)) bindEl(n as Element); else if (!isThis && typeof m.selector === 'string') (n as Element).querySelectorAll?.(m.selector).forEach(bindEl); });\n              Array.from(mut.removedNodes || []).forEach(n => { if (n.nodeType !== 1) return; const el = n as Element; if (matchesSel(el)) unbindEl(el); else if (!isThis && typeof m.selector === 'string') el.querySelectorAll?.(m.selector).forEach(unbindEl); });\n            }\n          }\n        };\n\n        // delegate:'mutation' \uCD08\uAE30 \uBC14\uC778\uB529 (connected \uC2DC \uC774\uBBF8 \uC874\uC7AC\uD558\uB294 \uC694\uC18C)\n        for (const m of eventDelegates) {\n          let boundSet = boundSets.get(m);\n          if (!boundSet) { boundSet = new WeakSet<Element>(); boundSets.set(m, boundSet); }\n          if (typeof m.selector !== 'string') continue;\n          if (m.selector === '$this' || m.selector === '') {\n            this.bindDirect(helperHostSet, root as EventTarget, m);\n            boundSet.add(root as Element);\n          } else {\n            root.querySelectorAll(m.selector).forEach(el => {\n              if (!boundSet!.has(el)) { this.bindDirect(helperHostSet, el, m); boundSet!.add(el); }\n            });\n          }\n        }\n\n        return { target: root, options: { childList: true, subtree: true }, callback };\n      };\n\n      const shadowEntry = inst.shadowRoot ? buildMutationEntry(inst.shadowRoot, shadowEventDelegates) : null;\n      const lightEntry = buildMutationEntry(inst as any, lightEventDelegates);\n      const mutationObserverSet: MutationObserverSetEntry[] = [shadowEntry, lightEntry].filter(Boolean) as MutationObserverSetEntry[];\n      if (mutationObserverSet.length > 0) return { mutationObserverSet };\n    }\n\n    return undefined;\n  }\n\n  onDisconnected(helperHostSet: HelperHostSet): void {\n    const inst = helperHostSet.$this;\n    const list = this.boundListenersMap.get(inst) ?? [];\n    for (const l of list) {\n      try { l.target.removeEventListener(l.type, l.handler, l.options); l.subscription?.unsubscribe?.(); }\n      catch (e) { console.error('[SWC] EventListenerLifeCycler cleanup error:', e); }\n      for (const r of l.onRemoves ?? []) {\n        try { r.fn(l.target, r.opts); } catch (e) { console.error('[SWC] removeListener error:', e); }\n      }\n    }\n    this.boundListenersMap.delete(inst);\n    this.eventBoundSetsMap.delete(inst);\n  }\n}\n"],
+  "mappings": ";;;AAAA,SAAS,oBAAoB;AA+BtB,MAAM,kCAAkC,OAAO,IAAI,yCAAyC;AAuB5F,SAAS,iBAA+C,gBAA2D,eAA0E,cAAsE;AACxQ,SAAO,CAAC,WAAmB,aAA8B,eAAmC;AAC1F,QAAI;AACJ,QAAI;AACJ,QAAI,OAAY,CAAC;AAEjB,QAAI,OAAO,kBAAkB,YAAY,MAAM,QAAQ,aAAa,GAAG;AAErE,iBAAW;AACX,cAAQ,MAAM,QAAQ,aAAa,IAAI,gBAAgB,CAAC,aAAa;AACrE,aAAO,gBAAgB,CAAC;AAAA,IAC1B,OAAO;AAEL,iBAAW;AACX,UAAI,MAAM,QAAQ,cAAc,EAAG,SAAQ;AAAA,UACtC,SAAQ,CAAC,cAAwB;AACtC,aAAO,iBAAiB,CAAC;AAAA,IAC3B;AAEA,UAAM,cAAc,UAAU;AAE9B,QAAI,YAAY,aAAa,YAAgD,iCAAiC,WAAW;AACzH,QAAI,CAAC,WAAW;AACd,kBAAY,CAAC;AACb,mBAAa,eAAe,iCAAiC,WAAW,WAAW;AAAA,IACrF;AAEA,eAAW,QAAQ,MAAO,WAAU,KAAK,EAAE,aAAa,UAAU,MAAM,SAAS,KAAK,CAAC;AAAA,EACzF;AACF;AAGO,SAAS,8BAA4D,UAAkB,MAAc,SAAmF;AAC7L,SAAO,iBAAyB,UAAU,MAAM,EAAC,GAAG,WAAS,CAAC,GAAG,MAAK,SAAS,UAAU,KAAI,CAAC;AAChG;AAEO,SAAS,+BAA6D,UAAkB,MAAc,SAAmF;AAC9L,SAAO,iBAAyB,UAAU,MAAM,EAAC,GAAG,WAAS,CAAC,GAAG,MAAK,UAAU,UAAU,KAAI,CAAC;AACjG;AACO,SAAS,4BAA0D,UAAkB,MAAc,SAAmF;AAC3L,SAAO,iBAAyB,UAAU,MAAM,EAAC,GAAG,WAAS,CAAC,GAAG,MAAK,OAAO,UAAU,KAAI,CAAC;AAC9F;AACO,SAAS,yBAAuD,UAAkB,MAAc,SAAmF;AACxL,SAAO,iBAAyB,UAAU,MAAM,EAAC,GAAG,WAAS,CAAC,GAAG,MAAK,QAAQ,UAAU,KAAI,CAAC;AAC/F;AAEO,SAAS,8BAA4D,UAAkB,MAAc,SAAmF;AAC7L,SAAO,iBAAyB,UAAU,MAAM,EAAC,GAAG,WAAS,CAAC,GAAG,MAAK,SAAS,UAAU,WAAU,CAAC;AACtG;AAEO,SAAS,+BAA6D,UAAkB,MAAc,SAAmF;AAC9L,SAAO,iBAAyB,UAAU,MAAM,EAAC,GAAG,WAAS,CAAC,GAAG,MAAK,UAAU,UAAU,WAAU,CAAC;AACvG;AAEO,SAAS,4BAA0D,UAAkB,MAAc,SAAmF;AAC3L,SAAO,iBAAyB,UAAU,MAAM,EAAC,GAAG,WAAS,CAAC,GAAG,MAAK,OAAO,UAAU,WAAU,CAAC;AACpG;AAEO,SAAS,yBAAuD,UAAkB,MAAc,SAAmF;AACxL,SAAO,iBAAyB,UAAU,MAAM,EAAC,GAAG,WAAS,CAAC,GAAG,MAAK,QAAQ,UAAU,WAAU,CAAC;AACrG;AAIO,SAAS,sBAAoD,UAAkB,MAAc,SAAiE;AACnK,SAAO,iBAAyB,UAAU,MAAM,EAAC,GAAG,WAAS,CAAC,GAAG,MAAK,QAAO,CAAC;AAChF;AAEO,SAAS,uBAAqD,UAAkB,MAAc,SAAiE;AACpK,SAAO,iBAAyB,UAAU,MAAM,EAAC,GAAG,WAAS,CAAC,GAAG,MAAK,SAAQ,CAAC;AACjF;AAEO,SAAS,oBAAkD,UAAkB,MAAc,SAAiE;AACjK,SAAO,iBAAyB,UAAU,MAAM,EAAC,GAAG,WAAS,CAAC,GAAG,MAAK,MAAK,CAAC;AAC9E;AAKO,SAAS,qBAAmD,MAAc,SAAiE;AAChJ,SAAO,iBAAyB,SAAS,MAAM,OAAO;AACxD;AAKO,SAAS,wBAAsD,MAAc,SAAiE;AACnJ,SAAO,iBAAyB,YAAY,MAAM,OAAO;AAC3D;AAEO,SAAS,uBAAqD,MAAc,SAAiE;AAClJ,SAAO,iBAAyB,WAAW,MAAM,OAAO;AAC1D;AACO,SAAS,yBAAuD,MAAc,SAAiE;AACpJ,SAAO,iBAAyB,aAAa,MAAM,OAAO;AAC5D;AAGO,MAAM,QAAQ;AACd,MAAM,qBAAqB;AAC3B,MAAM,sBAAsB;AAC5B,MAAM,mBAAmB;AACzB,MAAM,gBAAgB;AACtB,MAAM,qBAAqB;AAC3B,MAAM,sBAAsB;AAC5B,MAAM,mBAAmB;AACzB,MAAM,gBAAgB;AACtB,MAAM,aAAa;AACnB,MAAM,cAAc;AACpB,MAAM,WAAW;AACjB,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,gBAAgB;AACtB,MAAM,YAAY;AAElB,MAAM,8BAA8B,CAAC,WAA+D;AACzG,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,YAAY,iCAAiC,WAAW;AAC9E;AAMA,SAAS,eAAe;AACxB,SAAS,cAAc,sBAAsB,oBAAoB;AACjE,SAAS,gBAAgB;AAYlB,MAAM,wBAA2D;AAAA,EAAjE;AAEL;AAAA,wBAAiB,qBAAoB,oBAAI,QAAuC;AAEhF;AAAA,wBAAiB,qBAAoB,oBAAI,QAAkE;AAAA;AAAA;AAAA;AAAA,EAK3G,kBAAkB,MAAqC;AACrD,QAAI,OAAO,KAAK,kBAAkB,IAAI,IAAI;AAC1C,QAAI,CAAC,MAAM;AAAE,aAAO,CAAC;AAAG,WAAK,kBAAkB,IAAI,MAAM,IAAI;AAAA,IAAG;AAChE,WAAO;AAAA,EACT;AAAA;AAAA,EAGA,kBAAkB,MAAgE;AAChF,QAAI,MAAM,KAAK,kBAAkB,IAAI,IAAI;AACzC,QAAI,CAAC,KAAK;AAAE,YAAM,oBAAI,IAAI;AAAG,WAAK,kBAAkB,IAAI,MAAM,GAAG;AAAA,IAAG;AACpE,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,WAAW,eAA8B,QAAqB,MAAsC;AAClG,UAAM,OAAO,cAAc;AAC3B,UAAM,aAAa,cAAc;AACjC,UAAM,EAAE,MAAM,QAAQ,IAAI;AAC1B,UAAM,OAAO,EAAE,SAAS,QAAQ,SAAS,MAAM,QAAQ,MAAM,SAAS,QAAQ,QAAQ;AAEtF,UAAM,UAAU,OAAOA,WAAiB;AACtC,UAAI,QAAQ,QAAQ;AAClB,cAAM,SAAS,SAAS,oBAAoB,YAAY,MAAqB;AAC7E,YAAI,CAAC,QAAQ,OAAOA,QAAO,EAAE,aAAa,MAAM,OAAO,CAAC,EAAG;AAAA,MAC7D;AACA,UAAI,QAAQ,gBAAiB,CAAAA,OAAM,gBAAgB;AACnD,UAAI,QAAQ,yBAA0B,CAAAA,OAAM,yBAAyB;AACrE,UAAI,QAAQ,eAAgB,CAAAA,OAAM,eAAe;AACjD,YAAM,iBAAiB,SAAS,WAAW,IAAI;AAC/C,YAAM,KAAK,KAAK,WAAW,EAAEA,QAAO,EAAE,gBAAgB,iBAAiBA,OAAM,cAAc,GAAG,EAAE,OAAAA,QAAO,GAAG,gBAAgB,KAAK,QAAQ,OAAO,OAAO,CAAC;AAAA,IACxJ;AAEA,UAAM,eAAe,IAAI,QAAe;AACxC,QAAI,cAAmB;AACvB,QAAI,QAAQ,gBAAgB,QAAQ,eAAe;AACjD,oBAAc,YAAY,KAAK,aAAa,QAAQ,YAAY,CAAC;AACnE,QAAI,QAAQ,gBAAgB,QAAQ,eAAe;AACjD,oBAAc,YAAY,KAAK,aAAa,QAAQ,YAAY,CAAC;AACnE,QAAI,QAAQ,yBAAyB,UAAa,QAAQ,yBAAyB,OAAO;AACxF,oBAAc,OAAO,QAAQ,yBAAyB,aAClD,YAAY,KAAK,qBAAqB,QAAQ,oBAAoB,CAAC,IACnE,YAAY,KAAK,qBAAqB,CAAC;AAAA,IAC7C;AAEA,UAAM,eAAe,YAAY,UAAU;AAAA,MACzC,MAAM,CAAC,MAAa,QAAQ,CAAC,EAAE,MAAM,CAAC,QAAa,QAAQ,MAAM,wBAAwB,GAAG,CAAC;AAAA,MAC7F,OAAO,CAAC,QAAa,QAAQ,MAAM,uBAAuB,GAAG;AAAA,IAC/D,CAAC;AAED,UAAM,iBAAiB,CAACA,WAAiB,aAAa,KAAKA,MAAK;AAChE,WAAO,iBAAiB,MAAM,gBAAgB,IAAI;AAElD,UAAM,YACJ,QAAQ,iBAAiB,CAAC,EAAE,IAAI,QAAQ,gBAAgB,MAAM,QAAQ,CAAC,IAAI,CAAC;AAC9E,SAAK,kBAAkB,IAAI,EAAE,KAAK,EAAE,QAAQ,MAAM,SAAS,gBAAgB,SAAS,MAAM,cAAc,WAAW,KAAK,CAAC;AAAA,EAC3H;AAAA;AAAA,EAGA,aAAa,eAA8B,QAAqB,MAAsC;AACpG,UAAM,OAAO,cAAc;AAC3B,UAAM,OAAO,KAAK,kBAAkB,IAAI;AACxC,aAAS,IAAI,KAAK,SAAS,GAAG,KAAK,GAAG,KAAK;AACzC,YAAM,IAAI,KAAK,CAAC;AAChB,UAAI,EAAE,WAAW,UAAU,EAAE,SAAS,KAAK,QAAQ,EAAE,SAAS,MAAM;AAClE,YAAI;AAAE,YAAE,OAAO,oBAAoB,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO;AAAG,YAAE,cAAc,cAAc;AAAA,QAAG,SAC5F,GAAG;AAAE,kBAAQ,MAAM,6BAA6B,CAAC;AAAA,QAAG;AAC3D,mBAAW,KAAK,EAAE,aAAa,CAAC,GAAG;AACjC,cAAI;AAAE,cAAE,GAAG,EAAE,QAAQ,EAAE,IAAI;AAAA,UAAG,SAAS,GAAG;AAAE,oBAAQ,MAAM,4CAA4C,CAAC;AAAA,UAAG;AAAA,QAC5G;AACA,aAAK,OAAO,GAAG,CAAC;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,kBAAkB,UAIhB;AACA,UAAM,YAAY,CAAC,QACjB;AAAA,MAAC;AAAA,MAAW;AAAA,MAAa;AAAA,MAAS;AAAA,MAAY;AAAA,MAAc;AAAA,MAC3D;AAAA,MAAiB;AAAA,MAAgB;AAAA,MAAU;AAAA,MAAa;AAAA,MAAS;AAAA,IAAE,EAAE,SAAS,GAAG;AAEpF,UAAM,oBAAgD,CAAC;AACvD,UAAM,4BAAwD,CAAC;AAC/D,UAAM,uBAAmD,CAAC;AAE1D,eAAW,QAAQ,UAAU;AAC3B,YAAM,QAAQ,OAAO,KAAK,aAAa;AACvC,YAAM,OAAO,KAAK,QAAQ;AAC1B,UAAI,QAAQ,SAAS,CAAC,UAAU,KAAK,QAAQ,GAAG;AAC9C,iBAAS,aAAa,0BAA0B,KAAK,IAAI,IAAI,kBAAkB,KAAK,IAAI;AAAA,MAC1F,OAAO;AACL,6BAAqB,KAAK,IAAI;AAAA,MAChC;AAAA,IACF;AACA,WAAO,EAAE,mBAAmB,2BAA2B,qBAAqB;AAAA,EAC9E;AAAA;AAAA,EAIA,YAAY,eAAwD;AAClE,UAAM,OAAO,cAAc;AAC3B,UAAM,aAAa,cAAc;AAEjC,SAAK,kBAAkB,OAAO,IAAI;AAClC,SAAK,kBAAkB,OAAO,IAAI;AAElC,UAAM,UAAU,4BAA4B,IAAI,KAAK,CAAC;AACtD,UAAM,EAAE,mBAAmB,sBAAsB,0BAA0B,IAAI,KAAK,kBAAkB,OAAO;AAG7G,UAAM,SAAS,oBAAI,IAAwC;AAC3D,eAAW,QAAQ,mBAAmB;AACpC,YAAM,MAAM,GAAG,KAAK,IAAI,IAAI,KAAK,QAAQ,QAAQ,MAAM;AACvD,UAAI,CAAC,OAAO,IAAI,GAAG,EAAG,QAAO,IAAI,KAAK,CAAC,CAAC;AACxC,aAAO,IAAI,GAAG,EAAG,KAAK,IAAI;AAAA,IAC5B;AAEA,WAAO,QAAQ,CAAC,UAAU,QAAQ;AAChC,YAAM,KAAK,IAAI,QAAQ,GAAG;AAC1B,YAAM,OAAO,IAAI,MAAM,GAAG,EAAE;AAC5B,YAAM,IAAI,IAAI,MAAM,KAAK,CAAC;AAC1B,YAAM,OAAO,EAAE,SAAS,SAAS,CAAC,EAAE,QAAQ,SAAS,MAAM,SAAS,CAAC,EAAE,QAAQ,MAAM,SAAS,SAAS,CAAC,EAAE,QAAQ,QAAQ;AAE1H,YAAM,QAAsC,CAAC;AAC7C,UAAI,MAAM,OAAQ,OAAM,KAAK,KAAK,cAAc,IAAI;AAAA,eAC3C,MAAM,QAAS,OAAM,KAAK,IAAI;AAAA,eAC9B,MAAM,YAAY,KAAK,WAAY,OAAM,KAAK,KAAK,UAAU;AAAA,eAC7D,MAAM,OAAO;AAAE,cAAM,KAAK,IAAI;AAAG,YAAI,KAAK,WAAY,OAAM,KAAK,KAAK,UAAU;AAAA,MAAG;AAE5F,iBAAW,MAAM,OAAO;AACtB,cAAM,SAAS,CAAC,GAAG,QAAQ,EAAE,KAAK,CAAC,GAAG,OAAO,EAAE,QAAQ,kBAAkB,IAAI,MAAM,EAAE,QAAQ,kBAAkB,IAAI,EAAE;AACrH,cAAM,UAAU,OAAOA,WAAiB;AACtC,qBAAW,KAAK,QAAQ;AACtB,kBAAM,YAAaA,OAAM,QAAwB,QAAQ,EAAE,QAAkB;AAC7E,oBAAQ,IAAI,yBAAyBA,OAAM,MAAM,gBAAiBA,OAAM,QAAgB,SAAS,UAAU,EAAE,UAAU,gBAAgB,WAAW,aAAa,WAAW,SAAS,iBAAkB,GAAW,WAAW,SAAS,GAAG,YAAa,GAAW,WAAY,GAAW,aAAa,IAAI;AACvS,gBAAI,aAAc,GAAW,SAAS,SAAS,GAAG;AAChD,kBAAI,EAAE,QAAQ,QAAQ;AACpB,sBAAM,SAAS,SAAS,oBAAoB,YAAY,SAAwB;AAChF,oBAAI,CAAC,EAAE,QAAQ,OAAOA,QAAO,EAAE,aAAa,MAAM,OAAO,CAAC,EAAG;AAAA,cAC/D;AACA,kBAAI,EAAE,QAAQ,gBAAiB,CAAAA,OAAM,gBAAgB;AACrD,kBAAI,EAAE,QAAQ,yBAA0B,CAAAA,OAAM,yBAAyB;AACvE,kBAAI,EAAE,QAAQ,eAAgB,CAAAA,OAAM,eAAe;AACnD,oBAAM,KAAK,SAAS,WAAW,IAAI;AACnC,oBAAM,KAAK,EAAE,WAAW,EAAEA,QAAO,EAAE,GAAG,IAAI,iBAAiB,UAAU,GAAG,EAAE,OAAAA,QAAO,GAAG,IAAI,KAAK,WAAW,OAAO,GAAG,CAAC;AACnH,kBAAKA,OAAc,aAAc;AAAA,YACnC;AAAA,UACF;AAAA,QACF;AACA,WAAG,iBAAiB,MAAM,SAAS,IAAI;AACvC,YAAI,SAAS,SAAS;AACpB,kBAAQ,IAAI,yCAA0C,GAAW,WAAY,GAAW,aAAa,MAAM,WAAY,KAAa,WAAY,KAAa,aAAa,MAAM,aAAa,OAAO,IAAI;AAAA,QAC1M;AACA,cAAM,YAA2C,OAAO,OAAO,OAAK,EAAE,QAAQ,cAAc,EAAE,IAAI,QAAM,EAAE,IAAI,EAAE,QAAQ,gBAAgB,MAAM,EAAE,QAAQ,EAAE;AAC1J,aAAK,kBAAkB,IAAI,EAAE,KAAK,EAAE,QAAQ,IAAI,MAAM,SAAS,SAAS,MAAM,UAAU,CAAC;AAAA,MAC3F;AAAA,IACF,CAAC;AAGD,eAAW,QAAQ,sBAAsB;AACvC,YAAM,EAAE,UAAU,QAAQ,IAAI;AAC9B,YAAM,IAAI,QAAQ,QAAQ;AAC1B,YAAM,cAA6B,CAAC;AAEpC,UAAI,cAA6B;AACjC,UAAI,OAAO,aAAa,YAAY;AAClC,cAAM,SAAS,SAAS,MAAM,aAAa;AAC3C,YAAI,OAAO,WAAW,SAAU,eAAc;AAAA,iBACrC,kBAAkB,WAAW,QAAS,aAAY,KAAK,MAAqB;AAAA,iBAC5E,kBAAkB,WAAW,SAAU,aAAY,KAAK,GAAI,MAAM,KAAK,MAAM,CAAmB;AAAA,iBAChG,MAAM,QAAQ,MAAM,EAAG,aAAY,KAAK,GAAI,MAAwB;AAAA,MAC/E,OAAO;AACL,sBAAc;AAAA,MAChB;AAEA,YAAM,YAAY,CAAC,MAAW;AAC5B,YAAI,CAAC,EAAG;AACR,YAAI,MAAM,OAAQ,aAAY,KAAK,EAAE,cAAc,CAAC;AAAA,aAC/C;AAAE,cAAI,MAAM,WAAW,MAAM,MAAO,aAAY,KAAK,CAAC;AAAG,eAAK,MAAM,YAAY,MAAM,UAAU,EAAE,WAAY,aAAY,KAAK,EAAE,UAAU;AAAA,QAAG;AAAA,MACrJ;AAEA,UAAI,aAAa;AACf,YAAI,gBAAgB,UAAW,aAAY,KAAK,UAAU;AAAA,iBACjD,gBAAgB,YAAa,aAAY,KAAK,WAAW,QAAQ;AAAA,iBACjE,gBAAgB,QAAS,WAAU,cAAc,KAAK;AAAA,iBACtD,gBAAgB,cAAe,WAAU,cAAc,WAAW;AAAA,iBAClE,gBAAgB,WAAY,WAAU,cAAc,QAAQ;AAAA,iBAC5D,gBAAgB,aAAc,WAAU,cAAc,UAAU;AAAA,iBAChE,gBAAgB,YAAa,WAAU,cAAc,SAAS;AAAA,iBAC9D,gBAAgB,gBAAiB,WAAU,cAAc,aAAa;AAAA,iBACtE,gBAAgB,eAAgB,WAAU,cAAc,YAAY;AAAA,iBACpE,gBAAgB,SAAU,eAAc,OAAO,QAAQ,SAAS;AAAA,iBAChE,gBAAgB,YAAa,eAAc,UAAU,QAAQ,SAAS;AAAA,iBACtE,gBAAgB,WAAW,CAAC,YAAa,WAAU,IAAI;AAAA,aAC3D;AACH,gBAAM,cAA4C,CAAC;AACnD,cAAI,MAAM,OAAQ,aAAY,KAAK,KAAK,cAAc,IAAI;AAAA,mBACjD,MAAM,QAAS,aAAY,KAAK,IAAI;AAAA,mBACpC,MAAM,YAAY,KAAK,WAAY,aAAY,KAAK,KAAK,UAAU;AAAA,mBACnE,MAAM,OAAO;AAAE,wBAAY,KAAK,IAAI;AAAG,gBAAI,KAAK,WAAY,aAAY,KAAK,KAAK,UAAU;AAAA,UAAG;AACxG,qBAAW,MAAM,YAAa,IAAG,iBAAiB,WAAW,EAAE,QAAQ,QAAM,YAAY,KAAK,EAAE,CAAC;AAAA,QACnG;AAAA,MACF;AAEA,iBAAW,KAAK,YAAa,MAAK,WAAW,eAAe,GAAG,IAAI;AAAA,IACrE;AAKA,QAAI,0BAA0B,SAAS,GAAG;AACxC,YAAM,uBAAuB,0BAA0B,OAAO,OAAK;AACjE,cAAM,IAAI,EAAE,QAAQ,QAAQ;AAC5B,eAAO,KAAK,eAAe,MAAM,YAAY,MAAM,SAAS,MAAM;AAAA,MACpE,CAAC;AACD,YAAM,sBAAsB,0BAA0B,OAAO,OAAK;AAChE,cAAM,IAAI,EAAE,QAAQ,QAAQ;AAC5B,eAAO,MAAM,WAAW,MAAM,SAAU,CAAC,KAAK,cAAc,MAAM;AAAA,MACpE,CAAC;AAED,YAAM,qBAAqB,CACzB,MACA,mBACoC;AACpC,YAAI,eAAe,WAAW,EAAG,QAAO;AACxC,cAAM,YAAY,KAAK,kBAAkB,IAAI;AAE7C,cAAM,WAAW,CAAC,WAA6B,QAA0B;AACvE,qBAAW,KAAK,gBAAgB;AAC9B,gBAAI,WAAW,UAAU,IAAI,CAAC;AAC9B,gBAAI,CAAC,UAAU;AAAE,yBAAW,oBAAI,QAAiB;AAAG,wBAAU,IAAI,GAAG,QAAQ;AAAA,YAAG;AAEhF,kBAAM,SAAS,EAAE,aAAa,WAAW,EAAE,aAAa;AACxD,kBAAM,aAAa,CAAC,MAAW;AAC7B,kBAAI,CAAC,KAAK,EAAE,aAAa,EAAG,QAAO;AACnC,kBAAI,OAAQ,QAAO;AACnB,qBAAO,OAAO,EAAE,aAAa,YAAa,EAAkB,UAAU,EAAE,QAAQ;AAAA,YAClF;AACA,kBAAM,SAAW,CAAC,OAAgB;AAAE,kBAAI,CAAC,SAAU,IAAI,EAAE,GAAG;AAAE,qBAAK,WAAW,eAAe,IAAI,CAAC;AAAG,yBAAU,IAAI,EAAE;AAAA,cAAG;AAAA,YAAE;AAC1H,kBAAM,WAAW,CAAC,OAAgB;AAAE,kBAAI,SAAU,IAAI,EAAE,GAAI;AAAE,qBAAK,aAAa,eAAe,IAAI,CAAC;AAAG,yBAAU,OAAO,EAAE;AAAA,cAAG;AAAA,YAAE;AAE/H,uBAAW,OAAO,WAAW;AAC3B,oBAAM,KAAK,IAAI,cAAgB,CAAC,CAAC,EAAE,QAAQ,OAAK;AAAE,oBAAI,EAAE,aAAa,EAAG;AAAQ,oBAAI,WAAW,CAAC,EAAG,QAAO,CAAY;AAAA,yBAAY,CAAC,UAAU,OAAO,EAAE,aAAa,SAAU,CAAC,EAAc,mBAAmB,EAAE,QAAQ,EAAE,QAAQ,MAAM;AAAA,cAAG,CAAC;AAC7O,oBAAM,KAAK,IAAI,gBAAgB,CAAC,CAAC,EAAE,QAAQ,OAAK;AAAE,oBAAI,EAAE,aAAa,EAAG;AAAQ,sBAAM,KAAK;AAAc,oBAAI,WAAW,EAAE,EAAG,UAAS,EAAE;AAAA,yBAAY,CAAC,UAAU,OAAO,EAAE,aAAa,SAAU,IAAG,mBAAmB,EAAE,QAAQ,EAAE,QAAQ,QAAQ;AAAA,cAAG,CAAC;AAAA,YACvP;AAAA,UACF;AAAA,QACF;AAGA,mBAAW,KAAK,gBAAgB;AAC9B,cAAI,WAAW,UAAU,IAAI,CAAC;AAC9B,cAAI,CAAC,UAAU;AAAE,uBAAW,oBAAI,QAAiB;AAAG,sBAAU,IAAI,GAAG,QAAQ;AAAA,UAAG;AAChF,cAAI,OAAO,EAAE,aAAa,SAAU;AACpC,cAAI,EAAE,aAAa,WAAW,EAAE,aAAa,IAAI;AAC/C,iBAAK,WAAW,eAAe,MAAqB,CAAC;AACrD,qBAAS,IAAI,IAAe;AAAA,UAC9B,OAAO;AACL,iBAAK,iBAAiB,EAAE,QAAQ,EAAE,QAAQ,QAAM;AAC9C,kBAAI,CAAC,SAAU,IAAI,EAAE,GAAG;AAAE,qBAAK,WAAW,eAAe,IAAI,CAAC;AAAG,yBAAU,IAAI,EAAE;AAAA,cAAG;AAAA,YACtF,CAAC;AAAA,UACH;AAAA,QACF;AAEA,eAAO,EAAE,QAAQ,MAAM,SAAS,EAAE,WAAW,MAAM,SAAS,KAAK,GAAG,SAAS;AAAA,MAC/E;AAEA,YAAM,cAAc,KAAK,aAAa,mBAAmB,KAAK,YAAY,oBAAoB,IAAI;AAClG,YAAM,aAAa,mBAAmB,MAAa,mBAAmB;AACtE,YAAM,sBAAkD,CAAC,aAAa,UAAU,EAAE,OAAO,OAAO;AAChG,UAAI,oBAAoB,SAAS,EAAG,QAAO,EAAE,oBAAoB;AAAA,IACnE;AAEA,WAAO;AAAA,EACT;AAAA,EAEA,eAAe,eAAoC;AACjD,UAAM,OAAO,cAAc;AAC3B,UAAM,OAAO,KAAK,kBAAkB,IAAI,IAAI,KAAK,CAAC;AAClD,eAAW,KAAK,MAAM;AACpB,UAAI;AAAE,UAAE,OAAO,oBAAoB,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO;AAAG,UAAE,cAAc,cAAc;AAAA,MAAG,SAC5F,GAAG;AAAE,gBAAQ,MAAM,gDAAgD,CAAC;AAAA,MAAG;AAC9E,iBAAW,KAAK,EAAE,aAAa,CAAC,GAAG;AACjC,YAAI;AAAE,YAAE,GAAG,EAAE,QAAQ,EAAE,IAAI;AAAA,QAAG,SAAS,GAAG;AAAE,kBAAQ,MAAM,+BAA+B,CAAC;AAAA,QAAG;AAAA,MAC/F;AAAA,IACF;AACA,SAAK,kBAAkB,OAAO,IAAI;AAClC,SAAK,kBAAkB,OAAO,IAAI;AAAA,EACpC;AACF;",
+  "names": ["event"]
 }

package/dist/esm/decorators/applyAttribute.js

@@ -217,6 +217,9 @@ function attribute(selectorOrAttributeOrTarget, attributeNameOrOptions, optionsO
   return applyAttribute("$this", void 0, selectorOrAttributeOrTarget);
 }
 function setAttribute(selectorOrAttributeOrOptions, attributeNameOrOptions, optionsOrUndefined) {
+  if (typeof selectorOrAttributeOrOptions === "function") {
+    return applyAttribute(selectorOrAttributeOrOptions, attributeNameOrOptions, optionsOrUndefined);
+  }
   if (typeof selectorOrAttributeOrOptions === "string") {
     const isSelector = isCssSelector(selectorOrAttributeOrOptions);
     if (isSelector) {
@@ -239,10 +242,32 @@ const findAllAttributeApplyMetadata = (target) => {
   });
   return result;
 };
+const attr = applyAttribute;
+function attrThis(targetAttributeName, options) {
+  return applyAttribute("$this", targetAttributeName, options);
+}
+function attrAppHost(targetAttributeName, options) {
+  return applyAttribute("$appHost", targetAttributeName, options);
+}
+function attrLight(selector, targetAttributeName, options) {
+  return applyAttribute(selector, targetAttributeName, { ...options ?? {}, root: "light" });
+}
+function attrShadow(selector, targetAttributeName, options) {
+  return applyAttribute(selector, targetAttributeName, { ...options ?? {}, root: "shadow" });
+}
+function attrAll(selector, targetAttributeName, options) {
+  return applyAttribute(selector, targetAttributeName, { ...options ?? {}, root: "all" });
+}
 var applyAttribute_default = applyAttribute;
 export {
   ATTRIBUTE_METADATA_KEY,
   applyAttribute,
+  attr,
+  attrAll,
+  attrAppHost,
+  attrLight,
+  attrShadow,
+  attrThis,
   attribute,
   convertValue,
   applyAttribute_default as default,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/applyAttribute.ts"],
-  "sourcesContent": ["import {ReflectUtils, FunctionUtils, ActionExpression} from '@dooboostore/core';\nimport {ensureInit, getElementConfig} from './elementDefine';\nimport {SwcUtils} from '../utils/Utils';\nimport {SwcQueryOptions, HelperHostSet} from '../types';\nimport {ConvertUtils} from '@dooboostore/core-web';\n\n// ============================================\n// Types & Interfaces\n// ============================================\n\nexport interface AttributeOptions extends SwcQueryOptions {\n  name?: string;\n  type?: typeof Number | typeof Boolean | typeof String;\n  filter?: (target: HTMLElement, value: any, meta: { currentThis: any, helper: HelperHostSet }) => boolean;\n  /**\n   * Custom key to extract value from return object.\n   * If not provided, uses ATTRIBUTE_METADATA_KEY by default.\n   * Useful when multiple @setAttribute decorators are on the same method.\n   * \n   * Example:\n   * @setAttribute('selector1', { valueKey: 'attr1' })\n   * @setAttribute('selector2', { valueKey: 'attr2' })\n   * myMethod() {\n   *   return {\n   *     attr1: 'value1',\n   *     attr2: 'value2'\n   *   };\n   * }\n   * \n   * Or with symbols:\n   * @setAttribute('selector1', { valueKey: Symbol.for('attr1') })\n   * @setAttribute('selector2', { valueKey: Symbol.for('attr2') })\n   * myMethod() {\n   *   return {\n   *     [Symbol.for('attr1')]: 'value1',\n   *     [Symbol.for('attr2')]: 'value2'\n   *   };\n   * }\n   */\n  valueKey?: symbol | string;\n}\n\nexport type AttributeSelector = string | ((currentThis: any, helper: HelperHostSet) => NodeList | Element | Element[] | null);\n\nexport interface AttributeMetadata {\n  propertyKey: string | symbol;\n  selector: AttributeSelector;\n  targetAttributeName: string;\n  options: AttributeOptions;\n  type: 'property' | 'method';\n}\n\nexport const ATTRIBUTE_METADATA_KEY = Symbol.for('simple-web-component:attribute');\n\n// ============================================\n// Utilities\n// ============================================\n\n/**\n * Determine if a string is a CSS selector or an attribute name\n * \n * CSS selectors typically:\n * - Start with: #, ., [, :, >, +, ~\n * - Contain special chars: >, +, ~, :, [, ]\n * - Are special keywords: $this, $host, $parentHost, etc.\n * \n * Attribute names are typically:\n * - kebab-case (lowercase with hyphens)\n * - No special selector syntax\n * \n * @param str - String to check\n * @returns true if it's a CSS selector, false if it's an attribute name\n */\nconst isCssSelector = (str: string): boolean => {\n  if (!str) return false;\n  \n  // Special keywords\n  if (str.startsWith('$')) return true;\n  \n  // CSS selector syntax\n  if (/^[#.\\[\\:>+~]/.test(str)) return true;\n  \n  // Contains CSS combinator or pseudo-selector syntax\n  if (/[>+~:\\[\\]]/.test(str)) return true;\n  \n  return false;\n};\n\nconst convertValue = (val: string | null, type: any): any => {\n  if (val === null || val === undefined) return val;\n  if (type === Number) return Number(val);\n  if (type === Boolean) return val === 'false' || val === '0' ? false : true;\n  return val;\n};\n\nexport {convertValue};\n\nexport const getAttributeValue = (inst: any, attrName: string, options?: AttributeOptions & { selector?: AttributeSelector }): any => {\n  const conf = getElementConfig(inst);\n  const currentWin = inst._resolveWindow?.(conf) || ((typeof window !== 'undefined' ? window : undefined) as any);\n\n  // If selector is not provided, use inst itself\n  const targets = options?.selector ? resolveAttributeTargets(inst, options.selector, options) : [inst];\n\n  const primaryTarget = targets[0];\n\n  if (primaryTarget && typeof (primaryTarget as any).hasAttribute === 'function' && (primaryTarget as any).hasAttribute(attrName)) {\n    let domVal = (primaryTarget as any).getAttribute(attrName);\n\n    // \uD45C\uD604\uC2DD \uCCB4\uD06C\n    const ae = new ActionExpression(domVal);\n    const expr = ae.getFirstExpression('callReturn');\n    if (expr) {\n      try {\n        const result = FunctionUtils.executeReturn({\n          script: ConvertUtils.decodeHtmlEntity(expr.script, currentWin.document),\n          context: inst,\n          args: SwcUtils.getHelperAndHostSet(currentWin, inst)\n        });\n        return convertValue(result, options?.type);\n      } catch (err) {\n        console.error(`[SWC] Failed to execute directive {{= ${expr.script} }}:`, err);\n        return convertValue(domVal, options?.type);\n      }\n    }\n\n    return convertValue(domVal, options?.type);\n  }\n\n  // If no target found, return null\n  return null;\n};\n\n/**\n * Resolve target elements based on selector and options\n * Handles special selectors ($this, $host, etc.), CSS selectors, and function-based selectors\n * Returns HTMLElement[] for attribute operations\n */\nexport const resolveAttributeTargets = (inst: any, selector: AttributeSelector, options: AttributeOptions): HTMLElement[] => {\n  const conf = getElementConfig(inst);\n  const currentWin = conf.window;\n  const r = options.root || 'auto';\n  const results: HTMLElement[] = [];\n\n  // Resolve selector if it's a function\n  let resolvedSelector: string | Element | NodeList | Element[] | null = selector as any;\n  if (typeof selector === 'function') {\n    const hostSet = SwcUtils.getHelperAndHostSet(currentWin, inst);\n    resolvedSelector = selector(inst, hostSet);\n  }\n\n  // If selector function returned elements directly, use them\n  if (resolvedSelector instanceof currentWin.Element) {\n    results.push(resolvedSelector as HTMLElement);\n    return results;\n  }\n  if (resolvedSelector instanceof currentWin.NodeList) {\n    results.push(...(Array.from(resolvedSelector) as HTMLElement[]));\n    return results;\n  }\n  if (Array.isArray(resolvedSelector)) {\n    results.push(...(resolvedSelector as HTMLElement[]));\n    return results;\n  }\n  if (resolvedSelector === null) {\n    return results;\n  }\n\n  // Handle string selector\n  const stringSelector = resolvedSelector as string;\n\n  const applyRoot = (target: any) => {\n    if (!target) return;\n    if (r === 'auto') {\n      results.push(target);\n    } else {\n      if (r === 'light' || r === 'all') results.push(target);\n      if ((r === 'shadow' || r === 'all') && target.shadowRoot) results.push(target.shadowRoot);\n    }\n  };\n\n  if (stringSelector === '$this' || !stringSelector) {\n    applyRoot(inst);\n  } else {\n    const hostSet = SwcUtils.getHostSet(inst);\n    if (stringSelector === '$host') applyRoot(hostSet.$host);\n    else if (stringSelector === '$parentHost') applyRoot(hostSet.$parentHost);\n    else if (stringSelector === '$appHost') applyRoot(hostSet.$appHost as any);\n    else if (stringSelector === '$firstHost') applyRoot(hostSet.$firstHost);\n    else if (stringSelector === '$lastHost') applyRoot(hostSet.$lastHost);\n    else if (stringSelector === '$firstAppHost') applyRoot(hostSet.$firstAppHost as any);\n    else if (stringSelector === '$lastAppHost') applyRoot(hostSet.$lastAppHost as any);\n    else if (stringSelector === '$hosts') hostSet.$hosts.forEach(applyRoot);\n    else if (stringSelector === '$appHosts') hostSet.$appHosts.forEach(applyRoot);\n    else {\n      if (r === 'shadow') {\n        const found = inst.shadowRoot?.querySelectorAll(stringSelector);\n        if (found) results.push(...found);\n      } else if (r === 'light') {\n        const found = inst.querySelectorAll(stringSelector);\n        if (found) results.push(...found);\n      } else if (r === 'all') {\n        const sMatch = inst.shadowRoot?.querySelectorAll(stringSelector);\n        const lMatch = inst.querySelectorAll(stringSelector);\n        if (sMatch) results.push(...sMatch);\n        if (lMatch) results.push(...lMatch);\n      } else {\n        const found = (inst.shadowRoot || inst).querySelectorAll(stringSelector);\n        if (found) results.push(...found);\n      }\n    }\n  }\n  return results;\n};\n\n/**\n * @applyAttribute decorator - set/get element attributes\n *\n * Usage:\n * - @applyAttribute('selector', 'attrName') - Set attribute with explicit name\n * - @applyAttribute('selector') - Use property name as attribute name\n * - @applyAttribute('selector', { name: 'attrName' }) - Set attribute via options\n * - @applyAttribute((this, helper) => 'selector', 'attrName') - Function-based selector\n * - Return null to remove attribute\n */\nexport function applyAttribute(selector: AttributeSelector, targetAttributeName: string, options?: AttributeOptions): MethodDecorator & PropertyDecorator;\nexport function applyAttribute(selector: AttributeSelector, options?: AttributeOptions): MethodDecorator & PropertyDecorator;\nexport function applyAttribute(selector: AttributeSelector, targetAttributeNameOrOptions?: string | AttributeOptions, options?: AttributeOptions): MethodDecorator & PropertyDecorator {\n  return (target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor) => {\n    // ensureInit(target as any);\n\n    const constructor = target.constructor;\n    const designType = (Reflect as any).getMetadata('design:type', target, propertyKey);\n    const metaType: 'property' | 'method' = descriptor && typeof descriptor.value === 'function' ? 'method' : 'property';\n\n    // Parse arguments\n    let finalOptions: AttributeOptions = {};\n    let targetAttributeName: string;\n\n    if (typeof targetAttributeNameOrOptions === 'string') {\n      // applyAttribute('selector', 'attrName', options?)\n      targetAttributeName = targetAttributeNameOrOptions;\n      finalOptions = options || {};\n    } else if (targetAttributeNameOrOptions) {\n      // applyAttribute('selector', options)\n      finalOptions = targetAttributeNameOrOptions;\n      targetAttributeName = finalOptions.name || String(propertyKey);\n    } else {\n      // applyAttribute('selector')\n      targetAttributeName = String(propertyKey);\n    }\n\n    // Store metadata\n    let metaList = ReflectUtils.getOwnMetadata(ATTRIBUTE_METADATA_KEY, constructor) as AttributeMetadata[];\n    if (!metaList) {\n      metaList = [];\n      ReflectUtils.defineMetadata(ATTRIBUTE_METADATA_KEY, metaList, constructor);\n    }\n    metaList.push({\n      propertyKey,\n      selector: selector as AttributeSelector,\n      targetAttributeName,\n      options: finalOptions,\n      type: metaType\n    });\n\n    // Helper: Apply resolved value to targets\n    const applyValueToTargets = (inst: any, resolvedValue: any) => {\n      const conf = getElementConfig(inst);\n      const currentWin = conf.window;\n      const targetEls = resolveAttributeTargets(inst, selector, finalOptions);\n      const hostSet = SwcUtils.getHelperAndHostSet(currentWin, inst);\n\n      targetEls.forEach(targetEl => {\n        // Apply filter if provided\n        if (finalOptions.filter && !finalOptions.filter(targetEl, resolvedValue, {currentThis: inst, helper: hostSet})) {\n          return;\n        }\n\n        if (resolvedValue === null) {\n          // Remove attribute if value is null\n          targetEl.removeAttribute(targetAttributeName);\n        } else if (resolvedValue !== undefined) {\n          // Set attribute\n          targetEl.setAttribute(targetAttributeName, resolvedValue === true ? '' : String(resolvedValue));\n        }\n      });\n\n      return resolvedValue;\n    };\n\n    // Method decorator: wrap method to apply its return value to attributes\n    if (descriptor && typeof descriptor.value === 'function') {\n      const original = descriptor.value;\n      descriptor.value = function (...args: any[]) {\n        ensureInit(this);\n        const res = (original as any).apply(this, args);\n\n        /**\n         * Extract value for this decorator from method return value\n         * \n         * If return value is an object with this decorator's key,\n         * use that value. Otherwise use the entire return value.\n         * \n         * Uses valueKey from options if provided, otherwise uses ATTRIBUTE_METADATA_KEY.\n         * \n         * Example:\n         * @setAttribute('selector1', { valueKey: 'attr1' })\n         * @setAttribute('selector2', { valueKey: 'attr2' })\n         * myMethod() {\n         *   return {\n         *     attr1: 'attribute-value1',\n         *     attr2: 'attribute-value2'\n         *   };\n         * }\n         * \n         * First decorator will use 'attribute-value1', second will use 'attribute-value2'\n         */\n        const extractValue = (v: any) => {\n          const keyToUse = finalOptions.valueKey ?? ATTRIBUTE_METADATA_KEY;\n          if (v && typeof v === 'object' && keyToUse in v) {\n            return v[keyToUse];\n          }\n          return v;\n        };\n\n        if (res instanceof Promise) {\n          return res.then((v: any) => {\n            const extracted = extractValue(v);\n            applyValueToTargets(this, extracted);\n            return v;\n          });\n        } else {\n          const extracted = extractValue(res);\n          applyValueToTargets(this, extracted);\n          return res;\n        }\n      };\n      return;\n    }\n\n    // Property decorator: define getter/setter to proxy to element attributes\n    Object.defineProperty(target, propertyKey, {\n      configurable: true,\n      enumerable: true,\n      get(this: any) {\n        ensureInit(this);\n        const mergedOptions = {...finalOptions, selector, type: finalOptions.type || designType};\n        return getAttributeValue(this, targetAttributeName, mergedOptions);\n      },\n      set(this: any, value: any) {\n        ensureInit(this);\n\n        if (value instanceof Promise) {\n          value.then((v: any) => applyValueToTargets(this, v)).catch(() => { /* swallow */\n          });\n        } else {\n          applyValueToTargets(this, value);\n        }\n      }\n    });\n  };\n}\n\n// ============================================\n// Convenience Aliases\n// ============================================\n\n/**\n * @attribute - Field decorator for binding element attributes (read/write)\n * \n * Intelligently distinguishes between attribute names and CSS selectors:\n * \n * Usage patterns:\n * - @attribute('product-id') - Attribute name on $this (auto-detected)\n * - @attribute('#user', 'product-id') - Attribute name on selector\n * - @attribute('product-id', options) - Attribute name on $this with options\n * - @attribute('#user', 'product-id', options) - Attribute name on selector with options\n * - @attribute((this, helper) => 'selector', 'product-id') - Function-based selector\n * - @attribute - Bare decorator (uses property name as attribute on $this)\n * \n * Note: This decorator is for FIELDS ONLY. For methods, use @setAttribute.\n */\nexport function attribute(target: Object, propertyKey: string | symbol):  void;\nexport function attribute(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): PropertyDescriptor | void;\nexport function attribute(attributeName: string, options?: AttributeOptions): PropertyDecorator;\nexport function attribute(selector: AttributeSelector, attributeName: string, options?: AttributeOptions): PropertyDecorator;\nexport function attribute(selectorOrAttributeOrTarget?: AttributeSelector | Object, attributeNameOrOptions?: any, optionsOrDescriptor?: any): any {\n  // Bare decorator: @attribute\n  if (optionsOrDescriptor !== undefined && (typeof attributeNameOrOptions === 'string' || typeof attributeNameOrOptions === 'symbol')) {\n    return applyAttribute('$this', undefined as any, {})(selectorOrAttributeOrTarget as Object, attributeNameOrOptions, optionsOrDescriptor as PropertyDescriptor);\n  }\n  \n  // With string as first parameter\n  if (typeof selectorOrAttributeOrTarget === 'string') {\n    // Check if first parameter is a CSS selector or attribute name\n    const isSelector = isCssSelector(selectorOrAttributeOrTarget);\n    \n    if (isSelector) {\n      // First param is a selector: @attribute('#user', 'product-id', options?)\n      return applyAttribute(selectorOrAttributeOrTarget, attributeNameOrOptions as any, optionsOrDescriptor as AttributeOptions);\n    } else {\n      // First param is an attribute name: @attribute('product-id', options?)\n      // Treat as attribute name on $this\n      const options = (typeof attributeNameOrOptions === 'object' && attributeNameOrOptions !== null) \n        ? attributeNameOrOptions \n        : {};\n      return applyAttribute('$this', selectorOrAttributeOrTarget, options);\n    }\n  }\n  \n  // Without selector (defaults to $this with options)\n  return applyAttribute('$this', undefined as any, selectorOrAttributeOrTarget as AttributeOptions);\n}\n\n/**\n * @setAttribute - Method decorator for setting element attributes from method return value\n * \n * Intelligently distinguishes between attribute names and CSS selectors:\n * \n * Usage patterns:\n * - @setAttribute('data-id') - Attribute name on $this (auto-detected)\n * - @setAttribute('#user', 'data-id') - Attribute name on selector\n * - @setAttribute('data-id', options) - Attribute name on $this with options\n * - @setAttribute('#user', 'data-id', options) - Attribute name on selector with options\n * - @setAttribute((this, helper) => 'selector', 'data-id') - Function-based selector\n * - @setAttribute - Bare decorator (uses method name as attribute on $this)\n * \n * Note: This decorator is for METHODS ONLY. For fields, use @attribute.\n * \n * Example:\n * @setAttribute('data-status')\n * updateStatus() {\n *   return 'active';\n * }\n */\nexport function setAttribute(selector: AttributeSelector, attributeName: string, options?: AttributeOptions): MethodDecorator;\nexport function setAttribute(attributeName: string, options?: AttributeOptions): MethodDecorator;\nexport function setAttribute(selectorOrAttributeOrOptions?: AttributeSelector | AttributeOptions, attributeNameOrOptions?: any, optionsOrUndefined?: AttributeOptions): MethodDecorator {\n  // With string as first parameter\n  if (typeof selectorOrAttributeOrOptions === 'string') {\n    // Check if first parameter is a CSS selector or attribute name\n    const isSelector = isCssSelector(selectorOrAttributeOrOptions);\n    \n    if (isSelector) {\n      // First param is a selector: @setAttribute('#user', 'data-id', options?)\n      return applyAttribute(selectorOrAttributeOrOptions, attributeNameOrOptions as any, optionsOrUndefined as AttributeOptions) as MethodDecorator;\n    } else {\n      // First param is an attribute name: @setAttribute('data-id', options?)\n      // Treat as attribute name on $this\n      const options = (typeof attributeNameOrOptions === 'object' && attributeNameOrOptions !== null) \n        ? attributeNameOrOptions \n        : {};\n      return applyAttribute('$this', selectorOrAttributeOrOptions, options) as MethodDecorator;\n    }\n  }\n  \n  // Without selector (defaults to $this with options)\n  return applyAttribute('$this', undefined as any, selectorOrAttributeOrOptions as AttributeOptions) as MethodDecorator;\n}\n\n// ============================================\n// Metadata Helpers\n// ============================================\n\nexport const findAllAttributeMetadata = (target: any): AttributeMetadata[] => {\n  const actualTarget = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.findAllMetadata<AttributeMetadata[]>(ATTRIBUTE_METADATA_KEY, actualTarget).flat();\n};\n\n// Backward compatibility alias\nexport const findAllAttributeApplyMetadata = (target: any): Map<string | symbol, AttributeMetadata> => {\n  const result = new Map<string | symbol, AttributeMetadata>();\n  findAllAttributeMetadata(target).forEach(meta => {\n    result.set(meta.propertyKey, meta);\n  });\n  return result;\n};\n\n\nexport default applyAttribute;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {ReflectUtils, FunctionUtils, ActionExpression} from '@dooboostore/core';\nimport {ensureInit, getElementConfig} from './elementDefine';\nimport {SwcUtils} from '../utils/Utils';\nimport {SwcQueryOptions, HelperHostSet, SwcFnSelector, SwcSelector} from '../types';\nimport {ConvertUtils} from '@dooboostore/core-web';\n\n// ============================================\n// Types & Interfaces\n// ============================================\n\n// \uACF5\uD1B5 \uC635\uC158 \u2014 root \uC5C6\uC74C\nexport interface AttributeBaseOptions {\n  name?: string;\n  type?: typeof Number | typeof Boolean | typeof String;\n  filter?: (target: HTMLElement, value: any, meta: { currentThis: any, helper: HelperHostSet }) => boolean;\n  valueKey?: symbol | string;\n}\n\n// \uBB38\uC790\uC5F4 \uC140\uB809\uD130 \uC804\uC6A9 \u2014 root \uD5C8\uC6A9 (\uCEF4\uD3EC\uB10C\uD2B8 DOM \uD2B8\uB9AC \uC548\uC5D0\uC11C \uD0D0\uC0C9)\nexport type AttributeQueryOptions = AttributeBaseOptions & SwcQueryOptions;\n// \uD568\uC218 \uC140\uB809\uD130 \uC804\uC6A9 \u2014 root \uAE08\uC9C0 (\uC774\uBBF8 \uC694\uC18C\uB97C \uC9C1\uC811 \uBC18\uD658)\nexport type AttributeNonQueryOptions = AttributeBaseOptions;\n// \uB0B4\uBD80 \uC800\uC7A5/\uD574\uC11D\uC6A9 \u2014 root optional\uC774\uB77C \uB450 \uC885\uB958 \uBAA8\uB450 \uC800\uC7A5 \uAC00\uB2A5\nexport type AttributeOptions = AttributeQueryOptions;\n\nexport type AttributeFnSelector = SwcFnSelector;\nexport type AttributeSelector = SwcSelector;\n\n// \uC140\uB809\uD130 \uC885\uB958\uC5D0 \uB530\uB77C \uC635\uC158 \uD0C0\uC785 \uBD84\uAE30\nexport type AttributeOptionsOf<S extends AttributeSelector> = S extends string ? AttributeQueryOptions : AttributeNonQueryOptions;\n\nexport interface AttributeMetadata {\n  propertyKey: string | symbol;\n  selector: AttributeSelector;\n  targetAttributeName: string;\n  options: AttributeOptions;\n  type: 'property' | 'method';\n}\n\nexport const ATTRIBUTE_METADATA_KEY = Symbol.for('simple-web-component:attribute');\n\n// ============================================\n// Utilities\n// ============================================\n\n/**\n * Determine if a string is a CSS selector or an attribute name\n * \n * CSS selectors typically:\n * - Start with: #, ., [, :, >, +, ~\n * - Contain special chars: >, +, ~, :, [, ]\n * - Are special keywords: $this, $host, $parentHost, etc.\n * \n * Attribute names are typically:\n * - kebab-case (lowercase with hyphens)\n * - No special selector syntax\n * \n * @param str - String to check\n * @returns true if it's a CSS selector, false if it's an attribute name\n */\nconst isCssSelector = (str: string): boolean => {\n  if (!str) return false;\n  \n  // Special keywords\n  if (str.startsWith('$')) return true;\n  \n  // CSS selector syntax\n  if (/^[#.\\[\\:>+~]/.test(str)) return true;\n  \n  // Contains CSS combinator or pseudo-selector syntax\n  if (/[>+~:\\[\\]]/.test(str)) return true;\n  \n  return false;\n};\n\nconst convertValue = (val: string | null, type: any): any => {\n  if (val === null || val === undefined) return val;\n  if (type === Number) return Number(val);\n  if (type === Boolean) return val === 'false' || val === '0' ? false : true;\n  return val;\n};\n\nexport {convertValue};\n\nexport const getAttributeValue = (inst: any, attrName: string, options?: AttributeOptions & { selector?: AttributeSelector }): any => {\n  const conf = getElementConfig(inst);\n  const currentWin = inst._resolveWindow?.(conf) || ((typeof window !== 'undefined' ? window : undefined) as any);\n\n  // If selector is not provided, use inst itself\n  const targets = options?.selector ? resolveAttributeTargets(inst, options.selector, options) : [inst];\n\n  const primaryTarget = targets[0];\n\n  if (primaryTarget && typeof (primaryTarget as any).hasAttribute === 'function' && (primaryTarget as any).hasAttribute(attrName)) {\n    let domVal = (primaryTarget as any).getAttribute(attrName);\n\n    // \uD45C\uD604\uC2DD \uCCB4\uD06C\n    const ae = new ActionExpression(domVal);\n    const expr = ae.getFirstExpression('callReturn');\n    if (expr) {\n      try {\n        const result = FunctionUtils.executeReturn({\n          script: ConvertUtils.decodeHtmlEntity(expr.script, currentWin.document),\n          context: inst,\n          args: SwcUtils.getHelperAndHostSet(currentWin, inst)\n        });\n        return convertValue(result, options?.type);\n      } catch (err) {\n        console.error(`[SWC] Failed to execute directive {{= ${expr.script} }}:`, err);\n        return convertValue(domVal, options?.type);\n      }\n    }\n\n    return convertValue(domVal, options?.type);\n  }\n\n  // If no target found, return null\n  return null;\n};\n\n/**\n * Resolve target elements based on selector and options\n * Handles special selectors ($this, $host, etc.), CSS selectors, and function-based selectors\n * Returns HTMLElement[] for attribute operations\n */\nexport const resolveAttributeTargets = (inst: any, selector: AttributeSelector, options: AttributeOptions): HTMLElement[] => {\n  const conf = getElementConfig(inst);\n  const currentWin = conf.window;\n  const r = options.root || 'auto';\n  const results: HTMLElement[] = [];\n\n  // Resolve selector if it's a function\n  let resolvedSelector: string | Node | Element | NodeList | Element[] | null = selector as any;\n  if (typeof selector === 'function') {\n    const hostSet = SwcUtils.getHelperAndHostSet(currentWin, inst);\n    resolvedSelector = selector(inst, hostSet);\n  }\n\n  // If selector function returned elements directly, use them\n  if (resolvedSelector instanceof currentWin.Element) {\n    results.push(resolvedSelector as HTMLElement);\n    return results;\n  }\n  if (resolvedSelector instanceof currentWin.NodeList) {\n    results.push(...(Array.from(resolvedSelector) as HTMLElement[]));\n    return results;\n  }\n  if (Array.isArray(resolvedSelector)) {\n    results.push(...(resolvedSelector as HTMLElement[]));\n    return results;\n  }\n  if (resolvedSelector === null) {\n    return results;\n  }\n\n  // Handle string selector\n  const stringSelector = resolvedSelector as string;\n\n  const applyRoot = (target: any) => {\n    if (!target) return;\n    if (r === 'auto') {\n      results.push(target);\n    } else {\n      if (r === 'light' || r === 'all') results.push(target);\n      if ((r === 'shadow' || r === 'all') && target.shadowRoot) results.push(target.shadowRoot);\n    }\n  };\n\n  if (stringSelector === '$this' || !stringSelector) {\n    applyRoot(inst);\n  } else {\n    const hostSet = SwcUtils.getHostSet(inst);\n    if (stringSelector === '$host') applyRoot(hostSet.$host);\n    else if (stringSelector === '$parentHost') applyRoot(hostSet.$parentHost);\n    else if (stringSelector === '$appHost') applyRoot(hostSet.$appHost as any);\n    else if (stringSelector === '$firstHost') applyRoot(hostSet.$firstHost);\n    else if (stringSelector === '$lastHost') applyRoot(hostSet.$lastHost);\n    else if (stringSelector === '$firstAppHost') applyRoot(hostSet.$firstAppHost as any);\n    else if (stringSelector === '$lastAppHost') applyRoot(hostSet.$lastAppHost as any);\n    else if (stringSelector === '$hosts') hostSet.$hosts.forEach(applyRoot);\n    else if (stringSelector === '$appHosts') hostSet.$appHosts.forEach(applyRoot);\n    else {\n      if (r === 'shadow') {\n        const found = inst.shadowRoot?.querySelectorAll(stringSelector);\n        if (found) results.push(...found);\n      } else if (r === 'light') {\n        const found = inst.querySelectorAll(stringSelector);\n        if (found) results.push(...found);\n      } else if (r === 'all') {\n        const sMatch = inst.shadowRoot?.querySelectorAll(stringSelector);\n        const lMatch = inst.querySelectorAll(stringSelector);\n        if (sMatch) results.push(...sMatch);\n        if (lMatch) results.push(...lMatch);\n      } else {\n        const found = (inst.shadowRoot || inst).querySelectorAll(stringSelector);\n        if (found) results.push(...found);\n      }\n    }\n  }\n  return results;\n};\n\n/**\n * @applyAttribute decorator - set/get element attributes\n *\n * Usage:\n * - @applyAttribute('selector', 'attrName') - Set attribute with explicit name\n * - @applyAttribute('selector') - Use property name as attribute name\n * - @applyAttribute('selector', { name: 'attrName' }) - Set attribute via options\n * - @applyAttribute((this, helper) => 'selector', 'attrName') - Function-based selector\n * - Return null to remove attribute\n */\nexport function applyAttribute<S extends AttributeSelector>(selector: S, targetAttributeName: string, options?: AttributeOptionsOf<S>): MethodDecorator & PropertyDecorator;\nexport function applyAttribute<S extends AttributeSelector>(selector: S, options?: AttributeOptionsOf<S>): MethodDecorator & PropertyDecorator;\nexport function applyAttribute(selector: AttributeSelector, targetAttributeNameOrOptions?: string | AttributeOptions, options?: AttributeOptions): MethodDecorator {\n  return (target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor) => {\n    // ensureInit(target as any);\n\n    const constructor = target.constructor;\n    const designType = (Reflect as any).getMetadata('design:type', target, propertyKey);\n    const metaType: 'property' | 'method' = descriptor && typeof descriptor.value === 'function' ? 'method' : 'property';\n\n    // Parse arguments\n    let finalOptions: AttributeOptions = {};\n    let targetAttributeName: string;\n\n    if (typeof targetAttributeNameOrOptions === 'string') {\n      // applyAttribute('selector', 'attrName', options?)\n      targetAttributeName = targetAttributeNameOrOptions;\n      finalOptions = options || {};\n    } else if (targetAttributeNameOrOptions) {\n      // applyAttribute('selector', options)\n      finalOptions = targetAttributeNameOrOptions;\n      targetAttributeName = finalOptions.name || String(propertyKey);\n    } else {\n      // applyAttribute('selector')\n      targetAttributeName = String(propertyKey);\n    }\n\n    // Store metadata\n    let metaList = ReflectUtils.getOwnMetadata(ATTRIBUTE_METADATA_KEY, constructor) as AttributeMetadata[];\n    if (!metaList) {\n      metaList = [];\n      ReflectUtils.defineMetadata(ATTRIBUTE_METADATA_KEY, metaList, constructor);\n    }\n    metaList.push({\n      propertyKey,\n      selector: selector as AttributeSelector,\n      targetAttributeName,\n      options: finalOptions,\n      type: metaType\n    });\n\n    // Helper: Apply resolved value to targets\n    const applyValueToTargets = (inst: any, resolvedValue: any) => {\n      const conf = getElementConfig(inst);\n      const currentWin = conf.window;\n      const targetEls = resolveAttributeTargets(inst, selector, finalOptions);\n      const hostSet = SwcUtils.getHelperAndHostSet(currentWin, inst);\n\n      targetEls.forEach(targetEl => {\n        // Apply filter if provided\n        if (finalOptions.filter && !finalOptions.filter(targetEl, resolvedValue, {currentThis: inst, helper: hostSet})) {\n          return;\n        }\n\n        if (resolvedValue === null) {\n          // Remove attribute if value is null\n          targetEl.removeAttribute(targetAttributeName);\n        } else if (resolvedValue !== undefined) {\n          // Set attribute\n          targetEl.setAttribute(targetAttributeName, resolvedValue === true ? '' : String(resolvedValue));\n        }\n      });\n\n      return resolvedValue;\n    };\n\n    // Method decorator: wrap method to apply its return value to attributes\n    if (descriptor && typeof descriptor.value === 'function') {\n      const original = descriptor.value;\n      descriptor.value = function (...args: any[]) {\n        ensureInit(this);\n        const res = (original as any).apply(this, args);\n\n        /**\n         * Extract value for this decorator from method return value\n         * \n         * If return value is an object with this decorator's key,\n         * use that value. Otherwise use the entire return value.\n         * \n         * Uses valueKey from options if provided, otherwise uses ATTRIBUTE_METADATA_KEY.\n         * \n         * Example:\n         * @setAttribute('selector1', { valueKey: 'attr1' })\n         * @setAttribute('selector2', { valueKey: 'attr2' })\n         * myMethod() {\n         *   return {\n         *     attr1: 'attribute-value1',\n         *     attr2: 'attribute-value2'\n         *   };\n         * }\n         * \n         * First decorator will use 'attribute-value1', second will use 'attribute-value2'\n         */\n        const extractValue = (v: any) => {\n          const keyToUse = finalOptions.valueKey ?? ATTRIBUTE_METADATA_KEY;\n          if (v && typeof v === 'object' && keyToUse in v) {\n            return v[keyToUse];\n          }\n          return v;\n        };\n\n        if (res instanceof Promise) {\n          return res.then((v: any) => {\n            const extracted = extractValue(v);\n            applyValueToTargets(this, extracted);\n            return v;\n          });\n        } else {\n          const extracted = extractValue(res);\n          applyValueToTargets(this, extracted);\n          return res;\n        }\n      };\n      return;\n    }\n\n    // Property decorator: define getter/setter to proxy to element attributes\n    Object.defineProperty(target, propertyKey, {\n      configurable: true,\n      enumerable: true,\n      get(this: any) {\n        ensureInit(this);\n        const mergedOptions = {...finalOptions, selector, type: finalOptions.type || designType};\n        return getAttributeValue(this, targetAttributeName, mergedOptions);\n      },\n      set(this: any, value: any) {\n        ensureInit(this);\n\n        if (value instanceof Promise) {\n          value.then((v: any) => applyValueToTargets(this, v)).catch(() => { /* swallow */\n          });\n        } else {\n          applyValueToTargets(this, value);\n        }\n      }\n    });\n  };\n}\n\n// ============================================\n// Convenience Aliases\n// ============================================\n\n/**\n * @attribute - Field decorator for binding element attributes (read/write)\n * \n * Intelligently distinguishes between attribute names and CSS selectors:\n * \n * Usage patterns:\n * - @attribute('product-id') - Attribute name on $this (auto-detected)\n * - @attribute('#user', 'product-id') - Attribute name on selector\n * - @attribute('product-id', options) - Attribute name on $this with options\n * - @attribute('#user', 'product-id', options) - Attribute name on selector with options\n * - @attribute((this, helper) => 'selector', 'product-id') - Function-based selector\n * - @attribute - Bare decorator (uses property name as attribute on $this)\n * \n * Note: This decorator is for FIELDS ONLY. For methods, use @setAttribute.\n */\nexport function attribute(target: Object, propertyKey: string | symbol):  void;\nexport function attribute(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): PropertyDescriptor | void;\nexport function attribute(attributeName: string, options?: AttributeQueryOptions): PropertyDecorator;\nexport function attribute(selector: string, attributeName: string, options?: AttributeQueryOptions): PropertyDecorator;\nexport function attribute(selector: AttributeFnSelector, attributeName: string, options?: AttributeNonQueryOptions): PropertyDecorator;\nexport function attribute(selectorOrAttributeOrTarget?: AttributeSelector | Object, attributeNameOrOptions?: any, optionsOrDescriptor?: any): any {\n  // Bare decorator: @attribute\n  if (optionsOrDescriptor !== undefined && (typeof attributeNameOrOptions === 'string' || typeof attributeNameOrOptions === 'symbol')) {\n    return applyAttribute('$this', undefined as any, {})(selectorOrAttributeOrTarget as Object, attributeNameOrOptions, optionsOrDescriptor as PropertyDescriptor);\n  }\n  \n  // With string as first parameter\n  if (typeof selectorOrAttributeOrTarget === 'string') {\n    // Check if first parameter is a CSS selector or attribute name\n    const isSelector = isCssSelector(selectorOrAttributeOrTarget);\n    \n    if (isSelector) {\n      // First param is a selector: @attribute('#user', 'product-id', options?)\n      return applyAttribute(selectorOrAttributeOrTarget, attributeNameOrOptions as any, optionsOrDescriptor as AttributeOptions);\n    } else {\n      // First param is an attribute name: @attribute('product-id', options?)\n      // Treat as attribute name on $this\n      const options = (typeof attributeNameOrOptions === 'object' && attributeNameOrOptions !== null) \n        ? attributeNameOrOptions \n        : {};\n      return applyAttribute('$this', selectorOrAttributeOrTarget, options);\n    }\n  }\n  \n  // Without selector (defaults to $this with options)\n  return applyAttribute('$this', undefined as any, selectorOrAttributeOrTarget as AttributeOptions);\n}\n\n/**\n * @setAttribute - Method decorator for setting element attributes from method return value\n * \n * Intelligently distinguishes between attribute names and CSS selectors:\n * \n * Usage patterns:\n * - @setAttribute('data-id') - Attribute name on $this (auto-detected)\n * - @setAttribute('#user', 'data-id') - Attribute name on selector\n * - @setAttribute('data-id', options) - Attribute name on $this with options\n * - @setAttribute('#user', 'data-id', options) - Attribute name on selector with options\n * - @setAttribute((this, helper) => 'selector', 'data-id') - Function-based selector\n * - @setAttribute - Bare decorator (uses method name as attribute on $this)\n * \n * Note: This decorator is for METHODS ONLY. For fields, use @attribute.\n * \n * Example:\n * @setAttribute('data-status')\n * updateStatus() {\n *   return 'active';\n * }\n */\nexport function setAttribute(selector: string, attributeName: string, options?: AttributeQueryOptions): MethodDecorator;\nexport function setAttribute(selector: AttributeFnSelector, attributeName: string, options?: AttributeNonQueryOptions): MethodDecorator;\nexport function setAttribute(attributeName: string, options?: AttributeQueryOptions): MethodDecorator;\nexport function setAttribute(selectorOrAttributeOrOptions?: AttributeSelector | AttributeOptions, attributeNameOrOptions?: any, optionsOrUndefined?: AttributeOptions): MethodDecorator {\n  // Function selector: @setAttribute((c, helper) => ..., 'attr', options?)\n  if (typeof selectorOrAttributeOrOptions === 'function') {\n    return applyAttribute(selectorOrAttributeOrOptions as AttributeSelector, attributeNameOrOptions as any, optionsOrUndefined as AttributeOptions) as MethodDecorator;\n  }\n  // With string as first parameter\n  if (typeof selectorOrAttributeOrOptions === 'string') {\n    // Check if first parameter is a CSS selector or attribute name\n    const isSelector = isCssSelector(selectorOrAttributeOrOptions);\n    \n    if (isSelector) {\n      // First param is a selector: @setAttribute('#user', 'data-id', options?)\n      return applyAttribute(selectorOrAttributeOrOptions, attributeNameOrOptions as any, optionsOrUndefined as AttributeOptions) as MethodDecorator;\n    } else {\n      // First param is an attribute name: @setAttribute('data-id', options?)\n      // Treat as attribute name on $this\n      const options = (typeof attributeNameOrOptions === 'object' && attributeNameOrOptions !== null) \n        ? attributeNameOrOptions \n        : {};\n      return applyAttribute('$this', selectorOrAttributeOrOptions, options) as MethodDecorator;\n    }\n  }\n  \n  // Without selector (defaults to $this with options)\n  return applyAttribute('$this', undefined as any, selectorOrAttributeOrOptions as AttributeOptions) as MethodDecorator;\n}\n\n// ============================================\n// Metadata Helpers\n// ============================================\n\nexport const findAllAttributeMetadata = (target: any): AttributeMetadata[] => {\n  const actualTarget = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.findAllMetadata<AttributeMetadata[]>(ATTRIBUTE_METADATA_KEY, actualTarget).flat();\n};\n\n// Backward compatibility alias\nexport const findAllAttributeApplyMetadata = (target: any): Map<string | symbol, AttributeMetadata> => {\n  const result = new Map<string | symbol, AttributeMetadata>();\n  findAllAttributeMetadata(target).forEach(meta => {\n    result.set(meta.propertyKey, meta);\n  });\n  return result;\n};\n\n// \u2500\u2500\u2500 Aliases \u2500\u2500\u2500\n// attribute(\uD544\uB4DC) / setAttribute(\uBA54\uC11C\uB4DC)\uC640 \uAD6C\uBD84\uB418\uB294 \uC77C\uBC18 \uB370\uCF54\uB808\uC774\uD130 \uB2E8\uCD95\uBA85\nexport const attr = applyAttribute;\n\n// \u2500\u2500\u2500 \uD3B8\uC758 \uD5EC\uD37C (selector/root \uC0DD\uB7B5) \u2500\u2500\u2500\n\nexport function attrThis(targetAttributeName?: string, options?: AttributeQueryOptions): MethodDecorator {\n  return applyAttribute('$this', targetAttributeName, options);\n}\nexport function attrAppHost(targetAttributeName?: string, options?: AttributeQueryOptions): MethodDecorator {\n  return applyAttribute('$appHost', targetAttributeName, options);\n}\nexport function attrLight(selector: string, targetAttributeName?: string, options?: Omit<AttributeQueryOptions, 'root'>): MethodDecorator {\n  return applyAttribute(selector, targetAttributeName, {...options ?? {}, root: 'light'});\n}\nexport function attrShadow(selector: string, targetAttributeName?: string, options?: Omit<AttributeQueryOptions, 'root'>): MethodDecorator {\n  return applyAttribute(selector, targetAttributeName, {...options ?? {}, root: 'shadow'});\n}\nexport function attrAll(selector: string, targetAttributeName?: string, options?: Omit<AttributeQueryOptions, 'root'>): MethodDecorator {\n  return applyAttribute(selector, targetAttributeName, {...options ?? {}, root: 'all'});\n}\n\nexport default applyAttribute;\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/decorators/applyClass.js

@@ -18,6 +18,9 @@ const resolveSelector = (selector, inst, win) => {
     if (result === null) {
       return [];
     }
+    if (result instanceof win.Node) {
+      return [];
+    }
     return result;
   }
   return selector;
@@ -99,7 +102,7 @@ function createClassDecorator(action) {
                 if (classMap && typeof classMap === "string") {
                   classes = resolvedRes ? classMap : "";
                 } else if (typeof resolvedRes === "object" && resolvedRes !== null && !Array.isArray(resolvedRes)) {
-                  classes = Object.entries(resolvedRes).filter(([_, force]) => typeof force === "function" ? force(targetEl, hostSet) : !!force).map(([cls]) => cls).join(" ");
+                  classes = Object.entries(resolvedRes).filter(([_, force]) => typeof force === "function" ? force(targetEl, hostSet) : !!force).map(([cls2]) => cls2).join(" ");
                 } else {
                   classes = Array.isArray(resolvedRes) ? resolvedRes.join(" ") : String(resolvedRes);
                 }
@@ -108,9 +111,9 @@ function createClassDecorator(action) {
                 if (classMap && typeof classMap === "string") {
                   targetEl.classList.toggle(classMap, !!resolvedRes);
                 } else if (typeof resolvedRes === "object" && resolvedRes !== null && !Array.isArray(resolvedRes)) {
-                  Object.entries(resolvedRes).forEach(([cls, force]) => {
+                  Object.entries(resolvedRes).forEach(([cls2, force]) => {
                     const isActive = typeof force === "function" ? force(targetEl, hostSet) : !!force;
-                    targetEl.classList.toggle(cls, isActive);
+                    targetEl.classList.toggle(cls2, isActive);
                   });
                 } else {
                   const classes = Array.isArray(resolvedRes) ? resolvedRes.map(String) : [String(resolvedRes)];
@@ -122,11 +125,11 @@ function createClassDecorator(action) {
                   if (action === "add") targetEl.classList.add(classMap);
                   else targetEl.classList.remove(classMap);
                 } else if (typeof resolvedRes === "object" && resolvedRes !== null && !Array.isArray(resolvedRes)) {
-                  Object.entries(resolvedRes).forEach(([cls, force]) => {
+                  Object.entries(resolvedRes).forEach(([cls2, force]) => {
                     const shouldExecute = typeof force === "function" ? force(targetEl, hostSet) : !!force;
                     if (shouldExecute) {
-                      if (action === "add") targetEl.classList.add(cls);
-                      else targetEl.classList.remove(cls);
+                      if (action === "add") targetEl.classList.add(cls2);
+                      else targetEl.classList.remove(cls2);
                     }
                   });
                 } else {
@@ -150,10 +153,10 @@ function createClassDecorator(action) {
   };
 }
 function applyClass(selectorOrTarget, actionOrPropertyKey, optionsOrDescriptor) {
-  if (optionsOrDescriptor !== void 0 && (typeof actionOrPropertyKey === "string" || typeof actionOrPropertyKey === "symbol")) {
+  if (optionsOrDescriptor !== void 0 && typeof selectorOrTarget !== "string" && typeof selectorOrTarget !== "function" && (typeof actionOrPropertyKey === "string" || typeof actionOrPropertyKey === "symbol")) {
     return createClassDecorator("update")("$this", {})(selectorOrTarget, actionOrPropertyKey, optionsOrDescriptor);
   }
-  if (typeof selectorOrTarget === "string") {
+  if (typeof selectorOrTarget === "string" || typeof selectorOrTarget === "function") {
     const action2 = typeof actionOrPropertyKey === "string" ? actionOrPropertyKey : "update";
     const options2 = typeof actionOrPropertyKey === "object" ? actionOrPropertyKey : optionsOrDescriptor;
     return createClassDecorator(action2)(selectorOrTarget, options2);
@@ -163,50 +166,72 @@ function applyClass(selectorOrTarget, actionOrPropertyKey, optionsOrDescriptor)
   return createClassDecorator(action)("$this", options);
 }
 function setClass(selectorOrTarget, classMapOrOptionsOrPropertyKey, optionsOrDescriptor) {
-  if (optionsOrDescriptor !== void 0 && (typeof classMapOrOptionsOrPropertyKey === "string" || typeof classMapOrOptionsOrPropertyKey === "symbol")) {
+  if (optionsOrDescriptor !== void 0 && typeof selectorOrTarget !== "string" && typeof selectorOrTarget !== "function" && (typeof classMapOrOptionsOrPropertyKey === "string" || typeof classMapOrOptionsOrPropertyKey === "symbol")) {
     return createClassDecorator("set")("$this", {})(selectorOrTarget, classMapOrOptionsOrPropertyKey, optionsOrDescriptor);
   }
-  if (typeof selectorOrTarget === "string") {
+  if (typeof selectorOrTarget === "string" || typeof selectorOrTarget === "function") {
     return createClassDecorator("set")(selectorOrTarget, classMapOrOptionsOrPropertyKey, optionsOrDescriptor);
   }
   return createClassDecorator("set")("$this", selectorOrTarget);
 }
 function updateClass(selectorOrTarget, classMapOrOptionsOrPropertyKey, optionsOrDescriptor) {
-  if (optionsOrDescriptor !== void 0 && (typeof classMapOrOptionsOrPropertyKey === "string" || typeof classMapOrOptionsOrPropertyKey === "symbol")) {
+  if (optionsOrDescriptor !== void 0 && typeof selectorOrTarget !== "string" && typeof selectorOrTarget !== "function" && (typeof classMapOrOptionsOrPropertyKey === "string" || typeof classMapOrOptionsOrPropertyKey === "symbol")) {
     return createClassDecorator("update")("$this", {})(selectorOrTarget, classMapOrOptionsOrPropertyKey, optionsOrDescriptor);
   }
-  if (typeof selectorOrTarget === "string") {
+  if (typeof selectorOrTarget === "string" || typeof selectorOrTarget === "function") {
     return createClassDecorator("update")(selectorOrTarget, classMapOrOptionsOrPropertyKey, optionsOrDescriptor);
   }
   return createClassDecorator("update")("$this", selectorOrTarget);
 }
 function addClass(selectorOrTarget, classMapOrOptionsOrPropertyKey, optionsOrDescriptor) {
-  if (optionsOrDescriptor !== void 0 && (typeof classMapOrOptionsOrPropertyKey === "string" || typeof classMapOrOptionsOrPropertyKey === "symbol")) {
+  if (optionsOrDescriptor !== void 0 && typeof selectorOrTarget !== "string" && typeof selectorOrTarget !== "function" && (typeof classMapOrOptionsOrPropertyKey === "string" || typeof classMapOrOptionsOrPropertyKey === "symbol")) {
     return createClassDecorator("add")("$this", {})(selectorOrTarget, classMapOrOptionsOrPropertyKey, optionsOrDescriptor);
   }
-  if (typeof selectorOrTarget === "string") {
+  if (typeof selectorOrTarget === "string" || typeof selectorOrTarget === "function") {
     return createClassDecorator("add")(selectorOrTarget, classMapOrOptionsOrPropertyKey, optionsOrDescriptor);
   }
   return createClassDecorator("add")("$this", selectorOrTarget);
 }
 function removeClass(selectorOrTarget, classMapOrOptionsOrPropertyKey, optionsOrDescriptor) {
-  if (optionsOrDescriptor !== void 0 && (typeof classMapOrOptionsOrPropertyKey === "string" || typeof classMapOrOptionsOrPropertyKey === "symbol")) {
+  if (optionsOrDescriptor !== void 0 && typeof selectorOrTarget !== "string" && typeof selectorOrTarget !== "function" && (typeof classMapOrOptionsOrPropertyKey === "string" || typeof classMapOrOptionsOrPropertyKey === "symbol")) {
     return createClassDecorator("remove")("$this", {})(selectorOrTarget, classMapOrOptionsOrPropertyKey, optionsOrDescriptor);
   }
-  if (typeof selectorOrTarget === "string") {
+  if (typeof selectorOrTarget === "string" || typeof selectorOrTarget === "function") {
     return createClassDecorator("remove")(selectorOrTarget, classMapOrOptionsOrPropertyKey, optionsOrDescriptor);
   }
   return createClassDecorator("remove")("$this", selectorOrTarget);
 }
 function toggleClass(selectorOrTarget, classMapOrOptionsOrPropertyKey, optionsOrDescriptor) {
-  if (optionsOrDescriptor !== void 0 && (typeof classMapOrOptionsOrPropertyKey === "string" || typeof classMapOrOptionsOrPropertyKey === "symbol")) {
+  if (optionsOrDescriptor !== void 0 && typeof selectorOrTarget !== "string" && typeof selectorOrTarget !== "function" && (typeof classMapOrOptionsOrPropertyKey === "string" || typeof classMapOrOptionsOrPropertyKey === "symbol")) {
     return createClassDecorator("toggle")("$this", {})(selectorOrTarget, classMapOrOptionsOrPropertyKey, optionsOrDescriptor);
   }
-  if (typeof selectorOrTarget === "string") {
+  if (typeof selectorOrTarget === "string" || typeof selectorOrTarget === "function") {
     return createClassDecorator("toggle")(selectorOrTarget, classMapOrOptionsOrPropertyKey, optionsOrDescriptor);
   }
   return createClassDecorator("toggle")("$this", selectorOrTarget);
 }
+const cls = applyClass;
+function clsThis(action, options) {
+  return applyClass("$this", action, options);
+}
+function clsAppHost(action, options) {
+  return applyClass("$appHost", action, options);
+}
+function clsLight(selector, actionOrOptions, options) {
+  const action = typeof actionOrOptions === "string" ? actionOrOptions : void 0;
+  const opts = typeof actionOrOptions === "object" ? actionOrOptions : options;
+  return applyClass(selector, action, { ...opts ?? {}, root: "light" });
+}
+function clsShadow(selector, actionOrOptions, options) {
+  const action = typeof actionOrOptions === "string" ? actionOrOptions : void 0;
+  const opts = typeof actionOrOptions === "object" ? actionOrOptions : options;
+  return applyClass(selector, action, { ...opts ?? {}, root: "shadow" });
+}
+function clsAll(selector, actionOrOptions, options) {
+  const action = typeof actionOrOptions === "string" ? actionOrOptions : void 0;
+  const opts = typeof actionOrOptions === "object" ? actionOrOptions : options;
+  return applyClass(selector, action, { ...opts ?? {}, root: "all" });
+}
 const findAllClassMetadata = (target) => {
   const result = /* @__PURE__ */ new Map();
   const maps = ReflectUtils.findAllMetadata(CLASS_METADATA_KEY, target);
@@ -221,6 +246,12 @@ export {
   CLASS_METADATA_KEY,
   addClass,
   applyClass,
+  cls,
+  clsAll,
+  clsAppHost,
+  clsLight,
+  clsShadow,
+  clsThis,
   findAllClassMetadata,
   removeClass,
   setClass,