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

package/{esm2020 → esm2022}/views/common/resize-hint.component.mjs

@@ -11,9 +11,9 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class ResizeHintComponent {
-    constructor() {
-        this.marqueeClasses = true;
-    }
+    hint;
+    format;
+    marqueeClasses = true;
     get left() {
         return this.hint.rect.left;
     }
@@ -32,16 +32,16 @@ export class ResizeHintComponent {
     get end() {
         return toLocalDate(this.hint.end);
     }
-}
-ResizeHintComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ResizeHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ResizeHintComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ResizeHintComponent, isStandalone: true, selector: "[kendoResizeHint]", inputs: { hint: "hint", format: "format" }, host: { properties: { "class.k-marquee": "this.marqueeClasses", "class.k-scheduler-marquee": "this.marqueeClasses", "class.k-first": "this.marqueeClasses", "class.k-last": "this.marqueeClasses", "style.left.px": "this.left", "style.right.px": "this.left", "style.top.px": "this.top", "style.width.px": "this.width", "style.height.px": "this.height" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResizeHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ResizeHintComponent, isStandalone: true, selector: "[kendoResizeHint]", inputs: { hint: "hint", format: "format" }, host: { properties: { "class.k-marquee": "this.marqueeClasses", "class.k-scheduler-marquee": "this.marqueeClasses", "class.k-first": "this.marqueeClasses", "class.k-last": "this.marqueeClasses", "style.left.px": "this.left", "style.right.px": "this.left", "style.top.px": "this.top", "style.width.px": "this.width", "style.height.px": "this.height" } }, ngImport: i0, template: `
         <div class="k-marquee-color"></div>
         <div class="k-marquee-text">
             <div class="k-label-top" *ngIf="hint.first">{{ start | kendoDate : format }}</div>
             <div class="k-label-bottom" *ngIf="hint.last">{{ end | kendoDate : format }}</div>
         </div>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: DatePipe, name: "kendoDate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ResizeHintComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResizeHintComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector

package/{esm2020 → esm2022}/views/common/resource-iterator.pipe.mjs

@@ -6,10 +6,8 @@ import { Pipe } from '@angular/core';
 import { iterator } from '../../common/util';
 import * as i0 from "@angular/core";
 class ResourceIterator {
-    constructor(resources, lastIndex = resources.length - 1) {
-        this.resources = resources;
-        this.lastIndex = lastIndex;
-    }
+    resources;
+    lastIndex;
     *[iterator]() {
         let resources = this.resources;
         const lastIndex = Math.max(0, this.lastIndex);
@@ -26,6 +24,10 @@ class ResourceIterator {
             yield lastData[idx % length];
         }
     }
+    constructor(resources, lastIndex = resources.length - 1) {
+        this.resources = resources;
+        this.lastIndex = lastIndex;
+    }
 }
 /**
  * @hidden
@@ -34,10 +36,10 @@ export class ResourceIteratorPipe {
     transform(resources = [], lastIndex) {
         return new ResourceIterator(resources, lastIndex);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResourceIteratorPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ResourceIteratorPipe, isStandalone: true, name: "resourceIterator" });
 }
-ResourceIteratorPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ResourceIteratorPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-ResourceIteratorPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ResourceIteratorPipe, isStandalone: true, name: "resourceIterator" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ResourceIteratorPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResourceIteratorPipe, decorators: [{
             type: Pipe,
             args: [{
                     // eslint-disable-next-line @angular-eslint/pipe-prefix

package/{esm2020 → esm2022}/views/common/slot-selectable.directive.mjs

@@ -15,16 +15,28 @@ import * as i1 from "../../scheduler.component";
  * ([see example]({% slug slotselection_scheduler %}#toc-built-in-directive)).
  */
 export class SlotSelectableDirective {
+    scheduler;
+    cdr;
+    /**
+     * The currently selected slot range.
+     */
+    slotSelection;
+    /**
+     * Fires when the currently selected slot range has changed through user interaction.
+     */
+    slotSelectionChange = new EventEmitter();
+    /**
+     * @hidden
+     * The resources of the cell where the selection started.
+     * When dragging over the slots of a different resource in grouped mode, the ongoing selection will not be affected.
+     */
+    selectionOriginResources;
+    selectedRange = null;
+    slotSelectionChangeSource = new EventEmitter();
+    subscriptions = new Subscription();
     constructor(scheduler, cdr) {
         this.scheduler = scheduler;
         this.cdr = cdr;
-        /**
-         * Fires when the currently selected slot range has changed through user interaction.
-         */
-        this.slotSelectionChange = new EventEmitter();
-        this.selectedRange = null;
-        this.slotSelectionChangeSource = new EventEmitter();
-        this.subscriptions = new Subscription();
         this.scheduler.selectable = true;
         this.subscriptions.add(this.slotSelectionChangeSource
             .pipe(distinctUntilChanged(isSameRange)).subscribe((v) => {
@@ -97,10 +109,10 @@ export class SlotSelectableDirective {
         }
         return intersects(start, end, this.selectedRange.start, this.selectedRange.end);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SlotSelectableDirective, deps: [{ token: i1.SchedulerComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SlotSelectableDirective, isStandalone: true, selector: "[kendoSchedulerSlotSelectable]", inputs: { slotSelection: "slotSelection" }, outputs: { slotSelectionChange: "slotSelectionChange" }, usesOnChanges: true, ngImport: i0 });
 }
-SlotSelectableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SlotSelectableDirective, deps: [{ token: i1.SchedulerComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-SlotSelectableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SlotSelectableDirective, isStandalone: true, selector: "[kendoSchedulerSlotSelectable]", inputs: { slotSelection: "slotSelection" }, outputs: { slotSelectionChange: "slotSelectionChange" }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SlotSelectableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SlotSelectableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoSchedulerSlotSelectable]',

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

@@ -13,15 +13,17 @@ import * as i1 from "../view-state.service";
  * @hidden
  */
 export class ViewFooterComponent {
+    hostClasses = true;
+    toolbarRole = 'toolbar';
+    sub;
+    /**
+     * @hidden
+     * TODO: Drop in next MAJOR version
+     */
+    inlineJustifyContentStyle = 'start';
+    itemClick = new EventEmitter();
+    items;
     constructor(viewState) {
-        this.hostClasses = true;
-        this.toolbarRole = 'toolbar';
-        /**
-         * @hidden
-         * TODO: Drop in next MAJOR version
-         */
-        this.inlineJustifyContentStyle = 'start';
-        this.itemClick = new EventEmitter();
         this.sub = viewState.toggleWorkHours.subscribe(() => this.itemClick.emit());
     }
     ngOnDestroy() {
@@ -32,9 +34,8 @@ export class ViewFooterComponent {
         e.preventDefault();
         this.itemClick.emit(item);
     }
-}
-ViewFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ViewFooterComponent, deps: [{ token: i1.ViewStateService }], target: i0.ɵɵFactoryTarget.Component });
-ViewFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ViewFooterComponent, isStandalone: true, selector: "[viewFooter]", inputs: { items: "items" }, outputs: { itemClick: "itemClick" }, host: { properties: { "class.k-scheduler-footer": "this.hostClasses", "class.k-toolbar": "this.hostClasses", "class.k-toolbar-solid": "this.hostClasses", "class.k-toolbar-md": "this.hostClasses", "attr.role": "this.toolbarRole", "style.justify-content": "this.inlineJustifyContentStyle" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewFooterComponent, deps: [{ token: i1.ViewStateService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ViewFooterComponent, isStandalone: true, selector: "[viewFooter]", inputs: { items: "items" }, outputs: { itemClick: "itemClick" }, host: { properties: { "class.k-scheduler-footer": "this.hostClasses", "class.k-toolbar": "this.hostClasses", "class.k-toolbar-solid": "this.hostClasses", "class.k-toolbar-md": "this.hostClasses", "attr.role": "this.toolbarRole", "style.justify-content": "this.inlineJustifyContentStyle" } }, ngImport: i0, template: `
         <span class="k-scheduler-navigation">
             <button
                 *ngFor="let item of items"
@@ -50,7 +51,8 @@ ViewFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
             </button>
         </span>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ViewFooterComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewFooterComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector

package/{esm2020 → esm2022}/views/common/work-hours-footer.directive.mjs

@@ -13,11 +13,13 @@ import * as i2 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class WorkHoursFooterDirective {
+    footer;
+    localization;
+    showWorkHours = false;
+    footerItems = [{ cssClass: 'k-scheduler-fullday', fontIcon: 'clock', svgIcon: clockIcon, text: '' }];
     constructor(footer, localization) {
         this.footer = footer;
         this.localization = localization;
-        this.showWorkHours = false;
-        this.footerItems = [{ cssClass: 'k-scheduler-fullday', fontIcon: 'clock', svgIcon: clockIcon, text: '' }];
     }
     ngOnInit() {
         this.toggleWorkHours();
@@ -29,10 +31,10 @@ export class WorkHoursFooterDirective {
     toggleWorkHours() {
         this.footerItems[0].text = this.showWorkHours ? this.localization.get('showFullDay') : this.localization.get('showWorkDay');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WorkHoursFooterDirective, deps: [{ token: i1.ViewFooterComponent }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: WorkHoursFooterDirective, isStandalone: true, selector: "[kendoWorkHoursFooter]", inputs: { showWorkHours: "showWorkHours" }, usesOnChanges: true, ngImport: i0 });
 }
-WorkHoursFooterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WorkHoursFooterDirective, deps: [{ token: i1.ViewFooterComponent }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-WorkHoursFooterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: WorkHoursFooterDirective, isStandalone: true, selector: "[kendoWorkHoursFooter]", inputs: { showWorkHours: "showWorkHours" }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WorkHoursFooterDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WorkHoursFooterDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoWorkHoursFooter]',

package/{esm2020 → esm2022}/views/day-time/day-time-slot.service.mjs

@@ -159,11 +159,7 @@ function setHorizontalOffsets(slotItems, items, measureTime) {
 }
 /** @hidden */
 export class SlotRange {
-    constructor(index) {
-        this.index = index;
-        this.slotMap = new ItemMap();
-        this.itemMap = new ItemMap();
-    }
+    index;
     get slots() {
         return this.slotMap.toArray();
     }
@@ -186,6 +182,9 @@ export class SlotRange {
             height: last.top - first.top + last.height
         };
     }
+    slotMap = new ItemMap();
+    itemMap = new ItemMap();
+    slotItems;
     get start() {
         const first = this.slotMap.first;
         if (!first) {
@@ -206,6 +205,9 @@ export class SlotRange {
     get hasItems() {
         return this.itemMap.count > 0;
     }
+    constructor(index) {
+        this.index = index;
+    }
     registerItem(component) {
         this.itemMap.addItem(component.item.index, component);
     }
@@ -292,10 +294,12 @@ export class SlotRange {
  * @hidden
  */
 export class DayTimeResourceGroup {
+    index;
+    dayRanges = [];
+    timeRanges = [];
+    slotItems;
     constructor(index) {
         this.index = index;
-        this.dayRanges = [];
-        this.timeRanges = [];
     }
     registerSlot(slot) {
         const range = this.slotRange(slot);

package/{esm2020 → esm2022}/views/day-time/day-time-view-base.mjs

@@ -31,9 +31,81 @@ const HIGHLIGHT_ONGOING_EVENTS = 'highlightOngoingEvents';
  * @hidden
  */
 export class DayTimeViewBase extends ConfigurationViewBase {
-    constructor(localization, changeDetector, viewContext, viewState) {
-        super(localization, changeDetector, viewContext, viewState);
-    }
+    /**
+     * @hidden
+     */
+    timeSlotTemplate;
+    /**
+     * @hidden
+     */
+    dateHeaderTemplate;
+    /**
+     * @hidden
+      */
+    majorTimeHeaderTemplate;
+    /**
+     * @hidden
+     */
+    minorTimeHeaderTemplate;
+    /**
+     * If set to `true`, the view will be initially shown in the business-hours mode.
+     * By default, the view is displayed in the full-day mode.
+     * @default false
+     */
+    showWorkHours;
+    /**
+     * Specifies whether to display the footer of the Scheduler.
+     */
+    showFooter;
+    /**
+     * The height of the events.
+     */
+    eventHeight;
+    /**
+     * The start time of the view. The Scheduler displays events which start after the start time.
+     * Accepts string values in the `HH:mm` format.
+     */
+    startTime;
+    /**
+     * The time to which the view will initially be scrolled.
+     * Accepts string values in the `HH:mm` format or a JavaScript `Date`.
+     */
+    scrollTime;
+    /**
+     * The end time of the view. The Scheduler displays events which end before the end time.
+     * Accepts string values in the `HH:mm` format.
+     */
+    endTime;
+    /**
+     * The start time of the view when `showWorkHours` is set to `true`.
+     * Accepts string values in the `HH:mm` format.
+     */
+    workDayStart;
+    /**
+     * The end time of the view when `showWorkHours` is set to `true`.
+     * Accepts string values in the `HH:mm` format.
+     */
+    workDayEnd;
+    /**
+     * The start of the work week.
+     */
+    workWeekStart;
+    /**
+     * The end of the work week.
+     */
+    workWeekEnd;
+    /**
+     * The duration (in minutes) of the time slots.
+     */
+    slotDuration;
+    /**
+     * The number of divisions of the time slots.
+     */
+    slotDivisions;
+    /**
+     * Specifies the settings for the current time marker of the Scheduler.
+     */
+    currentTimeMarker;
     /**
      * @hidden
      */
@@ -118,13 +190,16 @@ export class DayTimeViewBase extends ConfigurationViewBase {
     get viewShowFooter() {
         return isPresent(this.showFooter) ? this.showFooter : this.schedulerOptions.showFooter;
     }
+    constructor(localization, changeDetector, viewContext, viewState) {
+        super(localization, changeDetector, viewContext, viewState);
+    }
     optionValue(name) {
         return isPresent(this[name]) ? this[name] : this.schedulerOptions[name];
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DayTimeViewBase, 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: DayTimeViewBase, inputs: { showWorkHours: "showWorkHours", showFooter: "showFooter", eventHeight: "eventHeight", startTime: "startTime", scrollTime: "scrollTime", endTime: "endTime", workDayStart: "workDayStart", workDayEnd: "workDayEnd", workWeekStart: "workWeekStart", workWeekEnd: "workWeekEnd", slotDuration: "slotDuration", slotDivisions: "slotDivisions", currentTimeMarker: "currentTimeMarker" }, queries: [{ propertyName: "timeSlotTemplate", first: true, predicate: TimeSlotTemplateDirective, descendants: true }, { propertyName: "dateHeaderTemplate", first: true, predicate: DateHeaderTemplateDirective, descendants: true }, { propertyName: "majorTimeHeaderTemplate", first: true, predicate: MajorTimeHeaderTemplateDirective, descendants: true }, { propertyName: "minorTimeHeaderTemplate", first: true, predicate: MinorTimeHeaderTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
 }
-DayTimeViewBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DayTimeViewBase, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }], target: i0.ɵɵFactoryTarget.Directive });
-DayTimeViewBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DayTimeViewBase, inputs: { showWorkHours: "showWorkHours", showFooter: "showFooter", eventHeight: "eventHeight", startTime: "startTime", scrollTime: "scrollTime", endTime: "endTime", workDayStart: "workDayStart", workDayEnd: "workDayEnd", workWeekStart: "workWeekStart", workWeekEnd: "workWeekEnd", slotDuration: "slotDuration", slotDivisions: "slotDivisions", currentTimeMarker: "currentTimeMarker", highlightOngoingEvents: "highlightOngoingEvents" }, queries: [{ propertyName: "timeSlotTemplate", first: true, predicate: TimeSlotTemplateDirective, descendants: true }, { propertyName: "dateHeaderTemplate", first: true, predicate: DateHeaderTemplateDirective, descendants: true }, { propertyName: "majorTimeHeaderTemplate", first: true, predicate: MajorTimeHeaderTemplateDirective, descendants: true }, { propertyName: "minorTimeHeaderTemplate", first: true, predicate: MinorTimeHeaderTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DayTimeViewBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DayTimeViewBase, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i2.ViewContextService }, { type: i3.ViewStateService }]; }, propDecorators: { timeSlotTemplate: [{
                 type: ContentChild,
@@ -164,6 +239,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }], currentTimeMarker: [{
                 type: Input
-            }], highlightOngoingEvents: [{
-                type: Input
             }] } });

package/{esm2020 → esm2022}/views/day-time/day-time-view-item.component.mjs

@@ -21,24 +21,27 @@ import * as i4 from "../../navigation";
  * @hidden
  */
 export class DayTimeViewItemComponent extends BaseViewItem {
+    intlService;
+    localeId;
+    caretAltLeftIcon = caretAltLeftIcon;
+    caretAltRightIcon = caretAltRightIcon;
+    caretAltUpIcon = caretAltUpIcon;
+    caretAltDownIcon = caretAltDownIcon;
+    arrowRotateCwIcon = arrowRotateCwIcon;
+    arrowsNoRepeatIcon = arrowsNoRepeatIcon;
+    xIcon = xIcon;
+    vertical;
+    isAllDay;
+    get eventTime() {
+        return this.intlService.format('{0:t}–{1:t}', toLocalDate(this.item.startTime), toLocalDate(this.item.endTime));
+    }
     constructor(intlService, slotService, localization, focusService, element, renderer, localeId) {
         super(slotService, localization, focusService, element, renderer, localeId);
         this.intlService = intlService;
         this.localeId = localeId;
-        this.caretAltLeftIcon = caretAltLeftIcon;
-        this.caretAltRightIcon = caretAltRightIcon;
-        this.caretAltUpIcon = caretAltUpIcon;
-        this.caretAltDownIcon = caretAltDownIcon;
-        this.arrowRotateCwIcon = arrowRotateCwIcon;
-        this.arrowsNoRepeatIcon = arrowsNoRepeatIcon;
-        this.xIcon = xIcon;
-    }
-    get eventTime() {
-        return this.intlService.format('{0:t}–{1:t}', toLocalDate(this.item.startTime), toLocalDate(this.item.endTime));
     }
-}
-DayTimeViewItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DayTimeViewItemComponent, deps: [{ token: i1.IntlService }, { token: i2.DayTimeSlotService }, { token: i3.LocalizationService }, { token: i4.FocusService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Component });
-DayTimeViewItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DayTimeViewItemComponent, isStandalone: true, selector: "[dayTimeViewItem]", inputs: { vertical: "vertical", isAllDay: "isAllDay" }, usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DayTimeViewItemComponent, deps: [{ token: i1.IntlService }, { token: i2.DayTimeSlotService }, { token: i3.LocalizationService }, { token: i4.FocusService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DayTimeViewItemComponent, isStandalone: true, selector: "[dayTimeViewItem]", inputs: { vertical: "vertical", isAllDay: "isAllDay" }, usesInheritance: true, ngImport: i0, template: `
         <span class="k-event-actions">
             <kendo-icon-wrapper
                 *ngIf="item.tail && !vertical"
@@ -97,7 +100,8 @@ DayTimeViewItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0
             <span class="k-resize-handle k-resize-e"></span>
         </ng-container>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DayTimeViewItemComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DayTimeViewItemComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector

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

@@ -34,32 +34,37 @@ const getNextDate = (date, count, numberOfDays) => getDate(addDays(date, numberO
  * @hidden
  */
 export class DayTimeViewComponent extends BaseView {
-    constructor(changeDetector, viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization, scrollBarWidthService) {
-        super(viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization, changeDetector, scrollBarWidthService);
-        this.changeDetector = changeDetector;
-        this.numberOfDays = 1;
-        this.startTime = '00:00';
-        this.endTime = '00:00';
-        this.workDayStart = '08:00';
-        this.workDayEnd = '17:00';
-        this.workWeekStart = 1;
-        this.workWeekEnd = 5;
-        this.slotDuration = 60;
-        this.slotDivisions = 2;
-        this.showWorkHours = false;
-        this.getStartDate = getStartDate;
-        this.getEndDate = getEndDate;
-        this.getNextDate = getNextDate;
-        this.daySlots = [];
-        this.timeSlots = [];
-        this.resizeHintFormat = 't';
-        this.showCurrentTime = false;
-        this.verticalTime = true;
-        this.initialUpdate = true;
-        this.updateCurrentTime = this.updateCurrentTime.bind(this);
-        this.toggleOngoingClass = this.toggleOngoingClass.bind(this);
-        this.updateOngoingEvents = this.updateOngoingEvents.bind(this);
-    }
+    changeDetector;
+    timeSlotTemplate;
+    dateHeaderTemplate;
+    majorTimeHeaderTemplate;
+    minorTimeHeaderTemplate;
+    numberOfDays = 1;
+    scrollTime;
+    startTime = '00:00';
+    endTime = '00:00';
+    workDayStart = '08:00';
+    workDayEnd = '17:00';
+    workWeekStart = 1;
+    workWeekEnd = 5;
+    slotDuration = 60;
+    slotDivisions = 2;
+    showWorkHours = false;
+    getStartDate = getStartDate;
+    getEndDate = getEndDate;
+    getNextDate = getNextDate;
+    currentTimeMarker;
+    highlightOngoingEvents;
+    currentTimeElements;
+    eventElements;
+    currentTimeArrows;
+    name;
+    workDayStartTime;
+    workDayEndTime;
+    daySlots = [];
+    timeSlots = [];
+    resizeHintFormat = 't';
+    showCurrentTime = false;
     get classNames() {
         return `k-scheduler-${this.name}view`;
     }
@@ -75,6 +80,22 @@ export class DayTimeViewComponent extends BaseView {
     get minorTimeHeaderTemplateRef() {
         return this.minorTimeHeaderTemplate || (this.schedulerMinorTimeHeaderTemplate || {}).templateRef;
     }
+    schedulerTimeSlotTemplate;
+    schedulerDateHeaderTemplate;
+    schedulerMajorTimeHeaderTemplate;
+    schedulerMinorTimeHeaderTemplate;
+    currentTimeTimeout;
+    ongoingEventsTimeout;
+    currentDate;
+    verticalTime = true;
+    initialUpdate = true;
+    constructor(changeDetector, viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization, scrollBarWidthService) {
+        super(viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization, changeDetector, scrollBarWidthService);
+        this.changeDetector = changeDetector;
+        this.updateCurrentTime = this.updateCurrentTime.bind(this);
+        this.toggleOngoingClass = this.toggleOngoingClass.bind(this);
+        this.updateOngoingEvents = this.updateOngoingEvents.bind(this);
+    }
     ngOnChanges(changes) {
         if (changes.startTime || changes.endTime || changes.showWorkHours || changes.workDayStart || changes.workDayEnd ||
             changes.workWeekStart || changes.workWeekEnd || changes.slotDivisions || changes.slotDuration) {
@@ -345,10 +366,10 @@ export class DayTimeViewComponent extends BaseView {
         }
         return fields;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DayTimeViewComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.ViewContextService }, { token: i2.ViewStateService }, { token: i3.IntlService }, { token: i4.DayTimeSlotService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i5.PDFService }, { token: i6.LocalizationService }, { token: i7.ScrollbarWidthService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DayTimeViewComponent, selector: "kendo-day-time-view", inputs: { timeSlotTemplate: "timeSlotTemplate", dateHeaderTemplate: "dateHeaderTemplate", majorTimeHeaderTemplate: "majorTimeHeaderTemplate", minorTimeHeaderTemplate: "minorTimeHeaderTemplate", numberOfDays: "numberOfDays", scrollTime: "scrollTime", startTime: "startTime", endTime: "endTime", workDayStart: "workDayStart", workDayEnd: "workDayEnd", workWeekStart: "workWeekStart", workWeekEnd: "workWeekEnd", slotDuration: "slotDuration", slotDivisions: "slotDivisions", showWorkHours: "showWorkHours", getStartDate: "getStartDate", getEndDate: "getEndDate", getNextDate: "getNextDate", currentTimeMarker: "currentTimeMarker", highlightOngoingEvents: "highlightOngoingEvents" }, viewQueries: [{ propertyName: "currentTimeElements", predicate: ["currentTimeMarker"], descendants: true }, { propertyName: "eventElements", predicate: DayTimeViewItemComponent, descendants: true }, { propertyName: "currentTimeArrows", predicate: ["currentTimeArrow"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
 }
-DayTimeViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DayTimeViewComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.ViewContextService }, { token: i2.ViewStateService }, { token: i3.IntlService }, { token: i4.DayTimeSlotService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i5.PDFService }, { token: i6.LocalizationService }, { token: i7.ScrollbarWidthService }], target: i0.ɵɵFactoryTarget.Component });
-DayTimeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DayTimeViewComponent, selector: "kendo-day-time-view", inputs: { timeSlotTemplate: "timeSlotTemplate", dateHeaderTemplate: "dateHeaderTemplate", majorTimeHeaderTemplate: "majorTimeHeaderTemplate", minorTimeHeaderTemplate: "minorTimeHeaderTemplate", numberOfDays: "numberOfDays", scrollTime: "scrollTime", startTime: "startTime", endTime: "endTime", workDayStart: "workDayStart", workDayEnd: "workDayEnd", workWeekStart: "workWeekStart", workWeekEnd: "workWeekEnd", slotDuration: "slotDuration", slotDivisions: "slotDivisions", showWorkHours: "showWorkHours", getStartDate: "getStartDate", getEndDate: "getEndDate", getNextDate: "getNextDate", currentTimeMarker: "currentTimeMarker", highlightOngoingEvents: "highlightOngoingEvents" }, viewQueries: [{ propertyName: "currentTimeElements", predicate: ["currentTimeMarker"], descendants: true }, { propertyName: "eventElements", predicate: DayTimeViewItemComponent, descendants: true }, { propertyName: "currentTimeArrows", predicate: ["currentTimeArrow"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DayTimeViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DayTimeViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kendo-day-time-view', template: '' }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.ViewContextService }, { type: i2.ViewStateService }, { type: i3.IntlService }, { type: i4.DayTimeSlotService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i5.PDFService }, { type: i6.LocalizationService }, { type: i7.ScrollbarWidthService }]; }, propDecorators: { timeSlotTemplate: [{

package/{esm2020 → esm2022}/views/day-time/event-slot.directive.mjs

@@ -15,14 +15,18 @@ import * as i2 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class TimeSlotDirective extends BaseSlotDirective {
-    constructor(element, slotService, localization) {
-        super(element, slotService, localization);
-        this.isDaySlot = false;
-    }
+    invariantStart;
+    invariantEnd;
+    workDayStart;
+    workDayEnd;
+    workWeekStart;
+    workWeekEnd;
+    date;
     get nonWorkHour() {
         const date = this.date.getDay();
         return this.invariantStart < this.workDayStart || this.workDayEnd < this.invariantEnd || !isWorkWeekDay(date, this.workWeekStart, this.workWeekEnd);
     }
+    isDaySlot = false;
     get startLocalTime() {
         if (!this.date || !this.invariantStart) {
             return null;
@@ -51,10 +55,13 @@ export class TimeSlotDirective extends BaseSlotDirective {
         }
         return localEnd;
     }
+    constructor(element, slotService, localization) {
+        super(element, slotService, localization);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimeSlotDirective, deps: [{ token: i0.ElementRef }, { token: i1.DayTimeSlotService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TimeSlotDirective, isStandalone: true, selector: "[timeSlot]", inputs: { invariantStart: "invariantStart", invariantEnd: "invariantEnd", workDayStart: "workDayStart", workDayEnd: "workDayEnd", workWeekStart: "workWeekStart", workWeekEnd: "workWeekEnd", date: "date" }, host: { properties: { "class.k-nonwork-hour": "this.nonWorkHour" } }, exportAs: ["timeSlot"], usesInheritance: true, ngImport: i0 });
 }
-TimeSlotDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimeSlotDirective, deps: [{ token: i0.ElementRef }, { token: i1.DayTimeSlotService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-TimeSlotDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TimeSlotDirective, isStandalone: true, selector: "[timeSlot]", inputs: { invariantStart: "invariantStart", invariantEnd: "invariantEnd", workDayStart: "workDayStart", workDayEnd: "workDayEnd", workWeekStart: "workWeekStart", workWeekEnd: "workWeekEnd", date: "date" }, host: { properties: { "class.k-nonwork-hour": "this.nonWorkHour" } }, exportAs: ["timeSlot"], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimeSlotDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimeSlotDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -84,10 +91,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 export class DaySlotDirective extends BaseSlotDirective {
-    constructor(element, slotService, localization) {
-        super(element, slotService, localization);
-        this.isDaySlot = true;
-    }
     set start(value) {
         this.startDate = value;
     }
@@ -109,10 +112,16 @@ export class DaySlotDirective extends BaseSlotDirective {
     get daySlot() {
         return true;
     }
+    isDaySlot = true;
+    startDate;
+    endDate;
+    constructor(element, slotService, localization) {
+        super(element, slotService, localization);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DaySlotDirective, deps: [{ token: i0.ElementRef }, { token: i1.DayTimeSlotService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DaySlotDirective, isStandalone: true, selector: "[daySlot]", inputs: { start: "start", end: "end" }, host: { properties: { "attr.data-day-slot": "this.daySlot" } }, usesInheritance: true, ngImport: i0 });
 }
-DaySlotDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DaySlotDirective, deps: [{ token: i0.ElementRef }, { token: i1.DayTimeSlotService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-DaySlotDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DaySlotDirective, isStandalone: true, selector: "[daySlot]", inputs: { start: "start", end: "end" }, host: { properties: { "attr.data-day-slot": "this.daySlot" } }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DaySlotDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DaySlotDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector