@progress/kendo-angular-dateinputs 6.0.3-dev.202203150818 → 7.0.0-dev.202204150726

package/dist/es/calendar/multiview-calendar.component.js

@@ -1,1122 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, ChangeDetectorRef, ChangeDetectionStrategy, ContentChild, EventEmitter, ElementRef, Renderer2, isDevMode, forwardRef, HostBinding, HostListener, Input, Output, ViewChild, NgZone, Optional } from '@angular/core';
-import { NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
-import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
-import { cloneDate, isEqual } from '@progress/kendo-date-math';
-import { hasObservers, guid, Keys } from '@progress/kendo-angular-common';
-import { HorizontalViewListComponent } from './horizontal-view-list.component';
-import { HeaderComponent } from './header.component';
-import { BusViewService } from './services/bus-view.service';
-import { NavigationService } from './services/navigation.service';
-import { SelectionService } from './services/selection.service';
-import { DisabledDatesService } from './services/disabled-dates.service';
-import { CellTemplateDirective } from './templates/cell-template.directive';
-import { MonthCellTemplateDirective } from './templates/month-cell-template.directive';
-import { YearCellTemplateDirective } from './templates/year-cell-template.directive';
-import { DecadeCellTemplateDirective } from './templates/decade-cell-template.directive';
-import { CenturyCellTemplateDirective } from './templates/century-cell-template.directive';
-import { WeekNumberCellTemplateDirective } from './templates/weeknumber-cell-template.directive';
-import { HeaderTitleTemplateDirective } from './templates/header-title-template.directive';
-import { Action } from './models/navigation-action.enum';
-import { CalendarViewEnum } from './models/view.enum';
-import { minValidator } from '../validators/min.validator';
-import { maxValidator } from '../validators/max.validator';
-import { disabledDatesRangeValidator } from '../validators/disabled-dates-range.validator';
-import { MIN_DATE, MAX_DATE } from '../defaults';
-import { areDatesEqual, dateInRange, getToday, hasExistingValue, last, noop } from '../util';
-import { Subscription } from 'rxjs';
-import { isPresent } from '../common/utils';
-import { PickerService } from '../common/picker.service';
-var BOTTOM_VIEW_DOC_LINK = 'http://www.telerik.com/kendo-angular-ui/components/dateinputs/api/CalendarComponent/#toc-bottomview';
-var TOP_VIEW_DOC_LINK = 'http://www.telerik.com/kendo-angular-ui/components/dateinputs/api/CalendarComponent/#toc-topview';
-var MIN_DOC_LINK = 'http://www.telerik.com/kendo-angular-ui/components/dateinputs/api/CalendarComponent/#toc-min';
-var MAX_DOC_LINK = 'http://www.telerik.com/kendo-angular-ui/components/dateinputs/api/CalendarComponent/#toc-max';
-var VALUE_DOC_LINK = 'http://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/#toc-using-with-json';
-/**
- * @hidden
- */
-export var RANGE_CALENDAR_VALUE_ACCESSOR = {
-    multi: true,
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(function () { return MultiViewCalendarComponent; }) //tslint:disable-line:no-use-before-declare
-};
-/**
- * @hidden
- */
-export var RANGE_CALENDAR_RANGE_VALIDATORS = {
-    multi: true,
-    provide: NG_VALIDATORS,
-    useExisting: forwardRef(function () { return MultiViewCalendarComponent; }) //tslint:disable-line:no-use-before-declare
-};
-/**
- * Represents the Kendo UI MultiViewCalendar component for Angular.
- *
- * @example
- * ```ts
- * _@Component({
- * selector: 'my-app',
- * template: `
- *  <kendo-multiviewcalendar></kendo-multiviewcalendar>
- * `
- * })
- * export class AppComponent { }
- * ```
- */
-var MultiViewCalendarComponent = /** @class */ (function () {
-    function MultiViewCalendarComponent(bus, element, navigator, renderer, cdr, zone, disabledDatesService, selectionService, pickerService) {
-        this.bus = bus;
-        this.element = element;
-        this.navigator = navigator;
-        this.renderer = renderer;
-        this.cdr = cdr;
-        this.zone = zone;
-        this.disabledDatesService = disabledDatesService;
-        this.selectionService = selectionService;
-        this.pickerService = pickerService;
-        /**
-         * @hidden
-         */
-        this.id = guid();
-        /**
-         * Determines whether the built-in min or max validators are enforced when validating a form.
-         */
-        this.rangeValidation = false;
-        /**
-         * Determines whether the built-in validator for disabled
-         * date ranges is enforced when validating a form
-         * ([see example]({% slug disabled_dates_multiviewcalendar %}#toc-validation)).
-         */
-        this.disabledDatesRangeValidation = false;
-        /**
-         * Sets the Calendar selection mode
-         * ([see example]({% slug multiple_selection_multiviewcalendar %})).
-         *
-         * The available values are:
-         * * `single` (default)
-         * * `multiple`
-         */
-        this.selection = 'single';
-        /**
-         * Sets or gets the `disabled` property of the Calendar and
-         * determines whether the component is active
-         * ([see example]({% slug disabled_multiviewcalendar %})).
-         */
-        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;
-        /**
-         * @hidden
-         */
-        this.isActive = false;
-        /**
-         * @hidden
-         */
-        this.isHeaderActive = false;
-        /**
-         * Defines the active view that the Calendar initially renders
-         * ([see example]({% slug activeview_multiviewcalendar %})).
-         * 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 dates_multiviewcalendar %}#toc-partial-dates)).
-         */
-        this.bottomView = CalendarViewEnum[CalendarViewEnum.month];
-        /**
-         * Defines the topmost view, to which the user can navigate.
-         */
-        this.topView = CalendarViewEnum[CalendarViewEnum.century];
-        /**
-         * Determines whether to display a header for every view (for example the month name).
-         */
-        this.showViewHeader = false;
-        /**
-         * Determines whether to enable animation when navigating to previous/next view.
-         *
-         * > 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_multiviewcalendar %})).
-         */
-        this.weekNumber = false;
-        /**
-         * Sets or gets the `views` property of the Calendar and
-         * defines the number of rendered months.
-         */
-        this.views = 2;
-        /**
-         * Fires when the active view is changed
-         * ([more information and example]({% slug overview_multiviewcalendar %}#toc-events)).
-         */
-        this.activeViewChange = new EventEmitter();
-        /**
-         * Fires when navigating in the currently active view
-         * ([more information and example]({% slug events_multiviewcalendar %})).
-         */
-        this.navigate = new EventEmitter();
-        /**
-         * Fires when a view cell is entered
-         * ([more information and example]({% slug overview_multiviewcalendar %}#toc-events)).
-         */
-        this.cellEnter = new EventEmitter();
-        /**
-         * Fires when a view cell is leaved
-         * ([more information and example]({% slug overview_multiviewcalendar %}#toc-events)).
-         */
-        this.cellLeave = new EventEmitter();
-        /**
-         * Fires when the value is changed
-         * ([more information and example]({% slug overview_multiviewcalendar %}#toc-events)).
-         */
-        this.valueChange = new EventEmitter();
-        /**
-         * @hidden
-         */
-        this.blurEvent = new EventEmitter();
-        this.cellUID = guid();
-        this.isHovered = false;
-        this.isPrevDisabled = true;
-        this.isNextDisabled = true;
-        this.prevView = Action.PrevView;
-        this.nextView = Action.NextView;
-        this.selectedDates = [];
-        this._min = new Date(MIN_DATE);
-        this._max = new Date(MAX_DATE);
-        this._focusedDate = getToday();
-        this.resolvedPromise = Promise.resolve();
-        this.onControlChange = noop;
-        this.onControlTouched = noop;
-        this.onValidatorChange = noop;
-        this.minValidateFn = noop;
-        this.maxValidateFn = noop;
-        this.disabledDatesRangeValidateFn = noop;
-        this.subscriptions = new Subscription();
-        this.setClasses(element.nativeElement);
-    }
-    Object.defineProperty(MultiViewCalendarComponent.prototype, "focusedDate", {
-        get: function () {
-            return this._focusedDate;
-        },
-        /**
-         * Sets or gets the `focusedDate` property of the Calendar and
-         * defines the focused date of the component
-         * ([see example]({% slug dates_multiviewcalendar %}#toc-focused-dates)).
-         *
-         * > If the Calendar is out of the min or max range, it normalizes the defined `focusedDate`.
-         */
-        set: function (focusedDate) {
-            this._focusedDate = focusedDate || getToday();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MultiViewCalendarComponent.prototype, "min", {
-        get: function () {
-            return this._min;
-        },
-        /**
-         * Sets or gets the `min` property of the Calendar and
-         * defines the minimum allowed date value.
-         * By default, the `min` value is `1900-1-1`.
-         */
-        set: function (min) {
-            this._min = min || new Date(MIN_DATE);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MultiViewCalendarComponent.prototype, "max", {
-        get: function () {
-            return this._max;
-        },
-        /**
-         * Sets or gets the `max` property of the Calendar and
-         * defines the maximum allowed date value.
-         * By default, the `max` value is `2099-12-31`.
-         */
-        set: function (max) {
-            this._max = max || new Date(MAX_DATE);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MultiViewCalendarComponent.prototype, "value", {
-        /**
-         * Sets or gets the `value` property of the Calendar and defines the selected value of the component.
-         *
-         * > The `value` has to be a valid
-         * [JavaScript `Date`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Date)
-         * instance when in `single` selection mode or an array of valid JavaScript Date instances when in `multiple` selection mode.
-         */
-        get: function () {
-            return this._value;
-        },
-        set: function (candidate) {
-            this.verifyValue(candidate);
-            this._value = Array.isArray(candidate) ?
-                candidate.filter(function (date) { return isPresent(date); }).map(function (element) { return cloneDate(element); }) :
-                cloneDate(candidate);
-            var selection = [].concat(candidate).filter(function (date) { return isPresent(date); }).map(function (date) { return cloneDate(date); });
-            if (!areDatesEqual(selection, this.selectedDates)) {
-                var lastSelected = last(selection);
-                this.rangePivot = cloneDate(lastSelected);
-                this.focusedDate = cloneDate(lastSelected) || this.focusedDate;
-                this.selectedDates = selection;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MultiViewCalendarComponent.prototype, "tabIndex", {
-        get: function () {
-            return this.tabindex;
-        },
-        /**
-         * @hidden
-         */
-        set: function (tabIndex) {
-            this.tabindex = tabIndex;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MultiViewCalendarComponent.prototype, "disabledDates", {
-        /**
-         * Sets the dates of the MultiViewCalendar that will be disabled
-         * ([see example]({% slug disabled_dates_multiviewcalendar %})).
-         */
-        set: function (value) {
-            this.disabledDatesService.initialize(value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MultiViewCalendarComponent.prototype, "selectionRange", {
-        get: function () {
-            return this._selectionRange;
-        },
-        /**
-         * Sets or gets the `selectionRange` property of the Calendar and
-         * defines the selection range of the component
-         * ([see example]({% slug dates_multiviewcalendar %}#toc-selection-range)).
-         */
-        set: function (range) {
-            this._selectionRange = range;
-            if (this.disabledDatesRangeValidation) {
-                this.onValidatorChange();
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MultiViewCalendarComponent.prototype, "cellTemplateRef", {
-        get: function () {
-            return this._cellTemplateRef || this.cellTemplate;
-        },
-        /**
-         * @hidden
-         *
-         * Defines the template for each cell.
-         * Takes precedence over nested templates in the KendoMultiViewCalendar tag.
-         */
-        set: function (template) {
-            this._cellTemplateRef = template;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MultiViewCalendarComponent.prototype, "monthCellTemplateRef", {
-        get: function () {
-            return this._monthCellTemplateRef || this.monthCellTemplate;
-        },
-        /**
-         * @hidden
-         *
-         * Defines the template for each month cell.
-         * Takes precedence over nested templates in the KendoMultiViewCalendar tag.
-         */
-        set: function (template) {
-            this._monthCellTemplateRef = template;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MultiViewCalendarComponent.prototype, "yearCellTemplateRef", {
-        get: function () {
-            return this._yearCellTemplateRef || this.yearCellTemplate;
-        },
-        /**
-         * @hidden
-         *
-         * Defines the template for each year cell.
-         * Takes precedence over nested templates in the KendoMultiViewCalendar tag.
-         */
-        set: function (template) {
-            this._yearCellTemplateRef = template;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MultiViewCalendarComponent.prototype, "decadeCellTemplateRef", {
-        get: function () {
-            return this._decadeCellTemplateRef || this.decadeCellTemplate;
-        },
-        /**
-         * @hidden
-         *
-         * Defines the template for each decade cell.
-         * Takes precedence over nested templates in the KendoMultiViewCalendar tag.
-         */
-        set: function (template) {
-            this._decadeCellTemplateRef = template;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MultiViewCalendarComponent.prototype, "centuryCellTemplateRef", {
-        get: function () {
-            return this._centuryCellTemplateRef || this.centuryCellTemplate;
-        },
-        /**
-         * @hidden
-         *
-         * Defines the template for each century cell.
-         * Takes precedence over nested templates in the KendoMultiViewCalendar tag.
-         */
-        set: function (template) {
-            this._centuryCellTemplateRef = template;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MultiViewCalendarComponent.prototype, "weekNumberTemplateRef", {
-        get: function () {
-            return this._weekNumberTemplateRef || this.weekNumberTemplate;
-        },
-        /**
-         * @hidden
-         *
-         * Defines the template for the week cell.
-         * Takes precedence over nested templates in the KendoMultiViewCalendar tag.
-         */
-        set: function (template) {
-            this._weekNumberTemplateRef = template;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MultiViewCalendarComponent.prototype, "headerTitleTemplateRef", {
-        get: function () {
-            return this._headerTitleTemplateRef || this.headerTitleTemplate;
-        },
-        /**
-         * @hidden
-         *
-         * Defines the template for the header title.
-         * Takes precedence over nested templates in the KendoMultiViewCalendar tag.
-         */
-        set: function (template) {
-            this._headerTitleTemplateRef = template;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MultiViewCalendarComponent.prototype, "activeViewEnum", {
-        get: function () {
-            var activeView = CalendarViewEnum[this.activeView];
-            return activeView < this.bottomViewEnum ? this.bottomViewEnum : activeView;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MultiViewCalendarComponent.prototype, "bottomViewEnum", {
-        get: function () {
-            return CalendarViewEnum[this.bottomView];
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MultiViewCalendarComponent.prototype, "topViewEnum", {
-        get: function () {
-            return CalendarViewEnum[this.topView];
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MultiViewCalendarComponent.prototype, "widgetId", {
-        get: function () {
-            return this.id;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MultiViewCalendarComponent.prototype, "calendarTabIndex", {
-        get: function () {
-            return this.disabled ? undefined : this.tabIndex;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MultiViewCalendarComponent.prototype, "ariaDisabled", {
-        get: function () {
-            return this.disabled;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MultiViewCalendarComponent.prototype, "ariaActivedescendant", {
-        get: function () {
-            return this.cellUID + this.focusedDate.getTime();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    MultiViewCalendarComponent.prototype.handleFocusout = function (event) {
-        var relatedTarget = event.relatedTarget;
-        if (!this.element.nativeElement.contains(relatedTarget)) {
-            this.blurEvent.emit(event);
-            this.onControlTouched();
-        }
-        this.isActive = false;
-        this.isHovered = false; //ensure that hovered is also not active
-        this.isHeaderActive = this.headerElement.nativeElement.contains(relatedTarget);
-    };
-    /**
-     * @hidden
-     */
-    MultiViewCalendarComponent.prototype.handleFocus = function () {
-        this.isActive = true;
-        this.isHeaderActive = false;
-    };
-    /**
-     * @hidden
-     */
-    MultiViewCalendarComponent.prototype.handleMouseEnter = function () {
-        this.isHovered = true;
-    };
-    /**
-     * @hidden
-     */
-    MultiViewCalendarComponent.prototype.handleMouseLeave = function () {
-        this.isHovered = false;
-    };
-    /**
-     * @hidden
-     */
-    MultiViewCalendarComponent.prototype.handleMousedown = function (event) {
-        event.preventDefault();
-    };
-    /**
-     * @hidden
-     */
-    MultiViewCalendarComponent.prototype.handleClick = function () {
-        if (this.isActive) {
-            return;
-        }
-        this.focus();
-    };
-    /**
-     * @hidden
-     */
-    MultiViewCalendarComponent.prototype.keydown = function (event) {
-        if (this.isHeaderActive) {
-            return;
-        }
-        if (event.keyCode === Keys.Enter) {
-            if (isPresent(this.pickerService)) {
-                event.preventDefault(); // Don't submit form from Datepicker popup
-            }
-            this.performSelection(this.focusedDate, event);
-        }
-        var candidate = dateInRange(this.navigator.move(this.focusedDate, this.navigator.action(event), this.activeViewEnum), this.min, this.max);
-        if (isEqual(this.focusedDate, candidate)) {
-            return;
-        }
-        this.focusedDate = candidate;
-        event.preventDefault();
-        var isSameView = this.bus.service(this.activeViewEnum).isInArray(this.focusedDate, this.viewList.dates);
-        if (!isSameView) {
-            this.emitNavigate(this.focusedDate);
-        }
-    };
-    MultiViewCalendarComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.subscriptions.add(this.bus.viewChanged.subscribe(function (_a) {
-            var view = _a.view;
-            _this.activeView = CalendarViewEnum[view];
-            _this.activeViewChange.emit(_this.activeView);
-            _this.cdr.detectChanges();
-            _this.updateButtonState();
-        }));
-    };
-    MultiViewCalendarComponent.prototype.ngOnChanges = function (changes) {
-        this.verifyChanges();
-        this.bus.configure(this.bottomViewEnum, this.topViewEnum);
-        if (hasExistingValue(changes, 'focusedDate')) {
-            var focusedDate = changes.focusedDate.currentValue;
-            this.focusedDate = dateInRange(focusedDate, this.min, this.max);
-        }
-        if (changes.min || changes.max || changes.rangeValidation || changes.disabledDates || changes.disabledDatesRangeValidation) {
-            this.minValidateFn = this.rangeValidation ? minValidator(this.min) : noop;
-            this.maxValidateFn = this.rangeValidation ? maxValidator(this.max) : noop;
-            this.disabledDatesRangeValidateFn = this.disabledDatesRangeValidation ? disabledDatesRangeValidator(this.disabledDatesService.isDateDisabled) : noop;
-            this.onValidatorChange();
-        }
-        if (changes.min || changes.max || changes.focusedDate || changes.activeView) {
-            this.updateButtonState();
-        }
-    };
-    MultiViewCalendarComponent.prototype.ngOnDestroy = function () {
-        this.subscriptions.unsubscribe();
-    };
-    MultiViewCalendarComponent.prototype.ngAfterViewInit = function () {
-        this.updateButtonState();
-    };
-    /**
-     * Focuses the host element of the Calendar.
-     *
-     * @example
-     * ```ts
-     * _@Component({
-     * selector: 'my-app',
-     * template: `
-     *  <button (click)="multiviewcalendar.focus()">Focus calendar</button>
-     *  <kendo-multiviewcalendar #multiviewcalendar></kendo-multiviewcalendar>
-     * `
-     * })
-     * export class AppComponent { }
-     * ```
-     */
-    MultiViewCalendarComponent.prototype.focus = function () {
-        if (!this.element) {
-            return;
-        }
-        this.element.nativeElement.focus();
-    };
-    /**
-     * Blurs the Calendar component.
-     */
-    MultiViewCalendarComponent.prototype.blur = function () {
-        if (!this.element) {
-            return;
-        }
-        this.element.nativeElement.blur();
-    };
-    /**
-     * @hidden
-     */
-    MultiViewCalendarComponent.prototype.handleHeaderFocus = function () {
-        this.isHeaderActive = true;
-    };
-    /**
-     * @hidden
-     */
-    MultiViewCalendarComponent.prototype.handleDateChange = function (args) {
-        var _this = this;
-        var canNavigateDown = this.bus.canMoveDown(this.activeViewEnum);
-        var availableDates = args.selectedDates.filter(function (date) { return !_this.disabledDatesService.isDateDisabled(date); });
-        this.focusedDate = args.focusedDate || this.focusedDate;
-        var sameDates = !canNavigateDown && areDatesEqual(availableDates, this.selectedDates);
-        if (this.disabled || sameDates) {
-            return;
-        }
-        if (canNavigateDown) {
-            this.bus.moveDown(this.activeViewEnum);
-            return;
-        }
-        if (this.disabledDatesService.isDateDisabled(this.focusedDate)) {
-            return;
-        }
-        this.selectedDates = availableDates.map(function (date) { return cloneDate(date); });
-        this.value = this.parseSelectionToValue(availableDates);
-        this.onControlChange(this.parseSelectionToValue(availableDates));
-        this.valueChange.emit(this.parseSelectionToValue(availableDates));
-    };
-    /**
-     * @hidden
-     */
-    MultiViewCalendarComponent.prototype.handleTodayButtonClick = function (args) {
-        var todayDate = args.focusedDate;
-        var isSameView = this.bus.service(this.activeViewEnum).isInArray(todayDate, this.viewList.dates);
-        var isBottomView = !this.bus.canMoveDown(this.activeViewEnum);
-        if (!isSameView && isBottomView) {
-            this.emitNavigate(todayDate);
-        }
-        this.handleDateChange(args);
-    };
-    /**
-     * @hidden
-     */
-    MultiViewCalendarComponent.prototype.setActiveDate = function (date) {
-        this.activeDate = cloneDate(date);
-        this.cdr.detectChanges();
-    };
-    /**
-     * @hidden
-     */
-    MultiViewCalendarComponent.prototype.writeValue = function (candidate) {
-        this.verifyValue(candidate);
-        this.value = candidate;
-        this.cdr.markForCheck();
-    };
-    /**
-     * @hidden
-     */
-    MultiViewCalendarComponent.prototype.registerOnChange = function (fn) {
-        this.onControlChange = fn;
-    };
-    /**
-     * @hidden
-     */
-    MultiViewCalendarComponent.prototype.registerOnTouched = function (fn) {
-        this.onControlTouched = fn;
-    };
-    /**
-     * @hidden
-     */
-    MultiViewCalendarComponent.prototype.setDisabledState = function (isDisabled) {
-        this.disabled = isDisabled;
-        this.cdr.markForCheck();
-    };
-    /**
-     * @hidden
-     */
-    MultiViewCalendarComponent.prototype.validate = function (control) {
-        return this.minValidateFn(control) || this.maxValidateFn(control) || this.disabledDatesRangeValidateFn(this.selectionRange);
-    };
-    /**
-     * @hidden
-     */
-    MultiViewCalendarComponent.prototype.registerOnValidatorChange = function (fn) {
-        this.onValidatorChange = fn;
-    };
-    /**
-     * @hidden
-     */
-    MultiViewCalendarComponent.prototype.activeCellTemplate = function () {
-        switch (this.activeViewEnum) {
-            case CalendarViewEnum.month:
-                return this.monthCellTemplateRef || this.cellTemplateRef;
-            case CalendarViewEnum.year:
-                return this.yearCellTemplateRef;
-            case CalendarViewEnum.decade:
-                return this.decadeCellTemplateRef;
-            case CalendarViewEnum.century:
-                return this.centuryCellTemplateRef;
-            default:
-                return null;
-        }
-    };
-    /**
-     * @hidden
-     */
-    MultiViewCalendarComponent.prototype.navigateView = function (action) {
-        this.focusedDate = this.viewList.navigate(action);
-        this.updateButtonState();
-        this.emitNavigate(this.focusedDate);
-    };
-    /**
-     * @hidden
-     */
-    MultiViewCalendarComponent.prototype.emitNavigate = function (focusedDate) {
-        var activeView = CalendarViewEnum[this.activeViewEnum];
-        this.navigate.emit({ activeView: activeView, focusedDate: focusedDate });
-    };
-    /**
-     * @hidden
-     */
-    MultiViewCalendarComponent.prototype.emitCellEvent = function (emitter, args) {
-        if (hasObservers(emitter)) {
-            this.zone.run(function () {
-                emitter.emit(args);
-            });
-        }
-    };
-    /**
-     * @hidden
-     */
-    MultiViewCalendarComponent.prototype.handleCellClick = function (_a) {
-        var date = _a.date, modifiers = _a.modifiers;
-        this.performSelection(date, modifiers);
-        var isSameView = this.bus.service(this.activeViewEnum).isInArray(this.focusedDate, this.viewList.dates);
-        if (!isSameView) {
-            this.emitNavigate(this.focusedDate);
-        }
-    };
-    /**
-     * @hidden
-     */
-    MultiViewCalendarComponent.prototype.handleWeekNumberClick = function (dates) {
-        var _this = this;
-        if (this.selection === 'single') {
-            return;
-        }
-        this.zone.run(function () {
-            _this.handleDateChange({
-                selectedDates: dates,
-                focusedDate: last(dates)
-            });
-        });
-    };
-    MultiViewCalendarComponent.prototype.setClasses = function (element) {
-        this.renderer.addClass(element, 'k-widget');
-        this.renderer.addClass(element, 'k-calendar');
-        this.renderer.addClass(element, 'k-calendar-range');
-    };
-    MultiViewCalendarComponent.prototype.verifyChanges = function () {
-        if (!isDevMode()) {
-            return;
-        }
-        if (this.min > this.max) {
-            throw new Error("The max value should be bigger than the min. See " + MIN_DOC_LINK + " and " + MAX_DOC_LINK + ".");
-        }
-        if (this.bottomViewEnum > this.topViewEnum) {
-            throw new Error("The topView should be greater than bottomView. See " + BOTTOM_VIEW_DOC_LINK + " and " + TOP_VIEW_DOC_LINK + ".");
-        }
-    };
-    MultiViewCalendarComponent.prototype.verifyValue = function (candidate) {
-        if (!isDevMode()) {
-            return;
-        }
-        if (this.selection === 'single' && candidate && !(candidate instanceof Date)) {
-            throw new Error("The 'value' should be a valid JavaScript Date instance. Check " + VALUE_DOC_LINK + " for possible resolution.");
-        }
-        else if (this.selection === 'multiple' && candidate && Array.isArray(candidate)) {
-            var onlyDates = candidate.every(function (value) { return value instanceof Date; });
-            if (!onlyDates) {
-                throw new Error("The 'value' should be an array of valid JavaScript Date instances. Check " + VALUE_DOC_LINK + " for possible resolution.");
-            }
-        }
-    };
-    MultiViewCalendarComponent.prototype.updateButtonState = function () {
-        var _this = this;
-        this.resolvedPromise.then(function () {
-            _this.isPrevDisabled = !_this.viewList.canNavigate(_this.prevView);
-            _this.isNextDisabled = !_this.viewList.canNavigate(_this.nextView);
-            _this.cdr.markForCheck();
-        });
-    };
-    MultiViewCalendarComponent.prototype.parseSelectionToValue = function (selection) {
-        selection = selection || [];
-        return this.selection === 'single' ? cloneDate(last(selection)) : selection.map(function (date) { return cloneDate(date); });
-    };
-    MultiViewCalendarComponent.prototype.performSelection = function (date, selectionModifiers) {
-        var selection = this.selectionService.performSelection({
-            date: date,
-            modifiers: selectionModifiers,
-            selectionMode: this.selection,
-            activeViewEnum: this.activeViewEnum,
-            rangePivot: this.rangePivot,
-            selectedDates: this.selectedDates
-        });
-        this.rangePivot = selection.rangePivot;
-        this.handleDateChange({
-            selectedDates: selection.selectedDates,
-            focusedDate: date
-        });
-    };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], MultiViewCalendarComponent.prototype, "id", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Date),
-        tslib_1.__metadata("design:paramtypes", [Date])
-    ], MultiViewCalendarComponent.prototype, "focusedDate", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Date),
-        tslib_1.__metadata("design:paramtypes", [Date])
-    ], MultiViewCalendarComponent.prototype, "min", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Date),
-        tslib_1.__metadata("design:paramtypes", [Date])
-    ], MultiViewCalendarComponent.prototype, "max", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], MultiViewCalendarComponent.prototype, "rangeValidation", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], MultiViewCalendarComponent.prototype, "disabledDatesRangeValidation", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], MultiViewCalendarComponent.prototype, "selection", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object),
-        tslib_1.__metadata("design:paramtypes", [Object])
-    ], MultiViewCalendarComponent.prototype, "value", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], MultiViewCalendarComponent.prototype, "disabled", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], MultiViewCalendarComponent.prototype, "tabindex", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number),
-        tslib_1.__metadata("design:paramtypes", [Number])
-    ], MultiViewCalendarComponent.prototype, "tabIndex", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], MultiViewCalendarComponent.prototype, "isActive", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object),
-        tslib_1.__metadata("design:paramtypes", [Object])
-    ], MultiViewCalendarComponent.prototype, "disabledDates", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], MultiViewCalendarComponent.prototype, "activeView", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], MultiViewCalendarComponent.prototype, "bottomView", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], MultiViewCalendarComponent.prototype, "topView", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], MultiViewCalendarComponent.prototype, "showViewHeader", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], MultiViewCalendarComponent.prototype, "animateNavigation", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], MultiViewCalendarComponent.prototype, "weekNumber", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], MultiViewCalendarComponent.prototype, "activeRangeEnd", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object),
-        tslib_1.__metadata("design:paramtypes", [Object])
-    ], MultiViewCalendarComponent.prototype, "selectionRange", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], MultiViewCalendarComponent.prototype, "views", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], MultiViewCalendarComponent.prototype, "activeViewChange", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], MultiViewCalendarComponent.prototype, "navigate", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], MultiViewCalendarComponent.prototype, "cellEnter", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], MultiViewCalendarComponent.prototype, "cellLeave", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], MultiViewCalendarComponent.prototype, "valueChange", void 0);
-    tslib_1.__decorate([
-        Output('blur'),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], MultiViewCalendarComponent.prototype, "blurEvent", void 0);
-    tslib_1.__decorate([
-        ContentChild(CellTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", CellTemplateDirective)
-    ], MultiViewCalendarComponent.prototype, "cellTemplate", void 0);
-    tslib_1.__decorate([
-        Input('cellTemplate'),
-        tslib_1.__metadata("design:type", CellTemplateDirective),
-        tslib_1.__metadata("design:paramtypes", [CellTemplateDirective])
-    ], MultiViewCalendarComponent.prototype, "cellTemplateRef", null);
-    tslib_1.__decorate([
-        ContentChild(MonthCellTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", MonthCellTemplateDirective)
-    ], MultiViewCalendarComponent.prototype, "monthCellTemplate", void 0);
-    tslib_1.__decorate([
-        Input('monthCellTemplate'),
-        tslib_1.__metadata("design:type", MonthCellTemplateDirective),
-        tslib_1.__metadata("design:paramtypes", [MonthCellTemplateDirective])
-    ], MultiViewCalendarComponent.prototype, "monthCellTemplateRef", null);
-    tslib_1.__decorate([
-        ContentChild(YearCellTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", YearCellTemplateDirective)
-    ], MultiViewCalendarComponent.prototype, "yearCellTemplate", void 0);
-    tslib_1.__decorate([
-        Input('yearCellTemplate'),
-        tslib_1.__metadata("design:type", YearCellTemplateDirective),
-        tslib_1.__metadata("design:paramtypes", [YearCellTemplateDirective])
-    ], MultiViewCalendarComponent.prototype, "yearCellTemplateRef", null);
-    tslib_1.__decorate([
-        ContentChild(DecadeCellTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", DecadeCellTemplateDirective)
-    ], MultiViewCalendarComponent.prototype, "decadeCellTemplate", void 0);
-    tslib_1.__decorate([
-        Input('decadeCellTemplate'),
-        tslib_1.__metadata("design:type", DecadeCellTemplateDirective),
-        tslib_1.__metadata("design:paramtypes", [DecadeCellTemplateDirective])
-    ], MultiViewCalendarComponent.prototype, "decadeCellTemplateRef", null);
-    tslib_1.__decorate([
-        ContentChild(CenturyCellTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", CenturyCellTemplateDirective)
-    ], MultiViewCalendarComponent.prototype, "centuryCellTemplate", void 0);
-    tslib_1.__decorate([
-        Input('centuryCellTemplate'),
-        tslib_1.__metadata("design:type", CenturyCellTemplateDirective),
-        tslib_1.__metadata("design:paramtypes", [CenturyCellTemplateDirective])
-    ], MultiViewCalendarComponent.prototype, "centuryCellTemplateRef", null);
-    tslib_1.__decorate([
-        ContentChild(WeekNumberCellTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", WeekNumberCellTemplateDirective)
-    ], MultiViewCalendarComponent.prototype, "weekNumberTemplate", void 0);
-    tslib_1.__decorate([
-        Input('weekNumberTemplate'),
-        tslib_1.__metadata("design:type", WeekNumberCellTemplateDirective),
-        tslib_1.__metadata("design:paramtypes", [WeekNumberCellTemplateDirective])
-    ], MultiViewCalendarComponent.prototype, "weekNumberTemplateRef", null);
-    tslib_1.__decorate([
-        ContentChild(HeaderTitleTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", HeaderTitleTemplateDirective)
-    ], MultiViewCalendarComponent.prototype, "headerTitleTemplate", void 0);
-    tslib_1.__decorate([
-        Input('headerTitleTemplate'),
-        tslib_1.__metadata("design:type", HeaderTitleTemplateDirective),
-        tslib_1.__metadata("design:paramtypes", [HeaderTitleTemplateDirective])
-    ], MultiViewCalendarComponent.prototype, "headerTitleTemplateRef", null);
-    tslib_1.__decorate([
-        ViewChild(HeaderComponent, { static: false, read: ElementRef }),
-        tslib_1.__metadata("design:type", ElementRef)
-    ], MultiViewCalendarComponent.prototype, "headerElement", void 0);
-    tslib_1.__decorate([
-        ViewChild(HorizontalViewListComponent, { static: false }),
-        tslib_1.__metadata("design:type", HorizontalViewListComponent)
-    ], MultiViewCalendarComponent.prototype, "viewList", void 0);
-    tslib_1.__decorate([
-        HostBinding('attr.id'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], MultiViewCalendarComponent.prototype, "widgetId", null);
-    tslib_1.__decorate([
-        HostBinding('attr.tabindex'),
-        tslib_1.__metadata("design:type", Number),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], MultiViewCalendarComponent.prototype, "calendarTabIndex", null);
-    tslib_1.__decorate([
-        HostBinding('attr.aria-disabled'),
-        HostBinding('class.k-disabled'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], MultiViewCalendarComponent.prototype, "ariaDisabled", null);
-    tslib_1.__decorate([
-        HostBinding('attr.aria-activedescendant'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], MultiViewCalendarComponent.prototype, "ariaActivedescendant", null);
-    tslib_1.__decorate([
-        HostListener('focusout', ['$event']),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", [Object]),
-        tslib_1.__metadata("design:returntype", void 0)
-    ], MultiViewCalendarComponent.prototype, "handleFocusout", null);
-    tslib_1.__decorate([
-        HostListener("focus"),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", []),
-        tslib_1.__metadata("design:returntype", void 0)
-    ], MultiViewCalendarComponent.prototype, "handleFocus", null);
-    tslib_1.__decorate([
-        HostListener("mouseenter"),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", []),
-        tslib_1.__metadata("design:returntype", void 0)
-    ], MultiViewCalendarComponent.prototype, "handleMouseEnter", null);
-    tslib_1.__decorate([
-        HostListener("mouseleave"),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", []),
-        tslib_1.__metadata("design:returntype", void 0)
-    ], MultiViewCalendarComponent.prototype, "handleMouseLeave", null);
-    tslib_1.__decorate([
-        HostListener("mousedown", ['$event']),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", [Object]),
-        tslib_1.__metadata("design:returntype", void 0)
-    ], MultiViewCalendarComponent.prototype, "handleMousedown", null);
-    tslib_1.__decorate([
-        HostListener("click"),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", []),
-        tslib_1.__metadata("design:returntype", void 0)
-    ], MultiViewCalendarComponent.prototype, "handleClick", null);
-    tslib_1.__decorate([
-        HostListener("keydown", ["$event"]),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", [Object]),
-        tslib_1.__metadata("design:returntype", void 0)
-    ], MultiViewCalendarComponent.prototype, "keydown", null);
-    MultiViewCalendarComponent = tslib_1.__decorate([
-        Component({
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            exportAs: 'kendo-multiviewcalendar',
-            providers: [
-                BusViewService,
-                RANGE_CALENDAR_VALUE_ACCESSOR,
-                RANGE_CALENDAR_RANGE_VALIDATORS,
-                LocalizationService,
-                DisabledDatesService,
-                {
-                    provide: L10N_PREFIX,
-                    useValue: 'kendo.multiviewcalendar'
-                },
-                NavigationService,
-                SelectionService
-            ],
-            selector: 'kendo-multiviewcalendar',
-            template: "\n    <ng-container kendoMultiViewCalendarLocalizedMessages\n        i18n-today=\"kendo.multiviewcalendar.today|The label for the today button in the calendar header\"\n        today=\"Today\"\n\n        i18n-prevButtonTitle=\"kendo.multiviewcalendar.prevButtonTitle|The label for the previous button in the Multiview calendar\"\n        prevButtonTitle=\"Navigate to previous view\"\n\n        i18n-nextButtonTitle=\"kendo.multiviewcalendar.nextButtonTitle|The label for the next button in the Multiview calendar\"\n        nextButtonTitle=\"Navigate to next view\"\n    >\n    </ng-container>\n    <kendo-calendar-header\n        [activeView]=\"activeViewEnum\"\n        [currentDate]=\"activeDate\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [rangeLength]=\"views\"\n        [templateRef]=\"headerTitleTemplateRef?.templateRef\"\n        [isPrevDisabled]=\"isPrevDisabled\"\n        [isNextDisabled]=\"isNextDisabled\"\n        [showNavigationButtons]=\"true\"\n        (todayButtonClick)=\"handleTodayButtonClick({ selectedDates: [$event], focusedDate: $event })\"\n        (prevButtonClick)=\"navigateView(prevView)\"\n        (nextButtonClick)=\"navigateView(nextView)\"\n        [kendoEventsOutsideAngular]=\"{\n            focusin: handleHeaderFocus\n        }\"\n        [scope]=\"this\"\n    >\n    </kendo-calendar-header>\n    <kendo-calendar-horizontal\n        [activeView]=\"activeViewEnum\"\n        [isActive]=\"isActive || (isHovered && !isHeaderActive)\"\n        [cellTemplateRef]=\"activeCellTemplate()?.templateRef\"\n        [weekNumberTemplateRef]=\"weekNumberTemplateRef?.templateRef\"\n        [cellUID]=\"cellUID\"\n        [views]=\"views\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [focusedDate]=\"focusedDate\"\n        [animateNavigation]=\"animateNavigation\"\n        [showViewHeader]=\"showViewHeader\"\n        [weekNumber]=\"weekNumber\"\n        [activeRangeEnd]=\"activeRangeEnd\"\n        [selectionRange]=\"selectionRange\"\n        [selectedDates]=\"selectedDates\"\n        (valueChange)=\"handleDateChange($event)\"\n        (cellClick)=\"handleCellClick($event)\"\n        (weekNumberCellClick)=\"handleWeekNumberClick($event)\"\n        (cellEnter)=\"emitCellEvent(cellEnter, $event)\"\n        (cellLeave)=\"emitCellEvent(cellLeave, $event)\"\n        (activeDateChange)=\"setActiveDate($event)\"\n    >\n    </kendo-calendar-horizontal>\n  "
-        }),
-        tslib_1.__param(8, Optional()),
-        tslib_1.__metadata("design:paramtypes", [BusViewService,
-            ElementRef,
-            NavigationService,
-            Renderer2,
-            ChangeDetectorRef,
-            NgZone,
-            DisabledDatesService,
-            SelectionService,
-            PickerService])
-    ], MultiViewCalendarComponent);
-    return MultiViewCalendarComponent;
-}());
-export { MultiViewCalendarComponent };