@progress/kendo-angular-scheduler 16.11.0 → 17.0.0-develop.1

package/views/month/month-slot.service.d.ts

@@ -26,7 +26,8 @@ export declare class SlotRange {
     unregisterItem(component: MonthViewItemComponent, index: number): void;
     registerSlot(slot: any): void;
     unregisterSlot(slot: any): void;
-    layout(eventHeight: number): void;
+    layout(eventHeight: number | 'auto', eventsPerDay: number | 'auto', adaptiveSlotHeight: boolean): void;
+    private renderAutoHeightEvents;
 }
 /**
  * @hidden
@@ -48,7 +49,7 @@ export declare class MonthResourceGroup implements ResourceGroup {
  * @hidden
  */
 export declare class MonthSlotService extends BaseSlotService {
-    layout(eventHeight: number): void;
+    layout(eventHeight: number | 'auto', eventsPerDay: number | 'auto', adaptiveSlotHeight: boolean): void;
     slotByIndex(slotIndex: string): any;
     forEachSlot(callback: any): void;
     forEachItem(callback: (e: MonthViewItemComponent) => void): void;

package/views/month/month-view-renderer.component.d.ts

@@ -22,6 +22,8 @@ export declare class MonthViewRendererComponent extends BaseView implements OnCh
     monthDaySlotTemplate: TemplateRef<any>;
     highlightOngoingEvents: any;
     type: 'month' | 'multiWeek';
+    eventsPerDay: number | 'auto';
+    adaptiveSlotHeight: boolean;
     /**
      * The number of weeks to be rendered in the view
      */
@@ -42,6 +44,7 @@ export declare class MonthViewRendererComponent extends BaseView implements OnCh
     private schedulerMonthDaySlotTemplate;
     constructor(viewContext: ViewContextService, viewState: ViewStateService, intl: IntlService, slotService: MonthSlotService, zone: NgZone, element: ElementRef, renderer: Renderer2, pdfService: PDFService, localization: LocalizationService, changeDetector: ChangeDetectorRef, scrollBarWidthService: ScrollbarWidthService);
     ngOnChanges(changes: any): void;
+    ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     horizontalColspan(resourceIndex: number): any;
@@ -69,5 +72,5 @@ export declare class MonthViewRendererComponent extends BaseView implements OnCh
     protected toggleOngoingClass(): void;
     private createDaySlots;
     static ɵfac: i0.ɵɵFactoryDeclaration<MonthViewRendererComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MonthViewRendererComponent, "month-view", never, { "monthDaySlotTemplate": "monthDaySlotTemplate"; "highlightOngoingEvents": "highlightOngoingEvents"; "type": "type"; "numberOfWeeks": "numberOfWeeks"; "newRange": "newRange"; "dateRangeFn": "dateRangeFn"; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonthViewRendererComponent, "month-view", never, { "monthDaySlotTemplate": "monthDaySlotTemplate"; "highlightOngoingEvents": "highlightOngoingEvents"; "type": "type"; "eventsPerDay": "eventsPerDay"; "adaptiveSlotHeight": "adaptiveSlotHeight"; "numberOfWeeks": "numberOfWeeks"; "newRange": "newRange"; "dateRangeFn": "dateRangeFn"; }, {}, never, never, true, never>;
 }

package/views/month/month-view.component.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { OnDestroy, ChangeDetectorRef } from '@angular/core';
+import { OnDestroy, ChangeDetectorRef, SimpleChanges, OnChanges } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { IntlService } from '@progress/kendo-angular-intl';
 import { DateRange } from '../../types';
@@ -15,16 +15,34 @@ import * as i0 from "@angular/core";
 /**
  * The component for rendering the **Month** view.
  */
-export declare class MonthViewComponent extends ConfigurationViewBase implements OnDestroy {
+export declare class MonthViewComponent extends ConfigurationViewBase implements OnDestroy, OnChanges {
     private intl;
     /**
      * @hidden
      */
     get title(): string;
     /**
-     * The height of the rendered events.
+     * The number of events to be rendered per day. Setting this property to 'auto'
+     * will display all events in the respective slot.
+     * > 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
      */
-    eventHeight: number;
+    set eventsPerDay(events: number | 'auto');
+    get eventsPerDay(): number | 'auto';
+    private _eventsPerDay;
+    /**
+     * The height of the rendered events. Setting this property to 'auto' will
+     * set the height of each event automatically based on its content.
+     * > When set to `'auto'` it will automatically set the `adaptiveSlotHeight` property to `true`.
+     */
+    eventHeight: number | 'auto';
+    /**
+     * 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).
+     * @default false
+     */
+    adaptiveSlotHeight: boolean;
     /**
      * The long-date format for displaying the
      * selected date in the Scheduler toolbar.
@@ -45,8 +63,9 @@ export declare class MonthViewComponent extends ConfigurationViewBase implements
      * @default 'month'
      */
     readonly name: string;
-    get viewEventHeight(): number;
+    get viewEventHeight(): number | 'auto';
     constructor(localization: LocalizationService, changeDetector: ChangeDetectorRef, viewContext: ViewContextService, viewState: ViewStateService, intl: IntlService);
+    ngOnChanges(changes: SimpleChanges): void;
     /**
      * @hidden
      */
@@ -56,5 +75,5 @@ export declare class MonthViewComponent extends ConfigurationViewBase implements
      */
     newRange(date: Date, direction?: 1 | -1): Date;
     static ɵfac: i0.ɵɵFactoryDeclaration<MonthViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MonthViewComponent, "kendo-scheduler-month-view", never, { "eventHeight": "eventHeight"; "selectedDateFormat": "selectedDateFormat"; "selectedShortDateFormat": "selectedShortDateFormat"; }, {}, ["monthDaySlotTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonthViewComponent, "kendo-scheduler-month-view", never, { "eventsPerDay": "eventsPerDay"; "eventHeight": "eventHeight"; "adaptiveSlotHeight": "adaptiveSlotHeight"; "selectedDateFormat": "selectedDateFormat"; "selectedShortDateFormat": "selectedShortDateFormat"; }, {}, ["monthDaySlotTemplate"], never, true, never>;
 }

package/views/month/multi-week-view.component.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { OnDestroy, ChangeDetectorRef } from '@angular/core';
+import { OnDestroy, ChangeDetectorRef, SimpleChanges, OnChanges } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { IntlService } from '@progress/kendo-angular-intl';
 import { Day } from '@progress/kendo-date-math';
@@ -15,16 +15,34 @@ import * as i0 from "@angular/core";
 /**
  * The component for rendering the **Multi-Week** view.
  */
-export declare class MultiWeekViewComponent extends ConfigurationViewBase implements OnDestroy {
+export declare class MultiWeekViewComponent extends ConfigurationViewBase implements OnDestroy, OnChanges {
     private intl;
     /**
      * @hidden
      */
     get title(): string;
     /**
-     * The height of the rendered events.
+     * The height of the rendered events. Setting this property to `'auto'` will
+     * set the height of each event automatically based on its content.
+     * > When set to `'auto'` it will automatically set the `adaptiveSlotHeight` property to `true`.
      */
-    eventHeight: number;
+    eventHeight: number | 'auto';
+    /**
+     * The number of events to be rendered per day. Setting this property to 'auto'
+     * will display all events in the respective slot.
+     * > 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
+     */
+    set eventsPerDay(events: number | 'auto');
+    get eventsPerDay(): number | 'auto';
+    private _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).
+     * @default false
+     */
+    adaptiveSlotHeight: boolean;
     /**
      * The number of weeks to be rendered.
      * @default 6
@@ -49,8 +67,9 @@ export declare class MultiWeekViewComponent extends ConfigurationViewBase implem
      * The invariant name for this view (`multiWeek`).
      */
     readonly name: string;
-    get viewEventHeight(): number;
+    get viewEventHeight(): number | 'auto';
     constructor(localization: LocalizationService, changeDetector: ChangeDetectorRef, viewContext: ViewContextService, viewState: ViewStateService, intl: IntlService);
+    ngOnChanges(changes: SimpleChanges): void;
     /**
      * @hidden
      */
@@ -60,5 +79,5 @@ export declare class MultiWeekViewComponent extends ConfigurationViewBase implem
      */
     newRange(date: Date, direction?: -1 | 1): Date;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiWeekViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiWeekViewComponent, "kendo-scheduler-multi-week-view", never, { "eventHeight": "eventHeight"; "numberOfWeeks": "numberOfWeeks"; "selectedDateFormat": "selectedDateFormat"; "selectedShortDateFormat": "selectedShortDateFormat"; }, {}, ["multiWeekDaySlotTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiWeekViewComponent, "kendo-scheduler-multi-week-view", never, { "eventHeight": "eventHeight"; "eventsPerDay": "eventsPerDay"; "adaptiveSlotHeight": "adaptiveSlotHeight"; "numberOfWeeks": "numberOfWeeks"; "selectedDateFormat": "selectedDateFormat"; "selectedShortDateFormat": "selectedShortDateFormat"; }, {}, ["multiWeekDaySlotTemplate"], never, true, never>;
 }