faileon
diff --git a/‎apps/plugins/calendar/webpack.config.js
+1-3 b/‎apps/plugins/calendar/webpack.config.js
+1-3
diff --git a/‎apps/shell/src/app/app.component.html
+2 b/‎apps/shell/src/app/app.component.html
+2
diff --git a/‎apps/shell/src/app/app.component.scss
+1 b/‎apps/shell/src/app/app.component.scss
+1
diff --git a/‎apps/shell/src/app/app.component.ts
+9-6 b/‎apps/shell/src/app/app.component.ts
+9-6
diff --git a/‎apps/shell/src/assets/plugins/calendar/230.2e18c495d4860686.js
+1 b/‎apps/shell/src/assets/plugins/calendar/230.2e18c495d4860686.js
+1
diff --git a/‎apps/shell/src/assets/plugins/calendar/230.efe317ea9351ba4e.js
-1 b/‎apps/shell/src/assets/plugins/calendar/230.efe317ea9351ba4e.js
-1
diff --git a/‎apps/shell/src/assets/plugins/calendar/common.3fe60b0bdcfbcfd5.js
+1 b/‎apps/shell/src/assets/plugins/calendar/common.3fe60b0bdcfbcfd5.js
+1
diff --git a/‎apps/shell/src/assets/plugins/calendar/common.680c78edef8f2354.js
-1 b/‎apps/shell/src/assets/plugins/calendar/common.680c78edef8f2354.js
-1
diff --git a/‎apps/shell/src/assets/plugins/calendar/index.html
+1-1 b/‎apps/shell/src/assets/plugins/calendar/index.html
+1-1
@@ -1,5 +1,3 @@
 const { withModuleFederation } = require('@nrwl/angular/module-federation');
 const config = require('./module-federation.config');
-module.exports = withModuleFederation({
-  ...config
-});
+module.exports = withModuleFederation(config);
@@ -4,13 +4,15 @@ <h1>{{title}}</h1>
   {{randomService.randomString$ | async}}
 </p>
 
+<h3>Navigace</h3>
 <ul class="remote-menu">
   <li><a routerLink="/">Home</a></li>
   <li><a routerLink="calendar">Calendar</a></li>
 </ul>
 
 <div class="component">
   <h2>Nactena komponenta z calendar modulu:</h2>
+  <button *ngIf="!isCalendarComponentLoaded" (click)="loadCalendarComponent()">Načíst...</button>
   <ng-template #cmpRef></ng-template>
 </div>
 
 
@@ -2,5 +2,6 @@
   .component {
     display: flex;
     flex-direction: column;
+    align-items: flex-start;
   }
 }
@@ -15,22 +15,25 @@ export class AppComponent implements OnInit {
   public cmpStandaloneRef!: ViewContainerRef;
 
   title = 'shell';
+  isCalendarComponentLoaded = false;
 
 
   constructor(public randomService: RandomService) {
   }
 
   ngOnInit() {
-
-    loadRemoteModule('calendar', './Component').then(container => {
-      const {ExposedComponent} = container;
-      this.cmpRef.createComponent(ExposedComponent);
-    })
-
     loadRemoteModule('standalone', './Component').then(container => {
       const {RemoteEntryComponent} = container;
       this.cmpStandaloneRef.createComponent(RemoteEntryComponent);
     })
 
   }
+
+  loadCalendarComponent() {
+    loadRemoteModule('calendar', './Component').then(container => {
+      const {ExposedComponent} = container;
+      this.cmpRef.createComponent(ExposedComponent);
+      this.isCalendarComponentLoaded = true;
+    })
+  }
 }
@@ -7,6 +7,6 @@
   <link rel="stylesheet" href="styles.ef46db3751d8e999.css"></head>
   <body>
     <ng-mfa-root></ng-mfa-root>
-  <script src="polyfills.316c6d55b380706e.js" type="module"></script><script src="main.c5e033037f476461.js" type="module"></script>
+  <script src="polyfills.ba175d55113dd864.js" type="module"></script><script src="main.944dc775c0bb0e7d.js" type="module"></script>
 
 </body></html>
Original file line number	Diff line number	Diff line change
`@@ -2,5 +2,6 @@`
`2`	`2`	`.component {`
`3`	`3`	`display: flex;`
`4`	`4`	`flex-direction: column;`
	`5`	`+ align-items: flex-start;`
`5`	`6`	`}`
`6`	`7`	`}`