@anglr/datetime 7.0.0-beta.20230815120707 → 7.0.0-beta.20230817115956

package/{es2020 → es2022}/src/modules/calendar/components/monthCalendar/monthCalendar.component.js

@@ -11,45 +11,51 @@ import * as i3 from "../../directives/calendarDayTemplate/calendarDayTemplate.di
 /**
  * Component used for displaying month calendar
  */
-export class MonthCalendarComponent {
-    //######################### constructor #########################
-    constructor(dateApi, formatProvider, eventParser) {
-        this.dateApi = dateApi;
-        this.formatProvider = formatProvider;
-        this.eventParser = eventParser;
-        //######################### protected properties - template bindings #########################
-        /**
-         * Aspect ratio for displayed calendar day cell
-         */
-        this.dayAspectRatioValue = CalendarDayAspectRatio.ThreeToTwo;
-        /**
-         * Data that represents calendar data
-         */
-        this.calendarData = {};
-        /**
-         * Array of weekday names
-         */
-        this.weekDayNames = [];
-        //######################### public properties - inputs #########################
-        /**
-         * Indication that week number should be displayed
-         */
-        this.showWeekNumber = false;
-        /**
-         * Format for displaying week day names
-         */
-        this.weekDayName = MonthCalendarDayFormat.Short;
-        /**
-         * Array of events that should be displayed
-         */
-        this.events = [];
-    }
+class MonthCalendarComponent {
+    dateApi;
+    formatProvider;
+    eventParser;
+    //######################### protected properties - template bindings #########################
+    /**
+     * Aspect ratio for displayed calendar day cell
+     */
+    dayAspectRatioValue = CalendarDayAspectRatio.ThreeToTwo;
+    /**
+     * Data that represents calendar data
+     */
+    calendarData = {};
     /**
      * Calendar day template to be used
      */
     get calendarDayTemplate() {
         return this.customCalendarDayTemplate ?? this.defaultCalendarDayTemplate;
     }
+    /**
+     * Array of weekday names
+     */
+    weekDayNames = [];
+    //######################### protected properties - children #########################
+    /**
+     * Default calendar day template
+     */
+    defaultCalendarDayTemplate;
+    /**
+     * Custom calendar day template
+     */
+    customCalendarDayTemplate;
+    //######################### public properties - inputs #########################
+    /**
+     * Indication that week number should be displayed
+     */
+    showWeekNumber = false;
+    /**
+     * Date that should be displayed in month calendar
+     */
+    display;
+    /**
+     * Format for displaying week day names
+     */
+    weekDayName = MonthCalendarDayFormat.Short;
     /**
      * Aspect ratio for displayed calendar day cell
      */
@@ -63,6 +69,16 @@ export class MonthCalendarComponent {
         }
         this.dayAspectRatioValue = value;
     }
+    /**
+     * Array of events that should be displayed
+     */
+    events = [];
+    //######################### constructor #########################
+    constructor(dateApi, formatProvider, eventParser) {
+        this.dateApi = dateApi;
+        this.formatProvider = formatProvider;
+        this.eventParser = eventParser;
+    }
     //######################### public methods - implementation of OnInit #########################
     /**
      * Initialize component
@@ -124,7 +140,7 @@ export class MonthCalendarComponent {
      * Initialize date for calendar that should be displayed
      */
     initializeDisplayCalendar() {
-        this.display ?? (this.display = this.dateApi.now().value);
+        this.display ??= this.dateApi.now().value;
         const workDate = this.dateApi.getValue(this.display);
         workDate.startOfMonth()
             .startOfWeek();
@@ -159,12 +175,22 @@ export class MonthCalendarComponent {
             }
         }
     }
+    //######################### ng language server #########################
+    /**
+     * Custom input type for `weekDayName` input
+     */
+    static ngAcceptInputType_weekDayName;
+    /**
+     * Custom input type for `dayAspectRatio` input
+     */
+    static ngAcceptInputType_dayAspectRatio;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: MonthCalendarComponent, deps: [{ token: DATE_API }, { token: FORMAT_PROVIDER }, { token: i1.EventParser }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: MonthCalendarComponent, selector: "month-calendar", inputs: { showWeekNumber: "showWeekNumber", display: "display", weekDayName: "weekDayName", dayAspectRatio: "dayAspectRatio", events: "events" }, providers: [
+            EventParser,
+        ], queries: [{ propertyName: "customCalendarDayTemplate", first: true, predicate: CalendarDayTemplateDirective, descendants: true, read: TemplateRef, static: true }], viewQueries: [{ propertyName: "defaultCalendarDayTemplate", first: true, predicate: CalendarDayTemplateDirective, descendants: true, read: TemplateRef, static: true }], usesOnChanges: true, ngImport: i0, template: "<div *calendarDayTemplate=\"let data\" class=\"default-calendar-day\" [class.is-weekend]=\"data.isWeekend\" [class.is-other-month]=\"!data.isCurrentMonth\">{{data.day}}</div>\n\n<div></div>\n\n<div *ngFor=\"let dayName of weekDayNames\" [class.week-day-name]=\"dayName\">{{dayName}}</div>\n\n<ng-container *ngFor=\"let weekData of calendarData | keyvalue\">\n    <div class=\"week-number\">\n        <ng-container *ngIf=\"showWeekNumber\">{{weekData.key}}</ng-container>\n    </div>\n    \n    <div *ngFor=\"let dayData of weekData.value\" [style.padding-bottom.%]=\"dayAspectRatioValue\" class=\"day-wrapper\">\n        <div class=\"day-content\"><ng-container *ngTemplateOutlet=\"calendarDayTemplate; context: {$implicit: dayData}\"></ng-container></div>\n    </div>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.CalendarDayTemplateDirective, selector: "[calendarDayTemplate]" }, { kind: "pipe", type: i2.KeyValuePipe, name: "keyvalue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-MonthCalendarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: MonthCalendarComponent, deps: [{ token: DATE_API }, { token: FORMAT_PROVIDER }, { token: i1.EventParser }], target: i0.ɵɵFactoryTarget.Component });
-MonthCalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: MonthCalendarComponent, selector: "month-calendar", inputs: { showWeekNumber: "showWeekNumber", display: "display", weekDayName: "weekDayName", dayAspectRatio: "dayAspectRatio", events: "events" }, providers: [
-        EventParser,
-    ], queries: [{ propertyName: "customCalendarDayTemplate", first: true, predicate: CalendarDayTemplateDirective, descendants: true, read: TemplateRef, static: true }], viewQueries: [{ propertyName: "defaultCalendarDayTemplate", first: true, predicate: CalendarDayTemplateDirective, descendants: true, read: TemplateRef, static: true }], usesOnChanges: true, ngImport: i0, template: "<div *calendarDayTemplate=\"let data\" class=\"default-calendar-day\" [class.is-weekend]=\"data.isWeekend\" [class.is-other-month]=\"!data.isCurrentMonth\">{{data.day}}</div>\n\n<div></div>\n\n<div *ngFor=\"let dayName of weekDayNames\" [class.week-day-name]=\"dayName\">{{dayName}}</div>\n\n<ng-container *ngFor=\"let weekData of calendarData | keyvalue\">\n    <div class=\"week-number\">\n        <ng-container *ngIf=\"showWeekNumber\">{{weekData.key}}</ng-container>\n    </div>\n    \n    <div *ngFor=\"let dayData of weekData.value\" [style.padding-bottom.%]=\"dayAspectRatioValue\" class=\"day-wrapper\">\n        <div class=\"day-content\"><ng-container *ngTemplateOutlet=\"calendarDayTemplate; context: {$implicit: dayData}\"></ng-container></div>\n    </div>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.CalendarDayTemplateDirective, selector: "[calendarDayTemplate]" }, { kind: "pipe", type: i2.KeyValuePipe, name: "keyvalue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: MonthCalendarComponent, decorators: [{
+export { MonthCalendarComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: MonthCalendarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'month-calendar', providers: [
                         EventParser,

package/es2022/src/modules/calendar/components/monthCalendar/monthCalendar.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"monthCalendar.component.js","sourceRoot":"","sources":["../../../../../../src/modules/calendar/components/monthCalendar/monthCalendar.component.ts","../../../../../../src/modules/calendar/components/monthCalendar/monthCalendar.component.html"],"names":[],"mappings":"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","sourcesContent":["import {Component, ChangeDetectionStrategy, Input, Inject, OnInit, ViewChild, TemplateRef, ContentChild, OnChanges, SimpleChanges} from '@angular/core';\nimport {Dictionary, isString, nameof} from '@jscrpt/common';\n\nimport {CalendarDayData, EventData} from '../../interfaces';\nimport {CalendarDayTemplateDirective, CalendarDayTemplateContext} from '../../directives';\nimport {MonthCalendarDayFormat, CalendarDayAspectRatio} from '../../misc';\nimport {EventParser} from '../../services';\nimport {DATE_API, FORMAT_PROVIDER} from '../../../../misc/tokens';\nimport {DateApi} from '../../../../services';\nimport {FormatProvider} from '../../../../interfaces';\n\n/**\n * Component used for displaying month calendar\n */\n@Component(\n{\n    selector: 'month-calendar',\n    templateUrl: 'monthCalendar.component.html',\n    providers:\n    [\n        EventParser,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MonthCalendarComponent<TDate = unknown, TEvent = unknown> implements OnInit, OnChanges\n{\n    //######################### protected properties - template bindings #########################\n\n    /**\n     * Aspect ratio for displayed calendar day cell\n     */\n    protected dayAspectRatioValue: number = CalendarDayAspectRatio.ThreeToTwo;\n\n    /**\n     * Data that represents calendar data\n     */\n    protected calendarData: Dictionary<CalendarDayData<TDate, TEvent>[]> = {};\n\n    /**\n     * Calendar day template to be used\n     */\n    protected get calendarDayTemplate(): TemplateRef<CalendarDayTemplateContext>\n    {\n        return this.customCalendarDayTemplate ?? this.defaultCalendarDayTemplate;\n    }\n\n    /**\n     * Array of weekday names\n     */\n    protected weekDayNames: string[] = [];\n\n    //######################### protected properties - children #########################\n\n    /**\n     * Default calendar day template\n     */\n    @ViewChild(CalendarDayTemplateDirective, {static: true, read: TemplateRef})\n    protected defaultCalendarDayTemplate!: TemplateRef<CalendarDayTemplateContext>;\n\n    /**\n     * Custom calendar day template\n     */\n    @ContentChild(CalendarDayTemplateDirective, {static: true, read: TemplateRef})\n    protected customCalendarDayTemplate: TemplateRef<CalendarDayTemplateContext>|undefined|null;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Indication that week number should be displayed\n     */\n    @Input()\n    public showWeekNumber: boolean = false;\n\n    /**\n     * Date that should be displayed in month calendar\n     */\n    @Input()\n    public display: TDate|undefined|null;\n\n    /**\n     * Format for displaying week day names\n     */\n    @Input()\n    public weekDayName: MonthCalendarDayFormat = MonthCalendarDayFormat.Short;\n\n    /**\n     * Aspect ratio for displayed calendar day cell\n     */\n    @Input()\n    public get dayAspectRatio(): number\n    {\n        return this.dayAspectRatioValue;\n    }\n    public set dayAspectRatio(value: number)\n    {\n        if(isString(value))\n        {\n            this.dayAspectRatioValue = CalendarDayAspectRatio[value] as unknown as number;\n\n            return;\n        }\n\n        this.dayAspectRatioValue = value;\n    }\n\n    /**\n     * Array of events that should be displayed\n     */\n    @Input()\n    public events: EventData<TDate, TEvent>[] = [];\n\n    //######################### constructor #########################\n    constructor(@Inject(DATE_API) protected dateApi: DateApi<TDate>,\n                @Inject(FORMAT_PROVIDER) protected formatProvider: FormatProvider,\n                protected eventParser: EventParser<TDate, TEvent>,)\n    {\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n\n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        this.initWeekdayNames();\n        this.initializeDisplayCalendar();\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(nameof<MonthCalendarComponent>('weekDayName') in changes)\n        {\n            this.initWeekdayNames();\n        }\n\n        if(nameof<MonthCalendarComponent>('display') in changes)\n        {\n            this.initializeDisplayCalendar();\n        }\n\n        if(nameof<MonthCalendarComponent>('events') in changes && !(nameof<MonthCalendarComponent>('display') in changes))\n        {\n            this.initAndAttachEventData();\n        }\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Initialize weekday names\n     */\n    protected initWeekdayNames(): void\n    {\n        this.weekDayNames = [];\n        const dateApi = this.dateApi.now().startOfWeek();\n\n        switch(this.weekDayName)\n        {\n            default:\n            // case MonthCalendarDayFormat.None:\n            {\n                for(let x = 0; x < 7; x++)\n                {\n                    this.weekDayNames.push('');\n                }\n\n                break;\n            }\n            case MonthCalendarDayFormat.Short:\n            {\n                for(let x = 0; x < 7; x++)\n                {\n                    this.weekDayNames.push(dateApi.format(this.formatProvider.dayNameShort));\n                    dateApi.addDays(1);\n                }\n\n                break;\n            }\n            case MonthCalendarDayFormat.Full:\n            {\n                for(let x = 0; x < 7; x++)\n                {\n                    this.weekDayNames.push(dateApi.format(this.formatProvider.dayName));\n                    dateApi.addDays(1);\n                }\n\n                break;\n            }\n        }\n    }\n\n    /**\n     * Initialize date for calendar that should be displayed\n     */\n    protected initializeDisplayCalendar(): void\n    {\n        this.display ??= this.dateApi.now().value;\n\n        const workDate = this.dateApi.getValue(this.display);\n\n        workDate.startOfMonth()\n            .startOfWeek();\n\n        this.calendarData = {};\n\n        do\n        {\n            const weekData: CalendarDayData<TDate, TEvent>[] = this.calendarData[workDate.format(this.formatProvider.week)] = [];\n\n            for(let x = 0; x < 7; x++)\n            {\n                weekData.push(\n                {\n                    date: workDate.value,\n                    day: workDate.dayOfMonth(),\n                    events: [],\n                    isCurrentMonth: workDate.isSameMonth(this.display),\n                    isWeekend: workDate.isWeekend(),\n                    week: +workDate.format(this.formatProvider.week),\n                });\n\n                workDate.addDays(1);\n            }\n\n            workDate.startOfWeek();\n        }\n        while(workDate.isSameMonth(this.display));\n\n        this.initAndAttachEventData();\n    }\n\n    /**\n     * Initialize and attaches event data\n     */\n    protected initAndAttachEventData(): void\n    {\n        const events = this.eventParser.getEventsPerDay(this.events);\n\n        for(const week in this.calendarData)\n        {\n            const weekData = this.calendarData[week];\n\n            for(const day of weekData)\n            {\n                const found = events.find(itm => this.dateApi.getValue(itm[0]).isSame(day.date));\n                day.events = found?.[1] ?? [];\n            }\n        }\n    }\n\n    //######################### ng language server #########################\n\n    /**\n     * Custom input type for `weekDayName` input\n     */\n    public static ngAcceptInputType_weekDayName: keyof typeof MonthCalendarDayFormat;\n\n    /**\n     * Custom input type for `dayAspectRatio` input\n     */\n    public static ngAcceptInputType_dayAspectRatio: keyof typeof CalendarDayAspectRatio|number;\n}","<div *calendarDayTemplate=\"let data\" class=\"default-calendar-day\" [class.is-weekend]=\"data.isWeekend\" [class.is-other-month]=\"!data.isCurrentMonth\">{{data.day}}</div>\n\n<div></div>\n\n<div *ngFor=\"let dayName of weekDayNames\" [class.week-day-name]=\"dayName\">{{dayName}}</div>\n\n<ng-container *ngFor=\"let weekData of calendarData | keyvalue\">\n    <div class=\"week-number\">\n        <ng-container *ngIf=\"showWeekNumber\">{{weekData.key}}</ng-container>\n    </div>\n    \n    <div *ngFor=\"let dayData of weekData.value\" [style.padding-bottom.%]=\"dayAspectRatioValue\" class=\"day-wrapper\">\n        <div class=\"day-content\"><ng-container *ngTemplateOutlet=\"calendarDayTemplate; context: {$implicit: dayData}\"></ng-container></div>\n    </div>\n</ng-container>\n"]}

package/{es2020 → es2022}/src/modules/calendar/directives/calendarDayTemplate/calendarDayTemplate.directive.js

@@ -3,7 +3,8 @@ import * as i0 from "@angular/core";
 /**
  * Directive used for obtaining custom calendar day template
  */
-export class CalendarDayTemplateDirective {
+class CalendarDayTemplateDirective {
+    template;
     //######################### constructor #########################
     constructor(template) {
         this.template = template;
@@ -15,10 +16,11 @@ export class CalendarDayTemplateDirective {
     static ngTemplateContextGuard(_dir, _ctx) {
         return true;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: CalendarDayTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.1", type: CalendarDayTemplateDirective, selector: "[calendarDayTemplate]", ngImport: i0 });
 }
-CalendarDayTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CalendarDayTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-CalendarDayTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: CalendarDayTemplateDirective, selector: "[calendarDayTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CalendarDayTemplateDirective, decorators: [{
+export { CalendarDayTemplateDirective };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: CalendarDayTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[calendarDayTemplate]'

package/es2022/src/modules/calendar/directives/calendarDayTemplate/calendarDayTemplate.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendarDayTemplate.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/calendar/directives/calendarDayTemplate/calendarDayTemplate.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;;AAIrD;;GAEG;AACH,MAIa,4BAA4B;IAGlB;IADnB,iEAAiE;IACjE,YAAmB,QAAgE;QAAhE,aAAQ,GAAR,QAAQ,CAAwD;IAEnF,CAAC;IAED,wEAAwE;IAExE;;OAEG;IACH,MAAM,CAAC,sBAAsB,CAAC,IAAkC,EAAE,IAAa;QAE3E,OAAO,IAAI,CAAC;IAChB,CAAC;uGAfQ,4BAA4B;2FAA5B,4BAA4B;;SAA5B,4BAA4B;2FAA5B,4BAA4B;kBAJxC,SAAS;mBACV;oBACI,QAAQ,EAAE,uBAAuB;iBACpC","sourcesContent":["import {Directive, TemplateRef} from '@angular/core';\n\nimport {CalendarDayTemplateContext} from './calendarDayTemplate.context';\n\n/**\n * Directive used for obtaining custom calendar day template\n */\n@Directive(\n{\n    selector: '[calendarDayTemplate]'\n})\nexport class CalendarDayTemplateDirective<TDate = unknown, TEvent = unknown>\n{\n    //######################### constructor #########################\n    constructor(public template: TemplateRef<CalendarDayTemplateContext<TDate, TEvent>>)\n    {\n    }\n\n    //######################### ng language server #########################\n    \n    /**\n     * Allows typechecking for template\n     */\n    static ngTemplateContextGuard(_dir: CalendarDayTemplateDirective, _ctx: unknown): _ctx is CalendarDayTemplateContext\n    {\n        return true;\n    }\n}"]}

package/{es2015 → es2022}/src/modules/calendar/modules/monthCalendar.module.js

@@ -6,14 +6,15 @@ import * as i0 from "@angular/core";
 /**
  * Module used for calendar displaying month
  */
-export class MonthCalendarModule {
+class MonthCalendarModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: MonthCalendarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.1", ngImport: i0, type: MonthCalendarModule, declarations: [MonthCalendarComponent,
+            CalendarDayTemplateDirective], imports: [CommonModule], exports: [MonthCalendarComponent,
+            CalendarDayTemplateDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: MonthCalendarModule, imports: [CommonModule] });
 }
-MonthCalendarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: MonthCalendarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MonthCalendarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: MonthCalendarModule, declarations: [MonthCalendarComponent,
-        CalendarDayTemplateDirective], imports: [CommonModule], exports: [MonthCalendarComponent,
-        CalendarDayTemplateDirective] });
-MonthCalendarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: MonthCalendarModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: MonthCalendarModule, decorators: [{
+export { MonthCalendarModule };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: MonthCalendarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/es2022/src/modules/calendar/modules/monthCalendar.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"monthCalendar.module.js","sourceRoot":"","sources":["../../../../../src/modules/calendar/modules/monthCalendar.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAC,sBAAsB,EAAC,MAAM,eAAe,CAAC;AACrD,OAAO,EAAC,4BAA4B,EAAC,MAAM,eAAe,CAAC;;AAE3D;;GAEG;AACH,MAiBa,mBAAmB;uGAAnB,mBAAmB;wGAAnB,mBAAmB,iBATxB,sBAAsB;YACtB,4BAA4B,aAL5B,YAAY,aASZ,sBAAsB;YACtB,4BAA4B;wGAGvB,mBAAmB,YAbxB,YAAY;;SAaP,mBAAmB;2FAAnB,mBAAmB;kBAjB/B,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,YAAY;qBACf;oBACD,YAAY,EACZ;wBACI,sBAAsB;wBACtB,4BAA4B;qBAC/B;oBACD,OAAO,EACP;wBACI,sBAAsB;wBACtB,4BAA4B;qBAC/B;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\nimport {MonthCalendarComponent} from '../components';\nimport {CalendarDayTemplateDirective} from '../directives';\n\n/**\n * Module used for calendar displaying month\n */\n@NgModule(\n{\n    imports:\n    [\n        CommonModule,\n    ],\n    declarations:\n    [\n        MonthCalendarComponent,\n        CalendarDayTemplateDirective,\n    ],\n    exports:\n    [\n        MonthCalendarComponent,\n        CalendarDayTemplateDirective,\n    ],\n})\nexport class MonthCalendarModule\n{\n}"]}

package/{es2020 → es2022}/src/modules/calendar/services/eventParser/eventParser.service.js

@@ -4,7 +4,8 @@ import * as i0 from "@angular/core";
 /**
  * Service used for parsing events into events to requested period
  */
-export class EventParser {
+class EventParser {
+    dateApi;
     //######################### constructor #########################
     constructor(dateApi) {
         this.dateApi = dateApi;
@@ -62,10 +63,11 @@ export class EventParser {
         }
         return result;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: EventParser, deps: [{ token: DATE_API }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: EventParser });
 }
-EventParser.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: EventParser, deps: [{ token: DATE_API }], target: i0.ɵɵFactoryTarget.Injectable });
-EventParser.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: EventParser });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: EventParser, decorators: [{
+export { EventParser };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: EventParser, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,

package/es2022/src/modules/calendar/services/eventParser/eventParser.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eventParser.service.js","sourceRoot":"","sources":["../../../../../../src/modules/calendar/services/eventParser/eventParser.service.ts"],"names":[],"mappings":"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","sourcesContent":["import {Inject, Injectable} from '@angular/core';\n\nimport {DATE_API} from '../../../../misc/tokens';\nimport {DateApi} from '../../../../services';\nimport {CalendarEventDayMetadata, EventData, ɵEventData} from '../../interfaces';\n\n/**\n * Service used for parsing events into events to requested period\n */\n@Injectable()\nexport class EventParser<TDate = unknown, TEvent = unknown>\n{\n    //######################### constructor #########################\n    constructor(@Inject(DATE_API) protected dateApi: DateApi<TDate>,)\n    {\n    }\n\n    //######################### public methods #########################\n\n    /**\n     * Gets events parsed per day\n     * @param events - Array of events to be parsed\n     */\n    public getEventsPerDay(events: EventData<TDate, TEvent>[]): [TDate, CalendarEventDayMetadata<TDate, TEvent>[]][]\n    {\n        const eventsLocal = events.map(itm =>\n        {\n            return <ɵEventData<TDate, TEvent>>\n            {\n                data: itm.data,\n                dateFrom: itm.dateFrom,\n                dateTo: itm.dateTo,\n                dateApiFrom: this.dateApi.getValue(itm.dateFrom),\n                dateApiTo: itm.dateTo ? this.dateApi.getValue(itm.dateTo) : null,\n            };\n        });\n\n        eventsLocal.sort((a, b) =>\n        {\n            if(a.dateApiFrom.isAfter(b.dateApiFrom.value))\n            {\n                return 1;\n            }\n\n            if(a.dateApiFrom.isBefore(b.dateApiFrom.value))\n            {\n                return -1;\n            }\n\n            return 0;\n        });\n\n        const result: [TDate, CalendarEventDayMetadata<TDate, TEvent>[]][] = [];\n\n        for(const event of eventsLocal)\n        {\n            const workDate = event.dateApiFrom.clone().startOfDay();\n            const data: CalendarEventDayMetadata<TDate, TEvent>[] = result.find(itm => workDate.isSameDay(itm[0]))?.[1] ?? [];\n            const index = data.length;\n\n            do\n            {\n                let data: [TDate, CalendarEventDayMetadata<TDate, TEvent>[]]|undefined = result.find(itm => workDate.isSameDay(itm[0]));\n\n                if(!data)\n                {\n                    data = [workDate.value, []];\n                    result.push(data);\n                }\n\n                const evnts: CalendarEventDayMetadata<TDate, TEvent>[] = data[1];\n                evnts[index] =\n                {\n                    data: event.data,\n                    dateApiFrom: event.dateApiFrom,\n                    dateApiTo: event.dateApiTo,\n                    dateFrom: event.dateFrom,\n                    dateTo: event.dateTo,\n                    onGoingFrom: workDate.startOfDay().isAfter(event.dateApiFrom),\n                    allDay: (workDate.isSame(event.dateApiFrom) || workDate.isAfter(event.dateApiFrom)) &&\n                            !!event.dateApiTo && (workDate.endOfDay().isSame(event.dateApiTo) || workDate.isBefore(event.dateApiTo)),\n                    onGoingTo: !!event.dateApiTo && workDate.isBefore(event.dateApiTo),\n                };\n                \n                workDate.addDays(1).startOfDay();\n            }\n            while(!!event.dateApiTo && (workDate.isBefore(event.dateApiTo) || workDate.isSameDay(event.dateApiTo)));\n        }\n\n        return result;\n    }\n}"]}

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

@@ -0,0 +1,29 @@
+import { NgModule } from '@angular/core';
+import { DateConvertPipe } from '../pipes/dateConvert.pipe';
+import { DateFormatPipe } from '../pipes/dateFormat.pipe';
+import * as i0 from "@angular/core";
+/**
+ * Module used for exporting date pipes
+ */
+class DatePipesModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: DatePipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.1", ngImport: i0, type: DatePipesModule, declarations: [DateFormatPipe,
+            DateConvertPipe], exports: [DateFormatPipe,
+            DateConvertPipe] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: DatePipesModule });
+}
+export { DatePipesModule };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: DatePipesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        DateFormatPipe,
+                        DateConvertPipe,
+                    ],
+                    exports: [
+                        DateFormatPipe,
+                        DateConvertPipe,
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=datePipes.module.js.map

package/es2022/src/modules/datePipes.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datePipes.module.js","sourceRoot":"","sources":["../../../src/modules/datePipes.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AAEvC,OAAO,EAAC,eAAe,EAAC,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAC,cAAc,EAAC,MAAM,0BAA0B,CAAC;;AAExD;;GAEG;AACH,MAaa,eAAe;uGAAf,eAAe;wGAAf,eAAe,iBATpB,cAAc;YACd,eAAe,aAIf,cAAc;YACd,eAAe;wGAGV,eAAe;;SAAf,eAAe;2FAAf,eAAe;kBAb3B,QAAQ;mBACT;oBACI,YAAY,EACZ;wBACI,cAAc;wBACd,eAAe;qBAClB;oBACD,OAAO,EACP;wBACI,cAAc;wBACd,eAAe;qBAClB;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\n\nimport {DateConvertPipe} from '../pipes/dateConvert.pipe';\nimport {DateFormatPipe} from '../pipes/dateFormat.pipe';\n\n/**\n * Module used for exporting date pipes\n */\n@NgModule(\n{\n    declarations:\n    [\n        DateFormatPipe,\n        DateConvertPipe,\n    ],\n    exports:\n    [\n        DateFormatPipe,\n        DateConvertPipe,\n    ]\n})\nexport class DatePipesModule\n{\n}"]}

package/{es2020 → es2022}/src/modules/dateTime/directives/dateTime/dateTime.directive.js

@@ -10,42 +10,56 @@ import * as i0 from "@angular/core";
 /**
  * Directive that holds shared data for date time, like formats, restrictions
  */
-export class DateTimeSADirective {
-    constructor() {
-        //######################### protected properties #########################
-        /**
-         * Subject used for emitting changes in max date time value
-         */
-        this.maxDateTimeChangesSubject = new Subject();
-        /**
-         * Subject used for emitting changes in min date time value
-         */
-        this.minDateTimeChangesSubject = new Subject();
-        /**
-         * Subject used for emitting changes in custom format value
-         */
-        this.customFormatChangesSubject = new Subject();
-        /**
-         * Date time value format which is being worked with in this date time
-         */
-        this.ɵvalueFormat = DateTimeValueFormat.DateInstance;
-        /**
-         * Format of string representation of date
-         */
-        this.ɵformat = 'date';
-        /**
-         * Date api instance, used for date time manipulation
-         */
-        this.dateApi = inject(DATE_API);
-        /**
-         * Provider for available formats
-         */
-        this.formatProvider = inject(FORMAT_PROVIDER);
-        /**
-         * Custom format string representation of date
-         */
-        this.ɵcustomFormat = this.dateApi.getFormat(this.formatProvider[this.ɵformat]);
-    }
+class DateTimeSADirective {
+    //######################### protected properties #########################
+    /**
+     * Subject used for emitting changes in max date time value
+     */
+    maxDateTimeChangesSubject = new Subject();
+    /**
+     * Subject used for emitting changes in min date time value
+     */
+    minDateTimeChangesSubject = new Subject();
+    /**
+     * Subject used for emitting changes in custom format value
+     */
+    customFormatChangesSubject = new Subject();
+    /**
+     * Subscription for max date instance value changes
+     */
+    maxDateInstanceChange;
+    /**
+     * Subscription for min date instance value changes
+     */
+    minDateInstanceChange;
+    /**
+     * Max allowed value of date time
+     */
+    ɵmaxDateTime;
+    /**
+     * Min allowed value of date time
+     */
+    ɵminDateTime;
+    /**
+     * Date time value format which is being worked with in this date time
+     */
+    ɵvalueFormat = DateTimeValueFormat.DateInstance;
+    /**
+     * Format of string representation of date
+     */
+    ɵformat = 'date';
+    /**
+     * Date api instance, used for date time manipulation
+     */
+    dateApi = inject(DATE_API);
+    /**
+     * Provider for available formats
+     */
+    formatProvider = inject(FORMAT_PROVIDER);
+    /**
+     * Custom format string representation of date
+     */
+    ɵcustomFormat = this.dateApi.getFormat(this.formatProvider[this.ɵformat]);
     //######################### public properties #########################
     /**
      * Occurs when there are changes in max date time value
@@ -113,7 +127,7 @@ export class DateTimeSADirective {
             return;
         }
         let val = value;
-        if (value instanceof (DateTimeBase)) {
+        if (value instanceof DateTimeBase) {
             this.maxDateInstanceChange = value.valueChange.subscribe(() => {
                 const val = getSingleDateTimeValue(value.value);
                 if (isBlank(val)) {
@@ -145,7 +159,7 @@ export class DateTimeSADirective {
             return;
         }
         let val = value;
-        if (value instanceof (DateTimeBase)) {
+        if (value instanceof DateTimeBase) {
             this.minDateInstanceChange = value.valueChange.subscribe(() => {
                 const val = getSingleDateTimeValue(value.value);
                 if (isBlank(val)) {
@@ -216,9 +230,22 @@ export class DateTimeSADirective {
      */
     onMinDateTimeChange() {
     }
+    //######################### ng language server #########################
+    /**
+     * Custom input type for `valueFormat` input
+     */
+    static ngAcceptInputType_valueFormat;
+    /**
+     * Custom input type for `maxDateTime` input
+     */
+    static ngAcceptInputType_maxDateTime;
+    /**
+     * Custom input type for `minDateTime` input
+     */
+    static ngAcceptInputType_minDateTime;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: DateTimeSADirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.1", type: DateTimeSADirective, isStandalone: true, selector: "[dateTime]", inputs: { valueFormat: "valueFormat", format: "format", customFormat: "customFormat", maxDateTime: "maxDateTime", minDateTime: "minDateTime" }, ngImport: i0 });
 }
-DateTimeSADirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DateTimeSADirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DateTimeSADirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: DateTimeSADirective, isStandalone: true, selector: "[dateTime]", inputs: { valueFormat: "valueFormat", format: "format", customFormat: "customFormat", maxDateTime: "maxDateTime", minDateTime: "minDateTime" }, ngImport: i0 });
 __decorate([
     BindThis,
     __metadata("design:type", Function),
@@ -231,7 +258,8 @@ __decorate([
     __metadata("design:paramtypes", [Object]),
     __metadata("design:returntype", void 0)
 ], DateTimeSADirective.prototype, "maxDateSet", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DateTimeSADirective, decorators: [{
+export { DateTimeSADirective };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: DateTimeSADirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dateTime]',

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

@@ -0,0 +1 @@
+{"version":3,"file":"dateTime.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTime/directives/dateTime/dateTime.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {Directive, inject, Input, OnDestroy} from '@angular/core';\nimport {Action1, BindThis, isBlank, isString} from '@jscrpt/common';\nimport {Observable, Subject, Subscription} from 'rxjs';\n\nimport {FormatProvider} from '../../../../interfaces';\nimport {DateTimeValueFormat} from '../../../../misc/enums';\nimport {DATE_API, FORMAT_PROVIDER} from '../../../../misc/tokens';\nimport {DateTimeInputOutputValue} from '../../../../misc/types';\nimport {getSingleDateTimeValue} from '../../../../misc/utils';\nimport {DateApi, DateValue} from '../../../../services';\nimport {DateTimeBase} from '../dateTimeBase';\n\n/**\n * Directive that holds shared data for date time, like formats, restrictions\n */\n@Directive(\n{\n    selector: '[dateTime]',\n    standalone: true,\n})\nexport class DateTimeSADirective<TDate = unknown> implements OnDestroy\n{\n    //######################### protected properties #########################\n\n    /**\n     * Subject used for emitting changes in max date time value\n     */\n    protected maxDateTimeChangesSubject: Subject<void> = new Subject<void>();\n\n    /**\n     * Subject used for emitting changes in min date time value\n     */\n    protected minDateTimeChangesSubject: Subject<void> = new Subject<void>();\n\n    /**\n     * Subject used for emitting changes in custom format value\n     */\n    protected customFormatChangesSubject: Subject<void> = new Subject<void>();\n\n    /**\n     * Subscription for max date instance value changes\n     */\n    protected maxDateInstanceChange: Subscription|undefined|null;\n\n    /**\n     * Subscription for min date instance value changes\n     */\n    protected minDateInstanceChange: Subscription|undefined|null;\n\n    /**\n     * Max allowed value of date time\n     */\n    protected ɵmaxDateTime: TDate|undefined|null;\n\n    /**\n     * Min allowed value of date time\n     */\n    protected ɵminDateTime: TDate|undefined|null;\n\n    /**\n     * Date time value format which is being worked with in this date time\n     */\n    protected ɵvalueFormat: DateTimeValueFormat = DateTimeValueFormat.DateInstance;\n\n    /**\n     * Format of string representation of date\n     */\n    protected ɵformat: keyof FormatProvider = 'date';\n\n    /**\n     * Date api instance, used for date time manipulation\n     */\n    protected dateApi: DateApi<TDate> = inject(DATE_API) as DateApi<TDate>;\n\n    /**\n     * Provider for available formats\n     */\n    protected formatProvider: FormatProvider = inject(FORMAT_PROVIDER);\n\n    /**\n     * Custom format string representation of date\n     */\n    protected ɵcustomFormat: string = this.dateApi.getFormat(this.formatProvider[this.ɵformat]);\n\n    //######################### public properties #########################\n\n    /**\n     * Occurs when there are changes in max date time value\n     */\n    public get maxDateTimeChanges(): Observable<void>\n    {\n        return this.maxDateTimeChangesSubject.asObservable();\n    }\n\n    /**\n     * Occurs when there are changes in min date time value\n     */\n    public get minDateTimeChanges(): Observable<void>\n    {\n        return this.minDateTimeChangesSubject.asObservable();\n    }\n\n    /**\n     * Occurs when there are changes in custom format value\n     */\n    public get customFormatChanges(): Observable<void>\n    {\n        return this.customFormatChangesSubject.asObservable();\n    }\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Gets or sets date time value format which is being worked with in this date time\n     */\n    @Input()\n    public get valueFormat(): DateTimeValueFormat\n    {\n        return this.ɵvalueFormat;\n    }\n    public set valueFormat(value: DateTimeValueFormat)\n    {\n        if(isString(value))\n        {\n            this.ɵvalueFormat = DateTimeValueFormat[value] as unknown as DateTimeValueFormat;\n\n            return;\n        }\n\n        this.ɵvalueFormat = value;\n    }\n\n    /**\n     * Gets or sets format of string representation of date\n     */\n    @Input()\n    public get format(): keyof FormatProvider\n    {\n        return this.ɵformat;\n    }\n    public set format(value: keyof FormatProvider)\n    {\n        this.ɵformat = value;\n        this.customFormat = this.dateApi.getFormat(this.formatProvider[value]);\n    }\n\n    /**\n     * Gets or sets custom format string representation of date\n     */\n    @Input()\n    public get customFormat(): string\n    {\n        return this.ɵcustomFormat;\n    }\n    public set customFormat(value: string)\n    {\n        this.ɵcustomFormat = value;\n        this.customFormatChangesSubject.next();\n    }\n\n    /**\n     * Gets or sets max allowed date for date time\n     */\n    @Input()\n    public get maxDateTime(): TDate|undefined|null\n    {\n        return this.ɵmaxDateTime;\n    }\n    public set maxDateTime(value: TDate|undefined|null)\n    {\n        this.maxDateInstanceChange?.unsubscribe();\n        this.maxDateInstanceChange = null;\n\n        if(isBlank(value))\n        {\n            this.maxDateSet(value);\n\n            return;\n        }\n\n        let val: DateTimeInputOutputValue<TDate> = value;\n\n        if(value instanceof DateTimeBase)\n        {\n            this.maxDateInstanceChange = value.valueChange.subscribe(() =>\n            {\n                const val = getSingleDateTimeValue<TDate>(value.value);\n\n                if(isBlank(val))\n                {\n                    this.maxDateSet(null);\n\n                    return;\n                }\n\n                this.setMinMaxValue(val, this.maxDateSet);\n            });\n\n            const v = getSingleDateTimeValue<TDate>(value.value);\n\n            if(isBlank(v))\n            {\n                this.maxDateSet(null);\n\n                return;\n            }\n\n            val = v;\n        }\n        \n        this.setMinMaxValue(val, this.maxDateSet);\n    }\n\n    /**\n     * Gets or sets min allowed date for date time\n     */\n    @Input()\n    public get minDateTime(): TDate|undefined|null\n    {\n        return this.ɵminDateTime;\n    }\n    public set minDateTime(value: TDate|undefined|null)\n    {\n        this.minDateInstanceChange?.unsubscribe();\n        this.minDateInstanceChange = null;\n\n        if(isBlank(value))\n        {\n            this.minDateSet(value);\n\n            return;\n        }\n\n        let val: DateTimeInputOutputValue<TDate> = value;\n\n        if(value instanceof DateTimeBase)\n        {\n            this.minDateInstanceChange = value.valueChange.subscribe(() =>\n            {\n                const val = getSingleDateTimeValue<TDate>(value.value);\n\n                if(isBlank(val))\n                {\n                    this.minDateSet(null);\n\n                    return;\n                }\n\n                this.setMinMaxValue(val, this.minDateSet);\n            });\n\n            const v = getSingleDateTimeValue<TDate>(value.value);\n\n            if(isBlank(v))\n            {\n                this.minDateSet(null);\n\n                return;\n            }\n\n            val = v;\n        }\n\n        this.setMinMaxValue(val, this.minDateSet);\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this.maxDateInstanceChange?.unsubscribe();\n        this.maxDateInstanceChange = null;\n\n        this.minDateInstanceChange?.unsubscribe();\n        this.minDateInstanceChange = null;\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Sets min date time and notifies about changes\n     * @param value - Value to be set\n     */\n    @BindThis\n    protected minDateSet(value: TDate|undefined|null): void\n    {\n        this.ɵminDateTime = value;\n        this.minDateTimeChangesSubject.next();\n        this.onMinDateTimeChange();\n    }\n\n    /**\n     * Sets max date time and notifies about changes\n     * @param value - Value to be set\n     */\n    @BindThis\n    protected maxDateSet(value: TDate|undefined|null): void\n    {\n        this.ɵmaxDateTime = value;\n        this.maxDateTimeChangesSubject.next();\n        this.onMaxDateTimeChange();\n    }\n\n    /**\n     * Sets min or max date time value\n     * @param value - Value to be set\n     * @param setter - Action used for setting value\n     */\n    protected setMinMaxValue(value: DateValue|TDate, setter: Action1<TDate|undefined|null>): void\n    {\n        const val = this.dateApi.getValue(value, this.customFormat);\n\n        if(val.isValid())\n        {\n            setter(val.value);\n        }\n        else\n        {\n            setter(null);\n        }\n    }\n\n    /**\n     * Called whenever max date time restriction changes\n     */\n    protected onMaxDateTimeChange(): void\n    {\n    }\n\n    /**\n     * Called whenever min date time restriction changes\n     */\n    protected onMinDateTimeChange(): void\n    {\n    }\n\n    //######################### ng language server #########################\n    \n    /**\n     * Custom input type for `valueFormat` input\n     */\n    public static ngAcceptInputType_valueFormat: keyof typeof DateTimeValueFormat|DateTimeValueFormat;\n\n    /**\n     * Custom input type for `maxDateTime` input\n     */\n    public static ngAcceptInputType_maxDateTime: DateValue|DateTimeBase;\n\n    /**\n     * Custom input type for `minDateTime` input\n     */\n    public static ngAcceptInputType_minDateTime: DateValue|DateTimeBase;\n}"]}

package/{es2015 → es2022}/src/modules/dateTime/directives/dateTimeBase.js

@@ -5,25 +5,20 @@ import * as i0 from "@angular/core";
 /**
  * Base class for date time directives, contains basic shared data
  */
-export class DateTimeBase {
-    //######################### constructor #########################
-    constructor() {
-        //######################### protected properties #########################
-        /**
-         * Subscriptions created during initialization
-         */
-        this.initSubscriptions = new Subscription();
-        /**
-         * Instance of date time shared data, like formats and restrictions
-         */
-        this.dateTimeData = inject((DateTimeSADirective));
-        /**
-         * @inheritdoc
-         */
-        this.valueChange = new EventEmitter();
-        this.initSubscriptions.add(this.dateTimeData.maxDateTimeChanges.subscribe(() => this.onMaxDateTimeChange()));
-        this.initSubscriptions.add(this.dateTimeData.minDateTimeChanges.subscribe(() => this.onMinDateTimeChange()));
-    }
+class DateTimeBase {
+    //######################### protected properties #########################
+    /**
+     * Subscriptions created during initialization
+     */
+    initSubscriptions = new Subscription();
+    /**
+     * Current value of date time, could be string, unix timestamp, Date, TDate object, or ranged DateTimeValue
+     */
+    ɵValue;
+    /**
+     * Instance of date time shared data, like formats and restrictions
+     */
+    dateTimeData = inject((DateTimeSADirective));
     //######################### public properties - implementation of DateTimeInputValue #########################
     /**
      * @inheritdoc
@@ -34,6 +29,15 @@ export class DateTimeBase {
     set value(value) {
         this.ɵValue = value;
     }
+    /**
+     * @inheritdoc
+     */
+    valueChange = new EventEmitter();
+    //######################### constructor #########################
+    constructor() {
+        this.initSubscriptions.add(this.dateTimeData.maxDateTimeChanges.subscribe(() => this.onMaxDateTimeChange()));
+        this.initSubscriptions.add(this.dateTimeData.minDateTimeChanges.subscribe(() => this.onMinDateTimeChange()));
+    }
     //######################### public methods - implementation of OnDestroy #########################
     /**
      * Called when component is destroyed
@@ -52,10 +56,11 @@ export class DateTimeBase {
      */
     onMinDateTimeChange() {
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: DateTimeBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.1", type: DateTimeBase, ngImport: i0 });
 }
-DateTimeBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DateTimeBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DateTimeBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: DateTimeBase, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DateTimeBase, decorators: [{
+export { DateTimeBase };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: DateTimeBase, decorators: [{
             type: Directive
         }], ctorParameters: function () { return []; } });
 //# sourceMappingURL=dateTimeBase.js.map

package/es2022/src/modules/dateTime/directives/dateTimeBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimeBase.js","sourceRoot":"","sources":["../../../../../src/modules/dateTime/directives/dateTimeBase.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,YAAY,EAAE,MAAM,EAAY,MAAM,eAAe,CAAC;AACzE,OAAO,EAAC,YAAY,EAAC,MAAM,MAAM,CAAC;AAIlC,OAAO,EAAC,mBAAmB,EAAC,MAAM,+BAA+B,CAAC;;AAElE;;GAEG;AACH,MACa,YAAY;IAErB,0EAA0E;IAE1E;;OAEG;IACO,iBAAiB,GAAiB,IAAI,YAAY,EAAE,CAAC;IAE/D;;OAEG;IACO,MAAM,CAAiD;IAEjE;;OAEG;IACO,YAAY,GAA+B,MAAM,CAAC,CAAA,mBAA0B,CAAA,CAAC,CAAC;IAExF,8GAA8G;IAE9G;;OAEG;IACH,IAAW,KAAK;QAEZ,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IACD,IAAW,KAAK,CAAC,KAAqD;QAElE,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACxB,CAAC;IAED;;OAEG;IACI,WAAW,GAAuB,IAAI,YAAY,EAAQ,CAAC;IAElE,iEAAiE;IACjE;QAEI,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAAC;QAC7G,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAAC;IACjH,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,CAAC;IACzC,CAAC;IAED,uEAAuE;IAEvE;;OAEG;IACO,mBAAmB;IAE7B,CAAC;IAED;;OAEG;IACO,mBAAmB;IAE7B,CAAC;uGArEQ,YAAY;2FAAZ,YAAY;;SAAZ,YAAY;2FAAZ,YAAY;kBADxB,SAAS","sourcesContent":["import {Directive, EventEmitter, inject, OnDestroy} from '@angular/core';\nimport {Subscription} from 'rxjs';\n\nimport {DateTimeInputValue} from '../../../interfaces';\nimport {DateTimeInputOutputValue} from '../../../misc/types';\nimport {DateTimeSADirective} from './dateTime/dateTime.directive';\n\n/**\n * Base class for date time directives, contains basic shared data\n */\n@Directive()\nexport class DateTimeBase<TDate = unknown> implements DateTimeInputValue<TDate>, OnDestroy\n{\n    //######################### protected properties #########################\n\n    /**\n     * Subscriptions created during initialization\n     */\n    protected initSubscriptions: Subscription = new Subscription();\n\n    /**\n     * Current value of date time, could be string, unix timestamp, Date, TDate object, or ranged DateTimeValue\n     */\n    protected ɵValue: DateTimeInputOutputValue<TDate>|undefined|null;\n\n    /**\n     * Instance of date time shared data, like formats and restrictions\n     */\n    protected dateTimeData: DateTimeSADirective<TDate> = inject(DateTimeSADirective<TDate>);\n\n    //######################### public properties - implementation of DateTimeInputValue #########################\n\n    /**\n     * @inheritdoc\n     */\n    public get value(): DateTimeInputOutputValue<TDate>|undefined|null\n    {\n        return this.ɵValue;\n    }\n    public set value(value: DateTimeInputOutputValue<TDate>|undefined|null)\n    {\n        this.ɵValue = value;\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public valueChange: EventEmitter<void> = new EventEmitter<void>();\n\n    //######################### constructor #########################\n    constructor()\n    {\n        this.initSubscriptions.add(this.dateTimeData.maxDateTimeChanges.subscribe(() => this.onMaxDateTimeChange()));\n        this.initSubscriptions.add(this.dateTimeData.minDateTimeChanges.subscribe(() => this.onMinDateTimeChange()));\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this.initSubscriptions.unsubscribe();\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Called whenever max date time restriction changes\n     */\n    protected onMaxDateTimeChange(): void\n    {\n    }\n\n    /**\n     * Called whenever min date time restriction changes\n     */\n    protected onMinDateTimeChange(): void\n    {\n    }\n}\n"]}