@dooboostore/simple-web-component 1.0.12 → 1.0.13

package/src/elements/SwcInterfaces.ts

@@ -0,0 +1,49 @@
+import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
+import { ConstructorType, Optional } from '@dooboostore/core/types';
+export enum InjectSituationType {
+  HOST_SET = 'SIMPLE_WEB_COMPONENT://HOSTSET',
+  APP_HOST = 'SIMPLE_WEB_COMPONENT://APPHOST',
+  APP_HOSTS = 'SIMPLE_WEB_COMPONENT://APPHOSTS',
+  HOST = 'SIMPLE_WEB_COMPONENT://HOST',
+  HOSTS = 'SIMPLE_WEB_COMPONENT://HOSTS',
+  FIRST_HOST = 'SIMPLE_WEB_COMPONENT://FIRSTHOST',
+  LAST_HOST = 'SIMPLE_WEB_COMPONENT://LASTHOST',
+  FIRST_APP_HOST = 'SIMPLE_WEB_COMPONENT://FIRSTAPPHOST',
+  LAST_APP_HOST = 'SIMPLE_WEB_COMPONENT://LASTAPPHOST',
+}
+export type HostSet = {
+  $host: SwcHTMLElementInterface | null;
+  $hosts: SwcHTMLElementInterface[];
+  $firstHost: SwcHTMLElementInterface | null;
+  $lastHost: SwcHTMLElementInterface | null;
+  $appHost: SwcAppInterface | null;
+  $appHosts: SwcAppInterface[];
+  $firstAppHost: SwcAppInterface | null;
+  $lastAppHost: SwcAppInterface | null;
+};
+
+export interface SwcHTMLElementInterface extends HTMLElement {
+  getAppHost(): SwcAppInterface | undefined;
+  getAppHosts(): SwcAppInterface[];
+  getFirstAppHost(): SwcAppInterface | undefined;
+  getLastAppHost(): SwcAppInterface | undefined;
+  getHosts(): SwcHTMLElementInterface[];
+  getHost(): SwcHTMLElementInterface | undefined;
+  getFirstHost(): SwcHTMLElementInterface | undefined;
+  getLastHost(): SwcHTMLElementInterface | undefined;
+  getHostSet(): HostSet;
+}
+
+export type SwcConfigType = {
+  rootRouter: ConstructorType<any>;
+  routeType: 'path' | 'hash';
+  path?: string;
+  window: Window;
+};
+
+export type SwcAttributeConfigType = Optional<SwcConfigType, 'routeType' | 'window'>;
+
+export interface SwcAppInterface extends SwcHTMLElementInterface {
+  simpleApplication?: SimpleApplication;
+  routing(path: string): Promise<void>;
+}

package/src/elements/apps/SwcApp.ts

@@ -1,7 +1,7 @@
 import { SwcHTMLElementBase } from '../base';
 import { elementDefine } from '../../decorators/elementDefine';
 import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcAppInterface';
+import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';
 import { PathRouter } from '@dooboostore/core-web/routers/PathRouter';
 import { HashRouter } from '@dooboostore/core-web/routers/HashRouter';
 import { SimOption } from '@dooboostore/simple-boot/SimOption';
@@ -50,7 +50,8 @@ export class SwcApp extends SwcHTMLElementBase implements SwcAppInterface {
 
           this.simpleApplication = new SimpleApplication(option);
 
-          const otherInstanceSim = new Map<ConstructorType<any> | Function, any>();
+          // Use 'any' key for Map to allow Abstract classes like Router
+          const otherInstanceSim = new Map<any, any>();
           if (this._router) {
             otherInstanceSim.set(Router, this._router);
           }

package/src/elements/apps/SwcAppAnchor.ts

@@ -1,7 +1,7 @@
 import { SwcHTMLAnchorElementBase } from '../base/SwcHTMLAnchorElementBase';
 import { elementDefine } from '../../decorators/elementDefine';
 import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcAppInterface';
+import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';
 import { PathRouter } from '@dooboostore/core-web/routers/PathRouter';
 import { HashRouter } from '@dooboostore/core-web/routers/HashRouter';
 import { SimOption } from '@dooboostore/simple-boot/SimOption';
@@ -50,7 +50,8 @@ export class SwcAppAnchor extends SwcHTMLAnchorElementBase implements SwcAppInte
 
           this.simpleApplication = new SimpleApplication(option);
 
-          const otherInstanceSim = new Map<ConstructorType<any> | Function, any>();
+          // Use 'any' key for Map to allow Abstract classes like Router
+          const otherInstanceSim = new Map<any, any>();
           if (this._router) {
             otherInstanceSim.set(Router, this._router);
           }

package/src/elements/apps/SwcAppArea.ts

@@ -1,7 +1,7 @@
 import { SwcHTMLAreaElementBase } from '../base/SwcHTMLAreaElementBase';
 import { elementDefine } from '../../decorators/elementDefine';
 import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcAppInterface';
+import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';
 import { PathRouter } from '@dooboostore/core-web/routers/PathRouter';
 import { HashRouter } from '@dooboostore/core-web/routers/HashRouter';
 import { SimOption } from '@dooboostore/simple-boot/SimOption';
@@ -50,7 +50,8 @@ export class SwcAppArea extends SwcHTMLAreaElementBase implements SwcAppInterfac
 
           this.simpleApplication = new SimpleApplication(option);
 
-          const otherInstanceSim = new Map<ConstructorType<any> | Function, any>();
+          // Use 'any' key for Map to allow Abstract classes like Router
+          const otherInstanceSim = new Map<any, any>();
           if (this._router) {
             otherInstanceSim.set(Router, this._router);
           }

package/src/elements/apps/SwcAppAudio.ts

@@ -1,7 +1,7 @@
 import { SwcHTMLAudioElementBase } from '../base/SwcHTMLAudioElementBase';
 import { elementDefine } from '../../decorators/elementDefine';
 import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcAppInterface';
+import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';
 import { PathRouter } from '@dooboostore/core-web/routers/PathRouter';
 import { HashRouter } from '@dooboostore/core-web/routers/HashRouter';
 import { SimOption } from '@dooboostore/simple-boot/SimOption';
@@ -50,7 +50,8 @@ export class SwcAppAudio extends SwcHTMLAudioElementBase implements SwcAppInterf
 
           this.simpleApplication = new SimpleApplication(option);
 
-          const otherInstanceSim = new Map<ConstructorType<any> | Function, any>();
+          // Use 'any' key for Map to allow Abstract classes like Router
+          const otherInstanceSim = new Map<any, any>();
           if (this._router) {
             otherInstanceSim.set(Router, this._router);
           }

package/src/elements/apps/SwcAppBase.ts

@@ -1,7 +1,7 @@
 import { SwcHTMLBaseElementBase } from '../base/SwcHTMLBaseElementBase';
 import { elementDefine } from '../../decorators/elementDefine';
 import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcAppInterface';
+import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';
 import { PathRouter } from '@dooboostore/core-web/routers/PathRouter';
 import { HashRouter } from '@dooboostore/core-web/routers/HashRouter';
 import { SimOption } from '@dooboostore/simple-boot/SimOption';
@@ -50,7 +50,8 @@ export class SwcAppBase extends SwcHTMLBaseElementBase implements SwcAppInterfac
 
           this.simpleApplication = new SimpleApplication(option);
 
-          const otherInstanceSim = new Map<ConstructorType<any> | Function, any>();
+          // Use 'any' key for Map to allow Abstract classes like Router
+          const otherInstanceSim = new Map<any, any>();
           if (this._router) {
             otherInstanceSim.set(Router, this._router);
           }

package/src/elements/apps/SwcAppBody.ts

@@ -1,7 +1,7 @@
 import { SwcHTMLBodyElementBase } from '../base/SwcHTMLBodyElementBase';
 import { elementDefine } from '../../decorators/elementDefine';
 import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcAppInterface';
+import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';
 import { PathRouter } from '@dooboostore/core-web/routers/PathRouter';
 import { HashRouter } from '@dooboostore/core-web/routers/HashRouter';
 import { SimOption } from '@dooboostore/simple-boot/SimOption';
@@ -50,7 +50,8 @@ export class SwcAppBody extends SwcHTMLBodyElementBase implements SwcAppInterfac
 
           this.simpleApplication = new SimpleApplication(option);
 
-          const otherInstanceSim = new Map<ConstructorType<any> | Function, any>();
+          // Use 'any' key for Map to allow Abstract classes like Router
+          const otherInstanceSim = new Map<any, any>();
           if (this._router) {
             otherInstanceSim.set(Router, this._router);
           }

package/src/elements/apps/SwcAppButton.ts

@@ -1,7 +1,7 @@
 import { SwcHTMLButtonElementBase } from '../base/SwcHTMLButtonElementBase';
 import { elementDefine } from '../../decorators/elementDefine';
 import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcAppInterface';
+import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';
 import { PathRouter } from '@dooboostore/core-web/routers/PathRouter';
 import { HashRouter } from '@dooboostore/core-web/routers/HashRouter';
 import { SimOption } from '@dooboostore/simple-boot/SimOption';
@@ -50,7 +50,8 @@ export class SwcAppButton extends SwcHTMLButtonElementBase implements SwcAppInte
 
           this.simpleApplication = new SimpleApplication(option);
 
-          const otherInstanceSim = new Map<ConstructorType<any> | Function, any>();
+          // Use 'any' key for Map to allow Abstract classes like Router
+          const otherInstanceSim = new Map<any, any>();
           if (this._router) {
             otherInstanceSim.set(Router, this._router);
           }

package/src/elements/apps/SwcAppCanvas.ts

@@ -1,7 +1,7 @@
 import { SwcHTMLCanvasElementBase } from '../base/SwcHTMLCanvasElementBase';
 import { elementDefine } from '../../decorators/elementDefine';
 import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcAppInterface';
+import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';
 import { PathRouter } from '@dooboostore/core-web/routers/PathRouter';
 import { HashRouter } from '@dooboostore/core-web/routers/HashRouter';
 import { SimOption } from '@dooboostore/simple-boot/SimOption';
@@ -50,7 +50,8 @@ export class SwcAppCanvas extends SwcHTMLCanvasElementBase implements SwcAppInte
 
           this.simpleApplication = new SimpleApplication(option);
 
-          const otherInstanceSim = new Map<ConstructorType<any> | Function, any>();
+          // Use 'any' key for Map to allow Abstract classes like Router
+          const otherInstanceSim = new Map<any, any>();
           if (this._router) {
             otherInstanceSim.set(Router, this._router);
           }

package/src/elements/apps/SwcAppData.ts

@@ -1,7 +1,7 @@
 import { SwcHTMLDataElementBase } from '../base/SwcHTMLDataElementBase';
 import { elementDefine } from '../../decorators/elementDefine';
 import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcAppInterface';
+import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';
 import { PathRouter } from '@dooboostore/core-web/routers/PathRouter';
 import { HashRouter } from '@dooboostore/core-web/routers/HashRouter';
 import { SimOption } from '@dooboostore/simple-boot/SimOption';
@@ -50,7 +50,8 @@ export class SwcAppData extends SwcHTMLDataElementBase implements SwcAppInterfac
 
           this.simpleApplication = new SimpleApplication(option);
 
-          const otherInstanceSim = new Map<ConstructorType<any> | Function, any>();
+          // Use 'any' key for Map to allow Abstract classes like Router
+          const otherInstanceSim = new Map<any, any>();
           if (this._router) {
             otherInstanceSim.set(Router, this._router);
           }

package/src/elements/apps/SwcAppDataList.ts

@@ -1,7 +1,7 @@
 import { SwcHTMLDataListElementBase } from '../base/SwcHTMLDataListElementBase';
 import { elementDefine } from '../../decorators/elementDefine';
 import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcAppInterface';
+import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';
 import { PathRouter } from '@dooboostore/core-web/routers/PathRouter';
 import { HashRouter } from '@dooboostore/core-web/routers/HashRouter';
 import { SimOption } from '@dooboostore/simple-boot/SimOption';
@@ -50,7 +50,8 @@ export class SwcAppDataList extends SwcHTMLDataListElementBase implements SwcApp
 
           this.simpleApplication = new SimpleApplication(option);
 
-          const otherInstanceSim = new Map<ConstructorType<any> | Function, any>();
+          // Use 'any' key for Map to allow Abstract classes like Router
+          const otherInstanceSim = new Map<any, any>();
           if (this._router) {
             otherInstanceSim.set(Router, this._router);
           }

package/src/elements/apps/SwcAppDetails.ts

@@ -1,7 +1,7 @@
 import { SwcHTMLDetailsElementBase } from '../base/SwcHTMLDetailsElementBase';
 import { elementDefine } from '../../decorators/elementDefine';
 import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcAppInterface';
+import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';
 import { PathRouter } from '@dooboostore/core-web/routers/PathRouter';
 import { HashRouter } from '@dooboostore/core-web/routers/HashRouter';
 import { SimOption } from '@dooboostore/simple-boot/SimOption';
@@ -50,7 +50,8 @@ export class SwcAppDetails extends SwcHTMLDetailsElementBase implements SwcAppIn
 
           this.simpleApplication = new SimpleApplication(option);
 
-          const otherInstanceSim = new Map<ConstructorType<any> | Function, any>();
+          // Use 'any' key for Map to allow Abstract classes like Router
+          const otherInstanceSim = new Map<any, any>();
           if (this._router) {
             otherInstanceSim.set(Router, this._router);
           }

package/src/elements/apps/SwcAppDialog.ts

@@ -1,7 +1,7 @@
 import { SwcHTMLDialogElementBase } from '../base/SwcHTMLDialogElementBase';
 import { elementDefine } from '../../decorators/elementDefine';
 import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcAppInterface';
+import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';
 import { PathRouter } from '@dooboostore/core-web/routers/PathRouter';
 import { HashRouter } from '@dooboostore/core-web/routers/HashRouter';
 import { SimOption } from '@dooboostore/simple-boot/SimOption';
@@ -50,7 +50,8 @@ export class SwcAppDialog extends SwcHTMLDialogElementBase implements SwcAppInte
 
           this.simpleApplication = new SimpleApplication(option);
 
-          const otherInstanceSim = new Map<ConstructorType<any> | Function, any>();
+          // Use 'any' key for Map to allow Abstract classes like Router
+          const otherInstanceSim = new Map<any, any>();
           if (this._router) {
             otherInstanceSim.set(Router, this._router);
           }

package/src/elements/apps/SwcAppDiv.ts

@@ -1,7 +1,7 @@
 import { SwcHTMLDivElementBase } from '../base/SwcHTMLDivElementBase';
 import { elementDefine } from '../../decorators/elementDefine';
 import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcAppInterface';
+import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';
 import { PathRouter } from '@dooboostore/core-web/routers/PathRouter';
 import { HashRouter } from '@dooboostore/core-web/routers/HashRouter';
 import { SimOption } from '@dooboostore/simple-boot/SimOption';
@@ -50,7 +50,8 @@ export class SwcAppDiv extends SwcHTMLDivElementBase implements SwcAppInterface
 
           this.simpleApplication = new SimpleApplication(option);
 
-          const otherInstanceSim = new Map<ConstructorType<any> | Function, any>();
+          // Use 'any' key for Map to allow Abstract classes like Router
+          const otherInstanceSim = new Map<any, any>();
           if (this._router) {
             otherInstanceSim.set(Router, this._router);
           }

package/src/elements/apps/SwcAppDl.ts

@@ -1,7 +1,7 @@
 import { SwcHTMLDListElementBase } from '../base/SwcHTMLDListElementBase';
 import { elementDefine } from '../../decorators/elementDefine';
 import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcAppInterface';
+import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';
 import { PathRouter } from '@dooboostore/core-web/routers/PathRouter';
 import { HashRouter } from '@dooboostore/core-web/routers/HashRouter';
 import { SimOption } from '@dooboostore/simple-boot/SimOption';
@@ -50,7 +50,8 @@ export class SwcAppDl extends SwcHTMLDListElementBase implements SwcAppInterface
 
           this.simpleApplication = new SimpleApplication(option);
 
-          const otherInstanceSim = new Map<ConstructorType<any> | Function, any>();
+          // Use 'any' key for Map to allow Abstract classes like Router
+          const otherInstanceSim = new Map<any, any>();
           if (this._router) {
             otherInstanceSim.set(Router, this._router);
           }

package/src/elements/apps/SwcAppEmbed.ts

@@ -1,7 +1,7 @@
 import { SwcHTMLEmbedElementBase } from '../base/SwcHTMLEmbedElementBase';
 import { elementDefine } from '../../decorators/elementDefine';
 import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcAppInterface';
+import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';
 import { PathRouter } from '@dooboostore/core-web/routers/PathRouter';
 import { HashRouter } from '@dooboostore/core-web/routers/HashRouter';
 import { SimOption } from '@dooboostore/simple-boot/SimOption';
@@ -50,7 +50,8 @@ export class SwcAppEmbed extends SwcHTMLEmbedElementBase implements SwcAppInterf
 
           this.simpleApplication = new SimpleApplication(option);
 
-          const otherInstanceSim = new Map<ConstructorType<any> | Function, any>();
+          // Use 'any' key for Map to allow Abstract classes like Router
+          const otherInstanceSim = new Map<any, any>();
           if (this._router) {
             otherInstanceSim.set(Router, this._router);
           }

package/src/elements/apps/SwcAppFieldSet.ts

@@ -1,7 +1,7 @@
 import { SwcHTMLFieldSetElementBase } from '../base/SwcHTMLFieldSetElementBase';
 import { elementDefine } from '../../decorators/elementDefine';
 import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcAppInterface';
+import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';
 import { PathRouter } from '@dooboostore/core-web/routers/PathRouter';
 import { HashRouter } from '@dooboostore/core-web/routers/HashRouter';
 import { SimOption } from '@dooboostore/simple-boot/SimOption';
@@ -50,7 +50,8 @@ export class SwcAppFieldSet extends SwcHTMLFieldSetElementBase implements SwcApp
 
           this.simpleApplication = new SimpleApplication(option);
 
-          const otherInstanceSim = new Map<ConstructorType<any> | Function, any>();
+          // Use 'any' key for Map to allow Abstract classes like Router
+          const otherInstanceSim = new Map<any, any>();
           if (this._router) {
             otherInstanceSim.set(Router, this._router);
           }

package/src/elements/apps/SwcAppForm.ts

@@ -1,7 +1,7 @@
 import { SwcHTMLFormElementBase } from '../base/SwcHTMLFormElementBase';
 import { elementDefine } from '../../decorators/elementDefine';
 import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcAppInterface';
+import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';
 import { PathRouter } from '@dooboostore/core-web/routers/PathRouter';
 import { HashRouter } from '@dooboostore/core-web/routers/HashRouter';
 import { SimOption } from '@dooboostore/simple-boot/SimOption';
@@ -50,7 +50,8 @@ export class SwcAppForm extends SwcHTMLFormElementBase implements SwcAppInterfac
 
           this.simpleApplication = new SimpleApplication(option);
 
-          const otherInstanceSim = new Map<ConstructorType<any> | Function, any>();
+          // Use 'any' key for Map to allow Abstract classes like Router
+          const otherInstanceSim = new Map<any, any>();
           if (this._router) {
             otherInstanceSim.set(Router, this._router);
           }

package/src/elements/apps/SwcAppHeading.ts

@@ -1,7 +1,7 @@
 import { SwcHTMLHeadingElementBase } from '../base/SwcHTMLHeadingElementBase';
 import { elementDefine } from '../../decorators/elementDefine';
 import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcAppInterface';
+import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';
 import { PathRouter } from '@dooboostore/core-web/routers/PathRouter';
 import { HashRouter } from '@dooboostore/core-web/routers/HashRouter';
 import { SimOption } from '@dooboostore/simple-boot/SimOption';
@@ -50,7 +50,8 @@ export class SwcAppHeading extends SwcHTMLHeadingElementBase implements SwcAppIn
 
           this.simpleApplication = new SimpleApplication(option);
 
-          const otherInstanceSim = new Map<ConstructorType<any> | Function, any>();
+          // Use 'any' key for Map to allow Abstract classes like Router
+          const otherInstanceSim = new Map<any, any>();
           if (this._router) {
             otherInstanceSim.set(Router, this._router);
           }

package/src/elements/apps/SwcAppHr.ts

@@ -1,7 +1,7 @@
 import { SwcHTMLHRElementBase } from '../base/SwcHTMLHRElementBase';
 import { elementDefine } from '../../decorators/elementDefine';
 import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcAppInterface';
+import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';
 import { PathRouter } from '@dooboostore/core-web/routers/PathRouter';
 import { HashRouter } from '@dooboostore/core-web/routers/HashRouter';
 import { SimOption } from '@dooboostore/simple-boot/SimOption';
@@ -50,7 +50,8 @@ export class SwcAppHr extends SwcHTMLHRElementBase implements SwcAppInterface {
 
           this.simpleApplication = new SimpleApplication(option);
 
-          const otherInstanceSim = new Map<ConstructorType<any> | Function, any>();
+          // Use 'any' key for Map to allow Abstract classes like Router
+          const otherInstanceSim = new Map<any, any>();
           if (this._router) {
             otherInstanceSim.set(Router, this._router);
           }

package/src/elements/apps/SwcAppIFrame.ts

@@ -1,7 +1,7 @@
 import { SwcHTMLIFrameElementBase } from '../base/SwcHTMLIFrameElementBase';
 import { elementDefine } from '../../decorators/elementDefine';
 import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcAppInterface';
+import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';
 import { PathRouter } from '@dooboostore/core-web/routers/PathRouter';
 import { HashRouter } from '@dooboostore/core-web/routers/HashRouter';
 import { SimOption } from '@dooboostore/simple-boot/SimOption';
@@ -50,7 +50,8 @@ export class SwcAppIFrame extends SwcHTMLIFrameElementBase implements SwcAppInte
 
           this.simpleApplication = new SimpleApplication(option);
 
-          const otherInstanceSim = new Map<ConstructorType<any> | Function, any>();
+          // Use 'any' key for Map to allow Abstract classes like Router
+          const otherInstanceSim = new Map<any, any>();
           if (this._router) {
             otherInstanceSim.set(Router, this._router);
           }

package/src/elements/apps/SwcAppImage.ts

@@ -1,7 +1,7 @@
 import { SwcHTMLImageElementBase } from '../base/SwcHTMLImageElementBase';
 import { elementDefine } from '../../decorators/elementDefine';
 import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcAppInterface';
+import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';
 import { PathRouter } from '@dooboostore/core-web/routers/PathRouter';
 import { HashRouter } from '@dooboostore/core-web/routers/HashRouter';
 import { SimOption } from '@dooboostore/simple-boot/SimOption';
@@ -50,7 +50,8 @@ export class SwcAppImage extends SwcHTMLImageElementBase implements SwcAppInterf
 
           this.simpleApplication = new SimpleApplication(option);
 
-          const otherInstanceSim = new Map<ConstructorType<any> | Function, any>();
+          // Use 'any' key for Map to allow Abstract classes like Router
+          const otherInstanceSim = new Map<any, any>();
           if (this._router) {
             otherInstanceSim.set(Router, this._router);
           }

package/src/elements/apps/SwcAppInput.ts

@@ -1,7 +1,7 @@
 import { SwcHTMLInputElementBase } from '../base/SwcHTMLInputElementBase';
 import { elementDefine } from '../../decorators/elementDefine';
 import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcAppInterface';
+import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';
 import { PathRouter } from '@dooboostore/core-web/routers/PathRouter';
 import { HashRouter } from '@dooboostore/core-web/routers/HashRouter';
 import { SimOption } from '@dooboostore/simple-boot/SimOption';
@@ -50,7 +50,8 @@ export class SwcAppInput extends SwcHTMLInputElementBase implements SwcAppInterf
 
           this.simpleApplication = new SimpleApplication(option);
 
-          const otherInstanceSim = new Map<ConstructorType<any> | Function, any>();
+          // Use 'any' key for Map to allow Abstract classes like Router
+          const otherInstanceSim = new Map<any, any>();
           if (this._router) {
             otherInstanceSim.set(Router, this._router);
           }

package/src/elements/apps/SwcAppLabel.ts

@@ -1,7 +1,7 @@
 import { SwcHTMLLabelElementBase } from '../base/SwcHTMLLabelElementBase';
 import { elementDefine } from '../../decorators/elementDefine';
 import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcAppInterface';
+import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';
 import { PathRouter } from '@dooboostore/core-web/routers/PathRouter';
 import { HashRouter } from '@dooboostore/core-web/routers/HashRouter';
 import { SimOption } from '@dooboostore/simple-boot/SimOption';
@@ -50,7 +50,8 @@ export class SwcAppLabel extends SwcHTMLLabelElementBase implements SwcAppInterf
 
           this.simpleApplication = new SimpleApplication(option);
 
-          const otherInstanceSim = new Map<ConstructorType<any> | Function, any>();
+          // Use 'any' key for Map to allow Abstract classes like Router
+          const otherInstanceSim = new Map<any, any>();
           if (this._router) {
             otherInstanceSim.set(Router, this._router);
           }

package/src/elements/apps/SwcAppLegend.ts

@@ -1,7 +1,7 @@
 import { SwcHTMLLegendElementBase } from '../base/SwcHTMLLegendElementBase';
 import { elementDefine } from '../../decorators/elementDefine';
 import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcAppInterface';
+import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';
 import { PathRouter } from '@dooboostore/core-web/routers/PathRouter';
 import { HashRouter } from '@dooboostore/core-web/routers/HashRouter';
 import { SimOption } from '@dooboostore/simple-boot/SimOption';
@@ -50,7 +50,8 @@ export class SwcAppLegend extends SwcHTMLLegendElementBase implements SwcAppInte
 
           this.simpleApplication = new SimpleApplication(option);
 
-          const otherInstanceSim = new Map<ConstructorType<any> | Function, any>();
+          // Use 'any' key for Map to allow Abstract classes like Router
+          const otherInstanceSim = new Map<any, any>();
           if (this._router) {
             otherInstanceSim.set(Router, this._router);
           }

package/src/elements/apps/SwcAppLi.ts

@@ -1,7 +1,7 @@
 import { SwcHTMLLIElementBase } from '../base/SwcHTMLLIElementBase';
 import { elementDefine } from '../../decorators/elementDefine';
 import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcAppInterface';
+import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';
 import { PathRouter } from '@dooboostore/core-web/routers/PathRouter';
 import { HashRouter } from '@dooboostore/core-web/routers/HashRouter';
 import { SimOption } from '@dooboostore/simple-boot/SimOption';
@@ -50,7 +50,8 @@ export class SwcAppLi extends SwcHTMLLIElementBase implements SwcAppInterface {
 
           this.simpleApplication = new SimpleApplication(option);
 
-          const otherInstanceSim = new Map<ConstructorType<any> | Function, any>();
+          // Use 'any' key for Map to allow Abstract classes like Router
+          const otherInstanceSim = new Map<any, any>();
           if (this._router) {
             otherInstanceSim.set(Router, this._router);
           }

package/src/elements/apps/SwcAppLink.ts

@@ -1,7 +1,7 @@
 import { SwcHTMLLinkElementBase } from '../base/SwcHTMLLinkElementBase';
 import { elementDefine } from '../../decorators/elementDefine';
 import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcAppInterface';
+import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';
 import { PathRouter } from '@dooboostore/core-web/routers/PathRouter';
 import { HashRouter } from '@dooboostore/core-web/routers/HashRouter';
 import { SimOption } from '@dooboostore/simple-boot/SimOption';
@@ -50,7 +50,8 @@ export class SwcAppLink extends SwcHTMLLinkElementBase implements SwcAppInterfac
 
           this.simpleApplication = new SimpleApplication(option);
 
-          const otherInstanceSim = new Map<ConstructorType<any> | Function, any>();
+          // Use 'any' key for Map to allow Abstract classes like Router
+          const otherInstanceSim = new Map<any, any>();
           if (this._router) {
             otherInstanceSim.set(Router, this._router);
           }

package/src/elements/apps/SwcAppMap.ts

@@ -1,7 +1,7 @@
 import { SwcHTMLMapElementBase } from '../base/SwcHTMLMapElementBase';
 import { elementDefine } from '../../decorators/elementDefine';
 import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcAppInterface';
+import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';
 import { PathRouter } from '@dooboostore/core-web/routers/PathRouter';
 import { HashRouter } from '@dooboostore/core-web/routers/HashRouter';
 import { SimOption } from '@dooboostore/simple-boot/SimOption';
@@ -50,7 +50,8 @@ export class SwcAppMap extends SwcHTMLMapElementBase implements SwcAppInterface
 
           this.simpleApplication = new SimpleApplication(option);
 
-          const otherInstanceSim = new Map<ConstructorType<any> | Function, any>();
+          // Use 'any' key for Map to allow Abstract classes like Router
+          const otherInstanceSim = new Map<any, any>();
           if (this._router) {
             otherInstanceSim.set(Router, this._router);
           }

package/src/elements/apps/SwcAppMeta.ts

@@ -1,7 +1,7 @@
 import { SwcHTMLMetaElementBase } from '../base/SwcHTMLMetaElementBase';
 import { elementDefine } from '../../decorators/elementDefine';
 import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcAppInterface';
+import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';
 import { PathRouter } from '@dooboostore/core-web/routers/PathRouter';
 import { HashRouter } from '@dooboostore/core-web/routers/HashRouter';
 import { SimOption } from '@dooboostore/simple-boot/SimOption';
@@ -50,7 +50,8 @@ export class SwcAppMeta extends SwcHTMLMetaElementBase implements SwcAppInterfac
 
           this.simpleApplication = new SimpleApplication(option);
 
-          const otherInstanceSim = new Map<ConstructorType<any> | Function, any>();
+          // Use 'any' key for Map to allow Abstract classes like Router
+          const otherInstanceSim = new Map<any, any>();
           if (this._router) {
             otherInstanceSim.set(Router, this._router);
           }