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

package/fesm2020/magic-xpa-angular.mjs

@@ -17,6 +17,8 @@ import { __decorate, __metadata } from 'tslib';
 import * as i1$1 from '@angular/platform-browser';
 import * as i1$2 from '@angular/common/http';
 import { HttpClientModule } from '@angular/common/http';
+import { maskitoTimeOptionsGenerator } from '@maskito/kit';
+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';
 
@@ -2259,6 +2261,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) {
@@ -3296,6 +3301,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;
@@ -3341,6 +3357,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);
@@ -4285,12 +4309,12 @@ 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,
@@ -4362,7 +4386,7 @@ MagicModule.ɵinj = i0.ɵɵdefineInjector({ providers: [ConfirmationComponentsMa
         RangeValidatorMagicDirective,
         NonMagicControlDirective,
         MagicFocusDirective,
-        MagicViewContainerRef] }); })();
+        MagicViewContainerRef, MaskitoModule] }); })();
 
 const MG_FORMATS = {
     parse: { dateInput: { month: 'short', year: 'numeric', day: 'numeric' } },