@dooboostore/simple-web-component 1.0.42 → 1.0.44

package/dist/cjs/index.js

@@ -28,6 +28,7 @@ __reExport(src_exports, require("./decorators"), module.exports);
 __reExport(src_exports, require("./types"), module.exports);
 __reExport(src_exports, require("./utils/Utils"), module.exports);
 __reExport(src_exports, require("./config/config"), module.exports);
+__reExport(src_exports, require("./SwcAppEngine"), module.exports);
 var src_default = async (w, other) => {
   const cr = await (0, import_elements.defineSwcAppAll)(w);
   if (other) {

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["import 'reflect-metadata';\nexport * from './elements'\nimport { defineSwcAppAll } from './elements';\nimport {ConstructorType} from \"@dooboostore/core\";\n\n// Decorators\nexport * from './decorators';\n\n// Types\nexport * from './types';\n\n// Utilities\nexport * from './utils/Utils';\n\n// Config\nexport * from './config/config';\n\n// Registration Factory\nexport default async (w: Window, other?: (((w: Window) => Promise<CustomElementConstructor> | CustomElementConstructor) | any) []) => {\n  const cr = await defineSwcAppAll(w);\n  // const cr = await elementFactories(w);\n  if (other) {\n    for (const fn of other) {\n      if (typeof fn === 'function') {\n        await fn(w);\n      }\n    }\n  }\n\n  return cr;\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAAO;AACP,wBAAc,uBADd;AAEA,sBAAgC;AAIhC,wBAAc,yBANd;AASA,wBAAc,oBATd;AAYA,wBAAc,0BAZd;AAeA,wBAAc,4BAfd;AAkBA,IAAO,cAAQ,OAAO,GAAW,UAAqG;AACpI,QAAM,KAAK,UAAM,iCAAgB,CAAC;AAElC,MAAI,OAAO;AACT,eAAW,MAAM,OAAO;AACtB,UAAI,OAAO,OAAO,YAAY;AAC5B,cAAM,GAAG,CAAC;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import 'reflect-metadata';\nexport * from './elements'\nimport { defineSwcAppAll } from './elements';\nimport {ConstructorType} from \"@dooboostore/core\";\n\n// Decorators\nexport * from './decorators';\n\n// Types\nexport * from './types';\n\n// Utilities\nexport * from './utils/Utils';\n\n// Config\nexport * from './config/config';\n\nexport * from './SwcAppEngine'\n\n// Registration Factory\nexport default async (w: Window, other?: (((w: Window) => Promise<CustomElementConstructor> | CustomElementConstructor) | any) []) => {\n  const cr = await defineSwcAppAll(w);\n  // const cr = await elementFactories(w);\n  if (other) {\n    for (const fn of other) {\n      if (typeof fn === 'function') {\n        await fn(w);\n      }\n    }\n  }\n\n  return cr;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAAO;AACP,wBAAc,uBADd;AAEA,sBAAgC;AAIhC,wBAAc,yBANd;AASA,wBAAc,oBATd;AAYA,wBAAc,0BAZd;AAeA,wBAAc,4BAfd;AAiBA,wBAAc,2BAjBd;AAoBA,IAAO,cAAQ,OAAO,GAAW,UAAqG;AACpI,QAAM,KAAK,UAAM,iCAAgB,CAAC;AAElC,MAAI,OAAO;AACT,eAAW,MAAM,OAAO;AACtB,UAAI,OAAO,OAAO,YAAY;AAC5B,cAAM,GAAG,CAAC;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
   "names": []
 }

package/dist/cjs/router/ElementRouter.js

@@ -29,6 +29,10 @@ class ElementRouter extends import_core_web.Router {
     super(config);
     __publicField(this, "_history", []);
     __publicField(this, "_currentIndex", -1);
+    if (config.firstUrl) {
+      this._history.push({ url: config.firstUrl, data: null, title: void 0 });
+      this._currentIndex = 0;
+    }
   }
   // Override pushState to manage internal history
   pushState(data, title, path, config) {

package/dist/cjs/router/ElementRouter.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/router/ElementRouter.ts"],
-  "sourcesContent": ["import { ChangeStateConfig, ChangeStateResult, RouteAction, Router, RouterConfig, RouterMethodOptions } from '@dooboostore/core-web';\nimport { UrlUtils } from '@dooboostore/core';\n\nexport class ElementRouter extends Router {\n  private _history: { url: string; data: any; title?: string }[] = [];\n  private _currentIndex = -1;\n\n  constructor(config: RouterConfig) {\n    super(config);\n  }\n\n  // Override pushState to manage internal history\n  pushState(data: any, title: string | undefined, path: string, config?: ChangeStateConfig): ChangeStateResult {\n    const behaviorSubject = (this as any).behaviorSubject;\n    if (!config?.noEventAndPublish && behaviorSubject) {\n      behaviorSubject.next({ ...this.getRouteData({ pathOrUrl: path }), triggerPoint: 'start' });\n    }\n\n    // Ensure _history is initialized (defense for super calls)\n    if (!this._history) this._history = [];\n\n    this._history = this._history.slice(0, this._currentIndex + 1);\n    this._history.push({ url: path, data, title });\n    this._currentIndex++;\n\n    if (!config?.noEventAndPublish && behaviorSubject) {\n      behaviorSubject.next({ ...this.getRouteData({ pathOrUrl: path }), triggerPoint: 'end' });\n    }\n    return { data };\n  }\n\n  // Override replaceState to manage internal history\n  replaceState(data: any, title: string | undefined, path: string, config?: ChangeStateConfig): ChangeStateResult {\n    const behaviorSubject = (this as any).behaviorSubject;\n    if (!config?.noEventAndPublish && behaviorSubject) {\n      behaviorSubject.next({ ...this.getRouteData({ pathOrUrl: path }), triggerPoint: 'start' });\n    }\n\n    if (!this._history) this._history = [];\n    if (this._currentIndex === -1) {\n      this._history.push({ url: path, data, title });\n      this._currentIndex = 0;\n    } else {\n      this._history[this._currentIndex] = { url: path, data, title };\n    }\n\n    if (!config?.noEventAndPublish && behaviorSubject) {\n      behaviorSubject.next({ ...this.getRouteData({ pathOrUrl: path }), triggerPoint: 'end' });\n    }\n    return { data };\n  }\n\n  push(path: RouteAction, state?: RouterMethodOptions): void {\n    this.pushState(state?.data, state?.title, this.toUrl(path), state?.config);\n  }\n\n  replace(path: RouteAction, state?: RouterMethodOptions): void {\n    this.replaceState(state?.data, state?.title, this.toUrl(path), state?.config);\n  }\n\n  back(config?: ChangeStateConfig): void {\n    if (this._currentIndex > 0) {\n      this.go(-1, config);\n    }\n  }\n\n  forward(config?: ChangeStateConfig): void {\n    if (this._currentIndex < this._history.length - 1) {\n      this.go(1, config);\n    }\n  }\n\n  go(i: number, config?: ChangeStateConfig): void;\n  async go(config: string | { path: RouteAction; state?: RouterMethodOptions; replace?: boolean; scrollToTop?: boolean }): Promise<void>;\n  go(config: number | string | { path: RouteAction; state?: RouterMethodOptions; replace?: boolean; scrollToTop?: boolean }, changeStateConfig?: ChangeStateConfig): Promise<void> | void {\n    if (typeof config === 'number') {\n      const targetIndex = this._currentIndex + config;\n      if (this._history && targetIndex >= 0 && targetIndex < this._history.length) {\n        const behaviorSubject = (this as any).behaviorSubject;\n        if (!changeStateConfig?.noEventAndPublish && behaviorSubject) {\n          behaviorSubject.next({ ...this.getRouteData(), triggerPoint: 'start' });\n        }\n\n        this._currentIndex = targetIndex;\n        const entry = this._history[this._currentIndex];\n\n        if (!changeStateConfig?.noEventAndPublish && behaviorSubject) {\n          behaviorSubject.next({ ...this.getRouteData({ pathOrUrl: entry.url }), triggerPoint: 'end' });\n        }\n      }\n      return;\n    }\n    return super.go(config as any, changeStateConfig);\n  }\n\n  getData(): any {\n    return this._history?.[this._currentIndex]?.data;\n  }\n\n  getUrl(): string {\n    return this._history?.[this._currentIndex]?.url ?? this.config?.firstUrl ?? '/';\n  }\n\n  getHref(): string {\n    return this.getUrl();\n  }\n\n  getPathName(): string {\n    return this.getUrl().split('?')[0];\n  }\n\n  getSearch(): string {\n    const parts = this.getUrl().split('?');\n    return parts[1] ? `?${parts[1]}` : '';\n  }\n\n  getSearchParams(data?: { delete?: string[]; append?: [[string, string]] }): URLSearchParams {\n    const search = this.getSearch();\n    const searchParams = new URLSearchParams(search);\n    return UrlUtils.manipulateSearchParams(searchParams, data);\n  }\n\n  getHashSearchParams(data?: { delete?: string[]; append?: [[string, string]] }): URLSearchParams {\n    const url = this.getUrl();\n    const hashIdx = url.indexOf('#');\n    const hash = hashIdx !== -1 ? url.slice(hashIdx + 1) : '';\n    const searchParams = new URLSearchParams(hash);\n    return UrlUtils.manipulateSearchParams(searchParams, data);\n  }\n\n  pushAddSearchParam(params: [[string, string]], state: RouterMethodOptions | undefined): void {\n    const s = this.getSearchParams({ append: params });\n    this.push({ searchParams: s }, state);\n  }\n\n  pushDeleteHashSearchParam(name: string | string[], state: RouterMethodOptions | undefined): void {\n    const s = this.getHashSearchParams({ delete: Array.isArray(name) ? name : [name] });\n    const url = this.getUrl().split('#')[0];\n    const size = Array.from(s.entries()).length;\n    this.push(url + (size > 0 ? '#' + s.toString() : ''), state);\n  }\n\n  pushDeleteSearchParam(name: string | string[], state: RouterMethodOptions | undefined): void {\n    const s = this.getSearchParams({ delete: Array.isArray(name) ? name : [name] });\n    this.push({ searchParams: s }, state);\n  }\n\n  pushUpsertSearchParam(params: Record<string, string | string[]>, state: RouterMethodOptions | undefined): void {\n    const s = this.getSearchParams();\n    UrlUtils.upsertSearchParam(s, params);\n    this.push({ searchParams: s }, state);\n  }\n\n  replaceAddSearchParam(params: [[string, string]], state: RouterMethodOptions | undefined): void {\n    const s = this.getSearchParams({ append: params });\n    this.replace({ searchParams: s }, state);\n  }\n\n  replaceDeleteHashSearchParam(name: string | string[], state: RouterMethodOptions | undefined): void {\n    const s = this.getHashSearchParams({ delete: Array.isArray(name) ? name : [name] });\n    const url = this.getUrl().split('#')[0];\n    const size = Array.from(s.entries()).length;\n    this.replace(url + (size > 0 ? '#' + s.toString() : ''), state);\n  }\n\n  replaceDeleteSearchParam(name: string | string[], state: RouterMethodOptions | undefined): void {\n    const s = this.getSearchParams({ delete: Array.isArray(name) ? name : [name] });\n    this.replace({ searchParams: s }, state);\n  }\n\n  replaceUpsertSearchParam(params: Record<string, string | string[]>, state: RouterMethodOptions | undefined): void {\n    const s = this.getSearchParamObject();\n    UrlUtils.upsertSearchParam(s as any, params);\n    this.replace({ searchParams: s as any }, state);\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { ChangeStateConfig, ChangeStateResult, RouteAction, Router, RouterConfig, RouterMethodOptions } from '@dooboostore/core-web';\nimport { UrlUtils } from '@dooboostore/core';\n\nexport class ElementRouter extends Router {\n  private _history: { url: string; data: any; title?: string }[] = [];\n  private _currentIndex = -1;\n\n  constructor(config: RouterConfig) {\n    super(config);\n    if (config.firstUrl) {\n      this._history.push({ url: config.firstUrl, data: null, title: undefined });\n      this._currentIndex = 0;\n    }\n  }\n\n  // Override pushState to manage internal history\n  pushState(data: any, title: string | undefined, path: string, config?: ChangeStateConfig): ChangeStateResult {\n    const behaviorSubject = (this as any).behaviorSubject;\n    if (!config?.noEventAndPublish && behaviorSubject) {\n      behaviorSubject.next({ ...this.getRouteData({ pathOrUrl: path }), triggerPoint: 'start' });\n    }\n\n    // Ensure _history is initialized (defense for super calls)\n    if (!this._history) this._history = [];\n\n    this._history = this._history.slice(0, this._currentIndex + 1);\n    this._history.push({ url: path, data, title });\n    this._currentIndex++;\n\n    if (!config?.noEventAndPublish && behaviorSubject) {\n      behaviorSubject.next({ ...this.getRouteData({ pathOrUrl: path }), triggerPoint: 'end' });\n    }\n    return { data };\n  }\n\n  // Override replaceState to manage internal history\n  replaceState(data: any, title: string | undefined, path: string, config?: ChangeStateConfig): ChangeStateResult {\n    const behaviorSubject = (this as any).behaviorSubject;\n    if (!config?.noEventAndPublish && behaviorSubject) {\n      behaviorSubject.next({ ...this.getRouteData({ pathOrUrl: path }), triggerPoint: 'start' });\n    }\n\n    if (!this._history) this._history = [];\n    if (this._currentIndex === -1) {\n      this._history.push({ url: path, data, title });\n      this._currentIndex = 0;\n    } else {\n      this._history[this._currentIndex] = { url: path, data, title };\n    }\n\n    if (!config?.noEventAndPublish && behaviorSubject) {\n      behaviorSubject.next({ ...this.getRouteData({ pathOrUrl: path }), triggerPoint: 'end' });\n    }\n    return { data };\n  }\n\n  push(path: RouteAction, state?: RouterMethodOptions): void {\n    this.pushState(state?.data, state?.title, this.toUrl(path), state?.config);\n  }\n\n  replace(path: RouteAction, state?: RouterMethodOptions): void {\n    this.replaceState(state?.data, state?.title, this.toUrl(path), state?.config);\n  }\n\n  back(config?: ChangeStateConfig): void {\n    if (this._currentIndex > 0) {\n      this.go(-1, config);\n    }\n  }\n\n  forward(config?: ChangeStateConfig): void {\n    if (this._currentIndex < this._history.length - 1) {\n      this.go(1, config);\n    }\n  }\n\n  go(i: number, config?: ChangeStateConfig): void;\n  async go(config: string | { path: RouteAction; state?: RouterMethodOptions; replace?: boolean; scrollToTop?: boolean }): Promise<void>;\n  go(config: number | string | { path: RouteAction; state?: RouterMethodOptions; replace?: boolean; scrollToTop?: boolean }, changeStateConfig?: ChangeStateConfig): Promise<void> | void {\n    if (typeof config === 'number') {\n      const targetIndex = this._currentIndex + config;\n      if (this._history && targetIndex >= 0 && targetIndex < this._history.length) {\n        const behaviorSubject = (this as any).behaviorSubject;\n        if (!changeStateConfig?.noEventAndPublish && behaviorSubject) {\n          behaviorSubject.next({ ...this.getRouteData(), triggerPoint: 'start' });\n        }\n\n        this._currentIndex = targetIndex;\n        const entry = this._history[this._currentIndex];\n\n        if (!changeStateConfig?.noEventAndPublish && behaviorSubject) {\n          behaviorSubject.next({ ...this.getRouteData({ pathOrUrl: entry.url }), triggerPoint: 'end' });\n        }\n      }\n      return;\n    }\n    return super.go(config as any, changeStateConfig);\n  }\n\n  getData(): any {\n    return this._history?.[this._currentIndex]?.data;\n  }\n\n  getUrl(): string {\n    return this._history?.[this._currentIndex]?.url ?? this.config?.firstUrl ?? '/';\n  }\n\n  getHref(): string {\n    return this.getUrl();\n  }\n\n  getPathName(): string {\n    return this.getUrl().split('?')[0];\n  }\n\n  getSearch(): string {\n    const parts = this.getUrl().split('?');\n    return parts[1] ? `?${parts[1]}` : '';\n  }\n\n  getSearchParams(data?: { delete?: string[]; append?: [[string, string]] }): URLSearchParams {\n    const search = this.getSearch();\n    const searchParams = new URLSearchParams(search);\n    return UrlUtils.manipulateSearchParams(searchParams, data);\n  }\n\n  getHashSearchParams(data?: { delete?: string[]; append?: [[string, string]] }): URLSearchParams {\n    const url = this.getUrl();\n    const hashIdx = url.indexOf('#');\n    const hash = hashIdx !== -1 ? url.slice(hashIdx + 1) : '';\n    const searchParams = new URLSearchParams(hash);\n    return UrlUtils.manipulateSearchParams(searchParams, data);\n  }\n\n  pushAddSearchParam(params: [[string, string]], state: RouterMethodOptions | undefined): void {\n    const s = this.getSearchParams({ append: params });\n    this.push({ searchParams: s }, state);\n  }\n\n  pushDeleteHashSearchParam(name: string | string[], state: RouterMethodOptions | undefined): void {\n    const s = this.getHashSearchParams({ delete: Array.isArray(name) ? name : [name] });\n    const url = this.getUrl().split('#')[0];\n    const size = Array.from(s.entries()).length;\n    this.push(url + (size > 0 ? '#' + s.toString() : ''), state);\n  }\n\n  pushDeleteSearchParam(name: string | string[], state: RouterMethodOptions | undefined): void {\n    const s = this.getSearchParams({ delete: Array.isArray(name) ? name : [name] });\n    this.push({ searchParams: s }, state);\n  }\n\n  pushUpsertSearchParam(params: Record<string, string | string[]>, state: RouterMethodOptions | undefined): void {\n    const s = this.getSearchParams();\n    UrlUtils.upsertSearchParam(s, params);\n    this.push({ searchParams: s }, state);\n  }\n\n  replaceAddSearchParam(params: [[string, string]], state: RouterMethodOptions | undefined): void {\n    const s = this.getSearchParams({ append: params });\n    this.replace({ searchParams: s }, state);\n  }\n\n  replaceDeleteHashSearchParam(name: string | string[], state: RouterMethodOptions | undefined): void {\n    const s = this.getHashSearchParams({ delete: Array.isArray(name) ? name : [name] });\n    const url = this.getUrl().split('#')[0];\n    const size = Array.from(s.entries()).length;\n    this.replace(url + (size > 0 ? '#' + s.toString() : ''), state);\n  }\n\n  replaceDeleteSearchParam(name: string | string[], state: RouterMethodOptions | undefined): void {\n    const s = this.getSearchParams({ delete: Array.isArray(name) ? name : [name] });\n    this.replace({ searchParams: s }, state);\n  }\n\n  replaceUpsertSearchParam(params: Record<string, string | string[]>, state: RouterMethodOptions | undefined): void {\n    const s = this.getSearchParamObject();\n    UrlUtils.upsertSearchParam(s as any, params);\n    this.replace({ searchParams: s as any }, state);\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/SwcAppEngine.js

@@ -39,7 +39,9 @@ class SwcAppEngine {
       if (this.router) otherInstanceSim.set(Router, this.router);
       this.simpleApplication.run(otherInstanceSim);
       if (this._config.onStartedLazyDefineComponent) {
-        await Promise.all(this._config.onStartedLazyDefineComponent.map((it) => it(this._config.window)));
+        await Promise.all(this._config.onStartedLazyDefineComponent.map((it) => {
+          it(this._config.window);
+        }));
       }
       if (this._config.onEngineStarted) {
         await this._config.onEngineStarted(this.simpleApplication, this.host);

package/dist/esm/SwcAppEngine.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/SwcAppEngine.ts"],
-  "sourcesContent": ["import { SimpleApplication } from '@dooboostore/simple-boot';\nimport { HashRouter, PathRouter, Router, RouterEventType } from '@dooboostore/core-web';\nimport { ElementRouter } from './router/ElementRouter';\nimport { SimOption } from '@dooboostore/simple-boot';\nimport { ConstructorType, OptionalType, Subscription } from '@dooboostore/core';\nimport { SwcAppInterface } from './types';\nimport { SimConfig } from '@dooboostore/simple-boot';\n\nexport type SwcConfigType = {\n  routeType: 'path' | 'hash' | 'element';\n  // connectMode?: 'direct' | 'swap' | 'clear-swap'; // hydrate \uC544\uC9C1 \uAC1C\uBC1C\uC911\n  container?: symbol;\n  otherInstanceSim?: Map<ConstructorType<any> | Function | SimConfig | symbol, any>;\n  path?: string;\n  window: Window;\n  onEngineStarted?: (sp: SimpleApplication, app: SwcAppInterface) => Promise<void> | void;\n  onConnectedChildAfter?: (swcEl: HTMLElement) => void;\n  onConnectedChildBefore?: (swcEl: HTMLElement) => void;\n  onDisconnectedChildAfter?: (swcEl: HTMLElement) => void;\n  onDisconnectedChildBefore?: (swcEl: HTMLElement) => void;\n  onConnected?: (app: SwcAppInterface) => void;\n  onDisconnected?: (app: SwcAppInterface) => void;\n  ssr?: boolean;\n  onStartedLazyDefineComponent?: ((w: Window)=> Promise<CustomElementConstructor> | void | string | any | CustomElementConstructor)[];\n\n  onChildrenConnectedDone?: (app: SwcAppInterface) => void;\n  // onChildrenSwcAppStartedDone?: (app: SwcAppInterface) => void;\n  // childrenSwcAppStartedDoneCheckIntervalTime?: number;\n  onChildrenRouteChanged?: (event: RouterEventType, app: SwcAppInterface) => void;\n  childrenRouteChangedCheckIntervalTime?: number; // \uC790\uC2DD \uC5F0\uACB0 \uC644\uB8CC \uC774\uBCA4\uD2B8 \uB514\uBC14\uC6B4\uC2A4 \uD0C0\uC784 (ms)\n  childrenConnectedDoneCheckIntervalTime?: number;\n};\n\nexport type SwcAttributeConfigType = OptionalType<SwcConfigType, 'routeType' | 'window'>;\n\nexport class SwcAppEngine {\n  public simpleApplication?: SimpleApplication;\n  public router?: Router;\n  private routerSubscription?: Subscription;\n  private _config?: SwcConfigType;\n\n  constructor(private host: HTMLElement) {}\n\n  get config() {\n    return this._config;\n  }\n\n  async connect(config: SwcConfigType) {\n    try {\n      this._config = config;\n\n      // Router Selection\n      if (this._config.routeType === 'path') {\n        this.router = new PathRouter({ window: this._config.window, firstUrl: this._config.path });\n      } else if (this._config.routeType === 'hash') {\n        this.router = new HashRouter({ window: this._config.window, firstUrl: this._config.path });\n      } else if (this._config.routeType === 'element') {\n        this.router = new ElementRouter({ window: this._config.window, firstUrl: this._config.path });\n      }\n\n      // console.log('vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv', this.router)\n\n      // App start\n      this.simpleApplication = new SimpleApplication(\n        new SimOption({\n          excludeProxys: [(this._config.window as any).Node],\n          container: this._config.container\n        })\n      );\n\n      const otherInstanceSim = new Map<any, any>();\n      this.config?.otherInstanceSim?.forEach((v, k) => {\n        otherInstanceSim.set(k, v);\n      });\n      if (this.router) otherInstanceSim.set(Router, this.router);\n      this.simpleApplication.run(otherInstanceSim);\n\n\n      if (this._config.onStartedLazyDefineComponent) {\n        // console.log('-------->', this._config.onStartedLazyDefineComponent)\n        await Promise.all(this._config.onStartedLazyDefineComponent.map(it => it(this._config.window)))\n      }\n      if (this._config.onEngineStarted) {\n        await this._config.onEngineStarted(this.simpleApplication, this.host as unknown as SwcAppInterface);\n      }\n    } catch (e) {\n      console.error('[SWC-APP-ENGINE] Init failed:', e, this._config);\n    }\n  }\n\n  disconnect() {\n    this.routerSubscription?.unsubscribe();\n  }\n}\n"],
-  "mappings": ";;;AAAA,SAAS,yBAAyB;AAClC,SAAS,YAAY,YAAY,cAA+B;AAChE,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAgCnB,MAAM,aAAa;AAAA,EAMxB,YAAoB,MAAmB;AAAnB;AALpB,wBAAO;AACP,wBAAO;AACP,wBAAQ;AACR,wBAAQ;AAAA,EAEgC;AAAA,EAExC,IAAI,SAAS;AACX,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,MAAM,QAAQ,QAAuB;AACnC,QAAI;AACF,WAAK,UAAU;AAGf,UAAI,KAAK,QAAQ,cAAc,QAAQ;AACrC,aAAK,SAAS,IAAI,WAAW,EAAE,QAAQ,KAAK,QAAQ,QAAQ,UAAU,KAAK,QAAQ,KAAK,CAAC;AAAA,MAC3F,WAAW,KAAK,QAAQ,cAAc,QAAQ;AAC5C,aAAK,SAAS,IAAI,WAAW,EAAE,QAAQ,KAAK,QAAQ,QAAQ,UAAU,KAAK,QAAQ,KAAK,CAAC;AAAA,MAC3F,WAAW,KAAK,QAAQ,cAAc,WAAW;AAC/C,aAAK,SAAS,IAAI,cAAc,EAAE,QAAQ,KAAK,QAAQ,QAAQ,UAAU,KAAK,QAAQ,KAAK,CAAC;AAAA,MAC9F;AAKA,WAAK,oBAAoB,IAAI;AAAA,QAC3B,IAAI,UAAU;AAAA,UACZ,eAAe,CAAE,KAAK,QAAQ,OAAe,IAAI;AAAA,UACjD,WAAW,KAAK,QAAQ;AAAA,QAC1B,CAAC;AAAA,MACH;AAEA,YAAM,mBAAmB,oBAAI,IAAc;AAC3C,WAAK,QAAQ,kBAAkB,QAAQ,CAAC,GAAG,MAAM;AAC/C,yBAAiB,IAAI,GAAG,CAAC;AAAA,MAC3B,CAAC;AACD,UAAI,KAAK,OAAQ,kBAAiB,IAAI,QAAQ,KAAK,MAAM;AACzD,WAAK,kBAAkB,IAAI,gBAAgB;AAG3C,UAAI,KAAK,QAAQ,8BAA8B;AAE7C,cAAM,QAAQ,IAAI,KAAK,QAAQ,6BAA6B,IAAI,QAAM,GAAG,KAAK,QAAQ,MAAM,CAAC,CAAC;AAAA,MAChG;AACA,UAAI,KAAK,QAAQ,iBAAiB;AAChC,cAAM,KAAK,QAAQ,gBAAgB,KAAK,mBAAmB,KAAK,IAAkC;AAAA,MACpG;AAAA,IACF,SAAS,GAAG;AACV,cAAQ,MAAM,iCAAiC,GAAG,KAAK,OAAO;AAAA,IAChE;AAAA,EACF;AAAA,EAEA,aAAa;AACX,SAAK,oBAAoB,YAAY;AAAA,EACvC;AACF;",
+  "sourcesContent": ["import { SimpleApplication } from '@dooboostore/simple-boot';\nimport { HashRouter, PathRouter, Router, RouterEventType } from '@dooboostore/core-web';\nimport { ElementRouter } from './router/ElementRouter';\nimport { SimOption } from '@dooboostore/simple-boot';\nimport { ConstructorType, OptionalType, Subscription } from '@dooboostore/core';\nimport { SwcAppInterface } from './types';\nimport { SimConfig } from '@dooboostore/simple-boot';\n\nexport type SwcConfigType = {\n  routeType: 'path' | 'hash' | 'element';\n  // connectMode?: 'direct' | 'swap' | 'clear-swap'; // hydrate \uC544\uC9C1 \uAC1C\uBC1C\uC911\n  container?: symbol;\n  otherInstanceSim?: Map<ConstructorType<any> | Function | SimConfig | symbol, any>;\n  path?: string;\n  window: Window;\n  onEngineStarted?: (sp: SimpleApplication, app: SwcAppInterface) => Promise<void> | void;\n  onConnectedChildAfter?: (swcEl: HTMLElement) => void;\n  onConnectedChildBefore?: (swcEl: HTMLElement) => void;\n  onDisconnectedChildAfter?: (swcEl: HTMLElement) => void;\n  onDisconnectedChildBefore?: (swcEl: HTMLElement) => void;\n  onConnected?: (app: SwcAppInterface) => void;\n  onDisconnected?: (app: SwcAppInterface) => void;\n  ssr?: boolean;\n  onStartedLazyDefineComponent?: ((w: Window)=> Promise<CustomElementConstructor> | void | string | any | CustomElementConstructor)[];\n\n  onChildrenConnectedDone?: (app: SwcAppInterface) => void;\n  // onChildrenSwcAppStartedDone?: (app: SwcAppInterface) => void;\n  // childrenSwcAppStartedDoneCheckIntervalTime?: number;\n  onChildrenRouteChanged?: (event: RouterEventType, app: SwcAppInterface) => void;\n  childrenRouteChangedCheckIntervalTime?: number; // \uC790\uC2DD \uC5F0\uACB0 \uC644\uB8CC \uC774\uBCA4\uD2B8 \uB514\uBC14\uC6B4\uC2A4 \uD0C0\uC784 (ms)\n  childrenConnectedDoneCheckIntervalTime?: number;\n};\n\nexport type SwcAttributeConfigType = OptionalType<SwcConfigType, 'routeType' | 'window'>;\n\nexport class SwcAppEngine {\n  public simpleApplication?: SimpleApplication;\n  public router?: Router;\n  private routerSubscription?: Subscription;\n  private _config?: SwcConfigType;\n\n  constructor(private host: HTMLElement) {}\n\n  get config() {\n    return this._config;\n  }\n\n  async connect(config: SwcConfigType) {\n    try {\n      this._config = config;\n\n      // Router Selection\n      if (this._config.routeType === 'path') {\n        this.router = new PathRouter({ window: this._config.window, firstUrl: this._config.path });\n      } else if (this._config.routeType === 'hash') {\n        this.router = new HashRouter({ window: this._config.window, firstUrl: this._config.path });\n      } else if (this._config.routeType === 'element') {\n        this.router = new ElementRouter({ window: this._config.window, firstUrl: this._config.path });\n      }\n\n      // console.log('vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv', this.router)\n\n      // App start\n      this.simpleApplication = new SimpleApplication(\n        new SimOption({\n          excludeProxys: [(this._config.window as any).Node],\n          container: this._config.container\n        })\n      );\n\n      const otherInstanceSim = new Map<any, any>();\n      this.config?.otherInstanceSim?.forEach((v, k) => {\n        otherInstanceSim.set(k, v);\n      });\n      if (this.router) otherInstanceSim.set(Router, this.router);\n      this.simpleApplication.run(otherInstanceSim);\n\n\n      if (this._config.onStartedLazyDefineComponent) {\n        // console.log('-------->', this._config.onStartedLazyDefineComponent)\n        await Promise.all(this._config.onStartedLazyDefineComponent.map(it => {\n          it(this._config.window);\n        }))\n      }\n      if (this._config.onEngineStarted) {\n        await this._config.onEngineStarted(this.simpleApplication, this.host as unknown as SwcAppInterface);\n      }\n    } catch (e) {\n      console.error('[SWC-APP-ENGINE] Init failed:', e, this._config);\n    }\n  }\n\n  disconnect() {\n    this.routerSubscription?.unsubscribe();\n  }\n}\n"],
+  "mappings": ";;;AAAA,SAAS,yBAAyB;AAClC,SAAS,YAAY,YAAY,cAA+B;AAChE,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAgCnB,MAAM,aAAa;AAAA,EAMxB,YAAoB,MAAmB;AAAnB;AALpB,wBAAO;AACP,wBAAO;AACP,wBAAQ;AACR,wBAAQ;AAAA,EAEgC;AAAA,EAExC,IAAI,SAAS;AACX,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,MAAM,QAAQ,QAAuB;AACnC,QAAI;AACF,WAAK,UAAU;AAGf,UAAI,KAAK,QAAQ,cAAc,QAAQ;AACrC,aAAK,SAAS,IAAI,WAAW,EAAE,QAAQ,KAAK,QAAQ,QAAQ,UAAU,KAAK,QAAQ,KAAK,CAAC;AAAA,MAC3F,WAAW,KAAK,QAAQ,cAAc,QAAQ;AAC5C,aAAK,SAAS,IAAI,WAAW,EAAE,QAAQ,KAAK,QAAQ,QAAQ,UAAU,KAAK,QAAQ,KAAK,CAAC;AAAA,MAC3F,WAAW,KAAK,QAAQ,cAAc,WAAW;AAC/C,aAAK,SAAS,IAAI,cAAc,EAAE,QAAQ,KAAK,QAAQ,QAAQ,UAAU,KAAK,QAAQ,KAAK,CAAC;AAAA,MAC9F;AAKA,WAAK,oBAAoB,IAAI;AAAA,QAC3B,IAAI,UAAU;AAAA,UACZ,eAAe,CAAE,KAAK,QAAQ,OAAe,IAAI;AAAA,UACjD,WAAW,KAAK,QAAQ;AAAA,QAC1B,CAAC;AAAA,MACH;AAEA,YAAM,mBAAmB,oBAAI,IAAc;AAC3C,WAAK,QAAQ,kBAAkB,QAAQ,CAAC,GAAG,MAAM;AAC/C,yBAAiB,IAAI,GAAG,CAAC;AAAA,MAC3B,CAAC;AACD,UAAI,KAAK,OAAQ,kBAAiB,IAAI,QAAQ,KAAK,MAAM;AACzD,WAAK,kBAAkB,IAAI,gBAAgB;AAG3C,UAAI,KAAK,QAAQ,8BAA8B;AAE7C,cAAM,QAAQ,IAAI,KAAK,QAAQ,6BAA6B,IAAI,QAAM;AACpE,aAAG,KAAK,QAAQ,MAAM;AAAA,QACxB,CAAC,CAAC;AAAA,MACJ;AACA,UAAI,KAAK,QAAQ,iBAAiB;AAChC,cAAM,KAAK,QAAQ,gBAAgB,KAAK,mBAAmB,KAAK,IAAkC;AAAA,MACpG;AAAA,IACF,SAAS,GAAG;AACV,cAAQ,MAAM,iCAAiC,GAAG,KAAK,OAAO;AAAA,IAChE;AAAA,EACF;AAAA,EAEA,aAAa;AACX,SAAK,oBAAoB,YAAY;AAAA,EACvC;AACF;",
   "names": []
 }

package/dist/esm/decorators/addEventListener.js

@@ -23,6 +23,11 @@ function addEventListenerDelegateAllDom(selector, type, options) {
 function addEventListenerDelegate(selector, type, options) {
   return addEventListener(selector, type, { ...options ?? {}, root: "auto", delegate: true });
 }
+const event = addEventListener;
+const eventDelegateLightDom = addEventListenerDelegateLightDom;
+const eventDelegateShadowDom = addEventListenerDelegateShadowDom;
+const eventDelegateAllDom = addEventListenerDelegateAllDom;
+const eventDelegate = addEventListenerDelegate;
 function addEventListenerThis(type, options) {
   return addEventListener("$this", type, options);
 }
@@ -50,6 +55,11 @@ export {
   addEventListenerDocument,
   addEventListenerThis,
   addEventListenerWindow,
+  event,
+  eventDelegate,
+  eventDelegateAllDom,
+  eventDelegateLightDom,
+  eventDelegateShadowDom,
   getAddEventListenerMetadata
 };
 //# sourceMappingURL=addEventListener.js.map

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 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}\n\nexport interface AddEventListenerMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  type: string;\n  options: AddEventListenerBaseOptions & SwcQueryOptions & { delegate?: boolean };\n}\n\nexport const ADD_EVENT_LISTENER_METADATA_KEY = Symbol.for('simple-web-component:add-event-listener');\n\nexport function addEventListener(target: SpecialSelector, type: string, options?: AddEventListenerBaseOptions): MethodDecorator;\nexport function addEventListener(selector: string, type: string, options?: AddEventListenerBaseOptions & SwcQueryOptions & { delegate?: boolean }): MethodDecorator;\n/**\n * @addEventListener decorator to bind events to elements.\n */\nexport function addEventListener(selectorOrTarget: string, 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[]>(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(selector: string, type: string, options?: Omit<AddEventListenerBaseOptions, 'delegate'>): MethodDecorator {\n  return addEventListener(selector, type, {...options??{}, root:'light', delegate: true});\n}\n\nexport function addEventListenerDelegateShadowDom(selector: string, type: string, options?: Omit<AddEventListenerBaseOptions, 'delegate'>): MethodDecorator {\n  return addEventListener(selector, type, {...options??{}, root:'shadow', delegate: true});\n}\nexport function addEventListenerDelegateAllDom(selector: string, type: string, options?: Omit<AddEventListenerBaseOptions, 'delegate'>): MethodDecorator {\n  return addEventListener(selector, type, {...options??{}, root:'all', delegate: true});\n}\nexport function addEventListenerDelegate(selector: string, type: string, options?: Omit<AddEventListenerBaseOptions, 'delegate'>): MethodDecorator {\n  return addEventListener(selector, type, {...options??{}, root:'auto', delegate: true});\n}\n\n/**\n * @addEventListenerThis decorator - simplified version of @addEventListener for $this selector\n */\nexport function addEventListenerThis(type: string, options?: AddEventListenerBaseOptions & SwcQueryOptions): MethodDecorator {\n  return addEventListener('$this', type, options);\n}\n\n/**\n * @addEventListenerAppHost decorator - simplified version of @addEventListener for $appHost selector\n */\nexport function addEventListenerAppHost(type: string, options?: AddEventListenerBaseOptions & SwcQueryOptions): MethodDecorator {\n  return addEventListener('$appHost', type, options);\n}\n\nexport function addEventListenerWindow(type: string, options?: AddEventListenerBaseOptions & SwcQueryOptions): MethodDecorator {\n  return addEventListener('$window', type, options);\n}\nexport function addEventListenerDocument(type: string, options?: AddEventListenerBaseOptions & SwcQueryOptions): MethodDecorator {\n  return addEventListener('$document', type, options);\n}\n\nexport const getAddEventListenerMetadata = (target: any): AddEventListenerMetadata[] | 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;AAsBtB,MAAM,kCAAkC,OAAO,IAAI,yCAAyC;AAO5F,SAAS,iBAAiB,kBAA0B,MAAc,UAAe,CAAC,GAAoB;AAC3G,SAAO,CAAC,WAAmB,aAA8B,eAAmC;AAC1F,UAAM,cAAc,UAAU;AAE9B,QAAI,YAAY,aAAa,YAAwC,iCAAiC,WAAW;AACjH,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,iCAAiC,UAAkB,MAAc,SAA0E;AACzJ,SAAO,iBAAiB,UAAU,MAAM,EAAC,GAAG,WAAS,CAAC,GAAG,MAAK,SAAS,UAAU,KAAI,CAAC;AACxF;AAEO,SAAS,kCAAkC,UAAkB,MAAc,SAA0E;AAC1J,SAAO,iBAAiB,UAAU,MAAM,EAAC,GAAG,WAAS,CAAC,GAAG,MAAK,UAAU,UAAU,KAAI,CAAC;AACzF;AACO,SAAS,+BAA+B,UAAkB,MAAc,SAA0E;AACvJ,SAAO,iBAAiB,UAAU,MAAM,EAAC,GAAG,WAAS,CAAC,GAAG,MAAK,OAAO,UAAU,KAAI,CAAC;AACtF;AACO,SAAS,yBAAyB,UAAkB,MAAc,SAA0E;AACjJ,SAAO,iBAAiB,UAAU,MAAM,EAAC,GAAG,WAAS,CAAC,GAAG,MAAK,QAAQ,UAAU,KAAI,CAAC;AACvF;AAKO,SAAS,qBAAqB,MAAc,SAA0E;AAC3H,SAAO,iBAAiB,SAAS,MAAM,OAAO;AAChD;AAKO,SAAS,wBAAwB,MAAc,SAA0E;AAC9H,SAAO,iBAAiB,YAAY,MAAM,OAAO;AACnD;AAEO,SAAS,uBAAuB,MAAc,SAA0E;AAC7H,SAAO,iBAAiB,WAAW,MAAM,OAAO;AAClD;AACO,SAAS,yBAAyB,MAAc,SAA0E;AAC/H,SAAO,iBAAiB,aAAa,MAAM,OAAO;AACpD;AAEO,MAAM,8BAA8B,CAAC,WAAwD;AAClG,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,YAAY,iCAAiC,WAAW;AAC9E;",
+  "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 interface AddEventListenerMetadata<TEvent extends Event = Event> {\n  propertyKey: string | symbol;\n  selector: string;\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: string, 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: string, 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: string, 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: string, 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: string, 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: string, 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;AA0BtB,MAAM,kCAAkC,OAAO,IAAI,yCAAyC;AAO5F,SAAS,iBAA+C,kBAA0B,MAAc,UAAe,CAAC,GAAoB;AACzI,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,UAAkB,MAAc,SAAkF;AAC/L,SAAO,iBAAyB,UAAU,MAAM,EAAC,GAAG,WAAS,CAAC,GAAG,MAAK,SAAS,UAAU,KAAI,CAAC;AAChG;AAEO,SAAS,kCAAgE,UAAkB,MAAc,SAAkF;AAChM,SAAO,iBAAyB,UAAU,MAAM,EAAC,GAAG,WAAS,CAAC,GAAG,MAAK,UAAU,UAAU,KAAI,CAAC;AACjG;AACO,SAAS,+BAA6D,UAAkB,MAAc,SAAkF;AAC7L,SAAO,iBAAyB,UAAU,MAAM,EAAC,GAAG,WAAS,CAAC,GAAG,MAAK,OAAO,UAAU,KAAI,CAAC;AAC9F;AACO,SAAS,yBAAuD,UAAkB,MAAc,SAAkF;AACvL,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": []
 }

package/dist/esm/decorators/applyAttribute.js

@@ -3,6 +3,13 @@ import { ensureInit, getElementConfig } from "./elementDefine.js";
 import { SwcUtils } from "../utils/Utils.js";
 import { ConvertUtils } from "@dooboostore/core-web";
 const ATTRIBUTE_METADATA_KEY = Symbol.for("simple-web-component:attribute");
+const isCssSelector = (str) => {
+  if (!str) return false;
+  if (str.startsWith("$")) return true;
+  if (/^[#.\[\:>+~]/.test(str)) return true;
+  if (/[>+~:\[\]]/.test(str)) return true;
+  return false;
+};
 const convertValue = (val, type) => {
   if (val === null || val === void 0) return val;
   if (type === Number) return Number(val);
@@ -132,13 +139,22 @@ function applyAttribute(selector, targetAttributeNameOrOptions, options) {
       descriptor.value = function(...args) {
         ensureInit(this);
         const res = original.apply(this, args);
+        const extractValue = (v) => {
+          const keyToUse = finalOptions.valueKey ?? ATTRIBUTE_METADATA_KEY;
+          if (v && typeof v === "object" && keyToUse in v) {
+            return v[keyToUse];
+          }
+          return v;
+        };
         if (res instanceof Promise) {
           return res.then((v) => {
-            applyValueToTargets(this, v);
+            const extracted = extractValue(v);
+            applyValueToTargets(this, extracted);
             return v;
           });
         } else {
-          applyValueToTargets(this, res);
+          const extracted = extractValue(res);
+          applyValueToTargets(this, extracted);
           return res;
         }
       };
@@ -164,35 +180,32 @@ function applyAttribute(selector, targetAttributeNameOrOptions, options) {
     });
   };
 }
-function attribute(selector, targetAttributeNameOrOptions, options) {
-  return applyAttribute(selector, targetAttributeNameOrOptions, options);
-}
-function attributeThis(targetOrOptions, propertyKeyOrOptions, descriptor) {
-  if (typeof targetOrOptions === "object" && targetOrOptions !== null && !Array.isArray(targetOrOptions) && typeof propertyKeyOrOptions === "string" || typeof propertyKeyOrOptions === "symbol") {
-    return applyAttribute("$this", void 0, {})(targetOrOptions, propertyKeyOrOptions, descriptor);
+function attribute(selectorOrAttributeOrTarget, attributeNameOrOptions, optionsOrDescriptor) {
+  if (optionsOrDescriptor !== void 0 && (typeof attributeNameOrOptions === "string" || typeof attributeNameOrOptions === "symbol")) {
+    return applyAttribute("$this", void 0, {})(selectorOrAttributeOrTarget, attributeNameOrOptions, optionsOrDescriptor);
   }
-  if (typeof targetOrOptions === "string") {
-    return applyAttribute("$this", targetOrOptions, propertyKeyOrOptions);
-  } else if (targetOrOptions && typeof targetOrOptions === "object") {
-    return applyAttribute("$this", void 0, targetOrOptions);
-  } else {
-    return applyAttribute("$this", void 0, {});
+  if (typeof selectorOrAttributeOrTarget === "string") {
+    const isSelector = isCssSelector(selectorOrAttributeOrTarget);
+    if (isSelector) {
+      return applyAttribute(selectorOrAttributeOrTarget, attributeNameOrOptions, optionsOrDescriptor);
+    } else {
+      const options = typeof attributeNameOrOptions === "object" && attributeNameOrOptions !== null ? attributeNameOrOptions : {};
+      return applyAttribute("$this", selectorOrAttributeOrTarget, options);
+    }
   }
+  return applyAttribute("$this", void 0, selectorOrAttributeOrTarget);
 }
-function setAttribute(selector, targetAttributeNameOrOptions, options) {
-  return applyAttribute(selector, targetAttributeNameOrOptions, options);
-}
-function setAttributeThis(targetOrOptions, propertyKeyOrOptions, descriptor) {
-  if (typeof targetOrOptions === "object" && targetOrOptions !== null && !Array.isArray(targetOrOptions) && (typeof propertyKeyOrOptions === "string" || typeof propertyKeyOrOptions === "symbol")) {
-    return applyAttribute("$this", void 0, {})(targetOrOptions, propertyKeyOrOptions, descriptor);
-  }
-  if (typeof targetOrOptions === "string") {
-    return applyAttribute("$this", targetOrOptions, propertyKeyOrOptions);
-  } else if (targetOrOptions && typeof targetOrOptions === "object") {
-    return applyAttribute("$this", void 0, targetOrOptions);
-  } else {
-    return applyAttribute("$this", void 0, {});
+function setAttribute(selectorOrAttributeOrOptions, attributeNameOrOptions, optionsOrUndefined) {
+  if (typeof selectorOrAttributeOrOptions === "string") {
+    const isSelector = isCssSelector(selectorOrAttributeOrOptions);
+    if (isSelector) {
+      return applyAttribute(selectorOrAttributeOrOptions, attributeNameOrOptions, optionsOrUndefined);
+    } else {
+      const options = typeof attributeNameOrOptions === "object" && attributeNameOrOptions !== null ? attributeNameOrOptions : {};
+      return applyAttribute("$this", selectorOrAttributeOrOptions, options);
+    }
   }
+  return applyAttribute("$this", void 0, selectorOrAttributeOrOptions);
 }
 const findAllAttributeMetadata = (target) => {
   const actualTarget = target instanceof Function ? target : target.constructor;
@@ -210,14 +223,12 @@ export {
   ATTRIBUTE_METADATA_KEY,
   applyAttribute,
   attribute,
-  attributeThis,
   convertValue,
   applyAttribute_default as default,
   findAllAttributeApplyMetadata,
   findAllAttributeMetadata,
   getAttributeValue,
   resolveAttributeTargets,
-  setAttribute,
-  setAttributeThis
+  setAttribute
 };
 //# sourceMappingURL=applyAttribute.js.map

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\nexport interface AttributeMetadata {\n  propertyKey: string | symbol;\n  selector: string;\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\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?: string }): 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.) and CSS selectors\n * Returns HTMLElement[] for attribute operations\n */\nexport const resolveAttributeTargets = (inst: any, selector: string, 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  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 (selector === '$this' || !selector) {\n    applyRoot(inst);\n  } else {\n    const hostSet = SwcUtils.getHostSet(inst);\n    if (selector === '$host') applyRoot(hostSet.$host);\n    else if (selector === '$parentHost') applyRoot(hostSet.$parentHost);\n    else if (selector === '$appHost') applyRoot(hostSet.$appHost as any);\n    else if (selector === '$firstHost') applyRoot(hostSet.$firstHost);\n    else if (selector === '$lastHost') applyRoot(hostSet.$lastHost);\n    else if (selector === '$firstAppHost') applyRoot(hostSet.$firstAppHost as any);\n    else if (selector === '$lastAppHost') applyRoot(hostSet.$lastAppHost as any);\n    else if (selector === '$hosts') hostSet.$hosts.forEach(applyRoot);\n    else if (selector === '$appHosts') hostSet.$appHosts.forEach(applyRoot);\n    else {\n      if (r === 'shadow') {\n        const found = inst.shadowRoot?.querySelectorAll(selector);\n        if (found) results.push(...found);\n      } else if (r === 'light') {\n        const found = inst.querySelectorAll(selector);\n        if (found) results.push(...found);\n      } else if (r === 'all') {\n        const sMatch = inst.shadowRoot?.querySelectorAll(selector);\n        const lMatch = inst.querySelectorAll(selector);\n        if (sMatch) results.push(...sMatch);\n        if (lMatch) results.push(...lMatch);\n      } else {\n        const found = (inst.shadowRoot || inst).querySelectorAll(selector);\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 * - Return null to remove attribute\n */\nexport function applyAttribute(selector: string, targetAttributeName: string, options?: AttributeOptions): MethodDecorator & PropertyDecorator;\nexport function applyAttribute(selector: string, options?: AttributeOptions): MethodDecorator & PropertyDecorator;\nexport function applyAttribute(selector: string, 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,\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        if (res instanceof Promise) {\n          return res.then((v: any) => {\n            applyValueToTargets(this, v);\n            return v;\n          });\n        } else {\n          applyValueToTargets(this, res);\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 - Alias for @applyAttribute\n */\nexport function attribute(selector: string, targetAttributeName: string, options?: AttributeOptions): MethodDecorator & PropertyDecorator;\nexport function attribute(selector: string, options?: AttributeOptions): MethodDecorator & PropertyDecorator;\nexport function attribute(selector: string, targetAttributeNameOrOptions?: string | AttributeOptions, options?: AttributeOptions): MethodDecorator & PropertyDecorator {\n  return applyAttribute(selector, targetAttributeNameOrOptions as any, options);\n}\n\n/**\n * @attributeThis - Apply attribute on $this element\n * Can be used as: @attributeThis or @attributeThis('attrName') or @attributeThis({ name: 'attrName' })\n */\nexport function attributeThis(target: Object, propertyKey: string | symbol): void;\nexport function attributeThis(targetAttributeName: string, options?: AttributeOptions): MethodDecorator & PropertyDecorator;\nexport function attributeThis(options?: AttributeOptions): MethodDecorator & PropertyDecorator;\nexport function attributeThis(targetOrOptions?: any, propertyKeyOrOptions?: any, descriptor?: PropertyDescriptor): any {\n  // Direct decorator usage: @attributeThis\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null && !Array.isArray(targetOrOptions) &&\n    typeof propertyKeyOrOptions === 'string' || typeof propertyKeyOrOptions === 'symbol') {\n    // Called as @attributeThis (target, propertyKey)\n    return applyAttribute('$this', undefined as any, {})(targetOrOptions, propertyKeyOrOptions, descriptor);\n  }\n\n  // Called with parameters\n  if (typeof targetOrOptions === 'string') {\n    // @attributeThis('attrName', options?)\n    return applyAttribute('$this', targetOrOptions, propertyKeyOrOptions);\n  } else if (targetOrOptions && typeof targetOrOptions === 'object') {\n    // @attributeThis({ name: 'attrName' })\n    return applyAttribute('$this', undefined as any, targetOrOptions);\n  } else {\n    // @attributeThis() or @attributeThis\n    return applyAttribute('$this', undefined as any, {});\n  }\n}\n\n/**\n * @setAttribute - Alias for @applyAttribute (method-decorator semantics)\n */\nexport function setAttribute(selector: string, targetAttributeName: string, options?: AttributeOptions): MethodDecorator;\nexport function setAttribute(selector: string, options?: AttributeOptions): MethodDecorator;\nexport function setAttribute(selector: string, targetAttributeNameOrOptions?: string | AttributeOptions, options?: AttributeOptions): MethodDecorator {\n  return applyAttribute(selector, targetAttributeNameOrOptions as any, options) as MethodDecorator;\n}\n\n/**\n * @setAttributeThis - Set attribute on $this element\n * Can be used as: @setAttributeThis or @setAttributeThis('attrName') or @setAttributeThis({ name: 'attrName' })\n */\nexport function setAttributeThis(target: Object, propertyKey: string | symbol): void;\nexport function setAttributeThis(targetAttributeName: string, options?: AttributeOptions): MethodDecorator;\nexport function setAttributeThis(options?: AttributeOptions): MethodDecorator;\nexport function setAttributeThis(targetOrOptions?: any, propertyKeyOrOptions?: any, descriptor?: PropertyDescriptor): any {\n  // Direct decorator usage: @setAttributeThis\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null && !Array.isArray(targetOrOptions) &&\n    (typeof propertyKeyOrOptions === 'string' || typeof propertyKeyOrOptions === 'symbol')) {\n    // Called as @setAttributeThis (target, propertyKey)\n    return applyAttribute('$this', undefined as any, {})(targetOrOptions, propertyKeyOrOptions, descriptor);\n  }\n\n  // Called with parameters\n  if (typeof targetOrOptions === 'string') {\n    // @setAttributeThis('attrName', options?)\n    return applyAttribute('$this', targetOrOptions, propertyKeyOrOptions) as MethodDecorator;\n  } else if (targetOrOptions && typeof targetOrOptions === 'object') {\n    // @setAttributeThis({ name: 'attrName' })\n    return applyAttribute('$this', undefined as any, targetOrOptions) as MethodDecorator;\n  } else {\n    // @setAttributeThis() or @setAttributeThis\n    return applyAttribute('$this', undefined as any, {}) as MethodDecorator;\n  }\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} 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 interface AttributeMetadata {\n  propertyKey: string | symbol;\n  selector: string;\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?: string }): 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.) and CSS selectors\n * Returns HTMLElement[] for attribute operations\n */\nexport const resolveAttributeTargets = (inst: any, selector: string, 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  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 (selector === '$this' || !selector) {\n    applyRoot(inst);\n  } else {\n    const hostSet = SwcUtils.getHostSet(inst);\n    if (selector === '$host') applyRoot(hostSet.$host);\n    else if (selector === '$parentHost') applyRoot(hostSet.$parentHost);\n    else if (selector === '$appHost') applyRoot(hostSet.$appHost as any);\n    else if (selector === '$firstHost') applyRoot(hostSet.$firstHost);\n    else if (selector === '$lastHost') applyRoot(hostSet.$lastHost);\n    else if (selector === '$firstAppHost') applyRoot(hostSet.$firstAppHost as any);\n    else if (selector === '$lastAppHost') applyRoot(hostSet.$lastAppHost as any);\n    else if (selector === '$hosts') hostSet.$hosts.forEach(applyRoot);\n    else if (selector === '$appHosts') hostSet.$appHosts.forEach(applyRoot);\n    else {\n      if (r === 'shadow') {\n        const found = inst.shadowRoot?.querySelectorAll(selector);\n        if (found) results.push(...found);\n      } else if (r === 'light') {\n        const found = inst.querySelectorAll(selector);\n        if (found) results.push(...found);\n      } else if (r === 'all') {\n        const sMatch = inst.shadowRoot?.querySelectorAll(selector);\n        const lMatch = inst.querySelectorAll(selector);\n        if (sMatch) results.push(...sMatch);\n        if (lMatch) results.push(...lMatch);\n      } else {\n        const found = (inst.shadowRoot || inst).querySelectorAll(selector);\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 * - Return null to remove attribute\n */\nexport function applyAttribute(selector: string, targetAttributeName: string, options?: AttributeOptions): MethodDecorator & PropertyDecorator;\nexport function applyAttribute(selector: string, options?: AttributeOptions): MethodDecorator & PropertyDecorator;\nexport function applyAttribute(selector: string, 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,\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 - 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, descriptor: PropertyDescriptor): PropertyDescriptor | void;\nexport function attribute(attributeName: string, options?: AttributeOptions): PropertyDecorator;\nexport function attribute(selector: string, attributeName: string, options?: AttributeOptions): PropertyDecorator;\nexport function attribute(selectorOrAttributeOrTarget?: string | 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 - 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?: AttributeOptions): MethodDecorator;\nexport function setAttribute(attributeName: string, options?: AttributeOptions): MethodDecorator;\nexport function setAttribute(selectorOrAttributeOrOptions?: string | 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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",
   "names": []
 }

package/dist/esm/decorators/applyClass.js

@@ -23,6 +23,13 @@ function createClassDecorator(action) {
       descriptor.value = function(...args) {
         ensureInit(this);
         const res = original.apply(this, args);
+        const extractValue = (v) => {
+          const keyToUse = finalOptions.valueKey ?? CLASS_METADATA_KEY;
+          if (v && typeof v === "object" && keyToUse in v) {
+            return v[keyToUse];
+          }
+          return v;
+        };
         const handleResult = (resolvedValue) => {
           if (resolvedValue !== void 0) {
             const win = this.ownerDocument?.defaultView || window;
@@ -102,31 +109,73 @@ function createClassDecorator(action) {
           return resolvedValue;
         };
         if (res instanceof Promise) {
-          return res.then(handleResult);
+          return res.then((v) => handleResult(extractValue(v)));
         } else {
-          return handleResult(res);
+          return handleResult(extractValue(res));
         }
       };
       return descriptor;
     };
   };
 }
-function applyClass(selector, action = "update", options = {}) {
-  return createClassDecorator(action)(selector, options);
-}
-const setClass = (selector, classMapOrOptions, options = {}) => createClassDecorator("set")(selector, classMapOrOptions, options);
-const updateClass = (selector, classMapOrOptions, options = {}) => createClassDecorator("update")(selector, classMapOrOptions, options);
-const addClass = (selector, classMapOrOptions, options = {}) => createClassDecorator("add")(selector, classMapOrOptions, options);
-const removeClass = (selector, classMapOrOptions, options = {}) => createClassDecorator("remove")(selector, classMapOrOptions, options);
-const toggleClass = (selector, classMapOrOptions, options = {}) => createClassDecorator("toggle")(selector, classMapOrOptions, options);
-function applyClassThis(action = "update", options = {}) {
+function applyClass(selectorOrTarget, actionOrPropertyKey, optionsOrDescriptor) {
+  if (optionsOrDescriptor !== void 0 && (typeof actionOrPropertyKey === "string" || typeof actionOrPropertyKey === "symbol")) {
+    return createClassDecorator("update")("$this", {})(selectorOrTarget, actionOrPropertyKey, optionsOrDescriptor);
+  }
+  if (typeof selectorOrTarget === "string") {
+    const action2 = typeof actionOrPropertyKey === "string" ? actionOrPropertyKey : "update";
+    const options2 = typeof actionOrPropertyKey === "object" ? actionOrPropertyKey : optionsOrDescriptor;
+    return createClassDecorator(action2)(selectorOrTarget, options2);
+  }
+  const action = typeof selectorOrTarget === "string" ? selectorOrTarget : "update";
+  const options = typeof selectorOrTarget === "object" ? selectorOrTarget : actionOrPropertyKey;
   return createClassDecorator(action)("$this", options);
 }
-const setClassThis = (classMapOrOptions, options = {}) => createClassDecorator("set")("$this", classMapOrOptions, options);
-const updateClassThis = (classMapOrOptions, options = {}) => createClassDecorator("update")("$this", classMapOrOptions, options);
-const addClassThis = (classMapOrOptions, options = {}) => createClassDecorator("add")("$this", classMapOrOptions, options);
-const removeClassThis = (classMapOrOptions, options = {}) => createClassDecorator("remove")("$this", classMapOrOptions, options);
-const toggleClassThis = (classMapOrOptions, options = {}) => createClassDecorator("toggle")("$this", classMapOrOptions, options);
+function setClass(selectorOrTarget, classMapOrOptionsOrPropertyKey, optionsOrDescriptor) {
+  if (optionsOrDescriptor !== void 0 && (typeof classMapOrOptionsOrPropertyKey === "string" || typeof classMapOrOptionsOrPropertyKey === "symbol")) {
+    return createClassDecorator("set")("$this", {})(selectorOrTarget, classMapOrOptionsOrPropertyKey, optionsOrDescriptor);
+  }
+  if (typeof selectorOrTarget === "string") {
+    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")) {
+    return createClassDecorator("update")("$this", {})(selectorOrTarget, classMapOrOptionsOrPropertyKey, optionsOrDescriptor);
+  }
+  if (typeof selectorOrTarget === "string") {
+    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")) {
+    return createClassDecorator("add")("$this", {})(selectorOrTarget, classMapOrOptionsOrPropertyKey, optionsOrDescriptor);
+  }
+  if (typeof selectorOrTarget === "string") {
+    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")) {
+    return createClassDecorator("remove")("$this", {})(selectorOrTarget, classMapOrOptionsOrPropertyKey, optionsOrDescriptor);
+  }
+  if (typeof selectorOrTarget === "string") {
+    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")) {
+    return createClassDecorator("toggle")("$this", {})(selectorOrTarget, classMapOrOptionsOrPropertyKey, optionsOrDescriptor);
+  }
+  if (typeof selectorOrTarget === "string") {
+    return createClassDecorator("toggle")(selectorOrTarget, classMapOrOptionsOrPropertyKey, optionsOrDescriptor);
+  }
+  return createClassDecorator("toggle")("$this", selectorOrTarget);
+}
 const findAllClassMetadata = (target) => {
   const result = /* @__PURE__ */ new Map();
   const maps = ReflectUtils.findAllMetadata(CLASS_METADATA_KEY, target);
@@ -140,17 +189,11 @@ const findAllClassMetadata = (target) => {
 export {
   CLASS_METADATA_KEY,
   addClass,
-  addClassThis,
   applyClass,
-  applyClassThis,
   findAllClassMetadata,
   removeClass,
-  removeClassThis,
   setClass,
-  setClassThis,
   toggleClass,
-  toggleClassThis,
-  updateClass,
-  updateClassThis
+  updateClass
 };
 //# sourceMappingURL=applyClass.js.map