@progress/kendo-angular-scheduler 17.0.0-develop.17 → 17.0.0-develop.19

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-scheduler',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1729511499,
-    version: '17.0.0-develop.17',
+    publishDate: 1729672793,
+    version: '17.0.0-develop.19',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2020/views/month/month-view.component.mjs

@@ -54,7 +54,8 @@ export class MonthViewComponent extends ConfigurationViewBase {
     }
     /**
      * The number of events to be rendered per day. Setting this property to 'auto'
-     * will display all events in the respective slot.
+     * will display all events in the respective slot
+     * ([see example](slug:month_views_scheduler#setting-the-number-of-events-per-day)).
      * > When set to `'auto'` it will automatically set the `adaptiveSlotHeight` property to `true`.
      * > If set to `0` it will be normalized internally to `1`.
      * @default 2

package/esm2020/views/month/multi-week-view.component.mjs

@@ -58,7 +58,8 @@ export class MultiWeekViewComponent extends ConfigurationViewBase {
     }
     /**
      * The number of events to be rendered per day. Setting this property to 'auto'
-     * will display all events in the respective slot.
+     * will display all events in the respective slot
+     * ([see example](slug:multiweek_views_scheduler#setting-the-number-of-events-per-day)).
      * > When set to `'auto'` it will automatically set the `adaptiveSlotHeight` property to `true`.
      * > If set to `0` it will be normalized internally to `1`.
      * @default 2

package/esm2020/views/year/year-view-internal.component.mjs

@@ -20,6 +20,7 @@ import { createTasks, noop, yearEnd, yearStart } from './utils';
 import { MonthSlotService } from '../month/month-slot.service';
 import { IconWrapperComponent } from '@progress/kendo-angular-icons';
 import { NgIf, NgFor, NgClass, NgStyle } from '@angular/common';
+import { take } from 'rxjs/operators';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 import * as i2 from "../../navigation";
@@ -175,7 +176,8 @@ export class YearViewInternalComponent extends BaseView {
         if (this.calendar) {
             this.calendar.min = start;
             this.calendar.max = yearEnd(start.getFullYear());
-            this.updateTds();
+            // wait for the view to update to get the new tds
+            this.zone.onStable.pipe(take(1)).subscribe(() => this.updateTds());
         }
     }
     onAction(e) {
@@ -234,6 +236,10 @@ export class YearViewInternalComponent extends BaseView {
         });
         this.cachedTds = [];
         this.tds = Array.from(this.calendar.element.nativeElement.querySelectorAll('.k-calendar-td:not(.k-empty)'));
+        if (this.calendar.value instanceof Date &&
+            this.calendar.value.getFullYear() === this.calendar.min?.getFullYear()) {
+            this.currentTd = this.tds.find((td) => getDateAttribute(td) === this.calendar.value.toString());
+        }
         if (this.slotClass) {
             this.tds.forEach((td) => {
                 const date = toUTCDate(new Date(getDateAttribute(td)));

package/fesm2015/progress-kendo-angular-scheduler.mjs

@@ -42,8 +42,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-scheduler',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1729511499,
-    version: '17.0.0-develop.17',
+    publishDate: 1729672793,
+    version: '17.0.0-develop.19',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -12841,7 +12841,8 @@ class MonthViewComponent extends ConfigurationViewBase {
     }
     /**
      * The number of events to be rendered per day. Setting this property to 'auto'
-     * will display all events in the respective slot.
+     * will display all events in the respective slot
+     * ([see example](slug:month_views_scheduler#setting-the-number-of-events-per-day)).
      * > When set to `'auto'` it will automatically set the `adaptiveSlotHeight` property to `true`.
      * > If set to `0` it will be normalized internally to `1`.
      * @default 2
@@ -12997,7 +12998,8 @@ class MultiWeekViewComponent extends ConfigurationViewBase {
     }
     /**
      * The number of events to be rendered per day. Setting this property to 'auto'
-     * will display all events in the respective slot.
+     * will display all events in the respective slot
+     * ([see example](slug:multiweek_views_scheduler#setting-the-number-of-events-per-day)).
      * > When set to `'auto'` it will automatically set the `adaptiveSlotHeight` property to `true`.
      * > If set to `0` it will be normalized internally to `1`.
      * @default 2
@@ -17429,7 +17431,8 @@ class YearViewInternalComponent extends BaseView {
         if (this.calendar) {
             this.calendar.min = start;
             this.calendar.max = yearEnd(start.getFullYear());
-            this.updateTds();
+            // wait for the view to update to get the new tds
+            this.zone.onStable.pipe(take(1)).subscribe(() => this.updateTds());
         }
     }
     onAction(e) {
@@ -17483,11 +17486,16 @@ class YearViewInternalComponent extends BaseView {
         return new Date(year, month + 1, 0).getDate();
     }
     updateTds() {
+        var _a;
         this.cachedTds.forEach((td) => {
             this.renderer.setAttribute(td, 'class', 'k-calendar-td');
         });
         this.cachedTds = [];
         this.tds = Array.from(this.calendar.element.nativeElement.querySelectorAll('.k-calendar-td:not(.k-empty)'));
+        if (this.calendar.value instanceof Date &&
+            this.calendar.value.getFullYear() === ((_a = this.calendar.min) === null || _a === void 0 ? void 0 : _a.getFullYear())) {
+            this.currentTd = this.tds.find((td) => getDateAttribute(td) === this.calendar.value.toString());
+        }
         if (this.slotClass) {
             this.tds.forEach((td) => {
                 const date = toUTCDate(new Date(getDateAttribute(td)));

package/fesm2020/progress-kendo-angular-scheduler.mjs

@@ -42,8 +42,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-scheduler',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1729511499,
-    version: '17.0.0-develop.17',
+    publishDate: 1729672793,
+    version: '17.0.0-develop.19',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -12799,7 +12799,8 @@ class MonthViewComponent extends ConfigurationViewBase {
     }
     /**
      * The number of events to be rendered per day. Setting this property to 'auto'
-     * will display all events in the respective slot.
+     * will display all events in the respective slot
+     * ([see example](slug:month_views_scheduler#setting-the-number-of-events-per-day)).
      * > When set to `'auto'` it will automatically set the `adaptiveSlotHeight` property to `true`.
      * > If set to `0` it will be normalized internally to `1`.
      * @default 2
@@ -12955,7 +12956,8 @@ class MultiWeekViewComponent extends ConfigurationViewBase {
     }
     /**
      * The number of events to be rendered per day. Setting this property to 'auto'
-     * will display all events in the respective slot.
+     * will display all events in the respective slot
+     * ([see example](slug:multiweek_views_scheduler#setting-the-number-of-events-per-day)).
      * > When set to `'auto'` it will automatically set the `adaptiveSlotHeight` property to `true`.
      * > If set to `0` it will be normalized internally to `1`.
      * @default 2
@@ -17376,7 +17378,8 @@ class YearViewInternalComponent extends BaseView {
         if (this.calendar) {
             this.calendar.min = start;
             this.calendar.max = yearEnd(start.getFullYear());
-            this.updateTds();
+            // wait for the view to update to get the new tds
+            this.zone.onStable.pipe(take(1)).subscribe(() => this.updateTds());
         }
     }
     onAction(e) {
@@ -17435,6 +17438,10 @@ class YearViewInternalComponent extends BaseView {
         });
         this.cachedTds = [];
         this.tds = Array.from(this.calendar.element.nativeElement.querySelectorAll('.k-calendar-td:not(.k-empty)'));
+        if (this.calendar.value instanceof Date &&
+            this.calendar.value.getFullYear() === this.calendar.min?.getFullYear()) {
+            this.currentTd = this.tds.find((td) => getDateAttribute(td) === this.calendar.value.toString());
+        }
         if (this.slotClass) {
             this.tds.forEach((td) => {
                 const date = toUTCDate(new Date(getDateAttribute(td)));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-scheduler",
-  "version": "17.0.0-develop.17",
+  "version": "17.0.0-develop.19",
   "description": "Kendo UI Scheduler Angular - Outlook or Google-style angular scheduler calendar. Full-featured and customizable embedded scheduling from the creator developers trust for professional UI components.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -26,23 +26,23 @@
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-drawing": "^1.20.4",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-tooltip": "17.0.0-develop.17",
-    "@progress/kendo-angular-buttons": "17.0.0-develop.17",
-    "@progress/kendo-angular-common": "17.0.0-develop.17",
-    "@progress/kendo-angular-dateinputs": "17.0.0-develop.17",
-    "@progress/kendo-angular-dialog": "17.0.0-develop.17",
-    "@progress/kendo-angular-dropdowns": "17.0.0-develop.17",
-    "@progress/kendo-angular-icons": "17.0.0-develop.17",
-    "@progress/kendo-angular-inputs": "17.0.0-develop.17",
-    "@progress/kendo-angular-intl": "17.0.0-develop.17",
-    "@progress/kendo-angular-l10n": "17.0.0-develop.17",
-    "@progress/kendo-angular-label": "17.0.0-develop.17",
-    "@progress/kendo-angular-popup": "17.0.0-develop.17",
+    "@progress/kendo-angular-tooltip": "17.0.0-develop.19",
+    "@progress/kendo-angular-buttons": "17.0.0-develop.19",
+    "@progress/kendo-angular-common": "17.0.0-develop.19",
+    "@progress/kendo-angular-dateinputs": "17.0.0-develop.19",
+    "@progress/kendo-angular-dialog": "17.0.0-develop.19",
+    "@progress/kendo-angular-dropdowns": "17.0.0-develop.19",
+    "@progress/kendo-angular-icons": "17.0.0-develop.19",
+    "@progress/kendo-angular-inputs": "17.0.0-develop.19",
+    "@progress/kendo-angular-intl": "17.0.0-develop.19",
+    "@progress/kendo-angular-l10n": "17.0.0-develop.19",
+    "@progress/kendo-angular-label": "17.0.0-develop.19",
+    "@progress/kendo-angular-popup": "17.0.0-develop.19",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "17.0.0-develop.17",
+    "@progress/kendo-angular-schematics": "17.0.0-develop.19",
     "@progress/kendo-date-math": "^1.3.2",
     "@progress/kendo-draggable": "^3.0.2",
     "@progress/kendo-file-saver": "^1.0.7",

package/schematics/ngAdd/index.js

@@ -4,10 +4,10 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'SchedulerModule', package: 'scheduler', peerDependencies: {
             // peer deps of the dropdowns
-            '@progress/kendo-angular-treeview': '17.0.0-develop.17',
-            '@progress/kendo-angular-navigation': '17.0.0-develop.17',
+            '@progress/kendo-angular-treeview': '17.0.0-develop.19',
+            '@progress/kendo-angular-navigation': '17.0.0-develop.19',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '17.0.0-develop.17',
+            '@progress/kendo-angular-dialog': '17.0.0-develop.19',
             // peer dependency of kendo-angular-icons
             '@progress/kendo-svg-icons': '^3.0.0'
         } });

package/views/month/month-view.component.d.ts

@@ -23,7 +23,8 @@ export declare class MonthViewComponent extends ConfigurationViewBase implements
     get title(): string;
     /**
      * The number of events to be rendered per day. Setting this property to 'auto'
-     * will display all events in the respective slot.
+     * will display all events in the respective slot
+     * ([see example](slug:month_views_scheduler#setting-the-number-of-events-per-day)).
      * > When set to `'auto'` it will automatically set the `adaptiveSlotHeight` property to `true`.
      * > If set to `0` it will be normalized internally to `1`.
      * @default 2
@@ -33,13 +34,15 @@ export declare class MonthViewComponent extends ConfigurationViewBase implements
     private _eventsPerDay;
     /**
      * The height of the rendered events. Setting this property to 'auto' will
-     * set the height of each event automatically based on its content.
+     * set the height of each event automatically based on its content
+     * ([see example](slug:month_views_scheduler#configuring-the-height-of-the-scheduler-events)).
      * > When set to `'auto'` it will automatically set the `adaptiveSlotHeight` property to `true`.
      */
     eventHeight: number | 'auto';
     /**
      * Increases the slot group (row) height when containing events up to the number of displayed events
-     * and reduces its height if there are less events for that specific slot group (row).
+     * and reduces its height if there are less events for that specific slot group (row)
+     * ([see example](slug:month_views_scheduler#enabling-the-adaptive-slot-height-of-the-scheduler)).
      * @default false
      */
     adaptiveSlotHeight: boolean;

package/views/month/multi-week-view.component.d.ts

@@ -23,13 +23,15 @@ export declare class MultiWeekViewComponent extends ConfigurationViewBase implem
     get title(): string;
     /**
      * The height of the rendered events. Setting this property to `'auto'` will
-     * set the height of each event automatically based on its content.
+     * set the height of each event automatically based on its content
+     * ([see example](slug:multiweek_views_scheduler#configuring-the-height-of-the-scheduler-events)).
      * > When set to `'auto'` it will automatically set the `adaptiveSlotHeight` property to `true`.
      */
     eventHeight: number | 'auto';
     /**
      * The number of events to be rendered per day. Setting this property to 'auto'
-     * will display all events in the respective slot.
+     * will display all events in the respective slot
+     * ([see example](slug:multiweek_views_scheduler#setting-the-number-of-events-per-day)).
      * > When set to `'auto'` it will automatically set the `adaptiveSlotHeight` property to `true`.
      * > If set to `0` it will be normalized internally to `1`.
      * @default 2
@@ -39,7 +41,8 @@ export declare class MultiWeekViewComponent extends ConfigurationViewBase implem
     private _eventsPerDay;
     /**
      * Increases the slot group (row) height when containing events up to the number of displayed events
-     * and reduces its height if there are less events for that specific slot group (row).
+     * and reduces its height if there are less events for that specific slot group (row)
+     * ([see example](slug:multiweek_views_scheduler#enabling-the-adaptive-slot-height-of-the-scheduler)).
      * @default false
      */
     adaptiveSlotHeight: boolean;