@progress/kendo-angular-scheduler 16.5.0 → 16.6.0-develop.10

package/esm2020/scheduler.module.mjs

@@ -2,132 +2,57 @@
 * Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
-import { ResizeSensorModule, WatermarkModule } from '@progress/kendo-angular-common';
-import { DataBindingDirective } from './data-binding.directive';
-import { SchedulerCustomMessagesComponent } from './localization/custom-messages.component';
-import { LocalizedMessagesDirective } from './localization/localized-messages.directive';
-import { SchedulerComponent } from './scheduler.component';
-import { publicDirectives as toolbarDirectives, ToolbarModule } from './toolbar/toolbar.module';
-import { AgendaViewComponent } from './views/agenda/agenda-view.component';
-import { AgendaViewModule } from './views/agenda/agenda-view.module';
-import { MonthViewModule } from './views/month/month-view.module';
-import { MultiDayViewModule } from './views/multi-day/multi-day-view.module';
-import { SchedulerViewDirective } from './views/scheduler-view.directive';
-import { AgendaDateTemplateDirective } from './views/templates/agenda-date-template.directive';
-import { AgendaTimeTemplateDirective } from './views/templates/agenda-time-template.directive';
-import { AllDayEventTemplateDirective } from './views/templates/all-day-event-template.directive';
-import { AllDaySlotTemplateDirective } from './views/templates/all-day-slot-template.directive';
-import { DateHeaderTemplateDirective } from './views/templates/date-header-template.directive';
-import { EventTemplateDirective } from './views/templates/event-template.directive';
-import { GroupHeaderTemplateDirective } from './views/templates/group-header-template.directive';
-import { MajorTimeHeaderTemplateDirective } from './views/templates/major-time-header-template.directive';
-import { MinorTimeHeaderTemplateDirective } from './views/templates/minor-time-header-template.directive';
-import { MonthDaySlotTemplateDirective } from './views/templates/month-day-slot-template.directive';
-import { MultiWeekDaySlotTemplateDirective } from './views/templates/multi-week-day-slot-template.directive';
-import { TimeSlotTemplateDirective } from './views/templates/time-slot-template.directive';
-import { TimelineViewModule } from './views/timeline/timeline-view.module';
-import { ReactiveEditingDirective } from './editing-directives/reactive-editing.directive';
-import { DialogModule } from '@progress/kendo-angular-dialog';
-import { EditDialogComponent } from './editing/edit-dialog.component';
-import { ReactiveFormsModule } from '@angular/forms';
-import { ButtonsModule } from '@progress/kendo-angular-buttons';
-import { DateInputsModule } from '@progress/kendo-angular-dateinputs';
-import { CheckBoxModule, FormFieldModule, NumericTextBoxModule, TextAreaModule, TextBoxModule } from '@progress/kendo-angular-inputs';
-import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
-import { SchedulerDateTimePickerComponent } from './editing/date-time-picker.component';
-import { RecurrenceEditorComponent } from './editing/recurrence/recurrence-editor.component';
-import { RecurrenceFrequencyEditorComponent } from './editing/recurrence/recurrence-frequency-editor.component';
-import { RecurrenceEndRuleEditorComponent } from './editing/recurrence/recurrence-end-rule-editor.component';
-import { RecurrenceIntervalEditorComponent } from './editing/recurrence/recurrence-interval-editor.component';
-import { RecurrenceMonthlyYearlyEditorComponent } from './editing/recurrence/recurrence-monthly-yearly-editor.component';
-import { RecurrenceWeekdayRuleEditorComponent } from './editing/recurrence/recurrence-weekday-rule-editor.component';
-import { RecurrenceEditorCustomMessagesComponent } from './editing/recurrence/localization/custom-messages.component';
-import { RecurrenceEditorLocalizedMessagesDirective } from './editing/recurrence/localization/localized-messages.directive';
-import { EndRuleRadioButtonDirective } from './editing/recurrence/end-rule-radio-button.directive';
-import { RepeatOnRadioButtonDirective } from './editing/recurrence/repeat-on-radio-button.directive';
-import { MultipleResourceEditorComponent } from './editing/resource-multiple-editor.component';
-import { SingleResourceEditorComponent } from './editing/resource-single-editor.component';
-import { TimeZoneEditorComponent } from './editing/timezone-editor.component';
-import { EditDialogTemplateDirective } from './editing/edit-dialog-template.directive';
-import { LoadingComponent } from './loading.component';
-import { SharedModule } from './shared.module';
-import { ShortcutsDirective } from './navigation/shortcuts.directive';
-import { SlotSelectableDirective } from './views/common/slot-selectable.directive';
-import { LabelModule } from '@progress/kendo-angular-label';
-import { YearViewModule } from './views/year/year-view.module';
-import { YearViewComponent } from './views/year/year-view.component';
+import { KENDO_SCHEDULER } from './directives';
+import { ResizeBatchService } from '@progress/kendo-angular-common';
+import { DialogContainerService, DialogService, WindowContainerService, WindowService, } from '@progress/kendo-angular-dialog';
+import { CalendarDOMService, CenturyViewService, DayPeriodService, DecadeViewService, HoursService, MillisecondsService, MinutesService, MonthViewService, NavigationService, SecondsService, TimePickerDOMService, WeekNamesService, YearViewService, } from '@progress/kendo-angular-dateinputs';
+import { IconsService } from '@progress/kendo-angular-icons';
+import { PopupService } from '@progress/kendo-angular-popup';
+import { ViewContextService } from './views/view-context.service';
+import { ViewStateService } from './views/view-state.service';
+import { EditService } from './editing/edit.service';
+import { ToolbarService } from './toolbar/toolbar.service';
 import * as i0 from "@angular/core";
-import * as i1 from "./toolbar/navigation.component";
-import * as i2 from "./toolbar/toolbar-template.directive";
-import * as i3 from "./toolbar/view-selector.component";
-const TEMPLATES = [
-    AgendaDateTemplateDirective,
-    AgendaTimeTemplateDirective,
-    AllDayEventTemplateDirective,
-    AllDaySlotTemplateDirective,
-    DateHeaderTemplateDirective,
-    EventTemplateDirective,
-    EditDialogTemplateDirective,
-    GroupHeaderTemplateDirective,
-    MajorTimeHeaderTemplateDirective,
-    MinorTimeHeaderTemplateDirective,
-    MonthDaySlotTemplateDirective,
-    MultiWeekDaySlotTemplateDirective,
-    TimeSlotTemplateDirective
-];
-const declarations = [
-    SchedulerComponent,
-    SchedulerViewDirective,
-    DataBindingDirective,
-    ShortcutsDirective,
-    ReactiveEditingDirective,
-    SlotSelectableDirective,
-    SchedulerDateTimePickerComponent,
-    RecurrenceEditorComponent,
-    RecurrenceEndRuleEditorComponent,
-    RecurrenceFrequencyEditorComponent,
-    RecurrenceIntervalEditorComponent,
-    RecurrenceMonthlyYearlyEditorComponent,
-    RecurrenceWeekdayRuleEditorComponent,
-    EndRuleRadioButtonDirective,
-    RepeatOnRadioButtonDirective,
-    MultipleResourceEditorComponent,
-    SingleResourceEditorComponent,
-    TimeZoneEditorComponent,
-    EditDialogComponent,
-    SchedulerCustomMessagesComponent,
-    LocalizedMessagesDirective,
-    RecurrenceEditorCustomMessagesComponent,
-    RecurrenceEditorLocalizedMessagesDirective,
-    LoadingComponent,
-    ...TEMPLATES
-];
-const publicDirectives = [
-    AgendaViewComponent,
-    MonthViewModule,
-    YearViewComponent,
-    MultiDayViewModule,
-    ReactiveEditingDirective,
-    TimelineViewModule,
-    toolbarDirectives,
-    ...declarations
-];
-const importedKendoModules = [
-    ButtonsModule,
-    CheckBoxModule,
-    TextAreaModule,
-    DateInputsModule,
-    DialogModule,
-    NumericTextBoxModule,
-    TextBoxModule,
-    DropDownsModule,
-    ReactiveFormsModule,
-    SharedModule,
-    LabelModule,
-    FormFieldModule
-];
+import * as i1 from "./scheduler.component";
+import * as i2 from "./localization/custom-messages.component";
+import * as i3 from "./views/scheduler-view.directive";
+import * as i4 from "./data-binding.directive";
+import * as i5 from "./views/common/slot-selectable.directive";
+import * as i6 from "./pdf/pdf.component";
+import * as i7 from "./pdf/pdf-command.directive";
+import * as i8 from "./navigation/shortcuts.directive";
+import * as i9 from "./views/agenda/agenda-view.component";
+import * as i10 from "./views/multi-day/day-view.component";
+import * as i11 from "./views/month/month-view.component";
+import * as i12 from "./views/multi-day/multi-day-view.component";
+import * as i13 from "./views/month/multi-week-view.component";
+import * as i14 from "./views/timeline/timeline-month-view.component";
+import * as i15 from "./views/timeline/timeline-view.component";
+import * as i16 from "./views/timeline/timeline-week-view.component";
+import * as i17 from "./views/multi-day/week-view.component";
+import * as i18 from "./views/multi-day/work-week-view.component";
+import * as i19 from "./views/year/year-view.component";
+import * as i20 from "./editing-directives/reactive-editing.directive";
+import * as i21 from "./editing/recurrence/recurrence-editor.component";
+import * as i22 from "./editing/timezone-editor.component";
+import * as i23 from "./toolbar/navigation.component";
+import * as i24 from "./toolbar/toolbar-template.directive";
+import * as i25 from "./toolbar/view-selector.component";
+import * as i26 from "./views/templates/agenda-date-template.directive";
+import * as i27 from "./views/templates/agenda-time-template.directive";
+import * as i28 from "./views/templates/all-day-event-template.directive";
+import * as i29 from "./views/templates/all-day-slot-template.directive";
+import * as i30 from "./views/templates/date-header-template.directive";
+import * as i31 from "./views/templates/event-template.directive";
+import * as i32 from "./editing/edit-dialog-template.directive";
+import * as i33 from "./views/templates/group-header-template.directive";
+import * as i34 from "./views/templates/major-time-header-template.directive";
+import * as i35 from "./views/templates/minor-time-header-template.directive";
+import * as i36 from "./views/templates/month-day-slot-template.directive";
+import * as i37 from "./views/templates/multi-week-day-slot-template.directive";
+import * as i38 from "./views/templates/time-slot-template.directive";
+// IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Scheduler component.
@@ -150,128 +75,67 @@ const importedKendoModules = [
 export class SchedulerModule {
 }
 SchedulerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SchedulerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SchedulerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SchedulerModule, declarations: [SchedulerComponent,
-        SchedulerViewDirective,
-        DataBindingDirective,
-        ShortcutsDirective,
-        ReactiveEditingDirective,
-        SlotSelectableDirective,
-        SchedulerDateTimePickerComponent,
-        RecurrenceEditorComponent,
-        RecurrenceEndRuleEditorComponent,
-        RecurrenceFrequencyEditorComponent,
-        RecurrenceIntervalEditorComponent,
-        RecurrenceMonthlyYearlyEditorComponent,
-        RecurrenceWeekdayRuleEditorComponent,
-        EndRuleRadioButtonDirective,
-        RepeatOnRadioButtonDirective,
-        MultipleResourceEditorComponent,
-        SingleResourceEditorComponent,
-        TimeZoneEditorComponent,
-        EditDialogComponent,
-        SchedulerCustomMessagesComponent,
-        LocalizedMessagesDirective,
-        RecurrenceEditorCustomMessagesComponent,
-        RecurrenceEditorLocalizedMessagesDirective,
-        LoadingComponent, AgendaDateTemplateDirective,
-        AgendaTimeTemplateDirective,
-        AllDayEventTemplateDirective,
-        AllDaySlotTemplateDirective,
-        DateHeaderTemplateDirective,
-        EventTemplateDirective,
-        EditDialogTemplateDirective,
-        GroupHeaderTemplateDirective,
-        MajorTimeHeaderTemplateDirective,
-        MinorTimeHeaderTemplateDirective,
-        MonthDaySlotTemplateDirective,
-        MultiWeekDaySlotTemplateDirective,
-        TimeSlotTemplateDirective], imports: [CommonModule,
-        ToolbarModule,
-        AgendaViewModule,
-        MultiDayViewModule,
-        ResizeSensorModule,
-        MonthViewModule,
-        TimelineViewModule,
-        WatermarkModule,
-        YearViewModule, ButtonsModule,
-        CheckBoxModule,
-        TextAreaModule,
-        DateInputsModule,
-        DialogModule,
-        NumericTextBoxModule,
-        TextBoxModule,
-        DropDownsModule,
-        ReactiveFormsModule,
-        SharedModule,
-        LabelModule,
-        FormFieldModule], exports: [AgendaViewComponent,
-        MonthViewModule,
-        YearViewComponent,
-        MultiDayViewModule,
-        ReactiveEditingDirective,
-        TimelineViewModule, i1.ToolbarNavigationComponent, i2.ToolbarTemplateDirective, i3.ToolbarViewSelectorComponent, SchedulerComponent,
-        SchedulerViewDirective,
-        DataBindingDirective,
-        ShortcutsDirective,
-        ReactiveEditingDirective,
-        SlotSelectableDirective,
-        SchedulerDateTimePickerComponent,
-        RecurrenceEditorComponent,
-        RecurrenceEndRuleEditorComponent,
-        RecurrenceFrequencyEditorComponent,
-        RecurrenceIntervalEditorComponent,
-        RecurrenceMonthlyYearlyEditorComponent,
-        RecurrenceWeekdayRuleEditorComponent,
-        EndRuleRadioButtonDirective,
-        RepeatOnRadioButtonDirective,
-        MultipleResourceEditorComponent,
-        SingleResourceEditorComponent,
-        TimeZoneEditorComponent,
-        EditDialogComponent,
-        SchedulerCustomMessagesComponent,
-        LocalizedMessagesDirective,
-        RecurrenceEditorCustomMessagesComponent,
-        RecurrenceEditorLocalizedMessagesDirective,
-        LoadingComponent, AgendaDateTemplateDirective,
-        AgendaTimeTemplateDirective,
-        AllDayEventTemplateDirective,
-        AllDaySlotTemplateDirective,
-        DateHeaderTemplateDirective,
-        EventTemplateDirective,
-        EditDialogTemplateDirective,
-        GroupHeaderTemplateDirective,
-        MajorTimeHeaderTemplateDirective,
-        MinorTimeHeaderTemplateDirective,
-        MonthDaySlotTemplateDirective,
-        MultiWeekDaySlotTemplateDirective,
-        TimeSlotTemplateDirective] });
-SchedulerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SchedulerModule, imports: [CommonModule,
-        ToolbarModule,
-        AgendaViewModule,
-        MultiDayViewModule,
-        ResizeSensorModule,
-        MonthViewModule,
-        TimelineViewModule,
-        WatermarkModule,
-        YearViewModule, importedKendoModules, MonthViewModule,
-        MultiDayViewModule,
-        TimelineViewModule] });
+SchedulerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SchedulerModule, imports: [i1.SchedulerComponent, i2.SchedulerCustomMessagesComponent, i3.SchedulerViewDirective, i4.DataBindingDirective, i5.SlotSelectableDirective, i6.PDFComponent, i7.PDFCommandDirective, i8.ShortcutsDirective, i9.AgendaViewComponent, i10.DayViewComponent, i11.MonthViewComponent, i12.MultiDayViewComponent, i13.MultiWeekViewComponent, i14.TimelineMonthViewComponent, i15.TimelineViewComponent, i16.TimelineWeekViewComponent, i17.WeekViewComponent, i18.WorkWeekViewComponent, i19.YearViewComponent, i20.ReactiveEditingDirective, i21.RecurrenceEditorComponent, i22.TimeZoneEditorComponent, i23.ToolbarNavigationComponent, i24.ToolbarTemplateDirective, i25.ToolbarViewSelectorComponent, i26.AgendaDateTemplateDirective, i27.AgendaTimeTemplateDirective, i28.AllDayEventTemplateDirective, i29.AllDaySlotTemplateDirective, i30.DateHeaderTemplateDirective, i31.EventTemplateDirective, i32.EditDialogTemplateDirective, i33.GroupHeaderTemplateDirective, i34.MajorTimeHeaderTemplateDirective, i35.MinorTimeHeaderTemplateDirective, i36.MonthDaySlotTemplateDirective, i37.MultiWeekDaySlotTemplateDirective, i38.TimeSlotTemplateDirective], exports: [i1.SchedulerComponent, i2.SchedulerCustomMessagesComponent, i3.SchedulerViewDirective, i4.DataBindingDirective, i5.SlotSelectableDirective, i6.PDFComponent, i7.PDFCommandDirective, i8.ShortcutsDirective, i9.AgendaViewComponent, i10.DayViewComponent, i11.MonthViewComponent, i12.MultiDayViewComponent, i13.MultiWeekViewComponent, i14.TimelineMonthViewComponent, i15.TimelineViewComponent, i16.TimelineWeekViewComponent, i17.WeekViewComponent, i18.WorkWeekViewComponent, i19.YearViewComponent, i20.ReactiveEditingDirective, i21.RecurrenceEditorComponent, i22.TimeZoneEditorComponent, i23.ToolbarNavigationComponent, i24.ToolbarTemplateDirective, i25.ToolbarViewSelectorComponent, i26.AgendaDateTemplateDirective, i27.AgendaTimeTemplateDirective, i28.AllDayEventTemplateDirective, i29.AllDaySlotTemplateDirective, i30.DateHeaderTemplateDirective, i31.EventTemplateDirective, i32.EditDialogTemplateDirective, i33.GroupHeaderTemplateDirective, i34.MajorTimeHeaderTemplateDirective, i35.MinorTimeHeaderTemplateDirective, i36.MonthDaySlotTemplateDirective, i37.MultiWeekDaySlotTemplateDirective, i38.TimeSlotTemplateDirective] });
+SchedulerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SchedulerModule, providers: [
+        ToolbarService,
+        ViewContextService,
+        ViewStateService,
+        EditService,
+        IconsService,
+        PopupService,
+        ResizeBatchService,
+        // DateInputsModule providers
+        CalendarDOMService,
+        CenturyViewService,
+        DecadeViewService,
+        MonthViewService,
+        YearViewService,
+        WeekNamesService,
+        NavigationService,
+        TimePickerDOMService,
+        HoursService,
+        MinutesService,
+        SecondsService,
+        MillisecondsService,
+        DayPeriodService,
+        // DropDownsModule providers
+        DialogContainerService,
+        DialogService,
+        WindowService,
+        WindowContainerService,
+    ], imports: [i1.SchedulerComponent, i2.SchedulerCustomMessagesComponent, i6.PDFComponent, i7.PDFCommandDirective, i9.AgendaViewComponent, i10.DayViewComponent, i11.MonthViewComponent, i12.MultiDayViewComponent, i13.MultiWeekViewComponent, i14.TimelineMonthViewComponent, i15.TimelineViewComponent, i16.TimelineWeekViewComponent, i17.WeekViewComponent, i18.WorkWeekViewComponent, i19.YearViewComponent, i21.RecurrenceEditorComponent, i22.TimeZoneEditorComponent, i23.ToolbarNavigationComponent, i25.ToolbarViewSelectorComponent] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SchedulerModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [
-                        CommonModule,
-                        ToolbarModule,
-                        AgendaViewModule,
-                        MultiDayViewModule,
-                        ResizeSensorModule,
-                        MonthViewModule,
-                        TimelineViewModule,
-                        WatermarkModule,
-                        YearViewModule,
-                        ...importedKendoModules
+                    imports: [...KENDO_SCHEDULER],
+                    exports: [...KENDO_SCHEDULER],
+                    providers: [
+                        ToolbarService,
+                        ViewContextService,
+                        ViewStateService,
+                        EditService,
+                        IconsService,
+                        PopupService,
+                        ResizeBatchService,
+                        // DateInputsModule providers
+                        CalendarDOMService,
+                        CenturyViewService,
+                        DecadeViewService,
+                        MonthViewService,
+                        YearViewService,
+                        WeekNamesService,
+                        NavigationService,
+                        TimePickerDOMService,
+                        HoursService,
+                        MinutesService,
+                        SecondsService,
+                        MillisecondsService,
+                        DayPeriodService,
+                        // DropDownsModule providers
+                        DialogContainerService,
+                        DialogService,
+                        WindowService,
+                        WindowContainerService,
                     ],
-                    declarations: declarations,
-                    exports: publicDirectives
                 }]
         }] });

package/esm2020/shared.module.mjs

@@ -8,6 +8,9 @@ import { SortPipe } from './views/timeline/utils';
 import * as i0 from "@angular/core";
 /**
  * @hidden
+ *
+ * As of package v17, the `SharedModule` is deprecated and can
+ * be removed in a future major version. We recommend using `SchedulerModule`.
  */
 export class SharedModule {
     static exports() {
@@ -18,14 +21,14 @@ export class SharedModule {
     }
 }
 SharedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SharedModule, declarations: [FocusableDirective,
+SharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SharedModule, imports: [FocusableDirective,
         SortPipe], exports: [FocusableDirective,
         SortPipe] });
 SharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SharedModule });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SharedModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [
+                    imports: [
                         FocusableDirective,
                         SortPipe
                     ],

package/esm2020/toolbar/navigation.component.mjs

@@ -6,19 +6,18 @@ import { ChangeDetectionStrategy, Component, HostBinding, Input, ChangeDetectorR
 import { PopupService } from '@progress/kendo-angular-popup';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { ToolbarService } from './toolbar.service';
-import { CalendarComponent } from '@progress/kendo-angular-dateinputs';
+import { CalendarComponent, CalendarCustomMessagesComponent } from '@progress/kendo-angular-dateinputs';
 import { ViewContextService } from '../views/view-context.service';
 import { isDocumentAvailable } from '@progress/kendo-angular-common';
 import { caretAltRightIcon, caretAltLeftIcon, calendarIcon } from '@progress/kendo-svg-icons';
+import { AsyncPipe } from '@angular/common';
+import { FocusableDirective } from '../navigation/focusable.directive';
+import { ButtonComponent } from '@progress/kendo-angular-buttons';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-popup";
 import * as i2 from "./toolbar.service";
 import * as i3 from "@progress/kendo-angular-l10n";
 import * as i4 from "../views/view-context.service";
-import * as i5 from "@progress/kendo-angular-buttons";
-import * as i6 from "@progress/kendo-angular-dateinputs";
-import * as i7 from "../navigation/focusable.directive";
-import * as i8 from "@angular/common";
 const iconsMap = { caretAltLeftIcon, caretAltRightIcon, calendarIcon };
 /**
  * A toolbar component which contains the controls for date navigation
@@ -203,7 +202,7 @@ export class ToolbarNavigationComponent {
     }
 }
 ToolbarNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarNavigationComponent, deps: [{ token: i1.PopupService }, { token: i2.ToolbarService }, { token: i3.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i4.ViewContextService }], target: i0.ɵɵFactoryTarget.Component });
-ToolbarNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarNavigationComponent, selector: "[kendoSchedulerToolbarNavigation]", inputs: { min: "min", max: "max", activeView: "activeView", bottomView: "bottomView" }, host: { properties: { "class.k-toolbar-group": "this.hostClass" } }, providers: [
+ToolbarNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarNavigationComponent, isStandalone: true, selector: "[kendoSchedulerToolbarNavigation]", inputs: { min: "min", max: "max", activeView: "activeView", bottomView: "bottomView" }, host: { properties: { "class.k-toolbar-group": "this.hostClass" } }, providers: [
         PopupService
     ], viewQueries: [{ propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true }], ngImport: i0, template: `
         <span class="k-scheduler-navigation k-button-group k-button-group-solid" role="group">
@@ -270,7 +269,7 @@ ToolbarNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
                 </kendo-calendar-messages>
             </kendo-calendar>
         </ng-template>
-    `, isInline: true, dependencies: [{ kind: "component", type: i5.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: i6.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: ["activeViewChange", "navigate", "activeViewDateChange", "blur", "focus", "valueChange"], exportAs: ["kendo-calendar"] }, { kind: "component", type: i6.CalendarCustomMessagesComponent, selector: "kendo-calendar-messages" }, { kind: "directive", type: i7.FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }, { kind: "pipe", type: i8.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], 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: ["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: "15.2.10", ngImport: i0, type: ToolbarNavigationComponent, decorators: [{
             type: Component,
             args: [{
@@ -345,7 +344,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 </kendo-calendar-messages>
             </kendo-calendar>
         </ng-template>
-    `
+    `,
+                    standalone: true,
+                    imports: [ButtonComponent, FocusableDirective, CalendarComponent, CalendarCustomMessagesComponent, AsyncPipe]
                 }]
         }], ctorParameters: function () { return [{ type: i1.PopupService }, { type: i2.ToolbarService }, { type: i3.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i4.ViewContextService }]; }, propDecorators: { calendar: [{
                 type: ViewChild,

package/esm2020/toolbar/toolbar-template.directive.mjs

@@ -29,11 +29,12 @@ export class ToolbarTemplateDirective {
     }
 }
 ToolbarTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-ToolbarTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarTemplateDirective, selector: "[kendoSchedulerToolbarTemplate]", ngImport: i0 });
+ToolbarTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarTemplateDirective, isStandalone: true, selector: "[kendoSchedulerToolbarTemplate]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarTemplateDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoSchedulerToolbarTemplate]'
+                    selector: '[kendoSchedulerToolbarTemplate]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
                     type: Optional

package/esm2020/toolbar/toolbar.component.mjs

@@ -7,12 +7,12 @@ import { Observable, Subscription } from 'rxjs';
 import { SchedulerView } from '../types';
 import { ToolbarTemplateDirective } from './toolbar-template.directive';
 import { ToolbarService } from './toolbar.service';
+import { ResizeSensorComponent } from '@progress/kendo-angular-common';
+import { ToolbarViewSelectorComponent } from './view-selector.component';
+import { ToolbarNavigationComponent } from './navigation.component';
+import { NgIf, NgTemplateOutlet } from '@angular/common';
 import * as i0 from "@angular/core";
 import * as i1 from "./toolbar.service";
-import * as i2 from "@angular/common";
-import * as i3 from "@progress/kendo-angular-common";
-import * as i4 from "./navigation.component";
-import * as i5 from "./view-selector.component";
 /**
  * @hidden
  */
@@ -72,7 +72,7 @@ export class ToolbarComponent {
     }
 }
 ToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.ToolbarService }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarComponent, selector: "kendo-scheduler-toolbar", inputs: { selectedView: "selectedView", views: "views", dateRange: "dateRange", selectedDate: "selectedDate", template: "template", min: "min", max: "max" }, outputs: { navigate: "navigate", toolbarWidthChange: "toolbarWidthChange" }, host: { properties: { "class.k-scheduler-toolbar": "this.hostClasses", "class.k-toolbar": "this.hostClasses", "class.k-toolbar-md": "this.hostClasses", "attr.role": "this.toolbarRole" } }, usesOnChanges: true, ngImport: i0, template: `
+ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarComponent, isStandalone: true, selector: "kendo-scheduler-toolbar", inputs: { selectedView: "selectedView", views: "views", dateRange: "dateRange", selectedDate: "selectedDate", template: "template", min: "min", max: "max" }, outputs: { navigate: "navigate", toolbarWidthChange: "toolbarWidthChange" }, host: { properties: { "class.k-scheduler-toolbar": "this.hostClasses", "class.k-toolbar": "this.hostClasses", "class.k-toolbar-md": "this.hostClasses", "attr.role": "this.toolbarRole" } }, usesOnChanges: true, ngImport: i0, template: `
         <ng-template
             *ngIf="template; else defaultTemplate"
             [ngTemplateOutlet]="template.templateRef"
@@ -92,7 +92,7 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
         </ng-template>
 
         <kendo-resize-sensor (resize)="resizeHandler()" [style]="'display: contents;'"></kendo-resize-sensor>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: i4.ToolbarNavigationComponent, selector: "[kendoSchedulerToolbarNavigation]", inputs: ["min", "max", "activeView", "bottomView"] }, { kind: "component", type: i5.ToolbarViewSelectorComponent, selector: "[kendoSchedulerToolbarViewSelector]", inputs: ["toolbarWidth", "responsiveBreakpoint"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ToolbarNavigationComponent, selector: "[kendoSchedulerToolbarNavigation]", inputs: ["min", "max", "activeView", "bottomView"] }, { kind: "component", type: ToolbarViewSelectorComponent, selector: "[kendoSchedulerToolbarViewSelector]", inputs: ["toolbarWidth", "responsiveBreakpoint"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarComponent, decorators: [{
             type: Component,
             args: [{
@@ -117,7 +117,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         </ng-template>
 
         <kendo-resize-sensor (resize)="resizeHandler()" [style]="'display: contents;'"></kendo-resize-sensor>
-    `
+    `,
+                    standalone: true,
+                    imports: [NgIf, NgTemplateOutlet, ToolbarNavigationComponent, ToolbarViewSelectorComponent, ResizeSensorComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i1.ToolbarService }, { type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { hostClasses: [{
                 type: HostBinding,

package/esm2020/toolbar/toolbar.service.mjs

@@ -26,7 +26,10 @@ export class ToolbarService {
     }
 }
 ToolbarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ToolbarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarService });
+ToolbarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarService, decorators: [{
-            type: Injectable
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
         }], ctorParameters: function () { return []; } });

package/esm2020/toolbar/view-selector.component.mjs

@@ -5,12 +5,12 @@
 import { Component, Input } from '@angular/core';
 import { ToolbarService } from './toolbar.service';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { ButtonComponent } from '@progress/kendo-angular-buttons';
+import { FocusableDirective } from '../navigation/focusable.directive';
+import { NgIf, NgFor } from '@angular/common';
 import * as i0 from "@angular/core";
 import * as i1 from "./toolbar.service";
 import * as i2 from "@progress/kendo-angular-l10n";
-import * as i3 from "@angular/common";
-import * as i4 from "@progress/kendo-angular-buttons";
-import * as i5 from "../navigation/focusable.directive";
 /**
  * A toolbar component which contains the controls for switching the views
  * ([see example]({% slug toolbar_scheduler %}#toc-including-the-built-in-components)).
@@ -75,7 +75,7 @@ export class ToolbarViewSelectorComponent {
     }
 }
 ToolbarViewSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarViewSelectorComponent, deps: [{ token: i1.ToolbarService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-ToolbarViewSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarViewSelectorComponent, selector: "[kendoSchedulerToolbarViewSelector]", inputs: { toolbarWidth: "toolbarWidth", responsiveBreakpoint: "responsiveBreakpoint" }, ngImport: i0, template: `
+ToolbarViewSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarViewSelectorComponent, isStandalone: true, selector: "[kendoSchedulerToolbarViewSelector]", inputs: { toolbarWidth: "toolbarWidth", responsiveBreakpoint: "responsiveBreakpoint" }, ngImport: i0, template: `
         <select
             *ngIf="ctx.views?.length > 1 && toolbarWidth <= responsiveBreakpoint"
             (change)="onChange($event)"
@@ -108,7 +108,7 @@ ToolbarViewSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
                 </span>
             </button>
         </span>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: i5.FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarViewSelectorComponent, decorators: [{
             type: Component,
             args: [{
@@ -147,7 +147,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 </span>
             </button>
         </span>
-    `
+    `,
+                    standalone: true,
+                    imports: [NgIf, FocusableDirective, NgFor, ButtonComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i1.ToolbarService }, { type: i2.LocalizationService }]; }, propDecorators: { toolbarWidth: [{
                 type: Input