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

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

@@ -20,13 +20,15 @@ import * as i2 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class MonthSlotComponent extends BaseSlotDirective {
-    constructor(element, slotService, localization, cdr) {
-        super(element, slotService, localization);
-        this.cdr = cdr;
-        this.moreHorizontalIcon = moreHorizontalIcon;
-        this.isDaySlot = true;
-        this._linkHeight = null;
-    }
+    cdr;
+    style;
+    showMoreButton;
+    moreHorizontalIcon = moreHorizontalIcon;
+    resourcesByIndex;
+    monthDaySlotTemplateRef;
+    eventsPerDay;
+    eventHeight;
+    adaptiveSlotHeight;
     set day(value) {
         this._day = value;
         this.start = value;
@@ -46,6 +48,7 @@ export class MonthSlotComponent extends BaseSlotDirective {
     get start() {
         return this.startDate;
     }
+    isDaySlot = true;
     get end() {
         return addUTCDays(this.start, 1);
     }
@@ -59,6 +62,13 @@ export class MonthSlotComponent extends BaseSlotDirective {
         }
         return this._linkHeight;
     }
+    startDate;
+    _day;
+    _linkHeight = null;
+    constructor(element, slotService, localization, cdr) {
+        super(element, slotService, localization);
+        this.cdr = cdr;
+    }
     ngOnDestroy() {
         super.ngOnDestroy();
         this.removeShowMore();
@@ -82,9 +92,8 @@ export class MonthSlotComponent extends BaseSlotDirective {
         this.showMoreButton = false;
         this.cdr.detectChanges();
     }
-}
-MonthSlotComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MonthSlotComponent, deps: [{ token: i0.ElementRef }, { token: i1.MonthSlotService }, { token: i2.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-MonthSlotComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MonthSlotComponent, isStandalone: true, selector: "[monthSlot]", inputs: { resourcesByIndex: "resourcesByIndex", monthDaySlotTemplateRef: "monthDaySlotTemplateRef", eventsPerDay: "eventsPerDay", eventHeight: "eventHeight", adaptiveSlotHeight: "adaptiveSlotHeight", day: ["monthSlot", "day"] }, usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MonthSlotComponent, deps: [{ token: i0.ElementRef }, { token: i1.MonthSlotService }, { token: i2.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MonthSlotComponent, isStandalone: true, selector: "[monthSlot]", inputs: { resourcesByIndex: "resourcesByIndex", monthDaySlotTemplateRef: "monthDaySlotTemplateRef", eventsPerDay: "eventsPerDay", eventHeight: "eventHeight", adaptiveSlotHeight: "adaptiveSlotHeight", day: ["monthSlot", "day"] }, usesInheritance: true, ngImport: i0, template: `
         <span *ngIf="!monthDaySlotTemplateRef" aria-hidden="true" class="k-link k-nav-day">
             {{ day | kendoDate: isFirstDayOfMonth(day) ? 'MMM dd' : 'dd' }}
         </span>
@@ -103,7 +112,8 @@ MonthSlotComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
             </kendo-icon-wrapper>
         </div>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "pipe", type: DatePipe, name: "kendoDate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MonthSlotComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MonthSlotComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector

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

@@ -11,17 +11,15 @@ import { BORDER_WIDTH, DEFAULT_EVENT_HEIGHT, EVENT_SPACING, MORE_BUTTON_HEIGHT }
  * @hidden
  */
 export class SlotRange {
-    constructor(index) {
-        this.index = index;
-        this.slotMap = new ItemMap();
-        this.itemMap = new ItemMap();
-    }
+    index;
     get slots() {
         return this.slotMap.toArray();
     }
     get items() {
         return this.itemMap.toArray();
     }
+    slotMap = new ItemMap();
+    itemMap = new ItemMap();
     get start() {
         const first = this.slotMap.first;
         if (!first) {
@@ -58,6 +56,9 @@ export class SlotRange {
             height: last.top - first.top + last.height
         };
     }
+    constructor(index) {
+        this.index = index;
+    }
     registerItem(component) {
         this.itemMap.addItem(component.item.index, component);
     }
@@ -244,9 +245,10 @@ export class SlotRange {
  * @hidden
  */
 export class MonthResourceGroup {
+    index;
+    dayRanges = [];
     constructor(index) {
         this.index = index;
-        this.dayRanges = [];
     }
     get hasSlots() {
         return Boolean(this.dayRanges.find(range => range && range.hasSlots));

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

@@ -18,14 +18,15 @@ import * as i3 from "../../navigation";
  * @hidden
  */
 export class MonthViewItemComponent extends BaseViewItem {
+    localeId;
+    caretAltLeftIcon = caretAltLeftIcon;
+    caretAltRightIcon = caretAltRightIcon;
+    arrowRotateCwIcon = arrowRotateCwIcon;
+    arrowsNoRepeatIcon = arrowsNoRepeatIcon;
+    xIcon = xIcon;
     constructor(slotService, localization, focusService, element, renderer, localeId) {
         super(slotService, localization, focusService, element, renderer, localeId);
         this.localeId = localeId;
-        this.caretAltLeftIcon = caretAltLeftIcon;
-        this.caretAltRightIcon = caretAltRightIcon;
-        this.arrowRotateCwIcon = arrowRotateCwIcon;
-        this.arrowsNoRepeatIcon = arrowsNoRepeatIcon;
-        this.xIcon = xIcon;
     }
     reflow() {
         if (this.item.data[this.resourceIndex].hidden) {
@@ -37,9 +38,8 @@ export class MonthViewItemComponent extends BaseViewItem {
         }
         super.reflow();
     }
-}
-MonthViewItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MonthViewItemComponent, deps: [{ token: i1.MonthSlotService }, { token: i2.LocalizationService }, { token: i3.FocusService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Component });
-MonthViewItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MonthViewItemComponent, isStandalone: true, selector: "[monthViewItem]", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MonthViewItemComponent, deps: [{ token: i1.MonthSlotService }, { token: i2.LocalizationService }, { token: i3.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: MonthViewItemComponent, isStandalone: true, selector: "[monthViewItem]", usesInheritance: true, ngImport: i0, template: `
         <span class="k-event-actions">
             <kendo-icon-wrapper
                 *ngIf="item.tail"
@@ -84,7 +84,8 @@ MonthViewItemComponent.ɵ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: MonthViewItemComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MonthViewItemComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector

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

@@ -37,19 +37,35 @@ import * as i7 from "@progress/kendo-angular-common";
  * @hidden
  */
 export class MonthViewRendererComponent extends BaseView {
+    monthDaySlotTemplate;
+    highlightOngoingEvents;
+    type;
+    eventsPerDay;
+    adaptiveSlotHeight;
+    /**
+     * The number of weeks to be rendered in the view
+     */
+    numberOfWeeks = WEEKS_COUNT;
+    /**
+     * Calculates the next or previous range to be displayed (for Month and Multi-Week views)
+     */
+    newRange;
+    /**
+     * Determines the displayed date range and formats the selected date (for Month and Multi-Week views)
+     */
+    dateRangeFn;
+    resizeHintFormat = { skeleton: 'Md' };
+    weeks = [];
+    eventElements;
+    get monthDaySlotTemplateRef() {
+        return this.monthDaySlotTemplate || (this.schedulerMonthDaySlotTemplate || {}).templateRef;
+    }
+    ongoingEventsTimeout;
+    schedulerMonthDaySlotTemplate;
     constructor(viewContext, viewState, intl, slotService, zone, element, renderer, pdfService, localization, changeDetector, scrollBarWidthService) {
         super(viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization, changeDetector, scrollBarWidthService);
-        /**
-         * The number of weeks to be rendered in the view
-         */
-        this.numberOfWeeks = WEEKS_COUNT;
-        this.resizeHintFormat = { skeleton: 'Md' };
-        this.weeks = [];
         this.updateOngoingEvents = this.updateOngoingEvents.bind(this);
     }
-    get monthDaySlotTemplateRef() {
-        return this.monthDaySlotTemplate || (this.schedulerMonthDaySlotTemplate || {}).templateRef;
-    }
     ngOnChanges(changes) {
         if (isChanged('weekStart', changes)) {
             this.onSelectDate(this.selectedDate);
@@ -238,11 +254,10 @@ export class MonthViewRendererComponent extends BaseView {
         }
         return weeks;
     }
-}
-MonthViewRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MonthViewRendererComponent, deps: [{ token: i1.ViewContextService }, { token: i2.ViewStateService }, { token: i3.IntlService }, { token: i4.MonthSlotService }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i5.PDFService }, { token: i6.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i7.ScrollbarWidthService }], target: i0.ɵɵFactoryTarget.Component });
-MonthViewRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MonthViewRendererComponent, isStandalone: true, selector: "month-view", inputs: { monthDaySlotTemplate: "monthDaySlotTemplate", highlightOngoingEvents: "highlightOngoingEvents", type: "type", eventsPerDay: "eventsPerDay", adaptiveSlotHeight: "adaptiveSlotHeight", numberOfWeeks: "numberOfWeeks", newRange: "newRange", dateRangeFn: "dateRangeFn" }, providers: [
-        MonthSlotService
-    ], viewQueries: [{ propertyName: "eventElements", predicate: MonthViewItemComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MonthViewRendererComponent, deps: [{ token: i1.ViewContextService }, { token: i2.ViewStateService }, { token: i3.IntlService }, { token: i4.MonthSlotService }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i5.PDFService }, { token: i6.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i7.ScrollbarWidthService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MonthViewRendererComponent, isStandalone: true, selector: "month-view", inputs: { monthDaySlotTemplate: "monthDaySlotTemplate", highlightOngoingEvents: "highlightOngoingEvents", type: "type", eventsPerDay: "eventsPerDay", adaptiveSlotHeight: "adaptiveSlotHeight", numberOfWeeks: "numberOfWeeks", newRange: "newRange", dateRangeFn: "dateRangeFn" }, providers: [
+            MonthSlotService
+        ], viewQueries: [{ propertyName: "eventElements", predicate: MonthViewItemComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
         <table class="k-scheduler-layout k-scheduler-monthview">
             <tbody>
                 <tr class="k-scheduler-head">
@@ -391,7 +406,8 @@ MonthViewRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
             </tbody>
         </table>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MonthSlotComponent, selector: "[monthSlot]", inputs: ["resourcesByIndex", "monthDaySlotTemplateRef", "eventsPerDay", "eventHeight", "adaptiveSlotHeight", "monthSlot"] }, { kind: "component", type: MonthViewItemComponent, selector: "[monthViewItem]" }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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: RepeatPipe, name: "repeat" }, { kind: "pipe", type: ResourceIteratorPipe, name: "resourceIterator" }, { kind: "pipe", type: DatePipe, name: "kendoDate" }, { kind: "pipe", type: AsyncPipe, name: "async" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MonthViewRendererComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MonthViewRendererComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector

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

@@ -23,29 +23,7 @@ import * as i4 from "@progress/kendo-angular-intl";
  * The component for rendering the **Month** view.
  */
 export class MonthViewComponent extends ConfigurationViewBase {
-    constructor(localization, changeDetector, viewContext, viewState, intl) {
-        super(localization, changeDetector, viewContext, viewState);
-        this.intl = intl;
-        /**
-         * The long-date format for displaying the
-         * selected date in the Scheduler toolbar.
-         * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
-         * @default '{0:Y}'
-         */
-        this.selectedDateFormat = '{0:Y}';
-        /**
-         * The short-date format for displaying the
-         * selected date in the Scheduler toolbar.
-         * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting.
-         * @default '{0:y}'
-         */
-        this.selectedShortDateFormat = '{0:y}';
-        /**
-         * The invariant name for this view.
-         * @default 'month'
-         */
-        this.name = 'month';
-    }
+    intl;
     /**
      * @hidden
      */
@@ -54,7 +32,8 @@ export class MonthViewComponent extends ConfigurationViewBase {
     }
     /**
      * The number of events to be rendered per day. Setting this property to 'auto'
-     * will display all events in the respective slot.
+     * will display all events in the respective slot
+     * ([see example](slug:month_views_scheduler#setting-the-number-of-events-per-day)).
      * > When set to `'auto'` it will automatically set the `adaptiveSlotHeight` property to `true`.
      * > If set to `0` it will be normalized internally to `1`.
      * @default 2
@@ -65,9 +44,48 @@ export class MonthViewComponent extends ConfigurationViewBase {
     get eventsPerDay() {
         return this._eventsPerDay;
     }
+    _eventsPerDay;
+    /**
+     * The height of the rendered events. Setting this property to 'auto' will
+     * set the height of each event automatically based on its content
+     * ([see example](slug:month_views_scheduler#configuring-the-height-of-the-scheduler-events)).
+     * > When set to `'auto'` it will automatically set the `adaptiveSlotHeight` property to `true`.
+     */
+    eventHeight;
+    /**
+     * Increases the slot group (row) height when containing events up to the number of displayed events
+     * and reduces its height if there are less events for that specific slot group (row)
+     * ([see example](slug:month_views_scheduler#enabling-the-adaptive-slot-height-of-the-scheduler)).
+     * @default false
+     */
+    adaptiveSlotHeight;
+    /**
+     * The long-date format for displaying the
+     * selected date in the Scheduler toolbar.
+     * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
+     * @default '{0:Y}'
+     */
+    selectedDateFormat = '{0:Y}';
+    /**
+     * The short-date format for displaying the
+     * selected date in the Scheduler toolbar.
+     * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting.
+     * @default '{0:y}'
+     */
+    selectedShortDateFormat = '{0:y}';
+    monthDaySlotTemplate;
+    /**
+     * The invariant name for this view.
+     * @default 'month'
+     */
+    name = 'month';
     get viewEventHeight() {
         return isPresent(this.eventHeight) ? this.eventHeight : (this.schedulerOptions.eventHeight || DEFAULT_EVENT_HEIGHT);
     }
+    constructor(localization, changeDetector, viewContext, viewState, intl) {
+        super(localization, changeDetector, viewContext, viewState);
+        this.intl = intl;
+    }
     ngOnChanges(changes) {
         if ((changes['eventHeight'] && changes['eventHeight'].currentValue === 'auto') ||
             (changes['eventsPerDay'] && changes['eventsPerDay'].currentValue === 'auto')) {
@@ -95,12 +113,11 @@ export class MonthViewComponent extends ConfigurationViewBase {
     newRange(date, direction = 1) {
         return firstDayOfMonth(addMonths(date, direction));
     }
-}
-MonthViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MonthViewComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }, { token: i4.IntlService }], target: i0.ɵɵFactoryTarget.Component });
-MonthViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MonthViewComponent, isStandalone: true, selector: "kendo-scheduler-month-view", inputs: { eventsPerDay: "eventsPerDay", eventHeight: "eventHeight", adaptiveSlotHeight: "adaptiveSlotHeight", selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat" }, providers: [{
-            provide: SchedulerView,
-            useExisting: forwardRef(() => MonthViewComponent)
-        }], queries: [{ propertyName: "monthDaySlotTemplate", first: true, predicate: MonthDaySlotTemplateDirective, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MonthViewComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }, { token: i4.IntlService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MonthViewComponent, isStandalone: true, selector: "kendo-scheduler-month-view", inputs: { eventsPerDay: "eventsPerDay", eventHeight: "eventHeight", adaptiveSlotHeight: "adaptiveSlotHeight", selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat" }, providers: [{
+                provide: SchedulerView,
+                useExisting: forwardRef(() => MonthViewComponent)
+            }], queries: [{ propertyName: "monthDaySlotTemplate", first: true, predicate: MonthDaySlotTemplateDirective, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
         <ng-template #content>
             <month-view
                 type="month"
@@ -122,7 +139,8 @@ MonthViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
             </month-view>
         </ng-template>
     `, isInline: true, dependencies: [{ kind: "component", type: MonthViewRendererComponent, selector: "month-view", inputs: ["monthDaySlotTemplate", "highlightOngoingEvents", "type", "eventsPerDay", "adaptiveSlotHeight", "numberOfWeeks", "newRange", "dateRangeFn"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MonthViewComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MonthViewComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,

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

@@ -23,42 +23,24 @@ import * as i4 from "@progress/kendo-angular-intl";
  * The component for rendering the **Multi-Week** view.
  */
 export class MultiWeekViewComponent extends ConfigurationViewBase {
-    constructor(localization, changeDetector, viewContext, viewState, intl) {
-        super(localization, changeDetector, viewContext, viewState);
-        this.intl = intl;
-        /**
-         * The number of weeks to be rendered.
-         * @default 6
-         */
-        this.numberOfWeeks = WEEKS_COUNT;
-        /**
-         * The long-date format for displaying the
-         * selected date in the Scheduler toolbar.
-         * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
-         * @default '{0:D} - {1:D}'
-         */
-        this.selectedDateFormat = '{0:D} - {1:D}';
-        /**
-         * The short-date format for displaying the
-         * selected date in the Scheduler toolbar.
-         * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting.
-         * @default '{0:d} - {1:d}'
-         */
-        this.selectedShortDateFormat = '{0:d} - {1:d}';
-        /**
-         * The invariant name for this view (`multiWeek`).
-         */
-        this.name = 'multiWeek';
-    }
+    intl;
     /**
      * @hidden
      */
     get title() {
         return this.localization.get('multiWeekViewTitle');
     }
+    /**
+     * The height of the rendered events. Setting this property to `'auto'` will
+     * set the height of each event automatically based on its content
+     * ([see example](slug:multiweek_views_scheduler#configuring-the-height-of-the-scheduler-events)).
+     * > When set to `'auto'` it will automatically set the `adaptiveSlotHeight` property to `true`.
+     */
+    eventHeight;
     /**
      * The number of events to be rendered per day. Setting this property to 'auto'
-     * will display all events in the respective slot.
+     * will display all events in the respective slot
+     * ([see example](slug:multiweek_views_scheduler#setting-the-number-of-events-per-day)).
      * > When set to `'auto'` it will automatically set the `adaptiveSlotHeight` property to `true`.
      * > If set to `0` it will be normalized internally to `1`.
      * @default 2
@@ -69,9 +51,45 @@ export class MultiWeekViewComponent extends ConfigurationViewBase {
     get eventsPerDay() {
         return this._eventsPerDay;
     }
+    _eventsPerDay;
+    /**
+     * Increases the slot group (row) height when containing events up to the number of displayed events
+     * and reduces its height if there are less events for that specific slot group (row)
+     * ([see example](slug:multiweek_views_scheduler#enabling-the-adaptive-slot-height-of-the-scheduler)).
+     * @default false
+     */
+    adaptiveSlotHeight;
+    /**
+     * The number of weeks to be rendered.
+     * @default 6
+     */
+    numberOfWeeks = WEEKS_COUNT;
+    /**
+     * The long-date format for displaying the
+     * selected date in the Scheduler toolbar.
+     * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
+     * @default '{0:D} - {1:D}'
+     */
+    selectedDateFormat = '{0:D} - {1:D}';
+    /**
+     * The short-date format for displaying the
+     * selected date in the Scheduler toolbar.
+     * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting.
+     * @default '{0:d} - {1:d}'
+     */
+    selectedShortDateFormat = '{0:d} - {1:d}';
+    multiWeekDaySlotTemplate;
+    /**
+     * The invariant name for this view (`multiWeek`).
+     */
+    name = 'multiWeek';
     get viewEventHeight() {
         return isPresent(this.eventHeight) ? this.eventHeight : (this.schedulerOptions.eventHeight || DEFAULT_EVENT_HEIGHT);
     }
+    constructor(localization, changeDetector, viewContext, viewState, intl) {
+        super(localization, changeDetector, viewContext, viewState);
+        this.intl = intl;
+    }
     ngOnChanges(changes) {
         if ((changes['eventHeight'] && changes['eventHeight'].currentValue === 'auto') ||
             (changes['eventsPerDay'] && changes['eventsPerDay'].currentValue === 'auto')) {
@@ -99,12 +117,11 @@ export class MultiWeekViewComponent extends ConfigurationViewBase {
     newRange(date, direction = 1) {
         return firstDayInWeek(addWeeks(date, this.numberOfWeeks * direction));
     }
-}
-MultiWeekViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MultiWeekViewComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }, { token: i4.IntlService }], target: i0.ɵɵFactoryTarget.Component });
-MultiWeekViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MultiWeekViewComponent, isStandalone: true, selector: "kendo-scheduler-multi-week-view", inputs: { eventHeight: "eventHeight", eventsPerDay: "eventsPerDay", adaptiveSlotHeight: "adaptiveSlotHeight", numberOfWeeks: "numberOfWeeks", selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat" }, providers: [{
-            provide: SchedulerView,
-            useExisting: forwardRef(() => MultiWeekViewComponent)
-        }], queries: [{ propertyName: "multiWeekDaySlotTemplate", first: true, predicate: MultiWeekDaySlotTemplateDirective, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MultiWeekViewComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }, { token: i4.IntlService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MultiWeekViewComponent, isStandalone: true, selector: "kendo-scheduler-multi-week-view", inputs: { eventHeight: "eventHeight", eventsPerDay: "eventsPerDay", adaptiveSlotHeight: "adaptiveSlotHeight", numberOfWeeks: "numberOfWeeks", selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat" }, providers: [{
+                provide: SchedulerView,
+                useExisting: forwardRef(() => MultiWeekViewComponent)
+            }], queries: [{ propertyName: "multiWeekDaySlotTemplate", first: true, predicate: MultiWeekDaySlotTemplateDirective, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
         <ng-template #content>
             <month-view
                 type="multiWeek"
@@ -127,7 +144,8 @@ MultiWeekViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
             </month-view>
         </ng-template>
     `, isInline: true, dependencies: [{ kind: "component", type: MonthViewRendererComponent, selector: "month-view", inputs: ["monthDaySlotTemplate", "highlightOngoingEvents", "type", "eventsPerDay", "adaptiveSlotHeight", "numberOfWeeks", "newRange", "dateRangeFn"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MultiWeekViewComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MultiWeekViewComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,

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

@@ -21,16 +21,6 @@ import * as i3 from "../view-state.service";
  * The component for rendering the **Day** view.
  */
 export class DayViewComponent extends MultiDayViewBase {
-    constructor(localization, changeDetector, viewContext, viewState) {
-        super(localization, changeDetector, viewContext, viewState);
-        /**
-         * The invariant name for this view.
-         * @default 'day'
-         */
-        this.name = 'day';
-        this._selectedDateFormat = '{0:D}';
-        this._selectedShortDateFormat = '{0:d}';
-    }
     /**
      * @hidden
      */
@@ -61,12 +51,29 @@ export class DayViewComponent extends MultiDayViewBase {
     get selectedShortDateFormat() {
         return this._selectedShortDateFormat;
     }
-}
-DayViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DayViewComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }], target: i0.ɵɵFactoryTarget.Component });
-DayViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DayViewComponent, isStandalone: true, selector: "kendo-scheduler-day-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat" }, providers: [{
-            provide: SchedulerView,
-            useExisting: forwardRef(() => DayViewComponent)
-        }], queries: [{ propertyName: "allDaySlotTemplate", first: true, predicate: AllDaySlotTemplateDirective, descendants: true }, { propertyName: "allDayEventTemplate", first: true, predicate: AllDayEventTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    /**
+     * @hidden
+     */
+    allDaySlotTemplate;
+    /**
+     * @hidden
+     */
+    allDayEventTemplate;
+    /**
+     * The invariant name for this view.
+     * @default 'day'
+     */
+    name = 'day';
+    _selectedDateFormat = '{0:D}';
+    _selectedShortDateFormat = '{0:d}';
+    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: DayViewComponent, 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: DayViewComponent, isStandalone: true, selector: "kendo-scheduler-day-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat" }, providers: [{
+                provide: SchedulerView,
+                useExisting: forwardRef(() => DayViewComponent)
+            }], queries: [{ propertyName: "allDaySlotTemplate", first: true, predicate: AllDaySlotTemplateDirective, descendants: true }, { propertyName: "allDayEventTemplate", first: true, predicate: AllDayEventTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `
         <ng-template #content>
             <multi-day-view
                 [name]="name"
@@ -102,7 +109,8 @@ DayViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
             <div *ngIf="viewShowFooter" viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
         </ng-template>
     `, isInline: true, dependencies: [{ kind: "component", type: MultiDayViewRendererComponent, selector: "multi-day-view", inputs: ["allDaySlot", "name", "slotFill", "allDaySlotTemplate", "allDayEventTemplate"] }, { 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: DayViewComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DayViewComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,

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

@@ -17,25 +17,36 @@ const ALL_DAY_SLOT = 'allDaySlot';
  * @hidden
  */
 export class MultiDayViewBase extends DayTimeViewBase {
-    constructor(localization, changeDetector, viewContext, viewState) {
-        super(localization, changeDetector, viewContext, viewState);
-    }
+    /**
+     * Numeric value between 0 and 1 that specifies what percentage of the slot should be filled by the events.
+     *
+     * @default 0.9
+     */
+    slotFill;
     /**
      * @hidden
      */
     get viewSlotFill() {
         return this.optionValue(SLOT_FILL);
     }
+    /**
+     * Toggles the all-day slot.
+     * @default true
+     */
+    allDaySlot;
     /**
      * @hidden
      */
     get viewAllDaySlot() {
         return this.optionValue(ALL_DAY_SLOT);
     }
+    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: MultiDayViewBase, 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: MultiDayViewBase, inputs: { slotFill: "slotFill", allDaySlot: "allDaySlot" }, usesInheritance: true, ngImport: i0 });
 }
-MultiDayViewBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MultiDayViewBase, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }], target: i0.ɵɵFactoryTarget.Directive });
-MultiDayViewBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: MultiDayViewBase, inputs: { slotFill: "slotFill", allDaySlot: "allDaySlot" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MultiDayViewBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MultiDayViewBase, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i2.ViewContextService }, { type: i3.ViewStateService }]; }, propDecorators: { slotFill: [{
                 type: Input