@dooboostore/simple-web-component 1.0.43 → 1.0.44

package/dist/cjs/decorators/query.js

@@ -19,162 +19,113 @@ var query_exports = {};
 __export(query_exports, {
   QUERY_METADATA_KEY: () => QUERY_METADATA_KEY,
   getQueryMetadata: () => getQueryMetadata,
-  query: () => query,
-  queryAppHost: () => queryAppHost,
-  queryDocument: () => queryDocument,
-  queryHost: () => queryHost,
-  queryThis: () => queryThis,
-  queryWindow: () => queryWindow
+  query: () => query
 });
 module.exports = __toCommonJS(query_exports);
 var import_core = require("@dooboostore/core");
 var import_elementDefine = require("./elementDefine");
 var import_Utils = require("../utils/Utils");
 const QUERY_METADATA_KEY = Symbol.for("simple-web-component:query");
-function query(selectorOrTarget, options = {}) {
-  return (targetObj, propertyKey, descriptor) => {
-    if (descriptor !== void 0) {
-      throw new Error(`@query decorator cannot be used on methods. (Method: ${String(propertyKey)})`);
-    }
-    const constructor = targetObj.constructor;
-    let queries = import_core.ReflectUtils.getMetadata(QUERY_METADATA_KEY, constructor);
-    if (!queries) {
-      queries = [];
-      import_core.ReflectUtils.defineMetadata(QUERY_METADATA_KEY, queries, constructor);
-    }
-    queries.push({ propertyKey, selector: selectorOrTarget, options });
-    Object.defineProperty(targetObj, propertyKey, {
-      get() {
-        (0, import_elementDefine.ensureInit)(this);
-        const selector = selectorOrTarget;
-        const r = options.root || "auto";
-        const applyRoot = (t) => {
-          if (!t || !(t instanceof HTMLElement))
+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") {
+    return (targetObj, propertyKey, descriptor2) => {
+      if (descriptor2 !== void 0) {
+        throw new Error(`@query decorator cannot be used on methods. (Method: ${String(propertyKey)})`);
+      }
+      const constructor = targetObj.constructor;
+      let queries = import_core.ReflectUtils.getMetadata(QUERY_METADATA_KEY, constructor);
+      if (!queries) {
+        queries = [];
+        import_core.ReflectUtils.defineMetadata(QUERY_METADATA_KEY, queries, constructor);
+      }
+      queries.push({ propertyKey, selector: selectorOrTarget, options: optionsOrPropertyKey || {} });
+      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;
-          if (r === "auto")
-            return t.shadowRoot || 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 t.shadowRoot;
+            return this.shadowRoot ? this.shadowRoot.querySelector(selector) : null;
           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);
-        }
-        return (this.shadowRoot || this).querySelector(selector);
-      },
-      set(nv) {
-        (0, import_elementDefine.ensureInit)(this);
-        if (nv === null || nv === void 0) {
-          const selector = selectorOrTarget;
-          if (selector.startsWith("$") && selector !== "$this")
-            return;
-          const r = options.root || "auto";
-          const targets = [];
-          if (r === "shadow") {
-            if (this.shadowRoot?.querySelector(selector))
-              targets.push(this.shadowRoot.querySelector(selector));
-          } else if (r === "light") {
-            if (this.querySelector(selector))
-              targets.push(this.querySelector(selector));
-          } else if (r === "all") {
-            if (this.shadowRoot?.querySelector(selector))
-              targets.push(this.shadowRoot.querySelector(selector));
-            if (this.querySelector(selector))
-              targets.push(this.querySelector(selector));
-          } else {
-            const el = (this.shadowRoot || this).querySelector(selector);
-            if (el)
-              targets.push(el);
+            return this.querySelector(selector);
+          if (r === "all") {
+            const shadowMatch = this.shadowRoot ? this.shadowRoot.querySelector(selector) : null;
+            return shadowMatch || this.querySelector(selector);
           }
-          targets.forEach((t) => t.remove());
-        }
-      },
-      enumerable: true,
-      configurable: true
-    });
-  };
-}
-function queryThis(targetOrOptions, propertyKey) {
-  if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
-    return query("$this", {})(targetOrOptions, propertyKey);
-  }
-  if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
-    return query("$this", targetOrOptions);
-  } else {
-    return query("$this", {});
-  }
-}
-function queryWindow(targetOrOptions, propertyKey) {
-  if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
-    return query("$window", {})(targetOrOptions, propertyKey);
-  }
-  if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
-    return query("$window", targetOrOptions);
-  } else {
-    return query("$window", {});
-  }
-}
-function queryDocument(targetOrOptions, propertyKey) {
-  if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
-    return query("$document", {})(targetOrOptions, propertyKey);
-  }
-  if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
-    return query("$document", targetOrOptions);
-  } else {
-    return query("$document", {});
-  }
-}
-function queryHost(targetOrOptions, propertyKey) {
-  if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
-    return query("$host", {})(targetOrOptions, propertyKey);
-  }
-  if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
-    return query("$host", targetOrOptions);
-  } else {
-    return query("$host", {});
-  }
-}
-function queryAppHost(targetOrOptions, propertyKey) {
-  if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
-    return query("$appHost", {})(targetOrOptions, propertyKey);
-  }
-  if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
-    return query("$appHost", targetOrOptions);
-  } else {
-    return query("$appHost", {});
+          return (this.shadowRoot || this).querySelector(selector);
+        },
+        set(nv) {
+          (0, import_elementDefine.ensureInit)(this);
+          if (nv === null || nv === void 0) {
+            const selector = selectorOrTarget;
+            if (selector.startsWith("$") && selector !== "$this")
+              return;
+            const r = optionsOrPropertyKey?.root || "auto";
+            const targets = [];
+            if (r === "shadow") {
+              if (this.shadowRoot?.querySelector(selector))
+                targets.push(this.shadowRoot.querySelector(selector));
+            } else if (r === "light") {
+              if (this.querySelector(selector))
+                targets.push(this.querySelector(selector));
+            } else if (r === "all") {
+              if (this.shadowRoot?.querySelector(selector))
+                targets.push(this.shadowRoot.querySelector(selector));
+              if (this.querySelector(selector))
+                targets.push(this.querySelector(selector));
+            } else {
+              const el = (this.shadowRoot || this).querySelector(selector);
+              if (el)
+                targets.push(el);
+            }
+            targets.forEach((t) => t.remove());
+          }
+        },
+        enumerable: true,
+        configurable: true
+      });
+    };
   }
+  return query("$this", selectorOrTarget);
 }
 const getQueryMetadata = (target) => {
   const constructor = target instanceof Function ? target : target.constructor;

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: SpecialSelector): PropertyDecorator;\nexport function query(selector: string, options?: SwcQueryOptions): PropertyDecorator;\n/**\n * @query decorator to inject a single element into a class property.\n */\nexport function query(selectorOrTarget: string, options: any = {}): PropertyDecorator {\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 });\n\n    Object.defineProperty(targetObj, propertyKey, {\n      get(this: HTMLElement) {\n        ensureInit(this);\n        const selector = selectorOrTarget;\n\n        const r = options.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 = options.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\n/**\n * @queryThis decorator - simplified version of @query for $this selector\n */\nexport function queryThis(target: Object, propertyKey: string | symbol): void;\nexport function queryThis(): PropertyDecorator;\nexport function queryThis(options: SwcQueryOptions): PropertyDecorator;\nexport function queryThis(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return query('$this', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return query('$this', targetOrOptions as SwcQueryOptions);\n  } else {\n    return query('$this', {});\n  }\n}\n\n\nexport function queryWindow(target: Object, propertyKey: string | symbol): void;\nexport function queryWindow(): PropertyDecorator;\nexport function queryWindow(options: SwcQueryOptions): PropertyDecorator;\nexport function queryWindow(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return query('$window', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return query('$window', targetOrOptions as SwcQueryOptions);\n  } else {\n    return query('$window', {});\n  }\n}\n\nexport function queryDocument(target: Object, propertyKey: string | symbol): void;\nexport function queryDocument(): PropertyDecorator;\nexport function queryDocument(options: SwcQueryOptions): PropertyDecorator;\nexport function queryDocument(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return query('$document', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return query('$document', targetOrOptions as SwcQueryOptions);\n  } else {\n    return query('$document', {});\n  }\n}\n/**\n * @host - Query $host (Direct parent SWC component)\n */\nexport function queryHost(target: Object, propertyKey: string | symbol): void;\nexport function queryHost(): PropertyDecorator;\nexport function queryHost(options: SwcQueryOptions): PropertyDecorator;\nexport function queryHost(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return query('$host', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return query('$host', targetOrOptions as SwcQueryOptions);\n  } else {\n    return query('$host', {});\n  }\n}\n\n/**\n * @appHost - Query $appHost (Nearest <swc-app>)\n */\nexport function queryAppHost(target: Object, propertyKey: string | symbol): void;\nexport function queryAppHost(): PropertyDecorator;\nexport function queryAppHost(options: SwcQueryOptions): PropertyDecorator;\nexport function queryAppHost(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return query('$appHost', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return query('$appHost', targetOrOptions as SwcQueryOptions);\n  } else {\n    return query('$appHost', {});\n  }\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": []
+  "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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",
+  "names": ["descriptor"]
 }

package/dist/cjs/decorators/queryAll.js

@@ -18,150 +18,123 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var queryAll_exports = {};
 __export(queryAll_exports, {
   QUERY_ALL_METADATA_KEY: () => QUERY_ALL_METADATA_KEY,
-  allAppHost: () => allAppHost,
-  allParentHost: () => allParentHost,
   getQueryAllMetadata: () => getQueryAllMetadata,
-  queryAll: () => queryAll,
-  queryAllThis: () => queryAllThis
+  queryAll: () => queryAll
 });
 module.exports = __toCommonJS(queryAll_exports);
 var import_core = require("@dooboostore/core");
 var import_elementDefine = require("./elementDefine");
 var import_Utils = require("../utils/Utils");
 const QUERY_ALL_METADATA_KEY = Symbol.for("simple-web-component:query-all");
-function queryAll(selectorOrTarget, options = {}) {
-  return (targetObj, propertyKey, descriptor) => {
-    if (descriptor !== void 0) {
-      throw new Error(`@queryAll decorator cannot be used on methods. (Method: ${String(propertyKey)})`);
-    }
-    const constructor = targetObj.constructor;
-    let queries = import_core.ReflectUtils.getMetadata(QUERY_ALL_METADATA_KEY, constructor);
-    if (!queries) {
-      queries = [];
-      import_core.ReflectUtils.defineMetadata(QUERY_ALL_METADATA_KEY, queries, constructor);
-    }
-    queries.push({ propertyKey, selector: selectorOrTarget, options });
-    Object.defineProperty(targetObj, propertyKey, {
-      get() {
-        (0, import_elementDefine.ensureInit)(this);
-        const selector = selectorOrTarget;
-        const r = options.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 root = this.shadowRoot || this;
-        return Array.from(root.querySelectorAll(selector));
-      },
-      set(nv) {
-        (0, import_elementDefine.ensureInit)(this);
-        if (nv === null || nv === void 0 || Array.isArray(nv) && nv.length === 0) {
+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") {
+    return (targetObj, propertyKey, descriptor2) => {
+      if (descriptor2 !== void 0) {
+        throw new Error(`@queryAll decorator cannot be used on methods. (Method: ${String(propertyKey)})`);
+      }
+      const constructor = targetObj.constructor;
+      let queries = import_core.ReflectUtils.getMetadata(QUERY_ALL_METADATA_KEY, constructor);
+      if (!queries) {
+        queries = [];
+        import_core.ReflectUtils.defineMetadata(QUERY_ALL_METADATA_KEY, queries, constructor);
+      }
+      queries.push({ propertyKey, selector: selectorOrTarget, options: optionsOrPropertyKey || {} });
+      Object.defineProperty(targetObj, propertyKey, {
+        get() {
+          (0, import_elementDefine.ensureInit)(this);
           const selector = selectorOrTarget;
-          if (selector.startsWith("$") && selector !== "$this")
-            return;
-          const r = options.root || "auto";
-          let targets = [];
+          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")
-            targets = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];
-          else if (r === "light")
-            targets = Array.from(this.querySelectorAll(selector));
-          else if (r === "all") {
+            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));
-            targets = [...sNodes, ...lNodes];
-          } else {
-            targets = Array.from((this.shadowRoot || this).querySelectorAll(selector));
+            return [...sNodes, ...lNodes];
           }
-          targets.forEach((t) => t.remove());
-        }
-      },
-      enumerable: true,
-      configurable: true
-    });
-  };
-}
-function queryAllThis(targetOrOptions, propertyKey) {
-  if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
-    return queryAll("$this", {})(targetOrOptions, propertyKey);
-  }
-  if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
-    return queryAll("$this", targetOrOptions);
-  } else {
-    return queryAll("$this", {});
-  }
-}
-function allParentHost(targetOrOptions, propertyKey) {
-  if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
-    return queryAll("$host", {})(targetOrOptions, propertyKey);
-  }
-  if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
-    return queryAll("$host", targetOrOptions);
-  } else {
-    return queryAll("$host", {});
-  }
-}
-function allAppHost(targetOrOptions, propertyKey) {
-  if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
-    return queryAll("$appHost", {})(targetOrOptions, propertyKey);
-  }
-  if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
-    return queryAll("$appHost", targetOrOptions);
-  } else {
-    return queryAll("$appHost", {});
+          const root = this.shadowRoot || this;
+          return Array.from(root.querySelectorAll(selector));
+        },
+        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")
+              return;
+            const r = optionsOrPropertyKey?.root || "auto";
+            let targets = [];
+            if (r === "shadow")
+              targets = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];
+            else if (r === "light")
+              targets = Array.from(this.querySelectorAll(selector));
+            else if (r === "all") {
+              const sNodes = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];
+              const lNodes = Array.from(this.querySelectorAll(selector));
+              targets = [...sNodes, ...lNodes];
+            } else {
+              targets = Array.from((this.shadowRoot || this).querySelectorAll(selector));
+            }
+            targets.forEach((t) => t.remove());
+          }
+        },
+        enumerable: true,
+        configurable: true
+      });
+    };
   }
+  return queryAll("$this", selectorOrTarget);
 }
 const getQueryAllMetadata = (target) => {
   const constructor = target instanceof Function ? target : target.constructor;