@anglr/datetime 5.0.0-beta.20221020182702 → 5.0.0-beta.20221021035527

package/changelog.md

@@ -1,6 +1,6 @@
 # Changelog
 
-## Version 5.0.0 (2022-10-20)
+## Version 5.0.0 (2022-10-21)
 
 ### Features
 
@@ -169,6 +169,10 @@
     - **extends** `DateTimePeriodPickerBase`
     - **implements**
         - `DateTimePicker`
+- new `RollerTimePickerSAComponent` component, which is used for rendering roller time picker
+    - **extends** `DateTimePeriodPickerBase`
+    - **implements**
+        - `DateTimePicker`
 - updated `DateApiObject` interface
     - new `unixTimestamp` method, that gets value of date time as unix timestamp
 - updated `DateFormatPipe`

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

@@ -26,7 +26,9 @@ DateTimeLegacyPickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.
         CommonUtilsModule,
         DatePipesModule,
         CastPipesModule,
-        ClickOutsideModule], exports: [DateTimePickerLegacyComponent] });
+        ClickOutsideModule], exports: [DateTimePickerLegacyComponent,
+        LoopScrollDataDirective,
+        LoopScrollDirective] });
 DateTimeLegacyPickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DateTimeLegacyPickerModule, imports: [AngularCommonModule,
         CommonDynamicModule,
         CommonUtilsModule,
@@ -54,7 +56,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
                         LoopScrollDirective,
                     ],
                     exports: [
-                        DateTimePickerLegacyComponent
+                        DateTimePickerLegacyComponent,
+                        LoopScrollDataDirective,
+                        LoopScrollDirective,
                     ]
                 }]
         }] });

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

@@ -1 +1 @@
-{"version":3,"file":"picker.module.js","sourceRoot":"","sources":["../../../../../src/legacy/picker/modules/picker.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,YAAY,IAAI,mBAAmB,EAAC,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAC,mBAAmB,EAAE,eAAe,EAAE,kBAAkB,EAAE,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAE1G,OAAO,EAAC,6BAA6B,EAAC,MAAM,uCAAuC,CAAC;AACpF,OAAO,EAAC,0BAA0B,EAAC,MAAM,6CAA6C,CAAC;AACvF,OAAO,EAAC,4BAA4B,EAAC,MAAM,iDAAiD,CAAC;AAC7F,OAAO,EAAC,2BAA2B,EAAC,MAAM,+CAA+C,CAAC;AAC1F,OAAO,EAAC,eAAe,EAAC,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAC,iCAAiC,EAAC,MAAM,2DAA2D,CAAC;AAC5G,OAAO,EAAC,uBAAuB,EAAE,mBAAmB,EAAC,MAAM,eAAe,CAAC;;AAE3E;;GAEG;AA2BH,MAAM,OAAO,0BAA0B;;uHAA1B,0BAA0B;wHAA1B,0BAA0B,iBAb/B,6BAA6B;QAC7B,iCAAiC;QACjC,0BAA0B;QAC1B,4BAA4B;QAC5B,2BAA2B;QAC3B,uBAAuB;QACvB,mBAAmB,aAfnB,mBAAmB;QACnB,mBAAmB;QACnB,iBAAiB;QACjB,eAAe;QACf,eAAe;QACf,kBAAkB,aAclB,6BAA6B;wHAGxB,0BAA0B,YAtB/B,mBAAmB;QACnB,mBAAmB;QACnB,iBAAiB;QACjB,eAAe;QACf,eAAe;QACf,kBAAkB;2FAiBb,0BAA0B;kBA1BtC,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,mBAAmB;wBACnB,mBAAmB;wBACnB,iBAAiB;wBACjB,eAAe;wBACf,eAAe;wBACf,kBAAkB;qBACrB;oBACD,YAAY,EACZ;wBACI,6BAA6B;wBAC7B,iCAAiC;wBACjC,0BAA0B;wBAC1B,4BAA4B;wBAC5B,2BAA2B;wBAC3B,uBAAuB;wBACvB,mBAAmB;qBACtB;oBACD,OAAO,EACP;wBACI,6BAA6B;qBAChC;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\nimport {CommonModule as AngularCommonModule} from '@angular/common';\nimport {CommonDynamicModule, CastPipesModule, ClickOutsideModule, CommonUtilsModule} from '@anglr/common';\n\nimport {DateTimePickerLegacyComponent} from '../components/picker/picker.component';\nimport {DateTimeDayPickerComponent} from '../components/dayPicker/dayPicker.component';\nimport {DateTimeMonthPickerComponent} from '../components/monthPicker/monthPicker.component';\nimport {DateTimeYearPickerComponent} from '../components/yearPicker/yearPicker.component';\nimport {DatePipesModule} from '../../../modules/datePipes.module';\nimport {DateTimeRollerTimePickerComponent} from '../components/rollerTimePicker/rollerTimePicker.component';\nimport {LoopScrollDataDirective, LoopScrollDirective} from '../directives';\n\n/**\n * Angular module for date time picker components\n */\n@NgModule(\n{\n    imports:\n    [\n        AngularCommonModule,\n        CommonDynamicModule,\n        CommonUtilsModule,\n        DatePipesModule,\n        CastPipesModule,\n        ClickOutsideModule,\n    ],\n    declarations:\n    [\n        DateTimePickerLegacyComponent,\n        DateTimeRollerTimePickerComponent,\n        DateTimeDayPickerComponent,\n        DateTimeMonthPickerComponent,\n        DateTimeYearPickerComponent,\n        LoopScrollDataDirective,\n        LoopScrollDirective,\n    ],\n    exports:\n    [\n        DateTimePickerLegacyComponent\n    ]\n})\nexport class DateTimeLegacyPickerModule\n{\n}"]}
+{"version":3,"file":"picker.module.js","sourceRoot":"","sources":["../../../../../src/legacy/picker/modules/picker.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,YAAY,IAAI,mBAAmB,EAAC,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAC,mBAAmB,EAAE,eAAe,EAAE,kBAAkB,EAAE,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAE1G,OAAO,EAAC,6BAA6B,EAAC,MAAM,uCAAuC,CAAC;AACpF,OAAO,EAAC,0BAA0B,EAAC,MAAM,6CAA6C,CAAC;AACvF,OAAO,EAAC,4BAA4B,EAAC,MAAM,iDAAiD,CAAC;AAC7F,OAAO,EAAC,2BAA2B,EAAC,MAAM,+CAA+C,CAAC;AAC1F,OAAO,EAAC,eAAe,EAAC,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAC,iCAAiC,EAAC,MAAM,2DAA2D,CAAC;AAC5G,OAAO,EAAC,uBAAuB,EAAE,mBAAmB,EAAC,MAAM,eAAe,CAAC;;AAE3E;;GAEG;AA6BH,MAAM,OAAO,0BAA0B;;uHAA1B,0BAA0B;wHAA1B,0BAA0B,iBAf/B,6BAA6B;QAC7B,iCAAiC;QACjC,0BAA0B;QAC1B,4BAA4B;QAC5B,2BAA2B;QAC3B,uBAAuB;QACvB,mBAAmB,aAfnB,mBAAmB;QACnB,mBAAmB;QACnB,iBAAiB;QACjB,eAAe;QACf,eAAe;QACf,kBAAkB,aAclB,6BAA6B;QAC7B,uBAAuB;QACvB,mBAAmB;wHAGd,0BAA0B,YAxB/B,mBAAmB;QACnB,mBAAmB;QACnB,iBAAiB;QACjB,eAAe;QACf,eAAe;QACf,kBAAkB;2FAmBb,0BAA0B;kBA5BtC,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,mBAAmB;wBACnB,mBAAmB;wBACnB,iBAAiB;wBACjB,eAAe;wBACf,eAAe;wBACf,kBAAkB;qBACrB;oBACD,YAAY,EACZ;wBACI,6BAA6B;wBAC7B,iCAAiC;wBACjC,0BAA0B;wBAC1B,4BAA4B;wBAC5B,2BAA2B;wBAC3B,uBAAuB;wBACvB,mBAAmB;qBACtB;oBACD,OAAO,EACP;wBACI,6BAA6B;wBAC7B,uBAAuB;wBACvB,mBAAmB;qBACtB;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\nimport {CommonModule as AngularCommonModule} from '@angular/common';\nimport {CommonDynamicModule, CastPipesModule, ClickOutsideModule, CommonUtilsModule} from '@anglr/common';\n\nimport {DateTimePickerLegacyComponent} from '../components/picker/picker.component';\nimport {DateTimeDayPickerComponent} from '../components/dayPicker/dayPicker.component';\nimport {DateTimeMonthPickerComponent} from '../components/monthPicker/monthPicker.component';\nimport {DateTimeYearPickerComponent} from '../components/yearPicker/yearPicker.component';\nimport {DatePipesModule} from '../../../modules/datePipes.module';\nimport {DateTimeRollerTimePickerComponent} from '../components/rollerTimePicker/rollerTimePicker.component';\nimport {LoopScrollDataDirective, LoopScrollDirective} from '../directives';\n\n/**\n * Angular module for date time picker components\n */\n@NgModule(\n{\n    imports:\n    [\n        AngularCommonModule,\n        CommonDynamicModule,\n        CommonUtilsModule,\n        DatePipesModule,\n        CastPipesModule,\n        ClickOutsideModule,\n    ],\n    declarations:\n    [\n        DateTimePickerLegacyComponent,\n        DateTimeRollerTimePickerComponent,\n        DateTimeDayPickerComponent,\n        DateTimeMonthPickerComponent,\n        DateTimeYearPickerComponent,\n        LoopScrollDataDirective,\n        LoopScrollDirective,\n    ],\n    exports:\n    [\n        DateTimePickerLegacyComponent,\n        LoopScrollDataDirective,\n        LoopScrollDirective,\n    ]\n})\nexport class DateTimeLegacyPickerModule\n{\n}"]}

package/es2015/src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.component.js

@@ -5,10 +5,10 @@ import { Subscription } from 'rxjs';
 import { DATE_TIME_PICKER_OPTIONS } from '../../misc/tokens';
 import { DayPickerSAComponent } from '../dayPicker/dayPicker.component';
 import { MonthPickerSAComponent } from '../monthPicker/monthPicker.component';
+import { YearPickerSAComponent } from '../yearPicker/yearPicker.component';
 import { formatDateTime, parseDateTime } from '../../../../misc/utils';
 import { DateTimeDirective } from '../../../dateTime/directives';
 import { DateValueProvider } from '../../../../services';
-import { YearPickerSAComponent } from '../yearPicker/yearPicker.component';
 import { DateTimeValueFormat } from '../../../../misc/enums';
 import * as i0 from "@angular/core";
 import * as i1 from "../../../../services";

package/es2015/src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"dateTimePicker.component.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.component.ts","../../../../../../src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.component.html"],"names":[],"mappings":"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","sourcesContent":["import {Component, ChangeDetectionStrategy, ViewChild, ViewContainerRef, Type, EventEmitter, Output, Input, OnChanges, SimpleChanges, Inject, Optional, OnDestroy, ComponentRef, OnInit} from '@angular/core';\nimport {Position, POSITION} from '@anglr/common';\nimport {extend, isBlank, nameof} from '@jscrpt/common';\nimport {Subscription} from 'rxjs';\n\nimport {DateTimeInputValue} from '../../../../interfaces';\nimport {DateTimeInputOutputValue, DateTimeObjectValue} from '../../../../misc/types';\nimport {DATE_TIME_PICKER_OPTIONS} from '../../misc/tokens';\nimport {DayPickerSAComponent} from '../dayPicker/dayPicker.component';\nimport {MonthPickerSAComponent} from '../monthPicker/monthPicker.component';\nimport {DateTimePickerOptions} from './dateTimePicker.interface';\nimport {DateTimePicker} from '../../interfaces';\nimport {formatDateTime, parseDateTime} from '../../../../misc/utils';\nimport {DateTimeDirective} from '../../../dateTime/directives';\nimport {DateValueProvider} from '../../../../services';\nimport {YearPickerSAComponent} from '../yearPicker/yearPicker.component';\nimport {DateTimeValueFormat} from '../../../../misc/enums';\n\n//TODO: use mixin for set internal\n\n/**\n * Text to be displayed when configuration, options are corrupted\n */\nconst CORRUPTED_CONFIG_TEXT = 'DateTime: Corrupted configuration for DateTimePicker!';\n\n/**\n * Default options for date time picker\n */\nconst defaultOptions: DateTimePickerOptions = \n{\n    defaultPeriod: 'day',\n    periodsDefinition:\n    {\n        'day': DayPickerSAComponent,\n        'month': MonthPickerSAComponent,\n        'year': YearPickerSAComponent,\n    },\n};\n\n/**\n * Component used for displaying date time picker\n */\n@Component(\n{\n    selector: 'date-time-picker',\n    templateUrl: 'dateTimePicker.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DateTimePickerComponent<TDate = unknown> extends DateTimeDirective<TDate> implements DateTimeInputValue<TDate>, OnInit, OnChanges, OnDestroy\n{\n    //######################### protected properties #########################\n\n    /**\n     * Current value of date time, could be string, unix timestamp, Date, TDate object, or ranged DateTimeValue\n     */\n    protected ɵValue: DateTimeInputOutputValue<TDate>|undefined|null;\n\n    /**\n     * Internal representation of current date time value\n     */\n    protected internalValue: DateTimeObjectValue<TDate>|undefined|null;\n    \n    /**\n     * Subscription for changes in date time period picker\n     */\n    protected periodChangesSubscription: Subscription|undefined|null;\n\n    /**\n     * Options for date time picker\n     */\n    protected ɵOptions: DateTimePickerOptions<TDate>;\n\n    /**\n     * Currently displayed period type\n     */\n    protected displayedPeriodType!: Type<DateTimePicker<TDate>>;\n\n    /**\n     * Name of period which is currently displayed\n     */\n    protected displayedPeriodName!: string;\n\n    /**\n     * Instance of created date time period picker\n     */\n    protected component: ComponentRef<DateTimePicker<TDate>>|undefined|null;\n    \n    //######################### protected properties - children #########################\n\n    /**\n     * Container used for displaying pickers for specific date time part\n     */\n    @ViewChild('container', {read: ViewContainerRef, static: true})\n    protected pickerContainer: ViewContainerRef|undefined|null;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * @inheritdoc\n     */\n    @Input()\n    public get value(): DateTimeInputOutputValue<TDate>|undefined|null\n    {\n        return this.ɵValue;\n    }\n    public set value(value: DateTimeInputOutputValue<TDate>|undefined|null)\n    {\n        //accepts all available formats\n        this.setInternalValue(value);\n        this.ɵValue = formatDateTime(this.internalValue, this.valueFormat, this.customFormat);\n    }\n\n    /**\n     * Options for date time picker\n     */\n    @Input()\n    public get options(): Partial<DateTimePickerOptions<TDate>>\n    {\n        return this.ɵOptions;\n    }\n    public set options(value: Partial<DateTimePickerOptions<TDate>>)\n    {\n        this.ɵOptions = extend(true, {}, defaultOptions, value);\n\n        this.setOptions(value);\n    }\n\n    //######################### public properties - outputs #########################\n\n    /**\n     * @inheritdoc\n     */\n    @Output()\n    public valueChange: EventEmitter<void> = new EventEmitter<void>();\n\n    //######################### constructor #########################\n    constructor(@Inject(POSITION) protected position: Position,\n                protected valueProvider: DateValueProvider<TDate>,\n                @Inject(DATE_TIME_PICKER_OPTIONS) @Optional() options?: Partial<DateTimePickerOptions<TDate>>,)\n    {\n        super();\n\n        this.ɵOptions = extend(true, {}, defaultOptions, options);\n        \n        this.setOptions(options);\n\n        if(!this.displayedPeriodType)\n        {\n            throw new Error(CORRUPTED_CONFIG_TEXT);\n        }\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n    \n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        //empty value show now\n        if(isBlank(this.value))\n        {\n            const now = this.dateApi.now();\n\n            this.showPicker(this.displayedPeriodType, now.value);\n        }\n        else\n        {\n            const val = (Array.isArray(this.internalValue) ? this.internalValue[0] : this.internalValue) ?? this.dateApi.now();\n\n            this.showPicker(this.displayedPeriodType, val.isValid() ? val.value : this.dateApi.now().value);\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.component)\n        {\n            return;\n        }\n\n        const component = this.component.instance;\n        let invalidate: boolean = false;\n\n        if(nameof<DateTimePickerComponent>('maxDateTime') in changes)\n        {\n            component.maxDate = this.maxDateTime;\n            invalidate = true;\n        }\n\n        if(nameof<DateTimePickerComponent>('minDateTime') in changes)\n        {\n            component.minDate = this.minDateTime;\n            invalidate = true;\n        }\n\n        if(nameof<DateTimePickerComponent>('value') in changes)\n        {\n            const val = (Array.isArray(this.internalValue) ? this.internalValue[0] : this.internalValue) ?? this.dateApi.now();\n\n            component.display = val.isValid() ? val.value : this.dateApi.now().value;\n            component.value = this.internalValue;\n            invalidate = true;\n        }\n\n        if(this.component && invalidate)\n        {\n            this.component.instance.invalidateVisuals();\n        }\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public override ngOnDestroy(): void\n    {\n        super.ngOnDestroy();\n\n        this.component?.destroy();\n        this.component = null;\n\n        this.periodChangesSubscription?.unsubscribe();\n        this.periodChangesSubscription = null;\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Sets internal value and fix lowest time difference\n     * @param value - Value to be set\n     */\n    protected setInternalValue(value: DateTimeInputOutputValue<TDate>|undefined|null): void\n    {\n        this.internalValue = parseDateTime(value, this.dateApi, null, this.customFormat);\n\n        if(isBlank(this.internalValue))\n        {\n            return;\n        }\n\n        //ranged value\n        if(Array.isArray(this.internalValue))\n        {\n            const [from, to] = this.internalValue;\n\n            if(from)\n            {\n                const val = this.valueProvider.getValue(from.value, this.customFormat).from;\n\n                if(val)\n                {\n                    this.internalValue[0] = this.dateApi.getValue(val, this.customFormat);\n                }\n            }\n\n            if(to)\n            {\n                const val = this.valueProvider.getValue(to.value, this.customFormat).to;\n\n                if(val)\n                {\n                    this.internalValue[1] = this.dateApi.getValue(val, this.customFormat);\n                }\n            }\n        }\n        else\n        {\n            const val = this.valueProvider.getValue(this.internalValue.value, this.customFormat).from;\n\n            if(val)\n            {\n                this.internalValue = this.dateApi.getValue(val, this.customFormat);\n            }\n        }\n    }\n\n    /**\n     * Shows picker\n     * @param type - Type of period that should be displayed\n     * @param displayDate - Display date to be shown\n     */\n    protected showPicker(type: Type<DateTimePicker<TDate>>, displayDate: TDate): void\n    {\n        if(!this.pickerContainer)\n        {\n            return;\n        }\n\n        //create new component and destroy previous one\n        if(!this.component || (this.component && type != this.displayedPeriodType))\n        {\n            this.displayedPeriodType = type;\n            this.periodChangesSubscription?.unsubscribe();\n            this.periodChangesSubscription = new Subscription();\n            this.component?.destroy();\n            this.component = this.pickerContainer.createComponent(type);\n\n            this.periodChangesSubscription.add(this.component.instance.valueChange.subscribe(() =>\n            {\n                const component = this.component?.instance;\n\n                if(!component)\n                {\n                    return;\n                }\n\n                if(!Array.isArray(component.value))\n                {\n                    this.setInternalValue(component.value?.value);\n                }\n                else\n                {\n                    //TODO: handle ranges\n                }\n\n                this.value = formatDateTime(this.internalValue, this.valueFormat, this.customFormat);\n                this.valueChange.emit();\n            }));\n\n            this.periodChangesSubscription.add(this.component.instance.scaleUp.subscribe(date => this.showPicker(this.getUpperType(), date)));\n            this.periodChangesSubscription.add(this.component.instance.scaleDown.subscribe(date => this.showPicker(this.getLowerType(), date)));\n        }\n\n        const component = this.component.instance;\n\n        component.ranged = this.valueFormat === DateTimeValueFormat.RangeOfDateInstances;\n        component.canScaleDown = this.canScaleDown(),\n        component.canScaleUp = this.canScaleUp();\n        component.display = displayDate;\n        component.maxDate = this.maxDateTime;\n        component.minDate = this.minDateTime;\n        component.value = this.internalValue;\n        component.invalidateVisuals();\n    }\n\n    /**\n     * Gets indication whether current period can be scaled down\n     * @param periods - Array of defined period names\n     * @param index - Index of displayed period\n     */\n    protected canScaleDown(periods?: string[], index?: number): boolean\n    {\n        periods ??= Object.keys(this.ɵOptions.periodsDefinition);\n        index ??= periods.indexOf(this.displayedPeriodName);\n\n        if(index < 0)\n        {\n            throw new Error(CORRUPTED_CONFIG_TEXT);\n        }\n\n        if(index <= 0)\n        {\n            return false;\n        }\n\n        return true;\n    }\n\n    /**\n     * Gets indication whether current period can be scaled up\n     * @param periods - Array of defined period names\n     * @param index - Index of displayed period\n     */\n    protected canScaleUp(periods?: string[], index?: number): boolean\n    {\n        periods ??= Object.keys(this.ɵOptions.periodsDefinition);\n        index ??= periods.indexOf(this.displayedPeriodName);\n\n        if(index < 0)\n        {\n            throw new Error(CORRUPTED_CONFIG_TEXT);\n        }\n\n        if(index + 1 >= periods.length)\n        {\n            return false;\n        }\n\n        return true;\n    }\n\n    /**\n     * Gets type that is above current period picker\n     */\n    protected getUpperType(): Type<DateTimePicker<TDate>>\n    {\n        const periods = Object.keys(this.ɵOptions.periodsDefinition);\n        const index = periods.indexOf(this.displayedPeriodName);\n\n        if(!this.canScaleUp(periods, index))\n        {\n            return this.displayedPeriodType;\n        }\n\n        this.displayedPeriodName = periods[index + 1];\n\n        return this.ɵOptions.periodsDefinition[this.displayedPeriodName];\n    }\n\n    /**\n     * Gets type that is below current period picker\n     */\n    protected getLowerType(): Type<DateTimePicker<TDate>>\n    {\n        const periods = Object.keys(this.ɵOptions.periodsDefinition);\n        const index = periods.indexOf(this.displayedPeriodName);\n\n        if(!this.canScaleDown(periods, index))\n        {\n            return this.displayedPeriodType;\n        }\n\n        this.displayedPeriodName = periods[index - 1];\n\n        return this.ɵOptions.periodsDefinition[this.displayedPeriodName];\n    }\n\n    /**\n     * Sets options and use them to set parameters of component\n     * @param options - Options to be set\n     */\n    protected setOptions(options: Partial<DateTimePickerOptions<TDate>> | undefined): void\n    {\n        if(options?.periodsDefinition)\n        {\n            this.ɵOptions.periodsDefinition = options.periodsDefinition;\n        }\n\n        this.displayedPeriodName = this.ɵOptions.defaultPeriod;\n        this.displayedPeriodType = this.ɵOptions.periodsDefinition[this.displayedPeriodName];\n    }\n}","<ng-container #container></ng-container>"]}
+{"version":3,"file":"dateTimePicker.component.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.component.ts","../../../../../../src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.component.html"],"names":[],"mappings":"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","sourcesContent":["import {Component, ChangeDetectionStrategy, ViewChild, ViewContainerRef, Type, EventEmitter, Output, Input, OnChanges, SimpleChanges, Inject, Optional, OnDestroy, ComponentRef, OnInit} from '@angular/core';\nimport {Position, POSITION} from '@anglr/common';\nimport {extend, isBlank, nameof} from '@jscrpt/common';\nimport {Subscription} from 'rxjs';\n\nimport {DateTimeInputValue} from '../../../../interfaces';\nimport {DateTimeInputOutputValue, DateTimeObjectValue} from '../../../../misc/types';\nimport {DATE_TIME_PICKER_OPTIONS} from '../../misc/tokens';\nimport {DayPickerSAComponent} from '../dayPicker/dayPicker.component';\nimport {MonthPickerSAComponent} from '../monthPicker/monthPicker.component';\nimport {DateTimePickerOptions} from './dateTimePicker.interface';\nimport {YearPickerSAComponent} from '../yearPicker/yearPicker.component';\nimport {DateTimePicker} from '../../interfaces';\nimport {formatDateTime, parseDateTime} from '../../../../misc/utils';\nimport {DateTimeDirective} from '../../../dateTime/directives';\nimport {DateValueProvider} from '../../../../services';\nimport {DateTimeValueFormat} from '../../../../misc/enums';\n\n//TODO: use mixin for set internal\n\n/**\n * Text to be displayed when configuration, options are corrupted\n */\nconst CORRUPTED_CONFIG_TEXT = 'DateTime: Corrupted configuration for DateTimePicker!';\n\n/**\n * Default options for date time picker\n */\nconst defaultOptions: DateTimePickerOptions = \n{\n    defaultPeriod: 'day',\n    periodsDefinition:\n    {\n        'day': DayPickerSAComponent,\n        'month': MonthPickerSAComponent,\n        'year': YearPickerSAComponent,\n    },\n};\n\n/**\n * Component used for displaying date time picker\n */\n@Component(\n{\n    selector: 'date-time-picker',\n    templateUrl: 'dateTimePicker.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DateTimePickerComponent<TDate = unknown> extends DateTimeDirective<TDate> implements DateTimeInputValue<TDate>, OnInit, OnChanges, OnDestroy\n{\n    //######################### protected properties #########################\n\n    /**\n     * Current value of date time, could be string, unix timestamp, Date, TDate object, or ranged DateTimeValue\n     */\n    protected ɵValue: DateTimeInputOutputValue<TDate>|undefined|null;\n\n    /**\n     * Internal representation of current date time value\n     */\n    protected internalValue: DateTimeObjectValue<TDate>|undefined|null;\n    \n    /**\n     * Subscription for changes in date time period picker\n     */\n    protected periodChangesSubscription: Subscription|undefined|null;\n\n    /**\n     * Options for date time picker\n     */\n    protected ɵOptions: DateTimePickerOptions<TDate>;\n\n    /**\n     * Currently displayed period type\n     */\n    protected displayedPeriodType!: Type<DateTimePicker<TDate>>;\n\n    /**\n     * Name of period which is currently displayed\n     */\n    protected displayedPeriodName!: string;\n\n    /**\n     * Instance of created date time period picker\n     */\n    protected component: ComponentRef<DateTimePicker<TDate>>|undefined|null;\n    \n    //######################### protected properties - children #########################\n\n    /**\n     * Container used for displaying pickers for specific date time part\n     */\n    @ViewChild('container', {read: ViewContainerRef, static: true})\n    protected pickerContainer: ViewContainerRef|undefined|null;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * @inheritdoc\n     */\n    @Input()\n    public get value(): DateTimeInputOutputValue<TDate>|undefined|null\n    {\n        return this.ɵValue;\n    }\n    public set value(value: DateTimeInputOutputValue<TDate>|undefined|null)\n    {\n        //accepts all available formats\n        this.setInternalValue(value);\n        this.ɵValue = formatDateTime(this.internalValue, this.valueFormat, this.customFormat);\n    }\n\n    /**\n     * Options for date time picker\n     */\n    @Input()\n    public get options(): Partial<DateTimePickerOptions<TDate>>\n    {\n        return this.ɵOptions;\n    }\n    public set options(value: Partial<DateTimePickerOptions<TDate>>)\n    {\n        this.ɵOptions = extend(true, {}, defaultOptions, value);\n\n        this.setOptions(value);\n    }\n\n    //######################### public properties - outputs #########################\n\n    /**\n     * @inheritdoc\n     */\n    @Output()\n    public valueChange: EventEmitter<void> = new EventEmitter<void>();\n\n    //######################### constructor #########################\n    constructor(@Inject(POSITION) protected position: Position,\n                protected valueProvider: DateValueProvider<TDate>,\n                @Inject(DATE_TIME_PICKER_OPTIONS) @Optional() options?: Partial<DateTimePickerOptions<TDate>>,)\n    {\n        super();\n\n        this.ɵOptions = extend(true, {}, defaultOptions, options);\n        \n        this.setOptions(options);\n\n        if(!this.displayedPeriodType)\n        {\n            throw new Error(CORRUPTED_CONFIG_TEXT);\n        }\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n    \n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        //empty value show now\n        if(isBlank(this.value))\n        {\n            const now = this.dateApi.now();\n\n            this.showPicker(this.displayedPeriodType, now.value);\n        }\n        else\n        {\n            const val = (Array.isArray(this.internalValue) ? this.internalValue[0] : this.internalValue) ?? this.dateApi.now();\n\n            this.showPicker(this.displayedPeriodType, val.isValid() ? val.value : this.dateApi.now().value);\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.component)\n        {\n            return;\n        }\n\n        const component = this.component.instance;\n        let invalidate: boolean = false;\n\n        if(nameof<DateTimePickerComponent>('maxDateTime') in changes)\n        {\n            component.maxDate = this.maxDateTime;\n            invalidate = true;\n        }\n\n        if(nameof<DateTimePickerComponent>('minDateTime') in changes)\n        {\n            component.minDate = this.minDateTime;\n            invalidate = true;\n        }\n\n        if(nameof<DateTimePickerComponent>('value') in changes)\n        {\n            const val = (Array.isArray(this.internalValue) ? this.internalValue[0] : this.internalValue) ?? this.dateApi.now();\n\n            component.display = val.isValid() ? val.value : this.dateApi.now().value;\n            component.value = this.internalValue;\n            invalidate = true;\n        }\n\n        if(this.component && invalidate)\n        {\n            this.component.instance.invalidateVisuals();\n        }\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public override ngOnDestroy(): void\n    {\n        super.ngOnDestroy();\n\n        this.component?.destroy();\n        this.component = null;\n\n        this.periodChangesSubscription?.unsubscribe();\n        this.periodChangesSubscription = null;\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Sets internal value and fix lowest time difference\n     * @param value - Value to be set\n     */\n    protected setInternalValue(value: DateTimeInputOutputValue<TDate>|undefined|null): void\n    {\n        this.internalValue = parseDateTime(value, this.dateApi, null, this.customFormat);\n\n        if(isBlank(this.internalValue))\n        {\n            return;\n        }\n\n        //ranged value\n        if(Array.isArray(this.internalValue))\n        {\n            const [from, to] = this.internalValue;\n\n            if(from)\n            {\n                const val = this.valueProvider.getValue(from.value, this.customFormat).from;\n\n                if(val)\n                {\n                    this.internalValue[0] = this.dateApi.getValue(val, this.customFormat);\n                }\n            }\n\n            if(to)\n            {\n                const val = this.valueProvider.getValue(to.value, this.customFormat).to;\n\n                if(val)\n                {\n                    this.internalValue[1] = this.dateApi.getValue(val, this.customFormat);\n                }\n            }\n        }\n        else\n        {\n            const val = this.valueProvider.getValue(this.internalValue.value, this.customFormat).from;\n\n            if(val)\n            {\n                this.internalValue = this.dateApi.getValue(val, this.customFormat);\n            }\n        }\n    }\n\n    /**\n     * Shows picker\n     * @param type - Type of period that should be displayed\n     * @param displayDate - Display date to be shown\n     */\n    protected showPicker(type: Type<DateTimePicker<TDate>>, displayDate: TDate): void\n    {\n        if(!this.pickerContainer)\n        {\n            return;\n        }\n\n        //create new component and destroy previous one\n        if(!this.component || (this.component && type != this.displayedPeriodType))\n        {\n            this.displayedPeriodType = type;\n            this.periodChangesSubscription?.unsubscribe();\n            this.periodChangesSubscription = new Subscription();\n            this.component?.destroy();\n            this.component = this.pickerContainer.createComponent(type);\n\n            this.periodChangesSubscription.add(this.component.instance.valueChange.subscribe(() =>\n            {\n                const component = this.component?.instance;\n\n                if(!component)\n                {\n                    return;\n                }\n\n                if(!Array.isArray(component.value))\n                {\n                    this.setInternalValue(component.value?.value);\n                }\n                else\n                {\n                    //TODO: handle ranges\n                }\n\n                this.value = formatDateTime(this.internalValue, this.valueFormat, this.customFormat);\n                this.valueChange.emit();\n            }));\n\n            this.periodChangesSubscription.add(this.component.instance.scaleUp.subscribe(date => this.showPicker(this.getUpperType(), date)));\n            this.periodChangesSubscription.add(this.component.instance.scaleDown.subscribe(date => this.showPicker(this.getLowerType(), date)));\n        }\n\n        const component = this.component.instance;\n\n        component.ranged = this.valueFormat === DateTimeValueFormat.RangeOfDateInstances;\n        component.canScaleDown = this.canScaleDown(),\n        component.canScaleUp = this.canScaleUp();\n        component.display = displayDate;\n        component.maxDate = this.maxDateTime;\n        component.minDate = this.minDateTime;\n        component.value = this.internalValue;\n        component.invalidateVisuals();\n    }\n\n    /**\n     * Gets indication whether current period can be scaled down\n     * @param periods - Array of defined period names\n     * @param index - Index of displayed period\n     */\n    protected canScaleDown(periods?: string[], index?: number): boolean\n    {\n        periods ??= Object.keys(this.ɵOptions.periodsDefinition);\n        index ??= periods.indexOf(this.displayedPeriodName);\n\n        if(index < 0)\n        {\n            throw new Error(CORRUPTED_CONFIG_TEXT);\n        }\n\n        if(index <= 0)\n        {\n            return false;\n        }\n\n        return true;\n    }\n\n    /**\n     * Gets indication whether current period can be scaled up\n     * @param periods - Array of defined period names\n     * @param index - Index of displayed period\n     */\n    protected canScaleUp(periods?: string[], index?: number): boolean\n    {\n        periods ??= Object.keys(this.ɵOptions.periodsDefinition);\n        index ??= periods.indexOf(this.displayedPeriodName);\n\n        if(index < 0)\n        {\n            throw new Error(CORRUPTED_CONFIG_TEXT);\n        }\n\n        if(index + 1 >= periods.length)\n        {\n            return false;\n        }\n\n        return true;\n    }\n\n    /**\n     * Gets type that is above current period picker\n     */\n    protected getUpperType(): Type<DateTimePicker<TDate>>\n    {\n        const periods = Object.keys(this.ɵOptions.periodsDefinition);\n        const index = periods.indexOf(this.displayedPeriodName);\n\n        if(!this.canScaleUp(periods, index))\n        {\n            return this.displayedPeriodType;\n        }\n\n        this.displayedPeriodName = periods[index + 1];\n\n        return this.ɵOptions.periodsDefinition[this.displayedPeriodName];\n    }\n\n    /**\n     * Gets type that is below current period picker\n     */\n    protected getLowerType(): Type<DateTimePicker<TDate>>\n    {\n        const periods = Object.keys(this.ɵOptions.periodsDefinition);\n        const index = periods.indexOf(this.displayedPeriodName);\n\n        if(!this.canScaleDown(periods, index))\n        {\n            return this.displayedPeriodType;\n        }\n\n        this.displayedPeriodName = periods[index - 1];\n\n        return this.ɵOptions.periodsDefinition[this.displayedPeriodName];\n    }\n\n    /**\n     * Sets options and use them to set parameters of component\n     * @param options - Options to be set\n     */\n    protected setOptions(options: Partial<DateTimePickerOptions<TDate>> | undefined): void\n    {\n        if(options?.periodsDefinition)\n        {\n            this.ɵOptions.periodsDefinition = options.periodsDefinition;\n        }\n\n        this.displayedPeriodName = this.ɵOptions.defaultPeriod;\n        this.displayedPeriodType = this.ɵOptions.periodsDefinition[this.displayedPeriodName];\n    }\n}","<ng-container #container></ng-container>"]}

package/es2015/src/modules/dateTimePicker/components/dayPicker/dayPicker.component.js

@@ -138,7 +138,7 @@ export class DayPickerSAComponent extends DateTimePeriodPickerBase {
     }
 }
 DayPickerSAComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DayPickerSAComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DayPickerSAComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: DayPickerSAComponent, isStandalone: true, selector: "day-picker", host: { properties: { "class.date-time-period": "true" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"period\">\r\n    <div class=\"fas fa-angle-left clickable\" (mousedown)=\"previousMonth()\"></div>\r\n    <div class=\"period-value\" [class.clickable]=\"canScaleUp\" (mousedown)=\"displayDate && canScaleUp ? scaleUpSubject.next(displayDate.value) : undefined\">{{displayDate?.value | dateFormat: 'monthName'}} {{displayDate?.value | dateFormat: 'year'}}</div>\r\n    <div class=\"fas fa-angle-right clickable\" (mousedown)=\"nextMonth()\"></div>\r\n</div>\r\n\r\n<div class=\"period-data\">\r\n    <div class=\"weekday\" *ngFor=\"let weekday of weekdays\">{{weekday}}</div>\r\n    <div *ngFor=\"let day of periodData\"\r\n         class=\"period-datum clickable\"\r\n         [class.other-month]=\"day.otherMonth\"\r\n         [class.today]=\"day.today\"\r\n         [class.weekend]=\"day.weekend\"\r\n         [class.active]=\"day.active\"\r\n         [class.disabled]=\"day.disabled\"\r\n         (mousedown)=\"selectDay(day)\">{{day.day}}</div>\r\n</div>\r\n\r\n<div class=\"go-down-button\" style=\"justify-content: center; border-top: 1px solid #FFF;\" *ngIf=\"canScaleDown\">\r\n    <!-- <div [class.clickable]=\"canScaleDown\" (mousedown)=\"displayDate ? goDownSubject.next(displayDate.value) : undefined\">{{timeValue?.from | dateFormat: 'time'}}</div> -->\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: DatePipesModule }, { kind: "pipe", type: i2.DateFormatPipe, name: "dateFormat" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+DayPickerSAComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: DayPickerSAComponent, isStandalone: true, selector: "day-picker", host: { properties: { "class.date-time-period": "true" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"period\">\r\n    <div class=\"fas fa-angle-left clickable\" (mousedown)=\"previousMonth()\"></div>\r\n    <div class=\"period-value\" [class.clickable]=\"canScaleUp\" (mousedown)=\"displayDate && canScaleUp ? scaleUpSubject.next(displayDate.value) : undefined\">{{displayDate?.value | dateFormat: 'monthName'}} {{displayDate?.value | dateFormat: 'year'}}</div>\r\n    <div class=\"fas fa-angle-right clickable\" (mousedown)=\"nextMonth()\"></div>\r\n</div>\r\n\r\n<div class=\"period-data\">\r\n    <div class=\"weekday\" *ngFor=\"let weekday of weekdays\">{{weekday}}</div>\r\n    <div *ngFor=\"let day of periodData\"\r\n         class=\"period-datum clickable\"\r\n         [class.other-month]=\"day.otherMonth\"\r\n         [class.today]=\"day.today\"\r\n         [class.weekend]=\"day.weekend\"\r\n         [class.active]=\"day.active\"\r\n         [class.disabled]=\"day.disabled\"\r\n         (mousedown)=\"selectDay(day)\">{{day.day}}</div>\r\n</div>\r\n\r\n<div class=\"go-down-button\" *ngIf=\"canScaleDown\">\r\n    <div [class.clickable]=\"canScaleDown\" (mousedown)=\"displayDate ? scaleDownSubject.next(displayDate.value) : undefined\">{{singleValue ? (singleValue.value | dateFormat: 'time') : '0:00'}}</div>\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: DatePipesModule }, { kind: "pipe", type: i2.DateFormatPipe, name: "dateFormat" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DayPickerSAComponent, decorators: [{
             type: Component,
             args: [{ selector: 'day-picker', host: {
@@ -146,6 +146,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
                     }, standalone: true, imports: [
                         CommonModule,
                         DatePipesModule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"period\">\r\n    <div class=\"fas fa-angle-left clickable\" (mousedown)=\"previousMonth()\"></div>\r\n    <div class=\"period-value\" [class.clickable]=\"canScaleUp\" (mousedown)=\"displayDate && canScaleUp ? scaleUpSubject.next(displayDate.value) : undefined\">{{displayDate?.value | dateFormat: 'monthName'}} {{displayDate?.value | dateFormat: 'year'}}</div>\r\n    <div class=\"fas fa-angle-right clickable\" (mousedown)=\"nextMonth()\"></div>\r\n</div>\r\n\r\n<div class=\"period-data\">\r\n    <div class=\"weekday\" *ngFor=\"let weekday of weekdays\">{{weekday}}</div>\r\n    <div *ngFor=\"let day of periodData\"\r\n         class=\"period-datum clickable\"\r\n         [class.other-month]=\"day.otherMonth\"\r\n         [class.today]=\"day.today\"\r\n         [class.weekend]=\"day.weekend\"\r\n         [class.active]=\"day.active\"\r\n         [class.disabled]=\"day.disabled\"\r\n         (mousedown)=\"selectDay(day)\">{{day.day}}</div>\r\n</div>\r\n\r\n<div class=\"go-down-button\" style=\"justify-content: center; border-top: 1px solid #FFF;\" *ngIf=\"canScaleDown\">\r\n    <!-- <div [class.clickable]=\"canScaleDown\" (mousedown)=\"displayDate ? goDownSubject.next(displayDate.value) : undefined\">{{timeValue?.from | dateFormat: 'time'}}</div> -->\r\n</div>" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"period\">\r\n    <div class=\"fas fa-angle-left clickable\" (mousedown)=\"previousMonth()\"></div>\r\n    <div class=\"period-value\" [class.clickable]=\"canScaleUp\" (mousedown)=\"displayDate && canScaleUp ? scaleUpSubject.next(displayDate.value) : undefined\">{{displayDate?.value | dateFormat: 'monthName'}} {{displayDate?.value | dateFormat: 'year'}}</div>\r\n    <div class=\"fas fa-angle-right clickable\" (mousedown)=\"nextMonth()\"></div>\r\n</div>\r\n\r\n<div class=\"period-data\">\r\n    <div class=\"weekday\" *ngFor=\"let weekday of weekdays\">{{weekday}}</div>\r\n    <div *ngFor=\"let day of periodData\"\r\n         class=\"period-datum clickable\"\r\n         [class.other-month]=\"day.otherMonth\"\r\n         [class.today]=\"day.today\"\r\n         [class.weekend]=\"day.weekend\"\r\n         [class.active]=\"day.active\"\r\n         [class.disabled]=\"day.disabled\"\r\n         (mousedown)=\"selectDay(day)\">{{day.day}}</div>\r\n</div>\r\n\r\n<div class=\"go-down-button\" *ngIf=\"canScaleDown\">\r\n    <div [class.clickable]=\"canScaleDown\" (mousedown)=\"displayDate ? scaleDownSubject.next(displayDate.value) : undefined\">{{singleValue ? (singleValue.value | dateFormat: 'time') : '0:00'}}</div>\r\n</div>" }]
         }], ctorParameters: function () { return []; } });
 //# sourceMappingURL=dayPicker.component.js.map

package/es2015/src/modules/dateTimePicker/components/dayPicker/dayPicker.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"dayPicker.component.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/components/dayPicker/dayPicker.component.ts","../../../../../../src/modules/dateTimePicker/components/dayPicker/dayPicker.component.html"],"names":[],"mappings":"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","sourcesContent":["import {Component, ChangeDetectionStrategy} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\nimport {DateTimePicker} from '../../interfaces';\nimport {DateTimePeriodPickerBase} from '../dateTimePeriodPickerBase';\nimport {DatePipesModule} from '../../../datePipes.module';\nimport {DayData} from '../../../../legacy/picker/interfaces';\nimport {DateApiObject} from '../../../../services';\n\n/**\n * Component used for displaying day picker\n */\n@Component(\n{\n    selector: 'day-picker',\n    templateUrl: 'dayPicker.component.html',\n    host:\n    {\n        '[class.date-time-period]': 'true',\n    },\n    standalone: true,\n    imports:\n    [\n        CommonModule,\n        DatePipesModule,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DayPickerSAComponent<TDate = unknown> extends DateTimePeriodPickerBase<DayData<TDate>, TDate> implements DateTimePicker<TDate>\n{\n    //######################### protected properties #########################\n\n    /**\n     * Stored this picker month data\n     */\n    protected thisMonthData: DayData<TDate>[] = [];\n\n    //######################### protected properties - template bindings #########################\n\n    /**\n     * Names of days\n     */\n    protected weekdays: string[] = [];\n\n    //######################### constructor #########################\n    constructor()\n    {\n        super();\n\n        this.weekdays = this.dateApi.weekdaysShort();\n    }\n\n    //######################### protected methods - template bindings #########################\n\n    /**\n     * Selects day as value of date time picker\n     * @param dayData - Day data that were selected\n     */\n    protected selectDay(dayData: DayData<TDate>): void\n    {\n        if(dayData.disabled)\n        {\n            return;\n        }\n\n        //single value\n        if(!this.ranged)\n        {\n            //no value selected yet\n            if(!this.singleValue?.isValid())\n            {\n                this.singleValue = this.displayDate?.clone() ?? this.dateApi.getValue(new Date());\n            }\n\n            this.singleValue.year(dayData.dateObj.year());\n            this.singleValue.month(dayData.dateObj.month());\n            this.singleValue.dayOfMonth(dayData.day);\n\n            //other month was selected\n            if(dayData.otherMonth)\n            {\n                this.displayDate?.month(dayData.dateObj.month());\n            }\n\n            this.singleValue.updateOriginal();\n        }\n        else\n        {\n            //TODO: range\n        }\n\n        this.valueChangeSubject.next();\n        this.render();\n        this.changeDetector.detectChanges();\n    }\n\n    /**\n     * Changes displayed month to next month\n     */\n    protected nextMonth(): void\n    {\n        this.displayDate?.addMonths(1).updateOriginal();\n\n        this.render();\n    }\n\n    /**\n     * Changes displayed month to previous month\n     */\n    protected previousMonth(): void\n    {\n        this.displayDate?.subtractMonths(1).updateOriginal();\n\n        this.render();\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Renders current day picker data\n     */\n    protected render(): void\n    {\n        //same month only data change\n        if(this.displayedDate && this.displayDate?.isSameMonth(this.displayedDate))\n        {\n            this.setActive();\n            this.updateMinMax();\n\n            return;\n        }\n\n        this.displayedDate = this.displayDate?.value;\n        this.periodData = [];\n        this.thisMonthData = [];\n\n        if(!this.displayDate)\n        {\n            return;\n        }\n\n        const currentMonthDate = this.displayDate.value;\n        const today = this.dateApi.now().value;\n\n        this.displayDate\n            .startOfMonth()\n            .updateOriginal()\n            .startOfWeek();\n\n        do\n        {\n            for(let x = 0; x < 7; x++)\n            {\n                const day = this.displayDate.dayOfMonth();\n                const otherMonth = !this.displayDate.isSameMonth(currentMonthDate);\n\n                const data: DayData<TDate> =\n                {\n                    active: false,\n                    disabled: false,\n                    date: this.displayDate.value,\n                    otherMonth: otherMonth,\n                    today: this.displayDate.isSameDay(today),\n                    weekend: this.displayDate.isWeekend(),\n                    day: day,\n                    dateObj: this.displayDate.clone(),\n                };\n\n                this.periodData.push(data);\n\n                if(!otherMonth)\n                {\n                    this.thisMonthData.push(data);\n                }\n\n                this.displayDate.addDays(1);\n            }\n        }\n        while(this.displayDate.isSameMonth(currentMonthDate));\n\n        this.displayDate.resetOriginal();\n\n        this.setActive();\n        this.updateMinMax();\n    }\n\n    //######################### protected methods - overrides #########################\n\n    /**\n     * @inheritdoc\n     */\n    protected onRender(): void\n    {\n        this.render();\n    }\n\n    /**\n     * Tests whether provided value is in same period target value\n     * @param val - Tested value\n     * @param target - Target value to be tested against\n     */\n    protected isSamePeriod(val: DateApiObject<TDate>, target: TDate): boolean\n    {\n        return val.isSameDay(target);\n    }\n}","<div class=\"period\">\r\n    <div class=\"fas fa-angle-left clickable\" (mousedown)=\"previousMonth()\"></div>\r\n    <div class=\"period-value\" [class.clickable]=\"canScaleUp\" (mousedown)=\"displayDate && canScaleUp ? scaleUpSubject.next(displayDate.value) : undefined\">{{displayDate?.value | dateFormat: 'monthName'}} {{displayDate?.value | dateFormat: 'year'}}</div>\r\n    <div class=\"fas fa-angle-right clickable\" (mousedown)=\"nextMonth()\"></div>\r\n</div>\r\n\r\n<div class=\"period-data\">\r\n    <div class=\"weekday\" *ngFor=\"let weekday of weekdays\">{{weekday}}</div>\r\n    <div *ngFor=\"let day of periodData\"\r\n         class=\"period-datum clickable\"\r\n         [class.other-month]=\"day.otherMonth\"\r\n         [class.today]=\"day.today\"\r\n         [class.weekend]=\"day.weekend\"\r\n         [class.active]=\"day.active\"\r\n         [class.disabled]=\"day.disabled\"\r\n         (mousedown)=\"selectDay(day)\">{{day.day}}</div>\r\n</div>\r\n\r\n<div class=\"go-down-button\" style=\"justify-content: center; border-top: 1px solid #FFF;\" *ngIf=\"canScaleDown\">\r\n    <!-- <div [class.clickable]=\"canScaleDown\" (mousedown)=\"displayDate ? goDownSubject.next(displayDate.value) : undefined\">{{timeValue?.from | dateFormat: 'time'}}</div> -->\r\n</div>"]}
+{"version":3,"file":"dayPicker.component.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/components/dayPicker/dayPicker.component.ts","../../../../../../src/modules/dateTimePicker/components/dayPicker/dayPicker.component.html"],"names":[],"mappings":"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","sourcesContent":["import {Component, ChangeDetectionStrategy} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\nimport {DateTimePicker} from '../../interfaces';\nimport {DateTimePeriodPickerBase} from '../dateTimePeriodPickerBase';\nimport {DatePipesModule} from '../../../datePipes.module';\nimport {DayData} from '../../../../legacy/picker/interfaces';\nimport {DateApiObject} from '../../../../services';\n\n/**\n * Component used for displaying day picker\n */\n@Component(\n{\n    selector: 'day-picker',\n    templateUrl: 'dayPicker.component.html',\n    host:\n    {\n        '[class.date-time-period]': 'true',\n    },\n    standalone: true,\n    imports:\n    [\n        CommonModule,\n        DatePipesModule,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DayPickerSAComponent<TDate = unknown> extends DateTimePeriodPickerBase<DayData<TDate>, TDate> implements DateTimePicker<TDate>\n{\n    //######################### protected properties #########################\n\n    /**\n     * Stored this picker month data\n     */\n    protected thisMonthData: DayData<TDate>[] = [];\n\n    //######################### protected properties - template bindings #########################\n\n    /**\n     * Names of days\n     */\n    protected weekdays: string[] = [];\n\n    //######################### constructor #########################\n    constructor()\n    {\n        super();\n\n        this.weekdays = this.dateApi.weekdaysShort();\n    }\n\n    //######################### protected methods - template bindings #########################\n\n    /**\n     * Selects day as value of date time picker\n     * @param dayData - Day data that were selected\n     */\n    protected selectDay(dayData: DayData<TDate>): void\n    {\n        if(dayData.disabled)\n        {\n            return;\n        }\n\n        //single value\n        if(!this.ranged)\n        {\n            //no value selected yet\n            if(!this.singleValue?.isValid())\n            {\n                this.singleValue = this.displayDate?.clone() ?? this.dateApi.getValue(new Date());\n            }\n\n            this.singleValue.year(dayData.dateObj.year());\n            this.singleValue.month(dayData.dateObj.month());\n            this.singleValue.dayOfMonth(dayData.day);\n\n            //other month was selected\n            if(dayData.otherMonth)\n            {\n                this.displayDate?.month(dayData.dateObj.month());\n            }\n\n            this.singleValue.updateOriginal();\n        }\n        else\n        {\n            //TODO: range\n        }\n\n        this.valueChangeSubject.next();\n        this.render();\n        this.changeDetector.detectChanges();\n    }\n\n    /**\n     * Changes displayed month to next month\n     */\n    protected nextMonth(): void\n    {\n        this.displayDate?.addMonths(1).updateOriginal();\n\n        this.render();\n    }\n\n    /**\n     * Changes displayed month to previous month\n     */\n    protected previousMonth(): void\n    {\n        this.displayDate?.subtractMonths(1).updateOriginal();\n\n        this.render();\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Renders current day picker data\n     */\n    protected render(): void\n    {\n        //same month only data change\n        if(this.displayedDate && this.displayDate?.isSameMonth(this.displayedDate))\n        {\n            this.setActive();\n            this.updateMinMax();\n\n            return;\n        }\n\n        this.displayedDate = this.displayDate?.value;\n        this.periodData = [];\n        this.thisMonthData = [];\n\n        if(!this.displayDate)\n        {\n            return;\n        }\n\n        const currentMonthDate = this.displayDate.value;\n        const today = this.dateApi.now().value;\n\n        this.displayDate\n            .startOfMonth()\n            .updateOriginal()\n            .startOfWeek();\n\n        do\n        {\n            for(let x = 0; x < 7; x++)\n            {\n                const day = this.displayDate.dayOfMonth();\n                const otherMonth = !this.displayDate.isSameMonth(currentMonthDate);\n\n                const data: DayData<TDate> =\n                {\n                    active: false,\n                    disabled: false,\n                    date: this.displayDate.value,\n                    otherMonth: otherMonth,\n                    today: this.displayDate.isSameDay(today),\n                    weekend: this.displayDate.isWeekend(),\n                    day: day,\n                    dateObj: this.displayDate.clone(),\n                };\n\n                this.periodData.push(data);\n\n                if(!otherMonth)\n                {\n                    this.thisMonthData.push(data);\n                }\n\n                this.displayDate.addDays(1);\n            }\n        }\n        while(this.displayDate.isSameMonth(currentMonthDate));\n\n        this.displayDate.resetOriginal();\n\n        this.setActive();\n        this.updateMinMax();\n    }\n\n    //######################### protected methods - overrides #########################\n\n    /**\n     * @inheritdoc\n     */\n    protected onRender(): void\n    {\n        this.render();\n    }\n\n    /**\n     * Tests whether provided value is in same period target value\n     * @param val - Tested value\n     * @param target - Target value to be tested against\n     */\n    protected isSamePeriod(val: DateApiObject<TDate>, target: TDate): boolean\n    {\n        return val.isSameDay(target);\n    }\n}","<div class=\"period\">\r\n    <div class=\"fas fa-angle-left clickable\" (mousedown)=\"previousMonth()\"></div>\r\n    <div class=\"period-value\" [class.clickable]=\"canScaleUp\" (mousedown)=\"displayDate && canScaleUp ? scaleUpSubject.next(displayDate.value) : undefined\">{{displayDate?.value | dateFormat: 'monthName'}} {{displayDate?.value | dateFormat: 'year'}}</div>\r\n    <div class=\"fas fa-angle-right clickable\" (mousedown)=\"nextMonth()\"></div>\r\n</div>\r\n\r\n<div class=\"period-data\">\r\n    <div class=\"weekday\" *ngFor=\"let weekday of weekdays\">{{weekday}}</div>\r\n    <div *ngFor=\"let day of periodData\"\r\n         class=\"period-datum clickable\"\r\n         [class.other-month]=\"day.otherMonth\"\r\n         [class.today]=\"day.today\"\r\n         [class.weekend]=\"day.weekend\"\r\n         [class.active]=\"day.active\"\r\n         [class.disabled]=\"day.disabled\"\r\n         (mousedown)=\"selectDay(day)\">{{day.day}}</div>\r\n</div>\r\n\r\n<div class=\"go-down-button\" *ngIf=\"canScaleDown\">\r\n    <div [class.clickable]=\"canScaleDown\" (mousedown)=\"displayDate ? scaleDownSubject.next(displayDate.value) : undefined\">{{singleValue ? (singleValue.value | dateFormat: 'time') : '0:00'}}</div>\r\n</div>"]}

package/es2015/src/modules/dateTimePicker/components/index.js

@@ -3,5 +3,7 @@ export * from './dateTimePicker/dateTimePicker.component';
 export * from './dateTimePicker/dateTimePicker.interface';
 export * from './dayPicker/dayPicker.component';
 export * from './monthPicker/monthPicker.component';
+export * from './rollerTimePicker/rollerTimePicker.component';
+export * from './rollerTimePicker/rollerTimePicker.data';
 export * from './yearPicker/yearPicker.component';
 //# sourceMappingURL=index.js.map

package/es2015/src/modules/dateTimePicker/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/dateTimePicker/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC","sourcesContent":["export * from './dateTimePeriodPickerBase';\nexport * from './dateTimePicker/dateTimePicker.component';\nexport * from './dateTimePicker/dateTimePicker.interface';\nexport * from './dayPicker/dayPicker.component';\nexport * from './monthPicker/monthPicker.component';\nexport * from './yearPicker/yearPicker.component';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/dateTimePicker/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AACpD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,0CAA0C,CAAC;AACzD,cAAc,mCAAmC,CAAC","sourcesContent":["export * from './dateTimePeriodPickerBase';\nexport * from './dateTimePicker/dateTimePicker.component';\nexport * from './dateTimePicker/dateTimePicker.interface';\nexport * from './dayPicker/dayPicker.component';\nexport * from './monthPicker/monthPicker.component';\nexport * from './rollerTimePicker/rollerTimePicker.component';\nexport * from './rollerTimePicker/rollerTimePicker.data';\nexport * from './yearPicker/yearPicker.component';\n"]}

package/es2015/src/modules/dateTimePicker/components/rollerTimePicker/rollerTimePicker.component.js

@@ -0,0 +1,138 @@
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ClickOutsideModule } from '@anglr/common';
+import { DatePipesModule } from '../../../datePipes.module';
+import { hours, minutes } from './rollerTimePicker.data';
+import { DateTimePeriodPickerBase } from '../dateTimePeriodPickerBase';
+import { DateTimeLegacyPickerModule } from '../../../../legacy/picker/modules/picker.module';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../../../pipes/dateFormat.pipe";
+import * as i3 from "@anglr/common";
+import * as i4 from "../../../../legacy/picker/directives/loopScrollData/loopScrollData.directive";
+import * as i5 from "../../../../legacy/picker/directives/loopScroll/loopScroll.directive";
+/**
+ * Component used for rendering roller time picker
+ */
+export class RollerTimePickerSAComponent extends DateTimePeriodPickerBase {
+    constructor() {
+        super(...arguments);
+        //######################### protected properties - template bindings #########################
+        /**
+         * Array of available hours
+         */
+        this.hours = hours;
+        /**
+         * Array of available minutes
+         */
+        this.minutes = minutes;
+        /**
+         * Indication whether are minutes open
+         */
+        this.minutesOpen = false;
+        /**
+         * Indication whether are hours open
+         */
+        this.hoursOpen = false;
+    }
+    /**
+     * Current value of hour
+     */
+    get hour() {
+        var _a, _b;
+        return (_b = (_a = this.singleValue) === null || _a === void 0 ? void 0 : _a.hour()) !== null && _b !== void 0 ? _b : 0;
+    }
+    set hour(value) {
+        var _a, _b, _c, _d;
+        //no value selected yet
+        if (!((_a = this.singleValue) === null || _a === void 0 ? void 0 : _a.isValid())) {
+            this.singleValue = (_c = (_b = this.displayDate) === null || _b === void 0 ? void 0 : _b.clone()) !== null && _c !== void 0 ? _c : this.dateApi.getValue(new Date());
+        }
+        (_d = this.singleValue) === null || _d === void 0 ? void 0 : _d.hour(value);
+    }
+    /**
+     * Current value of minute
+     */
+    get minute() {
+        var _a, _b;
+        return (_b = (_a = this.singleValue) === null || _a === void 0 ? void 0 : _a.minute()) !== null && _b !== void 0 ? _b : 0;
+    }
+    set minute(value) {
+        var _a, _b, _c, _d;
+        //no value selected yet
+        if (!((_a = this.singleValue) === null || _a === void 0 ? void 0 : _a.isValid())) {
+            this.singleValue = (_c = (_b = this.displayDate) === null || _b === void 0 ? void 0 : _b.clone()) !== null && _c !== void 0 ? _c : this.dateApi.getValue(new Date());
+        }
+        (_d = this.singleValue) === null || _d === void 0 ? void 0 : _d.minute(value);
+    }
+    //######################### protected methods - template bindings #########################
+    /**
+     * Sets hour
+     * @param event - Mouse event that was triggered
+     * @param value - Value to be set as hour
+     * @returns
+     */
+    setHour(event, value) {
+        var _a;
+        if (!this.hoursOpen && event) {
+            return;
+        }
+        if (this.hour == value) {
+            this.hoursOpen = false;
+            return;
+        }
+        this.hour = value;
+        if (event) {
+            this.hoursOpen = false;
+        }
+        (_a = this.singleValue) === null || _a === void 0 ? void 0 : _a.updateOriginal();
+        this.valueChangeSubject.next();
+    }
+    /**
+     * Sets minute
+     * @param event - Mouse event that was triggered
+     * @param value - Value to be set as minute
+     * @returns
+     */
+    setMinute(event, value) {
+        var _a;
+        if (!this.minutesOpen && event) {
+            return;
+        }
+        if (this.minute == value) {
+            return;
+        }
+        this.minute = value;
+        if (event) {
+            this.minutesOpen = false;
+        }
+        (_a = this.singleValue) === null || _a === void 0 ? void 0 : _a.updateOriginal();
+        this.valueChangeSubject.next();
+    }
+    //######################### protected methods - overrides #########################
+    /**
+     * @inheritdoc
+     */
+    onRender() {
+    }
+    /**
+     * Tests whether provided value is in same period target value
+     */
+    isSamePeriod() {
+        return false;
+    }
+}
+RollerTimePickerSAComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: RollerTimePickerSAComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+RollerTimePickerSAComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: RollerTimePickerSAComponent, isStandalone: true, selector: "roller-time-picker", host: { properties: { "class.date-time-period": "true" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"flex-row\" style=\"justify-content: center;\">\n     <div [class.clickable]=\"canScaleUp\" (mousedown)=\"displayDate && canScaleUp ? scaleUpSubject.next(displayDate.value) : undefined\">{{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             (mousedown)=\"hoursOpen = !hoursOpen\">\n            <div *ngFor=\"let hour of hours | slice: -14\"\n                 [loopScrollData]=\"hour?.data\"\n                 [clone]=\"true\"\n                 class=\"roller-item\"\n                 (mousedown)=\"setHour($event, hour?.data)\">{{hour?.displayText}}</div>\n\n            <div *ngFor=\"let hour of hours\"\n                 [loopScrollData]=\"hour?.data\"\n                 class=\"roller-item\"\n                 (mousedown)=\"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                 (mousedown)=\"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             (mousedown)=\"minutesOpen = !minutesOpen\">\n            <div *ngFor=\"let minute of minutes | slice: -14\"\n                 [loopScrollData]=\"minute?.data\"\n                 [clone]=\"true\"\n                 class=\"roller-item\"\n                 (mousedown)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n\n            <div *ngFor=\"let minute of minutes\"\n                 [loopScrollData]=\"minute?.data\"\n                 class=\"roller-item\"\n                 (mousedown)=\"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                 (mousedown)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n        </div>\n    </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "ngmodule", type: DatePipesModule }, { kind: "pipe", type: i2.DateFormatPipe, name: "dateFormat" }, { kind: "ngmodule", type: ClickOutsideModule }, { kind: "directive", type: i3.ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutside", "clickOutsideElement"], outputs: ["clickOutsideChange"] }, { kind: "ngmodule", type: DateTimeLegacyPickerModule }, { kind: "directive", type: i4.LoopScrollDataDirective, selector: "[loopScrollData]", inputs: ["loopScrollData", "clone"] }, { kind: "directive", type: i5.LoopScrollDirective, selector: "[loopScroll]", inputs: ["loopScroll", "open"], outputs: ["loopScrollChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: RollerTimePickerSAComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'roller-time-picker', host: {
+                        '[class.date-time-period]': 'true',
+                    }, standalone: true, imports: [
+                        CommonModule,
+                        DatePipesModule,
+                        ClickOutsideModule,
+                        DateTimeLegacyPickerModule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex-row\" style=\"justify-content: center;\">\n     <div [class.clickable]=\"canScaleUp\" (mousedown)=\"displayDate && canScaleUp ? scaleUpSubject.next(displayDate.value) : undefined\">{{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             (mousedown)=\"hoursOpen = !hoursOpen\">\n            <div *ngFor=\"let hour of hours | slice: -14\"\n                 [loopScrollData]=\"hour?.data\"\n                 [clone]=\"true\"\n                 class=\"roller-item\"\n                 (mousedown)=\"setHour($event, hour?.data)\">{{hour?.displayText}}</div>\n\n            <div *ngFor=\"let hour of hours\"\n                 [loopScrollData]=\"hour?.data\"\n                 class=\"roller-item\"\n                 (mousedown)=\"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                 (mousedown)=\"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             (mousedown)=\"minutesOpen = !minutesOpen\">\n            <div *ngFor=\"let minute of minutes | slice: -14\"\n                 [loopScrollData]=\"minute?.data\"\n                 [clone]=\"true\"\n                 class=\"roller-item\"\n                 (mousedown)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n\n            <div *ngFor=\"let minute of minutes\"\n                 [loopScrollData]=\"minute?.data\"\n                 class=\"roller-item\"\n                 (mousedown)=\"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                 (mousedown)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n        </div>\n    </div>\n</div>\n" }]
+        }] });
+//# sourceMappingURL=rollerTimePicker.component.js.map

package/es2015/src/modules/dateTimePicker/components/rollerTimePicker/rollerTimePicker.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rollerTimePicker.component.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/components/rollerTimePicker/rollerTimePicker.component.ts","../../../../../../src/modules/dateTimePicker/components/rollerTimePicker/rollerTimePicker.component.html"],"names":[],"mappings":"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","sourcesContent":["import {Component, ChangeDetectionStrategy} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {ClickOutsideModule} from '@anglr/common';\n\nimport {DatePipesModule} from '../../../datePipes.module';\nimport {hours, minutes} from './rollerTimePicker.data';\nimport {DateTimePicker} from '../../interfaces';\nimport {DateTimePeriodPickerBase} from '../dateTimePeriodPickerBase';\nimport {PeriodData} from '../../../../legacy/picker/interfaces';\nimport {LoopScrollData} from '../../../../legacy/picker/directives';\nimport {DateTimeLegacyPickerModule} from '../../../../legacy/picker/modules/picker.module';\n\n/**\n * Component used for rendering roller time picker\n */\n@Component(\n{\n    selector: 'roller-time-picker',\n    templateUrl: 'rollerTimePicker.component.html',\n    host:\n    {\n        '[class.date-time-period]': 'true',\n    },\n    standalone: true,\n    imports:\n    [\n        CommonModule,\n        DatePipesModule,\n        ClickOutsideModule,\n        DateTimeLegacyPickerModule,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class RollerTimePickerSAComponent<TDate = any> extends DateTimePeriodPickerBase<PeriodData<TDate>, TDate>  implements DateTimePicker<TDate>\n{\n    //######################### protected properties - template bindings #########################\n\n    /**\n     * Array of available hours\n     */\n    protected hours: LoopScrollData[] = hours;\n\n    /**\n     * Array of available minutes\n     */\n    protected minutes: LoopScrollData[] = minutes;\n\n    /**\n     * Indication whether are minutes open\n     */\n    protected minutesOpen: boolean = false;\n\n    /**\n     * Indication whether are hours open\n     */\n    protected hoursOpen: boolean = false;\n\n    /**\n     * Current value of hour\n     */\n    protected get hour(): number\n    {\n        return this.singleValue?.hour() ?? 0;\n    }\n    protected set hour(value: number)\n    {\n        //no value selected yet\n        if(!this.singleValue?.isValid())\n        {\n            this.singleValue = this.displayDate?.clone() ?? this.dateApi.getValue(new Date());\n        }\n\n        this.singleValue?.hour(value);\n    }\n\n    /**\n     * Current value of minute\n     */\n    protected get minute(): number\n    {\n        return this.singleValue?.minute() ?? 0;\n    }\n    protected set minute(value: number)\n    {\n        //no value selected yet\n        if(!this.singleValue?.isValid())\n        {\n            this.singleValue = this.displayDate?.clone() ?? this.dateApi.getValue(new Date());\n        }\n\n        this.singleValue?.minute(value);\n    }\n\n    //######################### protected 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    protected setHour<TData = any>(event: MouseEvent|null, value: TData): void\n    {\n        if(!this.hoursOpen && event)\n        {\n            return;\n        }\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        this.singleValue?.updateOriginal();\n        this.valueChangeSubject.next();\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    protected setMinute<TData = any>(event: MouseEvent|null, value: TData): void\n    {\n        if(!this.minutesOpen && event)\n        {\n            return;\n        }\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        this.singleValue?.updateOriginal();\n        this.valueChangeSubject.next();\n    }\n\n    //######################### protected methods - overrides #########################\n\n    /**\n     * @inheritdoc\n     */\n    protected onRender(): void\n    {\n    }\n\n    /**\n     * Tests whether provided value is in same period target value\n     */\n    protected isSamePeriod(): boolean\n    {\n        return false;\n    }\n}","<div class=\"flex-row\" style=\"justify-content: center;\">\n     <div [class.clickable]=\"canScaleUp\" (mousedown)=\"displayDate && canScaleUp ? scaleUpSubject.next(displayDate.value) : undefined\">{{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             (mousedown)=\"hoursOpen = !hoursOpen\">\n            <div *ngFor=\"let hour of hours | slice: -14\"\n                 [loopScrollData]=\"hour?.data\"\n                 [clone]=\"true\"\n                 class=\"roller-item\"\n                 (mousedown)=\"setHour($event, hour?.data)\">{{hour?.displayText}}</div>\n\n            <div *ngFor=\"let hour of hours\"\n                 [loopScrollData]=\"hour?.data\"\n                 class=\"roller-item\"\n                 (mousedown)=\"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                 (mousedown)=\"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             (mousedown)=\"minutesOpen = !minutesOpen\">\n            <div *ngFor=\"let minute of minutes | slice: -14\"\n                 [loopScrollData]=\"minute?.data\"\n                 [clone]=\"true\"\n                 class=\"roller-item\"\n                 (mousedown)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n\n            <div *ngFor=\"let minute of minutes\"\n                 [loopScrollData]=\"minute?.data\"\n                 class=\"roller-item\"\n                 (mousedown)=\"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                 (mousedown)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n        </div>\n    </div>\n</div>\n"]}