@anglr/datetime 2.0.1 → 3.0.0-beta.20220322070853

package/es2015/src/picker/directives/loopScroll/loopScroll.directive.js

@@ -0,0 +1,200 @@
+import { __decorate, __metadata } from "tslib";
+import { ContentChildren, Directive, ElementRef, EventEmitter, Input, Output, QueryList } from '@angular/core';
+import { BindThis, isBlank, DebounceCall, nameof } from '@jscrpt/common';
+import { LoopScrollDataDirective } from '../loopScrollData/loopScrollData.directive';
+import * as i0 from "@angular/core";
+/**
+ * Renders loop scroll for array of elements
+ */
+export class LoopScrollDirective {
+    //######################### constructor #########################
+    constructor(_scrollElement) {
+        this._scrollElement = _scrollElement;
+        /**
+         * Indication whether is loop scroll initialized
+         */
+        this._initialized = false;
+        /**
+         * Indication whether is opening active
+         */
+        this._opening = false;
+        /**
+         * Indication whether is currently selection scroll open
+         */
+        this.open = false;
+        //######################### public properties - outputs #########################
+        /**
+         * Occurs when current value of loop scroll changes
+         */
+        this.valueChange = new EventEmitter();
+    }
+    //######################### public methods - implementation of OnChanges #########################
+    /**
+     * Called when input value changes
+     */
+    ngOnChanges(changes) {
+        var _a, _b;
+        if (!this._initialized) {
+            return;
+        }
+        const itemHeight = (_a = this._itemHeight) !== null && _a !== void 0 ? _a : 1;
+        if (nameof('open') in changes) {
+            let scrollOffset = this._scrollElement.nativeElement.scrollTop + (2 * itemHeight);
+            if (nameof('value') in changes) {
+                const selectedItem = (_b = this._items) === null || _b === void 0 ? void 0 : _b.find(itm => itm.data == this.value);
+                if (!selectedItem) {
+                    throw new Error('No item selected in loop scroll');
+                }
+                const selectedIndex = this._items.indexOf(selectedItem);
+                scrollOffset = selectedIndex * itemHeight;
+            }
+            if (this.open) {
+                this._opening = true;
+                this._scrollElement.nativeElement.scrollTo({ top: this._scrollElement.nativeElement.scrollTop - (2 * itemHeight), behavior: 'auto' });
+            }
+            else {
+                this._scrollElement.nativeElement.scrollTo({ top: scrollOffset, behavior: 'auto' });
+            }
+            setTimeout(() => this._opening = false, 300);
+        }
+    }
+    //######################### public methods - implementation of AfterContentInit #########################
+    /**
+     * Called when content was initialized
+     */
+    ngAfterContentInit() {
+        var _a, _b, _c;
+        this._items = (_a = this.items) === null || _a === void 0 ? void 0 : _a.toArray();
+        if (!((_b = this._items) === null || _b === void 0 ? void 0 : _b.length)) {
+            (_c = this.items) === null || _c === void 0 ? void 0 : _c.changes.subscribe(() => {
+                var _a;
+                this._items = (_a = this.items) === null || _a === void 0 ? void 0 : _a.toArray();
+                this._initialize();
+            });
+            return;
+        }
+        this._initialize();
+    }
+    //######################### public methods - implementation of OnDestroy #########################
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy() {
+        this._scrollElement.nativeElement.removeEventListener('scroll', this._handleScroll);
+    }
+    //######################### protected methods #########################
+    /**
+     * Intialize default value
+     */
+    _initialize() {
+        var _a;
+        if (!((_a = this._items) === null || _a === void 0 ? void 0 : _a.length)) {
+            return;
+        }
+        this._items.forEach(itm => {
+            if (isBlank(this._itemHeight)) {
+                this._itemHeight = itm.element.nativeElement.offsetHeight;
+                return;
+            }
+            if (this._itemHeight != itm.element.nativeElement.offsetHeight) {
+                throw new Error('All items inside of loop scroll should have same height');
+            }
+        });
+        this._centerActiveValue();
+        this._scrollElement.nativeElement.addEventListener('scroll', this._handleScroll);
+        this._initialized = true;
+    }
+    /**
+     * Reorders items to make number of items around scroll view equally sized
+     */
+    _reorderItems() {
+        var _a, _b, _c, _d, _e;
+        const scrollOffset = this._scrollElement.nativeElement.scrollTop;
+        const scrollHeight = this._scrollElement.nativeElement.scrollHeight;
+        const scrollableHeight = scrollHeight - (5 * ((_a = this._itemHeight) !== null && _a !== void 0 ? _a : 0));
+        const scrollMid = scrollableHeight / 2;
+        const threshold = scrollableHeight * .25;
+        let reorderOffset = null;
+        //reorder items
+        if (scrollOffset <= scrollMid - threshold ||
+            scrollOffset >= scrollMid + threshold) {
+            reorderOffset = scrollMid - scrollOffset;
+        }
+        else {
+            return;
+        }
+        //move end items to start
+        if (reorderOffset >= 0) {
+            const numberOfItems = Math.floor(reorderOffset / ((_b = this._itemHeight) !== null && _b !== void 0 ? _b : 1));
+            const movedItems = (_c = this._items) === null || _c === void 0 ? void 0 : _c.splice(this._items.length - numberOfItems, numberOfItems);
+            movedItems === null || movedItems === void 0 ? void 0 : movedItems.reverse().forEach(itm => {
+                var _a;
+                this._scrollElement.nativeElement.prepend(itm.element.nativeElement);
+                (_a = this._items) === null || _a === void 0 ? void 0 : _a.unshift(itm);
+            });
+        }
+        //move start items to end
+        else {
+            const numberOfItems = Math.floor((reorderOffset * -1) / ((_d = this._itemHeight) !== null && _d !== void 0 ? _d : 1));
+            const movedItems = (_e = this._items) === null || _e === void 0 ? void 0 : _e.splice(0, numberOfItems);
+            movedItems === null || movedItems === void 0 ? void 0 : movedItems.forEach(itm => {
+                var _a;
+                this._scrollElement.nativeElement.append(itm.element.nativeElement);
+                (_a = this._items) === null || _a === void 0 ? void 0 : _a.push(itm);
+            });
+        }
+    }
+    /**
+     * Handles scroll event
+     */
+    _handleScroll() {
+        var _a, _b;
+        this._reorderItems();
+        const itemHeight = (_a = this._itemHeight) !== null && _a !== void 0 ? _a : 1;
+        const index = Math.round(this._scrollElement.nativeElement.scrollTop / itemHeight);
+        this._scrollElement.nativeElement.scrollTo({ top: index * itemHeight, behavior: 'auto' });
+        if (!this._opening) {
+            this.valueChange.emit((_b = this._items) === null || _b === void 0 ? void 0 : _b[this.open ? (index + 2) : index].data);
+        }
+    }
+    /**
+     * Centers active value
+     */
+    _centerActiveValue() {
+        var _a;
+        const selectedItem = (_a = this._items) === null || _a === void 0 ? void 0 : _a.find(itm => itm.data == this.value);
+        if (!selectedItem) {
+            throw new Error('No item selected in loop scroll');
+        }
+        selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.element.nativeElement.scrollIntoView({ block: 'center' });
+        this._reorderItems();
+        selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.element.nativeElement.scrollIntoView({ block: 'center' });
+    }
+}
+LoopScrollDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: LoopScrollDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+LoopScrollDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.3", type: LoopScrollDirective, selector: "[loopScroll]", inputs: { value: ["loopScroll", "value"], open: "open" }, outputs: { valueChange: "loopScrollChange" }, queries: [{ propertyName: "items", predicate: LoopScrollDataDirective }], usesOnChanges: true, ngImport: i0 });
+__decorate([
+    BindThis,
+    DebounceCall(40),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], LoopScrollDirective.prototype, "_handleScroll", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: LoopScrollDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[loopScroll]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { value: [{
+                type: Input,
+                args: ['loopScroll']
+            }], open: [{
+                type: Input
+            }], valueChange: [{
+                type: Output,
+                args: ['loopScrollChange']
+            }], items: [{
+                type: ContentChildren,
+                args: [LoopScrollDataDirective]
+            }], _handleScroll: [] } });
+//# sourceMappingURL=loopScroll.directive.js.map

package/es2015/src/picker/directives/loopScroll/loopScroll.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loopScroll.directive.js","sourceRoot":"","sources":["../../../../../src/picker/directives/loopScroll/loopScroll.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {AfterContentInit, ContentChildren, Directive, ElementRef, EventEmitter, Input, OnChanges, OnDestroy, Output, QueryList, SimpleChanges} from '@angular/core';\nimport {BindThis, isBlank, DebounceCall, nameof} from '@jscrpt/common';\n\nimport {LoopScrollDataDirective} from '../loopScrollData/loopScrollData.directive';\n\n/**\n * Renders loop scroll for array of elements\n */\n@Directive(\n{\n    selector: '[loopScroll]'\n})\nexport class LoopScrollDirective<TData = any> implements OnChanges, AfterContentInit, OnDestroy\n{\n    //######################### protected fields #########################\n\n    /**\n     * Item height that obtained\n     */\n    protected _itemHeight?: number;\n\n    /**\n     * Array of elements and data for scrolled stuff\n     */\n    protected _items?: LoopScrollDataDirective[];\n\n    /**\n     * Indication whether is loop scroll initialized\n     */\n    protected _initialized: boolean = false;\n\n    /**\n     * Indication whether is opening active\n     */\n    protected _opening: boolean = false;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Value that is being set in loop scroll\n     */\n    @Input('loopScroll')\n    public value?: TData;\n\n    /**\n     * Indication whether is currently selection scroll open\n     */\n    @Input()\n    public open: boolean = false;\n\n    //######################### public properties - outputs #########################\n\n    /**\n     * Occurs when current value of loop scroll changes\n     */\n    @Output('loopScrollChange')\n    public valueChange: EventEmitter<TData> = new EventEmitter<TData>();\n\n    //######################### public properties - children #########################\n\n    /**\n     * Array of items that are loop scrolled\n     */\n    @ContentChildren(LoopScrollDataDirective)\n    public items?: QueryList<LoopScrollDataDirective>;\n\n    //######################### constructor #########################\n    constructor(protected _scrollElement: ElementRef<HTMLElement>)\n    {\n    }\n\n    //######################### public methods - implementation of OnChanges #########################\n    \n    /**\n     * Called when input value changes\n     */\n    public ngOnChanges(changes: SimpleChanges): void\n    {\n        if(!this._initialized)\n        {\n            return;\n        }\n\n        const itemHeight = this._itemHeight ?? 1;\n\n        if(nameof<LoopScrollDirective>('open') in changes)\n        {\n            let scrollOffset = this._scrollElement.nativeElement.scrollTop + (2 * itemHeight);\n\n            if(nameof<LoopScrollDirective>('value') in changes)\n            {\n                const selectedItem = this._items?.find(itm => itm.data == this.value);\n\n                if(!selectedItem)\n                {\n                    throw new Error('No item selected in loop scroll');\n                }\n\n                const selectedIndex = this._items!.indexOf(selectedItem);\n                scrollOffset = selectedIndex * itemHeight;\n            }\n\n            if(this.open)\n            {\n                this._opening = true;\n\n                this._scrollElement.nativeElement.scrollTo({top: this._scrollElement.nativeElement.scrollTop - (2 * itemHeight), behavior: 'auto'});\n            }\n            else\n            {\n                this._scrollElement.nativeElement.scrollTo({top: scrollOffset, behavior: 'auto'});\n            }\n\n            setTimeout(() => this._opening = false, 300);\n        }\n    }\n\n    //######################### public methods - implementation of AfterContentInit #########################\n    \n    /**\n     * Called when content was initialized\n     */\n    public ngAfterContentInit(): void\n    {\n        this._items = this.items?.toArray();\n\n        if(!this._items?.length)\n        {\n            this.items?.changes.subscribe(() =>\n            {\n                this._items = this.items?.toArray();\n\n                this._initialize();\n            });\n\n            return;\n        }\n\n        this._initialize();\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this._scrollElement.nativeElement.removeEventListener('scroll', this._handleScroll);\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Intialize default value\n     */\n    protected _initialize(): void\n    {\n        if(!this._items?.length)\n        {\n            return;\n        }\n\n        this._items.forEach(itm =>\n        {\n            if(isBlank(this._itemHeight))\n            {\n                this._itemHeight = itm.element.nativeElement.offsetHeight;\n\n                return;\n            }\n\n            if(this._itemHeight != itm.element.nativeElement.offsetHeight)\n            {\n                throw new Error('All items inside of loop scroll should have same height');\n            }\n        });\n\n        this._centerActiveValue();\n        this._scrollElement.nativeElement.addEventListener('scroll', this._handleScroll);\n        this._initialized = true;\n    }\n\n    /**\n     * Reorders items to make number of items around scroll view equally sized\n     */\n    protected _reorderItems(): void\n    {\n        const scrollOffset = this._scrollElement.nativeElement.scrollTop;\n        const scrollHeight = this._scrollElement.nativeElement.scrollHeight;\n        const scrollableHeight = scrollHeight - (5 * (this._itemHeight ?? 0));\n        const scrollMid = scrollableHeight / 2;\n        const threshold = scrollableHeight * .25;\n        let reorderOffset: number|null = null;\n\n        //reorder items\n        if(scrollOffset <= scrollMid - threshold ||\n           scrollOffset >= scrollMid + threshold)\n        {\n            reorderOffset = scrollMid - scrollOffset;\n        }\n        else\n        {\n            return;\n        }\n\n        //move end items to start\n        if(reorderOffset >= 0)\n        {\n            const numberOfItems = Math.floor(reorderOffset / (this._itemHeight ?? 1));\n            const movedItems = this._items?.splice(this._items.length - numberOfItems, numberOfItems);\n\n            movedItems?.reverse().forEach(itm =>\n            {\n                this._scrollElement.nativeElement.prepend(itm.element.nativeElement);\n                this._items?.unshift(itm);\n            });\n        }\n        //move start items to end\n        else\n        {\n            const numberOfItems = Math.floor((reorderOffset * -1) / (this._itemHeight ?? 1));\n            const movedItems = this._items?.splice(0, numberOfItems);\n\n            movedItems?.forEach(itm =>\n            {\n                this._scrollElement.nativeElement.append(itm.element.nativeElement);\n                this._items?.push(itm);\n            });\n        }\n    }\n\n    /**\n     * Handles scroll event\n     */\n    @BindThis\n    @DebounceCall(40)\n    protected _handleScroll(): void\n    {\n        this._reorderItems();\n\n        const itemHeight = this._itemHeight ?? 1;\n        const index = Math.round(this._scrollElement.nativeElement.scrollTop / itemHeight);\n\n        this._scrollElement.nativeElement.scrollTo({top: index * itemHeight, behavior: 'auto'});\n\n        if(!this._opening)\n        {\n            this.valueChange.emit(this._items?.[this.open ? (index + 2) : index].data);\n        }\n    }\n\n    /**\n     * Centers active value\n     */\n    protected _centerActiveValue(): void\n    {\n        const selectedItem = this._items?.find(itm => itm.data == this.value);\n\n        if(!selectedItem)\n        {\n            throw new Error('No item selected in loop scroll');\n        }\n\n        selectedItem?.element.nativeElement.scrollIntoView({block: 'center'});\n        this._reorderItems();\n        selectedItem?.element.nativeElement.scrollIntoView({block: 'center'});\n    }\n}"]}

package/es2015/src/picker/directives/loopScroll/loopScroll.interface.js

@@ -0,0 +1,3 @@
+//FIXME: not used for now, maybe will be removed
+export {};
+//# sourceMappingURL=loopScroll.interface.js.map

package/es2015/src/picker/directives/loopScroll/loopScroll.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loopScroll.interface.js","sourceRoot":"","sources":["../../../../../src/picker/directives/loopScroll/loopScroll.interface.ts"],"names":[],"mappings":"AAAA,gDAAgD","sourcesContent":["//FIXME: not used for now, maybe will be removed\n\n/**\n * Represents data for LoopScrollDirective\n */\nexport interface LoopScrollData<TData = any>\n{\n    /**\n     * Text to be displayed for item\n     */\n    displayText?: string;\n\n    /**\n     * Data that are stored per value\n     */\n    data?: TData;\n}"]}

package/es2015/src/picker/directives/loopScrollData/loopScrollData.directive.js

@@ -0,0 +1,23 @@
+import { Directive, ElementRef, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Loop scroll data that are used inside LoopScrollDirective
+ */
+export class LoopScrollDataDirective {
+    //######################### constructor #########################
+    constructor(element) {
+        this.element = element;
+    }
+}
+LoopScrollDataDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: LoopScrollDataDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+LoopScrollDataDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.3", type: LoopScrollDataDirective, selector: "[loopScrollData]", inputs: { data: ["loopScrollData", "data"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: LoopScrollDataDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[loopScrollData]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { data: [{
+                type: Input,
+                args: ['loopScrollData']
+            }] } });
+//# sourceMappingURL=loopScrollData.directive.js.map

package/es2015/src/picker/directives/loopScrollData/loopScrollData.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loopScrollData.directive.js","sourceRoot":"","sources":["../../../../../src/picker/directives/loopScrollData/loopScrollData.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,UAAU,EAAE,KAAK,EAAC,MAAM,eAAe,CAAC;;AAE3D;;GAEG;AAKH,MAAM,OAAO,uBAAuB;IAUhC,iEAAiE;IACjE,YAAmB,OAAgC;QAAhC,YAAO,GAAP,OAAO,CAAyB;IAEnD,CAAC;;oHAbQ,uBAAuB;wGAAvB,uBAAuB;2FAAvB,uBAAuB;kBAJnC,SAAS;mBACV;oBACI,QAAQ,EAAE,kBAAkB;iBAC/B;iGASU,IAAI;sBADV,KAAK;uBAAC,gBAAgB","sourcesContent":["import {Directive, ElementRef, Input} from '@angular/core';\n\n/**\n * Loop scroll data that are used inside LoopScrollDirective\n */\n@Directive(\n{\n    selector: '[loopScrollData]'\n})\nexport class LoopScrollDataDirective<TData = any>\n{\n    //######################### public properties - inputs #########################\n\n    /**\n     * Data for loop\n     */\n    @Input('loopScrollData')\n    public data!: TData;\n\n    //######################### constructor #########################\n    constructor(public element: ElementRef<HTMLElement>)\n    {\n    }\n}"]}

package/es2015/src/picker/misc/datetimePicker.interface.js.map

@@ -1 +1 @@
-{"version":3,"file":"datetimePicker.interface.js","sourceRoot":"","sources":["../../../../src/picker/misc/datetimePicker.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {Type} from '@angular/core';\nimport {Dictionary} from '@jscrpt/common';\nimport {Observable} from 'rxjs';\n\nimport {DateTimeValue} from '../../misc/datetime.interface';\nimport {DateApiObject} from '../../services/dateApi.interface';\n\n/**\n * Shared css classes for all pickers\n */\nexport interface CommonPickerCssClasses\n{\n    /**\n     * Period selection element wrapping displayed period and previous, next buttons\n     */\n    periodSelection?: string;\n\n    /**\n     * Element used for switching period to previous one\n     */\n    previousPeriod?: string;\n\n    /**\n     * Element used for switching period to next one\n     */\n    nextPeriod?: string;\n\n    /**\n     * Element representing currently displayed period\n     */\n    periodValue?: string;\n\n    /**\n     * Element wrapping displayed period data\n     */\n    periodData?: string;\n\n    /**\n     * Element representing single datum for period item\n     */\n    periodDatum?: string;\n}\n\n/**\n * Css classes applied to datetime picker\n */\nexport interface DateTimePickerCssClasses\n{\n    /**\n     * Shared css classes for all pickers\n     */\n    pickerShared?: CommonPickerCssClasses;\n\n    /**\n     * Custom css classes specific for each picker type\n     */\n    pickerCustom?: Dictionary<object>;\n}\n\n/**\n * Defintion of datetime picker component options\n */\nexport interface DateTimePickerOptions<TPicker = any>\n{\n    /**\n     * Order of pickers, it's possible use less pickers as is defined in pickerPeriodsDefinition for example 'month,year'\n     */\n    pickerPeriodsOrder?: string[] | string\n\n    /**\n     * Definition of types for each period type for picker\n     */\n    pickerPeriodsDefinition?: Dictionary<Type<TPicker>>;\n\n    /**\n     * Name of default period for picker that is displayed\n     */\n    defaultPeriod?: string;\n\n    /**\n     * Css classes for date time picker\n     */\n    cssClasses?: DateTimePickerCssClasses;\n}\n\n/**\n * Describes datetime picker component used for displaying and selecting value\n */\nexport interface DateTimePicker<TDate = any, TCssClasses = object>\n{\n    /**\n     * Gets current value of datetime\n     */\n    readonly value: DateTimeValue<TDate>|null;\n\n    /**\n     * Occurs when value changes\n     */\n    readonly valueChange: Observable<void>;\n\n    /**\n     * Occurs when user scales up\n     */\n    readonly scaleUp: Observable<TDate>;\n\n    /**\n     * Occurs when user scales down\n     */\n    readonly scaleDown: Observable<TDate>;\n\n    /**\n     * Sets css classes for picker, allowing to override defaults\n     * @param cssClasses - Css classes to be set for picker\n     */\n    setCssClasses(cssClasses: TCssClasses): void;\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    setMinValue(value: TDate|null): void;\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    setMaxValue(value: TDate|null): void;\n\n    /**\n     * Sets value of datetime picker\n     * @param value - Value to be set to this picker\n     */\n    setValue(value: DateTimeValue<TDate>|null): void;\n\n    /**\n     * Set displays date to be displayed\n     * @param value - Value that identifies period that is going to be displayed\n     */\n    display(value: DateApiObject<TDate>): void;\n\n    /**\n     * Sets indication whether can go down\n     * @param value - Indication whether can go down in period\n     */\n    setCanGoDown(value: boolean): void;\n\n    /**\n     * Sets indication whether can go up\n     * @param value - Indication whether can go up in period\n     */\n    setCanGoUp(value: boolean): void;\n\n    /**\n     * Explicitly runs invalidation of content (change detection)\n     */\n    invalidateVisuals(): void;\n}\n\n/**\n * Data that represents data for any picker type\n */\nexport interface PeriodData<TDate = any>\n{\n    /**\n     * Indication that this period item is active and selected\n     */\n    active: boolean;\n\n    /**\n     * Indication that this period item is disabled\n     */\n    disabled: boolean;\n\n    /**\n     * Date for this period item\n     */\n    date: TDate;\n}\n\n/**\n * Data that represents day in date picker\n */\nexport interface DayData<TDate = any> extends PeriodData<TDate>\n{\n    /**\n     * Indication that range is selected and this day is between selected dates\n     */\n    betweenActive: boolean;\n\n    /**\n     * Indication that this day is out of currently selected month\n     */\n    otherMonth: boolean;\n\n    /**\n     * Indication that this day is today\n     */\n    today: boolean;\n\n    /**\n     * Indication that this day is weekend day\n     */\n    weekend: boolean;\n\n    /**\n     * Day number of month\n     */\n    day: number;\n}\n\n/**\n * Data that represents month in date picker\n */\nexport interface MonthData<TDate = any> extends PeriodData<TDate>\n{\n    /**\n     * Name of month\n     */\n    name: string;\n}\n\n/**\n * Data that represents year in date picker\n */\nexport interface YearData<TDate = any> extends PeriodData<TDate>\n{\n    /**\n     * Value of year\n     */\n    value: number;\n}\n"]}
+{"version":3,"file":"datetimePicker.interface.js","sourceRoot":"","sources":["../../../../src/picker/misc/datetimePicker.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {Type} from '@angular/core';\nimport {Dictionary} from '@jscrpt/common';\nimport {Observable} from 'rxjs';\n\nimport {DateTimeValue} from '../../misc/datetime.interface';\nimport {DateApiObject} from '../../services/dateApi.interface';\n\n/**\n * Shared css classes for all pickers\n */\nexport interface CommonPickerCssClasses\n{\n    /**\n     * Period selection element wrapping displayed period and previous, next buttons\n     */\n    periodSelection: string;\n\n    /**\n     * Element used for switching period to previous one\n     */\n    previousPeriod: string;\n\n    /**\n     * Element used for switching period to next one\n     */\n    nextPeriod: string;\n\n    /**\n     * Element representing currently displayed period\n     */\n    periodValue: string;\n\n    /**\n     * Element wrapping displayed period data\n     */\n    periodData: string;\n\n    /**\n     * Element representing single datum for period item\n     */\n    periodDatum: string;\n\n    /**\n     * Name of css class that represents clickable items in picker\n     */\n    clickable: string;\n}\n\n/**\n * Css classes applied to datetime picker\n */\nexport interface DateTimePickerCssClasses\n{\n    /**\n     * Shared css classes for all pickers\n     */\n    pickerShared?: CommonPickerCssClasses;\n\n    /**\n     * Custom css classes specific for each picker type\n     */\n    pickerCustom?: Dictionary<object>;\n}\n\n/**\n * Defintion of datetime picker component options\n */\nexport interface DateTimePickerOptions<TPicker = any>\n{\n    /**\n     * Order of pickers, it's possible use less pickers as is defined in pickerPeriodsDefinition for example 'month,year'\n     */\n    pickerPeriodsOrder: string[]|string|null;\n\n    /**\n     * Definition of types for each period type for picker\n     */\n    pickerPeriodsDefinition: Dictionary<Type<TPicker>>;\n\n    /**\n     * Name of default period for picker that is displayed\n     */\n    defaultPeriod: string;\n\n    /**\n     * Css classes for date time picker\n     */\n    cssClasses: DateTimePickerCssClasses;\n}\n\n/**\n * Describes datetime picker component used for displaying and selecting value\n */\nexport interface DateTimePicker<TDate = any, TCssClasses = object>\n{\n    /**\n     * Gets current value of datetime\n     */\n    readonly value: DateTimeValue<TDate>|null;\n\n    /**\n     * Occurs when value changes\n     */\n    readonly valueChange: Observable<void>;\n\n    /**\n     * Occurs when user scales up\n     */\n    readonly scaleUp: Observable<TDate>;\n\n    /**\n     * Occurs when user scales down\n     */\n    readonly scaleDown: Observable<TDate>;\n\n    /**\n     * Sets css classes for picker, allowing to override defaults\n     * @param cssClasses - Css classes to be set for picker\n     */\n    setCssClasses(cssClasses: TCssClasses): void;\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    setMinValue(value: TDate|null): void;\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    setMaxValue(value: TDate|null): void;\n\n    /**\n     * Sets value of datetime picker\n     * @param value - Value to be set to this picker\n     */\n    setValue(value: DateTimeValue<TDate>|null): void;\n\n    /**\n     * Set displays date to be displayed\n     * @param value - Value that identifies period that is going to be displayed\n     */\n    display(value: DateApiObject<TDate>): void;\n\n    /**\n     * Sets indication whether can go down\n     * @param value - Indication whether can go down in period\n     */\n    setCanGoDown(value: boolean): void;\n\n    /**\n     * Sets indication whether can go up\n     * @param value - Indication whether can go up in period\n     */\n    setCanGoUp(value: boolean): void;\n\n    /**\n     * Explicitly runs invalidation of content (change detection)\n     */\n    invalidateVisuals(): void;\n}\n\n/**\n * Data that represents data for any picker type\n */\nexport interface PeriodData<TDate = any>\n{\n    /**\n     * Indication that this period item is active and selected\n     */\n    active: boolean;\n\n    /**\n     * Indication that this period item is disabled\n     */\n    disabled: boolean;\n\n    /**\n     * Date for this period item\n     */\n    date: TDate;\n}\n\n/**\n * Data that represents day in date picker\n */\nexport interface DayData<TDate = any> extends PeriodData<TDate>\n{\n    /**\n     * Indication that range is selected and this day is between selected dates\n     */\n    betweenActive: boolean;\n\n    /**\n     * Indication that this day is out of currently selected month\n     */\n    otherMonth: boolean;\n\n    /**\n     * Indication that this day is today\n     */\n    today: boolean;\n\n    /**\n     * Indication that this day is weekend day\n     */\n    weekend: boolean;\n\n    /**\n     * Day number of month\n     */\n    day: number;\n}\n\n/**\n * Data that represents month in date picker\n */\nexport interface MonthData<TDate = any> extends PeriodData<TDate>\n{\n    /**\n     * Name of month\n     */\n    name: string;\n}\n\n/**\n * Data that represents year in date picker\n */\nexport interface YearData<TDate = any> extends PeriodData<TDate>\n{\n    /**\n     * Value of year\n     */\n    value: number;\n}\n"]}

package/es2015/src/picker/modules/picker.module.js

@@ -1,11 +1,13 @@
 import { NgModule } from '@angular/core';
 import { CommonModule as AngularCommonModule } from '@angular/common';
-import { CommonDynamicModule } from '@anglr/common';
+import { CommonDynamicModule, CastPipesModule, ClickOutsideModule, CommonUtilsModule } from '@anglr/common';
 import { DateTimePickerComponent } from '../components/picker/picker.component';
 import { DateTimeDayPickerComponent } from '../components/dayPicker/dayPicker.component';
 import { DateTimeMonthPickerComponent } from '../components/monthPicker/monthPicker.component';
 import { DateTimeYearPickerComponent } from '../components/yearPicker/yearPicker.component';
 import { DatePipesModule } from '../../modules/datePipes.module';
+import { DateTimeRollerTimePickerComponent } from '../components/rollerTimePicker/rollerTimePicker.component';
+import { LoopScrollDataDirective, LoopScrollDirective } from '../directives';
 import * as i0 from "@angular/core";
 /**
  * Angular module for date time picker components
@@ -14,15 +16,24 @@ export class DateTimePickerModule {
 }
 DateTimePickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: DateTimePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 DateTimePickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: DateTimePickerModule, declarations: [DateTimePickerComponent,
+        DateTimeRollerTimePickerComponent,
         DateTimeDayPickerComponent,
         DateTimeMonthPickerComponent,
-        DateTimeYearPickerComponent], imports: [AngularCommonModule,
+        DateTimeYearPickerComponent,
+        LoopScrollDataDirective,
+        LoopScrollDirective], imports: [AngularCommonModule,
         CommonDynamicModule,
-        DatePipesModule], exports: [DateTimePickerComponent] });
+        CommonUtilsModule,
+        DatePipesModule,
+        CastPipesModule,
+        ClickOutsideModule], exports: [DateTimePickerComponent] });
 DateTimePickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: DateTimePickerModule, imports: [[
             AngularCommonModule,
             CommonDynamicModule,
+            CommonUtilsModule,
             DatePipesModule,
+            CastPipesModule,
+            ClickOutsideModule,
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: DateTimePickerModule, decorators: [{
             type: NgModule,
@@ -30,13 +41,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImpor
                     imports: [
                         AngularCommonModule,
                         CommonDynamicModule,
+                        CommonUtilsModule,
                         DatePipesModule,
+                        CastPipesModule,
+                        ClickOutsideModule,
                     ],
                     declarations: [
                         DateTimePickerComponent,
+                        DateTimeRollerTimePickerComponent,
                         DateTimeDayPickerComponent,
                         DateTimeMonthPickerComponent,
-                        DateTimeYearPickerComponent
+                        DateTimeYearPickerComponent,
+                        LoopScrollDataDirective,
+                        LoopScrollDirective,
                     ],
                     exports: [
                         DateTimePickerComponent

package/es2015/src/picker/modules/picker.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"picker.module.js","sourceRoot":"","sources":["../../../../src/picker/modules/picker.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,YAAY,IAAI,mBAAmB,EAAC,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAC,mBAAmB,EAAC,MAAM,eAAe,CAAC;AAElD,OAAO,EAAC,uBAAuB,EAAC,MAAM,uCAAuC,CAAC;AAC9E,OAAO,EAAC,0BAA0B,EAAC,MAAM,6CAA6C,CAAC;AACvF,OAAO,EAAC,4BAA4B,EAAC,MAAM,iDAAiD,CAAC;AAC7F,OAAO,EAAC,2BAA2B,EAAC,MAAM,+CAA+C,CAAC;AAC1F,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;;AAE/D;;GAEG;AAqBH,MAAM,OAAO,oBAAoB;;iHAApB,oBAAoB;kHAApB,oBAAoB,iBAVzB,uBAAuB;QACvB,0BAA0B;QAC1B,4BAA4B;QAC5B,2BAA2B,aAT3B,mBAAmB;QACnB,mBAAmB;QACnB,eAAe,aAWf,uBAAuB;kHAGlB,oBAAoB,YAjB7B;YACI,mBAAmB;YACnB,mBAAmB;YACnB,eAAe;SAClB;2FAaQ,oBAAoB;kBApBhC,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,mBAAmB;wBACnB,mBAAmB;wBACnB,eAAe;qBAClB;oBACD,YAAY,EACZ;wBACI,uBAAuB;wBACvB,0BAA0B;wBAC1B,4BAA4B;wBAC5B,2BAA2B;qBAC9B;oBACD,OAAO,EACP;wBACI,uBAAuB;qBAC1B;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\nimport {CommonModule as AngularCommonModule} from '@angular/common';\nimport {CommonDynamicModule} from '@anglr/common';\n\nimport {DateTimePickerComponent} from '../components/picker/picker.component';\nimport {DateTimeDayPickerComponent} from '../components/dayPicker/dayPicker.component';\nimport {DateTimeMonthPickerComponent} from '../components/monthPicker/monthPicker.component';\nimport {DateTimeYearPickerComponent} from '../components/yearPicker/yearPicker.component';\nimport {DatePipesModule} from '../../modules/datePipes.module';\n\n/**\n * Angular module for date time picker components\n */\n@NgModule(\n{\n    imports:\n    [\n        AngularCommonModule,\n        CommonDynamicModule,\n        DatePipesModule,\n    ],\n    declarations:\n    [\n        DateTimePickerComponent,\n        DateTimeDayPickerComponent,\n        DateTimeMonthPickerComponent,\n        DateTimeYearPickerComponent\n    ],\n    exports:\n    [\n        DateTimePickerComponent\n    ]\n})\nexport class DateTimePickerModule\n{\n}"]}
+{"version":3,"file":"picker.module.js","sourceRoot":"","sources":["../../../../src/picker/modules/picker.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,YAAY,IAAI,mBAAmB,EAAC,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAC,mBAAmB,EAAE,eAAe,EAAE,kBAAkB,EAAE,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAE1G,OAAO,EAAC,uBAAuB,EAAC,MAAM,uCAAuC,CAAC;AAC9E,OAAO,EAAC,0BAA0B,EAAC,MAAM,6CAA6C,CAAC;AACvF,OAAO,EAAC,4BAA4B,EAAC,MAAM,iDAAiD,CAAC;AAC7F,OAAO,EAAC,2BAA2B,EAAC,MAAM,+CAA+C,CAAC;AAC1F,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAC,iCAAiC,EAAC,MAAM,2DAA2D,CAAC;AAC5G,OAAO,EAAC,uBAAuB,EAAE,mBAAmB,EAAC,MAAM,eAAe,CAAC;;AAE3E;;GAEG;AA2BH,MAAM,OAAO,oBAAoB;;iHAApB,oBAAoB;kHAApB,oBAAoB,iBAbzB,uBAAuB;QACvB,iCAAiC;QACjC,0BAA0B;QAC1B,4BAA4B;QAC5B,2BAA2B;QAC3B,uBAAuB;QACvB,mBAAmB,aAfnB,mBAAmB;QACnB,mBAAmB;QACnB,iBAAiB;QACjB,eAAe;QACf,eAAe;QACf,kBAAkB,aAclB,uBAAuB;kHAGlB,oBAAoB,YAvB7B;YACI,mBAAmB;YACnB,mBAAmB;YACnB,iBAAiB;YACjB,eAAe;YACf,eAAe;YACf,kBAAkB;SACrB;2FAgBQ,oBAAoB;kBA1BhC,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,mBAAmB;wBACnB,mBAAmB;wBACnB,iBAAiB;wBACjB,eAAe;wBACf,eAAe;wBACf,kBAAkB;qBACrB;oBACD,YAAY,EACZ;wBACI,uBAAuB;wBACvB,iCAAiC;wBACjC,0BAA0B;wBAC1B,4BAA4B;wBAC5B,2BAA2B;wBAC3B,uBAAuB;wBACvB,mBAAmB;qBACtB;oBACD,OAAO,EACP;wBACI,uBAAuB;qBAC1B;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\nimport {CommonModule as AngularCommonModule} from '@angular/common';\nimport {CommonDynamicModule, CastPipesModule, ClickOutsideModule, CommonUtilsModule} from '@anglr/common';\n\nimport {DateTimePickerComponent} from '../components/picker/picker.component';\nimport {DateTimeDayPickerComponent} from '../components/dayPicker/dayPicker.component';\nimport {DateTimeMonthPickerComponent} from '../components/monthPicker/monthPicker.component';\nimport {DateTimeYearPickerComponent} from '../components/yearPicker/yearPicker.component';\nimport {DatePipesModule} from '../../modules/datePipes.module';\nimport {DateTimeRollerTimePickerComponent} from '../components/rollerTimePicker/rollerTimePicker.component';\nimport {LoopScrollDataDirective, LoopScrollDirective} from '../directives';\n\n/**\n * Angular module for date time picker components\n */\n@NgModule(\n{\n    imports:\n    [\n        AngularCommonModule,\n        CommonDynamicModule,\n        CommonUtilsModule,\n        DatePipesModule,\n        CastPipesModule,\n        ClickOutsideModule,\n    ],\n    declarations:\n    [\n        DateTimePickerComponent,\n        DateTimeRollerTimePickerComponent,\n        DateTimeDayPickerComponent,\n        DateTimeMonthPickerComponent,\n        DateTimeYearPickerComponent,\n        LoopScrollDataDirective,\n        LoopScrollDirective,\n    ],\n    exports:\n    [\n        DateTimePickerComponent\n    ]\n})\nexport class DateTimePickerModule\n{\n}"]}

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

@@ -53,6 +53,10 @@ export class InputDateTimeSelectorComponent {
          * Maximal possible value that can be picked
          */
         this._maxValue = null;
+        /**
+         * Gets or sets placeholder that is displayed when there is no value selected
+         */
+        this.placeholder = null;
         //######################### public properties - template bindings #########################
         /**
          * Indication whether is input disabled
@@ -403,14 +407,24 @@ export class InputDateTimeSelectorComponent {
                     this._withMinMaxConstraint(() => increment ? this._dateApiValue.addDays(1) : this._dateApiValue.subtractDays(1));
                     break;
                 }
+            case 'H':
+                {
+                    this._withMinMaxConstraint(() => increment ? this._dateApiValue.addHours(1) : this._dateApiValue.subtractHours(1));
+                    break;
+                }
+            case 'm':
+                {
+                    this._withMinMaxConstraint(() => increment ? this._dateApiValue.addMinutes(1) : this._dateApiValue.subtractMinutes(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 });
+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}"] }]
+            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]

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

@@ -1 +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\">"]}
+{"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|null = null;\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(): void\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(): void\n    {\n        this._pickerRequest.next(false);\n    }\n\n    /**\n     * Handles user input\n     * @internal\n     */\n    public handleInput(): void\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(): void\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(): void\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): void\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(): void\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(): void\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): void\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            case 'H':\n            {\n                this._withMinMaxConstraint(() => increment ? this._dateApiValue!.addHours(1) : this._dateApiValue!.subtractHours(1));\n\n                break;\n            }\n            case 'm':\n            {\n                this._withMinMaxConstraint(() => increment ? this._dateApiValue!.addMinutes(1) : this._dateApiValue!.subtractMinutes(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 ?? ''\">"]}