@anglr/datetime 5.0.0-beta.20221019112435 → 5.0.0-beta.20221020044622

package/es2020/src/modules/dateTime/directives/dateTime/dateTime.directive.js

@@ -0,0 +1,218 @@
+import { __decorate, __metadata } from "tslib";
+import { Directive, inject, Input } from '@angular/core';
+import { BindThis, isBlank, isString } from '@jscrpt/common';
+import { Subject } from 'rxjs';
+import { DateTimeValueFormat } from '../../../../misc/enums';
+import { DATE_API, FORMAT_PROVIDER } from '../../../../misc/tokens';
+import { getSingleDateTimeValue } from '../../../../misc/utils';
+import { DateTimeBase } from '../dateTimeBase';
+import * as i0 from "@angular/core";
+/**
+ * Directive that holds shared data for date time, like formats, restrictions
+ */
+export class DateTimeDirective {
+    constructor() {
+        //######################### protected properties #########################
+        /**
+         * Subject used for emitting changes in max date time value
+         */
+        this.maxDateTimeChangesSubject = new Subject();
+        /**
+         * Subject used for emitting changes in min date time value
+         */
+        this.minDateTimeChangesSubject = new Subject();
+        /**
+         * Date time value format which is being worked with in this date time
+         */
+        this.ɵValueFormat = DateTimeValueFormat.DateInstance;
+        /**
+         * Format of string representation of date
+         */
+        this.ɵFormat = 'date';
+        /**
+         * Date api instance, used for date time manipulation
+         */
+        this.dateApi = inject(DATE_API);
+        /**
+         * Provider for available formats
+         */
+        this.formatProvider = inject(FORMAT_PROVIDER);
+        /**
+         * Custom format string representation of date
+         */
+        this.customFormat = this.dateApi.getFormat(this.formatProvider[this.ɵFormat]);
+    }
+    //######################### public properties #########################
+    /**
+     * Occurs when there are changes in max date time value
+     */
+    get maxDateTimeChanges() {
+        return this.maxDateTimeChangesSubject.asObservable();
+    }
+    /**
+     * Occurs when there are changes in min date time value
+     */
+    get minDateTimeChanges() {
+        return this.minDateTimeChangesSubject.asObservable();
+    }
+    //######################### public properties - inputs #########################
+    /**
+     * Gets or sets date time value format which is being worked with in this date time
+     */
+    get valueFormat() {
+        return this.ɵValueFormat;
+    }
+    set valueFormat(value) {
+        if (isString(value)) {
+            this.ɵValueFormat = DateTimeValueFormat[value];
+            return;
+        }
+        this.ɵValueFormat = value;
+    }
+    /**
+     * Gets or sets format of string representation of date
+     */
+    get format() {
+        return this.ɵFormat;
+    }
+    set format(value) {
+        this.ɵFormat = value;
+        this.customFormat = this.dateApi.getFormat(this.formatProvider[value]);
+    }
+    /**
+     * Gets or sets max allowed date for date time
+     */
+    get maxDateTime() {
+        return this.ɵMaxDateTime;
+    }
+    set maxDateTime(value) {
+        this.maxDateInstanceChange?.unsubscribe();
+        this.maxDateInstanceChange = null;
+        if (isBlank(value)) {
+            this.maxDateSet(value);
+            return;
+        }
+        let val = value;
+        if (value instanceof (DateTimeBase)) {
+            this.maxDateInstanceChange = value.valueChange.subscribe(() => {
+                const val = getSingleDateTimeValue(value.value);
+                if (isBlank(val)) {
+                    this.maxDateSet(null);
+                    return;
+                }
+                this.setMinMaxValue(val, this.maxDateSet);
+            });
+            const v = getSingleDateTimeValue(value.value);
+            if (isBlank(v)) {
+                this.maxDateSet(null);
+                return;
+            }
+            val = v;
+        }
+        this.setMinMaxValue(val, this.maxDateSet);
+    }
+    /**
+     * Gets or sets min allowed date for date time
+     */
+    get minDateTime() {
+        return this.ɵMinDateTime;
+    }
+    set minDateTime(value) {
+        this.minDateInstanceChange?.unsubscribe();
+        this.minDateInstanceChange = null;
+        if (isBlank(value)) {
+            this.minDateSet(value);
+            return;
+        }
+        let val = value;
+        if (value instanceof (DateTimeBase)) {
+            this.minDateInstanceChange = value.valueChange.subscribe(() => {
+                const val = getSingleDateTimeValue(value.value);
+                if (isBlank(val)) {
+                    this.minDateSet(null);
+                    return;
+                }
+                this.setMinMaxValue(val, this.minDateSet);
+            });
+            const v = getSingleDateTimeValue(value.value);
+            if (isBlank(v)) {
+                this.minDateSet(null);
+                return;
+            }
+            val = v;
+        }
+        this.setMinMaxValue(val, this.minDateSet);
+    }
+    //######################### public methods - implementation of OnDestroy #########################
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy() {
+        this.maxDateInstanceChange?.unsubscribe();
+        this.maxDateInstanceChange = null;
+        this.minDateInstanceChange?.unsubscribe();
+        this.minDateInstanceChange = null;
+    }
+    //######################### protected methods #########################
+    /**
+     * Sets min date time and notifies about changes
+     * @param value - Value to be set
+     */
+    minDateSet(value) {
+        this.ɵMinDateTime = value;
+        this.minDateTimeChangesSubject.next();
+    }
+    /**
+     * Sets max date time and notifies about changes
+     * @param value - Value to be set
+     */
+    maxDateSet(value) {
+        this.ɵMaxDateTime = value;
+        this.maxDateTimeChangesSubject.next();
+    }
+    /**
+     * Sets min or max date time value
+     * @param value - Value to be set
+     * @param setter - Action used for setting value
+     */
+    setMinMaxValue(value, setter) {
+        const val = this.dateApi.getValue(value, this.customFormat);
+        if (val.isValid()) {
+            setter(val.value);
+        }
+        else {
+            setter(null);
+        }
+    }
+}
+DateTimeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DateTimeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+DateTimeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.6", type: DateTimeDirective, selector: "[dateTime]", inputs: { valueFormat: "valueFormat", format: "format", customFormat: "customFormat", maxDateTime: "maxDateTime", minDateTime: "minDateTime" }, ngImport: i0 });
+__decorate([
+    BindThis,
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object]),
+    __metadata("design:returntype", void 0)
+], DateTimeDirective.prototype, "minDateSet", null);
+__decorate([
+    BindThis,
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object]),
+    __metadata("design:returntype", void 0)
+], DateTimeDirective.prototype, "maxDateSet", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DateTimeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dateTime]'
+                }]
+        }], propDecorators: { valueFormat: [{
+                type: Input
+            }], format: [{
+                type: Input
+            }], customFormat: [{
+                type: Input
+            }], maxDateTime: [{
+                type: Input
+            }], minDateTime: [{
+                type: Input
+            }], minDateSet: [], maxDateSet: [] } });
+//# sourceMappingURL=dateTime.directive.js.map

package/es2020/src/modules/dateTime/directives/dateTime/dateTime.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTime.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTime/directives/dateTime/dateTime.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {Directive, inject, Input, OnDestroy} from '@angular/core';\nimport {Action1, BindThis, isBlank, isString} from '@jscrpt/common';\nimport {Observable, Subject, Subscription} from 'rxjs';\n\nimport {FormatProvider} from '../../../../interfaces';\nimport {DateTimeValueFormat} from '../../../../misc/enums';\nimport {DATE_API, FORMAT_PROVIDER} from '../../../../misc/tokens';\nimport {DateTimeInputOutputValue} from '../../../../misc/types';\nimport {getSingleDateTimeValue} from '../../../../misc/utils';\nimport {DateApi, DateValue} from '../../../../services';\nimport {DateTimeBase} from '../dateTimeBase';\n\n/**\n * Directive that holds shared data for date time, like formats, restrictions\n */\n@Directive(\n{\n    selector: '[dateTime]'\n})\nexport class DateTimeDirective<TDate = unknown> implements OnDestroy\n{\n    //######################### protected properties #########################\n\n    /**\n     * Subject used for emitting changes in max date time value\n     */\n    protected maxDateTimeChangesSubject: Subject<void> = new Subject<void>();\n\n    /**\n     * Subject used for emitting changes in min date time value\n     */\n    protected minDateTimeChangesSubject: Subject<void> = new Subject<void>();\n\n    /**\n     * Subscription for max date instance value changes\n     */\n    protected maxDateInstanceChange: Subscription|undefined|null;\n\n    /**\n     * Subscription for min date instance value changes\n     */\n    protected minDateInstanceChange: Subscription|undefined|null;\n\n    /**\n     * Max allowed value of date time\n     */\n    protected ɵMaxDateTime: TDate|undefined|null;\n\n    /**\n     * Min allowed value of date time\n     */\n    protected ɵMinDateTime: TDate|undefined|null;\n\n    /**\n     * Date time value format which is being worked with in this date time\n     */\n    protected ɵValueFormat: DateTimeValueFormat = DateTimeValueFormat.DateInstance;\n\n    /**\n     * Format of string representation of date\n     */\n    protected ɵFormat: keyof FormatProvider = 'date';\n\n    /**\n     * Date api instance, used for date time manipulation\n     */\n    protected dateApi: DateApi<TDate> = inject(DATE_API);\n\n    /**\n     * Provider for available formats\n     */\n    protected formatProvider: FormatProvider = inject(FORMAT_PROVIDER);\n\n    //######################### public properties #########################\n\n    /**\n     * Occurs when there are changes in max date time value\n     */\n    public get maxDateTimeChanges(): Observable<void>\n    {\n        return this.maxDateTimeChangesSubject.asObservable();\n    }\n\n    /**\n     * Occurs when there are changes in min date time value\n     */\n    public get minDateTimeChanges(): Observable<void>\n    {\n        return this.minDateTimeChangesSubject.asObservable();\n    }\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Gets or sets date time value format which is being worked with in this date time\n     */\n    @Input()\n    public get valueFormat(): DateTimeValueFormat\n    {\n        return this.ɵValueFormat;\n    }\n    public set valueFormat(value: DateTimeValueFormat)\n    {\n        if(isString(value))\n        {\n            this.ɵValueFormat = DateTimeValueFormat[value] as unknown as DateTimeValueFormat;\n\n            return;\n        }\n\n        this.ɵValueFormat = value;\n    }\n\n    /**\n     * Gets or sets format of string representation of date\n     */\n    @Input()\n    public get format(): keyof FormatProvider\n    {\n        return this.ɵFormat;\n    }\n    public set format(value: keyof FormatProvider)\n    {\n        this.ɵFormat = value;\n        this.customFormat = this.dateApi.getFormat(this.formatProvider[value]);\n    }\n\n    /**\n     * Custom format string representation of date\n     */\n    @Input()\n    public customFormat: string = this.dateApi.getFormat(this.formatProvider[this.ɵFormat]);\n\n    /**\n     * Gets or sets max allowed date for date time\n     */\n    @Input()\n    public get maxDateTime(): TDate|undefined|null\n    {\n        return this.ɵMaxDateTime;\n    }\n    public set maxDateTime(value: TDate|undefined|null)\n    {\n        this.maxDateInstanceChange?.unsubscribe();\n        this.maxDateInstanceChange = null;\n\n        if(isBlank(value))\n        {\n            this.maxDateSet(value);\n\n            return;\n        }\n\n        let val: DateTimeInputOutputValue<TDate> = value;\n\n        if(value instanceof DateTimeBase<TDate>)\n        {\n            this.maxDateInstanceChange = value.valueChange.subscribe(() =>\n            {\n                const val = getSingleDateTimeValue<TDate>(value.value);\n\n                if(isBlank(val))\n                {\n                    this.maxDateSet(null);\n\n                    return;\n                }\n\n                this.setMinMaxValue(val, this.maxDateSet);\n            });\n\n            const v = getSingleDateTimeValue<TDate>(value.value);\n\n            if(isBlank(v))\n            {\n                this.maxDateSet(null);\n\n                return;\n            }\n\n            val = v;\n        }\n        \n        this.setMinMaxValue(val, this.maxDateSet);\n    }\n\n    /**\n     * Gets or sets min allowed date for date time\n     */\n    @Input()\n    public get minDateTime(): TDate|undefined|null\n    {\n        return this.ɵMinDateTime;\n    }\n    public set minDateTime(value: TDate|undefined|null)\n    {\n        this.minDateInstanceChange?.unsubscribe();\n        this.minDateInstanceChange = null;\n\n        if(isBlank(value))\n        {\n            this.minDateSet(value);\n\n            return;\n        }\n\n        let val: DateTimeInputOutputValue<TDate> = value;\n\n        if(value instanceof DateTimeBase<TDate>)\n        {\n            this.minDateInstanceChange = value.valueChange.subscribe(() =>\n            {\n                const val = getSingleDateTimeValue<TDate>(value.value);\n\n                if(isBlank(val))\n                {\n                    this.minDateSet(null);\n\n                    return;\n                }\n\n                this.setMinMaxValue(val, this.minDateSet);\n            });\n\n            const v = getSingleDateTimeValue<TDate>(value.value);\n\n            if(isBlank(v))\n            {\n                this.minDateSet(null);\n\n                return;\n            }\n\n            val = v;\n        }\n\n        this.setMinMaxValue(val, this.minDateSet);\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this.maxDateInstanceChange?.unsubscribe();\n        this.maxDateInstanceChange = null;\n\n        this.minDateInstanceChange?.unsubscribe();\n        this.minDateInstanceChange = null;\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Sets min date time and notifies about changes\n     * @param value - Value to be set\n     */\n    @BindThis\n    protected minDateSet(value: TDate|undefined|null): void\n    {\n        this.ɵMinDateTime = value;\n        this.minDateTimeChangesSubject.next();\n    }\n\n    /**\n     * Sets max date time and notifies about changes\n     * @param value - Value to be set\n     */\n    @BindThis\n    protected maxDateSet(value: TDate|undefined|null): void\n    {\n        this.ɵMaxDateTime = value;\n        this.maxDateTimeChangesSubject.next();\n    }\n\n    /**\n     * Sets min or max date time value\n     * @param value - Value to be set\n     * @param setter - Action used for setting value\n     */\n    protected setMinMaxValue(value: string|number|TDate|Date, setter: Action1<TDate|undefined|null>): void\n    {\n        const val = this.dateApi.getValue(value, this.customFormat);\n\n        if(val.isValid())\n        {\n            setter(val.value);\n        }\n        else\n        {\n            setter(null);\n        }\n    }\n\n    //######################### ng language server #########################\n    \n    /**\n     * Custom input type for `valueFormat` input\n     */\n    public static ngAcceptInputType_valueFormat: keyof typeof DateTimeValueFormat|DateTimeValueFormat;\n\n    /**\n     * Custom input type for `maxDateTime` input\n     */\n    public static ngAcceptInputType_maxDateTime: DateValue|DateTimeBase;\n\n    /**\n     * Custom input type for `minDateTime` input\n     */\n    public static ngAcceptInputType_minDateTime: DateValue|DateTimeBase;\n}"]}

package/es2020/src/modules/dateTime/directives/dateTimeBase.js

@@ -1,32 +1,28 @@
-import { Directive, EventEmitter, Input } from '@angular/core';
-import { isString } from '@jscrpt/common';
-import { DateTimeValueFormat } from '../../../misc/enums';
+import { Directive, EventEmitter, inject } from '@angular/core';
+import { Subscription } from 'rxjs';
+import { DateTimeDirective } from './dateTime/dateTime.directive';
 import * as i0 from "@angular/core";
 /**
  * Base class for date time directives, contains basic shared data
  */
 export class DateTimeBase {
-    //######################### constructors #########################
-    constructor(dateApi, formatProvider) {
-        this.dateApi = dateApi;
-        this.formatProvider = formatProvider;
+    //######################### constructor #########################
+    constructor() {
         //######################### protected properties #########################
         /**
-         * Date time value format which is being worked with in this date time
+         * Subscriptions created during initialization
          */
-        this.ɵValueFormat = DateTimeValueFormat.DateInstance;
+        this.initSubscriptions = new Subscription();
         /**
-         * Format of string representation of date
+         * Instance of date time shared data, like formats and restrictions
          */
-        this.ɵFormat = 'date';
+        this.dateTimeData = inject((DateTimeDirective));
         /**
          * @inheritdoc
          */
         this.valueChange = new EventEmitter();
-        /**
-         * Custom format string representation of date
-         */
-        this.customFormat = this.dateApi.getFormat(this.formatProvider[this.ɵFormat]);
+        this.initSubscriptions.add(this.dateTimeData.maxDateTimeChanges.subscribe(() => this.onMaxDateTimeChange()));
+        this.initSubscriptions.add(this.dateTimeData.minDateTimeChanges.subscribe(() => this.onMinDateTimeChange()));
     }
     //######################### public properties - implementation of DateTimeInputValue #########################
     /**
@@ -38,40 +34,28 @@ export class DateTimeBase {
     set value(value) {
         this.ɵValue = value;
     }
-    //######################### public properties - inputs #########################
+    //######################### public methods - implementation of OnDestroy #########################
     /**
-     * Gets or sets date time value format which is being worked with in this date time
+     * Called when component is destroyed
      */
-    get valueFormat() {
-        return this.ɵValueFormat;
-    }
-    set valueFormat(value) {
-        if (isString(value)) {
-            this.ɵValueFormat = DateTimeValueFormat[value];
-            return;
-        }
-        this.ɵValueFormat = value;
+    ngOnDestroy() {
+        this.initSubscriptions.unsubscribe();
     }
+    //######################### protected methods #########################
     /**
-     * Gets or sets format of string representation of date
+     * Called whenever max date time restriction changes
      */
-    get format() {
-        return this.ɵFormat;
+    onMaxDateTimeChange() {
     }
-    set format(value) {
-        this.ɵFormat = value;
-        this.customFormat = this.dateApi.getFormat(this.formatProvider[value]);
+    /**
+     * Called whenever min date time restriction changes
+     */
+    onMinDateTimeChange() {
     }
 }
-DateTimeBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DateTimeBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-DateTimeBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.6", type: DateTimeBase, inputs: { valueFormat: "valueFormat", format: "format", customFormat: "customFormat" }, ngImport: i0 });
+DateTimeBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DateTimeBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+DateTimeBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.6", type: DateTimeBase, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DateTimeBase, decorators: [{
             type: Directive
-        }], ctorParameters: function () { return [{ type: undefined }, { type: undefined }]; }, propDecorators: { valueFormat: [{
-                type: Input
-            }], format: [{
-                type: Input
-            }], customFormat: [{
-                type: Input
-            }] } });
+        }], ctorParameters: function () { return []; } });
 //# sourceMappingURL=dateTimeBase.js.map

package/es2020/src/modules/dateTime/directives/dateTimeBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"dateTimeBase.js","sourceRoot":"","sources":["../../../../../src/modules/dateTime/directives/dateTimeBase.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,YAAY,EAAE,KAAK,EAAC,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAC,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AAGxC,OAAO,EAAC,mBAAmB,EAAC,MAAM,qBAAqB,CAAC;;AAIxD;;GAEG;AAEH,MAAM,OAAO,YAAY;IAgFrB,kEAAkE;IAClE,YAAsB,OAAuB,EACvB,cAA8B;QAD9B,YAAO,GAAP,OAAO,CAAgB;QACvB,mBAAc,GAAd,cAAc,CAAgB;QAhFpD,0EAA0E;QAE1E;;WAEG;QACO,iBAAY,GAAwB,mBAAmB,CAAC,YAAY,CAAC;QAE/E;;WAEG;QACO,YAAO,GAAyB,MAAM,CAAC;QAqBjD;;WAEG;QACI,gBAAW,GAAuB,IAAI,YAAY,EAAQ,CAAC;QAsClE;;WAEG;QAEI,iBAAY,GAAW,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;IAMxF,CAAC;IAjED,8GAA8G;IAE9G;;OAEG;IACH,IAAW,KAAK;QAEZ,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IACD,IAAW,KAAK,CAAC,KAAqD;QAElE,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACxB,CAAC;IAOD,gFAAgF;IAEhF;;OAEG;IACH,IACW,WAAW;QAElB,OAAO,IAAI,CAAC,YAAY,CAAC;IAC7B,CAAC;IACD,IAAW,WAAW,CAAC,KAA0B;QAE7C,IAAG,QAAQ,CAAC,KAAK,CAAC,EAClB;YACI,IAAI,CAAC,YAAY,GAAG,mBAAmB,CAAC,KAAK,CAAmC,CAAC;YAEjF,OAAO;SACV;QAED,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;IAC9B,CAAC;IAED;;OAEG;IACH,IACW,MAAM;QAEb,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IACD,IAAW,MAAM,CAAC,KAA2B;QAEzC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;IAC3E,CAAC;;yGAxEQ,YAAY;6FAAZ,YAAY;2FAAZ,YAAY;kBADxB,SAAS;kHA6CK,WAAW;sBADrB,KAAK;gBAqBK,MAAM;sBADhB,KAAK;gBAeC,YAAY;sBADlB,KAAK","sourcesContent":["import {Directive, EventEmitter, Input} from '@angular/core';\nimport {isString} from '@jscrpt/common';\n\nimport {DateTimeInputValue, FormatProvider} from '../../../interfaces';\nimport {DateTimeValueFormat} from '../../../misc/enums';\nimport {DateTimeInputOutputValue} from '../../../misc/types';\nimport {DateApi} from '../../../services';\n\n/**\n * Base class for date time directives, contains basic shared data\n */\n@Directive()\nexport class DateTimeBase<TDate = unknown> implements DateTimeInputValue<TDate>\n{\n    //######################### protected properties #########################\n\n    /**\n     * Date time value format which is being worked with in this date time\n     */\n    protected ɵValueFormat: DateTimeValueFormat = DateTimeValueFormat.DateInstance;\n\n    /**\n     * Format of string representation of date\n     */\n    protected ɵFormat: keyof FormatProvider = 'date';\n\n    /**\n     * Current value of date time, could be string, unix timestamp, Date, TDate object, or ranged DateTimeValue\n     */\n    protected ɵValue: DateTimeInputOutputValue<TDate>|undefined|null;\n\n    //######################### public properties - implementation of DateTimeInputValue #########################\n\n    /**\n     * @inheritdoc\n     */\n    public get value(): DateTimeInputOutputValue<TDate>|undefined|null\n    {\n        return this.ɵValue;\n    }\n    public set value(value: DateTimeInputOutputValue<TDate>|undefined|null)\n    {\n        this.ɵValue = value;\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public valueChange: EventEmitter<void> = new EventEmitter<void>();\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Gets or sets date time value format which is being worked with in this date time\n     */\n    @Input()\n    public get valueFormat(): DateTimeValueFormat\n    {\n        return this.ɵValueFormat;\n    }\n    public set valueFormat(value: DateTimeValueFormat)\n    {\n        if(isString(value))\n        {\n            this.ɵValueFormat = DateTimeValueFormat[value] as unknown as DateTimeValueFormat;\n\n            return;\n        }\n\n        this.ɵValueFormat = value;\n    }\n\n    /**\n     * Gets or sets format of string representation of date\n     */\n    @Input()\n    public get format(): keyof FormatProvider\n    {\n        return this.ɵFormat;\n    }\n    public set format(value: keyof FormatProvider)\n    {\n        this.ɵFormat = value;\n        this.customFormat = this.dateApi.getFormat(this.formatProvider[value]);\n    }\n\n    /**\n     * Custom format string representation of date\n     */\n    @Input()\n    public customFormat: string = this.dateApi.getFormat(this.formatProvider[this.ɵFormat]);\n\n    //######################### constructors #########################\n    constructor(protected dateApi: DateApi<TDate>,\n                protected formatProvider: FormatProvider,)\n    {\n    }\n\n    //######################### ng language server #########################\n    \n    /**\n     * Custom input type for `valueFormat` input\n     */\n    public static ngAcceptInputType_valueFormat: keyof typeof DateTimeValueFormat|DateTimeValueFormat;\n}\n"]}
+{"version":3,"file":"dateTimeBase.js","sourceRoot":"","sources":["../../../../../src/modules/dateTime/directives/dateTimeBase.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,YAAY,EAAE,MAAM,EAAY,MAAM,eAAe,CAAC;AACzE,OAAO,EAAC,YAAY,EAAC,MAAM,MAAM,CAAC;AAIlC,OAAO,EAAC,iBAAiB,EAAC,MAAM,+BAA+B,CAAC;;AAEhE;;GAEG;AAEH,MAAM,OAAO,YAAY;IAsCrB,iEAAiE;IACjE;QArCA,0EAA0E;QAE1E;;WAEG;QACO,sBAAiB,GAAiB,IAAI,YAAY,EAAE,CAAC;QAO/D;;WAEG;QACO,iBAAY,GAA6B,MAAM,CAAC,CAAA,iBAAwB,CAAA,CAAC,CAAC;QAgBpF;;WAEG;QACI,gBAAW,GAAuB,IAAI,YAAY,EAAQ,CAAC;QAK9D,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAAC;QAC7G,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAAC;IACjH,CAAC;IAxBD,8GAA8G;IAE9G;;OAEG;IACH,IAAW,KAAK;QAEZ,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IACD,IAAW,KAAK,CAAC,KAAqD;QAElE,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACxB,CAAC;IAcD,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,CAAC;IACzC,CAAC;IAED,uEAAuE;IAEvE;;OAEG;IACO,mBAAmB;IAE7B,CAAC;IAED;;OAEG;IACO,mBAAmB;IAE7B,CAAC;;yGArEQ,YAAY;6FAAZ,YAAY;2FAAZ,YAAY;kBADxB,SAAS","sourcesContent":["import {Directive, EventEmitter, inject, OnDestroy} from '@angular/core';\nimport {Subscription} from 'rxjs';\n\nimport {DateTimeInputValue} from '../../../interfaces';\nimport {DateTimeInputOutputValue} from '../../../misc/types';\nimport {DateTimeDirective} from './dateTime/dateTime.directive';\n\n/**\n * Base class for date time directives, contains basic shared data\n */\n@Directive()\nexport class DateTimeBase<TDate = unknown> implements DateTimeInputValue<TDate>, OnDestroy\n{\n    //######################### protected properties #########################\n\n    /**\n     * Subscriptions created during initialization\n     */\n    protected initSubscriptions: Subscription = new Subscription();\n\n    /**\n     * Current value of date time, could be string, unix timestamp, Date, TDate object, or ranged DateTimeValue\n     */\n    protected ɵValue: DateTimeInputOutputValue<TDate>|undefined|null;\n\n    /**\n     * Instance of date time shared data, like formats and restrictions\n     */\n    protected dateTimeData: DateTimeDirective<TDate> = inject(DateTimeDirective<TDate>);\n\n    //######################### public properties - implementation of DateTimeInputValue #########################\n\n    /**\n     * @inheritdoc\n     */\n    public get value(): DateTimeInputOutputValue<TDate>|undefined|null\n    {\n        return this.ɵValue;\n    }\n    public set value(value: DateTimeInputOutputValue<TDate>|undefined|null)\n    {\n        this.ɵValue = value;\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public valueChange: EventEmitter<void> = new EventEmitter<void>();\n\n    //######################### constructor #########################\n    constructor()\n    {\n        this.initSubscriptions.add(this.dateTimeData.maxDateTimeChanges.subscribe(() => this.onMaxDateTimeChange()));\n        this.initSubscriptions.add(this.dateTimeData.minDateTimeChanges.subscribe(() => this.onMinDateTimeChange()));\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this.initSubscriptions.unsubscribe();\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Called whenever max date time restriction changes\n     */\n    protected onMaxDateTimeChange(): void\n    {\n    }\n\n    /**\n     * Called whenever min date time restriction changes\n     */\n    protected onMinDateTimeChange(): void\n    {\n    }\n}\n"]}

package/es2020/src/modules/dateTime/directives/dateTimeInput/dateTimeInput.directive.js

@@ -1,7 +1,7 @@
 import { __decorate, __metadata } from "tslib";
 import { Directive, ElementRef, EventEmitter, forwardRef, Inject } from '@angular/core';
 import { BindThis, isBlank } from '@jscrpt/common';
-import { DATE_API, DATE_TIME_INPUT, FORMAT_PROVIDER } from '../../../../misc/tokens';
+import { DATE_API, DATE_TIME_INPUT } from '../../../../misc/tokens';
 import { formatDateTime, parseDateTime } from '../../../../misc/utils';
 import { DateValueProvider } from '../../../../services';
 import { DateTimeBase } from '../dateTimeBase';
@@ -13,9 +13,10 @@ import * as i1 from "../../../../services";
  */
 export class DateTimeInputDirective extends DateTimeBase {
     //######################### constructors #########################
-    constructor(elementRef, dateApi, formatProvider, valueProvider) {
-        super(dateApi, formatProvider);
+    constructor(elementRef, dateApi, valueProvider) {
+        super();
         this.elementRef = elementRef;
+        this.dateApi = dateApi;
         this.valueProvider = valueProvider;
         /**
          * @inheritdoc
@@ -48,10 +49,10 @@ export class DateTimeInputDirective extends DateTimeBase {
     set value(value) {
         //accepts all available formats
         this.setInternalValue(value);
-        this.ɵValue = formatDateTime(this.internalValue, this.valueFormat, this.customFormat);
+        this.ɵValue = formatDateTime(this.internalValue, this.dateTimeData.valueFormat, this.dateTimeData.customFormat);
         //not range value
         if (!Array.isArray(this.internalValue)) {
-            this.rawValue = this.internalValue?.format(this.customFormat);
+            this.rawValue = this.internalValue?.format(this.dateTimeData.customFormat);
         }
         else {
             //TODO: add support for ranges
@@ -77,6 +78,7 @@ export class DateTimeInputDirective extends DateTimeBase {
      * Called when component is destroyed
      */
     ngOnDestroy() {
+        super.ngOnDestroy();
         this.elementRef.nativeElement.removeEventListener('input', this.handleInput);
         this.elementRef.nativeElement.removeEventListener('focus', this.handleFocus);
         this.elementRef.nativeElement.removeEventListener('blur', this.handleBlur);
@@ -87,7 +89,7 @@ export class DateTimeInputDirective extends DateTimeBase {
      * @param value - Value to be set
      */
     setInternalValue(value) {
-        this.internalValue = parseDateTime(value, this.dateApi, null, this.customFormat);
+        this.internalValue = parseDateTime(value, this.dateApi, null, this.dateTimeData.customFormat);
         if (isBlank(this.internalValue)) {
             return;
         }
@@ -95,22 +97,22 @@ export class DateTimeInputDirective extends DateTimeBase {
         if (Array.isArray(this.internalValue)) {
             const [from, to] = this.internalValue;
             if (from) {
-                const val = this.valueProvider.getValue(from.value, this.customFormat).from;
+                const val = this.valueProvider.getValue(from.value, this.dateTimeData.customFormat).from;
                 if (val) {
-                    this.internalValue[0] = this.dateApi.getValue(val, this.customFormat);
+                    this.internalValue[0] = this.dateApi.getValue(val, this.dateTimeData.customFormat);
                 }
             }
             if (to) {
-                const val = this.valueProvider.getValue(to.value, this.customFormat).to;
+                const val = this.valueProvider.getValue(to.value, this.dateTimeData.customFormat).to;
                 if (val) {
-                    this.internalValue[1] = this.dateApi.getValue(val, this.customFormat);
+                    this.internalValue[1] = this.dateApi.getValue(val, this.dateTimeData.customFormat);
                 }
             }
         }
         else {
-            const val = this.valueProvider.getValue(this.internalValue.value, this.customFormat).from;
+            const val = this.valueProvider.getValue(this.internalValue.value, this.dateTimeData.customFormat).from;
             if (val) {
-                this.internalValue = this.dateApi.getValue(val, this.customFormat);
+                this.internalValue = this.dateApi.getValue(val, this.dateTimeData.customFormat);
             }
         }
     }
@@ -125,7 +127,7 @@ export class DateTimeInputDirective extends DateTimeBase {
             return;
         }
         this.setInternalValue(this.rawValue);
-        this.ɵValue = formatDateTime(this.internalValue, this.valueFormat, this.customFormat);
+        this.ɵValue = formatDateTime(this.internalValue, this.dateTimeData.valueFormat, this.dateTimeData.customFormat);
         this.valueChange.next();
     }
     /**
@@ -143,7 +145,7 @@ export class DateTimeInputDirective extends DateTimeBase {
         this.blur.emit(event);
     }
 }
-DateTimeInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DateTimeInputDirective, deps: [{ token: i0.ElementRef }, { token: DATE_API }, { token: FORMAT_PROVIDER }, { token: i1.DateValueProvider }], target: i0.ɵɵFactoryTarget.Directive });
+DateTimeInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DateTimeInputDirective, deps: [{ token: i0.ElementRef }, { token: DATE_API }, { token: i1.DateValueProvider }], target: i0.ɵɵFactoryTarget.Directive });
 DateTimeInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.6", type: DateTimeInputDirective, selector: "input[dateTime][dateTimeInput]", providers: [
         {
             provide: DATE_TIME_INPUT,
@@ -183,8 +185,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [DATE_API]
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [FORMAT_PROVIDER]
                 }] }, { type: i1.DateValueProvider }]; }, propDecorators: { handleInput: [], handleFocus: [], handleBlur: [] } });
 //# sourceMappingURL=dateTimeInput.directive.js.map

package/es2020/src/modules/dateTime/directives/dateTimeInput/dateTimeInput.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"dateTimeInput.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTime/directives/dateTimeInput/dateTimeInput.directive.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAE,UAAU,EAAE,YAAY,EAAoB,UAAU,EAAE,MAAM,EAAY,MAAM,eAAe,CAAC;AACnH,OAAO,EAAC,QAAQ,EAAE,OAAO,EAAC,MAAM,gBAAgB,CAAC;AAGjD,OAAO,EAAC,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAC,MAAM,yBAAyB,CAAC;AAEnF,OAAO,EAAC,cAAc,EAAE,aAAa,EAAC,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAU,iBAAiB,EAAC,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;;;AAE7C,8BAA8B;AAE9B;;GAEG;AAcH,MAAM,OAAO,sBAAwC,SAAQ,YAAmB;IA6E5E,kEAAkE;IAClE,YAAsB,UAAwC,EAChC,OAAuB,EAChB,cAA8B,EAC7C,aAAuC;QAEzD,KAAK,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;QALb,eAAU,GAAV,UAAU,CAA8B;QAGxC,kBAAa,GAAb,aAAa,CAA0B;QAd7D;;WAEG;QACI,UAAK,GAA6B,IAAI,YAAY,EAAc,CAAC;QAExE;;WAEG;QACI,SAAI,GAA6B,IAAI,YAAY,EAAc,CAAC;QAUnE,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAC1E,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAC1E,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IAC5E,CAAC;IA/ED,yGAAyG;IAEzG;;OAEG;IACH,IAAW,QAAQ;QAEf,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC;IAC/C,CAAC;IACD,IAAW,QAAQ,CAAC,KAA4B;QAE5C,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,GAAG,KAAK,IAAI,EAAE,CAAC;IACtD,CAAC;IAED;;OAEG;IACH,IAAoB,KAAK;QAErB,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IACD,IAAoB,KAAK,CAAC,KAAqD;QAE3E,+BAA+B;QAC/B,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC7B,IAAI,CAAC,MAAM,GAAG,cAAc,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAEtF,iBAAiB;QACjB,IAAG,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,EACrC;YACI,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;SACjE;aAED;YACI,8BAA8B;SACjC;IACL,CAAC;IAED;;OAEG;IACH,IAAW,QAAQ;QAEf,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC;IAClD,CAAC;IACD,IAAW,QAAQ,CAAC,KAAc;QAE9B,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,GAAG,KAAK,CAAC;IACnD,CAAC;IAED;;OAEG;IACH,IAAW,OAAO;QAEd,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;IACzC,CAAC;IAyBD,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAC7E,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAC7E,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,mBAAmB,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IAC/E,CAAC;IAED,uEAAuE;IAEvE;;;OAGG;IACO,gBAAgB,CAAC,KAAqD;QAE5E,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAEjF,IAAG,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,EAC9B;YACI,OAAO;SACV;QAED,cAAc;QACd,IAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,EACpC;YACI,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC;YAEtC,IAAG,IAAI,EACP;gBACI,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC;gBAE5E,IAAG,GAAG,EACN;oBACI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;iBACzE;aACJ;YAED,IAAG,EAAE,EACL;gBACI,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC;gBAExE,IAAG,GAAG,EACN;oBACI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;iBACzE;aACJ;SACJ;aAED;YACI,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC;YAE1F,IAAG,GAAG,EACN;gBACI,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;aACtE;SACJ;IACL,CAAC;IAED;;OAEG;IAEO,WAAW;QAEjB,IAAG,CAAC,IAAI,CAAC,QAAQ,EACjB;YACI,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAC1B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;YAEnB,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;YAExB,OAAO;SACV;QAED,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACrC,IAAI,CAAC,MAAM,GAAG,cAAc,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAEtF,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;IAC5B,CAAC;IAED;;;OAGG;IAEO,WAAW,CAAC,KAAiB;QAEnC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC;IAED;;;OAGG;IAEO,UAAU,CAAC,KAAiB;QAElC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC;;mHAjMQ,sBAAsB,4CA+EX,QAAQ,aACR,eAAe;uGAhF1B,sBAAsB,yDAT/B;QAEI;YACI,OAAO,EAAE,eAAe;YACxB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC;SACxD;KACJ;;IA+JA,QAAQ;;;;yDAiBR;;IAMA,QAAQ;;qCACoB,UAAU;;yDAGtC;;IAMA,QAAQ;;qCACmB,UAAU;;wDAGrC;2FAjMQ,sBAAsB;kBAblC,SAAS;mBACV;oBACI,QAAQ,EAAE,gCAAgC;oBAC1C,SAAS,EACT;wBAEI;4BACI,OAAO,EAAE,eAAe;4BACxB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,uBAAuB,CAAC;yBACxD;qBACJ;oBACD,QAAQ,EAAE,UAAU;iBACvB;;0BAgFgB,MAAM;2BAAC,QAAQ;;0BACf,MAAM;2BAAC,eAAe;4EA6EzB,WAAW,MAuBX,WAAW,MAUX,UAAU","sourcesContent":["import {Directive, ElementRef, EventEmitter, ExistingProvider, forwardRef, Inject, OnDestroy} from '@angular/core';\nimport {BindThis, isBlank} from '@jscrpt/common';\n\nimport {DateTimeInput, FormatProvider} from '../../../../interfaces';\nimport {DATE_API, DATE_TIME_INPUT, FORMAT_PROVIDER} from '../../../../misc/tokens';\nimport {DateTimeInputOutputValue, DateTimeObjectValue} from '../../../../misc/types';\nimport {formatDateTime, parseDateTime} from '../../../../misc/utils';\nimport {DateApi, DateValueProvider} from '../../../../services';\nimport {DateTimeBase} from '../dateTimeBase';\n\n//TODO: range is unimplemented\n\n/**\n * Directive that is used for setting up date time input\n */\n@Directive(\n{\n    selector: 'input[dateTime][dateTimeInput]',\n    providers:\n    [\n        <ExistingProvider>\n        {\n            provide: DATE_TIME_INPUT,\n            useExisting: forwardRef(() => DateTimeInputDirective),\n        },\n    ],\n    exportAs: 'dateTime',\n})\nexport class DateTimeInputDirective<TDate = unknown> extends DateTimeBase<TDate> implements DateTimeInput, OnDestroy\n{\n    //######################### protected properties #########################\n\n    /**\n     * Internal representation of current date time value\n     */\n    protected internalValue: DateTimeObjectValue<TDate>|undefined|null;\n\n    //######################### public properties - implementation of DateTimeInput #########################\n\n    /**\n     * @inheritdoc\n     */\n    public get rawValue(): string|undefined|null\n    {\n        return this.elementRef.nativeElement.value;\n    }\n    public set rawValue(value: string|undefined|null)\n    {\n        this.elementRef.nativeElement.value = value ?? '';\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public override get value(): DateTimeInputOutputValue<TDate>|undefined|null\n    {\n        return this.ɵValue;\n    }\n    public override set value(value: DateTimeInputOutputValue<TDate>|undefined|null)\n    {\n        //accepts all available formats\n        this.setInternalValue(value);\n        this.ɵValue = formatDateTime(this.internalValue, this.valueFormat, this.customFormat);\n        \n        //not range value\n        if(!Array.isArray(this.internalValue))\n        {\n            this.rawValue = this.internalValue?.format(this.customFormat);\n        }\n        else\n        {\n            //TODO: add support for ranges\n        }\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public get disabled(): boolean\n    {\n        return this.elementRef.nativeElement.disabled;\n    }\n    public set disabled(value: boolean)\n    {\n        this.elementRef.nativeElement.disabled = value;\n    }\n\n    /**\n     * Html element that represents input itself\n     */\n    public get element(): HTMLElement\n    {\n        return this.elementRef.nativeElement;\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public focus: EventEmitter<FocusEvent> = new EventEmitter<FocusEvent>();\n\n    /**\n     * @inheritdoc\n     */\n    public blur: EventEmitter<FocusEvent> = new EventEmitter<FocusEvent>();\n\n    //######################### constructors #########################\n    constructor(protected elementRef: ElementRef<HTMLInputElement>,\n                @Inject(DATE_API) dateApi: DateApi<TDate>,\n                @Inject(FORMAT_PROVIDER) formatProvider: FormatProvider,\n                protected valueProvider: DateValueProvider<TDate>,)\n    {\n        super(dateApi, formatProvider);\n\n        this.elementRef.nativeElement.addEventListener('input', this.handleInput);\n        this.elementRef.nativeElement.addEventListener('focus', this.handleFocus);\n        this.elementRef.nativeElement.addEventListener('blur', this.handleBlur);\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this.elementRef.nativeElement.removeEventListener('input', this.handleInput);\n        this.elementRef.nativeElement.removeEventListener('focus', this.handleFocus);\n        this.elementRef.nativeElement.removeEventListener('blur', this.handleBlur);\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Sets internal value and fix lowest time difference\n     * @param value - Value to be set\n     */\n    protected setInternalValue(value: DateTimeInputOutputValue<TDate>|undefined|null): void\n    {\n        this.internalValue = parseDateTime(value, this.dateApi, null, this.customFormat);\n\n        if(isBlank(this.internalValue))\n        {\n            return;\n        }\n\n        //ranged value\n        if(Array.isArray(this.internalValue))\n        {\n            const [from, to] = this.internalValue;\n\n            if(from)\n            {\n                const val = this.valueProvider.getValue(from.value, this.customFormat).from;\n\n                if(val)\n                {\n                    this.internalValue[0] = this.dateApi.getValue(val, this.customFormat);\n                }\n            }\n\n            if(to)\n            {\n                const val = this.valueProvider.getValue(to.value, this.customFormat).to;\n\n                if(val)\n                {\n                    this.internalValue[1] = this.dateApi.getValue(val, this.customFormat);\n                }\n            }\n        }\n        else\n        {\n            const val = this.valueProvider.getValue(this.internalValue.value, this.customFormat).from;\n\n            if(val)\n            {\n                this.internalValue = this.dateApi.getValue(val, this.customFormat);\n            }\n        }\n    }\n\n    /**\n     * Handles input event on input\n     */\n    @BindThis\n    protected handleInput(): void\n    {\n        if(!this.rawValue)\n        {\n            this.internalValue = null;\n            this.ɵValue = null;\n\n            this.valueChange.next();\n\n            return;\n        }\n\n        this.setInternalValue(this.rawValue);\n        this.ɵValue = formatDateTime(this.internalValue, this.valueFormat, this.customFormat);\n\n        this.valueChange.next();\n    }\n\n    /**\n     * Handles focus event on input\n     * @param event - Event that occured\n     */\n    @BindThis\n    protected handleFocus(event: FocusEvent): void\n    {\n        this.focus.emit(event);\n    }\n\n    /**\n     * Handles blur event on input\n     * @param event - Event that occured\n     */\n    @BindThis\n    protected handleBlur(event: FocusEvent): void\n    {\n        this.blur.emit(event);\n    }\n}"]}
+{"version":3,"file":"dateTimeInput.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTime/directives/dateTimeInput/dateTimeInput.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {Directive, ElementRef, EventEmitter, ExistingProvider, forwardRef, Inject, OnDestroy} from '@angular/core';\nimport {BindThis, isBlank} from '@jscrpt/common';\n\nimport {DateTimeInput} from '../../../../interfaces';\nimport {DATE_API, DATE_TIME_INPUT} from '../../../../misc/tokens';\nimport {DateTimeInputOutputValue, DateTimeObjectValue} from '../../../../misc/types';\nimport {formatDateTime, parseDateTime} from '../../../../misc/utils';\nimport {DateApi, DateValueProvider} from '../../../../services';\nimport {DateTimeBase} from '../dateTimeBase';\n\n//TODO: range is unimplemented\n\n/**\n * Directive that is used for setting up date time input\n */\n@Directive(\n{\n    selector: 'input[dateTime][dateTimeInput]',\n    providers:\n    [\n        <ExistingProvider>\n        {\n            provide: DATE_TIME_INPUT,\n            useExisting: forwardRef(() => DateTimeInputDirective),\n        },\n    ],\n    exportAs: 'dateTime',\n})\nexport class DateTimeInputDirective<TDate = unknown> extends DateTimeBase<TDate> implements DateTimeInput, OnDestroy\n{\n    //######################### protected properties #########################\n\n    /**\n     * Internal representation of current date time value\n     */\n    protected internalValue: DateTimeObjectValue<TDate>|undefined|null;\n\n    //######################### public properties - implementation of DateTimeInput #########################\n\n    /**\n     * @inheritdoc\n     */\n    public get rawValue(): string|undefined|null\n    {\n        return this.elementRef.nativeElement.value;\n    }\n    public set rawValue(value: string|undefined|null)\n    {\n        this.elementRef.nativeElement.value = value ?? '';\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public override get value(): DateTimeInputOutputValue<TDate>|undefined|null\n    {\n        return this.ɵValue;\n    }\n    public override set value(value: DateTimeInputOutputValue<TDate>|undefined|null)\n    {\n        //accepts all available formats\n        this.setInternalValue(value);\n        this.ɵValue = formatDateTime(this.internalValue, this.dateTimeData.valueFormat, this.dateTimeData.customFormat);\n        \n        //not range value\n        if(!Array.isArray(this.internalValue))\n        {\n            this.rawValue = this.internalValue?.format(this.dateTimeData.customFormat);\n        }\n        else\n        {\n            //TODO: add support for ranges\n        }\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public get disabled(): boolean\n    {\n        return this.elementRef.nativeElement.disabled;\n    }\n    public set disabled(value: boolean)\n    {\n        this.elementRef.nativeElement.disabled = value;\n    }\n\n    /**\n     * Html element that represents input itself\n     */\n    public get element(): HTMLElement\n    {\n        return this.elementRef.nativeElement;\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public focus: EventEmitter<FocusEvent> = new EventEmitter<FocusEvent>();\n\n    /**\n     * @inheritdoc\n     */\n    public blur: EventEmitter<FocusEvent> = new EventEmitter<FocusEvent>();\n\n    //######################### constructors #########################\n    constructor(protected elementRef: ElementRef<HTMLInputElement>,\n                @Inject(DATE_API) protected dateApi: DateApi<TDate>,\n                protected valueProvider: DateValueProvider<TDate>,)\n    {\n        super();\n\n        this.elementRef.nativeElement.addEventListener('input', this.handleInput);\n        this.elementRef.nativeElement.addEventListener('focus', this.handleFocus);\n        this.elementRef.nativeElement.addEventListener('blur', this.handleBlur);\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public override ngOnDestroy(): void\n    {\n        super.ngOnDestroy();\n\n        this.elementRef.nativeElement.removeEventListener('input', this.handleInput);\n        this.elementRef.nativeElement.removeEventListener('focus', this.handleFocus);\n        this.elementRef.nativeElement.removeEventListener('blur', this.handleBlur);\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Sets internal value and fix lowest time difference\n     * @param value - Value to be set\n     */\n    protected setInternalValue(value: DateTimeInputOutputValue<TDate>|undefined|null): void\n    {\n        this.internalValue = parseDateTime(value, this.dateApi, null, this.dateTimeData.customFormat);\n\n        if(isBlank(this.internalValue))\n        {\n            return;\n        }\n\n        //ranged value\n        if(Array.isArray(this.internalValue))\n        {\n            const [from, to] = this.internalValue;\n\n            if(from)\n            {\n                const val = this.valueProvider.getValue(from.value, this.dateTimeData.customFormat).from;\n\n                if(val)\n                {\n                    this.internalValue[0] = this.dateApi.getValue(val, this.dateTimeData.customFormat);\n                }\n            }\n\n            if(to)\n            {\n                const val = this.valueProvider.getValue(to.value, this.dateTimeData.customFormat).to;\n\n                if(val)\n                {\n                    this.internalValue[1] = this.dateApi.getValue(val, this.dateTimeData.customFormat);\n                }\n            }\n        }\n        else\n        {\n            const val = this.valueProvider.getValue(this.internalValue.value, this.dateTimeData.customFormat).from;\n\n            if(val)\n            {\n                this.internalValue = this.dateApi.getValue(val, this.dateTimeData.customFormat);\n            }\n        }\n    }\n\n    /**\n     * Handles input event on input\n     */\n    @BindThis\n    protected handleInput(): void\n    {\n        if(!this.rawValue)\n        {\n            this.internalValue = null;\n            this.ɵValue = null;\n\n            this.valueChange.next();\n\n            return;\n        }\n\n        this.setInternalValue(this.rawValue);\n        this.ɵValue = formatDateTime(this.internalValue, this.dateTimeData.valueFormat, this.dateTimeData.customFormat);\n\n        this.valueChange.next();\n    }\n\n    /**\n     * Handles focus event on input\n     * @param event - Event that occured\n     */\n    @BindThis\n    protected handleFocus(event: FocusEvent): void\n    {\n        this.focus.emit(event);\n    }\n\n    /**\n     * Handles blur event on input\n     * @param event - Event that occured\n     */\n    @BindThis\n    protected handleBlur(event: FocusEvent): void\n    {\n        this.blur.emit(event);\n    }\n}"]}

package/es2020/src/modules/dateTime/directives/dateTimeMaxValidator/dateTimeMaxValidator.directive.js

@@ -1,29 +1,29 @@
 import { Directive, forwardRef, Inject } from '@angular/core';
 import { NG_VALIDATORS } from '@angular/forms';
-import { DATE_API, FORMAT_PROVIDER } from '../../../../misc/tokens';
-import { datetimeMaxValidator, datetimeValidator } from '../../../../misc/validators';
-import { DateTimeRestrictedBase } from '../dateTimeRestrictedBase';
+import { DATE_API } from '../../../../misc/tokens';
+import { datetimeMaxValidator } from '../../../../misc/validators';
+import { DateTimeBase } from '../dateTimeBase';
 import * as i0 from "@angular/core";
 /**
  * Applies validator for date time max value
  */
-export class DateTimeMaxValidatorDirective extends DateTimeRestrictedBase {
+export class DateTimeMaxValidatorDirective extends DateTimeBase {
     //######################### constructor #########################
-    constructor(dateApi, formatProvider) {
-        super(dateApi, formatProvider);
+    constructor(dateApi) {
+        super();
+        this.dateApi = dateApi;
         //######################### private fields #########################
         /**
          * Function used for validations
          */
         this._validator = () => null;
-        this._validator = datetimeValidator(dateApi, null, null);
     }
     //######################### public methods - implementation of OnInit #########################
     /**
      * Initialize component
      */
     ngOnInit() {
-        this._validator = datetimeMaxValidator(this.dateApi, this.maxDateTime, this.valueFormat, this.customFormat);
+        this._validator = datetimeMaxValidator(this.dateApi, this.dateTimeData.maxDateTime, this.dateTimeData.valueFormat, this.dateTimeData.customFormat);
     }
     //######################### public methods - implementation of Validator #########################
     /**
@@ -39,10 +39,10 @@ export class DateTimeMaxValidatorDirective extends DateTimeRestrictedBase {
      * @inheritdoc
      */
     onMaxDateTimeChange() {
-        this._validator = datetimeMaxValidator(this.dateApi, this.maxDateTime, this.valueFormat, this.customFormat);
+        this._validator = datetimeMaxValidator(this.dateApi, this.dateTimeData.maxDateTime, this.dateTimeData.valueFormat, this.dateTimeData.customFormat);
     }
 }
-DateTimeMaxValidatorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DateTimeMaxValidatorDirective, deps: [{ token: DATE_API }, { token: FORMAT_PROVIDER }], target: i0.ɵɵFactoryTarget.Directive });
+DateTimeMaxValidatorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DateTimeMaxValidatorDirective, deps: [{ token: DATE_API }], target: i0.ɵɵFactoryTarget.Directive });
 DateTimeMaxValidatorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.6", type: DateTimeMaxValidatorDirective, selector: "[dateTime][maxDateTime][validate]", providers: [
         {
             provide: NG_VALIDATORS,
@@ -65,8 +65,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [DATE_API]
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [FORMAT_PROVIDER]
                 }] }]; } });
 //# sourceMappingURL=dateTimeMaxValidator.directive.js.map

package/es2020/src/modules/dateTime/directives/dateTimeMaxValidator/dateTimeMaxValidator.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"dateTimeMaxValidator.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTime/directives/dateTimeMaxValidator/dateTimeMaxValidator.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAoB,UAAU,EAAE,MAAM,EAAS,MAAM,eAAe,CAAC;AACtF,OAAO,EAAkB,aAAa,EAA2C,MAAM,gBAAgB,CAAC;AAGxG,OAAO,EAAC,QAAQ,EAAE,eAAe,EAAC,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAC,oBAAoB,EAAE,iBAAiB,EAAC,MAAM,6BAA6B,CAAC;AAEpF,OAAO,EAAC,sBAAsB,EAAC,MAAM,2BAA2B,CAAC;;AAEjE;;GAEG;AAcH,MAAM,OAAO,6BAA+C,SAAQ,sBAA6B;IAS7F,iEAAiE;IACjE,YAA8B,OAAuB,EAChB,cAA8B;QAE/D,KAAK,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;QAXnC,oEAAoE;QAEpE;;WAEG;QACK,eAAU,GAAgB,GAAG,EAAE,CAAC,IAAI,CAAC;QAOzC,IAAI,CAAC,UAAU,GAAG,iBAAiB,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IAC7D,CAAC;IAED,+FAA+F;IAE/F;;OAEG;IACI,QAAQ;QAEX,IAAI,CAAC,UAAU,GAAG,oBAAoB,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;IAChH,CAAC;IAED,kGAAkG;IAElG;;;;OAIG;IACI,QAAQ,CAAC,OAAwB;QAEpC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,CAAC;IAED,mFAAmF;IAEnF;;OAEG;IACgB,mBAAmB;QAElC,IAAI,CAAC,UAAU,GAAG,oBAAoB,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;IAChH,CAAC;;0HA/CQ,6BAA6B,kBAUlB,QAAQ,aACR,eAAe;8GAX1B,6BAA6B,4DATtC;QAEI;YACI,OAAO,EAAE,aAAa;YACtB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,6BAA6B,CAAC;YAC5D,KAAK,EAAE,IAAI;SACd;KACJ;2FAEQ,6BAA6B;kBAbzC,SAAS;mBACV;oBACI,QAAQ,EAAE,mCAAmC;oBAC7C,SAAS,EACT;wBAEI;4BACI,OAAO,EAAE,aAAa;4BACtB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,8BAA8B,CAAC;4BAC5D,KAAK,EAAE,IAAI;yBACd;qBACJ;iBACJ;;0BAWgB,MAAM;2BAAC,QAAQ;;0BACf,MAAM;2BAAC,eAAe","sourcesContent":["import {Directive, ExistingProvider, forwardRef, Inject, OnInit} from '@angular/core';\nimport {AbstractControl, NG_VALIDATORS, ValidationErrors, Validator, ValidatorFn} from '@angular/forms';\n\nimport {FormatProvider} from '../../../../interfaces';\nimport {DATE_API, FORMAT_PROVIDER} from '../../../../misc/tokens';\nimport {datetimeMaxValidator, datetimeValidator} from '../../../../misc/validators';\nimport {DateApi} from '../../../../services';\nimport {DateTimeRestrictedBase} from '../dateTimeRestrictedBase';\n\n/**\n * Applies validator for date time max value\n */\n@Directive(\n{\n    selector: '[dateTime][maxDateTime][validate]',\n    providers:\n    [\n        <ExistingProvider>\n        {\n            provide: NG_VALIDATORS,\n            useExisting: forwardRef(() => DateTimeMaxValidatorDirective),\n            multi: true\n        },\n    ],\n})\nexport class DateTimeMaxValidatorDirective<TDate = unknown> extends DateTimeRestrictedBase<TDate>  implements Validator, OnInit\n{\n    //######################### private fields #########################\n\n    /**\n     * Function used for validations\n     */\n    private _validator: ValidatorFn = () => null;\n\n    //######################### constructor #########################\n    constructor(@Inject(DATE_API) dateApi: DateApi<TDate>,\n                @Inject(FORMAT_PROVIDER) formatProvider: FormatProvider,)\n    {\n        super(dateApi, formatProvider);\n        this._validator = datetimeValidator(dateApi, null, null);\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n    \n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        this._validator = datetimeMaxValidator(this.dateApi, this.maxDateTime, this.valueFormat, this.customFormat);\n    }\n\n    //######################### public methods - implementation of Validator #########################\n\n    /**\n     * Validates input and returns validation result\n     * @param control - Control that is being validated\n     * @returns validation results\n     */\n    public validate(control: AbstractControl): ValidationErrors|null\n    {\n        return this._validator(control);\n    }\n\n    //######################### protected methods - overrides #########################\n\n    /**\n     * @inheritdoc\n     */\n    protected override onMaxDateTimeChange(): void\n    {\n        this._validator = datetimeMaxValidator(this.dateApi, this.maxDateTime, this.valueFormat, this.customFormat);\n    }\n}"]}
+{"version":3,"file":"dateTimeMaxValidator.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTime/directives/dateTimeMaxValidator/dateTimeMaxValidator.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAoB,UAAU,EAAE,MAAM,EAAS,MAAM,eAAe,CAAC;AACtF,OAAO,EAAkB,aAAa,EAA2C,MAAM,gBAAgB,CAAC;AAExG,OAAO,EAAC,QAAQ,EAAC,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAC,oBAAoB,EAAC,MAAM,6BAA6B,CAAC;AAEjE,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;;AAE7C;;GAEG;AAcH,MAAM,OAAO,6BAA+C,SAAQ,YAAmB;IASnF,iEAAiE;IACjE,YAAwC,OAAuB;QAE3D,KAAK,EAAE,CAAC;QAF4B,YAAO,GAAP,OAAO,CAAgB;QAR/D,oEAAoE;QAEpE;;WAEG;QACK,eAAU,GAAgB,GAAG,EAAE,CAAC,IAAI,CAAC;IAM7C,CAAC;IAED,+FAA+F;IAE/F;;OAEG;IACI,QAAQ;QAEX,IAAI,CAAC,UAAU,GAAG,oBAAoB,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;IACvJ,CAAC;IAED,kGAAkG;IAElG;;;;OAIG;IACI,QAAQ,CAAC,OAAwB;QAEpC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,CAAC;IAED,mFAAmF;IAEnF;;OAEG;IACgB,mBAAmB;QAElC,IAAI,CAAC,UAAU,GAAG,oBAAoB,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;IACvJ,CAAC;;0HA7CQ,6BAA6B,kBAUlB,QAAQ;8GAVnB,6BAA6B,4DATtC;QAEI;YACI,OAAO,EAAE,aAAa;YACtB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,6BAA6B,CAAC;YAC5D,KAAK,EAAE,IAAI;SACd;KACJ;2FAEQ,6BAA6B;kBAbzC,SAAS;mBACV;oBACI,QAAQ,EAAE,mCAAmC;oBAC7C,SAAS,EACT;wBAEI;4BACI,OAAO,EAAE,aAAa;4BACtB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,8BAA8B,CAAC;4BAC5D,KAAK,EAAE,IAAI;yBACd;qBACJ;iBACJ;;0BAWgB,MAAM;2BAAC,QAAQ","sourcesContent":["import {Directive, ExistingProvider, forwardRef, Inject, OnInit} from '@angular/core';\nimport {AbstractControl, NG_VALIDATORS, ValidationErrors, Validator, ValidatorFn} from '@angular/forms';\n\nimport {DATE_API} from '../../../../misc/tokens';\nimport {datetimeMaxValidator} from '../../../../misc/validators';\nimport {DateApi} from '../../../../services';\nimport {DateTimeBase} from '../dateTimeBase';\n\n/**\n * Applies validator for date time max value\n */\n@Directive(\n{\n    selector: '[dateTime][maxDateTime][validate]',\n    providers:\n    [\n        <ExistingProvider>\n        {\n            provide: NG_VALIDATORS,\n            useExisting: forwardRef(() => DateTimeMaxValidatorDirective),\n            multi: true\n        },\n    ],\n})\nexport class DateTimeMaxValidatorDirective<TDate = unknown> extends DateTimeBase<TDate>  implements Validator, OnInit\n{\n    //######################### private fields #########################\n\n    /**\n     * Function used for validations\n     */\n    private _validator: ValidatorFn = () => null;\n\n    //######################### constructor #########################\n    constructor(@Inject(DATE_API) protected dateApi: DateApi<TDate>,)\n    {\n        super();\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n    \n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        this._validator = datetimeMaxValidator(this.dateApi, this.dateTimeData.maxDateTime, this.dateTimeData.valueFormat, this.dateTimeData.customFormat);\n    }\n\n    //######################### public methods - implementation of Validator #########################\n\n    /**\n     * Validates input and returns validation result\n     * @param control - Control that is being validated\n     * @returns validation results\n     */\n    public validate(control: AbstractControl): ValidationErrors|null\n    {\n        return this._validator(control);\n    }\n\n    //######################### protected methods - overrides #########################\n\n    /**\n     * @inheritdoc\n     */\n    protected override onMaxDateTimeChange(): void\n    {\n        this._validator = datetimeMaxValidator(this.dateApi, this.dateTimeData.maxDateTime, this.dateTimeData.valueFormat, this.dateTimeData.customFormat);\n    }\n}"]}