@progress/kendo-angular-dateinputs 17.0.0-develop.8 → 17.0.0

package/{esm2020 → esm2022}/calendar/calendar.component.mjs

@@ -94,154 +94,19 @@ export const KENDO_INPUT_PROVIDER = {
  * ```
  */
 export class CalendarComponent {
-    constructor(bus, dom, element, navigator, renderer, cdr, ngZone, injector, scrollSyncService, disabledDatesService, localization, selectionService, pickerService) {
-        this.bus = bus;
-        this.dom = dom;
-        this.element = element;
-        this.navigator = navigator;
-        this.renderer = renderer;
-        this.cdr = cdr;
-        this.ngZone = ngZone;
-        this.injector = injector;
-        this.scrollSyncService = scrollSyncService;
-        this.disabledDatesService = disabledDatesService;
-        this.localization = localization;
-        this.selectionService = selectionService;
-        this.pickerService = pickerService;
-        /**
-         * Determines whether the built-in min or max validators are enforced when validating a form.
-         */
-        this.rangeValidation = false;
-        /**
-         * Sets the format of the displayed Calendar week days' names.
-         * @default 'short'
-         */
-        this.weekDaysFormat = "short";
-        /**
-         * Toggles the visibility of the footer.
-         * @default false
-         */
-        this.footer = false;
-        this._selection = 'single';
-        /**
-         * Allows reverse selection when using `range` selection.
-         * If `allowReverse` is set to `true`, the component skips the validation of whether the start date is after the end date.
-         *
-         * @default false
-         */
-        this.allowReverse = false;
-        /**
-         * Sets or gets the `disabled` property of the Calendar and
-         * determines whether the component is active
-         * ([see example]({% slug disabled_calendar %})).
-         * To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_calendar#toc-managing-the-calendar-disabled-state-in-reactive-forms).
-         */
-        this.disabled = false;
-        /**
-         * Sets or gets the `tabindex` property of the Calendar. Based on the
-         * [HTML `tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) behavior,
-         * it determines whether the component is focusable.
-         */
-        this.tabindex = 0;
-        /**
-         * Sets or gets the `navigation` property of the Calendar
-         * and determines whether the navigation side-bar will be displayed
-         * ([see example]({% slug sidebar_calendar %})).
-         * Applies to the [`infinite`]({% slug api_dateinputs_calendarcomponent %}#toc-type) Calendar only.
-         */
-        this.navigation = true;
-        /**
-         * Defines the active view that the Calendar initially renders
-         * ([see example]({% slug viewoptions_calendar %})).
-         * By default, the active view is `month`.
-         *
-         * > You have to set `activeView` within the `topView`-`bottomView` range.
-         */
-        this.activeView = CalendarViewEnum[CalendarViewEnum.month];
-        /**
-         * Defines the bottommost view to which the user can navigate
-         * ([see example](slug:viewdepth_calendar)).
-         */
-        this.bottomView = CalendarViewEnum[CalendarViewEnum.month];
-        /**
-         * Defines the topmost view to which the user can navigate
-         * ([see example](slug:viewdepth_calendar)).
-         */
-        this.topView = CalendarViewEnum[CalendarViewEnum.century];
-        /**
-         * Determines whether to enable animation when navigating to previous/next view.
-         * Applies to the [`classic`]({% slug api_dateinputs_calendarcomponent %}#toc-type) Calendar only.
-         *
-         * > This feature uses the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API). In order to run the animation in browsers that do not support it, you need the `web-animations-js` polyfill.
-         *
-         * @default false
-         */
-        this.animateNavigation = false;
-        /**
-         * Determines whether to display a week number column in the `month` view
-         * ([see example]({% slug weeknumcolumn_calendar %})).
-         */
-        this.weekNumber = false;
-        /**
-         * Fires when the active view is changed
-         * ([see example](slug:events_calendar)).
-         */
-        this.activeViewChange = new EventEmitter();
-        /**
-         * Fires when navigating in the currently active view
-         * ([see example](slug:events_calendar)).
-         */
-        this.navigate = new EventEmitter();
-        /**
-         * Fires when the active view date is changed
-         * ([see example](slug:events_calendar)).
-         * Applies to the [`infinite`]({% slug api_dateinputs_calendarcomponent %}#toc-type) Calendar only.
-         */
-        this.activeViewDateChange = new EventEmitter();
-        /**
-         * Fires each time the Calendar gets blurred
-         * ([see example](slug:events_calendar)).
-         */
-        this.onBlur = new EventEmitter();
-        /**
-         * Fires each time the Calendar gets focused
-         * ([see example](slug:events_calendar)).
-         */
-        this.onFocus = new EventEmitter();
-        /**
-         * Fires when the value is changed
-         * ([see example](slug:events_calendar)).
-         */
-        this.valueChange = new EventEmitter();
-        this._size = DEFAULT_SIZE;
-        this._activeRangeEnd = 'start';
-        this.isActive = false;
-        this.cellUID = guid();
-        this.selectionRange = { start: null, end: null };
-        this.selectedDates = [];
-        this._min = new Date(MIN_DATE);
-        this._max = new Date(MAX_DATE);
-        this._focusedDate = getToday();
-        this.onControlChange = noop;
-        this.onControlTouched = noop;
-        this.onValidatorChange = noop;
-        this.minValidateFn = noop;
-        this.maxValidateFn = noop;
-        this.changes = {};
-        this.valueSetter = false;
-        this.selectionSetter = false;
-        this.syncNavigation = true;
-        this._type = 'infinite';
-        this.domEvents = [];
-        this.resolvedPromise = Promise.resolve(null);
-        this.destroyed = false;
-        this.canHover = false;
-        validatePackage(packageMetadata);
-        this.id = `kendo-calendarid-${this.bus.calendarId}`;
-        if (this.pickerService) {
-            this.pickerService.calendar = this;
-        }
-    }
+    bus;
+    dom;
+    element;
+    navigator;
+    renderer;
+    cdr;
+    ngZone;
+    injector;
+    scrollSyncService;
+    disabledDatesService;
+    localization;
+    selectionService;
+    pickerService;
     /**
      * Displays the days that fall out of the current month ([see example]({% slug viewoptions_calendar %}#toc-displaying-other-month-days)).
      * The default values per Calendar type are:
@@ -257,6 +122,11 @@ export class CalendarComponent {
         }
         return this._showOtherMonthDays;
     }
+    _showOtherMonthDays;
+    /**
+     * @hidden
+     */
+    id;
     /**
      * @hidden
      */
@@ -321,6 +191,20 @@ export class CalendarComponent {
     get max() {
         return this._max;
     }
+    /**
+     * Determines whether the built-in min or max validators are enforced when validating a form.
+     */
+    rangeValidation = false;
+    /**
+     * Sets the format of the displayed Calendar week days' names.
+     * @default 'short'
+     */
+    weekDaysFormat = "short";
+    /**
+     * Toggles the visibility of the footer.
+     * @default false
+     */
+    footer = false;
     /**
      * Sets the Calendar selection mode
      * ([see example]({% slug selection_calendar %})).
@@ -337,6 +221,14 @@ export class CalendarComponent {
     get selection() {
         return this._selection;
     }
+    _selection = 'single';
+    /**
+     * Allows reverse selection when using `range` selection.
+     * If `allowReverse` is set to `true`, the component skips the validation of whether the start date is after the end date.
+     *
+     * @default false
+     */
+    allowReverse = false;
     /**
      * Sets or gets the `value` property of the Calendar and defines the selected value of the component.
      *
@@ -349,6 +241,19 @@ export class CalendarComponent {
     get value() {
         return this._value;
     }
+    /**
+     * Sets or gets the `disabled` property of the Calendar and
+     * determines whether the component is active
+     * ([see example]({% slug disabled_calendar %})).
+     * To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_calendar#toc-managing-the-calendar-disabled-state-in-reactive-forms).
+     */
+    disabled = false;
+    /**
+     * Sets or gets the `tabindex` property of the Calendar. Based on the
+     * [HTML `tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) behavior,
+     * it determines whether the component is focusable.
+     */
+    tabindex = 0;
     /**
      * @hidden
      */
@@ -369,6 +274,31 @@ export class CalendarComponent {
     get disabledDates() {
         return this._disabledDates;
     }
+    /**
+     * Sets or gets the `navigation` property of the Calendar
+     * and determines whether the navigation side-bar will be displayed
+     * ([see example]({% slug sidebar_calendar %})).
+     * Applies to the [`infinite`]({% slug api_dateinputs_calendarcomponent %}#toc-type) Calendar only.
+     */
+    navigation = true;
+    /**
+     * Defines the active view that the Calendar initially renders
+     * ([see example]({% slug viewoptions_calendar %})).
+     * By default, the active view is `month`.
+     *
+     * > You have to set `activeView` within the `topView`-`bottomView` range.
+     */
+    activeView = CalendarViewEnum[CalendarViewEnum.month];
+    /**
+     * Defines the bottommost view to which the user can navigate
+     * ([see example](slug:viewdepth_calendar)).
+     */
+    bottomView = CalendarViewEnum[CalendarViewEnum.month];
+    /**
+     * Defines the topmost view to which the user can navigate
+     * ([see example](slug:viewdepth_calendar)).
+     */
+    topView = CalendarViewEnum[CalendarViewEnum.century];
     /**
      * Specifies the Calendar type.
      *
@@ -387,6 +317,58 @@ export class CalendarComponent {
     get type() {
         return this._type;
     }
+    /**
+     * Determines whether to enable animation when navigating to previous/next view.
+     * Applies to the [`classic`]({% slug api_dateinputs_calendarcomponent %}#toc-type) Calendar only.
+     *
+     * > This feature uses the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API). In order to run the animation in browsers that do not support it, you need the `web-animations-js` polyfill.
+     *
+     * @default false
+     */
+    animateNavigation = false;
+    /**
+     * Determines whether to display a week number column in the `month` view
+     * ([see example]({% slug weeknumcolumn_calendar %})).
+     */
+    weekNumber = false;
+    /**
+     * Fires when the active view is changed
+     * ([see example](slug:events_calendar)).
+     */
+    activeViewChange = new EventEmitter();
+    /**
+     * Fires when navigating in the currently active view
+     * ([see example](slug:events_calendar)).
+     */
+    navigate = new EventEmitter();
+    /**
+     * Fires when the active view date is changed
+     * ([see example](slug:events_calendar)).
+     * Applies to the [`infinite`]({% slug api_dateinputs_calendarcomponent %}#toc-type) Calendar only.
+     */
+    activeViewDateChange = new EventEmitter();
+    /**
+     * Fires each time the Calendar gets blurred
+     * ([see example](slug:events_calendar)).
+     */
+    onBlur = new EventEmitter();
+    /**
+     * Fires each time the Calendar gets focused
+     * ([see example](slug:events_calendar)).
+     */
+    onFocus = new EventEmitter();
+    /**
+     * Fires when the value is changed
+     * ([see example](slug:events_calendar)).
+     */
+    valueChange = new EventEmitter();
+    /**
+     * @hidden
+     *
+     * Queries the template for a cell template declaration.
+     * Ignored if a `[cellTemplate]` value is explicitly provided.
+     */
+    cellTemplate;
     /**
      * @hidden
      *
@@ -399,6 +381,13 @@ export class CalendarComponent {
     get cellTemplateRef() {
         return this._cellTemplateRef || this.cellTemplate;
     }
+    /**
+     * @hidden
+     *
+     * Queries the template for a month cell template declaration.
+     * Ignored if a `[monthCellTemplate]` value is explicitly provided.
+     */
+    monthCellTemplate;
     /**
      * @hidden
      *
@@ -411,6 +400,13 @@ export class CalendarComponent {
     get monthCellTemplateRef() {
         return this._monthCellTemplateRef || this.monthCellTemplate;
     }
+    /**
+     * @hidden
+     *
+     * Queries the template for a year cell template declaration.
+     * Ignored if a `[yearCellTemplate]` value is explicitly provided.
+     */
+    yearCellTemplate;
     /**
      * @hidden
      *
@@ -423,6 +419,13 @@ export class CalendarComponent {
     get yearCellTemplateRef() {
         return this._yearCellTemplateRef || this.yearCellTemplate;
     }
+    /**
+     * @hidden
+     *
+     * Queries the template for a decade cell template declaration.
+     * Ignored if a `[decadeCellTemplate]` value is explicitly provided.
+     */
+    decadeCellTemplate;
     /**
      * @hidden
      *
@@ -435,6 +438,13 @@ export class CalendarComponent {
     get decadeCellTemplateRef() {
         return this._decadeCellTemplateRef || this.decadeCellTemplate;
     }
+    /**
+     * @hidden
+     *
+     * Queries the template for a century cell template declaration.
+     * Ignored if a `[centuryCellTemplate]` value is explicitly provided.
+     */
+    centuryCellTemplate;
     /**
      * @hidden
      *
@@ -447,6 +457,13 @@ export class CalendarComponent {
     get centuryCellTemplateRef() {
         return this._centuryCellTemplateRef || this.centuryCellTemplate;
     }
+    /**
+     * @hidden
+     *
+     * Queries the template for a week number cell template declaration.
+     * Ignored if a `[weekNumberTemplate]` value is explicitly provided.
+     */
+    weekNumberTemplate;
     /**
      * @hidden
      *
@@ -459,6 +476,27 @@ export class CalendarComponent {
     get weekNumberTemplateRef() {
         return this._weekNumberTemplateRef || this.weekNumberTemplate;
     }
+    /**
+     * @hidden
+     *
+     * Queries the template for a header title template declaration.
+     * Ignored if a `[headerTitleTemplate]` value is explicitly provided.
+     */
+    headerTitleTemplate;
+    /**
+     * @hidden
+     *
+     * Queries the template for a header template declaration.
+     * Ignored if a `[headerTemplate]` value is explicitly provided.
+     */
+    headerTemplate;
+    /**
+     * @hidden
+     *
+     * Queries the template for a footer template declaration.
+     * Ignored if a `[footerTemplate]` value is explicitly provided.
+     */
+    footerTemplate;
     /**
      * @hidden
      *
@@ -494,6 +532,13 @@ export class CalendarComponent {
     get footerTemplateRef() {
         return this._footerTemplateRef || this.footerTemplate;
     }
+    /**
+     * @hidden
+     *
+     * Queries the template for a navigation item template declaration.
+     * Ignored if a `[navigationItemTemplate]` value is explicitly provided.
+     */
+    navigationItemTemplate;
     /**
      * @hidden
      *
@@ -525,6 +570,7 @@ export class CalendarComponent {
     get size() {
         return this._size;
     }
+    _size = DEFAULT_SIZE;
     /**
      * Specify, which end of the defined selection range should be marked as active.
      *
@@ -537,6 +583,41 @@ export class CalendarComponent {
     get activeRangeEnd() {
         return this._activeRangeEnd;
     }
+    _activeRangeEnd = 'start';
+    navigationView;
+    monthView;
+    multiViewCalendar;
+    isActive = false;
+    cellUID = guid();
+    selectionRange = { start: null, end: null };
+    selectedDates = [];
+    rangePivot;
+    _disabledDates;
+    _min = new Date(MIN_DATE);
+    _max = new Date(MAX_DATE);
+    _focusedDate = getToday();
+    _value;
+    onControlChange = noop;
+    onControlTouched = noop;
+    onValidatorChange = noop;
+    minValidateFn = noop;
+    maxValidateFn = noop;
+    changes = {};
+    valueSetter = false;
+    selectionSetter = false;
+    syncNavigation = true;
+    viewChangeSubscription;
+    _type = 'infinite';
+    _cellTemplateRef;
+    _monthCellTemplateRef;
+    _yearCellTemplateRef;
+    _decadeCellTemplateRef;
+    _centuryCellTemplateRef;
+    _weekNumberTemplateRef;
+    _headerTitleTemplateRef;
+    _headerTemplateRef;
+    _footerTemplateRef;
+    _navigationItemTemplateRef;
     get activeViewEnum() {
         const activeView = CalendarViewEnum[this.activeView];
         return activeView < this.bottomViewEnum ? this.bottomViewEnum : activeView;
@@ -554,6 +635,35 @@ export class CalendarComponent {
         // in Classic mode, the inner MultiViewCalendar should handle the disabled class and aria attr
         return this.type === 'classic' ? undefined : this.disabled;
     }
+    domEvents = [];
+    control;
+    pageChangeSubscription;
+    resolvedPromise = Promise.resolve(null);
+    destroyed = false;
+    localizationChangeSubscription;
+    activeViewDate;
+    currentlyFocusedElement;
+    canHover = false;
+    constructor(bus, dom, element, navigator, renderer, cdr, ngZone, injector, scrollSyncService, disabledDatesService, localization, selectionService, pickerService) {
+        this.bus = bus;
+        this.dom = dom;
+        this.element = element;
+        this.navigator = navigator;
+        this.renderer = renderer;
+        this.cdr = cdr;
+        this.ngZone = ngZone;
+        this.injector = injector;
+        this.scrollSyncService = scrollSyncService;
+        this.disabledDatesService = disabledDatesService;
+        this.localization = localization;
+        this.selectionService = selectionService;
+        this.pickerService = pickerService;
+        validatePackage(packageMetadata);
+        this.id = `kendo-calendarid-${this.bus.calendarId}`;
+        if (this.pickerService) {
+            this.pickerService.calendar = this;
+        }
+    }
     ngOnInit() {
         this.setClasses(this.element.nativeElement);
         if (this.type === 'infinite') {
@@ -877,7 +987,7 @@ export class CalendarComponent {
      */
     handleCellClick({ date, modifiers }) {
         this.focus();
-        if (this.selection === 'range' && this.activeViewEnum === 0) {
+        if (this.selection === 'range' && this.activeViewEnum === CalendarViewEnum[this.bottomView]) {
             this.performRangeSelection(date);
         }
         else {
@@ -1179,23 +1289,22 @@ export class CalendarComponent {
             focusedDate: date
         });
     }
-}
-CalendarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CalendarComponent, deps: [{ token: i1.BusViewService }, { token: i2.CalendarDOMService }, { token: i0.ElementRef }, { token: i3.NavigationService }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Injector }, { token: i4.ScrollSyncService }, { token: i5.DisabledDatesService }, { token: i6.LocalizationService }, { token: i7.SelectionService }, { token: i8.PickerService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-CalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CalendarComponent, isStandalone: true, selector: "kendo-calendar", inputs: { showOtherMonthDays: "showOtherMonthDays", id: "id", focusedDate: "focusedDate", min: "min", max: "max", rangeValidation: "rangeValidation", weekDaysFormat: "weekDaysFormat", footer: "footer", selection: "selection", allowReverse: "allowReverse", value: "value", disabled: "disabled", tabindex: "tabindex", tabIndex: "tabIndex", disabledDates: "disabledDates", navigation: "navigation", activeView: "activeView", bottomView: "bottomView", topView: "topView", type: "type", animateNavigation: "animateNavigation", weekNumber: "weekNumber", cellTemplateRef: ["cellTemplate", "cellTemplateRef"], monthCellTemplateRef: ["monthCellTemplate", "monthCellTemplateRef"], yearCellTemplateRef: ["yearCellTemplate", "yearCellTemplateRef"], decadeCellTemplateRef: ["decadeCellTemplate", "decadeCellTemplateRef"], centuryCellTemplateRef: ["centuryCellTemplate", "centuryCellTemplateRef"], weekNumberTemplateRef: ["weekNumberTemplate", "weekNumberTemplateRef"], headerTitleTemplateRef: ["headerTitleTemplate", "headerTitleTemplateRef"], headerTemplateRef: ["headerTemplate", "headerTemplateRef"], footerTemplateRef: ["footerTemplate", "footerTemplateRef"], navigationItemTemplateRef: ["navigationItemTemplate", "navigationItemTemplateRef"], size: "size", activeRangeEnd: "activeRangeEnd" }, outputs: { activeViewChange: "activeViewChange", navigate: "navigate", activeViewDateChange: "activeViewDateChange", onBlur: "blur", onFocus: "focus", valueChange: "valueChange" }, host: { properties: { "class.k-week-number": "this.weekNumber", "attr.id": "this.widgetId", "attr.aria-disabled": "this.ariaDisabled", "class.k-disabled": "this.ariaDisabled" } }, providers: [
-        BusViewService,
-        CALENDAR_VALUE_ACCESSOR,
-        CALENDAR_RANGE_VALIDATORS,
-        KENDO_INPUT_PROVIDER,
-        LocalizationService,
-        DisabledDatesService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.calendar'
-        },
-        NavigationService,
-        ScrollSyncService,
-        SelectionService
-    ], queries: [{ propertyName: "cellTemplate", first: true, predicate: CellTemplateDirective, descendants: true }, { propertyName: "monthCellTemplate", first: true, predicate: MonthCellTemplateDirective, descendants: true }, { propertyName: "yearCellTemplate", first: true, predicate: YearCellTemplateDirective, descendants: true }, { propertyName: "decadeCellTemplate", first: true, predicate: DecadeCellTemplateDirective, descendants: true }, { propertyName: "centuryCellTemplate", first: true, predicate: CenturyCellTemplateDirective, descendants: true }, { propertyName: "weekNumberTemplate", first: true, predicate: WeekNumberCellTemplateDirective, descendants: true }, { propertyName: "headerTitleTemplate", first: true, predicate: HeaderTitleTemplateDirective, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: HeaderTemplateDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "navigationItemTemplate", first: true, predicate: NavigationItemTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "navigationView", first: true, predicate: NavigationComponent, descendants: true }, { propertyName: "monthView", first: true, predicate: ViewListComponent, descendants: true }, { propertyName: "multiViewCalendar", first: true, predicate: MultiViewCalendarComponent, descendants: true }], exportAs: ["kendo-calendar"], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CalendarComponent, deps: [{ token: i1.BusViewService }, { token: i2.CalendarDOMService }, { token: i0.ElementRef }, { token: i3.NavigationService }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Injector }, { token: i4.ScrollSyncService }, { token: i5.DisabledDatesService }, { token: i6.LocalizationService }, { token: i7.SelectionService }, { token: i8.PickerService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CalendarComponent, isStandalone: true, selector: "kendo-calendar", inputs: { showOtherMonthDays: "showOtherMonthDays", id: "id", focusedDate: "focusedDate", min: "min", max: "max", rangeValidation: "rangeValidation", weekDaysFormat: "weekDaysFormat", footer: "footer", selection: "selection", allowReverse: "allowReverse", value: "value", disabled: "disabled", tabindex: "tabindex", tabIndex: "tabIndex", disabledDates: "disabledDates", navigation: "navigation", activeView: "activeView", bottomView: "bottomView", topView: "topView", type: "type", animateNavigation: "animateNavigation", weekNumber: "weekNumber", cellTemplateRef: ["cellTemplate", "cellTemplateRef"], monthCellTemplateRef: ["monthCellTemplate", "monthCellTemplateRef"], yearCellTemplateRef: ["yearCellTemplate", "yearCellTemplateRef"], decadeCellTemplateRef: ["decadeCellTemplate", "decadeCellTemplateRef"], centuryCellTemplateRef: ["centuryCellTemplate", "centuryCellTemplateRef"], weekNumberTemplateRef: ["weekNumberTemplate", "weekNumberTemplateRef"], headerTitleTemplateRef: ["headerTitleTemplate", "headerTitleTemplateRef"], headerTemplateRef: ["headerTemplate", "headerTemplateRef"], footerTemplateRef: ["footerTemplate", "footerTemplateRef"], navigationItemTemplateRef: ["navigationItemTemplate", "navigationItemTemplateRef"], size: "size", activeRangeEnd: "activeRangeEnd" }, outputs: { activeViewChange: "activeViewChange", navigate: "navigate", activeViewDateChange: "activeViewDateChange", onBlur: "blur", onFocus: "focus", valueChange: "valueChange" }, host: { properties: { "class.k-week-number": "this.weekNumber", "attr.id": "this.widgetId", "attr.aria-disabled": "this.ariaDisabled", "class.k-disabled": "this.ariaDisabled" } }, providers: [
+            BusViewService,
+            CALENDAR_VALUE_ACCESSOR,
+            CALENDAR_RANGE_VALIDATORS,
+            KENDO_INPUT_PROVIDER,
+            LocalizationService,
+            DisabledDatesService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.calendar'
+            },
+            NavigationService,
+            ScrollSyncService,
+            SelectionService
+        ], queries: [{ propertyName: "cellTemplate", first: true, predicate: CellTemplateDirective, descendants: true }, { propertyName: "monthCellTemplate", first: true, predicate: MonthCellTemplateDirective, descendants: true }, { propertyName: "yearCellTemplate", first: true, predicate: YearCellTemplateDirective, descendants: true }, { propertyName: "decadeCellTemplate", first: true, predicate: DecadeCellTemplateDirective, descendants: true }, { propertyName: "centuryCellTemplate", first: true, predicate: CenturyCellTemplateDirective, descendants: true }, { propertyName: "weekNumberTemplate", first: true, predicate: WeekNumberCellTemplateDirective, descendants: true }, { propertyName: "headerTitleTemplate", first: true, predicate: HeaderTitleTemplateDirective, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: HeaderTemplateDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "navigationItemTemplate", first: true, predicate: NavigationItemTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "navigationView", first: true, predicate: NavigationComponent, descendants: true }, { propertyName: "monthView", first: true, predicate: ViewListComponent, descendants: true }, { propertyName: "multiViewCalendar", first: true, predicate: MultiViewCalendarComponent, descendants: true }], exportAs: ["kendo-calendar"], usesOnChanges: true, ngImport: i0, template: `
     <ng-container kendoCalendarLocalizedMessages
         i18n-today="kendo.calendar.today|The label for the today button in the calendar header"
         today="Today"
@@ -1314,7 +1423,8 @@ CalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
         </kendo-multiviewcalendar>
     </ng-container>
   `, isInline: true, dependencies: [{ kind: "directive", type: CalendarLocalizedMessagesDirective, selector: "[kendoCalendarLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NavigationComponent, selector: "kendo-calendar-navigation", inputs: ["activeView", "min", "max", "focusedDate", "templateRef"], outputs: ["valueChange", "pageChange"] }, { kind: "component", type: ViewListComponent, selector: "kendo-calendar-viewlist", inputs: ["allowReverse", "cellTemplateRef", "weekNumberTemplateRef", "headerTitleTemplateRef", "headerTemplateRef", "footerTemplateRef", "showOtherMonthDays", "activeView", "cellUID", "focusedDate", "isActive", "min", "max", "selectedDates", "tabIndex", "disabled", "id", "showFooter", "weekDaysFormat", "activeRangeEnd", "selectionRange", "size", "weekNumber"], outputs: ["cellEnter", "cellClick", "weekNumberCellClick", "activeDateChange", "todayButtonClick", "pageChange", "focusCalendar", "blurCalendar", "focusedCellChange"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: MultiViewCalendarComponent, selector: "kendo-multiviewcalendar", inputs: ["showOtherMonthDays", "showCalendarHeader", "size", "id", "focusedDate", "footer", "min", "max", "rangeValidation", "disabledDatesRangeValidation", "selection", "allowReverse", "value", "disabled", "tabindex", "tabIndex", "weekDaysFormat", "isActive", "disabledDates", "activeView", "bottomView", "topView", "showViewHeader", "animateNavigation", "weekNumber", "activeRangeEnd", "selectionRange", "views", "orientation", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "footerTemplate", "headerTitleTemplate", "headerTemplate"], outputs: ["activeViewChange", "navigate", "cellEnter", "cellLeave", "valueChange", "rangeSelectionChange", "blur", "focus", "focusCalendar", "onClosePopup", "onTabPress", "onShiftTabPress"], exportAs: ["kendo-multiviewcalendar"] }, { kind: "component", type: MultiViewCalendarCustomMessagesComponent, selector: "kendo-multiviewcalendar-messages" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CalendarComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CalendarComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,

package/{esm2020 → esm2022}/calendar/calendar.module.mjs

@@ -68,21 +68,21 @@ import * as i12 from "./templates/year-cell-template.directive";
  * ```
  */
 export class CalendarModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CalendarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CalendarModule, imports: [i1.CalendarCustomMessagesComponent, i2.CalendarComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i10.NavigationItemTemplateDirective], exports: [i1.CalendarCustomMessagesComponent, i2.CalendarComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i10.NavigationItemTemplateDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CalendarModule, providers: [
+            IconsService,
+            ResizeBatchService,
+            CalendarDOMService,
+            CenturyViewService,
+            DecadeViewService,
+            MonthViewService,
+            YearViewService,
+            PopupService,
+            NavigationService
+        ], imports: [i2.CalendarComponent] });
 }
-CalendarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CalendarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CalendarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: CalendarModule, imports: [i1.CalendarCustomMessagesComponent, i2.CalendarComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i10.NavigationItemTemplateDirective], exports: [i1.CalendarCustomMessagesComponent, i2.CalendarComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i10.NavigationItemTemplateDirective] });
-CalendarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CalendarModule, providers: [
-        IconsService,
-        ResizeBatchService,
-        CalendarDOMService,
-        CenturyViewService,
-        DecadeViewService,
-        MonthViewService,
-        YearViewService,
-        PopupService,
-        NavigationService
-    ], imports: [i1.CalendarCustomMessagesComponent, i2.CalendarComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CalendarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CalendarModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_CALENDAR],

package/{esm2020 → esm2022}/calendar/calendars.module.mjs

@@ -64,21 +64,21 @@ import * as i14 from "./multiview-calendar.component";
  * ```
  */
 export class CalendarsModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CalendarsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CalendarsModule, imports: [i1.CalendarCustomMessagesComponent, i2.CalendarComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i10.NavigationItemTemplateDirective, i13.MultiViewCalendarCustomMessagesComponent, i14.MultiViewCalendarComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective], exports: [i1.CalendarCustomMessagesComponent, i2.CalendarComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i10.NavigationItemTemplateDirective, i13.MultiViewCalendarCustomMessagesComponent, i14.MultiViewCalendarComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CalendarsModule, providers: [
+            IconsService,
+            ResizeBatchService,
+            CalendarDOMService,
+            CenturyViewService,
+            DecadeViewService,
+            MonthViewService,
+            YearViewService,
+            PopupService,
+            NavigationService
+        ], imports: [i2.CalendarComponent, i14.MultiViewCalendarComponent] });
 }
-CalendarsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CalendarsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CalendarsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: CalendarsModule, imports: [i1.CalendarCustomMessagesComponent, i2.CalendarComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i10.NavigationItemTemplateDirective, i13.MultiViewCalendarCustomMessagesComponent, i14.MultiViewCalendarComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective], exports: [i1.CalendarCustomMessagesComponent, i2.CalendarComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i10.NavigationItemTemplateDirective, i13.MultiViewCalendarCustomMessagesComponent, i14.MultiViewCalendarComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective] });
-CalendarsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CalendarsModule, providers: [
-        IconsService,
-        ResizeBatchService,
-        CalendarDOMService,
-        CenturyViewService,
-        DecadeViewService,
-        MonthViewService,
-        YearViewService,
-        PopupService,
-        NavigationService
-    ], imports: [i1.CalendarCustomMessagesComponent, i2.CalendarComponent, i13.MultiViewCalendarCustomMessagesComponent, i14.MultiViewCalendarComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CalendarsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CalendarsModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_CALENDAR, ...KENDO_MULTIVIEWCALENDAR],