@magic-xpa/angular 4.1201.0 → 4.1300.0-dev4130.1

package/README.md

@@ -1,5 +1,5 @@
-# Magic-xpa/angular
-
-This package is part of Magic xpa Web Application Framework. 
-It is used to easily create modern business apps powered by Angular to provide a rich user experience and meet the increasingly complex enterprise business expectations for digital transformation. 
-  
+# Magic-xpa/angular
+
+This package is part of Magic xpa Web Application Framework. 
+It is used to easily create modern business apps powered by Angular to provide a rich user experience and meet the increasingly complex enterprise business expectations for digital transformation. 
+  

package/fesm2022/magic-xpa-angular.mjs

@@ -11,7 +11,7 @@ import { DynamicModule } from 'ng-dynamic-component';
 import { InteractiveCommandType, HtmlProperties, OverlayType, Styles, GuiConstants, CommandType, PIC, GuiEnvironment, Events, Modifiers } from '@magic-xpa/gui';
 import { MagicBridge, getGuiEventObj, CookieService, Environment, LastFocusedManager } from '@magic-xpa/engine';
 import { MagicProperties, Logger, StrUtil, StorageAttribute, PICInterface, MsgInterface, BindingLevel, StorageAttributeType, MgControlType } from '@magic-xpa/utils';
-import { filter, map, debounceTime } from 'rxjs/operators';
+import { filter, map, debounceTime, take } from 'rxjs/operators';
 import { Subject, EMPTY, fromEvent } from 'rxjs';
 import { __decorate, __metadata } from 'tslib';
 import * as i2$1 from '@angular/cdk/drag-drop';
@@ -1704,13 +1704,13 @@ class MagicAlertComponent extends BaseMagicAlertComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MagicAlertComponent, [{
         type: Component,
-        args: [{ selector: 'sample-magic-alert-component', template: `<div>
-    <div class="mg-message-background">
-      <h2> {{title}}</h2>
-      <p>{{message}} </p>
-
-      <button (click)="OnClose()">OK</button>
-    </div>
+        args: [{ selector: 'sample-magic-alert-component', template: `<div>
+    <div class="mg-message-background">
+      <h2> {{title}}</h2>
+      <p>{{message}} </p>
+
+      <button (click)="OnClose()">OK</button>
+    </div>
   </div>`, standalone: false, styles: [".mg-message-background{background-color:#f5f5f5;width:40%;font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;padding:17px;border-radius:5px;text-align:center;margin-top:10%;margin-left:auto;margin-right:auto;border:1px solid gray}button{background-color:#8cd4f5;color:#fff;border:none;box-shadow:none;font-size:17px;font-weight:500;-webkit-border-radius:4px;border-radius:5px;padding:10px 32px;margin:26px 5px 0;cursor:pointer}\n"] }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MagicAlertComponent, { className: "MagicAlertComponent", filePath: "src/ui/components/magic-alert.component.ts", lineNumber: 49 }); })();
@@ -1743,16 +1743,16 @@ class MagicConfirmationBoxComponent extends BaseMagicConfirmComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MagicConfirmationBoxComponent, [{
         type: Component,
-        args: [{ selector: 'sample-magic-confirmation-box', template: `<div>
-    <div class="mg-message-background">
-      <h2> {{title}}</h2>
-      {{message}}
-      <br>
-      <br>
-
-      <button (click)="OnClose(true)">OK</button>
-      <button class="cancel" (click)="OnClose(false)">Cancel</button>
-    </div>
+        args: [{ selector: 'sample-magic-confirmation-box', template: `<div>
+    <div class="mg-message-background">
+      <h2> {{title}}</h2>
+      {{message}}
+      <br>
+      <br>
+
+      <button (click)="OnClose(true)">OK</button>
+      <button class="cancel" (click)="OnClose(false)">Cancel</button>
+    </div>
   </div>`, standalone: false, styles: [".mg-message-background{background-color:#f5f5f5;width:40%;font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;padding:17px;border-radius:5px;text-align:center;margin-top:10%;margin-left:auto;margin-right:auto;border:1px solid gray}button{background-color:#8cd4f5;color:#fff;border:none;box-shadow:none;font-size:17px;font-weight:500;-webkit-border-radius:4px;border-radius:5px;padding:10px 32px;margin:26px 5px 0;cursor:pointer}button.cancel{background-color:#c1c1c1}\n"] }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MagicConfirmationBoxComponent, { className: "MagicConfirmationBoxComponent", filePath: "src/ui/components/magic-confirmation-box.component.ts", lineNumber: 55 }); })();
@@ -6085,22 +6085,29 @@ class MagicShellComponent {
     }
     ngAfterViewInit() {
         this.overlayWindowService.init(this.overlayWindowsContainerViewRef, this.rootMagicElementRef.nativeElement, this.changeDetectorRef);
-        let subscription = this.router.events
-            .pipe(filter(e => e instanceof NavigationEnd))
-            .subscribe(e => {
-            if (this.router.navigated) {
-                const queryParams = this.route.snapshot.queryParams;
-                const queryParamsMap = new Map();
-                // Iterate over the queryParams object and populate the Map
-                for (const key in queryParams) {
-                    if (queryParams.hasOwnProperty(key)) {
-                        queryParamsMap.set(key, queryParams[key].toString());
-                    }
+        // Helper function to start the engine
+        const startEngine = () => {
+            const queryParams = this.route.snapshot.queryParams;
+            const queryParamsMap = new Map();
+            // Iterate over the queryParams object and populate the Map
+            for (const key in queryParams) {
+                if (queryParams.hasOwnProperty(key)) {
+                    queryParamsMap.set(key, queryParams[key].toString());
                 }
-                this.engineMagicService.startMagicEngine(this.httpClient, queryParamsMap);
-                subscription.unsubscribe();
             }
-        });
+            this.engineMagicService.startMagicEngine(this.httpClient, queryParamsMap);
+        };
+        // Check if navigation has already completed
+        if (this.router.navigated) {
+            // Navigation already happened, start the engine immediately
+            startEngine();
+        }
+        else {
+            // Navigation hasn't happened yet, wait for it
+            this.router.events
+                .pipe(filter(event => event instanceof NavigationEnd), take(1))
+                .subscribe(() => startEngine());
+        }
     }
     setViewContainerRef(vcRef) {
         this.overlayWindowsContainerViewRef = vcRef;