@dooboostore/simple-web-component 1.0.35 → 1.0.37

package/dist/esm/decorators/queryAll.js

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

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

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

package/dist/esm/decorators/setProperty.js

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

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

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

package/dist/esm/elements/{SwcAppMixin.js → SwcApp.js}

@@ -1,31 +1,35 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { SwcAppEngine } from "./SwcAppEngine.js";
-import { SwcUtils } from "../utils/Utils.js";
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { elementDefine, findAllLifecycleMetadata, getSubscribeSwcAppMessageWhileConnectedMetadata, getSubscribeSwcAppRouteChangeWhileConnectedMetadata, ON_CONNECTED_SWC_APP_METADATA_KEY } from "../decorators/index.js";
+import { SwcAppEngine } from "../SwcAppEngine.js";
 import { debounceTimeIntervalLock, FunctionUtils } from "@dooboostore/core";
-import { getSubscribeSwcAppRouteChangeWhileConnectedMetadata } from "../decorators/subscribeSwcAppRouteChangeWhileConnected.js";
-import { getSubscribeSwcAppMessageWhileConnectedMetadata } from "../decorators/subscribeSwcAppMessageWhileConnected.js";
-function SwcAppMixin(Base) {
-  return class extends Base {
+import { SwcUtils } from "../utils/Utils.js";
+const isSSR = (i) => {
+  return i.hasAttribute("swc-use-ssr");
+};
+const setSSRAttribute = (i) => {
+  i.setAttribute("swc-use-ssr", i._swcId ?? "");
+};
+const removeSSRAttribute = (i) => {
+  i.removeAttribute("swc-use-ssr");
+};
+const tagName = "swc-app";
+var SwcApp_default = async (w) => {
+  const existing = w.customElements.get(tagName);
+  if (existing)
+    return existing;
+  let SwcApp = class SwcApp extends w.HTMLElement {
     constructor() {
       super(...arguments);
-      __publicField(this, "__swc_engine", new SwcAppEngine(this));
-      __publicField(this, "_swc_connected_instance", /* @__PURE__ */ new Set());
-      // _swc_notified_routes = new WeakMap<any, RouterEventType>();
-      __publicField(this, "_routerSubscription");
-      __publicField(this, "_lastRouterEvent");
-      __publicField(this, "_routeChangeInvocations", 0);
-      __publicField(this, "_connectedInvocations", 0);
-      __publicField(this, "_childrenRouteChangedInterval");
-      __publicField(this, "_childrenConnectedDoneInterval");
-      /*
-        사파리 is 일경우
-      <script src="https://unpkg.com/@ungap/custom-elements"><\/script>
-      이걸사용하는데 is 대응하는거다 그런데 이때 처리되는 순서가  크롬이나 표준에서는 부모부터 만들어지고 자식들이 만들어지는데
-       저 polyfill에서는 자식부터 만들어지고 부모가 만들어진다 is일때 아 .. 이문제때문에 자식이 _connected_safari 에 강제로 자기자식넣어준다
-       */
-      __publicField(this, "_connected_safari", []);
+      this.__swc_engine = new SwcAppEngine(this);
+      this._swc_connected_instance = /* @__PURE__ */ new Set();
+      this._routeChangeInvocations = 0;
+      this._connectedInvocations = 0;
+      this._connected_safari_and_standby = [];
     }
     get simpleApplication() {
       return this.__swc_engine.simpleApplication;
@@ -37,19 +41,21 @@ function SwcAppMixin(Base) {
       return this.__swc_engine?.router;
     }
     async _invokeRouteChangeSubscribers(instance, re) {
-      if (instance.isConnected === false) return;
+      if (instance.isConnected === false)
+        return;
       this._routeChangeInvocations++;
       if (this._childrenRouteChangedInterval) {
-        clearInterval(this._childrenRouteChangedInterval);
+        this.config.window.clearInterval(this._childrenRouteChangedInterval);
       }
+      const intervalConfig = { setInterval: this.config.window.setInterval.bind(this.config.window), clearInterval: this.config.window.clearInterval.bind(this.config.window) };
       this._childrenRouteChangedInterval = debounceTimeIntervalLock(
         () => this._routeChangeInvocations === 0,
         () => {
           this._childrenRouteChangedInterval = null;
-          this.config.onChildrenRouteChanged(re, this);
+          this.config.onChildrenRouteChanged?.(re, this);
         },
         this.config?.childrenConnectedDoneCheckIntervalTime ?? 30,
-        { setInterval: window.setInterval, clearInterval: window.clearInterval }
+        intervalConfig
         // {setInterval: window.setInterval, clearInterval: window.clearInterval}
       );
       try {
@@ -88,25 +94,37 @@ function SwcAppMixin(Base) {
           await Promise.allSettled(ps);
         }
       } finally {
-        this._routeChangeInvocations--;
+        if (this.config?.ssr) {
+          setSSRAttribute(instance);
+        } else {
+          removeSSRAttribute(instance);
+        }
+        this._routeChangeInvocations = Math.max(0, this._routeChangeInvocations - 1);
       }
     }
-    async _connected(instance) {
+    async _connected(instance, option) {
       if (instance) {
-        this._connectedInvocations++;
+        if (!this.simpleApplication && !this.config) {
+          this._connected_safari_and_standby.push(instance);
+          return;
+        }
+        this.config.onConnectedChildBefore?.(instance);
+        if (!option?.noIncrements) {
+          this._connectedInvocations++;
+        }
         this._swc_connected_instance.add(instance);
+        const connectedSwcAppCallBacks = findAllLifecycleMetadata(instance, ON_CONNECTED_SWC_APP_METADATA_KEY) ?? [];
+        for (let connectedSwcAppCallBack of connectedSwcAppCallBacks) {
+          await instance?._invokeLifecycleMethod?.(connectedSwcAppCallBack);
+        }
         if (this._childrenConnectedDoneInterval) {
-          clearInterval(this._childrenConnectedDoneInterval);
+          this.config.window.clearInterval(this._childrenConnectedDoneInterval);
         }
-        this._childrenConnectedDoneInterval = debounceTimeIntervalLock(
-          () => this._connectedInvocations === 0,
-          () => {
-            this._childrenConnectedDoneInterval = null;
-            this.config.onChildrenConnectedDone(this);
-          },
-          this.config?.childrenConnectedDoneCheckIntervalTime ?? 30,
-          { setInterval: window.setInterval, clearInterval: window.clearInterval }
-        );
+        const intervalConfig = { setInterval: this.config.window.setInterval.bind(this.config.window), clearInterval: this.config.window.clearInterval.bind(this.config.window) };
+        this._childrenConnectedDoneInterval = debounceTimeIntervalLock(() => this._connectedInvocations === 0, () => {
+          this._childrenConnectedDoneInterval = null;
+          this.config.onChildrenConnectedDone?.(this);
+        }, this.config?.childrenConnectedDoneCheckIntervalTime ?? 30, intervalConfig);
         if (this.simpleApplication) {
           try {
             if (this.router && this._lastRouterEvent) {
@@ -116,17 +134,25 @@ function SwcAppMixin(Base) {
             throw e;
           }
         }
+        if (this.config?.ssr) {
+          setSSRAttribute(instance);
+        } else {
+          removeSSRAttribute(instance);
+        }
       }
+      this.config.onConnectedChildAfter?.(instance);
+      return this;
     }
     async _connectedDone(instance) {
       try {
       } finally {
-        this._connectedInvocations--;
+        this._connectedInvocations = Math.max(0, this._connectedInvocations - 1);
       }
     }
     _disconnected(instance) {
       if (instance) {
         this._swc_connected_instance.delete(instance);
+        this.config?.onDisconnectedChildAfter?.(instance);
       }
     }
     async _handleRouteChange(route) {
@@ -136,15 +162,16 @@ function SwcAppMixin(Base) {
       await Promise.allSettled(ps);
     }
     async connect(config) {
+      console.log("[SWC] connect");
       const swcConfig = {
         routeType: "element",
         window: config?.window,
         ...config
       };
       const mode = config?.connectMode || "direct";
-      if (mode === "direct") {
+      if (mode === "direct" || mode === "hydrate") {
+        this.setAttribute("swc-connect-mode", mode);
         await this.__swc_engine.connect(swcConfig);
-        this.setAttribute("swc-connect-mode", "direct");
       } else if (mode === "swap" || mode === "clear-swap") {
         if (!this.parentNode) {
           await this.__swc_engine.connect(swcConfig);
@@ -170,18 +197,19 @@ function SwcAppMixin(Base) {
           }
         }
       }
-      this._connected_safari.forEach((instance) => {
-        this._connected(instance);
+      this._connected_safari_and_standby.forEach((instance) => {
+        this._connected(instance, { noIncrements: true });
       });
       if (!this._routerSubscription && this.router) {
         const config2 = this.__swc_engine.config;
         this._routerSubscription = this.router.observable.subscribe(async (route) => {
+          console.log("[SWC] Router event received:", route.triggerPoint);
           if (route.triggerPoint === "end") {
             await this._handleRouteChange(route);
           }
         });
         if (config2?.path) {
-          this.router.go(config2.path);
+          console.log("[DEBUG] Navigating to initial path:", config2.path);
         }
       }
     }
@@ -202,7 +230,8 @@ function SwcAppMixin(Base) {
     //   }
     // }
     connectedCallback() {
-      if (super.connectedCallback) super.connectedCallback();
+      if (super.connectedCallback)
+        super.connectedCallback();
       const configStr = this.getAttribute("swc-get-application-config");
       const win = this.ownerDocument?.defaultView || window;
       if (configStr && win) {
@@ -217,15 +246,19 @@ function SwcAppMixin(Base) {
           console.error("[SWC-APP-ENGINE] Script execution failed:", e);
         }
       }
+      this._connected(this);
       this.__swc_engine?.config?.onConnected?.(this);
+      this._connectedDone(this);
     }
     disconnectedCallback() {
-      if (super.disconnectedCallback) super.disconnectedCallback();
+      if (super.disconnectedCallback)
+        super.disconnectedCallback();
       this._routerSubscription?.unsubscribe();
       this._routerSubscription = void 0;
       this._lastRouterEvent = void 0;
       this.__swc_engine.disconnect();
       this.__swc_engine?.config?.onDisconnected?.(this);
+      this._disconnected(this);
     }
     async routing(path) {
       await this.router?.go(path);
@@ -239,6 +272,13 @@ function SwcAppMixin(Base) {
     reload() {
       this.router?.reload();
     }
+    // async completedSwcApp() {
+    //   const ss = Array.from(this._swc_connected_instance).flatMap((it) => {
+    //     const ms = findAllLifecycleMetadata(it, ON_CONNECTED_COMPLETED_SWC_APP_METADATA_KEY) ?? [];
+    //     return ms.map((sit) => it[sit](this));
+    //   });
+    //   await Promise.allSettled(ss);
+    // }
     publishMessage(message) {
       this._swc_connected_instance.forEach((instance) => {
         this._invokeMessageSubscribers(instance, message);
@@ -268,8 +308,17 @@ function SwcAppMixin(Base) {
       }
     }
   };
-}
+  SwcApp = __decorate([
+    elementDefine(tagName, { window: w })
+  ], SwcApp);
+  ;
+  return w.customElements.whenDefined(tagName);
+};
 export {
-  SwcAppMixin
+  SwcApp_default as default,
+  isSSR,
+  removeSSRAttribute,
+  setSSRAttribute,
+  tagName
 };
-//# sourceMappingURL=SwcAppMixin.js.map
+//# sourceMappingURL=SwcApp.js.map