@magic-xpa/angular 4.801.6 → 4.900.0-dev490.101

package/fesm2020/magic-xpa-angular.mjs

@@ -2552,7 +2552,7 @@ class AccessorMagicService {
         if (c.hasError('maxlength'))
             return 'Max length allowed is : ' + c.errors.maxlength.requiredLength;
         if (c.hasError('max'))
-            return 'Max value alllowed is : ' + c.errors.max.max;
+            return 'Max value allowed is : ' + c.errors.max.max;
         let controlMetadata = this.task.Records.list[rowId].getControlMetadata(id);
         for (let key of controlMetadata.customValidators.keys()) {
             if (c.hasError(key)) {
@@ -2929,15 +2929,15 @@ class MagicDirective {
     }
     handleSetProperty(command) {
         switch (command.Operation) {
-            case HtmlProperties.ReadOnly: {
-                if (command.obj.Type == MgControlType.CTRL_TYPE_TEXT) {
-                    if (command.obj1 != true)
-                        this.renderer.removeAttribute(this.htmlElement, command.Operation);
-                    else
-                        this.renderer.setAttribute(this.htmlElement, command.Operation, command.str);
+            case HtmlProperties.ReadOnly:
+                {
+                    if (command.obj.Type == MgControlType.CTRL_TYPE_TEXT)
+                        if (command.obj1 != true)
+                            this.renderer.removeAttribute(this.htmlElement, command.Operation);
+                        else
+                            this.renderer.setAttribute(this.htmlElement, command.Operation, command.str);
                 }
                 break;
-            }
         }
     }
     ngOnDestroy() {
@@ -3258,6 +3258,25 @@ class MgformatMagicDirective {
         }
     }
     onFocusEvent($event) {
+        this.calculatePattern();
+    }
+    onInputEvent($event) {
+        this.calculatePattern();
+    }
+    onChangeEvent($event) {
+        let control = this._task.getFormControl(this.magicDir.rowId, this.magicDir.id);
+        let attr = this._task.Records.list[0].getControlMetadata(this.magicDir.id).dataType;
+        switch (attr) {
+            case StorageAttribute.ALPHA:
+            case StorageAttribute.UNICODE:
+                this.formatAlphaUnicode(control);
+                break;
+            case StorageAttribute.BOOLEAN:
+                this.formatBoolean(control);
+                break;
+        }
+    }
+    calculatePattern() {
         let control = this._task.getFormControl(this.magicDir.rowId, this.magicDir.id);
         if (control != null) {
             let attr = this._task.Records.list[0].getControlMetadata(this.magicDir.id).dataType;
@@ -3272,28 +3291,13 @@ class MgformatMagicDirective {
                 }
                 else {
                     if (attr == StorageAttribute.ALPHA || attr == StorageAttribute.UNICODE) {
-                        if (control.validator == null)
-                            control.setValidators(Validators.maxLength(pic.getMaskLength()));
-                        else
-                            control.setValidators([control.validator, Validators.maxLength(pic.getMaskLength())]);
+                        control.setValidators(Validators.maxLength(pic.getMaskLength()));
+                        control.updateValueAndValidity();
                     }
                 }
             }
         }
     }
-    onChangeEvent($event) {
-        let control = this._task.getFormControl(this.magicDir.rowId, this.magicDir.id);
-        let attr = this._task.Records.list[0].getControlMetadata(this.magicDir.id).dataType;
-        switch (attr) {
-            case StorageAttribute.ALPHA:
-            case StorageAttribute.UNICODE:
-                this.formatAlphaUnicode(control);
-                break;
-            case StorageAttribute.BOOLEAN:
-                this.formatBoolean(control);
-                break;
-        }
-    }
     formatDate(pic) {
         let mgDateFormatter = new MgDateFormatter();
         this._task.mgInputDateFormat = mgDateFormatter.ConvertMgDateFormatToAngular(pic.getMask());
@@ -3442,7 +3446,7 @@ class 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) { 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.ɵɵlistener("focus", function MgformatMagicDirective_focus_HostBindingHandler($event) { return ctx.onFocusEvent($event); })("input", function MgformatMagicDirective_input_HostBindingHandler($event) { return ctx.onInputEvent($event); })("change", function MgformatMagicDirective_change_HostBindingHandler($event) { return ctx.onChangeEvent($event); });
     } } });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MgformatMagicDirective, [{
         type: Directive,
@@ -3452,6 +3456,9 @@ MgformatMagicDirective.ɵdir = i0.ɵɵdefineDirective({ type: MgformatMagicDirec
     }], function () { return [{ type: MagicDirective }, { type: TaskMagicService }]; }, { onFocusEvent: [{
             type: HostListener,
             args: ['focus', ['$event']]
+        }], onInputEvent: [{
+            type: HostListener,
+            args: ['input', ['$event']]
         }], onChangeEvent: [{
             type: HostListener,
             args: ['change', ['$event']]