@progress/kendo-angular-scheduler 25.4.0-develop.2 → 25.4.0-develop.20

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

@@ -44,8 +44,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1791979066,
-    version: '25.4.0-develop.2',
+    publishDate: 1793261918,
+    version: '25.4.0-develop.20',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -2944,7 +2944,8 @@ function isRecurrenceException(task) {
     return task.event && isPresent(task.event.recurrenceId) && !task.event.recurrenceRule;
 }
 /** @hidden */
-const rectContains = (rect, left, top, scaleX = 1) => rect.left * scaleX <= left && left <= rect.left * scaleX + rect.width * scaleX && rect.top * scaleX <= top && top <= rect.top * scaleX + rect.height * scaleX;
+const rectContains = (rect, left, top, scaleX = 1, scaleY = 1) => rect.left * scaleX <= left && left <= rect.left * scaleX + rect.width * scaleX &&
+    rect.top * scaleY <= top && top <= rect.top * scaleY + rect.height * scaleY;
 /** @hidden */
 const rectContainsX = (rect, left, scaleX = 1) => rect.left * scaleX <= left && left <= rect.left * scaleX + rect.width * scaleX;
 /** @hidden */
@@ -3112,14 +3113,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImpo
                 type: Output
             }] } });
 
-/**
- * @hidden
- */
-const MULTIPLE_RESOURCE_VALUE_ACCESSOR = {
-    multi: true,
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => MultipleResourceEditorComponent)
-};
 /**
  * @hidden
  */
@@ -3135,7 +3128,7 @@ class MultipleResourceEditorComponent extends ResourceEditorBase {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: MultipleResourceEditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: MultipleResourceEditorComponent, isStandalone: true, selector: "kendo-multiple-resource-editor", providers: [
-            MULTIPLE_RESOURCE_VALUE_ACCESSOR
+            { multi: true, provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => MultipleResourceEditorComponent) }
         ], viewQueries: [{ propertyName: "resourceMultiSelect", first: true, predicate: ["resourceMultiSelect"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
         <kendo-multiselect
           #resourceMultiSelect
@@ -3168,7 +3161,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImpo
             type: Component,
             args: [{
                     providers: [
-                        MULTIPLE_RESOURCE_VALUE_ACCESSOR
+                        { multi: true, provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => MultipleResourceEditorComponent) }
                     ],
                     selector: 'kendo-multiple-resource-editor',
                     template: `
@@ -3206,14 +3199,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImpo
                 args: ['resourceMultiSelect', { static: true }]
             }] } });
 
-/**
- * @hidden
- */
-const SINGLE_RESOURCE_VALUE_ACCESSOR = {
-    multi: true,
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => SingleResourceEditorComponent)
-};
 /**
  * @hidden
  */
@@ -3224,7 +3209,7 @@ class SingleResourceEditorComponent extends ResourceEditorBase {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: SingleResourceEditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: SingleResourceEditorComponent, isStandalone: true, selector: "kendo-single-resource-editor", providers: [
-            SINGLE_RESOURCE_VALUE_ACCESSOR
+            { multi: true, provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SingleResourceEditorComponent) }
         ], viewQueries: [{ propertyName: "resourceDropDown", first: true, predicate: ["resourceDropDown"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
         <kendo-dropdownlist
           #resourceDropDown
@@ -3250,7 +3235,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImpo
             type: Component,
             args: [{
                     providers: [
-                        SINGLE_RESOURCE_VALUE_ACCESSOR
+                        { multi: true, provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SingleResourceEditorComponent) }
                     ],
                     selector: 'kendo-single-resource-editor',
                     template: `
@@ -4632,7 +4617,7 @@ class RecurrenceWeekdayRuleEditorComponent {
             </div>
           </div>
         </div>
-        `, isInline: true, dependencies: [{ kind: "component", type: LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+        `, isInline: true, dependencies: [{ kind: "component", type: LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "endIcon", "endSvgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: RecurrenceWeekdayRuleEditorComponent, decorators: [{
             type: Component,
@@ -5182,14 +5167,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImpo
                     type: Optional
                 }] }] });
 
-/**
- * @hidden
- */
-const RECURRENCE_VALUE_ACCESSOR = {
-    multi: true,
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => RecurrenceEditorComponent)
-};
 /**
  * Represents the Kendo UI Recurrence Editor component for Angular. Use this component to let users set recurrence rules for Scheduler events.
  *
@@ -5353,7 +5330,7 @@ class RecurrenceEditorComponent {
                 provide: L10N_PREFIX,
                 useValue: 'kendo.recurrenceeditor'
             },
-            RECURRENCE_VALUE_ACCESSOR,
+            { multi: true, provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => RecurrenceEditorComponent) },
             RecurrenceService
         ], exportAs: ["kendoRecurrenceEditor"], usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoRecurrenceEditorLocalizedMessages
@@ -5526,7 +5503,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImpo
                             provide: L10N_PREFIX,
                             useValue: 'kendo.recurrenceeditor'
                         },
-                        RECURRENCE_VALUE_ACCESSOR,
+                        { multi: true, provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => RecurrenceEditorComponent) },
                         RecurrenceService
                     ],
                     selector: 'kendo-recurrence-editor',
@@ -5711,14 +5688,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImpo
                 type: Output
             }] } });
 
-/**
- * @hidden
- */
-const TIME_ZONE_VALUE_ACCESSOR = {
-    multi: true,
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => TimeZoneEditorComponent)
-};
 /**
  * Represents the Kendo UI TimeZone Editor component for Angular.
  *
@@ -5812,7 +5781,7 @@ class TimeZoneEditorComponent {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TimeZoneEditorComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: TimeZoneEditorComponent, isStandalone: true, selector: "kendo-timezone-editor", inputs: { width: "width" }, outputs: { valueChange: "valueChange" }, providers: [
-            TIME_ZONE_VALUE_ACCESSOR
+            { multi: true, provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => TimeZoneEditorComponent) }
         ], viewQueries: [{ propertyName: "tzComboBox", first: true, predicate: ["tzcombobox"], descendants: true, static: true }, { propertyName: "tzComboBoxControl", first: true, predicate: ["tzcomboboxControl"], descendants: true, static: true }], ngImport: i0, template: `
         @if (!formControl) {
           <kendo-dropdownlist
@@ -5845,7 +5814,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImpo
             type: Component,
             args: [{
                     providers: [
-                        TIME_ZONE_VALUE_ACCESSOR
+                        { multi: true, provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => TimeZoneEditorComponent) }
                     ],
                     selector: 'kendo-timezone-editor',
                     template: `
@@ -6566,7 +6535,7 @@ class EditDialogComponent {
             </kendo-dialog>
           }
         }
-        `, isInline: true, dependencies: [{ kind: "component", type: DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "closable", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: FormFieldComponent, selector: "kendo-formfield", inputs: ["showHints", "orientation", "showErrors", "colSpan"] }, { kind: "directive", type: TextBoxDirective, selector: "input[kendoTextBox]", inputs: ["value"] }, { kind: "component", type: TimeZoneEditorComponent, selector: "kendo-timezone-editor", inputs: ["width"], outputs: ["valueChange"] }, { kind: "component", type: RecurrenceEditorComponent, selector: "kendo-recurrence-editor", inputs: ["start", "timezone", "weekStart", "repeatEveryOptions", "endAfterOptions", "repeatOnOptions", "endOnOptions", "recurrenceSummaryTemplate", "recurrenceRule"], outputs: ["valueChange"], exportAs: ["kendoRecurrenceEditor"] }, { kind: "component", type: TextAreaComponent, selector: "kendo-textarea", inputs: ["focusableId", "flow", "inputAttributes", "adornmentsOrientation", "rows", "cols", "maxlength", "maxResizableRows", "tabindex", "tabIndex", "resizable", "size", "rounded", "fillMode", "showPrefixSeparator", "showSuffixSeparator", "value"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoTextArea"] }, { kind: "component", type: MultipleResourceEditorComponent, selector: "kendo-multiple-resource-editor" }, { kind: "component", type: SingleResourceEditorComponent, selector: "kendo-single-resource-editor" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: SwitchComponent, selector: "kendo-switch", inputs: ["focusableId", "onLabel", "offLabel", "checked", "disabled", "readonly", "tabindex", "size", "thumbRounded", "trackRounded", "tabIndex"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoSwitch"] }, { kind: "component", type: SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: ["icon", "variant"], exportAs: ["kendoSVGIcon"] }, { kind: "component", type: DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "clearButton", "inputAttributes", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "footer", "navigationItemTemplate", "weekDaysFormat", "showOtherMonthDays", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "adaptiveTitle", "adaptiveSubtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-datepicker"] }, { kind: "component", type: DatePickerCustomMessagesComponent, selector: "kendo-datepicker-messages" }, { kind: "component", type: TimePickerComponent, selector: "kendo-timepicker", inputs: ["focusableId", "disabled", "readonly", "readOnlyInput", "clearButton", "format", "formatPlaceholder", "placeholder", "min", "max", "incompleteDateValidation", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "cancelButton", "nowButton", "steps", "popupSettings", "tabindex", "tabIndex", "adaptiveTitle", "adaptiveSubtitle", "rangeValidation", "adaptiveMode", "value", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-timepicker"] }, { kind: "component", type: TimePickerCustomMessagesComponent, selector: "kendo-timepicker-messages" }] });
+        `, isInline: true, dependencies: [{ kind: "component", type: DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "closable", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: FormFieldComponent, selector: "kendo-formfield", inputs: ["showHints", "orientation", "showErrors", "colSpan"] }, { kind: "directive", type: TextBoxDirective, selector: "input[kendoTextBox]", inputs: ["value"] }, { kind: "component", type: TimeZoneEditorComponent, selector: "kendo-timezone-editor", inputs: ["width"], outputs: ["valueChange"] }, { kind: "component", type: RecurrenceEditorComponent, selector: "kendo-recurrence-editor", inputs: ["start", "timezone", "weekStart", "repeatEveryOptions", "endAfterOptions", "repeatOnOptions", "endOnOptions", "recurrenceSummaryTemplate", "recurrenceRule"], outputs: ["valueChange"], exportAs: ["kendoRecurrenceEditor"] }, { kind: "component", type: TextAreaComponent, selector: "kendo-textarea", inputs: ["focusableId", "flow", "inputAttributes", "adornmentsOrientation", "rows", "cols", "maxlength", "maxResizableRows", "tabindex", "tabIndex", "resizable", "size", "rounded", "fillMode", "showPrefixSeparator", "showSuffixSeparator", "value"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoTextArea"] }, { kind: "component", type: MultipleResourceEditorComponent, selector: "kendo-multiple-resource-editor" }, { kind: "component", type: SingleResourceEditorComponent, selector: "kendo-single-resource-editor" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "endIcon", "endSvgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: SwitchComponent, selector: "kendo-switch", inputs: ["focusableId", "onLabel", "offLabel", "checked", "disabled", "readonly", "tabindex", "size", "thumbRounded", "trackRounded", "tabIndex"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoSwitch"] }, { kind: "component", type: SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: ["icon", "variant"], exportAs: ["kendoSVGIcon"] }, { kind: "component", type: DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "clearButton", "inputAttributes", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "footer", "navigationItemTemplate", "weekDaysFormat", "showOtherMonthDays", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "adaptiveTitle", "adaptiveSubtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-datepicker"] }, { kind: "component", type: DatePickerCustomMessagesComponent, selector: "kendo-datepicker-messages" }, { kind: "component", type: TimePickerComponent, selector: "kendo-timepicker", inputs: ["focusableId", "disabled", "readonly", "readOnlyInput", "clearButton", "format", "formatPlaceholder", "placeholder", "min", "max", "incompleteDateValidation", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "cancelButton", "nowButton", "steps", "popupSettings", "tabindex", "tabIndex", "adaptiveTitle", "adaptiveSubtitle", "rangeValidation", "adaptiveMode", "value", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-timepicker"] }, { kind: "component", type: TimePickerCustomMessagesComponent, selector: "kendo-timepicker-messages" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: EditDialogComponent, decorators: [{
             type: Component,
@@ -7002,7 +6971,7 @@ class ToolbarViewSelectorComponent {
             </kendo-segmented-control>
           }
         }
-        `, isInline: true, dependencies: [{ kind: "directive", type: FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }, { kind: "component", type: SegmentedControlComponent, selector: "kendo-segmented-control", inputs: ["items", "layoutMode", "size", "rounded", "selected"], outputs: ["selectedChange"] }, { kind: "component", type: DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["arrowIcon", "icon", "svgIcon", "iconClass", "imageUrl", "textField", "data", "size", "rounded", "fillMode", "themeColor", "buttonAttributes"], outputs: ["itemClick", "focus", "blur"], exportAs: ["kendoDropDownButton"] }] });
+        `, isInline: true, dependencies: [{ kind: "directive", type: FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }, { kind: "component", type: SegmentedControlComponent, selector: "kendo-segmented-control", inputs: ["items", "layoutMode", "size", "rounded", "selected"], outputs: ["selectedChange"] }, { kind: "component", type: DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["arrowIcon", "icon", "svgIcon", "endIcon", "endSvgIcon", "iconClass", "imageUrl", "textField", "data", "size", "rounded", "fillMode", "themeColor", "buttonAttributes"], outputs: ["itemClick", "focus", "blur"], exportAs: ["kendoDropDownButton"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolbarViewSelectorComponent, decorators: [{
             type: Component,
@@ -7335,7 +7304,7 @@ class ToolbarNavigationComponent {
                 </kendo-calendar-messages>
             </kendo-calendar>
         </ng-template>
-    `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }, { kind: "component", type: CalendarComponent, selector: "kendo-calendar", inputs: ["showOtherMonthDays", "id", "focusedDate", "min", "max", "rangeValidation", "weekDaysFormat", "footer", "selection", "allowReverse", "value", "disabled", "tabindex", "tabIndex", "disabledDates", "navigation", "activeView", "bottomView", "topView", "type", "animateNavigation", "weekNumber", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "navigationItemTemplate", "size", "activeRangeEnd"], outputs: ["closePopup", "activeViewChange", "navigate", "activeViewDateChange", "blur", "focus", "valueChange"], exportAs: ["kendo-calendar"] }, { kind: "component", type: CalendarCustomMessagesComponent, selector: "kendo-calendar-messages" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "endIcon", "endSvgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }, { kind: "component", type: CalendarComponent, selector: "kendo-calendar", inputs: ["showOtherMonthDays", "id", "focusedDate", "min", "max", "rangeValidation", "weekDaysFormat", "footer", "selection", "allowReverse", "value", "disabled", "tabindex", "tabIndex", "disabledDates", "navigation", "activeView", "bottomView", "topView", "type", "animateNavigation", "weekNumber", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "navigationItemTemplate", "size", "activeRangeEnd"], outputs: ["closePopup", "activeViewChange", "navigate", "activeViewDateChange", "blur", "focus", "valueChange"], exportAs: ["kendo-calendar"] }, { kind: "component", type: CalendarCustomMessagesComponent, selector: "kendo-calendar-messages" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolbarNavigationComponent, decorators: [{
             type: Component,
@@ -7620,7 +7589,7 @@ class ToolbarComponent {
         }
 
         <kendo-resize-sensor (resize)="resizeHandler()" [style]="'display: contents;'"></kendo-resize-sensor>
-        `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ToolbarNavigationComponent, selector: "[kendoSchedulerToolbarNavigation]", inputs: ["min", "max", "activeView", "bottomView", "responsiveLevel"] }, { kind: "component", type: ToolbarViewSelectorComponent, selector: "[kendoSchedulerToolbarViewSelector]", inputs: ["displayMode", "focusIndex", "responsiveLevel"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }] });
+        `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ToolbarNavigationComponent, selector: "[kendoSchedulerToolbarNavigation]", inputs: ["min", "max", "activeView", "bottomView", "responsiveLevel"] }, { kind: "component", type: ToolbarViewSelectorComponent, selector: "[kendoSchedulerToolbarViewSelector]", inputs: ["displayMode", "focusIndex", "responsiveLevel"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "endIcon", "endSvgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolbarComponent, decorators: [{
             type: Component,
@@ -12757,6 +12726,7 @@ class BaseSlotService {
     containerSize = 0;
     slotsChange = new EventEmitter();
     groups = [];
+    schedulerElement = null;
     registerItem(component) {
         const group = this.itemGroup(component);
         group.registerItem(component);
@@ -12773,6 +12743,9 @@ class BaseSlotService {
         }
     }
     registerSlot(slot) {
+        if (slot.nativeElement) {
+            this.schedulerElement = slot.nativeElement.closest('.k-scheduler');
+        }
         const group = this.slotGroup(slot);
         group.registerSlot(slot);
     }
@@ -12817,13 +12790,17 @@ class BaseSlotService {
         }
         return this.groups[index];
     }
-    calculateScaleX() {
+    calculateScale(axis) {
         if (!isDocumentAvailable()) {
             return;
         }
-        const schedulerEl = document.querySelector('.k-scheduler');
-        const scaleX = schedulerEl.getBoundingClientRect().width / schedulerEl.offsetWidth;
-        return scaleX;
+        const schedulerEl = this.schedulerElement?.closest('.k-scheduler');
+        if (!schedulerEl) {
+            return;
+        }
+        const bounds = schedulerEl.getBoundingClientRect();
+        const scale = axis === 'x' ? bounds.width / schedulerEl.offsetWidth : bounds.height / schedulerEl.offsetHeight;
+        return scale;
     }
 }
 
@@ -13161,11 +13138,13 @@ class MonthSlotService extends BaseSlotService {
     }
     slotByPosition(x, y) {
         let range;
+        const scaleX = this.calculateScale('x');
+        const scaleY = this.calculateScale('y');
         for (let i = 0; i < this.groups.length; i++) {
             const group = this.groups[i];
-            range = group.dayRanges.find(r => rectContains(r.rect, x, y, this.calculateScaleX()));
+            range = group.dayRanges.find(r => rectContains(r.rect, x, y, scaleX, scaleY));
             if (range) {
-                return range.slots.find(slot => rectContains(slot.rect, x, y, this.calculateScaleX()));
+                return range.slots.find(slot => rectContains(slot.rect, x, y, scaleX, scaleY));
             }
         }
     }
@@ -13187,9 +13166,11 @@ class MonthSlotService extends BaseSlotService {
         };
     }
     groupSlotByPosition(currentSlot, x, y) {
-        const range = this.groups[currentSlot.id.resourceIndex].dayRanges.find(r => rectContains(r.rect, x, y, this.calculateScaleX()));
+        const scaleX = this.calculateScale('x');
+        const scaleY = this.calculateScale('y');
+        const range = this.groups[currentSlot.id.resourceIndex].dayRanges.find(r => rectContains(r.rect, x, y, scaleX, scaleY));
         if (range) {
-            return range.slots.find(slot => rectContains(slot.rect, x, y, this.calculateScaleX()));
+            return range.slots.find(slot => rectContains(slot.rect, x, y, scaleX, scaleY));
         }
     }
     resizeRanges(currentSlot, task, resizeStart, offset) {
@@ -13588,7 +13569,7 @@ class BaseView {
         }
     }
     getEventStyles(item, itemResource, isAllDay) {
-        const result = { backgroundColor: itemResource.color, borderColor: itemResource.color };
+        const result = { '--kendo-scheduler-event-color': itemResource.color };
         if (this.eventStyles) {
             Object.assign(result, this.eventStyles({
                 event: item.event,
@@ -13918,8 +13899,7 @@ class BaseView {
                     right: !this.localization.rtl ? '' : toPx(origin),
                     width: size.width,
                     height: size.height,
-                    backgroundColor: color,
-                    borderColor: color
+                    '--kendo-scheduler-event-color': color
                 };
                 if (this.eventStyles) {
                     Object.assign(styles, this.eventStyles(this.dragHintEventStyleArgs()));
@@ -14063,19 +14043,21 @@ class BaseView {
         this.updateDragContainer(args);
         const eventRect = resizing.target.getBoundingClientRect();
         const handleOffset = 2;
+        const pageOffsetX = args.pageX - args.clientX;
+        const pageOffsetY = args.pageY - args.clientY;
         let pageX = args.pageX;
         let pageY = args.pageY;
         if (resizing.direction === 'w') {
-            pageX = eventRect.left + handleOffset;
+            pageX = eventRect.left + pageOffsetX + handleOffset;
         }
         else if (resizing.direction === 'e') {
-            pageX = eventRect.right - handleOffset;
+            pageX = eventRect.right + pageOffsetX - handleOffset;
         }
         else if (resizing.direction === 'n') {
-            pageY = eventRect.top + handleOffset;
+            pageY = eventRect.top + pageOffsetY + handleOffset;
         }
         else if (resizing.direction === 's') {
-            pageY = eventRect.bottom - handleOffset;
+            pageY = eventRect.bottom + pageOffsetY - handleOffset;
         }
         const { x, y } = this.coordinatesOffset(pageX, pageY);
         resizing.slot = this.slotByPosition(Math.ceil(x), Math.ceil(y), this.container);
@@ -14117,6 +14099,7 @@ class BaseView {
         const direction = resizing.direction;
         const horizontal = direction === 'w' || direction === 'e';
         const resizeStart = direction === 'w' || direction === 'n';
+        const color = this.resizeResourceColor(resizing.task, resizing.slot);
         this.resizeHints = [];
         for (let idx = 0; idx < ranges.length; idx++) {
             const range = ranges[idx];
@@ -14135,15 +14118,26 @@ class BaseView {
                 },
                 start: first && !resizeStart ? resizing.start : firstSlot.start,
                 end: last && resizeStart ? resizing.end : lastSlot.end,
-                class: resizing.hintClass
+                class: resizing.hintClass,
+                color
             });
         }
     }
+    resizeResourceColor(task, slot) {
+        const taskResources = task?.resources || [];
+        const resourceIndex = slot?.id?.resourceIndex;
+        const itemResource = taskResources.find(r => r.leafIdx === resourceIndex) || taskResources[0];
+        return itemResource?.color;
+    }
     coordinatesOffset(x, y, container = this.container, offset = this.containerOffset) {
-        const position = x - offset.left + container.scrollLeft;
+        const schedulerEl = container?.closest('.k-scheduler');
+        const schedulerRect = schedulerEl?.getBoundingClientRect();
+        const scaleX = schedulerRect ? schedulerRect.width / schedulerEl.offsetWidth : 1;
+        const scaleY = schedulerRect ? schedulerRect.height / schedulerEl.offsetHeight : 1;
+        const position = x - offset.left + container.scrollLeft * scaleX;
         return {
             x: !this.localization.rtl ? position : this.slotService.containerSize - position,
-            y: y - offset.top + container.scrollTop
+            y: y - offset.top + container.scrollTop * scaleY
         };
     }
     scrollContainer(callback, args) {
@@ -14882,6 +14876,9 @@ class ResizeHintComponent {
     hint;
     format;
     marqueeClasses = true;
+    get color() {
+        return this.hint.color || null;
+    }
     get left() {
         return this.hint.rect.left;
     }
@@ -14901,7 +14898,7 @@ class ResizeHintComponent {
         return toLocalDate(this.hint.end);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ResizeHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: ResizeHintComponent, isStandalone: true, selector: "[kendoResizeHint]", inputs: { hint: "hint", format: "format" }, host: { properties: { "class.k-marquee": "this.marqueeClasses", "class.k-scheduler-marquee": "this.marqueeClasses", "class.k-first": "this.marqueeClasses", "class.k-last": "this.marqueeClasses", "style.left.px": "this.left", "style.right.px": "this.left", "style.top.px": "this.top", "style.width.px": "this.width", "style.height.px": "this.height" } }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: ResizeHintComponent, isStandalone: true, selector: "[kendoResizeHint]", inputs: { hint: "hint", format: "format" }, host: { properties: { "class.k-marquee": "this.marqueeClasses", "class.k-scheduler-marquee": "this.marqueeClasses", "class.k-first": "this.marqueeClasses", "class.k-last": "this.marqueeClasses", "style.--kendo-marquee-color": "this.color", "style.left.px": "this.left", "style.right.px": "this.left", "style.top.px": "this.top", "style.width.px": "this.width", "style.height.px": "this.height" } }, ngImport: i0, template: `
         <div class="k-marquee-color"></div>
         <div class="k-marquee-text">
           @if (hint.first) {
@@ -14947,6 +14944,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImpo
             }, {
                 type: HostBinding,
                 args: ['class.k-last']
+            }], color: [{
+                type: HostBinding,
+                args: ['style.--kendo-marquee-color']
             }], left: [{
                 type: HostBinding,
                 args: ['style.left.px']
@@ -15097,9 +15097,6 @@ class MonthSlotComponent extends BaseSlotDirective {
     get end() {
         return addUTCDays(this.start, 1);
     }
-    isFirstDayOfMonth(day) {
-        return isEqualDate(day, firstDayOfMonth(day));
-    }
     get linkHeight() {
         if (this._linkHeight === null) {
             const element = firstElementChild(this.nativeElement);
@@ -15145,7 +15142,7 @@ class MonthSlotComponent extends BaseSlotDirective {
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: MonthSlotComponent, isStandalone: true, selector: "[monthSlot]", inputs: { moreEvents: "moreEvents", resourcesByIndex: "resourcesByIndex", monthDaySlotTemplateRef: "monthDaySlotTemplateRef", eventsPerDay: "eventsPerDay", eventHeight: "eventHeight", adaptiveSlotHeight: "adaptiveSlotHeight", day: ["monthSlot", "day"] }, usesInheritance: true, ngImport: i0, template: `
         @if (!monthDaySlotTemplateRef) {
           <span class="k-link k-nav-day">
-            {{ day | kendoDate: isFirstDayOfMonth(day) ? 'MMM dd' : 'dd' }}
+            {{ day | kendoDate: 'dd' }}
           </span>
         }
         @if (monthDaySlotTemplateRef) {
@@ -15164,7 +15161,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImpo
                     template: `
         @if (!monthDaySlotTemplateRef) {
           <span class="k-link k-nav-day">
-            {{ day | kendoDate: isFirstDayOfMonth(day) ? 'MMM dd' : 'dd' }}
+            {{ day | kendoDate: 'dd' }}
           </span>
         }
         @if (monthDaySlotTemplateRef) {
@@ -15250,7 +15247,7 @@ class EventsPopoverComponent {
     }
     getEventStyles(event) {
         const itemResource = event.resources?.[0];
-        const result = { backgroundColor: itemResource?.color, borderColor: itemResource?.color };
+        const result = { '--kendo-scheduler-event-color': itemResource?.color };
         if (this.eventStyles) {
             Object.assign(result, this.eventStyles({
                 event: event.event,
@@ -16011,7 +16008,7 @@ class MonthViewRendererComponent extends BaseView {
             </tr>
           </tbody>
         </table>
-        `, isInline: true, dependencies: [{ 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: ["moreEvents", "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: "directive", type: PopoverContainerDirective, selector: "[kendoPopoverContainer]", inputs: ["filter"], exportAs: ["kendoPopoverContainer"] }, { kind: "component", type: EventsPopoverComponent, selector: "kendo-scheduler-events-popover", inputs: ["date", "events", "eventClass", "eventStyles", "noEventsMessage", "editable"], outputs: ["navigateToDay", "eventClick", "eventDblClick"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "pipe", type: RepeatPipe, name: "repeat" }, { kind: "pipe", type: ResourceIteratorPipe, name: "resourceIterator" }, { kind: "pipe", type: DatePipe, name: "kendoDate" }, { kind: "pipe", type: AsyncPipe, name: "async" }] });
+        `, isInline: true, dependencies: [{ 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: ["moreEvents", "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: "directive", type: PopoverContainerDirective, selector: "[kendoPopoverContainer]", inputs: ["filter"], exportAs: ["kendoPopoverContainer"] }, { kind: "component", type: EventsPopoverComponent, selector: "kendo-scheduler-events-popover", inputs: ["date", "events", "eventClass", "eventStyles", "noEventsMessage", "editable"], outputs: ["navigateToDay", "eventClick", "eventDblClick"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "endIcon", "endSvgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { 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: "20.3.33", ngImport: i0, type: MonthViewRendererComponent, decorators: [{
             type: Component,
@@ -16949,7 +16946,7 @@ class ViewFooterComponent {
             </button>
           }
         </span>
-        `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }] });
+        `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "endIcon", "endSvgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ViewFooterComponent, decorators: [{
             type: Component,
@@ -17089,6 +17086,7 @@ function addMinHeightOverflowEvents(sorted, slots, slotItems) {
 function initTimeColumns(slotKeys, slotItems) {
     // Break slots into groups with overlapping events.
     let columns = 0;
+    let maxGroupColumns = 0;
     let groupSlots = [];
     slotKeys.forEach(key => {
         const { slot, events } = slotItems[key];
@@ -17185,14 +17183,24 @@ function initTimeColumns(slotKeys, slotItems) {
                 event.columnIndex = maxColumn + 1;
             }
         }
+        const slotColumnCount = events.reduce((maximumColumnCount, event) => {
+            const eventColumnIndex = event.columnIndex;
+            if (!isNumber(eventColumnIndex)) {
+                return maximumColumnCount;
+            }
+            const eventColumnCount = eventColumnIndex + 1;
+            return Math.max(maximumColumnCount, eventColumnCount);
+        }, 0);
+        maxGroupColumns = Math.max(maxGroupColumns, slotColumnCount);
         if (groupEnd) {
-            groupSlots.forEach(item => item.columns = columns);
+            groupSlots.forEach(item => item.columns = Math.max(columns, maxGroupColumns));
             groupSlots = [];
             columns = 0;
+            maxGroupColumns = 0;
         }
     });
     // The maximum number of overlapping events in the group is used to create the same number of columns.
-    groupSlots.forEach(slot => slot.columns = columns);
+    groupSlots.forEach(slot => slot.columns = Math.max(columns, maxGroupColumns));
 }
 function findTimeRowIndex(events, event) {
     if (event.rowIndex !== undefined) {
@@ -17593,38 +17601,42 @@ class DayTimeSlotService extends BaseSlotService {
     slotByPosition(x, y, isDaySlot, includeDayRanges) {
         if (isDaySlot) {
             for (let i = 0; i < this.groups.length; i++) {
-                const foundRange = this.groups[i].dayRanges.find(r => rectContainsX(r.rect, x, this.calculateScaleX()));
+                const foundRange = this.groups[i].dayRanges.find(r => rectContainsX(r.rect, x, this.calculateScale('x')));
                 if (foundRange) {
-                    return foundRange.slots.find(slot => rectContainsX(slot.rect, x, this.calculateScaleX()));
+                    return foundRange.slots.find(slot => rectContainsX(slot.rect, x, this.calculateScale('x')));
                 }
             }
         }
         else {
+            const scaleX = this.calculateScale('x');
+            const scaleY = this.calculateScale('y');
             for (let i = 0; i < this.groups.length; i++) {
                 let range;
                 if (includeDayRanges) {
-                    range = this.groups[i].dayRanges.find(r => rectContains(r.rect, x, y, this.calculateScaleX()));
+                    range = this.groups[i].dayRanges.find(r => rectContains(r.rect, x, y, scaleX, scaleY));
                 }
                 if (!range) {
-                    range = this.groups[i].timeRanges.find(r => rectContains(r.rect, x, y, this.calculateScaleX()));
+                    range = this.groups[i].timeRanges.find(r => rectContains(r.rect, x, y, scaleX, scaleY));
                 }
                 if (range) {
-                    return range.slots.find(slot => rectContains(slot.rect, x, y, this.calculateScaleX()));
+                    return range.slots.find(slot => rectContains(slot.rect, x, y, scaleX, scaleY));
                 }
             }
         }
     }
     groupSlotByPosition(currentSlot, x, y) {
         const group = this.groups[currentSlot.id.resourceIndex];
+        const scaleX = this.calculateScale('x');
+        const scaleY = this.calculateScale('y');
         let range;
         if (currentSlot.isDaySlot) {
-            range = group.dayRanges.find(r => rectContains(r.rect, x, y, this.calculateScaleX()));
+            range = group.dayRanges.find(r => rectContains(r.rect, x, y, scaleX, scaleY));
         }
         else {
-            range = group.timeRanges.find(r => rectContains(r.rect, x, y, this.calculateScaleX()));
+            range = group.timeRanges.find(r => rectContains(r.rect, x, y, scaleX, scaleY));
         }
         if (range) {
-            return range.slots.find(slot => rectContains(slot.rect, x, y, this.calculateScaleX()));
+            return range.slots.find(slot => rectContains(slot.rect, x, y, scaleX, scaleY));
         }
     }
     dragRanges(currentSlot, offset, timeRanges) {

package/index.d.ts

@@ -6107,6 +6107,7 @@ declare class ResizeHintComponent {
     hint: any;
     format: string;
     marqueeClasses: boolean;
+    get color(): string;
     get left(): number;
     get top(): number;
     get width(): number;
@@ -6143,6 +6144,7 @@ interface SlotDirective {
     rect: Rect;
     id: SlotID;
     key: string;
+    nativeElement?: HTMLElement;
     invalidate(): void;
 }
 /**
@@ -6174,6 +6176,7 @@ declare abstract class BaseSlotService {
     containerSize: number;
     slotsChange: EventEmitter<any>;
     protected groups: ResourceGroup[];
+    private schedulerElement;
     abstract forEachSlot(callback: any): void;
     abstract createGroup(index: number): ResourceGroup;
     abstract resizeRanges(currentSlot: any, task: any, resizeStart: boolean, offset?: any): any;
@@ -6187,7 +6190,7 @@ declare abstract class BaseSlotService {
     protected clearEmptyGroups(): void;
     protected itemGroup(item: ViewItem): ResourceGroup;
     protected slotGroup(slot: SlotDirective): ResourceGroup;
-    protected calculateScaleX(): number;
+    protected calculateScale(axis: 'x' | 'y'): number;
 }
 
 /** @hidden */
@@ -6479,6 +6482,7 @@ declare abstract class BaseView implements OnInit, OnChanges, AfterViewInit, OnD
     protected initResize(args: any): void;
     protected resize(args: any): void;
     protected updateResizeHints(ranges: any[], _start: Date, _end: Date): void;
+    protected resizeResourceColor(task: any, slot: any): string;
     protected coordinatesOffset(x: number, y: number, container?: any, offset?: any): any;
     protected scrollContainer(callback: any, args: any): void;
     protected emitEvent(name: string, args: any): boolean;

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1791979066,
-  "version": "25.4.0-develop.2",
+  "publishDate": 1793261918,
+  "version": "25.4.0-develop.20",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-scheduler",
-  "version": "25.4.0-develop.2",
+  "version": "25.4.0-develop.20",
   "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",
@@ -80,7 +80,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1791979066,
+      "publishDate": 1793261918,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -93,23 +93,23 @@
     "@progress/kendo-data-query": "^1.7.3",
     "@progress/kendo-drawing": "^1.25.0",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-tooltip": "25.4.0-develop.2",
-    "@progress/kendo-angular-buttons": "25.4.0-develop.2",
-    "@progress/kendo-angular-common": "25.4.0-develop.2",
-    "@progress/kendo-angular-dateinputs": "25.4.0-develop.2",
-    "@progress/kendo-angular-dialog": "25.4.0-develop.2",
-    "@progress/kendo-angular-dropdowns": "25.4.0-develop.2",
-    "@progress/kendo-angular-icons": "25.4.0-develop.2",
-    "@progress/kendo-angular-inputs": "25.4.0-develop.2",
-    "@progress/kendo-angular-intl": "25.4.0-develop.2",
-    "@progress/kendo-angular-l10n": "25.4.0-develop.2",
-    "@progress/kendo-angular-label": "25.4.0-develop.2",
-    "@progress/kendo-angular-popup": "25.4.0-develop.2",
+    "@progress/kendo-angular-tooltip": "25.4.0-develop.20",
+    "@progress/kendo-angular-buttons": "25.4.0-develop.20",
+    "@progress/kendo-angular-common": "25.4.0-develop.20",
+    "@progress/kendo-angular-dateinputs": "25.4.0-develop.20",
+    "@progress/kendo-angular-dialog": "25.4.0-develop.20",
+    "@progress/kendo-angular-dropdowns": "25.4.0-develop.20",
+    "@progress/kendo-angular-icons": "25.4.0-develop.20",
+    "@progress/kendo-angular-inputs": "25.4.0-develop.20",
+    "@progress/kendo-angular-intl": "25.4.0-develop.20",
+    "@progress/kendo-angular-l10n": "25.4.0-develop.20",
+    "@progress/kendo-angular-label": "25.4.0-develop.20",
+    "@progress/kendo-angular-popup": "25.4.0-develop.20",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "25.4.0-develop.2",
+    "@progress/kendo-angular-schematics": "25.4.0-develop.20",
     "@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': '25.4.0-develop.2',
-            '@progress/kendo-angular-navigation': '25.4.0-develop.2',
+            '@progress/kendo-angular-treeview': '25.4.0-develop.20',
+            '@progress/kendo-angular-navigation': '25.4.0-develop.20',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '25.4.0-develop.2',
+            '@progress/kendo-angular-dialog': '25.4.0-develop.20',
             // peer dependency of kendo-angular-icons
             '@progress/kendo-svg-icons': '^4.0.0'
         } });