@dooboostore/simple-web-component 1.0.44 → 1.0.45

package/dist/cjs/decorators/query.js

@@ -30,7 +30,7 @@ function query(selectorOrTarget, optionsOrPropertyKey, descriptor) {
   if (descriptor !== void 0 && (typeof optionsOrPropertyKey === "string" || typeof optionsOrPropertyKey === "symbol")) {
     throw new Error(`@query decorator cannot be used on methods. (Method: ${String(optionsOrPropertyKey)})`);
   }
-  if (typeof selectorOrTarget === "string") {
+  if (typeof selectorOrTarget === "string" || typeof selectorOrTarget === "function") {
     return (targetObj, propertyKey, descriptor2) => {
       if (descriptor2 !== void 0) {
         throw new Error(`@query decorator cannot be used on methods. (Method: ${String(propertyKey)})`);
@@ -45,75 +45,110 @@ function query(selectorOrTarget, optionsOrPropertyKey, descriptor) {
       Object.defineProperty(targetObj, propertyKey, {
         get() {
           (0, import_elementDefine.ensureInit)(this);
-          const selector = selectorOrTarget;
-          const r = optionsOrPropertyKey?.root || "auto";
-          const applyRoot = (t) => {
-            if (!t || !(t instanceof HTMLElement))
-              return t;
-            if (r === "auto")
-              return t.shadowRoot || t;
-            if (r === "shadow")
-              return t.shadowRoot;
-            if (r === "light")
-              return t;
-            if (r === "all")
-              return t.shadowRoot || t;
-            return t;
-          };
-          const hostSet = import_Utils.SwcUtils.getHostSet(this);
-          if (selector === "$this")
-            return applyRoot(this);
-          if (selector === "$host")
-            return applyRoot(hostSet.$host);
-          if (selector === "$parentHost")
-            return applyRoot(hostSet.$parentHost);
-          if (selector === "$appHost")
-            return applyRoot(hostSet.$appHost);
-          if (selector === "$firstHost")
-            return applyRoot(hostSet.$firstHost);
-          if (selector === "$lastHost")
-            return applyRoot(hostSet.$lastHost);
-          if (selector === "$firstAppHost")
-            return applyRoot(hostSet.$firstAppHost);
-          if (selector === "$lastAppHost")
-            return applyRoot(hostSet.$lastAppHost);
           const config = (0, import_elementDefine.getElementConfig)(this);
           const win = config?.window || window;
-          if (selector === "$window")
-            return win;
-          if (selector === "$document")
-            return win.document;
-          if (r === "shadow")
-            return this.shadowRoot ? this.shadowRoot.querySelector(selector) : null;
-          if (r === "light")
-            return this.querySelector(selector);
-          if (r === "all") {
-            const shadowMatch = this.shadowRoot ? this.shadowRoot.querySelector(selector) : null;
-            return shadowMatch || this.querySelector(selector);
+          const hostSet = import_Utils.SwcUtils.getHelperAndHostSet(win, this);
+          let resolvedSelector;
+          let resolvedElement = null;
+          if (typeof selectorOrTarget === "function") {
+            const result = selectorOrTarget(this, hostSet);
+            if (result instanceof win.Node || result instanceof win.Element) {
+              resolvedElement = result instanceof win.HTMLElement ? result : null;
+            } else if (result instanceof win.NodeList || Array.isArray(result)) {
+              resolvedElement = result.length > 0 && result[0] instanceof win.HTMLElement ? result[0] : null;
+            }
+          } else {
+            resolvedSelector = selectorOrTarget;
+            const r = optionsOrPropertyKey?.root || "auto";
+            const applyRoot = (t) => {
+              if (!t || !(t instanceof HTMLElement))
+                return t;
+              if (r === "auto")
+                return t.shadowRoot || t;
+              if (r === "shadow")
+                return t.shadowRoot;
+              if (r === "light")
+                return t;
+              if (r === "all")
+                return t.shadowRoot || t;
+              return t;
+            };
+            if (resolvedSelector === "$this")
+              resolvedElement = applyRoot(this);
+            else if (resolvedSelector === "$host")
+              resolvedElement = applyRoot(hostSet.$host);
+            else if (resolvedSelector === "$parentHost")
+              resolvedElement = applyRoot(hostSet.$parentHost);
+            else if (resolvedSelector === "$appHost")
+              resolvedElement = applyRoot(hostSet.$appHost);
+            else if (resolvedSelector === "$firstHost")
+              resolvedElement = applyRoot(hostSet.$firstHost);
+            else if (resolvedSelector === "$lastHost")
+              resolvedElement = applyRoot(hostSet.$lastHost);
+            else if (resolvedSelector === "$firstAppHost")
+              resolvedElement = applyRoot(hostSet.$firstAppHost);
+            else if (resolvedSelector === "$lastAppHost")
+              resolvedElement = applyRoot(hostSet.$lastAppHost);
+            else if (resolvedSelector === "$window")
+              return win;
+            else if (resolvedSelector === "$document")
+              return win.document;
+            else {
+              if (r === "shadow")
+                resolvedElement = this.shadowRoot ? this.shadowRoot.querySelector(resolvedSelector) : null;
+              else if (r === "light")
+                resolvedElement = this.querySelector(resolvedSelector);
+              else if (r === "all") {
+                const shadowMatch = this.shadowRoot ? this.shadowRoot.querySelector(resolvedSelector) : null;
+                resolvedElement = shadowMatch || this.querySelector(resolvedSelector);
+              } else
+                resolvedElement = (this.shadowRoot || this).querySelector(resolvedSelector);
+            }
+          }
+          if (resolvedElement instanceof win.HTMLElement && optionsOrPropertyKey?.filter) {
+            const shouldInclude = optionsOrPropertyKey.filter(resolvedElement, { currentThis: this, helper: hostSet });
+            if (!shouldInclude) {
+              return null;
+            }
           }
-          return (this.shadowRoot || this).querySelector(selector);
+          return resolvedElement;
         },
         set(nv) {
           (0, import_elementDefine.ensureInit)(this);
           if (nv === null || nv === void 0) {
-            const selector = selectorOrTarget;
-            if (selector.startsWith("$") && selector !== "$this")
+            const config = (0, import_elementDefine.getElementConfig)(this);
+            const win = config?.window || window;
+            const hostSet = import_Utils.SwcUtils.getHelperAndHostSet(win, this);
+            if (typeof selectorOrTarget === "function") {
+              const result = selectorOrTarget(this, hostSet);
+              if (result instanceof win.Element) {
+                result.remove();
+              } else if (result instanceof win.NodeList || Array.isArray(result)) {
+                const el = result.length > 0 ? result[0] : null;
+                if (el instanceof win.Element) {
+                  el.remove();
+                }
+              }
+              return;
+            }
+            const resolvedSelector = selectorOrTarget;
+            if (resolvedSelector.startsWith("$") && resolvedSelector !== "$this")
               return;
             const r = optionsOrPropertyKey?.root || "auto";
             const targets = [];
             if (r === "shadow") {
-              if (this.shadowRoot?.querySelector(selector))
-                targets.push(this.shadowRoot.querySelector(selector));
+              if (this.shadowRoot?.querySelector(resolvedSelector))
+                targets.push(this.shadowRoot.querySelector(resolvedSelector));
             } else if (r === "light") {
-              if (this.querySelector(selector))
-                targets.push(this.querySelector(selector));
+              if (this.querySelector(resolvedSelector))
+                targets.push(this.querySelector(resolvedSelector));
             } else if (r === "all") {
-              if (this.shadowRoot?.querySelector(selector))
-                targets.push(this.shadowRoot.querySelector(selector));
-              if (this.querySelector(selector))
-                targets.push(this.querySelector(selector));
+              if (this.shadowRoot?.querySelector(resolvedSelector))
+                targets.push(this.shadowRoot.querySelector(resolvedSelector));
+              if (this.querySelector(resolvedSelector))
+                targets.push(this.querySelector(resolvedSelector));
             } else {
-              const el = (this.shadowRoot || this).querySelector(selector);
+              const el = (this.shadowRoot || this).querySelector(resolvedSelector);
               if (el)
                 targets.push(el);
             }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/query.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { getElementConfig, ensureInit } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { SpecialSelector, SwcQueryOptions, HelperHostSet } from '../types';\n\nexport interface QueryMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  options: SwcQueryOptions ;\n}\n\nexport const QUERY_METADATA_KEY = Symbol.for('simple-web-component:query');\n\nexport function query(target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor): PropertyDescriptor | void;\nexport function query(selector: string, options?: SwcQueryOptions): PropertyDecorator;\nexport function query(options?: SwcQueryOptions): PropertyDecorator;\n/**\n * @query decorator to inject a single element into a class property.\n */\nexport function query(selectorOrTarget?: string | Object, optionsOrPropertyKey?: SwcQueryOptions | string | symbol, descriptor?: PropertyDescriptor): any {\n  // Bare decorator: @query\n  if (descriptor !== undefined && (typeof optionsOrPropertyKey === 'string' || typeof optionsOrPropertyKey === 'symbol')) {\n    throw new Error(`@query decorator cannot be used on methods. (Method: ${String(optionsOrPropertyKey)})`);\n  }\n  // With selector\n  if (typeof selectorOrTarget === 'string') {\n    return (targetObj: Object, propertyKey: string | symbol, descriptor?: never): void => {\n      if (descriptor !== undefined) {\n        throw new Error(`@query decorator cannot be used on methods. (Method: ${String(propertyKey)})`);\n      }\n\n      const constructor = targetObj.constructor;\n      let queries = ReflectUtils.getMetadata<QueryMetadata[]>(QUERY_METADATA_KEY, constructor);\n      if (!queries) {\n        queries = [];\n        ReflectUtils.defineMetadata(QUERY_METADATA_KEY, queries, constructor);\n      }\n      queries.push({ propertyKey, selector: selectorOrTarget, options: optionsOrPropertyKey as SwcQueryOptions || {} });\n\n      Object.defineProperty(targetObj, propertyKey, {\n        get(this: HTMLElement) {\n          ensureInit(this);\n          const selector = selectorOrTarget;\n\n          const r = (optionsOrPropertyKey as SwcQueryOptions)?.root || 'auto';\n          const applyRoot = (t: any) => {\n            if (!t || !(t instanceof HTMLElement)) return t;\n            if (r === 'auto') return t.shadowRoot || t;\n            if (r === 'shadow') return t.shadowRoot;\n            if (r === 'light') return t;\n            if (r === 'all') return t.shadowRoot || t; \n            return t;\n          };\n\n          // --- Special Selectors: HostSet ---\n          const hostSet = SwcUtils.getHostSet(this);\n          if (selector === '$this') return applyRoot(this);\n          if (selector === '$host') return applyRoot(hostSet.$host);\n          if (selector === '$parentHost') return applyRoot(hostSet.$parentHost);\n          if (selector === '$appHost') return applyRoot(hostSet.$appHost);\n          if (selector === '$firstHost') return applyRoot(hostSet.$firstHost);\n          if (selector === '$lastHost') return applyRoot(hostSet.$lastHost);\n          if (selector === '$firstAppHost') return applyRoot(hostSet.$firstAppHost);\n          if (selector === '$lastAppHost') return applyRoot(hostSet.$lastAppHost);\n\n          // --- Special Selectors: Env ---\n          const config = getElementConfig(this);\n          const win = config?.window || window;\n          if (selector === '$window') return win;\n          if (selector === '$document') return win.document;\n\n          // --- Standard Selectors ---\n          if (r === 'shadow') return this.shadowRoot ? this.shadowRoot.querySelector(selector) : null;\n          if (r === 'light') return this.querySelector(selector);\n          if (r === 'all') {\n            const shadowMatch = this.shadowRoot ? this.shadowRoot.querySelector(selector) : null;\n            return shadowMatch || this.querySelector(selector);\n          }\n          return (this.shadowRoot || this).querySelector(selector);\n        },\n        set(this: HTMLElement, nv: any) {\n          ensureInit(this);\n          if (nv === null || nv === undefined) {\n            const selector = selectorOrTarget;\n            if (selector.startsWith('$') && selector !== '$this') return;\n\n            const r = (optionsOrPropertyKey as SwcQueryOptions)?.root || 'auto';\n            const targets: Element[] = [];\n\n            if (r === 'shadow') {\n              if (this.shadowRoot?.querySelector(selector)) targets.push(this.shadowRoot.querySelector(selector)!);\n            } else if (r === 'light') {\n              if (this.querySelector(selector)) targets.push(this.querySelector(selector)!);\n            } else if (r === 'all') {\n              if (this.shadowRoot?.querySelector(selector)) targets.push(this.shadowRoot.querySelector(selector)!);\n              if (this.querySelector(selector)) targets.push(this.querySelector(selector)!);\n            } else {\n              const el = (this.shadowRoot || this).querySelector(selector);\n              if (el) targets.push(el);\n            }\n\n            targets.forEach(t => t.remove());\n          }\n        },\n        enumerable: true,\n        configurable: true\n      });\n    };\n  }\n  // Without selector (defaults to $this)\n  return query('$this', selectorOrTarget as SwcQueryOptions);\n}\n\nexport const getQueryMetadata = (target: any): QueryMetadata[]  => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(QUERY_METADATA_KEY, constructor) ?? [];\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { getElementConfig, ensureInit } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { SwcQueryOptions, HelperHostSet } from '../types';\n\nexport interface QueryOptions extends SwcQueryOptions {\n  /**\n   * Filter function to determine whether to include the element.\n   * If it returns false, the element is skipped.\n   */\n  filter?: (target: HTMLElement, meta: { currentThis: any, helper: HelperHostSet }) => boolean;\n}\n\nexport interface QueryMetadata {\n  propertyKey: string | symbol;\n  selector: string | ((currentThis: any, helper: HelperHostSet) => Node | NodeList | Element | Element[] | null);\n  options: QueryOptions ;\n}\n\nexport const QUERY_METADATA_KEY = Symbol.for('simple-web-component:query');\n\nexport function query(target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor): PropertyDescriptor | void;\nexport function query(selector: string | ((currentThis: any, helper: HelperHostSet) => Node | NodeList | Element | Element[] | null), options?: QueryOptions): PropertyDecorator;\nexport function query(options?: QueryOptions): PropertyDecorator;\n/**\n * @query decorator to inject a single element into a class property.\n * \n * Supports both string selectors and function-based selectors:\n * - String selector: @query('#my-element')\n * - Function selector: @query((currentThis, helper) => currentThis.shadowRoot?.querySelector('.item'))\n * \n * Supports filtering:\n * - @query('#my-element', { filter: (target, meta) => target.hasAttribute('active') })\n */\nexport function query(selectorOrTarget?: string | ((currentThis: any, helper: HelperHostSet) => Node | NodeList | Element | Element[] | null) | Object, optionsOrPropertyKey?: QueryOptions | string | symbol, descriptor?: PropertyDescriptor): any {\n  // Bare decorator: @query\n  if (descriptor !== undefined && (typeof optionsOrPropertyKey === 'string' || typeof optionsOrPropertyKey === 'symbol')) {\n    throw new Error(`@query decorator cannot be used on methods. (Method: ${String(optionsOrPropertyKey)})`);\n  }\n  // With selector\n  if (typeof selectorOrTarget === 'string' || typeof selectorOrTarget === 'function') {\n    return (targetObj: Object, propertyKey: string | symbol, descriptor?: never): void => {\n      if (descriptor !== undefined) {\n        throw new Error(`@query decorator cannot be used on methods. (Method: ${String(propertyKey)})`);\n      }\n\n      const constructor = targetObj.constructor;\n      let queries = ReflectUtils.getMetadata<QueryMetadata[]>(QUERY_METADATA_KEY, constructor);\n      if (!queries) {\n        queries = [];\n        ReflectUtils.defineMetadata(QUERY_METADATA_KEY, queries, constructor);\n      }\n      queries.push({ propertyKey, selector: selectorOrTarget as any, options: optionsOrPropertyKey as QueryOptions || {} });\n\n      Object.defineProperty(targetObj, propertyKey, {\n        get(this: HTMLElement) {\n          ensureInit(this);\n          const config = getElementConfig(this);\n          const win = config?.window || window;\n          const hostSet = SwcUtils.getHelperAndHostSet(win, this);\n          \n          // Resolve selector - can be string or function\n          let resolvedSelector: string;\n          let resolvedElement: HTMLElement | null = null;\n          \n          if (typeof selectorOrTarget === 'function') {\n            const result = (selectorOrTarget as any)(this, hostSet);\n            // If function returns a Node/Element, return it directly\n            if (result instanceof win.Node || result instanceof win.Element) {\n              resolvedElement = result instanceof win.HTMLElement ? (result as HTMLElement) : null;\n            }\n            // If function returns NodeList or Element[], return first element\n            else if (result instanceof win.NodeList || Array.isArray(result)) {\n              resolvedElement = result.length > 0 && result[0] instanceof win.HTMLElement ? (result[0] as HTMLElement) : null;\n            }\n          } else {\n            resolvedSelector = selectorOrTarget;\n\n            const r = (optionsOrPropertyKey as QueryOptions)?.root || 'auto';\n            const applyRoot = (t: any) => {\n              if (!t || !(t instanceof HTMLElement)) return t;\n              if (r === 'auto') return t.shadowRoot || t;\n              if (r === 'shadow') return t.shadowRoot;\n              if (r === 'light') return t;\n              if (r === 'all') return t.shadowRoot || t; \n              return t;\n            };\n\n            // --- Special Selectors: HostSet ---\n            if (resolvedSelector === '$this') resolvedElement = applyRoot(this);\n            else if (resolvedSelector === '$host') resolvedElement = applyRoot(hostSet.$host);\n            else if (resolvedSelector === '$parentHost') resolvedElement = applyRoot(hostSet.$parentHost);\n            else if (resolvedSelector === '$appHost') resolvedElement = applyRoot(hostSet.$appHost);\n            else if (resolvedSelector === '$firstHost') resolvedElement = applyRoot(hostSet.$firstHost);\n            else if (resolvedSelector === '$lastHost') resolvedElement = applyRoot(hostSet.$lastHost);\n            else if (resolvedSelector === '$firstAppHost') resolvedElement = applyRoot(hostSet.$firstAppHost);\n            else if (resolvedSelector === '$lastAppHost') resolvedElement = applyRoot(hostSet.$lastAppHost);\n            // --- Special Selectors: Env ---\n            else if (resolvedSelector === '$window') return win;\n            else if (resolvedSelector === '$document') return win.document;\n            // --- Standard Selectors ---\n            else {\n              if (r === 'shadow') resolvedElement = this.shadowRoot ? (this.shadowRoot.querySelector(resolvedSelector) as HTMLElement | null) : null;\n              else if (r === 'light') resolvedElement = this.querySelector(resolvedSelector) as HTMLElement | null;\n              else if (r === 'all') {\n                const shadowMatch = this.shadowRoot ? (this.shadowRoot.querySelector(resolvedSelector) as HTMLElement | null) : null;\n                resolvedElement = shadowMatch || (this.querySelector(resolvedSelector) as HTMLElement | null);\n              }\n              else resolvedElement = ((this.shadowRoot || this).querySelector(resolvedSelector) as HTMLElement | null);\n            }\n          }\n\n          // Apply filter if provided\n          if (resolvedElement instanceof win.HTMLElement && (optionsOrPropertyKey as QueryOptions)?.filter) {\n            const shouldInclude = (optionsOrPropertyKey as QueryOptions).filter!(resolvedElement, { currentThis: this, helper: hostSet });\n            if (!shouldInclude) {\n              return null;\n            }\n          }\n\n          return resolvedElement;\n        },\n        set(this: HTMLElement, nv: any) {\n          ensureInit(this);\n          if (nv === null || nv === undefined) {\n            const config = getElementConfig(this);\n            const win = config?.window || window;\n            const hostSet = SwcUtils.getHelperAndHostSet(win, this);\n            \n            // Resolve selector - can be string or function\n            if (typeof selectorOrTarget === 'function') {\n              // Get the element from function and remove it\n              const result = (selectorOrTarget as any)(this, hostSet);\n              if (result instanceof win.Element) {\n                (result as Element).remove();\n              } else if (result instanceof win.NodeList || Array.isArray(result)) {\n                const el = result.length > 0 ? result[0] : null;\n                if (el instanceof win.Element) {\n                  (el as Element).remove();\n                }\n              }\n              return;\n            }\n            \n            const resolvedSelector = selectorOrTarget;\n            \n            if (resolvedSelector.startsWith('$') && resolvedSelector !== '$this') return;\n\n            const r = (optionsOrPropertyKey as QueryOptions)?.root || 'auto';\n            const targets: Element[] = [];\n\n            if (r === 'shadow') {\n              if (this.shadowRoot?.querySelector(resolvedSelector)) targets.push(this.shadowRoot.querySelector(resolvedSelector)!);\n            } else if (r === 'light') {\n              if (this.querySelector(resolvedSelector)) targets.push(this.querySelector(resolvedSelector)!);\n            } else if (r === 'all') {\n              if (this.shadowRoot?.querySelector(resolvedSelector)) targets.push(this.shadowRoot.querySelector(resolvedSelector)!);\n              if (this.querySelector(resolvedSelector)) targets.push(this.querySelector(resolvedSelector)!);\n            } else {\n              const el = (this.shadowRoot || this).querySelector(resolvedSelector);\n              if (el) targets.push(el);\n            }\n\n            targets.forEach(t => t.remove());\n          }\n        },\n        enumerable: true,\n        configurable: true\n      });\n    };\n  }\n  // Without selector (defaults to $this)\n  return query('$this', selectorOrTarget as SwcQueryOptions);\n}\n\nexport const getQueryMetadata = (target: any): QueryMetadata[]  => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(QUERY_METADATA_KEY, constructor) ?? [];\n};\n"],
+  "mappings": "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",
   "names": ["descriptor"]
 }

package/dist/cjs/decorators/queryAll.js

@@ -30,7 +30,7 @@ function queryAll(selectorOrTarget, optionsOrPropertyKey, descriptor) {
   if (descriptor !== void 0 && (typeof optionsOrPropertyKey === "string" || typeof optionsOrPropertyKey === "symbol")) {
     throw new Error(`@queryAll decorator cannot be used on methods. (Method: ${String(optionsOrPropertyKey)})`);
   }
-  if (typeof selectorOrTarget === "string") {
+  if (typeof selectorOrTarget === "string" || typeof selectorOrTarget === "function") {
     return (targetObj, propertyKey, descriptor2) => {
       if (descriptor2 !== void 0) {
         throw new Error(`@queryAll decorator cannot be used on methods. (Method: ${String(propertyKey)})`);
@@ -45,86 +45,124 @@ function queryAll(selectorOrTarget, optionsOrPropertyKey, descriptor) {
       Object.defineProperty(targetObj, propertyKey, {
         get() {
           (0, import_elementDefine.ensureInit)(this);
-          const selector = selectorOrTarget;
-          const r = optionsOrPropertyKey?.root || "auto";
-          const applyRoot = (t) => {
-            if (!t)
-              return [];
-            const items = Array.isArray(t) ? t : [t];
-            const results = [];
-            items.forEach((it) => {
-              if (!(it instanceof HTMLElement)) {
-                results.push(it);
-                return;
-              }
-              if (r === "auto")
-                results.push(it.shadowRoot || it);
-              else {
-                if (r === "light" || r === "all")
-                  results.push(it);
-                if ((r === "shadow" || r === "all") && it.shadowRoot)
-                  results.push(it.shadowRoot);
-              }
-            });
-            return results;
-          };
-          const hostSet = import_Utils.SwcUtils.getHostSet(this);
-          if (selector === "$hosts")
-            return applyRoot(hostSet.$hosts);
-          if (selector === "$appHosts")
-            return applyRoot(hostSet.$appHosts);
-          if (selector === "$host")
-            return applyRoot(hostSet.$host);
-          if (selector === "$parentHost")
-            return applyRoot(hostSet.$parentHost);
-          if (selector === "$appHost")
-            return applyRoot(hostSet.$appHost);
-          if (selector === "$firstHost")
-            return applyRoot(hostSet.$firstHost);
-          if (selector === "$lastHost")
-            return applyRoot(hostSet.$lastHost);
-          if (selector === "$firstAppHost")
-            return applyRoot(hostSet.$firstAppHost);
-          if (selector === "$lastAppHost")
-            return applyRoot(hostSet.$lastAppHost);
           const config = (0, import_elementDefine.getElementConfig)(this);
           const win = config?.window || window;
-          if (selector === "$window")
-            return [win];
-          if (selector === "$document")
-            return [win.document];
-          if (selector === "$this")
-            return applyRoot(this);
-          if (r === "shadow")
-            return this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];
-          if (r === "light")
-            return Array.from(this.querySelectorAll(selector));
-          if (r === "all") {
-            const sNodes = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];
-            const lNodes = Array.from(this.querySelectorAll(selector));
-            return [...sNodes, ...lNodes];
+          const hostSet = import_Utils.SwcUtils.getHelperAndHostSet(win, this);
+          let resolvedSelector;
+          let resolvedElements = [];
+          if (typeof selectorOrTarget === "function") {
+            const result = selectorOrTarget(this, hostSet);
+            if (result instanceof win.NodeList) {
+              resolvedElements = Array.from(result).filter((el) => el instanceof win.HTMLElement);
+            } else if (Array.isArray(result)) {
+              resolvedElements = result.filter((el) => el instanceof win.HTMLElement);
+            }
+          } else {
+            resolvedSelector = selectorOrTarget;
+            const r = optionsOrPropertyKey?.root || "auto";
+            const applyRoot = (t) => {
+              if (!t)
+                return [];
+              const items = Array.isArray(t) ? t : [t];
+              const results = [];
+              items.forEach((it) => {
+                if (!(it instanceof HTMLElement)) {
+                  results.push(it);
+                  return;
+                }
+                if (r === "auto")
+                  results.push(it.shadowRoot || it);
+                else {
+                  if (r === "light" || r === "all")
+                    results.push(it);
+                  if ((r === "shadow" || r === "all") && it.shadowRoot)
+                    results.push(it.shadowRoot);
+                }
+              });
+              return results;
+            };
+            if (resolvedSelector === "$hosts")
+              resolvedElements = applyRoot(hostSet.$hosts).filter((el) => el instanceof HTMLElement);
+            else if (resolvedSelector === "$appHosts")
+              resolvedElements = applyRoot(hostSet.$appHosts).filter((el) => el instanceof HTMLElement);
+            else if (resolvedSelector === "$host")
+              resolvedElements = applyRoot(hostSet.$host).filter((el) => el instanceof HTMLElement);
+            else if (resolvedSelector === "$parentHost")
+              resolvedElements = applyRoot(hostSet.$parentHost).filter((el) => el instanceof HTMLElement);
+            else if (resolvedSelector === "$appHost")
+              resolvedElements = applyRoot(hostSet.$appHost).filter((el) => el instanceof HTMLElement);
+            else if (resolvedSelector === "$firstHost")
+              resolvedElements = applyRoot(hostSet.$firstHost).filter((el) => el instanceof HTMLElement);
+            else if (resolvedSelector === "$lastHost")
+              resolvedElements = applyRoot(hostSet.$lastHost).filter((el) => el instanceof HTMLElement);
+            else if (resolvedSelector === "$firstAppHost")
+              resolvedElements = applyRoot(hostSet.$firstAppHost).filter((el) => el instanceof HTMLElement);
+            else if (resolvedSelector === "$lastAppHost")
+              resolvedElements = applyRoot(hostSet.$lastAppHost).filter((el) => el instanceof HTMLElement);
+            else if (resolvedSelector === "$window")
+              return [win];
+            else if (resolvedSelector === "$document")
+              return [win.document];
+            else if (resolvedSelector === "$this")
+              resolvedElements = applyRoot(this).filter((el) => el instanceof HTMLElement);
+            else {
+              if (r === "shadow")
+                resolvedElements = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(resolvedSelector)) : [];
+              else if (r === "light")
+                resolvedElements = Array.from(this.querySelectorAll(resolvedSelector));
+              else if (r === "all") {
+                const sNodes = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(resolvedSelector)) : [];
+                const lNodes = Array.from(this.querySelectorAll(resolvedSelector));
+                resolvedElements = [...sNodes, ...lNodes];
+              } else
+                resolvedElements = Array.from((this.shadowRoot || this).querySelectorAll(resolvedSelector));
+            }
+          }
+          if (optionsOrPropertyKey?.filter) {
+            resolvedElements = resolvedElements.filter((el) => {
+              if (!(el instanceof win.HTMLElement))
+                return true;
+              return optionsOrPropertyKey.filter(el, { currentThis: this, helper: hostSet });
+            });
           }
-          const root = this.shadowRoot || this;
-          return Array.from(root.querySelectorAll(selector));
+          return resolvedElements;
         },
         set(nv) {
           (0, import_elementDefine.ensureInit)(this);
           if (nv === null || nv === void 0 || Array.isArray(nv) && nv.length === 0) {
-            const selector = selectorOrTarget;
-            if (selector.startsWith("$") && selector !== "$this")
+            const config = (0, import_elementDefine.getElementConfig)(this);
+            const win = config?.window || window;
+            const hostSet = import_Utils.SwcUtils.getHelperAndHostSet(win, this);
+            if (typeof selectorOrTarget === "function") {
+              const result = selectorOrTarget(this, hostSet);
+              if (result instanceof win.NodeList) {
+                Array.from(result).forEach((el) => {
+                  if (el instanceof win.Element)
+                    el.remove();
+                });
+              } else if (Array.isArray(result)) {
+                result.forEach((el) => {
+                  if (el instanceof win.Element)
+                    el.remove();
+                });
+              }
+              return;
+            }
+            const resolvedSelector = selectorOrTarget;
+            if (resolvedSelector.startsWith("$") && resolvedSelector !== "$this")
               return;
             const r = optionsOrPropertyKey?.root || "auto";
             let targets = [];
             if (r === "shadow")
-              targets = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];
+              targets = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(resolvedSelector)) : [];
             else if (r === "light")
-              targets = Array.from(this.querySelectorAll(selector));
+              targets = Array.from(this.querySelectorAll(resolvedSelector));
             else if (r === "all") {
-              const sNodes = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];
-              const lNodes = Array.from(this.querySelectorAll(selector));
+              const sNodes = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(resolvedSelector)) : [];
+              const lNodes = Array.from(this.querySelectorAll(resolvedSelector));
               targets = [...sNodes, ...lNodes];
             } else {
-              targets = Array.from((this.shadowRoot || this).querySelectorAll(selector));
+              targets = Array.from((this.shadowRoot || this).querySelectorAll(resolvedSelector));
             }
             targets.forEach((t) => t.remove());
           }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/queryAll.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { getElementConfig, ensureInit } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { SpecialSelector, SwcQueryOptions, HelperHostSet } from '../types';\n\nexport interface QueryAllMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  options: SwcQueryOptions;\n}\n\nexport const QUERY_ALL_METADATA_KEY = Symbol.for('simple-web-component:query-all');\n\nexport function queryAll(target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor): PropertyDescriptor | void;\nexport function queryAll(selector: string, options?: SwcQueryOptions): PropertyDecorator;\nexport function queryAll(options?: SwcQueryOptions): PropertyDecorator;\n/**\n * @queryAll decorator to inject a list of elements into a class property.\n */\nexport function queryAll(selectorOrTarget?: string | Object, optionsOrPropertyKey?: SwcQueryOptions | string | symbol, descriptor?: PropertyDescriptor): any {\n  // Bare decorator: @queryAll\n  if (descriptor !== undefined && (typeof optionsOrPropertyKey === 'string' || typeof optionsOrPropertyKey === 'symbol')) {\n    throw new Error(`@queryAll decorator cannot be used on methods. (Method: ${String(optionsOrPropertyKey)})`);\n  }\n  // With selector\n  if (typeof selectorOrTarget === 'string') {\n    return (targetObj: Object, propertyKey: string | symbol, descriptor?: never): void => {\n      if (descriptor !== undefined) {\n        throw new Error(`@queryAll decorator cannot be used on methods. (Method: ${String(propertyKey)})`);\n      }\n\n      const constructor = targetObj.constructor;\n      let queries = ReflectUtils.getMetadata<QueryAllMetadata[]>(QUERY_ALL_METADATA_KEY, constructor);\n      if (!queries) {\n        queries = [];\n        ReflectUtils.defineMetadata(QUERY_ALL_METADATA_KEY, queries, constructor);\n      }\n      queries.push({ propertyKey, selector: selectorOrTarget, options: optionsOrPropertyKey as SwcQueryOptions || {} });\n\n      Object.defineProperty(targetObj, propertyKey, {\n        get(this: HTMLElement) {\n          ensureInit(this);\n          const selector = selectorOrTarget;\n\n          const r = (optionsOrPropertyKey as SwcQueryOptions)?.root || 'auto';\n          const applyRoot = (t: any): any[] => {\n            if (!t) return [];\n            const items = Array.isArray(t) ? t : [t];\n            const results: any[] = [];\n            items.forEach(it => {\n              if (!(it instanceof HTMLElement)) {\n                results.push(it);\n                return;\n              }\n              if (r === 'auto') results.push(it.shadowRoot || it);\n              else {\n                if (r === 'light' || r === 'all') results.push(it);\n                if ((r === 'shadow' || r === 'all') && it.shadowRoot) results.push(it.shadowRoot);\n              }\n            });\n            return results;\n          };\n\n          // --- Special Selectors: HostSet ---\n          const hostSet = SwcUtils.getHostSet(this);\n          if (selector === '$hosts') return applyRoot(hostSet.$hosts);\n          if (selector === '$appHosts') return applyRoot(hostSet.$appHosts);\n          if (selector === '$host') return applyRoot(hostSet.$host);\n          if (selector === '$parentHost') return applyRoot(hostSet.$parentHost);\n          if (selector === '$appHost') return applyRoot(hostSet.$appHost);\n          if (selector === '$firstHost') return applyRoot(hostSet.$firstHost);\n          if (selector === '$lastHost') return applyRoot(hostSet.$lastHost);\n          if (selector === '$firstAppHost') return applyRoot(hostSet.$firstAppHost);\n          if (selector === '$lastAppHost') return applyRoot(hostSet.$lastAppHost);\n\n          // --- Special Selectors: Env ---\n          const config = getElementConfig(this);\n          const win = config?.window || window;\n          if (selector === '$window') return [win];\n          if (selector === '$document') return [win.document];\n          if (selector === '$this') return applyRoot(this);\n\n          // --- Standard Selectors ---\n          if (r === 'shadow') return this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];\n          if (r === 'light') return Array.from(this.querySelectorAll(selector));\n          if (r === 'all') {\n            const sNodes = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];\n            const lNodes = Array.from(this.querySelectorAll(selector));\n            return [...sNodes, ...lNodes];\n          }\n          const root = this.shadowRoot || this;\n          return Array.from(root.querySelectorAll(selector));\n        },\n        set(this: HTMLElement, nv: any) {\n          ensureInit(this);\n          if (nv === null || nv === undefined || (Array.isArray(nv) && nv.length === 0)) {\n            const selector = selectorOrTarget;\n            if (selector.startsWith('$') && selector !== '$this') return;\n\n            const r = (optionsOrPropertyKey as SwcQueryOptions)?.root || 'auto';\n            let targets: (Element | Node)[] = [];\n            if (r === 'shadow') targets = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];\n            else if (r === 'light') targets = Array.from(this.querySelectorAll(selector));\n            else if (r === 'all') {\n              const sNodes = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];\n              const lNodes = Array.from(this.querySelectorAll(selector));\n              targets = [...sNodes, ...lNodes];\n            } else {\n              targets = Array.from((this.shadowRoot || this).querySelectorAll(selector));\n            }\n            targets.forEach(t => (t as Element).remove());\n          }\n        },\n        enumerable: true,\n        configurable: true\n      });\n    };\n  }\n  // Without selector (defaults to $this)\n  return queryAll('$this', selectorOrTarget as SwcQueryOptions);\n}\n\nexport const getQueryAllMetadata = (target: any): QueryAllMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(QUERY_ALL_METADATA_KEY, constructor);\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { getElementConfig, ensureInit } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { SwcQueryOptions, HelperHostSet } from '../types';\n\nexport interface QueryAllOptions extends SwcQueryOptions {\n  /**\n   * Filter function to determine whether to include the element.\n   * If it returns false, the element is skipped.\n   */\n  filter?: (target: HTMLElement, meta: { currentThis: any, helper: HelperHostSet }) => boolean;\n}\n\nexport interface QueryAllMetadata {\n  propertyKey: string | symbol;\n  selector: string | ((currentThis: any, helper: HelperHostSet) => NodeList | Element | Element[] | null);\n  options: QueryAllOptions;\n}\n\nexport const QUERY_ALL_METADATA_KEY = Symbol.for('simple-web-component:query-all');\n\nexport function queryAll(target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor): PropertyDescriptor | void;\nexport function queryAll(selector: string | ((currentThis: any, helper: HelperHostSet) => NodeList | Element | Element[] | null), options?: QueryAllOptions): PropertyDecorator;\nexport function queryAll(options?: QueryAllOptions): PropertyDecorator;\n/**\n * @queryAll decorator to inject a list of elements into a class property.\n * \n * Supports both string selectors and function-based selectors:\n * - String selector: @queryAll('.item')\n * - Function selector: @queryAll((currentThis, helper) => currentThis.shadowRoot?.querySelectorAll('.item'))\n * \n * Supports filtering:\n * - @queryAll('.item', { filter: (target, meta) => target.hasAttribute('active') })\n */\nexport function queryAll(selectorOrTarget?: string | ((currentThis: any, helper: HelperHostSet) => NodeList | Element | Element[] | null) | Object, optionsOrPropertyKey?: QueryAllOptions | string | symbol, descriptor?: PropertyDescriptor): any {\n  // Bare decorator: @queryAll\n  if (descriptor !== undefined && (typeof optionsOrPropertyKey === 'string' || typeof optionsOrPropertyKey === 'symbol')) {\n    throw new Error(`@queryAll decorator cannot be used on methods. (Method: ${String(optionsOrPropertyKey)})`);\n  }\n  // With selector\n  if (typeof selectorOrTarget === 'string' || typeof selectorOrTarget === 'function') {\n    return (targetObj: Object, propertyKey: string | symbol, descriptor?: never): void => {\n      if (descriptor !== undefined) {\n        throw new Error(`@queryAll decorator cannot be used on methods. (Method: ${String(propertyKey)})`);\n      }\n\n      const constructor = targetObj.constructor;\n      let queries = ReflectUtils.getMetadata<QueryAllMetadata[]>(QUERY_ALL_METADATA_KEY, constructor);\n      if (!queries) {\n        queries = [];\n        ReflectUtils.defineMetadata(QUERY_ALL_METADATA_KEY, queries, constructor);\n      }\n      queries.push({ propertyKey, selector: selectorOrTarget as any, options: optionsOrPropertyKey as QueryAllOptions || {} });\n\n      Object.defineProperty(targetObj, propertyKey, {\n        get(this: HTMLElement) {\n          ensureInit(this);\n          const config = getElementConfig(this);\n          const win = config?.window || window;\n          const hostSet = SwcUtils.getHelperAndHostSet(win, this);\n          \n          // Resolve selector - can be string or function\n          let resolvedSelector: string;\n          let resolvedElements: HTMLElement[] = [];\n          \n          if (typeof selectorOrTarget === 'function') {\n            const result = (selectorOrTarget as any)(this, hostSet);\n            // If function returns NodeList or Element[], convert to array\n            if (result instanceof win.NodeList) {\n              resolvedElements = Array.from(result).filter(el => el instanceof win.HTMLElement) as HTMLElement[];\n            } else if (Array.isArray(result)) {\n              resolvedElements = result.filter(el => el instanceof win.HTMLElement) as HTMLElement[];\n            }\n          } else {\n            resolvedSelector = selectorOrTarget;\n\n            const r = (optionsOrPropertyKey as QueryAllOptions)?.root || 'auto';\n            const applyRoot = (t: any): any[] => {\n              if (!t) return [];\n              const items = Array.isArray(t) ? t : [t];\n              const results: any[] = [];\n              items.forEach(it => {\n                if (!(it instanceof HTMLElement)) {\n                  results.push(it);\n                  return;\n                }\n                if (r === 'auto') results.push(it.shadowRoot || it);\n                else {\n                  if (r === 'light' || r === 'all') results.push(it);\n                  if ((r === 'shadow' || r === 'all') && it.shadowRoot) results.push(it.shadowRoot);\n                }\n              });\n              return results;\n            };\n\n            // --- Special Selectors: HostSet ---\n            if (resolvedSelector === '$hosts') resolvedElements = applyRoot(hostSet.$hosts).filter(el => el instanceof HTMLElement);\n            else if (resolvedSelector === '$appHosts') resolvedElements = applyRoot(hostSet.$appHosts).filter(el => el instanceof HTMLElement);\n            else if (resolvedSelector === '$host') resolvedElements = applyRoot(hostSet.$host).filter(el => el instanceof HTMLElement);\n            else if (resolvedSelector === '$parentHost') resolvedElements = applyRoot(hostSet.$parentHost).filter(el => el instanceof HTMLElement);\n            else if (resolvedSelector === '$appHost') resolvedElements = applyRoot(hostSet.$appHost).filter(el => el instanceof HTMLElement);\n            else if (resolvedSelector === '$firstHost') resolvedElements = applyRoot(hostSet.$firstHost).filter(el => el instanceof HTMLElement);\n            else if (resolvedSelector === '$lastHost') resolvedElements = applyRoot(hostSet.$lastHost).filter(el => el instanceof HTMLElement);\n            else if (resolvedSelector === '$firstAppHost') resolvedElements = applyRoot(hostSet.$firstAppHost).filter(el => el instanceof HTMLElement);\n            else if (resolvedSelector === '$lastAppHost') resolvedElements = applyRoot(hostSet.$lastAppHost).filter(el => el instanceof HTMLElement);\n            // --- Special Selectors: Env ---\n            else if (resolvedSelector === '$window') return [win];\n            else if (resolvedSelector === '$document') return [win.document];\n            else if (resolvedSelector === '$this') resolvedElements = applyRoot(this).filter(el => el instanceof HTMLElement);\n            // --- Standard Selectors ---\n            else {\n              if (r === 'shadow') resolvedElements = this.shadowRoot ? (Array.from(this.shadowRoot.querySelectorAll(resolvedSelector)) as HTMLElement[]) : [];\n              else if (r === 'light') resolvedElements = Array.from(this.querySelectorAll(resolvedSelector)) as HTMLElement[];\n              else if (r === 'all') {\n                const sNodes = this.shadowRoot ? (Array.from(this.shadowRoot.querySelectorAll(resolvedSelector)) as HTMLElement[]) : [];\n                const lNodes = Array.from(this.querySelectorAll(resolvedSelector)) as HTMLElement[];\n                resolvedElements = [...sNodes, ...lNodes];\n              }\n              else resolvedElements = (Array.from((this.shadowRoot || this).querySelectorAll(resolvedSelector)) as HTMLElement[]);\n            }\n          }\n\n          // Apply filter if provided\n          if ((optionsOrPropertyKey as QueryAllOptions)?.filter) {\n            resolvedElements = resolvedElements.filter(el => {\n              if (!(el instanceof win.HTMLElement)) return true;\n              return (optionsOrPropertyKey as QueryAllOptions).filter!(el, { currentThis: this, helper: hostSet });\n            });\n          }\n\n          return resolvedElements;\n        },\n        set(this: HTMLElement, nv: any) {\n          ensureInit(this);\n          if (nv === null || nv === undefined || (Array.isArray(nv) && nv.length === 0)) {\n            const config = getElementConfig(this);\n            const win = config?.window || window;\n            const hostSet = SwcUtils.getHelperAndHostSet(win, this);\n            \n            // Resolve selector - can be string or function\n            if (typeof selectorOrTarget === 'function') {\n              // Get elements from function and remove them\n              const result = (selectorOrTarget as any)(this, hostSet);\n              if (result instanceof win.NodeList) {\n                Array.from(result).forEach(el => {\n                  if (el instanceof win.Element) (el as Element).remove();\n                });\n              } else if (Array.isArray(result)) {\n                result.forEach(el => {\n                  if (el instanceof win.Element) (el as Element).remove();\n                });\n              }\n              return;\n            }\n            \n            const resolvedSelector = selectorOrTarget;\n            \n            if (resolvedSelector.startsWith('$') && resolvedSelector !== '$this') return;\n\n            const r = (optionsOrPropertyKey as SwcQueryOptions)?.root || 'auto';\n            let targets: (Element | Node)[] = [];\n            if (r === 'shadow') targets = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(resolvedSelector)) : [];\n            else if (r === 'light') targets = Array.from(this.querySelectorAll(resolvedSelector));\n            else if (r === 'all') {\n              const sNodes = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(resolvedSelector)) : [];\n              const lNodes = Array.from(this.querySelectorAll(resolvedSelector));\n              targets = [...sNodes, ...lNodes];\n            } else {\n              targets = Array.from((this.shadowRoot || this).querySelectorAll(resolvedSelector));\n            }\n            targets.forEach(t => (t as Element).remove());\n          }\n        },\n        enumerable: true,\n        configurable: true\n      });\n    };\n  }\n  // Without selector (defaults to $this)\n  return queryAll('$this', selectorOrTarget as SwcQueryOptions);\n}\n\nexport const getQueryAllMetadata = (target: any): QueryAllMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(QUERY_ALL_METADATA_KEY, constructor);\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;;;;;;;kBAA6B;AAC7B,2BAA6C;AAC7C,mBAAyB;AAiBlB,MAAM,yBAAyB,OAAO,IAAI,gCAAgC;AAe3E,SAAU,SAAS,kBAA2H,sBAA0D,YAA+B;AAE3O,MAAI,eAAe,WAAc,OAAO,yBAAyB,YAAY,OAAO,yBAAyB,WAAW;AACtH,UAAM,IAAI,MAAM,2DAA2D,OAAO,oBAAoB,CAAC,GAAG;EAC5G;AAEA,MAAI,OAAO,qBAAqB,YAAY,OAAO,qBAAqB,YAAY;AAClF,WAAO,CAAC,WAAmB,aAA8BA,gBAA4B;AACnF,UAAIA,gBAAe,QAAW;AAC5B,cAAM,IAAI,MAAM,2DAA2D,OAAO,WAAW,CAAC,GAAG;MACnG;AAEA,YAAM,cAAc,UAAU;AAC9B,UAAI,UAAU,yBAAa,YAAgC,wBAAwB,WAAW;AAC9F,UAAI,CAAC,SAAS;AACZ,kBAAU,CAAA;AACV,iCAAa,eAAe,wBAAwB,SAAS,WAAW;MAC1E;AACA,cAAQ,KAAK,EAAE,aAAa,UAAU,kBAAyB,SAAS,wBAA2C,CAAA,EAAE,CAAE;AAEvH,aAAO,eAAe,WAAW,aAAa;QAC5C,MAAG;AACD,+CAAW,IAAI;AACf,gBAAM,aAAS,uCAAiB,IAAI;AACpC,gBAAM,MAAM,QAAQ,UAAU;AAC9B,gBAAM,UAAU,sBAAS,oBAAoB,KAAK,IAAI;AAGtD,cAAI;AACJ,cAAI,mBAAkC,CAAA;AAEtC,cAAI,OAAO,qBAAqB,YAAY;AAC1C,kBAAM,SAAU,iBAAyB,MAAM,OAAO;AAEtD,gBAAI,kBAAkB,IAAI,UAAU;AAClC,iCAAmB,MAAM,KAAK,MAAM,EAAE,OAAO,QAAM,cAAc,IAAI,WAAW;YAClF,WAAW,MAAM,QAAQ,MAAM,GAAG;AAChC,iCAAmB,OAAO,OAAO,QAAM,cAAc,IAAI,WAAW;YACtE;UACF,OAAO;AACL,+BAAmB;AAEnB,kBAAM,IAAK,sBAA0C,QAAQ;AAC7D,kBAAM,YAAY,CAAC,MAAiB;AAClC,kBAAI,CAAC;AAAG,uBAAO,CAAA;AACf,oBAAM,QAAQ,MAAM,QAAQ,CAAC,IAAI,IAAI,CAAC,CAAC;AACvC,oBAAM,UAAiB,CAAA;AACvB,oBAAM,QAAQ,QAAK;AACjB,oBAAI,EAAE,cAAc,cAAc;AAChC,0BAAQ,KAAK,EAAE;AACf;gBACF;AACA,oBAAI,MAAM;AAAQ,0BAAQ,KAAK,GAAG,cAAc,EAAE;qBAC7C;AACH,sBAAI,MAAM,WAAW,MAAM;AAAO,4BAAQ,KAAK,EAAE;AACjD,uBAAK,MAAM,YAAY,MAAM,UAAU,GAAG;AAAY,4BAAQ,KAAK,GAAG,UAAU;gBAClF;cACF,CAAC;AACD,qBAAO;YACT;AAGA,gBAAI,qBAAqB;AAAU,iCAAmB,UAAU,QAAQ,MAAM,EAAE,OAAO,QAAM,cAAc,WAAW;qBAC7G,qBAAqB;AAAa,iCAAmB,UAAU,QAAQ,SAAS,EAAE,OAAO,QAAM,cAAc,WAAW;qBACxH,qBAAqB;AAAS,iCAAmB,UAAU,QAAQ,KAAK,EAAE,OAAO,QAAM,cAAc,WAAW;qBAChH,qBAAqB;AAAe,iCAAmB,UAAU,QAAQ,WAAW,EAAE,OAAO,QAAM,cAAc,WAAW;qBAC5H,qBAAqB;AAAY,iCAAmB,UAAU,QAAQ,QAAQ,EAAE,OAAO,QAAM,cAAc,WAAW;qBACtH,qBAAqB;AAAc,iCAAmB,UAAU,QAAQ,UAAU,EAAE,OAAO,QAAM,cAAc,WAAW;qBAC1H,qBAAqB;AAAa,iCAAmB,UAAU,QAAQ,SAAS,EAAE,OAAO,QAAM,cAAc,WAAW;qBACxH,qBAAqB;AAAiB,iCAAmB,UAAU,QAAQ,aAAa,EAAE,OAAO,QAAM,cAAc,WAAW;qBAChI,qBAAqB;AAAgB,iCAAmB,UAAU,QAAQ,YAAY,EAAE,OAAO,QAAM,cAAc,WAAW;qBAE9H,qBAAqB;AAAW,qBAAO,CAAC,GAAG;qBAC3C,qBAAqB;AAAa,qBAAO,CAAC,IAAI,QAAQ;qBACtD,qBAAqB;AAAS,iCAAmB,UAAU,IAAI,EAAE,OAAO,QAAM,cAAc,WAAW;iBAE3G;AACH,kBAAI,MAAM;AAAU,mCAAmB,KAAK,aAAc,MAAM,KAAK,KAAK,WAAW,iBAAiB,gBAAgB,CAAC,IAAsB,CAAA;uBACpI,MAAM;AAAS,mCAAmB,MAAM,KAAK,KAAK,iBAAiB,gBAAgB,CAAC;uBACpF,MAAM,OAAO;AACpB,sBAAM,SAAS,KAAK,aAAc,MAAM,KAAK,KAAK,WAAW,iBAAiB,gBAAgB,CAAC,IAAsB,CAAA;AACrH,sBAAM,SAAS,MAAM,KAAK,KAAK,iBAAiB,gBAAgB,CAAC;AACjE,mCAAmB,CAAC,GAAG,QAAQ,GAAG,MAAM;cAC1C;AACK,mCAAoB,MAAM,MAAM,KAAK,cAAc,MAAM,iBAAiB,gBAAgB,CAAC;YAClG;UACF;AAGA,cAAK,sBAA0C,QAAQ;AACrD,+BAAmB,iBAAiB,OAAO,QAAK;AAC9C,kBAAI,EAAE,cAAc,IAAI;AAAc,uBAAO;AAC7C,qBAAQ,qBAAyC,OAAQ,IAAI,EAAE,aAAa,MAAM,QAAQ,QAAO,CAAE;YACrG,CAAC;UACH;AAEA,iBAAO;QACT;QACA,IAAuB,IAAO;AAC5B,+CAAW,IAAI;AACf,cAAI,OAAO,QAAQ,OAAO,UAAc,MAAM,QAAQ,EAAE,KAAK,GAAG,WAAW,GAAI;AAC7E,kBAAM,aAAS,uCAAiB,IAAI;AACpC,kBAAM,MAAM,QAAQ,UAAU;AAC9B,kBAAM,UAAU,sBAAS,oBAAoB,KAAK,IAAI;AAGtD,gBAAI,OAAO,qBAAqB,YAAY;AAE1C,oBAAM,SAAU,iBAAyB,MAAM,OAAO;AACtD,kBAAI,kBAAkB,IAAI,UAAU;AAClC,sBAAM,KAAK,MAAM,EAAE,QAAQ,QAAK;AAC9B,sBAAI,cAAc,IAAI;AAAU,uBAAe,OAAM;gBACvD,CAAC;cACH,WAAW,MAAM,QAAQ,MAAM,GAAG;AAChC,uBAAO,QAAQ,QAAK;AAClB,sBAAI,cAAc,IAAI;AAAU,uBAAe,OAAM;gBACvD,CAAC;cACH;AACA;YACF;AAEA,kBAAM,mBAAmB;AAEzB,gBAAI,iBAAiB,WAAW,GAAG,KAAK,qBAAqB;AAAS;AAEtE,kBAAM,IAAK,sBAA0C,QAAQ;AAC7D,gBAAI,UAA8B,CAAA;AAClC,gBAAI,MAAM;AAAU,wBAAU,KAAK,aAAa,MAAM,KAAK,KAAK,WAAW,iBAAiB,gBAAgB,CAAC,IAAI,CAAA;qBACxG,MAAM;AAAS,wBAAU,MAAM,KAAK,KAAK,iBAAiB,gBAAgB,CAAC;qBAC3E,MAAM,OAAO;AACpB,oBAAM,SAAS,KAAK,aAAa,MAAM,KAAK,KAAK,WAAW,iBAAiB,gBAAgB,CAAC,IAAI,CAAA;AAClG,oBAAM,SAAS,MAAM,KAAK,KAAK,iBAAiB,gBAAgB,CAAC;AACjE,wBAAU,CAAC,GAAG,QAAQ,GAAG,MAAM;YACjC,OAAO;AACL,wBAAU,MAAM,MAAM,KAAK,cAAc,MAAM,iBAAiB,gBAAgB,CAAC;YACnF;AACA,oBAAQ,QAAQ,OAAM,EAAc,OAAM,CAAE;UAC9C;QACF;QACA,YAAY;QACZ,cAAc;OACf;IACH;EACF;AAEA,SAAO,SAAS,SAAS,gBAAmC;AAC9D;AAEO,MAAM,sBAAsB,CAAC,WAA+C;AACjF,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,yBAAa,YAAY,wBAAwB,WAAW;AACrE;",
   "names": ["descriptor"]
 }

package/dist/cjs/types/window.d.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/types/window.d.ts"],
-  "sourcesContent": ["import {HTMLDialogElement} from \"@dooboostore/dom-parser\";\n\n/**\n * Global type augmentation for @dooboostore showcase\n */\ndeclare global {\n  interface Window {\n    HTMLElement: typeof HTMLElement;\n    HTMLDivElement: typeof HTMLDivElement;\n    HTMLButtonElement: typeof HTMLButtonElement;\n    HTMLTemplateElement: typeof HTMLTemplateElement;\n    HTMLAnchorElement: typeof HTMLAnchorElement;\n    HTMLDialogElement: typeof HTMLDialogElement;\n    HTMLBodyElement: typeof HTMLBodyElement;\n    HTMLSectionElement: typeof HTMLSectionElement;\n    HTMLMainElement: typeof HTMLMainElement;\n    ShadowRoot: typeof ShadowRoot;\n    location: Location;\n    document: Document;\n    history: History;\n    console: Console;\n    IntersectionObserver: typeof IntersectionObserver;\n    SwaggerUIBundle: any;\n\n  }\n\n  namespace Dooboostore {\n    interface PackageInfo {\n      id: string;\n      name: string;\n      description: string;\n      longDescription: string;\n      icon: string;\n      color: string;\n      features: PackageFeature[];\n      example: string;\n    }\n\n    interface PackageFeature {\n      title: string;\n      desc: string;\n    }\n  }\n}\n\nexport {};\n"],
+  "sourcesContent": ["import {HTMLDialogElement} from \"@dooboostore/dom-parser\";\n\n/**\n * Global type augmentation for @dooboostore showcase\n */\ndeclare global {\n  interface Window {\n    Node: typeof Node;\n    NodeList: typeof NodeList;\n    Element: typeof Element;\n    HTMLElement: typeof HTMLElement;\n    HTMLDivElement: typeof HTMLDivElement;\n    HTMLButtonElement: typeof HTMLButtonElement;\n    HTMLTemplateElement: typeof HTMLTemplateElement;\n    HTMLAnchorElement: typeof HTMLAnchorElement;\n    HTMLDialogElement: typeof HTMLDialogElement;\n    HTMLBodyElement: typeof HTMLBodyElement;\n    HTMLSectionElement: typeof HTMLSectionElement;\n    HTMLMainElement: typeof HTMLMainElement;\n    ShadowRoot: typeof ShadowRoot;\n    location: Location;\n    document: Document;\n    history: History;\n    console: Console;\n    IntersectionObserver: typeof IntersectionObserver;\n    SwaggerUIBundle: any;\n\n  }\n\n  namespace Dooboostore {\n    interface PackageInfo {\n      id: string;\n      name: string;\n      description: string;\n      longDescription: string;\n      icon: string;\n      color: string;\n      features: PackageFeature[];\n      example: string;\n    }\n\n    interface PackageFeature {\n      title: string;\n      desc: string;\n    }\n  }\n}\n\nexport {};\n"],
   "mappings": ";;;;;;;;;;;;;AAAA;AAAA;",
   "names": []
 }

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 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;",
+  "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": []
 }