@magic-xpa/angular 4.1100.0-dev4110.1 → 4.1100.0-dev4110.100

package/fesm2015/magic-xpa-angular.mjs

@@ -18,9 +18,9 @@ import * as i1$1 from '@angular/platform-browser';
 import { maskitoTimeOptionsGenerator } from '@maskito/kit';
 import * as i1$2 from '@angular/common/http';
 import { HttpClientModule } from '@angular/common/http';
+import * as i2$1 from '@angular/cdk/platform';
 import { MaskitoModule } from '@maskito/angular';
 import { NativeDateAdapter, MAT_DATE_LOCALE, DateAdapter, MAT_DATE_FORMATS } from '@angular/material/core';
-import * as i1$3 from '@angular/cdk/platform';
 
 class ControlMetadata {
     constructor() {
@@ -734,6 +734,9 @@ class GuiInteractiveExecutor {
                 case InteractiveCommandType.GET_LAST_ROUTE:
                     this.OnGetLastRoute();
                     break;
+                case InteractiveCommandType.OPEN_FORM:
+                    this.OnOpenForm();
+                    break;
             }
         }
         catch (ex) {
@@ -770,6 +773,10 @@ class GuiInteractiveExecutor {
     OnMessageBox() {
         this.overlayService.openConfirmationBox(this.command._mgValue.title, this.command._mgValue.str, this.command._mgValue.style);
     }
+    OnOpenForm() {
+        if (this.command._boolVal)
+            this.overlayService.loadAndOpenModule(this.command.controlName, this.command._mgValue.str, this.command._mgValue.path);
+    }
     OnSetTitle() {
         this.task.setTitle(this.command._mgValue.title);
     }
@@ -1261,13 +1268,13 @@ MagicAlertComponent.ɵcmp = i0.ɵɵdefineComponent({ type: MagicAlertComponent,
 (function () {
     (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>`, 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;border-radius:5px;padding:10px 32px;margin:26px 5px 0;cursor:pointer}\n"] }]
         }], null, null);
 })();
@@ -1301,16 +1308,16 @@ MagicConfirmationBoxComponent.ɵcmp = i0.ɵɵdefineComponent({ type: MagicConfir
 (function () {
     (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>`, 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;border-radius:5px;padding:10px 32px;margin:26px 5px 0;cursor:pointer}button.cancel{background-color:#c1c1c1}\n"] }]
         }], null, null);
 })();
@@ -1335,17 +1342,42 @@ ConfirmationComponentsMagicProvider.ɵprov = i0.ɵɵdefineInjectable({ token: Co
 })();
 
 class OverlayWindowService {
-    constructor(componentFactoryResolver, componentList, engineMagicService, overlayContainerMagicProvider, confirmationComponentsMagicProvider) {
+    constructor(componentFactoryResolver, componentList, engineMagicService, magicLazyModuleLoader, injector, compiler, overlayContainerMagicProvider, confirmationComponentsMagicProvider) {
         this.componentFactoryResolver = componentFactoryResolver;
         this.componentList = componentList;
         this.engineMagicService = engineMagicService;
+        this.magicLazyModuleLoader = magicLazyModuleLoader;
+        this.injector = injector;
+        this.compiler = compiler;
         this.overlayContainerMagicProvider = overlayContainerMagicProvider;
         this.confirmationComponentsMagicProvider = confirmationComponentsMagicProvider;
         this.overlayWindowFocusManager = null;
+        this.changeDetectorRef = null;
     }
-    init(overlayWindowsContainerViewRef, rootMagicElement) {
+    init(overlayWindowsContainerViewRef, rootMagicElement, changeDetectorRef) {
         this.overlayWindowsContainerViewRef = overlayWindowsContainerViewRef;
         this.overlayWindowFocusManager = new OverlayWindowFocusManager(rootMagicElement);
+        this.changeDetectorRef = changeDetectorRef;
+    }
+    loadAndOpenModule(formName, taskId, taskDescription) {
+        let moduleRef = this.componentList.getModuleRef(formName);
+        if (moduleRef == null) {
+            let lazyLoadModule = this.componentList.getLazyLoadModuleData(formName);
+            if (lazyLoadModule != null) {
+                let moduleName = lazyLoadModule.moduleName.replace("Magic", "");
+                moduleName = moduleName.replace("Module", "");
+                this.magicLazyModuleLoader.Load(moduleName).then(m => {
+                    const compiled = this.compiler.compileModuleAndAllComponentsSync(m[lazyLoadModule.moduleName]);
+                    moduleRef = compiled.ngModuleFactory.create(this.injector);
+                    this.open(formName, taskId, taskDescription);
+                    this.finishConfirmation(Styles.MSGBOX_BUTTON_OK, true);
+                });
+            }
+        }
+        else {
+            this.open(formName, taskId, taskDescription);
+            this.finishConfirmation(Styles.MSGBOX_BUTTON_OK, true);
+        }
     }
     open(formName, taskId, taskDescription) {
         let comp = this.componentList.lazyLoadModulesMap != null && this.componentList.lazyLoadModulesMap.hasOwnProperty(formName) ? null : this.componentList.getComponent(formName);
@@ -1356,6 +1388,7 @@ class OverlayWindowService {
             guiEvent.TaskID = taskId;
             this.engineMagicService.insertEvent(guiEvent);
         });
+        this.changeDetectorRef.detectChanges();
     }
     close(commandStr) {
         this.overlayWindowsContainerViewRef.remove();
@@ -1401,7 +1434,7 @@ class OverlayWindowService {
         return componentRef;
     }
 }
-OverlayWindowService.ɵfac = function OverlayWindowService_Factory(t) { return new (t || OverlayWindowService)(i0.ɵɵinject(i0.ComponentFactoryResolver), i0.ɵɵinject(ComponentListMagicService), i0.ɵɵinject(EngineMagicService), i0.ɵɵinject(OverlayContainerMagicProvider), i0.ɵɵinject(ConfirmationComponentsMagicProvider)); };
+OverlayWindowService.ɵfac = function OverlayWindowService_Factory(t) { return new (t || OverlayWindowService)(i0.ɵɵinject(i0.ComponentFactoryResolver), i0.ɵɵinject(ComponentListMagicService), i0.ɵɵinject(EngineMagicService), i0.ɵɵinject(MagicLazyLoaderService), i0.ɵɵinject(i0.Injector), i0.ɵɵinject(i0.Compiler), i0.ɵɵinject(OverlayContainerMagicProvider), i0.ɵɵinject(ConfirmationComponentsMagicProvider)); };
 OverlayWindowService.ɵprov = i0.ɵɵdefineInjectable({ token: OverlayWindowService, factory: OverlayWindowService.ɵfac, providedIn: 'root' });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OverlayWindowService, [{
@@ -1409,7 +1442,7 @@ OverlayWindowService.ɵprov = i0.ɵɵdefineInjectable({ token: OverlayWindowServ
             args: [{
                     providedIn: 'root'
                 }]
-        }], function () { return [{ type: i0.ComponentFactoryResolver }, { type: ComponentListMagicService }, { type: EngineMagicService }, { type: OverlayContainerMagicProvider }, { type: ConfirmationComponentsMagicProvider }]; }, null);
+        }], function () { return [{ type: i0.ComponentFactoryResolver }, { type: ComponentListMagicService }, { type: EngineMagicService }, { type: MagicLazyLoaderService }, { type: i0.Injector }, { type: i0.Compiler }, { type: OverlayContainerMagicProvider }, { type: ConfirmationComponentsMagicProvider }]; }, null);
 })();
 class OverlayWindowFocusManager {
     constructor(rootMagicElement) {
@@ -1946,7 +1979,7 @@ class TaskMagicService {
                 if (isUndefined(val))
                     return val;
                 else
-                    return (val != null) ? +val : null;
+                    return (val != null) ? (typeof val === 'string') ? val : +val : null;
             default:
                 return val;
         }
@@ -2001,7 +2034,7 @@ class TaskMagicService {
     }
     onScrollDown() {
         if (!this.Records.includesLast) {
-            let guiEvent = getGuiEventObj('getRows', 'table', 0);
+            let guiEvent = getGuiEventObj('getRows', '', 0);
             guiEvent.Line = this.formGroups.length;
             this.insertEvent(guiEvent);
         }
@@ -2839,11 +2872,12 @@ class MagicDirective {
         this.eventsOnlyVal = true;
     }
     ;
-    constructor(_task, element, renderer, vcRef, magicRow) {
+    constructor(_task, element, renderer, vcRef, platform, magicRow) {
         this._task = _task;
         this.element = element;
         this.renderer = renderer;
         this.vcRef = vcRef;
+        this.platform = platform;
         this.magicRow = magicRow;
         this.eventHandlers = {};
         this.eventsOnlyVal = false;
@@ -2865,6 +2899,8 @@ class MagicDirective {
                 let fromButton = false;
                 if (this.htmlElement instanceof HTMLButtonElement)
                     fromButton = true;
+                if (fromButton && (this.platform.IOS || this.platform.SAFARI))
+                    this.task.insertEvent(getGuiEventObj("focus", this.id, +this.rowId));
                 this.task.insertEvent(getGuiEventObj(event, this.id, +this.rowId, fromButton));
                 if (MagicDirective.noOfAutoCompleteBoxesOpened < 1)
                     e.cancelBubble = true;
@@ -3006,7 +3042,7 @@ class MagicDirective {
 }
 MagicDirective.opened = false;
 MagicDirective.noOfAutoCompleteBoxesOpened = 0;
-MagicDirective.ɵfac = function MagicDirective_Factory(t) { return new (t || MagicDirective)(i0.ɵɵdirectiveInject(TaskMagicService), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(RowMagicDirective, 8)); };
+MagicDirective.ɵfac = function MagicDirective_Factory(t) { return new (t || MagicDirective)(i0.ɵɵdirectiveInject(TaskMagicService), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i2$1.Platform), i0.ɵɵdirectiveInject(RowMagicDirective, 8)); };
 MagicDirective.ɵdir = i0.ɵɵdefineDirective({ type: MagicDirective, selectors: [["", "magic", ""]], inputs: { magic: "magic", eventsOnly: "eventsOnly", rowId: "rowId" } });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MagicDirective, [{
@@ -3015,7 +3051,7 @@ MagicDirective.ɵdir = i0.ɵɵdefineDirective({ type: MagicDirective, selectors:
                     selector: "[magic]"
                 }]
         }], function () {
-        return [{ type: TaskMagicService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: RowMagicDirective, decorators: [{
+        return [{ type: TaskMagicService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i2$1.Platform }, { type: RowMagicDirective, decorators: [{
                         type: Optional
                     }] }];
     }, { magic: [{
@@ -3032,8 +3068,8 @@ MagicDirective.ɵdir = i0.ɵɵdefineDirective({ type: MagicDirective, selectors:
 class NoControlMagicDirective extends MagicDirective {
     set magic(val) { this.id = val; this.selector = 'magicnc'; }
     ;
-    constructor(_task, element, renderer, vcRef, magicRow) {
-        super(_task, element, renderer, vcRef, magicRow);
+    constructor(_task, element, renderer, vcRef, platform, magicRow) {
+        super(_task, element, renderer, vcRef, platform, magicRow);
     }
     regEvents() {
         super.regEvents();
@@ -3195,7 +3231,7 @@ class NoControlMagicDirective extends MagicDirective {
         }
     }
 }
-NoControlMagicDirective.ɵfac = function NoControlMagicDirective_Factory(t) { return new (t || NoControlMagicDirective)(i0.ɵɵdirectiveInject(TaskMagicService), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(RowMagicDirective, 8)); };
+NoControlMagicDirective.ɵfac = function NoControlMagicDirective_Factory(t) { return new (t || NoControlMagicDirective)(i0.ɵɵdirectiveInject(TaskMagicService), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i2$1.Platform), i0.ɵɵdirectiveInject(RowMagicDirective, 8)); };
 NoControlMagicDirective.ɵdir = i0.ɵɵdefineDirective({ type: NoControlMagicDirective, selectors: [["", "magicnc", ""]], inputs: { magic: ["magicnc", "magic"] }, features: [i0.ɵɵInheritDefinitionFeature] });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NoControlMagicDirective, [{
@@ -3204,7 +3240,7 @@ NoControlMagicDirective.ɵdir = i0.ɵɵdefineDirective({ type: NoControlMagicDir
                     selector: '[magicnc]'
                 }]
         }], function () {
-        return [{ type: TaskMagicService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: RowMagicDirective, decorators: [{
+        return [{ type: TaskMagicService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i2$1.Platform }, { type: RowMagicDirective, decorators: [{
                         type: Optional
                     }] }];
     }, { magic: [{
@@ -4126,7 +4162,7 @@ class MagicShellComponent {
             this.engineMagicService.TerminateContextUsingFetchAPI();
     }
     ngAfterViewInit() {
-        this.overlayWindowService.init(this.overlayWindowsContainerViewRef, this.rootMagicElementRef.nativeElement);
+        this.overlayWindowService.init(this.overlayWindowsContainerViewRef, this.rootMagicElementRef.nativeElement, this.changeDetectorRef);
         this.engineMagicService.startMagicEngine(this.httpClient);
     }
     setViewContainerRef(vcRef) {
@@ -4733,13 +4769,13 @@ class MgDateAdapter extends NativeDateAdapter {
         }
     }
 }
-MgDateAdapter.ɵfac = function MgDateAdapter_Factory(t) { return new (t || MgDateAdapter)(i0.ɵɵinject(i1$3.Platform), i0.ɵɵinject(TaskMagicService), i0.ɵɵinject(MAT_DATE_LOCALE)); };
+MgDateAdapter.ɵfac = function MgDateAdapter_Factory(t) { return new (t || MgDateAdapter)(i0.ɵɵinject(i2$1.Platform), i0.ɵɵinject(TaskMagicService), i0.ɵɵinject(MAT_DATE_LOCALE)); };
 MgDateAdapter.ɵprov = i0.ɵɵdefineInjectable({ token: MgDateAdapter, factory: MgDateAdapter.ɵfac });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MgDateAdapter, [{
             type: Injectable
         }], function () {
-        return [{ type: i1$3.Platform }, { type: TaskMagicService }, { type: undefined, decorators: [{
+        return [{ type: i2$1.Platform }, { type: TaskMagicService }, { type: undefined, decorators: [{
                         type: Inject,
                         args: [MAT_DATE_LOCALE]
                     }] }];