@progress/kendo-angular-scheduler 3.0.3-dev.202203091424 → 4.0.0-next.202204010908

package/dist/npm/scheduler.component.js

@@ -1,1244 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
-var kendo_angular_common_1 = require("@progress/kendo-angular-common");
-var kendo_angular_common_2 = require("@progress/kendo-angular-common");
-var kendo_date_math_1 = require("@progress/kendo-date-math");
-var kendo_licensing_1 = require("@progress/kendo-licensing");
-var package_metadata_1 = require("./package-metadata");
-var events_1 = require("./events");
-var toolbar_template_directive_1 = require("./toolbar/toolbar-template.directive");
-var toolbar_service_1 = require("./toolbar/toolbar.service");
-var types_1 = require("./types");
-var agenda_date_template_directive_1 = require("./views/templates/agenda-date-template.directive");
-var agenda_time_template_directive_1 = require("./views/templates/agenda-time-template.directive");
-var all_day_event_template_directive_1 = require("./views/templates/all-day-event-template.directive");
-var all_day_slot_template_directive_1 = require("./views/templates/all-day-slot-template.directive");
-var date_header_template_directive_1 = require("./views/templates/date-header-template.directive");
-var event_template_directive_1 = require("./views/templates/event-template.directive");
-var group_header_template_directive_1 = require("./views/templates/group-header-template.directive");
-var major_time_header_template_directive_1 = require("./views/templates/major-time-header-template.directive");
-var minor_time_header_template_directive_1 = require("./views/templates/minor-time-header-template.directive");
-var month_day_slot_template_directive_1 = require("./views/templates/month-day-slot-template.directive");
-var time_slot_template_directive_1 = require("./views/templates/time-slot-template.directive");
-var view_context_service_1 = require("./views/view-context.service");
-var view_state_service_1 = require("./views/view-state.service");
-var edit_service_1 = require("./editing/edit.service");
-var edit_dialog_template_directive_1 = require("./editing/edit-dialog-template.directive");
-var forms_1 = require("@angular/forms");
-var local_data_changes_service_1 = require("./editing/local-data-changes.service");
-var dialogs_service_1 = require("./editing/dialogs.service");
-var scheduler_localization_service_1 = require("./localization/scheduler-localization.service");
-var default_model_fields_1 = require("./common/default-model-fields");
-var util_1 = require("./common/util");
-var kendo_angular_intl_1 = require("@progress/kendo-angular-intl");
-var pdf_service_1 = require("./pdf/pdf.service");
-var pdf_export_event_1 = require("./pdf/pdf-export-event");
-var loading_component_1 = require("./loading.component");
-var navigation_1 = require("./navigation");
-var dom_events_service_1 = require("./views/common/dom-events.service");
-var dom_queries_1 = require("./common/dom-queries");
-var utils_1 = require("./views/utils");
-var slot_drag_event_1 = require("./events/slot-drag-event");
-var slot_drag_end_event_1 = require("./events/slot-drag-end-event");
-var todayDate = function () { return kendo_date_math_1.getDate(new Date()); };
-var ɵ0 = todayDate;
-exports.ɵ0 = ɵ0;
-var DAYS_IN_WEEK = 7;
-/**
- * Represents the [Kendo UI Scheduler component for Angular]({% slug overview_scheduler %}).
- *
- * @example
- * ```ts-preview
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *        <kendo-scheduler style="height: 600px">
- *            <kendo-scheduler-day-view>
- *            </kendo-scheduler-day-view>
- *            <kendo-scheduler-week-view>
- *            </kendo-scheduler-week-view>
- *        </kendo-scheduler>
- *    `
- * })
- * class AppComponent {}
- * ```
- */
-var SchedulerComponent = /** @class */ (function () {
-    function SchedulerComponent(wrapper, viewContext, viewState, editService, dialogsService, intlService, changeDetector, zone, pdfService, localization, domEvents, renderer, focusService) {
-        this.wrapper = wrapper;
-        this.viewContext = viewContext;
-        this.viewState = viewState;
-        this.editService = editService;
-        this.dialogsService = dialogsService;
-        this.intlService = intlService;
-        this.changeDetector = changeDetector;
-        this.zone = zone;
-        this.pdfService = pdfService;
-        this.localization = localization;
-        this.domEvents = domEvents;
-        this.renderer = renderer;
-        this.focusService = focusService;
-        this.hostClasses = true;
-        this.rtl = false;
-        /**
-         * Specifies if the Scheduler is editable.
-         */
-        this.editable = false;
-        /**
-         * Specifies if the Scheduler's day or time slots are selectable ([see example]({% slug slotselection_scheduler %}#toc-custom-callback)).
-         *
-         * When this input is set to `true`, the Scheduler component will emit [`slotDragStart`]({% slug api_scheduler_schedulercomponent %}#toc-slotdragstart), [`slotDrag`]({% slug api_scheduler_schedulercomponent %}#toc-slotdrag), and [`slotDragEnd`]({% slug api_scheduler_schedulercomponent %}#toc-slotdragend) events upon user interaction.
-         */
-        this.selectable = false;
-        /**
-         * The height of the events in the **Month** and **Timeline** views, and the height of the **All day** events in the **Day** and **Week** views.
-         */
-        this.eventHeight = 25;
-        /**
-         * Specifies the columns width. Applicable for the **Timeline** views.
-         */
-        this.columnWidth = 100;
-        /**
-         * The start time of the view. The Scheduler displays events which start after the start time.
-         * Accepts string values in the `HH:mm` format. Applicable for the **Day**, **Week**, and **Timeline** views.
-         */
-        this.startTime = '00:00';
-        /**
-         * The end time of the view. The Scheduler displays events which end before the end time.
-         * Accepts string values in the `HH:mm` format. Applicable for the **Day**, **Week**, and **Timeline** views.
-         */
-        this.endTime = '00:00';
-        /**
-         * The start time of the view when `showWorkHours` is set to `true`.
-         * Accepts string values in the `HH:mm` format. Applicable for the **Day**, **Week**, and **Timeline** views.
-         */
-        this.workDayStart = '08:00';
-        /**
-         * The end time of the view when `showWorkHours` is set to `true`.
-         * Accepts string values in the `HH:mm` format. Applicable for the **Day**, **Week**, and **Timeline** views.
-         */
-        this.workDayEnd = '17:00';
-        /**
-         * The duration (in minutes) of the time slots. Applicable for the day, week and timeline views.
-         */
-        this.slotDuration = 60;
-        /**
-         * The number of divisions of the time slots. Applicable for the **Day**, **Week**, and **Timeline** views.
-         */
-        this.slotDivisions = 2;
-        /**
-         * A numeric value between 0 and 1 that specifies what percentage of the slot will be filled by the events.
-         * Applicable for the **Day** and **Week** views.
-         * Defaults to `0.9` (90% fill).
-         */
-        this.slotFill = 0.9;
-        /**
-         * The time to which the view will initially be scrolled.
-         * Accepts string values in the `HH:mm` format or a JavaScript `Date`. Applicable for the **Day**, **Week**, and **Timeline** views.
-         */
-        this.scrollTime = this.workDayStart;
-        /**
-         * Specifies the Scheduler current time marker settings.
-         */
-        this.currentTimeMarker = true;
-        /**
-         * A callback that executes for each slot of the Scheduler view.
-         * If it returns `true`, the `k-state-selected` CSS class will be added to the cell, making it visibly selected.
-         */
-        this.isSlotSelected = utils_1.alwaysFalse;
-        /**
-         * @hidden
-         */
-        this.selectedViewIndexChange = new core_1.EventEmitter();
-        /**
-         * Fires when the Scheduler is about to execute a navigation action
-         * (a view, date, or focus change).
-         */
-        this.navigate = new core_1.EventEmitter();
-        /**
-         * Fires when the date range that is displayed in the Scheduler changes.
-         */
-        this.dateChange = new core_1.EventEmitter();
-        /**
-         * Fires when a Scheduler view slot is clicked.
-         */
-        this.slotClick = new core_1.EventEmitter();
-        /**
-         * Fires when a Scheduler view slot is double-clicked.
-         */
-        this.slotDblClick = new core_1.EventEmitter();
-        /**
-         * Fires when the user creates a new event using the `'c'` key.
-         * ([see example]({% slug keyboard_navigation_scheduler %})).
-         */
-        this.create = new core_1.EventEmitter();
-        /**
-         * Fires when a Scheduler event is clicked.
-         */
-        this.eventClick = new core_1.EventEmitter();
-        /**
-         * Fires when a Scheduler event is double-clicked.
-         */
-        this.eventDblClick = new core_1.EventEmitter();
-        /**
-         * Fires when a key is pressed on a focused Scheduler event.
-         */
-        this.eventKeydown = new core_1.EventEmitter();
-        /**
-         * Fires when the user cancels the editing by clicking the **Cancel** command button.
-         */
-        this.cancel = new core_1.EventEmitter();
-        /**
-         * Fires when the user clicks the **Save** command button to save the changes of the edited event.
-         */
-        this.save = new core_1.EventEmitter();
-        /**
-         * Fires when the user clicks the **Remove** icon of a Scheduler event.
-         */
-        this.remove = new core_1.EventEmitter();
-        /**
-         * Fires when the user starts resizing a Scheduler event.
-         */
-        this.resizeStart = new core_1.EventEmitter();
-        /**
-         * Fires when the user is resizing a Scheduler event.
-         */
-        this.resize = new core_1.EventEmitter();
-        /**
-         * Fires when the user stops resizing a Scheduler event.
-         */
-        this.resizeEnd = new core_1.EventEmitter();
-        /**
-         * Fires when the user starts dragging a Scheduler event.
-         */
-        this.dragStart = new core_1.EventEmitter();
-        /**
-         * Fires when the user is dragging a Scheduler event.
-         */
-        this.drag = new core_1.EventEmitter();
-        /**
-         * Fires when the user stops dragging a Scheduler event.
-         */
-        this.dragEnd = new core_1.EventEmitter();
-        /**
-         * Fires when the user starts drag-selecting a Scheduler slot range.
-         */
-        this.slotDragStart = new core_1.EventEmitter();
-        /**
-         * Fires when the user is drag-selecting a Scheduler slot range.
-         */
-        this.slotDrag = new core_1.EventEmitter();
-        /**
-         * Fires when the user stops drag-selecting a Scheduler slot range.
-         */
-        this.slotDragEnd = new core_1.EventEmitter();
-        /**
-         * Fires when the user clicks the **PDF export** command button.
-         */
-        this.pdfExport = new core_1.EventEmitter();
-        /**
-         * @hidden
-         */
-        this.dragEndConfirmed = new core_1.EventEmitter();
-        /**
-         * @hidden
-         */
-        this.resizeEndConfirmed = new core_1.EventEmitter();
-        /**
-         * @hidden
-         */
-        this.removeConfirmed = new core_1.EventEmitter();
-        this.viewIndex = 0;
-        this._timezone = '';
-        this._modelFields = default_model_fields_1.defaultModelFields;
-        kendo_licensing_1.validatePackage(package_metadata_1.packageMetadata);
-        this.dateRangeStream = viewState.dateRange;
-        this.selectedDateStream = viewContext.selectedDate;
-    }
-    Object.defineProperty(SchedulerComponent.prototype, "dir", {
-        get: function () {
-            return this.direction;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SchedulerComponent.prototype, "selectedViewIndex", {
-        get: function () {
-            return this.viewIndex;
-        },
-        /**
-         * The index of the currently selected view.
-         *
-         * By default, the selected view index is `0` and
-         * indicates that the first declared view is visible.
-         */
-        set: function (index) {
-            this.viewIndex = index;
-            this.onViewIndexChange();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SchedulerComponent.prototype, "weekStart", {
-        get: function () {
-            if (util_1.isPresent(this._weekStart)) {
-                return this._weekStart;
-            }
-            return this.intlService.firstDay();
-        },
-        /**
-         * The first day of the week. Applicable to **Week**, **Month** and **TimelineWeek** views.
-         * Defaults to the locale settings.
-         */
-        set: function (value) {
-            this._weekStart = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SchedulerComponent.prototype, "timezone", {
-        get: function () {
-            return this._timezone;
-        },
-        /**
-         * Specifies the id of the timezone that will be displayed in the Scheduler.
-         * For example, `Europe/Sofia`.
-         * Defaults to `Etc/UTC`.
-         */
-        set: function (value) {
-            this._timezone = value;
-            this.events = this.events || [];
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SchedulerComponent.prototype, "events", {
-        get: function () {
-            return this._events;
-        },
-        /**
-         * An array of event instances which will be shown by the Scheduler.
-         */
-        set: function (value) {
-            this._events = value;
-            this.processEvents(value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SchedulerComponent.prototype, "selectedDate", {
-        get: function () {
-            return this._selectedDate;
-        },
-        /**
-         * The currently selected date of the Scheduler.
-         * Determines the period which is displayed.
-         */
-        set: function (value) {
-            if (!value) {
-                return;
-            }
-            this._selectedDate = value;
-            this.viewContext.notifySelectedDate(value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SchedulerComponent.prototype, "modelFields", {
-        get: function () {
-            return this._modelFields;
-        },
-        /**
-         * The names of the model fields from which the Scheduler will read its data
-         * ([see example]({% slug databinding_scheduler %}#toc-binding-to-models)).
-         */
-        set: function (value) {
-            this._modelFields = tslib_1.__assign({}, default_model_fields_1.defaultModelFields, value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    SchedulerComponent.prototype.ngOnInit = function () {
-        if (!this.selectedDate) {
-            this.selectedDate = todayDate();
-        }
-    };
-    SchedulerComponent.prototype.ngAfterContentInit = function () {
-        var _this = this;
-        if (core_1.isDevMode() && this.views.length === 0) {
-            throw new Error('No views declared for <kendo-scheduler>. Please, declare at least one view.');
-        }
-        this.subs = this.views.changes.subscribe(function () {
-            return _this.resetViewIndex();
-        });
-        this.subs.add(this.intlService.changes.subscribe(this.intlChange.bind(this)));
-        this.subs.add(this.viewState.nextDate.subscribe(function (nextDate) {
-            _this.selectedDate = nextDate;
-        }));
-        this.subs.add(this.viewState.dateRange.subscribe(function (dateRange) {
-            var isEmpty = dateRange.start.getTime() === 0;
-            if (!isEmpty) {
-                var args = new events_1.DateChangeEvent(_this, _this.selectedDate, dateRange);
-                _this.dateChange.emit(args);
-            }
-        }));
-        this.subs.add(this.viewState.navigate.subscribe(function (_a) {
-            var viewName = _a.viewName, date = _a.date;
-            var views = _this.views.toArray();
-            var view = views.find(function (v) { return v.name === viewName; });
-            var args = new events_1.NavigateEvent(_this, {
-                type: 'show-date',
-                view: view || {
-                    name: viewName,
-                    title: viewName
-                },
-                date: date
-            });
-            _this.navigate.next(args);
-            if (view && !args.isDefaultPrevented()) {
-                var index = views.indexOf(view);
-                _this.selectedView = view;
-                _this.setViewIndex(index);
-                _this.selectedDate = date;
-            }
-        }));
-        this.subs.add(this.viewState.viewEvent.subscribe(function (_a) {
-            var name = _a.name, args = _a.args;
-            var emitter = _this[name];
-            var confirmedEmitter = _this[name + "Confirmed"];
-            if (kendo_angular_common_2.hasObservers(emitter) || (confirmedEmitter && kendo_angular_common_2.hasObservers(confirmedEmitter))) {
-                _this.zone.run(function () {
-                    var eventInstance = new events_1.VIEW_EVENT_MAP[name](_this, args);
-                    emitter.emit(eventInstance);
-                    args.prevented = eventInstance.prevented;
-                    if (confirmedEmitter && !args.prevented) {
-                        confirmedEmitter.emit(eventInstance);
-                    }
-                });
-            }
-        }));
-        this.subs.add(this.viewState.layoutEnd.subscribe(function () {
-            if (_this.resizeSensor) {
-                _this.resizeSensor.acceptSize();
-            }
-        }));
-        this.subs.add(this.viewState.slotSelectionStart
-            .subscribe(function (e) {
-            if (kendo_angular_common_2.hasObservers(_this.slotDragStart)) {
-                _this.zone.run(function () {
-                    _this.slotDragStart.emit(Object.assign(e, { sender: _this }));
-                });
-            }
-        }));
-        this.subs.add(this.viewState.slotSelectionDrag
-            .subscribe(function (value) {
-            if (kendo_angular_common_2.hasObservers(_this.slotDrag)) {
-                _this.zone.run(function () {
-                    _this.slotDrag.emit(new slot_drag_event_1.SlotDragEvent(_this, value));
-                });
-            }
-        }));
-        this.subs.add(this.viewState.slotSelectionEnd
-            .subscribe(function (value) {
-            if (kendo_angular_common_2.hasObservers(_this.slotDragEnd)) {
-                _this.zone.run(function () {
-                    _this.slotDragEnd.emit(new slot_drag_end_event_1.SlotDragEndEvent(_this, value));
-                });
-            }
-        }));
-        this.onViewIndexChange();
-        this.notifyOptionsChange = this.notifyOptionsChange.bind(this);
-        this.subs.add(this.allDayEventTemplate.changes.subscribe(this.notifyOptionsChange));
-        this.subs.add(this.eventTemplate.changes.subscribe(this.notifyOptionsChange));
-        this.subs.add(this.timeSlotTemplate.changes.subscribe(this.notifyOptionsChange));
-        this.subs.add(this.timeSlotTemplate.changes.subscribe(this.notifyOptionsChange));
-        this.subs.add(this.minorTimeHeaderTemplate.changes.subscribe(this.notifyOptionsChange));
-        this.subs.add(this.majorTimeHeaderTemplate.changes.subscribe(this.notifyOptionsChange));
-        this.subs.add(this.monthDaySlotTemplate.changes.subscribe(this.notifyOptionsChange));
-        this.subs.add(this.dateHeaderTemplate.changes.subscribe(this.notifyOptionsChange));
-        this.subs.add(this.allDaySlotTemplate.changes.subscribe(this.notifyOptionsChange));
-        this.subs.add(this.groupHeaderTemplate.changes.subscribe(this.notifyOptionsChange));
-        this.subs.add(this.agendaDateTemplate.changes.subscribe(this.notifyOptionsChange));
-        this.subs.add(this.agendaTimeTemplate.changes.subscribe(this.notifyOptionsChange));
-        this.subs.add(this.views.changes.subscribe(function () {
-            _this.changeDetector.markForCheck();
-        }));
-        //this.editService.timezone = this.timezone;
-        this.attachEditHandlers();
-        this.dialogsService.container = this.confirmationDialogContainerRef;
-        this.notifyOptionsChange();
-        this.subs.add(this.pdfService.exportClick.subscribe(function () {
-            var args = new pdf_export_event_1.PDFExportEvent();
-            _this.pdfExport.emit(args);
-            if (!args.isDefaultPrevented()) {
-                _this.saveAsPDF();
-            }
-        }));
-        this.subs.add(this.pdfService.done.subscribe(function () {
-            _this.loadingComponent.toggle(false);
-        }));
-        this.subs.add(this.localization.changes.subscribe(function (_a) {
-            var rtl = _a.rtl;
-            _this.rtl = rtl;
-            _this.direction = _this.rtl ? 'rtl' : 'ltr';
-        }));
-        this.subs.add(this.viewState.optionsChange.subscribe(function () {
-            _this.changeDetector.markForCheck();
-        }));
-        this.attachElementEventHandlers();
-    };
-    SchedulerComponent.prototype.ngOnChanges = function (changes) {
-        var _this = this;
-        if (kendo_angular_common_2.isChanged('resources', changes) && !kendo_angular_common_2.isChanged('events', changes) && this.viewItems) {
-            this.viewItems.forEach(function (item) {
-                util_1.copyResources(item.event, _this.resources);
-            });
-        }
-        if (kendo_angular_common_2.anyChanged([
-            'group', 'resources', 'min', 'max', 'showWorkHours', 'startTime', 'scrollTime', 'endTime', 'eventHeight',
-            'workDayStart', 'workDayEnd', 'workWeekStart', 'workWeekEnd', 'weekStart', 'slotDuration', 'slotDivisions',
-            'editable', 'timezone', 'slotClass', 'slotFill', 'columnWidth', 'eventClass', 'eventStyles', 'isSlotSelected', 'selectable'
-        ], changes)) {
-            this.notifyOptionsChange(changes);
-        }
-    };
-    SchedulerComponent.prototype.ngOnDestroy = function () {
-        if (this.subs) {
-            this.subs.unsubscribe();
-        }
-        if (this.detachElementEventHandlers) {
-            this.detachElementEventHandlers();
-        }
-    };
-    /**
-     * @hidden
-     */
-    SchedulerComponent.prototype.onResize = function (_event) {
-        this.viewContext.notifyResize();
-    };
-    /**
-     * @hidden
-     */
-    SchedulerComponent.prototype.onNavigationAction = function (action) {
-        var args = new events_1.NavigateEvent(this, action);
-        this.navigate.next(args);
-        if (args.isDefaultPrevented()) {
-            return true;
-        }
-        if (action.type === 'view-change') {
-            var views = this.views.toArray();
-            var index = views.indexOf(action.view);
-            this.selectedView = action.view;
-            this.setViewIndex(index);
-        }
-        else if (action.type === 'select-date') {
-            if (this.isInRange(action.date)) {
-                this.selectedDate = action.date;
-            }
-        }
-        else if (action.type === 'today') {
-            var date = new Date();
-            if (this.isInRange(date)) {
-                this.selectedDate = date;
-            }
-        }
-        else {
-            this.viewContext.notifyAction(action);
-        }
-    };
-    /**
-     * Creates a popup editor for the new event.
-     *
-     * @param group - The [`FormGroup`](https://angular.io/docs/ts/latest/api/forms/index/FormGroup-class.html) that describes
-     * the edit form. If called with a data item, the parameter will build the `FormGroup` from the data item fields.
-     */
-    SchedulerComponent.prototype.addEvent = function (group) {
-        var isFormGroup = group instanceof forms_1.FormGroup;
-        if (!isFormGroup) {
-            var createControl = function (source) { return function (acc, key) {
-                acc[key] = new forms_1.FormControl(source[key]);
-                return acc;
-            }; };
-            var fields = Object.keys(group).reduce(createControl(group), {});
-            group = new forms_1.FormGroup(fields);
-        }
-        this.editService.addEvent(group);
-    };
-    /**
-     * Switches the specified event in edit mode.
-     *
-     * @param dataItem - The event that will be switched to edit mode.
-     * @param options - An object which contains the form `group` that will be bound in the edit dialog and the current edit `mode`.
-     *
-     */
-    SchedulerComponent.prototype.editEvent = function (dataItem, options) {
-        if (options === void 0) { options = {}; }
-        var group = options.group, mode = options.mode;
-        this.editService.editEvent(dataItem, group, mode);
-    };
-    /**
-     * Closes the event editor, if open.
-     */
-    SchedulerComponent.prototype.closeEvent = function () {
-        this.editService.close();
-    };
-    /**
-     * Returns a flag which indicates if an event is currently edited.
-     *
-     * @return {boolean} - A flag which indicates if an event is currently edited.
-     */
-    SchedulerComponent.prototype.isEditing = function () {
-        return this.editService.isEditing();
-    };
-    /**
-     * Opens the built-in confirmation dialog for defining the edit mode
-     * that will be used when the user edits or removes a recurring event.
-     *
-     * @param operation - The type of operation that will be confirmed. Has to be either **Edit** or **Remove**.
-     *
-     * @return {Observable<EditMode>}
-     */
-    SchedulerComponent.prototype.openRecurringConfirmationDialog = function (operation) {
-        return this.dialogsService.openRecurringConfirmationDialog(operation);
-    };
-    /**
-     * Opens the built-in removal confirmation dialog.
-     *
-     * @return {Observable<boolean>}
-     */
-    SchedulerComponent.prototype.openRemoveConfirmationDialog = function () {
-        return this.dialogsService.openRemoveConfirmationDialog();
-    };
-    /**
-     * Saves the current view as PDF.
-     */
-    SchedulerComponent.prototype.saveAsPDF = function () {
-        var _this = this;
-        this.loadingComponent.toggle(true);
-        this.zone.runOutsideAngular(function () {
-            // wait a tick in order for the loading element style to be updated by the browser.
-            // if the export is synchronous, the browser will not update the element before the export is finished.
-            setTimeout(function () {
-                _this.pdfService.save();
-            }, 0);
-        });
-    };
-    /**
-     * Scrolls the view to the specified time.
-     */
-    SchedulerComponent.prototype.scrollToTime = function (time) {
-        this.viewContext.notifyAction({
-            type: 'scroll-time',
-            time: time
-        });
-    };
-    /**
-     * Returns the current view slot that matches the passed document position.
-     *
-     * @param x - The x document position.
-     * @param y - The y document position.
-     *
-     * @return {SchedulerSlot} - The slot.
-     *
-     * {% embed_file drag-and-drop/app.component.ts %}
-     * {% embed_file drag-and-drop/draggable.directive.ts %}
-     * {% embed_file drag-and-drop/app.module.ts %}
-     * {% embed_file shared/main.ts %}
-     */
-    SchedulerComponent.prototype.slotByPosition = function (x, y) {
-        return this.viewContext.executeMethod('slotByPosition', { x: x, y: y });
-    };
-    /**
-     * Returns the event associated with the specified DOM element, if any.
-     *
-     * @param element - The DOM element document position.
-     * @return the event instance, if found.
-     */
-    SchedulerComponent.prototype.eventFromElement = function (element) {
-        return this.viewContext.executeMethod('eventFromElement', { element: element });
-    };
-    Object.defineProperty(SchedulerComponent.prototype, "activeEvent", {
-        /**
-         * Gets the currently active event, if any.
-         * The active event is the event that can currently receive focus.
-         */
-        get: function () {
-            var activeElement = this.focusService.activeElement;
-            if (activeElement) {
-                return this.eventFromElement(activeElement.nativeElement);
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * Focuses the next event or an event at a specified relative position.
-     * The `options` parameter can be used to set a positive or negative offset
-     * that is relative to the currently focused event.
-     * A `nowrap` flag toggles the wrapping to the first or to the last item.
-     *
-     * @example
-     * ```ts-no-run
-     * scheduler.focusNext(); // Focuses the next event.
-     * scheduler.focusNext({ offset: 1 }); // Focuses the next event.
-     * scheduler.focusNext({ offset: -1 }); // Focuses the previous event.
-     * scheduler.focusNext({ nowrap: true }); // If the focus is on the last event, does not move the focus to the first event.
-     * ```
-     *
-     * @param position The relative position of the event to focus.
-     * @returns `true` if the focused event changed. Otherwise, returns `false`.
-     */
-    SchedulerComponent.prototype.focusNext = function (position) {
-        return this.focusService.focusNext(position);
-    };
-    /**
-     * Focuses the previous event or an event at a specified relative position.
-     * The `options` parameter can be used to set a positive or negative offset
-     * that is relative to the currently focused event.
-     * A `nowrap` flag toggles the wrapping to the first or to the last item.
-     *
-     * @example
-     * ```ts-no-run
-     * scheduler.focusPrev(); // Focuses the previous event
-     * scheduler.focusPrev({ nowrap: true }); // Does not move the focus to the last event, if focus is on the first one.
-     * ```
-     *
-     * @param position The relative position of the event to focus.
-     * @returns `true` if the focused event changed. Otherwise, returns `false`.
-     */
-    SchedulerComponent.prototype.focusPrev = function (position) {
-        var prevPosition = tslib_1.__assign({ offset: -1 }, position);
-        return this.focusService.focusNext(prevPosition);
-    };
-    /**
-     * Focuses the last focused event or the Scheduler element, if no events are available.
-     */
-    SchedulerComponent.prototype.focus = function () {
-        return this.focusService.focus();
-    };
-    SchedulerComponent.prototype.isInRange = function (date) {
-        return (!this.min || this.min <= date) && (!this.max || date <= this.max);
-    };
-    SchedulerComponent.prototype.notifyOptionsChange = function (changes) {
-        var workweek = this.workWeek;
-        this.viewContext.notifyOptionsChange({
-            group: this.group,
-            resources: this.resources,
-            allDayEventTemplate: this.allDayEventTemplate ? this.allDayEventTemplate.first : null,
-            eventTemplate: this.eventTemplate ? this.eventTemplate.first : null,
-            timeSlotTemplate: this.timeSlotTemplate ? this.timeSlotTemplate.first : null,
-            minorTimeHeaderTemplate: this.minorTimeHeaderTemplate ? this.minorTimeHeaderTemplate.first : null,
-            majorTimeHeaderTemplate: this.majorTimeHeaderTemplate ? this.majorTimeHeaderTemplate.first : null,
-            monthDaySlotTemplate: this.monthDaySlotTemplate ? this.monthDaySlotTemplate.first : null,
-            dateHeaderTemplate: this.dateHeaderTemplate ? this.dateHeaderTemplate.first : null,
-            allDaySlotTemplate: this.allDaySlotTemplate ? this.allDaySlotTemplate.first : null,
-            groupHeaderTemplate: this.groupHeaderTemplate ? this.groupHeaderTemplate.first : null,
-            agendaDateTemplate: this.agendaDateTemplate ? this.agendaDateTemplate.first : null,
-            agendaTimeTemplate: this.agendaTimeTemplate ? this.agendaTimeTemplate.first : null,
-            min: this.min,
-            max: this.max,
-            showWorkHours: this.showWorkHours,
-            startTime: this.startTime,
-            scrollTime: this.scrollTime,
-            endTime: this.endTime,
-            workDayStart: this.workDayStart,
-            workDayEnd: this.workDayEnd,
-            workWeekStart: workweek.start,
-            workWeekEnd: workweek.end,
-            weekStart: this.weekStart,
-            slotDuration: this.slotDuration,
-            slotDivisions: this.slotDivisions,
-            eventHeight: this.eventHeight,
-            editable: this.editable,
-            selectable: this.selectable,
-            timezone: this.timezone,
-            currentTimeMarker: this.currentTimeMarker,
-            slotClass: this.slotClass,
-            slotFill: this.slotFill,
-            columnWidth: this.columnWidth,
-            eventClass: this.eventClass,
-            eventStyles: this.eventStyles,
-            isSlotSelected: this.isSlotSelected,
-            changes: changes
-        });
-    };
-    Object.defineProperty(SchedulerComponent.prototype, "workWeek", {
-        get: function () {
-            var _a = this.intlService.weekendRange(), start = _a.start, end = _a.end;
-            var workWeekStart = util_1.isPresent(this.workWeekStart) ? this.workWeekStart : (end + 1) % DAYS_IN_WEEK;
-            var weekEnd = start > 0 ? start - 1 : kendo_date_math_1.Day.Saturday;
-            var workWeekEnd = util_1.isPresent(this.workWeekEnd) ? this.workWeekEnd : weekEnd;
-            return { start: workWeekStart, end: workWeekEnd };
-        },
-        enumerable: true,
-        configurable: true
-    });
-    SchedulerComponent.prototype.resetViewIndex = function () {
-        var index = this.selectedViewIndex;
-        var newIndex = Math.max(0, Math.min(index, this.views.length - 1));
-        this.setViewIndex(newIndex);
-        this.onViewIndexChange();
-    };
-    SchedulerComponent.prototype.onViewIndexChange = function () {
-        if (!this.views) {
-            return;
-        }
-        var views = this.views.toArray();
-        var selectedView = views[this.viewIndex];
-        if (selectedView) {
-            this.selectedView = selectedView;
-        }
-    };
-    SchedulerComponent.prototype.setViewIndex = function (newIndex) {
-        var changed = this.selectedViewIndex !== newIndex;
-        if (changed) {
-            this.selectedViewIndex = newIndex;
-            this.selectedViewIndexChange.emit(newIndex);
-        }
-        return changed;
-    };
-    SchedulerComponent.prototype.processEvents = function (dataItems) {
-        var _this = this;
-        var timezone = this.timezone;
-        var fields = this.modelFields;
-        var items = dataItems
-            .map(function (dataItem) { return util_1.readEvent(dataItem, fields, _this.resources); })
-            .filter(function (event) { return !util_1.isRecurrenceMaster(event); })
-            .map(function (event) {
-            var start = kendo_date_math_1.ZonedDate.fromLocalDate(event.start, timezone);
-            var end = kendo_date_math_1.ZonedDate.fromLocalDate(event.end, timezone);
-            return { start: start, end: end, event: event };
-        });
-        this.viewItems = items;
-        this.viewContext.notifyItems(items);
-    };
-    SchedulerComponent.prototype.attachEditHandlers = function () {
-        if (!this.editService) {
-            return;
-        }
-        this.subs.add(this.editService.changes.subscribe(this.emitCRUDEvent.bind(this)));
-    };
-    SchedulerComponent.prototype.emitCRUDEvent = function (args) {
-        Object.assign(args, { sender: this });
-        switch (args.action) {
-            case 'cancel':
-                this.cancel.emit(args);
-                break;
-            case 'save':
-                this.save.emit(args);
-                break;
-            default: break;
-        }
-    };
-    SchedulerComponent.prototype.intlChange = function () {
-        var currentView = this.selectedView;
-        this.selectedView = null;
-        if (!util_1.isPresent(this.workWeekStart) || !util_1.isPresent(this.workWeekEnd)) {
-            this.notifyOptionsChange();
-        }
-        this.changeDetector.detectChanges();
-        this.selectedView = currentView;
-        if (core_1.NgZone.isInAngularZone()) {
-            this.changeDetector.markForCheck();
-        }
-        else {
-            this.changeDetector.detectChanges();
-        }
-    };
-    SchedulerComponent.prototype.attachElementEventHandlers = function () {
-        var _this = this;
-        if (!kendo_angular_common_1.isDocumentAvailable()) {
-            return;
-        }
-        var wrapper = this.wrapper.nativeElement;
-        this.zone.runOutsideAngular(function () {
-            var windowBlurSubscription = _this.renderer.listen('window', 'blur', function (args) {
-                _this.domEvents.windowBlur.emit(args);
-            });
-            var clickSubscription = _this.renderer.listen(wrapper, 'click', function (args) {
-                _this.domEvents.click.emit(args);
-            });
-            var keydownSubscription = _this.renderer.listen(wrapper, 'keydown', function (args) {
-                _this.domEvents.keydown.emit(args);
-            });
-            var focused = false;
-            var focusInSubscription = _this.renderer.listen(wrapper, 'focusin', function (args) {
-                _this.domEvents.focus.emit(args);
-                if (!focused) {
-                    _this.domEvents.focusIn.emit(args);
-                    _this.renderer.addClass(_this.wrapper.nativeElement, 'k-state-focused');
-                    focused = true;
-                }
-            });
-            var focusOutSubscription = _this.renderer.listen(wrapper, 'focusout', function (args) {
-                var next = args.relatedTarget || document.activeElement;
-                var outside = !dom_queries_1.closest(next, function (node) { return node === wrapper; });
-                if (outside) {
-                    _this.domEvents.focusOut.emit(args);
-                    _this.renderer.removeClass(_this.wrapper.nativeElement, 'k-state-focused');
-                    focused = false;
-                }
-            });
-            _this.detachElementEventHandlers = function () {
-                windowBlurSubscription();
-                clickSubscription();
-                keydownSubscription();
-                focusInSubscription();
-                focusOutSubscription();
-            };
-        });
-    };
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-widget'),
-        core_1.HostBinding('class.k-scheduler'),
-        core_1.HostBinding('class.k-floatwrap'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], SchedulerComponent.prototype, "hostClasses", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-rtl'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], SchedulerComponent.prototype, "rtl", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.dir'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], SchedulerComponent.prototype, "dir", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number),
-        tslib_1.__metadata("design:paramtypes", [Number])
-    ], SchedulerComponent.prototype, "selectedViewIndex", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], SchedulerComponent.prototype, "editable", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], SchedulerComponent.prototype, "selectable", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Date)
-    ], SchedulerComponent.prototype, "min", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Date)
-    ], SchedulerComponent.prototype, "max", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], SchedulerComponent.prototype, "eventHeight", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], SchedulerComponent.prototype, "columnWidth", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], SchedulerComponent.prototype, "showWorkHours", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], SchedulerComponent.prototype, "startTime", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], SchedulerComponent.prototype, "endTime", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], SchedulerComponent.prototype, "workDayStart", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], SchedulerComponent.prototype, "workDayEnd", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], SchedulerComponent.prototype, "workWeekStart", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], SchedulerComponent.prototype, "workWeekEnd", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number),
-        tslib_1.__metadata("design:paramtypes", [Number])
-    ], SchedulerComponent.prototype, "weekStart", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], SchedulerComponent.prototype, "slotDuration", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], SchedulerComponent.prototype, "slotDivisions", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], SchedulerComponent.prototype, "slotFill", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], SchedulerComponent.prototype, "scrollTime", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], SchedulerComponent.prototype, "group", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], SchedulerComponent.prototype, "resources", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], SchedulerComponent.prototype, "loading", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], SchedulerComponent.prototype, "timezone", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Array),
-        tslib_1.__metadata("design:paramtypes", [Array])
-    ], SchedulerComponent.prototype, "events", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Date),
-        tslib_1.__metadata("design:paramtypes", [Date])
-    ], SchedulerComponent.prototype, "selectedDate", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object),
-        tslib_1.__metadata("design:paramtypes", [Object])
-    ], SchedulerComponent.prototype, "modelFields", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], SchedulerComponent.prototype, "currentTimeMarker", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], SchedulerComponent.prototype, "slotClass", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], SchedulerComponent.prototype, "eventClass", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], SchedulerComponent.prototype, "eventStyles", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], SchedulerComponent.prototype, "isSlotSelected", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], SchedulerComponent.prototype, "selectedViewIndexChange", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], SchedulerComponent.prototype, "navigate", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], SchedulerComponent.prototype, "dateChange", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], SchedulerComponent.prototype, "slotClick", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], SchedulerComponent.prototype, "slotDblClick", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], SchedulerComponent.prototype, "create", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], SchedulerComponent.prototype, "eventClick", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], SchedulerComponent.prototype, "eventDblClick", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], SchedulerComponent.prototype, "eventKeydown", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], SchedulerComponent.prototype, "cancel", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], SchedulerComponent.prototype, "save", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], SchedulerComponent.prototype, "remove", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], SchedulerComponent.prototype, "resizeStart", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], SchedulerComponent.prototype, "resize", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], SchedulerComponent.prototype, "resizeEnd", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], SchedulerComponent.prototype, "dragStart", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], SchedulerComponent.prototype, "drag", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], SchedulerComponent.prototype, "dragEnd", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], SchedulerComponent.prototype, "slotDragStart", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], SchedulerComponent.prototype, "slotDrag", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], SchedulerComponent.prototype, "slotDragEnd", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], SchedulerComponent.prototype, "pdfExport", void 0);
-    tslib_1.__decorate([
-        core_1.ContentChild(edit_dialog_template_directive_1.EditDialogTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", edit_dialog_template_directive_1.EditDialogTemplateDirective)
-    ], SchedulerComponent.prototype, "editDialogTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.ContentChild(toolbar_template_directive_1.ToolbarTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", toolbar_template_directive_1.ToolbarTemplateDirective)
-    ], SchedulerComponent.prototype, "toolbarTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.ContentChildren(types_1.SchedulerView),
-        tslib_1.__metadata("design:type", core_1.QueryList)
-    ], SchedulerComponent.prototype, "views", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild(kendo_angular_common_1.ResizeSensorComponent, { static: true }),
-        tslib_1.__metadata("design:type", kendo_angular_common_1.ResizeSensorComponent)
-    ], SchedulerComponent.prototype, "resizeSensor", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild("confirmationDialogContainer", { read: core_1.ViewContainerRef, static: true }),
-        tslib_1.__metadata("design:type", core_1.ViewContainerRef)
-    ], SchedulerComponent.prototype, "confirmationDialogContainerRef", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild(loading_component_1.LoadingComponent, { static: true }),
-        tslib_1.__metadata("design:type", loading_component_1.LoadingComponent)
-    ], SchedulerComponent.prototype, "loadingComponent", void 0);
-    tslib_1.__decorate([
-        core_1.ContentChildren(all_day_event_template_directive_1.AllDayEventTemplateDirective),
-        tslib_1.__metadata("design:type", core_1.QueryList)
-    ], SchedulerComponent.prototype, "allDayEventTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.ContentChildren(event_template_directive_1.EventTemplateDirective),
-        tslib_1.__metadata("design:type", core_1.QueryList)
-    ], SchedulerComponent.prototype, "eventTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.ContentChildren(time_slot_template_directive_1.TimeSlotTemplateDirective),
-        tslib_1.__metadata("design:type", core_1.QueryList)
-    ], SchedulerComponent.prototype, "timeSlotTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.ContentChildren(minor_time_header_template_directive_1.MinorTimeHeaderTemplateDirective),
-        tslib_1.__metadata("design:type", core_1.QueryList)
-    ], SchedulerComponent.prototype, "minorTimeHeaderTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.ContentChildren(major_time_header_template_directive_1.MajorTimeHeaderTemplateDirective),
-        tslib_1.__metadata("design:type", core_1.QueryList)
-    ], SchedulerComponent.prototype, "majorTimeHeaderTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.ContentChildren(month_day_slot_template_directive_1.MonthDaySlotTemplateDirective),
-        tslib_1.__metadata("design:type", core_1.QueryList)
-    ], SchedulerComponent.prototype, "monthDaySlotTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.ContentChildren(date_header_template_directive_1.DateHeaderTemplateDirective),
-        tslib_1.__metadata("design:type", core_1.QueryList)
-    ], SchedulerComponent.prototype, "dateHeaderTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.ContentChildren(all_day_slot_template_directive_1.AllDaySlotTemplateDirective),
-        tslib_1.__metadata("design:type", core_1.QueryList)
-    ], SchedulerComponent.prototype, "allDaySlotTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.ContentChildren(group_header_template_directive_1.GroupHeaderTemplateDirective),
-        tslib_1.__metadata("design:type", core_1.QueryList)
-    ], SchedulerComponent.prototype, "groupHeaderTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.ContentChildren(agenda_date_template_directive_1.AgendaDateTemplateDirective),
-        tslib_1.__metadata("design:type", core_1.QueryList)
-    ], SchedulerComponent.prototype, "agendaDateTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.ContentChildren(agenda_time_template_directive_1.AgendaTimeTemplateDirective),
-        tslib_1.__metadata("design:type", core_1.QueryList)
-    ], SchedulerComponent.prototype, "agendaTimeTemplate", void 0);
-    SchedulerComponent = tslib_1.__decorate([
-        core_1.Component({
-            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
-            selector: 'kendo-scheduler',
-            providers: [
-                edit_service_1.EditService,
-                dialogs_service_1.DialogsService,
-                dom_events_service_1.DomEventsService,
-                local_data_changes_service_1.LocalDataChangesService,
-                navigation_1.FocusService,
-                scheduler_localization_service_1.SchedulerLocalizationService,
-                {
-                    provide: kendo_angular_l10n_1.LocalizationService,
-                    useExisting: scheduler_localization_service_1.SchedulerLocalizationService
-                },
-                {
-                    provide: kendo_angular_l10n_1.L10N_PREFIX,
-                    useValue: 'kendo.scheduler'
-                },
-                toolbar_service_1.ToolbarService,
-                view_context_service_1.ViewContextService,
-                view_state_service_1.ViewStateService,
-                pdf_service_1.PDFService
-            ],
-            // TODO: Move to themes
-            styles: ['.k-scheduler.k-state-focused { box-shadow: 0 0.5px 0.5px 0.5px rgba(0, 0, 0, .12); }'],
-            encapsulation: core_1.ViewEncapsulation.None,
-            template: "\n        <ng-container kendoSchedulerLocalizedMessages\n            i18n-allEvents=\"kendo.scheduler.allEvents|The All events text displayed in the timeline views when there is no vertical grouping.\"\n            allEvents=\"All events\"\n\n            i18n-allDay=\"kendo.scheduler.allDay|The all day text displayed in the day and week views.\"\n            allDay=\"all day\"\n\n            i18n-dateHeader=\"kendo.scheduler.dateHeader|The date header text displayed in the agenda view.\"\n            dateHeader=\"Date\"\n\n            i18n-timeHeader=\"kendo.scheduler.timeHeader|The time header text displayed in the agenda view.\"\n            timeHeader=\"Time\"\n\n            i18n-deleteTitle=\"kendo.scheduler.deleteTitle|The delete icon title.\"\n            deleteTitle=\"Delete\"\n\n            i18n-eventHeader=\"kendo.scheduler.eventHeader|The event header text displayed in the agenda view.\"\n            eventHeader=\"Event\"\n\n            i18n-nextTitle=\"kendo.scheduler.nextTitle|The title of the navigation next button.\"\n            nextTitle=\"Next\"\n\n            i18n-previousTitle=\"kendo.scheduler.previousTitle|The title of the navigation previous button.\"\n            previousTitle=\"Previous\"\n\n            i18n-showFullDay=\"kendo.scheduler.showFullDay|The text of the show full day button displayed in the footer of the day, week and timeline views.\"\n            showFullDay=\"Show full day\"\n\n            i18n-showWorkDay=\"kendo.scheduler.showWorkDay|The text of the show work day button displayed in the footer of the day, week and timeline views.\"\n            showWorkDay=\"Show business hours\"\n\n            i18n-today=\"kendo.scheduler.today|The today button text displayed in the navigation.\"\n            today=\"Today\"\n\n            i18n-calendarToday=\"kendo.scheduler.calendarToday|The text of today's date in the header of the Calendar.\"\n            calendarToday=\"TODAY\"\n\n            i18n-dayViewTitle=\"kendo.scheduler.dayViewTitle|The day view title.\"\n            dayViewTitle=\"Day\"\n\n            i18n-multiDayViewTitle=\"kendo.scheduler.multiDayViewTitle|The multi day view title.\"\n            multiDayViewTitle=\"Multi-Day\"\n\n            i18n-weekViewTitle=\"kendo.scheduler.weekViewTitle|The week view title.\"\n            weekViewTitle=\"Week\"\n\n            i18n-workWeekViewTitle=\"kendo.scheduler.workWeekViewTitle|The work week view title.\"\n            workWeekViewTitle=\"Work Week\"\n\n            i18n-monthViewTitle=\"kendo.scheduler.monthViewTitle|The month view title.\"\n            monthViewTitle=\"Month\"\n\n            i18n-timelineViewTitle=\"kendo.scheduler.timelineViewTitle|The timeline view title.\"\n            timelineViewTitle=\"Timeline\"\n\n            i18n-timelineWeekViewTitle=\"kendo.scheduler.timelineWeekViewTitle|The timeline week view title.\"\n            timelineWeekViewTitle=\"Timeline Week\"\n\n            i18n-timelineMonthViewTitle=\"kendo.scheduler.timelineMonthViewTitle|The timeline month view title.\"\n            timelineMonthViewTitle=\"Timeline Month\"\n\n            i18n-agendaViewTitle=\"kendo.scheduler.agendaViewTitle|The agenda view title.\"\n            agendaViewTitle=\"Agenda\"\n\n            i18n-cancel=\"kendo.scheduler.cancel|The text similar to 'Cancel' displayed in scheduler.\"\n            cancel=\"Cancel\"\n\n            i18n-save=\"kendo.scheduler.save|The text similar to 'Save' displayed in scheduler.\"\n            save=\"Save\"\n\n            i18n-editorEventTitle=\"kendo.scheduler.editorEventTitle|The text similar to 'Title' displayed in the scheduler event editor.\"\n            editorEventTitle='Title'\n\n            i18n-editorEventStart=\"kendo.scheduler.editorEventStart|The text similar to 'Start' displayed in the scheduler event editor.\"\n            editorEventStart=\"Start\"\n\n            i18n-editorEventStartTimeZone=\"kendo.scheduler.editorEventStartTimeZone|The text similar to 'Start Time Zone' displayed in the scheduler event editor.\"\n            editorEventStartTimeZone=\"Start Time Zone\"\n\n            i18n-editorEventEnd=\"kendo.scheduler.editorEventEnd|The text similar to 'End' displayed in the scheduler event editor.\"\n            editorEventEnd=\"End\"\n\n            i18n-editorEventEndTimeZone=\"kendo.scheduler.editorEventEndTimeZone|The text similar to 'End Time Zone' displayed in the scheduler event editor.\"\n            editorEventEndTimeZone=\"End Time Zone\"\n\n            i18n-editorEventAllDay=\"kendo.scheduler.editorEventAllDay|The text similar to 'All Day event' displayed in the scheduler event editor.\"\n            editorEventAllDay=\"All Day Event\"\n\n            i18n-editorEventDescription=\"kendo.scheduler.editorEventDescription|The text similar to 'Description' displayed in the scheduler event editor.\"\n            editorEventDescription=\"Description\"\n\n            i18n-editorEventSeparateTimeZones=\"kendo.scheduler.editorEventSeparateTimeZones|The text similar to 'Use separate Start and End Time Zones' displayed in the scheduler event editor.\"\n            editorEventSeparateTimeZones=\"End in different Time Zone\"\n\n            i18n-editorEventTimeZone=\"kendo.scheduler.editorEventTimeZone|The text similar to 'Time Zone' displayed in the scheduler event editor.\"\n            editorEventTimeZone='Specify Time Zone'\n\n            i18n-editorTitle=\"kendo.scheduler.editorTitle|The text similar to 'Event' displayed as title of the scheduler event editor.\"\n            editorTitle='Event'\n\n            i18n-recurrenceEditorRepeat=\"kendo.scheduler.recurrenceEditorRepeat|The text similar to 'Repeat' displayed in the scheduler recurrence editor.\"\n            recurrenceEditorRepeat='Repeat'\n\n            i18n-recurrenceEditorDailyInterval=\"kendo.scheduler.recurrenceEditorDailyInterval|The text similar to 'day(s)' displayed in the scheduler recurrence editor.\"\n            recurrenceEditorDailyInterval='day(s)'\n\n            i18n-recurrenceEditorDailyRepeatEvery=\"kendo.scheduler.recurrenceEditorDailyRepeatEvery|The text similar to 'Repeat every' displayed in the scheduler recurrence editor.\"\n            recurrenceEditorDailyRepeatEvery='Repeat every'\n\n            i18n-recurrenceEditorWeeklyInterval=\"kendo.scheduler.recurrenceEditorWeeklyInterval|The text similar to 'week(s)' displayed in the scheduler recurrence editor.\"\n            recurrenceEditorWeeklyInterval='week(s)'\n\n            i18n-recurrenceEditorWeeklyRepeatEvery=\"kendo.scheduler.recurrenceEditorWeeklyRepeatEvery|The text similar to 'Repeat every' displayed in the scheduler recurrence editor.\"\n            recurrenceEditorWeeklyRepeatEvery='Repeat every'\n\n            i18n-recurrenceEditorWeeklyRepeatOn=\"kendo.scheduler.recurrenceEditorWeeklyRepeatOn|The text similar to 'Repeat on' displayed in the scheduler recurrence editor.\"\n            recurrenceEditorWeeklyRepeatOn='Repeat on'\n\n            i18n-recurrenceEditorMonthlyDay=\"kendo.scheduler.recurrenceEditorMonthlyDay|The text similar to 'Day' displayed in the scheduler recurrence editor.\"\n            recurrenceEditorMonthlyDay='Day'\n\n            i18n-recurrenceEditorMonthlyInterval=\"kendo.scheduler.recurrenceEditorMonthlyInterval|The text similar to 'month(s)' displayed in the scheduler recurrence editor.\"\n            recurrenceEditorMonthlyInterval='month(s)'\n\n            i18n-recurrenceEditorMonthlyRepeatEvery=\"kendo.scheduler.recurrenceEditorMonthlyRepeatEvery|The text similar to 'Repeat every' displayed in the scheduler recurrence editor.\"\n            recurrenceEditorMonthlyRepeatEvery='Repeat every'\n\n            i18n-recurrenceEditorMonthlyRepeatOn=\"kendo.scheduler.recurrenceEditorMonthlyRepeatOn|The text similar to 'Repeat on' displayed in the scheduler recurrence editor.\"\n            recurrenceEditorMonthlyRepeatOn='Repeat on'\n\n            i18n-recurrenceEditorYearlyOf=\"kendo.scheduler.recurrenceEditorYearlyOf|The text similar to 'of' displayed in the scheduler recurrence editor.\"\n            recurrenceEditorYearlyOf='of'\n\n            i18n-recurrenceEditorYearlyRepeatEvery=\"kendo.scheduler.recurrenceEditorYearlyRepeatEvery|The text similar to 'Repeat every' displayed in the scheduler recurrence editor.\"\n            recurrenceEditorYearlyRepeatEvery='Repeat every'\n\n            i18n-recurrenceEditorYearlyRepeatOn=\"kendo.scheduler.recurrenceEditorYearlyRepeatOn|The text similar to 'Repeat on' displayed in the scheduler recurrence editor.\"\n            recurrenceEditorYearlyRepeatOn='Repeat on'\n\n            i18n-recurrenceEditorYearlyInterval=\"kendo.scheduler.recurrenceEditorYearlyInterval|The text similar to 'year(s)' displayed in the scheduler recurrence editor.\"\n            recurrenceEditorYearlyInterval='year(s)'\n\n            i18n-recurrenceEditorFrequenciesDaily=\"kendo.scheduler.recurrenceEditorFrequenciesDaily|The text similar to 'Daily' displayed in the scheduler recurrence editor.\"\n            recurrenceEditorFrequenciesDaily='Daily'\n\n            i18n-recurrenceEditorFrequenciesMonthly=\"kendo.scheduler.recurrenceEditorFrequenciesMonthly|The text similar to 'Monthly' displayed in the scheduler recurrence editor.\"\n            recurrenceEditorFrequenciesMonthly='Monthly'\n\n            i18n-recurrenceEditorFrequenciesNever=\"kendo.scheduler.recurrenceEditorFrequenciesNever|The text similar to 'Never' displayed in the scheduler recurrence editor.\"\n            recurrenceEditorFrequenciesNever='Never'\n\n            i18n-recurrenceEditorFrequenciesWeekly=\"kendo.scheduler.recurrenceEditorFrequenciesWeekly|The text similar to 'Weekly' displayed in the scheduler recurrence editor.\"\n            recurrenceEditorFrequenciesWeekly='Weekly'\n\n            i18n-recurrenceEditorFrequenciesYearly=\"kendo.scheduler.recurrenceEditorFrequenciesYearly|The text similar to 'Yearly' displayed in the scheduler recurrence editor.\"\n            recurrenceEditorFrequenciesYearly='Yearly'\n\n            i18n-recurrenceEditorOffsetPositionsFirst=\"kendo.scheduler.recurrenceEditorOffsetPositionsFirst|The text similar to 'First' displayed in the scheduler recurrence editor.\"\n            recurrenceEditorOffsetPositionsFirst='First'\n\n            i18n-recurrenceEditorOffsetPositionsSecond=\"kendo.scheduler.recurrenceEditorOffsetPositionsSecond|The text similar to 'Second' displayed in the scheduler recurrence editor.\"\n            recurrenceEditorOffsetPositionsSecond='Second'\n\n            i18n-recurrenceEditorOffsetPositionsThird=\"kendo.scheduler.recurrenceEditorOffsetPositionsThird|The text similar to 'Third' displayed in the scheduler recurrence editor.\"\n            recurrenceEditorOffsetPositionsThird='Third'\n\n            i18n-recurrenceEditorOffsetPositionsFourth=\"kendo.scheduler.recurrenceEditorOffsetPositionsFourth|The text similar to 'Fourth' displayed in the scheduler recurrence editor.\"\n            recurrenceEditorOffsetPositionsFourth='Fourth'\n\n            i18n-recurrenceEditorOffsetPositionsLast=\"kendo.scheduler.recurrenceEditorOffsetPositionsLast|The text similar to 'Last' displayed in the scheduler recurrence editor.\"\n            recurrenceEditorOffsetPositionsLast='Last'\n\n            i18n-recurrenceEditorWeekdaysDay=\"kendo.scheduler.recurrenceEditorWeekdaysDay|The text similar to 'Day' displayed in the repeat by section of the monthly recurrence pattern.\"\n            recurrenceEditorWeekdaysDay='Day'\n\n            i18n-recurrenceEditorWeekdaysWeekday=\"kendo.scheduler.recurrenceEditorWeekdaysWeekday|The text similar to 'Weekday' displayed in the repeat by section of the monthly recurrence pattern.\"\n            recurrenceEditorWeekdaysWeekday='Weekday'\n\n            i18n-recurrenceEditorWeekdaysWeekendday=\"kendo.scheduler.recurrenceEditorWeekdaysWeekendday|The text similar to 'Weekend Day' displayed in the repeat by section of the monthly recurrence pattern.\"\n            recurrenceEditorWeekdaysWeekendday='Weekend Day'\n\n            i18n-recurrenceEditorEndAfter=\"kendo.scheduler.recurrenceEditorEndAfter|The text similar to 'After' displayed in the scheduler recurrence editor.\"\n            recurrenceEditorEndAfter='After'\n\n            i18n-recurrenceEditorEndOccurrence=\"kendo.scheduler.recurrenceEditorEndOccurrence|The text similar to 'occurrence(s)' displayed in the scheduler recurrence editor.\"\n            recurrenceEditorEndOccurrence='occurrence(s)'\n\n            i18n-recurrenceEditorEndLabel=\"kendo.scheduler.recurrenceEditorEndLabel|The text similar to 'End' displayed in the scheduler recurrence editor.\"\n            recurrenceEditorEndLabel='End'\n\n            i18n-recurrenceEditorEndNever=\"kendo.scheduler.recurrenceEditorEndNever|The text similar to 'Never' displayed in the scheduler recurrence editor.\"\n            recurrenceEditorEndNever='Never'\n\n            i18n-recurrenceEditorEndOn=\"kendo.scheduler.recurrenceEditorEndOn|The text similar to 'On' displayed in the scheduler recurrence editor.\"\n            recurrenceEditorEndOn='On'\n\n            i18n-destroy=\"kendo.scheduler.destroy|The text of the 'Delete' button displayed in the scheduler remove confirmation dialog.\"\n            destroy='Delete'\n\n            i18n-deleteConfirmation=\"kendo.scheduler.deleteConfirmation|The text similar to 'Are you sure you want to delete this event?' displayed in scheduler remove confirmation dialog.\"\n            deleteConfirmation='Are you sure you want to delete this event?'\n\n            i18n-editRecurringConfirmation=\"kendo.scheduler.editRecurringConfirmation|The text similar to 'Do you want to edit only this event occurrence or the whole series?' displayed in the scheduler recurring confirmation dialog.\"\n            editRecurringConfirmation='Do you want to edit only this event occurrence or the whole series?'\n\n            i18n-editOccurrence=\"kendo.scheduler.editOccurrence|The text of the 'Edit current occurrence' button displayed in the scheduler recurring confirmation dialog.\"\n            editOccurrence='Edit current occurrence'\n\n            i18n-editSeries=\"kendo.scheduler.editSeries|The text of the 'Edit the series' button displayed in the scheduler recurring confirmation dialog.\"\n            editSeries='Edit the series'\n\n            i18n-deleteRecurringConfirmation=\"kendo.scheduler.deleteRecurringConfirmation|The text similar to 'Do you want to delete only this event occurrence or the whole series?' displayed in the scheduler recurring confirmation dialog.\"\n            deleteRecurringConfirmation='Do you want to delete only this event occurrence or the whole series?'\n\n            i18n-deleteOccurrence=\"kendo.scheduler.deleteOccurrence|The text of the 'Delete current occurrence' button displayed in the scheduler recurring confirmation dialog.\"\n            deleteOccurrence='Delete current occurrence'\n\n            i18n-deleteSeries=\"kendo.scheduler.deleteSeries|The text similar of the 'Delete the series' button displayed in the scheduler recurring confirmation dialog.\"\n            deleteSeries='Delete the series'\n\n            i18n-deleteDialogTitle=\"kendo.scheduler.deleteDialogTitle|The title of the remove confirmation dialog, similar to 'Delete Event'.\"\n            deleteDialogTitle='Delete Event'\n\n            i18n-deleteRecurringDialogTitle=\"kendo.scheduler.deleteRecurringDialogTitle|The title of the recurring remove confirmation dialog, similar to 'Delete Recurring Item'\"\n            deleteRecurringDialogTitle='Delete Recurring Item'\n\n            i18n-editRecurringDialogTitle=\"kendo.scheduler.editRecurringDialogTitle|The title of the recurring edit confirmation dialog, similar to 'Edit Recurring Item'\"\n            editRecurringDialogTitle='Edit Recurring Item'\n        >\n        </ng-container>\n\n        <kendo-scheduler-toolbar\n            [dateRange]=\"dateRangeStream\"\n            [selectedDate]=\"selectedDateStream\"\n            [views]=\"views\"\n            [selectedView]=\"selectedView\"\n            [template]=\"toolbarTemplate\"\n            (navigate)=\"onNavigationAction($event)\"\n            [min]=\"min\"\n            [max]=\"max\"\n        ></kendo-scheduler-toolbar>\n\n        <ng-container *ngTemplateOutlet=\"selectedView?.template\">\n        </ng-container>\n\n        <ng-container #confirmationDialogContainer>\n        </ng-container>\n\n        <kendo-scheduler-edit-dialog\n            [resources]=\"resources\"\n            [editTemplate]=\"editDialogTemplate\"\n            [timezone]=\"timezone\"\n            [weekStart]=\"weekStart\"\n            [fields]=\"modelFields\"\n        ></kendo-scheduler-edit-dialog>\n\n        <kendo-resize-sensor (resize)=\"onResize()\"></kendo-resize-sensor>\n\n        <div [loading]=\"loading\" kendoSchedulerLoading>\n        </div>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [core_1.ElementRef,
-            view_context_service_1.ViewContextService,
-            view_state_service_1.ViewStateService,
-            edit_service_1.EditService,
-            dialogs_service_1.DialogsService,
-            kendo_angular_intl_1.IntlService,
-            core_1.ChangeDetectorRef,
-            core_1.NgZone,
-            pdf_service_1.PDFService,
-            kendo_angular_l10n_1.LocalizationService,
-            dom_events_service_1.DomEventsService,
-            core_1.Renderer2,
-            navigation_1.FocusService])
-    ], SchedulerComponent);
-    return SchedulerComponent;
-}());
-exports.SchedulerComponent = SchedulerComponent;