@anglr/datetime 3.0.0-beta.20220503131853 → 3.0.0

package/es2015/src/picker/components/rollerTimePicker/rollerTimePicker.component.js

@@ -73,7 +73,10 @@ export class DateTimeRollerTimePickerComponent extends PickerImplBaseComponent {
     /**
      * @inheritdoc
      */
-    setValue(_value) {
+    setValue(value) {
+        if (value) {
+            this.displayDate = this._dateApi.getValue(value.from);
+        }
     }
     //######################### public methods - template bindings #########################
     /**
@@ -90,6 +93,7 @@ export class DateTimeRollerTimePickerComponent extends PickerImplBaseComponent {
         event === null || event === void 0 ? void 0 : event.stopPropagation();
         event === null || event === void 0 ? void 0 : event.preventDefault();
         if (this.hour == value) {
+            this.hoursOpen = false;
             return;
         }
         this.hour = value;
@@ -136,9 +140,9 @@ export class DateTimeRollerTimePickerComponent extends PickerImplBaseComponent {
     }
 }
 DateTimeRollerTimePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: DateTimeRollerTimePickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-DateTimeRollerTimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: DateTimeRollerTimePickerComponent, selector: "date-time-roller-time-picker", usesInheritance: true, ngImport: i0, template: "<div class=\"flex-row\" style=\"justify-content: center;\">\n     <div [class.clickable]=\"canGoUp\" (mousedown)=\"goUp($event)\">{{displayDate?.value | dateFormat: 'date'}}</div>\n</div>\n\n<div class=\"time-area\">\n    <div class=\"value-container\"\n         [clickOutside]=\"true\"\n         (clickOutsideChange)=\"hoursOpen = false\"\n         [clickOutsideElement]=\"hoursScroll\">\n        <div #hoursScroll\n             class=\"roller-scroll\"\n             [class.open]=\"hoursOpen\"\n             [loopScroll]=\"hour\"\n             [open]=\"hoursOpen\"\n             (loopScrollChange)=\"setHour(null, $event)\"\n             (click)=\"hoursOpen = !hoursOpen\">\n            <div *ngFor=\"let hour of hours | slice: -9\"\n                 [loopScrollData]=\"hour?.data\"\n                 [clone]=\"true\"\n                 (click)=\"setHour($event, hour?.data)\">{{hour?.displayText}}</div>\n\n            <div *ngFor=\"let hour of hours\"\n                 [loopScrollData]=\"hour?.data\"\n                 (click)=\"setHour($event, hour?.data)\">{{hour?.displayText}}</div>\n\n            <div *ngFor=\"let hour of hours | slice: 0: 9\"\n                 [loopScrollData]=\"hour?.data\"\n                 [clone]=\"true\"\n                 (click)=\"setHour($event, hour?.data)\">{{hour?.displayText}}</div>\n        </div>\n    </div>\n\n    <div class=\"minute-second-separator\">:</div>\n\n    <div class=\"value-container\"\n         [clickOutside]=\"true\"\n         (clickOutsideChange)=\"minutesOpen = false\"\n         [clickOutsideElement]=\"minutesScroll\">\n        <div #minutesScroll\n             class=\"roller-scroll\"\n             [class.open]=\"minutesOpen\"\n             [loopScroll]=\"minute\"\n             [open]=\"minutesOpen\"\n             (loopScrollChange)=\"setMinute(null, $event)\"\n             (click)=\"minutesOpen = !minutesOpen\">\n            <div *ngFor=\"let minute of minutes | slice: -15\"\n                 [loopScrollData]=\"minute?.data\"\n                 [clone]=\"true\"\n                 (click)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n\n            <div *ngFor=\"let minute of minutes\"\n                 [loopScrollData]=\"minute?.data\"\n                 (click)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n\n            <div *ngFor=\"let minute of minutes | slice: 0: 15\"\n                 [loopScrollData]=\"minute?.data\"\n                 [clone]=\"true\"\n                 (click)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n        </div>\n    </div>\n</div>\n", styles: [".time-area\n{\n    display: flex;\n    flex-direction: row;\n    padding: 48px 64px;\n    font-size: 32px;\n}\n\n.value-container\n{\n    position: relative;\n    height: 1em;\n    width: 2ch;\n}\n\n.roller-scroll\n{\n    position: absolute;\n    line-height: 1em;\n    max-height: 1em;\n    overflow: scroll;\n    scrollbar-width: none;\n    top: 0;\n    background-color: #666666;\n    transition: all 250ms;\n    border-radius: 4px;\n    scroll-snap-type: y mandatory;\n    contain: content;\n}\n\n.roller-scroll::-webkit-scrollbar\n{\n    display: none;\n}\n\n.roller-scroll>div\n{\n    scroll-snap-align: start;\n}\n\n.roller-scroll.open\n{\n    max-height: 5em;\n    top: -2em;\n}\n\n.minute-second-separator\n{\n    margin-left: 12px;\n    margin-right: 12px;\n    line-height: 1em;\n}\n"], directives: [{ type: i1.ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutside", "clickOutsideElement"], outputs: ["clickOutsideChange"] }, { type: i2.LoopScrollDirective, selector: "[loopScroll]", inputs: ["loopScroll", "open"], outputs: ["loopScrollChange"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.LoopScrollDataDirective, selector: "[loopScrollData]", inputs: ["loopScrollData", "clone"] }], pipes: { "dateFormat": i5.DateFormatPipe, "slice": i3.SlicePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+DateTimeRollerTimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: DateTimeRollerTimePickerComponent, selector: "date-time-roller-time-picker", usesInheritance: true, ngImport: i0, template: "<div class=\"flex-row\" style=\"justify-content: center;\">\n     <div [class.clickable]=\"canGoUp\" (mousedown)=\"goUp($event)\">{{displayDate?.value | dateFormat: 'date'}}</div>\n</div>\n\n<div class=\"time-area\">\n    <div class=\"value-container\"\n         [clickOutside]=\"true\"\n         (clickOutsideChange)=\"hoursOpen = false\"\n         [clickOutsideElement]=\"hoursScroll\">\n        <div #hoursScroll\n             class=\"roller-scroll\"\n             [class.open]=\"hoursOpen\"\n             [loopScroll]=\"hour\"\n             [open]=\"hoursOpen\"\n             (loopScrollChange)=\"setHour(null, $event)\"\n             (click)=\"hoursOpen = !hoursOpen\">\n            <div *ngFor=\"let hour of hours | slice: -14\"\n                 [loopScrollData]=\"hour?.data\"\n                 [clone]=\"true\"\n                 class=\"roller-item\"\n                 (click)=\"setHour($event, hour?.data)\">{{hour?.displayText}}</div>\n\n            <div *ngFor=\"let hour of hours\"\n                 [loopScrollData]=\"hour?.data\"\n                 class=\"roller-item\"\n                 (click)=\"setHour($event, hour?.data)\">{{hour?.displayText}}</div>\n\n            <div *ngFor=\"let hour of hours | slice: 0: 14\"\n                 [loopScrollData]=\"hour?.data\"\n                 [clone]=\"true\"\n                 class=\"roller-item\"\n                 (click)=\"setHour($event, hour?.data)\">{{hour?.displayText}}</div>\n        </div>\n    </div>\n\n    <div class=\"minute-second-separator\">:</div>\n\n    <div class=\"value-container\"\n         [clickOutside]=\"true\"\n         (clickOutsideChange)=\"minutesOpen = false\"\n         [clickOutsideElement]=\"minutesScroll\">\n        <div #minutesScroll\n             class=\"roller-scroll\"\n             [class.open]=\"minutesOpen\"\n             [loopScroll]=\"minute\"\n             [open]=\"minutesOpen\"\n             (loopScrollChange)=\"setMinute(null, $event)\"\n             (click)=\"minutesOpen = !minutesOpen\">\n            <div *ngFor=\"let minute of minutes | slice: -14\"\n                 [loopScrollData]=\"minute?.data\"\n                 [clone]=\"true\"\n                 class=\"roller-item\"\n                 (click)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n\n            <div *ngFor=\"let minute of minutes\"\n                 [loopScrollData]=\"minute?.data\"\n                 class=\"roller-item\"\n                 (click)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n\n            <div *ngFor=\"let minute of minutes | slice: 0: 14\"\n                 [loopScrollData]=\"minute?.data\"\n                 [clone]=\"true\"\n                 class=\"roller-item\"\n                 (click)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n        </div>\n    </div>\n</div>\n", styles: [".time-area\n{\n    display: flex;\n    flex-direction: row;\n    padding: 64px 64px;\n    font-size: 32px;\n}\n\n.value-container\n{\n    position: relative;\n    height: 1em;\n    width: 2ch;\n}\n\n.roller-scroll\n{\n    position: absolute;\n    line-height: 1em;\n    max-height: 1em;\n    overflow: scroll;\n    scrollbar-width: none;\n    top: 0;\n    transition: all 250ms;\n    border-radius: 4px;\n    scroll-snap-type: y mandatory;\n    contain: content;\n}\n\n.roller-scroll::-webkit-scrollbar\n{\n    display: none;\n}\n\n.roller-scroll>div\n{\n    scroll-snap-align: start;\n}\n\n.roller-item\n{\n    opacity: 0.6;\n    transition: all 100ms;\n    font-weight: 300;\n}\n\n.roller-item.selected\n{\n    opacity: 1;\n    font-weight: bold;\n}\n\n.roller-scroll.open\n{\n    max-height: 5em;\n    top: -2em;\n}\n\n.minute-second-separator\n{\n    margin-left: 12px;\n    margin-right: 12px;\n    line-height: 1em;\n}\n"], directives: [{ type: i1.ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutside", "clickOutsideElement"], outputs: ["clickOutsideChange"] }, { type: i2.LoopScrollDirective, selector: "[loopScroll]", inputs: ["loopScroll", "open"], outputs: ["loopScrollChange"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.LoopScrollDataDirective, selector: "[loopScrollData]", inputs: ["loopScrollData", "clone"] }], pipes: { "dateFormat": i5.DateFormatPipe, "slice": i3.SlicePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: DateTimeRollerTimePickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'date-time-roller-time-picker', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex-row\" style=\"justify-content: center;\">\n     <div [class.clickable]=\"canGoUp\" (mousedown)=\"goUp($event)\">{{displayDate?.value | dateFormat: 'date'}}</div>\n</div>\n\n<div class=\"time-area\">\n    <div class=\"value-container\"\n         [clickOutside]=\"true\"\n         (clickOutsideChange)=\"hoursOpen = false\"\n         [clickOutsideElement]=\"hoursScroll\">\n        <div #hoursScroll\n             class=\"roller-scroll\"\n             [class.open]=\"hoursOpen\"\n             [loopScroll]=\"hour\"\n             [open]=\"hoursOpen\"\n             (loopScrollChange)=\"setHour(null, $event)\"\n             (click)=\"hoursOpen = !hoursOpen\">\n            <div *ngFor=\"let hour of hours | slice: -9\"\n                 [loopScrollData]=\"hour?.data\"\n                 [clone]=\"true\"\n                 (click)=\"setHour($event, hour?.data)\">{{hour?.displayText}}</div>\n\n            <div *ngFor=\"let hour of hours\"\n                 [loopScrollData]=\"hour?.data\"\n                 (click)=\"setHour($event, hour?.data)\">{{hour?.displayText}}</div>\n\n            <div *ngFor=\"let hour of hours | slice: 0: 9\"\n                 [loopScrollData]=\"hour?.data\"\n                 [clone]=\"true\"\n                 (click)=\"setHour($event, hour?.data)\">{{hour?.displayText}}</div>\n        </div>\n    </div>\n\n    <div class=\"minute-second-separator\">:</div>\n\n    <div class=\"value-container\"\n         [clickOutside]=\"true\"\n         (clickOutsideChange)=\"minutesOpen = false\"\n         [clickOutsideElement]=\"minutesScroll\">\n        <div #minutesScroll\n             class=\"roller-scroll\"\n             [class.open]=\"minutesOpen\"\n             [loopScroll]=\"minute\"\n             [open]=\"minutesOpen\"\n             (loopScrollChange)=\"setMinute(null, $event)\"\n             (click)=\"minutesOpen = !minutesOpen\">\n            <div *ngFor=\"let minute of minutes | slice: -15\"\n                 [loopScrollData]=\"minute?.data\"\n                 [clone]=\"true\"\n                 (click)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n\n            <div *ngFor=\"let minute of minutes\"\n                 [loopScrollData]=\"minute?.data\"\n                 (click)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n\n            <div *ngFor=\"let minute of minutes | slice: 0: 15\"\n                 [loopScrollData]=\"minute?.data\"\n                 [clone]=\"true\"\n                 (click)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n        </div>\n    </div>\n</div>\n", styles: [".time-area\n{\n    display: flex;\n    flex-direction: row;\n    padding: 48px 64px;\n    font-size: 32px;\n}\n\n.value-container\n{\n    position: relative;\n    height: 1em;\n    width: 2ch;\n}\n\n.roller-scroll\n{\n    position: absolute;\n    line-height: 1em;\n    max-height: 1em;\n    overflow: scroll;\n    scrollbar-width: none;\n    top: 0;\n    background-color: #666666;\n    transition: all 250ms;\n    border-radius: 4px;\n    scroll-snap-type: y mandatory;\n    contain: content;\n}\n\n.roller-scroll::-webkit-scrollbar\n{\n    display: none;\n}\n\n.roller-scroll>div\n{\n    scroll-snap-align: start;\n}\n\n.roller-scroll.open\n{\n    max-height: 5em;\n    top: -2em;\n}\n\n.minute-second-separator\n{\n    margin-left: 12px;\n    margin-right: 12px;\n    line-height: 1em;\n}\n"] }]
+            args: [{ selector: 'date-time-roller-time-picker', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex-row\" style=\"justify-content: center;\">\n     <div [class.clickable]=\"canGoUp\" (mousedown)=\"goUp($event)\">{{displayDate?.value | dateFormat: 'date'}}</div>\n</div>\n\n<div class=\"time-area\">\n    <div class=\"value-container\"\n         [clickOutside]=\"true\"\n         (clickOutsideChange)=\"hoursOpen = false\"\n         [clickOutsideElement]=\"hoursScroll\">\n        <div #hoursScroll\n             class=\"roller-scroll\"\n             [class.open]=\"hoursOpen\"\n             [loopScroll]=\"hour\"\n             [open]=\"hoursOpen\"\n             (loopScrollChange)=\"setHour(null, $event)\"\n             (click)=\"hoursOpen = !hoursOpen\">\n            <div *ngFor=\"let hour of hours | slice: -14\"\n                 [loopScrollData]=\"hour?.data\"\n                 [clone]=\"true\"\n                 class=\"roller-item\"\n                 (click)=\"setHour($event, hour?.data)\">{{hour?.displayText}}</div>\n\n            <div *ngFor=\"let hour of hours\"\n                 [loopScrollData]=\"hour?.data\"\n                 class=\"roller-item\"\n                 (click)=\"setHour($event, hour?.data)\">{{hour?.displayText}}</div>\n\n            <div *ngFor=\"let hour of hours | slice: 0: 14\"\n                 [loopScrollData]=\"hour?.data\"\n                 [clone]=\"true\"\n                 class=\"roller-item\"\n                 (click)=\"setHour($event, hour?.data)\">{{hour?.displayText}}</div>\n        </div>\n    </div>\n\n    <div class=\"minute-second-separator\">:</div>\n\n    <div class=\"value-container\"\n         [clickOutside]=\"true\"\n         (clickOutsideChange)=\"minutesOpen = false\"\n         [clickOutsideElement]=\"minutesScroll\">\n        <div #minutesScroll\n             class=\"roller-scroll\"\n             [class.open]=\"minutesOpen\"\n             [loopScroll]=\"minute\"\n             [open]=\"minutesOpen\"\n             (loopScrollChange)=\"setMinute(null, $event)\"\n             (click)=\"minutesOpen = !minutesOpen\">\n            <div *ngFor=\"let minute of minutes | slice: -14\"\n                 [loopScrollData]=\"minute?.data\"\n                 [clone]=\"true\"\n                 class=\"roller-item\"\n                 (click)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n\n            <div *ngFor=\"let minute of minutes\"\n                 [loopScrollData]=\"minute?.data\"\n                 class=\"roller-item\"\n                 (click)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n\n            <div *ngFor=\"let minute of minutes | slice: 0: 14\"\n                 [loopScrollData]=\"minute?.data\"\n                 [clone]=\"true\"\n                 class=\"roller-item\"\n                 (click)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n        </div>\n    </div>\n</div>\n", styles: [".time-area\n{\n    display: flex;\n    flex-direction: row;\n    padding: 64px 64px;\n    font-size: 32px;\n}\n\n.value-container\n{\n    position: relative;\n    height: 1em;\n    width: 2ch;\n}\n\n.roller-scroll\n{\n    position: absolute;\n    line-height: 1em;\n    max-height: 1em;\n    overflow: scroll;\n    scrollbar-width: none;\n    top: 0;\n    transition: all 250ms;\n    border-radius: 4px;\n    scroll-snap-type: y mandatory;\n    contain: content;\n}\n\n.roller-scroll::-webkit-scrollbar\n{\n    display: none;\n}\n\n.roller-scroll>div\n{\n    scroll-snap-align: start;\n}\n\n.roller-item\n{\n    opacity: 0.6;\n    transition: all 100ms;\n    font-weight: 300;\n}\n\n.roller-item.selected\n{\n    opacity: 1;\n    font-weight: bold;\n}\n\n.roller-scroll.open\n{\n    max-height: 5em;\n    top: -2em;\n}\n\n.minute-second-separator\n{\n    margin-left: 12px;\n    margin-right: 12px;\n    line-height: 1em;\n}\n"] }]
         }] });
 //# sourceMappingURL=rollerTimePicker.component.js.map

package/es2015/src/picker/components/rollerTimePicker/rollerTimePicker.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"rollerTimePicker.component.js","sourceRoot":"","sources":["../../../../../src/picker/components/rollerTimePicker/rollerTimePicker.component.ts","../../../../../src/picker/components/rollerTimePicker/rollerTimePicker.component.html"],"names":[],"mappings":"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","sourcesContent":["import {Component, ChangeDetectionStrategy} from '@angular/core';\n\nimport {DateTimeValue} from '../../../misc/datetime.interface';\nimport {DateApiObject} from '../../../services';\nimport {LoopScrollData} from '../../directives';\nimport {DateTimePicker} from '../../interfaces';\nimport {PickerImplBaseComponent} from '../pickerImplBase.component';\nimport {hours, minutes} from './rollerTimePicker.data';\nimport {RollerTimePickerCssClasses} from './rollerTimePicker.interface';\n\n/**\n * Component used for rendering roller time picker\n */\n@Component(\n{\n    selector: 'date-time-roller-time-picker',\n    templateUrl: 'rollerTimePicker.component.html',\n    styleUrls: ['rollerTimePicker.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DateTimeRollerTimePickerComponent<TDate = any> extends PickerImplBaseComponent<TDate, RollerTimePickerCssClasses> implements DateTimePicker<TDate, RollerTimePickerCssClasses>\n{\n    //######################### public properties - template bindings #########################\n\n    /**\n     * Array of available hours\n     */\n    public hours: LoopScrollData[] = hours;\n\n    /**\n     * Array of available minutes\n     */\n    public minutes: LoopScrollData[] = minutes;\n\n    /**\n     * Indication whether are minutes open\n     */\n    public minutesOpen: boolean = false;\n\n    /**\n     * Indication whether are hours open\n     */\n    public hoursOpen: boolean = false;\n\n    /**\n     * Current value of hour\n     */\n    public get hour(): number\n    {\n        return this.displayDate?.hour() ?? 0;\n    }\n    public set hour(value: number)\n    {\n        this.displayDate?.hour(value);\n    }\n\n    /**\n     * Current value of minute\n     */\n    public get minute(): number\n    {\n        return this.displayDate?.minute() ?? 0;\n    }\n    public set minute(value: number)\n    {\n        this.displayDate?.minute(value);\n    }\n\n    //######################### public methods - implementation of PickerBaseComponent #########################\n    \n    /**\n     * @inheritdoc\n     */\n    public display(value: DateApiObject<TDate>): void\n    {\n        this.displayDate = value;\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public setMinValue(_value: TDate | null): void\n    {\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public setMaxValue(_value: TDate | null): void\n    {\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public setValue(_value: DateTimeValue<TDate> | null): void\n    {\n    }\n\n    //######################### public methods - template bindings #########################\n\n    /**\n     * Sets hour\n     * @param event - Mouse event that was triggered\n     * @param value - Value to be set as hour\n     * @returns \n     */\n    public setHour<TData = any>(event: MouseEvent|null, value: TData): void\n    {\n        if(!this.hoursOpen && event)\n        {\n            return;\n        }\n\n        event?.stopPropagation();\n        event?.preventDefault();\n\n        if(this.hour == value as unknown as number)\n        {\n            return;\n        }\n\n        this.hour = value as unknown as number;\n        \n        if(event)\n        {\n            this.hoursOpen = false;\n        }\n\n        if(this.displayDate)\n        {\n            this._value =\n            {\n                from: this.displayDate?.value,\n                to: this.displayDate?.value\n            };\n\n            this._valueChange.next();\n        }\n    }\n\n    /**\n     * Sets minute\n     * @param event - Mouse event that was triggered\n     * @param value - Value to be set as minute\n     * @returns \n     */\n    public setMinute<TData = any>(event: MouseEvent|null, value: TData): void\n    {\n        if(!this.minutesOpen && event)\n        {\n            return;\n        }\n\n        event?.stopPropagation();\n        event?.preventDefault();\n\n        if(this.minute == value as unknown as number)\n        {\n            return;\n        }\n\n        this.minute = value as unknown as number;\n        \n        if(event)\n        {\n            this.minutesOpen = false;\n        }\n\n        if(this.displayDate)\n        {\n            this._value =\n            {\n                from: this.displayDate?.value,\n                to: this.displayDate?.value\n            };\n\n            this._valueChange.next();\n        }\n    }\n}","<div class=\"flex-row\" style=\"justify-content: center;\">\n     <div [class.clickable]=\"canGoUp\" (mousedown)=\"goUp($event)\">{{displayDate?.value | dateFormat: 'date'}}</div>\n</div>\n\n<div class=\"time-area\">\n    <div class=\"value-container\"\n         [clickOutside]=\"true\"\n         (clickOutsideChange)=\"hoursOpen = false\"\n         [clickOutsideElement]=\"hoursScroll\">\n        <div #hoursScroll\n             class=\"roller-scroll\"\n             [class.open]=\"hoursOpen\"\n             [loopScroll]=\"hour\"\n             [open]=\"hoursOpen\"\n             (loopScrollChange)=\"setHour(null, $event)\"\n             (click)=\"hoursOpen = !hoursOpen\">\n            <div *ngFor=\"let hour of hours | slice: -9\"\n                 [loopScrollData]=\"hour?.data\"\n                 [clone]=\"true\"\n                 (click)=\"setHour($event, hour?.data)\">{{hour?.displayText}}</div>\n\n            <div *ngFor=\"let hour of hours\"\n                 [loopScrollData]=\"hour?.data\"\n                 (click)=\"setHour($event, hour?.data)\">{{hour?.displayText}}</div>\n\n            <div *ngFor=\"let hour of hours | slice: 0: 9\"\n                 [loopScrollData]=\"hour?.data\"\n                 [clone]=\"true\"\n                 (click)=\"setHour($event, hour?.data)\">{{hour?.displayText}}</div>\n        </div>\n    </div>\n\n    <div class=\"minute-second-separator\">:</div>\n\n    <div class=\"value-container\"\n         [clickOutside]=\"true\"\n         (clickOutsideChange)=\"minutesOpen = false\"\n         [clickOutsideElement]=\"minutesScroll\">\n        <div #minutesScroll\n             class=\"roller-scroll\"\n             [class.open]=\"minutesOpen\"\n             [loopScroll]=\"minute\"\n             [open]=\"minutesOpen\"\n             (loopScrollChange)=\"setMinute(null, $event)\"\n             (click)=\"minutesOpen = !minutesOpen\">\n            <div *ngFor=\"let minute of minutes | slice: -15\"\n                 [loopScrollData]=\"minute?.data\"\n                 [clone]=\"true\"\n                 (click)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n\n            <div *ngFor=\"let minute of minutes\"\n                 [loopScrollData]=\"minute?.data\"\n                 (click)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n\n            <div *ngFor=\"let minute of minutes | slice: 0: 15\"\n                 [loopScrollData]=\"minute?.data\"\n                 [clone]=\"true\"\n                 (click)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n        </div>\n    </div>\n</div>\n"]}
+{"version":3,"file":"rollerTimePicker.component.js","sourceRoot":"","sources":["../../../../../src/picker/components/rollerTimePicker/rollerTimePicker.component.ts","../../../../../src/picker/components/rollerTimePicker/rollerTimePicker.component.html"],"names":[],"mappings":"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","sourcesContent":["import {Component, ChangeDetectionStrategy} from '@angular/core';\n\nimport {DateTimeValue} from '../../../misc/datetime.interface';\nimport {DateApiObject} from '../../../services';\nimport {LoopScrollData} from '../../directives';\nimport {DateTimePicker} from '../../interfaces';\nimport {PickerImplBaseComponent} from '../pickerImplBase.component';\nimport {hours, minutes} from './rollerTimePicker.data';\nimport {RollerTimePickerCssClasses} from './rollerTimePicker.interface';\n\n/**\n * Component used for rendering roller time picker\n */\n@Component(\n{\n    selector: 'date-time-roller-time-picker',\n    templateUrl: 'rollerTimePicker.component.html',\n    styleUrls: ['rollerTimePicker.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DateTimeRollerTimePickerComponent<TDate = any> extends PickerImplBaseComponent<TDate, RollerTimePickerCssClasses> implements DateTimePicker<TDate, RollerTimePickerCssClasses>\n{\n    //######################### public properties - template bindings #########################\n\n    /**\n     * Array of available hours\n     */\n    public hours: LoopScrollData[] = hours;\n\n    /**\n     * Array of available minutes\n     */\n    public minutes: LoopScrollData[] = minutes;\n\n    /**\n     * Indication whether are minutes open\n     */\n    public minutesOpen: boolean = false;\n\n    /**\n     * Indication whether are hours open\n     */\n    public hoursOpen: boolean = false;\n\n    /**\n     * Current value of hour\n     */\n    public get hour(): number\n    {\n        return this.displayDate?.hour() ?? 0;\n    }\n    public set hour(value: number)\n    {\n        this.displayDate?.hour(value);\n    }\n\n    /**\n     * Current value of minute\n     */\n    public get minute(): number\n    {\n        return this.displayDate?.minute() ?? 0;\n    }\n    public set minute(value: number)\n    {\n        this.displayDate?.minute(value);\n    }\n\n    //######################### public methods - implementation of PickerBaseComponent #########################\n    \n    /**\n     * @inheritdoc\n     */\n    public display(value: DateApiObject<TDate>): void\n    {\n        this.displayDate = value;\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public setMinValue(_value: TDate | null): void\n    {\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public setMaxValue(_value: TDate | null): void\n    {\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public setValue(value: DateTimeValue<TDate> | null): void\n    {\n        if(value)\n        {\n            this.displayDate = this._dateApi.getValue(value.from);\n        }\n    }\n\n    //######################### public methods - template bindings #########################\n\n    /**\n     * Sets hour\n     * @param event - Mouse event that was triggered\n     * @param value - Value to be set as hour\n     * @returns \n     */\n    public setHour<TData = any>(event: MouseEvent|null, value: TData): void\n    {\n        if(!this.hoursOpen && event)\n        {\n            return;\n        }\n\n        event?.stopPropagation();\n        event?.preventDefault();\n\n        if(this.hour == value as unknown as number)\n        {\n            this.hoursOpen = false;\n\n            return;\n        }\n\n        this.hour = value as unknown as number;\n        \n        if(event)\n        {\n            this.hoursOpen = false;\n        }\n\n        if(this.displayDate)\n        {\n            this._value =\n            {\n                from: this.displayDate?.value,\n                to: this.displayDate?.value\n            };\n\n            this._valueChange.next();\n        }\n    }\n\n    /**\n     * Sets minute\n     * @param event - Mouse event that was triggered\n     * @param value - Value to be set as minute\n     * @returns \n     */\n    public setMinute<TData = any>(event: MouseEvent|null, value: TData): void\n    {\n        if(!this.minutesOpen && event)\n        {\n            return;\n        }\n\n        event?.stopPropagation();\n        event?.preventDefault();\n\n        if(this.minute == value as unknown as number)\n        {\n            return;\n        }\n\n        this.minute = value as unknown as number;\n        \n        if(event)\n        {\n            this.minutesOpen = false;\n        }\n\n        if(this.displayDate)\n        {\n            this._value =\n            {\n                from: this.displayDate?.value,\n                to: this.displayDate?.value\n            };\n\n            this._valueChange.next();\n        }\n    }\n}","<div class=\"flex-row\" style=\"justify-content: center;\">\n     <div [class.clickable]=\"canGoUp\" (mousedown)=\"goUp($event)\">{{displayDate?.value | dateFormat: 'date'}}</div>\n</div>\n\n<div class=\"time-area\">\n    <div class=\"value-container\"\n         [clickOutside]=\"true\"\n         (clickOutsideChange)=\"hoursOpen = false\"\n         [clickOutsideElement]=\"hoursScroll\">\n        <div #hoursScroll\n             class=\"roller-scroll\"\n             [class.open]=\"hoursOpen\"\n             [loopScroll]=\"hour\"\n             [open]=\"hoursOpen\"\n             (loopScrollChange)=\"setHour(null, $event)\"\n             (click)=\"hoursOpen = !hoursOpen\">\n            <div *ngFor=\"let hour of hours | slice: -14\"\n                 [loopScrollData]=\"hour?.data\"\n                 [clone]=\"true\"\n                 class=\"roller-item\"\n                 (click)=\"setHour($event, hour?.data)\">{{hour?.displayText}}</div>\n\n            <div *ngFor=\"let hour of hours\"\n                 [loopScrollData]=\"hour?.data\"\n                 class=\"roller-item\"\n                 (click)=\"setHour($event, hour?.data)\">{{hour?.displayText}}</div>\n\n            <div *ngFor=\"let hour of hours | slice: 0: 14\"\n                 [loopScrollData]=\"hour?.data\"\n                 [clone]=\"true\"\n                 class=\"roller-item\"\n                 (click)=\"setHour($event, hour?.data)\">{{hour?.displayText}}</div>\n        </div>\n    </div>\n\n    <div class=\"minute-second-separator\">:</div>\n\n    <div class=\"value-container\"\n         [clickOutside]=\"true\"\n         (clickOutsideChange)=\"minutesOpen = false\"\n         [clickOutsideElement]=\"minutesScroll\">\n        <div #minutesScroll\n             class=\"roller-scroll\"\n             [class.open]=\"minutesOpen\"\n             [loopScroll]=\"minute\"\n             [open]=\"minutesOpen\"\n             (loopScrollChange)=\"setMinute(null, $event)\"\n             (click)=\"minutesOpen = !minutesOpen\">\n            <div *ngFor=\"let minute of minutes | slice: -14\"\n                 [loopScrollData]=\"minute?.data\"\n                 [clone]=\"true\"\n                 class=\"roller-item\"\n                 (click)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n\n            <div *ngFor=\"let minute of minutes\"\n                 [loopScrollData]=\"minute?.data\"\n                 class=\"roller-item\"\n                 (click)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n\n            <div *ngFor=\"let minute of minutes | slice: 0: 14\"\n                 [loopScrollData]=\"minute?.data\"\n                 [clone]=\"true\"\n                 class=\"roller-item\"\n                 (click)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n        </div>\n    </div>\n</div>\n"]}

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

@@ -18,6 +18,14 @@ export class LoopScrollDirective {
          * Count of cloned elements before or after
          */
         this._clonedCount = 0;
+        /**
+         * Indication whether ignore scroll handle
+         */
+        this._ignoreScrollHandle = false;
+        /**
+         * Indication whether skip value change
+         */
+        this._skipValueChange = false;
         /**
          * Indication whether is currently selection scroll open
          */
@@ -28,6 +36,17 @@ export class LoopScrollDirective {
          */
         this.valueChange = new EventEmitter();
     }
+    //######################### public properties - inputs #########################
+    /**
+     * Gets or sets value that is being set in loop scroll
+     */
+    get value() {
+        return this._value;
+    }
+    set value(value) {
+        this._skipValueChange = this._value == value;
+        this._value = value;
+    }
     //######################### public methods - implementation of OnChanges #########################
     /**
      * Called when input value changes
@@ -55,6 +74,14 @@ export class LoopScrollDirective {
                 this._scrollElement.nativeElement.scrollTo({ top: this._scrollElement.nativeElement.scrollTop + (2 * itemHeight), behavior: 'auto' });
             }
         }
+        else if (nameof('value') in changes) {
+            if (!this._skipValueChange) {
+                this._ignoreScrollHandle = true;
+                this._scrollElement.nativeElement.scrollTo({ top: this._itemHeight * (this._clonedCount + this._dataItems.findIndex(itm => itm.data == this.value) + (this.open ? -2 : 0)), behavior: 'auto' });
+                this._ignoreScrollHandle = false;
+            }
+        }
+        this._skipValueChange = false;
     }
     //######################### public methods - implementation of AfterContentInit #########################
     /**
@@ -95,26 +122,35 @@ export class LoopScrollDirective {
                 throw new Error('All items inside of loop scroll should have same height');
             }
         });
-        this._scrollElement.nativeElement.scrollTo({ top: this._itemHeight * this._clonedCount });
+        this._scrollElement.nativeElement.scrollTo({ top: this._itemHeight * (this._clonedCount + this._dataItems.findIndex(itm => itm.data == this.value)), behavior: 'auto' });
         this._initialized = true;
     }
     /**
      * Handles scroll event
      */
     _handleScroll() {
+        if (this._ignoreScrollHandle) {
+            return;
+        }
         requestAnimationFrame(() => {
-            var _a, _b, _c;
+            var _a, _b, _c, _d, _e;
             if (!this._dataItems) {
                 return;
             }
             const index = this._scrollElement.nativeElement.scrollTop / ((_a = this._itemHeight) !== null && _a !== void 0 ? _a : 1);
             const dataIndex = index + (this.open ? 2 : 0) - this._clonedCount;
             const dataLength = ((_b = this._itemHeight) !== null && _b !== void 0 ? _b : 1) * this._dataItems.length;
+            if (index % 1 <= .2 || index % 1 >= .8) {
+                (_d = (_c = this._scrollElement.nativeElement.querySelector('.selected')) === null || _c === void 0 ? void 0 : _c.classList) === null || _d === void 0 ? void 0 : _d.remove('selected');
+                const roundIndex = Math.round(index);
+                this._items[roundIndex + (this.open ? 2 : 0)].element.nativeElement.classList.add('selected');
+                this._emitValue(dataIndex);
+            }
             if (dataIndex <= -1) {
-                this._updateScroll(dataLength, true, index);
+                this._updateScroll(dataLength, true, index, dataIndex);
             }
-            else if (dataIndex >= ((_c = this._dataItems.length) !== null && _c !== void 0 ? _c : 0)) {
-                this._updateScroll(dataLength, false, index);
+            else if (dataIndex >= ((_e = this._dataItems.length) !== null && _e !== void 0 ? _e : 0)) {
+                this._updateScroll(dataLength, false, index, dataIndex);
             }
         });
     }
@@ -123,11 +159,27 @@ export class LoopScrollDirective {
      * @param dataLength - Length of all data
      * @param add - Indication whether add or subtract length
      * @param index - Current index
+     * @param dataIndex - Current index of data
      */
-    _updateScroll(dataLength, add, index) {
+    _updateScroll(dataLength, add, index, dataIndex) {
         var _a;
         this._scrollElement.nativeElement.scrollTo({ top: (Math.round(index) * ((_a = this._itemHeight) !== null && _a !== void 0 ? _a : 1)) + (add ? dataLength : (dataLength * -1)), behavior: 'auto' });
-        //TODO emit value change
+        this._emitValue(dataIndex);
+    }
+    /**
+     * Emits value after scroll
+     * @param index - Index of currently selected data item
+     */
+    _emitValue(index) {
+        index = Math.round(index) % this._dataItems.length;
+        if (index < 0) {
+            index = this._dataItems.length + index;
+        }
+        const item = this._dataItems[index];
+        if (this.value != item.data) {
+            this.value = item.data;
+            this.valueChange.next(this.value);
+        }
     }
 }
 LoopScrollDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: LoopScrollDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
@@ -135,7 +187,7 @@ LoopScrollDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", ve
 __decorate([
     DebounceCall(18),
     __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Number, Boolean, Number]),
+    __metadata("design:paramtypes", [Number, Boolean, Number, Number]),
     __metadata("design:returntype", void 0)
 ], LoopScrollDirective.prototype, "_updateScroll", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: LoopScrollDirective, decorators: [{

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

@@ -1 +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, HostListener, Input, OnChanges, Output, QueryList, SimpleChanges} from '@angular/core';\nimport {DebounceCall, isBlank, 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\n{\n    //######################### protected fields #########################\n\n    /**\n     * Item height that obtained\n     */\n    protected _itemHeight?: number;\n\n    /**\n     * Array of elements for scrolled stuff\n     */\n    protected _items?: LoopScrollDataDirective[];\n\n    /**\n     * Array of elements and data for scrolled stuff\n     */ \n    protected _dataItems?: LoopScrollDataDirective[];\n\n    /**\n     * Indication whether is loop scroll initialized\n     */\n    protected _initialized: boolean = false;\n\n    /**\n     * Count of cloned elements before or after\n     */\n    protected _clonedCount: number = 0;\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    //######################### protected properties - children #########################\n\n    /**\n     * Array of items that are loop scrolled\n     */\n    @ContentChildren(LoopScrollDataDirective)\n    protected 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            if(this.open)\n            {\n                this._scrollElement.nativeElement.scrollTo({top: this._scrollElement.nativeElement.scrollTop - (2 * itemHeight), behavior: 'auto'});\n\n                return;\n            }\n\n            if(nameof<LoopScrollDirective>('value') in changes)\n            {\n                const selectedItem = this._dataItems?.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._dataItems!.indexOf(selectedItem);\n\n                this._scrollElement.nativeElement.scrollTo({top: (selectedIndex + this._clonedCount) * itemHeight, behavior: 'auto'});\n            }\n            else\n            {\n                this._scrollElement.nativeElement.scrollTo({top: this._scrollElement.nativeElement.scrollTop + (2 * itemHeight), behavior: 'auto'});\n            }\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        this._dataItems = this._items?.filter(itm => !itm.clone);\n\n        if(!this._dataItems?.length)\n        {\n            this.items?.changes.subscribe(() =>\n            {\n                this._items = this.items?.toArray();\n                this._dataItems = this._items?.filter(itm => !itm.clone);\n\n                this._initialize();\n            });\n\n            return;\n        }\n\n        this._initialize();\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Intialize default value\n     */\n    protected _initialize(): void\n    {\n        const cloned = this._items?.filter(itm => itm.clone) ?? [];\n        this._clonedCount = cloned.length / 2;\n\n        if(!this._dataItems?.length)\n        {\n            return;\n        }\n\n        this._dataItems.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._scrollElement.nativeElement.scrollTo({top: this._itemHeight! * this._clonedCount});\n        this._initialized = true;\n    }\n\n    /**\n     * Handles scroll event\n     */\n    @HostListener('scroll')\n    protected _handleScroll(): void\n    {\n        requestAnimationFrame(() =>\n        {\n            if(!this._dataItems)\n            {\n                return;\n            }\n\n            const index = this._scrollElement.nativeElement.scrollTop / (this._itemHeight ?? 1);\n            const dataIndex = index + (this.open ? 2 : 0) - this._clonedCount;\n            const dataLength = (this._itemHeight ?? 1) * this._dataItems.length;\n\n            if(dataIndex <= -1)\n            {\n                this._updateScroll(dataLength, true, index);\n            }\n            else if(dataIndex >= (this._dataItems.length ?? 0))\n            {\n                this._updateScroll(dataLength, false, index);\n            }\n        });\n    }\n\n    /**\n     * Updates scroll to be at full value of item\n     * @param dataLength - Length of all data\n     * @param add - Indication whether add or subtract length\n     * @param index - Current index\n     */\n    @DebounceCall(18)\n    protected _updateScroll(dataLength: number, add: boolean, index: number): void\n    {\n        this._scrollElement.nativeElement.scrollTo({top: (Math.round(index) * (this._itemHeight ?? 1)) + (add ? dataLength : (dataLength * -1)), behavior: 'auto'});\n\n        //TODO emit value change\n    }\n}"]}
+{"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, HostListener, Input, OnChanges, Output, QueryList, SimpleChanges} from '@angular/core';\nimport {DebounceCall, isBlank, 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\n{\n    //######################### protected fields #########################\n\n    /**\n     * Item height that obtained\n     */\n    protected _itemHeight?: number;\n\n    /**\n     * Array of elements for scrolled stuff\n     */\n    protected _items?: LoopScrollDataDirective[];\n\n    /**\n     * Array of elements and data for scrolled stuff\n     */ \n    protected _dataItems?: LoopScrollDataDirective[];\n\n    /**\n     * Indication whether is loop scroll initialized\n     */\n    protected _initialized: boolean = false;\n\n    /**\n     * Count of cloned elements before or after\n     */\n    protected _clonedCount: number = 0;\n\n    /**\n     * Indication whether ignore scroll handle\n     */\n    protected _ignoreScrollHandle: boolean = false;\n\n    /**\n     * Indication whether skip value change\n     */\n    protected _skipValueChange: boolean = false;\n\n    /**\n     * Value that is being set in loop scroll\n     */\n    protected _value?: TData;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Gets or sets value that is being set in loop scroll\n     */\n    @Input('loopScroll')\n    public get value(): TData\n    {\n        return this._value;\n    }\n    public set value(value: TData)\n    {\n        this._skipValueChange = this._value == value;\n        this._value = value;\n    }\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    //######################### protected properties - children #########################\n\n    /**\n     * Array of items that are loop scrolled\n     */\n    @ContentChildren(LoopScrollDataDirective)\n    protected 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            if(this.open)\n            {\n                this._scrollElement.nativeElement.scrollTo({top: this._scrollElement.nativeElement.scrollTop - (2 * itemHeight), behavior: 'auto'});\n\n                return;\n            }\n\n            if(nameof<LoopScrollDirective>('value') in changes)\n            {\n                const selectedItem = this._dataItems?.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._dataItems!.indexOf(selectedItem);\n\n                this._scrollElement.nativeElement.scrollTo({top: (selectedIndex + this._clonedCount) * itemHeight, behavior: 'auto'});\n            }\n            else\n            {\n                this._scrollElement.nativeElement.scrollTo({top: this._scrollElement.nativeElement.scrollTop + (2 * itemHeight), behavior: 'auto'});\n            }\n        }\n        else if(nameof<LoopScrollDirective>('value') in changes)\n        {\n            if(!this._skipValueChange)\n            {\n                this._ignoreScrollHandle = true;\n                this._scrollElement.nativeElement.scrollTo({top: this._itemHeight! * (this._clonedCount + this._dataItems!.findIndex(itm => itm.data == this.value) + (this.open ? -2 : 0)), behavior: 'auto'});\n                this._ignoreScrollHandle = false;\n            }\n        }\n\n        this._skipValueChange = false;\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        this._dataItems = this._items?.filter(itm => !itm.clone);\n\n        if(!this._dataItems?.length)\n        {\n            this.items?.changes.subscribe(() =>\n            {\n                this._items = this.items?.toArray();\n                this._dataItems = this._items?.filter(itm => !itm.clone);\n\n                this._initialize();\n            });\n\n            return;\n        }\n\n        this._initialize();\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Intialize default value\n     */\n    protected _initialize(): void\n    {\n        const cloned = this._items?.filter(itm => itm.clone) ?? [];\n        this._clonedCount = cloned.length / 2;\n\n        if(!this._dataItems?.length)\n        {\n            return;\n        }\n\n        this._dataItems.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._scrollElement.nativeElement.scrollTo({top: this._itemHeight! * (this._clonedCount + this._dataItems!.findIndex(itm => itm.data == this.value)), behavior: 'auto'});\n        this._initialized = true;\n    }\n\n    /**\n     * Handles scroll event\n     */\n    @HostListener('scroll')\n    protected _handleScroll(): void\n    {\n        if(this._ignoreScrollHandle)\n        {\n            return;\n        }\n\n        requestAnimationFrame(() =>\n        {\n            if(!this._dataItems)\n            {\n                return;\n            }\n\n            const index = this._scrollElement.nativeElement.scrollTop / (this._itemHeight ?? 1);\n            const dataIndex = index + (this.open ? 2 : 0) - this._clonedCount;\n            const dataLength = (this._itemHeight ?? 1) * this._dataItems.length;\n\n            if(index % 1 <= .2 || index % 1 >= .8)\n            {\n                this._scrollElement.nativeElement.querySelector('.selected')?.classList?.remove('selected');\n\n                const roundIndex = Math.round(index);\n                this._items![roundIndex + (this.open ? 2 : 0)].element.nativeElement.classList.add('selected');\n                this._emitValue(dataIndex);\n            }\n\n            if(dataIndex <= -1)\n            {\n                this._updateScroll(dataLength, true, index, dataIndex);\n            }\n            else if(dataIndex >= (this._dataItems.length ?? 0))\n            {\n                this._updateScroll(dataLength, false, index, dataIndex);\n            }\n        });\n    }\n\n    /**\n     * Updates scroll to be at full value of item\n     * @param dataLength - Length of all data\n     * @param add - Indication whether add or subtract length\n     * @param index - Current index\n     * @param dataIndex - Current index of data \n     */\n    @DebounceCall(18)\n    protected _updateScroll(dataLength: number, add: boolean, index: number, dataIndex: number): void\n    {\n        this._scrollElement.nativeElement.scrollTo({top: (Math.round(index) * (this._itemHeight ?? 1)) + (add ? dataLength : (dataLength * -1)), behavior: 'auto'});\n\n        this._emitValue(dataIndex);\n    }\n\n    /**\n     * Emits value after scroll\n     * @param index - Index of currently selected data item\n     */\n    protected _emitValue(index: number): void\n    {\n        index = Math.round(index) % this._dataItems!.length;\n        \n        if(index < 0)\n        {\n            index = this._dataItems!.length + index;\n        }\n\n        const item = this._dataItems![index];\n\n        if(this.value != item.data)\n        {\n            this.value = item.data;\n            this.valueChange.next(this.value);\n        }\n    }\n}"]}

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

@@ -1,4 +1,5 @@
 import { Component, ChangeDetectionStrategy, Inject, ChangeDetectorRef, ElementRef, ViewChild } from '@angular/core';
+import { isPresent } from '@jscrpt/common';
 import { Subject } from 'rxjs';
 import { DATE_API } from '../../../misc/tokens';
 import { DatePositionParserService } from '../../../services/datePositionParser.service';
@@ -72,6 +73,9 @@ export class InputDateTimeSelectorComponent {
         return this._format;
     }
     set format(value) {
+        if (isPresent(value)) {
+            value = this._dateApi.getFormat(value);
+        }
         //only if format changes
         if (this._format != value) {
             this._parser = this._parserSvc.createParser(this._dateApi.getFormat(value));

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|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 ?? ''\">"]}
+{"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 {isPresent} from '@jscrpt/common';\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        if(isPresent(value))\n        {\n            value = this._dateApi.getFormat(value);\n        }\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 ?? ''\">"]}

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

@@ -1,4 +1,5 @@
 import { Component, ChangeDetectionStrategy, Inject, ChangeDetectorRef, ElementRef, ViewChild } from '@angular/core';
+import { isPresent } from '@jscrpt/common';
 import { Subject } from 'rxjs';
 import { DATE_API } from '../../../misc/tokens';
 import { DateValueProvider } from '../../../services/dateValueProvider.service';
@@ -65,6 +66,9 @@ export class SimpleInputDateTimeSelectorComponent {
         return this._format;
     }
     set format(value) {
+        if (isPresent(value)) {
+            value = this._dateApi.getFormat(value);
+        }
         this._format = value;
     }
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"simpleInputDateTime.component.js","sourceRoot":"","sources":["../../../../../src/selector/components/simpleInputDateTime/simpleInputDateTime.component.ts","../../../../../src/selector/components/simpleInputDateTime/simpleInputDateTime.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,MAAM,EAAE,iBAAiB,EAAE,UAAU,EAAE,SAAS,EAAC,MAAM,eAAe,CAAC;AACnH,OAAO,EAAa,OAAO,EAAC,MAAM,MAAM,CAAC;AAGzC,OAAO,EAAC,QAAQ,EAAC,MAAM,sBAAsB,CAAC;AAE9C,OAAO,EAAC,iBAAiB,EAAC,MAAM,6CAA6C,CAAC;;;AAG9E;;GAEG;AAQH,MAAM,OAAO,oCAAoC;IAmK7C,iEAAiE;IACjE,YAAwC,QAAwB,EAC1C,cAAwC,EACxC,eAAkC;QAFhB,aAAQ,GAAR,QAAQ,CAAgB;QAC1C,mBAAc,GAAd,cAAc,CAA0B;QACxC,oBAAe,GAAf,eAAe,CAAmB;QApKxD,sEAAsE;QAEtE;;WAEG;QACO,iBAAY,GAAkB,IAAI,OAAO,EAAQ,CAAC;QAE5D;;WAEG;QACO,aAAQ,GAAkB,IAAI,OAAO,EAAQ,CAAC;QAExD;;WAEG;QACO,mBAAc,GAAqB,IAAI,OAAO,EAAW,CAAC;QAEpE;;WAEG;QACO,YAAO,GAAW,EAAE,CAAC;QAE/B;;WAEG;QACO,kBAAa,GAA8B,IAAI,CAAC;QAE1D;;WAEG;QACO,aAAQ,GAAY,IAAI,CAAC;QAEnC;;WAEG;QACO,cAAS,GAAe,IAAI,CAAC;QAEvC;;WAEG;QACO,cAAS,GAAe,IAAI,CAAC;QAgBvC;;WAEG;QACI,gBAAW,GAAgB,IAAI,CAAC;QA4DvC,2FAA2F;QAE3F;;;WAGG;QACI,aAAQ,GAAY,KAAK,CAAC;IAyCjC,CAAC;IA5HD,4GAA4G;IAE5G;;OAEG;IACH,IAAW,MAAM;QAEb,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IACD,IAAW,MAAM,CAAC,KAAa;QAE3B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACzB,CAAC;IAOD;;OAEG;IACH,IAAW,KAAK;QAEZ,IAAG,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,QAAQ,EACxC;YACI,OAAO,IAAI,CAAC;SACf;QAED,OAAO,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IAChF,CAAC;IAED;;OAEG;IACH,IAAW,cAAc;QAErB,IAAG,CAAC,IAAI,CAAC,QAAQ,EACjB;YACI,OAAO,IAAI,CAAC;SACf;QAED,OAAO,IAAI,CAAC,YAAY,CAAC;IAC7B,CAAC;IAED;;OAEG;IACH,IAAW,KAAK;QAEZ,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IAED;;OAEG;IACH,IAAW,WAAW;QAElB,OAAO,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC;IAC5C,CAAC;IAED;;OAEG;IACH,IAAW,OAAO;QAEd,OAAO,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC;IACxC,CAAC;IAED;;OAEG;IACH,IAAW,aAAa;QAEpB,OAAO,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;IAC9C,CAAC;IAmBD,0EAA0E;IAE1E;;OAEG;IACH,IAAc,YAAY;QAEtB,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC;IACpC,CAAC;IACD,IAAc,YAAY,CAAC,KAAkB;QAEzC,IAAG,IAAI,CAAC,KAAK,EACb;YACI,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,CAAC;SAClC;IACL,CAAC;IAED;;OAEG;IACH,IAAc,KAAK;QAEf,OAAO,IAAI,CAAC,YAAa,CAAC,aAAa,CAAC;IAC5C,CAAC;IASD,yGAAyG;IAEzG;;;OAGG;IACI,WAAW,CAAC,KAAiB;QAEhC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IAC3B,CAAC;IAED;;;OAGG;IACI,WAAW,CAAC,KAAiB;QAEhC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IAC3B,CAAC;IAED;;;OAGG;IACI,QAAQ,CAAC,KAAgC;QAE5C,IAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EACd;YACI,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;YACvE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;YAE7C,IAAI,CAAC,KAAK,EAAE,CAAC;SAChB;aAED;YACI,IAAI,CAAC,WAAW,EAAE,CAAC;SACtB;IACL,CAAC;IAED;;;OAGG;IACI,WAAW,CAAC,WAAoB,IAAI;QAEvC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC7B,CAAC;IAED;;OAEG;IACI,iBAAiB;QAEpB,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,CAAC;IACzC,CAAC;IAED,wFAAwF;IAExF;;;OAGG;IACI,WAAW;QAEd,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAE/B,UAAU;QACV,IAAG,CAAC,IAAI,CAAC,aAAa,EACtB;YACI,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;YACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;YAE7C,IAAG,IAAI,CAAC,qBAAqB,EAAE,EAC/B;gBACI,IAAI,CAAC,WAAW,EAAE,CAAC;aACtB;iBAED;gBACI,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;aAC5B;SACJ;QAED,IAAG,CAAC,IAAI,CAAC,QAAQ,EACjB;YACI,OAAO;SACV;QAED,IAAI,CAAC,KAAK,EAAE,CAAC;IACjB,CAAC;IAED;;;OAGG;IACI,UAAU;QAEb,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC;IAED;;;OAGG;IACI,WAAW;QAEd,aAAa;QACb,IAAG,CAAC,IAAI,CAAC,YAAY,EACrB;YACI,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;YAEzB,OAAO;SACV;QAED,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QAC7E,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;QAC7C,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;IAC7B,CAAC;IAED;;;OAGG;IACI,WAAW;QAEd,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC;IAED;;;;;OAKG;IACI,cAAc,CAAC,KAAoB;;QAEtC,IAAG,CAAC,CAAA,MAAA,IAAI,CAAC,aAAa,0CAAE,OAAO,EAAE,CAAA,EACjC;YACI,OAAO;SACV;QAED,QAAO,KAAK,CAAC,GAAG,EAChB;YACI,KAAK,YAAY,CAAC;YAClB,KAAK,WAAW;gBAChB;oBACI,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,KAAK,CAAC,eAAe,EAAE,CAAC;oBAExB,IAAI,CAAC,qBAAqB,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,IAAI,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,aAAc,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,aAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;oBAClI,IAAI,CAAC,KAAK,EAAE,CAAC;oBAEb,MAAM;iBACT;YACD,KAAK,SAAS,CAAC;YACf,KAAK,WAAW;gBAChB;oBACI,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,KAAK,CAAC,eAAe,EAAE,CAAC;oBAExB,IAAI,CAAC,qBAAqB,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,IAAI,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,aAAc,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,aAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;oBAClI,IAAI,CAAC,KAAK,EAAE,CAAC;oBAEb,MAAM;iBACT;YACD,KAAK,QAAQ;gBACb;oBACI,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;oBAEhC,MAAM;iBACT;YACD,KAAK,GAAG;gBACR;oBACI,IAAG,KAAK,CAAC,OAAO,EAChB;wBACI,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;qBAClC;oBAED,MAAM;iBACT;SACJ;IACL,CAAC;IAED,uEAAuE;IAEvE;;OAEG;IACO,WAAW;QAEjB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC1B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;IAC7B,CAAC;IAED;;OAEG;IACO,qBAAqB;QAE3B,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,aAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAClE,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,aAAc,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;IAC7E,CAAC;IAED;;;OAGG;IACO,qBAAqB,CAAC,IAAgB;;QAE5C,IAAI,CAAC,aAAc,CAAC,cAAc,EAAE,CAAC;QAErC,IAAI,EAAE,CAAC;QAEP,8BAA8B;QAC9B,IAAG,IAAI,CAAC,qBAAqB,EAAE,EAC/B;YACI,MAAA,IAAI,CAAC,aAAa,0CAAE,aAAa,EAAE,CAAC;YAEpC,OAAO;SACV;QAED,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;IAC7B,CAAC;IAED;;OAEG;IACO,KAAK;;QAEX,IAAG,IAAI,CAAC,QAAQ,EAChB;YACI,IAAI,CAAC,YAAY,GAAG,MAAA,MAAA,IAAI,CAAC,aAAa,0CAAE,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,mCAAI,IAAI,CAAC;SACxE;IACL,CAAC;;iIApZQ,oCAAoC,kBAoKzB,QAAQ;qHApKnB,oCAAoC,4LCnBjD,2TAQyC;2FDW5B,oCAAoC;kBAPhD,SAAS;+BAEI,iCAAiC,mBAG1B,uBAAuB,CAAC,MAAM;;0BAsKlC,MAAM;2BAAC,QAAQ;4GA5BrB,YAAY;sBADlB,SAAS;uBAAC,OAAO,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC","sourcesContent":["import {Component, ChangeDetectionStrategy, Inject, ChangeDetectorRef, ElementRef, ViewChild} from '@angular/core';\nimport {Observable, Subject} from 'rxjs';\n\nimport {DateTimeValue} from '../../../misc/datetime.interface';\nimport {DATE_API} from '../../../misc/tokens';\nimport {DateApi, DateApiObject} from '../../../services';\nimport {DateValueProvider} from '../../../services/dateValueProvider.service';\nimport {DateTimeSelector} from '../../misc/datetimeSelector.interface';\n\n/**\n * Component used as datetime selector with simple input\n */\n@Component(\n{\n    selector: 'simple-input-date-time-selector',\n    templateUrl: 'simpleInputDateTime.component.html',\n    styleUrls: ['simpleInputDateTime.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SimpleInputDateTimeSelectorComponent<TDate = any> implements DateTimeSelector<TDate>\n{\n    //######################### protected fields #########################\n\n    /**\n     * Occurs when value changes\n     */\n    protected _valueChange: Subject<void> = new Subject<void>();\n\n    /**\n     * Occurs when selector is touched by user\n     */\n    protected _touched: Subject<void> = new Subject<void>();\n\n    /**\n     * Occurs when selector requires picker to be displayed or hidden\n     */\n    protected _pickerRequest: Subject<boolean> = new Subject<boolean>();\n\n    /**\n     * Currently used format for displaying data\n     */\n    protected _format: string = '';\n\n    /**\n     * Current value representation as date api wrapper\n     */\n    protected _dateApiValue: null|DateApiObject<TDate> = null;\n\n    /**\n     * Indication whether is current value valid value\n     */\n    protected _isValid: boolean = true;\n\n    /**\n     * Minimal possible value that can be picked\n     */\n    protected _minValue: TDate|null = null;\n\n    /**\n     * Maximal possible value that can be picked\n     */\n    protected _maxValue: TDate|null = null;\n\n    //######################### public properties - implementation of DateTimeSelector #########################\n\n    /**\n     * Gets or sets currently used format for displaying data\n     */\n    public get format(): string\n    {\n        return this._format;\n    }\n    public set format(value: string)\n    {\n        this._format = value;\n    }\n\n    /**\n     * Gets or sets placeholder that is displayed when there is no value selected\n     */\n    public placeholder: string|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 _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\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 click event inside of input\n     * @internal\n     */\n    public handleClick(): void\n    {\n        this._pickerRequest.next(true);\n    }\n\n    /**\n     * Handles keyboard events\n     * @param event - Keyboard event that occured\n     * @param input - Html input element that holds current value and selection\n     * @internal\n     */\n    public handleKeyboard(event: KeyboardEvent): 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                this._withMinMaxConstraint(() => event.key == 'ArrowLeft' ? this._dateApiValue!.subtractDays(1) : this._dateApiValue!.addDays(1));\n                this._show();\n\n                break;\n            }\n            case 'ArrowUp':\n            case 'ArrowDown':\n            {\n                event.preventDefault();\n                event.stopPropagation();\n\n                this._withMinMaxConstraint(() => event.key == 'ArrowUp' ? this._dateApiValue!.subtractWeeks(1) : this._dateApiValue!.addWeeks(1));\n                this._show();\n\n                break;\n            }\n            case 'Escape':\n            {\n                this._pickerRequest.next(false);\n\n                break;\n            }\n            case ' ':\n            {\n                if(event.ctrlKey)\n                {\n                    this._pickerRequest.next(true);\n                }\n\n                break;\n            }\n        }\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Clears current value\n     */\n    protected _clearValue(): void\n    {\n        this._dateApiValue = null;\n        this._isValid = true;\n        this.currentValue = null;\n    }\n\n    /**\n     * Tests whether are min or max constraint broken, returns true if constraint is broken\n     */\n    protected _minMaxConstraintTest(): boolean\n    {\n        return (!!this._minValue && this._dateApiValue!.isBefore(this._minValue)) ||\n               (!!this._maxValue && this._dateApiValue!.isAfter(this._maxValue));\n    }\n\n    /**\n     * Runs code with check whether min max constrains was broken\n     * @param code - Code that should be executed which can change current value\n     */\n    protected _withMinMaxConstraint(code: () => void): void\n    {\n        this._dateApiValue!.updateOriginal();\n\n        code();\n\n        //min value constraint failure\n        if(this._minMaxConstraintTest())\n        {\n            this._dateApiValue?.resetOriginal();\n\n            return;\n        }\n\n        this._valueChange.next();\n    }\n\n    /**\n     * Shows current value in input\n     */\n    protected _show(): void\n    {\n        if(this._isValid)\n        {\n            this.currentValue = this._dateApiValue?.format(this._format) ?? null;\n        }\n    }\n}","<input type=\"text\"\r\n       #input\r\n       (focus)=\"handleFocus()\"\r\n       (blur)=\"handleBlur()\"\r\n       (input)=\"handleInput()\"\r\n       (click)=\"handleClick()\"\r\n       (keydown)=\"handleKeyboard($any($event))\"\r\n       [disabled]=\"disabled\"\r\n       [placeholder]=\"placeholder ?? ''\">"]}
+{"version":3,"file":"simpleInputDateTime.component.js","sourceRoot":"","sources":["../../../../../src/selector/components/simpleInputDateTime/simpleInputDateTime.component.ts","../../../../../src/selector/components/simpleInputDateTime/simpleInputDateTime.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,MAAM,EAAE,iBAAiB,EAAE,UAAU,EAAE,SAAS,EAAC,MAAM,eAAe,CAAC;AACnH,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAa,OAAO,EAAC,MAAM,MAAM,CAAC;AAGzC,OAAO,EAAC,QAAQ,EAAC,MAAM,sBAAsB,CAAC;AAE9C,OAAO,EAAC,iBAAiB,EAAC,MAAM,6CAA6C,CAAC;;;AAG9E;;GAEG;AAQH,MAAM,OAAO,oCAAoC;IAwK7C,iEAAiE;IACjE,YAAwC,QAAwB,EAC1C,cAAwC,EACxC,eAAkC;QAFhB,aAAQ,GAAR,QAAQ,CAAgB;QAC1C,mBAAc,GAAd,cAAc,CAA0B;QACxC,oBAAe,GAAf,eAAe,CAAmB;QAzKxD,sEAAsE;QAEtE;;WAEG;QACO,iBAAY,GAAkB,IAAI,OAAO,EAAQ,CAAC;QAE5D;;WAEG;QACO,aAAQ,GAAkB,IAAI,OAAO,EAAQ,CAAC;QAExD;;WAEG;QACO,mBAAc,GAAqB,IAAI,OAAO,EAAW,CAAC;QAEpE;;WAEG;QACO,YAAO,GAAW,EAAE,CAAC;QAE/B;;WAEG;QACO,kBAAa,GAA8B,IAAI,CAAC;QAE1D;;WAEG;QACO,aAAQ,GAAY,IAAI,CAAC;QAEnC;;WAEG;QACO,cAAS,GAAe,IAAI,CAAC;QAEvC;;WAEG;QACO,cAAS,GAAe,IAAI,CAAC;QAqBvC;;WAEG;QACI,gBAAW,GAAgB,IAAI,CAAC;QA4DvC,2FAA2F;QAE3F;;;WAGG;QACI,aAAQ,GAAY,KAAK,CAAC;IAyCjC,CAAC;IAjID,4GAA4G;IAE5G;;OAEG;IACH,IAAW,MAAM;QAEb,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IACD,IAAW,MAAM,CAAC,KAAa;QAE3B,IAAG,SAAS,CAAC,KAAK,CAAC,EACnB;YACI,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;SAC1C;QAED,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACzB,CAAC;IAOD;;OAEG;IACH,IAAW,KAAK;QAEZ,IAAG,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,QAAQ,EACxC;YACI,OAAO,IAAI,CAAC;SACf;QAED,OAAO,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IAChF,CAAC;IAED;;OAEG;IACH,IAAW,cAAc;QAErB,IAAG,CAAC,IAAI,CAAC,QAAQ,EACjB;YACI,OAAO,IAAI,CAAC;SACf;QAED,OAAO,IAAI,CAAC,YAAY,CAAC;IAC7B,CAAC;IAED;;OAEG;IACH,IAAW,KAAK;QAEZ,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IAED;;OAEG;IACH,IAAW,WAAW;QAElB,OAAO,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC;IAC5C,CAAC;IAED;;OAEG;IACH,IAAW,OAAO;QAEd,OAAO,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC;IACxC,CAAC;IAED;;OAEG;IACH,IAAW,aAAa;QAEpB,OAAO,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;IAC9C,CAAC;IAmBD,0EAA0E;IAE1E;;OAEG;IACH,IAAc,YAAY;QAEtB,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC;IACpC,CAAC;IACD,IAAc,YAAY,CAAC,KAAkB;QAEzC,IAAG,IAAI,CAAC,KAAK,EACb;YACI,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,CAAC;SAClC;IACL,CAAC;IAED;;OAEG;IACH,IAAc,KAAK;QAEf,OAAO,IAAI,CAAC,YAAa,CAAC,aAAa,CAAC;IAC5C,CAAC;IASD,yGAAyG;IAEzG;;;OAGG;IACI,WAAW,CAAC,KAAiB;QAEhC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IAC3B,CAAC;IAED;;;OAGG;IACI,WAAW,CAAC,KAAiB;QAEhC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IAC3B,CAAC;IAED;;;OAGG;IACI,QAAQ,CAAC,KAAgC;QAE5C,IAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EACd;YACI,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;YACvE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;YAE7C,IAAI,CAAC,KAAK,EAAE,CAAC;SAChB;aAED;YACI,IAAI,CAAC,WAAW,EAAE,CAAC;SACtB;IACL,CAAC;IAED;;;OAGG;IACI,WAAW,CAAC,WAAoB,IAAI;QAEvC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC7B,CAAC;IAED;;OAEG;IACI,iBAAiB;QAEpB,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,CAAC;IACzC,CAAC;IAED,wFAAwF;IAExF;;;OAGG;IACI,WAAW;QAEd,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAE/B,UAAU;QACV,IAAG,CAAC,IAAI,CAAC,aAAa,EACtB;YACI,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;YACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;YAE7C,IAAG,IAAI,CAAC,qBAAqB,EAAE,EAC/B;gBACI,IAAI,CAAC,WAAW,EAAE,CAAC;aACtB;iBAED;gBACI,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;aAC5B;SACJ;QAED,IAAG,CAAC,IAAI,CAAC,QAAQ,EACjB;YACI,OAAO;SACV;QAED,IAAI,CAAC,KAAK,EAAE,CAAC;IACjB,CAAC;IAED;;;OAGG;IACI,UAAU;QAEb,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC;IAED;;;OAGG;IACI,WAAW;QAEd,aAAa;QACb,IAAG,CAAC,IAAI,CAAC,YAAY,EACrB;YACI,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;YAEzB,OAAO;SACV;QAED,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QAC7E,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;QAC7C,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;IAC7B,CAAC;IAED;;;OAGG;IACI,WAAW;QAEd,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC;IAED;;;;;OAKG;IACI,cAAc,CAAC,KAAoB;;QAEtC,IAAG,CAAC,CAAA,MAAA,IAAI,CAAC,aAAa,0CAAE,OAAO,EAAE,CAAA,EACjC;YACI,OAAO;SACV;QAED,QAAO,KAAK,CAAC,GAAG,EAChB;YACI,KAAK,YAAY,CAAC;YAClB,KAAK,WAAW;gBAChB;oBACI,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,KAAK,CAAC,eAAe,EAAE,CAAC;oBAExB,IAAI,CAAC,qBAAqB,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,IAAI,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,aAAc,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,aAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;oBAClI,IAAI,CAAC,KAAK,EAAE,CAAC;oBAEb,MAAM;iBACT;YACD,KAAK,SAAS,CAAC;YACf,KAAK,WAAW;gBAChB;oBACI,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,KAAK,CAAC,eAAe,EAAE,CAAC;oBAExB,IAAI,CAAC,qBAAqB,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,IAAI,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,aAAc,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,aAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;oBAClI,IAAI,CAAC,KAAK,EAAE,CAAC;oBAEb,MAAM;iBACT;YACD,KAAK,QAAQ;gBACb;oBACI,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;oBAEhC,MAAM;iBACT;YACD,KAAK,GAAG;gBACR;oBACI,IAAG,KAAK,CAAC,OAAO,EAChB;wBACI,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;qBAClC;oBAED,MAAM;iBACT;SACJ;IACL,CAAC;IAED,uEAAuE;IAEvE;;OAEG;IACO,WAAW;QAEjB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC1B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;IAC7B,CAAC;IAED;;OAEG;IACO,qBAAqB;QAE3B,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,aAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAClE,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,aAAc,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;IAC7E,CAAC;IAED;;;OAGG;IACO,qBAAqB,CAAC,IAAgB;;QAE5C,IAAI,CAAC,aAAc,CAAC,cAAc,EAAE,CAAC;QAErC,IAAI,EAAE,CAAC;QAEP,8BAA8B;QAC9B,IAAG,IAAI,CAAC,qBAAqB,EAAE,EAC/B;YACI,MAAA,IAAI,CAAC,aAAa,0CAAE,aAAa,EAAE,CAAC;YAEpC,OAAO;SACV;QAED,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;IAC7B,CAAC;IAED;;OAEG;IACO,KAAK;;QAEX,IAAG,IAAI,CAAC,QAAQ,EAChB;YACI,IAAI,CAAC,YAAY,GAAG,MAAA,MAAA,IAAI,CAAC,aAAa,0CAAE,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,mCAAI,IAAI,CAAC;SACxE;IACL,CAAC;;iIAzZQ,oCAAoC,kBAyKzB,QAAQ;qHAzKnB,oCAAoC,4LCpBjD,2TAQyC;2FDY5B,oCAAoC;kBAPhD,SAAS;+BAEI,iCAAiC,mBAG1B,uBAAuB,CAAC,MAAM;;0BA2KlC,MAAM;2BAAC,QAAQ;4GA5BrB,YAAY;sBADlB,SAAS;uBAAC,OAAO,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC","sourcesContent":["import {Component, ChangeDetectionStrategy, Inject, ChangeDetectorRef, ElementRef, ViewChild} from '@angular/core';\nimport {isPresent} from '@jscrpt/common';\nimport {Observable, Subject} from 'rxjs';\n\nimport {DateTimeValue} from '../../../misc/datetime.interface';\nimport {DATE_API} from '../../../misc/tokens';\nimport {DateApi, DateApiObject} from '../../../services';\nimport {DateValueProvider} from '../../../services/dateValueProvider.service';\nimport {DateTimeSelector} from '../../misc/datetimeSelector.interface';\n\n/**\n * Component used as datetime selector with simple input\n */\n@Component(\n{\n    selector: 'simple-input-date-time-selector',\n    templateUrl: 'simpleInputDateTime.component.html',\n    styleUrls: ['simpleInputDateTime.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SimpleInputDateTimeSelectorComponent<TDate = any> implements DateTimeSelector<TDate>\n{\n    //######################### protected fields #########################\n\n    /**\n     * Occurs when value changes\n     */\n    protected _valueChange: Subject<void> = new Subject<void>();\n\n    /**\n     * Occurs when selector is touched by user\n     */\n    protected _touched: Subject<void> = new Subject<void>();\n\n    /**\n     * Occurs when selector requires picker to be displayed or hidden\n     */\n    protected _pickerRequest: Subject<boolean> = new Subject<boolean>();\n\n    /**\n     * Currently used format for displaying data\n     */\n    protected _format: string = '';\n\n    /**\n     * Current value representation as date api wrapper\n     */\n    protected _dateApiValue: null|DateApiObject<TDate> = null;\n\n    /**\n     * Indication whether is current value valid value\n     */\n    protected _isValid: boolean = true;\n\n    /**\n     * Minimal possible value that can be picked\n     */\n    protected _minValue: TDate|null = null;\n\n    /**\n     * Maximal possible value that can be picked\n     */\n    protected _maxValue: TDate|null = null;\n\n    //######################### public properties - implementation of DateTimeSelector #########################\n\n    /**\n     * Gets or sets currently used format for displaying data\n     */\n    public get format(): string\n    {\n        return this._format;\n    }\n    public set format(value: string)\n    {\n        if(isPresent(value))\n        {\n            value = 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 _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\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 click event inside of input\n     * @internal\n     */\n    public handleClick(): void\n    {\n        this._pickerRequest.next(true);\n    }\n\n    /**\n     * Handles keyboard events\n     * @param event - Keyboard event that occured\n     * @param input - Html input element that holds current value and selection\n     * @internal\n     */\n    public handleKeyboard(event: KeyboardEvent): 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                this._withMinMaxConstraint(() => event.key == 'ArrowLeft' ? this._dateApiValue!.subtractDays(1) : this._dateApiValue!.addDays(1));\n                this._show();\n\n                break;\n            }\n            case 'ArrowUp':\n            case 'ArrowDown':\n            {\n                event.preventDefault();\n                event.stopPropagation();\n\n                this._withMinMaxConstraint(() => event.key == 'ArrowUp' ? this._dateApiValue!.subtractWeeks(1) : this._dateApiValue!.addWeeks(1));\n                this._show();\n\n                break;\n            }\n            case 'Escape':\n            {\n                this._pickerRequest.next(false);\n\n                break;\n            }\n            case ' ':\n            {\n                if(event.ctrlKey)\n                {\n                    this._pickerRequest.next(true);\n                }\n\n                break;\n            }\n        }\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Clears current value\n     */\n    protected _clearValue(): void\n    {\n        this._dateApiValue = null;\n        this._isValid = true;\n        this.currentValue = null;\n    }\n\n    /**\n     * Tests whether are min or max constraint broken, returns true if constraint is broken\n     */\n    protected _minMaxConstraintTest(): boolean\n    {\n        return (!!this._minValue && this._dateApiValue!.isBefore(this._minValue)) ||\n               (!!this._maxValue && this._dateApiValue!.isAfter(this._maxValue));\n    }\n\n    /**\n     * Runs code with check whether min max constrains was broken\n     * @param code - Code that should be executed which can change current value\n     */\n    protected _withMinMaxConstraint(code: () => void): void\n    {\n        this._dateApiValue!.updateOriginal();\n\n        code();\n\n        //min value constraint failure\n        if(this._minMaxConstraintTest())\n        {\n            this._dateApiValue?.resetOriginal();\n\n            return;\n        }\n\n        this._valueChange.next();\n    }\n\n    /**\n     * Shows current value in input\n     */\n    protected _show(): void\n    {\n        if(this._isValid)\n        {\n            this.currentValue = this._dateApiValue?.format(this._format) ?? null;\n        }\n    }\n}","<input type=\"text\"\r\n       #input\r\n       (focus)=\"handleFocus()\"\r\n       (blur)=\"handleBlur()\"\r\n       (input)=\"handleInput()\"\r\n       (click)=\"handleClick()\"\r\n       (keydown)=\"handleKeyboard($any($event))\"\r\n       [disabled]=\"disabled\"\r\n       [placeholder]=\"placeholder ?? ''\">"]}