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

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

@@ -28,6 +28,50 @@ import * as i5 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class AgendaViewInternalComponent {
+    viewContext;
+    viewState;
+    intl;
+    renderer;
+    element;
+    zone;
+    pdfService;
+    localization;
+    selectedDate;
+    eventTemplate;
+    slotClass;
+    eventClass;
+    eventStyles;
+    agendaTimeTemplate;
+    agendaDateTemplate;
+    selectedDateFormat;
+    selectedShortDateFormat;
+    numberOfDays;
+    headerWrap;
+    content;
+    tasks = new BehaviorSubject(null);
+    groupedResources = [];
+    editable;
+    get eventTemplateRef() {
+        return this.eventTemplate || (this.schedulerEventTemplate || {}).templateRef;
+    }
+    get agendaTimeTemplateRef() {
+        return this.agendaTimeTemplate || (this.schedulerAgendaTimeTemplate || {}).templateRef;
+    }
+    get agendaDateTemplateRef() {
+        return this.agendaDateTemplate || (this.schedulerAgendaDateTemplate || {}).templateRef;
+    }
+    schedulerEventTemplate;
+    schedulerAgendaTimeTemplate;
+    schedulerAgendaDateTemplate;
+    group;
+    resources;
+    spans = [];
+    items;
+    range;
+    groups;
+    min;
+    max;
+    subs = new Subscription();
     constructor(viewContext, viewState, intl, renderer, element, zone, pdfService, localization) {
         this.viewContext = viewContext;
         this.viewState = viewState;
@@ -37,19 +81,6 @@ export class AgendaViewInternalComponent {
         this.zone = zone;
         this.pdfService = pdfService;
         this.localization = localization;
-        this.tasks = new BehaviorSubject(null);
-        this.groupedResources = [];
-        this.spans = [];
-        this.subs = new Subscription();
-    }
-    get eventTemplateRef() {
-        return this.eventTemplate || (this.schedulerEventTemplate || {}).templateRef;
-    }
-    get agendaTimeTemplateRef() {
-        return this.agendaTimeTemplate || (this.schedulerAgendaTimeTemplate || {}).templateRef;
-    }
-    get agendaDateTemplateRef() {
-        return this.agendaDateTemplate || (this.schedulerAgendaDateTemplate || {}).templateRef;
     }
     ngOnInit() {
         this.updateContentHeight = this.updateContentHeight.bind(this);
@@ -302,9 +333,8 @@ export class AgendaViewInternalComponent {
             }
         }
     }
-}
-AgendaViewInternalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AgendaViewInternalComponent, deps: [{ token: i1.ViewContextService }, { token: i2.ViewStateService }, { token: i3.IntlService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i4.PDFService }, { token: i5.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-AgendaViewInternalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AgendaViewInternalComponent, isStandalone: true, selector: "agenda-view-internal", inputs: { eventTemplate: "eventTemplate", slotClass: "slotClass", eventClass: "eventClass", eventStyles: "eventStyles", agendaTimeTemplate: "agendaTimeTemplate", agendaDateTemplate: "agendaDateTemplate", selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", numberOfDays: "numberOfDays" }, viewQueries: [{ propertyName: "headerWrap", first: true, predicate: ["headerWrap"], descendants: true, read: ElementRef, static: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true, read: ElementRef, static: true }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AgendaViewInternalComponent, deps: [{ token: i1.ViewContextService }, { token: i2.ViewStateService }, { token: i3.IntlService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i4.PDFService }, { token: i5.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AgendaViewInternalComponent, isStandalone: true, selector: "agenda-view-internal", inputs: { eventTemplate: "eventTemplate", slotClass: "slotClass", eventClass: "eventClass", eventStyles: "eventStyles", agendaTimeTemplate: "agendaTimeTemplate", agendaDateTemplate: "agendaDateTemplate", selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", numberOfDays: "numberOfDays" }, viewQueries: [{ propertyName: "headerWrap", first: true, predicate: ["headerWrap"], descendants: true, read: ElementRef, static: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true, read: ElementRef, static: true }], usesOnChanges: true, ngImport: i0, template: `
         <table class="k-scheduler-layout k-scheduler-agendaview" role="grid">
             <tbody role="none">
                 <tr class="k-scheduler-head">
@@ -329,7 +359,8 @@ AgendaViewInternalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.
             </tbody>
         </table>
     `, isInline: true, dependencies: [{ kind: "component", type: AgendaHeaderComponent, selector: "[kendoSchedulerAgendaHeader]", inputs: ["resources"] }, { kind: "component", type: AgendaListComponent, selector: "[kendoSchedulerAgendaList]", inputs: ["tasks", "eventTemplate", "slotClass", "eventClass", "eventStyles", "agendaTimeTemplate", "agendaDateTemplate", "editable"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AgendaViewInternalComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AgendaViewInternalComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector

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

@@ -20,12 +20,22 @@ import * as i2 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class AgendaListComponent {
+    intlService;
+    localization;
+    classes = true;
+    tasks;
+    eventTemplate;
+    slotClass;
+    eventClass;
+    eventStyles;
+    agendaTimeTemplate;
+    agendaDateTemplate;
+    editable;
+    caretAltLeftIcon = caretAltLeftIcon;
+    caretAltRightIcon = caretAltRightIcon;
     constructor(intlService, localization) {
         this.intlService = intlService;
         this.localization = localization;
-        this.classes = true;
-        this.caretAltLeftIcon = caretAltLeftIcon;
-        this.caretAltRightIcon = caretAltRightIcon;
     }
     extractDataItem(item) {
         return item.type === "group" ? item.dataItem.items[0] : item.dataItem;
@@ -94,9 +104,8 @@ export class AgendaListComponent {
     get arrowSVGIcons() {
         return !this.localization.rtl ? [this.caretAltLeftIcon, this.caretAltRightIcon] : [this.caretAltRightIcon, this.caretAltLeftIcon];
     }
-}
-AgendaListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AgendaListComponent, deps: [{ token: i1.IntlService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-AgendaListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AgendaListComponent, isStandalone: true, selector: "[kendoSchedulerAgendaList]", inputs: { tasks: "tasks", eventTemplate: "eventTemplate", slotClass: "slotClass", eventClass: "eventClass", eventStyles: "eventStyles", agendaTimeTemplate: "agendaTimeTemplate", agendaDateTemplate: "agendaDateTemplate", editable: "editable" }, host: { properties: { "class.k-scheduler-content": "this.classes" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AgendaListComponent, deps: [{ token: i1.IntlService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AgendaListComponent, isStandalone: true, selector: "[kendoSchedulerAgendaList]", inputs: { tasks: "tasks", eventTemplate: "eventTemplate", slotClass: "slotClass", eventClass: "eventClass", eventStyles: "eventStyles", agendaTimeTemplate: "agendaTimeTemplate", agendaDateTemplate: "agendaDateTemplate", editable: "editable" }, host: { properties: { "class.k-scheduler-content": "this.classes" } }, ngImport: i0, template: `
         <table class="k-scheduler-table" role="none">
             <tbody role="rowgroup">
                 <ng-container *ngFor="let group of tasks; let groupIndex = index;">
@@ -145,7 +154,8 @@ AgendaListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
             </tbody>
         </table>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AgendaHeaderItemComponent, selector: "[kendoSchedulerAgendaHeaderItem]", inputs: ["kendoSchedulerAgendaHeaderItem", "agendaDateTemplate", "hasFirstClass"] }, { 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"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }, { kind: "component", type: AgendaTaskItemComponent, selector: "[kendoSchedulerAgendaTaskItem]", inputs: ["kendoSchedulerAgendaTaskItem", "color", "eventTemplate", "editable"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AgendaListComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AgendaListComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector

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

@@ -8,7 +8,7 @@ import { ConfigurationViewBase } from '../common/configuration-view-base';
 import { SchedulerView } from '../../types';
 import { ViewContextService } from '../view-context.service';
 import { ViewStateService } from '../view-state.service';
-import { EventTemplateDirective, AgendaTimeTemplateDirective, AgendaDateTemplateDirective } from '../templates';
+import { AgendaTimeTemplateDirective, AgendaDateTemplateDirective } from '../templates';
 import { AgendaViewInternalComponent } from './agenda-view-internal.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
@@ -18,48 +18,55 @@ import * as i3 from "../view-state.service";
  * The component for rendering the **Agenda** view.
  */
 export class AgendaViewComponent extends ConfigurationViewBase {
-    constructor(localization, changeDetector, viewContext, viewState) {
-        super(localization, changeDetector, viewContext, viewState);
-        /**
-         * The long-date format 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)).
-         */
-        this.selectedDateFormat = '{0:D} - {1:D}';
-        /**
-         * The short-date format 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}';
-        /**
-         * Specifies the number of days that the view will render.
-         * @default 7
-         */
-        this.numberOfDays = 7;
-        /**
-         * The invariant name for this view (`agenda`).
-         * @default 'agenda'
-         */
-        this.name = 'agenda';
-    }
     /**
      * @hidden
      */
     get title() {
         return this.localization.get('agendaViewTitle');
     }
-}
-AgendaViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AgendaViewComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }], target: i0.ɵɵFactoryTarget.Component });
-AgendaViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AgendaViewComponent, isStandalone: true, selector: "kendo-scheduler-agenda-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", numberOfDays: "numberOfDays" }, providers: [{
-            provide: SchedulerView,
-            useExisting: forwardRef(() => AgendaViewComponent)
-        }], queries: [{ propertyName: "eventTemplate", first: true, predicate: EventTemplateDirective, descendants: true }, { propertyName: "agendaTimeTemplate", first: true, predicate: AgendaTimeTemplateDirective, descendants: true }, { propertyName: "agendaDateTemplate", first: true, predicate: AgendaDateTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    /**
+     * The long-date format 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)).
+     */
+    selectedDateFormat = '{0:D} - {1:D}';
+    /**
+     * The short-date format 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 days that the view will render.
+     * @default 7
+     */
+    numberOfDays = 7;
+    /**
+     * @hidden
+     */
+    agendaTimeTemplate;
+    /**
+     * @hidden
+     */
+    agendaDateTemplate;
+    /**
+     * The invariant name for this view (`agenda`).
+     * @default 'agenda'
+     */
+    name = 'agenda';
+    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: AgendaViewComponent, 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: AgendaViewComponent, isStandalone: true, selector: "kendo-scheduler-agenda-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", numberOfDays: "numberOfDays" }, providers: [{
+                provide: SchedulerView,
+                useExisting: forwardRef(() => AgendaViewComponent)
+            }], queries: [{ propertyName: "agendaTimeTemplate", first: true, predicate: AgendaTimeTemplateDirective, descendants: true }, { propertyName: "agendaDateTemplate", first: true, predicate: AgendaDateTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `
         <ng-template #content>
             <agenda-view-internal
                 [numberOfDays]="numberOfDays"
@@ -74,7 +81,8 @@ AgendaViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
             </agenda-view-internal>
         </ng-template>
     `, isInline: true, dependencies: [{ kind: "component", type: AgendaViewInternalComponent, selector: "agenda-view-internal", inputs: ["eventTemplate", "slotClass", "eventClass", "eventStyles", "agendaTimeTemplate", "agendaDateTemplate", "selectedDateFormat", "selectedShortDateFormat", "numberOfDays"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AgendaViewComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AgendaViewComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -107,9 +115,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }], numberOfDays: [{
                 type: Input
-            }], eventTemplate: [{
-                type: ContentChild,
-                args: [EventTemplateDirective, { static: false }]
             }], agendaTimeTemplate: [{
                 type: ContentChild,
                 args: [AgendaTimeTemplateDirective, { static: false }]

package/{esm2020 → esm2022}/views/agenda/tasks.collection.mjs

@@ -52,17 +52,21 @@ let seed = 0;
  * @hidden
  */
 export class TaskCollection {
+    start;
+    end;
+    events;
+    counter; // used to give unique ids to event elements
+    static empty() {
+        return (new EmptyIterator());
+    }
     constructor(start, end, events) {
         this.start = start;
         this.end = end;
         this.events = events;
-        this.createIterator = compose(flattenGroupsAndAddIds(this), processEvents(this.start, this.end));
         this.counter = seed;
         seed++;
     }
-    static empty() {
-        return (new EmptyIterator());
-    }
+    createIterator = compose(flattenGroupsAndAddIds(this), processEvents(this.start, this.end));
     [iterator]() {
         return this.createIterator(this.events);
     }

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

@@ -34,6 +34,96 @@ const SCROLL_INTERVAL = 50;
 const MIN_MOVE_DISTANCE = 10;
 /** @hidden */
 export class BaseView {
+    viewContext;
+    viewState;
+    intl;
+    slotService;
+    zone;
+    renderer;
+    element;
+    pdfService;
+    localization;
+    cdr;
+    scrollBarWidthService;
+    eventTemplate;
+    groupHeaderTemplate;
+    selectedDateFormat;
+    selectedShortDateFormat;
+    eventHeight;
+    showToolbar;
+    showFooter;
+    slotClass;
+    eventClass;
+    eventStyles;
+    weekStart;
+    content;
+    header;
+    contentTable;
+    times;
+    timesHeader;
+    timesTable;
+    headerWrap;
+    hintContainer;
+    get eventTemplateRef() {
+        return this.eventTemplate || (this.schedulerEventTemplate || {}).templateRef;
+    }
+    get groupHeaderTemplateRef() {
+        return this.groupHeaderTemplate || (this.schedulerGroupHeaderTemplate || {}).templateRef;
+    }
+    /**
+     * The non-all-day events.
+     */
+    items = new BehaviorSubject(null);
+    horizontalResources = [];
+    verticalResources = [];
+    dragHints = [];
+    resizeHints = [];
+    editable;
+    selectable; // initialized to false in the scheduler component
+    getField = getField;
+    changes = new BehaviorSubject(null);
+    viewRangeChange = new BehaviorSubject(null);
+    subs = new Subscription();
+    groupedResources = [];
+    spans = [];
+    contentHeight;
+    /**
+     * All events that the user provided.
+     */
+    tasks;
+    group;
+    resources;
+    domEvents = [];
+    schedulerEventTemplate;
+    schedulerGroupHeaderTemplate;
+    min;
+    max;
+    selectedDate;
+    resourcesCache = {};
+    timezone;
+    draggable;
+    /**
+     * The event which is currently being resized.
+     */
+    resizing;
+    dragging;
+    dragArgs;
+    /**
+     * The slot which is currently being dragged over while selecting a range of slots.
+     */
+    dragSelecting = null;
+    /**
+     * The slot where the drag-selecting originated. Used for flipping the start and end of the emitted range.
+     */
+    dragSelectOrigin = null;
+    container;
+    containerOffset;
+    pressLocation;
+    pressTarget;
+    scrollInterval;
+    autoHeight = false;
+    rtl = false;
+    isSlotSelected = () => false;
     constructor(viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization, cdr, scrollBarWidthService) {
         this.viewContext = viewContext;
         this.viewState = viewState;
@@ -46,43 +136,10 @@ export class BaseView {
         this.localization = localization;
         this.cdr = cdr;
         this.scrollBarWidthService = scrollBarWidthService;
-        /**
-         * The non-all-day events.
-         */
-        this.items = new BehaviorSubject(null);
-        this.horizontalResources = [];
-        this.verticalResources = [];
-        this.dragHints = [];
-        this.resizeHints = [];
-        this.getField = getField;
-        this.changes = new BehaviorSubject(null);
-        this.viewRangeChange = new BehaviorSubject(null);
-        this.subs = new Subscription();
-        this.groupedResources = [];
-        this.spans = [];
-        this.domEvents = [];
-        this.resourcesCache = {};
-        /**
-         * The slot which is currently being dragged over while selecting a range of slots.
-         */
-        this.dragSelecting = null;
-        /**
-         * The slot where the drag-selecting originated. Used for flipping the start and end of the emitted range.
-         */
-        this.dragSelectOrigin = null;
-        this.autoHeight = false;
-        this.rtl = false;
-        this.isSlotSelected = () => false;
         this.setSlotClass = this.setSlotClass.bind(this);
         this.setHintClass = this.setHintClass.bind(this);
         this.weekStart = intl.firstDay();
     }
-    get eventTemplateRef() {
-        return this.eventTemplate || (this.schedulerEventTemplate || {}).templateRef;
-    }
-    get groupHeaderTemplateRef() {
-        return this.groupHeaderTemplate || (this.schedulerGroupHeaderTemplate || {}).templateRef;
-    }
     /**
      * Generates a list of space-separated IDs based on a collection of items to associate scrollable containers
      * with the respective tasks through the aria-owns attribute for a11y compliance.
@@ -983,10 +1040,10 @@ export class BaseView {
             this.zone.onStable.pipe(take(1)).subscribe(() => this.updateView());
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseView, deps: [{ token: i1.ViewContextService }, { token: i2.ViewStateService }, { token: i3.IntlService }, { token: i4.BaseSlotService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i5.PDFService }, { token: i6.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i7.ScrollbarWidthService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: BaseView, inputs: { eventTemplate: "eventTemplate", groupHeaderTemplate: "groupHeaderTemplate", selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", eventHeight: "eventHeight", showToolbar: "showToolbar", showFooter: "showFooter", slotClass: "slotClass", eventClass: "eventClass", eventStyles: "eventStyles", weekStart: "weekStart" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "contentTable", first: true, predicate: ["contentTable"], descendants: true }, { propertyName: "times", first: true, predicate: ["times"], descendants: true }, { propertyName: "timesHeader", first: true, predicate: ["timesHeader"], descendants: true }, { propertyName: "timesTable", first: true, predicate: ["timesTable"], descendants: true }, { propertyName: "headerWrap", first: true, predicate: ["headerWrap"], descendants: true }, { propertyName: "hintContainer", first: true, predicate: ["hintContainer"], descendants: true }], usesOnChanges: true, ngImport: i0 });
 }
-BaseView.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BaseView, deps: [{ token: i1.ViewContextService }, { token: i2.ViewStateService }, { token: i3.IntlService }, { token: i4.BaseSlotService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i5.PDFService }, { token: i6.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i7.ScrollbarWidthService }], target: i0.ɵɵFactoryTarget.Directive });
-BaseView.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: BaseView, inputs: { eventTemplate: "eventTemplate", groupHeaderTemplate: "groupHeaderTemplate", selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", eventHeight: "eventHeight", showToolbar: "showToolbar", showFooter: "showFooter", slotClass: "slotClass", eventClass: "eventClass", eventStyles: "eventStyles", weekStart: "weekStart" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "contentTable", first: true, predicate: ["contentTable"], descendants: true }, { propertyName: "times", first: true, predicate: ["times"], descendants: true }, { propertyName: "timesHeader", first: true, predicate: ["timesHeader"], descendants: true }, { propertyName: "timesTable", first: true, predicate: ["timesTable"], descendants: true }, { propertyName: "headerWrap", first: true, predicate: ["headerWrap"], descendants: true }, { propertyName: "hintContainer", first: true, predicate: ["hintContainer"], descendants: true }], usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BaseView, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseView, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i1.ViewContextService }, { type: i2.ViewStateService }, { type: i3.IntlService }, { type: i4.BaseSlotService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i5.PDFService }, { type: i6.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i7.ScrollbarWidthService }]; }, propDecorators: { eventTemplate: [{
                 type: Input

package/{esm2020 → esm2022}/views/common/configuration-view-base.mjs

@@ -18,18 +18,29 @@ const defaultSlotClass = (_args) => null;
  * @hidden
  */
 export class ConfigurationViewBase extends SchedulerView {
-    constructor(localization, changeDetector, viewContext, viewState) {
-        super();
-        this.localization = localization;
-        this.changeDetector = changeDetector;
-        this.viewContext = viewContext;
-        this.viewState = viewState;
-        this.schedulerOptions = {};
-        this.subs = this.localization.changes.subscribe(() => {
-            changeDetector.markForCheck();
-        });
-        this.subs.add(this.viewContext.optionsChange.subscribe(this.optionsChange.bind(this)));
-    }
+    localization;
+    changeDetector;
+    viewContext;
+    viewState;
+    /**
+     * Defines a function that is executed for every slot in the view.
+     * The function returns a value which is supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']) [see example](slug:styling_scheduler#toc-styling-the-slots).
+     */
+    slotClass;
+    /**
+     * Defines a function that is executed for every event in the view.
+     * The function returns a value which is supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
+     */
+    eventClass;
+    /**
+     * Defines a function that is executed for every event in the view.
+     * The function returns a value which is supported by [`ngStyle`](link:site.data.urls.angular['ngstyleapi']).
+     */
+    eventStyles;
+    /**
+     * Specifies the settings for the ongoing events highlight of the Scheduler.
+     */
+    highlightOngoingEvents;
     /**
      * Specifies whether to display the toolbar of the Scheduler.
      */
@@ -40,6 +51,18 @@ export class ConfigurationViewBase extends SchedulerView {
         this._showToolbar = value;
         this.viewState.toolbarVisibilityByView.set(this, value);
     }
+    /**
+     * @hidden
+     */
+    template;
+    /**
+     * @hidden
+     */
+    eventTemplate;
+    /**
+     * @hidden
+     */
+    groupHeaderTemplate;
     /**
      * @hidden
      */
@@ -70,6 +93,19 @@ export class ConfigurationViewBase extends SchedulerView {
     get viewWeekStart() {
         return this.schedulerOptions.weekStart;
     }
+    subs;
+    schedulerOptions = {};
+    constructor(localization, changeDetector, viewContext, viewState) {
+        super();
+        this.localization = localization;
+        this.changeDetector = changeDetector;
+        this.viewContext = viewContext;
+        this.viewState = viewState;
+        this.subs = this.localization.changes.subscribe(() => {
+            changeDetector.markForCheck();
+        });
+        this.subs.add(this.viewContext.optionsChange.subscribe(this.optionsChange.bind(this)));
+    }
     ngOnChanges(changes) {
         this.viewState.notifyOptionsChange(changes);
     }
@@ -80,10 +116,11 @@ export class ConfigurationViewBase extends SchedulerView {
     optionsChange(options) {
         this.schedulerOptions = options;
     }
+    _showToolbar;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfigurationViewBase, 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: ConfigurationViewBase, inputs: { slotClass: "slotClass", eventClass: "eventClass", eventStyles: "eventStyles", highlightOngoingEvents: "highlightOngoingEvents", showToolbar: "showToolbar" }, queries: [{ propertyName: "eventTemplate", first: true, predicate: EventTemplateDirective, descendants: true }, { propertyName: "groupHeaderTemplate", first: true, predicate: GroupHeaderTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "template", first: true, predicate: ["content"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
 }
-ConfigurationViewBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ConfigurationViewBase, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }], target: i0.ɵɵFactoryTarget.Directive });
-ConfigurationViewBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ConfigurationViewBase, inputs: { slotClass: "slotClass", eventClass: "eventClass", eventStyles: "eventStyles", highlightOngoingEvents: "highlightOngoingEvents", showToolbar: "showToolbar" }, queries: [{ propertyName: "eventTemplate", first: true, predicate: EventTemplateDirective, descendants: true }, { propertyName: "groupHeaderTemplate", first: true, predicate: GroupHeaderTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "template", first: true, predicate: ["content"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ConfigurationViewBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfigurationViewBase, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i2.ViewContextService }, { type: i3.ViewStateService }]; }, propDecorators: { slotClass: [{
                 type: Input

package/esm2022/views/common/dom-events.service.mjs

@@ -0,0 +1,22 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Injectable, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class DomEventsService {
+    focus = new EventEmitter();
+    focusIn = new EventEmitter();
+    focusOut = new EventEmitter();
+    click = new EventEmitter();
+    keydown = new EventEmitter();
+    windowBlur = new EventEmitter();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DomEventsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DomEventsService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DomEventsService, decorators: [{
+            type: Injectable
+        }] });

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

@@ -9,6 +9,8 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class HintContainerComponent {
+    changeDetector;
+    hintTemplate;
     constructor(changeDetector) {
         this.changeDetector = changeDetector;
         this.changeDetector.detach();
@@ -16,13 +18,13 @@ export class HintContainerComponent {
     detectChanges() {
         this.changeDetector.detectChanges();
     }
-}
-HintContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HintContainerComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-HintContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: HintContainerComponent, isStandalone: true, selector: "kendo-hint-container", queries: [{ propertyName: "hintTemplate", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HintContainerComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: HintContainerComponent, isStandalone: true, selector: "kendo-hint-container", queries: [{ propertyName: "hintTemplate", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: `
         <ng-container [ngTemplateOutlet]="hintTemplate">
         </ng-container>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HintContainerComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HintContainerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-hint-container',

package/{esm2020 → esm2022}/views/common/repeat.pipe.mjs

@@ -6,14 +6,15 @@ import { Pipe } from '@angular/core';
 import { iterator } from '../../common/util';
 import * as i0 from "@angular/core";
 class NumberIterator {
-    constructor(count) {
-        this.count = count;
-    }
+    count;
     *[iterator]() {
         for (let i = 0; i < this.count; i++) {
             yield i;
         }
     }
+    constructor(count) {
+        this.count = count;
+    }
 }
 /**
  * @hidden
@@ -22,10 +23,10 @@ export class RepeatPipe {
     transform(value) {
         return new NumberIterator(value);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RepeatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: RepeatPipe, isStandalone: true, name: "repeat" });
 }
-RepeatPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RepeatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-RepeatPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: RepeatPipe, isStandalone: true, name: "repeat" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RepeatPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RepeatPipe, decorators: [{
             type: Pipe,
             args: [{
                     // eslint-disable-next-line @angular-eslint/pipe-prefix