@magic-xpa/angular 4.1000.0-dev4100.349 → 4.1000.0-dev4100.354

package/fesm2015/magic-xpa-angular.mjs

@@ -15,8 +15,10 @@ import { filter, map, debounceTime } from 'rxjs/operators';
 import { Subject, fromEvent } from 'rxjs';
 import { __awaiter, __decorate, __metadata } from 'tslib';
 import * as i1$1 from '@angular/platform-browser';
+import { maskitoTimeOptionsGenerator } from '@maskito/kit';
 import * as i1$2 from '@angular/common/http';
 import { HttpClientModule } from '@angular/common/http';
+import { MaskitoModule } from '@maskito/angular';
 import { NativeDateAdapter, MAT_DATE_LOCALE, DateAdapter, MAT_DATE_FORMATS } from '@angular/material/core';
 import * as i1$3 from '@angular/cdk/platform';
 
@@ -2329,6 +2331,9 @@ class AccessorMagicService {
         this.task = task;
         this.magicColor = magicColor;
         this.Logger = null;
+        this.hhmm = maskitoTimeOptionsGenerator({ mode: 'HH:MM' });
+        this.hhmmss = maskitoTimeOptionsGenerator({ mode: 'HH:MM:SS' });
+        this.hhmmssms = maskitoTimeOptionsGenerator({ mode: 'HH:MM:SS.MSS' });
         this.Logger = Logger.Instance;
     }
     checkIsReadOnly(controlId) {
@@ -3386,6 +3391,17 @@ class MgformatMagicDirective {
                     input.value = `${value.slice(0, 2)}` + separator + `${value.slice(2, 5)}` + separator + `${value.slice(5, 7)}`;
                 }
             }
+            else if (this._task.mgInputDateFormat == "dd/MMM/yyyy" || this._task.mgInputDateFormat == "dd-MMM-yyyy") {
+                if (value.length <= 2) {
+                    input.value = value;
+                }
+                else if (value.length <= 5) {
+                    input.value = `${value.slice(0, 2)}` + separator + `${value.slice(2)}`;
+                }
+                else {
+                    input.value = `${value.slice(0, 2)}` + separator + `${value.slice(2, 5)}` + separator + `${value.slice(5, 9)}`;
+                }
+            }
             else if (this._task.mgInputDateFormat == "yy/dd/MMM" || this._task.mgInputDateFormat == "yy-dd-MMM") {
                 if (value.length <= 2) {
                     input.value = value;
@@ -3431,6 +3447,14 @@ class MgformatMagicDirective {
                 }
             }
         }
+        if (cursorPos < input.value.length && input.value.length > this._task.mgInputDateFormat.length) {
+            let inputDate = input.value;
+            let start = input.selectionStart - 1;
+            let end = input.selectionEnd - 1;
+            let indexToRemove = input.selectionStart - 1;
+            input.value = inputDate.slice(0, indexToRemove) + inputDate.slice(indexToRemove + 1);
+            input.setSelectionRange(start, end);
+        }
     }
     onChangeEvent($event) {
         let control = this._task.getFormControl(this.magicDir.rowId, this.magicDir.id);
@@ -4457,13 +4481,13 @@ MagicModule.ɵinj = i0.ɵɵdefineInjector({ providers: [ConfirmationComponentsMa
         ReactiveFormsModule,
         RouterModule,
         DynamicModule,
-        HttpClientModule] });
+        HttpClientModule, MaskitoModule] });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MagicModule, [{
             type: NgModule,
             args: [{
                     declarations: [...decs],
-                    exports: [...decs],
+                    exports: [...decs, MaskitoModule],
                     entryComponents: [],
                     imports: [
                         CommonModule,
@@ -4537,7 +4561,7 @@ MagicModule.ɵinj = i0.ɵɵdefineInjector({ providers: [ConfirmationComponentsMa
             RangeValidatorMagicDirective,
             NonMagicControlDirective,
             MagicFocusDirective,
-            MagicViewContainerRef] });
+            MagicViewContainerRef, MaskitoModule] });
 })();
 
 const MG_FORMATS = {