@magic-xpa/angular 4.801.0-dev481.293 → 4.801.0-dev481.300

package/fesm2015/magic-xpa-angular.mjs

@@ -1,6 +1,6 @@
 import { isNullOrUndefined, NString, List, isUndefined, StringBuilder, RefParam } from '@magic-xpa/mscorelib';
 import * as i0 from '@angular/core';
-import { Injectable, Component, Input, Output, EventEmitter, Directive, ViewChild, HostListener, Optional, Pipe, forwardRef, NgModule } from '@angular/core';
+import { Injectable, Component, Input, Output, EventEmitter, Directive, ViewChild, InjectionToken, Inject, HostListener, Optional, Pipe, forwardRef, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { DatePipe, CommonModule, formatDate } from '@angular/common';
 import * as i2 from '@angular/router';
@@ -467,7 +467,7 @@ class SubformMagicService {
             return this.subformsDict[subformName].parameters;
         }
         else
-            return "";
+            return '';
     }
     deleteSubformComp(subformControlName, formName) {
         if (Object.keys(this.subformsDict).indexOf(subformControlName) >= 0) {
@@ -491,8 +491,8 @@ class SubformMagicService {
             if (moduleRef == null) {
                 let lazyLoadModule = this.componentListMagicService.getLazyLoadModuleData(formName);
                 if (lazyLoadModule != null) {
-                    let moduleName = lazyLoadModule.moduleName.replace("Magic", "");
-                    moduleName = moduleName.replace("Module", "");
+                    let moduleName = lazyLoadModule.moduleName.replace('Magic', '');
+                    moduleName = moduleName.replace('Module', '');
                     this.loader.Load(moduleName).then(m => {
                         const compiled = this.compiler.compileModuleAndAllComponentsSync(m[lazyLoadModule.moduleName]);
                         moduleRef = compiled.ngModuleFactory.create(this.injector);
@@ -514,7 +514,7 @@ class SubformMagicService {
         }
         else {
             if (inDefaultOutlet)
-                subformControlName = "primary";
+                subformControlName = 'primary';
             let routeParams = new List();
             routeParams.push(routerPath);
             if (params !== null) {
@@ -536,7 +536,6 @@ class SubformMagicService {
             this.task.refreshView();
     }
     ExecuteRouteCommand(routeCommand) {
-        let reusingComponent = false;
         let currentSubformMagicService = routeCommand.callerMgSubformServiceRef;
         let relativeRoute = SubformMagicService.getRelativeRoute(currentSubformMagicService.activatedRoute);
         if (currentSubformMagicService.routesDict[routeCommand.routerOutletName] === routeCommand.routeParams[0]) {
@@ -595,7 +594,7 @@ class SubformMagicService {
         if (currentActiveRoute.snapshot.routeConfig !== null && currentActiveRoute.snapshot.routeConfig.path === '') {
             currentActiveRoute = currentActiveRoute.parent;
             if (!currentActiveRoute.snapshot.routeConfig.loadChildren)
-                console.log("getRelativeRoute(): both path and currentActiveRoute.snapshot.routeConfig.loadChildren are empty.");
+                console.log('getRelativeRoute(): both path and currentActiveRoute.snapshot.routeConfig.loadChildren are empty.');
         }
         return currentActiveRoute;
     }
@@ -628,7 +627,6 @@ class RouterContainerMagicComponent {
         return RouterContainerMagicComponent.lastRoute;
     }
     ngOnInit() {
-        let outletname = this.activatedRoute.outlet;
         let subformMagicService = SubformMagicService.currentCallerMgSubformServiceRef;
         let currentActiveRoute = SubformMagicService.getRelativeRoute(this.activatedRoute);
         RouterContainerMagicComponent.lastRoute = this.router.url;
@@ -891,14 +889,13 @@ MagicFocusDirective.ɵdir = i0.ɵɵdefineDirective({ type: MagicFocusDirective,
 })();
 
 class MagicViewContainerRef {
-    constructor(vcRef, resolver) {
+    constructor(vcRef) {
         this.vcRef = vcRef;
-        this.resolver = resolver;
         let comp = (this.vcRef._hostLView).find(v => v != null && !isNullOrUndefined(v.setViewContainerRef));
         comp.setViewContainerRef(vcRef);
     }
 }
-MagicViewContainerRef.ɵfac = function MagicViewContainerRef_Factory(t) { return new (t || MagicViewContainerRef)(i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver)); };
+MagicViewContainerRef.ɵfac = function MagicViewContainerRef_Factory(t) { return new (t || MagicViewContainerRef)(i0.ɵɵdirectiveInject(i0.ViewContainerRef)); };
 MagicViewContainerRef.ɵdir = i0.ɵɵdefineDirective({ type: MagicViewContainerRef, selectors: [["", "magicViewContainerRef", ""]] });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MagicViewContainerRef, [{
@@ -906,7 +903,7 @@ MagicViewContainerRef.ɵdir = i0.ɵɵdefineDirective({ type: MagicViewContainerR
             args: [{
                     selector: '[magicViewContainerRef]',
                 }]
-        }], function () { return [{ type: i0.ViewContainerRef }, { type: i0.ComponentFactoryResolver }]; }, null);
+        }], function () { return [{ type: i0.ViewContainerRef }]; }, null);
 })();
 
 const _c0$3 = ["overlayContainerWrapper"];
@@ -1067,7 +1064,6 @@ class confirmationBox {
     }
     static showConfirmationBox(title, message, style) {
         let okWasPressed = false;
-        let retValue = Styles.MSGBOX_RESULT_OK;
         let isConfirm = this.isConfirmBox(style);
         let titleAndString = title + '\n' + '\n' + message;
         if (isConfirm)
@@ -1099,8 +1095,7 @@ function MagicOverlayContainer_div_5_Template(rf, ctx) {
         i0.ɵɵelementStart(3, "button", 11);
         i0.ɵɵlistener("click", function MagicOverlayContainer_div_5_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(); return ctx_r7.OnClose(); });
         i0.ɵɵtext(4, "X");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd()();
     }
     if (rf & 2) {
         const ctx_r2 = i0.ɵɵnextContext();
@@ -1109,9 +1104,8 @@ function MagicOverlayContainer_div_5_Template(rf, ctx) {
     }
 }
 class MagicOverlayContainer extends BaseMagicOverlayContainer {
-    constructor(injector, componentFactoryResolver) {
+    constructor(componentFactoryResolver) {
         super();
-        this.injector = injector;
         this.componentFactoryResolver = componentFactoryResolver;
         this.ModalComp = null;
         this.ModalCompParameters = {};
@@ -1132,7 +1126,7 @@ class MagicOverlayContainer extends BaseMagicOverlayContainer {
             return comp.FormName();
         }
         else
-            return "";
+            return '';
     }
     getStyle() {
         let styles = {};
@@ -1141,11 +1135,11 @@ class MagicOverlayContainer extends BaseMagicOverlayContainer {
             styles['width'] = comp.Width();
             styles['height'] = comp.Height();
             if (comp.IsCenteredToWindow()) {
-                styles['margin'] = "auto";
+                styles['margin'] = 'auto';
             }
             else {
-                styles['margin-left'] = comp.X() + "px";
-                styles['margin-top'] = comp.Y() + "px";
+                styles['margin-left'] = comp.X() + 'px';
+                styles['margin-top'] = comp.Y() + 'px';
             }
         }
         return styles;
@@ -1153,15 +1147,14 @@ class MagicOverlayContainer extends BaseMagicOverlayContainer {
     getClientAreaStyles() {
         let styles = {};
         if (this.componentRef != undefined) {
-            let comp = this.componentRef.instance;
             const headerHeight = this.getShowTitleBar() && !isNullOrUndefined(this.headerElementRef) ? (this.headerElementRef.nativeElement.offsetHeight + 1) : 0;
             if (!isNullOrUndefined(this.foregroundElementRef)) {
                 const foregroundHeight = this.foregroundElementRef.nativeElement.offsetHeight;
-                styles['height'] = (foregroundHeight - headerHeight) + "px";
+                styles['height'] = (foregroundHeight - headerHeight) + 'px';
                 const foregroundWidth = this.foregroundElementRef.nativeElement.offsetWidth;
-                styles['width'] = (foregroundWidth) + "px";
+                styles['width'] = (foregroundWidth) + 'px';
             }
-            styles['overflow'] = "auto";
+            styles['overflow'] = 'auto';
         }
         return styles;
     }
@@ -1180,7 +1173,7 @@ class MagicOverlayContainer extends BaseMagicOverlayContainer {
             this.OnClose();
     }
 }
-MagicOverlayContainer.ɵfac = function MagicOverlayContainer_Factory(t) { return new (t || MagicOverlayContainer)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver)); };
+MagicOverlayContainer.ɵfac = function MagicOverlayContainer_Factory(t) { return new (t || MagicOverlayContainer)(i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver)); };
 MagicOverlayContainer.ɵcmp = i0.ɵɵdefineComponent({ type: MagicOverlayContainer, selectors: [["app-magic-overlay-container"]], viewQuery: function MagicOverlayContainer_Query(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵviewQuery(_c0$2, 5);
@@ -1193,8 +1186,7 @@ MagicOverlayContainer.ɵcmp = i0.ɵɵdefineComponent({ type: MagicOverlayContain
         }
     }, 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) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div");
-            i0.ɵɵelementStart(1, "div", 0);
+            i0.ɵɵelementStart(0, "div")(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();
@@ -1202,9 +1194,7 @@ MagicOverlayContainer.ɵcmp = i0.ɵɵdefineComponent({ type: MagicOverlayContain
             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.ɵɵelementEnd()()();
         }
         if (rf & 2) {
             i0.ɵɵadvance(2);
@@ -1237,7 +1227,7 @@ MagicOverlayContainer.ɵcmp = i0.ɵɵdefineComponent({ type: MagicOverlayContain
       </div>
     </div>
   `, styles: [".modal-foreground{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#fff}.modal-background{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:.75}.modal-header{background-color:beige;border-bottom:2px solid red}\n"] }]
-        }], function () { return [{ type: i0.Injector }, { type: i0.ComponentFactoryResolver }]; }, { headerElementRef: [{
+        }], function () { return [{ type: i0.ComponentFactoryResolver }]; }, { headerElementRef: [{
                 type: ViewChild,
                 args: ['modalheader', { static: false }]
             }], foregroundElementRef: [{
@@ -1270,9 +1260,7 @@ class MagicAlertComponent extends BaseMagicAlertComponent {
 MagicAlertComponent.ɵfac = function () { let ɵMagicAlertComponent_BaseFactory; return function MagicAlertComponent_Factory(t) { return (ɵMagicAlertComponent_BaseFactory || (ɵMagicAlertComponent_BaseFactory = i0.ɵɵgetInheritedFactory(MagicAlertComponent)))(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) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div");
-            i0.ɵɵelementStart(1, "div", 0);
-            i0.ɵɵelementStart(2, "h2");
+            i0.ɵɵelementStart(0, "div")(1, "div", 0)(2, "h2");
             i0.ɵɵtext(3);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(4, "p");
@@ -1281,9 +1269,7 @@ MagicAlertComponent.ɵcmp = i0.ɵɵdefineComponent({ type: MagicAlertComponent,
             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.ɵɵelementEnd()()();
         }
         if (rf & 2) {
             i0.ɵɵadvance(3);
@@ -1343,14 +1329,11 @@ class MagicConfirmationBoxComponent extends BaseMagicConfirmComponent {
 MagicConfirmationBoxComponent.ɵfac = function () { let ɵMagicConfirmationBoxComponent_BaseFactory; return function MagicConfirmationBoxComponent_Factory(t) { return (ɵMagicConfirmationBoxComponent_BaseFactory || (ɵMagicConfirmationBoxComponent_BaseFactory = i0.ɵɵgetInheritedFactory(MagicConfirmationBoxComponent)))(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) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div");
-            i0.ɵɵelementStart(1, "div", 0);
-            i0.ɵɵelementStart(2, "h2");
+            i0.ɵɵelementStart(0, "div")(1, "div", 0)(2, "h2");
             i0.ɵɵtext(3);
             i0.ɵɵelementEnd();
             i0.ɵɵtext(4);
-            i0.ɵɵelement(5, "br");
-            i0.ɵɵelement(6, "br");
+            i0.ɵɵelement(5, "br")(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");
@@ -1358,9 +1341,7 @@ MagicConfirmationBoxComponent.ɵcmp = i0.ɵɵdefineComponent({ type: MagicConfir
             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.ɵɵelementEnd()()();
         }
         if (rf & 2) {
             i0.ɵɵadvance(3);
@@ -2318,15 +2299,30 @@ TitleMagicService.ɵprov = i0.ɵɵdefineInjectable({ token: TitleMagicService, f
         }], function () { return [{ type: i1$1.Title }]; }, null);
 })();
 
+let COLOR_FILE_NAME = new InjectionToken('colorFile', {
+    providedIn: 'root',
+    factory: () => 'clr_rnt.eng'
+});
 const MAGIC_FG_COLOR = 1;
 const MAGIC_BG_COLOR = 2;
 class MagicColorService {
-    constructor(http) {
+    constructor(http, colorFile1 = 'clr_rnt.eng') {
         this.http = http;
-        this.colorFilePath = 'assets/clr_rnt.eng';
-        this.http.get(this.colorFilePath, { responseType: 'text' }).subscribe(resp => {
-            this.colorsData = resp.replace(/\n/g, '@').split('@');
-        });
+        this.colorFileName = 'clr_rnt.eng';
+        if (colorFile1)
+            this.colorFileName = colorFile1;
+        else
+            this.colorFileName = 'clr_rnt.eng';
+    }
+    getColorFilePath() {
+        return 'assets/' + this.colorFileName;
+    }
+    getColorData() {
+        if (!this.colorsData) {
+            this.http.get(this.getColorFilePath(), { responseType: 'text' }).subscribe(resp => {
+                this.colorsData = resp.replace(/\n/g, '@').split('@');
+            });
+        }
     }
     hexToRgba(hex) {
         let shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])([a-f\d])$/i;
@@ -2343,28 +2339,34 @@ class MagicColorService {
         return 'rgba(' + rgb.red + ',' + rgb.green + ',' + rgb.blue + ',' + rgb.alpha + ')';
     }
     getColor(colorIndex, colorType) {
-        if (this.colorsData && this.colorsData[colorIndex]) {
+        if (!this.colorsData)
+            this.getColorData();
+        if (this.colorsData && this.colorsData[colorIndex - 1]) {
             let hex = '';
             const grayHashCode = '00808080';
             let color = this.colorsData[colorIndex].split(',');
             if (+color[3] <= 1) {
                 switch (colorType) {
                     case MAGIC_FG_COLOR:
-                        hex = ('#' + color[1]);
+                        hex = (color[1]);
                         break;
                     case MAGIC_BG_COLOR:
-                        hex = ('#' + color[2]);
+                        hex = (color[2]);
                         break;
+                    default:
+                        console.log('Please enter valid color type : 1-FG, 2-BG ' + colorIndex);
+                        return '';
                 }
             }
             else
                 hex = grayHashCode;
             return this.hexToRgba('#' + hex);
         }
+        console.log('Could not get color for number ' + colorIndex);
         return '';
     }
 }
-MagicColorService.ɵfac = function MagicColorService_Factory(t) { return new (t || MagicColorService)(i0.ɵɵinject(i1$2.HttpClient)); };
+MagicColorService.ɵfac = function MagicColorService_Factory(t) { return new (t || MagicColorService)(i0.ɵɵinject(i1$2.HttpClient), i0.ɵɵinject(COLOR_FILE_NAME)); };
 MagicColorService.ɵprov = i0.ɵɵdefineInjectable({ token: MagicColorService, factory: MagicColorService.ɵfac, providedIn: 'root' });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MagicColorService, [{
@@ -2372,7 +2374,12 @@ MagicColorService.ɵprov = i0.ɵɵdefineInjectable({ token: MagicColorService, f
             args: [{
                     providedIn: 'root'
                 }]
-        }], function () { return [{ type: i1$2.HttpClient }]; }, null);
+        }], function () {
+        return [{ type: i1$2.HttpClient }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [COLOR_FILE_NAME]
+                    }] }];
+    }, null);
 })();
 
 class AccessorMagicService {
@@ -2721,7 +2728,7 @@ class TaskBaseMagicComponent {
         return this.task.ScreenModeControls;
     }
     ngOnInit() {
-        let subscription = this.task.detectChanges.pipe().subscribe(c => {
+        this.task.detectChanges.pipe().subscribe(c => {
             this.ref.detectChanges();
         });
         this.task.initTask(this.taskIdParam, this.taskDescription);
@@ -3040,7 +3047,6 @@ class NoControlMagicDirective extends MagicDirective {
         }
         if (this.isRadio()) {
             this.htmlElement.addEventListener('change', (e) => {
-                let result = this.task.getFormControl('0', this.id);
                 let guiEvent = getGuiEventObj("selectionchanged", this.id, 0);
                 guiEvent.Value = (e.target).value;
                 this.task.insertEvent(guiEvent);
@@ -3401,7 +3407,7 @@ class MgformatMagicDirective {
         }
     }
     generatePattern(attribute, pic) {
-        let pattern = "";
+        let pattern = '';
         switch (attribute) {
             case StorageAttribute.NUMERIC:
                 pattern = this.generatePatternForNumber(pic);
@@ -3415,14 +3421,14 @@ class MgformatMagicDirective {
     }
     generatePatternForNumber(pic) {
         let patternStr = new StringBuilder();
-        patternStr.Append("^");
+        patternStr.Append('^');
         if (pic.isNegative())
-            patternStr.Append("-?");
+            patternStr.Append('-?');
         if (pic.getWholes())
-            patternStr.AppendFormat("\\d{{0},{1}}", 0, pic.getWholes());
+            patternStr.AppendFormat('\\d{{0},{1}}', 0, pic.getWholes());
         if (pic.getDec())
-            patternStr.AppendFormat("(\\.\\d{1,{0}})?", pic.getDec());
-        patternStr.Append("$");
+            patternStr.AppendFormat('(\\.\\d{1,{0}})?', pic.getDec());
+        patternStr.Append('$');
         return patternStr.ToString();
     }
     isPatternGenerationNeeded(attr, pic) {
@@ -3438,15 +3444,13 @@ class MgformatMagicDirective {
         let cnt = 0;
         let inputAllChars = false;
         let closeSet = false;
-        let val = null;
-        let allowMulitiline = false;
         let mask = pic.getMask();
         let pattern = new StringBuilder();
-        pattern.Append("^");
+        pattern.Append('^');
         for (let i = 0; i < mask.length;) {
             if (inputAllChars && (mask.charCodeAt(i) == PICInterface.PIC_N || mask.charCodeAt(i) == PICInterface.PIC_U || mask.charCodeAt(i) == PICInterface.PIC_L
                 || mask.charCodeAt(i) == PICInterface.PIC_X)) {
-                pattern.Append("(");
+                pattern.Append('(');
                 closeSet = true;
                 inputAllChars = false;
             }
@@ -3456,7 +3460,7 @@ class MgformatMagicDirective {
                 case PICInterface.PIC_X:
                 case PICInterface.PIC_L:
                     {
-                        pattern.Append(".");
+                        pattern.Append('.');
                         let inputAllCharsRef = new RefParam(false);
                         let dirs = PICInterface.PIC_U.toString();
                         dirs += PICInterface.PIC_L.toString();
@@ -3468,7 +3472,7 @@ class MgformatMagicDirective {
                     break;
                 case PICInterface.PIC_N:
                     {
-                        pattern.Append("\\d");
+                        pattern.Append('\\d');
                         let inputAllCharsRef = new RefParam(false);
                         cnt = this.getDirectiveCount(mask, i, PICInterface.PIC_L.toString(), inputAllCharsRef);
                         inputAllChars = inputAllCharsRef.value;
@@ -3481,12 +3485,12 @@ class MgformatMagicDirective {
                     break;
             }
             if (cnt > 0)
-                pattern.AppendFormat("{{0},{1}}", inputAllChars ? cnt : 0, cnt);
+                pattern.AppendFormat('{{0},{1}}', inputAllChars ? cnt : 0, cnt);
             if (closeSet)
-                pattern.Append(")");
+                pattern.Append(')');
             closeSet = false;
         }
-        pattern.Append("$");
+        pattern.Append('$');
         return pattern.ToString();
     }
     getDirectiveCount(mask, idx, pattern, changeInPattern) {
@@ -3697,8 +3701,7 @@ function ErrorMagicComponent_div_0_span_4_Template(rf, ctx) {
 }
 function ErrorMagicComponent_div_0_Template(rf, ctx) {
     if (rf & 1) {
-        i0.ɵɵelementStart(0, "div");
-        i0.ɵɵelementStart(1, "div", null, 1);
+        i0.ɵɵelementStart(0, "div")(1, "div", null, 1);
         i0.ɵɵprojection(3);
         i0.ɵɵelementEnd();
         i0.ɵɵtemplate(4, ErrorMagicComponent_div_0_span_4_Template, 2, 1, "span", 0);
@@ -4300,11 +4303,10 @@ class NonMagicControlDirective {
     regEvents() {
         this.eventHandlers['focusin'] = this.OnFocus.bind(this);
         Object.keys(this.eventHandlers).forEach((key) => {
-            this.focusUnlistener = this.renderer.listen(this.htmlElement, key, this.eventHandlers[key]);
         });
     }
     OnFocus() {
-        this.task.insertEvent(getGuiEventObj('focusOnNonMagicControl', "", -1));
+        this.task.insertEvent(getGuiEventObj('focusOnNonMagicControl', '', -1));
         event.cancelBubble = true;
     }
     ngOnInit() {
@@ -4467,7 +4469,7 @@ class MgDateAdapter extends NativeDateAdapter {
     }
     parse(value) {
         let valueStr = value;
-        let date = 0, month = 0, year = 0, monthStr = null;
+        let date = 0, month = 0, year = 0;
         let mgDateMask = this.mgdtfmt;
         let sep = valueStr.indexOf('/') > 0 ? '/' : '-';
         if (value == null || value == "")
@@ -4476,9 +4478,8 @@ class MgDateAdapter extends NativeDateAdapter {
             this.mgdtfmt = this.task.mgInputDateFormat;
         if ((this.mgdtfmt.indexOf('MMM') > 0) || (this.mgdtfmt.indexOf('MMMM') > 0))
             return new Date(value);
-        let vallen = valueStr.length;
         if (mgDateMask !== null) {
-            for (let i = 0, j = 0; i < mgDateMask.length;) {
+            for (let i = 0; i < mgDateMask.length;) {
                 switch (mgDateMask[i]) {
                     case 'd':
                         {
@@ -4566,14 +4567,6 @@ const magicProviders = [
 ];
 
 class utils {
-    static addChildren(parent, children, selector) {
-        for (var i = 0; i < parent.children.length; i++) {
-            if (typeof parent.children[i].attributes[selector] !== "undefined") {
-                children.push(parent.children[i]);
-            }
-            this.addChildren(parent.children[i], children, selector);
-        }
-    }
     static getDistance(control, x, y) {
         let left = control.clientLeft, top = control.clientTop;
         let dx, dy;
@@ -4635,5 +4628,5 @@ class ModalFormDefinition {
     }
 }
 
-export { AccessorMagicService, BaseMagicAlertComponent, BaseMagicConfirmComponent, BaseMagicOverlayContainer, CHECKBOX_VALUE_ACCESSOR, CheckboxMagicDirective, CheckboxNoFormControlMagicDirective, ComboboxMagicDirective, CommandsCollectorMagicService, ComponentListMagicService, ConfirmationComponentsMagicProvider, Constants, ControlMetadata, ControlsMetadata, DATE_VALUE_ACCESSOR, DateMagicPipe, DateValueAccessor, EngineMagicService, ErrorMagicComponent, ExitMagicService, GuiInteractiveExecutor, HtmlClasses, InputNoFormControlMagicDirective, MAGIC_BG_COLOR, MAGIC_DEFAULT_VALUE_ACCESSOR, MAGIC_FG_COLOR, MG_FORMATS, MagicAlertComponent, MagicCheckboxControlValueAccessor, MagicColorService, MagicConfirmationBoxComponent, MagicDefaultValueAccessor, MagicDirective, MagicFocusDirective, MagicLazyLoaderService, MagicModule, MagicOverlayContainer, MagicOverlayContainerWrapper, MagicServices, MagicShellComponent, MagicViewContainerRef, MgDateAdapter, MgDateFormatter, MgformatMagicDirective, ModalFormDefinition, NoControlMagicDirective, NonMagicControlDirective, OverlayContainerMagicProvider, OverlayWindowService, RangeValidatorMagicDirective, Records, RouteCommand, RouterCommandsMagicService, RouterContainerMagicComponent, RowMagicDirective, StylesMapManager, SubformMagicComponent, SubformMagicService, TableMagicService, TaskBaseMagicComponent, TaskMagicService, TimeMagicPipe, TitleMagicService, basicMagicProviders, confirmationBox, magicProviders, matDateProviders, utils };
+export { AccessorMagicService, BaseMagicAlertComponent, BaseMagicConfirmComponent, BaseMagicOverlayContainer, CHECKBOX_VALUE_ACCESSOR, COLOR_FILE_NAME, CheckboxMagicDirective, CheckboxNoFormControlMagicDirective, ComboboxMagicDirective, CommandsCollectorMagicService, ComponentListMagicService, ConfirmationComponentsMagicProvider, Constants, ControlMetadata, ControlsMetadata, DATE_VALUE_ACCESSOR, DateMagicPipe, DateValueAccessor, EngineMagicService, ErrorMagicComponent, ExitMagicService, GuiInteractiveExecutor, HtmlClasses, InputNoFormControlMagicDirective, MAGIC_BG_COLOR, MAGIC_DEFAULT_VALUE_ACCESSOR, MAGIC_FG_COLOR, MG_FORMATS, MagicAlertComponent, MagicCheckboxControlValueAccessor, MagicColorService, MagicConfirmationBoxComponent, MagicDefaultValueAccessor, MagicDirective, MagicFocusDirective, MagicLazyLoaderService, MagicModule, MagicOverlayContainer, MagicOverlayContainerWrapper, MagicServices, MagicShellComponent, MagicViewContainerRef, MgDateAdapter, MgDateFormatter, MgformatMagicDirective, ModalFormDefinition, NoControlMagicDirective, NonMagicControlDirective, OverlayContainerMagicProvider, OverlayWindowService, RangeValidatorMagicDirective, Records, RouteCommand, RouterCommandsMagicService, RouterContainerMagicComponent, RowMagicDirective, StylesMapManager, SubformMagicComponent, SubformMagicService, TableMagicService, TaskBaseMagicComponent, TaskMagicService, TimeMagicPipe, TitleMagicService, basicMagicProviders, confirmationBox, magicProviders, matDateProviders, utils };
 //# sourceMappingURL=magic-xpa-angular.mjs.map