npm - @anglr/datetime - Versions diffs - 5.0.0-beta.20221019112435 → 5.0.0-beta.20221020044622 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (63) hide show

package/changelog.md CHANGED Viewed

@@ -19,6 +19,7 @@
         - `element` html element that represents input itself
 - new `DateTimeModule` module for basic date time directives, components, pipes
     - **exports**
+        - `DateTimeDirective,`
         - `DateTimeControlValueAccessorDirective`
         - `DateTimeInputDirective`
         - `DateTimeMaxValidatorDirective`
@@ -28,17 +29,7 @@
 - new `DateTimeBase` class, that is base class for date time directives, contains basic shared data
     - **implements**
         - `DateTimeInputValue`
-    - **inputs**
-        - `valueFormat` gets or sets date time value format which is being worked with in this date time
-        - `format` gets or sets format of string representation of date
-        - `customFormat` custom format string representation of date
-- new `DateTimeRestrictedBase` class, that is base class for date time directives with value restrictions
-    - **extends** `DateTimeBase`
-    - **implements**
         - `OnDestroy`
-    - **inputs**
-        - `maxDateTime` gets or sets max allowed date for date time
-        - `minDateTime` gets or sets min allowed date for date time
 - new `DateTimeInputDirective` directive, that is used for setting up date time input
     - **extends** `DateTimeBase`
     - **implements**
@@ -60,14 +51,14 @@
     - **provides**
         - `NG_VALIDATORS` providing self
 - new `DateTimeMaxValidatorDirective` directive, that applies validator for date time max value
-    - **extends** `DateTimeRestrictedBase`
+    - **extends** `DateTimeBase`
     - **implements**
         - `Validator`
         - `OnInit`
     - **provides**
         - `NG_VALIDATORS` providing self
 - new `DateTimeMinValidatorDirective` directive, that applies validator for date time min value
-    - **extends** `DateTimeRestrictedBase`
+    - **extends** `DateTimeBase`
     - **implements**
         - `Validator`
         - `OnInit`
@@ -109,7 +100,7 @@
         - `showPicker` hides date time picker
         - `hidePicker` shows date time picker
 - new `DateTimePickerComponent` directive, which is component used for displaying date time picker
-    - **extends** `DateTimeRestrictedBase`
+    - **extends** `DateTimeDirective`
     - **implements**
         - `DateTimeInputValue`
         - `OnChanges`
@@ -148,6 +139,18 @@
     - **properties**
         - `periodsDefinition` definition of types for each period type for picker
         - `defaultPeriod` name of default period for picker that is displayed after opening
+- new `DateTimeDirective` directive, that holds shared data for date time, like formats, restrictions
+    - **implements**
+        - `OnDestroy`
+    - **properties**
+        - `maxDateTimeChanges` occurs when there are changes in max date time value
+        - `minDateTimeChanges` occurs when there are changes in min date time value
+    - **inputs**
+        - `valueFormat` gets or sets date time value format which is being worked with in this date time
+        - `format` gets or sets format of string representation of date
+        - `customFormat` custom format string representation of date
+        - `maxDateTime` gets or sets max allowed date for date time
+        - `minDateTime` gets or sets min allowed date for date time
 - updated `DateApiObject` interface
     - new `unixTimestamp` method, that gets value of date time as unix timestamp
 - updated `DateFormatPipe`

package/es2015/src/modules/dateTime/directives/dateTime/dateTime.directive.js ADDED Viewed

@@ -0,0 +1,221 @@
+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) {
+        var _a;
+        (_a = this.maxDateInstanceChange) === null || _a === void 0 ? void 0 : _a.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) {
+        var _a;
+        (_a = this.minDateInstanceChange) === null || _a === void 0 ? void 0 : _a.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() {
+        var _a, _b;
+        (_a = this.maxDateInstanceChange) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        this.maxDateInstanceChange = null;
+        (_b = this.minDateInstanceChange) === null || _b === void 0 ? void 0 : _b.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/es2015/src/modules/dateTime/directives/dateTime/dateTime.directive.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"dateTime.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTime/directives/dateTime/dateTime.directive.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAY,MAAM,eAAe,CAAC;AAClE,OAAO,EAAU,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAa,OAAO,EAAe,MAAM,MAAM,CAAC;AAGvD,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAC,QAAQ,EAAE,eAAe,EAAC,MAAM,yBAAyB,CAAC;AAElE,OAAO,EAAC,sBAAsB,EAAC,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;;AAE7C;;GAEG;AAKH,MAAM,OAAO,iBAAiB;IAJ9B;QAMI,0EAA0E;QAE1E;;WAEG;QACO,8BAAyB,GAAkB,IAAI,OAAO,EAAQ,CAAC;QAEzE;;WAEG;QACO,8BAAyB,GAAkB,IAAI,OAAO,EAAQ,CAAC;QAsBzE;;WAEG;QACO,iBAAY,GAAwB,mBAAmB,CAAC,YAAY,CAAC;QAE/E;;WAEG;QACO,YAAO,GAAyB,MAAM,CAAC;QAEjD;;WAEG;QACO,YAAO,GAAmB,MAAM,CAAC,QAAQ,CAAC,CAAC;QAErD;;WAEG;QACO,mBAAc,GAAmB,MAAM,CAAC,eAAe,CAAC,CAAC;QAwDnE;;WAEG;QAEI,iBAAY,GAAW,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;KAqL3F;IA/OG,uEAAuE;IAEvE;;OAEG;IACH,IAAW,kBAAkB;QAEzB,OAAO,IAAI,CAAC,yBAAyB,CAAC,YAAY,EAAE,CAAC;IACzD,CAAC;IAED;;OAEG;IACH,IAAW,kBAAkB;QAEzB,OAAO,IAAI,CAAC,yBAAyB,CAAC,YAAY,EAAE,CAAC;IACzD,CAAC;IAED,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;IAQD;;OAEG;IACH,IACW,WAAW;QAElB,OAAO,IAAI,CAAC,YAAY,CAAC;IAC7B,CAAC;IACD,IAAW,WAAW,CAAC,KAA2B;;QAE9C,MAAA,IAAI,CAAC,qBAAqB,0CAAE,WAAW,EAAE,CAAC;QAC1C,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC;QAElC,IAAG,OAAO,CAAC,KAAK,CAAC,EACjB;YACI,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YAEvB,OAAO;SACV;QAED,IAAI,GAAG,GAAoC,KAAK,CAAC;QAEjD,IAAG,KAAK,aAAY,YAAmB,CAAA,EACvC;YACI,IAAI,CAAC,qBAAqB,GAAG,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,GAAG,EAAE;gBAE1D,MAAM,GAAG,GAAG,sBAAsB,CAAQ,KAAK,CAAC,KAAK,CAAC,CAAC;gBAEvD,IAAG,OAAO,CAAC,GAAG,CAAC,EACf;oBACI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;oBAEtB,OAAO;iBACV;gBAED,IAAI,CAAC,cAAc,CAAC,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;YAC9C,CAAC,CAAC,CAAC;YAEH,MAAM,CAAC,GAAG,sBAAsB,CAAQ,KAAK,CAAC,KAAK,CAAC,CAAC;YAErD,IAAG,OAAO,CAAC,CAAC,CAAC,EACb;gBACI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;gBAEtB,OAAO;aACV;YAED,GAAG,GAAG,CAAC,CAAC;SACX;QAED,IAAI,CAAC,cAAc,CAAC,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IAC9C,CAAC;IAED;;OAEG;IACH,IACW,WAAW;QAElB,OAAO,IAAI,CAAC,YAAY,CAAC;IAC7B,CAAC;IACD,IAAW,WAAW,CAAC,KAA2B;;QAE9C,MAAA,IAAI,CAAC,qBAAqB,0CAAE,WAAW,EAAE,CAAC;QAC1C,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC;QAElC,IAAG,OAAO,CAAC,KAAK,CAAC,EACjB;YACI,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YAEvB,OAAO;SACV;QAED,IAAI,GAAG,GAAoC,KAAK,CAAC;QAEjD,IAAG,KAAK,aAAY,YAAmB,CAAA,EACvC;YACI,IAAI,CAAC,qBAAqB,GAAG,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,GAAG,EAAE;gBAE1D,MAAM,GAAG,GAAG,sBAAsB,CAAQ,KAAK,CAAC,KAAK,CAAC,CAAC;gBAEvD,IAAG,OAAO,CAAC,GAAG,CAAC,EACf;oBACI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;oBAEtB,OAAO;iBACV;gBAED,IAAI,CAAC,cAAc,CAAC,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;YAC9C,CAAC,CAAC,CAAC;YAEH,MAAM,CAAC,GAAG,sBAAsB,CAAQ,KAAK,CAAC,KAAK,CAAC,CAAC;YAErD,IAAG,OAAO,CAAC,CAAC,CAAC,EACb;gBACI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;gBAEtB,OAAO;aACV;YAED,GAAG,GAAG,CAAC,CAAC;SACX;QAED,IAAI,CAAC,cAAc,CAAC,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IAC9C,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;;QAEd,MAAA,IAAI,CAAC,qBAAqB,0CAAE,WAAW,EAAE,CAAC;QAC1C,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC;QAElC,MAAA,IAAI,CAAC,qBAAqB,0CAAE,WAAW,EAAE,CAAC;QAC1C,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC;IACtC,CAAC;IAED,uEAAuE;IAEvE;;;OAGG;IAEO,UAAU,CAAC,KAA2B;QAE5C,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC1B,IAAI,CAAC,yBAAyB,CAAC,IAAI,EAAE,CAAC;IAC1C,CAAC;IAED;;;OAGG;IAEO,UAAU,CAAC,KAA2B;QAE5C,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC1B,IAAI,CAAC,yBAAyB,CAAC,IAAI,EAAE,CAAC;IAC1C,CAAC;IAED;;;;OAIG;IACO,cAAc,CAAC,KAA+B,EAAE,MAAqC;QAE3F,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAE5D,IAAG,GAAG,CAAC,OAAO,EAAE,EAChB;YACI,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;SACrB;aAED;YACI,MAAM,CAAC,IAAI,CAAC,CAAC;SAChB;IACL,CAAC;;8GAnRQ,iBAAiB;kGAAjB,iBAAiB;;IAgPzB,QAAQ;;;;mDAKR;;IAMA,QAAQ;;;;mDAKR;2FAhQQ,iBAAiB;kBAJ7B,SAAS;mBACV;oBACI,QAAQ,EAAE,YAAY;iBACzB;8BA+Ec,WAAW;sBADrB,KAAK;gBAqBK,MAAM;sBADhB,KAAK;gBAeC,YAAY;sBADlB,KAAK;gBAOK,WAAW;sBADrB,KAAK;gBAsDK,WAAW;sBADrB,KAAK;gBAuEI,UAAU,MAWV,UAAU","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/es2015/src/modules/dateTime/directives/dateTimeBase.js CHANGED Viewed

@@ -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/es2015/src/modules/dateTime/directives/dateTimeBase.js.map CHANGED Viewed

	@@ -1 +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"]}
1	+ {"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/es2015/src/modules/dateTime/directives/dateTimeInput/dateTimeInput.directive.js CHANGED Viewed

@@ -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
@@ -49,10 +50,10 @@ export class DateTimeInputDirective extends DateTimeBase {
         var _a;
         //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 = (_a = this.internalValue) === null || _a === void 0 ? void 0 : _a.format(this.customFormat);
+            this.rawValue = (_a = this.internalValue) === null || _a === void 0 ? void 0 : _a.format(this.dateTimeData.customFormat);
         }
         else {
             //TODO: add support for ranges
@@ -78,6 +79,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);
@@ -88,7 +90,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;
         }
@@ -96,22 +98,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);
             }
         }
     }
@@ -126,7 +128,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();
     }
     /**
@@ -144,7 +146,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,
@@ -184,8 +186,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/es2015/src/modules/dateTime/directives/dateTimeInput/dateTimeInput.directive.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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, 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}"]}
1	+ {"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}"]}