@dooboostore/simple-web-component 1.0.22 → 1.0.24

package/dist/cjs/decorators/queryAll.js

@@ -18,6 +18,13 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var queryAll_exports = {};
 __export(queryAll_exports, {
   QUERY_ALL_METADATA_KEY: () => QUERY_ALL_METADATA_KEY,
+  allAppHost: () => allAppHost,
+  allFirstAppHost: () => allFirstAppHost,
+  allFirstHost: () => allFirstHost,
+  allHost: () => allHost,
+  allLastAppHost: () => allLastAppHost,
+  allLastHost: () => allLastHost,
+  allParentHost: () => allParentHost,
   getQueryAllMetadata: () => getQueryAllMetadata,
   queryAll: () => queryAll,
   queryAllHost: () => queryAllHost
@@ -121,7 +128,75 @@ const getQueryAllMetadata = (target) => {
   const constructor = target instanceof Function ? target : target.constructor;
   return import_core.ReflectUtils.getMetadata(QUERY_ALL_METADATA_KEY, constructor);
 };
-function queryAllHost(options) {
-  return queryAll(":host", options);
+function queryAllHost(targetOrOptions, propertyKey) {
+  if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
+    return queryAll(":host", {})(targetOrOptions, propertyKey);
+  }
+  if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
+    return queryAll(":host", targetOrOptions);
+  } else {
+    return queryAll(":host", {});
+  }
+}
+const allHost = queryAllHost;
+function allParentHost(targetOrOptions, propertyKey) {
+  if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
+    return queryAll(":parentHost", {})(targetOrOptions, propertyKey);
+  }
+  if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
+    return queryAll(":parentHost", targetOrOptions);
+  } else {
+    return queryAll(":parentHost", {});
+  }
+}
+function allAppHost(targetOrOptions, propertyKey) {
+  if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
+    return queryAll(":appHost", {})(targetOrOptions, propertyKey);
+  }
+  if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
+    return queryAll(":appHost", targetOrOptions);
+  } else {
+    return queryAll(":appHost", {});
+  }
+}
+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", {});
+  }
 }
 //# sourceMappingURL=queryAll.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/queryAll.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { getElementConfig, ensureInit } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { SpecialSelector, SwcQueryOptions } from '../types';\n\nexport interface QueryAllMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  options: SwcQueryOptions;\n}\n\nexport const QUERY_ALL_METADATA_KEY = Symbol('simple-web-component:query-all');\n\nexport function queryAll(target: SpecialSelector): PropertyDecorator;\nexport function queryAll(selector: string, options?: SwcQueryOptions): PropertyDecorator;\n/**\n * @queryAll decorator to inject a list of elements into a class property.\n */\nexport function queryAll(selectorOrTarget: string, options: any = {}): PropertyDecorator {\n  return (targetObj: Object, propertyKey: string | symbol, descriptor?: never): void => {\n    if (descriptor !== undefined) {\n      throw new Error(`@queryAll decorator cannot be used on methods. (Method: ${String(propertyKey)})`);\n    }\n\n    const constructor = targetObj.constructor;\n    let queries = ReflectUtils.getMetadata<QueryAllMetadata[]>(QUERY_ALL_METADATA_KEY, constructor);\n    if (!queries) {\n      queries = [];\n      ReflectUtils.defineMetadata(QUERY_ALL_METADATA_KEY, queries, constructor);\n    }\n    queries.push({ propertyKey, selector: selectorOrTarget, options });\n\n    Object.defineProperty(targetObj, propertyKey, {\n      get(this: HTMLElement) {\n        ensureInit(this);\n        const selector = selectorOrTarget;\n\n        const r = options.root || 'auto';\n        const applyRoot = (t: any): any[] => {\n          if (!t) return [];\n          const items = Array.isArray(t) ? t : [t];\n          const results: any[] = [];\n          items.forEach(it => {\n            if (!(it instanceof HTMLElement)) {\n              results.push(it);\n              return;\n            }\n            if (r === 'auto') results.push(it.shadowRoot || it);\n            else {\n              if (r === 'light' || r === 'all') results.push(it);\n              if ((r === 'shadow' || r === 'all') && it.shadowRoot) results.push(it.shadowRoot);\n            }\n          });\n          return results;\n        };\n\n        // --- Special Selectors: HostSet ---\n        const hostSet = SwcUtils.getHostSet(this);\n        if (selector === ':hosts') return applyRoot(hostSet.$hosts);\n        if (selector === ':appHosts') return applyRoot(hostSet.$appHosts);\n\n        // --- Special Selectors: Env ---\n        const config = getElementConfig(this);\n        const win = config?.window || window;\n        if (selector === ':window') return [win];\n        if (selector === ':document') return [win.document];\n        if (selector === ':host') return applyRoot(this);\n\n        // --- Standard Selectors ---\n        if (r === 'shadow') return this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];\n        if (r === 'light') return Array.from(this.querySelectorAll(selector));\n        if (r === 'all') {\n          const sNodes = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];\n          const lNodes = Array.from(this.querySelectorAll(selector));\n          return [...sNodes, ...lNodes];\n        }\n        const root = this.shadowRoot || this;\n        return Array.from(root.querySelectorAll(selector));\n      },\n      set(this: HTMLElement, nv: any) {\n        ensureInit(this);\n        if (nv === null || nv === undefined || (Array.isArray(nv) && nv.length === 0)) {\n          const selector = selectorOrTarget;\n          if (selector.startsWith(':') && selector !== ':host') return;\n\n          const r = options.root || 'auto';\n          let targets: (Element | Node)[] = [];\n          if (r === 'shadow') targets = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];\n          else if (r === 'light') targets = Array.from(this.querySelectorAll(selector));\n          else if (r === 'all') {\n            const sNodes = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];\n            const lNodes = Array.from(this.querySelectorAll(selector));\n            targets = [...sNodes, ...lNodes];\n          } else {\n            targets = Array.from((this.shadowRoot || this).querySelectorAll(selector));\n          }\n          targets.forEach(t => (t as Element).remove());\n        }\n      },\n      enumerable: true,\n      configurable: true\n    });\n  };\n}\n\nexport const getQueryAllMetadata = (target: any): QueryAllMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(QUERY_ALL_METADATA_KEY, constructor);\n};\n\n/**\n * @hostQueryAll decorator - simplified version of @queryAll for :host selector\n * Usage: @hostQueryAll()\n * Usage: @hostQueryAll({ root: 'shadow' })\n */\nexport function queryAllHost(options?: SwcQueryOptions): PropertyDecorator {\n  return queryAll(':host', options);\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('simple-web-component:query-all');\n\nexport function queryAll(target: SpecialSelector): PropertyDecorator;\nexport function queryAll(selector: string, options?: SwcQueryOptions): PropertyDecorator;\n/**\n * @queryAll decorator to inject a list of elements into a class property.\n */\nexport function queryAll(selectorOrTarget: string, options: any = {}): PropertyDecorator {\n  return (targetObj: Object, propertyKey: string | symbol, descriptor?: never): void => {\n    if (descriptor !== undefined) {\n      throw new Error(`@queryAll decorator cannot be used on methods. (Method: ${String(propertyKey)})`);\n    }\n\n    const constructor = targetObj.constructor;\n    let queries = ReflectUtils.getMetadata<QueryAllMetadata[]>(QUERY_ALL_METADATA_KEY, constructor);\n    if (!queries) {\n      queries = [];\n      ReflectUtils.defineMetadata(QUERY_ALL_METADATA_KEY, queries, constructor);\n    }\n    queries.push({ propertyKey, selector: selectorOrTarget, options });\n\n    Object.defineProperty(targetObj, propertyKey, {\n      get(this: HTMLElement) {\n        ensureInit(this);\n        const selector = selectorOrTarget;\n\n        const r = options.root || 'auto';\n        const applyRoot = (t: any): any[] => {\n          if (!t) return [];\n          const items = Array.isArray(t) ? t : [t];\n          const results: any[] = [];\n          items.forEach(it => {\n            if (!(it instanceof HTMLElement)) {\n              results.push(it);\n              return;\n            }\n            if (r === 'auto') results.push(it.shadowRoot || it);\n            else {\n              if (r === 'light' || r === 'all') results.push(it);\n              if ((r === 'shadow' || r === 'all') && it.shadowRoot) results.push(it.shadowRoot);\n            }\n          });\n          return results;\n        };\n\n        // --- Special Selectors: HostSet ---\n        const hostSet = SwcUtils.getHostSet(this);\n        if (selector === ':hosts') return applyRoot(hostSet.$hosts);\n        if (selector === ':appHosts') return applyRoot(hostSet.$appHosts);\n\n        // --- Special Selectors: Env ---\n        const config = getElementConfig(this);\n        const win = config?.window || window;\n        if (selector === ':window') return [win];\n        if (selector === ':document') return [win.document];\n        if (selector === ':host') return applyRoot(this);\n\n        // --- Standard Selectors ---\n        if (r === 'shadow') return this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];\n        if (r === 'light') return Array.from(this.querySelectorAll(selector));\n        if (r === 'all') {\n          const sNodes = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];\n          const lNodes = Array.from(this.querySelectorAll(selector));\n          return [...sNodes, ...lNodes];\n        }\n        const root = this.shadowRoot || this;\n        return Array.from(root.querySelectorAll(selector));\n      },\n      set(this: HTMLElement, nv: any) {\n        ensureInit(this);\n        if (nv === null || nv === undefined || (Array.isArray(nv) && nv.length === 0)) {\n          const selector = selectorOrTarget;\n          if (selector.startsWith(':') && selector !== ':host') return;\n\n          const r = options.root || 'auto';\n          let targets: (Element | Node)[] = [];\n          if (r === 'shadow') targets = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];\n          else if (r === 'light') targets = Array.from(this.querySelectorAll(selector));\n          else if (r === 'all') {\n            const sNodes = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];\n            const lNodes = Array.from(this.querySelectorAll(selector));\n            targets = [...sNodes, ...lNodes];\n          } else {\n            targets = Array.from((this.shadowRoot || this).querySelectorAll(selector));\n          }\n          targets.forEach(t => (t as Element).remove());\n        }\n      },\n      enumerable: true,\n      configurable: true\n    });\n  };\n}\n\nexport const getQueryAllMetadata = (target: any): QueryAllMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(QUERY_ALL_METADATA_KEY, constructor);\n};\n\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}"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/decorators/setAttribute.js

@@ -50,11 +50,11 @@ function setAttribute(selector, name, options = {}) {
         const applyRoot = (t) => {
           if (!t) return;
           if (r === "auto") {
-            targetEls.push(t.shadowRoot || t);
-            return;
+            targetEls.push(t);
+          } else {
+            if (r === "light" || r === "all") targetEls.push(t);
+            if ((r === "shadow" || r === "all") && t.shadowRoot) targetEls.push(t.shadowRoot);
           }
-          if (r === "light" || r === "all") targetEls.push(t);
-          if ((r === "shadow" || r === "all") && t.shadowRoot) targetEls.push(t.shadowRoot);
         };
         if (selector === ":window") targetEls.push(currentWin);
         else if (selector === ":document") targetEls.push(currentWin.document);

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/setAttribute.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { ensureInit, getElementConfig } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { SwcQueryOptions } from '../types';\n\nexport interface SetAttributeMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  name: string;\n  options: SwcQueryOptions;\n}\n\nexport const SET_ATTRIBUTE_METADATA_KEY = Symbol('simple-web-component:set-attribute');\n\n/**\n * @setAttribute decorator to surgically update an attribute of a target element.\n * Usage: @setAttribute(':host', 'count')\n * Usage: @setAttribute('#child', 'disabled')\n */\nexport function setAttribute(selector: string, name: string): MethodDecorator;\nexport function setAttribute(selector: string, name: string, options?: SwcQueryOptions): MethodDecorator;\nexport function setAttribute(selector: string, name: string, options: SwcQueryOptions = {}): MethodDecorator {\n  return (target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n    const constructor = target.constructor;\n    let metaList = ReflectUtils.getOwnMetadata(SET_ATTRIBUTE_METADATA_KEY, constructor) as Map<string | symbol, SetAttributeMetadata>;\n    if (!metaList) {\n      metaList = new Map<string | symbol, SetAttributeMetadata>();\n      ReflectUtils.defineMetadata(SET_ATTRIBUTE_METADATA_KEY, metaList, constructor);\n    }\n    metaList.set(propertyKey, { propertyKey, selector, name, options });\n\n    const original = descriptor.value;\n    descriptor.value = async function (...args: any[]) {\n      ensureInit(this);\n      const res = await original.apply(this, args);\n      if (res !== undefined) {\n        const hostSet = SwcUtils.getHostSet(this as any);\n        const conf = getElementConfig(this);\n        const currentWin = (this as any)._resolveWindow?.(conf) || ((typeof window !== 'undefined' ? window : undefined) as Window);\n\n        const targetEls: any[] = [];\n        const r = options.root || 'auto';\n\n        const applyRoot = (t: any) => {\n          if (!t) return;\n          if (r === 'auto') {\n            targetEls.push((t as any).shadowRoot || t);\n            return;\n          }\n          if (r === 'light' || r === 'all') targetEls.push(t);\n          if ((r === 'shadow' || r === 'all') && (t as any).shadowRoot) targetEls.push((t as any).shadowRoot);\n        };\n\n        if (selector === ':window') targetEls.push(currentWin);\n        else if (selector === ':document') targetEls.push(currentWin.document as any);\n        else if (selector === ':parentHost') applyRoot(hostSet.$parentHost);\n        else if (selector === ':appHost') applyRoot(hostSet.$appHost);\n        else if (selector === ':firstHost') applyRoot(hostSet.$firstHost);\n        else if (selector === ':lastHost') applyRoot(hostSet.$lastHost);\n        else if (selector === ':firstAppHost') applyRoot(hostSet.$firstAppHost);\n        else if (selector === ':lastAppHost') applyRoot(hostSet.$lastAppHost);\n        else if (selector === ':hosts') hostSet.$hosts.forEach(applyRoot);\n        else if (selector === ':appHosts') hostSet.$appHosts.forEach(applyRoot);\n        else if (selector === ':host' || !selector) applyRoot(this);\n        else {\n          const roots: any[] = [];\n          if (r === 'shadow') {\n            if ((this as any).shadowRoot) roots.push((this as any).shadowRoot);\n          } else if (r === 'light') {\n            roots.push(this as any);\n          } else if (r === 'all') {\n            roots.push(this as any);\n            if ((this as any).shadowRoot) roots.push((this as any).shadowRoot);\n          } else {\n            roots.push((this as any).shadowRoot || (this as any));\n          }\n          roots.forEach(root => targetEls.push(...root.querySelectorAll(selector)));\n        }\n\n        targetEls.forEach(targetEl => {\n          if (!targetEl || typeof (targetEl as any).setAttribute !== 'function') return;\n          if (res === null) (targetEl as any).removeAttribute(name);\n          else (targetEl as any).setAttribute(name, String(res));\n        })\n      }\n      return res;\n    };\n  };\n}\n\nexport const getSetAttributeMetadata = (target: any): Map<string | symbol, SetAttributeMetadata> | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(SET_ATTRIBUTE_METADATA_KEY, constructor);\n};\n\nexport const findAllSetAttributeMetadata = (target: any): Map<string | symbol, SetAttributeMetadata> => {\n  const result = new Map<string | symbol, SetAttributeMetadata>();\n  const maps = ReflectUtils.findAllMetadata<Map<string | symbol, SetAttributeMetadata>>(SET_ATTRIBUTE_METADATA_KEY, target);\n  maps.forEach(map => {\n    if (map instanceof Map) {\n      map.forEach((v, k) => result.set(k, v));\n    }\n  });\n  return result;\n};\n\n/**\n * @setAttributeHost decorator - simplified version of @setAttribute for :host selector\n * Usage: @setAttributeHost('aria-disabled')\n */\nexport function setAttributeHost(name: string, options?: SwcQueryOptions): MethodDecorator {\n  return setAttribute(':host', name, options);\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { ensureInit, getElementConfig } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { SwcQueryOptions } from '../types';\n\nexport interface SetAttributeMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  name: string;\n  options: SwcQueryOptions;\n}\n\nexport const SET_ATTRIBUTE_METADATA_KEY = Symbol('simple-web-component:set-attribute');\n\n/**\n * @setAttribute decorator to surgically update an attribute of a target element.\n * Usage: @setAttribute(':host', 'count')\n * Usage: @setAttribute('#child', 'disabled')\n */\nexport function setAttribute(selector: string, name: string): MethodDecorator;\nexport function setAttribute(selector: string, name: string, options?: SwcQueryOptions): MethodDecorator;\nexport function setAttribute(selector: string, name: string, options: SwcQueryOptions = {}): MethodDecorator {\n  return (target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n    const constructor = target.constructor;\n    let metaList = ReflectUtils.getOwnMetadata(SET_ATTRIBUTE_METADATA_KEY, constructor) as Map<string | symbol, SetAttributeMetadata>;\n    if (!metaList) {\n      metaList = new Map<string | symbol, SetAttributeMetadata>();\n      ReflectUtils.defineMetadata(SET_ATTRIBUTE_METADATA_KEY, metaList, constructor);\n    }\n    metaList.set(propertyKey, { propertyKey, selector, name, options });\n\n    const original = descriptor.value;\n    descriptor.value = async function (...args: any[]) {\n      ensureInit(this);\n      const res = await original.apply(this, args);\n      if (res !== undefined) {\n        const hostSet = SwcUtils.getHostSet(this as any);\n        const conf = getElementConfig(this);\n        const currentWin = (this as any)._resolveWindow?.(conf) || ((typeof window !== 'undefined' ? window : undefined) as Window);\n\n        const targetEls: any[] = [];\n        const r = options.root || 'auto';\n\n        const applyRoot = (t: any) => {\n          if (!t) return;\n          if (r === 'auto') {\n            // Attributes belong to the ELEMENT, not the ShadowRoot.\n            targetEls.push(t);\n          } else {\n            if (r === 'light' || r === 'all') targetEls.push(t);\n            if ((r === 'shadow' || r === 'all') && (t as any).shadowRoot) targetEls.push((t as any).shadowRoot);\n          }\n        };\n\n        if (selector === ':window') targetEls.push(currentWin);\n        else if (selector === ':document') targetEls.push(currentWin.document as any);\n        else if (selector === ':parentHost') applyRoot(hostSet.$parentHost);\n        else if (selector === ':appHost') applyRoot(hostSet.$appHost);\n        else if (selector === ':firstHost') applyRoot(hostSet.$firstHost);\n        else if (selector === ':lastHost') applyRoot(hostSet.$lastHost);\n        else if (selector === ':firstAppHost') applyRoot(hostSet.$firstAppHost);\n        else if (selector === ':lastAppHost') applyRoot(hostSet.$lastAppHost);\n        else if (selector === ':hosts') hostSet.$hosts.forEach(applyRoot);\n        else if (selector === ':appHosts') hostSet.$appHosts.forEach(applyRoot);\n        else if (selector === ':host' || !selector) applyRoot(this);\n        else {\n          const roots: any[] = [];\n          if (r === 'shadow') {\n            if ((this as any).shadowRoot) roots.push((this as any).shadowRoot);\n          } else if (r === 'light') {\n            roots.push(this as any);\n          } else if (r === 'all') {\n            roots.push(this as any);\n            if ((this as any).shadowRoot) roots.push((this as any).shadowRoot);\n          } else {\n            roots.push((this as any).shadowRoot || (this as any));\n          }\n          roots.forEach(root => targetEls.push(...root.querySelectorAll(selector)));\n        }\n\n        targetEls.forEach(targetEl => {\n          if (!targetEl || typeof (targetEl as any).setAttribute !== 'function') return;\n          if (res === null) (targetEl as any).removeAttribute(name);\n          else (targetEl as any).setAttribute(name, String(res));\n        });\n      }\n      return res;\n    };\n  };\n}\n\nexport const getSetAttributeMetadata = (target: any): Map<string | symbol, SetAttributeMetadata> | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(SET_ATTRIBUTE_METADATA_KEY, constructor);\n};\n\nexport const findAllSetAttributeMetadata = (target: any): Map<string | symbol, SetAttributeMetadata> => {\n  const result = new Map<string | symbol, SetAttributeMetadata>();\n  const maps = ReflectUtils.findAllMetadata<Map<string | symbol, SetAttributeMetadata>>(SET_ATTRIBUTE_METADATA_KEY, target);\n  maps.forEach(map => {\n    if (map instanceof Map) {\n      map.forEach((v, k) => result.set(k, v));\n    }\n  });\n  return result;\n};\n\n/**\n * @setAttributeHost decorator - simplified version of @setAttribute for :host selector\n * Usage: @setAttributeHost('aria-disabled')\n */\nexport function setAttributeHost(name: string, options?: SwcQueryOptions): MethodDecorator {\n  return setAttribute(':host', name, options);\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/decorators/style.js

@@ -20,8 +20,11 @@ __export(style_exports, {
   STYLE_METADATA_KEY: () => STYLE_METADATA_KEY,
   findAllStyleMetadata: () => findAllStyleMetadata,
   removeStyle: () => removeStyle,
+  removeStyleHost: () => removeStyleHost,
   setStyle: () => setStyle,
-  updateStyle: () => updateStyle
+  setStyleHost: () => setStyleHost,
+  updateStyle: () => updateStyle,
+  updateStyleHost: () => updateStyleHost
 });
 module.exports = __toCommonJS(style_exports);
 var import_core = require("@dooboostore/core");
@@ -29,7 +32,7 @@ var import_elementDefine = require("./elementDefine");
 var import_Utils = require("../utils/Utils");
 const STYLE_METADATA_KEY = Symbol("simple-web-component:style");
 function createStyleDecorator(action) {
-  return (selector) => {
+  return (selector, options = {}) => {
     return (target, propertyKey, descriptor) => {
       const constructor = target.constructor;
       let metaList = import_core.ReflectUtils.getOwnMetadata(STYLE_METADATA_KEY, constructor);
@@ -37,19 +40,52 @@ function createStyleDecorator(action) {
         metaList = /* @__PURE__ */ new Map();
         import_core.ReflectUtils.defineMetadata(STYLE_METADATA_KEY, metaList, constructor);
       }
-      metaList.set(propertyKey, { propertyKey, selector, action });
+      metaList.set(propertyKey, { propertyKey, selector, action, options });
       const original = descriptor.value;
       descriptor.value = async function(...args) {
         (0, import_elementDefine.ensureInit)(this);
         const res = await original.apply(this, args);
         if (res !== void 0) {
+          const r = options.root || "auto";
           const hostSet = import_Utils.SwcUtils.getHostSet(this);
-          let targetEl = null;
-          if (selector === ":host" || !selector) targetEl = this;
-          else if (selector === ":parentHost") targetEl = hostSet.$parentHost;
-          else if (selector === ":appHost") targetEl = hostSet.$appHost;
-          else targetEl = (this.shadowRoot || this).querySelector(selector);
-          if (targetEl) {
+          const targetEls = [];
+          const applyRoot = (t) => {
+            if (!t || !(t instanceof HTMLElement)) return;
+            if (r === "auto") {
+              targetEls.push(t);
+            } else {
+              if (r === "light" || r === "all") targetEls.push(t);
+              if ((r === "shadow" || r === "all") && t.shadowRoot) {
+              }
+            }
+          };
+          if (selector === ":parentHost") applyRoot(hostSet.$parentHost);
+          else if (selector === ":appHost") applyRoot(hostSet.$appHost);
+          else if (selector === ":firstHost") applyRoot(hostSet.$firstHost);
+          else if (selector === ":lastHost") applyRoot(hostSet.$lastHost);
+          else if (selector === ":firstAppHost") applyRoot(hostSet.$firstAppHost);
+          else if (selector === ":lastAppHost") applyRoot(hostSet.$lastAppHost);
+          else if (selector === ":hosts") hostSet.$hosts.forEach(applyRoot);
+          else if (selector === ":appHosts") hostSet.$appHosts.forEach(applyRoot);
+          else if (selector === ":host" || !selector) applyRoot(this);
+          else {
+            if (r === "shadow") {
+              const found = this.shadowRoot?.querySelectorAll(selector);
+              if (found) targetEls.push(...Array.from(found));
+            } else if (r === "light") {
+              const found = this.querySelectorAll(selector);
+              if (found) targetEls.push(...Array.from(found));
+            } else if (r === "all") {
+              const sFound = this.shadowRoot?.querySelectorAll(selector);
+              const lFound = this.querySelectorAll(selector);
+              if (sFound) targetEls.push(...Array.from(sFound));
+              if (lFound) targetEls.push(...Array.from(lFound));
+            } else {
+              const found = (this.shadowRoot || this).querySelectorAll(selector);
+              if (found) targetEls.push(...Array.from(found));
+            }
+          }
+          targetEls.forEach((targetEl) => {
             if (action === "set") {
               targetEl.style.cssText = "";
               if (typeof res === "object" && res !== null) {
@@ -65,16 +101,37 @@ function createStyleDecorator(action) {
               const props = Array.isArray(res) ? res : [res];
               props.forEach((p) => targetEl.style.removeProperty(String(p)));
             }
-          }
+          });
         }
         return res;
       };
     };
   };
 }
-const setStyle = createStyleDecorator("set");
-const updateStyle = createStyleDecorator("update");
-const removeStyle = createStyleDecorator("remove");
+const setStyle = (selector, options = {}) => createStyleDecorator("set")(selector, options);
+function setStyleHost(targetOrOptions, propertyKey, descriptor) {
+  if (propertyKey !== void 0) {
+    const decorator = createStyleDecorator("set")(":host", {});
+    return decorator(targetOrOptions, propertyKey, descriptor);
+  }
+  return createStyleDecorator("set")(":host", targetOrOptions || {});
+}
+const updateStyle = (selector, options = {}) => createStyleDecorator("update")(selector, options);
+function updateStyleHost(targetOrOptions, propertyKey, descriptor) {
+  if (propertyKey !== void 0) {
+    const decorator = createStyleDecorator("update")(":host", {});
+    return decorator(targetOrOptions, propertyKey, descriptor);
+  }
+  return createStyleDecorator("update")(":host", targetOrOptions || {});
+}
+const removeStyle = (selector, options = {}) => createStyleDecorator("remove")(selector, options);
+function removeStyleHost(targetOrOptions, propertyKey, descriptor) {
+  if (propertyKey !== void 0) {
+    const decorator = createStyleDecorator("remove")(":host", {});
+    return decorator(targetOrOptions, propertyKey, descriptor);
+  }
+  return createStyleDecorator("remove")(":host", targetOrOptions || {});
+}
 const findAllStyleMetadata = (target) => {
   const result = /* @__PURE__ */ new Map();
   const maps = import_core.ReflectUtils.findAllMetadata(STYLE_METADATA_KEY, target);

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

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

package/dist/cjs/index.js

@@ -26,14 +26,14 @@ var import_register = require("./elements/register");
 __reExport(src_exports, require("./decorators"), module.exports);
 __reExport(src_exports, require("./types"), module.exports);
 __reExport(src_exports, require("./utils/Utils"), module.exports);
-__reExport(src_exports, require("./utils/TemplateUtils"), module.exports);
 __reExport(src_exports, require("./config/config"), module.exports);
 var src_default = (w, other) => {
   (0, import_register.registerAllElements)(w);
   const r = other?.map((fn) => {
-    const a = fn(w);
-    return a;
+    if (typeof fn === "function") {
+      const a = fn(w);
+    } else {
+    }
   });
-  return r ?? [];
 };
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["import 'reflect-metadata';\nimport { registerAllElements } from './elements/register';\nimport {ConstructorType} from \"@dooboostore/core\";\n\n// Decorators\nexport * from './decorators';\n\n// Types\nexport * from './types';\n\n// Utilities\nexport * from './utils/Utils';\nexport * from './utils/TemplateUtils';\n\n// Config\nexport * from './config/config';\n\n// Registration Factory\nexport default (w: Window, other?: ((w: Window) => ConstructorType<any>)[]): ConstructorType<any>[] => {\n  registerAllElements(w);\n  const r = other?.map(fn => {\n    const a = fn(w);\n    // console.log('l', fn, a)\n    return a;\n  });\n  return r??[];\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAAO;AACP,sBAAoC;AAIpC,wBAAc,yBALd;AAQA,wBAAc,oBARd;AAWA,wBAAc,0BAXd;AAYA,wBAAc,kCAZd;AAeA,wBAAc,4BAfd;AAkBA,IAAO,cAAQ,CAAC,GAAW,UAA4E;AACrG,2CAAoB,CAAC;AACrB,QAAM,IAAI,OAAO,IAAI,QAAM;AACzB,UAAM,IAAI,GAAG,CAAC;AAEd,WAAO;AAAA,EACT,CAAC;AACD,SAAO,KAAG,CAAC;AACb;",
+  "sourcesContent": ["import 'reflect-metadata';\nimport { registerAllElements } from './elements/register';\nimport {ConstructorType} from \"@dooboostore/core\";\n\n// Decorators\nexport * from './decorators';\n\n// Types\nexport * from './types';\n\n// Utilities\nexport * from './utils/Utils';\n\n// Config\nexport * from './config/config';\n\n// Registration Factory\nexport default (w: Window, other?: (((w: Window) => ConstructorType<any>) | any) []) => {\n  registerAllElements(w);\n  const r = other?.map(fn => {\n    if (typeof fn === 'function') {\n      const a = fn(w);\n    } else {\n    }\n  });\n  // return r??[];\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAAO;AACP,sBAAoC;AAIpC,wBAAc,yBALd;AAQA,wBAAc,oBARd;AAWA,wBAAc,0BAXd;AAcA,wBAAc,4BAdd;AAiBA,IAAO,cAAQ,CAAC,GAAW,UAA6D;AACtF,2CAAoB,CAAC;AACrB,QAAM,IAAI,OAAO,IAAI,QAAM;AACzB,QAAI,OAAO,OAAO,YAAY;AAC5B,YAAM,IAAI,GAAG,CAAC;AAAA,IAChB,OAAO;AAAA,IACP;AAAA,EACF,CAAC;AAEH;",
   "names": []
 }

package/dist/cjs/utils/Utils.js

@@ -18,11 +18,150 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var Utils_exports = {};
 __export(Utils_exports, {
   SWC_NOT_FOUND: () => SWC_NOT_FOUND,
-  SwcUtils: () => SwcUtils
+  SwcUtils: () => SwcUtils,
+  commentNode: () => commentNode,
+  createElement: () => createElement,
+  htmlAElement: () => htmlAElement,
+  htmlArticleElement: () => htmlArticleElement,
+  htmlButtonElement: () => htmlButtonElement,
+  htmlDivElement: () => htmlDivElement,
+  htmlFragment: () => htmlFragment,
+  htmlHeadingElement: () => htmlHeadingElement,
+  htmlLiElement: () => htmlLiElement,
+  htmlPElement: () => htmlPElement,
+  htmlSectionElement: () => htmlSectionElement,
+  htmlSpanElement: () => htmlSpanElement,
+  htmlUlElement: () => htmlUlElement,
+  textNode: () => textNode
 });
 module.exports = __toCommonJS(Utils_exports);
 var import_decorators = require("../decorators");
 const SWC_NOT_FOUND = Symbol("SWC_NOT_FOUND");
+const htmlFragment = (html, doc) => {
+  const d = doc || (typeof document !== "undefined" ? document : void 0);
+  if (!d) throw new Error("Document is not available");
+  const template = d.createElement("template");
+  template.innerHTML = html.trim();
+  return template.content;
+};
+const textNode = (text, doc) => {
+  const d = doc || (typeof document !== "undefined" ? document : void 0);
+  if (!d) throw new Error("Document is not available");
+  return d.createTextNode(text !== void 0 && text !== null ? String(text) : "");
+};
+const commentNode = (comment, doc) => {
+  const d = doc || (typeof document !== "undefined" ? document : void 0);
+  if (!d) throw new Error("Document is not available");
+  return d.createComment(comment !== void 0 && comment !== null ? String(comment) : "");
+};
+const createElement = (tagName, options) => {
+  const d = options?.doc || (typeof document !== "undefined" ? document : void 0);
+  if (!d) throw new Error("Document is not available");
+  const el = d.createElement(tagName);
+  if (options?.html) el.innerHTML = options.html;
+  if (options?.attrs) {
+    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+  }
+  return el;
+};
+const htmlDivElement = (html, options) => {
+  const d = options?.doc || (typeof document !== "undefined" ? document : void 0);
+  if (!d) throw new Error("Document is not available");
+  const el = d.createElement("div");
+  el.innerHTML = html.trim();
+  if (options?.attrs) {
+    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+  }
+  return el;
+};
+const htmlSpanElement = (html, options) => {
+  const d = options?.doc || (typeof document !== "undefined" ? document : void 0);
+  if (!d) throw new Error("Document is not available");
+  const el = d.createElement("span");
+  el.innerHTML = html.trim();
+  if (options?.attrs) {
+    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+  }
+  return el;
+};
+const htmlButtonElement = (html, options) => {
+  const d = options?.doc || (typeof document !== "undefined" ? document : void 0);
+  if (!d) throw new Error("Document is not available");
+  const el = d.createElement("button");
+  el.innerHTML = html.trim();
+  if (options?.attrs) {
+    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+  }
+  return el;
+};
+const htmlUlElement = (options) => {
+  const d = options?.doc || (typeof document !== "undefined" ? document : void 0);
+  if (!d) throw new Error("Document is not available");
+  const el = d.createElement("ul");
+  if (options?.attrs) {
+    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+  }
+  return el;
+};
+const htmlLiElement = (html, options) => {
+  const d = options?.doc || (typeof document !== "undefined" ? document : void 0);
+  if (!d) throw new Error("Document is not available");
+  const el = d.createElement("li");
+  el.innerHTML = html.trim();
+  if (options?.attrs) {
+    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+  }
+  return el;
+};
+const htmlAElement = (html, options) => {
+  const d = options?.doc || (typeof document !== "undefined" ? document : void 0);
+  if (!d) throw new Error("Document is not available");
+  const el = d.createElement("a");
+  el.innerHTML = html.trim();
+  if (options?.href) el.href = options.href;
+  if (options?.attrs) {
+    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+  }
+  return el;
+};
+const htmlPElement = (html, options) => {
+  const d = options?.doc || (typeof document !== "undefined" ? document : void 0);
+  if (!d) throw new Error("Document is not available");
+  const el = d.createElement("p");
+  el.innerHTML = html.trim();
+  if (options?.attrs) {
+    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+  }
+  return el;
+};
+const htmlHeadingElement = (level, html, options) => {
+  const d = options?.doc || (typeof document !== "undefined" ? document : void 0);
+  if (!d) throw new Error("Document is not available");
+  const el = d.createElement(`h${level}`);
+  el.innerHTML = html.trim();
+  if (options?.attrs) {
+    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+  }
+  return el;
+};
+const htmlSectionElement = (options) => {
+  const d = options?.doc || (typeof document !== "undefined" ? document : void 0);
+  if (!d) throw new Error("Document is not available");
+  const el = d.createElement("section");
+  if (options?.attrs) {
+    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+  }
+  return el;
+};
+const htmlArticleElement = (options) => {
+  const d = options?.doc || (typeof document !== "undefined" ? document : void 0);
+  if (!d) throw new Error("Document is not available");
+  const el = d.createElement("article");
+  if (options?.attrs) {
+    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+  }
+  return el;
+};
 var SwcUtils;
 ((SwcUtils2) => {
   SwcUtils2.getHelperSet = (win) => {