@dooboostore/simple-web-component 1.0.16 → 1.0.18

package/dist/cjs/decorators/query.js

@@ -23,6 +23,8 @@ __export(query_exports, {
 });
 module.exports = __toCommonJS(query_exports);
 var import_ReflectUtils = require("@dooboostore/core/reflect/ReflectUtils");
+var import_elementDefine = require("./elementDefine");
+var import_Utils = require("../utils/Utils");
 const QUERY_METADATA_KEY = Symbol("simple-web-component:query");
 function query(selector, options = {}) {
   return (target, propertyKey, descriptor) => {
@@ -38,6 +40,26 @@ function query(selector, options = {}) {
     queries.push({ selector, options, propertyKey });
     Object.defineProperty(target, propertyKey, {
       get() {
+        const hostSet = import_Utils.SwcUtils.getHostSet(this);
+        if (selector === ":parentHost")
+          return hostSet.$parentHost;
+        if (selector === ":appHost")
+          return hostSet.$appHost;
+        if (selector === ":firstHost")
+          return hostSet.$firstHost;
+        if (selector === ":lastHost")
+          return hostSet.$lastHost;
+        if (selector === ":firstAppHost")
+          return hostSet.$firstAppHost;
+        if (selector === ":lastAppHost")
+          return hostSet.$lastAppHost;
+        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";
@@ -52,6 +74,22 @@ function query(selector, options = {}) {
         }
         return (this.shadowRoot || this).querySelector(selector);
       },
+      set(nv) {
+        if (nv === null || nv === void 0) {
+          const r = options.root || "auto";
+          let targetEl = null;
+          if (r === "shadow")
+            targetEl = this.shadowRoot ? this.shadowRoot.querySelector(selector) : null;
+          else if (r === "light")
+            targetEl = this.querySelector(selector);
+          else if (r === "all")
+            targetEl = this.shadowRoot?.querySelector(selector) || this.querySelector(selector);
+          else
+            targetEl = (this.shadowRoot || this).querySelector(selector);
+          if (targetEl)
+            targetEl.remove();
+        }
+      },
       enumerable: true,
       configurable: true
     });

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';\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 * Usage: @query('.my-class') myEl!: HTMLElement;\n * Usage: @query('#my-id', { root: 'shadow' }) myEl!: HTMLElement;\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        if (!selector || selector === ':host') return this;\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      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;AAYtB,MAAM,qBAAqB,OAAO,4BAA4B;AAO/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;AACD,YAAI,CAAC,YAAY,aAAa;AAAS,iBAAO;AAC9C,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,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/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;",
   "names": []
 }

package/dist/cjs/decorators/queryAll.js

@@ -23,6 +23,8 @@ __export(queryAll_exports, {
 });
 module.exports = __toCommonJS(queryAll_exports);
 var import_ReflectUtils = require("@dooboostore/core/reflect/ReflectUtils");
+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) => {
@@ -38,6 +40,18 @@ function queryAll(selector, options = {}) {
     queries.push({ selector, options, propertyKey });
     Object.defineProperty(target, propertyKey, {
       get() {
+        const hostSet = import_Utils.SwcUtils.getHostSet(this);
+        if (selector === ":hosts")
+          return hostSet.$hosts;
+        if (selector === ":appHosts")
+          return 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";
@@ -55,6 +69,24 @@ function queryAll(selector, options = {}) {
         const root = this.shadowRoot || this;
         return root.querySelectorAll(selector);
       },
+      set(nv) {
+        if (nv === null || nv === void 0 || Array.isArray(nv) && nv.length === 0) {
+          const r = options.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
     });

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';\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 * Usage: @queryAll('.items') list!: NodeListOf<HTMLElement>;\n * Usage: @queryAll('li', { root: 'shadow' }) list!: HTMLElement[];\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        if (!selector || selector === ':host') return [this];\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      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;AAYtB,MAAM,yBAAyB,OAAO,gCAAgC;AAOvE,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;AACD,YAAI,CAAC,YAAY,aAAa;AAAS,iBAAO,CAAC,IAAI;AACnD,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,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/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;",
   "names": []
 }

package/dist/cjs/decorators/replaceChildren.js

@@ -0,0 +1,53 @@
+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 replaceChildren_exports = {};
+__export(replaceChildren_exports, {
+  REPLACE_CHILDREN_METADATA_KEY: () => REPLACE_CHILDREN_METADATA_KEY,
+  findAllReplaceChildrenMetadata: () => findAllReplaceChildrenMetadata,
+  getReplaceChildrenMetadata: () => getReplaceChildrenMetadata,
+  replaceChildren: () => replaceChildren
+});
+module.exports = __toCommonJS(replaceChildren_exports);
+var import_ReflectUtils = require("@dooboostore/core/reflect/ReflectUtils");
+const REPLACE_CHILDREN_METADATA_KEY = Symbol("simple-web-component:replace-children");
+function replaceChildren(selector) {
+  return (target, propertyKey) => {
+    const constructor = target.constructor;
+    let meta = import_ReflectUtils.ReflectUtils.getOwnMetadata(REPLACE_CHILDREN_METADATA_KEY, constructor);
+    if (!meta) {
+      meta = /* @__PURE__ */ new Map();
+      import_ReflectUtils.ReflectUtils.defineMetadata(REPLACE_CHILDREN_METADATA_KEY, meta, constructor);
+    }
+    meta.set(propertyKey, selector);
+  };
+}
+const getReplaceChildrenMetadata = (target) => {
+  const constructor = target instanceof Function ? target : target.constructor;
+  return import_ReflectUtils.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);
+  maps.forEach((map) => {
+    if (map instanceof Map) {
+      map.forEach((v, k) => result.set(k, v));
+    }
+  });
+  return result;
+};
+//# sourceMappingURL=replaceChildren.js.map

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

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

package/dist/cjs/elements/SwcAppEngine.js

@@ -26,6 +26,7 @@ var import_HashRouter = require("@dooboostore/core-web/routers/HashRouter");
 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");
 class SwcAppEngine {
   constructor(host) {
     this.host = host;
@@ -38,7 +39,7 @@ class SwcAppEngine {
     const configStr = this.host.getAttribute("swc-get-application-config");
     if (!configStr) return;
     try {
-      const userConfig = new Function(`return ${configStr}`).apply(this.host);
+      const userConfig = import_FunctionUtils.FunctionUtils.executeReturn({ script: configStr, context: this.host });
       if (userConfig && userConfig.rootRouter) {
         const _config = {
           routeType: "element",

package/dist/cjs/elements/SwcAppEngine.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/SwcAppEngine.ts"],
-  "sourcesContent": ["import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { PathRouter } from '@dooboostore/core-web/routers/PathRouter';\nimport { HashRouter } from '@dooboostore/core-web/routers/HashRouter';\nimport { ElementRouter } from '../router/ElementRouter';\nimport { SimOption } from '@dooboostore/simple-boot/SimOption';\nimport { Router, RouterEventType } from '@dooboostore/core-web/routers/Router';\nimport { Subscription } from '@dooboostore/core/message/Subscription';\nimport { ConstructorType, Optional } from '@dooboostore/core/types';\n\nexport type SwcConfigType = {\n  rootRouter: ConstructorType<any>;\n  routeType: 'path' | 'hash' | 'element';\n  path?: string;\n  window: Window;\n};\n\nexport type SwcAttributeConfigType = Optional<SwcConfigType, 'routeType' | 'window'>;\n\nexport class SwcAppEngine {\n  public simpleApplication?: SimpleApplication;\n  public router?: Router;\n  private routerSubscription?: Subscription;\n  private _isInitialized = false;\n\n  constructor(private host: HTMLElement) {}\n\n  async connect() {\n    if (this._isInitialized) return;\n    this._isInitialized = true;\n\n    // Wait for event loop to ensure attributes and global scripts are ready\n    await new Promise(resolve => setTimeout(resolve, 0));\n\n    const configStr = this.host.getAttribute('swc-get-application-config');\n    if (!configStr) return;\n\n    try {\n      const userConfig: SwcAttributeConfigType = new Function(`return ${configStr}`).apply(this.host);\n      if (userConfig && userConfig.rootRouter) {\n        const _config: SwcConfigType = {\n          routeType: 'element',\n          window: window,\n          ...userConfig\n        } as SwcConfigType;\n\n        // Router Selection\n        if (_config.routeType === 'path') {\n          this.router = new PathRouter({ window: _config.window, firstUrl: _config.path });\n        } else if (_config.routeType === 'hash') {\n          this.router = new HashRouter({ window: _config.window, firstUrl: _config.path });\n        } else if (_config.routeType === 'element') {\n          this.router = new ElementRouter({ window: _config.window, firstUrl: _config.path });\n        }\n\n        // Routing sync\n        if (this.router) {\n          this.routerSubscription = this.router.observable.subscribe((route: RouterEventType) => {\n            if (route.triggerPoint === 'end') {\n              this.simpleApplication?.routing(route.path);\n            }\n          });\n        }\n\n        // App start\n        this.simpleApplication = new SimpleApplication(new SimOption({ excludeProxys: [Node], rootRouter: _config.rootRouter }));\n\n        const otherInstanceSim = new Map<any, any>();\n        if (this.router) otherInstanceSim.set(Router, this.router);\n        this.simpleApplication.run(otherInstanceSim);\n\n        // Rendering\n        const data = this.simpleApplication.sim(_config.rootRouter);\n        if (data instanceof Node) {\n          if (this.host.shadowRoot) this.host.shadowRoot.replaceChildren(data);\n          else this.host.replaceChildren(data);\n        }\n\n        if (_config.path) await this.router?.go(_config.path);\n      }\n    } catch (e) {\n      console.error('[SWC-APP-ENGINE] Init failed:', e);\n    }\n  }\n\n  disconnect() {\n    this.routerSubscription?.unsubscribe();\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAAkC;AAClC,wBAA2B;AAC3B,wBAA2B;AAC3B,2BAA8B;AAC9B,uBAA0B;AAC1B,oBAAwC;AAajC,MAAM,aAAa;AAAA,EAMxB,YAAoB,MAAmB;AAAnB;AAFpB,SAAQ,iBAAiB;AAAA,EAEe;AAAA,EAExC,MAAM,UAAU;AACd,QAAI,KAAK,eAAgB;AACzB,SAAK,iBAAiB;AAGtB,UAAM,IAAI,QAAQ,aAAW,WAAW,SAAS,CAAC,CAAC;AAEnD,UAAM,YAAY,KAAK,KAAK,aAAa,4BAA4B;AACrE,QAAI,CAAC,UAAW;AAEhB,QAAI;AACF,YAAM,aAAqC,IAAI,SAAS,UAAU,SAAS,EAAE,EAAE,MAAM,KAAK,IAAI;AAC9F,UAAI,cAAc,WAAW,YAAY;AACvC,cAAM,UAAyB;AAAA,UAC7B,WAAW;AAAA,UACX;AAAA,UACA,GAAG;AAAA,QACL;AAGA,YAAI,QAAQ,cAAc,QAAQ;AAChC,eAAK,SAAS,IAAI,6BAAW,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAK,CAAC;AAAA,QACjF,WAAW,QAAQ,cAAc,QAAQ;AACvC,eAAK,SAAS,IAAI,6BAAW,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAK,CAAC;AAAA,QACjF,WAAW,QAAQ,cAAc,WAAW;AAC1C,eAAK,SAAS,IAAI,mCAAc,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAK,CAAC;AAAA,QACpF;AAGA,YAAI,KAAK,QAAQ;AACf,eAAK,qBAAqB,KAAK,OAAO,WAAW,UAAU,CAAC,UAA2B;AACrF,gBAAI,MAAM,iBAAiB,OAAO;AAChC,mBAAK,mBAAmB,QAAQ,MAAM,IAAI;AAAA,YAC5C;AAAA,UACF,CAAC;AAAA,QACH;AAGA,aAAK,oBAAoB,IAAI,2CAAkB,IAAI,2BAAU,EAAE,eAAe,CAAC,IAAI,GAAG,YAAY,QAAQ,WAAW,CAAC,CAAC;AAEvH,cAAM,mBAAmB,oBAAI,IAAc;AAC3C,YAAI,KAAK,OAAQ,kBAAiB,IAAI,sBAAQ,KAAK,MAAM;AACzD,aAAK,kBAAkB,IAAI,gBAAgB;AAG3C,cAAM,OAAO,KAAK,kBAAkB,IAAI,QAAQ,UAAU;AAC1D,YAAI,gBAAgB,MAAM;AACxB,cAAI,KAAK,KAAK,WAAY,MAAK,KAAK,WAAW,gBAAgB,IAAI;AAAA,cAC9D,MAAK,KAAK,gBAAgB,IAAI;AAAA,QACrC;AAEA,YAAI,QAAQ,KAAM,OAAM,KAAK,QAAQ,GAAG,QAAQ,IAAI;AAAA,MACtD;AAAA,IACF,SAAS,GAAG;AACV,cAAQ,MAAM,iCAAiC,CAAC;AAAA,IAClD;AAAA,EACF;AAAA,EAEA,aAAa;AACX,SAAK,oBAAoB,YAAY;AAAA,EACvC;AACF;",
+  "sourcesContent": ["import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { PathRouter } from '@dooboostore/core-web/routers/PathRouter';\nimport { HashRouter } from '@dooboostore/core-web/routers/HashRouter';\nimport { ElementRouter } from '../router/ElementRouter';\nimport { SimOption } from '@dooboostore/simple-boot/SimOption';\nimport { Router, RouterEventType } from '@dooboostore/core-web/routers/Router';\nimport { Subscription } from '@dooboostore/core/message/Subscription';\nimport { ConstructorType, Optional } from '@dooboostore/core/types';\nimport { FunctionUtils } from '@dooboostore/core/function/FunctionUtils';\n\nexport type SwcConfigType = {\n  rootRouter: ConstructorType<any>;\n  routeType: 'path' | 'hash' | 'element';\n  path?: string;\n  window: Window;\n};\n\nexport type SwcAttributeConfigType = Optional<SwcConfigType, 'routeType' | 'window'>;\n\nexport class SwcAppEngine {\n  public simpleApplication?: SimpleApplication;\n  public router?: Router;\n  private routerSubscription?: Subscription;\n  private _isInitialized = false;\n\n  constructor(private host: HTMLElement) {}\n\n  async connect() {\n    if (this._isInitialized) return;\n    this._isInitialized = true;\n\n    // Wait for event loop to ensure attributes and global scripts are ready\n    await new Promise(resolve => setTimeout(resolve, 0));\n\n    const configStr = this.host.getAttribute('swc-get-application-config');\n    if (!configStr) return;\n\n    try {\n      const userConfig: SwcAttributeConfigType = FunctionUtils.executeReturn({ script: configStr, context: this.host });\n      if (userConfig && userConfig.rootRouter) {\n        const _config: SwcConfigType = {\n          routeType: 'element',\n          window: window,\n          ...userConfig\n        } as SwcConfigType;\n\n        // Router Selection\n        if (_config.routeType === 'path') {\n          this.router = new PathRouter({ window: _config.window, firstUrl: _config.path });\n        } else if (_config.routeType === 'hash') {\n          this.router = new HashRouter({ window: _config.window, firstUrl: _config.path });\n        } else if (_config.routeType === 'element') {\n          this.router = new ElementRouter({ window: _config.window, firstUrl: _config.path });\n        }\n\n        // Routing sync\n        if (this.router) {\n          this.routerSubscription = this.router.observable.subscribe((route: RouterEventType) => {\n            if (route.triggerPoint === 'end') {\n              this.simpleApplication?.routing(route.path);\n            }\n          });\n        }\n\n        // App start\n        this.simpleApplication = new SimpleApplication(new SimOption({ excludeProxys: [Node], rootRouter: _config.rootRouter }));\n\n        const otherInstanceSim = new Map<any, any>();\n        if (this.router) otherInstanceSim.set(Router, this.router);\n        this.simpleApplication.run(otherInstanceSim);\n\n        // Rendering\n        const data = this.simpleApplication.sim(_config.rootRouter);\n        if (data instanceof Node) {\n          if (this.host.shadowRoot) this.host.shadowRoot.replaceChildren(data);\n          else this.host.replaceChildren(data);\n        }\n\n        if (_config.path) await this.router?.go(_config.path);\n      }\n    } catch (e) {\n      console.error('[SWC-APP-ENGINE] Init failed:', e);\n    }\n  }\n\n  disconnect() {\n    this.routerSubscription?.unsubscribe();\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAAkC;AAClC,wBAA2B;AAC3B,wBAA2B;AAC3B,2BAA8B;AAC9B,uBAA0B;AAC1B,oBAAwC;AAGxC,2BAA8B;AAWvB,MAAM,aAAa;AAAA,EAMxB,YAAoB,MAAmB;AAAnB;AAFpB,SAAQ,iBAAiB;AAAA,EAEe;AAAA,EAExC,MAAM,UAAU;AACd,QAAI,KAAK,eAAgB;AACzB,SAAK,iBAAiB;AAGtB,UAAM,IAAI,QAAQ,aAAW,WAAW,SAAS,CAAC,CAAC;AAEnD,UAAM,YAAY,KAAK,KAAK,aAAa,4BAA4B;AACrE,QAAI,CAAC,UAAW;AAEhB,QAAI;AACF,YAAM,aAAqC,mCAAc,cAAc,EAAE,QAAQ,WAAW,SAAS,KAAK,KAAK,CAAC;AAChH,UAAI,cAAc,WAAW,YAAY;AACvC,cAAM,UAAyB;AAAA,UAC7B,WAAW;AAAA,UACX;AAAA,UACA,GAAG;AAAA,QACL;AAGA,YAAI,QAAQ,cAAc,QAAQ;AAChC,eAAK,SAAS,IAAI,6BAAW,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAK,CAAC;AAAA,QACjF,WAAW,QAAQ,cAAc,QAAQ;AACvC,eAAK,SAAS,IAAI,6BAAW,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAK,CAAC;AAAA,QACjF,WAAW,QAAQ,cAAc,WAAW;AAC1C,eAAK,SAAS,IAAI,mCAAc,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAK,CAAC;AAAA,QACpF;AAGA,YAAI,KAAK,QAAQ;AACf,eAAK,qBAAqB,KAAK,OAAO,WAAW,UAAU,CAAC,UAA2B;AACrF,gBAAI,MAAM,iBAAiB,OAAO;AAChC,mBAAK,mBAAmB,QAAQ,MAAM,IAAI;AAAA,YAC5C;AAAA,UACF,CAAC;AAAA,QACH;AAGA,aAAK,oBAAoB,IAAI,2CAAkB,IAAI,2BAAU,EAAE,eAAe,CAAC,IAAI,GAAG,YAAY,QAAQ,WAAW,CAAC,CAAC;AAEvH,cAAM,mBAAmB,oBAAI,IAAc;AAC3C,YAAI,KAAK,OAAQ,kBAAiB,IAAI,sBAAQ,KAAK,MAAM;AACzD,aAAK,kBAAkB,IAAI,gBAAgB;AAG3C,cAAM,OAAO,KAAK,kBAAkB,IAAI,QAAQ,UAAU;AAC1D,YAAI,gBAAgB,MAAM;AACxB,cAAI,KAAK,KAAK,WAAY,MAAK,KAAK,WAAW,gBAAgB,IAAI;AAAA,cAC9D,MAAK,KAAK,gBAAgB,IAAI;AAAA,QACrC;AAEA,YAAI,QAAQ,KAAM,OAAM,KAAK,QAAQ,GAAG,QAAQ,IAAI;AAAA,MACtD;AAAA,IACF,SAAS,GAAG;AACV,cAAQ,MAAM,iCAAiC,CAAC;AAAA,IAClD;AAAA,EACF;AAAA,EAEA,aAAa;AACX,SAAK,oBAAoB,YAAY;AAAA,EACvC;AACF;",
   "names": []
 }

package/dist/cjs/elements/SwcAsync.js

@@ -0,0 +1,188 @@
+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 SwcAsync_exports = {};
+__export(SwcAsync_exports, {
+  SwcAsync: () => SwcAsync
+});
+module.exports = __toCommonJS(SwcAsync_exports);
+var import_elementDefine = require("../decorators/elementDefine");
+var import_changedAttribute = require("../decorators/changedAttribute");
+var import_Utils = require("../utils/Utils");
+var import_FunctionUtils = require("@dooboostore/core/function/FunctionUtils");
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = function(k, v) {
+  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+let SwcAsync = class SwcAsync2 extends HTMLTemplateElement {
+  constructor() {
+    super(...arguments);
+    this._nodes = [];
+    this._currentPromise = null;
+    this._value = null;
+  }
+  get value() {
+    return this._value;
+  }
+  set value(nv) {
+    if (nv instanceof Promise) {
+      this.handlePromise(nv);
+    } else {
+      this._value = nv;
+      this.render(nv === null ? "default" : "success", nv);
+    }
+  }
+  refresh(newValue) {
+    const script = newValue !== void 0 ? newValue : this.getAttribute("on-get-value");
+    if (!script) {
+      this.value = null;
+      return;
+    }
+    if (!this.parentElement)
+      return;
+    const helperHostSet = import_Utils.SwcUtils.getHelperAndHostSet(window, this);
+    try {
+      const result = import_FunctionUtils.FunctionUtils.executeReturn({
+        script,
+        context: this,
+        args: helperHostSet
+      });
+      if (result instanceof Promise) {
+        this.handlePromise(result);
+      } else {
+        this.value = result;
+      }
+    } catch (e) {
+      this.render("error", e);
+    }
+  }
+  async handlePromise(promise) {
+    this._currentPromise = promise;
+    this.render("loading");
+    try {
+      const result = await promise;
+      if (this._currentPromise !== promise)
+        return;
+      this._value = result;
+      this.render("success", result);
+    } catch (e) {
+      if (this._currentPromise !== promise)
+        return;
+      this.render("error", e);
+    }
+  }
+  render(state, data) {
+    this.cleanup();
+    if (!this.parentElement)
+      return;
+    let fragment;
+    const ctx = {
+      $nodes: [],
+      $elements: [],
+      $state: state,
+      $value: null,
+      $error: null
+    };
+    if (state === "default") {
+      const t = this.content.querySelector('template[is="swc-default"]');
+      fragment = t ? t.content.cloneNode(true) : document.createDocumentFragment();
+    } else if (state === "loading") {
+      const t = this.content.querySelector('template[is="swc-loading"]');
+      fragment = t ? t.content.cloneNode(true) : document.createDocumentFragment();
+    } else if (state === "error") {
+      const t = this.content.querySelector('template[is="swc-error"]');
+      ctx.$error = data;
+      fragment = t ? t.content.cloneNode(true) : document.createDocumentFragment();
+    } else {
+      const t = this.content.querySelector('template[is="swc-success"]');
+      ctx.$value = data;
+      if (t) {
+        fragment = t.content.cloneNode(true);
+      } else {
+        const clone = this.content.cloneNode(true);
+        Array.from(clone.querySelectorAll('template[is="swc-loading"], template[is="swc-error"], template[is="swc-success"], template[is="swc-default"]')).forEach((tmp) => tmp.remove());
+        fragment = clone;
+      }
+    }
+    this.mount(fragment, ctx);
+  }
+  mount(fragment, ctx) {
+    const nodes = Array.from(fragment.childNodes);
+    const elements = nodes.filter((n) => n.nodeType === 1);
+    Object.assign(ctx, {
+      $nodes: nodes,
+      $elements: elements,
+      $firstNode: nodes[0],
+      $lastNode: nodes[nodes.length - 1],
+      $firstElement: elements[0],
+      $lastElement: elements[elements.length - 1]
+    });
+    this._executeCallback("on-clone-nodes", ctx);
+    nodes.forEach((node, nodeIndex) => {
+      if (node instanceof HTMLElement) {
+        node.__swc_host = this;
+      }
+      this._executeCallback("on-clone-node", {
+        ...ctx,
+        $node: node,
+        $nodeIndex: nodeIndex,
+        $isElement: node.nodeType === 1
+      });
+    });
+    this._nodes = nodes;
+    this.parentElement?.insertBefore(fragment, this.nextSibling);
+  }
+  _executeCallback(attrName, extraArgs) {
+    const script = this.getAttribute(attrName);
+    if (!script)
+      return;
+    const helperHostSet = import_Utils.SwcUtils.getHelperAndHostSet(window, this);
+    try {
+      import_FunctionUtils.FunctionUtils.execute({ script, context: this, args: { ...helperHostSet, ...extraArgs } });
+    } catch (e) {
+      console.error(`[SwcAsync] Error in ${attrName}:`, e);
+    }
+  }
+  cleanup() {
+    this._nodes.forEach((n) => {
+      if (n.parentElement)
+        n.parentElement.removeChild(n);
+    });
+    this._nodes = [];
+  }
+  connectedCallback() {
+    this.refresh();
+  }
+  disconnectedCallback() {
+    this.cleanup();
+  }
+};
+__decorate([
+  (0, import_changedAttribute.changedAttribute)("on-get-value"),
+  __metadata("design:type", Function),
+  __metadata("design:paramtypes", [String]),
+  __metadata("design:returntype", void 0)
+], SwcAsync.prototype, "refresh", null);
+SwcAsync = __decorate([
+  (0, import_elementDefine.elementDefine)({ name: "swc-async", extends: "template" })
+], SwcAsync);
+//# sourceMappingURL=SwcAsync.js.map

package/dist/cjs/elements/SwcAsync.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/elements/SwcAsync.ts"],
+  "sourcesContent": ["import { elementDefine } from '../decorators/elementDefine';\nimport { changedAttribute } from '../decorators/changedAttribute';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils } from '@dooboostore/core/function/FunctionUtils';\nimport { SwcLoading, SwcError, SwcSuccess, SwcDefault } from './SwcSubTemplates';\n\n@elementDefine({ name: 'swc-async', extends: 'template' })\nexport class SwcAsync extends HTMLTemplateElement {\n  private _nodes: Node[] = [];\n  private _currentPromise: Promise<any> | null = null;\n  private _value: any = null;\n\n  get value(): any {\n    return this._value;\n  }\n\n  set value(nv: any) {\n    if (nv instanceof Promise) {\n      this.handlePromise(nv);\n    } else {\n      this._value = nv;\n      this.render(nv === null ? 'default' : 'success', nv);\n    }\n  }\n\n  @changedAttribute('on-get-value')\n  private refresh(newValue?: string | null) {\n    const script = newValue !== undefined ? newValue : this.getAttribute('on-get-value');\n    if (!script) {\n      this.value = null; // Triggers default render\n      return;\n    }\n    if (!this.parentElement) return;\n\n    const helperHostSet = SwcUtils.getHelperAndHostSet(window, this);\n    try {\n      const result = FunctionUtils.executeReturn({\n        script,\n        context: this,\n        args: helperHostSet\n      });\n\n      if (result instanceof Promise) {\n        this.handlePromise(result);\n      } else {\n        this.value = result;\n      }\n    } catch (e) {\n      this.render('error', e);\n    }\n  }\n\n  private async handlePromise(promise: Promise<any>) {\n    this._currentPromise = promise;\n    this.render('loading');\n\n    try {\n      const result = await promise;\n      if (this._currentPromise !== promise) return;\n      this._value = result;\n      this.render('success', result);\n    } catch (e) {\n      if (this._currentPromise !== promise) return;\n      this.render('error', e);\n    }\n  }\n\n  private render(state: 'loading' | 'error' | 'success' | 'default', data?: any) {\n    this.cleanup();\n    if (!this.parentElement) return;\n\n    let fragment: DocumentFragment;\n    const ctx: any = {\n      $nodes: [],\n      $elements: [],\n      $state: state,\n      $value: null,\n      $error: null\n    };\n\n    if (state === 'default') {\n      const t = this.content.querySelector('template[is=\"swc-default\"]') as HTMLTemplateElement;\n      fragment = t ? (t.content.cloneNode(true) as DocumentFragment) : document.createDocumentFragment();\n    } else if (state === 'loading') {\n      const t = this.content.querySelector('template[is=\"swc-loading\"]') as HTMLTemplateElement;\n      fragment = t ? (t.content.cloneNode(true) as DocumentFragment) : document.createDocumentFragment();\n    } else if (state === 'error') {\n      const t = this.content.querySelector('template[is=\"swc-error\"]') as HTMLTemplateElement;\n      ctx.$error = data;\n      fragment = t ? (t.content.cloneNode(true) as DocumentFragment) : document.createDocumentFragment();\n    } else {\n      // Success\n      const t = this.content.querySelector('template[is=\"swc-success\"]') as HTMLTemplateElement;\n      ctx.$value = data;\n      if (t) {\n        fragment = t.content.cloneNode(true) as DocumentFragment;\n      } else {\n        const clone = this.content.cloneNode(true) as DocumentFragment;\n        Array.from(clone.querySelectorAll('template[is=\"swc-loading\"], template[is=\"swc-error\"], template[is=\"swc-success\"], template[is=\"swc-default\"]')).forEach(tmp => tmp.remove());\n        fragment = clone;\n      }\n    }\n\n    this.mount(fragment, ctx);\n  }\n\n  private mount(fragment: DocumentFragment, ctx: any) {\n    const nodes = Array.from(fragment.childNodes);\n    const elements = nodes.filter(n => n.nodeType === 1) as HTMLElement[];\n\n    Object.assign(ctx, {\n      $nodes: nodes,\n      $elements: elements,\n      $firstNode: nodes[0],\n      $lastNode: nodes[nodes.length - 1],\n      $firstElement: elements[0],\n      $lastElement: elements[elements.length - 1]\n    });\n\n    // Execution Callbacks\n    this._executeCallback('on-clone-nodes', ctx);\n    nodes.forEach((node, nodeIndex) => {\n      if (node instanceof HTMLElement) {\n        (node as any).__swc_host = this;\n      }\n      this._executeCallback('on-clone-node', {\n        ...ctx,\n        $node: node,\n        $nodeIndex: nodeIndex,\n        $isElement: node.nodeType === 1\n      });\n    });\n\n    this._nodes = nodes;\n    this.parentElement?.insertBefore(fragment, this.nextSibling);\n  }\n\n  private _executeCallback(attrName: string, extraArgs: Record<string, any>) {\n    const script = this.getAttribute(attrName);\n    if (!script) return;\n    const helperHostSet = SwcUtils.getHelperAndHostSet(window, this);\n    try {\n      FunctionUtils.execute({ script, context: this, args: { ...helperHostSet, ...extraArgs } });\n    } catch (e) {\n      console.error(`[SwcAsync] Error in ${attrName}:`, e);\n    }\n  }\n\n  private cleanup() {\n    this._nodes.forEach(n => {\n      if (n.parentElement) n.parentElement.removeChild(n);\n    });\n    this._nodes = [];\n  }\n\n  connectedCallback() {\n    this.refresh();\n  }\n\n  disconnectedCallback() {\n    this.cleanup();\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["SwcAsync"]
+}

package/dist/cjs/elements/SwcChoose.js

@@ -0,0 +1,155 @@
+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 SwcChoose_exports = {};
+__export(SwcChoose_exports, {
+  SwcChoose: () => SwcChoose
+});
+module.exports = __toCommonJS(SwcChoose_exports);
+var import_elementDefine = require("../decorators/elementDefine");
+var import_changedAttribute = require("../decorators/changedAttribute");
+var import_Utils = require("../utils/Utils");
+var import_FunctionUtils = require("@dooboostore/core/function/FunctionUtils");
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = function(k, v) {
+  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+let SwcChoose = class SwcChoose2 extends HTMLTemplateElement {
+  constructor() {
+    super(...arguments);
+    this._nodes = [];
+    this._value = null;
+  }
+  get value() {
+    return this._value;
+  }
+  set value(nv) {
+    this._value = nv;
+    this.render();
+  }
+  _executeCallback(attrName, extraArgs) {
+    const script = this.getAttribute(attrName);
+    if (!script)
+      return;
+    const helperHostSet = import_Utils.SwcUtils.getHelperAndHostSet(window, this);
+    try {
+      import_FunctionUtils.FunctionUtils.execute({ script, context: this, args: { ...helperHostSet, ...extraArgs } });
+    } catch (e) {
+      console.error(`[SwcChoose] Error in ${attrName}:`, e);
+    }
+  }
+  refresh(newValue) {
+    const script = newValue !== void 0 ? newValue : this.getAttribute("on-get-value");
+    if (!script) {
+      this.value = null;
+      return;
+    }
+    if (!this.parentElement)
+      return;
+    const helperHostSet = import_Utils.SwcUtils.getHelperAndHostSet(window, this);
+    try {
+      const result = import_FunctionUtils.FunctionUtils.executeReturn({
+        script,
+        context: this,
+        args: helperHostSet
+      });
+      this.value = result;
+    } catch (e) {
+      console.error("[SwcChoose] Error in on-get-value:", e);
+    }
+  }
+  render() {
+    this.cleanup();
+    if (!this.parentElement)
+      return;
+    const templates = Array.from(this.content.querySelectorAll("template"));
+    let selected = null;
+    let otherwise = null;
+    let defaultTmp = null;
+    for (const t of templates) {
+      const is = t.getAttribute("is");
+      if (is === "swc-when") {
+        const whenVal = t.getAttribute("value");
+        if (String(whenVal) === String(this._value)) {
+          selected = t;
+          break;
+        }
+      } else if (is === "swc-otherwise") {
+        otherwise = t;
+      } else if (is === "swc-default") {
+        defaultTmp = t;
+      }
+    }
+    const targetTemplate = (this._value == null ? defaultTmp : selected) || otherwise || defaultTmp;
+    if (targetTemplate) {
+      const clone = targetTemplate.content.cloneNode(true);
+      const nodes = Array.from(clone.childNodes);
+      const elements = nodes.filter((n) => n.nodeType === 1);
+      const ctx = {
+        $value: this._value,
+        $nodes: nodes,
+        $elements: elements,
+        $firstNode: nodes[0],
+        $lastNode: nodes[nodes.length - 1],
+        $firstElement: elements[0],
+        $lastElement: elements[elements.length - 1]
+      };
+      this._executeCallback("on-clone-nodes", ctx);
+      nodes.forEach((node, nodeIndex) => {
+        if (node instanceof HTMLElement) {
+          node.__swc_host = this;
+        }
+        this._executeCallback("on-clone-node", {
+          ...ctx,
+          $node: node,
+          $nodeIndex: nodeIndex,
+          $isElement: node.nodeType === 1
+        });
+      });
+      this._nodes = nodes;
+      this.parentElement.insertBefore(clone, this.nextSibling);
+    }
+  }
+  cleanup() {
+    this._nodes.forEach((n) => {
+      if (n.parentElement)
+        n.parentElement.removeChild(n);
+    });
+    this._nodes = [];
+  }
+  connectedCallback() {
+    this.refresh();
+  }
+  disconnectedCallback() {
+    this.cleanup();
+  }
+};
+__decorate([
+  (0, import_changedAttribute.changedAttribute)("on-get-value"),
+  __metadata("design:type", Function),
+  __metadata("design:paramtypes", [String]),
+  __metadata("design:returntype", void 0)
+], SwcChoose.prototype, "refresh", null);
+SwcChoose = __decorate([
+  (0, import_elementDefine.elementDefine)({ name: "swc-choose", extends: "template" })
+], SwcChoose);
+//# sourceMappingURL=SwcChoose.js.map