@progress/kendo-angular-scheduler 17.0.0-develop.8 → 17.0.0

package/{esm2020 → esm2022}/views/timeline/timeline-base.mjs

@@ -16,19 +16,23 @@ const COLUMN_WIDTH = 'columnWidth';
  * @hidden
  */
 export class TimelineBase extends DayTimeViewBase {
-    constructor(localization, changeDetector, viewContext, viewState) {
-        super(localization, changeDetector, viewContext, viewState);
-    }
+    /**
+     * Specifies the columns width.
+     */
+    columnWidth;
     /**
      * @hidden
      */
     get viewColumnWidth() {
         return this.optionValue(COLUMN_WIDTH);
     }
+    constructor(localization, changeDetector, viewContext, viewState) {
+        super(localization, changeDetector, viewContext, viewState);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineBase, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TimelineBase, inputs: { columnWidth: "columnWidth" }, usesInheritance: true, ngImport: i0 });
 }
-TimelineBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineBase, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }], target: i0.ɵɵFactoryTarget.Directive });
-TimelineBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TimelineBase, inputs: { columnWidth: "columnWidth" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineBase, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i2.ViewContextService }, { type: i3.ViewStateService }]; }, propDecorators: { columnWidth: [{
                 type: Input

package/{esm2020 → esm2022}/views/timeline/timeline-month-view.component.mjs

@@ -21,33 +21,6 @@ import * as i3 from "../view-state.service";
  * The component for rendering the **Month** timeline view.
  */
 export class TimelineMonthViewComponent extends TimelineBase {
-    constructor(localization, changeDetector, viewContext, viewState) {
-        super(localization, changeDetector, viewContext, viewState);
-        this._numberOfMonths = 1;
-        /**
-         * The invariant name for this view.
-         * @default 'timelineMonth'
-         */
-        this.name = 'timelineMonth';
-        /**
-         * @hidden
-         */
-        this.getStartDate = (selectedDate) => {
-            return firstDayOfMonth(getDate(selectedDate));
-        };
-        /**
-         * @hidden
-         */
-        this.getEndDate = (selectedDate) => {
-            return addMonths(this.getStartDate(selectedDate), this.numberOfMonths);
-        };
-        /**
-         * @hidden
-         */
-        this.getNextDate = (date, count) => {
-            return addMonths(date, count);
-        };
-    }
     /**
      * @hidden
      */
@@ -70,6 +43,7 @@ export class TimelineMonthViewComponent extends TimelineBase {
         }
         return this.numberOfMonths && this.numberOfMonths > 1 ? '{0:Y} - {1:Y}' : '{0:Y}';
     }
+    _selectedDateFormat;
     /**
      * The short-date format for displaying the
      * selected date in the Scheduler toolbar.
@@ -86,6 +60,7 @@ export class TimelineMonthViewComponent extends TimelineBase {
         }
         return this.numberOfMonths && this.numberOfMonths > 1 ? '{0:y} - {1:y}' : '{0:y}';
     }
+    _selectedShortDateFormat;
     /**
      * Specifies the number of months that the view will render.
      * > Normalized to `1` if the provided value is <= 0.
@@ -97,12 +72,38 @@ export class TimelineMonthViewComponent extends TimelineBase {
     get numberOfMonths() {
         return this._numberOfMonths;
     }
-}
-TimelineMonthViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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: "14.0.0", version: "15.2.10", type: TimelineMonthViewComponent, isStandalone: true, selector: "kendo-scheduler-timeline-month-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", numberOfMonths: "numberOfMonths" }, providers: [{
-            provide: SchedulerView,
-            useExisting: forwardRef(() => TimelineMonthViewComponent)
-        }], usesInheritance: true, ngImport: i0, template: `
+    _numberOfMonths = 1;
+    /**
+     * The invariant name for this view.
+     * @default 'timelineMonth'
+     */
+    name = 'timelineMonth';
+    /**
+     * @hidden
+     */
+    getStartDate = (selectedDate) => {
+        return firstDayOfMonth(getDate(selectedDate));
+    };
+    /**
+     * @hidden
+     */
+    getEndDate = (selectedDate) => {
+        return addMonths(this.getStartDate(selectedDate), this.numberOfMonths);
+    };
+    /**
+     * @hidden
+     */
+    getNextDate = (date, count) => {
+        return addMonths(date, count);
+    };
+    constructor(localization, changeDetector, viewContext, viewState) {
+        super(localization, changeDetector, viewContext, viewState);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineMonthViewComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TimelineMonthViewComponent, isStandalone: true, selector: "kendo-scheduler-timeline-month-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", numberOfMonths: "numberOfMonths" }, providers: [{
+                provide: SchedulerView,
+                useExisting: forwardRef(() => TimelineMonthViewComponent)
+            }], usesInheritance: true, ngImport: i0, template: `
         <ng-template #content>
             <timeline-multi-day-view
                 viewName="timeline-month"
@@ -139,7 +140,8 @@ TimelineMonthViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
             <div *ngIf="viewShowFooter" viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
         </ng-template>
     `, isInline: true, dependencies: [{ kind: "component", type: TimelineMultiDayViewComponent, selector: "timeline-multi-day-view", inputs: ["name", "columnWidth", "viewName"] }, { kind: "component", type: ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }, { kind: "directive", type: WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineMonthViewComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineMonthViewComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,

package/{esm2020 → esm2022}/views/timeline/timeline-multi-day-view.component.mjs

@@ -32,21 +32,24 @@ import * as i7 from "@progress/kendo-angular-common";
  * @hidden
  */
 export class TimelineMultiDayViewComponent extends DayTimeViewComponent {
-    constructor(localization, changeDetector, viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, scrollBarWidthService) {
-        super(changeDetector, viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization, scrollBarWidthService);
-        this.name = 'timeline';
-        this.columnWidth = 100;
-        this.viewName = 'timeline';
-        this.verticalTime = false;
-    }
+    name = 'timeline';
+    columnWidth = 100;
+    viewName = 'timeline';
+    verticalResourceRows;
     get classNames() {
         return `k-scheduler-${this.viewName}-view`;
     }
+    headerTable;
     get contentWidthPercentage() {
         const expectedWidth = this.columnWidth * this.slotsCount;
         const percentage = (expectedWidth / this.contentWidth) * 100;
         return Math.max(percentage, 100);
     }
+    verticalTime = false;
+    contentWidth;
+    constructor(localization, changeDetector, viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, scrollBarWidthService) {
+        super(changeDetector, viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization, scrollBarWidthService);
+    }
     ngOnChanges(changes) {
         if (changes.columnWidth) {
             this.changes.next(null);
@@ -136,11 +139,10 @@ export class TimelineMultiDayViewComponent extends DayTimeViewComponent {
     currentTimeArrowOffset() {
         return this.headerWrap.nativeElement.querySelector('tr:last-child').offsetTop;
     }
-}
-TimelineMultiDayViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineMultiDayViewComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }, { token: i4.IntlService }, { token: i5.DayTimeSlotService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i6.PDFService }, { token: i7.ScrollbarWidthService }], target: i0.ɵɵFactoryTarget.Component });
-TimelineMultiDayViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TimelineMultiDayViewComponent, isStandalone: true, selector: "timeline-multi-day-view", inputs: { name: "name", columnWidth: "columnWidth", viewName: "viewName" }, providers: [
-        DayTimeSlotService
-    ], viewQueries: [{ propertyName: "headerTable", first: true, predicate: ["headerTable"], descendants: true }, { propertyName: "verticalResourceRows", predicate: ["verticalResourceRows"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineMultiDayViewComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }, { token: i4.IntlService }, { token: i5.DayTimeSlotService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i6.PDFService }, { token: i7.ScrollbarWidthService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TimelineMultiDayViewComponent, isStandalone: true, selector: "timeline-multi-day-view", inputs: { name: "name", columnWidth: "columnWidth", viewName: "viewName" }, providers: [
+            DayTimeSlotService
+        ], viewQueries: [{ propertyName: "headerTable", first: true, predicate: ["headerTable"], descendants: true }, { propertyName: "verticalResourceRows", predicate: ["verticalResourceRows"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
         <table class="k-scheduler-layout" [ngClass]="classNames">
             <tbody>
                 <tr class="k-scheduler-head">
@@ -330,7 +332,8 @@ TimelineMultiDayViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
             </tbody>
         </table>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: TimeSlotDirective, selector: "[timeSlot]", inputs: ["invariantStart", "invariantEnd", "workDayStart", "workDayEnd", "workWeekStart", "workWeekEnd", "date"], exportAs: ["timeSlot"] }, { kind: "component", type: DayTimeViewItemComponent, selector: "[dayTimeViewItem]", inputs: ["vertical", "isAllDay"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }, { kind: "component", type: HintContainerComponent, selector: "kendo-hint-container" }, { kind: "component", type: ResizeHintComponent, selector: "[kendoResizeHint]", inputs: ["hint", "format"] }, { kind: "pipe", type: ResourceIteratorPipe, name: "resourceIterator" }, { kind: "pipe", type: DatePipe, name: "kendoDate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: SortPipe, name: "sort" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineMultiDayViewComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineMultiDayViewComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector

package/{esm2020 → esm2022}/views/timeline/timeline-view.component.mjs

@@ -20,15 +20,6 @@ import * as i3 from "../view-state.service";
  * The component for rendering the **Timeline** view.
  */
 export class TimelineViewComponent extends TimelineBase {
-    constructor(localization, changeDetector, viewContext, viewState) {
-        super(localization, changeDetector, viewContext, viewState);
-        this._numberOfDays = 1;
-        /**
-         * The invariant name for this view.
-         * @default 'timeline'
-         */
-        this.name = 'timeline';
-    }
     /**
      * @hidden
      */
@@ -51,6 +42,7 @@ export class TimelineViewComponent extends TimelineBase {
         }
         return this.numberOfDays && this.numberOfDays > 1 ? '{0:D} - {1:D}' : '{0:D}';
     }
+    _selectedDateFormat;
     /**
      * The short-date format for displaying the
      * selected date in the Scheduler toolbar.
@@ -67,6 +59,7 @@ export class TimelineViewComponent extends TimelineBase {
         }
         return this.numberOfDays && this.numberOfDays > 1 ? '{0:d} - {1:d}' : '{0:d}';
     }
+    _selectedShortDateFormat;
     /**
      * Specifies the number of days that the view will render.
      * > Normalized to `1` if the provided value is <= 0.
@@ -78,12 +71,20 @@ export class TimelineViewComponent extends TimelineBase {
     get numberOfDays() {
         return this._numberOfDays;
     }
-}
-TimelineViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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: "14.0.0", version: "15.2.10", type: TimelineViewComponent, isStandalone: true, selector: "kendo-scheduler-timeline-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", numberOfDays: "numberOfDays" }, providers: [{
-            provide: SchedulerView,
-            useExisting: forwardRef(() => TimelineViewComponent)
-        }], usesInheritance: true, ngImport: i0, template: `
+    _numberOfDays = 1;
+    /**
+     * The invariant name for this view.
+     * @default 'timeline'
+     */
+    name = 'timeline';
+    constructor(localization, changeDetector, viewContext, viewState) {
+        super(localization, changeDetector, viewContext, viewState);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineViewComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TimelineViewComponent, isStandalone: true, 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"
@@ -117,7 +118,8 @@ TimelineViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
             <div *ngIf="viewShowFooter" viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
         </ng-template>
     `, isInline: true, dependencies: [{ kind: "component", type: TimelineMultiDayViewComponent, selector: "timeline-multi-day-view", inputs: ["name", "columnWidth", "viewName"] }, { kind: "component", type: ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }, { kind: "directive", type: WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineViewComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineViewComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,

package/{esm2020 → esm2022}/views/timeline/timeline-week-view.component.mjs

@@ -23,45 +23,30 @@ import * as i4 from "../view-state.service";
  * The component for rendering the **Week** timeline view.
  */
 export class TimelineWeekViewComponent extends TimelineBase {
-    constructor(_intl, localization, changeDetector, viewContext, viewState) {
-        super(localization, changeDetector, viewContext, viewState);
-        /**
-         * The long-date format that will be used for displaying the
-         * selected date in the Scheduler toolbar.
-         * Defaults to `{0:D} - {1:D}`
-         * where `0` is the start and `1` is the end date
-         * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
-         * @default '{0:D} - {1:D}'
-         */
-        this.selectedDateFormat = '{0:D} - {1:D}';
-        /**
-         * The short date format that will be used for displaying the
-         * selected date in the Scheduler toolbar.
-         * Defaults to `{0:d} - {1:d}`
-         * where `0` is the start and `1` is the end date
-         * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
-         * @default '{0:d} - {1:d}'
-         */
-        this.selectedShortDateFormat = '{0:d} - {1:d}';
-        this._numberOfWeeks = 1;
-        /**
-         * The invariant name for this view.
-         * @default 'timelineWeek'
-         */
-        this.name = 'timelineWeek';
-        /**
-         * @hidden
-         */
-        this.getStartDate = (selectedDate) => {
-            return firstDayInWeek(getDate(selectedDate), this.viewWeekStart);
-        };
-    }
     /**
      * @hidden
      */
     get title() {
         return this.localization.get('timelineWeekViewTitle');
     }
+    /**
+     * The long-date format that will be used for displaying the
+     * selected date in the Scheduler toolbar.
+     * Defaults to `{0:D} - {1:D}`
+     * where `0` is the start and `1` is the end date
+     * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
+     * @default '{0:D} - {1:D}'
+     */
+    selectedDateFormat = '{0:D} - {1:D}';
+    /**
+     * The short date format that will be used for displaying the
+     * selected date in the Scheduler toolbar.
+     * Defaults to `{0:d} - {1:d}`
+     * where `0` is the start and `1` is the end date
+     * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
+     * @default '{0:d} - {1:d}'
+     */
+    selectedShortDateFormat = '{0:d} - {1:d}';
     /**
     * Specifies the number of weeks that the view will render.
     * @default 1
@@ -72,12 +57,26 @@ export class TimelineWeekViewComponent extends TimelineBase {
     get numberOfWeeks() {
         return this._numberOfWeeks;
     }
-}
-TimelineWeekViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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: "14.0.0", version: "15.2.10", type: TimelineWeekViewComponent, isStandalone: true, selector: "kendo-scheduler-timeline-week-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", numberOfWeeks: "numberOfWeeks" }, providers: [{
-            provide: SchedulerView,
-            useExisting: forwardRef(() => TimelineWeekViewComponent)
-        }], usesInheritance: true, ngImport: i0, template: `
+    _numberOfWeeks = 1;
+    /**
+     * The invariant name for this view.
+     * @default 'timelineWeek'
+     */
+    name = 'timelineWeek';
+    constructor(_intl, localization, changeDetector, viewContext, viewState) {
+        super(localization, changeDetector, viewContext, viewState);
+    }
+    /**
+     * @hidden
+     */
+    getStartDate = (selectedDate) => {
+        return firstDayInWeek(getDate(selectedDate), this.viewWeekStart);
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.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 });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TimelineWeekViewComponent, isStandalone: true, selector: "kendo-scheduler-timeline-week-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", numberOfWeeks: "numberOfWeeks" }, providers: [{
+                provide: SchedulerView,
+                useExisting: forwardRef(() => TimelineWeekViewComponent)
+            }], usesInheritance: true, ngImport: i0, template: `
         <ng-template #content>
             <timeline-multi-day-view
                 viewName="timeline-week"
@@ -114,7 +113,8 @@ TimelineWeekViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
             <div *ngIf="viewShowFooter" viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
         </ng-template>
     `, isInline: true, dependencies: [{ kind: "component", type: TimelineMultiDayViewComponent, selector: "timeline-multi-day-view", inputs: ["name", "columnWidth", "viewName"] }, { kind: "component", type: ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }, { kind: "directive", type: WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineWeekViewComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineWeekViewComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,

package/{esm2020 → esm2022}/views/timeline/utils.mjs

@@ -41,10 +41,10 @@ export class SortPipe {
     transform(value, ..._args) {
         return value.sort((item1, item2) => (item1.startTime.getTime() - item2.startTime.getTime()));
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SortPipe, isStandalone: true, name: "sort" });
 }
-SortPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-SortPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SortPipe, isStandalone: true, name: "sort" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortPipe, decorators: [{
             type: Pipe,
             args: [{
                     // eslint-disable-next-line @angular-eslint/pipe-prefix

package/{esm2020 → esm2022}/views/view-context.service.mjs

@@ -10,13 +10,37 @@ import * as i0 from "@angular/core";
  * Views subscribe to changes in the context (selected date, event, and resource data) through this service.
  */
 export class ViewContextService {
+    /**
+     * A stream of navigation actions that will be handled by the view.
+     */
+    action;
+    /**
+     * A stream that executes methods from the view.
+     */
+    execute;
+    /**
+     * A stream of items (events) that will be displayed in the view.
+     */
+    items;
+    /**
+     * A stream with the selected date that will be displayed by the view.
+     */
+    selectedDate;
+    /**
+     * Fires when the Scheduler element is resized.
+     */
+    resize;
+    /**
+     * Fires when the Scheduler options are changed.
+     */
+    optionsChange;
+    actionSource = new Subject();
+    itemsSource = new BehaviorSubject([]);
+    selectedDateSource = new BehaviorSubject(null);
+    resizeSource = new Subject();
+    optionsChangeSource = new BehaviorSubject({});
+    executeSource = new Subject();
     constructor() {
-        this.actionSource = new Subject();
-        this.itemsSource = new BehaviorSubject([]);
-        this.selectedDateSource = new BehaviorSubject(null);
-        this.resizeSource = new Subject();
-        this.optionsChangeSource = new BehaviorSubject({});
-        this.executeSource = new Subject();
         this.action = this.actionSource.asObservable();
         this.items = this.itemsSource.asObservable();
         this.selectedDate = this.selectedDateSource.asObservable();
@@ -76,10 +100,10 @@ export class ViewContextService {
             } });
         return result;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewContextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewContextService, providedIn: 'root' });
 }
-ViewContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ViewContextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ViewContextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ViewContextService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ViewContextService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewContextService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/{esm2020 → esm2022}/views/view-items/base-slot.directive.mjs

@@ -13,12 +13,10 @@ import * as i2 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class BaseSlotDirective {
-    constructor(element, slotService, localization) {
-        this.element = element;
-        this.slotService = slotService;
-        this.localization = localization;
-        this._rect = null;
-    }
+    element;
+    slotService;
+    localization;
+    id;
     get slotIndex() {
         return this.key;
     }
@@ -34,6 +32,14 @@ export class BaseSlotDirective {
     set end(value) {
         this._end = value;
     }
+    _rect = null;
+    _start;
+    _end;
+    constructor(element, slotService, localization) {
+        this.element = element;
+        this.slotService = slotService;
+        this.localization = localization;
+    }
     get rect() {
         if (this._rect) {
             return this._rect;
@@ -85,10 +91,10 @@ export class BaseSlotDirective {
     invalidate() {
         this._rect = null;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseSlotDirective, deps: [{ token: i0.ElementRef }, { token: i1.BaseSlotService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: BaseSlotDirective, inputs: { id: "id" }, host: { properties: { "attr.data-slot-index": "this.slotIndex" } }, ngImport: i0 });
 }
-BaseSlotDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BaseSlotDirective, deps: [{ token: i0.ElementRef }, { token: i1.BaseSlotService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-BaseSlotDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: BaseSlotDirective, inputs: { id: "id" }, host: { properties: { "attr.data-slot-index": "this.slotIndex" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BaseSlotDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseSlotDirective, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.BaseSlotService }, { type: i2.LocalizationService }]; }, propDecorators: { id: [{
                 type: Input

package/{esm2020 → esm2022}/views/view-items/base-slot.service.mjs

@@ -8,11 +8,9 @@ import { isDocumentAvailable } from '@progress/kendo-angular-common';
  * @hidden
  */
 export class BaseSlotService {
-    constructor() {
-        this.containerSize = 0;
-        this.slotsChange = new EventEmitter();
-        this.groups = [];
-    }
+    containerSize = 0;
+    slotsChange = new EventEmitter();
+    groups = [];
     registerItem(component) {
         const group = this.itemGroup(component);
         group.registerItem(component);

package/{esm2020 → esm2022}/views/view-items/base-view-item.mjs

@@ -19,18 +19,21 @@ import * as i3 from "../../navigation";
  * @hidden
  */
 export class BaseViewItem {
-    constructor(slotService, localization, focusService, element, renderer, localeId) {
-        this.slotService = slotService;
-        this.localization = localization;
-        this.focusService = focusService;
-        this.element = element;
-        this.renderer = renderer;
-        this.localeId = localeId;
-        this.className = true;
-        this.caretAltLeftIcon = caretAltLeftIcon;
-        this.caretAltRightIcon = caretAltRightIcon;
-        this.subs = new Subscription();
-    }
+    slotService;
+    localization;
+    focusService;
+    element;
+    renderer;
+    localeId;
+    item;
+    resourceIndex;
+    rangeIndex;
+    index;
+    eventTemplate;
+    editable;
+    dragHint;
+    resources;
+    className = true;
     get taskIndex() {
         return this.item.index;
     }
@@ -52,6 +55,18 @@ export class BaseViewItem {
     get removable() {
         return this.editable && this.editable.remove !== false;
     }
+    caretAltLeftIcon = caretAltLeftIcon;
+    caretAltRightIcon = caretAltRightIcon;
+    rect;
+    subs = new Subscription();
+    constructor(slotService, localization, focusService, element, renderer, localeId) {
+        this.slotService = slotService;
+        this.localization = localization;
+        this.focusService = focusService;
+        this.element = element;
+        this.renderer = renderer;
+        this.localeId = localeId;
+    }
     get isRecurrence() {
         return isRecurrence(this.item);
     }
@@ -141,10 +156,10 @@ export class BaseViewItem {
     get arrowSVGIcons() {
         return !this.localization.rtl ? [this.caretAltLeftIcon, this.caretAltRightIcon] : [this.caretAltRightIcon, this.caretAltLeftIcon];
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseViewItem, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: BaseViewItem, inputs: { item: "item", resourceIndex: "resourceIndex", rangeIndex: "rangeIndex", index: "index", eventTemplate: "eventTemplate", editable: "editable", dragHint: "dragHint", resources: "resources" }, host: { properties: { "class.k-event": "this.className", "attr.data-task-index": "this.taskIndex", "style.touch-action": "this.touchAction", "attr.aria-label": "this.eventTitle" } }, usesOnChanges: true, ngImport: i0 });
 }
-BaseViewItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BaseViewItem, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-BaseViewItem.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: BaseViewItem, inputs: { item: "item", resourceIndex: "resourceIndex", rangeIndex: "rangeIndex", index: "index", eventTemplate: "eventTemplate", editable: "editable", dragHint: "dragHint", resources: "resources" }, host: { properties: { "class.k-event": "this.className", "attr.data-task-index": "this.taskIndex", "style.touch-action": "this.touchAction", "attr.aria-label": "this.eventTitle" } }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BaseViewItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseViewItem, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i1.BaseSlotService }, { type: i2.LocalizationService }, { type: i3.FocusService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: undefined }]; }, propDecorators: { item: [{
                 type: Input

package/{esm2020 → esm2022}/views/view-items/item-map.mjs

@@ -6,10 +6,8 @@
  * @hidden
  */
 export class ItemMap {
-    constructor() {
-        this.count = 0;
-        this.items = {};
-    }
+    count = 0;
+    items = {};
     get first() {
         if (this.count > 0) {
             return this.items[Object.keys(this.items)[0]];