@anglr/datetime 9.0.0 → 9.0.1

package/changelog.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## Version 9.0.1 (2025-12-12)
+
+### Bug Fixes
+
+- fixed `MonthCalendarComponent` component
+    - now properly displays week which is last week of the year
+
 ## Version 9.0.0 (2025-01-23)
 
 ### Bug Fixes

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

@@ -1,5 +1,5 @@
 import { Component, ChangeDetectionStrategy, Inject, TemplateRef, input, viewChild, contentChild, computed, effect, inject } from '@angular/core';
-import { KeyValuePipe, NgTemplateOutlet } from '@angular/common';
+import { NgTemplateOutlet } from '@angular/common';
 import { isString } from '@jscrpt/common';
 import { CalendarDayTemplateDirective } from '../../directives';
 import { MonthCalendarDayFormat, CalendarDayAspectRatio } from '../../misc';
@@ -87,9 +87,11 @@ export class MonthCalendarComponent {
             const workDate = this.dateApi.getValue(display);
             workDate.startOfMonth()
                 .startOfWeek();
-            const calendarData = {};
+            const calendarData = [];
             do {
-                const weekData = calendarData[workDate.format(this.formatProvider.week)] = [];
+                const weekDataItem = [workDate.format(this.formatProvider.week), []];
+                calendarData.push(weekDataItem);
+                const [, weekData] = weekDataItem;
                 for (let x = 0; x < 7; x++) {
                     weekData.push({
                         date: workDate.value,
@@ -108,8 +110,7 @@ export class MonthCalendarComponent {
         effect(() => {
             const events = this.eventParser.getEventsPerDay(this.events());
             const calendarData = this.calendarData();
-            for (const week in calendarData) {
-                const weekData = calendarData[week];
+            for (const [, weekData] of calendarData) {
                 for (const day of weekData) {
                     const found = events.find(itm => this.dateApi.getValue(itm[0]).isSame(day.date));
                     day.events = found?.[1] ?? [];
@@ -121,17 +122,16 @@ export class MonthCalendarComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: MonthCalendarComponent, deps: [{ token: DATE_API }, { token: FORMAT_PROVIDER }, { token: i1.EventParser }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.0", type: MonthCalendarComponent, isStandalone: true, selector: "month-calendar", inputs: { showWeekNumber: { classPropertyName: "showWeekNumber", publicName: "showWeekNumber", isSignal: true, isRequired: false, transformFunction: null }, display: { classPropertyName: "display", publicName: "display", isSignal: true, isRequired: false, transformFunction: null }, weekDayName: { classPropertyName: "weekDayName", publicName: "weekDayName", isSignal: true, isRequired: false, transformFunction: null }, dayAspectRatio: { classPropertyName: "dayAspectRatio", publicName: "dayAspectRatio", isSignal: true, isRequired: false, transformFunction: null }, events: { classPropertyName: "events", publicName: "events", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             EventParser,
-        ], queries: [{ propertyName: "customCalendarDayTemplate", first: true, predicate: CalendarDayTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "defaultCalendarDayTemplate", first: true, predicate: CalendarDayTemplateDirective, descendants: true, read: TemplateRef, isSignal: 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@for(dayName of weekDayNames(); track dayName)\n{\n    <div [class.week-day-name]=\"dayName\">{{dayName}}</div>\n}\n\n@for(weekData of calendarData() | keyvalue; track weekData)\n{\n    <div class=\"week-number\">\n        @if(showWeekNumber())\n        {\n            {{weekData.key}}\n        }\n    </div>\n    \n    @for(dayData of weekData.value; track dayData)\n    {\n        <div [style.padding-bottom.%]=\"dayAspectRatio()\" class=\"day-wrapper\">\n            <div class=\"day-content\"><ng-container *ngTemplateOutlet=\"calendarDayTemplate(); context: {$implicit: dayData}\"/></div>\n        </div>\n    }\n}\n", dependencies: [{ kind: "directive", type: CalendarDayTemplateDirective, selector: "[calendarDayTemplate]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], queries: [{ propertyName: "customCalendarDayTemplate", first: true, predicate: CalendarDayTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "defaultCalendarDayTemplate", first: true, predicate: CalendarDayTemplateDirective, descendants: true, read: TemplateRef, isSignal: 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@for(dayName of weekDayNames(); track dayName)\n{\n    <div [class.week-day-name]=\"dayName\">{{dayName}}</div>\n}\n\n@for(weekData of calendarData(); track weekData)\n{\n    <div class=\"week-number\">\n        @if(showWeekNumber())\n        {\n            {{weekData[0]}}\n        }\n    </div>\n    \n    @for(dayData of weekData[1]; track dayData)\n    {\n        <div [style.padding-bottom.%]=\"dayAspectRatio()\" class=\"day-wrapper\">\n            <div class=\"day-content\"><ng-container *ngTemplateOutlet=\"calendarDayTemplate(); context: {$implicit: dayData}\"/></div>\n        </div>\n    }\n}\n", dependencies: [{ kind: "directive", type: CalendarDayTemplateDirective, selector: "[calendarDayTemplate]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: MonthCalendarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'month-calendar', imports: [
                         CalendarDayTemplateDirective,
                         NgTemplateOutlet,
-                        KeyValuePipe,
                     ], providers: [
                         EventParser,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, 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@for(dayName of weekDayNames(); track dayName)\n{\n    <div [class.week-day-name]=\"dayName\">{{dayName}}</div>\n}\n\n@for(weekData of calendarData() | keyvalue; track weekData)\n{\n    <div class=\"week-number\">\n        @if(showWeekNumber())\n        {\n            {{weekData.key}}\n        }\n    </div>\n    \n    @for(dayData of weekData.value; track dayData)\n    {\n        <div [style.padding-bottom.%]=\"dayAspectRatio()\" class=\"day-wrapper\">\n            <div class=\"day-content\"><ng-container *ngTemplateOutlet=\"calendarDayTemplate(); context: {$implicit: dayData}\"/></div>\n        </div>\n    }\n}\n" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, 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@for(dayName of weekDayNames(); track dayName)\n{\n    <div [class.week-day-name]=\"dayName\">{{dayName}}</div>\n}\n\n@for(weekData of calendarData(); track weekData)\n{\n    <div class=\"week-number\">\n        @if(showWeekNumber())\n        {\n            {{weekData[0]}}\n        }\n    </div>\n    \n    @for(dayData of weekData[1]; track dayData)\n    {\n        <div [style.padding-bottom.%]=\"dayAspectRatio()\" class=\"day-wrapper\">\n            <div class=\"day-content\"><ng-container *ngTemplateOutlet=\"calendarDayTemplate(); context: {$implicit: dayData}\"/></div>\n        </div>\n    }\n}\n" }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [DATE_API]

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

@@ -1 +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":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,MAAM,EAAE,WAAW,EAAU,KAAK,EAAe,SAAS,EAAE,YAAY,EAA4B,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAC,MAAM,eAAe,CAAC;AAC/L,OAAO,EAAC,YAAY,EAAE,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAa,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AAGpD,OAAO,EAAC,4BAA4B,EAA6B,MAAM,kBAAkB,CAAC;AAC1F,OAAO,EAAC,sBAAsB,EAAE,sBAAsB,EAAC,MAAM,YAAY,CAAC;AAC1E,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,QAAQ,EAAE,eAAe,EAAC,MAAM,yBAAyB,CAAC;;;AAIlE;;GAEG;AACH,SAAS,uBAAuB,CAAC,KAAiD;IAE9E,IAAG,QAAQ,CAAC,KAAK,CAAC,EAClB,CAAC;QACG,OAAO,sBAAsB,CAAC,KAAK,CAAC,CAAC;IACzC,CAAC;IAED,OAAO,KAAK,CAAC;AACjB,CAAC;AAED;;GAEG;AAiBH,MAAM,OAAO,sBAAsB;IA0D/B,iEAAiE;IACjE,YAAwC,OAAuB,EAChB,cAA8B,EACvD,WAAuC;QAFrB,YAAO,GAAP,OAAO,CAAgB;QAChB,mBAAc,GAAd,cAAc,CAAgB;QACvD,gBAAW,GAAX,WAAW,CAA4B;QA1C7D,qFAAqF;QAErF;;WAEG;QACO,+BAA0B,GAAoD,SAAS,CAAC,QAAQ,CAAC,4BAA4B,EAAE,EAAC,IAAI,EAAE,WAAW,EAAC,CAAC,CAAC;QAE9J;;WAEG;QACO,8BAAyB,GAAmE,YAAY,CAAC,4BAA4B,EAAE,EAAC,IAAI,EAAE,WAAW,EAAC,CAAC,CAAC;QAEtK,gFAAgF;QAEhF;;WAEG;QACI,mBAAc,GAAyB,KAAK,CAAC,KAAK,CAAC,CAAC;QAE3D;;WAEG;QACI,YAAO,GAAuB,KAAK,CAAC,MAAM,CAAiB,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;QAEzF;;WAEG;QACI,gBAAW,GAA4E,KAAK,CAA6D,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAE9L;;WAEG;QACI,mBAAc,GAAiG,KAAK,CAAqE,sBAAsB,CAAC,UAAU,EAAE,EAAC,SAAS,EAAE,uBAAuB,EAAC,CAAC,CAAC;QAEzQ;;WAEG;QACI,WAAM,GAA4C,KAAK,CAA6B,EAAE,CAAC,CAAC;QAO3F,IAAI,CAAC,mBAAmB,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,yBAAyB,EAAE,IAAI,IAAI,CAAC,0BAA0B,EAAE,CAAC,CAAC;QAEjH,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC,GAAG,EAAE;YAE9B,MAAM,YAAY,GAAG,EAAE,CAAC;YAExB,QAAO,IAAI,CAAC,WAAW,EAAE,EACzB,CAAC;gBACG;oBACA,oCAAoC;oBACpC,CAAC;wBACG,KAAI,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EACzB,CAAC;4BACG,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;wBAC1B,CAAC;wBAED,MAAM;oBACV,CAAC;gBACD,KAAK,sBAAsB,CAAC,KAAK;oBACjC,CAAC;wBACG,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;wBAC1C,YAAY,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,CAAC;wBAE5B,MAAM;oBACV,CAAC;gBACD,KAAK,sBAAsB,CAAC,IAAI;oBAChC,CAAC;wBACG,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;wBACtC,YAAY,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,CAAC;wBAE5B,MAAM;oBACV,CAAC;YACL,CAAC;YAED,OAAO,YAAY,CAAC;QACxB,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC,GAAG,EAAE;YAE9B,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;YAC/B,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YAEhD,QAAQ,CAAC,YAAY,EAAE;iBAClB,WAAW,EAAE,CAAC;YAEnB,MAAM,YAAY,GAAiD,EAAE,CAAC;YAEtE,GACA,CAAC;gBACG,MAAM,QAAQ,GAAqC,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,CAAC;gBAEhH,KAAI,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EACzB,CAAC;oBACG,QAAQ,CAAC,IAAI,CACb;wBACI,IAAI,EAAE,QAAQ,CAAC,KAAK;wBACpB,GAAG,EAAE,QAAQ,CAAC,UAAU,EAAE;wBAC1B,MAAM,EAAE,EAAE;wBACV,cAAc,EAAE,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC;wBAC7C,SAAS,EAAE,QAAQ,CAAC,SAAS,EAAE;wBAC/B,IAAI,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;qBACnD,CAAC,CAAC;oBAEH,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;gBACxB,CAAC;gBAED,QAAQ,CAAC,WAAW,EAAE,CAAC;YAC3B,CAAC,QACK,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE;YAErC,OAAO,YAAY,CAAC;QACxB,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,GAAG,EAAE;YAER,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;YAC/D,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;YAEzC,KAAI,MAAM,IAAI,IAAI,YAAY,EAC9B,CAAC;gBACG,MAAM,QAAQ,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;gBAEpC,KAAI,MAAM,GAAG,IAAI,QAAQ,EACzB,CAAC;oBACG,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;oBACjF,GAAG,CAAC,MAAM,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;gBAClC,CAAC;YACL,CAAC;YACD,qDAAqD;QACzD,CAAC,CAAC,CAAC;IACP,CAAC;8GAzJQ,sBAAsB,kBA2DX,QAAQ,aACR,eAAe;kGA5D1B,sBAAsB,kvBAL/B;YACI,WAAW;SACd,iFAgCkH,4BAA4B,2BAAS,WAAW,yGALxD,4BAA4B,2BAAS,WAAW,6CCpE/J,gzBAyBA,4CDSQ,4BAA4B,kEAC5B,gBAAgB,+IAChB,YAAY;;2FAQP,sBAAsB;kBAhBlC,SAAS;+BAEI,gBAAgB,WAG1B;wBACI,4BAA4B;wBAC5B,gBAAgB;wBAChB,YAAY;qBACf,aAED;wBACI,WAAW;qBACd,mBACgB,uBAAuB,CAAC,MAAM;;0BA6DlC,MAAM;2BAAC,QAAQ;;0BACf,MAAM;2BAAC,eAAe","sourcesContent":["import {Component, ChangeDetectionStrategy, Inject, TemplateRef, Signal, input, InputSignal, viewChild, contentChild, InputSignalWithTransform, computed, effect, inject} from '@angular/core';\nimport {KeyValuePipe, NgTemplateOutlet} from '@angular/common';\nimport {Dictionary, isString} 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 * Transform function for `CalendarDayAspectRatio` allowing enter value as number or member name of `CalendarDayAspectRatio`\n */\nfunction dayAspectRatioAttribute(value: keyof typeof CalendarDayAspectRatio|number): CalendarDayAspectRatio\n{\n    if(isString(value))\n    {\n        return CalendarDayAspectRatio[value];\n    }\n\n    return value;\n}\n\n/**\n * Component used for displaying month calendar\n */\n@Component(\n{\n    selector: 'month-calendar',\n    templateUrl: 'monthCalendar.component.html',\n    imports:\n    [\n        CalendarDayTemplateDirective,\n        NgTemplateOutlet,\n        KeyValuePipe,\n    ],\n    providers:\n    [\n        EventParser,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MonthCalendarComponent<TDate = unknown, TEvent = unknown>\n{\n    //######################### protected properties - template bindings #########################\n\n    /**\n     * Data that represents calendar data\n     */\n    protected calendarData: Signal<Dictionary<CalendarDayData<TDate, TEvent>[]>>;\n\n    /**\n     * Calendar day template to be used\n     */\n    protected calendarDayTemplate: Signal<TemplateRef<CalendarDayTemplateContext>>;\n\n    /**\n     * Array of weekday names\n     */\n    protected weekDayNames: Signal<string[]>;\n\n    //######################### protected properties - children #########################\n\n    /**\n     * Default calendar day template\n     */\n    protected defaultCalendarDayTemplate: Signal<TemplateRef<CalendarDayTemplateContext>> = viewChild.required(CalendarDayTemplateDirective, {read: TemplateRef});\n\n    /**\n     * Custom calendar day template\n     */\n    protected customCalendarDayTemplate: Signal<TemplateRef<CalendarDayTemplateContext>|undefined|null> = contentChild(CalendarDayTemplateDirective, {read: TemplateRef});\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Indication that week number should be displayed\n     */\n    public showWeekNumber: InputSignal<boolean> = input(false);\n\n    /**\n     * Date that should be displayed in month calendar\n     */\n    public display: InputSignal<TDate> = input(inject<DateApi<TDate>>(DATE_API).now().value);\n\n    /**\n     * Format for displaying week day names\n     */\n    public weekDayName: InputSignal<MonthCalendarDayFormat|keyof typeof MonthCalendarDayFormat> = input<MonthCalendarDayFormat|keyof typeof MonthCalendarDayFormat>(MonthCalendarDayFormat.Short);\n\n    /**\n     * Aspect ratio for displayed calendar day cell\n     */\n    public dayAspectRatio: InputSignalWithTransform<CalendarDayAspectRatio, keyof typeof CalendarDayAspectRatio|number> = input<CalendarDayAspectRatio, keyof typeof CalendarDayAspectRatio|number>(CalendarDayAspectRatio.ThreeToTwo, {transform: dayAspectRatioAttribute});\n\n    /**\n     * Array of events that should be displayed\n     */\n    public events: InputSignal<EventData<TDate, TEvent>[]> = input<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        this.calendarDayTemplate = computed(() => this.customCalendarDayTemplate() ?? this.defaultCalendarDayTemplate());\n\n        this.weekDayNames = computed(() =>\n        {\n            const weekDayNames = [];\n\n            switch(this.weekDayName())\n            {\n                default:\n                // case MonthCalendarDayFormat.None:\n                {\n                    for(let x = 0; x < 7; x++)\n                    {\n                        weekDayNames.push('');\n                    }\n\n                    break;\n                }\n                case MonthCalendarDayFormat.Short:\n                {\n                    const names = this.dateApi.weekdays(true);\n                    weekDayNames.push(...names);\n\n                    break;\n                }\n                case MonthCalendarDayFormat.Full:\n                {\n                    const names = this.dateApi.weekdays();\n                    weekDayNames.push(...names);\n\n                    break;\n                }\n            }\n\n            return weekDayNames;\n        });\n\n        this.calendarData = computed(() =>\n        {\n            const display = this.display();\n            const workDate = this.dateApi.getValue(display);\n\n            workDate.startOfMonth()\n                .startOfWeek();\n\n            const calendarData: Dictionary<CalendarDayData<TDate, TEvent>[]> = {};\n\n            do\n            {\n                const weekData: CalendarDayData<TDate, TEvent>[] = 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(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(display));\n\n            return calendarData;\n        });\n\n        effect(() =>\n        {\n            const events = this.eventParser.getEventsPerDay(this.events());\n            const calendarData = this.calendarData();\n\n            for(const week in calendarData)\n            {\n                const weekData = 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            //TODO: test whether event are refreshed when changed\n        });\n    }\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@for(dayName of weekDayNames(); track dayName)\n{\n    <div [class.week-day-name]=\"dayName\">{{dayName}}</div>\n}\n\n@for(weekData of calendarData() | keyvalue; track weekData)\n{\n    <div class=\"week-number\">\n        @if(showWeekNumber())\n        {\n            {{weekData.key}}\n        }\n    </div>\n    \n    @for(dayData of weekData.value; track dayData)\n    {\n        <div [style.padding-bottom.%]=\"dayAspectRatio()\" class=\"day-wrapper\">\n            <div class=\"day-content\"><ng-container *ngTemplateOutlet=\"calendarDayTemplate(); context: {$implicit: dayData}\"/></div>\n        </div>\n    }\n}\n"]}
+{"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, Inject, TemplateRef, Signal, input, InputSignal, viewChild, contentChild, InputSignalWithTransform, computed, effect, inject} from '@angular/core';\nimport {NgTemplateOutlet} from '@angular/common';\nimport {isString} 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 * Transform function for `CalendarDayAspectRatio` allowing enter value as number or member name of `CalendarDayAspectRatio`\n */\nfunction dayAspectRatioAttribute(value: keyof typeof CalendarDayAspectRatio|number): CalendarDayAspectRatio\n{\n    if(isString(value))\n    {\n        return CalendarDayAspectRatio[value];\n    }\n\n    return value;\n}\n\n/**\n * Component used for displaying month calendar\n */\n@Component(\n{\n    selector: 'month-calendar',\n    templateUrl: 'monthCalendar.component.html',\n    imports:\n    [\n        CalendarDayTemplateDirective,\n        NgTemplateOutlet,\n    ],\n    providers:\n    [\n        EventParser,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MonthCalendarComponent<TDate = unknown, TEvent = unknown>\n{\n    //######################### protected properties - template bindings #########################\n\n    /**\n     * Data that represents calendar data\n     */\n    protected calendarData: Signal<[string, CalendarDayData<TDate, TEvent>[]][]>;\n\n    /**\n     * Calendar day template to be used\n     */\n    protected calendarDayTemplate: Signal<TemplateRef<CalendarDayTemplateContext>>;\n\n    /**\n     * Array of weekday names\n     */\n    protected weekDayNames: Signal<string[]>;\n\n    //######################### protected properties - children #########################\n\n    /**\n     * Default calendar day template\n     */\n    protected defaultCalendarDayTemplate: Signal<TemplateRef<CalendarDayTemplateContext>> = viewChild.required(CalendarDayTemplateDirective, {read: TemplateRef});\n\n    /**\n     * Custom calendar day template\n     */\n    protected customCalendarDayTemplate: Signal<TemplateRef<CalendarDayTemplateContext>|undefined|null> = contentChild(CalendarDayTemplateDirective, {read: TemplateRef});\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Indication that week number should be displayed\n     */\n    public showWeekNumber: InputSignal<boolean> = input(false);\n\n    /**\n     * Date that should be displayed in month calendar\n     */\n    public display: InputSignal<TDate> = input(inject<DateApi<TDate>>(DATE_API).now().value);\n\n    /**\n     * Format for displaying week day names\n     */\n    public weekDayName: InputSignal<MonthCalendarDayFormat|keyof typeof MonthCalendarDayFormat> = input<MonthCalendarDayFormat|keyof typeof MonthCalendarDayFormat>(MonthCalendarDayFormat.Short);\n\n    /**\n     * Aspect ratio for displayed calendar day cell\n     */\n    public dayAspectRatio: InputSignalWithTransform<CalendarDayAspectRatio, keyof typeof CalendarDayAspectRatio|number> = input<CalendarDayAspectRatio, keyof typeof CalendarDayAspectRatio|number>(CalendarDayAspectRatio.ThreeToTwo, {transform: dayAspectRatioAttribute});\n\n    /**\n     * Array of events that should be displayed\n     */\n    public events: InputSignal<EventData<TDate, TEvent>[]> = input<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        this.calendarDayTemplate = computed(() => this.customCalendarDayTemplate() ?? this.defaultCalendarDayTemplate());\n\n        this.weekDayNames = computed(() =>\n        {\n            const weekDayNames = [];\n\n            switch(this.weekDayName())\n            {\n                default:\n                // case MonthCalendarDayFormat.None:\n                {\n                    for(let x = 0; x < 7; x++)\n                    {\n                        weekDayNames.push('');\n                    }\n\n                    break;\n                }\n                case MonthCalendarDayFormat.Short:\n                {\n                    const names = this.dateApi.weekdays(true);\n                    weekDayNames.push(...names);\n\n                    break;\n                }\n                case MonthCalendarDayFormat.Full:\n                {\n                    const names = this.dateApi.weekdays();\n                    weekDayNames.push(...names);\n\n                    break;\n                }\n            }\n\n            return weekDayNames;\n        });\n\n        this.calendarData = computed(() =>\n        {\n            const display = this.display();\n            const workDate = this.dateApi.getValue(display);\n\n            workDate.startOfMonth()\n                .startOfWeek();\n\n            const calendarData: [string, CalendarDayData<TDate, TEvent>[]][] = [];\n\n            do\n            {\n                const weekDataItem: [string, CalendarDayData<TDate, TEvent>[]] = [workDate.format(this.formatProvider.week), []];\n                calendarData.push(weekDataItem);\n                const [, weekData] = weekDataItem;\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(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(display));\n\n            return calendarData;\n        });\n\n        effect(() =>\n        {\n            const events = this.eventParser.getEventsPerDay(this.events());\n            const calendarData = this.calendarData();\n\n            for(const [, weekData] of calendarData)\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            //TODO: test whether event are refreshed when changed\n        });\n    }\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@for(dayName of weekDayNames(); track dayName)\n{\n    <div [class.week-day-name]=\"dayName\">{{dayName}}</div>\n}\n\n@for(weekData of calendarData(); track weekData)\n{\n    <div class=\"week-number\">\n        @if(showWeekNumber())\n        {\n            {{weekData[0]}}\n        }\n    </div>\n    \n    @for(dayData of weekData[1]; track dayData)\n    {\n        <div [style.padding-bottom.%]=\"dayAspectRatio()\" class=\"day-wrapper\">\n            <div class=\"day-content\"><ng-container *ngTemplateOutlet=\"calendarDayTemplate(); context: {$implicit: dayData}\"/></div>\n        </div>\n    }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@anglr/datetime",
-    "version": "9.0.0",
+    "version": "9.0.1",
     "description": "Angular library for datetime manipulation components",
     "type": "module",
     "sideEffects": false,

package/src/modules/calendar/components/monthCalendar/monthCalendar.component.d.ts

@@ -1,5 +1,4 @@
 import { TemplateRef, Signal, InputSignal, InputSignalWithTransform } from '@angular/core';
-import { Dictionary } from '@jscrpt/common';
 import { CalendarDayData, EventData } from '../../interfaces';
 import { CalendarDayTemplateContext } from '../../directives';
 import { MonthCalendarDayFormat, CalendarDayAspectRatio } from '../../misc';
@@ -17,7 +16,7 @@ export declare class MonthCalendarComponent<TDate = unknown, TEvent = unknown> {
     /**
      * Data that represents calendar data
      */
-    protected calendarData: Signal<Dictionary<CalendarDayData<TDate, TEvent>[]>>;
+    protected calendarData: Signal<[string, CalendarDayData<TDate, TEvent>[]][]>;
     /**
      * Calendar day template to be used
      */

package/src/modules/calendar/components/monthCalendar/monthCalendar.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"monthCalendar.component.d.ts","sourceRoot":"","sources":["monthCalendar.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6C,WAAW,EAAE,MAAM,EAAS,WAAW,EAA2B,wBAAwB,EAA2B,MAAM,eAAe,CAAC;AAE/L,OAAO,EAAC,UAAU,EAAW,MAAM,gBAAgB,CAAC;AAEpD,OAAO,EAAC,eAAe,EAAE,SAAS,EAAC,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAA+B,0BAA0B,EAAC,MAAM,kBAAkB,CAAC;AAC1F,OAAO,EAAC,sBAAsB,EAAE,sBAAsB,EAAC,MAAM,YAAY,CAAC;AAC1E,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAC,OAAO,EAAC,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAC,cAAc,EAAC,MAAM,wBAAwB,CAAC;;AAetD;;GAEG;AACH,qBAgBa,sBAAsB,CAAC,KAAK,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO;IA2DnC,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC;IAC1B,SAAS,CAAC,cAAc,EAAE,cAAc;IACjE,SAAS,CAAC,WAAW,EAAE,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC;IAzD7D;;OAEG;IACH,SAAS,CAAC,YAAY,EAAE,MAAM,CAAC,UAAU,CAAC,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;IAE7E;;OAEG;IACH,SAAS,CAAC,mBAAmB,EAAE,MAAM,CAAC,WAAW,CAAC,0BAA0B,CAAC,CAAC,CAAC;IAE/E;;OAEG;IACH,SAAS,CAAC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC;IAIzC;;OAEG;IACH,SAAS,CAAC,0BAA0B,EAAE,MAAM,CAAC,WAAW,CAAC,0BAA0B,CAAC,CAAC,CAAyE;IAE9J;;OAEG;IACH,SAAS,CAAC,yBAAyB,EAAE,MAAM,CAAC,WAAW,CAAC,0BAA0B,CAAC,GAAC,SAAS,GAAC,IAAI,CAAC,CAAmE;IAItK;;OAEG;IACI,cAAc,EAAE,WAAW,CAAC,OAAO,CAAC,CAAgB;IAE3D;;OAEG;IACI,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC,CAAuD;IAEzF;;OAEG;IACI,WAAW,EAAE,WAAW,CAAC,sBAAsB,GAAC,MAAM,OAAO,sBAAsB,CAAC,CAAmG;IAE9L;;OAEG;IACI,cAAc,EAAE,wBAAwB,CAAC,sBAAsB,EAAE,MAAM,OAAO,sBAAsB,GAAC,MAAM,CAAC,CAAsJ;IAEzQ;;OAEG;IACI,MAAM,EAAE,WAAW,CAAC,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAC,CAAyC;gBAGvD,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,EAChB,cAAc,EAAE,cAAc,EACvD,WAAW,EAAE,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC;yCA7DpD,sBAAsB;2CAAtB,sBAAsB;CA0JlC"}
+{"version":3,"file":"monthCalendar.component.d.ts","sourceRoot":"","sources":["monthCalendar.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6C,WAAW,EAAE,MAAM,EAAS,WAAW,EAA2B,wBAAwB,EAA2B,MAAM,eAAe,CAAC;AAI/L,OAAO,EAAC,eAAe,EAAE,SAAS,EAAC,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAA+B,0BAA0B,EAAC,MAAM,kBAAkB,CAAC;AAC1F,OAAO,EAAC,sBAAsB,EAAE,sBAAsB,EAAC,MAAM,YAAY,CAAC;AAC1E,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAC,OAAO,EAAC,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAC,cAAc,EAAC,MAAM,wBAAwB,CAAC;;AAetD;;GAEG;AACH,qBAea,sBAAsB,CAAC,KAAK,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO;IA2DnC,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC;IAC1B,SAAS,CAAC,cAAc,EAAE,cAAc;IACjE,SAAS,CAAC,WAAW,EAAE,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC;IAzD7D;;OAEG;IACH,SAAS,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,MAAM,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAE7E;;OAEG;IACH,SAAS,CAAC,mBAAmB,EAAE,MAAM,CAAC,WAAW,CAAC,0BAA0B,CAAC,CAAC,CAAC;IAE/E;;OAEG;IACH,SAAS,CAAC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC;IAIzC;;OAEG;IACH,SAAS,CAAC,0BAA0B,EAAE,MAAM,CAAC,WAAW,CAAC,0BAA0B,CAAC,CAAC,CAAyE;IAE9J;;OAEG;IACH,SAAS,CAAC,yBAAyB,EAAE,MAAM,CAAC,WAAW,CAAC,0BAA0B,CAAC,GAAC,SAAS,GAAC,IAAI,CAAC,CAAmE;IAItK;;OAEG;IACI,cAAc,EAAE,WAAW,CAAC,OAAO,CAAC,CAAgB;IAE3D;;OAEG;IACI,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC,CAAuD;IAEzF;;OAEG;IACI,WAAW,EAAE,WAAW,CAAC,sBAAsB,GAAC,MAAM,OAAO,sBAAsB,CAAC,CAAmG;IAE9L;;OAEG;IACI,cAAc,EAAE,wBAAwB,CAAC,sBAAsB,EAAE,MAAM,OAAO,sBAAsB,GAAC,MAAM,CAAC,CAAsJ;IAEzQ;;OAEG;IACI,MAAM,EAAE,WAAW,CAAC,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAC,CAAyC;gBAGvD,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,EAChB,cAAc,EAAE,cAAc,EACvD,WAAW,EAAE,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC;yCA7DpD,sBAAsB;2CAAtB,sBAAsB;CA0JlC"}

package/src/modules/calendar/components/monthCalendar/monthCalendar.component.html

@@ -7,16 +7,16 @@
     <div [class.week-day-name]="dayName">{{dayName}}</div>
 }
 
-@for(weekData of calendarData() | keyvalue; track weekData)
+@for(weekData of calendarData(); track weekData)
 {
     <div class="week-number">
         @if(showWeekNumber())
         {
-            {{weekData.key}}
+            {{weekData[0]}}
         }
     </div>
     
-    @for(dayData of weekData.value; track dayData)
+    @for(dayData of weekData[1]; track dayData)
     {
         <div [style.padding-bottom.%]="dayAspectRatio()" class="day-wrapper">
             <div class="day-content"><ng-container *ngTemplateOutlet="calendarDayTemplate(); context: {$implicit: dayData}"/></div>

package/version.bak

@@ -1 +1 @@
-9.0.0 
+9.0.1