@anglr/datetime 2.0.0-beta.20220221103100 → 2.0.0-beta.20220221120606

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

@@ -0,0 +1,417 @@
+import { Component, ChangeDetectionStrategy, Inject, ChangeDetectorRef, ElementRef, ViewChild } from '@angular/core';
+import { Subject } from 'rxjs';
+import { DATE_API } from '../../../misc/tokens';
+import { DatePositionParserService } from '../../../services/datePositionParser.service';
+import { DateValueProvider } from '../../../services/dateValueProvider.service';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../services/datePositionParser.service";
+import * as i2 from "../../../services/dateValueProvider.service";
+/**
+ * Component used as datetime selector with input
+ */
+export class InputDateTimeSelectorComponent {
+    //######################### constructor #########################
+    constructor(_dateApi, _parserSvc, _valueProvider, _changeDetector) {
+        this._dateApi = _dateApi;
+        this._parserSvc = _parserSvc;
+        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();
+        /**
+         * Instance of parser created for specific format
+         */
+        this._parser = null;
+        /**
+         * 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) {
+        //only if format changes
+        if (this._format != value) {
+            this._parser = this._parserSvc.createParser(this._dateApi.getFormat(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();
+        const result = this._parser.parse(this.currentValue, this.input.selectionStart);
+        this.input.selectionStart = result.positionFrom;
+        this.input.selectionEnd = result.positionTo;
+    }
+    /**
+     * 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 selection of text inside of input
+     * @internal
+     */
+    handleSelect() {
+        //handles when all text is selected
+        if (this.currentValue && this.input.selectionStart == 0 && this.input.selectionEnd == this.input.value.length) {
+            const result = this._parser.parse(this.input.value, this.input.selectionStart);
+            this.input.selectionStart = result.positionFrom;
+            this.input.selectionEnd = result.positionTo;
+        }
+    }
+    /**
+     * Handles click event inside of input
+     * @internal
+     */
+    handleClick() {
+        this._pickerRequest.next(true);
+        if (!this._dateApiValue) {
+            return;
+        }
+        const result = this._parser.parse(this.input.value, this.input.selectionStart);
+        this.input.selectionStart = result.positionFrom;
+        this.input.selectionEnd = result.positionTo;
+    }
+    /**
+     * 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();
+                    const result = event.key == 'ArrowLeft' ? this._parser.previous(this.input.value, this.input.selectionStart) : this._parser.next(this.input.value, this.input.selectionStart);
+                    if (result) {
+                        this.input.selectionStart = result.positionFrom;
+                        this.input.selectionEnd = result.positionTo;
+                    }
+                    break;
+                }
+            case 'ArrowUp':
+            case 'ArrowDown':
+                {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    let result = this._parser.parse(this.input.value, this.input.selectionStart);
+                    const selectionStart = result.positionFrom;
+                    this._stepChangeValue(result.part, event.key == 'ArrowUp');
+                    this._show();
+                    result = this._parser.parse(this.input.value, selectionStart);
+                    this.input.selectionStart = result.positionFrom;
+                    this.input.selectionEnd = result.positionTo;
+                    break;
+                }
+            case 'Tab':
+                {
+                    const result = event.shiftKey ? this._parser.previous(this.input.value, this.input.selectionStart) : this._parser.next(this.input.value, this.input.selectionStart);
+                    if (result) {
+                        event.preventDefault();
+                        event.stopPropagation();
+                        this.input.selectionStart = result.positionFrom;
+                        this.input.selectionEnd = result.positionTo;
+                    }
+                    break;
+                }
+            case 'a':
+                {
+                    if (event.ctrlKey) {
+                        event.preventDefault();
+                        event.stopPropagation();
+                    }
+                    break;
+                }
+            case 'Backspace':
+                {
+                    this._clearValue();
+                    this._valueChange.next();
+                    break;
+                }
+            case 'Escape':
+                {
+                    this._pickerRequest.next(false);
+                    break;
+                }
+            case ' ':
+                {
+                    if (event.ctrlKey) {
+                        this._pickerRequest.next(true);
+                    }
+                    break;
+                }
+        }
+    }
+    //######################### protected methods #########################
+    /**
+     * Shows current value in input
+     */
+    _show() {
+        if (this._isValid) {
+            this.currentValue = this._dateApiValue?.format(this._format) ?? 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();
+    }
+    /**
+     * Clears current value
+     */
+    _clearValue() {
+        this._dateApiValue = null;
+        this._isValid = true;
+        this.currentValue = null;
+    }
+    /**
+     * Changes current value of date for for specified part by single step
+     * @param part - Part of date that should be changed
+     * @param increment - Indication whether value should be incremented or decremented
+     */
+    _stepChangeValue(part, increment) {
+        if (!this._dateApiValue?.isValid()) {
+            return;
+        }
+        switch (part) {
+            case 'y':
+            case 'Y':
+                {
+                    this._withMinMaxConstraint(() => increment ? this._dateApiValue.addYears(1) : this._dateApiValue.subtractYears(1));
+                    break;
+                }
+            case 'Q':
+                {
+                    break;
+                }
+            case 'M':
+                {
+                    this._withMinMaxConstraint(() => increment ? this._dateApiValue.addMonths(1) : this._dateApiValue.subtractMonths(1));
+                    break;
+                }
+            case 'w':
+                {
+                    this._withMinMaxConstraint(() => increment ? this._dateApiValue.addWeeks(1) : this._dateApiValue.subtractWeeks(1));
+                    break;
+                }
+            case 'd':
+            case 'D':
+                {
+                    this._withMinMaxConstraint(() => increment ? this._dateApiValue.addDays(1) : this._dateApiValue.subtractDays(1));
+                    break;
+                }
+        }
+    }
+}
+InputDateTimeSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: InputDateTimeSelectorComponent, deps: [{ token: DATE_API }, { token: i1.DatePositionParserService }, { token: i2.DateValueProvider }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+InputDateTimeSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: InputDateTimeSelectorComponent, selector: "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       (select)=\"handleSelect()\"\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: InputDateTimeSelectorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: '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       (select)=\"handleSelect()\"\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.DatePositionParserService }, { type: i2.DateValueProvider }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { inputElement: [{
+                type: ViewChild,
+                args: ['input', { static: true }]
+            }] } });
+//# sourceMappingURL=inputDateTime.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"inputDateTime.component.js","sourceRoot":"","sources":["../../../../../src/selector/components/inputDateTime/inputDateTime.component.ts","../../../../../src/selector/components/inputDateTime/inputDateTime.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, DatePositionParser} from '../../../services';\nimport {DatePositionParserService} from '../../../services/datePositionParser.service';\nimport {DateValueProvider} from '../../../services/dateValueProvider.service';\nimport {DateTimeSelector} from '../../misc/datetimeSelector.interface';\n\n/**\n * Component used as datetime selector with input\n */\n@Component(\n{\n    selector: 'input-date-time-selector',\n    templateUrl: 'inputDateTime.component.html',\n    styleUrls: ['inputDateTime.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class InputDateTimeSelectorComponent<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     * Instance of parser created for specific format\n     */\n    protected _parser: DatePositionParser|null = null;\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        //only if format changes\n        if(this._format != value)\n        {\n            this._parser = this._parserSvc.createParser(this._dateApi.getFormat(value));\n        }\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 _parserSvc: DatePositionParserService,\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        const result = this._parser!.parse(this.currentValue!, this.input.selectionStart!);\n\n        this.input.selectionStart = result.positionFrom;\n        this.input.selectionEnd = result.positionTo;\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 selection of text inside of input\n     * @internal\n     */\n    public handleSelect()\n    {\n        //handles when all text is selected\n        if(this.currentValue && this.input.selectionStart == 0 && this.input.selectionEnd == this.input.value.length)\n        {\n            const result = this._parser!.parse(this.input.value, this.input.selectionStart!);\n\n            this.input.selectionStart = result.positionFrom;\n            this.input.selectionEnd = result.positionTo;\n        }\n    }\n\n    /**\n     * Handles click event inside of input\n     * @internal\n     */\n    public handleClick()\n    {\n        this._pickerRequest.next(true);\n\n        if(!this._dateApiValue)\n        {\n            return;\n        }\n\n        const result = this._parser!.parse(this.input.value, this.input.selectionStart!);\n\n        this.input.selectionStart = result.positionFrom;\n        this.input.selectionEnd = result.positionTo;\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                const result = event.key == 'ArrowLeft' ? this._parser!.previous(this.input.value, this.input.selectionStart!) : this._parser!.next(this.input.value, this.input.selectionStart!);\n\n                if(result)\n                {\n                    this.input.selectionStart = result.positionFrom;\n                    this.input.selectionEnd = result.positionTo;\n                }\n\n                break;\n            }\n            case 'ArrowUp':\n            case 'ArrowDown':\n            {\n                event.preventDefault();\n                event.stopPropagation();\n\n                let result = this._parser!.parse(this.input.value, this.input.selectionStart!);\n                const selectionStart = result.positionFrom;\n\n                this._stepChangeValue(result.part, event.key == 'ArrowUp');\n                this._show();\n\n                result = this._parser!.parse(this.input.value, selectionStart);\n\n                this.input.selectionStart = result.positionFrom;\n                this.input.selectionEnd = result.positionTo;\n\n                break;\n            }\n            case 'Tab':\n            {\n                const result = event.shiftKey ? this._parser!.previous(this.input.value, this.input.selectionStart!) : this._parser!.next(this.input.value, this.input.selectionStart!);\n\n                if(result)\n                {\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    this.input.selectionStart = result.positionFrom;\n                    this.input.selectionEnd = result.positionTo;\n                }\n\n                break;\n            }\n            case 'a':\n            {\n                if(event.ctrlKey)\n                {\n                    event.preventDefault();\n                    event.stopPropagation();\n                }\n\n                break;\n            }\n            case 'Backspace':\n            {\n                this._clearValue();\n                this._valueChange.next();\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     * 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\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): 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     * Clears current value\n     */\n    protected _clearValue()\n    {\n        this._dateApiValue = null;\n        this._isValid = true;\n        this.currentValue = null;\n    }\n\n    /**\n     * Changes current value of date for for specified part by single step\n     * @param part - Part of date that should be changed\n     * @param increment - Indication whether value should be incremented or decremented\n     */\n    protected _stepChangeValue(part: string, increment: boolean)\n    {\n        if(!this._dateApiValue?.isValid())\n        {\n            return;\n        }\n\n        switch(part)\n        {\n            case 'y':\n            case 'Y':\n            {\n                this._withMinMaxConstraint(() => increment ? this._dateApiValue!.addYears(1) : this._dateApiValue!.subtractYears(1));\n\n                break;\n            }\n            case 'Q':\n            {\n                break;\n            }\n            case 'M':\n            {\n                this._withMinMaxConstraint(() => increment ? this._dateApiValue!.addMonths(1) : this._dateApiValue!.subtractMonths(1));\n\n                break;\n            }\n            case 'w':\n            {\n                this._withMinMaxConstraint(() => increment ? this._dateApiValue!.addWeeks(1) : this._dateApiValue!.subtractWeeks(1));\n\n                break;\n            }\n            case 'd':\n            case 'D':\n            {\n                this._withMinMaxConstraint(() => increment ? this._dateApiValue!.addDays(1) : this._dateApiValue!.subtractDays(1));\n\n                break;\n            }\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       (select)=\"handleSelect()\"\r\n       (keydown)=\"handleKeyboard($any($event))\"\r\n       [disabled]=\"disabled\"\r\n       [placeholder]=\"placeholder\">"]}

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

@@ -0,0 +1,15 @@
+import { animateChild, transition, trigger } from '@angular/animations';
+/**
+ * Animation trigger for animating children on enter leave
+ */
+export const enterLeaveAnimateChildTrigger = trigger('enterLeaveAnimateChild', [
+    transition(':enter', [
+        animateChild()
+        // query(':enter', animateChild())
+    ]),
+    transition(':leave', [
+        animateChild()
+        // query(':leave', animateChild())
+    ])
+]);
+//# sourceMappingURL=selector.component.animations.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"selector.component.animations.js","sourceRoot":"","sources":["../../../../../src/selector/components/selector/selector.component.animations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAE,UAAU,EAAE,OAAO,EAAC,MAAM,qBAAqB,CAAC;AAEtE;;GAEG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,OAAO,CAAC,wBAAwB,EAC7E;IACI,UAAU,CAAC,QAAQ,EACnB;QACI,YAAY,EAAE;QACd,kCAAkC;KACrC,CAAC;IACF,UAAU,CAAC,QAAQ,EACnB;QACI,YAAY,EAAE;QACd,kCAAkC;KACrC,CAAC;CACL,CAAC,CAAC","sourcesContent":["import {animateChild, transition, trigger} from '@angular/animations';\n\n/**\n * Animation trigger for animating children on enter leave\n */\nexport const enterLeaveAnimateChildTrigger = trigger('enterLeaveAnimateChild',\n[\n    transition(':enter', \n    [\n        animateChild()\n        // query(':enter', animateChild())\n    ]),\n    transition(':leave', \n    [\n        animateChild()\n        // query(':leave', animateChild())\n    ])\n]);"]}