@anglr/datetime 9.0.0 → 10.0.0-beta.20250123121222

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

@@ -1 +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 {SlicePipe} from '@angular/common';\nimport {ClickOutsideDirective} from '@anglr/common';\n\nimport {DatePipesModule} from '../../../datePipes';\nimport {hours, minutes} from './rollerTimePicker.data';\nimport {DateTimePicker, PeriodData} from '../../interfaces';\nimport {DateTimePeriodPickerBase} from '../dateTimePeriodPickerBase';\nimport {LoopScrollData, LoopScrollDataDirective, LoopScrollDirective} from '../../directives';\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    imports:\n    [\n        SlicePipe,\n        DatePipesModule,\n        ClickOutsideDirective,\n        LoopScrollDataDirective,\n        LoopScrollDirective,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class RollerTimePickerComponent<TDate = unknown> 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     */\n    protected setHour<TData = unknown>(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 = unknown>(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}\n","<div class=\"date-time-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            @for(hour of hours | slice: -14; track hour)\n            {\n                <div [loopScrollData]=\"hour?.data\"\n                     [clone]=\"true\"\n                     class=\"roller-item\"\n                     (mousedown)=\"setHour($event, hour?.data)\">{{hour?.displayText}}</div>\n            }\n\n            @for(hour of hours; track hour)\n            {\n                <div [loopScrollData]=\"hour?.data\"\n                     class=\"roller-item\"\n                     (mousedown)=\"setHour($event, hour?.data)\">{{hour?.displayText}}</div>\n            }\n\n            @for(hour of hours | slice: 0: 14; track hour)\n            {\n                <div [loopScrollData]=\"hour?.data\"\n                     [clone]=\"true\"\n                     class=\"roller-item\"\n                     (mousedown)=\"setHour($event, hour?.data)\">{{hour?.displayText}}</div>\n            }\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            @for(minute of minutes | slice: -14; track minute)\n            {\n                <div [loopScrollData]=\"minute?.data\"\n                     [clone]=\"true\"\n                     class=\"roller-item\"\n                     (mousedown)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n            }\n\n            @for(minute of minutes; track minute)\n            {\n                <div [loopScrollData]=\"minute?.data\"\n                     class=\"roller-item\"\n                     (mousedown)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n            }\n\n            @for(minute of minutes | slice: 0: 14; track minute)\n            {\n                <div [loopScrollData]=\"minute?.data\"\n                     [clone]=\"true\"\n                     class=\"roller-item\"\n                     (mousedown)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n            }\n        </div>\n    </div>\n</div>\n"]}
+{"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 {SlicePipe} from '@angular/common';\nimport {ClickOutsideSADirective} from '@anglr/common';\n\nimport {DatePipesModule} from '../../../datePipes.module';\nimport {hours, minutes} from './rollerTimePicker.data';\nimport {DateTimePicker, PeriodData} from '../../interfaces';\nimport {DateTimePeriodPickerBase} from '../dateTimePeriodPickerBase';\nimport {LoopScrollData, LoopScrollDataDirective, LoopScrollDirective} from '../../directives';\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        SlicePipe,\n        DatePipesModule,\n        ClickOutsideSADirective,\n        LoopScrollDataDirective,\n        LoopScrollDirective,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class RollerTimePickerComponent<TDate = unknown> 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 = unknown>(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 = unknown>(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=\"date-time-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            @for(hour of hours | slice: -14; track hour)\n            {\n                <div [loopScrollData]=\"hour?.data\"\n                     [clone]=\"true\"\n                     class=\"roller-item\"\n                     (mousedown)=\"setHour($event, hour?.data)\">{{hour?.displayText}}</div>\n            }\n\n            @for(hour of hours; track hour)\n            {\n                <div [loopScrollData]=\"hour?.data\"\n                     class=\"roller-item\"\n                     (mousedown)=\"setHour($event, hour?.data)\">{{hour?.displayText}}</div>\n            }\n\n            @for(hour of hours | slice: 0: 14; track hour)\n            {\n                <div [loopScrollData]=\"hour?.data\"\n                     [clone]=\"true\"\n                     class=\"roller-item\"\n                     (mousedown)=\"setHour($event, hour?.data)\">{{hour?.displayText}}</div>\n            }\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            @for(minute of minutes | slice: -14; track minute)\n            {\n                <div [loopScrollData]=\"minute?.data\"\n                     [clone]=\"true\"\n                     class=\"roller-item\"\n                     (mousedown)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n            }\n\n            @for(minute of minutes; track minute)\n            {\n                <div [loopScrollData]=\"minute?.data\"\n                     class=\"roller-item\"\n                     (mousedown)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n            }\n\n            @for(minute of minutes | slice: 0: 14; track minute)\n            {\n                <div [loopScrollData]=\"minute?.data\"\n                     [clone]=\"true\"\n                     class=\"roller-item\"\n                     (mousedown)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n            }\n        </div>\n    </div>\n</div>\n"]}

package/es2022/src/modules/dateTimePicker/components/yearPicker/yearPicker.component.js

@@ -1,6 +1,6 @@
 import { Component, ChangeDetectionStrategy } from '@angular/core';
 import { DateTimePeriodPickerBase } from '../dateTimePeriodPickerBase';
-import { DatePipesModule } from '../../../datePipes';
+import { DatePipesModule } from '../../../datePipes.module';
 import * as i0 from "@angular/core";
 /**
  * Component used for displaying year picker
@@ -105,14 +105,14 @@ export class YearPickerComponent extends DateTimePeriodPickerBase {
     isSamePeriod(val, target) {
         return val.isSameYear(target);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: YearPickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.0", type: YearPickerComponent, isStandalone: true, selector: "year-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)=\"previousDecade()\"></div>\r\n    <div class=\"period-value\" [class.clickable]=\"canScaleUp\" (mousedown)=\"displayDate && canScaleUp ? scaleUpSubject.next(displayDate.value) : undefined\">{{period}}</div>\r\n    <div class=\"fas fa-angle-right clickable\" (mousedown)=\"nextDecade()\"></div>\r\n</div>\r\n\r\n<div class=\"period-data\">\r\n    @for(year of periodData; track year)\r\n    {\r\n        <div class=\"period-datum clickable\"\r\n             [class.active]=\"year.active\"\r\n             [class.disabled]=\"year.disabled\"\r\n             (mousedown)=\"canScaleDown && displayDate ? scaleDownSubject.next(year.dateObj.value) : selectYear(year)\">{{year.value}}</div>\r\n    }\r\n</div>", dependencies: [{ kind: "ngmodule", type: DatePipesModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: YearPickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: YearPickerComponent, isStandalone: true, selector: "year-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)=\"previousDecade()\"></div>\r\n    <div class=\"period-value\" [class.clickable]=\"canScaleUp\" (mousedown)=\"displayDate && canScaleUp ? scaleUpSubject.next(displayDate.value) : undefined\">{{period}}</div>\r\n    <div class=\"fas fa-angle-right clickable\" (mousedown)=\"nextDecade()\"></div>\r\n</div>\r\n\r\n<div class=\"period-data\">\r\n    @for(year of periodData; track year)\r\n    {\r\n        <div class=\"period-datum clickable\"\r\n             [class.active]=\"year.active\"\r\n             [class.disabled]=\"year.disabled\"\r\n             (mousedown)=\"canScaleDown && displayDate ? scaleDownSubject.next(year.dateObj.value) : selectYear(year)\">{{year.value}}</div>\r\n    }\r\n</div>", dependencies: [{ kind: "ngmodule", type: DatePipesModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: YearPickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: YearPickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'year-picker', host: {
                         '[class.date-time-period]': 'true',
-                    }, imports: [
+                    }, standalone: true, imports: [
                         DatePipesModule,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"period\">\r\n    <div class=\"fas fa-angle-left clickable\" (mousedown)=\"previousDecade()\"></div>\r\n    <div class=\"period-value\" [class.clickable]=\"canScaleUp\" (mousedown)=\"displayDate && canScaleUp ? scaleUpSubject.next(displayDate.value) : undefined\">{{period}}</div>\r\n    <div class=\"fas fa-angle-right clickable\" (mousedown)=\"nextDecade()\"></div>\r\n</div>\r\n\r\n<div class=\"period-data\">\r\n    @for(year of periodData; track year)\r\n    {\r\n        <div class=\"period-datum clickable\"\r\n             [class.active]=\"year.active\"\r\n             [class.disabled]=\"year.disabled\"\r\n             (mousedown)=\"canScaleDown && displayDate ? scaleDownSubject.next(year.dateObj.value) : selectYear(year)\">{{year.value}}</div>\r\n    }\r\n</div>" }]
         }] });

package/es2022/src/modules/dateTimePicker/components/yearPicker/yearPicker.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"yearPicker.component.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/components/yearPicker/yearPicker.component.ts","../../../../../../src/modules/dateTimePicker/components/yearPicker/yearPicker.component.html"],"names":[],"mappings":"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","sourcesContent":["import {Component, ChangeDetectionStrategy} from '@angular/core';\n\nimport {DateTimePicker, YearData} from '../../interfaces';\nimport {DateTimePeriodPickerBase} from '../dateTimePeriodPickerBase';\nimport {DatePipesModule} from '../../../datePipes';\nimport {DateApiObject} from '../../../../services';\n\n/**\n * Component used for displaying year picker\n */\n@Component(\n{\n    selector: 'year-picker',\n    templateUrl: 'yearPicker.component.html',\n    host:\n    {\n        '[class.date-time-period]': 'true',\n    },\n    imports:\n    [\n        DatePipesModule,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class YearPickerComponent<TDate = unknown> extends DateTimePeriodPickerBase<YearData<TDate>, TDate> implements DateTimePicker<TDate>\n{\n    //######################### protected properties - template bindings #########################\n\n    /**\n     * Displayed decade period\n     */\n    protected period: string = '';\n\n    //######################### protected methods - template bindings #########################\n\n    /**\n     * Selects year as value of day time picker\n     * @param yearData - Year data that were selected\n     */\n    protected selectYear(yearData: YearData<TDate>): void\n    {\n        if(yearData.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(yearData.dateObj.year());\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 decade to next decade\n     */\n    public nextDecade(): void\n    {\n        this.displayDate?.addYears(10).updateOriginal();\n\n        this.render();\n    }\n\n    /**\n     * Changes displayed decade to previous decade\n     */\n    public previousDecade(): void\n    {\n        this.displayDate?.subtractYears(10).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 decade only data change\n        if(this.displayedDate && this.displayDate?.isSameDecade(this.displayedDate))\n        {\n            this.setActive();\n            this.updateMinMax();\n\n            return;\n        }\n\n        this.displayedDate = this.displayDate?.value;\n        this.periodData = [];\n\n        if(!this.displayDate)\n        {\n            return;\n        }\n\n        let year = this.displayDate.startOfYear().year();\n\n        while(year % 10 !== 0)\n        {\n            year--;\n        }\n\n        this.displayDate.year(year).updateOriginal();\n\n        for(let x = 0; x < 10; x++)\n        {\n            this.periodData.push(\n            {\n                active: false,\n                disabled: false,\n                date: this.displayDate.value,\n                value: year,\n                dateObj: this.displayDate.clone(),\n            });\n\n            year++;\n            this.displayDate.addYears(1);\n        }\n\n        this.displayDate.resetOriginal();\n        this.period = `${this.displayDate.year()} - ${this.displayDate.year() + 10}`;\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.isSameYear(target);\n    }\n}\n","<div class=\"period\">\r\n    <div class=\"fas fa-angle-left clickable\" (mousedown)=\"previousDecade()\"></div>\r\n    <div class=\"period-value\" [class.clickable]=\"canScaleUp\" (mousedown)=\"displayDate && canScaleUp ? scaleUpSubject.next(displayDate.value) : undefined\">{{period}}</div>\r\n    <div class=\"fas fa-angle-right clickable\" (mousedown)=\"nextDecade()\"></div>\r\n</div>\r\n\r\n<div class=\"period-data\">\r\n    @for(year of periodData; track year)\r\n    {\r\n        <div class=\"period-datum clickable\"\r\n             [class.active]=\"year.active\"\r\n             [class.disabled]=\"year.disabled\"\r\n             (mousedown)=\"canScaleDown && displayDate ? scaleDownSubject.next(year.dateObj.value) : selectYear(year)\">{{year.value}}</div>\r\n    }\r\n</div>"]}
+{"version":3,"file":"yearPicker.component.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/components/yearPicker/yearPicker.component.ts","../../../../../../src/modules/dateTimePicker/components/yearPicker/yearPicker.component.html"],"names":[],"mappings":"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","sourcesContent":["import {Component, ChangeDetectionStrategy} from '@angular/core';\n\nimport {DateTimePicker, YearData} from '../../interfaces';\nimport {DateTimePeriodPickerBase} from '../dateTimePeriodPickerBase';\nimport {DatePipesModule} from '../../../datePipes.module';\nimport {DateApiObject} from '../../../../services';\n\n/**\n * Component used for displaying year picker\n */\n@Component(\n{\n    selector: 'year-picker',\n    templateUrl: 'yearPicker.component.html',\n    host:\n    {\n        '[class.date-time-period]': 'true',\n    },\n    standalone: true,\n    imports:\n    [\n        DatePipesModule,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class YearPickerComponent<TDate = unknown> extends DateTimePeriodPickerBase<YearData<TDate>, TDate> implements DateTimePicker<TDate>\n{\n    //######################### protected properties - template bindings #########################\n\n    /**\n     * Displayed decade period\n     */\n    protected period: string = '';\n\n    //######################### protected methods - template bindings #########################\n\n    /**\n     * Selects year as value of day time picker\n     * @param yearData - Year data that were selected\n     */\n    protected selectYear(yearData: YearData<TDate>): void\n    {\n        if(yearData.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(yearData.dateObj.year());\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 decade to next decade\n     */\n    public nextDecade(): void\n    {\n        this.displayDate?.addYears(10).updateOriginal();\n\n        this.render();\n    }\n\n    /**\n     * Changes displayed decade to previous decade\n     */\n    public previousDecade(): void\n    {\n        this.displayDate?.subtractYears(10).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 decade only data change\n        if(this.displayedDate && this.displayDate?.isSameDecade(this.displayedDate))\n        {\n            this.setActive();\n            this.updateMinMax();\n\n            return;\n        }\n\n        this.displayedDate = this.displayDate?.value;\n        this.periodData = [];\n\n        if(!this.displayDate)\n        {\n            return;\n        }\n\n        let year = this.displayDate.startOfYear().year();\n\n        while(year % 10 !== 0)\n        {\n            year--;\n        }\n\n        this.displayDate.year(year).updateOriginal();\n\n        for(let x = 0; x < 10; x++)\n        {\n            this.periodData.push(\n            {\n                active: false,\n                disabled: false,\n                date: this.displayDate.value,\n                value: year,\n                dateObj: this.displayDate.clone(),\n            });\n\n            year++;\n            this.displayDate.addYears(1);\n        }\n\n        this.displayDate.resetOriginal();\n        this.period = `${this.displayDate.year()} - ${this.displayDate.year() + 10}`;\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.isSameYear(target);\n    }\n}","<div class=\"period\">\r\n    <div class=\"fas fa-angle-left clickable\" (mousedown)=\"previousDecade()\"></div>\r\n    <div class=\"period-value\" [class.clickable]=\"canScaleUp\" (mousedown)=\"displayDate && canScaleUp ? scaleUpSubject.next(displayDate.value) : undefined\">{{period}}</div>\r\n    <div class=\"fas fa-angle-right clickable\" (mousedown)=\"nextDecade()\"></div>\r\n</div>\r\n\r\n<div class=\"period-data\">\r\n    @for(year of periodData; track year)\r\n    {\r\n        <div class=\"period-datum clickable\"\r\n             [class.active]=\"year.active\"\r\n             [class.disabled]=\"year.disabled\"\r\n             (mousedown)=\"canScaleDown && displayDate ? scaleDownSubject.next(year.dateObj.value) : selectYear(year)\">{{year.value}}</div>\r\n    }\r\n</div>"]}

package/es2022/src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.directive.js

@@ -2,8 +2,7 @@ import { __decorate, __metadata } from "tslib";
 import { Directive, ElementRef, Inject, Input, Optional, ViewContainerRef } from '@angular/core';
 import { DOCUMENT } from '@angular/common';
 import { POSITION, applyPositionResult, PositionPlacement } from '@anglr/common';
-import { nameof, isDescendant, BindThis, renderToBody } from '@jscrpt/common';
-import { extend } from '@jscrpt/common/extend';
+import { extend, nameof, isDescendant, BindThis, renderToBody } from '@jscrpt/common';
 import { Subscription } from 'rxjs';
 import { DATE_TIME_INPUT } from '../../../../misc/tokens';
 import { DateTimePickerComponent } from '../../components';
@@ -213,8 +212,8 @@ export class DateTimePickerDirective extends DateTimeBase {
         this.componentRef.setInput(nameof('minDateTime'), this.dateTimeData.minDateTime);
         this.componentRef.changeDetectorRef.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DateTimePickerDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: DATE_TIME_INPUT }, { token: DOCUMENT }, { token: POSITION }, { token: DATE_TIME_PICKER_DIRECTIVE_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0", type: DateTimePickerDirective, isStandalone: true, selector: "[dateTime][withPicker]", inputs: { withPickerOptions: "withPickerOptions", pickerOptions: "pickerOptions" }, exportAs: ["dateTimePicker"], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DateTimePickerDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: DATE_TIME_INPUT }, { token: DOCUMENT }, { token: POSITION }, { token: DATE_TIME_PICKER_DIRECTIVE_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: DateTimePickerDirective, isStandalone: true, selector: "[dateTime][withPicker]", inputs: { withPickerOptions: "withPickerOptions", pickerOptions: "pickerOptions" }, exportAs: ["dateTimePicker"], usesInheritance: true, ngImport: i0 }); }
 }
 __decorate([
     BindThis,
@@ -228,10 +227,11 @@ __decorate([
     __metadata("design:paramtypes", [MouseEvent]),
     __metadata("design:returntype", void 0)
 ], DateTimePickerDirective.prototype, "handleClickInside", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DateTimePickerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DateTimePickerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dateTime][withPicker]',
+                    standalone: true,
                     exportAs: 'dateTimePicker',
                 }]
         }], ctorParameters: () => [{ type: i0.ViewContainerRef }, { type: i0.ElementRef }, { type: undefined, decorators: [{

package/es2022/src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"dateTimePicker.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {ComponentRef, Directive, ElementRef, EmbeddedViewRef, Inject, Input, OnDestroy, OnInit, Optional, ViewContainerRef} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\nimport {Position, POSITION, applyPositionResult, PositionPlacement, PositionResult} from '@anglr/common';\nimport {nameof, isDescendant, BindThis, renderToBody} from '@jscrpt/common';\nimport {extend} from '@jscrpt/common/extend';\nimport {Observable, Subscription} from 'rxjs';\n\nimport {DateTimeInput} from '../../../../interfaces';\nimport {DATE_TIME_INPUT} from '../../../../misc/tokens';\nimport {DateTimePickerComponent} from '../../components';\nimport {DateTimePickerOptions} from '../../components/dateTimePicker/dateTimePicker.interface';\nimport {DateTimePickerDirectiveOptions} from './dateTimePicker.interface';\nimport {DATE_TIME_PICKER_DIRECTIVE_OPTIONS} from '../../misc/tokens';\nimport {DateTimeBase} from '../../../dateTime/directives';\n\n/**\n * Default options for date time picker directive\n */\nconst defaultOptions: DateTimePickerDirectiveOptions =\n{\n    absolute: true,\n    alwaysVisible: false,\n    closeOnValueSelect: false,\n    closeOnBlur: true,\n    disabled: false,\n    positionOptions: PositionPlacement.BottomStart,\n    showOnFocus: true,\n    targetElement: null,\n    pickerCssClass: null,\n};\n\n/**\n * Directive that is used for displaying and attaching date time picker\n */\n@Directive(\n{\n    selector: '[dateTime][withPicker]',\n    exportAs: 'dateTimePicker',\n})\nexport class DateTimePickerDirective<TDate = unknown> extends DateTimeBase<TDate> implements OnInit, OnDestroy\n{\n    //######################### protected properties #########################\n\n    /**\n     * Indication whether is value changes disabled\n     */\n    protected valueChangeDisabled: boolean = false;\n\n    /**\n     * Options for date time picker directive\n     */\n    protected ɵWithPickerOptions: DateTimePickerDirectiveOptions;\n\n    /**\n     * Date time picker component reference\n     */\n    protected componentRef: ComponentRef<DateTimePickerComponent<TDate>>|undefined|null;\n\n    /**\n     * Instance of date time picker component\n     */\n    protected component: DateTimePickerComponent<TDate>|undefined|null;\n\n    /**\n     * Instance of date time picker element\n     */\n    protected componentElement: HTMLElement|undefined|null;\n\n    /**\n     * Subscription for changes in picker\n     */\n    protected pickerChangesSubscription: Subscription|undefined|null;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Gets or sets options for date time picker directive\n     */\n    @Input()\n    public get withPickerOptions(): Partial<DateTimePickerDirectiveOptions>\n    {\n        return this.ɵWithPickerOptions;\n    }\n    public set withPickerOptions(value: Partial<DateTimePickerDirectiveOptions>)\n    {\n        this.ɵWithPickerOptions = extend(true, {}, this.ɵWithPickerOptions, value);\n    }\n\n    /**\n     * Options for date time picker component\n     */\n    @Input()\n    public pickerOptions: Partial<DateTimePickerOptions<TDate>>|undefined|null;\n\n    //######################### constructor #########################\n    constructor(protected viewContainer: ViewContainerRef,\n                protected element: ElementRef<HTMLElement>,\n                @Inject(DATE_TIME_INPUT) protected input: DateTimeInput<TDate>,\n                @Inject(DOCUMENT) protected document: Document,\n                @Inject(POSITION) protected position: Position<HTMLElement>,\n\n                @Inject(DATE_TIME_PICKER_DIRECTIVE_OPTIONS) @Optional() options?: DateTimePickerDirectiveOptions,)\n    {\n        super();\n\n        this.ɵWithPickerOptions = extend(true, {}, defaultOptions, options);\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n\n    /**\n     * Initialize component\n     */\n    public async ngOnInit(): Promise<void>\n    {\n        if(this.withPickerOptions.alwaysVisible)\n        {\n            this.showPicker();\n        }\n\n        this.initSubscriptions.add(this.input.valueChange.subscribe(() =>\n        {\n            this.setPickerValue();\n            this.componentRef?.changeDetectorRef.detectChanges();\n        }));\n\n        this.initSubscriptions.add(this.input.focus.subscribe(() =>\n        {\n            if(this.withPickerOptions.showOnFocus)\n            {\n                this.showPicker();\n            }\n        }));\n\n        this.initSubscriptions.add(this.input.blur.subscribe(() =>\n        {\n            if(this.withPickerOptions.closeOnBlur)\n            {\n                this.hidePicker();\n            }\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.hidePicker();\n        this.initSubscriptions.unsubscribe();\n    }\n\n    //######################### public methods #########################\n\n    /**\n     * Hides date time picker\n     */\n    public async showPicker(): Promise<void>\n    {\n        if(this.withPickerOptions.disabled || this.componentRef)\n        {\n            return;\n        }\n\n        this.componentRef = this.viewContainer.createComponent(DateTimePickerComponent<TDate>);\n        this.componentElement = (this.componentRef?.hostView as EmbeddedViewRef<DateTimePickerComponent<TDate>>).rootNodes[0] as HTMLElement;\n        this.component = this.componentRef.instance;\n\n        if(this.withPickerOptions.absolute)\n        {\n            renderToBody(this.document, this.componentElement, this.withPickerOptions.targetElement);\n        }\n\n        this.pickerChangesSubscription = new Subscription();\n        this.pickerChangesSubscription.add(this.component.valueChange.subscribe(() =>\n        {\n            if(this.component)\n            {\n                this.valueChangeDisabled = true;\n                this.input.value = this.component.value;\n                this.input.valueChange.emit();\n                this.valueChangeDisabled = false;\n\n                if(this.ɵWithPickerOptions.closeOnValueSelect)\n                {\n                    this.hidePicker();\n                }\n            }\n        }));\n\n        this.document.addEventListener('click', this.handleClickOutside);\n        this.componentElement.addEventListener('mousedown', this.handleClickInside);\n        this.componentElement.style.position = 'absolute';\n\n        if(this.ɵWithPickerOptions.pickerCssClass)\n        {\n            this.componentElement.classList.add(this.ɵWithPickerOptions.pickerCssClass);\n        }\n\n        this.pickerChangesSubscription.add(this.positionPicker(this.componentElement, true).subscribe(result => applyPositionResult(result)));\n\n        this.componentRef.setInput(nameof<DateTimePickerComponent>('options'), this.pickerOptions);\n        this.componentRef.setInput(nameof<DateTimePickerComponent>('valueFormat'), this.dateTimeData.valueFormat);\n        this.componentRef.setInput(nameof<DateTimePickerComponent>('format'), this.dateTimeData.format);\n        this.componentRef.setInput(nameof<DateTimePickerComponent>('customFormat'), this.dateTimeData.customFormat);\n        this.componentRef.setInput(nameof<DateTimePickerComponent>('dataFormat'), this.dateTimeData.dataFormat);\n        this.componentRef.setInput(nameof<DateTimePickerComponent>('minDateTime'), this.dateTimeData.minDateTime);\n        this.componentRef.setInput(nameof<DateTimePickerComponent>('maxDateTime'), this.dateTimeData.maxDateTime);\n        this.setPickerValue();\n        this.componentRef.changeDetectorRef.detectChanges();\n    }\n\n    /**\n     * Shows date time picker\n     */\n    public hidePicker(): void\n    {\n        if(this.withPickerOptions.alwaysVisible)\n        {\n            return;\n        }\n\n        this.componentElement?.removeEventListener('mousedown', this.handleClickInside);\n\n        this.pickerChangesSubscription?.unsubscribe();\n        this.pickerChangesSubscription = null;\n\n        this.component = null;\n\n        this.componentRef?.destroy();\n        this.componentRef = null;\n\n        this.componentElement?.remove();\n        this.componentElement = null;\n\n        this.document.removeEventListener('click', this.handleClickOutside);\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Sets all picker value\n     */\n    protected setPickerValue(): void\n    {\n        if(this.valueChangeDisabled)\n        {\n            return;\n        }\n\n        if(this.componentRef)\n        {\n            this.componentRef.setInput(nameof<DateTimePickerComponent>('value'), this.input.value);\n        }\n    }\n\n    /**\n     * Handles clicking outside of picker\n     * @param event - Event that occured\n     */\n    @BindThis\n    protected handleClickOutside(event: MouseEvent): void\n    {\n        if(!this.componentElement)\n        {\n            return;\n        }\n\n        if(this.componentElement != event.target &&\n           !isDescendant(this.componentElement, event.target as HTMLElement) &&\n           (!this.input.element || (this.input.element != event.target &&\n                                    !isDescendant(this.input.element, event.target as HTMLElement))))\n        {\n            this.hidePicker();\n        }\n    }\n\n    /**\n     * Handles clicking inside of picker element\n     * @param event - Event that occured\n     */\n    @BindThis\n    protected handleClickInside(event: MouseEvent): void\n    {\n        event.preventDefault();\n        event.stopPropagation();\n    }\n\n    /**\n     * Runs placement of picker component\n     * @param componentElement - Element to be positioned\n     * @param watch - Indication whether watch for changes and update position\n     */\n    protected positionPicker(componentElement: HTMLElement, watch: boolean): Observable<PositionResult<HTMLElement>>\n    {\n        return this.position.placeElement(componentElement, this.element.nativeElement,\n        {\n            flip: true,\n            placement: this.withPickerOptions.positionOptions,\n            autoUpdate: watch,\n        });\n    }\n\n    //######################### protected methods - overrides #########################\n\n    /**\n     * @inheritdoc\n     */\n    protected override onMaxDateTimeChange(): void\n    {\n        if(!this.componentRef)\n        {\n            return;\n        }\n\n        this.componentRef.setInput(nameof<DateTimePickerComponent>('maxDateTime'), this.dateTimeData.maxDateTime);\n        this.componentRef.changeDetectorRef.detectChanges();\n    }\n\n    /**\n     * @inheritdoc\n     */\n    protected override onMinDateTimeChange(): void\n    {\n        if(!this.componentRef)\n        {\n            return;\n        }\n\n        this.componentRef.setInput(nameof<DateTimePickerComponent>('minDateTime'), this.dateTimeData.minDateTime);\n        this.componentRef.changeDetectorRef.detectChanges();\n    }\n}\n"]}
+{"version":3,"file":"dateTimePicker.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {ComponentRef, Directive, ElementRef, EmbeddedViewRef, Inject, Input, OnDestroy, OnInit, Optional, ViewContainerRef} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\nimport {Position, POSITION, applyPositionResult, PositionPlacement, PositionResult} from '@anglr/common';\nimport {extend, nameof, isDescendant, BindThis, renderToBody} from '@jscrpt/common';\nimport {Observable, Subscription} from 'rxjs';\n\nimport {DateTimeInput} from '../../../../interfaces';\nimport {DATE_TIME_INPUT} from '../../../../misc/tokens';\nimport {DateTimePickerComponent} from '../../components';\nimport {DateTimePickerOptions} from '../../components/dateTimePicker/dateTimePicker.interface';\nimport {DateTimePickerDirectiveOptions} from './dateTimePicker.interface';\nimport {DATE_TIME_PICKER_DIRECTIVE_OPTIONS} from '../../misc/tokens';\nimport {DateTimeBase} from '../../../dateTime/directives';\n\n/**\n * Default options for date time picker directive\n */\nconst defaultOptions: DateTimePickerDirectiveOptions =\n{\n    absolute: true,\n    alwaysVisible: false,\n    closeOnValueSelect: false,\n    closeOnBlur: true,\n    disabled: false,\n    positionOptions: PositionPlacement.BottomStart,\n    showOnFocus: true,\n    targetElement: null,\n    pickerCssClass: null,\n};\n\n/**\n * Directive that is used for displaying and attaching date time picker\n */\n@Directive(\n{\n    selector: '[dateTime][withPicker]',\n    standalone: true,\n    exportAs: 'dateTimePicker',\n})\nexport class DateTimePickerDirective<TDate = unknown> extends DateTimeBase<TDate> implements OnInit, OnDestroy\n{\n    //######################### protected properties #########################\n\n    /**\n     * Indication whether is value changes disabled\n     */\n    protected valueChangeDisabled: boolean = false;\n\n    /**\n     * Options for date time picker directive\n     */\n    protected ɵWithPickerOptions: DateTimePickerDirectiveOptions;\n\n    /**\n     * Date time picker component reference\n     */\n    protected componentRef: ComponentRef<DateTimePickerComponent<TDate>>|undefined|null;\n\n    /**\n     * Instance of date time picker component\n     */\n    protected component: DateTimePickerComponent<TDate>|undefined|null;\n\n    /**\n     * Instance of date time picker element\n     */\n    protected componentElement: HTMLElement|undefined|null;\n\n    /**\n     * Subscription for changes in picker\n     */\n    protected pickerChangesSubscription: Subscription|undefined|null;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Gets or sets options for date time picker directive\n     */\n    @Input()\n    public get withPickerOptions(): Partial<DateTimePickerDirectiveOptions>\n    {\n        return this.ɵWithPickerOptions;\n    }\n    public set withPickerOptions(value: Partial<DateTimePickerDirectiveOptions>)\n    {\n        this.ɵWithPickerOptions = extend(true, {}, this.ɵWithPickerOptions, value);\n    }\n\n    /**\n     * Options for date time picker component\n     */\n    @Input()\n    public pickerOptions: Partial<DateTimePickerOptions<TDate>>|undefined|null;\n\n    //######################### constructor #########################\n    constructor(protected viewContainer: ViewContainerRef,\n                protected element: ElementRef<HTMLElement>,\n                @Inject(DATE_TIME_INPUT) protected input: DateTimeInput<TDate>,\n                @Inject(DOCUMENT) protected document: Document,\n                @Inject(POSITION) protected position: Position<HTMLElement>,\n\n                @Inject(DATE_TIME_PICKER_DIRECTIVE_OPTIONS) @Optional() options?: DateTimePickerDirectiveOptions,)\n    {\n        super();\n\n        this.ɵWithPickerOptions = extend(true, {}, defaultOptions, options);\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n\n    /**\n     * Initialize component\n     */\n    public async ngOnInit(): Promise<void>\n    {\n        if(this.withPickerOptions.alwaysVisible)\n        {\n            this.showPicker();\n        }\n\n        this.initSubscriptions.add(this.input.valueChange.subscribe(() =>\n        {\n            this.setPickerValue();\n            this.componentRef?.changeDetectorRef.detectChanges();\n        }));\n\n        this.initSubscriptions.add(this.input.focus.subscribe(() =>\n        {\n            if(this.withPickerOptions.showOnFocus)\n            {\n                this.showPicker();\n            }\n        }));\n\n        this.initSubscriptions.add(this.input.blur.subscribe(() =>\n        {\n            if(this.withPickerOptions.closeOnBlur)\n            {\n                this.hidePicker();\n            }\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.hidePicker();\n        this.initSubscriptions.unsubscribe();\n    }\n\n    //######################### public methods #########################\n\n    /**\n     * Hides date time picker\n     */\n    public async showPicker(): Promise<void>\n    {\n        if(this.withPickerOptions.disabled || this.componentRef)\n        {\n            return;\n        }\n\n        this.componentRef = this.viewContainer.createComponent(DateTimePickerComponent<TDate>);\n        this.componentElement = (this.componentRef?.hostView as EmbeddedViewRef<DateTimePickerComponent<TDate>>).rootNodes[0] as HTMLElement;\n        this.component = this.componentRef.instance;\n\n        if(this.withPickerOptions.absolute)\n        {\n            renderToBody(this.document, this.componentElement, this.withPickerOptions.targetElement);\n        }\n\n        this.pickerChangesSubscription = new Subscription();\n        this.pickerChangesSubscription.add(this.component.valueChange.subscribe(() =>\n        {\n            if(this.component)\n            {\n                this.valueChangeDisabled = true;\n                this.input.value = this.component.value;\n                this.input.valueChange.emit();\n                this.valueChangeDisabled = false;\n\n                if(this.ɵWithPickerOptions.closeOnValueSelect)\n                {\n                    this.hidePicker();\n                }\n            }\n        }));\n\n        this.document.addEventListener('click', this.handleClickOutside);\n        this.componentElement.addEventListener('mousedown', this.handleClickInside);\n        this.componentElement.style.position = 'absolute';\n\n        if(this.ɵWithPickerOptions.pickerCssClass)\n        {\n            this.componentElement.classList.add(this.ɵWithPickerOptions.pickerCssClass);\n        }\n\n        this.pickerChangesSubscription.add(this.positionPicker(this.componentElement, true).subscribe(result => applyPositionResult(result)));\n\n        this.componentRef.setInput(nameof<DateTimePickerComponent>('options'), this.pickerOptions);\n        this.componentRef.setInput(nameof<DateTimePickerComponent>('valueFormat'), this.dateTimeData.valueFormat);\n        this.componentRef.setInput(nameof<DateTimePickerComponent>('format'), this.dateTimeData.format);\n        this.componentRef.setInput(nameof<DateTimePickerComponent>('customFormat'), this.dateTimeData.customFormat);\n        this.componentRef.setInput(nameof<DateTimePickerComponent>('dataFormat'), this.dateTimeData.dataFormat);\n        this.componentRef.setInput(nameof<DateTimePickerComponent>('minDateTime'), this.dateTimeData.minDateTime);\n        this.componentRef.setInput(nameof<DateTimePickerComponent>('maxDateTime'), this.dateTimeData.maxDateTime);\n        this.setPickerValue();\n        this.componentRef.changeDetectorRef.detectChanges();\n    }\n\n    /**\n     * Shows date time picker\n     */\n    public hidePicker(): void\n    {\n        if(this.withPickerOptions.alwaysVisible)\n        {\n            return;\n        }\n\n        this.componentElement?.removeEventListener('mousedown', this.handleClickInside);\n        \n        this.pickerChangesSubscription?.unsubscribe();\n        this.pickerChangesSubscription = null;\n        \n        this.component = null;\n\n        this.componentRef?.destroy();\n        this.componentRef = null;\n\n        this.componentElement?.remove();\n        this.componentElement = null;\n\n        this.document.removeEventListener('click', this.handleClickOutside);\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Sets all picker value\n     */\n    protected setPickerValue(): void\n    {\n        if(this.valueChangeDisabled)\n        {\n            return;\n        }\n\n        if(this.componentRef)\n        {\n            this.componentRef.setInput(nameof<DateTimePickerComponent>('value'), this.input.value);\n        }\n    }\n\n    /**\n     * Handles clicking outside of picker\n     * @param event - Event that occured\n     */\n    @BindThis\n    protected handleClickOutside(event: MouseEvent): void\n    {\n        if(!this.componentElement)\n        {\n            return;\n        }\n\n        if(this.componentElement != event.target &&\n           !isDescendant(this.componentElement, event.target as HTMLElement) &&\n           (!this.input.element || (this.input.element != event.target &&\n                                    !isDescendant(this.input.element, event.target as HTMLElement))))\n        {\n            this.hidePicker();\n        }\n    }\n\n    /**\n     * Handles clicking inside of picker element\n     * @param event - Event that occured\n     */\n    @BindThis\n    protected handleClickInside(event: MouseEvent): void\n    {\n        event.preventDefault();\n        event.stopPropagation();\n    }\n\n    /**\n     * Runs placement of picker component\n     * @param componentElement - Element to be positioned\n     * @param watch - Indication whether watch for changes and update position\n     */\n    protected positionPicker(componentElement: HTMLElement, watch: boolean): Observable<PositionResult<HTMLElement>>\n    {\n        return this.position.placeElement(componentElement, this.element.nativeElement,\n        {\n            flip: true,\n            placement: this.withPickerOptions.positionOptions,\n            autoUpdate: watch,\n        });\n    }\n\n    //######################### protected methods - overrides #########################\n\n    /**\n     * @inheritdoc\n     */\n    protected override onMaxDateTimeChange(): void\n    {\n        if(!this.componentRef)\n        {\n            return;\n        }\n\n        this.componentRef.setInput(nameof<DateTimePickerComponent>('maxDateTime'), this.dateTimeData.maxDateTime);\n        this.componentRef.changeDetectorRef.detectChanges();\n    }\n\n    /**\n     * @inheritdoc\n     */\n    protected override onMinDateTimeChange(): void\n    {\n        if(!this.componentRef)\n        {\n            return;\n        }\n\n        this.componentRef.setInput(nameof<DateTimePickerComponent>('minDateTime'), this.dateTimeData.minDateTime);\n        this.componentRef.changeDetectorRef.detectChanges();\n    }\n}"]}

package/es2022/src/modules/dateTimePicker/directives/loopScroll/loopScroll.directive.js

@@ -183,8 +183,8 @@ export class LoopScrollDirective {
             this.valueChange.next(this.value);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: LoopScrollDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0", type: LoopScrollDirective, isStandalone: true, selector: "[loopScroll]", inputs: { value: ["loopScroll", "value"], open: "open" }, outputs: { valueChange: "loopScrollChange" }, host: { listeners: { "scroll": "_handleScroll()" } }, queries: [{ propertyName: "items", predicate: LoopScrollDataDirective }], usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LoopScrollDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: LoopScrollDirective, isStandalone: true, selector: "[loopScroll]", inputs: { value: ["loopScroll", "value"], open: "open" }, outputs: { valueChange: "loopScrollChange" }, host: { listeners: { "scroll": "_handleScroll()" } }, queries: [{ propertyName: "items", predicate: LoopScrollDataDirective }], usesOnChanges: true, ngImport: i0 }); }
 }
 __decorate([
     DebounceCall(18),
@@ -192,10 +192,11 @@ __decorate([
     __metadata("design:paramtypes", [Number, Boolean, Number, Number]),
     __metadata("design:returntype", void 0)
 ], LoopScrollDirective.prototype, "_updateScroll", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: LoopScrollDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LoopScrollDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[loopScroll]',
+                    standalone: true,
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { value: [{
                 type: Input,

package/es2022/src/modules/dateTimePicker/directives/loopScroll/loopScroll.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"loopScroll.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/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 = unknown> implements OnChanges, AfterContentInit\n{\n    //######################### protected fields #########################\n\n    /**\n     * Item height that obtained\n     */\n    protected itemHeight: number|undefined|null;\n\n    /**\n     * Array of elements for scrolled stuff\n     */\n    protected ɵitems: LoopScrollDataDirective<TData>[] = [];\n\n    /**\n     * Array of elements and data for scrolled stuff\n     */\n    protected dataItems: LoopScrollDataDirective<TData>[] = [];\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|undefined|null;\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|undefined|null\n    {\n        return this.ɵvalue;\n    }\n    public set value(value: TData|undefined|null)\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|undefined|null> = new EventEmitter<TData|undefined|null>();\n\n    //######################### protected properties - children #########################\n\n    /**\n     * Array of items that are loop scrolled\n     */\n    @ContentChildren(LoopScrollDataDirective)\n    protected items: QueryList<LoopScrollDataDirective<TData>>|undefined|null;\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 ?? 0) * (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 ?? 0) * (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}\n"]}
+{"version":3,"file":"loopScroll.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/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    standalone: true,\n})\nexport class LoopScrollDirective<TData = unknown> implements OnChanges, AfterContentInit\n{\n    //######################### protected fields #########################\n\n    /**\n     * Item height that obtained\n     */\n    protected itemHeight: number|undefined|null;\n\n    /**\n     * Array of elements for scrolled stuff\n     */\n    protected ɵitems: LoopScrollDataDirective<TData>[] = [];\n\n    /**\n     * Array of elements and data for scrolled stuff\n     */ \n    protected dataItems: LoopScrollDataDirective<TData>[] = [];\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|undefined|null;\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|undefined|null\n    {\n        return this.ɵvalue;\n    }\n    public set value(value: TData|undefined|null)\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|undefined|null> = new EventEmitter<TData|undefined|null>();\n\n    //######################### protected properties - children #########################\n\n    /**\n     * Array of items that are loop scrolled\n     */\n    @ContentChildren(LoopScrollDataDirective)\n    protected items: QueryList<LoopScrollDataDirective<TData>>|undefined|null;\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 ?? 0) * (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 ?? 0) * (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/es2022/src/modules/dateTimePicker/directives/loopScrollData/loopScrollData.directive.js

@@ -12,13 +12,14 @@ export class LoopScrollDataDirective {
          */
         this.clone = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: LoopScrollDataDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0", type: LoopScrollDataDirective, isStandalone: true, selector: "[loopScrollData]", inputs: { data: ["loopScrollData", "data"], clone: "clone" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LoopScrollDataDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: LoopScrollDataDirective, isStandalone: true, selector: "[loopScrollData]", inputs: { data: ["loopScrollData", "data"], clone: "clone" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: LoopScrollDataDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LoopScrollDataDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[loopScrollData]',
+                    standalone: true,
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { data: [{
                 type: Input,

package/es2022/src/modules/dateTimePicker/directives/loopScrollData/loopScrollData.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"loopScrollData.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/directives/loopScrollData/loopScrollData.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,UAAU,EAAE,KAAK,EAAC,MAAM,eAAe,CAAC;;AAE3D;;GAEG;AAKH,MAAM,OAAO,uBAAuB;IAgBhC,iEAAiE;IACjE,YAAmB,OAAgC;QAAhC,YAAO,GAAP,OAAO,CAAyB;QAPnD;;WAEG;QAEI,UAAK,GAAY,KAAK,CAAC;IAK9B,CAAC;8GAnBQ,uBAAuB;kGAAvB,uBAAuB;;2FAAvB,uBAAuB;kBAJnC,SAAS;mBACV;oBACI,QAAQ,EAAE,kBAAkB;iBAC/B;+EASU,IAAI;sBADV,KAAK;uBAAC,gBAAgB;gBAOhB,KAAK;sBADX,KAAK","sourcesContent":["import {Directive, ElementRef, Input} from '@angular/core';\n\n/**\n * Loop scroll data that are used inside LoopScrollDirective\n */\n@Directive(\n{\n    selector: '[loopScrollData]',\n})\nexport class LoopScrollDataDirective<TData = unknown>\n{\n    //######################### public properties - inputs #########################\n\n    /**\n     * Data for loop\n     */\n    @Input('loopScrollData')\n    public data: TData|undefined|null;\n\n    /**\n     * Indication that this node is clone\n     */\n    @Input()\n    public clone: boolean = false;\n\n    //######################### constructor #########################\n    constructor(public element: ElementRef<HTMLElement>)\n    {\n    }\n}\n"]}
+{"version":3,"file":"loopScrollData.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/directives/loopScrollData/loopScrollData.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,UAAU,EAAE,KAAK,EAAC,MAAM,eAAe,CAAC;;AAE3D;;GAEG;AAMH,MAAM,OAAO,uBAAuB;IAgBhC,iEAAiE;IACjE,YAAmB,OAAgC;QAAhC,YAAO,GAAP,OAAO,CAAyB;QAPnD;;WAEG;QAEI,UAAK,GAAY,KAAK,CAAC;IAK9B,CAAC;8GAnBQ,uBAAuB;kGAAvB,uBAAuB;;2FAAvB,uBAAuB;kBALnC,SAAS;mBACV;oBACI,QAAQ,EAAE,kBAAkB;oBAC5B,UAAU,EAAE,IAAI;iBACnB;+EASU,IAAI;sBADV,KAAK;uBAAC,gBAAgB;gBAOhB,KAAK;sBADX,KAAK","sourcesContent":["import {Directive, ElementRef, Input} from '@angular/core';\n\n/**\n * Loop scroll data that are used inside LoopScrollDirective\n */\n@Directive(\n{\n    selector: '[loopScrollData]',\n    standalone: true,\n})\nexport class LoopScrollDataDirective<TData = unknown>\n{\n    //######################### public properties - inputs #########################\n\n    /**\n     * Data for loop\n     */\n    @Input('loopScrollData')\n    public data: TData|undefined|null;\n\n    /**\n     * Indication that this node is clone\n     */\n    @Input()\n    public clone: boolean = false;\n\n    //######################### constructor #########################\n    constructor(public element: ElementRef<HTMLElement>)\n    {\n    }\n}"]}

package/es2022/src/modules/dateTimePicker/modules/dateTimePicker.module.js

@@ -6,13 +6,13 @@ import * as i0 from "@angular/core";
  * Module for components that are used as date time picker
  */
 export class DateTimePickerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DateTimePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.0", ngImport: i0, type: DateTimePickerModule, imports: [DateTimePickerDirective,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DateTimePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.7", ngImport: i0, type: DateTimePickerModule, imports: [DateTimePickerDirective,
             DateTimePickerComponent], exports: [DateTimePickerComponent,
             DateTimePickerDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DateTimePickerModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DateTimePickerModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DateTimePickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DateTimePickerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/es2022/src/modules/index.js

@@ -1,5 +1,5 @@
 export * from './calendar';
-export * from './datePipes';
+export * from './datePipes.module';
 export * from './dateTime';
 export * from './dateTimePicker';
 //# sourceMappingURL=index.js.map

package/es2022/src/modules/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/modules/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC","sourcesContent":["export * from './calendar';\nexport * from './datePipes';\nexport * from './dateTime';\nexport * from './dateTimePicker';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/modules/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC","sourcesContent":["export * from './calendar';\nexport * from './datePipes.module';\nexport * from './dateTime';\nexport * from './dateTimePicker';\n"]}

package/es2022/src/pipes/{dateConvert/dateConvert.pipe.js → dateConvert.pipe.js}

@@ -1,6 +1,6 @@
 import { Inject, Pipe } from '@angular/core';
 import { isBlank } from '@jscrpt/common';
-import { DATE_API } from '../../misc/tokens';
+import { DATE_API } from '../misc/tokens';
 import * as i0 from "@angular/core";
 /**
  * Pipe that is used for converting date
@@ -26,12 +26,12 @@ export class DateConvertPipe {
         }
         return null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DateConvertPipe, deps: [{ token: DATE_API }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0", ngImport: i0, type: DateConvertPipe, isStandalone: true, name: "dateConvert" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DateConvertPipe, deps: [{ token: DATE_API }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.7", ngImport: i0, type: DateConvertPipe, isStandalone: true, name: "dateConvert" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DateConvertPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DateConvertPipe, decorators: [{
             type: Pipe,
-            args: [{ name: 'dateConvert' }]
+            args: [{ name: 'dateConvert', standalone: true }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [DATE_API]

package/es2022/src/pipes/dateConvert.pipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateConvert.pipe.js","sourceRoot":"","sources":["../../../src/pipes/dateConvert.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,IAAI,EAAgB,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAC,OAAO,EAAC,MAAM,gBAAgB,CAAC;AAEvC,OAAO,EAAC,QAAQ,EAAC,MAAM,gBAAgB,CAAC;;AAGxC;;GAEG;AAEH,MAAM,OAAO,eAAe;IAExB,kEAAkE;IAClE,YAAsC,QAAwB;QAAxB,aAAQ,GAAR,QAAQ,CAAgB;IAE9D,CAAC;IAED,sGAAsG;IAEtG;;;;OAIG;IACI,SAAS,CAAC,KAAqC,EAAE,WAAoB;QAExE,IAAG,OAAO,CAAC,KAAK,CAAC,EACjB,CAAC;YACG,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;QAE3D,IAAG,OAAO,CAAC,OAAO,EAAE,EACpB,CAAC;YACG,OAAO,OAAO,CAAC;QACnB,CAAC;QAED,OAAO,IAAI,CAAC;IAChB,CAAC;8GA7BQ,eAAe,kBAGJ,QAAQ;4GAHnB,eAAe;;2FAAf,eAAe;kBAD3B,IAAI;mBAAC,EAAC,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,IAAI,EAAC;;0BAI5B,MAAM;2BAAC,QAAQ","sourcesContent":["import {Inject, Pipe, PipeTransform} from '@angular/core';\nimport {isBlank} from '@jscrpt/common';\n\nimport {DATE_API} from '../misc/tokens';\nimport {DateApi, DateApiObject, DateValue} from '../services';\n\n/**\n * Pipe that is used for converting date\n */\n@Pipe({name: 'dateConvert', standalone: true})\nexport class DateConvertPipe<TDate = unknown> implements PipeTransform\n{\n    //######################### constructors #########################\n    constructor(@Inject(DATE_API) private _dateApi: DateApi<TDate>)\n    {\n    }\n\n    //######################### public methods - implementation of PipeTransform #########################\n\n    /**\n     * Transforms value into date object\n     * @param value - value to be transformed\n     * @param parseFormat - format used for parsing string date\n     */\n    public transform(value: TDate|DateValue|undefined|null, parseFormat?: string): DateApiObject<TDate>|null\n    {\n        if(isBlank(value))\n        {\n            return null;\n        }\n\n        const dateObj = this._dateApi.getValue(value, parseFormat);\n\n        if(dateObj.isValid())\n        {\n            return dateObj;\n        }\n\n        return null;\n    }\n}"]}

package/es2022/src/pipes/{dateFormat/dateFormat.pipe.js → dateFormat.pipe.js}

@@ -1,6 +1,6 @@
 import { Inject, Pipe } from '@angular/core';
 import { isBlank, isString, nameof } from '@jscrpt/common';
-import { DATE_API, FORMAT_PROVIDER } from '../../misc/tokens';
+import { DATE_API, FORMAT_PROVIDER } from '../misc/tokens';
 import * as i0 from "@angular/core";
 /**
  * Pipe that is used for formatting date
@@ -26,12 +26,12 @@ export class DateFormatPipe {
         }
         return '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DateFormatPipe, deps: [{ token: FORMAT_PROVIDER }, { token: DATE_API }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0", ngImport: i0, type: DateFormatPipe, isStandalone: true, name: "dateFormat" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DateFormatPipe, deps: [{ token: FORMAT_PROVIDER }, { token: DATE_API }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.7", ngImport: i0, type: DateFormatPipe, isStandalone: true, name: "dateFormat" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DateFormatPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DateFormatPipe, decorators: [{
             type: Pipe,
-            args: [{ name: 'dateFormat' }]
+            args: [{ name: 'dateFormat', standalone: true }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [FORMAT_PROVIDER]

package/es2022/src/pipes/dateFormat.pipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateFormat.pipe.js","sourceRoot":"","sources":["../../../src/pipes/dateFormat.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,IAAI,EAAgB,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAC,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAGzD,OAAO,EAAC,QAAQ,EAAE,eAAe,EAAC,MAAM,gBAAgB,CAAC;;AAGzD;;GAEG;AAEH,MAAM,OAAO,cAAc;IAEvB,kEAAkE;IAClE,YAA6C,eAA+B,EACtC,QAAwB;QADjB,oBAAe,GAAf,eAAe,CAAgB;QACtC,aAAQ,GAAR,QAAQ,CAAgB;IAE9D,CAAC;IAqCM,SAAS,CAAC,KAAqC,EAAE,SAAsC,MAAM,CAAiB,MAAM,CAAC,EAAE,yBAA0C,EAAE,aAAuB;QAE7L,IAAG,OAAO,CAAC,KAAK,CAAC,EACjB,CAAC;YACG,OAAO,EAAE,CAAC;QACd,CAAC;QAED,MAAM,WAAW,GAAqB,QAAQ,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,SAAS,CAAC;QAElH,uBAAuB;QACvB,IAAG,MAAM,IAAI,IAAI,CAAC,eAAe,EACjC,CAAC;YACG,MAAM,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,MAA8B,CAAC,CAAC;QACpE,CAAC;QAED,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;QAE3D,IAAG,OAAO,CAAC,OAAO,EAAE,EACpB,CAAC;YACG,OAAO,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;QAC3D,CAAC;QAED,OAAO,EAAE,CAAC;IACd,CAAC;8GAlEQ,cAAc,kBAGH,eAAe,aACf,QAAQ;4GAJnB,cAAc;;2FAAd,cAAc;kBAD1B,IAAI;mBAAC,EAAC,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,IAAI,EAAC;;0BAI3B,MAAM;2BAAC,eAAe;;0BACtB,MAAM;2BAAC,QAAQ","sourcesContent":["import {Inject, Pipe, PipeTransform} from '@angular/core';\nimport {isBlank, isString, nameof} from '@jscrpt/common';\n\nimport {FormatProvider} from '../interfaces';\nimport {DATE_API, FORMAT_PROVIDER} from '../misc/tokens';\nimport {DateApi, DateValue} from '../services';\n\n/**\n * Pipe that is used for formatting date\n */\n@Pipe({name: 'dateFormat', standalone: true})\nexport class DateFormatPipe<TDate = unknown> implements PipeTransform\n{\n    //######################### constructors #########################\n    constructor(@Inject(FORMAT_PROVIDER) private _formatProvider: FormatProvider,\n                @Inject(DATE_API) private _dateApi: DateApi<TDate>)\n    {\n    }\n\n    //######################### public methods - implementation of PipeTransform #########################\n\n    /**\n     * Formats provided date into formatted string, with default format 'date'\n     * @param value - value to be transformed\n     */\n    public transform(value: TDate|DateValue|undefined|null): string\n    /**\n     * Formats provided date into formatted string\n     * @param value - value to be transformed\n     * @param format - predefined format that is used for formatting, one of 'FormatProvider' keys\n     */\n    public transform(value: TDate|DateValue|undefined|null, format: keyof FormatProvider): string\n    /**\n     * Formats provided date into formatted string\n     * @param value - value to be transformed\n     * @param format - predefined format that is used for formatting, one of 'FormatProvider' keys\n     * @param parseFormat - format used for parsing string date\n     */\n    public transform(value: TDate|DateValue|undefined|null, format: keyof FormatProvider, parseFormat: string): string\n    /**\n     * Formats provided date into formatted string\n     * @param value - value to be transformed\n     * @param format - format that is used for formatting\n     * @param customFormat - indication that custom format is used\n     */\n    public transform(value: TDate|DateValue|undefined|null, format: string, customFormat: true): string\n    /**\n     * Formats provided date into formatted string\n     * @param value - value to be transformed\n     * @param format - format that is used for formatting\n     * @param parseFormat - format used for parsing string date\n     * @param customFormat - indication that custom format is used\n     */\n    public transform(value: TDate|DateValue|undefined|null, format: string, parseFormat: string, customFormat: true): string\n    public transform(value: TDate|DateValue|undefined|null, format: string|keyof FormatProvider = nameof<FormatProvider>('date'), parseFormatOrCustomFormat?: string|boolean, _customFormat?: boolean): string\n    {\n        if(isBlank(value))\n        {\n            return '';\n        }\n\n        const parseFormat: string|undefined = isString(parseFormatOrCustomFormat) ? parseFormatOrCustomFormat : undefined;\n        \n        //format provider value\n        if(format in this._formatProvider)\n        {\n            format = (this._formatProvider)[format as keyof FormatProvider];\n        }\n\n        const dateObj = this._dateApi.getValue(value, parseFormat);\n\n        if(dateObj.isValid())\n        {\n            return dateObj.format(this._dateApi.getFormat(format));\n        }\n\n        return '';\n    }\n}"]}

package/es2022/src/services/datePositionParser/datePositionParser.service.js

@@ -13,10 +13,10 @@ export class DatePositionParserService {
     createParser(format) {
         return new DefaultDatePositionParser(format);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DatePositionParserService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DatePositionParserService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DatePositionParserService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DatePositionParserService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DatePositionParserService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DatePositionParserService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });

package/es2022/src/services/dateTimeRelativeParser/dateTimeRelativeParser.service.js

@@ -70,10 +70,10 @@ export class DateTimeRelativeParser {
         }
         return value;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DateTimeRelativeParser, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DateTimeRelativeParser, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DateTimeRelativeParser, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DateTimeRelativeParser, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DateTimeRelativeParser, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DateTimeRelativeParser, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i0.Injector }] });

package/es2022/src/services/dateValueProvider/dateValueProvider.service.js

@@ -55,10 +55,10 @@ export class DateValueProvider {
             to: end
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DateValueProvider, deps: [{ token: DATE_API }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DateValueProvider, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DateValueProvider, deps: [{ token: DATE_API }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DateValueProvider, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DateValueProvider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DateValueProvider, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{

package/lerna.json

@@ -0,0 +1,4 @@
+{
+  "$schema": "node_modules/lerna/schemas/lerna-schema.json",
+  "version": "0.0.0"
+}