@dooboostore/simple-web-component 1.0.35 → 1.0.36

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/query.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { getElementConfig, ensureInit } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { SpecialSelector, SwcQueryOptions } from '../types';\n\nexport interface QueryMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  options: SwcQueryOptions;\n}\n\nexport const QUERY_METADATA_KEY = Symbol.for('simple-web-component:query');\n\nexport function query(target: SpecialSelector): PropertyDecorator;\nexport function query(selector: string, options?: SwcQueryOptions): PropertyDecorator;\n/**\n * @query decorator to inject a single element into a class property.\n */\nexport function query(selectorOrTarget: string, options: any = {}): PropertyDecorator {\n  return (targetObj: Object, propertyKey: string | symbol, descriptor?: never): void => {\n    if (descriptor !== undefined) {\n      throw new Error(`@query decorator cannot be used on methods. (Method: ${String(propertyKey)})`);\n    }\n\n    const constructor = targetObj.constructor;\n    let queries = ReflectUtils.getMetadata<QueryMetadata[]>(QUERY_METADATA_KEY, constructor);\n    if (!queries) {\n      queries = [];\n      ReflectUtils.defineMetadata(QUERY_METADATA_KEY, queries, constructor);\n    }\n    queries.push({ propertyKey, selector: selectorOrTarget, options });\n\n    // 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\n/**\n * @queryHost decorator - simplified version of @query for :host selector\n * Usage: @queryHost testzzs: HTMLElement | undefined;\n * Usage: @queryHost() testzzs: HTMLElement | undefined;\n * Usage: @queryHost({ root: 'shadow' }) testzzs: HTMLElement | undefined;\n */\nexport function queryHost(target: Object, propertyKey: string | symbol): void;\nexport function queryHost(): PropertyDecorator;\nexport function queryHost(options: SwcQueryOptions): PropertyDecorator;\nexport function queryHost(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  // Direct decorator usage: @queryHost (no parentheses)\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return query(':host', {})(targetOrOptions, propertyKey);\n  }\n\n  // @queryHost() or @queryHost(options)\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return query(':host', targetOrOptions as SwcQueryOptions);\n  } else {\n    return query(':host', {});\n  }\n}\n\n/**\n * @host - Alias for @queryHost decorator\n * Usage: @host element: HTMLElement | undefined;\n * Usage: @host() element: HTMLElement | undefined;\n * Usage: @host({ root: 'shadow' }) element: HTMLElement | undefined;\n */\nexport const host = queryHost;\n\n/**\n * @parentHost - Query :parentHost (Direct parent SWC component)\n * Usage: @parentHost parent: HTMLElement | undefined;\n * Usage: @parentHost() parent: HTMLElement | undefined;\n * Usage: @parentHost({ root: 'shadow' }) parent: HTMLElement | undefined;\n */\nexport function parentHost(target: Object, propertyKey: string | symbol): void;\nexport function parentHost(): PropertyDecorator;\nexport function parentHost(options: SwcQueryOptions): PropertyDecorator;\nexport function parentHost(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return query(':parentHost', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return query(':parentHost', targetOrOptions as SwcQueryOptions);\n  } else {\n    return query(':parentHost', {});\n  }\n}\n\n/**\n * @appHost - Query :appHost (Nearest <swc-app>)\n * Usage: @appHost app: SwcAppInterface | undefined;\n * Usage: @appHost() app: SwcAppInterface | undefined;\n * Usage: @appHost({ root: 'shadow' }) app: SwcAppInterface | undefined;\n */\nexport function appHost(target: Object, propertyKey: string | symbol): void;\nexport function appHost(): PropertyDecorator;\nexport function appHost(options: SwcQueryOptions): PropertyDecorator;\nexport function appHost(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return query(':appHost', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return query(':appHost', targetOrOptions as SwcQueryOptions);\n  } else {\n    return query(':appHost', {});\n  }\n}\n\n/**\n * @firstHost - Query :firstHost (First component in hierarchy)\n * Usage: @firstHost first: HTMLElement | undefined;\n * Usage: @firstHost() first: HTMLElement | undefined;\n * Usage: @firstHost({ root: 'shadow' }) first: HTMLElement | undefined;\n */\nexport function firstHost(target: Object, propertyKey: string | symbol): void;\nexport function firstHost(): PropertyDecorator;\nexport function firstHost(options: SwcQueryOptions): PropertyDecorator;\nexport function firstHost(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return query(':firstHost', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return query(':firstHost', targetOrOptions as SwcQueryOptions);\n  } else {\n    return query(':firstHost', {});\n  }\n}\n\n/**\n * @lastHost - Query :lastHost (Last component in hierarchy)\n * Usage: @lastHost last: HTMLElement | undefined;\n * Usage: @lastHost() last: HTMLElement | undefined;\n * Usage: @lastHost({ root: 'shadow' }) last: HTMLElement | undefined;\n */\nexport function lastHost(target: Object, propertyKey: string | symbol): void;\nexport function lastHost(): PropertyDecorator;\nexport function lastHost(options: SwcQueryOptions): PropertyDecorator;\nexport function lastHost(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return query(':lastHost', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return query(':lastHost', targetOrOptions as SwcQueryOptions);\n  } else {\n    return query(':lastHost', {});\n  }\n}\n\n/**\n * @firstAppHost - Query :firstAppHost (First <swc-app> in hierarchy)\n * Usage: @firstAppHost app: SwcAppInterface | undefined;\n * Usage: @firstAppHost() app: SwcAppInterface | undefined;\n * Usage: @firstAppHost({ root: 'shadow' }) app: SwcAppInterface | undefined;\n */\nexport function firstAppHost(target: Object, propertyKey: string | symbol): void;\nexport function firstAppHost(): PropertyDecorator;\nexport function firstAppHost(options: SwcQueryOptions): PropertyDecorator;\nexport function firstAppHost(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return query(':firstAppHost', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return query(':firstAppHost', targetOrOptions as SwcQueryOptions);\n  } else {\n    return query(':firstAppHost', {});\n  }\n}\n\n/**\n * @lastAppHost - Query :lastAppHost (Last <swc-app> in hierarchy)\n * Usage: @lastAppHost app: SwcAppInterface | undefined;\n * Usage: @lastAppHost() app: SwcAppInterface | undefined;\n * Usage: @lastAppHost({ root: 'shadow' }) app: SwcAppInterface | undefined;\n */\nexport function lastAppHost(target: Object, propertyKey: string | symbol): void;\nexport function lastAppHost(): PropertyDecorator;\nexport function lastAppHost(options: SwcQueryOptions): PropertyDecorator;\nexport function lastAppHost(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return query(':lastAppHost', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return query(':lastAppHost', targetOrOptions as SwcQueryOptions);\n  } else {\n    return query(':lastAppHost', {});\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};"],
-  "mappings": "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",
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { getElementConfig, ensureInit } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { SpecialSelector, SwcQueryOptions } from '../types';\n\nexport interface QueryMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  options: SwcQueryOptions;\n}\n\nexport const QUERY_METADATA_KEY = Symbol.for('simple-web-component:query');\n\nexport function query(target: SpecialSelector): PropertyDecorator;\nexport function query(selector: string, options?: SwcQueryOptions): PropertyDecorator;\n/**\n * @query decorator to inject a single element into a class property.\n */\nexport function query(selectorOrTarget: string, options: any = {}): PropertyDecorator {\n  return (targetObj: Object, propertyKey: string | symbol, descriptor?: never): void => {\n    if (descriptor !== undefined) {\n      throw new Error(`@query decorator cannot be used on methods. (Method: ${String(propertyKey)})`);\n    }\n\n    const constructor = targetObj.constructor;\n    let queries = ReflectUtils.getMetadata<QueryMetadata[]>(QUERY_METADATA_KEY, constructor);\n    if (!queries) {\n      queries = [];\n      ReflectUtils.defineMetadata(QUERY_METADATA_KEY, queries, constructor);\n    }\n    queries.push({ propertyKey, selector: selectorOrTarget, options });\n\n    Object.defineProperty(targetObj, propertyKey, {\n      get(this: HTMLElement) {\n        ensureInit(this);\n        const selector = selectorOrTarget;\n\n        const r = options.root || 'auto';\n        const applyRoot = (t: any) => {\n          if (!t || !(t instanceof HTMLElement)) return t;\n          if (r === 'auto') return t.shadowRoot || t;\n          if (r === 'shadow') return t.shadowRoot;\n          if (r === 'light') return t;\n          if (r === 'all') return t.shadowRoot || t; \n          return t;\n        };\n\n        // --- Special Selectors: HostSet ---\n        const hostSet = SwcUtils.getHostSet(this);\n        if (selector === '$this') return applyRoot(this);\n        if (selector === '$host') return applyRoot(hostSet.$host);\n        if (selector === '$parentHost') return applyRoot(hostSet.$parentHost);\n        if (selector === '$appHost') return applyRoot(hostSet.$appHost);\n        if (selector === '$firstHost') return applyRoot(hostSet.$firstHost);\n        if (selector === '$lastHost') return applyRoot(hostSet.$lastHost);\n        if (selector === '$firstAppHost') return applyRoot(hostSet.$firstAppHost);\n        if (selector === '$lastAppHost') return applyRoot(hostSet.$lastAppHost);\n\n        // --- Special Selectors: Env ---\n        const config = getElementConfig(this);\n        const win = config?.window || window;\n        if (selector === '$window') return win;\n        if (selector === '$document') return win.document;\n\n        // --- Standard Selectors ---\n        if (r === 'shadow') return this.shadowRoot ? this.shadowRoot.querySelector(selector) : null;\n        if (r === 'light') return this.querySelector(selector);\n        if (r === 'all') {\n          const shadowMatch = this.shadowRoot ? this.shadowRoot.querySelector(selector) : null;\n          return shadowMatch || this.querySelector(selector);\n        }\n        return (this.shadowRoot || this).querySelector(selector);\n      },\n      set(this: HTMLElement, nv: any) {\n        ensureInit(this);\n        if (nv === null || nv === undefined) {\n          const selector = selectorOrTarget;\n          if (selector.startsWith('$') && selector !== '$this') return;\n\n          const r = options.root || 'auto';\n          const targets: Element[] = [];\n\n          if (r === 'shadow') {\n            if (this.shadowRoot?.querySelector(selector)) targets.push(this.shadowRoot.querySelector(selector)!);\n          } else if (r === 'light') {\n            if (this.querySelector(selector)) targets.push(this.querySelector(selector)!);\n          } else if (r === 'all') {\n            if (this.shadowRoot?.querySelector(selector)) targets.push(this.shadowRoot.querySelector(selector)!);\n            if (this.querySelector(selector)) targets.push(this.querySelector(selector)!);\n          } else {\n            const el = (this.shadowRoot || this).querySelector(selector);\n            if (el) targets.push(el);\n          }\n\n          targets.forEach(t => t.remove());\n        }\n      },\n      enumerable: true,\n      configurable: true\n    });\n  };\n}\n\n/**\n * @queryThis decorator - simplified version of @query for $this selector\n */\nexport function queryThis(target: Object, propertyKey: string | symbol): void;\nexport function queryThis(): PropertyDecorator;\nexport function queryThis(options: SwcQueryOptions): PropertyDecorator;\nexport function queryThis(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return query('$this', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return query('$this', targetOrOptions as SwcQueryOptions);\n  } else {\n    return query('$this', {});\n  }\n}\n\n\nexport function queryWindow(target: Object, propertyKey: string | symbol): void;\nexport function queryWindow(): PropertyDecorator;\nexport function queryWindow(options: SwcQueryOptions): PropertyDecorator;\nexport function queryWindow(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return query('$window', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return query('$window', targetOrOptions as SwcQueryOptions);\n  } else {\n    return query('$window', {});\n  }\n}\n\nexport function queryDocument(target: Object, propertyKey: string | symbol): void;\nexport function queryDocument(): PropertyDecorator;\nexport function queryDocument(options: SwcQueryOptions): PropertyDecorator;\nexport function queryDocument(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return query('$document', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return query('$document', targetOrOptions as SwcQueryOptions);\n  } else {\n    return query('$document', {});\n  }\n}\n/**\n * @host - Query $host (Direct parent SWC component)\n */\nexport function queryHost(target: Object, propertyKey: string | symbol): void;\nexport function queryHost(): PropertyDecorator;\nexport function queryHost(options: SwcQueryOptions): PropertyDecorator;\nexport function queryHost(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return query('$host', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return query('$host', targetOrOptions as SwcQueryOptions);\n  } else {\n    return query('$host', {});\n  }\n}\n\n/**\n * @appHost - Query $appHost (Nearest <swc-app>)\n */\nexport function queryAppHost(target: Object, propertyKey: string | symbol): void;\nexport function queryAppHost(): PropertyDecorator;\nexport function queryAppHost(options: SwcQueryOptions): PropertyDecorator;\nexport function queryAppHost(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return query('$appHost', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return query('$appHost', targetOrOptions as SwcQueryOptions);\n  } else {\n    return query('$appHost', {});\n  }\n}\n\nexport const getQueryMetadata = (target: any): QueryMetadata[] | 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/esm/decorators/queryAll.js

@@ -41,17 +41,31 @@ function queryAll(selectorOrTarget, options = {}) {
           return results;
         };
         const hostSet = SwcUtils.getHostSet(this);
-        if (selector === ":hosts")
+        if (selector === "$hosts")
           return applyRoot(hostSet.$hosts);
-        if (selector === ":appHosts")
+        if (selector === "$appHosts")
           return applyRoot(hostSet.$appHosts);
+        if (selector === "$host")
+          return applyRoot(hostSet.$host);
+        if (selector === "$parentHost")
+          return applyRoot(hostSet.$parentHost);
+        if (selector === "$appHost")
+          return applyRoot(hostSet.$appHost);
+        if (selector === "$firstHost")
+          return applyRoot(hostSet.$firstHost);
+        if (selector === "$lastHost")
+          return applyRoot(hostSet.$lastHost);
+        if (selector === "$firstAppHost")
+          return applyRoot(hostSet.$firstAppHost);
+        if (selector === "$lastAppHost")
+          return applyRoot(hostSet.$lastAppHost);
         const config = getElementConfig(this);
         const win = config?.window || window;
-        if (selector === ":window")
+        if (selector === "$window")
           return [win];
-        if (selector === ":document")
+        if (selector === "$document")
           return [win.document];
-        if (selector === ":host")
+        if (selector === "$this")
           return applyRoot(this);
         if (r === "shadow")
           return this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];
@@ -69,7 +83,7 @@ function queryAll(selectorOrTarget, options = {}) {
         ensureInit(this);
         if (nv === null || nv === void 0 || Array.isArray(nv) && nv.length === 0) {
           const selector = selectorOrTarget;
-          if (selector.startsWith(":") && selector !== ":host")
+          if (selector.startsWith("$") && selector !== "$this")
             return;
           const r = options.root || "auto";
           let targets = [];
@@ -92,75 +106,34 @@ function queryAll(selectorOrTarget, options = {}) {
     });
   };
 }
-function queryAllHost(targetOrOptions, propertyKey) {
+function queryAllThis(targetOrOptions, propertyKey) {
   if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
-    return queryAll(":host", {})(targetOrOptions, propertyKey);
+    return queryAll("$this", {})(targetOrOptions, propertyKey);
   }
   if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
-    return queryAll(":host", targetOrOptions);
+    return queryAll("$this", targetOrOptions);
   } else {
-    return queryAll(":host", {});
+    return queryAll("$this", {});
   }
 }
-const allHost = queryAllHost;
 function allParentHost(targetOrOptions, propertyKey) {
   if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
-    return queryAll(":parentHost", {})(targetOrOptions, propertyKey);
+    return queryAll("$host", {})(targetOrOptions, propertyKey);
   }
   if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
-    return queryAll(":parentHost", targetOrOptions);
+    return queryAll("$host", targetOrOptions);
   } else {
-    return queryAll(":parentHost", {});
+    return queryAll("$host", {});
   }
 }
 function allAppHost(targetOrOptions, propertyKey) {
   if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
-    return queryAll(":appHost", {})(targetOrOptions, propertyKey);
+    return queryAll("$appHost", {})(targetOrOptions, propertyKey);
   }
   if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
-    return queryAll(":appHost", targetOrOptions);
+    return queryAll("$appHost", targetOrOptions);
   } else {
-    return queryAll(":appHost", {});
-  }
-}
-function allFirstHost(targetOrOptions, propertyKey) {
-  if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
-    return queryAll(":firstHost", {})(targetOrOptions, propertyKey);
-  }
-  if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
-    return queryAll(":firstHost", targetOrOptions);
-  } else {
-    return queryAll(":firstHost", {});
-  }
-}
-function allLastHost(targetOrOptions, propertyKey) {
-  if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
-    return queryAll(":lastHost", {})(targetOrOptions, propertyKey);
-  }
-  if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
-    return queryAll(":lastHost", targetOrOptions);
-  } else {
-    return queryAll(":lastHost", {});
-  }
-}
-function allFirstAppHost(targetOrOptions, propertyKey) {
-  if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
-    return queryAll(":firstAppHost", {})(targetOrOptions, propertyKey);
-  }
-  if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
-    return queryAll(":firstAppHost", targetOrOptions);
-  } else {
-    return queryAll(":firstAppHost", {});
-  }
-}
-function allLastAppHost(targetOrOptions, propertyKey) {
-  if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
-    return queryAll(":lastAppHost", {})(targetOrOptions, propertyKey);
-  }
-  if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
-    return queryAll(":lastAppHost", targetOrOptions);
-  } else {
-    return queryAll(":lastAppHost", {});
+    return queryAll("$appHost", {});
   }
 }
 const getQueryAllMetadata = (target) => {
@@ -170,14 +143,9 @@ const getQueryAllMetadata = (target) => {
 export {
   QUERY_ALL_METADATA_KEY,
   allAppHost,
-  allFirstAppHost,
-  allFirstHost,
-  allHost,
-  allLastAppHost,
-  allLastHost,
   allParentHost,
   getQueryAllMetadata,
   queryAll,
-  queryAllHost
+  queryAllThis
 };
 //# sourceMappingURL=queryAll.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/queryAll.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { getElementConfig, ensureInit } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { SpecialSelector, SwcQueryOptions } from '../types';\n\nexport interface QueryAllMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  options: SwcQueryOptions;\n}\n\nexport const QUERY_ALL_METADATA_KEY = Symbol.for('simple-web-component:query-all');\n\nexport function queryAll(target: 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/**\n * @hostQueryAll decorator - simplified version of @queryAll for :host selector\n * Usage: @hostQueryAll()\n * Usage: @hostQueryAll({ root: 'shadow' })\n */\n/**\n * @queryAllHost decorator - simplified version of @queryAll for :host selector\n * Usage: @queryAllHost items: HTMLElement[];\n * Usage: @queryAllHost() items: HTMLElement[];\n * Usage: @queryAllHost({ root: 'shadow' }) items: HTMLElement[];\n */\nexport function queryAllHost(target: Object, propertyKey: string | symbol): void;\nexport function queryAllHost(): PropertyDecorator;\nexport function queryAllHost(options: SwcQueryOptions): PropertyDecorator;\nexport function queryAllHost(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  // Direct decorator usage: @queryAllHost (no parentheses)\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return queryAll(':host', {})(targetOrOptions, propertyKey);\n  }\n\n  // @queryAllHost() or @queryAllHost(options)\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return queryAll(':host', targetOrOptions as SwcQueryOptions);\n  } else {\n    return queryAll(':host', {});\n  }\n}\n\n/**\n * @allHost - Alias for @queryAllHost decorator\n * Usage: @allHost items: HTMLElement[];\n * Usage: @allHost() items: HTMLElement[];\n * Usage: @allHost({ root: 'shadow' }) items: HTMLElement[];\n */\nexport const allHost = queryAllHost;\n/**\n * @allParentHost - Query all :parentHost (All parent SWC components)\n * Usage: @allParentHost parents: HTMLElement[];\n * Usage: @allParentHost() parents: HTMLElement[];\n * Usage: @allParentHost({ root: 'shadow' }) parents: HTMLElement[];\n */\nexport function allParentHost(target: Object, propertyKey: string | symbol): void;\nexport function allParentHost(): PropertyDecorator;\nexport function allParentHost(options: SwcQueryOptions): PropertyDecorator;\nexport function allParentHost(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return queryAll(':parentHost', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return queryAll(':parentHost', targetOrOptions as SwcQueryOptions);\n  } else {\n    return queryAll(':parentHost', {});\n  }\n}\n\n/**\n * @allAppHost - Query all :appHost (All <swc-app> instances)\n * Usage: @allAppHost apps: SwcAppInterface[];\n * Usage: @allAppHost() apps: SwcAppInterface[];\n * Usage: @allAppHost({ root: 'shadow' }) apps: SwcAppInterface[];\n */\nexport function allAppHost(target: Object, propertyKey: string | symbol): void;\nexport function allAppHost(): PropertyDecorator;\nexport function allAppHost(options: SwcQueryOptions): PropertyDecorator;\nexport function allAppHost(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return queryAll(':appHost', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return queryAll(':appHost', targetOrOptions as SwcQueryOptions);\n  } else {\n    return queryAll(':appHost', {});\n  }\n}\n\n/**\n * @allFirstHost - Query all :firstHost (All first components in hierarchy)\n * Usage: @allFirstHost firsts: HTMLElement[];\n * Usage: @allFirstHost() firsts: HTMLElement[];\n * Usage: @allFirstHost({ root: 'shadow' }) firsts: HTMLElement[];\n */\nexport function allFirstHost(target: Object, propertyKey: string | symbol): void;\nexport function allFirstHost(): PropertyDecorator;\nexport function allFirstHost(options: SwcQueryOptions): PropertyDecorator;\nexport function allFirstHost(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return queryAll(':firstHost', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return queryAll(':firstHost', targetOrOptions as SwcQueryOptions);\n  } else {\n    return queryAll(':firstHost', {});\n  }\n}\n\n/**\n * @allLastHost - Query all :lastHost (All last components in hierarchy)\n * Usage: @allLastHost lasts: HTMLElement[];\n * Usage: @allLastHost() lasts: HTMLElement[];\n * Usage: @allLastHost({ root: 'shadow' }) lasts: HTMLElement[];\n */\nexport function allLastHost(target: Object, propertyKey: string | symbol): void;\nexport function allLastHost(): PropertyDecorator;\nexport function allLastHost(options: SwcQueryOptions): PropertyDecorator;\nexport function allLastHost(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return queryAll(':lastHost', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return queryAll(':lastHost', targetOrOptions as SwcQueryOptions);\n  } else {\n    return queryAll(':lastHost', {});\n  }\n}\n\n/**\n * @allFirstAppHost - Query all :firstAppHost (All first <swc-app> in hierarchy)\n * Usage: @allFirstAppHost apps: SwcAppInterface[];\n * Usage: @allFirstAppHost() apps: SwcAppInterface[];\n * Usage: @allFirstAppHost({ root: 'shadow' }) apps: SwcAppInterface[];\n */\nexport function allFirstAppHost(target: Object, propertyKey: string | symbol): void;\nexport function allFirstAppHost(): PropertyDecorator;\nexport function allFirstAppHost(options: SwcQueryOptions): PropertyDecorator;\nexport function allFirstAppHost(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return queryAll(':firstAppHost', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return queryAll(':firstAppHost', targetOrOptions as SwcQueryOptions);\n  } else {\n    return queryAll(':firstAppHost', {});\n  }\n}\n\n/**\n * @allLastAppHost - Query all :lastAppHost (All last <swc-app> in hierarchy)\n * Usage: @allLastAppHost apps: SwcAppInterface[];\n * Usage: @allLastAppHost() apps: SwcAppInterface[];\n * Usage: @allLastAppHost({ root: 'shadow' }) apps: SwcAppInterface[];\n */\nexport function allLastAppHost(target: Object, propertyKey: string | symbol): void;\nexport function allLastAppHost(): PropertyDecorator;\nexport function allLastAppHost(options: SwcQueryOptions): PropertyDecorator;\nexport function allLastAppHost(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return queryAll(':lastAppHost', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return queryAll(':lastAppHost', targetOrOptions as SwcQueryOptions);\n  } else {\n    return queryAll(':lastAppHost', {});\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\n"],
-  "mappings": "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",
+  "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.for('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        if (selector === '$host') return applyRoot(hostSet.$host);\n        if (selector === '$parentHost') return applyRoot(hostSet.$parentHost);\n        if (selector === '$appHost') return applyRoot(hostSet.$appHost);\n        if (selector === '$firstHost') return applyRoot(hostSet.$firstHost);\n        if (selector === '$lastHost') return applyRoot(hostSet.$lastHost);\n        if (selector === '$firstAppHost') return applyRoot(hostSet.$firstAppHost);\n        if (selector === '$lastAppHost') return applyRoot(hostSet.$lastAppHost);\n\n        // --- Special Selectors: Env ---\n        const config = getElementConfig(this);\n        const win = config?.window || window;\n        if (selector === '$window') return [win];\n        if (selector === '$document') return [win.document];\n        if (selector === '$this') return applyRoot(this);\n\n        // --- Standard Selectors ---\n        if (r === 'shadow') return this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];\n        if (r === 'light') return Array.from(this.querySelectorAll(selector));\n        if (r === 'all') {\n          const sNodes = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];\n          const lNodes = Array.from(this.querySelectorAll(selector));\n          return [...sNodes, ...lNodes];\n        }\n        const root = this.shadowRoot || this;\n        return Array.from(root.querySelectorAll(selector));\n      },\n      set(this: HTMLElement, nv: any) {\n        ensureInit(this);\n        if (nv === null || nv === undefined || (Array.isArray(nv) && nv.length === 0)) {\n          const selector = selectorOrTarget;\n          if (selector.startsWith('$') && selector !== '$this') return;\n\n          const r = 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\n/**\n * @queryAllThis decorator - simplified version of @queryAll for $this selector\n */\nexport function queryAllThis(target: Object, propertyKey: string | symbol): void;\nexport function queryAllThis(): PropertyDecorator;\nexport function queryAllThis(options: SwcQueryOptions): PropertyDecorator;\nexport function queryAllThis(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return queryAll('$this', {})(targetOrOptions, propertyKey);\n  }\n\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return queryAll('$this', targetOrOptions as SwcQueryOptions);\n  } else {\n    return queryAll('$this', {});\n  }\n}\n\n/**\n * @allParentHost - Query all parent SWC components\n */\nexport function allParentHost(target: Object, propertyKey: string | symbol): void;\nexport function allParentHost(): PropertyDecorator;\nexport function allParentHost(options: SwcQueryOptions): PropertyDecorator;\nexport function allParentHost(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return queryAll('$host', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return queryAll('$host', targetOrOptions as SwcQueryOptions);\n  } else {\n    return queryAll('$host', {});\n  }\n}\n\n/**\n * @allAppHost - Query all $appHost (All <swc-app> instances)\n */\nexport function allAppHost(target: Object, propertyKey: string | symbol): void;\nexport function allAppHost(): PropertyDecorator;\nexport function allAppHost(options: SwcQueryOptions): PropertyDecorator;\nexport function allAppHost(targetOrOptions?: any, propertyKey?: string | symbol): any {\n  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return queryAll('$appHost', {})(targetOrOptions, propertyKey);\n  }\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    return queryAll('$appHost', targetOrOptions as SwcQueryOptions);\n  } else {\n    return queryAll('$appHost', {});\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/esm/decorators/setProperty.js

@@ -35,15 +35,16 @@ const setProperty = (selector, propertyNameOrOptions, options = {}) => {
             if (!t || !(t instanceof win.HTMLElement)) return;
             targetEls.push(t);
           };
-          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(host);
+          if (selector === "$this" || !selector) applyRoot(host);
+          else if (selector === "$host") applyRoot(hostSet.$host);
+          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 {
             const targetRoot = r === "auto" ? host.shadowRoot || host : r === "shadow" ? host.shadowRoot : host;
             if (targetRoot) {
@@ -78,12 +79,12 @@ const setProperty = (selector, propertyNameOrOptions, options = {}) => {
     };
   };
 };
-const setPropertyHost = (propertyNameOrOptions, options = {}) => {
-  return setProperty(":host", propertyNameOrOptions, options);
+const setPropertyThis = (propertyNameOrOptions, options = {}) => {
+  return setProperty("$this", propertyNameOrOptions, options);
 };
 export {
   PROPERTY_SET_METADATA_KEY,
   setProperty,
-  setPropertyHost
+  setPropertyThis
 };
 //# sourceMappingURL=setProperty.js.map

package/dist/esm/decorators/setProperty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/setProperty.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { ensureInit } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { HelperHostSet, SwcQueryOptions } from '../types';\n\nexport interface PropertySetOptions extends SwcQueryOptions {\n  name?: string;\n  filter?: (target: HTMLElement, value: any, meta: {currentThis: any, helper: HelperHostSet}) => boolean;\n}\n\nexport interface PropertySetMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  options: PropertySetOptions;\n}\n\nexport const PROPERTY_SET_METADATA_KEY = Symbol.for('simple-web-component:property-set');\n\nexport const setProperty = (selector: string, propertyNameOrOptions?: string | PropertySetOptions, options: PropertySetOptions = {}): MethodDecorator => {\n  return (target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n    const constructor = target.constructor;\n    let metaList = ReflectUtils.getOwnMetadata(PROPERTY_SET_METADATA_KEY, constructor) as Map<string | symbol, PropertySetMetadata>;\n    if (!metaList) {\n      metaList = new Map<string | symbol, PropertySetMetadata>();\n      ReflectUtils.defineMetadata(PROPERTY_SET_METADATA_KEY, metaList, constructor);\n    }\n\n    let propertyName = typeof propertyNameOrOptions === 'string' ? propertyNameOrOptions : undefined;\n    let finalOptions = options;\n    \n    if (typeof propertyNameOrOptions === 'object' && propertyNameOrOptions !== null) {\n      finalOptions = propertyNameOrOptions as PropertySetOptions;\n    }\n\n    metaList.set(propertyKey, { \n      propertyKey, \n      selector, \n      options: { ...finalOptions, name: propertyName } \n    });\n\n    const original = descriptor.value;\n    descriptor.value = function (...args: any[]) {\n      ensureInit(this);\n      const res = (original as any).apply(this, args);\n\n      const handleResult = (resolvedValue: any) => {\n        if (resolvedValue !== undefined) {\n          const win = (this as any).ownerDocument?.defaultView || window;\n          const host = this as unknown as HTMLElement;\n          const hostSet = { ...SwcUtils.getHelperAndHostSet(win, host), $this: this };\n          const r = finalOptions.root || 'auto';\n          const targetEls: HTMLElement[] = [];\n\n          const applyRoot = (t: any) => {\n            if (!t || !(t instanceof win.HTMLElement)) return;\n            targetEls.push(t);\n          };\n\n          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(host);\n          else {\n            const targetRoot = r === 'auto' ? (host.shadowRoot || host) : (r === 'shadow' ? host.shadowRoot : host);\n            if (targetRoot) {\n              const found = targetRoot.querySelectorAll(selector);\n              if (found) targetEls.push(...(Array.from(found) as HTMLElement[]));\n            }\n          }\n\n          targetEls.forEach(targetEl => {\n            if (finalOptions.filter && !finalOptions.filter(targetEl, resolvedValue, {currentThis: this, helper: hostSet})) {\n              return;\n            }\n            const resolvedRes = typeof resolvedValue === 'function' ? (resolvedValue as any)(targetEl, hostSet) : resolvedValue;\n\n            if (propertyName) {\n              // Case: @setProperty(selector, 'propertyName')\n              (targetEl as any)[propertyName] = resolvedRes;\n            } else if (typeof resolvedRes === 'object' && resolvedRes !== null && !Array.isArray(resolvedRes)) {\n              // Case: @setProperty(selector) with Object return - assign multiple properties\n              Object.entries(resolvedRes as any).forEach(([prop, val]) => {\n                const finalVal = typeof val === 'function' ? val(targetEl, hostSet) : val;\n                (targetEl as any)[prop] = finalVal;\n              });\n            } else {\n              // Simple value - assign to 'value' property by default\n              (targetEl as any).value = resolvedRes;\n            }\n          });\n        }\n        return resolvedValue;\n      };\n\n      if (res instanceof Promise) {\n        return res.then(handleResult);\n      } else {\n        return handleResult(res);\n      }\n    };\n  };\n};\n\nexport const setPropertyHost = (propertyNameOrOptions?: string | PropertySetOptions, options: PropertySetOptions = {}): MethodDecorator => {\n  return setProperty(':host', propertyNameOrOptions, options);\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { ensureInit } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { HelperHostSet, SwcQueryOptions } from '../types';\n\nexport interface PropertySetOptions extends SwcQueryOptions {\n  name?: string;\n  filter?: (target: HTMLElement, value: any, meta: {currentThis: any, helper: HelperHostSet}) => boolean;\n}\n\nexport interface PropertySetMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  options: PropertySetOptions;\n}\n\nexport const PROPERTY_SET_METADATA_KEY = Symbol.for('simple-web-component:property-set');\n\nexport const setProperty = (selector: string, propertyNameOrOptions?: string | PropertySetOptions, options: PropertySetOptions = {}): MethodDecorator => {\n  return (target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n    const constructor = target.constructor;\n    let metaList = ReflectUtils.getOwnMetadata(PROPERTY_SET_METADATA_KEY, constructor) as Map<string | symbol, PropertySetMetadata>;\n    if (!metaList) {\n      metaList = new Map<string | symbol, PropertySetMetadata>();\n      ReflectUtils.defineMetadata(PROPERTY_SET_METADATA_KEY, metaList, constructor);\n    }\n\n    let propertyName = typeof propertyNameOrOptions === 'string' ? propertyNameOrOptions : undefined;\n    let finalOptions = options;\n    \n    if (typeof propertyNameOrOptions === 'object' && propertyNameOrOptions !== null) {\n      finalOptions = propertyNameOrOptions as PropertySetOptions;\n    }\n\n    metaList.set(propertyKey, { \n      propertyKey, \n      selector, \n      options: { ...finalOptions, name: propertyName } \n    });\n\n    const original = descriptor.value;\n    descriptor.value = function (...args: any[]) {\n      ensureInit(this);\n      const res = (original as any).apply(this, args);\n\n      const handleResult = (resolvedValue: any) => {\n        if (resolvedValue !== undefined) {\n          const win = (this as any).ownerDocument?.defaultView || window;\n          const host = this as unknown as HTMLElement;\n          const hostSet = { ...SwcUtils.getHelperAndHostSet(win, host), $this: this };\n          const r = finalOptions.root || 'auto';\n          const targetEls: HTMLElement[] = [];\n\n          const applyRoot = (t: any) => {\n            if (!t || !(t instanceof win.HTMLElement)) return;\n            targetEls.push(t);\n          };\n\n          if (selector === '$this' || !selector) applyRoot(host);\n          else if (selector === '$host') applyRoot(hostSet.$host);\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 {\n            const targetRoot = r === 'auto' ? (host.shadowRoot || host) : (r === 'shadow' ? host.shadowRoot : host);\n            if (targetRoot) {\n              const found = targetRoot.querySelectorAll(selector);\n              if (found) targetEls.push(...(Array.from(found) as HTMLElement[]));\n            }\n          }\n\n          targetEls.forEach(targetEl => {\n            if (finalOptions.filter && !finalOptions.filter(targetEl, resolvedValue, {currentThis: this, helper: hostSet})) {\n              return;\n            }\n            const resolvedRes = typeof resolvedValue === 'function' ? (resolvedValue as any)(targetEl, hostSet) : resolvedValue;\n\n            if (propertyName) {\n              // Case: @setProperty(selector, 'propertyName')\n              (targetEl as any)[propertyName] = resolvedRes;\n            } else if (typeof resolvedRes === 'object' && resolvedRes !== null && !Array.isArray(resolvedRes)) {\n              // Case: @setProperty(selector) with Object return - assign multiple properties\n              Object.entries(resolvedRes as any).forEach(([prop, val]) => {\n                const finalVal = typeof val === 'function' ? val(targetEl, hostSet) : val;\n                (targetEl as any)[prop] = finalVal;\n              });\n            } else {\n              // Simple value - assign to 'value' property by default\n              (targetEl as any).value = resolvedRes;\n            }\n          });\n        }\n        return resolvedValue;\n      };\n\n      if (res instanceof Promise) {\n        return res.then(handleResult);\n      } else {\n        return handleResult(res);\n      }\n    };\n  };\n};\n\nexport const setPropertyThis = (propertyNameOrOptions?: string | PropertySetOptions, options: PropertySetOptions = {}): MethodDecorator => {\n  return setProperty('$this', propertyNameOrOptions, options);\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/elements/SwcAsync.js

@@ -7,11 +7,11 @@ var __decorate = function(decorators, target, key, desc) {
 var __metadata = function(k, v) {
   if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-import { changedAttributeHost } from "../decorators/changedAttributeHost.js";
+import { changedAttributeThis } from "../decorators/changedAttributeThis.js";
 import { SwcUtils } from "../utils/Utils.js";
 import { FunctionUtils, ActionExpression } from "@dooboostore/core";
 import { ConvertUtils } from "@dooboostore/core-web";
-import { attributeHost } from "../decorators/index.js";
+import { attributeThis } from "../decorators/index.js";
 class SwcAsync extends HTMLTemplateElement {
   constructor() {
     super(...arguments);
@@ -26,7 +26,7 @@ class SwcAsync extends HTMLTemplateElement {
   setValue(valueAttr) {
     this.executeAsync(this._value);
   }
-  // @changedAttributeHost('replace-wrap')
+  // @changedAttributeThis('replace-wrap')
   // private setReplaceWrap() {
   //   this.executeAsync(this._value);
   // }
@@ -109,19 +109,19 @@ class SwcAsync extends HTMLTemplateElement {
   }
 }
 __decorate([
-  attributeHost("value"),
+  attributeThis("value"),
   __metadata("design:type", Object)
 ], SwcAsync.prototype, "_value", void 0);
 __decorate([
-  attributeHost("replace-wrap-start"),
+  attributeThis("replace-wrap-start"),
   __metadata("design:type", String)
 ], SwcAsync.prototype, "_replaceWrapStart", void 0);
 __decorate([
-  attributeHost("replace-wrap-end"),
+  attributeThis("replace-wrap-end"),
   __metadata("design:type", String)
 ], SwcAsync.prototype, "_replaceWrapEnd", void 0);
 __decorate([
-  changedAttributeHost("value"),
+  changedAttributeThis("value"),
   __metadata("design:type", Function),
   __metadata("design:paramtypes", [String]),
   __metadata("design:returntype", void 0)

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/SwcAsync.ts"],
-  "sourcesContent": ["import { changedAttributeHost } from '../decorators/changedAttributeHost';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils, ActionExpression } from '@dooboostore/core';\nimport { ConvertUtils } from '@dooboostore/core-web';\nimport { attributeHost } from '../decorators';\n\nclass SwcAsync extends HTMLTemplateElement {\n  @attributeHost('value')\n  _value: any;\n  @attributeHost('replace-wrap-start')\n  _replaceWrapStart: string | null;\n  @attributeHost('replace-wrap-end')\n  _replaceWrapEnd: string | null;  resultValue?: any;\n\n  get value(): boolean {\n    return this._value;\n  }\n\n  set value(nv: any) {\n    this.executeAsync(nv);\n  }\n\n  private _nodes: Node[] = [];\n\n  @changedAttributeHost('value')\n  private setValue(valueAttr?: string | null) {\n    this.executeAsync(this._value);\n  }\n\n  // @changedAttributeHost('replace-wrap')\n  // private setReplaceWrap() {\n  //   this.executeAsync(this._value);\n  // }\n\n  private executeAsync(result: any = this._value) {\n    if (result === undefined || result === null) {\n      this.refresh('default');\n      return;\n    }\n\n    if (result instanceof Promise) {\n      this.refresh('loading');\n      result\n        .then(v => {\n          this.resultValue = v;\n          this.refresh('success');\n        })\n        .catch(e => {\n          console.error('[SWC-ASYNC] Promise rejected:', e);\n          this.resultValue = e;\n          this.refresh('error');\n        });\n    } else {\n      this.resultValue = result;\n      this.refresh('success');\n    }\n  }\n\n  private replaceExpressions(html: string, groupArgs: any, context: any, wrap: {start: string, end: string}): string {\n    let config: any = undefined;\n    if (wrap) {\n      config = {\n        expression: {\n          replace: { start: `${wrap.start}`, end: `${wrap.end}` },\n          callReturn: { start: `${wrap.start}=`, end: `${wrap.end}` },\n          call: { start: `${wrap.start}@`, end: `${wrap.end}` }\n        }\n      };\n    }\n    const ae = new ActionExpression(html, config);\n    const win = this.ownerDocument?.defaultView || window;\n\n    // @ts-ignore\n    for (const expr of ae.getExpressions('replace')) {\n      try {\n        const value = FunctionUtils.executeReturn({\n          script: ConvertUtils.decodeHtmlEntity(expr.script, win.document),\n          context,\n          args: groupArgs\n        });\n        ae.replace(expr, String(value));\n      } catch (e) {\n        console.error(`[SWC] Failed to execute ${expr.original}:`, e);\n      }\n    }\n    return ae.getUnprocessedTemplate();\n  }\n\n  refresh(state: string = 'default') {\n    // console.log('rrrrrrrrrrrrrrrrr', state);\n    this.cleanup();\n    const portal = SwcUtils.getParentContainer(this);\n    if (!portal) return;\n\n    const win = this.ownerDocument?.defaultView || window;\n    const helperSet = SwcUtils.getHelperAndHostSet(win, this);\n\n    const t = this.content.querySelector(`template[is=\"swc-${state}\"]`) as HTMLTemplateElement;\n    if (t) {\n      let htmlString = t.innerHTML;\n      const groupArgs = { ...helperSet, $value: this._value, $state: state, $templateHost: this };\n\n      htmlString = this.replaceExpressions(htmlString, groupArgs, this, {start:this._replaceWrapStart ?? '{#{', end: this._replaceWrapEnd ?? '}#}'});\n\n      const temp = this.ownerDocument?.createElement('template') || document.createElement('template');\n      temp.innerHTML = htmlString;\n      const content = temp.content;\n\n      this._nodes = Array.from(content.childNodes);\n      this._nodes.forEach((node: any) => {\n        if (node instanceof HTMLElement)  (node as any).__template_swc_host = this;\n      });\n\n      portal.insertBefore(content, this.nextSibling);\n    }\n  }\n\n  private cleanup() {\n    this._nodes.forEach(n => n.parentElement?.removeChild(n));\n    this._nodes = [];\n  }\n\n  disconnectedCallback() {\n    this.cleanup();\n  }\n}\n"],
+  "sourcesContent": ["import { changedAttributeThis } from '../decorators/changedAttributeThis';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils, ActionExpression } from '@dooboostore/core';\nimport { ConvertUtils } from '@dooboostore/core-web';\nimport { attributeThis } from '../decorators';\n\nclass SwcAsync extends HTMLTemplateElement {\n  @attributeThis('value')\n  _value: any;\n  @attributeThis('replace-wrap-start')\n  _replaceWrapStart: string | null;\n  @attributeThis('replace-wrap-end')\n  _replaceWrapEnd: string | null;  resultValue?: any;\n\n  get value(): boolean {\n    return this._value;\n  }\n\n  set value(nv: any) {\n    this.executeAsync(nv);\n  }\n\n  private _nodes: Node[] = [];\n\n  @changedAttributeThis('value')\n  private setValue(valueAttr?: string | null) {\n    this.executeAsync(this._value);\n  }\n\n  // @changedAttributeThis('replace-wrap')\n  // private setReplaceWrap() {\n  //   this.executeAsync(this._value);\n  // }\n\n  private executeAsync(result: any = this._value) {\n    if (result === undefined || result === null) {\n      this.refresh('default');\n      return;\n    }\n\n    if (result instanceof Promise) {\n      this.refresh('loading');\n      result\n        .then(v => {\n          this.resultValue = v;\n          this.refresh('success');\n        })\n        .catch(e => {\n          console.error('[SWC-ASYNC] Promise rejected:', e);\n          this.resultValue = e;\n          this.refresh('error');\n        });\n    } else {\n      this.resultValue = result;\n      this.refresh('success');\n    }\n  }\n\n  private replaceExpressions(html: string, groupArgs: any, context: any, wrap: {start: string, end: string}): string {\n    let config: any = undefined;\n    if (wrap) {\n      config = {\n        expression: {\n          replace: { start: `${wrap.start}`, end: `${wrap.end}` },\n          callReturn: { start: `${wrap.start}=`, end: `${wrap.end}` },\n          call: { start: `${wrap.start}@`, end: `${wrap.end}` }\n        }\n      };\n    }\n    const ae = new ActionExpression(html, config);\n    const win = this.ownerDocument?.defaultView || window;\n\n    // @ts-ignore\n    for (const expr of ae.getExpressions('replace')) {\n      try {\n        const value = FunctionUtils.executeReturn({\n          script: ConvertUtils.decodeHtmlEntity(expr.script, win.document),\n          context,\n          args: groupArgs\n        });\n        ae.replace(expr, String(value));\n      } catch (e) {\n        console.error(`[SWC] Failed to execute ${expr.original}:`, e);\n      }\n    }\n    return ae.getUnprocessedTemplate();\n  }\n\n  refresh(state: string = 'default') {\n    // console.log('rrrrrrrrrrrrrrrrr', state);\n    this.cleanup();\n    const portal = SwcUtils.getParentContainer(this);\n    if (!portal) return;\n\n    const win = this.ownerDocument?.defaultView || window;\n    const helperSet = SwcUtils.getHelperAndHostSet(win, this);\n\n    const t = this.content.querySelector(`template[is=\"swc-${state}\"]`) as HTMLTemplateElement;\n    if (t) {\n      let htmlString = t.innerHTML;\n      const groupArgs = { ...helperSet, $value: this._value, $state: state, $templateHost: this };\n\n      htmlString = this.replaceExpressions(htmlString, groupArgs, this, {start:this._replaceWrapStart ?? '{#{', end: this._replaceWrapEnd ?? '}#}'});\n\n      const temp = this.ownerDocument?.createElement('template') || document.createElement('template');\n      temp.innerHTML = htmlString;\n      const content = temp.content;\n\n      this._nodes = Array.from(content.childNodes);\n      this._nodes.forEach((node: any) => {\n        if (node instanceof HTMLElement)  (node as any).__template_swc_host = this;\n      });\n\n      portal.insertBefore(content, this.nextSibling);\n    }\n  }\n\n  private cleanup() {\n    this._nodes.forEach(n => n.parentElement?.removeChild(n));\n    this._nodes = [];\n  }\n\n  disconnectedCallback() {\n    this.cleanup();\n  }\n}\n"],
   "mappings": ";;;;;;;;;AAAA,SAAS,4BAA4B;AACrC,SAAS,gBAAgB;AACzB,SAAS,eAAe,wBAAwB;AAChD,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAE9B,MAAM,iBAAiB,oBAAmB;EAA1C,cAAA;;AAgBU,SAAA,SAAiB,CAAA;EAuG3B;EA/GE,IAAI,QAAK;AACP,WAAO,KAAK;EACd;EAEA,IAAI,MAAM,IAAO;AACf,SAAK,aAAa,EAAE;EACtB;EAKQ,SAAS,WAAyB;AACxC,SAAK,aAAa,KAAK,MAAM;EAC/B;;;;;EAOQ,aAAa,SAAc,KAAK,QAAM;AAC5C,QAAI,WAAW,UAAa,WAAW,MAAM;AAC3C,WAAK,QAAQ,SAAS;AACtB;IACF;AAEA,QAAI,kBAAkB,SAAS;AAC7B,WAAK,QAAQ,SAAS;AACtB,aACG,KAAK,OAAI;AACR,aAAK,cAAc;AACnB,aAAK,QAAQ,SAAS;MACxB,CAAC,EACA,MAAM,OAAI;AACT,gBAAQ,MAAM,iCAAiC,CAAC;AAChD,aAAK,cAAc;AACnB,aAAK,QAAQ,OAAO;MACtB,CAAC;IACL,OAAO;AACL,WAAK,cAAc;AACnB,WAAK,QAAQ,SAAS;IACxB;EACF;EAEQ,mBAAmB,MAAc,WAAgB,SAAc,MAAkC;AACvG,QAAI,SAAc;AAClB,QAAI,MAAM;AACR,eAAS;QACP,YAAY;UACV,SAAS,EAAE,OAAO,GAAG,KAAK,KAAK,IAAI,KAAK,GAAG,KAAK,GAAG,GAAE;UACrD,YAAY,EAAE,OAAO,GAAG,KAAK,KAAK,KAAK,KAAK,GAAG,KAAK,GAAG,GAAE;UACzD,MAAM,EAAE,OAAO,GAAG,KAAK,KAAK,KAAK,KAAK,GAAG,KAAK,GAAG,GAAE;;;IAGzD;AACA,UAAM,KAAK,IAAI,iBAAiB,MAAM,MAAM;AAC5C,UAAM,MAAM,KAAK,eAAe,eAAe;AAG/C,eAAW,QAAQ,GAAG,eAAe,SAAS,GAAG;AAC/C,UAAI;AACF,cAAM,QAAQ,cAAc,cAAc;UACxC,QAAQ,aAAa,iBAAiB,KAAK,QAAQ,IAAI,QAAQ;UAC/D;UACA,MAAM;SACP;AACD,WAAG,QAAQ,MAAM,OAAO,KAAK,CAAC;MAChC,SAAS,GAAG;AACV,gBAAQ,MAAM,2BAA2B,KAAK,QAAQ,KAAK,CAAC;MAC9D;IACF;AACA,WAAO,GAAG,uBAAsB;EAClC;EAEA,QAAQ,QAAgB,WAAS;AAE/B,SAAK,QAAO;AACZ,UAAM,SAAS,SAAS,mBAAmB,IAAI;AAC/C,QAAI,CAAC;AAAQ;AAEb,UAAM,MAAM,KAAK,eAAe,eAAe;AAC/C,UAAM,YAAY,SAAS,oBAAoB,KAAK,IAAI;AAExD,UAAM,IAAI,KAAK,QAAQ,cAAc,oBAAoB,KAAK,IAAI;AAClE,QAAI,GAAG;AACL,UAAI,aAAa,EAAE;AACnB,YAAM,YAAY,EAAE,GAAG,WAAW,QAAQ,KAAK,QAAQ,QAAQ,OAAO,eAAe,KAAI;AAEzF,mBAAa,KAAK,mBAAmB,YAAY,WAAW,MAAM,EAAC,OAAM,KAAK,qBAAqB,OAAO,KAAK,KAAK,mBAAmB,MAAK,CAAC;AAE7I,YAAM,OAAO,KAAK,eAAe,cAAc,UAAU,KAAK,SAAS,cAAc,UAAU;AAC/F,WAAK,YAAY;AACjB,YAAM,UAAU,KAAK;AAErB,WAAK,SAAS,MAAM,KAAK,QAAQ,UAAU;AAC3C,WAAK,OAAO,QAAQ,CAAC,SAAa;AAChC,YAAI,gBAAgB;AAAe,eAAa,sBAAsB;MACxE,CAAC;AAED,aAAO,aAAa,SAAS,KAAK,WAAW;IAC/C;EACF;EAEQ,UAAO;AACb,SAAK,OAAO,QAAQ,OAAK,EAAE,eAAe,YAAY,CAAC,CAAC;AACxD,SAAK,SAAS,CAAA;EAChB;EAEA,uBAAoB;AAClB,SAAK,QAAO;EACd;;AApHA,WAAA;EADC,cAAc,OAAO;;;AAGtB,WAAA;EADC,cAAc,oBAAoB;;;AAGnC,WAAA;EADC,cAAc,kBAAkB;;;AAczB,WAAA;EADP,qBAAqB,OAAO;;;;;",
   "names": []
 }

package/dist/esm/elements/SwcChoose.js

@@ -7,11 +7,11 @@ var __decorate = function(decorators, target, key, desc) {
 var __metadata = function(k, v) {
   if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-import { changedAttributeHost } from "../decorators/changedAttributeHost.js";
+import { changedAttributeThis } from "../decorators/changedAttributeThis.js";
 import { SwcUtils } from "../utils/Utils.js";
 import { FunctionUtils, ActionExpression } from "@dooboostore/core";
 import { ConvertUtils } from "@dooboostore/core-web";
-import { attributeHost, getAttributeValue, getElementConfig } from "../decorators/index.js";
+import { attributeThis, getAttributeValue, getElementConfig } from "../decorators/index.js";
 class SwcChoose extends HTMLTemplateElement {
   get value() {
     return this._value;
@@ -35,7 +35,7 @@ class SwcChoose extends HTMLTemplateElement {
     this._value = value;
     this.refresh(this._value);
   }
-  // @changedAttributeHost('replace-wrap')
+  // @changedAttributeThis('replace-wrap')
   // private setReplaceWrap(replaceWrapAttr?: string | null) {
   //   this.refresh();
   // }
@@ -139,15 +139,15 @@ class SwcChoose extends HTMLTemplateElement {
   }
 }
 __decorate([
-  attributeHost("replace-wrap-start"),
+  attributeThis("replace-wrap-start"),
   __metadata("design:type", String)
 ], SwcChoose.prototype, "_replaceWrapStart", void 0);
 __decorate([
-  attributeHost("replace-wrap-end"),
+  attributeThis("replace-wrap-end"),
   __metadata("design:type", String)
 ], SwcChoose.prototype, "_replaceWrapEnd", void 0);
 __decorate([
-  changedAttributeHost("value"),
+  changedAttributeThis("value"),
   __metadata("design:type", Function),
   __metadata("design:paramtypes", [Object, String, String]),
   __metadata("design:returntype", void 0)

package/dist/esm/elements/SwcChoose.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/SwcChoose.ts"],
-  "sourcesContent": ["import { changedAttributeHost } from '../decorators/changedAttributeHost';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils, ActionExpression } from '@dooboostore/core';\nimport { ConvertUtils } from '@dooboostore/core-web';\nimport { SwcChooseInterface } from '../types';\nimport { attributeHost, getAttributeValue, getElementConfig } from '../decorators';\n\nclass SwcChoose extends HTMLTemplateElement implements SwcChooseInterface {\n  _value: any;\n\n  @attributeHost('replace-wrap-start')\n  _replaceWrapStart: string | null;\n  @attributeHost('replace-wrap-end')\n  _replaceWrapEnd: string | null;\n\n  private _nodes: Node[] = [];\n  private _previousTemplate: HTMLTemplateElement | null = null;\n\n  get value(): any {\n    return this._value;\n  }\n\n  set value(nv: any) {\n    this._value = nv;\n    this.refresh(this._value);\n  }\n\n  constructor() {\n    super();\n    // console.log('swc chooooooooooooooooooooooooose constructor called!');\n    // console.log('swc cccccccss', this.getAttribute('value'));\n  }\n\n  // static get observedAttributes() {\n  //   return ['value'];\n  // }\n\n  attributeChangedCallback(na, o, n) {\n    // console.log('-----------------choooooooose attr origin', na, o, n);\n  }\n\n  @changedAttributeHost('value')\n  private setValue(value: any, o: string, n: string) {\n    console.log('chooooooose value', value)\n    this._value = value;\n    this.refresh(this._value);\n  }\n\n  // @changedAttributeHost('replace-wrap')\n  // private setReplaceWrap(replaceWrapAttr?: string | null) {\n  //   this.refresh();\n  // }\n\n  private replaceExpressions(html: string, groupArgs: any, context: any, wrap: {start: string, end: string}): string {\n    let config: any = undefined;\n    if (wrap) {\n      config = {\n        expression: {\n          replace: { start: `${wrap.start}`, end: `${wrap.end}` },\n          callReturn: { start: `${wrap.start}=`, end: `${wrap.end}` },\n          call: { start: `${wrap.start}@`, end: `${wrap.end}` }\n        }\n      };\n    }\n    const ae = new ActionExpression(html, config);\n    const win = this.ownerDocument?.defaultView || window;\n\n    // @ts-ignore\n    for (const expr of ae.getExpressions('replace')) {\n      try {\n        const value = FunctionUtils.executeReturn({\n          script: ConvertUtils.decodeHtmlEntity(expr.script, win.document),\n          context,\n          args: groupArgs\n        });\n        ae.replace(expr, String(value));\n      } catch (e) {\n        console.error(`[SWC] Failed to execute ${expr.original}:`, e);\n      }\n    }\n    return ae.getUnprocessedTemplate();\n  }\n\n  refresh(value?: any) {\n    value = getAttributeValue(this, 'value') ?? this._value;\n    console.log('[DEBUG] SwcChoose.refresh called, value:', value);\n    const portal = SwcUtils.getParentContainer(this);\n    if (!portal) {\n      console.log('[DEBUG] SwcChoose portal is null!');\n      return;\n    }\n\n    const win = (getElementConfig(this).window ?? this.ownerDocument?.defaultView) || window;\n    const helperSet = SwcUtils.getHelperAndHostSet(win, this);\n    const groupArgs = { ...helperSet, $value: value, $templateHost: this };\n\n    const templates = Array.from(this.content.querySelectorAll('template'));\n    let selected: HTMLTemplateElement | null = null;\n\n    for (const t of templates) {\n      if (t.getAttribute('is') === 'swc-when') {\n        const attrVal = t.getAttribute('test') || '';\n        let matches = false;\n\n\n\n        const result = FunctionUtils.executeReturn({\n          script: attrVal,\n          context: t,\n          args: groupArgs\n        });\n        matches = !!result;\n        // Use ActionExpression to parse and extract script from value attribute\n        // const ae = new ActionExpression(attrVal);\n        // const expr = ae.getFirstExpression('replace');\n\n        // if (expr) {\n        //   const decodedScript = ConvertUtils.decodeHtmlEntity(expr.script, win.document);\n        //   const result = FunctionUtils.executeReturn({\n        //     script: decodedScript,\n        //     context: t,\n        //     args: groupArgs\n        //   });\n        //   matches = !!result;\n        // } else {\n        //   matches = String(attrVal) === String(value);\n        // }\n\n        if (matches) {\n          selected = t;\n          break;\n        }\n      }\n    }\n\n    const target = selected || (this.content.querySelector('template[is=\"swc-otherwise\"]') as HTMLTemplateElement);\n\n    const skipValue = target?.getAttribute?.('skip-if-same');\n    const skipValue2 = this._previousTemplate?.getAttribute?.('skip-if-same');\n    const hasSkipIfSame = target?.hasAttribute?.('skip-if-same');\n    const isSame = this._previousTemplate === target;\n    // console.log('---rrrr---', this._previousTemplate, target, hasSkipIfSame, isSame, skipValue, skipValue2);\n    if (hasSkipIfSame && isSame) {\n      return;\n    }\n\n    this.cleanup();\n    this._previousTemplate = target;\n\n    if (target) {\n      let htmlString = target.innerHTML;\n      htmlString = this.replaceExpressions(htmlString, groupArgs, this, {start:this._replaceWrapStart ?? '{#{', end: this._replaceWrapEnd ?? '}#}'});\n\n      const result = this.ownerDocument?.createElement('template') || document.createElement('template');\n      result.innerHTML = htmlString;\n      const processedFragment = result.content;\n\n      // console.log('[DEBUG] SwcChoose processedFragment children:', processedFragment._childNodesInternal?.length);\n      this._nodes = Array.from(processedFragment.childNodes);\n      \n      const setTemplateHost = (element: HTMLElement) => {\n        (element as any).__swc_template_host = this;\n        Array.from(element.children).forEach((child: any) => {\n          if (child instanceof HTMLElement) {\n            setTemplateHost(child);\n          }\n        });\n      };\n      \n      this._nodes.forEach((node: any) => {\n        if (node instanceof HTMLElement) {\n          setTemplateHost(node as HTMLElement);\n        }\n      });\n\n      console.log(`[DEBUG] SwcChoose before insertBefore, portal: ${portal?.tagName}, isConnected: ${(portal as any)?.isConnected}`);\n      portal.insertBefore(processedFragment, this.nextSibling);\n      console.log('[DEBUG] SwcChoose after insertBefore');\n    }\n  }\n\n  private cleanup() {\n    this._nodes.forEach(n => n.parentElement?.removeChild(n));\n    this._nodes = [];\n  }\n\n  disconnectedCallback() {\n    this.cleanup();\n  }\n}\n"],
+  "sourcesContent": ["import { changedAttributeThis } from '../decorators/changedAttributeThis';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils, ActionExpression } from '@dooboostore/core';\nimport { ConvertUtils } from '@dooboostore/core-web';\nimport { SwcChooseInterface } from '../types';\nimport { attributeThis, getAttributeValue, getElementConfig } from '../decorators';\n\nclass SwcChoose extends HTMLTemplateElement implements SwcChooseInterface {\n  _value: any;\n\n  @attributeThis('replace-wrap-start')\n  _replaceWrapStart: string | null;\n  @attributeThis('replace-wrap-end')\n  _replaceWrapEnd: string | null;\n\n  private _nodes: Node[] = [];\n  private _previousTemplate: HTMLTemplateElement | null = null;\n\n  get value(): any {\n    return this._value;\n  }\n\n  set value(nv: any) {\n    this._value = nv;\n    this.refresh(this._value);\n  }\n\n  constructor() {\n    super();\n    // console.log('swc chooooooooooooooooooooooooose constructor called!');\n    // console.log('swc cccccccss', this.getAttribute('value'));\n  }\n\n  // static get observedAttributes() {\n  //   return ['value'];\n  // }\n\n  attributeChangedCallback(na, o, n) {\n    // console.log('-----------------choooooooose attr origin', na, o, n);\n  }\n\n  @changedAttributeThis('value')\n  private setValue(value: any, o: string, n: string) {\n    console.log('chooooooose value', value)\n    this._value = value;\n    this.refresh(this._value);\n  }\n\n  // @changedAttributeThis('replace-wrap')\n  // private setReplaceWrap(replaceWrapAttr?: string | null) {\n  //   this.refresh();\n  // }\n\n  private replaceExpressions(html: string, groupArgs: any, context: any, wrap: {start: string, end: string}): string {\n    let config: any = undefined;\n    if (wrap) {\n      config = {\n        expression: {\n          replace: { start: `${wrap.start}`, end: `${wrap.end}` },\n          callReturn: { start: `${wrap.start}=`, end: `${wrap.end}` },\n          call: { start: `${wrap.start}@`, end: `${wrap.end}` }\n        }\n      };\n    }\n    const ae = new ActionExpression(html, config);\n    const win = this.ownerDocument?.defaultView || window;\n\n    // @ts-ignore\n    for (const expr of ae.getExpressions('replace')) {\n      try {\n        const value = FunctionUtils.executeReturn({\n          script: ConvertUtils.decodeHtmlEntity(expr.script, win.document),\n          context,\n          args: groupArgs\n        });\n        ae.replace(expr, String(value));\n      } catch (e) {\n        console.error(`[SWC] Failed to execute ${expr.original}:`, e);\n      }\n    }\n    return ae.getUnprocessedTemplate();\n  }\n\n  refresh(value?: any) {\n    value = getAttributeValue(this, 'value') ?? this._value;\n    console.log('[DEBUG] SwcChoose.refresh called, value:', value);\n    const portal = SwcUtils.getParentContainer(this);\n    if (!portal) {\n      console.log('[DEBUG] SwcChoose portal is null!');\n      return;\n    }\n\n    const win = (getElementConfig(this).window ?? this.ownerDocument?.defaultView) || window;\n    const helperSet = SwcUtils.getHelperAndHostSet(win, this);\n    const groupArgs = { ...helperSet, $value: value, $templateHost: this };\n\n    const templates = Array.from(this.content.querySelectorAll('template'));\n    let selected: HTMLTemplateElement | null = null;\n\n    for (const t of templates) {\n      if (t.getAttribute('is') === 'swc-when') {\n        const attrVal = t.getAttribute('test') || '';\n        let matches = false;\n\n\n\n        const result = FunctionUtils.executeReturn({\n          script: attrVal,\n          context: t,\n          args: groupArgs\n        });\n        matches = !!result;\n        // Use ActionExpression to parse and extract script from value attribute\n        // const ae = new ActionExpression(attrVal);\n        // const expr = ae.getFirstExpression('replace');\n\n        // if (expr) {\n        //   const decodedScript = ConvertUtils.decodeHtmlEntity(expr.script, win.document);\n        //   const result = FunctionUtils.executeReturn({\n        //     script: decodedScript,\n        //     context: t,\n        //     args: groupArgs\n        //   });\n        //   matches = !!result;\n        // } else {\n        //   matches = String(attrVal) === String(value);\n        // }\n\n        if (matches) {\n          selected = t;\n          break;\n        }\n      }\n    }\n\n    const target = selected || (this.content.querySelector('template[is=\"swc-otherwise\"]') as HTMLTemplateElement);\n\n    const skipValue = target?.getAttribute?.('skip-if-same');\n    const skipValue2 = this._previousTemplate?.getAttribute?.('skip-if-same');\n    const hasSkipIfSame = target?.hasAttribute?.('skip-if-same');\n    const isSame = this._previousTemplate === target;\n    // console.log('---rrrr---', this._previousTemplate, target, hasSkipIfSame, isSame, skipValue, skipValue2);\n    if (hasSkipIfSame && isSame) {\n      return;\n    }\n\n    this.cleanup();\n    this._previousTemplate = target;\n\n    if (target) {\n      let htmlString = target.innerHTML;\n      htmlString = this.replaceExpressions(htmlString, groupArgs, this, {start:this._replaceWrapStart ?? '{#{', end: this._replaceWrapEnd ?? '}#}'});\n\n      const result = this.ownerDocument?.createElement('template') || document.createElement('template');\n      result.innerHTML = htmlString;\n      const processedFragment = result.content;\n\n      // console.log('[DEBUG] SwcChoose processedFragment children:', processedFragment._childNodesInternal?.length);\n      this._nodes = Array.from(processedFragment.childNodes);\n      \n      const setTemplateHost = (element: HTMLElement) => {\n        (element as any).__swc_template_host = this;\n        Array.from(element.children).forEach((child: any) => {\n          if (child instanceof HTMLElement) {\n            setTemplateHost(child);\n          }\n        });\n      };\n      \n      this._nodes.forEach((node: any) => {\n        if (node instanceof HTMLElement) {\n          setTemplateHost(node as HTMLElement);\n        }\n      });\n\n      console.log(`[DEBUG] SwcChoose before insertBefore, portal: ${portal?.tagName}, isConnected: ${(portal as any)?.isConnected}`);\n      portal.insertBefore(processedFragment, this.nextSibling);\n      console.log('[DEBUG] SwcChoose after insertBefore');\n    }\n  }\n\n  private cleanup() {\n    this._nodes.forEach(n => n.parentElement?.removeChild(n));\n    this._nodes = [];\n  }\n\n  disconnectedCallback() {\n    this.cleanup();\n  }\n}\n"],
   "mappings": ";;;;;;;;;AAAA,SAAS,4BAA4B;AACrC,SAAS,gBAAgB;AACzB,SAAS,eAAe,wBAAwB;AAChD,SAAS,oBAAoB;AAE7B,SAAS,eAAe,mBAAmB,wBAAwB;AAEnE,MAAM,kBAAkB,oBAAmB;EAWzC,IAAI,QAAK;AACP,WAAO,KAAK;EACd;EAEA,IAAI,MAAM,IAAO;AACf,SAAK,SAAS;AACd,SAAK,QAAQ,KAAK,MAAM;EAC1B;EAEA,cAAA;AACE,UAAK;AAbC,SAAA,SAAiB,CAAA;AACjB,SAAA,oBAAgD;EAexD;;;;EAMA,yBAAyB,IAAI,GAAG,GAAC;EAEjC;EAGQ,SAAS,OAAY,GAAW,GAAS;AAC/C,YAAQ,IAAI,qBAAqB,KAAK;AACtC,SAAK,SAAS;AACd,SAAK,QAAQ,KAAK,MAAM;EAC1B;;;;;EAOQ,mBAAmB,MAAc,WAAgB,SAAc,MAAkC;AACvG,QAAI,SAAc;AAClB,QAAI,MAAM;AACR,eAAS;QACP,YAAY;UACV,SAAS,EAAE,OAAO,GAAG,KAAK,KAAK,IAAI,KAAK,GAAG,KAAK,GAAG,GAAE;UACrD,YAAY,EAAE,OAAO,GAAG,KAAK,KAAK,KAAK,KAAK,GAAG,KAAK,GAAG,GAAE;UACzD,MAAM,EAAE,OAAO,GAAG,KAAK,KAAK,KAAK,KAAK,GAAG,KAAK,GAAG,GAAE;;;IAGzD;AACA,UAAM,KAAK,IAAI,iBAAiB,MAAM,MAAM;AAC5C,UAAM,MAAM,KAAK,eAAe,eAAe;AAG/C,eAAW,QAAQ,GAAG,eAAe,SAAS,GAAG;AAC/C,UAAI;AACF,cAAM,QAAQ,cAAc,cAAc;UACxC,QAAQ,aAAa,iBAAiB,KAAK,QAAQ,IAAI,QAAQ;UAC/D;UACA,MAAM;SACP;AACD,WAAG,QAAQ,MAAM,OAAO,KAAK,CAAC;MAChC,SAAS,GAAG;AACV,gBAAQ,MAAM,2BAA2B,KAAK,QAAQ,KAAK,CAAC;MAC9D;IACF;AACA,WAAO,GAAG,uBAAsB;EAClC;EAEA,QAAQ,OAAW;AACjB,YAAQ,kBAAkB,MAAM,OAAO,KAAK,KAAK;AACjD,YAAQ,IAAI,4CAA4C,KAAK;AAC7D,UAAM,SAAS,SAAS,mBAAmB,IAAI;AAC/C,QAAI,CAAC,QAAQ;AACX,cAAQ,IAAI,mCAAmC;AAC/C;IACF;AAEA,UAAM,OAAO,iBAAiB,IAAI,EAAE,UAAU,KAAK,eAAe,gBAAgB;AAClF,UAAM,YAAY,SAAS,oBAAoB,KAAK,IAAI;AACxD,UAAM,YAAY,EAAE,GAAG,WAAW,QAAQ,OAAO,eAAe,KAAI;AAEpE,UAAM,YAAY,MAAM,KAAK,KAAK,QAAQ,iBAAiB,UAAU,CAAC;AACtE,QAAI,WAAuC;AAE3C,eAAW,KAAK,WAAW;AACzB,UAAI,EAAE,aAAa,IAAI,MAAM,YAAY;AACvC,cAAM,UAAU,EAAE,aAAa,MAAM,KAAK;AAC1C,YAAI,UAAU;AAId,cAAM,SAAS,cAAc,cAAc;UACzC,QAAQ;UACR,SAAS;UACT,MAAM;SACP;AACD,kBAAU,CAAC,CAAC;AAiBZ,YAAI,SAAS;AACX,qBAAW;AACX;QACF;MACF;IACF;AAEA,UAAM,SAAS,YAAa,KAAK,QAAQ,cAAc,8BAA8B;AAErF,UAAM,YAAY,QAAQ,eAAe,cAAc;AACvD,UAAM,aAAa,KAAK,mBAAmB,eAAe,cAAc;AACxE,UAAM,gBAAgB,QAAQ,eAAe,cAAc;AAC3D,UAAM,SAAS,KAAK,sBAAsB;AAE1C,QAAI,iBAAiB,QAAQ;AAC3B;IACF;AAEA,SAAK,QAAO;AACZ,SAAK,oBAAoB;AAEzB,QAAI,QAAQ;AACV,UAAI,aAAa,OAAO;AACxB,mBAAa,KAAK,mBAAmB,YAAY,WAAW,MAAM,EAAC,OAAM,KAAK,qBAAqB,OAAO,KAAK,KAAK,mBAAmB,MAAK,CAAC;AAE7I,YAAM,SAAS,KAAK,eAAe,cAAc,UAAU,KAAK,SAAS,cAAc,UAAU;AACjG,aAAO,YAAY;AACnB,YAAM,oBAAoB,OAAO;AAGjC,WAAK,SAAS,MAAM,KAAK,kBAAkB,UAAU;AAErD,YAAM,kBAAkB,CAAC,YAAwB;AAC9C,gBAAgB,sBAAsB;AACvC,cAAM,KAAK,QAAQ,QAAQ,EAAE,QAAQ,CAAC,UAAc;AAClD,cAAI,iBAAiB,aAAa;AAChC,4BAAgB,KAAK;UACvB;QACF,CAAC;MACH;AAEA,WAAK,OAAO,QAAQ,CAAC,SAAa;AAChC,YAAI,gBAAgB,aAAa;AAC/B,0BAAgB,IAAmB;QACrC;MACF,CAAC;AAED,cAAQ,IAAI,kDAAkD,QAAQ,OAAO,kBAAmB,QAAgB,WAAW,EAAE;AAC7H,aAAO,aAAa,mBAAmB,KAAK,WAAW;AACvD,cAAQ,IAAI,sCAAsC;IACpD;EACF;EAEQ,UAAO;AACb,SAAK,OAAO,QAAQ,OAAK,EAAE,eAAe,YAAY,CAAC,CAAC;AACxD,SAAK,SAAS,CAAA;EAChB;EAEA,uBAAoB;AAClB,SAAK,QAAO;EACd;;AAjLA,WAAA;EADC,cAAc,oBAAoB;;;AAGnC,WAAA;EADC,cAAc,kBAAkB;;;AA8BzB,WAAA;EADP,qBAAqB,OAAO;;;;;",
   "names": []
 }

package/dist/esm/elements/SwcIf.js

@@ -7,11 +7,11 @@ var __decorate = function(decorators, target, key, desc) {
 var __metadata = function(k, v) {
   if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-import { changedAttributeHost } from "../decorators/changedAttributeHost.js";
+import { changedAttributeThis } from "../decorators/changedAttributeThis.js";
 import { SwcUtils } from "../utils/Utils.js";
 import { FunctionUtils, ActionExpression } from "@dooboostore/core";
 import { ConvertUtils } from "@dooboostore/core-web";
-import { attributeHost, getAttributeValue } from "../decorators/index.js";
+import { attributeThis, getAttributeValue } from "../decorators/index.js";
 class SwcIf extends HTMLTemplateElement {
   get value() {
     return this._value;
@@ -27,7 +27,7 @@ class SwcIf extends HTMLTemplateElement {
     this._value = value;
     this.refresh(this._value);
   }
-  // @changedAttributeHost('replace-wrap')
+  // @changedAttributeThis('replace-wrap')
   // private setReplaceWrap(replaceWrapAttr?: string | null) {
   //   this.refresh();
   // }
@@ -97,19 +97,19 @@ class SwcIf extends HTMLTemplateElement {
   }
 }
 __decorate([
-  attributeHost("replace-wrap-start"),
+  attributeThis("replace-wrap-start"),
   __metadata("design:type", String)
 ], SwcIf.prototype, "_replaceWrapStart", void 0);
 __decorate([
-  attributeHost("replace-wrap-end"),
+  attributeThis("replace-wrap-end"),
   __metadata("design:type", String)
 ], SwcIf.prototype, "_replaceWrapEnd", void 0);
 __decorate([
-  attributeHost("skip-if-same"),
+  attributeThis("skip-if-same"),
   __metadata("design:type", String)
 ], SwcIf.prototype, "_skipIfSame", void 0);
 __decorate([
-  changedAttributeHost("value"),
+  changedAttributeThis("value"),
   __metadata("design:type", Function),
   __metadata("design:paramtypes", [Object, String, String]),
   __metadata("design:returntype", void 0)