@magic-xpa/angular 4.801.0-dev481.297 → 4.801.0-dev481.301

package/fesm2020/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, Directive, EventEmitter, ViewChild, HostListener, Optional, Pipe, forwardRef, NgModule } from '@angular/core';
+import { Injectable, Component, Input, Output, Directive, EventEmitter, 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';
@@ -831,8 +831,7 @@ function MagicOverlayContainer_div_5_Template(rf, ctx) { if (rf & 1) {
     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();
     i0.ɵɵadvance(2);
@@ -917,8 +916,7 @@ MagicOverlayContainer.ɵcmp = i0.ɵɵdefineComponent({ type: MagicOverlayContain
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.headerElementRef = _t.first);
         i0.ɵɵqueryRefresh(_t = i0.ɵɵ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) { 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();
@@ -926,9 +924,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);
         i0.ɵɵproperty("ngIf", !ctx.getShowTitleBar());
@@ -1176,9 +1172,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");
@@ -1187,9 +1181,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);
         i0.ɵɵtextInterpolate1(" ", ctx.title, "");
@@ -1244,14 +1236,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");
@@ -1259,9 +1248,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);
         i0.ɵɵtextInterpolate1(" ", ctx.title, "");
@@ -2246,15 +2233,30 @@ TitleMagicService.ɵprov = i0.ɵɵdefineInjectable({ token: TitleMagicService, f
         type: Injectable
     }], 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;
@@ -2271,35 +2273,44 @@ 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, [{
         type: Injectable,
         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 {
     constructor(task, magicColor) {
@@ -3580,8 +3591,7 @@ function ErrorMagicComponent_div_0_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵ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.ɵɵ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);
@@ -4440,5 +4450,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