@anglr/datetime 2.0.0-beta.20220221103100 → 2.0.1

package/es2020/src/selector/components/simpleInputDateTime/simpleInputDateTime.component.js

@@ -0,0 +1,314 @@
+import { Component, ChangeDetectionStrategy, Inject, ChangeDetectorRef, ElementRef, ViewChild } from '@angular/core';
+import { Subject } from 'rxjs';
+import { DATE_API } from '../../../misc/tokens';
+import { DateValueProvider } from '../../../services/dateValueProvider.service';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../services/dateValueProvider.service";
+/**
+ * Component used as datetime selector with simple input
+ */
+export class SimpleInputDateTimeSelectorComponent {
+    //######################### constructor #########################
+    constructor(_dateApi, _valueProvider, _changeDetector) {
+        this._dateApi = _dateApi;
+        this._valueProvider = _valueProvider;
+        this._changeDetector = _changeDetector;
+        //######################### protected fields #########################
+        /**
+         * Occurs when value changes
+         */
+        this._valueChange = new Subject();
+        /**
+         * Occurs when selector is touched by user
+         */
+        this._touched = new Subject();
+        /**
+         * Occurs when selector requires picker to be displayed or hidden
+         */
+        this._pickerRequest = new Subject();
+        /**
+         * Currently used format for displaying data
+         */
+        this._format = '';
+        /**
+         * Current value representation as date api wrapper
+         */
+        this._dateApiValue = null;
+        /**
+         * Indication whether is current value valid value
+         */
+        this._isValid = true;
+        /**
+         * Minimal possible value that can be picked
+         */
+        this._minValue = null;
+        /**
+         * Maximal possible value that can be picked
+         */
+        this._maxValue = null;
+        //######################### public properties - template bindings #########################
+        /**
+         * Indication whether is input disabled
+         * @internal
+         */
+        this.disabled = false;
+    }
+    //######################### public properties - implementation of DateTimeSelector #########################
+    /**
+     * Gets or sets currently used format for displaying data
+     */
+    get format() {
+        return this._format;
+    }
+    set format(value) {
+        this._format = value;
+    }
+    /**
+     * Gets current value of datetime
+     */
+    get value() {
+        if (!this._dateApiValue || !this._isValid) {
+            return null;
+        }
+        return this._valueProvider.getValue(this._dateApiValue.value, this._format);
+    }
+    /**
+     * Gets formatted value
+     */
+    get formattedValue() {
+        if (!this._isValid) {
+            return null;
+        }
+        return this.currentValue;
+    }
+    /**
+     * Gets indication whether is current value valid
+     */
+    get valid() {
+        return this._isValid;
+    }
+    /**
+     * Occurs when value changes
+     */
+    get valueChange() {
+        return this._valueChange.asObservable();
+    }
+    /**
+     * Occurs when selector is touched by user
+     */
+    get touched() {
+        return this._touched.asObservable();
+    }
+    /**
+     * Occurs when selector requires picker to be displayed
+     */
+    get pickerRequest() {
+        return this._pickerRequest.asObservable();
+    }
+    //######################### protected properties #########################
+    /**
+     * Gets or sets string representation current of value
+     */
+    get currentValue() {
+        return this.input.value || null;
+    }
+    set currentValue(value) {
+        if (this.input) {
+            this.input.value = value ?? '';
+        }
+    }
+    /**
+     * Gets input element used for handling date time value
+     */
+    get input() {
+        return this.inputElement.nativeElement;
+    }
+    //######################### public methods - implementation of DateTimeSelector #########################
+    /**
+     * Sets minimal possible value for picker, that can be picked
+     * @param value - Minimal possible value that can be picked
+     */
+    setMinValue(value) {
+        this._minValue = value;
+    }
+    /**
+     * Sets maximal possible value for picker, that can be picked
+     * @param value - Maximal possible value that can be picked
+     */
+    setMaxValue(value) {
+        this._maxValue = value;
+    }
+    /**
+     * Sets value of datetime selector
+     * @param value - Value to be set to this selector
+     */
+    setValue(value) {
+        if (value?.from) {
+            this._dateApiValue = this._dateApi.getValue(value?.from, this._format);
+            this._isValid = this._dateApiValue.isValid();
+            this._show();
+        }
+        else {
+            this._clearValue();
+        }
+    }
+    /**
+     * Sets as 'control' disabled
+     * @param disabled - Indication whether sets value as disabled, if omitted it is same as disabled set to true
+     */
+    setDisabled(disabled = true) {
+        this.disabled = disabled;
+    }
+    /**
+     * Explicitly runs invalidation of content (change detection)
+     */
+    invalidateVisuals() {
+        this._changeDetector.detectChanges();
+    }
+    //######################### public methods - template bindings #########################
+    /**
+     * Handles gaining of focus
+     * @internal
+     */
+    handleFocus() {
+        this._pickerRequest.next(true);
+        //no value
+        if (!this._dateApiValue) {
+            this._dateApiValue = this._dateApi.now();
+            this._isValid = this._dateApiValue.isValid();
+            if (this._minMaxConstraintTest()) {
+                this._clearValue();
+            }
+            else {
+                this._valueChange.next();
+            }
+        }
+        if (!this._isValid) {
+            return;
+        }
+        this._show();
+    }
+    /**
+     * Handles blur on input
+     * @internal
+     */
+    handleBlur() {
+        this._pickerRequest.next(false);
+    }
+    /**
+     * Handles user input
+     * @internal
+     */
+    handleInput() {
+        //empty value
+        if (!this.currentValue) {
+            this._clearValue();
+            this._valueChange.next();
+            return;
+        }
+        this._dateApiValue = this._dateApi.getValue(this.currentValue, this._format);
+        this._isValid = this._dateApiValue.isValid();
+        this._valueChange.next();
+    }
+    /**
+     * Handles click event inside of input
+     * @internal
+     */
+    handleClick() {
+        this._pickerRequest.next(true);
+    }
+    /**
+     * Handles keyboard events
+     * @param event - Keyboard event that occured
+     * @param input - Html input element that holds current value and selection
+     * @internal
+     */
+    handleKeyboard(event) {
+        if (!this._dateApiValue?.isValid()) {
+            return;
+        }
+        switch (event.key) {
+            case 'ArrowRight':
+            case 'ArrowLeft':
+                {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    this._withMinMaxConstraint(() => event.key == 'ArrowLeft' ? this._dateApiValue.subtractDays(1) : this._dateApiValue.addDays(1));
+                    this._show();
+                    break;
+                }
+            case 'ArrowUp':
+            case 'ArrowDown':
+                {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    this._withMinMaxConstraint(() => event.key == 'ArrowUp' ? this._dateApiValue.subtractWeeks(1) : this._dateApiValue.addWeeks(1));
+                    this._show();
+                    break;
+                }
+            case 'Escape':
+                {
+                    this._pickerRequest.next(false);
+                    break;
+                }
+            case ' ':
+                {
+                    if (event.ctrlKey) {
+                        this._pickerRequest.next(true);
+                    }
+                    break;
+                }
+        }
+    }
+    //######################### protected methods #########################
+    /**
+     * Clears current value
+     */
+    _clearValue() {
+        this._dateApiValue = null;
+        this._isValid = true;
+        this.currentValue = null;
+    }
+    /**
+     * Tests whether are min or max constraint broken, returns true if constraint is broken
+     */
+    _minMaxConstraintTest() {
+        return (!!this._minValue && this._dateApiValue.isBefore(this._minValue)) ||
+            (!!this._maxValue && this._dateApiValue.isAfter(this._maxValue));
+    }
+    /**
+     * Runs code with check whether min max constrains was broken
+     * @param code - Code that should be executed which can change current value
+     */
+    _withMinMaxConstraint(code) {
+        this._dateApiValue.updateOriginal();
+        code();
+        //min value constraint failure
+        if (this._minMaxConstraintTest()) {
+            this._dateApiValue?.resetOriginal();
+            return;
+        }
+        this._valueChange.next();
+    }
+    /**
+     * Shows current value in input
+     */
+    _show() {
+        if (this._isValid) {
+            this.currentValue = this._dateApiValue?.format(this._format) ?? null;
+        }
+    }
+}
+SimpleInputDateTimeSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SimpleInputDateTimeSelectorComponent, deps: [{ token: DATE_API }, { token: i1.DateValueProvider }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+SimpleInputDateTimeSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: SimpleInputDateTimeSelectorComponent, selector: "simple-input-date-time-selector", viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true, static: true }], ngImport: i0, template: "<input type=\"text\"\r\n       #input\r\n       (focus)=\"handleFocus()\"\r\n       (blur)=\"handleBlur()\"\r\n       (input)=\"handleInput()\"\r\n       (click)=\"handleClick()\"\r\n       (keydown)=\"handleKeyboard($any($event))\"\r\n       [disabled]=\"disabled\"\r\n       [placeholder]=\"placeholder\">", styles: [":host\r\n{\r\n    display: block;\r\n}\r\n\r\ninput\r\n{\r\n    width: 100%;\r\n}"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SimpleInputDateTimeSelectorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'simple-input-date-time-selector', changeDetection: ChangeDetectionStrategy.OnPush, template: "<input type=\"text\"\r\n       #input\r\n       (focus)=\"handleFocus()\"\r\n       (blur)=\"handleBlur()\"\r\n       (input)=\"handleInput()\"\r\n       (click)=\"handleClick()\"\r\n       (keydown)=\"handleKeyboard($any($event))\"\r\n       [disabled]=\"disabled\"\r\n       [placeholder]=\"placeholder\">", styles: [":host\r\n{\r\n    display: block;\r\n}\r\n\r\ninput\r\n{\r\n    width: 100%;\r\n}"] }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DATE_API]
+                }] }, { type: i1.DateValueProvider }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { inputElement: [{
+                type: ViewChild,
+                args: ['input', { static: true }]
+            }] } });
+//# sourceMappingURL=simpleInputDateTime.component.js.map

package/es2020/src/selector/components/simpleInputDateTime/simpleInputDateTime.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"simpleInputDateTime.component.js","sourceRoot":"","sources":["../../../../../src/selector/components/simpleInputDateTime/simpleInputDateTime.component.ts","../../../../../src/selector/components/simpleInputDateTime/simpleInputDateTime.component.html"],"names":[],"mappings":"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","sourcesContent":["import {Component, ChangeDetectionStrategy, Inject, ChangeDetectorRef, ElementRef, ViewChild} from '@angular/core';\nimport {Observable, Subject} from 'rxjs';\n\nimport {DateTimeValue} from '../../../misc/datetime.interface';\nimport {DATE_API} from '../../../misc/tokens';\nimport {DateApi, DateApiObject} from '../../../services';\nimport {DateValueProvider} from '../../../services/dateValueProvider.service';\nimport {DateTimeSelector} from '../../misc/datetimeSelector.interface';\n\n/**\n * Component used as datetime selector with simple input\n */\n@Component(\n{\n    selector: 'simple-input-date-time-selector',\n    templateUrl: 'simpleInputDateTime.component.html',\n    styleUrls: ['simpleInputDateTime.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SimpleInputDateTimeSelectorComponent<TDate = any> implements DateTimeSelector<TDate>\n{\n    //######################### protected fields #########################\n\n    /**\n     * Occurs when value changes\n     */\n    protected _valueChange: Subject<void> = new Subject<void>();\n\n    /**\n     * Occurs when selector is touched by user\n     */\n    protected _touched: Subject<void> = new Subject<void>();\n\n    /**\n     * Occurs when selector requires picker to be displayed or hidden\n     */\n    protected _pickerRequest: Subject<boolean> = new Subject<boolean>();\n\n    /**\n     * Currently used format for displaying data\n     */\n    protected _format: string = '';\n\n    /**\n     * Current value representation as date api wrapper\n     */\n    protected _dateApiValue: null|DateApiObject<TDate> = null;\n\n    /**\n     * Indication whether is current value valid value\n     */\n    protected _isValid: boolean = true;\n\n    /**\n     * Minimal possible value that can be picked\n     */\n    protected _minValue: TDate|null = null;\n\n    /**\n     * Maximal possible value that can be picked\n     */\n    protected _maxValue: TDate|null = null;\n\n    //######################### public properties - implementation of DateTimeSelector #########################\n\n    /**\n     * Gets or sets currently used format for displaying data\n     */\n    public get format(): string\n    {\n        return this._format;\n    }\n    public set format(value: string)\n    {\n        this._format = value;\n    }\n\n    /**\n     * Gets or sets placeholder that is displayed when there is no value selected\n     */\n    public placeholder: string|undefined;\n\n    /**\n     * Gets current value of datetime\n     */\n    public get value(): DateTimeValue<TDate>|null\n    {\n        if(!this._dateApiValue || !this._isValid)\n        {\n            return null;\n        }\n\n        return this._valueProvider.getValue(this._dateApiValue.value, this._format);\n    }\n\n    /**\n     * Gets formatted value\n     */\n    public get formattedValue(): string|null\n    {\n        if(!this._isValid)\n        {\n            return null;\n        }\n\n        return this.currentValue;\n    }\n\n    /**\n     * Gets indication whether is current value valid\n     */\n    public get valid(): boolean\n    {\n        return this._isValid;\n    }\n\n    /**\n     * Occurs when value changes\n     */\n    public get valueChange(): Observable<void>\n    {\n        return this._valueChange.asObservable();\n    }\n\n    /**\n     * Occurs when selector is touched by user\n     */\n    public get touched(): Observable<void>\n    {\n        return this._touched.asObservable();\n    }\n\n    /**\n     * Occurs when selector requires picker to be displayed\n     */\n    public get pickerRequest(): Observable<boolean>\n    {\n        return this._pickerRequest.asObservable();\n    }\n\n    //######################### public properties - template bindings #########################\n\n    /**\n     * Indication whether is input disabled\n     * @internal\n     */\n    public disabled: boolean = false;\n\n    //######################### public properties - children #########################\n\n    /**\n     * Instance of html input element\n     * @internal\n     */\n    @ViewChild('input', {static: true})\n    public inputElement?: ElementRef<HTMLInputElement>;\n\n    //######################### protected properties #########################\n\n    /**\n     * Gets or sets string representation current of value\n     */\n    protected get currentValue(): string|null\n    {\n        return this.input.value || null;\n    }\n    protected set currentValue(value: string|null)\n    {\n        if(this.input)\n        {\n            this.input.value = value ?? '';\n        }\n    }\n\n    /**\n     * Gets input element used for handling date time value\n     */\n    protected get input(): HTMLInputElement\n    {\n        return this.inputElement!.nativeElement;\n    }\n\n    //######################### constructor #########################\n    constructor(@Inject(DATE_API) protected _dateApi: DateApi<TDate>,\n                protected _valueProvider: DateValueProvider<TDate>,\n                protected _changeDetector: ChangeDetectorRef)\n    {\n    }\n\n    //######################### public methods - implementation of DateTimeSelector #########################\n\n    /**\n     * Sets minimal possible value for picker, that can be picked\n     * @param value - Minimal possible value that can be picked\n     */\n    public setMinValue(value: TDate|null): void\n    {\n        this._minValue = value;\n    }\n\n    /**\n     * Sets maximal possible value for picker, that can be picked\n     * @param value - Maximal possible value that can be picked\n     */\n    public setMaxValue(value: TDate|null): void\n    {\n        this._maxValue = value;\n    }\n\n    /**\n     * Sets value of datetime selector\n     * @param value - Value to be set to this selector\n     */\n    public setValue(value: DateTimeValue<TDate>|null): void\n    {\n        if(value?.from)\n        {\n            this._dateApiValue = this._dateApi.getValue(value?.from, this._format);\n            this._isValid = this._dateApiValue.isValid();\n\n            this._show();\n        }\n        else\n        {\n            this._clearValue();\n        }\n    }\n\n    /**\n     * Sets as 'control' disabled\n     * @param disabled - Indication whether sets value as disabled, if omitted it is same as disabled set to true\n     */\n    public setDisabled(disabled: boolean = true): void\n    {\n        this.disabled = disabled;\n    }\n\n    /**\n     * Explicitly runs invalidation of content (change detection)\n     */\n    public invalidateVisuals(): void\n    {\n        this._changeDetector.detectChanges();\n    }\n\n    //######################### public methods - template bindings #########################\n\n    /**\n     * Handles gaining of focus\n     * @internal\n     */\n    public handleFocus()\n    {\n        this._pickerRequest.next(true);\n\n        //no value\n        if(!this._dateApiValue)\n        {\n            this._dateApiValue = this._dateApi.now();\n            this._isValid = this._dateApiValue.isValid();\n\n            if(this._minMaxConstraintTest())\n            {\n                this._clearValue();\n            }\n            else\n            {\n                this._valueChange.next();\n            }\n        }\n\n        if(!this._isValid)\n        {\n            return;\n        }\n\n        this._show();\n    }\n\n    /**\n     * Handles blur on input\n     * @internal\n     */\n    public handleBlur()\n    {\n        this._pickerRequest.next(false);\n    }\n\n    /**\n     * Handles user input\n     * @internal\n     */\n    public handleInput()\n    {\n        //empty value\n        if(!this.currentValue)\n        {\n            this._clearValue();\n            this._valueChange.next();\n\n            return;\n        }\n\n        this._dateApiValue = this._dateApi.getValue(this.currentValue, this._format);\n        this._isValid = this._dateApiValue.isValid();\n        this._valueChange.next();\n    }\n\n    /**\n     * Handles click event inside of input\n     * @internal\n     */\n    public handleClick()\n    {\n        this._pickerRequest.next(true);\n    }\n\n    /**\n     * Handles keyboard events\n     * @param event - Keyboard event that occured\n     * @param input - Html input element that holds current value and selection\n     * @internal\n     */\n    public handleKeyboard(event: KeyboardEvent)\n    {\n        if(!this._dateApiValue?.isValid())\n        {\n            return;\n        }\n\n        switch(event.key)\n        {\n            case 'ArrowRight':\n            case 'ArrowLeft':\n            {\n                event.preventDefault();\n                event.stopPropagation();\n\n                this._withMinMaxConstraint(() => event.key == 'ArrowLeft' ? this._dateApiValue!.subtractDays(1) : this._dateApiValue!.addDays(1));\n                this._show();\n\n                break;\n            }\n            case 'ArrowUp':\n            case 'ArrowDown':\n            {\n                event.preventDefault();\n                event.stopPropagation();\n\n                this._withMinMaxConstraint(() => event.key == 'ArrowUp' ? this._dateApiValue!.subtractWeeks(1) : this._dateApiValue!.addWeeks(1));\n                this._show();\n\n                break;\n            }\n            case 'Escape':\n            {\n                this._pickerRequest.next(false);\n\n                break;\n            }\n            case ' ':\n            {\n                if(event.ctrlKey)\n                {\n                    this._pickerRequest.next(true);\n                }\n\n                break;\n            }\n        }\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Clears current value\n     */\n    protected _clearValue()\n    {\n        this._dateApiValue = null;\n        this._isValid = true;\n        this.currentValue = null;\n    }\n\n    /**\n     * Tests whether are min or max constraint broken, returns true if constraint is broken\n     */\n    protected _minMaxConstraintTest(): boolean\n    {\n        return (!!this._minValue && this._dateApiValue!.isBefore(this._minValue)) ||\n               (!!this._maxValue && this._dateApiValue!.isAfter(this._maxValue));\n    }\n\n    /**\n     * Runs code with check whether min max constrains was broken\n     * @param code - Code that should be executed which can change current value\n     */\n    protected _withMinMaxConstraint(code: () => void)\n    {\n        this._dateApiValue!.updateOriginal();\n\n        code();\n\n        //min value constraint failure\n        if(this._minMaxConstraintTest())\n        {\n            this._dateApiValue?.resetOriginal();\n\n            return;\n        }\n\n        this._valueChange.next();\n    }\n\n    /**\n     * Shows current value in input\n     */\n    protected _show()\n    {\n        if(this._isValid)\n        {\n            this.currentValue = this._dateApiValue?.format(this._format) ?? null;\n        }\n    }\n}","<input type=\"text\"\r\n       #input\r\n       (focus)=\"handleFocus()\"\r\n       (blur)=\"handleBlur()\"\r\n       (input)=\"handleInput()\"\r\n       (click)=\"handleClick()\"\r\n       (keydown)=\"handleKeyboard($any($event))\"\r\n       [disabled]=\"disabled\"\r\n       [placeholder]=\"placeholder\">"]}

package/es2020/src/selector/directives/datetimeMaxValidator/datetimeMaxValidator.directive.js

@@ -0,0 +1,51 @@
+import { forwardRef, Directive, Inject } from '@angular/core';
+import { NG_VALIDATORS } from '@angular/forms';
+import { Validators } from '../../../misc/validators';
+import { DateTimeSelectorComponent } from '../../components/selector/selector.component';
+import { DATE_API } from '../../../misc/tokens';
+import * as i0 from "@angular/core";
+import * as i1 from "../../components/selector/selector.component";
+/**
+ * Validator that is injected with directive DatetimeMaxValidatorDirective
+ */
+const DATETIME_MIN_VALIDATOR = {
+    provide: NG_VALIDATORS,
+    useExisting: forwardRef(() => DatetimeMaxValidatorDirective),
+    multi: true
+};
+/**
+ * Directive injecting datetime max validator, validating max datetime value
+ */
+export class DatetimeMaxValidatorDirective {
+    //######################### constructor #########################
+    constructor(datetimeSelector, dateApi) {
+        //######################### private fields #########################
+        /**
+         * Function used for validations
+         */
+        this._validator = () => null;
+        this._validator = Validators.maxDatetime(datetimeSelector, dateApi);
+    }
+    //######################### public methods - implementation of Validator #########################
+    /**
+     * Validates input and returns validation result
+     * @param control - Control that is being validated
+     * @returns validation results
+     */
+    validate(control) {
+        return this._validator(control);
+    }
+}
+DatetimeMaxValidatorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: DatetimeMaxValidatorDirective, deps: [{ token: i1.DateTimeSelectorComponent }, { token: DATE_API }], target: i0.ɵɵFactoryTarget.Directive });
+DatetimeMaxValidatorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.3", type: DatetimeMaxValidatorDirective, selector: "date-time-selector[validate][maxValue][formControlName]:not([range]),date-time-selector[validate][maxValue][formControl]:not([range]),date-time-selector[validate][maxValue][ngModel]:not([range])", providers: [DATETIME_MIN_VALIDATOR], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: DatetimeMaxValidatorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'date-time-selector[validate][maxValue][formControlName]:not([range]),date-time-selector[validate][maxValue][formControl]:not([range]),date-time-selector[validate][maxValue][ngModel]:not([range])',
+                    providers: [DATETIME_MIN_VALIDATOR]
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DateTimeSelectorComponent }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DATE_API]
+                }] }]; } });
+//# sourceMappingURL=datetimeMaxValidator.directive.js.map

package/es2020/src/selector/directives/datetimeMaxValidator/datetimeMaxValidator.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datetimeMaxValidator.directive.js","sourceRoot":"","sources":["../../../../../src/selector/directives/datetimeMaxValidator/datetimeMaxValidator.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,UAAU,EAAE,SAAS,EAAE,MAAM,EAAC,MAAM,eAAe,CAAC;AAC9E,OAAO,EAAC,aAAa,EAA4D,MAAM,gBAAgB,CAAC;AAExG,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAC,yBAAyB,EAAC,MAAM,8CAA8C,CAAC;AAEvF,OAAO,EAAC,QAAQ,EAAC,MAAM,sBAAsB,CAAC;;;AAE9C;;GAEG;AACH,MAAM,sBAAsB,GAC5B;IACI,OAAO,EAAE,aAAa;IACtB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,6BAA6B,CAAC;IAC5D,KAAK,EAAE,IAAI;CACd,CAAC;AAEF;;GAEG;AAMH,MAAM,OAAO,6BAA6B;IAStC,iEAAiE;IACjE,YAAY,gBAAkD,EAChC,OAAuB;QATrD,oEAAoE;QAEpE;;WAEG;QACK,eAAU,GAAgB,GAAG,EAAE,CAAC,IAAI,CAAC;QAMzC,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,WAAW,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAC;IACxE,CAAC;IAED,kGAAkG;IAElG;;;;OAIG;IACI,QAAQ,CAAC,OAAwB;QAEpC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,CAAC;;0HA1BQ,6BAA6B,2DAWlB,QAAQ;8GAXnB,6BAA6B,6NAF3B,CAAC,sBAAsB,CAAC;2FAE1B,6BAA6B;kBALzC,SAAS;mBACV;oBACI,QAAQ,EAAE,oMAAoM;oBAC9M,SAAS,EAAE,CAAC,sBAAsB,CAAC;iBACtC;;0BAYgB,MAAM;2BAAC,QAAQ","sourcesContent":["import {ExistingProvider, forwardRef, Directive, Inject} from '@angular/core';\nimport {NG_VALIDATORS, AbstractControl, Validator, ValidatorFn, ValidationErrors} from '@angular/forms';\n\nimport {Validators} from '../../../misc/validators';\nimport {DateTimeSelectorComponent} from '../../components/selector/selector.component';\nimport {DateApi} from '../../../services/dateApi.interface';\nimport {DATE_API} from '../../../misc/tokens';\n\n/**\n * Validator that is injected with directive DatetimeMaxValidatorDirective\n */\nconst DATETIME_MIN_VALIDATOR = <ExistingProvider>\n{\n    provide: NG_VALIDATORS,\n    useExisting: forwardRef(() => DatetimeMaxValidatorDirective),\n    multi: true\n};\n\n/**\n * Directive injecting datetime max validator, validating max datetime value \n */\n@Directive(\n{\n    selector: 'date-time-selector[validate][maxValue][formControlName]:not([range]),date-time-selector[validate][maxValue][formControl]:not([range]),date-time-selector[validate][maxValue][ngModel]:not([range])',\n    providers: [DATETIME_MIN_VALIDATOR]\n})\nexport class DatetimeMaxValidatorDirective<TDate = any> implements Validator\n{\n    //######################### private fields #########################\n\n    /**\n     * Function used for validations\n     */\n    private _validator: ValidatorFn = () => null;\n\n    //######################### constructor #########################\n    constructor(datetimeSelector: DateTimeSelectorComponent<TDate>,\n                @Inject(DATE_API) dateApi: DateApi<TDate>)\n    {\n        this._validator = Validators.maxDatetime(datetimeSelector, dateApi);\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}"]}

package/es2020/src/selector/directives/datetimeMinValidator/datetimeMinValidator.directive.js

@@ -0,0 +1,51 @@
+import { forwardRef, Directive, Inject } from '@angular/core';
+import { NG_VALIDATORS } from '@angular/forms';
+import { Validators } from '../../../misc/validators';
+import { DateTimeSelectorComponent } from '../../components/selector/selector.component';
+import { DATE_API } from '../../../misc/tokens';
+import * as i0 from "@angular/core";
+import * as i1 from "../../components/selector/selector.component";
+/**
+ * Validator that is injected with directive DatetimeMinValidatorDirective
+ */
+const DATETIME_MIN_VALIDATOR = {
+    provide: NG_VALIDATORS,
+    useExisting: forwardRef(() => DatetimeMinValidatorDirective),
+    multi: true
+};
+/**
+ * Directive injecting datetime min validator, validating min datetime value
+ */
+export class DatetimeMinValidatorDirective {
+    //######################### constructor #########################
+    constructor(datetimeSelector, dateApi) {
+        //######################### private fields #########################
+        /**
+         * Function used for validations
+         */
+        this._validator = () => null;
+        this._validator = Validators.minDatetime(datetimeSelector, dateApi);
+    }
+    //######################### public methods - implementation of Validator #########################
+    /**
+     * Validates input and returns validation result
+     * @param control - Control that is being validated
+     * @returns validation results
+     */
+    validate(control) {
+        return this._validator(control);
+    }
+}
+DatetimeMinValidatorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: DatetimeMinValidatorDirective, deps: [{ token: i1.DateTimeSelectorComponent }, { token: DATE_API }], target: i0.ɵɵFactoryTarget.Directive });
+DatetimeMinValidatorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.3", type: DatetimeMinValidatorDirective, selector: "date-time-selector[validate][minValue][formControlName]:not([range]),date-time-selector[validate][minValue][formControl]:not([range]),date-time-selector[validate][minValue][ngModel]:not([range])", providers: [DATETIME_MIN_VALIDATOR], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: DatetimeMinValidatorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'date-time-selector[validate][minValue][formControlName]:not([range]),date-time-selector[validate][minValue][formControl]:not([range]),date-time-selector[validate][minValue][ngModel]:not([range])',
+                    providers: [DATETIME_MIN_VALIDATOR]
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DateTimeSelectorComponent }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DATE_API]
+                }] }]; } });
+//# sourceMappingURL=datetimeMinValidator.directive.js.map

package/es2020/src/selector/directives/datetimeMinValidator/datetimeMinValidator.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datetimeMinValidator.directive.js","sourceRoot":"","sources":["../../../../../src/selector/directives/datetimeMinValidator/datetimeMinValidator.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,UAAU,EAAE,SAAS,EAAE,MAAM,EAAC,MAAM,eAAe,CAAC;AAC9E,OAAO,EAAC,aAAa,EAA4D,MAAM,gBAAgB,CAAC;AAExG,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAC,yBAAyB,EAAC,MAAM,8CAA8C,CAAC;AAEvF,OAAO,EAAC,QAAQ,EAAC,MAAM,sBAAsB,CAAC;;;AAE9C;;GAEG;AACH,MAAM,sBAAsB,GAC5B;IACI,OAAO,EAAE,aAAa;IACtB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,6BAA6B,CAAC;IAC5D,KAAK,EAAE,IAAI;CACd,CAAC;AAEF;;GAEG;AAMH,MAAM,OAAO,6BAA6B;IAStC,iEAAiE;IACjE,YAAY,gBAAkD,EAChC,OAAuB;QATrD,oEAAoE;QAEpE;;WAEG;QACK,eAAU,GAAgB,GAAG,EAAE,CAAC,IAAI,CAAC;QAMzC,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,WAAW,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAC;IACxE,CAAC;IAED,kGAAkG;IAElG;;;;OAIG;IACI,QAAQ,CAAC,OAAwB;QAEpC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,CAAC;;0HA1BQ,6BAA6B,2DAWlB,QAAQ;8GAXnB,6BAA6B,6NAF3B,CAAC,sBAAsB,CAAC;2FAE1B,6BAA6B;kBALzC,SAAS;mBACV;oBACI,QAAQ,EAAE,oMAAoM;oBAC9M,SAAS,EAAE,CAAC,sBAAsB,CAAC;iBACtC;;0BAYgB,MAAM;2BAAC,QAAQ","sourcesContent":["import {ExistingProvider, forwardRef, Directive, Inject} from '@angular/core';\nimport {NG_VALIDATORS, AbstractControl, Validator, ValidatorFn, ValidationErrors} from '@angular/forms';\n\nimport {Validators} from '../../../misc/validators';\nimport {DateTimeSelectorComponent} from '../../components/selector/selector.component';\nimport {DateApi} from '../../../services/dateApi.interface';\nimport {DATE_API} from '../../../misc/tokens';\n\n/**\n * Validator that is injected with directive DatetimeMinValidatorDirective\n */\nconst DATETIME_MIN_VALIDATOR = <ExistingProvider>\n{\n    provide: NG_VALIDATORS,\n    useExisting: forwardRef(() => DatetimeMinValidatorDirective),\n    multi: true\n};\n\n/**\n * Directive injecting datetime min validator, validating min datetime value \n */\n@Directive(\n{\n    selector: 'date-time-selector[validate][minValue][formControlName]:not([range]),date-time-selector[validate][minValue][formControl]:not([range]),date-time-selector[validate][minValue][ngModel]:not([range])',\n    providers: [DATETIME_MIN_VALIDATOR]\n})\nexport class DatetimeMinValidatorDirective<TDate = any> implements Validator\n{\n    //######################### private fields #########################\n\n    /**\n     * Function used for validations\n     */\n    private _validator: ValidatorFn = () => null;\n\n    //######################### constructor #########################\n    constructor(datetimeSelector: DateTimeSelectorComponent<TDate>,\n                @Inject(DATE_API) dateApi: DateApi<TDate>)\n    {\n        this._validator = Validators.minDatetime(datetimeSelector, dateApi);\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}"]}

package/es2020/src/selector/directives/datetimeValidator/datetimeValidator.directive.js

@@ -0,0 +1,47 @@
+import { forwardRef, Directive } from '@angular/core';
+import { NG_VALIDATORS } from '@angular/forms';
+import { Validators } from '../../../misc/validators';
+import { DateTimeSelectorComponent } from '../../components/selector/selector.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../components/selector/selector.component";
+/**
+ * Validator that is injected with directive DatetimeValidatorDirective
+ */
+const DATETIME_VALIDATOR = {
+    provide: NG_VALIDATORS,
+    useExisting: forwardRef(() => DatetimeValidatorDirective),
+    multi: true
+};
+/**
+ * Directive injecting datetime validator, validating datetime
+ */
+export class DatetimeValidatorDirective {
+    //######################### constructor #########################
+    constructor(datetimeSelector) {
+        //######################### private fields #########################
+        /**
+         * Function used for validations
+         */
+        this._validator = () => null;
+        this._validator = Validators.datetime(datetimeSelector);
+    }
+    //######################### public methods - implementation of Validator #########################
+    /**
+     * Validates input and returns validation result
+     * @param control - Control that is being validated
+     * @returns validation results
+     */
+    validate(control) {
+        return this._validator(control);
+    }
+}
+DatetimeValidatorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: DatetimeValidatorDirective, deps: [{ token: i1.DateTimeSelectorComponent }], target: i0.ɵɵFactoryTarget.Directive });
+DatetimeValidatorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.3", type: DatetimeValidatorDirective, selector: "date-time-selector[validate][formControlName]:not([range]),date-time-selector[validate][formControl]:not([range]),date-time-selector[validate][ngModel]:not([range])", providers: [DATETIME_VALIDATOR], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: DatetimeValidatorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'date-time-selector[validate][formControlName]:not([range]),date-time-selector[validate][formControl]:not([range]),date-time-selector[validate][ngModel]:not([range])',
+                    providers: [DATETIME_VALIDATOR]
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DateTimeSelectorComponent }]; } });
+//# sourceMappingURL=datetimeValidator.directive.js.map

package/es2020/src/selector/directives/datetimeValidator/datetimeValidator.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datetimeValidator.directive.js","sourceRoot":"","sources":["../../../../../src/selector/directives/datetimeValidator/datetimeValidator.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,UAAU,EAAE,SAAS,EAAC,MAAM,eAAe,CAAC;AACtE,OAAO,EAAC,aAAa,EAA4D,MAAM,gBAAgB,CAAC;AAExG,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAC,yBAAyB,EAAC,MAAM,8CAA8C,CAAC;;;AAEvF;;GAEG;AACH,MAAM,kBAAkB,GACxB;IACI,OAAO,EAAE,aAAa;IACtB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,0BAA0B,CAAC;IACzD,KAAK,EAAE,IAAI;CACd,CAAC;AAEF;;GAEG;AAMH,MAAM,OAAO,0BAA0B;IASnC,iEAAiE;IACjE,YAAY,gBAAkD;QAR9D,oEAAoE;QAEpE;;WAEG;QACK,eAAU,GAAgB,GAAG,EAAE,CAAC,IAAI,CAAC;QAKzC,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAC5D,CAAC;IAED,kGAAkG;IAElG;;;;OAIG;IACI,QAAQ,CAAC,OAAwB;QAEpC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,CAAC;;uHAzBQ,0BAA0B;2GAA1B,0BAA0B,+LAFxB,CAAC,kBAAkB,CAAC;2FAEtB,0BAA0B;kBALtC,SAAS;mBACV;oBACI,QAAQ,EAAE,sKAAsK;oBAChL,SAAS,EAAE,CAAC,kBAAkB,CAAC;iBAClC","sourcesContent":["import {ExistingProvider, forwardRef, Directive} from '@angular/core';\nimport {NG_VALIDATORS, AbstractControl, Validator, ValidatorFn, ValidationErrors} from '@angular/forms';\n\nimport {Validators} from '../../../misc/validators';\nimport {DateTimeSelectorComponent} from '../../components/selector/selector.component';\n\n/**\n * Validator that is injected with directive DatetimeValidatorDirective\n */\nconst DATETIME_VALIDATOR = <ExistingProvider>\n{\n    provide: NG_VALIDATORS,\n    useExisting: forwardRef(() => DatetimeValidatorDirective),\n    multi: true\n};\n\n/**\n * Directive injecting datetime validator, validating datetime\n */\n@Directive(\n{\n    selector: 'date-time-selector[validate][formControlName]:not([range]),date-time-selector[validate][formControl]:not([range]),date-time-selector[validate][ngModel]:not([range])',\n    providers: [DATETIME_VALIDATOR]\n})\nexport class DatetimeValidatorDirective<TDate = any> implements Validator\n{\n    //######################### private fields #########################\n\n    /**\n     * Function used for validations\n     */\n    private _validator: ValidatorFn = () => null;\n\n    //######################### constructor #########################\n    constructor(datetimeSelector: DateTimeSelectorComponent<TDate>)\n    {\n        this._validator = Validators.datetime(datetimeSelector);\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}"]}

package/es2020/src/selector/directives/selectorControlValueAccessor/selectorControlValueAccessor.directive.js

@@ -0,0 +1,118 @@
+import { Directive, forwardRef, Input } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { Subscription } from 'rxjs';
+import { DateTimeSelectorComponent } from '../../components/selector/selector.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../components/selector/selector.component";
+/**
+ * Value accessor provider for date time selector
+ */
+const DATE_TIME_SELECTOR_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => DateTimeSelectorControlValueAccessor),
+    multi: true
+};
+/**
+ * Value accessor for getting and setting values for date time selector
+ */
+export class DateTimeSelectorControlValueAccessor {
+    //######################### constructor #########################
+    constructor(_selector) {
+        this._selector = _selector;
+        //######################### protected fields #########################
+        /**
+         * Subscriptions that are destroyed on directive destruction
+         */
+        this._subscriptions = new Subscription();
+        //######################### public properties - inputs #########################
+        /**
+         * Indication whether value for selector is represented as range from, to
+         */
+        this.range = false;
+        /**
+         * Indication whether value for selector is represented as formatted string value, if both 'formatted' and 'range' are set, 'range' takes precedence
+         */
+        this.formatted = false;
+    }
+    //######################### public methods - implementation of OnDestroy #########################
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy() {
+        this._subscriptions?.unsubscribe();
+    }
+    //######################### public methods - implementation of ControlValueAccessor #########################
+    /**
+     * Sets value to datetime selector
+     */
+    writeValue(value) {
+        if (this.range) {
+            this._selector.value = value;
+        }
+        else if (this.formatted) {
+            this._selector.formattedValue = value;
+        }
+        else {
+            this._selector.value =
+                {
+                    from: value,
+                    to: value
+                };
+        }
+    }
+    /**
+     * Registers callback that is called when value of datetime selector value changes
+     */
+    registerOnChange(fn) {
+        this._subscriptions.add(this._selector.valueChange.subscribe(() => this._emitValue(fn)));
+    }
+    /**
+     * Registers callback that is called when datetime selector was touched by user
+     */
+    registerOnTouched(fn) {
+        this._subscriptions.add(this._selector.touched.subscribe(() => fn()));
+    }
+    /**
+     * Used for setting control as disabled
+     * @param isDisabled - disabled status to set on the element
+     */
+    setDisabledState(isDisabled) {
+        this._selector.setDisabled(isDisabled);
+    }
+    //######################### protected methods #########################
+    /**
+     * Used for emitting value that was changed
+     * @param fn - Function that is used for emitting changed value
+     */
+    _emitValue(fn) {
+        if (this.range) {
+            fn(this._selector.value);
+        }
+        else if (this.formatted) {
+            fn(this._selector.formattedValue);
+        }
+        else {
+            const value = this._selector.value;
+            if (!value) {
+                fn(null);
+            }
+            else {
+                fn(value.from);
+            }
+        }
+    }
+}
+DateTimeSelectorControlValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: DateTimeSelectorControlValueAccessor, deps: [{ token: i1.DateTimeSelectorComponent }], target: i0.ɵɵFactoryTarget.Directive });
+DateTimeSelectorControlValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.3", type: DateTimeSelectorControlValueAccessor, selector: "date-time-selector[formControlName],date-time-selector[formControl],date-time-selector[ngModel]", inputs: { range: "range", formatted: "formatted" }, providers: [DATE_TIME_SELECTOR_VALUE_ACCESSOR], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: DateTimeSelectorControlValueAccessor, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'date-time-selector[formControlName],date-time-selector[formControl],date-time-selector[ngModel]',
+                    providers: [DATE_TIME_SELECTOR_VALUE_ACCESSOR]
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DateTimeSelectorComponent }]; }, propDecorators: { range: [{
+                type: Input
+            }], formatted: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=selectorControlValueAccessor.directive.js.map