@dooboostore/simple-web-component 1.0.18 → 1.0.21

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/query.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\nimport { getElementConfig } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\n\nexport interface QueryOptions {\n  root?: 'light' | 'shadow' | 'all' | 'auto';\n}\n\nexport interface QueryMetadata {\n  selector: string;\n  options: QueryOptions;\n  propertyKey: string | symbol;\n}\n\nexport const QUERY_METADATA_KEY = Symbol('simple-web-component:query');\n\n/**\n * @query decorator to inject a single element into a class property.\n */\nexport function query(selector: string, options: QueryOptions = {}): PropertyDecorator {\n  return (target: 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 = target.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({ selector, options, propertyKey });\n\n    Object.defineProperty(target, propertyKey, {\n      get(this: HTMLElement) {\n        // --- Special Selectors: HostSet ---\n        const hostSet = SwcUtils.getHostSet(this);\n        if (selector === ':parentHost') return hostSet.$parentHost;\n        if (selector === ':appHost') return hostSet.$appHost;\n        if (selector === ':firstHost') return hostSet.$firstHost;\n        if (selector === ':lastHost') return hostSet.$lastHost;\n        if (selector === ':firstAppHost') return hostSet.$firstAppHost;\n        if (selector === ':lastAppHost') return hostSet.$lastAppHost;\n\n        // --- Special Selectors: Env ---\n        const config = getElementConfig(this);\n        const win = config?.window || window;\n        const doc = win.document;\n\n        if (selector === ':window') return win;\n        if (selector === ':document') return doc;\n        if (!selector || selector === ':host') return this;\n\n        // --- Standard Selectors ---\n        const r = options.root || 'auto';\n\n        if (r === 'shadow') {\n          return this.shadowRoot ? this.shadowRoot.querySelector(selector) : null;\n        }\n        if (r === 'light') {\n          return this.querySelector(selector);\n        }\n        if (r === 'all') {\n          return this.shadowRoot?.querySelector(selector) || this.querySelector(selector);\n        }\n        // auto\n        return (this.shadowRoot || this).querySelector(selector);\n      },\n      set(this: HTMLElement, nv: any) {\n        if (nv === null || nv === undefined) {\n          const r = options.root || 'auto';\n          let targetEl: Element | null = null;\n          if (r === 'shadow') targetEl = this.shadowRoot ? this.shadowRoot.querySelector(selector) : null;\n          else if (r === 'light') targetEl = this.querySelector(selector);\n          else if (r === 'all') targetEl = this.shadowRoot?.querySelector(selector) || this.querySelector(selector);\n          else targetEl = (this.shadowRoot || this).querySelector(selector);\n\n          if (targetEl) targetEl.remove();\n        }\n      },\n      enumerable: true,\n      configurable: true\n    });\n  };\n}\n\nexport const getQueryMetadata = (target: any): QueryMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(QUERY_METADATA_KEY, constructor);\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;;;;;;;0BAA6B;AAC7B,2BAAiC;AACjC,mBAAyB;AAYlB,MAAM,qBAAqB,OAAO,4BAA4B;AAK/D,SAAU,MAAM,UAAkB,UAAwB,CAAA,GAAE;AAChE,SAAO,CAAC,QAAgB,aAA8B,eAA4B;AAChF,QAAI,eAAe,QAAW;AAC5B,YAAM,IAAI,MAAM,wDAAwD,OAAO,WAAW,CAAC,GAAG;IAChG;AAEA,UAAM,cAAc,OAAO;AAC3B,QAAI,UAAU,iCAAa,YAA6B,oBAAoB,WAAW;AACvF,QAAI,CAAC,SAAS;AACZ,gBAAU,CAAA;AACV,uCAAa,eAAe,oBAAoB,SAAS,WAAW;IACtE;AACA,YAAQ,KAAK,EAAE,UAAU,SAAS,YAAW,CAAE;AAE/C,WAAO,eAAe,QAAQ,aAAa;MACzC,MAAG;AAED,cAAM,UAAU,sBAAS,WAAW,IAAI;AACxC,YAAI,aAAa;AAAe,iBAAO,QAAQ;AAC/C,YAAI,aAAa;AAAY,iBAAO,QAAQ;AAC5C,YAAI,aAAa;AAAc,iBAAO,QAAQ;AAC9C,YAAI,aAAa;AAAa,iBAAO,QAAQ;AAC7C,YAAI,aAAa;AAAiB,iBAAO,QAAQ;AACjD,YAAI,aAAa;AAAgB,iBAAO,QAAQ;AAGhD,cAAM,aAAS,uCAAiB,IAAI;AACpC,cAAM,MAAM,QAAQ,UAAU;AAC9B,cAAM,MAAM,IAAI;AAEhB,YAAI,aAAa;AAAW,iBAAO;AACnC,YAAI,aAAa;AAAa,iBAAO;AACrC,YAAI,CAAC,YAAY,aAAa;AAAS,iBAAO;AAG9C,cAAM,IAAI,QAAQ,QAAQ;AAE1B,YAAI,MAAM,UAAU;AAClB,iBAAO,KAAK,aAAa,KAAK,WAAW,cAAc,QAAQ,IAAI;QACrE;AACA,YAAI,MAAM,SAAS;AACjB,iBAAO,KAAK,cAAc,QAAQ;QACpC;AACA,YAAI,MAAM,OAAO;AACf,iBAAO,KAAK,YAAY,cAAc,QAAQ,KAAK,KAAK,cAAc,QAAQ;QAChF;AAEA,gBAAQ,KAAK,cAAc,MAAM,cAAc,QAAQ;MACzD;MACA,IAAuB,IAAO;AAC5B,YAAI,OAAO,QAAQ,OAAO,QAAW;AACnC,gBAAM,IAAI,QAAQ,QAAQ;AAC1B,cAAI,WAA2B;AAC/B,cAAI,MAAM;AAAU,uBAAW,KAAK,aAAa,KAAK,WAAW,cAAc,QAAQ,IAAI;mBAClF,MAAM;AAAS,uBAAW,KAAK,cAAc,QAAQ;mBACrD,MAAM;AAAO,uBAAW,KAAK,YAAY,cAAc,QAAQ,KAAK,KAAK,cAAc,QAAQ;;AACnG,wBAAY,KAAK,cAAc,MAAM,cAAc,QAAQ;AAEhE,cAAI;AAAU,qBAAS,OAAM;QAC/B;MACF;MACA,YAAY;MACZ,cAAc;KACf;EACH;AACF;AAEO,MAAM,mBAAmB,CAAC,WAA4C;AAC3E,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,iCAAa,YAAY,oBAAoB,WAAW;AACjE;",
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { getElementConfig, ensureInit } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { SpecialSelector, SwcQueryOptions } from '../types';\n\nexport type QueryOptions = { root?: 'light' | 'shadow' | 'all' | 'auto' };\n\nexport interface QueryMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  options: SwcQueryOptions;\n}\n\nexport const QUERY_METADATA_KEY = Symbol('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    // const propertyType = Reflect.getMetadata(\"design:type\", targetObj, propertyKey);\n    // console.log(`Property ${String(propertyKey)} type is:`, propertyType.name);\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; // query only returns one, so shadow preferred\n          return t;\n        };\n\n        // --- Special Selectors: HostSet ---\n        const hostSet = SwcUtils.getHostSet(this);\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 === ':host') return applyRoot(this);\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 !== ':host') 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\nexport const getQueryMetadata = (target: any): QueryMetadata[] | undefined => {\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": []
 }

package/dist/cjs/decorators/queryAll.js

@@ -22,55 +22,79 @@ __export(queryAll_exports, {
   queryAll: () => queryAll
 });
 module.exports = __toCommonJS(queryAll_exports);
-var import_ReflectUtils = require("@dooboostore/core/reflect/ReflectUtils");
+var import_core = require("@dooboostore/core");
 var import_elementDefine = require("./elementDefine");
 var import_Utils = require("../utils/Utils");
 const QUERY_ALL_METADATA_KEY = Symbol("simple-web-component:query-all");
-function queryAll(selector, options = {}) {
-  return (target, propertyKey, descriptor) => {
+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 = target.constructor;
-    let queries = import_ReflectUtils.ReflectUtils.getMetadata(QUERY_ALL_METADATA_KEY, constructor);
+    const constructor = targetObj.constructor;
+    let queries = import_core.ReflectUtils.getMetadata(QUERY_ALL_METADATA_KEY, constructor);
     if (!queries) {
       queries = [];
-      import_ReflectUtils.ReflectUtils.defineMetadata(QUERY_ALL_METADATA_KEY, queries, constructor);
+      import_core.ReflectUtils.defineMetadata(QUERY_ALL_METADATA_KEY, queries, constructor);
     }
-    queries.push({ selector, options, propertyKey });
-    Object.defineProperty(target, propertyKey, {
+    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 hostSet.$hosts;
+          return applyRoot(hostSet.$hosts);
         if (selector === ":appHosts")
-          return hostSet.$appHosts;
+          return applyRoot(hostSet.$appHosts);
         const config = (0, import_elementDefine.getElementConfig)(this);
         const win = config?.window || window;
-        const doc = win.document;
         if (selector === ":window")
           return [win];
         if (selector === ":document")
-          return [doc];
-        if (!selector || selector === ":host")
-          return [this];
-        const r = options.root || "auto";
-        if (r === "shadow") {
-          return this.shadowRoot ? this.shadowRoot.querySelectorAll(selector) : [];
-        }
-        if (r === "light") {
-          return this.querySelectorAll(selector);
-        }
+          return [win.document];
+        if (selector === ":host")
+          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 root.querySelectorAll(selector);
+        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 !== ":host")
+            return;
           const r = options.root || "auto";
           let targets = [];
           if (r === "shadow")
@@ -94,6 +118,6 @@ function queryAll(selector, options = {}) {
 }
 const getQueryAllMetadata = (target) => {
   const constructor = target instanceof Function ? target : target.constructor;
-  return import_ReflectUtils.ReflectUtils.getMetadata(QUERY_ALL_METADATA_KEY, constructor);
+  return import_core.ReflectUtils.getMetadata(QUERY_ALL_METADATA_KEY, constructor);
 };
 //# sourceMappingURL=queryAll.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/queryAll.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\nimport { getElementConfig } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\n\nexport interface QueryAllOptions {\n  root?: 'light' | 'shadow' | 'all' | 'auto';\n}\n\nexport interface QueryAllMetadata {\n  selector: string;\n  options: QueryAllOptions;\n  propertyKey: string | symbol;\n}\n\nexport const QUERY_ALL_METADATA_KEY = Symbol('simple-web-component:query-all');\n\n/**\n * @queryAll decorator to inject a list of elements into a class property.\n */\nexport function queryAll(selector: string, options: QueryAllOptions = {}): PropertyDecorator {\n  return (target: 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 = target.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({ selector, options, propertyKey });\n\n    Object.defineProperty(target, propertyKey, {\n      get(this: HTMLElement) {\n        // --- Special Selectors: HostSet ---\n        const hostSet = SwcUtils.getHostSet(this);\n        if (selector === ':hosts') return hostSet.$hosts;\n        if (selector === ':appHosts') return hostSet.$appHosts;\n\n        // --- Special Selectors: Env ---\n        const config = getElementConfig(this);\n        const win = config?.window || window;\n        const doc = win.document;\n\n        if (selector === ':window') return [win];\n        if (selector === ':document') return [doc];\n        if (!selector || selector === ':host') return [this];\n\n        // --- Standard Selectors ---\n        const r = options.root || 'auto';\n\n        if (r === 'shadow') {\n          return this.shadowRoot ? this.shadowRoot.querySelectorAll(selector) : [];\n        }\n        if (r === 'light') {\n          return this.querySelectorAll(selector);\n        }\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        // auto\n        const root = this.shadowRoot || this;\n        return root.querySelectorAll(selector);\n      },\n      set(this: HTMLElement, nv: any) {\n        if (nv === null || nv === undefined || (Array.isArray(nv) && nv.length === 0)) {\n          const r = options.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\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;;;;;;;0BAA6B;AAC7B,2BAAiC;AACjC,mBAAyB;AAYlB,MAAM,yBAAyB,OAAO,gCAAgC;AAKvE,SAAU,SAAS,UAAkB,UAA2B,CAAA,GAAE;AACtE,SAAO,CAAC,QAAgB,aAA8B,eAA4B;AAChF,QAAI,eAAe,QAAW;AAC5B,YAAM,IAAI,MAAM,2DAA2D,OAAO,WAAW,CAAC,GAAG;IACnG;AAEA,UAAM,cAAc,OAAO;AAC3B,QAAI,UAAU,iCAAa,YAAgC,wBAAwB,WAAW;AAC9F,QAAI,CAAC,SAAS;AACZ,gBAAU,CAAA;AACV,uCAAa,eAAe,wBAAwB,SAAS,WAAW;IAC1E;AACA,YAAQ,KAAK,EAAE,UAAU,SAAS,YAAW,CAAE;AAE/C,WAAO,eAAe,QAAQ,aAAa;MACzC,MAAG;AAED,cAAM,UAAU,sBAAS,WAAW,IAAI;AACxC,YAAI,aAAa;AAAU,iBAAO,QAAQ;AAC1C,YAAI,aAAa;AAAa,iBAAO,QAAQ;AAG7C,cAAM,aAAS,uCAAiB,IAAI;AACpC,cAAM,MAAM,QAAQ,UAAU;AAC9B,cAAM,MAAM,IAAI;AAEhB,YAAI,aAAa;AAAW,iBAAO,CAAC,GAAG;AACvC,YAAI,aAAa;AAAa,iBAAO,CAAC,GAAG;AACzC,YAAI,CAAC,YAAY,aAAa;AAAS,iBAAO,CAAC,IAAI;AAGnD,cAAM,IAAI,QAAQ,QAAQ;AAE1B,YAAI,MAAM,UAAU;AAClB,iBAAO,KAAK,aAAa,KAAK,WAAW,iBAAiB,QAAQ,IAAI,CAAA;QACxE;AACA,YAAI,MAAM,SAAS;AACjB,iBAAO,KAAK,iBAAiB,QAAQ;QACvC;AACA,YAAI,MAAM,OAAO;AACf,gBAAM,SAAS,KAAK,aAAa,MAAM,KAAK,KAAK,WAAW,iBAAiB,QAAQ,CAAC,IAAI,CAAA;AAC1F,gBAAM,SAAS,MAAM,KAAK,KAAK,iBAAiB,QAAQ,CAAC;AACzD,iBAAO,CAAC,GAAG,QAAQ,GAAG,MAAM;QAC9B;AAEA,cAAM,OAAO,KAAK,cAAc;AAChC,eAAO,KAAK,iBAAiB,QAAQ;MACvC;MACA,IAAuB,IAAO;AAC5B,YAAI,OAAO,QAAQ,OAAO,UAAc,MAAM,QAAQ,EAAE,KAAK,GAAG,WAAW,GAAI;AAC7E,gBAAM,IAAI,QAAQ,QAAQ;AAC1B,cAAI,UAA8B,CAAA;AAClC,cAAI,MAAM;AAAU,sBAAU,KAAK,aAAa,MAAM,KAAK,KAAK,WAAW,iBAAiB,QAAQ,CAAC,IAAI,CAAA;mBAChG,MAAM;AAAS,sBAAU,MAAM,KAAK,KAAK,iBAAiB,QAAQ,CAAC;mBACnE,MAAM,OAAO;AACpB,kBAAM,SAAS,KAAK,aAAa,MAAM,KAAK,KAAK,WAAW,iBAAiB,QAAQ,CAAC,IAAI,CAAA;AAC1F,kBAAM,SAAS,MAAM,KAAK,KAAK,iBAAiB,QAAQ,CAAC;AACzD,sBAAU,CAAC,GAAG,QAAQ,GAAG,MAAM;UACjC,OAAO;AACL,sBAAU,MAAM,MAAM,KAAK,cAAc,MAAM,iBAAiB,QAAQ,CAAC;UAC3E;AACA,kBAAQ,QAAQ,OAAM,EAAc,OAAM,CAAE;QAC9C;MACF;MACA,YAAY;MACZ,cAAc;KACf;EACH;AACF;AAEO,MAAM,sBAAsB,CAAC,WAA+C;AACjF,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,iCAAa,YAAY,wBAAwB,WAAW;AACrE;",
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { getElementConfig, ensureInit } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { SpecialSelector, SwcQueryOptions } 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('simple-web-component:query-all');\n\nexport function queryAll(target: SpecialSelector): PropertyDecorator;\nexport function queryAll(selector: string, options?: SwcQueryOptions): PropertyDecorator;\n/**\n * @queryAll decorator to inject a list of elements into a class property.\n */\nexport function queryAll(selectorOrTarget: string, options: any = {}): PropertyDecorator {\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 });\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): 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\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 === ':host') 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 !== ':host') return;\n\n          const r = options.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\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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",
   "names": []
 }

package/dist/cjs/decorators/replaceChildren.js

@@ -23,26 +23,52 @@ __export(replaceChildren_exports, {
   replaceChildren: () => replaceChildren
 });
 module.exports = __toCommonJS(replaceChildren_exports);
-var import_ReflectUtils = require("@dooboostore/core/reflect/ReflectUtils");
+var import_core = require("@dooboostore/core");
+var import_elementDefine = require("./elementDefine");
 const REPLACE_CHILDREN_METADATA_KEY = Symbol("simple-web-component:replace-children");
 function replaceChildren(selector) {
-  return (target, propertyKey) => {
+  return (target, propertyKey, descriptor) => {
     const constructor = target.constructor;
-    let meta = import_ReflectUtils.ReflectUtils.getOwnMetadata(REPLACE_CHILDREN_METADATA_KEY, constructor);
+    let meta = import_core.ReflectUtils.getOwnMetadata(REPLACE_CHILDREN_METADATA_KEY, constructor);
     if (!meta) {
       meta = /* @__PURE__ */ new Map();
-      import_ReflectUtils.ReflectUtils.defineMetadata(REPLACE_CHILDREN_METADATA_KEY, meta, constructor);
+      import_core.ReflectUtils.defineMetadata(REPLACE_CHILDREN_METADATA_KEY, meta, constructor);
     }
     meta.set(propertyKey, selector);
+    const original = descriptor.value;
+    descriptor.value = async function(...args) {
+      (0, import_elementDefine.ensureInit)(this);
+      const res = await original.apply(this, args);
+      if (res !== void 0) {
+        const conf = (0, import_elementDefine.getElementConfig)(this);
+        const currentWin = this._resolveWindow?.(conf) || (typeof window !== "undefined" ? window : void 0);
+        const currentDoc = currentWin.document;
+        let targetEl = null;
+        if (selector === ":host" || !selector) {
+          targetEl = this;
+        } else {
+          targetEl = (this.shadowRoot || this).querySelector(selector);
+        }
+        if (targetEl) {
+          if (typeof res === "string") {
+            targetEl.textContent = res;
+          } else {
+            const nodes = Array.isArray(res) ? res.map((n) => typeof n === "string" ? currentDoc.createTextNode(n) : n) : [res];
+            targetEl.replaceChildren(...nodes);
+          }
+        }
+      }
+      return res;
+    };
   };
 }
 const getReplaceChildrenMetadata = (target) => {
   const constructor = target instanceof Function ? target : target.constructor;
-  return import_ReflectUtils.ReflectUtils.getMetadata(REPLACE_CHILDREN_METADATA_KEY, constructor);
+  return import_core.ReflectUtils.getMetadata(REPLACE_CHILDREN_METADATA_KEY, constructor);
 };
 const findAllReplaceChildrenMetadata = (target) => {
   const result = /* @__PURE__ */ new Map();
-  const maps = import_ReflectUtils.ReflectUtils.findAllMetadata(REPLACE_CHILDREN_METADATA_KEY, target);
+  const maps = import_core.ReflectUtils.findAllMetadata(REPLACE_CHILDREN_METADATA_KEY, target);
   maps.forEach((map) => {
     if (map instanceof Map) {
       map.forEach((v, k) => result.set(k, v));

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/replaceChildren.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\n\nexport const REPLACE_CHILDREN_METADATA_KEY = Symbol('simple-web-component:replace-children');\n\n/**\n * @replaceChildren decorator to surgically replace children of a target element.\n * Usage: @replaceChildren('#container') renderPart() { return '<div>New Content</div>'; }\n */\nexport function replaceChildren(selector: string): MethodDecorator {\n  return (target: Object, propertyKey: string | symbol) => {\n    const constructor = target.constructor;\n    let meta = ReflectUtils.getOwnMetadata(REPLACE_CHILDREN_METADATA_KEY, constructor) as Map<string | symbol, string>;\n    if (!meta) {\n      meta = new Map<string | symbol, string>();\n      ReflectUtils.defineMetadata(REPLACE_CHILDREN_METADATA_KEY, meta, constructor);\n    }\n    meta.set(propertyKey, selector);\n  };\n}\n\nexport const getReplaceChildrenMetadata = (target: any): Map<string | symbol, string> | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(REPLACE_CHILDREN_METADATA_KEY, constructor);\n};\n\nexport const findAllReplaceChildrenMetadata = (target: any): Map<string | symbol, string> => {\n  const result = new Map<string | symbol, string>();\n  const maps = ReflectUtils.findAllMetadata<Map<string | symbol, string>>(REPLACE_CHILDREN_METADATA_KEY, target);\n  maps.forEach(map => {\n    if (map instanceof Map) {\n      map.forEach((v, k) => result.set(k, v));\n    }\n  });\n  return result;\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA6B;AAEtB,MAAM,gCAAgC,OAAO,uCAAuC;AAMpF,SAAS,gBAAgB,UAAmC;AACjE,SAAO,CAAC,QAAgB,gBAAiC;AACvD,UAAM,cAAc,OAAO;AAC3B,QAAI,OAAO,iCAAa,eAAe,+BAA+B,WAAW;AACjF,QAAI,CAAC,MAAM;AACT,aAAO,oBAAI,IAA6B;AACxC,uCAAa,eAAe,+BAA+B,MAAM,WAAW;AAAA,IAC9E;AACA,SAAK,IAAI,aAAa,QAAQ;AAAA,EAChC;AACF;AAEO,MAAM,6BAA6B,CAAC,WAA0D;AACnG,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,iCAAa,YAAY,+BAA+B,WAAW;AAC5E;AAEO,MAAM,iCAAiC,CAAC,WAA8C;AAC3F,QAAM,SAAS,oBAAI,IAA6B;AAChD,QAAM,OAAO,iCAAa,gBAA8C,+BAA+B,MAAM;AAC7G,OAAK,QAAQ,SAAO;AAClB,QAAI,eAAe,KAAK;AACtB,UAAI,QAAQ,CAAC,GAAG,MAAM,OAAO,IAAI,GAAG,CAAC,CAAC;AAAA,IACxC;AAAA,EACF,CAAC;AACD,SAAO;AACT;",
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { ensureInit, getElementConfig } from './elementDefine';\n\nexport const REPLACE_CHILDREN_METADATA_KEY = Symbol('simple-web-component:replace-children');\n\n/**\n * @replaceChildren decorator to surgically replace children of a target element.\n * Usage: @replaceChildren('#container') renderPart() { return '<div>New Content</div>'; }\n */\nexport function replaceChildren(selector: string): MethodDecorator {\n  return (target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n    const constructor = target.constructor;\n    let meta = ReflectUtils.getOwnMetadata(REPLACE_CHILDREN_METADATA_KEY, constructor) as Map<string | symbol, string>;\n    if (!meta) {\n      meta = new Map<string | symbol, string>();\n      ReflectUtils.defineMetadata(REPLACE_CHILDREN_METADATA_KEY, meta, constructor);\n    }\n    meta.set(propertyKey, selector);\n\n    const original = descriptor.value;\n    descriptor.value = async function (...args: any[]) {\n      ensureInit(this);\n      const res = await original.apply(this, args);\n      if (res !== undefined) {\n        const conf = getElementConfig(this);\n        const currentWin = (this as any)._resolveWindow?.(conf) || ((typeof window !== 'undefined' ? window : undefined) as Window);\n        const currentDoc = currentWin.document;\n\n        let targetEl: Element | null = null;\n        if (selector === ':host' || !selector) {\n          targetEl = this as any;\n        } else {\n          targetEl = (this.shadowRoot || (this as any)).querySelector(selector);\n        }\n\n        if (targetEl) {\n          if (typeof res === 'string') {\n            targetEl.textContent = res;\n          } else {\n            const nodes: Node[] = Array.isArray(res) ? res.map(n => (typeof n === 'string' ? currentDoc.createTextNode(n) : n)) : [res as Node];\n            (targetEl as any).replaceChildren(...nodes);\n          }\n        }\n      }\n      return res;\n    };\n  };\n}\n\nexport const getReplaceChildrenMetadata = (target: any): Map<string | symbol, string> | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(REPLACE_CHILDREN_METADATA_KEY, constructor);\n};\n\nexport const findAllReplaceChildrenMetadata = (target: any): Map<string | symbol, string> => {\n  const result = new Map<string | symbol, string>();\n  const maps = ReflectUtils.findAllMetadata<Map<string | symbol, string>>(REPLACE_CHILDREN_METADATA_KEY, target);\n  maps.forEach(map => {\n    if (map instanceof Map) {\n      map.forEach((v, k) => result.set(k, v));\n    }\n  });\n  return result;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA6B;AAC7B,2BAA6C;AAEtC,MAAM,gCAAgC,OAAO,uCAAuC;AAMpF,SAAS,gBAAgB,UAAmC;AACjE,SAAO,CAAC,QAAgB,aAA8B,eAAmC;AACvF,UAAM,cAAc,OAAO;AAC3B,QAAI,OAAO,yBAAa,eAAe,+BAA+B,WAAW;AACjF,QAAI,CAAC,MAAM;AACT,aAAO,oBAAI,IAA6B;AACxC,+BAAa,eAAe,+BAA+B,MAAM,WAAW;AAAA,IAC9E;AACA,SAAK,IAAI,aAAa,QAAQ;AAE9B,UAAM,WAAW,WAAW;AAC5B,eAAW,QAAQ,kBAAmB,MAAa;AACjD,2CAAW,IAAI;AACf,YAAM,MAAM,MAAM,SAAS,MAAM,MAAM,IAAI;AAC3C,UAAI,QAAQ,QAAW;AACrB,cAAM,WAAO,uCAAiB,IAAI;AAClC,cAAM,aAAc,KAAa,iBAAiB,IAAI,MAAO,OAAO,WAAW,cAAc,SAAS;AACtG,cAAM,aAAa,WAAW;AAE9B,YAAI,WAA2B;AAC/B,YAAI,aAAa,WAAW,CAAC,UAAU;AACrC,qBAAW;AAAA,QACb,OAAO;AACL,sBAAY,KAAK,cAAe,MAAc,cAAc,QAAQ;AAAA,QACtE;AAEA,YAAI,UAAU;AACZ,cAAI,OAAO,QAAQ,UAAU;AAC3B,qBAAS,cAAc;AAAA,UACzB,OAAO;AACL,kBAAM,QAAgB,MAAM,QAAQ,GAAG,IAAI,IAAI,IAAI,OAAM,OAAO,MAAM,WAAW,WAAW,eAAe,CAAC,IAAI,CAAE,IAAI,CAAC,GAAW;AAClI,YAAC,SAAiB,gBAAgB,GAAG,KAAK;AAAA,UAC5C;AAAA,QACF;AAAA,MACF;AACA,aAAO;AAAA,IACT;AAAA,EACF;AACF;AAEO,MAAM,6BAA6B,CAAC,WAA0D;AACnG,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,yBAAa,YAAY,+BAA+B,WAAW;AAC5E;AAEO,MAAM,iCAAiC,CAAC,WAA8C;AAC3F,QAAM,SAAS,oBAAI,IAA6B;AAChD,QAAM,OAAO,yBAAa,gBAA8C,+BAA+B,MAAM;AAC7G,OAAK,QAAQ,SAAO;AAClB,QAAI,eAAe,KAAK;AACtB,UAAI,QAAQ,CAAC,GAAG,MAAM,OAAO,IAAI,GAAG,CAAC,CAAC;AAAA,IACxC;AAAA,EACF,CAAC;AACD,SAAO;AACT;",
   "names": []
 }

package/dist/cjs/decorators/setAttribute.js

@@ -23,26 +23,80 @@ __export(setAttribute_exports, {
   setAttribute: () => setAttribute
 });
 module.exports = __toCommonJS(setAttribute_exports);
-var import_ReflectUtils = require("@dooboostore/core/reflect/ReflectUtils");
+var import_core = require("@dooboostore/core");
+var import_elementDefine = require("./elementDefine");
+var import_Utils = require("../utils/Utils");
 const SET_ATTRIBUTE_METADATA_KEY = Symbol("simple-web-component:set-attribute");
-function setAttribute(attributeName) {
-  return (target, propertyKey) => {
+function setAttribute(selector, name, options = {}) {
+  return (target, propertyKey, descriptor) => {
     const constructor = target.constructor;
-    let meta = import_ReflectUtils.ReflectUtils.getOwnMetadata(SET_ATTRIBUTE_METADATA_KEY, constructor);
-    if (!meta) {
-      meta = /* @__PURE__ */ new Map();
-      import_ReflectUtils.ReflectUtils.defineMetadata(SET_ATTRIBUTE_METADATA_KEY, meta, constructor);
+    let metaList = import_core.ReflectUtils.getOwnMetadata(SET_ATTRIBUTE_METADATA_KEY, constructor);
+    if (!metaList) {
+      metaList = /* @__PURE__ */ new Map();
+      import_core.ReflectUtils.defineMetadata(SET_ATTRIBUTE_METADATA_KEY, metaList, constructor);
     }
-    meta.set(attributeName || String(propertyKey), propertyKey);
+    metaList.set(propertyKey, { propertyKey, selector, name, options });
+    const original = descriptor.value;
+    descriptor.value = async function(...args) {
+      (0, import_elementDefine.ensureInit)(this);
+      const res = await original.apply(this, args);
+      if (res !== void 0) {
+        const hostSet = import_Utils.SwcUtils.getHostSet(this);
+        const conf = (0, import_elementDefine.getElementConfig)(this);
+        const currentWin = this._resolveWindow?.(conf) || (typeof window !== "undefined" ? window : void 0);
+        const targetEls = [];
+        const r = options.root || "auto";
+        const applyRoot = (t) => {
+          if (!t) return;
+          if (r === "auto") {
+            targetEls.push(t.shadowRoot || t);
+            return;
+          }
+          if (r === "light" || r === "all") targetEls.push(t);
+          if ((r === "shadow" || r === "all") && t.shadowRoot) targetEls.push(t.shadowRoot);
+        };
+        if (selector === ":window") targetEls.push(currentWin);
+        else if (selector === ":document") targetEls.push(currentWin.document);
+        else if (selector === ":parentHost") applyRoot(hostSet.$parentHost);
+        else if (selector === ":appHost") applyRoot(hostSet.$appHost);
+        else if (selector === ":firstHost") applyRoot(hostSet.$firstHost);
+        else if (selector === ":lastHost") applyRoot(hostSet.$lastHost);
+        else if (selector === ":firstAppHost") applyRoot(hostSet.$firstAppHost);
+        else if (selector === ":lastAppHost") applyRoot(hostSet.$lastAppHost);
+        else if (selector === ":hosts") hostSet.$hosts.forEach(applyRoot);
+        else if (selector === ":appHosts") hostSet.$appHosts.forEach(applyRoot);
+        else if (selector === ":host" || !selector) applyRoot(this);
+        else {
+          const roots = [];
+          if (r === "shadow") {
+            if (this.shadowRoot) roots.push(this.shadowRoot);
+          } else if (r === "light") {
+            roots.push(this);
+          } else if (r === "all") {
+            roots.push(this);
+            if (this.shadowRoot) roots.push(this.shadowRoot);
+          } else {
+            roots.push(this.shadowRoot || this);
+          }
+          roots.forEach((root) => targetEls.push(...root.querySelectorAll(selector)));
+        }
+        targetEls.forEach((targetEl) => {
+          if (!targetEl || typeof targetEl.setAttribute !== "function") return;
+          if (res === null) targetEl.removeAttribute(name);
+          else targetEl.setAttribute(name, String(res));
+        });
+      }
+      return res;
+    };
   };
 }
 const getSetAttributeMetadata = (target) => {
   const constructor = target instanceof Function ? target : target.constructor;
-  return import_ReflectUtils.ReflectUtils.getMetadata(SET_ATTRIBUTE_METADATA_KEY, constructor);
+  return import_core.ReflectUtils.getMetadata(SET_ATTRIBUTE_METADATA_KEY, constructor);
 };
 const findAllSetAttributeMetadata = (target) => {
   const result = /* @__PURE__ */ new Map();
-  const maps = import_ReflectUtils.ReflectUtils.findAllMetadata(SET_ATTRIBUTE_METADATA_KEY, target);
+  const maps = import_core.ReflectUtils.findAllMetadata(SET_ATTRIBUTE_METADATA_KEY, target);
   maps.forEach((map) => {
     if (map instanceof Map) {
       map.forEach((v, k) => result.set(k, v));

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/setAttribute.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\n\nexport const SET_ATTRIBUTE_METADATA_KEY = Symbol('simple-web-component:set-attribute');\n\nexport function setAttribute(attributeName?: string): MethodDecorator {\n  return (target: Object, propertyKey: string | symbol) => {\n    const constructor = target.constructor;\n    let meta = ReflectUtils.getOwnMetadata(SET_ATTRIBUTE_METADATA_KEY, constructor) as Map<string, string | symbol>;\n    if (!meta) {\n      meta = new Map<string, string | symbol>();\n      ReflectUtils.defineMetadata(SET_ATTRIBUTE_METADATA_KEY, meta, constructor);\n    }\n    meta.set(attributeName || String(propertyKey), propertyKey);\n  };\n}\n\nexport const getSetAttributeMetadata = (target: any): Map<string, string | symbol> | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(SET_ATTRIBUTE_METADATA_KEY, constructor);\n};\n\nexport const findAllSetAttributeMetadata = (target: any): Map<string, string | symbol> => {\n  const result = new Map<string, string | symbol>();\n  const maps = ReflectUtils.findAllMetadata<any>(SET_ATTRIBUTE_METADATA_KEY, target);\n  maps.forEach(map => {\n    if (map instanceof Map) {\n      map.forEach((v, k) => result.set(k, v));\n    }\n  });\n  return result;\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA6B;AAEtB,MAAM,6BAA6B,OAAO,oCAAoC;AAE9E,SAAS,aAAa,eAAyC;AACpE,SAAO,CAAC,QAAgB,gBAAiC;AACvD,UAAM,cAAc,OAAO;AAC3B,QAAI,OAAO,iCAAa,eAAe,4BAA4B,WAAW;AAC9E,QAAI,CAAC,MAAM;AACT,aAAO,oBAAI,IAA6B;AACxC,uCAAa,eAAe,4BAA4B,MAAM,WAAW;AAAA,IAC3E;AACA,SAAK,IAAI,iBAAiB,OAAO,WAAW,GAAG,WAAW;AAAA,EAC5D;AACF;AAEO,MAAM,0BAA0B,CAAC,WAA0D;AAChG,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,iCAAa,YAAY,4BAA4B,WAAW;AACzE;AAEO,MAAM,8BAA8B,CAAC,WAA8C;AACxF,QAAM,SAAS,oBAAI,IAA6B;AAChD,QAAM,OAAO,iCAAa,gBAAqB,4BAA4B,MAAM;AACjF,OAAK,QAAQ,SAAO;AAClB,QAAI,eAAe,KAAK;AACtB,UAAI,QAAQ,CAAC,GAAG,MAAM,OAAO,IAAI,GAAG,CAAC,CAAC;AAAA,IACxC;AAAA,EACF,CAAC;AACD,SAAO;AACT;",
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { ensureInit, getElementConfig } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { SwcQueryOptions } from '../types';\n\nexport interface SetAttributeMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  name: string;\n  options: SwcQueryOptions;\n}\n\nexport const SET_ATTRIBUTE_METADATA_KEY = Symbol('simple-web-component:set-attribute');\n\n/**\n * @setAttribute decorator to surgically update an attribute of a target element.\n * Usage: @setAttribute(':host', 'count')\n * Usage: @setAttribute('#child', 'disabled')\n */\nexport function setAttribute(selector: string, name: string): MethodDecorator;\nexport function setAttribute(selector: string, name: string, options?: SwcQueryOptions): MethodDecorator;\nexport function setAttribute(selector: string, name: string, options: SwcQueryOptions = {}): MethodDecorator {\n  return (target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n    const constructor = target.constructor;\n    let metaList = ReflectUtils.getOwnMetadata(SET_ATTRIBUTE_METADATA_KEY, constructor) as Map<string | symbol, SetAttributeMetadata>;\n    if (!metaList) {\n      metaList = new Map<string | symbol, SetAttributeMetadata>();\n      ReflectUtils.defineMetadata(SET_ATTRIBUTE_METADATA_KEY, metaList, constructor);\n    }\n    metaList.set(propertyKey, { propertyKey, selector, name, options });\n\n    const original = descriptor.value;\n    descriptor.value = async function (...args: any[]) {\n      ensureInit(this);\n      const res = await original.apply(this, args);\n      if (res !== undefined) {\n        const hostSet = SwcUtils.getHostSet(this as any);\n        const conf = getElementConfig(this);\n        const currentWin = (this as any)._resolveWindow?.(conf) || ((typeof window !== 'undefined' ? window : undefined) as Window);\n\n        const targetEls: any[] = [];\n        const r = options.root || 'auto';\n\n        const applyRoot = (t: any) => {\n          if (!t) return;\n          if (r === 'auto') {\n            targetEls.push((t as any).shadowRoot || t);\n            return;\n          }\n          if (r === 'light' || r === 'all') targetEls.push(t);\n          if ((r === 'shadow' || r === 'all') && (t as any).shadowRoot) targetEls.push((t as any).shadowRoot);\n        };\n\n        if (selector === ':window') targetEls.push(currentWin);\n        else if (selector === ':document') targetEls.push(currentWin.document as any);\n        else if (selector === ':parentHost') applyRoot(hostSet.$parentHost);\n        else if (selector === ':appHost') applyRoot(hostSet.$appHost);\n        else if (selector === ':firstHost') applyRoot(hostSet.$firstHost);\n        else if (selector === ':lastHost') applyRoot(hostSet.$lastHost);\n        else if (selector === ':firstAppHost') applyRoot(hostSet.$firstAppHost);\n        else if (selector === ':lastAppHost') applyRoot(hostSet.$lastAppHost);\n        else if (selector === ':hosts') hostSet.$hosts.forEach(applyRoot);\n        else if (selector === ':appHosts') hostSet.$appHosts.forEach(applyRoot);\n        else if (selector === ':host' || !selector) applyRoot(this);\n        else {\n          const roots: any[] = [];\n          if (r === 'shadow') {\n            if ((this as any).shadowRoot) roots.push((this as any).shadowRoot);\n          } else if (r === 'light') {\n            roots.push(this as any);\n          } else if (r === 'all') {\n            roots.push(this as any);\n            if ((this as any).shadowRoot) roots.push((this as any).shadowRoot);\n          } else {\n            roots.push((this as any).shadowRoot || (this as any));\n          }\n          roots.forEach(root => targetEls.push(...root.querySelectorAll(selector)));\n        }\n\n        targetEls.forEach(targetEl => {\n          if (!targetEl || typeof (targetEl as any).setAttribute !== 'function') return;\n          if (res === null) (targetEl as any).removeAttribute(name);\n          else (targetEl as any).setAttribute(name, String(res));\n        })\n      }\n      return res;\n    };\n  };\n}\n\nexport const getSetAttributeMetadata = (target: any): Map<string | symbol, SetAttributeMetadata> | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(SET_ATTRIBUTE_METADATA_KEY, constructor);\n};\n\nexport const findAllSetAttributeMetadata = (target: any): Map<string | symbol, SetAttributeMetadata> => {\n  const result = new Map<string | symbol, SetAttributeMetadata>();\n  const maps = ReflectUtils.findAllMetadata<Map<string | symbol, SetAttributeMetadata>>(SET_ATTRIBUTE_METADATA_KEY, target);\n  maps.forEach(map => {\n    if (map instanceof Map) {\n      map.forEach((v, k) => result.set(k, v));\n    }\n  });\n  return result;\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/decorators/style.js

@@ -0,0 +1,88 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var style_exports = {};
+__export(style_exports, {
+  STYLE_METADATA_KEY: () => STYLE_METADATA_KEY,
+  findAllStyleMetadata: () => findAllStyleMetadata,
+  removeStyle: () => removeStyle,
+  setStyle: () => setStyle,
+  updateStyle: () => updateStyle
+});
+module.exports = __toCommonJS(style_exports);
+var import_core = require("@dooboostore/core");
+var import_elementDefine = require("./elementDefine");
+var import_Utils = require("../utils/Utils");
+const STYLE_METADATA_KEY = Symbol("simple-web-component:style");
+function createStyleDecorator(action) {
+  return (selector) => {
+    return (target, propertyKey, descriptor) => {
+      const constructor = target.constructor;
+      let metaList = import_core.ReflectUtils.getOwnMetadata(STYLE_METADATA_KEY, constructor);
+      if (!metaList) {
+        metaList = /* @__PURE__ */ new Map();
+        import_core.ReflectUtils.defineMetadata(STYLE_METADATA_KEY, metaList, constructor);
+      }
+      metaList.set(propertyKey, { propertyKey, selector, action });
+      const original = descriptor.value;
+      descriptor.value = async function(...args) {
+        (0, import_elementDefine.ensureInit)(this);
+        const res = await original.apply(this, args);
+        if (res !== void 0) {
+          const hostSet = import_Utils.SwcUtils.getHostSet(this);
+          let targetEl = null;
+          if (selector === ":host" || !selector) targetEl = this;
+          else if (selector === ":parentHost") targetEl = hostSet.$parentHost;
+          else if (selector === ":appHost") targetEl = hostSet.$appHost;
+          else targetEl = (this.shadowRoot || this).querySelector(selector);
+          if (targetEl) {
+            if (action === "set") {
+              targetEl.style.cssText = "";
+              if (typeof res === "object" && res !== null) {
+                Object.assign(targetEl.style, res);
+              } else if (typeof res === "string") {
+                targetEl.style.cssText = res;
+              }
+            } else if (action === "update") {
+              if (typeof res === "object" && res !== null) {
+                Object.assign(targetEl.style, res);
+              }
+            } else if (action === "remove") {
+              const props = Array.isArray(res) ? res : [res];
+              props.forEach((p) => targetEl.style.removeProperty(String(p)));
+            }
+          }
+        }
+        return res;
+      };
+    };
+  };
+}
+const setStyle = createStyleDecorator("set");
+const updateStyle = createStyleDecorator("update");
+const removeStyle = createStyleDecorator("remove");
+const findAllStyleMetadata = (target) => {
+  const result = /* @__PURE__ */ new Map();
+  const maps = import_core.ReflectUtils.findAllMetadata(STYLE_METADATA_KEY, target);
+  maps.forEach((map) => {
+    if (map instanceof Map) {
+      map.forEach((v, k) => result.set(k, v));
+    }
+  });
+  return result;
+};
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/decorators/style.ts"],
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { ensureInit } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\n\nexport type StyleAction = 'set' | 'update' | 'remove';\n\nexport interface StyleMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  action: StyleAction;\n}\n\nexport const STYLE_METADATA_KEY = Symbol('simple-web-component:style');\n\nfunction createStyleDecorator(action: StyleAction) {\n  return (selector: string): MethodDecorator => {\n    return (target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n      const constructor = target.constructor;\n      let metaList = ReflectUtils.getOwnMetadata(STYLE_METADATA_KEY, constructor) as Map<string | symbol, StyleMetadata>;\n      if (!metaList) {\n        metaList = new Map<string | symbol, StyleMetadata>();\n        ReflectUtils.defineMetadata(STYLE_METADATA_KEY, metaList, constructor);\n      }\n      metaList.set(propertyKey, { propertyKey, selector, action });\n\n      const original = descriptor.value;\n      descriptor.value = async function (...args: any[]) {\n        ensureInit(this);\n        const res = await original.apply(this, args);\n        if (res !== undefined) {\n          const hostSet = SwcUtils.getHostSet(this as any);\n          let targetEl: HTMLElement | null = null;\n          if (selector === ':host' || !selector) targetEl = this as any;\n          else if (selector === ':parentHost') targetEl = hostSet.$parentHost;\n          else if (selector === ':appHost') targetEl = hostSet.$appHost;\n          else targetEl = (this.shadowRoot || (this as any)).querySelector(selector);\n\n          if (targetEl) {\n            if (action === 'set') {\n              targetEl.style.cssText = '';\n              if (typeof res === 'object' && res !== null) {\n                Object.assign(targetEl.style, res);\n              } else if (typeof res === 'string') {\n                targetEl.style.cssText = res;\n              }\n            } else if (action === 'update') {\n              if (typeof res === 'object' && res !== null) {\n                Object.assign(targetEl.style, res);\n              }\n            } else if (action === 'remove') {\n              const props = Array.isArray(res) ? res : [res];\n              props.forEach(p => targetEl!.style.removeProperty(String(p)));\n            }\n          }\n        }\n        return res;\n      };\n    };\n  };\n}\n\n/**\n * @setStyle decorator to surgically set styles on a target element (replaces all existing styles).\n * Usage: @setStyle('#box') getStyles() { return { color: 'red', display: 'block' }; }\n */\nexport const setStyle = createStyleDecorator('set');\n\n/**\n * @updateStyle decorator to surgically update styles on a target element (merges with existing styles).\n * Usage: @updateStyle('#box') updateStyles() { return { color: 'blue' }; }\n */\nexport const updateStyle = createStyleDecorator('update');\n\n/**\n * @removeStyle decorator to surgically remove styles from a target element.\n * Usage: @removeStyle('#box') clearStyles() { return ['color', 'display']; }\n */\nexport const removeStyle = createStyleDecorator('remove');\n\nexport const findAllStyleMetadata = (target: any): Map<string | symbol, StyleMetadata> => {\n  const result = new Map<string | symbol, StyleMetadata>();\n  const maps = ReflectUtils.findAllMetadata<Map<string | symbol, StyleMetadata>>(STYLE_METADATA_KEY, target);\n  maps.forEach(map => {\n    if (map instanceof Map) {\n      map.forEach((v, k) => result.set(k, v));\n    }\n  });\n  return result;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA6B;AAC7B,2BAA2B;AAC3B,mBAAyB;AAUlB,MAAM,qBAAqB,OAAO,4BAA4B;AAErE,SAAS,qBAAqB,QAAqB;AACjD,SAAO,CAAC,aAAsC;AAC5C,WAAO,CAAC,QAAgB,aAA8B,eAAmC;AACvF,YAAM,cAAc,OAAO;AAC3B,UAAI,WAAW,yBAAa,eAAe,oBAAoB,WAAW;AAC1E,UAAI,CAAC,UAAU;AACb,mBAAW,oBAAI,IAAoC;AACnD,iCAAa,eAAe,oBAAoB,UAAU,WAAW;AAAA,MACvE;AACA,eAAS,IAAI,aAAa,EAAE,aAAa,UAAU,OAAO,CAAC;AAE3D,YAAM,WAAW,WAAW;AAC5B,iBAAW,QAAQ,kBAAmB,MAAa;AACjD,6CAAW,IAAI;AACf,cAAM,MAAM,MAAM,SAAS,MAAM,MAAM,IAAI;AAC3C,YAAI,QAAQ,QAAW;AACrB,gBAAM,UAAU,sBAAS,WAAW,IAAW;AAC/C,cAAI,WAA+B;AACnC,cAAI,aAAa,WAAW,CAAC,SAAU,YAAW;AAAA,mBACzC,aAAa,cAAe,YAAW,QAAQ;AAAA,mBAC/C,aAAa,WAAY,YAAW,QAAQ;AAAA,cAChD,aAAY,KAAK,cAAe,MAAc,cAAc,QAAQ;AAEzE,cAAI,UAAU;AACZ,gBAAI,WAAW,OAAO;AACpB,uBAAS,MAAM,UAAU;AACzB,kBAAI,OAAO,QAAQ,YAAY,QAAQ,MAAM;AAC3C,uBAAO,OAAO,SAAS,OAAO,GAAG;AAAA,cACnC,WAAW,OAAO,QAAQ,UAAU;AAClC,yBAAS,MAAM,UAAU;AAAA,cAC3B;AAAA,YACF,WAAW,WAAW,UAAU;AAC9B,kBAAI,OAAO,QAAQ,YAAY,QAAQ,MAAM;AAC3C,uBAAO,OAAO,SAAS,OAAO,GAAG;AAAA,cACnC;AAAA,YACF,WAAW,WAAW,UAAU;AAC9B,oBAAM,QAAQ,MAAM,QAAQ,GAAG,IAAI,MAAM,CAAC,GAAG;AAC7C,oBAAM,QAAQ,OAAK,SAAU,MAAM,eAAe,OAAO,CAAC,CAAC,CAAC;AAAA,YAC9D;AAAA,UACF;AAAA,QACF;AACA,eAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF;AAMO,MAAM,WAAW,qBAAqB,KAAK;AAM3C,MAAM,cAAc,qBAAqB,QAAQ;AAMjD,MAAM,cAAc,qBAAqB,QAAQ;AAEjD,MAAM,uBAAuB,CAAC,WAAqD;AACxF,QAAM,SAAS,oBAAI,IAAoC;AACvD,QAAM,OAAO,yBAAa,gBAAqD,oBAAoB,MAAM;AACzG,OAAK,QAAQ,SAAO;AAClB,QAAI,eAAe,KAAK;AACtB,UAAI,QAAQ,CAAC,GAAG,MAAM,OAAO,IAAI,GAAG,CAAC,CAAC;AAAA,IACxC;AAAA,EACF,CAAC;AACD,SAAO;AACT;",
+  "names": []
+}

package/dist/cjs/elements/SwcAppEngine.js

@@ -21,35 +21,50 @@ __export(SwcAppEngine_exports, {
 });
 module.exports = __toCommonJS(SwcAppEngine_exports);
 var import_SimpleApplication = require("@dooboostore/simple-boot/SimpleApplication");
-var import_PathRouter = require("@dooboostore/core-web/routers/PathRouter");
-var import_HashRouter = require("@dooboostore/core-web/routers/HashRouter");
+var import_core_web = require("@dooboostore/core-web");
+var import_core_web2 = require("@dooboostore/core-web");
 var import_ElementRouter = require("../router/ElementRouter");
 var import_SimOption = require("@dooboostore/simple-boot/SimOption");
-var import_Router = require("@dooboostore/core-web/routers/Router");
-var import_FunctionUtils = require("@dooboostore/core/function/FunctionUtils");
+var import_core_web3 = require("@dooboostore/core-web");
+var import_core3 = require("@dooboostore/core");
+var import_Utils = require("../utils/Utils");
 class SwcAppEngine {
   constructor(host) {
     this.host = host;
     this._isInitialized = false;
   }
-  async connect() {
+  async connect(config) {
     if (this._isInitialized) return;
+    let userConfig = config;
+    const win = this.host.ownerDocument?.defaultView || window;
+    const Node = win.Node;
+    if (!userConfig) {
+      const configStr = this.host.getAttribute("swc-get-application-config");
+      if (configStr) {
+        try {
+          userConfig = import_core3.FunctionUtils.executeReturn({
+            script: configStr,
+            context: this.host,
+            args: import_Utils.SwcUtils.getHelperAndHostSet(win, this.host)
+          });
+        } catch (e) {
+          console.error("[SWC-APP-ENGINE] Script execution failed:", e);
+        }
+      }
+    }
+    if (!userConfig) return;
     this._isInitialized = true;
-    await new Promise((resolve) => setTimeout(resolve, 0));
-    const configStr = this.host.getAttribute("swc-get-application-config");
-    if (!configStr) return;
     try {
-      const userConfig = import_FunctionUtils.FunctionUtils.executeReturn({ script: configStr, context: this.host });
-      if (userConfig && userConfig.rootRouter) {
+      if (userConfig.rootRouter) {
         const _config = {
           routeType: "element",
-          window,
+          window: win,
           ...userConfig
         };
         if (_config.routeType === "path") {
-          this.router = new import_PathRouter.PathRouter({ window: _config.window, firstUrl: _config.path });
+          this.router = new import_core_web.PathRouter({ window: _config.window, firstUrl: _config.path });
         } else if (_config.routeType === "hash") {
-          this.router = new import_HashRouter.HashRouter({ window: _config.window, firstUrl: _config.path });
+          this.router = new import_core_web2.HashRouter({ window: _config.window, firstUrl: _config.path });
         } else if (_config.routeType === "element") {
           this.router = new import_ElementRouter.ElementRouter({ window: _config.window, firstUrl: _config.path });
         }
@@ -62,14 +77,14 @@ class SwcAppEngine {
         }
         this.simpleApplication = new import_SimpleApplication.SimpleApplication(new import_SimOption.SimOption({ excludeProxys: [Node], rootRouter: _config.rootRouter }));
         const otherInstanceSim = /* @__PURE__ */ new Map();
-        if (this.router) otherInstanceSim.set(import_Router.Router, this.router);
+        if (this.router) otherInstanceSim.set(import_core_web3.Router, this.router);
         this.simpleApplication.run(otherInstanceSim);
         const data = this.simpleApplication.sim(_config.rootRouter);
         if (data instanceof Node) {
           if (this.host.shadowRoot) this.host.shadowRoot.replaceChildren(data);
           else this.host.replaceChildren(data);
         }
-        if (_config.path) await this.router?.go(_config.path);
+        if (_config.path) this.router?.go(_config.path);
       }
     } catch (e) {
       console.error("[SWC-APP-ENGINE] Init failed:", e);