@magic-xpa/angular 4.800.0 → 4.800.2

package/bundles/magic-xpa-angular.umd.js

@@ -1,8 +1,34 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('util'), require('@angular/core'), require('@angular/common'), require('@angular/router'), require('@angular/forms'), require('ng-dynamic-component'), require('rxjs'), require('@magic-xpa/engine'), require('@magic-xpa/gui'), require('@magic-xpa/utils'), require('rxjs/operators'), require('@magic-xpa/mscorelib'), require('@angular/platform-browser'), require('rxjs/internal/observable/fromEvent'), require('@angular/common/http'), require('@angular/material/core'), require('@angular/cdk/platform')) :
     typeof define === 'function' && define.amd ? define('@magic-xpa/angular', ['exports', 'util', '@angular/core', '@angular/common', '@angular/router', '@angular/forms', 'ng-dynamic-component', 'rxjs', '@magic-xpa/engine', '@magic-xpa/gui', '@magic-xpa/utils', 'rxjs/operators', '@magic-xpa/mscorelib', '@angular/platform-browser', 'rxjs/internal/observable/fromEvent', '@angular/common/http', '@angular/material/core', '@angular/cdk/platform'], factory) :
-    (global = global || self, factory((global['magic-xpa'] = global['magic-xpa'] || {}, global['magic-xpa'].angular = {}), global.util, global.ng.core, global.ng.common, global.ng.router, global.ng.forms, global.i3, global.rxjs, global.engine, global.gui, global.utils$1, global.rxjs.operators, global.mscorelib, global.ng.platformBrowser, global.rxjs['internal/observable/fromEvent'], global.ng.common.http, global.ng.material.core, global.ng.cdk.platform));
-}(this, (function (exports, util, i0, i1, i2, forms, i3, rxjs, engine, gui, utils$1, operators, mscorelib, i1$1, fromEvent, i5, core, i1$2) { 'use strict';
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["magic-xpa"] = global["magic-xpa"] || {}, global["magic-xpa"].angular = {}), global.util, global.ng.core, global.ng.common, global.ng.router, global.ng.forms, global.i3, global.rxjs, global.engine, global.gui, global.utils$1, global.rxjs.operators, global.mscorelib, global.ng.platformBrowser, global.rxjs["internal/observable/fromEvent"], global.ng.common.http, global.ng.material.core, global.ng.cdk.platform));
+})(this, (function (exports, util, i0, i1, i2, forms, i3, rxjs, engine, gui, utils$1, operators, mscorelib, i1$1, fromEvent, i5, core, i1$2) { 'use strict';
+
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
+        }
+        n["default"] = e;
+        return Object.freeze(n);
+    }
+
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
+    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
+    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
+    var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
+    var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$2);
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -496,6 +522,7 @@
         };
         return Records;
     }());
+    exports.HtmlClasses = void 0;
     (function (HtmlClasses) {
         HtmlClasses["Color"] = "color";
         HtmlClasses["font"] = "font";
@@ -595,9 +622,9 @@
         return EngineMagicService;
     }());
     EngineMagicService.ɵfac = function EngineMagicService_Factory(t) { return new (t || EngineMagicService)(); };
-    EngineMagicService.ɵprov = i0.ɵɵdefineInjectable({ token: EngineMagicService, factory: EngineMagicService.ɵfac });
+    EngineMagicService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: EngineMagicService, factory: EngineMagicService.ɵfac });
     (function () {
-        i0.ɵsetClassMetadata(EngineMagicService, [{
+        i0__namespace.ɵsetClassMetadata(EngineMagicService, [{
                 type: i0.Injectable
             }], null, null);
     })();
@@ -703,10 +730,10 @@
         };
         return CommandsCollectorMagicService;
     }());
-    CommandsCollectorMagicService.ɵfac = function CommandsCollectorMagicService_Factory(t) { return new (t || CommandsCollectorMagicService)(i0.ɵɵinject(EngineMagicService)); };
-    CommandsCollectorMagicService.ɵprov = i0.ɵɵdefineInjectable({ token: CommandsCollectorMagicService, factory: CommandsCollectorMagicService.ɵfac });
+    CommandsCollectorMagicService.ɵfac = function CommandsCollectorMagicService_Factory(t) { return new (t || CommandsCollectorMagicService)(i0__namespace.ɵɵinject(EngineMagicService)); };
+    CommandsCollectorMagicService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: CommandsCollectorMagicService, factory: CommandsCollectorMagicService.ɵfac });
     (function () {
-        i0.ɵsetClassMetadata(CommandsCollectorMagicService, [{
+        i0__namespace.ɵsetClassMetadata(CommandsCollectorMagicService, [{
                 type: i0.Injectable
             }], function () { return [{ type: EngineMagicService }]; }, null);
     })();
@@ -732,9 +759,9 @@
         return RouterCommandsMagicService;
     }());
     RouterCommandsMagicService.ɵfac = function RouterCommandsMagicService_Factory(t) { return new (t || RouterCommandsMagicService)(); };
-    RouterCommandsMagicService.ɵprov = i0.ɵɵdefineInjectable({ token: RouterCommandsMagicService, factory: RouterCommandsMagicService.ɵfac });
+    RouterCommandsMagicService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: RouterCommandsMagicService, factory: RouterCommandsMagicService.ɵfac });
     (function () {
-        i0.ɵsetClassMetadata(RouterCommandsMagicService, [{
+        i0__namespace.ɵsetClassMetadata(RouterCommandsMagicService, [{
                 type: i0.Injectable
             }], null, null);
     })();
@@ -906,12 +933,12 @@
     }());
     SubformMagicService.currentCallerMgSubformServiceRef = null;
     SubformMagicService.routerContainers = new Array();
-    SubformMagicService.ɵfac = function SubformMagicService_Factory(t) { return new (t || SubformMagicService)(i0.ɵɵinject(TaskMagicService), i0.ɵɵinject(i2.ActivatedRoute), i0.ɵɵinject(ComponentListMagicService), i0.ɵɵinject(CommandsCollectorMagicService), i0.ɵɵinject(i2.Router), i0.ɵɵinject(RouterCommandsMagicService), i0.ɵɵinject(ComponentListMagicService), i0.ɵɵinject(i0.NgModuleFactoryLoader), i0.ɵɵinject(i0.Injector)); };
-    SubformMagicService.ɵprov = i0.ɵɵdefineInjectable({ token: SubformMagicService, factory: SubformMagicService.ɵfac });
+    SubformMagicService.ɵfac = function SubformMagicService_Factory(t) { return new (t || SubformMagicService)(i0__namespace.ɵɵinject(TaskMagicService), i0__namespace.ɵɵinject(i2__namespace.ActivatedRoute), i0__namespace.ɵɵinject(ComponentListMagicService), i0__namespace.ɵɵinject(CommandsCollectorMagicService), i0__namespace.ɵɵinject(i2__namespace.Router), i0__namespace.ɵɵinject(RouterCommandsMagicService), i0__namespace.ɵɵinject(ComponentListMagicService), i0__namespace.ɵɵinject(i0__namespace.NgModuleFactoryLoader), i0__namespace.ɵɵinject(i0__namespace.Injector)); };
+    SubformMagicService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: SubformMagicService, factory: SubformMagicService.ɵfac });
     (function () {
-        i0.ɵsetClassMetadata(SubformMagicService, [{
+        i0__namespace.ɵsetClassMetadata(SubformMagicService, [{
                 type: i0.Injectable
-            }], function () { return [{ type: TaskMagicService }, { type: i2.ActivatedRoute }, { type: ComponentListMagicService }, { type: CommandsCollectorMagicService }, { type: i2.Router }, { type: RouterCommandsMagicService }, { type: ComponentListMagicService }, { type: i0.NgModuleFactoryLoader }, { type: i0.Injector }]; }, null);
+            }], function () { return [{ type: TaskMagicService }, { type: i2__namespace.ActivatedRoute }, { type: ComponentListMagicService }, { type: CommandsCollectorMagicService }, { type: i2__namespace.Router }, { type: RouterCommandsMagicService }, { type: ComponentListMagicService }, { type: i0__namespace.NgModuleFactoryLoader }, { type: i0__namespace.Injector }]; }, null);
     })();
 
     var RouterContainerMagicComponent = /** @class */ (function () {
@@ -1000,16 +1027,16 @@
         return RouterContainerMagicComponent;
     }());
     RouterContainerMagicComponent.lastRoute = "/";
-    RouterContainerMagicComponent.ɵfac = function RouterContainerMagicComponent_Factory(t) { return new (t || RouterContainerMagicComponent)(i0.ɵɵdirectiveInject(i2.ActivatedRoute), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(EngineMagicService), i0.ɵɵdirectiveInject(TaskMagicService), i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(ComponentListMagicService), i0.ɵɵdirectiveInject(CommandsCollectorMagicService), i0.ɵɵdirectiveInject(RouterCommandsMagicService)); };
-    RouterContainerMagicComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RouterContainerMagicComponent, selectors: [["magic-route-outlet"]], decls: 0, vars: 0, template: function RouterContainerMagicComponent_Template(rf, ctx) { }, encapsulation: 2 });
+    RouterContainerMagicComponent.ɵfac = function RouterContainerMagicComponent_Factory(t) { return new (t || RouterContainerMagicComponent)(i0__namespace.ɵɵdirectiveInject(i2__namespace.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(i2__namespace.Router), i0__namespace.ɵɵdirectiveInject(EngineMagicService), i0__namespace.ɵɵdirectiveInject(TaskMagicService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ComponentFactoryResolver), i0__namespace.ɵɵdirectiveInject(i0__namespace.ViewContainerRef), i0__namespace.ɵɵdirectiveInject(ComponentListMagicService), i0__namespace.ɵɵdirectiveInject(CommandsCollectorMagicService), i0__namespace.ɵɵdirectiveInject(RouterCommandsMagicService)); };
+    RouterContainerMagicComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: RouterContainerMagicComponent, selectors: [["magic-route-outlet"]], decls: 0, vars: 0, template: function RouterContainerMagicComponent_Template(rf, ctx) { }, encapsulation: 2 });
     (function () {
-        i0.ɵsetClassMetadata(RouterContainerMagicComponent, [{
+        i0__namespace.ɵsetClassMetadata(RouterContainerMagicComponent, [{
                 type: i0.Component,
                 args: [{
                         selector: 'magic-route-outlet',
                         template: "\n  "
                     }]
-            }], function () { return [{ type: i2.ActivatedRoute }, { type: i2.Router }, { type: EngineMagicService }, { type: TaskMagicService }, { type: i0.ComponentFactoryResolver }, { type: i0.ViewContainerRef }, { type: ComponentListMagicService }, { type: CommandsCollectorMagicService }, { type: RouterCommandsMagicService }]; }, null);
+            }], function () { return [{ type: i2__namespace.ActivatedRoute }, { type: i2__namespace.Router }, { type: EngineMagicService }, { type: TaskMagicService }, { type: i0__namespace.ComponentFactoryResolver }, { type: i0__namespace.ViewContainerRef }, { type: ComponentListMagicService }, { type: CommandsCollectorMagicService }, { type: RouterCommandsMagicService }]; }, null);
     })();
 
     var GuiInteractiveExecutor = /** @class */ (function () {
@@ -1142,9 +1169,9 @@
         return BaseMagicConfirmComponent;
     }());
     BaseMagicConfirmComponent.ɵfac = function BaseMagicConfirmComponent_Factory(t) { return new (t || BaseMagicConfirmComponent)(); };
-    BaseMagicConfirmComponent.ɵcmp = i0.ɵɵdefineComponent({ type: BaseMagicConfirmComponent, selectors: [["mg-base-alert"]], inputs: { title: "title", message: "message" }, outputs: { onClose: "onClose" }, decls: 0, vars: 0, template: function BaseMagicConfirmComponent_Template(rf, ctx) { }, styles: [""] });
+    BaseMagicConfirmComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: BaseMagicConfirmComponent, selectors: [["mg-base-alert"]], inputs: { title: "title", message: "message" }, outputs: { onClose: "onClose" }, decls: 0, vars: 0, template: function BaseMagicConfirmComponent_Template(rf, ctx) { }, styles: [""] });
     (function () {
-        i0.ɵsetClassMetadata(BaseMagicConfirmComponent, [{
+        i0__namespace.ɵsetClassMetadata(BaseMagicConfirmComponent, [{
                 type: i0.Component,
                 args: [{
                         selector: 'mg-base-alert',
@@ -1170,9 +1197,9 @@
         return BaseMagicAlertComponent;
     }());
     BaseMagicAlertComponent.ɵfac = function BaseMagicAlertComponent_Factory(t) { return new (t || BaseMagicAlertComponent)(); };
-    BaseMagicAlertComponent.ɵcmp = i0.ɵɵdefineComponent({ type: BaseMagicAlertComponent, selectors: [["mg-base-alert"]], inputs: { title: "title", message: "message" }, outputs: { onClose: "onClose" }, decls: 0, vars: 0, template: function BaseMagicAlertComponent_Template(rf, ctx) { }, styles: [""] });
+    BaseMagicAlertComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: BaseMagicAlertComponent, selectors: [["mg-base-alert"]], inputs: { title: "title", message: "message" }, outputs: { onClose: "onClose" }, decls: 0, vars: 0, template: function BaseMagicAlertComponent_Template(rf, ctx) { }, styles: [""] });
     (function () {
-        i0.ɵsetClassMetadata(BaseMagicAlertComponent, [{
+        i0__namespace.ɵsetClassMetadata(BaseMagicAlertComponent, [{
                 type: i0.Component,
                 args: [{
                         selector: 'mg-base-alert',
@@ -1197,15 +1224,15 @@
         };
         return MagicFocusDirective;
     }());
-    MagicFocusDirective.ɵfac = function MagicFocusDirective_Factory(t) { return new (t || MagicFocusDirective)(i0.ɵɵdirectiveInject(i0.ElementRef)); };
-    MagicFocusDirective.ɵdir = i0.ɵɵdefineDirective({ type: MagicFocusDirective, selectors: [["", "magicFocus", ""]] });
+    MagicFocusDirective.ɵfac = function MagicFocusDirective_Factory(t) { return new (t || MagicFocusDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef)); };
+    MagicFocusDirective.ɵdir = i0__namespace.ɵɵdefineDirective({ type: MagicFocusDirective, selectors: [["", "magicFocus", ""]] });
     (function () {
-        i0.ɵsetClassMetadata(MagicFocusDirective, [{
+        i0__namespace.ɵsetClassMetadata(MagicFocusDirective, [{
                 type: i0.Directive,
                 args: [{
                         selector: '[magicFocus]'
                     }]
-            }], function () { return [{ type: i0.ElementRef }]; }, null);
+            }], function () { return [{ type: i0__namespace.ElementRef }]; }, null);
     })();
 
     var MagicViewContainerRef = /** @class */ (function () {
@@ -1217,18 +1244,18 @@
         }
         return MagicViewContainerRef;
     }());
-    MagicViewContainerRef.ɵfac = function MagicViewContainerRef_Factory(t) { return new (t || MagicViewContainerRef)(i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver)); };
-    MagicViewContainerRef.ɵdir = i0.ɵɵdefineDirective({ type: MagicViewContainerRef, selectors: [["", "magicViewContainerRef", ""]] });
+    MagicViewContainerRef.ɵfac = function MagicViewContainerRef_Factory(t) { return new (t || MagicViewContainerRef)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ViewContainerRef), i0__namespace.ɵɵdirectiveInject(i0__namespace.ComponentFactoryResolver)); };
+    MagicViewContainerRef.ɵdir = i0__namespace.ɵɵdefineDirective({ type: MagicViewContainerRef, selectors: [["", "magicViewContainerRef", ""]] });
     (function () {
-        i0.ɵsetClassMetadata(MagicViewContainerRef, [{
+        i0__namespace.ɵsetClassMetadata(MagicViewContainerRef, [{
                 type: i0.Directive,
                 args: [{
                         selector: '[magicViewContainerRef]',
                     }]
-            }], function () { return [{ type: i0.ViewContainerRef }, { type: i0.ComponentFactoryResolver }]; }, null);
+            }], function () { return [{ type: i0__namespace.ViewContainerRef }, { type: i0__namespace.ComponentFactoryResolver }]; }, null);
     })();
 
-    var _c0 = ["overlayContainerWrapper"];
+    var _c0$3 = ["overlayContainerWrapper"];
     var MagicOverlayContainerWrapper = /** @class */ (function () {
         function MagicOverlayContainerWrapper(componentListMagicService, loader, injector, componentFactoryResolver, changeDetectorRef) {
             this.componentListMagicService = componentListMagicService;
@@ -1297,35 +1324,35 @@
         [gui.OverlayType.Alert, { comp: BaseMagicAlertComponent, error: 'BaseMagicAlertComponent. Alert ' }],
         [gui.OverlayType.ConfirmationBox, { comp: BaseMagicConfirmComponent, error: 'BaseMagicConfirmComponent. Confirmation ' }]
     ]);
-    MagicOverlayContainerWrapper.ɵfac = function MagicOverlayContainerWrapper_Factory(t) { return new (t || MagicOverlayContainerWrapper)(i0.ɵɵdirectiveInject(ComponentListMagicService), i0.ɵɵdirectiveInject(i0.NgModuleFactoryLoader), i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    MagicOverlayContainerWrapper.ɵcmp = i0.ɵɵdefineComponent({ type: MagicOverlayContainerWrapper, selectors: [["app-magic-overlay-container-wrapper"]], viewQuery: function MagicOverlayContainerWrapper_Query(rf, ctx) {
+    MagicOverlayContainerWrapper.ɵfac = function MagicOverlayContainerWrapper_Factory(t) { return new (t || MagicOverlayContainerWrapper)(i0__namespace.ɵɵdirectiveInject(ComponentListMagicService), i0__namespace.ɵɵdirectiveInject(i0__namespace.NgModuleFactoryLoader), i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i0__namespace.ComponentFactoryResolver), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef)); };
+    MagicOverlayContainerWrapper.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: MagicOverlayContainerWrapper, selectors: [["app-magic-overlay-container-wrapper"]], viewQuery: function MagicOverlayContainerWrapper_Query(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵstaticViewQuery(_c0, true);
+                i0__namespace.ɵɵstaticViewQuery(_c0$3, true);
             }
             if (rf & 2) {
                 var _t;
-                i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.overlayContainerWrapperElementRef = _t.first);
+                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.overlayContainerWrapperElementRef = _t.first);
             }
         }, inputs: { Component: "Component", Parameters: "Parameters", OverlayTypeParam: "OverlayTypeParam" }, outputs: { onClose: "onClose" }, decls: 7, vars: 0, consts: [["tabIndex", "0", "magicFocus", "", 1, "overlay-container-wrapper-background", 2, "width", "0px", "height", "0px"], [1, "overlay-container-wrapper-background"], ["overlayContainerWrapper", ""], ["magicViewContainerRef", ""], ["overlayContent", ""], ["tabIndex", "0", 1, "overlay-container-wrapper-background", 2, "width", "0px", "height", "0px"]], template: function MagicOverlayContainerWrapper_Template(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵelementStart(0, "div");
-                i0.ɵɵelement(1, "div", 0);
-                i0.ɵɵelementStart(2, "div", 1, 2);
-                i0.ɵɵelement(4, "div", 3, 4);
-                i0.ɵɵelementEnd();
-                i0.ɵɵelement(6, "div", 5);
-                i0.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(0, "div");
+                i0__namespace.ɵɵelement(1, "div", 0);
+                i0__namespace.ɵɵelementStart(2, "div", 1, 2);
+                i0__namespace.ɵɵelement(4, "div", 3, 4);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelement(6, "div", 5);
+                i0__namespace.ɵɵelementEnd();
             }
         }, directives: [MagicFocusDirective, MagicViewContainerRef], styles: [".overlay-container-wrapper-background[_ngcontent-%COMP%] {\n      \n      position: fixed;\n      top: 0;\n      z-index: 999;\n      right: 0;\n      bottom: 0;\n      left: 0;\n    }"] });
     (function () {
-        i0.ɵsetClassMetadata(MagicOverlayContainerWrapper, [{
+        i0__namespace.ɵsetClassMetadata(MagicOverlayContainerWrapper, [{
                 type: i0.Component,
                 args: [{
                         selector: 'app-magic-overlay-container-wrapper',
                         template: "\n    <div>\n      <div class=\"overlay-container-wrapper-background\" tabIndex=\"0\" style=\"width: 0px; height: 0px;\" magicFocus></div>\n      <div class=\"overlay-container-wrapper-background\" #overlayContainerWrapper>\n        <div #overlayContent magicViewContainerRef>\n        </div>\n      </div>\n      <div class=\"overlay-container-wrapper-background\" tabIndex=\"0\" style=\"width: 0px; height: 0px;\" ></div>\n    </div>\n  ",
                         styles: ["\n    .overlay-container-wrapper-background {\n      /* modal background fixed across whole screen */\n      position: fixed;\n      top: 0;\n      z-index: 999;\n      right: 0;\n      bottom: 0;\n      left: 0;\n    }\n  "]
                     }]
-            }], function () { return [{ type: ComponentListMagicService }, { type: i0.NgModuleFactoryLoader }, { type: i0.Injector }, { type: i0.ComponentFactoryResolver }, { type: i0.ChangeDetectorRef }]; }, { Component: [{
+            }], function () { return [{ type: ComponentListMagicService }, { type: i0__namespace.NgModuleFactoryLoader }, { type: i0__namespace.Injector }, { type: i0__namespace.ComponentFactoryResolver }, { type: i0__namespace.ChangeDetectorRef }]; }, { Component: [{
                     type: i0.Input
                 }], Parameters: [{
                     type: i0.Input
@@ -1384,32 +1411,32 @@
         return confirmationBox;
     }());
 
-    var _c0$1 = ["modalheader"];
-    var _c1 = ["modalForeground"];
+    var _c0$2 = ["modalheader"];
+    var _c1$1 = ["modalForeground"];
     function MagicOverlayContainer_button_2_Template(rf, ctx) {
         if (rf & 1) {
-            var _r5_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "button", 8);
-            i0.ɵɵlistener("click", function MagicOverlayContainer_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5_1); var ctx_r4 = i0.ɵɵnextContext(); return ctx_r4.OnClose(); });
-            i0.ɵɵtext(1, "X");
-            i0.ɵɵelementEnd();
+            var _r5_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "button", 8);
+            i0__namespace.ɵɵlistener("click", function MagicOverlayContainer_button_2_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r5_1); var ctx_r4 = i0__namespace.ɵɵnextContext(); return ctx_r4.OnClose(); });
+            i0__namespace.ɵɵtext(1, "X");
+            i0__namespace.ɵɵelementEnd();
         }
     }
     function MagicOverlayContainer_div_5_Template(rf, ctx) {
         if (rf & 1) {
-            var _r8_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 9, 10);
-            i0.ɵɵtext(2);
-            i0.ɵɵelementStart(3, "button", 11);
-            i0.ɵɵlistener("click", function MagicOverlayContainer_div_5_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r8_1); var ctx_r7 = i0.ɵɵnextContext(); return ctx_r7.OnClose(); });
-            i0.ɵɵtext(4, "X");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
+            var _r8_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "div", 9, 10);
+            i0__namespace.ɵɵtext(2);
+            i0__namespace.ɵɵelementStart(3, "button", 11);
+            i0__namespace.ɵɵlistener("click", function MagicOverlayContainer_div_5_Template_button_click_3_listener() { i0__namespace.ɵɵrestoreView(_r8_1); var ctx_r7 = i0__namespace.ɵɵnextContext(); return ctx_r7.OnClose(); });
+            i0__namespace.ɵɵtext(4, "X");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r2 = i0.ɵɵnextContext();
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate1(" ", ctx_r2.getText(), " ");
+            var ctx_r2 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r2.getText(), " ");
         }
     }
     var MagicOverlayContainer = /** @class */ (function (_super) {
@@ -1487,52 +1514,52 @@
         };
         return MagicOverlayContainer;
     }(exports.BaseMagicOverlayContainer));
-    MagicOverlayContainer.ɵfac = function MagicOverlayContainer_Factory(t) { return new (t || MagicOverlayContainer)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver)); };
-    MagicOverlayContainer.ɵcmp = i0.ɵɵdefineComponent({ type: MagicOverlayContainer, selectors: [["app-magic-overlay-container"]], viewQuery: function MagicOverlayContainer_Query(rf, ctx) {
+    MagicOverlayContainer.ɵfac = function MagicOverlayContainer_Factory(t) { return new (t || MagicOverlayContainer)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i0__namespace.ComponentFactoryResolver)); };
+    MagicOverlayContainer.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: MagicOverlayContainer, selectors: [["app-magic-overlay-container"]], viewQuery: function MagicOverlayContainer_Query(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵviewQuery(_c0$1, true);
-                i0.ɵɵviewQuery(_c1, true);
+                i0__namespace.ɵɵviewQuery(_c0$2, true);
+                i0__namespace.ɵɵviewQuery(_c1$1, true);
             }
             if (rf & 2) {
                 var _t;
-                i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.headerElementRef = _t.first);
-                i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.foregroundElementRef = _t.first);
+                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.headerElementRef = _t.first);
+                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.foregroundElementRef = _t.first);
             }
-        }, inputs: { ModalComp: "ModalComp", ModalCompParameters: "ModalCompParameters" }, outputs: { onClose: "onClose" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 9, vars: 4, consts: [[1, "modal-background", 3, "click"], ["tabindex", "-1", "style", "float:right; border: none; background-color: transparent; outline: none; color: white", 3, "click", 4, "ngIf"], [1, "modal-foreground", 3, "ngStyle"], ["modalForeground", ""], ["class", "modal-header", 4, "ngIf"], [3, "ngStyle"], ["magicViewContainerRef", ""], ["modalbody", ""], ["tabindex", "-1", 2, "float", "right", "border", "none", "background-color", "transparent", "outline", "none", "color", "white", 3, "click"], [1, "modal-header"], ["modalheader", ""], ["tabindex", "-1", 2, "float", "right", 3, "click"]], template: function MagicOverlayContainer_Template(rf, ctx) {
+        }, inputs: { ModalComp: "ModalComp", ModalCompParameters: "ModalCompParameters" }, outputs: { onClose: "onClose" }, features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 9, vars: 4, consts: [[1, "modal-background", 3, "click"], ["tabindex", "-1", "style", "float:right; border: none; background-color: transparent; outline: none; color: white", 3, "click", 4, "ngIf"], [1, "modal-foreground", 3, "ngStyle"], ["modalForeground", ""], ["class", "modal-header", 4, "ngIf"], [3, "ngStyle"], ["magicViewContainerRef", ""], ["modalbody", ""], ["tabindex", "-1", 2, "float", "right", "border", "none", "background-color", "transparent", "outline", "none", "color", "white", 3, "click"], [1, "modal-header"], ["modalheader", ""], ["tabindex", "-1", 2, "float", "right", 3, "click"]], template: function MagicOverlayContainer_Template(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵelementStart(0, "div");
-                i0.ɵɵelementStart(1, "div", 0);
-                i0.ɵɵlistener("click", function MagicOverlayContainer_Template_div_click_1_listener() { return ctx.OnBackgroundClick(); });
-                i0.ɵɵtemplate(2, MagicOverlayContainer_button_2_Template, 2, 0, "button", 1);
-                i0.ɵɵelementEnd();
-                i0.ɵɵelementStart(3, "div", 2, 3);
-                i0.ɵɵtemplate(5, MagicOverlayContainer_div_5_Template, 5, 1, "div", 4);
-                i0.ɵɵelementStart(6, "div", 5);
-                i0.ɵɵelement(7, "div", 6, 7);
-                i0.ɵɵelementEnd();
-                i0.ɵɵelementEnd();
-                i0.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(0, "div");
+                i0__namespace.ɵɵelementStart(1, "div", 0);
+                i0__namespace.ɵɵlistener("click", function MagicOverlayContainer_Template_div_click_1_listener() { return ctx.OnBackgroundClick(); });
+                i0__namespace.ɵɵtemplate(2, MagicOverlayContainer_button_2_Template, 2, 0, "button", 1);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(3, "div", 2, 3);
+                i0__namespace.ɵɵtemplate(5, MagicOverlayContainer_div_5_Template, 5, 1, "div", 4);
+                i0__namespace.ɵɵelementStart(6, "div", 5);
+                i0__namespace.ɵɵelement(7, "div", 6, 7);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0.ɵɵadvance(2);
-                i0.ɵɵproperty("ngIf", !ctx.getShowTitleBar());
-                i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngStyle", ctx.getStyle());
-                i0.ɵɵadvance(2);
-                i0.ɵɵproperty("ngIf", ctx.getShowTitleBar());
-                i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngStyle", ctx.getClientAreaStyles());
-            }
-        }, directives: [i1.NgIf, i1.NgStyle, MagicViewContainerRef], styles: [".modal-foreground[_ngcontent-%COMP%]{background-color:#fff}.modal-background[_ngcontent-%COMP%], .modal-foreground[_ngcontent-%COMP%]{bottom:0;left:0;position:fixed;right:0;top:0}.modal-background[_ngcontent-%COMP%]{background-color:#000;opacity:.75}.modal-header[_ngcontent-%COMP%]{background-color:beige;border-bottom:2px solid red}"] });
+                i0__namespace.ɵɵadvance(2);
+                i0__namespace.ɵɵproperty("ngIf", !ctx.getShowTitleBar());
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngStyle", ctx.getStyle());
+                i0__namespace.ɵɵadvance(2);
+                i0__namespace.ɵɵproperty("ngIf", ctx.getShowTitleBar());
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngStyle", ctx.getClientAreaStyles());
+            }
+        }, directives: [i1__namespace.NgIf, i1__namespace.NgStyle, MagicViewContainerRef], styles: [".modal-foreground[_ngcontent-%COMP%]{background-color:#fff}.modal-background[_ngcontent-%COMP%], .modal-foreground[_ngcontent-%COMP%]{bottom:0;left:0;position:fixed;right:0;top:0}.modal-background[_ngcontent-%COMP%]{background-color:#000;opacity:.75}.modal-header[_ngcontent-%COMP%]{background-color:beige;border-bottom:2px solid red}"] });
     (function () {
-        i0.ɵsetClassMetadata(MagicOverlayContainer, [{
+        i0__namespace.ɵsetClassMetadata(MagicOverlayContainer, [{
                 type: i0.Component,
                 args: [{
                         selector: 'app-magic-overlay-container',
                         template: "\n    <div>\n      <div class=\"modal-background\" (click)=\"OnBackgroundClick()\">\n        <button (click)=\"OnClose()\" tabindex=\"-1\" style=\"float:right; border: none; background-color: transparent; outline: none; color: white\" *ngIf=\"!getShowTitleBar()\">X</button>\n      </div>\n      <div #modalForeground class=\"modal-foreground\" [ngStyle]=\"getStyle()\">\n        <div #modalheader class=\"modal-header\" *ngIf=\"getShowTitleBar()\">\n          {{getText()}}\n          <button (click)=\"OnClose()\" style=\"float:right\" tabindex=\"-1\">X</button>\n        </div>\n        <div [ngStyle]=\"getClientAreaStyles()\">\n          <div #modalbody magicViewContainerRef>\n          </div>\n        </div>\n      </div>\n    </div>\n  ",
                         styleUrls: ['./magic-overlay-container.css']
                     }]
-            }], function () { return [{ type: i0.Injector }, { type: i0.ComponentFactoryResolver }]; }, { headerElementRef: [{
+            }], function () { return [{ type: i0__namespace.Injector }, { type: i0__namespace.ComponentFactoryResolver }]; }, { headerElementRef: [{
                     type: i0.ViewChild,
                     args: ['modalheader', { static: false }]
                 }], foregroundElementRef: [{
@@ -1556,9 +1583,9 @@
         return OverlayContainerMagicProvider;
     }());
     OverlayContainerMagicProvider.ɵfac = function OverlayContainerMagicProvider_Factory(t) { return new (t || OverlayContainerMagicProvider)(); };
-    OverlayContainerMagicProvider.ɵprov = i0.ɵɵdefineInjectable({ token: OverlayContainerMagicProvider, factory: OverlayContainerMagicProvider.ɵfac });
+    OverlayContainerMagicProvider.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: OverlayContainerMagicProvider, factory: OverlayContainerMagicProvider.ɵfac });
     (function () {
-        i0.ɵsetClassMetadata(OverlayContainerMagicProvider, [{
+        i0__namespace.ɵsetClassMetadata(OverlayContainerMagicProvider, [{
                 type: i0.Injectable
             }], null, null);
     })();
@@ -1571,33 +1598,33 @@
         return MagicAlertComponent;
     }(BaseMagicAlertComponent));
     MagicAlertComponent.ɵfac = function MagicAlertComponent_Factory(t) { return ɵMagicAlertComponent_BaseFactory(t || MagicAlertComponent); };
-    MagicAlertComponent.ɵcmp = i0.ɵɵdefineComponent({ type: MagicAlertComponent, selectors: [["sample-magic-alert-component"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 2, consts: [[1, "mg-message-background"], [3, "click"]], template: function MagicAlertComponent_Template(rf, ctx) {
+    MagicAlertComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: MagicAlertComponent, selectors: [["sample-magic-alert-component"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 8, vars: 2, consts: [[1, "mg-message-background"], [3, "click"]], template: function MagicAlertComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵelementStart(0, "div");
-                i0.ɵɵelementStart(1, "div", 0);
-                i0.ɵɵelementStart(2, "h2");
-                i0.ɵɵtext(3);
-                i0.ɵɵelementEnd();
-                i0.ɵɵelementStart(4, "p");
-                i0.ɵɵtext(5);
-                i0.ɵɵelementEnd();
-                i0.ɵɵelementStart(6, "button", 1);
-                i0.ɵɵlistener("click", function MagicAlertComponent_Template_button_click_6_listener() { return ctx.OnClose(); });
-                i0.ɵɵtext(7, "OK");
-                i0.ɵɵelementEnd();
-                i0.ɵɵelementEnd();
-                i0.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(0, "div");
+                i0__namespace.ɵɵelementStart(1, "div", 0);
+                i0__namespace.ɵɵelementStart(2, "h2");
+                i0__namespace.ɵɵtext(3);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(4, "p");
+                i0__namespace.ɵɵtext(5);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(6, "button", 1);
+                i0__namespace.ɵɵlistener("click", function MagicAlertComponent_Template_button_click_6_listener() { return ctx.OnClose(); });
+                i0__namespace.ɵɵtext(7, "OK");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0.ɵɵadvance(3);
-                i0.ɵɵtextInterpolate1(" ", ctx.title, "");
-                i0.ɵɵadvance(2);
-                i0.ɵɵtextInterpolate1("", ctx.message, " ");
+                i0__namespace.ɵɵadvance(3);
+                i0__namespace.ɵɵtextInterpolate1(" ", ctx.title, "");
+                i0__namespace.ɵɵadvance(2);
+                i0__namespace.ɵɵtextInterpolate1("", ctx.message, " ");
             }
         }, styles: [".mg-message-background[_ngcontent-%COMP%] {\n  background-color: #F5F5F5;\n  text-align: center;\n  width: 40%;\n  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  padding: 17px;\n  border-radius: 5px;\n  text-align: center;\n  margin-top: 10% ;\n  margin-left: auto;\n  margin-right: auto;\n  border: 1px solid  gray;\n  }\n\n  button[_ngcontent-%COMP%] {\n  background-color: #8CD4F5;\n  color: white;\n  border: none;\n  box-shadow: none;\n  font-size: 17px;\n  font-weight: 500;\n  -webkit-border-radius: 4px;\n  border-radius: 5px;\n  padding: 10px 32px;\n  margin: 26px 5px 0 5px;\n  cursor: pointer;\n  }"] });
-    var ɵMagicAlertComponent_BaseFactory = i0.ɵɵgetInheritedFactory(MagicAlertComponent);
+    var ɵMagicAlertComponent_BaseFactory = i0__namespace.ɵɵgetInheritedFactory(MagicAlertComponent);
     (function () {
-        i0.ɵsetClassMetadata(MagicAlertComponent, [{
+        i0__namespace.ɵsetClassMetadata(MagicAlertComponent, [{
                 type: i0.Component,
                 args: [{
                         selector: 'sample-magic-alert-component',
@@ -1615,37 +1642,37 @@
         return MagicConfirmationBoxComponent;
     }(BaseMagicConfirmComponent));
     MagicConfirmationBoxComponent.ɵfac = function MagicConfirmationBoxComponent_Factory(t) { return ɵMagicConfirmationBoxComponent_BaseFactory(t || MagicConfirmationBoxComponent); };
-    MagicConfirmationBoxComponent.ɵcmp = i0.ɵɵdefineComponent({ type: MagicConfirmationBoxComponent, selectors: [["sample-magic-confirmation-box"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 11, vars: 2, consts: [[1, "mg-message-background"], [3, "click"], [1, "cancel", 3, "click"]], template: function MagicConfirmationBoxComponent_Template(rf, ctx) {
+    MagicConfirmationBoxComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: MagicConfirmationBoxComponent, selectors: [["sample-magic-confirmation-box"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 11, vars: 2, consts: [[1, "mg-message-background"], [3, "click"], [1, "cancel", 3, "click"]], template: function MagicConfirmationBoxComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵelementStart(0, "div");
-                i0.ɵɵelementStart(1, "div", 0);
-                i0.ɵɵelementStart(2, "h2");
-                i0.ɵɵtext(3);
-                i0.ɵɵelementEnd();
-                i0.ɵɵtext(4);
-                i0.ɵɵelement(5, "br");
-                i0.ɵɵelement(6, "br");
-                i0.ɵɵelementStart(7, "button", 1);
-                i0.ɵɵlistener("click", function MagicConfirmationBoxComponent_Template_button_click_7_listener() { return ctx.OnClose(true); });
-                i0.ɵɵtext(8, "OK");
-                i0.ɵɵelementEnd();
-                i0.ɵɵelementStart(9, "button", 2);
-                i0.ɵɵlistener("click", function MagicConfirmationBoxComponent_Template_button_click_9_listener() { return ctx.OnClose(false); });
-                i0.ɵɵtext(10, "Cancel");
-                i0.ɵɵelementEnd();
-                i0.ɵɵelementEnd();
-                i0.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(0, "div");
+                i0__namespace.ɵɵelementStart(1, "div", 0);
+                i0__namespace.ɵɵelementStart(2, "h2");
+                i0__namespace.ɵɵtext(3);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵtext(4);
+                i0__namespace.ɵɵelement(5, "br");
+                i0__namespace.ɵɵelement(6, "br");
+                i0__namespace.ɵɵelementStart(7, "button", 1);
+                i0__namespace.ɵɵlistener("click", function MagicConfirmationBoxComponent_Template_button_click_7_listener() { return ctx.OnClose(true); });
+                i0__namespace.ɵɵtext(8, "OK");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(9, "button", 2);
+                i0__namespace.ɵɵlistener("click", function MagicConfirmationBoxComponent_Template_button_click_9_listener() { return ctx.OnClose(false); });
+                i0__namespace.ɵɵtext(10, "Cancel");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0.ɵɵadvance(3);
-                i0.ɵɵtextInterpolate1(" ", ctx.title, "");
-                i0.ɵɵadvance(1);
-                i0.ɵɵtextInterpolate1(" ", ctx.message, " ");
+                i0__namespace.ɵɵadvance(3);
+                i0__namespace.ɵɵtextInterpolate1(" ", ctx.title, "");
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵtextInterpolate1(" ", ctx.message, " ");
             }
         }, styles: [".mg-message-background[_ngcontent-%COMP%] {\n  background-color: #F5F5F5;\n  text-align: center;\n  width: 40%;\n  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  padding: 17px;\n  border-radius: 5px;\n  text-align: center;\n  margin-top: 10% ;\n  margin-left: auto;\n  margin-right: auto;\n  border: 1px solid  gray;\n  }\n\n  button[_ngcontent-%COMP%] {\n  background-color: #8CD4F5;\n  color: white;\n  border: none;\n  box-shadow: none;\n  font-size: 17px;\n  font-weight: 500;\n  -webkit-border-radius: 4px;\n  border-radius: 5px;\n  padding: 10px 32px;\n  margin: 26px 5px 0 5px;\n  cursor: pointer;\n  }\n    \n    button.cancel[_ngcontent-%COMP%] {\n      background-color: #C1C1C1;\n    }"] });
-    var ɵMagicConfirmationBoxComponent_BaseFactory = i0.ɵɵgetInheritedFactory(MagicConfirmationBoxComponent);
+    var ɵMagicConfirmationBoxComponent_BaseFactory = i0__namespace.ɵɵgetInheritedFactory(MagicConfirmationBoxComponent);
     (function () {
-        i0.ɵsetClassMetadata(MagicConfirmationBoxComponent, [{
+        i0__namespace.ɵsetClassMetadata(MagicConfirmationBoxComponent, [{
                 type: i0.Component,
                 args: [{
                         selector: 'sample-magic-confirmation-box',
@@ -1670,9 +1697,9 @@
         return ConfirmationComponentsMagicProvider;
     }());
     ConfirmationComponentsMagicProvider.ɵfac = function ConfirmationComponentsMagicProvider_Factory(t) { return new (t || ConfirmationComponentsMagicProvider)(); };
-    ConfirmationComponentsMagicProvider.ɵprov = i0.ɵɵdefineInjectable({ token: ConfirmationComponentsMagicProvider, factory: ConfirmationComponentsMagicProvider.ɵfac });
+    ConfirmationComponentsMagicProvider.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: ConfirmationComponentsMagicProvider, factory: ConfirmationComponentsMagicProvider.ɵfac });
     (function () {
-        i0.ɵsetClassMetadata(ConfirmationComponentsMagicProvider, [{
+        i0__namespace.ɵsetClassMetadata(ConfirmationComponentsMagicProvider, [{
                 type: i0.Injectable
             }], null, null);
     })();
@@ -1747,12 +1774,12 @@
         };
         return OverlayWindowService;
     }());
-    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.ɵprov = i0.ɵɵdefineInjectable({ token: OverlayWindowService, factory: OverlayWindowService.ɵfac });
+    OverlayWindowService.ɵfac = function OverlayWindowService_Factory(t) { return new (t || OverlayWindowService)(i0__namespace.ɵɵinject(i0__namespace.ComponentFactoryResolver), i0__namespace.ɵɵinject(ComponentListMagicService), i0__namespace.ɵɵinject(EngineMagicService), i0__namespace.ɵɵinject(OverlayContainerMagicProvider), i0__namespace.ɵɵinject(ConfirmationComponentsMagicProvider)); };
+    OverlayWindowService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: OverlayWindowService, factory: OverlayWindowService.ɵfac });
     (function () {
-        i0.ɵsetClassMetadata(OverlayWindowService, [{
+        i0__namespace.ɵsetClassMetadata(OverlayWindowService, [{
                 type: i0.Injectable
-            }], function () { return [{ type: i0.ComponentFactoryResolver }, { type: ComponentListMagicService }, { type: EngineMagicService }, { type: OverlayContainerMagicProvider }, { type: ConfirmationComponentsMagicProvider }]; }, null);
+            }], function () { return [{ type: i0__namespace.ComponentFactoryResolver }, { type: ComponentListMagicService }, { type: EngineMagicService }, { type: OverlayContainerMagicProvider }, { type: ConfirmationComponentsMagicProvider }]; }, null);
     })();
     var OverlayWindowFocusManager = /** @class */ (function () {
         function OverlayWindowFocusManager(rootMagicElement) {
@@ -2492,10 +2519,10 @@
         };
         return TaskMagicService;
     }());
-    TaskMagicService.ɵfac = function TaskMagicService_Factory(t) { return new (t || TaskMagicService)(i0.ɵɵinject(EngineMagicService), i0.ɵɵinject(OverlayWindowService)); };
-    TaskMagicService.ɵprov = i0.ɵɵdefineInjectable({ token: TaskMagicService, factory: TaskMagicService.ɵfac });
+    TaskMagicService.ɵfac = function TaskMagicService_Factory(t) { return new (t || TaskMagicService)(i0__namespace.ɵɵinject(EngineMagicService), i0__namespace.ɵɵinject(OverlayWindowService)); };
+    TaskMagicService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: TaskMagicService, factory: TaskMagicService.ɵfac });
     (function () {
-        i0.ɵsetClassMetadata(TaskMagicService, [{
+        i0__namespace.ɵsetClassMetadata(TaskMagicService, [{
                 type: i0.Injectable
             }], function () { return [{ type: EngineMagicService }, { type: OverlayWindowService }]; }, null);
     })();
@@ -2563,10 +2590,10 @@
         };
         return TableMagicService;
     }());
-    TableMagicService.ɵfac = function TableMagicService_Factory(t) { return new (t || TableMagicService)(i0.ɵɵinject(ComponentListMagicService), i0.ɵɵinject(TaskMagicService)); };
-    TableMagicService.ɵprov = i0.ɵɵdefineInjectable({ token: TableMagicService, factory: TableMagicService.ɵfac });
+    TableMagicService.ɵfac = function TableMagicService_Factory(t) { return new (t || TableMagicService)(i0__namespace.ɵɵinject(ComponentListMagicService), i0__namespace.ɵɵinject(TaskMagicService)); };
+    TableMagicService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: TableMagicService, factory: TableMagicService.ɵfac });
     (function () {
-        i0.ɵsetClassMetadata(TableMagicService, [{
+        i0__namespace.ɵsetClassMetadata(TableMagicService, [{
                 type: i0.Injectable
             }], function () { return [{ type: ComponentListMagicService }, { type: TaskMagicService }]; }, null);
     })();
@@ -2580,12 +2607,12 @@
         };
         return TitleMagicService;
     }());
-    TitleMagicService.ɵfac = function TitleMagicService_Factory(t) { return new (t || TitleMagicService)(i0.ɵɵinject(i1$1.Title)); };
-    TitleMagicService.ɵprov = i0.ɵɵdefineInjectable({ token: TitleMagicService, factory: TitleMagicService.ɵfac });
+    TitleMagicService.ɵfac = function TitleMagicService_Factory(t) { return new (t || TitleMagicService)(i0__namespace.ɵɵinject(i1__namespace$1.Title)); };
+    TitleMagicService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: TitleMagicService, factory: TitleMagicService.ɵfac });
     (function () {
-        i0.ɵsetClassMetadata(TitleMagicService, [{
+        i0__namespace.ɵsetClassMetadata(TitleMagicService, [{
                 type: i0.Injectable
-            }], function () { return [{ type: i1$1.Title }]; }, null);
+            }], function () { return [{ type: i1__namespace$1.Title }]; }, null);
     })();
 
     var AccessorMagicService = /** @class */ (function () {
@@ -2900,10 +2927,10 @@
         };
         return AccessorMagicService;
     }());
-    AccessorMagicService.ɵfac = function AccessorMagicService_Factory(t) { return new (t || AccessorMagicService)(i0.ɵɵinject(TaskMagicService)); };
-    AccessorMagicService.ɵprov = i0.ɵɵdefineInjectable({ token: AccessorMagicService, factory: AccessorMagicService.ɵfac });
+    AccessorMagicService.ɵfac = function AccessorMagicService_Factory(t) { return new (t || AccessorMagicService)(i0__namespace.ɵɵinject(TaskMagicService)); };
+    AccessorMagicService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: AccessorMagicService, factory: AccessorMagicService.ɵfac });
     (function () {
-        i0.ɵsetClassMetadata(AccessorMagicService, [{
+        i0__namespace.ɵsetClassMetadata(AccessorMagicService, [{
                 type: i0.Injectable
             }], function () { return [{ type: TaskMagicService }]; }, null);
     })();
@@ -2922,10 +2949,10 @@
         }
         return MagicServices;
     }());
-    MagicServices.ɵfac = function MagicServices_Factory(t) { return new (t || MagicServices)(i0.ɵɵinject(TaskMagicService), i0.ɵɵinject(SubformMagicService), i0.ɵɵinject(TableMagicService), i0.ɵɵinject(TitleMagicService), i0.ɵɵinject(AccessorMagicService)); };
-    MagicServices.ɵprov = i0.ɵɵdefineInjectable({ token: MagicServices, factory: MagicServices.ɵfac });
+    MagicServices.ɵfac = function MagicServices_Factory(t) { return new (t || MagicServices)(i0__namespace.ɵɵinject(TaskMagicService), i0__namespace.ɵɵinject(SubformMagicService), i0__namespace.ɵɵinject(TableMagicService), i0__namespace.ɵɵinject(TitleMagicService), i0__namespace.ɵɵinject(AccessorMagicService)); };
+    MagicServices.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: MagicServices, factory: MagicServices.ɵfac });
     (function () {
-        i0.ɵsetClassMetadata(MagicServices, [{
+        i0__namespace.ɵsetClassMetadata(MagicServices, [{
                 type: i0.Injectable
             }], function () { return [{ type: TaskMagicService }, { type: SubformMagicService }, { type: TableMagicService }, { type: TitleMagicService }, { type: AccessorMagicService }]; }, null);
     })();
@@ -3013,17 +3040,17 @@
         };
         return TaskBaseMagicComponent;
     }());
-    TaskBaseMagicComponent.ɵfac = function TaskBaseMagicComponent_Factory(t) { return new (t || TaskBaseMagicComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(MagicServices)); };
-    TaskBaseMagicComponent.ɵcmp = i0.ɵɵdefineComponent({ type: TaskBaseMagicComponent, selectors: [["task-magic"]], inputs: { taskIdParam: "taskIdParam", taskDescription: "taskDescription" }, features: [i0.ɵɵProvidersFeature([TaskMagicService, SubformMagicService, TableMagicService])], decls: 0, vars: 0, template: function TaskBaseMagicComponent_Template(rf, ctx) { }, encapsulation: 2 });
+    TaskBaseMagicComponent.ɵfac = function TaskBaseMagicComponent_Factory(t) { return new (t || TaskBaseMagicComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(MagicServices)); };
+    TaskBaseMagicComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: TaskBaseMagicComponent, selectors: [["task-magic"]], inputs: { taskIdParam: "taskIdParam", taskDescription: "taskDescription" }, features: [i0__namespace.ɵɵProvidersFeature([TaskMagicService, SubformMagicService, TableMagicService])], decls: 0, vars: 0, template: function TaskBaseMagicComponent_Template(rf, ctx) { }, encapsulation: 2 });
     (function () {
-        i0.ɵsetClassMetadata(TaskBaseMagicComponent, [{
+        i0__namespace.ɵsetClassMetadata(TaskBaseMagicComponent, [{
                 type: i0.Component,
                 args: [{
                         selector: 'task-magic',
                         providers: [TaskMagicService, SubformMagicService, TableMagicService],
                         template: ''
                     }]
-            }], function () { return [{ type: i0.ChangeDetectorRef }, { type: MagicServices }]; }, { taskIdParam: [{
+            }], function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: MagicServices }]; }, { taskIdParam: [{
                     type: i0.Input
                 }], taskDescription: [{
                     type: i0.Input
@@ -3066,19 +3093,19 @@
         };
         return RowMagicDirective;
     }());
-    RowMagicDirective.ɵfac = function RowMagicDirective_Factory(t) { return new (t || RowMagicDirective)(i0.ɵɵdirectiveInject(TaskMagicService), i0.ɵɵdirectiveInject(i0.ElementRef)); };
-    RowMagicDirective.ɵdir = i0.ɵɵdefineDirective({ type: RowMagicDirective, selectors: [["", "magicRow", ""]], hostBindings: function RowMagicDirective_HostBindings(rf, ctx) {
+    RowMagicDirective.ɵfac = function RowMagicDirective_Factory(t) { return new (t || RowMagicDirective)(i0__namespace.ɵɵdirectiveInject(TaskMagicService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef)); };
+    RowMagicDirective.ɵdir = i0__namespace.ɵɵdefineDirective({ type: RowMagicDirective, selectors: [["", "magicRow", ""]], hostBindings: function RowMagicDirective_HostBindings(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵlistener("click", function RowMagicDirective_click_HostBindingHandler($event) { return ctx.onClick($event); });
+                i0__namespace.ɵɵlistener("click", function RowMagicDirective_click_HostBindingHandler($event) { return ctx.onClick($event); });
             }
         }, inputs: { rowId: ["magicRow", "rowId"] } });
     (function () {
-        i0.ɵsetClassMetadata(RowMagicDirective, [{
+        i0__namespace.ɵsetClassMetadata(RowMagicDirective, [{
                 type: i0.Directive,
                 args: [{
                         selector: '[magicRow]'
                     }]
-            }], function () { return [{ type: TaskMagicService }, { type: i0.ElementRef }]; }, { rowId: [{
+            }], function () { return [{ type: TaskMagicService }, { type: i0__namespace.ElementRef }]; }, { rowId: [{
                     type: i0.Input,
                     args: ['magicRow']
                 }], onClick: [{
@@ -3277,16 +3304,16 @@
     }());
     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.ɵdir = i0.ɵɵdefineDirective({ type: MagicDirective, selectors: [["", "magic", ""]], inputs: { magic: "magic", eventsOnly: "eventsOnly", rowId: "rowId" } });
+    MagicDirective.ɵfac = function MagicDirective_Factory(t) { return new (t || MagicDirective)(i0__namespace.ɵɵdirectiveInject(TaskMagicService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef), i0__namespace.ɵɵdirectiveInject(i0__namespace.Renderer2), i0__namespace.ɵɵdirectiveInject(i0__namespace.ViewContainerRef), i0__namespace.ɵɵdirectiveInject(RowMagicDirective, 8)); };
+    MagicDirective.ɵdir = i0__namespace.ɵɵdefineDirective({ type: MagicDirective, selectors: [["", "magic", ""]], inputs: { magic: "magic", eventsOnly: "eventsOnly", rowId: "rowId" } });
     (function () {
-        i0.ɵsetClassMetadata(MagicDirective, [{
+        i0__namespace.ɵsetClassMetadata(MagicDirective, [{
                 type: i0.Directive,
                 args: [{
                         selector: '[magic]'
                     }]
             }], function () {
-            return [{ type: TaskMagicService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: RowMagicDirective, decorators: [{
+            return [{ type: TaskMagicService }, { type: i0__namespace.ElementRef }, { type: i0__namespace.Renderer2 }, { type: i0__namespace.ViewContainerRef }, { type: RowMagicDirective, decorators: [{
                             type: i0.Optional
                         }] }];
         }, { magic: [{
@@ -3485,16 +3512,16 @@
         };
         return NoControlMagicDirective;
     }(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.ɵdir = i0.ɵɵdefineDirective({ type: NoControlMagicDirective, selectors: [["", "magicnc", ""]], inputs: { magic: ["magicnc", "magic"] }, features: [i0.ɵɵInheritDefinitionFeature] });
+    NoControlMagicDirective.ɵfac = function NoControlMagicDirective_Factory(t) { return new (t || NoControlMagicDirective)(i0__namespace.ɵɵdirectiveInject(TaskMagicService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef), i0__namespace.ɵɵdirectiveInject(i0__namespace.Renderer2), i0__namespace.ɵɵdirectiveInject(i0__namespace.ViewContainerRef), i0__namespace.ɵɵdirectiveInject(RowMagicDirective, 8)); };
+    NoControlMagicDirective.ɵdir = i0__namespace.ɵɵdefineDirective({ type: NoControlMagicDirective, selectors: [["", "magicnc", ""]], inputs: { magic: ["magicnc", "magic"] }, features: [i0__namespace.ɵɵInheritDefinitionFeature] });
     (function () {
-        i0.ɵsetClassMetadata(NoControlMagicDirective, [{
+        i0__namespace.ɵsetClassMetadata(NoControlMagicDirective, [{
                 type: i0.Directive,
                 args: [{
                         selector: '[magicnc]'
                     }]
             }], function () {
-            return [{ type: TaskMagicService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: RowMagicDirective, decorators: [{
+            return [{ type: TaskMagicService }, { type: i0__namespace.ElementRef }, { type: i0__namespace.Renderer2 }, { type: i0__namespace.ViewContainerRef }, { type: RowMagicDirective, decorators: [{
                             type: i0.Optional
                         }] }];
         }, { magic: [{
@@ -3536,10 +3563,10 @@
         };
         return DateMagicPipe;
     }(i1.DatePipe));
-    DateMagicPipe.ɵfac = function DateMagicPipe_Factory(t) { return new (t || DateMagicPipe)(i0.ɵɵdirectiveInject(TaskMagicService)); };
-    DateMagicPipe.ɵpipe = i0.ɵɵdefinePipe({ name: "magicDate", type: DateMagicPipe, pure: true });
+    DateMagicPipe.ɵfac = function DateMagicPipe_Factory(t) { return new (t || DateMagicPipe)(i0__namespace.ɵɵdirectiveInject(TaskMagicService)); };
+    DateMagicPipe.ɵpipe = i0__namespace.ɵɵdefinePipe({ name: "magicDate", type: DateMagicPipe, pure: true });
     (function () {
-        i0.ɵsetClassMetadata(DateMagicPipe, [{
+        i0__namespace.ɵsetClassMetadata(DateMagicPipe, [{
                 type: i0.Pipe,
                 args: [{
                         name: 'magicDate'
@@ -3812,14 +3839,14 @@
         };
         return MgformatMagicDirective;
     }());
-    MgformatMagicDirective.ɵfac = function MgformatMagicDirective_Factory(t) { return new (t || MgformatMagicDirective)(i0.ɵɵdirectiveInject(MagicDirective), i0.ɵɵdirectiveInject(TaskMagicService)); };
-    MgformatMagicDirective.ɵdir = i0.ɵɵdefineDirective({ type: MgformatMagicDirective, selectors: [["", "mgFormat", ""]], hostBindings: function MgformatMagicDirective_HostBindings(rf, ctx) {
+    MgformatMagicDirective.ɵfac = function MgformatMagicDirective_Factory(t) { return new (t || MgformatMagicDirective)(i0__namespace.ɵɵdirectiveInject(MagicDirective), i0__namespace.ɵɵdirectiveInject(TaskMagicService)); };
+    MgformatMagicDirective.ɵdir = i0__namespace.ɵɵdefineDirective({ type: MgformatMagicDirective, selectors: [["", "mgFormat", ""]], hostBindings: function MgformatMagicDirective_HostBindings(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵlistener("focus", function MgformatMagicDirective_focus_HostBindingHandler($event) { return ctx.onFocusEvent($event); })("change", function MgformatMagicDirective_change_HostBindingHandler($event) { return ctx.onChangeEvent($event); });
+                i0__namespace.ɵɵlistener("focus", function MgformatMagicDirective_focus_HostBindingHandler($event) { return ctx.onFocusEvent($event); })("change", function MgformatMagicDirective_change_HostBindingHandler($event) { return ctx.onChangeEvent($event); });
             }
         } });
     (function () {
-        i0.ɵsetClassMetadata(MgformatMagicDirective, [{
+        i0__namespace.ɵsetClassMetadata(MgformatMagicDirective, [{
                 type: i0.Directive,
                 args: [{
                         selector: '[mgFormat]'
@@ -3871,10 +3898,10 @@
         };
         return TimeMagicPipe;
     }(i1.DatePipe));
-    TimeMagicPipe.ɵfac = function TimeMagicPipe_Factory(t) { return new (t || TimeMagicPipe)(i0.ɵɵdirectiveInject(TaskMagicService)); };
-    TimeMagicPipe.ɵpipe = i0.ɵɵdefinePipe({ name: "magicTime", type: TimeMagicPipe, pure: true });
+    TimeMagicPipe.ɵfac = function TimeMagicPipe_Factory(t) { return new (t || TimeMagicPipe)(i0__namespace.ɵɵdirectiveInject(TaskMagicService)); };
+    TimeMagicPipe.ɵpipe = i0__namespace.ɵɵdefinePipe({ name: "magicTime", type: TimeMagicPipe, pure: true });
     (function () {
-        i0.ɵsetClassMetadata(TimeMagicPipe, [{
+        i0__namespace.ɵsetClassMetadata(TimeMagicPipe, [{
                 type: i0.Pipe,
                 args: [{
                         name: 'magicTime'
@@ -3914,8 +3941,8 @@
         };
         return RangeValidatorMagicDirective;
     }());
-    RangeValidatorMagicDirective.ɵfac = function RangeValidatorMagicDirective_Factory(t) { return new (t || RangeValidatorMagicDirective)(i0.ɵɵdirectiveInject(TaskMagicService), i0.ɵɵdirectiveInject(i0.ViewContainerRef)); };
-    RangeValidatorMagicDirective.ɵdir = i0.ɵɵdefineDirective({ type: RangeValidatorMagicDirective, selectors: [["", "rangevalidator", ""]], features: [i0.ɵɵProvidersFeature([
+    RangeValidatorMagicDirective.ɵfac = function RangeValidatorMagicDirective_Factory(t) { return new (t || RangeValidatorMagicDirective)(i0__namespace.ɵɵdirectiveInject(TaskMagicService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ViewContainerRef)); };
+    RangeValidatorMagicDirective.ɵdir = i0__namespace.ɵɵdefineDirective({ type: RangeValidatorMagicDirective, selectors: [["", "rangevalidator", ""]], features: [i0__namespace.ɵɵProvidersFeature([
                 {
                     provide: forms.NG_VALIDATORS,
                     useExisting: RangeValidatorMagicDirective,
@@ -3923,7 +3950,7 @@
                 }
             ])] });
     (function () {
-        i0.ɵsetClassMetadata(RangeValidatorMagicDirective, [{
+        i0__namespace.ɵsetClassMetadata(RangeValidatorMagicDirective, [{
                 type: i0.Directive,
                 args: [{
                         selector: '[rangevalidator] ',
@@ -3935,16 +3962,16 @@
                             }
                         ]
                     }]
-            }], function () { return [{ type: TaskMagicService }, { type: i0.ViewContainerRef }]; }, null);
+            }], function () { return [{ type: TaskMagicService }, { type: i0__namespace.ViewContainerRef }]; }, null);
     })();
 
     function SubformMagicComponent_ndc_dynamic_0_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "ndc-dynamic", 1);
+            i0__namespace.ɵɵelement(0, "ndc-dynamic", 1);
         }
         if (rf & 2) {
-            var ctx_r0 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("ndcDynamicComponent", ctx_r0.Component)("ndcDynamicInputs", ctx_r0.Parameters);
+            var ctx_r0 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵproperty("ndcDynamicComponent", ctx_r0.Component)("ndcDynamicInputs", ctx_r0.Parameters);
         }
     }
     var SubformMagicComponent = /** @class */ (function () {
@@ -3976,57 +4003,57 @@
         });
         return SubformMagicComponent;
     }());
-    SubformMagicComponent.ɵfac = function SubformMagicComponent_Factory(t) { return new (t || SubformMagicComponent)(i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(SubformMagicService)); };
-    SubformMagicComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SubformMagicComponent, selectors: [["magic-subform"]], inputs: { magic: "magic" }, decls: 1, vars: 1, consts: [[3, "ndcDynamicComponent", "ndcDynamicInputs", 4, "ngIf"], [3, "ndcDynamicComponent", "ndcDynamicInputs"]], template: function SubformMagicComponent_Template(rf, ctx) {
+    SubformMagicComponent.ɵfac = function SubformMagicComponent_Factory(t) { return new (t || SubformMagicComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ViewContainerRef), i0__namespace.ɵɵdirectiveInject(SubformMagicService)); };
+    SubformMagicComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: SubformMagicComponent, selectors: [["magic-subform"]], inputs: { magic: "magic" }, decls: 1, vars: 1, consts: [[3, "ndcDynamicComponent", "ndcDynamicInputs", 4, "ngIf"], [3, "ndcDynamicComponent", "ndcDynamicInputs"]], template: function SubformMagicComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵtemplate(0, SubformMagicComponent_ndc_dynamic_0_Template, 1, 2, "ndc-dynamic", 0);
+                i0__namespace.ɵɵtemplate(0, SubformMagicComponent_ndc_dynamic_0_Template, 1, 2, "ndc-dynamic", 0);
             }
             if (rf & 2) {
-                i0.ɵɵproperty("ngIf", ctx.Component);
+                i0__namespace.ɵɵproperty("ngIf", ctx.Component);
             }
-        }, directives: [i1.NgIf, i3.DynamicComponent, i3.DynamicIoDirective], encapsulation: 2 });
+        }, directives: [i1__namespace.NgIf, i3__namespace.DynamicComponent, i3__namespace.DynamicIoDirective], encapsulation: 2 });
     (function () {
-        i0.ɵsetClassMetadata(SubformMagicComponent, [{
+        i0__namespace.ɵsetClassMetadata(SubformMagicComponent, [{
                 type: i0.Component,
                 args: [{
                         selector: 'magic-subform',
                         template: "\n    <ndc-dynamic\n      *ngIf=\"Component\"  \n      [ndcDynamicComponent]=\"Component\" \n      [ndcDynamicInputs]=\"Parameters\">\n    </ndc-dynamic>\n"
                     }]
-            }], function () { return [{ type: i0.ViewContainerRef }, { type: SubformMagicService }]; }, { magic: [{
+            }], function () { return [{ type: i0__namespace.ViewContainerRef }, { type: SubformMagicService }]; }, { magic: [{
                     type: i0.Input,
                     args: ['magic']
                 }] });
     })();
 
-    var _c0$2 = ["customContent"];
+    var _c0$1 = ["customContent"];
     function ErrorMagicComponent_div_0_span_4_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "span");
-            i0.ɵɵtext(1);
-            i0.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(0, "span");
+            i0__namespace.ɵɵtext(1);
+            i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r2 = i0.ɵɵnextContext(2);
-            i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate1(" ", ctx_r2.mgService.getErrMsg(ctx_r2.id, ctx_r2.rowId), " ");
+            var ctx_r2 = i0__namespace.ɵɵnextContext(2);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r2.mgService.getErrMsg(ctx_r2.id, ctx_r2.rowId), " ");
         }
     }
     function ErrorMagicComponent_div_0_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div");
-            i0.ɵɵelementStart(1, "div", null, 1);
-            i0.ɵɵprojection(3);
-            i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(4, ErrorMagicComponent_div_0_span_4_Template, 2, 1, "span", 0);
-            i0.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(0, "div");
+            i0__namespace.ɵɵelementStart(1, "div", null, 1);
+            i0__namespace.ɵɵprojection(3);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵtemplate(4, ErrorMagicComponent_div_0_span_4_Template, 2, 1, "span", 0);
+            i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r0 = i0.ɵɵnextContext();
-            i0.ɵɵadvance(4);
-            i0.ɵɵproperty("ngIf", ctx_r0.defaultDisplay);
+            var ctx_r0 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(4);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r0.defaultDisplay);
         }
     }
-    var _c1$1 = ["*"];
+    var _c1 = ["*"];
     var ErrorMagicComponent = /** @class */ (function () {
         function ErrorMagicComponent(_task, mgService, changeDetectorRef) {
             this._task = _task;
@@ -4103,32 +4130,32 @@
         };
         return ErrorMagicComponent;
     }());
-    ErrorMagicComponent.ɵfac = function ErrorMagicComponent_Factory(t) { return new (t || ErrorMagicComponent)(i0.ɵɵdirectiveInject(TaskMagicService), i0.ɵɵdirectiveInject(AccessorMagicService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    ErrorMagicComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ErrorMagicComponent, selectors: [["mgError"]], viewQuery: function ErrorMagicComponent_Query(rf, ctx) {
+    ErrorMagicComponent.ɵfac = function ErrorMagicComponent_Factory(t) { return new (t || ErrorMagicComponent)(i0__namespace.ɵɵdirectiveInject(TaskMagicService), i0__namespace.ɵɵdirectiveInject(AccessorMagicService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef)); };
+    ErrorMagicComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: ErrorMagicComponent, selectors: [["mgError"]], viewQuery: function ErrorMagicComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵviewQuery(_c0$2, true);
+                i0__namespace.ɵɵviewQuery(_c0$1, true);
             }
             if (rf & 2) {
                 var _t;
-                i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.CustomContent = _t.first);
+                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.CustomContent = _t.first);
             }
-        }, inputs: { magic: "magic", rowId1: ["rowId", "rowId1"] }, ngContentSelectors: _c1$1, decls: 1, vars: 1, consts: [[4, "ngIf"], ["customContent", ""]], template: function ErrorMagicComponent_Template(rf, ctx) {
+        }, inputs: { magic: "magic", rowId1: ["rowId", "rowId1"] }, ngContentSelectors: _c1, decls: 1, vars: 1, consts: [[4, "ngIf"], ["customContent", ""]], template: function ErrorMagicComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵprojectionDef();
-                i0.ɵɵtemplate(0, ErrorMagicComponent_div_0_Template, 5, 1, "div", 0);
+                i0__namespace.ɵɵprojectionDef();
+                i0__namespace.ɵɵtemplate(0, ErrorMagicComponent_div_0_Template, 5, 1, "div", 0);
             }
             if (rf & 2) {
-                i0.ɵɵproperty("ngIf", ctx.HasErrors(ctx.id));
+                i0__namespace.ɵɵproperty("ngIf", ctx.HasErrors(ctx.id));
             }
-        }, directives: [i1.NgIf], encapsulation: 2 });
+        }, directives: [i1__namespace.NgIf], encapsulation: 2 });
     (function () {
-        i0.ɵsetClassMetadata(ErrorMagicComponent, [{
+        i0__namespace.ɵsetClassMetadata(ErrorMagicComponent, [{
                 type: i0.Component,
                 args: [{
                         selector: 'mgError',
                         template: "<div *ngIf=\"HasErrors(id)\">\n    <div #customContent>\n      <ng-content></ng-content>\n    </div>\n     <span *ngIf=\"defaultDisplay\">\n      {{mgService.getErrMsg(id, rowId)}} \n    </span>\n    </div>\n"
                     }]
-            }], function () { return [{ type: TaskMagicService }, { type: AccessorMagicService }, { type: i0.ChangeDetectorRef }]; }, { magic: [{
+            }], function () { return [{ type: TaskMagicService }, { type: AccessorMagicService }, { type: i0__namespace.ChangeDetectorRef }]; }, { magic: [{
                     type: i0.Input,
                     args: ['magic']
                 }], rowId1: [{
@@ -4149,14 +4176,14 @@
         };
         return CheckboxMagicDirective;
     }());
-    CheckboxMagicDirective.ɵfac = function CheckboxMagicDirective_Factory(t) { return new (t || CheckboxMagicDirective)(i0.ɵɵdirectiveInject(MagicDirective)); };
-    CheckboxMagicDirective.ɵdir = i0.ɵɵdefineDirective({ type: CheckboxMagicDirective, selectors: [["input", "type", "checkbox", "magic", "", 3, "noFormControl", ""]], hostBindings: function CheckboxMagicDirective_HostBindings(rf, ctx) {
+    CheckboxMagicDirective.ɵfac = function CheckboxMagicDirective_Factory(t) { return new (t || CheckboxMagicDirective)(i0__namespace.ɵɵdirectiveInject(MagicDirective)); };
+    CheckboxMagicDirective.ɵdir = i0__namespace.ɵɵdefineDirective({ type: CheckboxMagicDirective, selectors: [["input", "type", "checkbox", "magic", "", 3, "noFormControl", ""]], hostBindings: function CheckboxMagicDirective_HostBindings(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵlistener("change", function CheckboxMagicDirective_change_HostBindingHandler($event) { return ctx.onChange($event); });
+                i0__namespace.ɵɵlistener("change", function CheckboxMagicDirective_change_HostBindingHandler($event) { return ctx.onChange($event); });
             }
         } });
     (function () {
-        i0.ɵsetClassMetadata(CheckboxMagicDirective, [{
+        i0__namespace.ɵsetClassMetadata(CheckboxMagicDirective, [{
                 type: i0.Directive,
                 args: [{
                         selector: "\n    input[type=checkbox][magic]:not([noFormControl])\n",
@@ -4176,14 +4203,14 @@
         };
         return ComboboxMagicDirective;
     }());
-    ComboboxMagicDirective.ɵfac = function ComboboxMagicDirective_Factory(t) { return new (t || ComboboxMagicDirective)(i0.ɵɵdirectiveInject(MagicDirective)); };
-    ComboboxMagicDirective.ɵdir = i0.ɵɵdefineDirective({ type: ComboboxMagicDirective, selectors: [["select", "magic", "", 3, "multiple", ""]], hostBindings: function ComboboxMagicDirective_HostBindings(rf, ctx) {
+    ComboboxMagicDirective.ɵfac = function ComboboxMagicDirective_Factory(t) { return new (t || ComboboxMagicDirective)(i0__namespace.ɵɵdirectiveInject(MagicDirective)); };
+    ComboboxMagicDirective.ɵdir = i0__namespace.ɵɵdefineDirective({ type: ComboboxMagicDirective, selectors: [["select", "magic", "", 3, "multiple", ""]], hostBindings: function ComboboxMagicDirective_HostBindings(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵlistener("change", function ComboboxMagicDirective_change_HostBindingHandler($event) { return ctx.onChange($event); });
+                i0__namespace.ɵɵlistener("change", function ComboboxMagicDirective_change_HostBindingHandler($event) { return ctx.onChange($event); });
             }
         } });
     (function () {
-        i0.ɵsetClassMetadata(ComboboxMagicDirective, [{
+        i0__namespace.ɵsetClassMetadata(ComboboxMagicDirective, [{
                 type: i0.Directive,
                 args: [{
                         selector: "select[magic]:not([multiple])",
@@ -4203,39 +4230,39 @@
         return ExitMagicService;
     }());
     ExitMagicService.ɵfac = function ExitMagicService_Factory(t) { return new (t || ExitMagicService)(); };
-    ExitMagicService.ɵprov = i0.ɵɵdefineInjectable({ token: ExitMagicService, factory: ExitMagicService.ɵfac });
+    ExitMagicService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: ExitMagicService, factory: ExitMagicService.ɵfac });
     (function () {
-        i0.ɵsetClassMetadata(ExitMagicService, [{
+        i0__namespace.ɵsetClassMetadata(ExitMagicService, [{
                 type: i0.Injectable
             }], null, null);
     })();
 
-    var _c0$3 = ["magicRoot"];
+    var _c0 = ["magicRoot"];
     function MagicShellComponent_ndc_dynamic_2_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "ndc-dynamic", 6);
+            i0__namespace.ɵɵelement(0, "ndc-dynamic", 6);
         }
         if (rf & 2) {
-            var ctx_r1 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("ndcDynamicComponent", ctx_r1.RootComponent)("ndcDynamicInputs", ctx_r1.RootComponentParameters);
+            var ctx_r1 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵproperty("ndcDynamicComponent", ctx_r1.RootComponent)("ndcDynamicInputs", ctx_r1.RootComponentParameters);
         }
     }
     function MagicShellComponent_div_5_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 7);
-            i0.ɵɵelementContainer(1, 8);
-            i0.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(0, "div", 7);
+            i0__namespace.ɵɵelementContainer(1, 8);
+            i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r3 = i0.ɵɵnextContext();
-            var _r4 = i0.ɵɵreference(7);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngTemplateOutlet", ctx_r3.SpinnerTemplate ? ctx_r3.SpinnerTemplate : _r4);
+            var ctx_r3 = i0__namespace.ɵɵnextContext();
+            var _r4 = i0__namespace.ɵɵreference(7);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngTemplateOutlet", ctx_r3.SpinnerTemplate ? ctx_r3.SpinnerTemplate : _r4);
         }
     }
     function MagicShellComponent_ng_template_6_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "div", 9);
+            i0__namespace.ɵɵelement(0, "div", 9);
         }
     }
     var MagicShellComponent = /** @class */ (function () {
@@ -4343,37 +4370,37 @@
         };
         return MagicShellComponent;
     }());
-    MagicShellComponent.ɵfac = function MagicShellComponent_Factory(t) { return new (t || MagicShellComponent)(i0.ɵɵdirectiveInject(EngineMagicService), i0.ɵɵdirectiveInject(ComponentListMagicService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1$1.Title), i0.ɵɵdirectiveInject(OverlayWindowService), i0.ɵɵdirectiveInject(i5.HttpClient), i0.ɵɵdirectiveInject(CommandsCollectorMagicService), i0.ɵɵdirectiveInject(ExitMagicService, 8)); };
-    MagicShellComponent.ɵcmp = i0.ɵɵdefineComponent({ type: MagicShellComponent, selectors: [["magic-root"]], viewQuery: function MagicShellComponent_Query(rf, ctx) {
+    MagicShellComponent.ɵfac = function MagicShellComponent_Factory(t) { return new (t || MagicShellComponent)(i0__namespace.ɵɵdirectiveInject(EngineMagicService), i0__namespace.ɵɵdirectiveInject(ComponentListMagicService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.Title), i0__namespace.ɵɵdirectiveInject(OverlayWindowService), i0__namespace.ɵɵdirectiveInject(i5__namespace.HttpClient), i0__namespace.ɵɵdirectiveInject(CommandsCollectorMagicService), i0__namespace.ɵɵdirectiveInject(ExitMagicService, 8)); };
+    MagicShellComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: MagicShellComponent, selectors: [["magic-root"]], viewQuery: function MagicShellComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵstaticViewQuery(_c0$3, true);
+                i0__namespace.ɵɵstaticViewQuery(_c0, true);
             }
             if (rf & 2) {
                 var _t;
-                i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.rootMagicElementRef = _t.first);
+                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.rootMagicElementRef = _t.first);
             }
         }, hostBindings: function MagicShellComponent_HostBindings(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵlistener("beforeunload", function MagicShellComponent_beforeunload_HostBindingHandler($event) { return ctx.onBeforeUnload($event); }, false, i0.ɵɵresolveWindow)("unload", function MagicShellComponent_unload_HostBindingHandler($event) { return ctx.onUnload($event); }, false, i0.ɵɵresolveWindow);
+                i0__namespace.ɵɵlistener("beforeunload", function MagicShellComponent_beforeunload_HostBindingHandler($event) { return ctx.onBeforeUnload($event); }, false, i0__namespace.ɵɵresolveWindow)("unload", function MagicShellComponent_unload_HostBindingHandler($event) { return ctx.onUnload($event); }, false, i0__namespace.ɵɵresolveWindow);
             }
-        }, inputs: { SpinnerTemplate: "SpinnerTemplate" }, features: [i0.ɵɵProvidersFeature([])], decls: 8, vars: 2, consts: [["magicRoot", ""], [3, "ndcDynamicComponent", "ndcDynamicInputs", 4, "ngIf"], ["magicViewContainerRef", ""], ["overlayWindowsContainer", ""], ["class", "spinner-background", 4, "ngIf"], ["defaultSpinner", ""], [3, "ndcDynamicComponent", "ndcDynamicInputs"], [1, "spinner-background"], [3, "ngTemplateOutlet"], [1, "mgSpinnerClass"]], template: function MagicShellComponent_Template(rf, ctx) {
+        }, inputs: { SpinnerTemplate: "SpinnerTemplate" }, features: [i0__namespace.ɵɵProvidersFeature([])], decls: 8, vars: 2, consts: [["magicRoot", ""], [3, "ndcDynamicComponent", "ndcDynamicInputs", 4, "ngIf"], ["magicViewContainerRef", ""], ["overlayWindowsContainer", ""], ["class", "spinner-background", 4, "ngIf"], ["defaultSpinner", ""], [3, "ndcDynamicComponent", "ndcDynamicInputs"], [1, "spinner-background"], [3, "ngTemplateOutlet"], [1, "mgSpinnerClass"]], template: function MagicShellComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵelementStart(0, "div", null, 0);
-                i0.ɵɵtemplate(2, MagicShellComponent_ndc_dynamic_2_Template, 1, 2, "ndc-dynamic", 1);
-                i0.ɵɵelement(3, "div", 2, 3);
-                i0.ɵɵelementEnd();
-                i0.ɵɵtemplate(5, MagicShellComponent_div_5_Template, 2, 1, "div", 4);
-                i0.ɵɵtemplate(6, MagicShellComponent_ng_template_6_Template, 1, 0, "ng-template", null, 5, i0.ɵɵtemplateRefExtractor);
+                i0__namespace.ɵɵelementStart(0, "div", null, 0);
+                i0__namespace.ɵɵtemplate(2, MagicShellComponent_ndc_dynamic_2_Template, 1, 2, "ndc-dynamic", 1);
+                i0__namespace.ɵɵelement(3, "div", 2, 3);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵtemplate(5, MagicShellComponent_div_5_Template, 2, 1, "div", 4);
+                i0__namespace.ɵɵtemplate(6, MagicShellComponent_ng_template_6_Template, 1, 0, "ng-template", null, 5, i0__namespace.ɵɵtemplateRefExtractor);
             }
             if (rf & 2) {
-                i0.ɵɵadvance(2);
-                i0.ɵɵproperty("ngIf", ctx.RootComponent !== null);
-                i0.ɵɵadvance(3);
-                i0.ɵɵproperty("ngIf", ctx.showSpinner);
+                i0__namespace.ɵɵadvance(2);
+                i0__namespace.ɵɵproperty("ngIf", ctx.RootComponent !== null);
+                i0__namespace.ɵɵadvance(3);
+                i0__namespace.ɵɵproperty("ngIf", ctx.showSpinner);
             }
-        }, directives: [i1.NgIf, MagicViewContainerRef, i3.DynamicComponent, i3.DynamicIoDirective, i1.NgTemplateOutlet], styles: [".mgSpinnerClass[_ngcontent-%COMP%] {\n      border: 10px solid #cccccc; \n      border-top: 10px solid black; \n      border-radius: 50%;\n      position: fixed;\n      margin: auto;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100px;\n      height: 100px;\n      animation: spin 2s linear infinite;\n    }\n    .spinner-background[_ngcontent-%COMP%] {\n      \n      position: fixed;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      z-index: 1000;\n      left: 0;\n      opacity: 0.5;\n    }\n    @keyframes spin {\n      0% { transform: rotate(0deg); }\n      100% { transform: rotate(360deg); }\n    }"] });
+        }, directives: [i1__namespace.NgIf, MagicViewContainerRef, i3__namespace.DynamicComponent, i3__namespace.DynamicIoDirective, i1__namespace.NgTemplateOutlet], styles: [".mgSpinnerClass[_ngcontent-%COMP%] {\n      border: 10px solid #cccccc; \n      border-top: 10px solid black; \n      border-radius: 50%;\n      position: fixed;\n      margin: auto;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100px;\n      height: 100px;\n      animation: spin 2s linear infinite;\n    }\n    .spinner-background[_ngcontent-%COMP%] {\n      \n      position: fixed;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      z-index: 1000;\n      left: 0;\n      opacity: 0.5;\n    }\n    @keyframes spin {\n      0% { transform: rotate(0deg); }\n      100% { transform: rotate(360deg); }\n    }"] });
     (function () {
-        i0.ɵsetClassMetadata(MagicShellComponent, [{
+        i0__namespace.ɵsetClassMetadata(MagicShellComponent, [{
                 type: i0.Component,
                 args: [{
                         selector: 'magic-root',
@@ -4382,7 +4409,7 @@
                         styles: ["\n    .mgSpinnerClass {\n      border: 10px solid #cccccc; /* Light grey */\n      border-top: 10px solid black; /* Blue */\n      border-radius: 50%;\n      position: fixed;\n      margin: auto;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100px;\n      height: 100px;\n      animation: spin 2s linear infinite;\n    }\n    .spinner-background {\n      /* background fixed across whole screen */\n      position: fixed;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      z-index: 1000;\n      left: 0;\n      opacity: 0.5;\n    }\n    @keyframes spin {\n      0% { transform: rotate(0deg); }\n      100% { transform: rotate(360deg); }\n    }\n  "]
                     }]
             }], function () {
-            return [{ type: EngineMagicService }, { type: ComponentListMagicService }, { type: i0.ChangeDetectorRef }, { type: i1$1.Title }, { type: OverlayWindowService }, { type: i5.HttpClient }, { type: CommandsCollectorMagicService }, { type: ExitMagicService, decorators: [{
+            return [{ type: EngineMagicService }, { type: ComponentListMagicService }, { type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace$1.Title }, { type: OverlayWindowService }, { type: i5__namespace.HttpClient }, { type: CommandsCollectorMagicService }, { type: ExitMagicService, decorators: [{
                             type: i0.Optional
                         }] }];
         }, { rootMagicElementRef: [{
@@ -4412,14 +4439,14 @@
         return MagicCheckboxControlValueAccessor;
     }(forms.CheckboxControlValueAccessor));
     MagicCheckboxControlValueAccessor.ɵfac = function MagicCheckboxControlValueAccessor_Factory(t) { return ɵMagicCheckboxControlValueAccessor_BaseFactory(t || MagicCheckboxControlValueAccessor); };
-    MagicCheckboxControlValueAccessor.ɵdir = i0.ɵɵdefineDirective({ type: MagicCheckboxControlValueAccessor, selectors: [["input", "type", "checkbox", "magic", "", 3, "formControlName", "", 3, "no-form-control", ""], ["input", "type", "checkbox", "magic", "", 3, "formControl", ""], ["input", "type", "checkbox", "magic", "", 3, "ngModel", ""]], hostBindings: function MagicCheckboxControlValueAccessor_HostBindings(rf, ctx) {
+    MagicCheckboxControlValueAccessor.ɵdir = i0__namespace.ɵɵdefineDirective({ type: MagicCheckboxControlValueAccessor, selectors: [["input", "type", "checkbox", "magic", "", 3, "formControlName", "", 3, "no-form-control", ""], ["input", "type", "checkbox", "magic", "", 3, "formControl", ""], ["input", "type", "checkbox", "magic", "", 3, "ngModel", ""]], hostBindings: function MagicCheckboxControlValueAccessor_HostBindings(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵlistener("change", function MagicCheckboxControlValueAccessor_change_HostBindingHandler($event) { return ctx.onChange($event.target.checked); })("blur", function MagicCheckboxControlValueAccessor_blur_HostBindingHandler() { return ctx.onTouched(); });
+                i0__namespace.ɵɵlistener("change", function MagicCheckboxControlValueAccessor_change_HostBindingHandler($event) { return ctx.onChange($event.target.checked); })("blur", function MagicCheckboxControlValueAccessor_blur_HostBindingHandler() { return ctx.onTouched(); });
             }
-        }, features: [i0.ɵɵProvidersFeature([CHECKBOX_VALUE_ACCESSOR]), i0.ɵɵInheritDefinitionFeature] });
-    var ɵMagicCheckboxControlValueAccessor_BaseFactory = i0.ɵɵgetInheritedFactory(MagicCheckboxControlValueAccessor);
+        }, features: [i0__namespace.ɵɵProvidersFeature([CHECKBOX_VALUE_ACCESSOR]), i0__namespace.ɵɵInheritDefinitionFeature] });
+    var ɵMagicCheckboxControlValueAccessor_BaseFactory = i0__namespace.ɵɵgetInheritedFactory(MagicCheckboxControlValueAccessor);
     (function () {
-        i0.ɵsetClassMetadata(MagicCheckboxControlValueAccessor, [{
+        i0__namespace.ɵsetClassMetadata(MagicCheckboxControlValueAccessor, [{
                 type: i0.Directive,
                 args: [{
                         selector: "\n      input[type=checkbox][magic]:not([formControlName]):not([no-form-control]),\n      input[type=checkbox][magic]:not([formControl]),\n      input[type=checkbox][magic]:not([ngModel])\n    ",
@@ -4442,14 +4469,14 @@
         return MagicDefaultValueAccessor;
     }(forms.DefaultValueAccessor));
     MagicDefaultValueAccessor.ɵfac = function MagicDefaultValueAccessor_Factory(t) { return ɵMagicDefaultValueAccessor_BaseFactory(t || MagicDefaultValueAccessor); };
-    MagicDefaultValueAccessor.ɵdir = i0.ɵɵdefineDirective({ type: MagicDefaultValueAccessor, selectors: [["input", "magic", "", 3, "type", "checkbox", 3, "formControlName", "", 3, "no-form-control", ""], ["textarea", "magic", "", 3, "formControlName", "", 3, "noFormControl", "", 3, "no-form-control", ""]], hostBindings: function MagicDefaultValueAccessor_HostBindings(rf, ctx) {
+    MagicDefaultValueAccessor.ɵdir = i0__namespace.ɵɵdefineDirective({ type: MagicDefaultValueAccessor, selectors: [["input", "magic", "", 3, "type", "checkbox", 3, "formControlName", "", 3, "no-form-control", ""], ["textarea", "magic", "", 3, "formControlName", "", 3, "noFormControl", "", 3, "no-form-control", ""]], hostBindings: function MagicDefaultValueAccessor_HostBindings(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵlistener("input", function MagicDefaultValueAccessor_input_HostBindingHandler($event) { return ctx._handleInput($event.target.value); })("blur", function MagicDefaultValueAccessor_blur_HostBindingHandler() { return ctx.onTouched(); })("compositionstart", function MagicDefaultValueAccessor_compositionstart_HostBindingHandler() { return ctx._compositionStart(); })("compositionend", function MagicDefaultValueAccessor_compositionend_HostBindingHandler($event) { return ctx._compositionEnd($event.target.value); });
+                i0__namespace.ɵɵlistener("input", function MagicDefaultValueAccessor_input_HostBindingHandler($event) { return ctx._handleInput($event.target.value); })("blur", function MagicDefaultValueAccessor_blur_HostBindingHandler() { return ctx.onTouched(); })("compositionstart", function MagicDefaultValueAccessor_compositionstart_HostBindingHandler() { return ctx._compositionStart(); })("compositionend", function MagicDefaultValueAccessor_compositionend_HostBindingHandler($event) { return ctx._compositionEnd($event.target.value); });
             }
-        }, exportAs: ["magic"], features: [i0.ɵɵProvidersFeature([MAGIC_DEFAULT_VALUE_ACCESSOR]), i0.ɵɵInheritDefinitionFeature] });
-    var ɵMagicDefaultValueAccessor_BaseFactory = i0.ɵɵgetInheritedFactory(MagicDefaultValueAccessor);
+        }, exportAs: ["magic"], features: [i0__namespace.ɵɵProvidersFeature([MAGIC_DEFAULT_VALUE_ACCESSOR]), i0__namespace.ɵɵInheritDefinitionFeature] });
+    var ɵMagicDefaultValueAccessor_BaseFactory = i0__namespace.ɵɵgetInheritedFactory(MagicDefaultValueAccessor);
     (function () {
-        i0.ɵsetClassMetadata(MagicDefaultValueAccessor, [{
+        i0__namespace.ɵsetClassMetadata(MagicDefaultValueAccessor, [{
                 type: i0.Directive,
                 args: [{
                         selector: "\n    input[magic]:not([type=checkbox]):not([formControlName]):not([no-form-control]),\n    textarea[magic]:not([formControlName]):not([noFormControl]):not([no-form-control])\n  ",
@@ -4474,14 +4501,14 @@
         };
         return CheckboxNoFormControlMagicDirective;
     }());
-    CheckboxNoFormControlMagicDirective.ɵfac = function CheckboxNoFormControlMagicDirective_Factory(t) { return new (t || CheckboxNoFormControlMagicDirective)(i0.ɵɵdirectiveInject(MagicDirective)); };
-    CheckboxNoFormControlMagicDirective.ɵdir = i0.ɵɵdefineDirective({ type: CheckboxNoFormControlMagicDirective, selectors: [["input", "type", "checkbox", "magic", "", "noFormControl", ""]], hostBindings: function CheckboxNoFormControlMagicDirective_HostBindings(rf, ctx) {
+    CheckboxNoFormControlMagicDirective.ɵfac = function CheckboxNoFormControlMagicDirective_Factory(t) { return new (t || CheckboxNoFormControlMagicDirective)(i0__namespace.ɵɵdirectiveInject(MagicDirective)); };
+    CheckboxNoFormControlMagicDirective.ɵdir = i0__namespace.ɵɵdefineDirective({ type: CheckboxNoFormControlMagicDirective, selectors: [["input", "type", "checkbox", "magic", "", "noFormControl", ""]], hostBindings: function CheckboxNoFormControlMagicDirective_HostBindings(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵlistener("change", function CheckboxNoFormControlMagicDirective_change_HostBindingHandler($event) { return ctx.onChange($event); });
+                i0__namespace.ɵɵlistener("change", function CheckboxNoFormControlMagicDirective_change_HostBindingHandler($event) { return ctx.onChange($event); });
             }
         } });
     (function () {
-        i0.ɵsetClassMetadata(CheckboxNoFormControlMagicDirective, [{
+        i0__namespace.ɵsetClassMetadata(CheckboxNoFormControlMagicDirective, [{
                 type: i0.Directive,
                 args: [{
                         selector: "\n    input[type=checkbox][magic]:([noFormControl])   \n    ",
@@ -4501,14 +4528,14 @@
         };
         return InputNoFormControlMagicDirective;
     }());
-    InputNoFormControlMagicDirective.ɵfac = function InputNoFormControlMagicDirective_Factory(t) { return new (t || InputNoFormControlMagicDirective)(i0.ɵɵdirectiveInject(MagicDirective)); };
-    InputNoFormControlMagicDirective.ɵdir = i0.ɵɵdefineDirective({ type: InputNoFormControlMagicDirective, selectors: [["input", "magic", "", "noFormControl", "", 3, "type", "checkbox"], ["textarea", "magic", "", "noFormControl", "", 3, "type", "checkbox"]], hostBindings: function InputNoFormControlMagicDirective_HostBindings(rf, ctx) {
+    InputNoFormControlMagicDirective.ɵfac = function InputNoFormControlMagicDirective_Factory(t) { return new (t || InputNoFormControlMagicDirective)(i0__namespace.ɵɵdirectiveInject(MagicDirective)); };
+    InputNoFormControlMagicDirective.ɵdir = i0__namespace.ɵɵdefineDirective({ type: InputNoFormControlMagicDirective, selectors: [["input", "magic", "", "noFormControl", "", 3, "type", "checkbox"], ["textarea", "magic", "", "noFormControl", "", 3, "type", "checkbox"]], hostBindings: function InputNoFormControlMagicDirective_HostBindings(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵlistener("change", function InputNoFormControlMagicDirective_change_HostBindingHandler($event) { return ctx.onChange($event); });
+                i0__namespace.ɵɵlistener("change", function InputNoFormControlMagicDirective_change_HostBindingHandler($event) { return ctx.onChange($event); });
             }
         } });
     (function () {
-        i0.ɵsetClassMetadata(InputNoFormControlMagicDirective, [{
+        i0__namespace.ɵsetClassMetadata(InputNoFormControlMagicDirective, [{
                 type: i0.Directive,
                 args: [{
                         selector: "input[magic]:([noFormControl]):not([type=checkbox]),\n             textarea[magic]:([noFormControl]):not([type=checkbox])"
@@ -4551,20 +4578,20 @@
         };
         return DateValueAccessor;
     }());
-    DateValueAccessor.ɵfac = function DateValueAccessor_Factory(t) { return new (t || DateValueAccessor)(i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ElementRef)); };
-    DateValueAccessor.ɵdir = i0.ɵɵdefineDirective({ type: DateValueAccessor, selectors: [["", "dateInput", ""]], hostBindings: function DateValueAccessor_HostBindings(rf, ctx) {
+    DateValueAccessor.ɵfac = function DateValueAccessor_Factory(t) { return new (t || DateValueAccessor)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Renderer2), i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef)); };
+    DateValueAccessor.ɵdir = i0__namespace.ɵɵdefineDirective({ type: DateValueAccessor, selectors: [["", "dateInput", ""]], hostBindings: function DateValueAccessor_HostBindings(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵlistener("input", function DateValueAccessor_input_HostBindingHandler($event) { return ctx.onChange($event.target.valueAsDate); })("blur", function DateValueAccessor_blur_HostBindingHandler() { return ctx.onTouched(); });
+                i0__namespace.ɵɵlistener("input", function DateValueAccessor_input_HostBindingHandler($event) { return ctx.onChange($event.target.valueAsDate); })("blur", function DateValueAccessor_blur_HostBindingHandler() { return ctx.onTouched(); });
             }
-        }, features: [i0.ɵɵProvidersFeature([DATE_VALUE_ACCESSOR])] });
+        }, features: [i0__namespace.ɵɵProvidersFeature([DATE_VALUE_ACCESSOR])] });
     (function () {
-        i0.ɵsetClassMetadata(DateValueAccessor, [{
+        i0__namespace.ɵsetClassMetadata(DateValueAccessor, [{
                 type: i0.Directive,
                 args: [{
                         selector: "[dateInput]",
                         providers: [DATE_VALUE_ACCESSOR]
                     }]
-            }], function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, { onChange: [{
+            }], function () { return [{ type: i0__namespace.Renderer2 }, { type: i0__namespace.ElementRef }]; }, { onChange: [{
                     type: i0.HostListener,
                     args: ["input", ["$event.target.valueAsDate"]]
                 }], onTouched: [{
@@ -4615,15 +4642,15 @@
         };
         return NonMagicControlDirective;
     }());
-    NonMagicControlDirective.ɵfac = function NonMagicControlDirective_Factory(t) { return new (t || NonMagicControlDirective)(i0.ɵɵdirectiveInject(TaskMagicService), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ViewContainerRef)); };
-    NonMagicControlDirective.ɵdir = i0.ɵɵdefineDirective({ type: NonMagicControlDirective, selectors: [["", "NonMagicControl", ""]], inputs: { magic: ["NonMagicControl", "magic"] } });
+    NonMagicControlDirective.ɵfac = function NonMagicControlDirective_Factory(t) { return new (t || NonMagicControlDirective)(i0__namespace.ɵɵdirectiveInject(TaskMagicService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef), i0__namespace.ɵɵdirectiveInject(i0__namespace.Renderer2), i0__namespace.ɵɵdirectiveInject(i0__namespace.ViewContainerRef)); };
+    NonMagicControlDirective.ɵdir = i0__namespace.ɵɵdefineDirective({ type: NonMagicControlDirective, selectors: [["", "NonMagicControl", ""]], inputs: { magic: ["NonMagicControl", "magic"] } });
     (function () {
-        i0.ɵsetClassMetadata(NonMagicControlDirective, [{
+        i0__namespace.ɵsetClassMetadata(NonMagicControlDirective, [{
                 type: i0.Directive,
                 args: [{
                         selector: '[NonMagicControl]'
                     }]
-            }], function () { return [{ type: TaskMagicService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }]; }, { magic: [{
+            }], function () { return [{ type: TaskMagicService }, { type: i0__namespace.ElementRef }, { type: i0__namespace.Renderer2 }, { type: i0__namespace.ViewContainerRef }]; }, { magic: [{
                     type: i0.Input,
                     args: ['NonMagicControl']
                 }] });
@@ -4676,8 +4703,8 @@
         };
         return MagicModule;
     }());
-    MagicModule.ɵmod = i0.ɵɵdefineNgModule({ type: MagicModule });
-    MagicModule.ɵinj = i0.ɵɵdefineInjector({ factory: function MagicModule_Factory(t) { return new (t || MagicModule)(); }, providers: [ConfirmationComponentsMagicProvider, OverlayContainerMagicProvider], imports: [[
+    MagicModule.ɵmod = i0__namespace.ɵɵdefineNgModule({ type: MagicModule });
+    MagicModule.ɵinj = i0__namespace.ɵɵdefineInjector({ factory: function MagicModule_Factory(t) { return new (t || MagicModule)(); }, providers: [ConfirmationComponentsMagicProvider, OverlayContainerMagicProvider], imports: [[
                 i1.CommonModule,
                 forms.FormsModule,
                 forms.ReactiveFormsModule,
@@ -4686,7 +4713,7 @@
                 i5.HttpClientModule
             ]] });
     (function () {
-        (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(MagicModule, { declarations: [MagicDirective,
+        (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(MagicModule, { declarations: [MagicDirective,
                 CheckboxMagicDirective,
                 CheckboxNoFormControlMagicDirective,
                 InputNoFormControlMagicDirective,
@@ -4748,7 +4775,7 @@
                 MagicViewContainerRef] });
     })();
     (function () {
-        i0.ɵsetClassMetadata(MagicModule, [{
+        i0__namespace.ɵsetClassMetadata(MagicModule, [{
                 type: i0.NgModule,
                 args: [{
                         declarations: __spread(decs),
@@ -4861,12 +4888,12 @@
         };
         return MgDateAdapter;
     }(core.NativeDateAdapter));
-    MgDateAdapter.ɵfac = function MgDateAdapter_Factory(t) { return new (t || MgDateAdapter)(i0.ɵɵinject(i1$2.Platform), i0.ɵɵinject(TaskMagicService)); };
-    MgDateAdapter.ɵprov = i0.ɵɵdefineInjectable({ token: MgDateAdapter, factory: MgDateAdapter.ɵfac });
+    MgDateAdapter.ɵfac = function MgDateAdapter_Factory(t) { return new (t || MgDateAdapter)(i0__namespace.ɵɵinject(i1__namespace$2.Platform), i0__namespace.ɵɵinject(TaskMagicService)); };
+    MgDateAdapter.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: MgDateAdapter, factory: MgDateAdapter.ɵfac });
     (function () {
-        i0.ɵsetClassMetadata(MgDateAdapter, [{
+        i0__namespace.ɵsetClassMetadata(MgDateAdapter, [{
                 type: i0.Injectable
-            }], function () { return [{ type: i1$2.Platform }, { type: TaskMagicService }]; }, null);
+            }], function () { return [{ type: i1__namespace$2.Platform }, { type: TaskMagicService }]; }, null);
     })();
 
     var matDateProviders = [
@@ -5024,5 +5051,5 @@
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=magic-xpa-angular.umd.js.map