@ptsecurity/mosaic 14.0.0 → 14.1.0

package/fesm2015/ptsecurity-mosaic-core.mjs

@@ -6,7 +6,6 @@ import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coerci
 import MessageFormat from '@messageformat/core';
 import * as i1 from '@ptsecurity/cdk/datetime';
 import { MC_DATE_LOCALE } from '@ptsecurity/cdk/datetime';
-import { RequiredValidator } from '@angular/forms';
 import * as i2 from '@angular/common';
 import { CommonModule, DOCUMENT } from '@angular/common';
 import * as i1$2 from '@angular/cdk/overlay';
@@ -1184,6 +1183,189 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                     }] }];
     } });
 
+class AbsoluteDateFormatterPipe {
+    constructor(formatter) {
+        this.formatter = formatter;
+    }
+    transform(value, currYear) {
+        return this.formatter.absoluteLongDate(value, currYear);
+    }
+}
+/** @nocollapse */ AbsoluteDateFormatterPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AbsoluteDateFormatterPipe, deps: [{ token: DateFormatter }], target: i0.ɵɵFactoryTarget.Pipe });
+/** @nocollapse */ AbsoluteDateFormatterPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.1.2", ngImport: i0, type: AbsoluteDateFormatterPipe, name: "absoluteLongDate" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AbsoluteDateFormatterPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'absoluteLongDate' }]
+        }], ctorParameters: function () { return [{ type: DateFormatter }]; } });
+class AbsoluteDateTimeFormatterPipe {
+    constructor(formatter) {
+        this.formatter = formatter;
+    }
+    transform(value, options) {
+        return this.formatter.absoluteLongDateTime(value, options);
+    }
+}
+/** @nocollapse */ AbsoluteDateTimeFormatterPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AbsoluteDateTimeFormatterPipe, deps: [{ token: DateFormatter }], target: i0.ɵɵFactoryTarget.Pipe });
+/** @nocollapse */ AbsoluteDateTimeFormatterPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.1.2", ngImport: i0, type: AbsoluteDateTimeFormatterPipe, name: "absoluteLongDateTime" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AbsoluteDateTimeFormatterPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'absoluteLongDateTime' }]
+        }], ctorParameters: function () { return [{ type: DateFormatter }]; } });
+class AbsoluteDateShortFormatterPipe {
+    constructor(formatter) {
+        this.formatter = formatter;
+    }
+    transform(value, currYear) {
+        return this.formatter.absoluteShortDate(value, currYear);
+    }
+}
+/** @nocollapse */ AbsoluteDateShortFormatterPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AbsoluteDateShortFormatterPipe, deps: [{ token: DateFormatter }], target: i0.ɵɵFactoryTarget.Pipe });
+/** @nocollapse */ AbsoluteDateShortFormatterPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.1.2", ngImport: i0, type: AbsoluteDateShortFormatterPipe, name: "absoluteShortDate" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AbsoluteDateShortFormatterPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'absoluteShortDate' }]
+        }], ctorParameters: function () { return [{ type: DateFormatter }]; } });
+class AbsoluteShortDateTimeFormatterPipe {
+    constructor(formatter) {
+        this.formatter = formatter;
+    }
+    transform(value, options) {
+        return this.formatter.absoluteShortDateTime(value, options);
+    }
+}
+/** @nocollapse */ AbsoluteShortDateTimeFormatterPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AbsoluteShortDateTimeFormatterPipe, deps: [{ token: DateFormatter }], target: i0.ɵɵFactoryTarget.Pipe });
+/** @nocollapse */ AbsoluteShortDateTimeFormatterPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.1.2", ngImport: i0, type: AbsoluteShortDateTimeFormatterPipe, name: "absoluteShortDateTime" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AbsoluteShortDateTimeFormatterPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'absoluteShortDateTime' }]
+        }], ctorParameters: function () { return [{ type: DateFormatter }]; } });
+class RelativeDateFormatterPipe {
+    constructor(formatter) {
+        this.formatter = formatter;
+    }
+    transform(value) {
+        return this.formatter.relativeLongDate(value);
+    }
+}
+/** @nocollapse */ RelativeDateFormatterPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: RelativeDateFormatterPipe, deps: [{ token: DateFormatter }], target: i0.ɵɵFactoryTarget.Pipe });
+/** @nocollapse */ RelativeDateFormatterPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.1.2", ngImport: i0, type: RelativeDateFormatterPipe, name: "relativeLongDate" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: RelativeDateFormatterPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'relativeLongDate' }]
+        }], ctorParameters: function () { return [{ type: DateFormatter }]; } });
+class RelativeDateTimeFormatterPipe {
+    constructor(formatter) {
+        this.formatter = formatter;
+    }
+    transform(value, options) {
+        return this.formatter.relativeLongDateTime(value, options);
+    }
+}
+/** @nocollapse */ RelativeDateTimeFormatterPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: RelativeDateTimeFormatterPipe, deps: [{ token: DateFormatter }], target: i0.ɵɵFactoryTarget.Pipe });
+/** @nocollapse */ RelativeDateTimeFormatterPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.1.2", ngImport: i0, type: RelativeDateTimeFormatterPipe, name: "relativeLongDateTime" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: RelativeDateTimeFormatterPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'relativeLongDateTime' }]
+        }], ctorParameters: function () { return [{ type: DateFormatter }]; } });
+class RelativeShortDateFormatterPipe {
+    constructor(formatter) {
+        this.formatter = formatter;
+    }
+    transform(value) {
+        return this.formatter.relativeShortDate(value);
+    }
+}
+/** @nocollapse */ RelativeShortDateFormatterPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: RelativeShortDateFormatterPipe, deps: [{ token: DateFormatter }], target: i0.ɵɵFactoryTarget.Pipe });
+/** @nocollapse */ RelativeShortDateFormatterPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.1.2", ngImport: i0, type: RelativeShortDateFormatterPipe, name: "relativeShortDate" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: RelativeShortDateFormatterPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'relativeShortDate' }]
+        }], ctorParameters: function () { return [{ type: DateFormatter }]; } });
+class RelativeShortDateTimeFormatterPipe {
+    constructor(formatter) {
+        this.formatter = formatter;
+    }
+    transform(value, options) {
+        return this.formatter.relativeShortDateTime(value, options);
+    }
+}
+/** @nocollapse */ RelativeShortDateTimeFormatterPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: RelativeShortDateTimeFormatterPipe, deps: [{ token: DateFormatter }], target: i0.ɵɵFactoryTarget.Pipe });
+/** @nocollapse */ RelativeShortDateTimeFormatterPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.1.2", ngImport: i0, type: RelativeShortDateTimeFormatterPipe, name: "relativeShortDateTime" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: RelativeShortDateTimeFormatterPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'relativeShortDateTime' }]
+        }], ctorParameters: function () { return [{ type: DateFormatter }]; } });
+class RangeDateFormatterPipe {
+    constructor(formatter) {
+        this.formatter = formatter;
+    }
+    transform([value1, value2]) {
+        return this.formatter.rangeLongDate(value1, value2);
+    }
+}
+/** @nocollapse */ RangeDateFormatterPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: RangeDateFormatterPipe, deps: [{ token: DateFormatter }], target: i0.ɵɵFactoryTarget.Pipe });
+/** @nocollapse */ RangeDateFormatterPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.1.2", ngImport: i0, type: RangeDateFormatterPipe, name: "rangeLongDate" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: RangeDateFormatterPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'rangeLongDate' }]
+        }], ctorParameters: function () { return [{ type: DateFormatter }]; } });
+class RangeShortDateFormatterPipe {
+    constructor(formatter) {
+        this.formatter = formatter;
+    }
+    transform([value1, value2]) {
+        return this.formatter.rangeShortDate(value1, value2);
+    }
+}
+/** @nocollapse */ RangeShortDateFormatterPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: RangeShortDateFormatterPipe, deps: [{ token: DateFormatter }], target: i0.ɵɵFactoryTarget.Pipe });
+/** @nocollapse */ RangeShortDateFormatterPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.1.2", ngImport: i0, type: RangeShortDateFormatterPipe, name: "rangeShortDate" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: RangeShortDateFormatterPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'rangeShortDate' }]
+        }], ctorParameters: function () { return [{ type: DateFormatter }]; } });
+class RangeDateTimeFormatterPipe {
+    constructor(formatter) {
+        this.formatter = formatter;
+    }
+    transform([value1, value2], options) {
+        return this.formatter.rangeLongDateTime(value1, value2, options);
+    }
+}
+/** @nocollapse */ RangeDateTimeFormatterPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: RangeDateTimeFormatterPipe, deps: [{ token: DateFormatter }], target: i0.ɵɵFactoryTarget.Pipe });
+/** @nocollapse */ RangeDateTimeFormatterPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.1.2", ngImport: i0, type: RangeDateTimeFormatterPipe, name: "rangeLongDateTime" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: RangeDateTimeFormatterPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'rangeLongDateTime' }]
+        }], ctorParameters: function () { return [{ type: DateFormatter }]; } });
+class RangeMiddleDateTimeFormatterPipe {
+    constructor(formatter) {
+        this.formatter = formatter;
+    }
+    transform([value1, value2], options) {
+        return this.formatter.rangeMiddleDateTime(value1, value2, options);
+    }
+}
+/** @nocollapse */ RangeMiddleDateTimeFormatterPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: RangeMiddleDateTimeFormatterPipe, deps: [{ token: DateFormatter }], target: i0.ɵɵFactoryTarget.Pipe });
+/** @nocollapse */ RangeMiddleDateTimeFormatterPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.1.2", ngImport: i0, type: RangeMiddleDateTimeFormatterPipe, name: "rangeMiddleDateTime" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: RangeMiddleDateTimeFormatterPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'rangeMiddleDateTime' }]
+        }], ctorParameters: function () { return [{ type: DateFormatter }]; } });
+class RangeShortDateTimeFormatterPipe {
+    constructor(formatter) {
+        this.formatter = formatter;
+    }
+    transform([value1, value2], options) {
+        return this.formatter.rangeShortDateTime(value1, value2, options);
+    }
+}
+/** @nocollapse */ RangeShortDateTimeFormatterPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: RangeShortDateTimeFormatterPipe, deps: [{ token: DateFormatter }], target: i0.ɵɵFactoryTarget.Pipe });
+/** @nocollapse */ RangeShortDateTimeFormatterPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.1.2", ngImport: i0, type: RangeShortDateTimeFormatterPipe, name: "rangeShortDateTime" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: RangeShortDateTimeFormatterPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'rangeShortDateTime' }]
+        }], ctorParameters: function () { return [{ type: DateFormatter }]; } });
+
 /* tslint:disable:naming-convention */
 const MC_LOCALE_ID = new InjectionToken('McLocaleId');
 const DEFAULT_MC_LOCALE_ID = 'ru';
@@ -1286,13 +1468,69 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
 class McFormattersModule {
 }
 /** @nocollapse */ McFormattersModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: McFormattersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ McFormattersModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.2", ngImport: i0, type: McFormattersModule, declarations: [McDecimalPipe], exports: [McDecimalPipe] });
+/** @nocollapse */ McFormattersModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.2", ngImport: i0, type: McFormattersModule, declarations: [McDecimalPipe,
+        AbsoluteDateFormatterPipe,
+        AbsoluteDateTimeFormatterPipe,
+        AbsoluteDateShortFormatterPipe,
+        AbsoluteShortDateTimeFormatterPipe,
+        RelativeDateFormatterPipe,
+        RelativeDateTimeFormatterPipe,
+        RelativeShortDateFormatterPipe,
+        RelativeShortDateTimeFormatterPipe,
+        RangeDateFormatterPipe,
+        RangeShortDateFormatterPipe,
+        RangeDateTimeFormatterPipe,
+        RangeShortDateTimeFormatterPipe,
+        RangeMiddleDateTimeFormatterPipe], exports: [McDecimalPipe,
+        AbsoluteDateFormatterPipe,
+        AbsoluteDateTimeFormatterPipe,
+        AbsoluteDateShortFormatterPipe,
+        AbsoluteShortDateTimeFormatterPipe,
+        RelativeDateFormatterPipe,
+        RelativeDateTimeFormatterPipe,
+        RelativeShortDateFormatterPipe,
+        RelativeShortDateTimeFormatterPipe,
+        RangeDateFormatterPipe,
+        RangeShortDateFormatterPipe,
+        RangeDateTimeFormatterPipe,
+        RangeShortDateTimeFormatterPipe,
+        RangeMiddleDateTimeFormatterPipe] });
 /** @nocollapse */ McFormattersModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: McFormattersModule, providers: [DateFormatter] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: McFormattersModule, decorators: [{
             type: NgModule,
             args: [{
-                    exports: [McDecimalPipe],
-                    declarations: [McDecimalPipe],
+                    declarations: [
+                        McDecimalPipe,
+                        AbsoluteDateFormatterPipe,
+                        AbsoluteDateTimeFormatterPipe,
+                        AbsoluteDateShortFormatterPipe,
+                        AbsoluteShortDateTimeFormatterPipe,
+                        RelativeDateFormatterPipe,
+                        RelativeDateTimeFormatterPipe,
+                        RelativeShortDateFormatterPipe,
+                        RelativeShortDateTimeFormatterPipe,
+                        RangeDateFormatterPipe,
+                        RangeShortDateFormatterPipe,
+                        RangeDateTimeFormatterPipe,
+                        RangeShortDateTimeFormatterPipe,
+                        RangeMiddleDateTimeFormatterPipe
+                    ],
+                    exports: [
+                        McDecimalPipe,
+                        AbsoluteDateFormatterPipe,
+                        AbsoluteDateTimeFormatterPipe,
+                        AbsoluteDateShortFormatterPipe,
+                        AbsoluteShortDateTimeFormatterPipe,
+                        RelativeDateFormatterPipe,
+                        RelativeDateTimeFormatterPipe,
+                        RelativeShortDateFormatterPipe,
+                        RelativeShortDateTimeFormatterPipe,
+                        RangeDateFormatterPipe,
+                        RangeShortDateFormatterPipe,
+                        RangeDateTimeFormatterPipe,
+                        RangeShortDateTimeFormatterPipe,
+                        RangeMiddleDateTimeFormatterPipe
+                    ],
                     providers: [DateFormatter]
                 }]
         }] });
@@ -1300,118 +1538,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
 const validationTooltipShowDelay = 10;
 const validationTooltipHideDelay = 3000;
 const MC_VALIDATION = new InjectionToken('McUseValidation', { factory: () => ({ useValidation: true }) });
-function setValidState(control, validator) {
-    if (!control) {
-        return;
-    }
-    control.clearValidators();
-    control.updateValueAndValidity({ emitEvent: false });
-    control.setValidators(validator);
-}
-/** This function do next:
- * - run validation on submitting parent form
- * - prevent validation in required validator if form doesn't submitted
- * - if control has focus validation will be prevented
- */
-function setMosaicValidation(component, cdr) {
-    const ngControl = component.ngControl;
-    if (!ngControl) {
-        return;
-    }
-    const parentForm = component.parentForm || component.parentFormGroup;
-    if (parentForm) {
-        parentForm.ngSubmit.subscribe(() => {
-            // tslint:disable-next-line: no-unnecessary-type-assertion
-            ngControl.control.updateValueAndValidity({ emitEvent: false });
-        });
-    }
-    if (component.ngModel) {
-        setMosaicValidationForModelControl(component, component.rawValidators, parentForm);
-    }
-    else if (component.formControlName || component.ngControl) {
-        setMosaicValidationForFormControl(component, parentForm, ngControl, cdr);
-    }
-}
-function setMosaicValidationForModelControl(component, validators, parentForm) {
-    if (!validators) {
-        return;
-    }
-    validators.forEach((validator) => {
-        // tslint:disable-next-line: no-unbound-method
-        const originalValidate = validator.validate;
-        if (validator instanceof RequiredValidator) {
-            // changed required validation logic
-            validator.validate = (control) => {
-                if (parentForm && !parentForm.submitted) {
-                    return null;
-                }
-                return originalValidate.call(validator, control);
-            };
-        }
-        else {
-            // changed all other validation logic
-            validator.validate = (control) => {
-                if (component.focused) {
-                    return null;
-                }
-                return originalValidate.call(validator, control);
-            };
-        }
-    });
-}
-function setMosaicValidationForFormControl(component, parentForm, ngControl, cdr) {
-    const originalValidator = ngControl.control.validator;
-    // changed required validation logic after initialization
-    if (ngControl.invalid && ngControl.errors.required) {
-        Promise.resolve().then(() => {
-            setValidState(ngControl.control, originalValidator);
-            if (cdr) {
-                cdr.markForCheck();
-            }
-        });
-    }
-    // check dynamic updates
-    ngControl.statusChanges
-        .subscribe(() => {
-        // changed required validation logic
-        if (ngControl.invalid && (parentForm && !parentForm.submitted) && ngControl.errors.required) {
-            setValidState(ngControl.control, originalValidator);
-        }
-        // changed all other validation logic
-        if (ngControl.invalid && component.focused) {
-            setValidState(ngControl.control, originalValidator);
-        }
-    });
-}
-// this validation used in datepicker and timepicker
-function setMosaicValidationForCustomFormControl(component, cdr) {
-    var _a;
-    const originalValidator = component.control.validator;
-    const parentForm = component.parentForm || component.parentFormGroup;
-    parentForm === null || parentForm === void 0 ? void 0 : parentForm.ngSubmit.subscribe(() => {
-        // tslint:disable-next-line: no-unnecessary-type-assertion
-        component.control.updateValueAndValidity({ emitEvent: false });
-    });
-    // changed required validation logic after initialization
-    if ((_a = component.control.errors) === null || _a === void 0 ? void 0 : _a.required) {
-        Promise.resolve().then(() => {
-            setValidState(component.control, originalValidator);
-            cdr === null || cdr === void 0 ? void 0 : cdr.markForCheck();
-        });
-    }
-    // check dynamic updates
-    component.control.statusChanges
-        .subscribe(() => {
-        // changed required validation logic
-        if (component.control.invalid && (parentForm && !parentForm.submitted) && component.control.errors.required) {
-            setValidState(component.control, originalValidator);
-        }
-        // changed all other validation logic
-        if (component.control.invalid && component.focused) {
-            setValidState(component.control, originalValidator);
-        }
-    });
-}
 
 class McHighlightPipe {
     transform(value, args) {
@@ -2545,7 +2671,8 @@ class McPopUpTrigger {
         this.listeners = new Map();
         this.destroyed = new Subject();
         this.detach = () => {
-            if (this.overlayRef && this.overlayRef.hasAttached()) {
+            var _a;
+            if ((_a = this.overlayRef) === null || _a === void 0 ? void 0 : _a.hasAttached()) {
                 this.overlayRef.detach();
             }
             this.instance = null;
@@ -2580,9 +2707,8 @@ class McPopUpTrigger {
         this.initListeners();
     }
     ngOnDestroy() {
-        if (this.overlayRef) {
-            this.overlayRef.dispose();
-        }
+        var _a;
+        (_a = this.overlayRef) === null || _a === void 0 ? void 0 : _a.dispose();
         this.listeners.forEach(this.removeEventListener);
         this.listeners.clear();
         this.destroyed.next();
@@ -2634,6 +2760,7 @@ class McPopUpTrigger {
             return;
         }
         this.overlayRef = this.createOverlay();
+        this.subscribeOnClosingActions();
         this.detach();
         this.portal = this.portal || new ComponentPortal(this.getOverlayHandleComponentType(), this.hostView);
         this.instance = this.overlayRef.attach(this.portal).instance;
@@ -2674,12 +2801,7 @@ class McPopUpTrigger {
             .pipe(takeUntil(this.destroyed))
             .subscribe(this.onPositionChange);
         this.overlayRef = this.overlay.create(Object.assign(Object.assign({}, this.overlayConfig), { direction: this.direction, positionStrategy: strategy, scrollStrategy: this.scrollStrategy() }));
-        this.closingActions()
-            .pipe(takeUntil(this.destroyed))
-            .pipe(delay(0))
-            .subscribe(() => this.hide());
-        this.overlayRef.outsidePointerEvents()
-            .subscribe(() => this.instance.handleBodyInteraction());
+        this.subscribeOnClosingActions();
         this.overlayRef.detachments()
             .pipe(takeUntil(this.destroyed))
             .subscribe(this.detach);
@@ -2708,6 +2830,7 @@ class McPopUpTrigger {
     /** Updates the position of the current popover. */
     updatePosition(reapplyPosition = false) {
         this.overlayRef = this.createOverlay();
+        this.subscribeOnClosingActions();
         const position = this.overlayRef.getConfig().positionStrategy
             .withPositions(this.getPrioritizedPositions())
             .withPush(true);
@@ -2740,6 +2863,14 @@ class McPopUpTrigger {
         this.listeners.forEach(this.removeEventListener);
         this.listeners.clear();
     }
+    subscribeOnClosingActions() {
+        var _a;
+        (_a = this.closingActionsSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        this.closingActionsSubscription = this.closingActions()
+            .pipe(takeUntil(this.destroyed))
+            .pipe(delay(0))
+            .subscribe(() => this.hide());
+    }
 }
 /** @nocollapse */ McPopUpTrigger.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: McPopUpTrigger, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
 /** @nocollapse */ McPopUpTrigger.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.2", type: McPopUpTrigger, ngImport: i0 });
@@ -2751,5 +2882,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AnimationCurves, BOTTOM_LEFT_POSITION_PRIORITY, BOTTOM_POSITION_PRIORITY, BOTTOM_RIGHT_POSITION_PRIORITY, DEFAULT_MC_LOCALE_ID, DateFormatter, EXTENDED_OVERLAY_POSITIONS, ErrorStateMatcher, LEFT_BOTTOM_POSITION_PRIORITY, LEFT_POSITION_PRIORITY, LEFT_TOP_POSITION_PRIORITY, MC_LABEL_GLOBAL_OPTIONS, MC_LOCALE_ID, MC_OPTION_ACTION_PARENT, MC_OPTION_PARENT_COMPONENT, MC_SANITY_CHECKS, MC_SELECT_SCROLL_STRATEGY, MC_SELECT_SCROLL_STRATEGY_PROVIDER, MC_VALIDATION, McCommonModule, McDecimalPipe, McForm, McFormElement, McFormattersModule, McFormsModule, McHighlightModule, McHighlightPipe, McLine, McLineModule, McLineSetter, McMeasureScrollbarService, McOptgroup, McOptgroupBase, McOptgroupMixinBase, McOption, McOptionActionBase, McOptionActionComponent, McOptionActionMixinBase, McOptionModule, McOptionSelectionChange, McPopUp, McPopUpTrigger, McPseudoCheckbox, McPseudoCheckboxBase, McPseudoCheckboxMixinBase, McPseudoCheckboxModule, MultipleMode, NUMBER_FORMAT_REGEXP, POSITION_MAP, POSITION_PRIORITY_STRATEGY, POSITION_TO_CSS_MAP, PopUpPlacements, PopUpSizes, PopUpTriggers, PopUpVisibility, RIGHT_BOTTOM_POSITION_PRIORITY, RIGHT_POSITION_PRIORITY, RIGHT_TOP_POSITION_PRIORITY, SELECT_PANEL_INDENT_PADDING_X, SELECT_PANEL_MAX_HEIGHT, SELECT_PANEL_PADDING_X, SELECT_PANEL_VIEWPORT_PADDING, ShowOnDirtyErrorStateMatcher, TOP_LEFT_POSITION_PRIORITY, TOP_POSITION_PRIORITY, TOP_RIGHT_POSITION_PRIORITY, ThemePalette, VERSION, countGroupLabelsBeforeOption, fadeAnimation, getMcSelectDynamicMultipleError, getMcSelectNonArrayValueError, getMcSelectNonFunctionValueError, getOptionScrollPosition, isBoolean, mcSelectAnimations, mcSelectScrollStrategyProviderFactory, mixinColor, mixinDisabled, mixinErrorState, mixinTabIndex, selectEvents, setMosaicValidation, setMosaicValidationForCustomFormControl, setMosaicValidationForFormControl, setMosaicValidationForModelControl, setValidState, toBoolean, validationTooltipHideDelay, validationTooltipShowDelay };
+export { AbsoluteDateFormatterPipe, AbsoluteDateShortFormatterPipe, AbsoluteDateTimeFormatterPipe, AbsoluteShortDateTimeFormatterPipe, AnimationCurves, BOTTOM_LEFT_POSITION_PRIORITY, BOTTOM_POSITION_PRIORITY, BOTTOM_RIGHT_POSITION_PRIORITY, DEFAULT_MC_LOCALE_ID, DateFormatter, EXTENDED_OVERLAY_POSITIONS, ErrorStateMatcher, LEFT_BOTTOM_POSITION_PRIORITY, LEFT_POSITION_PRIORITY, LEFT_TOP_POSITION_PRIORITY, MC_LABEL_GLOBAL_OPTIONS, MC_LOCALE_ID, MC_OPTION_ACTION_PARENT, MC_OPTION_PARENT_COMPONENT, MC_SANITY_CHECKS, MC_SELECT_SCROLL_STRATEGY, MC_SELECT_SCROLL_STRATEGY_PROVIDER, MC_VALIDATION, McCommonModule, McDecimalPipe, McForm, McFormElement, McFormattersModule, McFormsModule, McHighlightModule, McHighlightPipe, McLine, McLineModule, McLineSetter, McMeasureScrollbarService, McOptgroup, McOptgroupBase, McOptgroupMixinBase, McOption, McOptionActionBase, McOptionActionComponent, McOptionActionMixinBase, McOptionModule, McOptionSelectionChange, McPopUp, McPopUpTrigger, McPseudoCheckbox, McPseudoCheckboxBase, McPseudoCheckboxMixinBase, McPseudoCheckboxModule, MultipleMode, NUMBER_FORMAT_REGEXP, POSITION_MAP, POSITION_PRIORITY_STRATEGY, POSITION_TO_CSS_MAP, PopUpPlacements, PopUpSizes, PopUpTriggers, PopUpVisibility, RIGHT_BOTTOM_POSITION_PRIORITY, RIGHT_POSITION_PRIORITY, RIGHT_TOP_POSITION_PRIORITY, RangeDateFormatterPipe, RangeDateTimeFormatterPipe, RangeMiddleDateTimeFormatterPipe, RangeShortDateFormatterPipe, RangeShortDateTimeFormatterPipe, RelativeDateFormatterPipe, RelativeDateTimeFormatterPipe, RelativeShortDateFormatterPipe, RelativeShortDateTimeFormatterPipe, SELECT_PANEL_INDENT_PADDING_X, SELECT_PANEL_MAX_HEIGHT, SELECT_PANEL_PADDING_X, SELECT_PANEL_VIEWPORT_PADDING, ShowOnDirtyErrorStateMatcher, TOP_LEFT_POSITION_PRIORITY, TOP_POSITION_PRIORITY, TOP_RIGHT_POSITION_PRIORITY, ThemePalette, VERSION, countGroupLabelsBeforeOption, fadeAnimation, getMcSelectDynamicMultipleError, getMcSelectNonArrayValueError, getMcSelectNonFunctionValueError, getOptionScrollPosition, isBoolean, mcSelectAnimations, mcSelectScrollStrategyProviderFactory, mixinColor, mixinDisabled, mixinErrorState, mixinTabIndex, selectEvents, toBoolean, validationTooltipHideDelay, validationTooltipShowDelay };
 //# sourceMappingURL=ptsecurity-mosaic-core.mjs.map