@dooboostore/simple-web-component 1.0.13 → 1.0.14

package/dist/esm/elements/apps/SwcAppHr.js

@@ -12,6 +12,7 @@ import { elementDefine } from "../../decorators/elementDefine.js";
 import { SimpleApplication } from "@dooboostore/simple-boot/SimpleApplication";
 import { PathRouter } from "@dooboostore/core-web/routers/PathRouter";
 import { HashRouter } from "@dooboostore/core-web/routers/HashRouter";
+import { ElementRouter } from "../../router/ElementRouter.js";
 import { SimOption } from "@dooboostore/simple-boot/SimOption";
 import { Router } from "@dooboostore/core-web/routers/Router";
 let SwcAppHr = class SwcAppHr2 extends SwcHTMLHRElementBase {
@@ -29,12 +30,18 @@ let SwcAppHr = class SwcAppHr2 extends SwcHTMLHRElementBase {
         const userConfig = new Function(`return ${applicationConfigStr}`).apply(this);
         if (userConfig) {
           const _config = {
-            routeType: "path",
+            routeType: "element",
             window,
             ...userConfig
           };
-          this._router = _config.routeType === "path" ? new PathRouter({ window: _config.window }) : new HashRouter({ window: _config.window });
-          this.routerSubscription = this._router.observable.subscribe((route) => {
+          if (_config.routeType === "path") {
+            this.router = new PathRouter({ window: _config.window, firstUrl: _config.path });
+          } else if (_config.routeType === "hash") {
+            this.router = new HashRouter({ window: _config.window, firstUrl: _config.path });
+          } else {
+            this.router = new ElementRouter({ window: _config.window, firstUrl: _config.path });
+          }
+          this.routerSubscription = this.router.observable.subscribe((route) => {
             if (route.triggerPoint === "end") {
               this.routingProcess(route.path);
             }
@@ -45,8 +52,8 @@ let SwcAppHr = class SwcAppHr2 extends SwcHTMLHRElementBase {
           });
           this.simpleApplication = new SimpleApplication(option);
           const otherInstanceSim = /* @__PURE__ */ new Map();
-          if (this._router) {
-            otherInstanceSim.set(Router, this._router);
+          if (this.router) {
+            otherInstanceSim.set(Router, this.router);
           }
           this.simpleApplication.run(otherInstanceSim);
           const data = this.simpleApplication.sim(_config.rootRouter);
@@ -58,7 +65,7 @@ let SwcAppHr = class SwcAppHr2 extends SwcHTMLHRElementBase {
             }
           }
           if (_config.path) {
-            await this._router?.go(_config.path);
+            await this.router?.go(_config.path);
           }
         }
       } catch (e) {
@@ -70,7 +77,7 @@ let SwcAppHr = class SwcAppHr2 extends SwcHTMLHRElementBase {
     this.routerSubscription?.unsubscribe();
   }
   async routing(path) {
-    await this._router?.go(path);
+    await this.router?.go(path);
   }
   async routingProcess(path) {
     await this.simpleApplication?.routing(path);

package/dist/esm/elements/apps/SwcAppHr.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/elements/apps/SwcAppHr.ts"],
-  "sourcesContent": ["import { SwcHTMLHRElementBase } from '../base/SwcHTMLHRElementBase';\nimport { elementDefine } from '../../decorators/elementDefine';\nimport { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';\nimport { PathRouter } from '@dooboostore/core-web/routers/PathRouter';\nimport { HashRouter } from '@dooboostore/core-web/routers/HashRouter';\nimport { SimOption } from '@dooboostore/simple-boot/SimOption';\nimport { ConstructorType } from '@dooboostore/core/types';\nimport { Router, RouterEventType } from '@dooboostore/core-web/routers/Router';\nimport { Subscription } from '@dooboostore/core/message/Subscription';\n\n@elementDefine({ name: 'swc-app-hr', extends: 'hr' })\nexport class SwcAppHr extends SwcHTMLHRElementBase implements SwcAppInterface {\n  public simpleApplication?: SimpleApplication;\n  protected _router?: PathRouter | HashRouter;\n  private routerSubscription?: Subscription;\n\n  constructor() {\n    super();\n  }\n\n  async connectedCallback() {\n    if (this._isInitialized) return;\n    this._isInitialized = true;\n\n    // Push to the end of the event loop to ensure global scripts are evaluated\n    await new Promise(resolve => setTimeout(resolve, 0));\n\n    const applicationConfigStr = this.getAttribute('swc-get-application-config');\n    if (applicationConfigStr) {\n      try {\n        const userConfig: SwcAttributeConfigType = new Function(`return ${applicationConfigStr}`).apply(this);\n        if (userConfig) {\n          const _config = {\n            routeType: 'path',\n            window: window,\n            ...userConfig\n          };\n\n          this._router = _config.routeType === 'path' ? new PathRouter({ window: _config.window }) : new HashRouter({ window: _config.window });\n          this.routerSubscription = this._router.observable.subscribe((route: RouterEventType) => {\n            if (route.triggerPoint === 'end') {\n              this.routingProcess(route.path);\n            }\n          });\n          const option = new SimOption({\n            excludeProxys: [Node],\n            rootRouter: _config.rootRouter\n          });\n\n          this.simpleApplication = new SimpleApplication(option);\n\n          // Use 'any' key for Map to allow Abstract classes like Router\n          const otherInstanceSim = new Map<any, any>();\n          if (this._router) {\n            otherInstanceSim.set(Router, this._router);\n          }\n          this.simpleApplication.run(otherInstanceSim);\n          const data = this.simpleApplication.sim(_config.rootRouter);\n          if (data instanceof Node) {\n            if (this.shadowRoot) {\n              this.shadowRoot.replaceChildren(data);\n            } else if (!this.contains(data)) {\n              this.replaceChildren(data);\n            }\n          }\n          if (_config.path) {\n            await this._router?.go(_config.path);\n          }\n        }\n      } catch (e) {\n        console.error('[SWC-APP] Failed to execute swc-get-application-config script:', e);\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    this.routerSubscription?.unsubscribe();\n  }\n\n  async routing(path: string) {\n    await this._router?.go(path);\n  }\n\n  private async routingProcess(path: string) {\n    await this.simpleApplication?.routing(path);\n  }\n}\n"],
-  "mappings": ";;;;;;;;;AAAA,SAAS,4BAA4B;AACrC,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAElC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAE1B,SAAS,cAA+B;AAIjC,IAAM,WAAN,MAAMA,kBAAiB,qBAAoB;EAKhD,cAAA;AACE,UAAK;EACP;EAEA,MAAM,oBAAiB;AACrB,QAAI,KAAK;AAAgB;AACzB,SAAK,iBAAiB;AAGtB,UAAM,IAAI,QAAQ,aAAW,WAAW,SAAS,CAAC,CAAC;AAEnD,UAAM,uBAAuB,KAAK,aAAa,4BAA4B;AAC3E,QAAI,sBAAsB;AACxB,UAAI;AACF,cAAM,aAAqC,IAAI,SAAS,UAAU,oBAAoB,EAAE,EAAE,MAAM,IAAI;AACpG,YAAI,YAAY;AACd,gBAAM,UAAU;YACd,WAAW;YACX;YACA,GAAG;;AAGL,eAAK,UAAU,QAAQ,cAAc,SAAS,IAAI,WAAW,EAAE,QAAQ,QAAQ,OAAM,CAAE,IAAI,IAAI,WAAW,EAAE,QAAQ,QAAQ,OAAM,CAAE;AACpI,eAAK,qBAAqB,KAAK,QAAQ,WAAW,UAAU,CAAC,UAA0B;AACrF,gBAAI,MAAM,iBAAiB,OAAO;AAChC,mBAAK,eAAe,MAAM,IAAI;YAChC;UACF,CAAC;AACD,gBAAM,SAAS,IAAI,UAAU;YAC3B,eAAe,CAAC,IAAI;YACpB,YAAY,QAAQ;WACrB;AAED,eAAK,oBAAoB,IAAI,kBAAkB,MAAM;AAGrD,gBAAM,mBAAmB,oBAAI,IAAG;AAChC,cAAI,KAAK,SAAS;AAChB,6BAAiB,IAAI,QAAQ,KAAK,OAAO;UAC3C;AACA,eAAK,kBAAkB,IAAI,gBAAgB;AAC3C,gBAAM,OAAO,KAAK,kBAAkB,IAAI,QAAQ,UAAU;AAC1D,cAAI,gBAAgB,MAAM;AACxB,gBAAI,KAAK,YAAY;AACnB,mBAAK,WAAW,gBAAgB,IAAI;YACtC,WAAW,CAAC,KAAK,SAAS,IAAI,GAAG;AAC/B,mBAAK,gBAAgB,IAAI;YAC3B;UACF;AACA,cAAI,QAAQ,MAAM;AAChB,kBAAM,KAAK,SAAS,GAAG,QAAQ,IAAI;UACrC;QACF;MACF,SAAS,GAAG;AACV,gBAAQ,MAAM,kEAAkE,CAAC;MACnF;IACF;EACF;EAEA,uBAAoB;AAClB,SAAK,oBAAoB,YAAW;EACtC;EAEA,MAAM,QAAQ,MAAY;AACxB,UAAM,KAAK,SAAS,GAAG,IAAI;EAC7B;EAEQ,MAAM,eAAe,MAAY;AACvC,UAAM,KAAK,mBAAmB,QAAQ,IAAI;EAC5C;;AA1EW,WAAQ,WAAA;EADpB,cAAc,EAAE,MAAM,cAAc,SAAS,KAAI,CAAE;;GACvC,QAAQ;",
+  "sourcesContent": ["import { SwcHTMLHRElementBase } from '../base/SwcHTMLHRElementBase';\nimport { elementDefine } from '../../decorators/elementDefine';\nimport { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';\nimport { PathRouter } from '@dooboostore/core-web/routers/PathRouter';\nimport { HashRouter } from '@dooboostore/core-web/routers/HashRouter';\nimport { ElementRouter } from '../../router/ElementRouter';\nimport { SimOption } from '@dooboostore/simple-boot/SimOption';\nimport { ConstructorType } from '@dooboostore/core/types';\nimport { Router, RouterEventType } from '@dooboostore/core-web/routers/Router';\nimport { Subscription } from '@dooboostore/core/message/Subscription';\n\n@elementDefine({ name: 'swc-app-hr', extends: 'hr' })\nexport class SwcAppHr extends SwcHTMLHRElementBase implements SwcAppInterface {\n  public simpleApplication?: SimpleApplication;\n  public router?: Router;\n  private routerSubscription?: Subscription;\n\n  constructor() {\n    super();\n  }\n\n  async connectedCallback() {\n    if (this._isInitialized) return;\n    this._isInitialized = true;\n\n    // Push to the end of the event loop to ensure global scripts are evaluated\n    await new Promise(resolve => setTimeout(resolve, 0));\n\n    const applicationConfigStr = this.getAttribute('swc-get-application-config');\n    if (applicationConfigStr) {\n      try {\n        const userConfig: SwcAttributeConfigType = new Function(`return ${applicationConfigStr}`).apply(this);\n        if (userConfig) {\n          const _config: SwcConfigType = {\n            routeType: 'element',\n            window: window,\n            ...userConfig\n          };\n\n          if (_config.routeType === 'path') {\n            this.router = new PathRouter({ window: _config.window, firstUrl: _config.path });\n          } else if (_config.routeType === 'hash') {\n            this.router = new HashRouter({ window: _config.window, firstUrl: _config.path });\n          } else {\n            this.router = new ElementRouter({ window: _config.window, firstUrl: _config.path });\n          }\n\n          this.routerSubscription = this.router.observable.subscribe((route: RouterEventType) => {\n            if (route.triggerPoint === 'end') {\n              this.routingProcess(route.path);\n            }\n          });\n          const option = new SimOption({\n            excludeProxys: [Node],\n            rootRouter: _config.rootRouter\n          });\n\n          this.simpleApplication = new SimpleApplication(option);\n\n          // Use 'any' key for Map to allow Abstract classes like Router\n          const otherInstanceSim = new Map<any, any>();\n          if (this.router) {\n            otherInstanceSim.set(Router, this.router);\n          }\n          this.simpleApplication.run(otherInstanceSim);\n          const data = this.simpleApplication.sim(_config.rootRouter);\n          if (data instanceof Node) {\n            if (this.shadowRoot) {\n              this.shadowRoot.replaceChildren(data);\n            } else if (!this.contains(data)) {\n              this.replaceChildren(data);\n            }\n          }\n          if (_config.path) {\n            await this.router?.go(_config.path);\n          }\n        }\n      } catch (e) {\n        console.error('[SWC-APP] Failed to execute swc-get-application-config script:', e);\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    this.routerSubscription?.unsubscribe();\n  }\n\n  async routing(path: string) {\n    await this.router?.go(path);\n  }\n\n  private async routingProcess(path: string) {\n    await this.simpleApplication?.routing(path);\n  }\n}\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,4BAA4B;AACrC,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAElC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAE1B,SAAS,cAA+B;AAIjC,IAAM,WAAN,MAAMA,kBAAiB,qBAAoB;EAKhD,cAAA;AACE,UAAK;EACP;EAEA,MAAM,oBAAiB;AACrB,QAAI,KAAK;AAAgB;AACzB,SAAK,iBAAiB;AAGtB,UAAM,IAAI,QAAQ,aAAW,WAAW,SAAS,CAAC,CAAC;AAEnD,UAAM,uBAAuB,KAAK,aAAa,4BAA4B;AAC3E,QAAI,sBAAsB;AACxB,UAAI;AACF,cAAM,aAAqC,IAAI,SAAS,UAAU,oBAAoB,EAAE,EAAE,MAAM,IAAI;AACpG,YAAI,YAAY;AACd,gBAAM,UAAyB;YAC7B,WAAW;YACX;YACA,GAAG;;AAGL,cAAI,QAAQ,cAAc,QAAQ;AAChC,iBAAK,SAAS,IAAI,WAAW,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAI,CAAE;UACjF,WAAW,QAAQ,cAAc,QAAQ;AACvC,iBAAK,SAAS,IAAI,WAAW,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAI,CAAE;UACjF,OAAO;AACL,iBAAK,SAAS,IAAI,cAAc,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAI,CAAE;UACpF;AAEA,eAAK,qBAAqB,KAAK,OAAO,WAAW,UAAU,CAAC,UAA0B;AACpF,gBAAI,MAAM,iBAAiB,OAAO;AAChC,mBAAK,eAAe,MAAM,IAAI;YAChC;UACF,CAAC;AACD,gBAAM,SAAS,IAAI,UAAU;YAC3B,eAAe,CAAC,IAAI;YACpB,YAAY,QAAQ;WACrB;AAED,eAAK,oBAAoB,IAAI,kBAAkB,MAAM;AAGrD,gBAAM,mBAAmB,oBAAI,IAAG;AAChC,cAAI,KAAK,QAAQ;AACf,6BAAiB,IAAI,QAAQ,KAAK,MAAM;UAC1C;AACA,eAAK,kBAAkB,IAAI,gBAAgB;AAC3C,gBAAM,OAAO,KAAK,kBAAkB,IAAI,QAAQ,UAAU;AAC1D,cAAI,gBAAgB,MAAM;AACxB,gBAAI,KAAK,YAAY;AACnB,mBAAK,WAAW,gBAAgB,IAAI;YACtC,WAAW,CAAC,KAAK,SAAS,IAAI,GAAG;AAC/B,mBAAK,gBAAgB,IAAI;YAC3B;UACF;AACA,cAAI,QAAQ,MAAM;AAChB,kBAAM,KAAK,QAAQ,GAAG,QAAQ,IAAI;UACpC;QACF;MACF,SAAS,GAAG;AACV,gBAAQ,MAAM,kEAAkE,CAAC;MACnF;IACF;EACF;EAEA,uBAAoB;AAClB,SAAK,oBAAoB,YAAW;EACtC;EAEA,MAAM,QAAQ,MAAY;AACxB,UAAM,KAAK,QAAQ,GAAG,IAAI;EAC5B;EAEQ,MAAM,eAAe,MAAY;AACvC,UAAM,KAAK,mBAAmB,QAAQ,IAAI;EAC5C;;AAjFW,WAAQ,WAAA;EADpB,cAAc,EAAE,MAAM,cAAc,SAAS,KAAI,CAAE;;GACvC,QAAQ;",
   "names": ["SwcAppHr"]
 }

package/dist/esm/elements/apps/SwcAppIFrame.js

@@ -12,6 +12,7 @@ import { elementDefine } from "../../decorators/elementDefine.js";
 import { SimpleApplication } from "@dooboostore/simple-boot/SimpleApplication";
 import { PathRouter } from "@dooboostore/core-web/routers/PathRouter";
 import { HashRouter } from "@dooboostore/core-web/routers/HashRouter";
+import { ElementRouter } from "../../router/ElementRouter.js";
 import { SimOption } from "@dooboostore/simple-boot/SimOption";
 import { Router } from "@dooboostore/core-web/routers/Router";
 let SwcAppIFrame = class SwcAppIFrame2 extends SwcHTMLIFrameElementBase {
@@ -29,12 +30,18 @@ let SwcAppIFrame = class SwcAppIFrame2 extends SwcHTMLIFrameElementBase {
         const userConfig = new Function(`return ${applicationConfigStr}`).apply(this);
         if (userConfig) {
           const _config = {
-            routeType: "path",
+            routeType: "element",
             window,
             ...userConfig
           };
-          this._router = _config.routeType === "path" ? new PathRouter({ window: _config.window }) : new HashRouter({ window: _config.window });
-          this.routerSubscription = this._router.observable.subscribe((route) => {
+          if (_config.routeType === "path") {
+            this.router = new PathRouter({ window: _config.window, firstUrl: _config.path });
+          } else if (_config.routeType === "hash") {
+            this.router = new HashRouter({ window: _config.window, firstUrl: _config.path });
+          } else {
+            this.router = new ElementRouter({ window: _config.window, firstUrl: _config.path });
+          }
+          this.routerSubscription = this.router.observable.subscribe((route) => {
             if (route.triggerPoint === "end") {
               this.routingProcess(route.path);
             }
@@ -45,8 +52,8 @@ let SwcAppIFrame = class SwcAppIFrame2 extends SwcHTMLIFrameElementBase {
           });
           this.simpleApplication = new SimpleApplication(option);
           const otherInstanceSim = /* @__PURE__ */ new Map();
-          if (this._router) {
-            otherInstanceSim.set(Router, this._router);
+          if (this.router) {
+            otherInstanceSim.set(Router, this.router);
           }
           this.simpleApplication.run(otherInstanceSim);
           const data = this.simpleApplication.sim(_config.rootRouter);
@@ -58,7 +65,7 @@ let SwcAppIFrame = class SwcAppIFrame2 extends SwcHTMLIFrameElementBase {
             }
           }
           if (_config.path) {
-            await this._router?.go(_config.path);
+            await this.router?.go(_config.path);
           }
         }
       } catch (e) {
@@ -70,7 +77,7 @@ let SwcAppIFrame = class SwcAppIFrame2 extends SwcHTMLIFrameElementBase {
     this.routerSubscription?.unsubscribe();
   }
   async routing(path) {
-    await this._router?.go(path);
+    await this.router?.go(path);
   }
   async routingProcess(path) {
     await this.simpleApplication?.routing(path);

package/dist/esm/elements/apps/SwcAppIFrame.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/elements/apps/SwcAppIFrame.ts"],
-  "sourcesContent": ["import { SwcHTMLIFrameElementBase } from '../base/SwcHTMLIFrameElementBase';\nimport { elementDefine } from '../../decorators/elementDefine';\nimport { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';\nimport { PathRouter } from '@dooboostore/core-web/routers/PathRouter';\nimport { HashRouter } from '@dooboostore/core-web/routers/HashRouter';\nimport { SimOption } from '@dooboostore/simple-boot/SimOption';\nimport { ConstructorType } from '@dooboostore/core/types';\nimport { Router, RouterEventType } from '@dooboostore/core-web/routers/Router';\nimport { Subscription } from '@dooboostore/core/message/Subscription';\n\n@elementDefine({ name: 'swc-app-iframe', extends: 'iframe' })\nexport class SwcAppIFrame extends SwcHTMLIFrameElementBase implements SwcAppInterface {\n  public simpleApplication?: SimpleApplication;\n  protected _router?: PathRouter | HashRouter;\n  private routerSubscription?: Subscription;\n\n  constructor() {\n    super();\n  }\n\n  async connectedCallback() {\n    if (this._isInitialized) return;\n    this._isInitialized = true;\n\n    // Push to the end of the event loop to ensure global scripts are evaluated\n    await new Promise(resolve => setTimeout(resolve, 0));\n\n    const applicationConfigStr = this.getAttribute('swc-get-application-config');\n    if (applicationConfigStr) {\n      try {\n        const userConfig: SwcAttributeConfigType = new Function(`return ${applicationConfigStr}`).apply(this);\n        if (userConfig) {\n          const _config = {\n            routeType: 'path',\n            window: window,\n            ...userConfig\n          };\n\n          this._router = _config.routeType === 'path' ? new PathRouter({ window: _config.window }) : new HashRouter({ window: _config.window });\n          this.routerSubscription = this._router.observable.subscribe((route: RouterEventType) => {\n            if (route.triggerPoint === 'end') {\n              this.routingProcess(route.path);\n            }\n          });\n          const option = new SimOption({\n            excludeProxys: [Node],\n            rootRouter: _config.rootRouter\n          });\n\n          this.simpleApplication = new SimpleApplication(option);\n\n          // Use 'any' key for Map to allow Abstract classes like Router\n          const otherInstanceSim = new Map<any, any>();\n          if (this._router) {\n            otherInstanceSim.set(Router, this._router);\n          }\n          this.simpleApplication.run(otherInstanceSim);\n          const data = this.simpleApplication.sim(_config.rootRouter);\n          if (data instanceof Node) {\n            if (this.shadowRoot) {\n              this.shadowRoot.replaceChildren(data);\n            } else if (!this.contains(data)) {\n              this.replaceChildren(data);\n            }\n          }\n          if (_config.path) {\n            await this._router?.go(_config.path);\n          }\n        }\n      } catch (e) {\n        console.error('[SWC-APP] Failed to execute swc-get-application-config script:', e);\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    this.routerSubscription?.unsubscribe();\n  }\n\n  async routing(path: string) {\n    await this._router?.go(path);\n  }\n\n  private async routingProcess(path: string) {\n    await this.simpleApplication?.routing(path);\n  }\n}\n"],
-  "mappings": ";;;;;;;;;AAAA,SAAS,gCAAgC;AACzC,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAElC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAE1B,SAAS,cAA+B;AAIjC,IAAM,eAAN,MAAMA,sBAAqB,yBAAwB;EAKxD,cAAA;AACE,UAAK;EACP;EAEA,MAAM,oBAAiB;AACrB,QAAI,KAAK;AAAgB;AACzB,SAAK,iBAAiB;AAGtB,UAAM,IAAI,QAAQ,aAAW,WAAW,SAAS,CAAC,CAAC;AAEnD,UAAM,uBAAuB,KAAK,aAAa,4BAA4B;AAC3E,QAAI,sBAAsB;AACxB,UAAI;AACF,cAAM,aAAqC,IAAI,SAAS,UAAU,oBAAoB,EAAE,EAAE,MAAM,IAAI;AACpG,YAAI,YAAY;AACd,gBAAM,UAAU;YACd,WAAW;YACX;YACA,GAAG;;AAGL,eAAK,UAAU,QAAQ,cAAc,SAAS,IAAI,WAAW,EAAE,QAAQ,QAAQ,OAAM,CAAE,IAAI,IAAI,WAAW,EAAE,QAAQ,QAAQ,OAAM,CAAE;AACpI,eAAK,qBAAqB,KAAK,QAAQ,WAAW,UAAU,CAAC,UAA0B;AACrF,gBAAI,MAAM,iBAAiB,OAAO;AAChC,mBAAK,eAAe,MAAM,IAAI;YAChC;UACF,CAAC;AACD,gBAAM,SAAS,IAAI,UAAU;YAC3B,eAAe,CAAC,IAAI;YACpB,YAAY,QAAQ;WACrB;AAED,eAAK,oBAAoB,IAAI,kBAAkB,MAAM;AAGrD,gBAAM,mBAAmB,oBAAI,IAAG;AAChC,cAAI,KAAK,SAAS;AAChB,6BAAiB,IAAI,QAAQ,KAAK,OAAO;UAC3C;AACA,eAAK,kBAAkB,IAAI,gBAAgB;AAC3C,gBAAM,OAAO,KAAK,kBAAkB,IAAI,QAAQ,UAAU;AAC1D,cAAI,gBAAgB,MAAM;AACxB,gBAAI,KAAK,YAAY;AACnB,mBAAK,WAAW,gBAAgB,IAAI;YACtC,WAAW,CAAC,KAAK,SAAS,IAAI,GAAG;AAC/B,mBAAK,gBAAgB,IAAI;YAC3B;UACF;AACA,cAAI,QAAQ,MAAM;AAChB,kBAAM,KAAK,SAAS,GAAG,QAAQ,IAAI;UACrC;QACF;MACF,SAAS,GAAG;AACV,gBAAQ,MAAM,kEAAkE,CAAC;MACnF;IACF;EACF;EAEA,uBAAoB;AAClB,SAAK,oBAAoB,YAAW;EACtC;EAEA,MAAM,QAAQ,MAAY;AACxB,UAAM,KAAK,SAAS,GAAG,IAAI;EAC7B;EAEQ,MAAM,eAAe,MAAY;AACvC,UAAM,KAAK,mBAAmB,QAAQ,IAAI;EAC5C;;AA1EW,eAAY,WAAA;EADxB,cAAc,EAAE,MAAM,kBAAkB,SAAS,SAAQ,CAAE;;GAC/C,YAAY;",
+  "sourcesContent": ["import { SwcHTMLIFrameElementBase } from '../base/SwcHTMLIFrameElementBase';\nimport { elementDefine } from '../../decorators/elementDefine';\nimport { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';\nimport { PathRouter } from '@dooboostore/core-web/routers/PathRouter';\nimport { HashRouter } from '@dooboostore/core-web/routers/HashRouter';\nimport { ElementRouter } from '../../router/ElementRouter';\nimport { SimOption } from '@dooboostore/simple-boot/SimOption';\nimport { ConstructorType } from '@dooboostore/core/types';\nimport { Router, RouterEventType } from '@dooboostore/core-web/routers/Router';\nimport { Subscription } from '@dooboostore/core/message/Subscription';\n\n@elementDefine({ name: 'swc-app-iframe', extends: 'iframe' })\nexport class SwcAppIFrame extends SwcHTMLIFrameElementBase implements SwcAppInterface {\n  public simpleApplication?: SimpleApplication;\n  public router?: Router;\n  private routerSubscription?: Subscription;\n\n  constructor() {\n    super();\n  }\n\n  async connectedCallback() {\n    if (this._isInitialized) return;\n    this._isInitialized = true;\n\n    // Push to the end of the event loop to ensure global scripts are evaluated\n    await new Promise(resolve => setTimeout(resolve, 0));\n\n    const applicationConfigStr = this.getAttribute('swc-get-application-config');\n    if (applicationConfigStr) {\n      try {\n        const userConfig: SwcAttributeConfigType = new Function(`return ${applicationConfigStr}`).apply(this);\n        if (userConfig) {\n          const _config: SwcConfigType = {\n            routeType: 'element',\n            window: window,\n            ...userConfig\n          };\n\n          if (_config.routeType === 'path') {\n            this.router = new PathRouter({ window: _config.window, firstUrl: _config.path });\n          } else if (_config.routeType === 'hash') {\n            this.router = new HashRouter({ window: _config.window, firstUrl: _config.path });\n          } else {\n            this.router = new ElementRouter({ window: _config.window, firstUrl: _config.path });\n          }\n\n          this.routerSubscription = this.router.observable.subscribe((route: RouterEventType) => {\n            if (route.triggerPoint === 'end') {\n              this.routingProcess(route.path);\n            }\n          });\n          const option = new SimOption({\n            excludeProxys: [Node],\n            rootRouter: _config.rootRouter\n          });\n\n          this.simpleApplication = new SimpleApplication(option);\n\n          // Use 'any' key for Map to allow Abstract classes like Router\n          const otherInstanceSim = new Map<any, any>();\n          if (this.router) {\n            otherInstanceSim.set(Router, this.router);\n          }\n          this.simpleApplication.run(otherInstanceSim);\n          const data = this.simpleApplication.sim(_config.rootRouter);\n          if (data instanceof Node) {\n            if (this.shadowRoot) {\n              this.shadowRoot.replaceChildren(data);\n            } else if (!this.contains(data)) {\n              this.replaceChildren(data);\n            }\n          }\n          if (_config.path) {\n            await this.router?.go(_config.path);\n          }\n        }\n      } catch (e) {\n        console.error('[SWC-APP] Failed to execute swc-get-application-config script:', e);\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    this.routerSubscription?.unsubscribe();\n  }\n\n  async routing(path: string) {\n    await this.router?.go(path);\n  }\n\n  private async routingProcess(path: string) {\n    await this.simpleApplication?.routing(path);\n  }\n}\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,gCAAgC;AACzC,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAElC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAE1B,SAAS,cAA+B;AAIjC,IAAM,eAAN,MAAMA,sBAAqB,yBAAwB;EAKxD,cAAA;AACE,UAAK;EACP;EAEA,MAAM,oBAAiB;AACrB,QAAI,KAAK;AAAgB;AACzB,SAAK,iBAAiB;AAGtB,UAAM,IAAI,QAAQ,aAAW,WAAW,SAAS,CAAC,CAAC;AAEnD,UAAM,uBAAuB,KAAK,aAAa,4BAA4B;AAC3E,QAAI,sBAAsB;AACxB,UAAI;AACF,cAAM,aAAqC,IAAI,SAAS,UAAU,oBAAoB,EAAE,EAAE,MAAM,IAAI;AACpG,YAAI,YAAY;AACd,gBAAM,UAAyB;YAC7B,WAAW;YACX;YACA,GAAG;;AAGL,cAAI,QAAQ,cAAc,QAAQ;AAChC,iBAAK,SAAS,IAAI,WAAW,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAI,CAAE;UACjF,WAAW,QAAQ,cAAc,QAAQ;AACvC,iBAAK,SAAS,IAAI,WAAW,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAI,CAAE;UACjF,OAAO;AACL,iBAAK,SAAS,IAAI,cAAc,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAI,CAAE;UACpF;AAEA,eAAK,qBAAqB,KAAK,OAAO,WAAW,UAAU,CAAC,UAA0B;AACpF,gBAAI,MAAM,iBAAiB,OAAO;AAChC,mBAAK,eAAe,MAAM,IAAI;YAChC;UACF,CAAC;AACD,gBAAM,SAAS,IAAI,UAAU;YAC3B,eAAe,CAAC,IAAI;YACpB,YAAY,QAAQ;WACrB;AAED,eAAK,oBAAoB,IAAI,kBAAkB,MAAM;AAGrD,gBAAM,mBAAmB,oBAAI,IAAG;AAChC,cAAI,KAAK,QAAQ;AACf,6BAAiB,IAAI,QAAQ,KAAK,MAAM;UAC1C;AACA,eAAK,kBAAkB,IAAI,gBAAgB;AAC3C,gBAAM,OAAO,KAAK,kBAAkB,IAAI,QAAQ,UAAU;AAC1D,cAAI,gBAAgB,MAAM;AACxB,gBAAI,KAAK,YAAY;AACnB,mBAAK,WAAW,gBAAgB,IAAI;YACtC,WAAW,CAAC,KAAK,SAAS,IAAI,GAAG;AAC/B,mBAAK,gBAAgB,IAAI;YAC3B;UACF;AACA,cAAI,QAAQ,MAAM;AAChB,kBAAM,KAAK,QAAQ,GAAG,QAAQ,IAAI;UACpC;QACF;MACF,SAAS,GAAG;AACV,gBAAQ,MAAM,kEAAkE,CAAC;MACnF;IACF;EACF;EAEA,uBAAoB;AAClB,SAAK,oBAAoB,YAAW;EACtC;EAEA,MAAM,QAAQ,MAAY;AACxB,UAAM,KAAK,QAAQ,GAAG,IAAI;EAC5B;EAEQ,MAAM,eAAe,MAAY;AACvC,UAAM,KAAK,mBAAmB,QAAQ,IAAI;EAC5C;;AAjFW,eAAY,WAAA;EADxB,cAAc,EAAE,MAAM,kBAAkB,SAAS,SAAQ,CAAE;;GAC/C,YAAY;",
   "names": ["SwcAppIFrame"]
 }

package/dist/esm/elements/apps/SwcAppImage.js

@@ -12,6 +12,7 @@ import { elementDefine } from "../../decorators/elementDefine.js";
 import { SimpleApplication } from "@dooboostore/simple-boot/SimpleApplication";
 import { PathRouter } from "@dooboostore/core-web/routers/PathRouter";
 import { HashRouter } from "@dooboostore/core-web/routers/HashRouter";
+import { ElementRouter } from "../../router/ElementRouter.js";
 import { SimOption } from "@dooboostore/simple-boot/SimOption";
 import { Router } from "@dooboostore/core-web/routers/Router";
 let SwcAppImage = class SwcAppImage2 extends SwcHTMLImageElementBase {
@@ -29,12 +30,18 @@ let SwcAppImage = class SwcAppImage2 extends SwcHTMLImageElementBase {
         const userConfig = new Function(`return ${applicationConfigStr}`).apply(this);
         if (userConfig) {
           const _config = {
-            routeType: "path",
+            routeType: "element",
             window,
             ...userConfig
           };
-          this._router = _config.routeType === "path" ? new PathRouter({ window: _config.window }) : new HashRouter({ window: _config.window });
-          this.routerSubscription = this._router.observable.subscribe((route) => {
+          if (_config.routeType === "path") {
+            this.router = new PathRouter({ window: _config.window, firstUrl: _config.path });
+          } else if (_config.routeType === "hash") {
+            this.router = new HashRouter({ window: _config.window, firstUrl: _config.path });
+          } else {
+            this.router = new ElementRouter({ window: _config.window, firstUrl: _config.path });
+          }
+          this.routerSubscription = this.router.observable.subscribe((route) => {
             if (route.triggerPoint === "end") {
               this.routingProcess(route.path);
             }
@@ -45,8 +52,8 @@ let SwcAppImage = class SwcAppImage2 extends SwcHTMLImageElementBase {
           });
           this.simpleApplication = new SimpleApplication(option);
           const otherInstanceSim = /* @__PURE__ */ new Map();
-          if (this._router) {
-            otherInstanceSim.set(Router, this._router);
+          if (this.router) {
+            otherInstanceSim.set(Router, this.router);
           }
           this.simpleApplication.run(otherInstanceSim);
           const data = this.simpleApplication.sim(_config.rootRouter);
@@ -58,7 +65,7 @@ let SwcAppImage = class SwcAppImage2 extends SwcHTMLImageElementBase {
             }
           }
           if (_config.path) {
-            await this._router?.go(_config.path);
+            await this.router?.go(_config.path);
           }
         }
       } catch (e) {
@@ -70,7 +77,7 @@ let SwcAppImage = class SwcAppImage2 extends SwcHTMLImageElementBase {
     this.routerSubscription?.unsubscribe();
   }
   async routing(path) {
-    await this._router?.go(path);
+    await this.router?.go(path);
   }
   async routingProcess(path) {
     await this.simpleApplication?.routing(path);

package/dist/esm/elements/apps/SwcAppImage.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/elements/apps/SwcAppImage.ts"],
-  "sourcesContent": ["import { SwcHTMLImageElementBase } from '../base/SwcHTMLImageElementBase';\nimport { elementDefine } from '../../decorators/elementDefine';\nimport { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';\nimport { PathRouter } from '@dooboostore/core-web/routers/PathRouter';\nimport { HashRouter } from '@dooboostore/core-web/routers/HashRouter';\nimport { SimOption } from '@dooboostore/simple-boot/SimOption';\nimport { ConstructorType } from '@dooboostore/core/types';\nimport { Router, RouterEventType } from '@dooboostore/core-web/routers/Router';\nimport { Subscription } from '@dooboostore/core/message/Subscription';\n\n@elementDefine({ name: 'swc-app-img', extends: 'img' })\nexport class SwcAppImage extends SwcHTMLImageElementBase implements SwcAppInterface {\n  public simpleApplication?: SimpleApplication;\n  protected _router?: PathRouter | HashRouter;\n  private routerSubscription?: Subscription;\n\n  constructor() {\n    super();\n  }\n\n  async connectedCallback() {\n    if (this._isInitialized) return;\n    this._isInitialized = true;\n\n    // Push to the end of the event loop to ensure global scripts are evaluated\n    await new Promise(resolve => setTimeout(resolve, 0));\n\n    const applicationConfigStr = this.getAttribute('swc-get-application-config');\n    if (applicationConfigStr) {\n      try {\n        const userConfig: SwcAttributeConfigType = new Function(`return ${applicationConfigStr}`).apply(this);\n        if (userConfig) {\n          const _config = {\n            routeType: 'path',\n            window: window,\n            ...userConfig\n          };\n\n          this._router = _config.routeType === 'path' ? new PathRouter({ window: _config.window }) : new HashRouter({ window: _config.window });\n          this.routerSubscription = this._router.observable.subscribe((route: RouterEventType) => {\n            if (route.triggerPoint === 'end') {\n              this.routingProcess(route.path);\n            }\n          });\n          const option = new SimOption({\n            excludeProxys: [Node],\n            rootRouter: _config.rootRouter\n          });\n\n          this.simpleApplication = new SimpleApplication(option);\n\n          // Use 'any' key for Map to allow Abstract classes like Router\n          const otherInstanceSim = new Map<any, any>();\n          if (this._router) {\n            otherInstanceSim.set(Router, this._router);\n          }\n          this.simpleApplication.run(otherInstanceSim);\n          const data = this.simpleApplication.sim(_config.rootRouter);\n          if (data instanceof Node) {\n            if (this.shadowRoot) {\n              this.shadowRoot.replaceChildren(data);\n            } else if (!this.contains(data)) {\n              this.replaceChildren(data);\n            }\n          }\n          if (_config.path) {\n            await this._router?.go(_config.path);\n          }\n        }\n      } catch (e) {\n        console.error('[SWC-APP] Failed to execute swc-get-application-config script:', e);\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    this.routerSubscription?.unsubscribe();\n  }\n\n  async routing(path: string) {\n    await this._router?.go(path);\n  }\n\n  private async routingProcess(path: string) {\n    await this.simpleApplication?.routing(path);\n  }\n}\n"],
-  "mappings": ";;;;;;;;;AAAA,SAAS,+BAA+B;AACxC,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAElC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAE1B,SAAS,cAA+B;AAIjC,IAAM,cAAN,MAAMA,qBAAoB,wBAAuB;EAKtD,cAAA;AACE,UAAK;EACP;EAEA,MAAM,oBAAiB;AACrB,QAAI,KAAK;AAAgB;AACzB,SAAK,iBAAiB;AAGtB,UAAM,IAAI,QAAQ,aAAW,WAAW,SAAS,CAAC,CAAC;AAEnD,UAAM,uBAAuB,KAAK,aAAa,4BAA4B;AAC3E,QAAI,sBAAsB;AACxB,UAAI;AACF,cAAM,aAAqC,IAAI,SAAS,UAAU,oBAAoB,EAAE,EAAE,MAAM,IAAI;AACpG,YAAI,YAAY;AACd,gBAAM,UAAU;YACd,WAAW;YACX;YACA,GAAG;;AAGL,eAAK,UAAU,QAAQ,cAAc,SAAS,IAAI,WAAW,EAAE,QAAQ,QAAQ,OAAM,CAAE,IAAI,IAAI,WAAW,EAAE,QAAQ,QAAQ,OAAM,CAAE;AACpI,eAAK,qBAAqB,KAAK,QAAQ,WAAW,UAAU,CAAC,UAA0B;AACrF,gBAAI,MAAM,iBAAiB,OAAO;AAChC,mBAAK,eAAe,MAAM,IAAI;YAChC;UACF,CAAC;AACD,gBAAM,SAAS,IAAI,UAAU;YAC3B,eAAe,CAAC,IAAI;YACpB,YAAY,QAAQ;WACrB;AAED,eAAK,oBAAoB,IAAI,kBAAkB,MAAM;AAGrD,gBAAM,mBAAmB,oBAAI,IAAG;AAChC,cAAI,KAAK,SAAS;AAChB,6BAAiB,IAAI,QAAQ,KAAK,OAAO;UAC3C;AACA,eAAK,kBAAkB,IAAI,gBAAgB;AAC3C,gBAAM,OAAO,KAAK,kBAAkB,IAAI,QAAQ,UAAU;AAC1D,cAAI,gBAAgB,MAAM;AACxB,gBAAI,KAAK,YAAY;AACnB,mBAAK,WAAW,gBAAgB,IAAI;YACtC,WAAW,CAAC,KAAK,SAAS,IAAI,GAAG;AAC/B,mBAAK,gBAAgB,IAAI;YAC3B;UACF;AACA,cAAI,QAAQ,MAAM;AAChB,kBAAM,KAAK,SAAS,GAAG,QAAQ,IAAI;UACrC;QACF;MACF,SAAS,GAAG;AACV,gBAAQ,MAAM,kEAAkE,CAAC;MACnF;IACF;EACF;EAEA,uBAAoB;AAClB,SAAK,oBAAoB,YAAW;EACtC;EAEA,MAAM,QAAQ,MAAY;AACxB,UAAM,KAAK,SAAS,GAAG,IAAI;EAC7B;EAEQ,MAAM,eAAe,MAAY;AACvC,UAAM,KAAK,mBAAmB,QAAQ,IAAI;EAC5C;;AA1EW,cAAW,WAAA;EADvB,cAAc,EAAE,MAAM,eAAe,SAAS,MAAK,CAAE;;GACzC,WAAW;",
+  "sourcesContent": ["import { SwcHTMLImageElementBase } from '../base/SwcHTMLImageElementBase';\nimport { elementDefine } from '../../decorators/elementDefine';\nimport { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';\nimport { PathRouter } from '@dooboostore/core-web/routers/PathRouter';\nimport { HashRouter } from '@dooboostore/core-web/routers/HashRouter';\nimport { ElementRouter } from '../../router/ElementRouter';\nimport { SimOption } from '@dooboostore/simple-boot/SimOption';\nimport { ConstructorType } from '@dooboostore/core/types';\nimport { Router, RouterEventType } from '@dooboostore/core-web/routers/Router';\nimport { Subscription } from '@dooboostore/core/message/Subscription';\n\n@elementDefine({ name: 'swc-app-img', extends: 'img' })\nexport class SwcAppImage extends SwcHTMLImageElementBase implements SwcAppInterface {\n  public simpleApplication?: SimpleApplication;\n  public router?: Router;\n  private routerSubscription?: Subscription;\n\n  constructor() {\n    super();\n  }\n\n  async connectedCallback() {\n    if (this._isInitialized) return;\n    this._isInitialized = true;\n\n    // Push to the end of the event loop to ensure global scripts are evaluated\n    await new Promise(resolve => setTimeout(resolve, 0));\n\n    const applicationConfigStr = this.getAttribute('swc-get-application-config');\n    if (applicationConfigStr) {\n      try {\n        const userConfig: SwcAttributeConfigType = new Function(`return ${applicationConfigStr}`).apply(this);\n        if (userConfig) {\n          const _config: SwcConfigType = {\n            routeType: 'element',\n            window: window,\n            ...userConfig\n          };\n\n          if (_config.routeType === 'path') {\n            this.router = new PathRouter({ window: _config.window, firstUrl: _config.path });\n          } else if (_config.routeType === 'hash') {\n            this.router = new HashRouter({ window: _config.window, firstUrl: _config.path });\n          } else {\n            this.router = new ElementRouter({ window: _config.window, firstUrl: _config.path });\n          }\n\n          this.routerSubscription = this.router.observable.subscribe((route: RouterEventType) => {\n            if (route.triggerPoint === 'end') {\n              this.routingProcess(route.path);\n            }\n          });\n          const option = new SimOption({\n            excludeProxys: [Node],\n            rootRouter: _config.rootRouter\n          });\n\n          this.simpleApplication = new SimpleApplication(option);\n\n          // Use 'any' key for Map to allow Abstract classes like Router\n          const otherInstanceSim = new Map<any, any>();\n          if (this.router) {\n            otherInstanceSim.set(Router, this.router);\n          }\n          this.simpleApplication.run(otherInstanceSim);\n          const data = this.simpleApplication.sim(_config.rootRouter);\n          if (data instanceof Node) {\n            if (this.shadowRoot) {\n              this.shadowRoot.replaceChildren(data);\n            } else if (!this.contains(data)) {\n              this.replaceChildren(data);\n            }\n          }\n          if (_config.path) {\n            await this.router?.go(_config.path);\n          }\n        }\n      } catch (e) {\n        console.error('[SWC-APP] Failed to execute swc-get-application-config script:', e);\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    this.routerSubscription?.unsubscribe();\n  }\n\n  async routing(path: string) {\n    await this.router?.go(path);\n  }\n\n  private async routingProcess(path: string) {\n    await this.simpleApplication?.routing(path);\n  }\n}\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,+BAA+B;AACxC,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAElC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAE1B,SAAS,cAA+B;AAIjC,IAAM,cAAN,MAAMA,qBAAoB,wBAAuB;EAKtD,cAAA;AACE,UAAK;EACP;EAEA,MAAM,oBAAiB;AACrB,QAAI,KAAK;AAAgB;AACzB,SAAK,iBAAiB;AAGtB,UAAM,IAAI,QAAQ,aAAW,WAAW,SAAS,CAAC,CAAC;AAEnD,UAAM,uBAAuB,KAAK,aAAa,4BAA4B;AAC3E,QAAI,sBAAsB;AACxB,UAAI;AACF,cAAM,aAAqC,IAAI,SAAS,UAAU,oBAAoB,EAAE,EAAE,MAAM,IAAI;AACpG,YAAI,YAAY;AACd,gBAAM,UAAyB;YAC7B,WAAW;YACX;YACA,GAAG;;AAGL,cAAI,QAAQ,cAAc,QAAQ;AAChC,iBAAK,SAAS,IAAI,WAAW,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAI,CAAE;UACjF,WAAW,QAAQ,cAAc,QAAQ;AACvC,iBAAK,SAAS,IAAI,WAAW,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAI,CAAE;UACjF,OAAO;AACL,iBAAK,SAAS,IAAI,cAAc,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAI,CAAE;UACpF;AAEA,eAAK,qBAAqB,KAAK,OAAO,WAAW,UAAU,CAAC,UAA0B;AACpF,gBAAI,MAAM,iBAAiB,OAAO;AAChC,mBAAK,eAAe,MAAM,IAAI;YAChC;UACF,CAAC;AACD,gBAAM,SAAS,IAAI,UAAU;YAC3B,eAAe,CAAC,IAAI;YACpB,YAAY,QAAQ;WACrB;AAED,eAAK,oBAAoB,IAAI,kBAAkB,MAAM;AAGrD,gBAAM,mBAAmB,oBAAI,IAAG;AAChC,cAAI,KAAK,QAAQ;AACf,6BAAiB,IAAI,QAAQ,KAAK,MAAM;UAC1C;AACA,eAAK,kBAAkB,IAAI,gBAAgB;AAC3C,gBAAM,OAAO,KAAK,kBAAkB,IAAI,QAAQ,UAAU;AAC1D,cAAI,gBAAgB,MAAM;AACxB,gBAAI,KAAK,YAAY;AACnB,mBAAK,WAAW,gBAAgB,IAAI;YACtC,WAAW,CAAC,KAAK,SAAS,IAAI,GAAG;AAC/B,mBAAK,gBAAgB,IAAI;YAC3B;UACF;AACA,cAAI,QAAQ,MAAM;AAChB,kBAAM,KAAK,QAAQ,GAAG,QAAQ,IAAI;UACpC;QACF;MACF,SAAS,GAAG;AACV,gBAAQ,MAAM,kEAAkE,CAAC;MACnF;IACF;EACF;EAEA,uBAAoB;AAClB,SAAK,oBAAoB,YAAW;EACtC;EAEA,MAAM,QAAQ,MAAY;AACxB,UAAM,KAAK,QAAQ,GAAG,IAAI;EAC5B;EAEQ,MAAM,eAAe,MAAY;AACvC,UAAM,KAAK,mBAAmB,QAAQ,IAAI;EAC5C;;AAjFW,cAAW,WAAA;EADvB,cAAc,EAAE,MAAM,eAAe,SAAS,MAAK,CAAE;;GACzC,WAAW;",
   "names": ["SwcAppImage"]
 }

package/dist/esm/elements/apps/SwcAppInput.js

@@ -12,6 +12,7 @@ import { elementDefine } from "../../decorators/elementDefine.js";
 import { SimpleApplication } from "@dooboostore/simple-boot/SimpleApplication";
 import { PathRouter } from "@dooboostore/core-web/routers/PathRouter";
 import { HashRouter } from "@dooboostore/core-web/routers/HashRouter";
+import { ElementRouter } from "../../router/ElementRouter.js";
 import { SimOption } from "@dooboostore/simple-boot/SimOption";
 import { Router } from "@dooboostore/core-web/routers/Router";
 let SwcAppInput = class SwcAppInput2 extends SwcHTMLInputElementBase {
@@ -29,12 +30,18 @@ let SwcAppInput = class SwcAppInput2 extends SwcHTMLInputElementBase {
         const userConfig = new Function(`return ${applicationConfigStr}`).apply(this);
         if (userConfig) {
           const _config = {
-            routeType: "path",
+            routeType: "element",
             window,
             ...userConfig
           };
-          this._router = _config.routeType === "path" ? new PathRouter({ window: _config.window }) : new HashRouter({ window: _config.window });
-          this.routerSubscription = this._router.observable.subscribe((route) => {
+          if (_config.routeType === "path") {
+            this.router = new PathRouter({ window: _config.window, firstUrl: _config.path });
+          } else if (_config.routeType === "hash") {
+            this.router = new HashRouter({ window: _config.window, firstUrl: _config.path });
+          } else {
+            this.router = new ElementRouter({ window: _config.window, firstUrl: _config.path });
+          }
+          this.routerSubscription = this.router.observable.subscribe((route) => {
             if (route.triggerPoint === "end") {
               this.routingProcess(route.path);
             }
@@ -45,8 +52,8 @@ let SwcAppInput = class SwcAppInput2 extends SwcHTMLInputElementBase {
           });
           this.simpleApplication = new SimpleApplication(option);
           const otherInstanceSim = /* @__PURE__ */ new Map();
-          if (this._router) {
-            otherInstanceSim.set(Router, this._router);
+          if (this.router) {
+            otherInstanceSim.set(Router, this.router);
           }
           this.simpleApplication.run(otherInstanceSim);
           const data = this.simpleApplication.sim(_config.rootRouter);
@@ -58,7 +65,7 @@ let SwcAppInput = class SwcAppInput2 extends SwcHTMLInputElementBase {
             }
           }
           if (_config.path) {
-            await this._router?.go(_config.path);
+            await this.router?.go(_config.path);
           }
         }
       } catch (e) {
@@ -70,7 +77,7 @@ let SwcAppInput = class SwcAppInput2 extends SwcHTMLInputElementBase {
     this.routerSubscription?.unsubscribe();
   }
   async routing(path) {
-    await this._router?.go(path);
+    await this.router?.go(path);
   }
   async routingProcess(path) {
     await this.simpleApplication?.routing(path);

package/dist/esm/elements/apps/SwcAppInput.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/elements/apps/SwcAppInput.ts"],
-  "sourcesContent": ["import { SwcHTMLInputElementBase } from '../base/SwcHTMLInputElementBase';\nimport { elementDefine } from '../../decorators/elementDefine';\nimport { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';\nimport { PathRouter } from '@dooboostore/core-web/routers/PathRouter';\nimport { HashRouter } from '@dooboostore/core-web/routers/HashRouter';\nimport { SimOption } from '@dooboostore/simple-boot/SimOption';\nimport { ConstructorType } from '@dooboostore/core/types';\nimport { Router, RouterEventType } from '@dooboostore/core-web/routers/Router';\nimport { Subscription } from '@dooboostore/core/message/Subscription';\n\n@elementDefine({ name: 'swc-app-input', extends: 'input' })\nexport class SwcAppInput extends SwcHTMLInputElementBase implements SwcAppInterface {\n  public simpleApplication?: SimpleApplication;\n  protected _router?: PathRouter | HashRouter;\n  private routerSubscription?: Subscription;\n\n  constructor() {\n    super();\n  }\n\n  async connectedCallback() {\n    if (this._isInitialized) return;\n    this._isInitialized = true;\n\n    // Push to the end of the event loop to ensure global scripts are evaluated\n    await new Promise(resolve => setTimeout(resolve, 0));\n\n    const applicationConfigStr = this.getAttribute('swc-get-application-config');\n    if (applicationConfigStr) {\n      try {\n        const userConfig: SwcAttributeConfigType = new Function(`return ${applicationConfigStr}`).apply(this);\n        if (userConfig) {\n          const _config = {\n            routeType: 'path',\n            window: window,\n            ...userConfig\n          };\n\n          this._router = _config.routeType === 'path' ? new PathRouter({ window: _config.window }) : new HashRouter({ window: _config.window });\n          this.routerSubscription = this._router.observable.subscribe((route: RouterEventType) => {\n            if (route.triggerPoint === 'end') {\n              this.routingProcess(route.path);\n            }\n          });\n          const option = new SimOption({\n            excludeProxys: [Node],\n            rootRouter: _config.rootRouter\n          });\n\n          this.simpleApplication = new SimpleApplication(option);\n\n          // Use 'any' key for Map to allow Abstract classes like Router\n          const otherInstanceSim = new Map<any, any>();\n          if (this._router) {\n            otherInstanceSim.set(Router, this._router);\n          }\n          this.simpleApplication.run(otherInstanceSim);\n          const data = this.simpleApplication.sim(_config.rootRouter);\n          if (data instanceof Node) {\n            if (this.shadowRoot) {\n              this.shadowRoot.replaceChildren(data);\n            } else if (!this.contains(data)) {\n              this.replaceChildren(data);\n            }\n          }\n          if (_config.path) {\n            await this._router?.go(_config.path);\n          }\n        }\n      } catch (e) {\n        console.error('[SWC-APP] Failed to execute swc-get-application-config script:', e);\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    this.routerSubscription?.unsubscribe();\n  }\n\n  async routing(path: string) {\n    await this._router?.go(path);\n  }\n\n  private async routingProcess(path: string) {\n    await this.simpleApplication?.routing(path);\n  }\n}\n"],
-  "mappings": ";;;;;;;;;AAAA,SAAS,+BAA+B;AACxC,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAElC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAE1B,SAAS,cAA+B;AAIjC,IAAM,cAAN,MAAMA,qBAAoB,wBAAuB;EAKtD,cAAA;AACE,UAAK;EACP;EAEA,MAAM,oBAAiB;AACrB,QAAI,KAAK;AAAgB;AACzB,SAAK,iBAAiB;AAGtB,UAAM,IAAI,QAAQ,aAAW,WAAW,SAAS,CAAC,CAAC;AAEnD,UAAM,uBAAuB,KAAK,aAAa,4BAA4B;AAC3E,QAAI,sBAAsB;AACxB,UAAI;AACF,cAAM,aAAqC,IAAI,SAAS,UAAU,oBAAoB,EAAE,EAAE,MAAM,IAAI;AACpG,YAAI,YAAY;AACd,gBAAM,UAAU;YACd,WAAW;YACX;YACA,GAAG;;AAGL,eAAK,UAAU,QAAQ,cAAc,SAAS,IAAI,WAAW,EAAE,QAAQ,QAAQ,OAAM,CAAE,IAAI,IAAI,WAAW,EAAE,QAAQ,QAAQ,OAAM,CAAE;AACpI,eAAK,qBAAqB,KAAK,QAAQ,WAAW,UAAU,CAAC,UAA0B;AACrF,gBAAI,MAAM,iBAAiB,OAAO;AAChC,mBAAK,eAAe,MAAM,IAAI;YAChC;UACF,CAAC;AACD,gBAAM,SAAS,IAAI,UAAU;YAC3B,eAAe,CAAC,IAAI;YACpB,YAAY,QAAQ;WACrB;AAED,eAAK,oBAAoB,IAAI,kBAAkB,MAAM;AAGrD,gBAAM,mBAAmB,oBAAI,IAAG;AAChC,cAAI,KAAK,SAAS;AAChB,6BAAiB,IAAI,QAAQ,KAAK,OAAO;UAC3C;AACA,eAAK,kBAAkB,IAAI,gBAAgB;AAC3C,gBAAM,OAAO,KAAK,kBAAkB,IAAI,QAAQ,UAAU;AAC1D,cAAI,gBAAgB,MAAM;AACxB,gBAAI,KAAK,YAAY;AACnB,mBAAK,WAAW,gBAAgB,IAAI;YACtC,WAAW,CAAC,KAAK,SAAS,IAAI,GAAG;AAC/B,mBAAK,gBAAgB,IAAI;YAC3B;UACF;AACA,cAAI,QAAQ,MAAM;AAChB,kBAAM,KAAK,SAAS,GAAG,QAAQ,IAAI;UACrC;QACF;MACF,SAAS,GAAG;AACV,gBAAQ,MAAM,kEAAkE,CAAC;MACnF;IACF;EACF;EAEA,uBAAoB;AAClB,SAAK,oBAAoB,YAAW;EACtC;EAEA,MAAM,QAAQ,MAAY;AACxB,UAAM,KAAK,SAAS,GAAG,IAAI;EAC7B;EAEQ,MAAM,eAAe,MAAY;AACvC,UAAM,KAAK,mBAAmB,QAAQ,IAAI;EAC5C;;AA1EW,cAAW,WAAA;EADvB,cAAc,EAAE,MAAM,iBAAiB,SAAS,QAAO,CAAE;;GAC7C,WAAW;",
+  "sourcesContent": ["import { SwcHTMLInputElementBase } from '../base/SwcHTMLInputElementBase';\nimport { elementDefine } from '../../decorators/elementDefine';\nimport { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';\nimport { PathRouter } from '@dooboostore/core-web/routers/PathRouter';\nimport { HashRouter } from '@dooboostore/core-web/routers/HashRouter';\nimport { ElementRouter } from '../../router/ElementRouter';\nimport { SimOption } from '@dooboostore/simple-boot/SimOption';\nimport { ConstructorType } from '@dooboostore/core/types';\nimport { Router, RouterEventType } from '@dooboostore/core-web/routers/Router';\nimport { Subscription } from '@dooboostore/core/message/Subscription';\n\n@elementDefine({ name: 'swc-app-input', extends: 'input' })\nexport class SwcAppInput extends SwcHTMLInputElementBase implements SwcAppInterface {\n  public simpleApplication?: SimpleApplication;\n  public router?: Router;\n  private routerSubscription?: Subscription;\n\n  constructor() {\n    super();\n  }\n\n  async connectedCallback() {\n    if (this._isInitialized) return;\n    this._isInitialized = true;\n\n    // Push to the end of the event loop to ensure global scripts are evaluated\n    await new Promise(resolve => setTimeout(resolve, 0));\n\n    const applicationConfigStr = this.getAttribute('swc-get-application-config');\n    if (applicationConfigStr) {\n      try {\n        const userConfig: SwcAttributeConfigType = new Function(`return ${applicationConfigStr}`).apply(this);\n        if (userConfig) {\n          const _config: SwcConfigType = {\n            routeType: 'element',\n            window: window,\n            ...userConfig\n          };\n\n          if (_config.routeType === 'path') {\n            this.router = new PathRouter({ window: _config.window, firstUrl: _config.path });\n          } else if (_config.routeType === 'hash') {\n            this.router = new HashRouter({ window: _config.window, firstUrl: _config.path });\n          } else {\n            this.router = new ElementRouter({ window: _config.window, firstUrl: _config.path });\n          }\n\n          this.routerSubscription = this.router.observable.subscribe((route: RouterEventType) => {\n            if (route.triggerPoint === 'end') {\n              this.routingProcess(route.path);\n            }\n          });\n          const option = new SimOption({\n            excludeProxys: [Node],\n            rootRouter: _config.rootRouter\n          });\n\n          this.simpleApplication = new SimpleApplication(option);\n\n          // Use 'any' key for Map to allow Abstract classes like Router\n          const otherInstanceSim = new Map<any, any>();\n          if (this.router) {\n            otherInstanceSim.set(Router, this.router);\n          }\n          this.simpleApplication.run(otherInstanceSim);\n          const data = this.simpleApplication.sim(_config.rootRouter);\n          if (data instanceof Node) {\n            if (this.shadowRoot) {\n              this.shadowRoot.replaceChildren(data);\n            } else if (!this.contains(data)) {\n              this.replaceChildren(data);\n            }\n          }\n          if (_config.path) {\n            await this.router?.go(_config.path);\n          }\n        }\n      } catch (e) {\n        console.error('[SWC-APP] Failed to execute swc-get-application-config script:', e);\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    this.routerSubscription?.unsubscribe();\n  }\n\n  async routing(path: string) {\n    await this.router?.go(path);\n  }\n\n  private async routingProcess(path: string) {\n    await this.simpleApplication?.routing(path);\n  }\n}\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,+BAA+B;AACxC,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAElC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAE1B,SAAS,cAA+B;AAIjC,IAAM,cAAN,MAAMA,qBAAoB,wBAAuB;EAKtD,cAAA;AACE,UAAK;EACP;EAEA,MAAM,oBAAiB;AACrB,QAAI,KAAK;AAAgB;AACzB,SAAK,iBAAiB;AAGtB,UAAM,IAAI,QAAQ,aAAW,WAAW,SAAS,CAAC,CAAC;AAEnD,UAAM,uBAAuB,KAAK,aAAa,4BAA4B;AAC3E,QAAI,sBAAsB;AACxB,UAAI;AACF,cAAM,aAAqC,IAAI,SAAS,UAAU,oBAAoB,EAAE,EAAE,MAAM,IAAI;AACpG,YAAI,YAAY;AACd,gBAAM,UAAyB;YAC7B,WAAW;YACX;YACA,GAAG;;AAGL,cAAI,QAAQ,cAAc,QAAQ;AAChC,iBAAK,SAAS,IAAI,WAAW,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAI,CAAE;UACjF,WAAW,QAAQ,cAAc,QAAQ;AACvC,iBAAK,SAAS,IAAI,WAAW,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAI,CAAE;UACjF,OAAO;AACL,iBAAK,SAAS,IAAI,cAAc,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAI,CAAE;UACpF;AAEA,eAAK,qBAAqB,KAAK,OAAO,WAAW,UAAU,CAAC,UAA0B;AACpF,gBAAI,MAAM,iBAAiB,OAAO;AAChC,mBAAK,eAAe,MAAM,IAAI;YAChC;UACF,CAAC;AACD,gBAAM,SAAS,IAAI,UAAU;YAC3B,eAAe,CAAC,IAAI;YACpB,YAAY,QAAQ;WACrB;AAED,eAAK,oBAAoB,IAAI,kBAAkB,MAAM;AAGrD,gBAAM,mBAAmB,oBAAI,IAAG;AAChC,cAAI,KAAK,QAAQ;AACf,6BAAiB,IAAI,QAAQ,KAAK,MAAM;UAC1C;AACA,eAAK,kBAAkB,IAAI,gBAAgB;AAC3C,gBAAM,OAAO,KAAK,kBAAkB,IAAI,QAAQ,UAAU;AAC1D,cAAI,gBAAgB,MAAM;AACxB,gBAAI,KAAK,YAAY;AACnB,mBAAK,WAAW,gBAAgB,IAAI;YACtC,WAAW,CAAC,KAAK,SAAS,IAAI,GAAG;AAC/B,mBAAK,gBAAgB,IAAI;YAC3B;UACF;AACA,cAAI,QAAQ,MAAM;AAChB,kBAAM,KAAK,QAAQ,GAAG,QAAQ,IAAI;UACpC;QACF;MACF,SAAS,GAAG;AACV,gBAAQ,MAAM,kEAAkE,CAAC;MACnF;IACF;EACF;EAEA,uBAAoB;AAClB,SAAK,oBAAoB,YAAW;EACtC;EAEA,MAAM,QAAQ,MAAY;AACxB,UAAM,KAAK,QAAQ,GAAG,IAAI;EAC5B;EAEQ,MAAM,eAAe,MAAY;AACvC,UAAM,KAAK,mBAAmB,QAAQ,IAAI;EAC5C;;AAjFW,cAAW,WAAA;EADvB,cAAc,EAAE,MAAM,iBAAiB,SAAS,QAAO,CAAE;;GAC7C,WAAW;",
   "names": ["SwcAppInput"]
 }

package/dist/esm/elements/apps/SwcAppLabel.js

@@ -12,6 +12,7 @@ import { elementDefine } from "../../decorators/elementDefine.js";
 import { SimpleApplication } from "@dooboostore/simple-boot/SimpleApplication";
 import { PathRouter } from "@dooboostore/core-web/routers/PathRouter";
 import { HashRouter } from "@dooboostore/core-web/routers/HashRouter";
+import { ElementRouter } from "../../router/ElementRouter.js";
 import { SimOption } from "@dooboostore/simple-boot/SimOption";
 import { Router } from "@dooboostore/core-web/routers/Router";
 let SwcAppLabel = class SwcAppLabel2 extends SwcHTMLLabelElementBase {
@@ -29,12 +30,18 @@ let SwcAppLabel = class SwcAppLabel2 extends SwcHTMLLabelElementBase {
         const userConfig = new Function(`return ${applicationConfigStr}`).apply(this);
         if (userConfig) {
           const _config = {
-            routeType: "path",
+            routeType: "element",
             window,
             ...userConfig
           };
-          this._router = _config.routeType === "path" ? new PathRouter({ window: _config.window }) : new HashRouter({ window: _config.window });
-          this.routerSubscription = this._router.observable.subscribe((route) => {
+          if (_config.routeType === "path") {
+            this.router = new PathRouter({ window: _config.window, firstUrl: _config.path });
+          } else if (_config.routeType === "hash") {
+            this.router = new HashRouter({ window: _config.window, firstUrl: _config.path });
+          } else {
+            this.router = new ElementRouter({ window: _config.window, firstUrl: _config.path });
+          }
+          this.routerSubscription = this.router.observable.subscribe((route) => {
             if (route.triggerPoint === "end") {
               this.routingProcess(route.path);
             }
@@ -45,8 +52,8 @@ let SwcAppLabel = class SwcAppLabel2 extends SwcHTMLLabelElementBase {
           });
           this.simpleApplication = new SimpleApplication(option);
           const otherInstanceSim = /* @__PURE__ */ new Map();
-          if (this._router) {
-            otherInstanceSim.set(Router, this._router);
+          if (this.router) {
+            otherInstanceSim.set(Router, this.router);
           }
           this.simpleApplication.run(otherInstanceSim);
           const data = this.simpleApplication.sim(_config.rootRouter);
@@ -58,7 +65,7 @@ let SwcAppLabel = class SwcAppLabel2 extends SwcHTMLLabelElementBase {
             }
           }
           if (_config.path) {
-            await this._router?.go(_config.path);
+            await this.router?.go(_config.path);
           }
         }
       } catch (e) {
@@ -70,7 +77,7 @@ let SwcAppLabel = class SwcAppLabel2 extends SwcHTMLLabelElementBase {
     this.routerSubscription?.unsubscribe();
   }
   async routing(path) {
-    await this._router?.go(path);
+    await this.router?.go(path);
   }
   async routingProcess(path) {
     await this.simpleApplication?.routing(path);

package/dist/esm/elements/apps/SwcAppLabel.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/elements/apps/SwcAppLabel.ts"],
-  "sourcesContent": ["import { SwcHTMLLabelElementBase } from '../base/SwcHTMLLabelElementBase';\nimport { elementDefine } from '../../decorators/elementDefine';\nimport { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';\nimport { PathRouter } from '@dooboostore/core-web/routers/PathRouter';\nimport { HashRouter } from '@dooboostore/core-web/routers/HashRouter';\nimport { SimOption } from '@dooboostore/simple-boot/SimOption';\nimport { ConstructorType } from '@dooboostore/core/types';\nimport { Router, RouterEventType } from '@dooboostore/core-web/routers/Router';\nimport { Subscription } from '@dooboostore/core/message/Subscription';\n\n@elementDefine({ name: 'swc-app-label', extends: 'label' })\nexport class SwcAppLabel extends SwcHTMLLabelElementBase implements SwcAppInterface {\n  public simpleApplication?: SimpleApplication;\n  protected _router?: PathRouter | HashRouter;\n  private routerSubscription?: Subscription;\n\n  constructor() {\n    super();\n  }\n\n  async connectedCallback() {\n    if (this._isInitialized) return;\n    this._isInitialized = true;\n\n    // Push to the end of the event loop to ensure global scripts are evaluated\n    await new Promise(resolve => setTimeout(resolve, 0));\n\n    const applicationConfigStr = this.getAttribute('swc-get-application-config');\n    if (applicationConfigStr) {\n      try {\n        const userConfig: SwcAttributeConfigType = new Function(`return ${applicationConfigStr}`).apply(this);\n        if (userConfig) {\n          const _config = {\n            routeType: 'path',\n            window: window,\n            ...userConfig\n          };\n\n          this._router = _config.routeType === 'path' ? new PathRouter({ window: _config.window }) : new HashRouter({ window: _config.window });\n          this.routerSubscription = this._router.observable.subscribe((route: RouterEventType) => {\n            if (route.triggerPoint === 'end') {\n              this.routingProcess(route.path);\n            }\n          });\n          const option = new SimOption({\n            excludeProxys: [Node],\n            rootRouter: _config.rootRouter\n          });\n\n          this.simpleApplication = new SimpleApplication(option);\n\n          // Use 'any' key for Map to allow Abstract classes like Router\n          const otherInstanceSim = new Map<any, any>();\n          if (this._router) {\n            otherInstanceSim.set(Router, this._router);\n          }\n          this.simpleApplication.run(otherInstanceSim);\n          const data = this.simpleApplication.sim(_config.rootRouter);\n          if (data instanceof Node) {\n            if (this.shadowRoot) {\n              this.shadowRoot.replaceChildren(data);\n            } else if (!this.contains(data)) {\n              this.replaceChildren(data);\n            }\n          }\n          if (_config.path) {\n            await this._router?.go(_config.path);\n          }\n        }\n      } catch (e) {\n        console.error('[SWC-APP] Failed to execute swc-get-application-config script:', e);\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    this.routerSubscription?.unsubscribe();\n  }\n\n  async routing(path: string) {\n    await this._router?.go(path);\n  }\n\n  private async routingProcess(path: string) {\n    await this.simpleApplication?.routing(path);\n  }\n}\n"],
-  "mappings": ";;;;;;;;;AAAA,SAAS,+BAA+B;AACxC,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAElC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAE1B,SAAS,cAA+B;AAIjC,IAAM,cAAN,MAAMA,qBAAoB,wBAAuB;EAKtD,cAAA;AACE,UAAK;EACP;EAEA,MAAM,oBAAiB;AACrB,QAAI,KAAK;AAAgB;AACzB,SAAK,iBAAiB;AAGtB,UAAM,IAAI,QAAQ,aAAW,WAAW,SAAS,CAAC,CAAC;AAEnD,UAAM,uBAAuB,KAAK,aAAa,4BAA4B;AAC3E,QAAI,sBAAsB;AACxB,UAAI;AACF,cAAM,aAAqC,IAAI,SAAS,UAAU,oBAAoB,EAAE,EAAE,MAAM,IAAI;AACpG,YAAI,YAAY;AACd,gBAAM,UAAU;YACd,WAAW;YACX;YACA,GAAG;;AAGL,eAAK,UAAU,QAAQ,cAAc,SAAS,IAAI,WAAW,EAAE,QAAQ,QAAQ,OAAM,CAAE,IAAI,IAAI,WAAW,EAAE,QAAQ,QAAQ,OAAM,CAAE;AACpI,eAAK,qBAAqB,KAAK,QAAQ,WAAW,UAAU,CAAC,UAA0B;AACrF,gBAAI,MAAM,iBAAiB,OAAO;AAChC,mBAAK,eAAe,MAAM,IAAI;YAChC;UACF,CAAC;AACD,gBAAM,SAAS,IAAI,UAAU;YAC3B,eAAe,CAAC,IAAI;YACpB,YAAY,QAAQ;WACrB;AAED,eAAK,oBAAoB,IAAI,kBAAkB,MAAM;AAGrD,gBAAM,mBAAmB,oBAAI,IAAG;AAChC,cAAI,KAAK,SAAS;AAChB,6BAAiB,IAAI,QAAQ,KAAK,OAAO;UAC3C;AACA,eAAK,kBAAkB,IAAI,gBAAgB;AAC3C,gBAAM,OAAO,KAAK,kBAAkB,IAAI,QAAQ,UAAU;AAC1D,cAAI,gBAAgB,MAAM;AACxB,gBAAI,KAAK,YAAY;AACnB,mBAAK,WAAW,gBAAgB,IAAI;YACtC,WAAW,CAAC,KAAK,SAAS,IAAI,GAAG;AAC/B,mBAAK,gBAAgB,IAAI;YAC3B;UACF;AACA,cAAI,QAAQ,MAAM;AAChB,kBAAM,KAAK,SAAS,GAAG,QAAQ,IAAI;UACrC;QACF;MACF,SAAS,GAAG;AACV,gBAAQ,MAAM,kEAAkE,CAAC;MACnF;IACF;EACF;EAEA,uBAAoB;AAClB,SAAK,oBAAoB,YAAW;EACtC;EAEA,MAAM,QAAQ,MAAY;AACxB,UAAM,KAAK,SAAS,GAAG,IAAI;EAC7B;EAEQ,MAAM,eAAe,MAAY;AACvC,UAAM,KAAK,mBAAmB,QAAQ,IAAI;EAC5C;;AA1EW,cAAW,WAAA;EADvB,cAAc,EAAE,MAAM,iBAAiB,SAAS,QAAO,CAAE;;GAC7C,WAAW;",
+  "sourcesContent": ["import { SwcHTMLLabelElementBase } from '../base/SwcHTMLLabelElementBase';\nimport { elementDefine } from '../../decorators/elementDefine';\nimport { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';\nimport { PathRouter } from '@dooboostore/core-web/routers/PathRouter';\nimport { HashRouter } from '@dooboostore/core-web/routers/HashRouter';\nimport { ElementRouter } from '../../router/ElementRouter';\nimport { SimOption } from '@dooboostore/simple-boot/SimOption';\nimport { ConstructorType } from '@dooboostore/core/types';\nimport { Router, RouterEventType } from '@dooboostore/core-web/routers/Router';\nimport { Subscription } from '@dooboostore/core/message/Subscription';\n\n@elementDefine({ name: 'swc-app-label', extends: 'label' })\nexport class SwcAppLabel extends SwcHTMLLabelElementBase implements SwcAppInterface {\n  public simpleApplication?: SimpleApplication;\n  public router?: Router;\n  private routerSubscription?: Subscription;\n\n  constructor() {\n    super();\n  }\n\n  async connectedCallback() {\n    if (this._isInitialized) return;\n    this._isInitialized = true;\n\n    // Push to the end of the event loop to ensure global scripts are evaluated\n    await new Promise(resolve => setTimeout(resolve, 0));\n\n    const applicationConfigStr = this.getAttribute('swc-get-application-config');\n    if (applicationConfigStr) {\n      try {\n        const userConfig: SwcAttributeConfigType = new Function(`return ${applicationConfigStr}`).apply(this);\n        if (userConfig) {\n          const _config: SwcConfigType = {\n            routeType: 'element',\n            window: window,\n            ...userConfig\n          };\n\n          if (_config.routeType === 'path') {\n            this.router = new PathRouter({ window: _config.window, firstUrl: _config.path });\n          } else if (_config.routeType === 'hash') {\n            this.router = new HashRouter({ window: _config.window, firstUrl: _config.path });\n          } else {\n            this.router = new ElementRouter({ window: _config.window, firstUrl: _config.path });\n          }\n\n          this.routerSubscription = this.router.observable.subscribe((route: RouterEventType) => {\n            if (route.triggerPoint === 'end') {\n              this.routingProcess(route.path);\n            }\n          });\n          const option = new SimOption({\n            excludeProxys: [Node],\n            rootRouter: _config.rootRouter\n          });\n\n          this.simpleApplication = new SimpleApplication(option);\n\n          // Use 'any' key for Map to allow Abstract classes like Router\n          const otherInstanceSim = new Map<any, any>();\n          if (this.router) {\n            otherInstanceSim.set(Router, this.router);\n          }\n          this.simpleApplication.run(otherInstanceSim);\n          const data = this.simpleApplication.sim(_config.rootRouter);\n          if (data instanceof Node) {\n            if (this.shadowRoot) {\n              this.shadowRoot.replaceChildren(data);\n            } else if (!this.contains(data)) {\n              this.replaceChildren(data);\n            }\n          }\n          if (_config.path) {\n            await this.router?.go(_config.path);\n          }\n        }\n      } catch (e) {\n        console.error('[SWC-APP] Failed to execute swc-get-application-config script:', e);\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    this.routerSubscription?.unsubscribe();\n  }\n\n  async routing(path: string) {\n    await this.router?.go(path);\n  }\n\n  private async routingProcess(path: string) {\n    await this.simpleApplication?.routing(path);\n  }\n}\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,+BAA+B;AACxC,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAElC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAE1B,SAAS,cAA+B;AAIjC,IAAM,cAAN,MAAMA,qBAAoB,wBAAuB;EAKtD,cAAA;AACE,UAAK;EACP;EAEA,MAAM,oBAAiB;AACrB,QAAI,KAAK;AAAgB;AACzB,SAAK,iBAAiB;AAGtB,UAAM,IAAI,QAAQ,aAAW,WAAW,SAAS,CAAC,CAAC;AAEnD,UAAM,uBAAuB,KAAK,aAAa,4BAA4B;AAC3E,QAAI,sBAAsB;AACxB,UAAI;AACF,cAAM,aAAqC,IAAI,SAAS,UAAU,oBAAoB,EAAE,EAAE,MAAM,IAAI;AACpG,YAAI,YAAY;AACd,gBAAM,UAAyB;YAC7B,WAAW;YACX;YACA,GAAG;;AAGL,cAAI,QAAQ,cAAc,QAAQ;AAChC,iBAAK,SAAS,IAAI,WAAW,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAI,CAAE;UACjF,WAAW,QAAQ,cAAc,QAAQ;AACvC,iBAAK,SAAS,IAAI,WAAW,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAI,CAAE;UACjF,OAAO;AACL,iBAAK,SAAS,IAAI,cAAc,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAI,CAAE;UACpF;AAEA,eAAK,qBAAqB,KAAK,OAAO,WAAW,UAAU,CAAC,UAA0B;AACpF,gBAAI,MAAM,iBAAiB,OAAO;AAChC,mBAAK,eAAe,MAAM,IAAI;YAChC;UACF,CAAC;AACD,gBAAM,SAAS,IAAI,UAAU;YAC3B,eAAe,CAAC,IAAI;YACpB,YAAY,QAAQ;WACrB;AAED,eAAK,oBAAoB,IAAI,kBAAkB,MAAM;AAGrD,gBAAM,mBAAmB,oBAAI,IAAG;AAChC,cAAI,KAAK,QAAQ;AACf,6BAAiB,IAAI,QAAQ,KAAK,MAAM;UAC1C;AACA,eAAK,kBAAkB,IAAI,gBAAgB;AAC3C,gBAAM,OAAO,KAAK,kBAAkB,IAAI,QAAQ,UAAU;AAC1D,cAAI,gBAAgB,MAAM;AACxB,gBAAI,KAAK,YAAY;AACnB,mBAAK,WAAW,gBAAgB,IAAI;YACtC,WAAW,CAAC,KAAK,SAAS,IAAI,GAAG;AAC/B,mBAAK,gBAAgB,IAAI;YAC3B;UACF;AACA,cAAI,QAAQ,MAAM;AAChB,kBAAM,KAAK,QAAQ,GAAG,QAAQ,IAAI;UACpC;QACF;MACF,SAAS,GAAG;AACV,gBAAQ,MAAM,kEAAkE,CAAC;MACnF;IACF;EACF;EAEA,uBAAoB;AAClB,SAAK,oBAAoB,YAAW;EACtC;EAEA,MAAM,QAAQ,MAAY;AACxB,UAAM,KAAK,QAAQ,GAAG,IAAI;EAC5B;EAEQ,MAAM,eAAe,MAAY;AACvC,UAAM,KAAK,mBAAmB,QAAQ,IAAI;EAC5C;;AAjFW,cAAW,WAAA;EADvB,cAAc,EAAE,MAAM,iBAAiB,SAAS,QAAO,CAAE;;GAC7C,WAAW;",
   "names": ["SwcAppLabel"]
 }

package/dist/esm/elements/apps/SwcAppLegend.js

@@ -12,6 +12,7 @@ import { elementDefine } from "../../decorators/elementDefine.js";
 import { SimpleApplication } from "@dooboostore/simple-boot/SimpleApplication";
 import { PathRouter } from "@dooboostore/core-web/routers/PathRouter";
 import { HashRouter } from "@dooboostore/core-web/routers/HashRouter";
+import { ElementRouter } from "../../router/ElementRouter.js";
 import { SimOption } from "@dooboostore/simple-boot/SimOption";
 import { Router } from "@dooboostore/core-web/routers/Router";
 let SwcAppLegend = class SwcAppLegend2 extends SwcHTMLLegendElementBase {
@@ -29,12 +30,18 @@ let SwcAppLegend = class SwcAppLegend2 extends SwcHTMLLegendElementBase {
         const userConfig = new Function(`return ${applicationConfigStr}`).apply(this);
         if (userConfig) {
           const _config = {
-            routeType: "path",
+            routeType: "element",
             window,
             ...userConfig
           };
-          this._router = _config.routeType === "path" ? new PathRouter({ window: _config.window }) : new HashRouter({ window: _config.window });
-          this.routerSubscription = this._router.observable.subscribe((route) => {
+          if (_config.routeType === "path") {
+            this.router = new PathRouter({ window: _config.window, firstUrl: _config.path });
+          } else if (_config.routeType === "hash") {
+            this.router = new HashRouter({ window: _config.window, firstUrl: _config.path });
+          } else {
+            this.router = new ElementRouter({ window: _config.window, firstUrl: _config.path });
+          }
+          this.routerSubscription = this.router.observable.subscribe((route) => {
             if (route.triggerPoint === "end") {
               this.routingProcess(route.path);
             }
@@ -45,8 +52,8 @@ let SwcAppLegend = class SwcAppLegend2 extends SwcHTMLLegendElementBase {
           });
           this.simpleApplication = new SimpleApplication(option);
           const otherInstanceSim = /* @__PURE__ */ new Map();
-          if (this._router) {
-            otherInstanceSim.set(Router, this._router);
+          if (this.router) {
+            otherInstanceSim.set(Router, this.router);
           }
           this.simpleApplication.run(otherInstanceSim);
           const data = this.simpleApplication.sim(_config.rootRouter);
@@ -58,7 +65,7 @@ let SwcAppLegend = class SwcAppLegend2 extends SwcHTMLLegendElementBase {
             }
           }
           if (_config.path) {
-            await this._router?.go(_config.path);
+            await this.router?.go(_config.path);
           }
         }
       } catch (e) {
@@ -70,7 +77,7 @@ let SwcAppLegend = class SwcAppLegend2 extends SwcHTMLLegendElementBase {
     this.routerSubscription?.unsubscribe();
   }
   async routing(path) {
-    await this._router?.go(path);
+    await this.router?.go(path);
   }
   async routingProcess(path) {
     await this.simpleApplication?.routing(path);

package/dist/esm/elements/apps/SwcAppLegend.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/elements/apps/SwcAppLegend.ts"],
-  "sourcesContent": ["import { SwcHTMLLegendElementBase } from '../base/SwcHTMLLegendElementBase';\nimport { elementDefine } from '../../decorators/elementDefine';\nimport { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';\nimport { PathRouter } from '@dooboostore/core-web/routers/PathRouter';\nimport { HashRouter } from '@dooboostore/core-web/routers/HashRouter';\nimport { SimOption } from '@dooboostore/simple-boot/SimOption';\nimport { ConstructorType } from '@dooboostore/core/types';\nimport { Router, RouterEventType } from '@dooboostore/core-web/routers/Router';\nimport { Subscription } from '@dooboostore/core/message/Subscription';\n\n@elementDefine({ name: 'swc-app-legend', extends: 'legend' })\nexport class SwcAppLegend extends SwcHTMLLegendElementBase implements SwcAppInterface {\n  public simpleApplication?: SimpleApplication;\n  protected _router?: PathRouter | HashRouter;\n  private routerSubscription?: Subscription;\n\n  constructor() {\n    super();\n  }\n\n  async connectedCallback() {\n    if (this._isInitialized) return;\n    this._isInitialized = true;\n\n    // Push to the end of the event loop to ensure global scripts are evaluated\n    await new Promise(resolve => setTimeout(resolve, 0));\n\n    const applicationConfigStr = this.getAttribute('swc-get-application-config');\n    if (applicationConfigStr) {\n      try {\n        const userConfig: SwcAttributeConfigType = new Function(`return ${applicationConfigStr}`).apply(this);\n        if (userConfig) {\n          const _config = {\n            routeType: 'path',\n            window: window,\n            ...userConfig\n          };\n\n          this._router = _config.routeType === 'path' ? new PathRouter({ window: _config.window }) : new HashRouter({ window: _config.window });\n          this.routerSubscription = this._router.observable.subscribe((route: RouterEventType) => {\n            if (route.triggerPoint === 'end') {\n              this.routingProcess(route.path);\n            }\n          });\n          const option = new SimOption({\n            excludeProxys: [Node],\n            rootRouter: _config.rootRouter\n          });\n\n          this.simpleApplication = new SimpleApplication(option);\n\n          // Use 'any' key for Map to allow Abstract classes like Router\n          const otherInstanceSim = new Map<any, any>();\n          if (this._router) {\n            otherInstanceSim.set(Router, this._router);\n          }\n          this.simpleApplication.run(otherInstanceSim);\n          const data = this.simpleApplication.sim(_config.rootRouter);\n          if (data instanceof Node) {\n            if (this.shadowRoot) {\n              this.shadowRoot.replaceChildren(data);\n            } else if (!this.contains(data)) {\n              this.replaceChildren(data);\n            }\n          }\n          if (_config.path) {\n            await this._router?.go(_config.path);\n          }\n        }\n      } catch (e) {\n        console.error('[SWC-APP] Failed to execute swc-get-application-config script:', e);\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    this.routerSubscription?.unsubscribe();\n  }\n\n  async routing(path: string) {\n    await this._router?.go(path);\n  }\n\n  private async routingProcess(path: string) {\n    await this.simpleApplication?.routing(path);\n  }\n}\n"],
-  "mappings": ";;;;;;;;;AAAA,SAAS,gCAAgC;AACzC,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAElC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAE1B,SAAS,cAA+B;AAIjC,IAAM,eAAN,MAAMA,sBAAqB,yBAAwB;EAKxD,cAAA;AACE,UAAK;EACP;EAEA,MAAM,oBAAiB;AACrB,QAAI,KAAK;AAAgB;AACzB,SAAK,iBAAiB;AAGtB,UAAM,IAAI,QAAQ,aAAW,WAAW,SAAS,CAAC,CAAC;AAEnD,UAAM,uBAAuB,KAAK,aAAa,4BAA4B;AAC3E,QAAI,sBAAsB;AACxB,UAAI;AACF,cAAM,aAAqC,IAAI,SAAS,UAAU,oBAAoB,EAAE,EAAE,MAAM,IAAI;AACpG,YAAI,YAAY;AACd,gBAAM,UAAU;YACd,WAAW;YACX;YACA,GAAG;;AAGL,eAAK,UAAU,QAAQ,cAAc,SAAS,IAAI,WAAW,EAAE,QAAQ,QAAQ,OAAM,CAAE,IAAI,IAAI,WAAW,EAAE,QAAQ,QAAQ,OAAM,CAAE;AACpI,eAAK,qBAAqB,KAAK,QAAQ,WAAW,UAAU,CAAC,UAA0B;AACrF,gBAAI,MAAM,iBAAiB,OAAO;AAChC,mBAAK,eAAe,MAAM,IAAI;YAChC;UACF,CAAC;AACD,gBAAM,SAAS,IAAI,UAAU;YAC3B,eAAe,CAAC,IAAI;YACpB,YAAY,QAAQ;WACrB;AAED,eAAK,oBAAoB,IAAI,kBAAkB,MAAM;AAGrD,gBAAM,mBAAmB,oBAAI,IAAG;AAChC,cAAI,KAAK,SAAS;AAChB,6BAAiB,IAAI,QAAQ,KAAK,OAAO;UAC3C;AACA,eAAK,kBAAkB,IAAI,gBAAgB;AAC3C,gBAAM,OAAO,KAAK,kBAAkB,IAAI,QAAQ,UAAU;AAC1D,cAAI,gBAAgB,MAAM;AACxB,gBAAI,KAAK,YAAY;AACnB,mBAAK,WAAW,gBAAgB,IAAI;YACtC,WAAW,CAAC,KAAK,SAAS,IAAI,GAAG;AAC/B,mBAAK,gBAAgB,IAAI;YAC3B;UACF;AACA,cAAI,QAAQ,MAAM;AAChB,kBAAM,KAAK,SAAS,GAAG,QAAQ,IAAI;UACrC;QACF;MACF,SAAS,GAAG;AACV,gBAAQ,MAAM,kEAAkE,CAAC;MACnF;IACF;EACF;EAEA,uBAAoB;AAClB,SAAK,oBAAoB,YAAW;EACtC;EAEA,MAAM,QAAQ,MAAY;AACxB,UAAM,KAAK,SAAS,GAAG,IAAI;EAC7B;EAEQ,MAAM,eAAe,MAAY;AACvC,UAAM,KAAK,mBAAmB,QAAQ,IAAI;EAC5C;;AA1EW,eAAY,WAAA;EADxB,cAAc,EAAE,MAAM,kBAAkB,SAAS,SAAQ,CAAE;;GAC/C,YAAY;",
+  "sourcesContent": ["import { SwcHTMLLegendElementBase } from '../base/SwcHTMLLegendElementBase';\nimport { elementDefine } from '../../decorators/elementDefine';\nimport { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';\nimport { PathRouter } from '@dooboostore/core-web/routers/PathRouter';\nimport { HashRouter } from '@dooboostore/core-web/routers/HashRouter';\nimport { ElementRouter } from '../../router/ElementRouter';\nimport { SimOption } from '@dooboostore/simple-boot/SimOption';\nimport { ConstructorType } from '@dooboostore/core/types';\nimport { Router, RouterEventType } from '@dooboostore/core-web/routers/Router';\nimport { Subscription } from '@dooboostore/core/message/Subscription';\n\n@elementDefine({ name: 'swc-app-legend', extends: 'legend' })\nexport class SwcAppLegend extends SwcHTMLLegendElementBase implements SwcAppInterface {\n  public simpleApplication?: SimpleApplication;\n  public router?: Router;\n  private routerSubscription?: Subscription;\n\n  constructor() {\n    super();\n  }\n\n  async connectedCallback() {\n    if (this._isInitialized) return;\n    this._isInitialized = true;\n\n    // Push to the end of the event loop to ensure global scripts are evaluated\n    await new Promise(resolve => setTimeout(resolve, 0));\n\n    const applicationConfigStr = this.getAttribute('swc-get-application-config');\n    if (applicationConfigStr) {\n      try {\n        const userConfig: SwcAttributeConfigType = new Function(`return ${applicationConfigStr}`).apply(this);\n        if (userConfig) {\n          const _config: SwcConfigType = {\n            routeType: 'element',\n            window: window,\n            ...userConfig\n          };\n\n          if (_config.routeType === 'path') {\n            this.router = new PathRouter({ window: _config.window, firstUrl: _config.path });\n          } else if (_config.routeType === 'hash') {\n            this.router = new HashRouter({ window: _config.window, firstUrl: _config.path });\n          } else {\n            this.router = new ElementRouter({ window: _config.window, firstUrl: _config.path });\n          }\n\n          this.routerSubscription = this.router.observable.subscribe((route: RouterEventType) => {\n            if (route.triggerPoint === 'end') {\n              this.routingProcess(route.path);\n            }\n          });\n          const option = new SimOption({\n            excludeProxys: [Node],\n            rootRouter: _config.rootRouter\n          });\n\n          this.simpleApplication = new SimpleApplication(option);\n\n          // Use 'any' key for Map to allow Abstract classes like Router\n          const otherInstanceSim = new Map<any, any>();\n          if (this.router) {\n            otherInstanceSim.set(Router, this.router);\n          }\n          this.simpleApplication.run(otherInstanceSim);\n          const data = this.simpleApplication.sim(_config.rootRouter);\n          if (data instanceof Node) {\n            if (this.shadowRoot) {\n              this.shadowRoot.replaceChildren(data);\n            } else if (!this.contains(data)) {\n              this.replaceChildren(data);\n            }\n          }\n          if (_config.path) {\n            await this.router?.go(_config.path);\n          }\n        }\n      } catch (e) {\n        console.error('[SWC-APP] Failed to execute swc-get-application-config script:', e);\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    this.routerSubscription?.unsubscribe();\n  }\n\n  async routing(path: string) {\n    await this.router?.go(path);\n  }\n\n  private async routingProcess(path: string) {\n    await this.simpleApplication?.routing(path);\n  }\n}\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,gCAAgC;AACzC,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAElC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAE1B,SAAS,cAA+B;AAIjC,IAAM,eAAN,MAAMA,sBAAqB,yBAAwB;EAKxD,cAAA;AACE,UAAK;EACP;EAEA,MAAM,oBAAiB;AACrB,QAAI,KAAK;AAAgB;AACzB,SAAK,iBAAiB;AAGtB,UAAM,IAAI,QAAQ,aAAW,WAAW,SAAS,CAAC,CAAC;AAEnD,UAAM,uBAAuB,KAAK,aAAa,4BAA4B;AAC3E,QAAI,sBAAsB;AACxB,UAAI;AACF,cAAM,aAAqC,IAAI,SAAS,UAAU,oBAAoB,EAAE,EAAE,MAAM,IAAI;AACpG,YAAI,YAAY;AACd,gBAAM,UAAyB;YAC7B,WAAW;YACX;YACA,GAAG;;AAGL,cAAI,QAAQ,cAAc,QAAQ;AAChC,iBAAK,SAAS,IAAI,WAAW,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAI,CAAE;UACjF,WAAW,QAAQ,cAAc,QAAQ;AACvC,iBAAK,SAAS,IAAI,WAAW,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAI,CAAE;UACjF,OAAO;AACL,iBAAK,SAAS,IAAI,cAAc,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAI,CAAE;UACpF;AAEA,eAAK,qBAAqB,KAAK,OAAO,WAAW,UAAU,CAAC,UAA0B;AACpF,gBAAI,MAAM,iBAAiB,OAAO;AAChC,mBAAK,eAAe,MAAM,IAAI;YAChC;UACF,CAAC;AACD,gBAAM,SAAS,IAAI,UAAU;YAC3B,eAAe,CAAC,IAAI;YACpB,YAAY,QAAQ;WACrB;AAED,eAAK,oBAAoB,IAAI,kBAAkB,MAAM;AAGrD,gBAAM,mBAAmB,oBAAI,IAAG;AAChC,cAAI,KAAK,QAAQ;AACf,6BAAiB,IAAI,QAAQ,KAAK,MAAM;UAC1C;AACA,eAAK,kBAAkB,IAAI,gBAAgB;AAC3C,gBAAM,OAAO,KAAK,kBAAkB,IAAI,QAAQ,UAAU;AAC1D,cAAI,gBAAgB,MAAM;AACxB,gBAAI,KAAK,YAAY;AACnB,mBAAK,WAAW,gBAAgB,IAAI;YACtC,WAAW,CAAC,KAAK,SAAS,IAAI,GAAG;AAC/B,mBAAK,gBAAgB,IAAI;YAC3B;UACF;AACA,cAAI,QAAQ,MAAM;AAChB,kBAAM,KAAK,QAAQ,GAAG,QAAQ,IAAI;UACpC;QACF;MACF,SAAS,GAAG;AACV,gBAAQ,MAAM,kEAAkE,CAAC;MACnF;IACF;EACF;EAEA,uBAAoB;AAClB,SAAK,oBAAoB,YAAW;EACtC;EAEA,MAAM,QAAQ,MAAY;AACxB,UAAM,KAAK,QAAQ,GAAG,IAAI;EAC5B;EAEQ,MAAM,eAAe,MAAY;AACvC,UAAM,KAAK,mBAAmB,QAAQ,IAAI;EAC5C;;AAjFW,eAAY,WAAA;EADxB,cAAc,EAAE,MAAM,kBAAkB,SAAS,SAAQ,CAAE;;GAC/C,YAAY;",
   "names": ["SwcAppLegend"]
 }