@progress/kendo-angular-scheduler 14.3.1-develop.2 → 14.4.0-develop.11

package/events/slot-drag-end-event.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { SlotDragEvent } from './slot-drag-event';

package/events/slot-drag-event.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { SchedulerComponent } from '../scheduler.component';

package/events/slot-drag-start-event.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { SchedulerComponent } from '../scheduler.component';

package/events/view-event-map.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { CreateEvent } from './create-event';

package/events.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 export { DateChangeEvent } from './events/date-change-event';

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
@@ -48,8 +48,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-scheduler',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1703152353,
-    version: '14.3.1-develop.2',
+    publishDate: 1705510052,
+    version: '14.4.0-develop.11',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -1445,7 +1445,15 @@ class FocusService {
             this.activeItem = item;
             item.toggle(true);
         }
-        this.items.add(item);
+        const items = Array.from(this.focusableItems);
+        const newContentIndex = items.map(item => item.containerType).lastIndexOf('content') + 1;
+        if (item.containerType === 'content' && newContentIndex > 0) {
+            items.splice(newContentIndex, 0, item);
+            this.items = new Set(items);
+        }
+        else {
+            this.items.add(item);
+        }
         this.elementMap.set(item.element.nativeElement, item);
         this.toggleWrapper();
     }
@@ -1790,7 +1798,6 @@ class FocusableDirective {
         this.focusIndex = 0;
         this.containerType = 'content';
         this.toggle(false);
-        this.focusService.register(this);
     }
     get visible() {
         return this.element.nativeElement.style.display !== 'none';
@@ -1807,6 +1814,9 @@ class FocusableDirective {
         // eslint-disable-next-line no-unused-expressions
         isVisible$1(element) ? this.focusService.register(this) : this.focusService.unregister(this);
     }
+    ngOnInit() {
+        this.focusService.register(this);
+    }
     ngOnDestroy() {
         this.focusService.unregister(this);
     }
@@ -8139,11 +8149,15 @@ function createTask(item, resourceIdx, resources, color) {
 const durationInDays = ({ start, end, isAllDay = false }) => {
     const eventEnd = isAllDay ? getUTCDate(end) : end;
     const duration = Math.ceil((eventEnd - +getUTCDate(start)) / MS_PER_DAY$1);
-    if (isAllDay) {
+    if (isAllDay && duration > 0 && !endsAtMidnight(end)) {
         return duration + 1;
     }
     return duration;
 };
+const endsAtMidnight = (end) => {
+    end = toLocalDate(end);
+    return (end.getHours() === 0 && end.getMinutes() === 0 && end.getSeconds() === 0 && end.getMilliseconds() === 0);
+};
 const curry = fn => {
     const len = fn.length;
     return (...args) => len === args.length
@@ -8573,7 +8587,7 @@ AgendaListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
                         <td class="k-scheduler-timecolumn" role="gridcell">
                             <div *ngIf="!agendaTimeTemplate">
                                 <kendo-icon-wrapper
-                                    *ngIf="extractDataItem(item).tail"
+                                    *ngIf="extractDataItem(item).tail || extractDataItem(item).mid"
                                     [name]="arrowIcons[0]"
                                     [svgIcon]="arrowSVGIcons[0]"
                                     >
@@ -8581,7 +8595,7 @@ AgendaListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
 
                                 {{ formatTime(extractDataItem(item)) }}
                                 <kendo-icon-wrapper
-                                    *ngIf="extractDataItem(item).head"
+                                    *ngIf="extractDataItem(item).head || extractDataItem(item).mid"
                                     [name]="arrowIcons[1]"
                                     [svgIcon]="arrowSVGIcons[1]"
                                     >
@@ -8626,7 +8640,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                         <td class="k-scheduler-timecolumn" role="gridcell">
                             <div *ngIf="!agendaTimeTemplate">
                                 <kendo-icon-wrapper
-                                    *ngIf="extractDataItem(item).tail"
+                                    *ngIf="extractDataItem(item).tail || extractDataItem(item).mid"
                                     [name]="arrowIcons[0]"
                                     [svgIcon]="arrowSVGIcons[0]"
                                     >
@@ -8634,7 +8648,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 
                                 {{ formatTime(extractDataItem(item)) }}
                                 <kendo-icon-wrapper
-                                    *ngIf="extractDataItem(item).head"
+                                    *ngIf="extractDataItem(item).head || extractDataItem(item).mid"
                                     [name]="arrowIcons[1]"
                                     [svgIcon]="arrowSVGIcons[1]"
                                     >
@@ -13008,8 +13022,8 @@ const createTasks = (periodStart, periodEnd, items, ranges) => {
     for (let index = 0; index < items.length; index++) {
         const item = items[index];
         const multiDay = isMultiDay(item);
-        const multipleRanges = multiDay && !item.event.isAllDay && (item.end.getTime() - item.start.getTime()) < MS_PER_DAY$1;
-        const isAllDay = item.event.isAllDay || (multiDay && !multipleRanges);
+        const multipleRanges = multiDay && !item.event.isAllDay;
+        const isAllDay = typeof item.event.isAllDay === 'boolean' ? item.event.isAllDay : (multiDay && !multipleRanges);
         const endTime = (isAllDay ? roundAllDayEnd(item) : item.end).toUTCDate();
         const startTime = (isAllDay ? item.start.stripTime() : item.start).toUTCDate();
         for (let rangeIndex = 0; rangeIndex < ranges.length; rangeIndex++) {
@@ -15646,19 +15660,10 @@ class TimelineViewComponent extends TimelineBase {
     constructor(localization, changeDetector, viewContext, viewState) {
         super(localization, changeDetector, viewContext, viewState);
         /**
-         * The long-date format for displaying the
-         * selected date in the Scheduler toolbar.
-         * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
-         * @default '{0:D}'
-         */
-        this.selectedDateFormat = '{0:D}';
-        /**
-         * The short-date format for displaying the
-         * selected date in the Scheduler toolbar.
-         * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
-         * @default '{0:d}'
+         * Specifies the number of days that the view will render.
+         * @default 1
          */
-        this.selectedShortDateFormat = '{0:d}';
+        this.numberOfDays = 1;
         /**
          * The invariant name for this view.
          * @default 'timeline'
@@ -15671,15 +15676,48 @@ class TimelineViewComponent extends TimelineBase {
     get title() {
         return this.localization.get('timelineViewTitle');
     }
+    /**
+     * The long-date format for displaying the
+     * selected date in the Scheduler toolbar.
+     * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
+     * > Note: If [numberOfDays](#toc-numberofdays) > 1, the default format value shows a range - `'{0:D} - {1:D}'`, where `0` is the start and `1` is the end date.
+     * @default '{0:D}'
+     */
+    set selectedDateFormat(format) {
+        this._selectedDateFormat = format;
+    }
+    get selectedDateFormat() {
+        if (this._selectedDateFormat) {
+            return this._selectedDateFormat;
+        }
+        return this.numberOfDays && this.numberOfDays > 1 ? '{0:D} - {1:D}' : '{0:D}';
+    }
+    /**
+     * The short-date format for displaying the
+     * selected date in the Scheduler toolbar.
+     * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
+     * > Note: If [numberOfDays](#toc-numberofdays) > 1, the default format value shows a range - `'{0:d} - {1:d}'`, where `0` is the start and `1` is the end date.
+     * @default '{0:d}'
+     */
+    set selectedShortDateFormat(format) {
+        this._selectedShortDateFormat = format;
+    }
+    get selectedShortDateFormat() {
+        if (this._selectedShortDateFormat) {
+            return this._selectedShortDateFormat;
+        }
+        return this.numberOfDays && this.numberOfDays > 1 ? '{0:d} - {1:d}' : '{0:d}';
+    }
 }
 TimelineViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimelineViewComponent, deps: [{ token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: ViewContextService }, { token: ViewStateService }], target: i0.ɵɵFactoryTarget.Component });
-TimelineViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TimelineViewComponent, selector: "kendo-scheduler-timeline-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat" }, providers: [{
+TimelineViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TimelineViewComponent, selector: "kendo-scheduler-timeline-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", numberOfDays: "numberOfDays" }, providers: [{
             provide: SchedulerView,
             useExisting: forwardRef(() => TimelineViewComponent)
         }], usesInheritance: true, ngImport: i0, template: `
         <ng-template #content>
             <timeline-multi-day-view
                 [name]="name"
+                [numberOfDays]="numberOfDays"
                 [eventHeight]="viewEventHeight"
                 [columnWidth]="viewColumnWidth"
                 [currentTimeMarker]="viewCurrentTimeMarker"
@@ -15722,6 +15760,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         <ng-template #content>
             <timeline-multi-day-view
                 [name]="name"
+                [numberOfDays]="numberOfDays"
                 [eventHeight]="viewEventHeight"
                 [columnWidth]="viewColumnWidth"
                 [currentTimeMarker]="viewCurrentTimeMarker"
@@ -15756,6 +15795,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], selectedShortDateFormat: [{
                 type: Input
+            }], numberOfDays: [{
+                type: Input
             }] } });
 
 /**
@@ -15782,6 +15823,11 @@ class TimelineWeekViewComponent extends TimelineBase {
          * @default '{0:d} - {1:d}'
          */
         this.selectedShortDateFormat = '{0:d} - {1:d}';
+        /**
+        * Specifies the number of weeks that the view will render.
+        * @default 1
+        */
+        this.numberOfWeeks = 1;
         /**
          * The invariant name for this view.
          * @default 'timelineWeek'
@@ -15802,7 +15848,7 @@ class TimelineWeekViewComponent extends TimelineBase {
     }
 }
 TimelineWeekViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimelineWeekViewComponent, deps: [{ token: i1$4.IntlService }, { token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: ViewContextService }, { token: ViewStateService }], target: i0.ɵɵFactoryTarget.Component });
-TimelineWeekViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TimelineWeekViewComponent, selector: "kendo-scheduler-timeline-week-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat" }, providers: [{
+TimelineWeekViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TimelineWeekViewComponent, selector: "kendo-scheduler-timeline-week-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", numberOfWeeks: "numberOfWeeks" }, providers: [{
             provide: SchedulerView,
             useExisting: forwardRef(() => TimelineWeekViewComponent)
         }], usesInheritance: true, ngImport: i0, template: `
@@ -15810,7 +15856,7 @@ TimelineWeekViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
             <timeline-multi-day-view
                 viewName="timeline-week"
                 [name]="name"
-                [numberOfDays]="7"
+                [numberOfDays]="7 * numberOfWeeks"
                 [getStartDate]="getStartDate"
                 [eventHeight]="viewEventHeight"
                 [columnWidth]="viewColumnWidth"
@@ -15856,7 +15902,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             <timeline-multi-day-view
                 viewName="timeline-week"
                 [name]="name"
-                [numberOfDays]="7"
+                [numberOfDays]="7 * numberOfWeeks"
                 [getStartDate]="getStartDate"
                 [eventHeight]="viewEventHeight"
                 [columnWidth]="viewColumnWidth"
@@ -15893,6 +15939,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], selectedShortDateFormat: [{
                 type: Input
+            }], numberOfWeeks: [{
+                type: Input
             }] } });
 
 /**
@@ -15902,19 +15950,10 @@ class TimelineMonthViewComponent extends TimelineBase {
     constructor(localization, changeDetector, viewContext, viewState) {
         super(localization, changeDetector, viewContext, viewState);
         /**
-         * The long-date format for displaying the
-         * selected date in the Scheduler toolbar.
-         * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
-         * @default '{0:Y}'
-         */
-        this.selectedDateFormat = '{0:Y}';
-        /**
-         * The short-date format for displaying the
-         * selected date in the Scheduler toolbar.
-         * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
-         * @default '{0:y}'
+         * Specifies the number of months that the view will render.
+         * @default 1
          */
-        this.selectedShortDateFormat = '{0:y}';
+        this.numberOfMonths = 1;
         /**
          * The invariant name for this view.
          * @default 'timelineMonth'
@@ -15930,7 +15969,7 @@ class TimelineMonthViewComponent extends TimelineBase {
          * @hidden
          */
         this.getEndDate = (selectedDate) => {
-            return addMonths(this.getStartDate(selectedDate), 1);
+            return addMonths(this.getStartDate(selectedDate), this.numberOfMonths);
         };
         /**
          * @hidden
@@ -15945,9 +15984,41 @@ class TimelineMonthViewComponent extends TimelineBase {
     get title() {
         return this.localization.get('timelineMonthViewTitle');
     }
+    /**
+     * The long-date format for displaying the
+     * selected date in the Scheduler toolbar.
+     * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
+     * > Note: If [numberOfMonths](#toc-numberofmonths) > 1, the default format value shows a range - `'{0:Y} - {1:Y}'`, where `0` is the start and `1` is the end date.
+     * @default '{0:Y}'
+     */
+    set selectedDateFormat(format) {
+        this._selectedDateFormat = format;
+    }
+    get selectedDateFormat() {
+        if (this._selectedDateFormat) {
+            return this._selectedDateFormat;
+        }
+        return this.numberOfMonths && this.numberOfMonths > 1 ? '{0:Y} - {1:Y}' : '{0:Y}';
+    }
+    /**
+     * The short-date format for displaying the
+     * selected date in the Scheduler toolbar.
+     * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
+     * > Note: If [numberOfMonths](#toc-numberofmonths) > 1, the default format value shows a range - `'{0:y} - {1:y}'`, where `0` is the start and `1` is the end date.
+     * @default '{0:y}'
+     */
+    set selectedShortDateFormat(format) {
+        this._selectedShortDateFormat = format;
+    }
+    get selectedShortDateFormat() {
+        if (this._selectedShortDateFormat) {
+            return this._selectedShortDateFormat;
+        }
+        return this.numberOfMonths && this.numberOfMonths > 1 ? '{0:y} - {1:y}' : '{0:y}';
+    }
 }
 TimelineMonthViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimelineMonthViewComponent, deps: [{ token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: ViewContextService }, { token: ViewStateService }], target: i0.ɵɵFactoryTarget.Component });
-TimelineMonthViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TimelineMonthViewComponent, selector: "kendo-scheduler-timeline-month-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat" }, providers: [{
+TimelineMonthViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TimelineMonthViewComponent, selector: "kendo-scheduler-timeline-month-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", numberOfMonths: "numberOfMonths" }, providers: [{
             provide: SchedulerView,
             useExisting: forwardRef(() => TimelineMonthViewComponent)
         }], usesInheritance: true, ngImport: i0, template: `
@@ -16038,6 +16109,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], selectedShortDateFormat: [{
                 type: Input
+            }], numberOfMonths: [{
+                type: Input
             }] } });
 
 const PUBLIC_DIRECTIVES = [