@dooboostore/simple-web-component 1.0.23 → 1.0.25

package/src/decorators/queryAll.ts

@@ -9,7 +9,7 @@ export interface QueryAllMetadata {
   options: SwcQueryOptions;
 }
 
-export const QUERY_ALL_METADATA_KEY = Symbol('simple-web-component:query-all');
+export const QUERY_ALL_METADATA_KEY = Symbol.for('simple-web-component:query-all');
 
 export function queryAll(target: SpecialSelector): PropertyDecorator;
 export function queryAll(selector: string, options?: SwcQueryOptions): PropertyDecorator;
@@ -113,6 +113,152 @@ export const getQueryAllMetadata = (target: any): QueryAllMetadata[] | undefined
  * Usage: @hostQueryAll()
  * Usage: @hostQueryAll({ root: 'shadow' })
  */
-export function queryAllHost(options?: SwcQueryOptions): PropertyDecorator {
-  return queryAll(':host', options);
+/**
+ * @queryAllHost decorator - simplified version of @queryAll for :host selector
+ * Usage: @queryAllHost items: HTMLElement[];
+ * Usage: @queryAllHost() items: HTMLElement[];
+ * Usage: @queryAllHost({ root: 'shadow' }) items: HTMLElement[];
+ */
+export function queryAllHost(target: Object, propertyKey: string | symbol): void;
+export function queryAllHost(): PropertyDecorator;
+export function queryAllHost(options: SwcQueryOptions): PropertyDecorator;
+export function queryAllHost(targetOrOptions?: any, propertyKey?: string | symbol): any {
+  // Direct decorator usage: @queryAllHost (no parentheses)
+  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {
+    return queryAll(':host', {})(targetOrOptions, propertyKey);
+  }
+
+  // @queryAllHost() or @queryAllHost(options)
+  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {
+    return queryAll(':host', targetOrOptions as SwcQueryOptions);
+  } else {
+    return queryAll(':host', {});
+  }
+}
+
+/**
+ * @allHost - Alias for @queryAllHost decorator
+ * Usage: @allHost items: HTMLElement[];
+ * Usage: @allHost() items: HTMLElement[];
+ * Usage: @allHost({ root: 'shadow' }) items: HTMLElement[];
+ */
+export const allHost = queryAllHost;
+/**
+ * @allParentHost - Query all :parentHost (All parent SWC components)
+ * Usage: @allParentHost parents: HTMLElement[];
+ * Usage: @allParentHost() parents: HTMLElement[];
+ * Usage: @allParentHost({ root: 'shadow' }) parents: HTMLElement[];
+ */
+export function allParentHost(target: Object, propertyKey: string | symbol): void;
+export function allParentHost(): PropertyDecorator;
+export function allParentHost(options: SwcQueryOptions): PropertyDecorator;
+export function allParentHost(targetOrOptions?: any, propertyKey?: string | symbol): any {
+  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {
+    return queryAll(':parentHost', {})(targetOrOptions, propertyKey);
+  }
+  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {
+    return queryAll(':parentHost', targetOrOptions as SwcQueryOptions);
+  } else {
+    return queryAll(':parentHost', {});
+  }
+}
+
+/**
+ * @allAppHost - Query all :appHost (All <swc-app> instances)
+ * Usage: @allAppHost apps: SwcAppInterface[];
+ * Usage: @allAppHost() apps: SwcAppInterface[];
+ * Usage: @allAppHost({ root: 'shadow' }) apps: SwcAppInterface[];
+ */
+export function allAppHost(target: Object, propertyKey: string | symbol): void;
+export function allAppHost(): PropertyDecorator;
+export function allAppHost(options: SwcQueryOptions): PropertyDecorator;
+export function allAppHost(targetOrOptions?: any, propertyKey?: string | symbol): any {
+  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {
+    return queryAll(':appHost', {})(targetOrOptions, propertyKey);
+  }
+  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {
+    return queryAll(':appHost', targetOrOptions as SwcQueryOptions);
+  } else {
+    return queryAll(':appHost', {});
+  }
+}
+
+/**
+ * @allFirstHost - Query all :firstHost (All first components in hierarchy)
+ * Usage: @allFirstHost firsts: HTMLElement[];
+ * Usage: @allFirstHost() firsts: HTMLElement[];
+ * Usage: @allFirstHost({ root: 'shadow' }) firsts: HTMLElement[];
+ */
+export function allFirstHost(target: Object, propertyKey: string | symbol): void;
+export function allFirstHost(): PropertyDecorator;
+export function allFirstHost(options: SwcQueryOptions): PropertyDecorator;
+export function allFirstHost(targetOrOptions?: any, propertyKey?: string | symbol): any {
+  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {
+    return queryAll(':firstHost', {})(targetOrOptions, propertyKey);
+  }
+  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {
+    return queryAll(':firstHost', targetOrOptions as SwcQueryOptions);
+  } else {
+    return queryAll(':firstHost', {});
+  }
+}
+
+/**
+ * @allLastHost - Query all :lastHost (All last components in hierarchy)
+ * Usage: @allLastHost lasts: HTMLElement[];
+ * Usage: @allLastHost() lasts: HTMLElement[];
+ * Usage: @allLastHost({ root: 'shadow' }) lasts: HTMLElement[];
+ */
+export function allLastHost(target: Object, propertyKey: string | symbol): void;
+export function allLastHost(): PropertyDecorator;
+export function allLastHost(options: SwcQueryOptions): PropertyDecorator;
+export function allLastHost(targetOrOptions?: any, propertyKey?: string | symbol): any {
+  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {
+    return queryAll(':lastHost', {})(targetOrOptions, propertyKey);
+  }
+  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {
+    return queryAll(':lastHost', targetOrOptions as SwcQueryOptions);
+  } else {
+    return queryAll(':lastHost', {});
+  }
 }
+
+/**
+ * @allFirstAppHost - Query all :firstAppHost (All first <swc-app> in hierarchy)
+ * Usage: @allFirstAppHost apps: SwcAppInterface[];
+ * Usage: @allFirstAppHost() apps: SwcAppInterface[];
+ * Usage: @allFirstAppHost({ root: 'shadow' }) apps: SwcAppInterface[];
+ */
+export function allFirstAppHost(target: Object, propertyKey: string | symbol): void;
+export function allFirstAppHost(): PropertyDecorator;
+export function allFirstAppHost(options: SwcQueryOptions): PropertyDecorator;
+export function allFirstAppHost(targetOrOptions?: any, propertyKey?: string | symbol): any {
+  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {
+    return queryAll(':firstAppHost', {})(targetOrOptions, propertyKey);
+  }
+  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {
+    return queryAll(':firstAppHost', targetOrOptions as SwcQueryOptions);
+  } else {
+    return queryAll(':firstAppHost', {});
+  }
+}
+
+/**
+ * @allLastAppHost - Query all :lastAppHost (All last <swc-app> in hierarchy)
+ * Usage: @allLastAppHost apps: SwcAppInterface[];
+ * Usage: @allLastAppHost() apps: SwcAppInterface[];
+ * Usage: @allLastAppHost({ root: 'shadow' }) apps: SwcAppInterface[];
+ */
+export function allLastAppHost(target: Object, propertyKey: string | symbol): void;
+export function allLastAppHost(): PropertyDecorator;
+export function allLastAppHost(options: SwcQueryOptions): PropertyDecorator;
+export function allLastAppHost(targetOrOptions?: any, propertyKey?: string | symbol): any {
+  if (propertyKey !== undefined && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {
+    return queryAll(':lastAppHost', {})(targetOrOptions, propertyKey);
+  }
+  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {
+    return queryAll(':lastAppHost', targetOrOptions as SwcQueryOptions);
+  } else {
+    return queryAll(':lastAppHost', {});
+  }
+}

package/src/elements/SwcAppEngine.ts

@@ -9,12 +9,19 @@ import { ConstructorType, OptionalType } from '@dooboostore/core';
 import { FunctionUtils } from '@dooboostore/core';
 import { SwcUtils } from '../utils/Utils';
 
+import { SwcAppInterface } from '../types';
+import {Intent} from "@dooboostore/simple-boot";
+
 export type SwcConfigType = {
   rootRouter: ConstructorType<any> | symbol;
   routeType: 'path' | 'hash' | 'element';
   connectMode?: 'direct' | 'swap';
+  container?: symbol;
   path?: string;
   window: Window;
+  onStarted?: (app: SwcAppInterface) => void;
+  onConnected?: (app: SwcAppInterface) => void;
+  onDisconnected?: (app: SwcAppInterface) => void;
 };
 
 export type SwcAttributeConfigType = OptionalType<SwcConfigType, 'routeType' | 'window'>;
@@ -24,9 +31,13 @@ export class SwcAppEngine {
   public router?: Router;
   private routerSubscription?: Subscription;
   private _isInitialized = false;
+  private _config?: SwcConfigType;
 
   constructor(private host: HTMLElement) {}
 
+  get config() {
+    return this._config;
+  }
   async connect(config?: SwcAttributeConfigType) {
     if (this._isInitialized) return;
 
@@ -37,10 +48,11 @@ export class SwcAppEngine {
       const configStr = this.host.getAttribute('swc-get-application-config');
       if (configStr) {
         try {
+          // console.log('vvvvvvvvvvvvvvvv->>>>', SwcUtils.findNearestSwcHost(this.host), SwcUtils.getHostSet(this.host))
           userConfig = FunctionUtils.executeReturn({
             script: configStr,
             context: this.host,
-            args: SwcUtils.getHelperAndHostSet(win, this.host)
+            args: SwcUtils.getHelperAndHostSet(win, SwcUtils.findNearestSwcHost(this.host))
           });
         } catch (e) {
           console.error('[SWC-APP-ENGINE] Script execution failed:', e);
@@ -53,11 +65,12 @@ export class SwcAppEngine {
 
     try {
       if (userConfig.rootRouter) {
-        const _config: SwcConfigType = {
+        this._config = {
           routeType: 'element',
           window: win,
           ...userConfig
         } as SwcConfigType;
+        const _config = this._config;
 
         // Router Selection
         if (_config.routeType === 'path') {
@@ -68,23 +81,34 @@ export class SwcAppEngine {
           this.router = new ElementRouter({ window: _config.window, firstUrl: _config.path });
         }
 
+        // console.log('vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv', this.router)
+
         // Routing sync
         if (this.router) {
           this.routerSubscription = this.router.observable.subscribe((route: RouterEventType) => {
             if (route.triggerPoint === 'end') {
-              this.simpleApplication?.routing(route.path);
+              const targetPath = (route.path || '/') + route.search;
+              const intent = new Intent(targetPath);
+              this.simpleApplication?.routing(intent);
             }
           });
         }
 
 
         // App start
-        this.simpleApplication = new SimpleApplication(new SimOption({ excludeProxys: [Node], rootRouter: _config.rootRouter }));
+        const containerSymbol = _config.container || (this.host as any).getContainerSymbol?.();
+        this.simpleApplication = new SimpleApplication(new SimOption({
+          excludeProxys: [Node], 
+          rootRouter: _config.rootRouter,
+          container: containerSymbol
+        }));
 
         const otherInstanceSim = new Map<any, any>();
         if (this.router) otherInstanceSim.set(Router, this.router);
         this.simpleApplication.run(otherInstanceSim);
 
+
+
         // Rendering
         const data = this.simpleApplication.sim(_config.rootRouter);
         if (data instanceof Node) {
@@ -94,12 +118,16 @@ export class SwcAppEngine {
         }
 
         if (_config.path) this.router?.go(_config.path);
+        if (_config.onStarted) {
+          _config.onStarted(this.host as unknown as SwcAppInterface);
+        }
       }
     } catch (e) {
       console.error('[SWC-APP-ENGINE] Init failed:', e);
     }
   }
 
+
   disconnect() {
     this.routerSubscription?.unsubscribe();
   }

package/src/elements/SwcAppMixin.ts

@@ -51,12 +51,14 @@ export function SwcAppMixin<T extends { new (...args: any[]): HTMLElement }>(Bas
       // @ts-ignore
       if (super.connectedCallback) super.connectedCallback();
       this.connect();
+      this.__swc_engine?.config?.onConnected?.(this);
     }
 
     disconnectedCallback() {
       // @ts-ignore
       if (super.disconnectedCallback) super.disconnectedCallback();
       this.__swc_engine.disconnect();
+      this.__swc_engine?.config?.onDisconnected?.(this);
     }
 
     async routing(path: string) {

package/src/index.ts

@@ -10,18 +10,18 @@ export * from './types';
 
 // Utilities
 export * from './utils/Utils';
-export * from './utils/TemplateUtils';
 
 // Config
 export * from './config/config';
 
 // Registration Factory
-export default (w: Window, other?: ((w: Window) => ConstructorType<any>)[]): ConstructorType<any>[] => {
+export default (w: Window, other?: (((w: Window) => ConstructorType<any>) | any) []) => {
   registerAllElements(w);
   const r = other?.map(fn => {
-    const a = fn(w);
-    // console.log('l', fn, a)
-    return a;
+    if (typeof fn === 'function') {
+      const a = fn(w);
+    } else {
+    }
   });
-  return r??[];
+  // return r??[];
 };

package/src/utils/Utils.ts

@@ -1,7 +1,151 @@
 import { SwcAppInterface, HostSet, HelperSet, HelperHostSet } from '../types';
 import {getElementConfig} from "../decorators";
 
-export const SWC_NOT_FOUND = Symbol('SWC_NOT_FOUND');
+export const SWC_NOT_FOUND = Symbol.for('simple-web-component:not-found');
+
+// DOM Creation Utilities
+export const htmlFragment = (html: string, doc?: Document): DocumentFragment => {
+  const d = doc || (typeof document !== 'undefined' ? document : undefined);
+  if (!d) throw new Error('Document is not available');
+  const template = d.createElement('template');
+  template.innerHTML = html.trim();
+  return template.content;
+};
+
+export const textNode = (text: string | any, doc?: Document): Text => {
+  const d = doc || (typeof document !== 'undefined' ? document : undefined);
+  if (!d) throw new Error('Document is not available');
+  return d.createTextNode(text !== undefined && text !== null ? String(text) : '');
+};
+
+export const commentNode = (comment: string | any, doc?: Document): Comment => {
+  const d = doc || (typeof document !== 'undefined' ? document : undefined);
+  if (!d) throw new Error('Document is not available');
+  return d.createComment(comment !== undefined && comment !== null ? String(comment) : '');
+};
+
+export const createElement = <T extends HTMLElement>(
+  tagName: string,
+  options?: { html?: string; attrs?: Record<string, any>; doc?: Document }
+): T => {
+  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);
+  if (!d) throw new Error('Document is not available');
+  const el = d.createElement(tagName) as T;
+  if (options?.html) el.innerHTML = options.html;
+  if (options?.attrs) {
+    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+  }
+  return el;
+};
+
+// Element factory functions
+export const htmlDivElement = (html: string, options?: { doc?: Document; attrs?: Record<string, any> }): HTMLDivElement => {
+  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);
+  if (!d) throw new Error('Document is not available');
+  const el = d.createElement('div') as HTMLDivElement;
+  el.innerHTML = html.trim();
+  if (options?.attrs) {
+    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+  }
+  return el;
+};
+
+export const htmlSpanElement = (html: string, options?: { doc?: Document; attrs?: Record<string, any> }): HTMLSpanElement => {
+  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);
+  if (!d) throw new Error('Document is not available');
+  const el = d.createElement('span') as HTMLSpanElement;
+  el.innerHTML = html.trim();
+  if (options?.attrs) {
+    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+  }
+  return el;
+};
+
+export const htmlButtonElement = (html: string, options?: { doc?: Document; attrs?: Record<string, any> }): HTMLButtonElement => {
+  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);
+  if (!d) throw new Error('Document is not available');
+  const el = d.createElement('button') as HTMLButtonElement;
+  el.innerHTML = html.trim();
+  if (options?.attrs) {
+    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+  }
+  return el;
+};
+
+export const htmlUlElement = (options?: { doc?: Document; attrs?: Record<string, any> }): HTMLUListElement => {
+  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);
+  if (!d) throw new Error('Document is not available');
+  const el = d.createElement('ul') as HTMLUListElement;
+  if (options?.attrs) {
+    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+  }
+  return el;
+};
+
+export const htmlLiElement = (html: string, options?: { doc?: Document; attrs?: Record<string, any> }): HTMLLIElement => {
+  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);
+  if (!d) throw new Error('Document is not available');
+  const el = d.createElement('li') as HTMLLIElement;
+  el.innerHTML = html.trim();
+  if (options?.attrs) {
+    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+  }
+  return el;
+};
+
+export const htmlAElement = (html: string, options?: { href?: string; doc?: Document; attrs?: Record<string, any> }): HTMLAnchorElement => {
+  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);
+  if (!d) throw new Error('Document is not available');
+  const el = d.createElement('a') as HTMLAnchorElement;
+  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;
+};
+
+export const htmlPElement = (html: string, options?: { doc?: Document; attrs?: Record<string, any> }): HTMLParagraphElement => {
+  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);
+  if (!d) throw new Error('Document is not available');
+  const el = d.createElement('p') as HTMLParagraphElement;
+  el.innerHTML = html.trim();
+  if (options?.attrs) {
+    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+  }
+  return el;
+};
+
+export const htmlHeadingElement = (level: 1 | 2 | 3 | 4 | 5 | 6, html: string, options?: { doc?: Document; attrs?: Record<string, any> }): HTMLHeadingElement => {
+  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);
+  if (!d) throw new Error('Document is not available');
+  const el = d.createElement(`h${level}`) as HTMLHeadingElement;
+  el.innerHTML = html.trim();
+  if (options?.attrs) {
+    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+  }
+  return el;
+};
+
+export const htmlSectionElement = (options?: { doc?: Document; attrs?: Record<string, any> }): HTMLElement => {
+  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);
+  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;
+};
+
+export const htmlArticleElement = (options?: { doc?: Document; attrs?: Record<string, any> }): HTMLElement => {
+  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);
+  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;
+};
 
 export namespace SwcUtils {
   export const getHelperSet = (win: Window): HelperSet => {
@@ -43,6 +187,7 @@ export namespace SwcUtils {
    */
   export const findNearestSwcHost = (el: HTMLElement | Node): HTMLElement | undefined => {
     if ((el as any).__swc_host) return (el as any).__swc_host;
+    // if ((el as any).__swc_proto_setup) return (el as any).__swc_proto_setup;
 
     let current: any = el.parentElement || (el.getRootNode?.() as any)?.host;
     const doc = el.ownerDocument;

package/dist/cjs/decorators/classList.js

@@ -1,134 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var classList_exports = {};
-__export(classList_exports, {
-  CLASS_LIST_METADATA_KEY: () => CLASS_LIST_METADATA_KEY,
-  addClassList: () => addClassList,
-  addClassListHost: () => addClassListHost,
-  findAllClassListMetadata: () => findAllClassListMetadata,
-  removeClassList: () => removeClassList,
-  removeClassListHost: () => removeClassListHost,
-  setClassList: () => setClassList,
-  setClassListHost: () => setClassListHost,
-  toggleClassList: () => toggleClassList,
-  toggleClassListHost: () => toggleClassListHost,
-  updateClassList: () => updateClassList,
-  updateClassListHost: () => updateClassListHost
-});
-module.exports = __toCommonJS(classList_exports);
-var import_core = require("@dooboostore/core");
-var import_elementDefine = require("./elementDefine");
-var import_Utils = require("../utils/Utils");
-const CLASS_LIST_METADATA_KEY = Symbol("simple-web-component:class-list");
-function createClassListDecorator(action) {
-  return (selector, options = {}) => {
-    return (target, propertyKey, descriptor) => {
-      const constructor = target.constructor;
-      let metaList = import_core.ReflectUtils.getOwnMetadata(CLASS_LIST_METADATA_KEY, constructor);
-      if (!metaList) {
-        metaList = /* @__PURE__ */ new Map();
-        import_core.ReflectUtils.defineMetadata(CLASS_LIST_METADATA_KEY, metaList, constructor);
-      }
-      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);
-          const targetEls = [];
-          if (selector === ":host" || !selector) {
-            targetEls.push(this);
-          } else if (selector === ":parentHost") {
-            if (hostSet.$parentHost) targetEls.push(hostSet.$parentHost);
-          } else if (selector === ":appHost") {
-            if (hostSet.$appHost) targetEls.push(hostSet.$appHost);
-          } else {
-            if (r === "shadow") {
-              const found = this.shadowRoot?.querySelectorAll(selector);
-              if (found) targetEls.push(...found);
-            } else if (r === "light") {
-              const found = this.querySelectorAll(selector);
-              if (found) targetEls.push(...found);
-            } else if (r === "all") {
-              const sFound = this.shadowRoot?.querySelectorAll(selector);
-              const lFound = this.querySelectorAll(selector);
-              if (sFound) targetEls.push(...sFound);
-              if (lFound) targetEls.push(...lFound);
-            } else {
-              const found = (this.shadowRoot || this).querySelectorAll(selector);
-              if (found) targetEls.push(...found);
-            }
-          }
-          targetEls.forEach((targetEl) => {
-            if (action === "set") {
-              let classes = "";
-              if (typeof res === "object" && res !== null && !Array.isArray(res)) {
-                classes = Object.entries(res).filter(([_, force]) => !!force).map(([cls]) => cls).join(" ");
-              } else {
-                classes = Array.isArray(res) ? res.join(" ") : String(res);
-              }
-              targetEl.className = classes;
-            } else if (action === "update") {
-              if (typeof res === "object" && res !== null && !Array.isArray(res)) {
-                Object.entries(res).forEach(([cls, force]) => {
-                  targetEl.classList.toggle(cls, !!force);
-                });
-              } else if (res !== void 0 && res !== null) {
-                const classes = Array.isArray(res) ? res.map(String) : [String(res)];
-                targetEl.classList.add(...classes);
-              }
-            } else if (action === "add") {
-              const classes = Array.isArray(res) ? res.map(String) : [String(res)];
-              targetEl.classList.add(...classes);
-            } else if (action === "remove") {
-              const classes = Array.isArray(res) ? res.map(String) : [String(res)];
-              targetEl.classList.remove(...classes);
-            } else if (action === "toggle") {
-              const classes = Array.isArray(res) ? res.map(String) : [String(res)];
-              classes.forEach((c) => targetEl.classList.toggle(c));
-            }
-          });
-        }
-        return res;
-      };
-    };
-  };
-}
-const setClassList = (selector, options = {}) => createClassListDecorator("set")(selector, options);
-const updateClassList = (selector, options = {}) => createClassListDecorator("update")(selector, options);
-const addClassList = (selector, options = {}) => createClassListDecorator("add")(selector, options);
-const removeClassList = (selector, options = {}) => createClassListDecorator("remove")(selector, options);
-const toggleClassList = (selector, options = {}) => createClassListDecorator("toggle")(selector, options);
-const setClassListHost = (options = {}) => createClassListDecorator("set")(":host", options);
-const updateClassListHost = (options = {}) => createClassListDecorator("update")(":host", options);
-const addClassListHost = (options = {}) => createClassListDecorator("add")(":host", options);
-const removeClassListHost = (options = {}) => createClassListDecorator("remove")(":host", options);
-const toggleClassListHost = (options = {}) => createClassListDecorator("toggle")(":host", options);
-const findAllClassListMetadata = (target) => {
-  const result = /* @__PURE__ */ new Map();
-  const maps = import_core.ReflectUtils.findAllMetadata(CLASS_LIST_METADATA_KEY, target);
-  maps.forEach((map) => {
-    if (map instanceof Map) {
-      map.forEach((v, k) => result.set(k, v));
-    }
-  });
-  return result;
-};
-//# sourceMappingURL=classList.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/decorators/classList.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { ensureInit } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { SwcQueryOptions } from '../types';\n\nexport const CLASS_LIST_METADATA_KEY = Symbol('simple-web-component:class-list');\n\nexport type ClassListAction = 'set' | 'update' | 'add' | 'remove' | 'toggle';\n\nexport interface ClassListMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  action: ClassListAction;\n  options: SwcQueryOptions;\n}\n\nfunction createClassListDecorator(action: ClassListAction) {\n  return (selector: string, options: SwcQueryOptions = {}): MethodDecorator => {\n    return (target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n      const constructor = target.constructor;\n      let metaList = ReflectUtils.getOwnMetadata(CLASS_LIST_METADATA_KEY, constructor) as Map<string | symbol, ClassListMetadata>;\n      if (!metaList) {\n        metaList = new Map<string | symbol, ClassListMetadata>();\n        ReflectUtils.defineMetadata(CLASS_LIST_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          if (selector === ':host' || !selector) {\n            targetEls.push(this as any);\n          } else if (selector === ':parentHost') {\n            if (hostSet.$parentHost) targetEls.push(hostSet.$parentHost);\n          } else if (selector === ':appHost') {\n            if (hostSet.$appHost) targetEls.push(hostSet.$appHost);\n          } else {\n            if (r === 'shadow') {\n              const found = this.shadowRoot?.querySelectorAll(selector);\n              if (found) targetEls.push(...found);\n            } else if (r === 'light') {\n              const found = (this as any).querySelectorAll(selector);\n              if (found) targetEls.push(...found);\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(...sFound);\n              if (lFound) targetEls.push(...lFound);\n            } else {\n              // auto\n              const found = (this.shadowRoot || (this as any)).querySelectorAll(selector);\n              if (found) targetEls.push(...found);\n            }\n          }\n\n          targetEls.forEach(targetEl => {\n            if (action === 'set') {\n              let classes = '';\n              if (typeof res === 'object' && res !== null && !Array.isArray(res)) {\n                classes = Object.entries(res)\n                  .filter(([_, force]) => !!force)\n                  .map(([cls]) => cls)\n                  .join(' ');\n              } else {\n                classes = Array.isArray(res) ? res.join(' ') : String(res);\n              }\n              targetEl.className = classes;\n            } else if (action === 'update') {\n              if (typeof res === 'object' && res !== null && !Array.isArray(res)) {\n                Object.entries(res).forEach(([cls, force]) => {\n                  targetEl.classList.toggle(cls, !!force);\n                });\n              } else if (res !== undefined && res !== null) {\n                const classes = Array.isArray(res) ? res.map(String) : [String(res)];\n                targetEl.classList.add(...classes);\n              }\n            } else if (action === 'add') {\n              const classes = Array.isArray(res) ? res.map(String) : [String(res)];\n              targetEl.classList.add(...classes);\n            } else if (action === 'remove') {\n              const classes = Array.isArray(res) ? res.map(String) : [String(res)];\n              targetEl.classList.remove(...classes);\n            } else if (action === 'toggle') {\n              const classes = Array.isArray(res) ? res.map(String) : [String(res)];\n              classes.forEach(c => targetEl.classList.toggle(c));\n            }\n          });\n        }\n        return res;\n      };\n    };\n  };\n}\n\n/**\n * @setClassList decorator to surgically replace all classes on a target element.\n * Returns: string | string[]\n */\nexport const setClassList = (selector: string, options: SwcQueryOptions = {}) => createClassListDecorator('set')(selector, options);\n\n/**\n * @updateClassList decorator to surgically update specific classes.\n * Returns: Record<string, boolean> (toggle with force) | string | string[] (add)\n */\nexport const updateClassList = (selector: string, options: SwcQueryOptions = {}) => createClassListDecorator('update')(selector, options);\n\n/**\n * @addClassList decorator to surgically add classes to a target element.\n * Returns: string | string[]\n */\nexport const addClassList = (selector: string, options: SwcQueryOptions = {}) => createClassListDecorator('add')(selector, options);\n\n/**\n * @removeClassList decorator to surgically remove classes from a target element.\n * Returns: string | string[]\n */\nexport const removeClassList = (selector: string, options: SwcQueryOptions = {}) => createClassListDecorator('remove')(selector, options);\n\n/**\n * @toggleClassList decorator to surgically toggle classes on a target element.\n * Returns: string | string[]\n */\nexport const toggleClassList = (selector: string, options: SwcQueryOptions = {}) => createClassListDecorator('toggle')(selector, options);\n\n// Host-specific versions (for :host selector)\n\n/**\n * @setClassListHost decorator to set classes on :host element.\n * Returns: string | string[]\n */\nexport const setClassListHost = (options: SwcQueryOptions = {}) => createClassListDecorator('set')(':host', options);\n\n/**\n * @updateClassListHost decorator to update specific classes on :host.\n * Returns: Record<string, boolean> (toggle with force) | string | string[] (add)\n */\nexport const updateClassListHost = (options: SwcQueryOptions = {}) => createClassListDecorator('update')(':host', options);\n\n/**\n * @addClassListHost decorator to add classes to :host element.\n * Returns: string | string[]\n */\nexport const addClassListHost = (options: SwcQueryOptions = {}) => createClassListDecorator('add')(':host', options);\n\n/**\n * @removeClassListHost decorator to remove classes from :host element.\n * Returns: string | string[]\n */\nexport const removeClassListHost = (options: SwcQueryOptions = {}) => createClassListDecorator('remove')(':host', options);\n\n/**\n * @toggleClassListHost decorator to toggle classes on :host element.\n * Returns: string | string[]\n */\nexport const toggleClassListHost = (options: SwcQueryOptions = {}) => createClassListDecorator('toggle')(':host', options);\n\nexport const findAllClassListMetadata = (target: any): Map<string | symbol, ClassListMetadata> => {\n  const result = new Map<string | symbol, ClassListMetadata>();\n  const maps = ReflectUtils.findAllMetadata<Map<string | symbol, ClassListMetadata>>(CLASS_LIST_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": []
-}