@progress/kendo-angular-scheduler 23.3.0-develop.11 → 23.3.0-develop.12

package/fesm2022/progress-kendo-angular-scheduler.mjs

@@ -43,8 +43,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1774361956,
-    version: '23.3.0-develop.11',
+    publishDate: 1774364451,
+    version: '23.3.0-develop.12',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -12624,7 +12624,7 @@ class BaseView {
     pdfService;
     localization;
     cdr;
-    scrollBarWidthService;
+    scrollbarService;
     eventTemplate;
     groupHeaderTemplate;
     selectedDateFormat;
@@ -12705,7 +12705,7 @@ class BaseView {
     autoHeight = false;
     rtl = false;
     isEventTarget = false;
-    constructor(viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization, cdr, scrollBarWidthService) {
+    constructor(viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization, cdr, scrollbarService) {
         this.viewContext = viewContext;
         this.viewState = viewState;
         this.intl = intl;
@@ -12716,7 +12716,7 @@ class BaseView {
         this.pdfService = pdfService;
         this.localization = localization;
         this.cdr = cdr;
-        this.scrollBarWidthService = scrollBarWidthService;
+        this.scrollbarService = scrollbarService;
         this.setSlotClass = this.setSlotClass.bind(this);
         this.setHintClass = this.setHintClass.bind(this);
         this.weekStart = intl.firstDay();
@@ -13496,11 +13496,17 @@ class BaseView {
         if (this.timesTable) {
             this.renderer.setStyle(this.timesTable.nativeElement, 'height', `${this.contentTable.nativeElement.offsetHeight}px`);
         }
-        // Need to explicitly set 'padding-inline-xxx' to 0px when the Scheduler has no height set
+        // Need to explicitly set 'padding-inline-xxx' to 0px when the Scheduler has no height set.
+        // Always clear the opposite side to avoid stale inline styles when RTL/LTR toggles at runtime.
+        const activePadding = this.localization.rtl ? 'padding-inline-start' : 'padding-inline-end';
+        const oppositePadding = this.localization.rtl ? 'padding-inline-end' : 'padding-inline-start';
+        this.renderer.removeStyle(this.header.nativeElement, oppositePadding);
         if (!hasScrollbar(this.content.nativeElement, 'vertical')) {
-            this.renderer.setStyle(this.header.nativeElement, !this.localization.rtl ? 'padding-inline-end' : 'padding-inline-start', '0px');
+            this.renderer.setStyle(this.header.nativeElement, activePadding, '0');
+        }
+        else {
+            this.renderer.removeStyle(this.header.nativeElement, activePadding);
         }
-        this.renderer.removeStyle(this.header.nativeElement, this.localization.rtl ? 'padding-inline-end' : 'padding-inline-start');
         if (this.times) {
             const times = this.times.nativeElement;
             this.timesHeader.nativeElement.style.width = `${times.offsetWidth}px`;
@@ -13636,12 +13642,12 @@ class BaseView {
             this.zone.onStable.pipe(take(1)).subscribe(() => this.updateView());
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BaseView, deps: [{ token: ViewContextService }, { token: ViewStateService }, { token: i4.IntlService }, { token: BaseSlotService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: PDFService }, { token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i7.ScrollbarWidthService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BaseView, deps: [{ token: ViewContextService }, { token: ViewStateService }, { token: i4.IntlService }, { token: BaseSlotService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: PDFService }, { token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i7.ScrollbarService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: BaseView, isStandalone: true, 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: "19.2.20", ngImport: i0, type: BaseView, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: ViewContextService }, { type: ViewStateService }, { type: i4.IntlService }, { type: BaseSlotService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: PDFService }, { type: i1$1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i7.ScrollbarWidthService }], propDecorators: { eventTemplate: [{
+        }], ctorParameters: () => [{ type: ViewContextService }, { type: ViewStateService }, { type: i4.IntlService }, { type: BaseSlotService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: PDFService }, { type: i1$1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i7.ScrollbarService }], propDecorators: { eventTemplate: [{
                 type: Input
             }], groupHeaderTemplate: [{
                 type: Input
@@ -14440,8 +14446,8 @@ class MonthViewRendererComponent extends BaseView {
     }
     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);
+    constructor(viewContext, viewState, intl, slotService, zone, element, renderer, pdfService, localization, changeDetector, scrollbarService) {
+        super(viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization, changeDetector, scrollbarService);
         this.updateOngoingEvents = this.updateOngoingEvents.bind(this);
     }
     ngOnChanges(changes) {
@@ -14651,7 +14657,7 @@ class MonthViewRendererComponent extends BaseView {
         }
         return weeks;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: MonthViewRendererComponent, deps: [{ token: ViewContextService }, { token: ViewStateService }, { token: i4.IntlService }, { token: MonthSlotService }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: PDFService }, { token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i7.ScrollbarWidthService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: MonthViewRendererComponent, deps: [{ token: ViewContextService }, { token: ViewStateService }, { token: i4.IntlService }, { token: MonthSlotService }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: PDFService }, { token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i7.ScrollbarService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: MonthViewRendererComponent, isStandalone: true, selector: "month-view", inputs: { hiddenDays: "hiddenDays", monthDaySlotTemplate: "monthDaySlotTemplate", highlightOngoingEvents: "highlightOngoingEvents", type: "type", eventsPerDay: "eventsPerDay", adaptiveSlotHeight: "adaptiveSlotHeight", numberOfWeeks: "numberOfWeeks", newRange: "newRange", dateRangeFn: "dateRangeFn" }, outputs: { moreEventsClick: "moreEventsClick" }, providers: [
             MonthSlotService
         ], viewQueries: [{ propertyName: "eventElements", predicate: MonthViewItemComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
@@ -15031,7 +15037,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     standalone: true,
                     imports: [NgTemplateOutlet, NgClass, MonthSlotComponent, MonthViewItemComponent, NgStyle, FocusableDirective, HintContainerComponent, ResizeHintComponent, RepeatPipe, ResourceIteratorPipe, DatePipe, AsyncPipe]
                 }]
-        }], ctorParameters: () => [{ type: ViewContextService }, { type: ViewStateService }, { type: i4.IntlService }, { type: MonthSlotService }, { type: i0.NgZone }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: PDFService }, { type: i1$1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i7.ScrollbarWidthService }], propDecorators: { hiddenDays: [{
+        }], ctorParameters: () => [{ type: ViewContextService }, { type: ViewStateService }, { type: i4.IntlService }, { type: MonthSlotService }, { type: i0.NgZone }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: PDFService }, { type: i1$1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i7.ScrollbarService }], propDecorators: { hiddenDays: [{
                 type: Input
             }], monthDaySlotTemplate: [{
                 type: Input
@@ -16781,8 +16787,8 @@ class DayTimeViewComponent extends BaseView {
     verticalTime = true;
     initialUpdate = true;
     dates = [];
-    constructor(changeDetector, viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization, scrollBarWidthService) {
-        super(viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization, changeDetector, scrollBarWidthService);
+    constructor(changeDetector, viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization, scrollbarService) {
+        super(viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization, changeDetector, scrollbarService);
         this.changeDetector = changeDetector;
         this.updateCurrentTime = this.updateCurrentTime.bind(this);
         this.toggleOngoingClass = this.toggleOngoingClass.bind(this);
@@ -17070,13 +17076,13 @@ class DayTimeViewComponent extends BaseView {
         }
         return fields;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DayTimeViewComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: ViewContextService }, { token: ViewStateService }, { token: i4.IntlService }, { token: DayTimeSlotService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: PDFService }, { token: i1$1.LocalizationService }, { token: i7.ScrollbarWidthService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DayTimeViewComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: ViewContextService }, { token: ViewStateService }, { token: i4.IntlService }, { token: DayTimeSlotService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: PDFService }, { token: i1$1.LocalizationService }, { token: i7.ScrollbarService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: DayTimeViewComponent, isStandalone: true, 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: "19.2.20", ngImport: i0, type: DayTimeViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kendo-day-time-view', template: '' }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: ViewContextService }, { type: ViewStateService }, { type: i4.IntlService }, { type: DayTimeSlotService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: PDFService }, { type: i1$1.LocalizationService }, { type: i7.ScrollbarWidthService }], propDecorators: { timeSlotTemplate: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: ViewContextService }, { type: ViewStateService }, { type: i4.IntlService }, { type: DayTimeSlotService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: PDFService }, { type: i1$1.LocalizationService }, { type: i7.ScrollbarService }], propDecorators: { timeSlotTemplate: [{
                 type: Input
             }], dateHeaderTemplate: [{
                 type: Input
@@ -17284,8 +17290,8 @@ class MultiDayViewRendererComponent extends DayTimeViewComponent {
     schedulerAllDaySlotTemplate;
     schedulerAllDayEventTemplate;
     dragContainers;
-    constructor(localization, viewContext, viewState, intl, slotService, zone, renderer, element, changeDetector, pdfService, scrollbarWidthService) {
-        super(changeDetector, viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization, scrollbarWidthService);
+    constructor(localization, viewContext, viewState, intl, slotService, zone, renderer, element, changeDetector, pdfService, scrollbarService) {
+        super(changeDetector, viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization, scrollbarService);
     }
     optionsChange(changes) {
         this.schedulerAllDaySlotTemplate = changes.allDaySlotTemplate;
@@ -17478,7 +17484,7 @@ class MultiDayViewRendererComponent extends DayTimeViewComponent {
         }
         return 0;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: MultiDayViewRendererComponent, deps: [{ token: i1$1.LocalizationService }, { token: ViewContextService }, { token: ViewStateService }, { token: i4.IntlService }, { token: DayTimeSlotService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: PDFService }, { token: i7.ScrollbarWidthService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: MultiDayViewRendererComponent, deps: [{ token: i1$1.LocalizationService }, { token: ViewContextService }, { token: ViewStateService }, { token: i4.IntlService }, { token: DayTimeSlotService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: PDFService }, { token: i7.ScrollbarService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: MultiDayViewRendererComponent, isStandalone: true, selector: "multi-day-view", inputs: { hiddenDays: "hiddenDays", allDaySlot: "allDaySlot", name: "name", slotFill: "slotFill", allDaySlotTemplate: "allDaySlotTemplate", allDayEventTemplate: "allDayEventTemplate" }, providers: [
             DayTimeSlotService
         ], viewQueries: [{ propertyName: "headerHintContainer", first: true, predicate: ["headerHintContainer"], descendants: true }, { propertyName: "dayCells", predicate: ["allDayCell"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
@@ -18202,7 +18208,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     standalone: true,
                     imports: [NgClass, NgTemplateOutlet, DaySlotDirective, DayTimeViewItemComponent, NgStyle, FocusableDirective, HintContainerComponent, ResizeHintComponent, TimeSlotDirective, ResourceIteratorPipe, DatePipe, AsyncPipe]
                 }]
-        }], ctorParameters: () => [{ type: i1$1.LocalizationService }, { type: ViewContextService }, { type: ViewStateService }, { type: i4.IntlService }, { type: DayTimeSlotService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: PDFService }, { type: i7.ScrollbarWidthService }], propDecorators: { hiddenDays: [{
+        }], ctorParameters: () => [{ type: i1$1.LocalizationService }, { type: ViewContextService }, { type: ViewStateService }, { type: i4.IntlService }, { type: DayTimeSlotService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: PDFService }, { type: i7.ScrollbarService }], propDecorators: { hiddenDays: [{
                 type: Input
             }], allDaySlot: [{
                 type: Input
@@ -18994,8 +19000,8 @@ class TimelineMultiDayViewComponent extends DayTimeViewComponent {
     }
     verticalTime = false;
     contentWidth;
-    constructor(localization, changeDetector, viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, scrollBarWidthService) {
-        super(changeDetector, viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization, scrollBarWidthService);
+    constructor(localization, changeDetector, viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, scrollbarService) {
+        super(changeDetector, viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization, scrollbarService);
     }
     ngOnChanges(changes) {
         if (changes.columnWidth) {
@@ -19093,7 +19099,7 @@ class TimelineMultiDayViewComponent extends DayTimeViewComponent {
     currentTimeArrowOffset() {
         return this.headerWrap.nativeElement.querySelector('tr:last-child').offsetTop;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TimelineMultiDayViewComponent, deps: [{ token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: ViewContextService }, { token: ViewStateService }, { token: i4.IntlService }, { token: DayTimeSlotService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: PDFService }, { token: i7.ScrollbarWidthService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TimelineMultiDayViewComponent, deps: [{ token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: ViewContextService }, { token: ViewStateService }, { token: i4.IntlService }, { token: DayTimeSlotService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: PDFService }, { token: i7.ScrollbarService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: TimelineMultiDayViewComponent, isStandalone: true, selector: "timeline-multi-day-view", inputs: { hiddenDays: "hiddenDays", name: "name", columnWidth: "columnWidth", viewName: "viewName" }, providers: [
             DayTimeSlotService
         ], viewQueries: [{ propertyName: "headerTable", first: true, predicate: ["headerTable"], descendants: true }, { propertyName: "verticalResourceRows", predicate: ["verticalResourceRows"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
@@ -19577,7 +19583,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     standalone: true,
                     imports: [NgClass, NgTemplateOutlet, NgStyle, TimeSlotDirective, DayTimeViewItemComponent, FocusableDirective, HintContainerComponent, ResizeHintComponent, ResourceIteratorPipe, DatePipe, AsyncPipe, SortPipe]
                 }]
-        }], ctorParameters: () => [{ type: i1$1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: ViewContextService }, { type: ViewStateService }, { type: i4.IntlService }, { type: DayTimeSlotService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: PDFService }, { type: i7.ScrollbarWidthService }], propDecorators: { hiddenDays: [{
+        }], ctorParameters: () => [{ type: i1$1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: ViewContextService }, { type: ViewStateService }, { type: i4.IntlService }, { type: DayTimeSlotService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: PDFService }, { type: i7.ScrollbarService }], propDecorators: { hiddenDays: [{
                 type: Input
             }], name: [{
                 type: Input
@@ -20213,8 +20219,8 @@ class YearViewInternalComponent extends BaseView {
     currentTd;
     tds = [];
     isTooltipClicked = false;
-    constructor(localization, focusService, intl, viewContext, viewState, zone, renderer, pdfService, element, slotService, scrollBarWidthService, changeDetector) {
-        super(viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization, changeDetector, scrollBarWidthService);
+    constructor(localization, focusService, intl, viewContext, viewState, zone, renderer, pdfService, element, slotService, scrollbarService, changeDetector) {
+        super(viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization, changeDetector, scrollbarService);
         this.localization = localization;
         this.focusService = focusService;
         this.intl = intl;
@@ -20429,7 +20435,7 @@ class YearViewInternalComponent extends BaseView {
         }
         return [];
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: YearViewInternalComponent, deps: [{ token: i1$1.LocalizationService }, { token: FocusService }, { token: i4.IntlService }, { token: ViewContextService }, { token: ViewStateService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: PDFService }, { token: i0.ElementRef }, { token: MonthSlotService }, { token: i7.ScrollbarWidthService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: YearViewInternalComponent, deps: [{ token: i1$1.LocalizationService }, { token: FocusService }, { token: i4.IntlService }, { token: ViewContextService }, { token: ViewStateService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: PDFService }, { token: i0.ElementRef }, { token: MonthSlotService }, { token: i7.ScrollbarService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: YearViewInternalComponent, isStandalone: true, selector: "year-view-internal", inputs: { newRange: "newRange", dateRangeFn: "dateRangeFn" }, providers: [MonthSlotService], viewQueries: [{ propertyName: "calendar", first: true, predicate: MultiViewCalendarComponent, descendants: true }, { propertyName: "tooltip", first: true, predicate: TooltipDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `
         <div #content class="k-scheduler-layout k-scheduler-layout-flex k-scheduler-yearview">
           <div class="k-scheduler-body">
@@ -20603,7 +20609,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     standalone: true,
                     imports: [MultiViewCalendarComponent, TooltipDirective, MonthCellTemplateDirective, NgClass, NgStyle, IconWrapperComponent]
                 }]
-        }], ctorParameters: () => [{ type: i1$1.LocalizationService }, { type: FocusService }, { type: i4.IntlService }, { type: ViewContextService }, { type: ViewStateService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: PDFService }, { type: i0.ElementRef }, { type: MonthSlotService }, { type: i7.ScrollbarWidthService }, { type: i0.ChangeDetectorRef }], propDecorators: { newRange: [{
+        }], ctorParameters: () => [{ type: i1$1.LocalizationService }, { type: FocusService }, { type: i4.IntlService }, { type: ViewContextService }, { type: ViewStateService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: PDFService }, { type: i0.ElementRef }, { type: MonthSlotService }, { type: i7.ScrollbarService }, { type: i0.ChangeDetectorRef }], propDecorators: { newRange: [{
                 type: Input
             }], dateRangeFn: [{
                 type: Input

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1774361956,
-  "version": "23.3.0-develop.11",
+  "publishDate": 1774364451,
+  "version": "23.3.0-develop.12",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-scheduler",
-  "version": "23.3.0-develop.11",
+  "version": "23.3.0-develop.12",
   "description": "Kendo UI Scheduler Angular - Outlook or Google-style angular scheduler calendar. Full-featured and customizable embedded scheduling from the creator developers trust for professional UI components.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -19,7 +19,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1774361956,
+      "publishDate": 1774364451,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -32,23 +32,23 @@
     "@progress/kendo-data-query": "^1.7.3",
     "@progress/kendo-drawing": "^1.24.1",
     "@progress/kendo-licensing": "^1.10.0",
-    "@progress/kendo-angular-tooltip": "23.3.0-develop.11",
-    "@progress/kendo-angular-buttons": "23.3.0-develop.11",
-    "@progress/kendo-angular-common": "23.3.0-develop.11",
-    "@progress/kendo-angular-dateinputs": "23.3.0-develop.11",
-    "@progress/kendo-angular-dialog": "23.3.0-develop.11",
-    "@progress/kendo-angular-dropdowns": "23.3.0-develop.11",
-    "@progress/kendo-angular-icons": "23.3.0-develop.11",
-    "@progress/kendo-angular-inputs": "23.3.0-develop.11",
-    "@progress/kendo-angular-intl": "23.3.0-develop.11",
-    "@progress/kendo-angular-l10n": "23.3.0-develop.11",
-    "@progress/kendo-angular-label": "23.3.0-develop.11",
-    "@progress/kendo-angular-popup": "23.3.0-develop.11",
+    "@progress/kendo-angular-tooltip": "23.3.0-develop.12",
+    "@progress/kendo-angular-buttons": "23.3.0-develop.12",
+    "@progress/kendo-angular-common": "23.3.0-develop.12",
+    "@progress/kendo-angular-dateinputs": "23.3.0-develop.12",
+    "@progress/kendo-angular-dialog": "23.3.0-develop.12",
+    "@progress/kendo-angular-dropdowns": "23.3.0-develop.12",
+    "@progress/kendo-angular-icons": "23.3.0-develop.12",
+    "@progress/kendo-angular-inputs": "23.3.0-develop.12",
+    "@progress/kendo-angular-intl": "23.3.0-develop.12",
+    "@progress/kendo-angular-l10n": "23.3.0-develop.12",
+    "@progress/kendo-angular-label": "23.3.0-develop.12",
+    "@progress/kendo-angular-popup": "23.3.0-develop.12",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "23.3.0-develop.11",
+    "@progress/kendo-angular-schematics": "23.3.0-develop.12",
     "@progress/kendo-date-math": "^1.3.2",
     "@progress/kendo-draggable": "^3.0.2",
     "@progress/kendo-file-saver": "^1.0.7",

package/schematics/ngAdd/index.js

@@ -9,10 +9,10 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'SchedulerModule', package: 'scheduler', peerDependencies: {
             // peer deps of the dropdowns
-            '@progress/kendo-angular-treeview': '23.3.0-develop.11',
-            '@progress/kendo-angular-navigation': '23.3.0-develop.11',
+            '@progress/kendo-angular-treeview': '23.3.0-develop.12',
+            '@progress/kendo-angular-navigation': '23.3.0-develop.12',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '23.3.0-develop.11',
+            '@progress/kendo-angular-dialog': '23.3.0-develop.12',
             // peer dependency of kendo-angular-icons
             '@progress/kendo-svg-icons': '^4.0.0'
         } });

package/views/common/base-view.d.ts

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { OnInit, AfterViewInit, OnDestroy, OnChanges, NgZone, ElementRef, Renderer2, TemplateRef, ChangeDetectorRef } from '@angular/core';
-import { ScrollbarWidthService } from '@progress/kendo-angular-common';
+import { ScrollbarService } from '@progress/kendo-angular-common';
 import { IntlService } from '@progress/kendo-angular-intl';
 import { Day } from '@progress/kendo-date-math';
 import { Subscription, Subject, BehaviorSubject } from 'rxjs';
@@ -30,7 +30,7 @@ export declare abstract class BaseView implements OnInit, OnChanges, AfterViewIn
     protected pdfService: PDFService;
     protected localization: LocalizationService;
     protected cdr: ChangeDetectorRef;
-    protected scrollBarWidthService: ScrollbarWidthService;
+    protected scrollbarService: ScrollbarService;
     eventTemplate: TemplateRef<any>;
     groupHeaderTemplate: TemplateRef<any>;
     selectedDateFormat: string;
@@ -107,7 +107,7 @@ export declare abstract class BaseView implements OnInit, OnChanges, AfterViewIn
     protected autoHeight: boolean;
     protected rtl: boolean;
     private isEventTarget;
-    constructor(viewContext: ViewContextService, viewState: ViewStateService, intl: IntlService, slotService: BaseSlotService, zone: NgZone, renderer: Renderer2, element: ElementRef, pdfService: PDFService, localization: LocalizationService, cdr: ChangeDetectorRef, scrollBarWidthService: ScrollbarWidthService);
+    constructor(viewContext: ViewContextService, viewState: ViewStateService, intl: IntlService, slotService: BaseSlotService, zone: NgZone, renderer: Renderer2, element: ElementRef, pdfService: PDFService, localization: LocalizationService, cdr: ChangeDetectorRef, scrollbarService: ScrollbarService);
     /**
      * 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.

package/views/day-time/day-time-view.component.d.ts

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { OnChanges, TemplateRef, QueryList, ElementRef, ChangeDetectorRef, NgZone, Renderer2 } from '@angular/core';
-import { ScrollbarWidthService } from '@progress/kendo-angular-common';
+import { ScrollbarService } from '@progress/kendo-angular-common';
 import { ZonedDate } from '@progress/kendo-date-math';
 import { DateRange, NavigationAction } from '../../types';
 import { DayTimeSlotService } from './day-time-slot.service';
@@ -65,7 +65,7 @@ export declare abstract class DayTimeViewComponent extends BaseView implements O
     protected verticalTime: boolean;
     protected initialUpdate: boolean;
     private dates;
-    constructor(changeDetector: ChangeDetectorRef, viewContext: ViewContextService, viewState: ViewStateService, intl: IntlService, slotService: DayTimeSlotService, zone: NgZone, renderer: Renderer2, element: ElementRef, pdfService: PDFService, localization: LocalizationService, scrollBarWidthService: ScrollbarWidthService);
+    constructor(changeDetector: ChangeDetectorRef, viewContext: ViewContextService, viewState: ViewStateService, intl: IntlService, slotService: DayTimeSlotService, zone: NgZone, renderer: Renderer2, element: ElementRef, pdfService: PDFService, localization: LocalizationService, scrollbarService: ScrollbarService);
     ngOnChanges(changes: any): void;
     ngOnDestroy(): void;
     verticalItem(leafIndex: number, resourceIndex: number): any;

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

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { OnChanges, NgZone, ElementRef, Renderer2, TemplateRef, ChangeDetectorRef, QueryList, EventEmitter } from '@angular/core';
 import { IntlService } from '@progress/kendo-angular-intl';
-import { ScrollbarWidthService } from '@progress/kendo-angular-common';
+import { ScrollbarService } from '@progress/kendo-angular-common';
 import { Day } from '@progress/kendo-date-math';
 import { DateRange, NavigationAction, ViewItem } from '../../types';
 import { ViewContextService } from '../view-context.service';
@@ -45,7 +45,7 @@ export declare class MonthViewRendererComponent extends BaseView implements OnCh
     get monthDaySlotTemplateRef(): TemplateRef<any>;
     protected ongoingEventsTimeout: any;
     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);
+    constructor(viewContext: ViewContextService, viewState: ViewStateService, intl: IntlService, slotService: MonthSlotService, zone: NgZone, element: ElementRef, renderer: Renderer2, pdfService: PDFService, localization: LocalizationService, changeDetector: ChangeDetectorRef, scrollbarService: ScrollbarService);
     ngOnChanges(changes: any): void;
     ngOnInit(): void;
     ngAfterViewInit(): void;

package/views/multi-day/multi-day-view-renderer.component.d.ts

@@ -5,7 +5,7 @@
 import { NgZone, QueryList, ElementRef, Renderer2, TemplateRef, ChangeDetectorRef } from '@angular/core';
 import { IntlService } from '@progress/kendo-angular-intl';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { ScrollbarWidthService } from '@progress/kendo-angular-common';
+import { ScrollbarService } from '@progress/kendo-angular-common';
 import { Subject } from 'rxjs';
 import { DateRange, ViewItem } from '../../types';
 import { ViewContextService } from '../view-context.service';
@@ -40,7 +40,7 @@ export declare class MultiDayViewRendererComponent extends DayTimeViewComponent
     private schedulerAllDaySlotTemplate;
     private schedulerAllDayEventTemplate;
     private dragContainers;
-    constructor(localization: LocalizationService, viewContext: ViewContextService, viewState: ViewStateService, intl: IntlService, slotService: DayTimeSlotService, zone: NgZone, renderer: Renderer2, element: ElementRef, changeDetector: ChangeDetectorRef, pdfService: PDFService, scrollbarWidthService: ScrollbarWidthService);
+    constructor(localization: LocalizationService, viewContext: ViewContextService, viewState: ViewStateService, intl: IntlService, slotService: DayTimeSlotService, zone: NgZone, renderer: Renderer2, element: ElementRef, changeDetector: ChangeDetectorRef, pdfService: PDFService, scrollbarService: ScrollbarService);
     protected optionsChange(changes: any): void;
     ngOnChanges(changes: any): void;
     horizontalColspan(resourceIndex: number): any;

package/views/timeline/timeline-multi-day-view.component.d.ts

@@ -11,7 +11,7 @@ import { ViewStateService } from '../view-state.service';
 import { DayTimeSlotService } from '../day-time/day-time-slot.service';
 import { DayTimeViewComponent } from '../day-time/day-time-view.component';
 import { PDFService } from '../../pdf/pdf.service';
-import { ScrollbarWidthService } from '@progress/kendo-angular-common';
+import { ScrollbarService } from '@progress/kendo-angular-common';
 import { Day } from '@progress/kendo-date-math';
 import * as i0 from "@angular/core";
 /**
@@ -28,7 +28,7 @@ export declare class TimelineMultiDayViewComponent extends DayTimeViewComponent
     get contentWidthPercentage(): number;
     protected verticalTime: boolean;
     private contentWidth;
-    constructor(localization: LocalizationService, changeDetector: ChangeDetectorRef, viewContext: ViewContextService, viewState: ViewStateService, intl: IntlService, slotService: DayTimeSlotService, zone: NgZone, renderer: Renderer2, element: ElementRef, pdfService: PDFService, scrollBarWidthService: ScrollbarWidthService);
+    constructor(localization: LocalizationService, changeDetector: ChangeDetectorRef, viewContext: ViewContextService, viewState: ViewStateService, intl: IntlService, slotService: DayTimeSlotService, zone: NgZone, renderer: Renderer2, element: ElementRef, pdfService: PDFService, scrollbarService: ScrollbarService);
     ngOnChanges(changes: any): void;
     reflow(): void;
     get allEventsMessage(): string;

package/views/year/year-view-internal.component.d.ts

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { AfterViewInit, ChangeDetectorRef, ElementRef, NgZone, Renderer2 } from '@angular/core';
-import { ScrollbarWidthService } from '@progress/kendo-angular-common';
+import { ScrollbarService } from '@progress/kendo-angular-common';
 import { ViewContextService } from '../view-context.service';
 import { ViewStateService } from '../view-state.service';
 import { IntlService } from '@progress/kendo-angular-intl';
@@ -43,7 +43,7 @@ export declare class YearViewInternalComponent extends BaseView implements After
     private currentTd;
     private tds;
     private isTooltipClicked;
-    constructor(localization: LocalizationService, focusService: FocusService, intl: IntlService, viewContext: ViewContextService, viewState: ViewStateService, zone: NgZone, renderer: Renderer2, pdfService: PDFService, element: ElementRef, slotService: MonthSlotService, scrollBarWidthService: ScrollbarWidthService, changeDetector: ChangeDetectorRef);
+    constructor(localization: LocalizationService, focusService: FocusService, intl: IntlService, viewContext: ViewContextService, viewState: ViewStateService, zone: NgZone, renderer: Renderer2, pdfService: PDFService, element: ElementRef, slotService: MonthSlotService, scrollbarService: ScrollbarService, changeDetector: ChangeDetectorRef);
     ngAfterViewInit(): void;
     getSlotClass(date: any): string[];
     getEventClasses(item: any, resources: any, isAllDay?: boolean): any;