@progress/kendo-angular-scheduler 14.4.0-develop.9 → 15.0.0-develop.1

package/esm2020/toolbar/navigation.component.mjs

@@ -191,7 +191,7 @@ export class ToolbarNavigationComponent {
     }
 }
 ToolbarNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ToolbarNavigationComponent, deps: [{ token: i1.PopupService }, { token: i2.ToolbarService }, { token: i3.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i4.ViewContextService }], target: i0.ɵɵFactoryTarget.Component });
-ToolbarNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ToolbarNavigationComponent, selector: "[kendoSchedulerToolbarNavigation]", inputs: { min: "min", max: "max" }, host: { properties: { "class.k-toolbar-group": "this.hostClass" } }, providers: [
+ToolbarNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ToolbarNavigationComponent, selector: "[kendoSchedulerToolbarNavigation]", inputs: { min: "min", max: "max", activeView: "activeView", bottomView: "bottomView" }, host: { properties: { "class.k-toolbar-group": "this.hostClass" } }, providers: [
         PopupService
     ], viewQueries: [{ propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true }], ngImport: i0, template: `
         <span class="k-scheduler-navigation k-button-group k-button-group-solid" role="group">
@@ -249,6 +249,8 @@ ToolbarNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
             <kendo-calendar
                 #calendar
                 (blur)="onBlur()"
+                [activeView]="activeView"
+                [bottomView]="bottomView"
                 (keydown.escape)="toggleSelectedDate({ nativeElement: anchor }, template); anchor.focus();"
                 (valueChange)="selectDate($event)"
                 [value]="ctx.selectedDate | async" [min]="min" [max]="max">
@@ -322,6 +324,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             <kendo-calendar
                 #calendar
                 (blur)="onBlur()"
+                [activeView]="activeView"
+                [bottomView]="bottomView"
                 (keydown.escape)="toggleSelectedDate({ nativeElement: anchor }, template); anchor.focus();"
                 (valueChange)="selectDate($event)"
                 [value]="ctx.selectedDate | async" [min]="min" [max]="max">
@@ -341,4 +345,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], max: [{
                 type: Input
+            }], activeView: [{
+                type: Input
+            }], bottomView: [{
+                type: Input
             }] } });

package/esm2020/toolbar/toolbar.component.mjs

@@ -31,6 +31,18 @@ export class ToolbarComponent {
         this.subs = new Subscription();
         this.subs.add(service.action.subscribe(action => this.navigate.next(action)));
     }
+    /**
+     * @hidden
+     */
+    get activeView() {
+        return this.service.context.selectedView?.name === 'year' ? 'decade' : 'month';
+    }
+    /**
+     * @hidden
+     */
+    get bottomView() {
+        return this.service.context.selectedView?.name === 'year' ? 'decade' : 'month';
+    }
     ngOnInit() {
         this.subs.add(this.selectedDate.subscribe(date => this.templateContext.selectedDate = date));
         this.subs.add(this.dateRange.subscribe(dateRange => this.templateContext.dateRange = dateRange));
@@ -70,13 +82,18 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
         </ng-template>
 
         <ng-template #defaultTemplate>
-            <div kendoSchedulerToolbarNavigation [min]="min" [max]="max"></div>
+            <div kendoSchedulerToolbarNavigation
+                [min]="min"
+                [max]="max"
+                [activeView]="activeView"
+                [bottomView]="bottomView">
+            </div>
             <span class="k-spacer"></span>
             <div kendoSchedulerToolbarViewSelector [toolbarWidth]="toolbarWidth"></div>
         </ng-template>
 
         <kendo-resize-sensor (resize)="resizeHandler()" [style]="'display: contents;'"></kendo-resize-sensor>
-    `, isInline: true, components: [{ type: i2.ToolbarNavigationComponent, selector: "[kendoSchedulerToolbarNavigation]", inputs: ["min", "max"] }, { type: i3.ToolbarViewSelectorComponent, selector: "[kendoSchedulerToolbarViewSelector]", inputs: ["toolbarWidth", "responsiveBreakpoint"] }, { type: i4.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+    `, isInline: true, components: [{ type: i2.ToolbarNavigationComponent, selector: "[kendoSchedulerToolbarNavigation]", inputs: ["min", "max", "activeView", "bottomView"] }, { type: i3.ToolbarViewSelectorComponent, selector: "[kendoSchedulerToolbarViewSelector]", inputs: ["toolbarWidth", "responsiveBreakpoint"] }, { type: i4.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ToolbarComponent, decorators: [{
             type: Component,
             args: [{
@@ -90,7 +107,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         </ng-template>
 
         <ng-template #defaultTemplate>
-            <div kendoSchedulerToolbarNavigation [min]="min" [max]="max"></div>
+            <div kendoSchedulerToolbarNavigation
+                [min]="min"
+                [max]="max"
+                [activeView]="activeView"
+                [bottomView]="bottomView">
+            </div>
             <span class="k-spacer"></span>
             <div kendoSchedulerToolbarViewSelector [toolbarWidth]="toolbarWidth"></div>
         </ng-template>

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

@@ -22,11 +22,7 @@ import * as i6 from "../common/work-hours-footer.directive";
 export class TimelineMonthViewComponent extends TimelineBase {
     constructor(localization, changeDetector, viewContext, viewState) {
         super(localization, changeDetector, viewContext, viewState);
-        /**
-         * Specifies the number of months that the view will render.
-         * @default 1
-         */
-        this.numberOfMonths = 1;
+        this._numberOfMonths = 1;
         /**
          * The invariant name for this view.
          * @default 'timelineMonth'
@@ -89,6 +85,18 @@ export class TimelineMonthViewComponent extends TimelineBase {
         }
         return this.numberOfMonths && this.numberOfMonths > 1 ? '{0:y} - {1:y}' : '{0:y}';
     }
+    /**
+     * Specifies the number of months that the view will render.
+     * > Normalized to `1` if the provided value is <= 0.
+     * @default 1
+     */
+    set numberOfMonths(months) {
+        this._numberOfMonths = months > 0 ? months : 1;
+    }
+    ;
+    get numberOfMonths() {
+        return this._numberOfMonths;
+    }
 }
 TimelineMonthViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimelineMonthViewComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.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", numberOfMonths: "numberOfMonths" }, providers: [{

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

@@ -21,11 +21,7 @@ import * as i6 from "../common/work-hours-footer.directive";
 export class TimelineViewComponent extends TimelineBase {
     constructor(localization, changeDetector, viewContext, viewState) {
         super(localization, changeDetector, viewContext, viewState);
-        /**
-         * Specifies the number of days that the view will render.
-         * @default 1
-         */
-        this.numberOfDays = 1;
+        this._numberOfDays = 1;
         /**
          * The invariant name for this view.
          * @default 'timeline'
@@ -70,6 +66,18 @@ export class TimelineViewComponent extends TimelineBase {
         }
         return this.numberOfDays && this.numberOfDays > 1 ? '{0:d} - {1:d}' : '{0:d}';
     }
+    /**
+     * Specifies the number of days that the view will render.
+     * > Normalized to `1` if the provided value is <= 0.
+     * @default 1
+     */
+    set numberOfDays(days) {
+        this._numberOfDays = days > 0 ? days : 1;
+    }
+    ;
+    get numberOfDays() {
+        return this._numberOfDays;
+    }
 }
 TimelineViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimelineViewComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.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", numberOfDays: "numberOfDays" }, providers: [{

package/esm2020/views/timeline/timeline-week-view.component.mjs

@@ -42,11 +42,7 @@ export 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;
+        this._numberOfWeeks = 1;
         /**
          * The invariant name for this view.
          * @default 'timelineWeek'
@@ -65,6 +61,17 @@ export class TimelineWeekViewComponent extends TimelineBase {
     get title() {
         return this.localization.get('timelineWeekViewTitle');
     }
+    /**
+    * Specifies the number of weeks that the view will render.
+    * @default 1
+    */
+    set numberOfWeeks(weeks) {
+        this._numberOfWeeks = weeks > 0 ? weeks : 1;
+    }
+    ;
+    get numberOfWeeks() {
+        return this._numberOfWeeks;
+    }
 }
 TimelineWeekViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimelineWeekViewComponent, deps: [{ token: i1.IntlService }, { token: i2.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i3.ViewContextService }, { token: i4.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", numberOfWeeks: "numberOfWeeks" }, providers: [{

package/esm2020/views/year/utils.mjs

@@ -0,0 +1,60 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { intersects, toUTCDate, toUTCDateTime } from '../utils';
+import { sortTasksByTime } from '../../common/util';
+import { addDays } from '@progress/kendo-date-math';
+/**
+ * @hidden
+ */
+export const createTasks = (periodStart, periodEnd, items, ranges) => {
+    const tasks = [];
+    const utcStart = toUTCDateTime(periodStart);
+    const utcEnd = toUTCDateTime(periodEnd);
+    for (let index = 0; index < items.length; index++) {
+        const item = items[index];
+        const data = {};
+        const startTime = item.start.toUTCDate();
+        const end = item.end;
+        const endTime = (item.end.getTime() !== end.getTime() ? end.addDays(1) : end).toUTCDate();
+        if (intersects(startTime, endTime, utcStart, utcEnd)) {
+            for (let rangeIdx = 0; rangeIdx < ranges.length; rangeIdx++) {
+                const range = ranges[rangeIdx];
+                const rangeStart = toUTCDate(range);
+                const rangeEnd = toUTCDate(addDays(range, 1));
+                if (intersects(startTime, endTime, rangeStart, rangeEnd)) {
+                    const task = {
+                        index,
+                        startTime: startTime > rangeStart ? startTime : rangeStart,
+                        endTime: endTime < rangeEnd ? endTime : rangeEnd,
+                        start: item.start,
+                        end: item.end,
+                        event: item.event,
+                        isAllDay: item.event.isAllDay,
+                        rangeIndex: rangeIdx,
+                        data: data
+                    };
+                    task.head = endTime > rangeEnd && startTime > rangeStart;
+                    task.tail = startTime < rangeStart && endTime < rangeEnd;
+                    task.mid = endTime > rangeEnd && startTime < rangeStart;
+                    task.isMultiDay = task.head || task.mid || task.tail;
+                    tasks.push(task);
+                }
+            }
+        }
+    }
+    return sortTasksByTime(tasks);
+};
+/**
+ * @hidden
+ */
+export const noop = (_) => { };
+/**
+ * @hidden
+ */
+export const yearEnd = (year) => new Date(year, 11, 31, 23, 59, 59, 999);
+/**
+ * @hidden
+ */
+export const yearStart = (year) => new Date(year, 0, 1, 0, 0, 0, 0);