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

package/dist/es/scheduler.component.js

@@ -1,1242 +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, ContentChild, ContentChildren, EventEmitter, HostBinding, Input, isDevMode, NgZone, Output, QueryList, ViewChild, ViewContainerRef, ChangeDetectorRef, ChangeDetectionStrategy, ElementRef, Renderer2, ViewEncapsulation } from '@angular/core';
-import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
-import { ResizeSensorComponent, isDocumentAvailable } from '@progress/kendo-angular-common';
-import { anyChanged, isChanged, hasObservers } from '@progress/kendo-angular-common';
-import { getDate, ZonedDate, Day } from '@progress/kendo-date-math';
-import { validatePackage } from '@progress/kendo-licensing';
-import { packageMetadata } from './package-metadata';
-import { DateChangeEvent, NavigateEvent, VIEW_EVENT_MAP } from './events';
-import { ToolbarTemplateDirective } from './toolbar/toolbar-template.directive';
-import { ToolbarService } from './toolbar/toolbar.service';
-import { SchedulerView } from './types';
-import { AgendaDateTemplateDirective } from './views/templates/agenda-date-template.directive';
-import { AgendaTimeTemplateDirective } from './views/templates/agenda-time-template.directive';
-import { AllDayEventTemplateDirective } from './views/templates/all-day-event-template.directive';
-import { AllDaySlotTemplateDirective } from './views/templates/all-day-slot-template.directive';
-import { DateHeaderTemplateDirective } from './views/templates/date-header-template.directive';
-import { EventTemplateDirective } from './views/templates/event-template.directive';
-import { GroupHeaderTemplateDirective } from './views/templates/group-header-template.directive';
-import { MajorTimeHeaderTemplateDirective } from './views/templates/major-time-header-template.directive';
-import { MinorTimeHeaderTemplateDirective } from './views/templates/minor-time-header-template.directive';
-import { MonthDaySlotTemplateDirective } from './views/templates/month-day-slot-template.directive';
-import { TimeSlotTemplateDirective } from './views/templates/time-slot-template.directive';
-import { ViewContextService } from './views/view-context.service';
-import { ViewStateService } from './views/view-state.service';
-import { EditService } from './editing/edit.service';
-import { EditDialogTemplateDirective } from './editing/edit-dialog-template.directive';
-import { FormGroup, FormControl } from '@angular/forms';
-import { LocalDataChangesService } from './editing/local-data-changes.service';
-import { DialogsService } from './editing/dialogs.service';
-import { SchedulerLocalizationService } from './localization/scheduler-localization.service';
-import { defaultModelFields } from './common/default-model-fields';
-import { readEvent, isRecurrenceMaster, copyResources, isPresent } from './common/util';
-import { IntlService } from '@progress/kendo-angular-intl';
-import { PDFService } from './pdf/pdf.service';
-import { PDFExportEvent } from './pdf/pdf-export-event';
-import { LoadingComponent } from './loading.component';
-import { FocusService } from './navigation';
-import { DomEventsService } from './views/common/dom-events.service';
-import { closest } from './common/dom-queries';
-import { alwaysFalse } from './views/utils';
-import { SlotDragEvent } from './events/slot-drag-event';
-import { SlotDragEndEvent } from './events/slot-drag-end-event';
-var todayDate = function () { return getDate(new Date()); };
-var ɵ0 = todayDate;
-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 = alwaysFalse;
-        /**
-         * @hidden
-         */
-        this.selectedViewIndexChange = new EventEmitter();
-        /**
-         * Fires when the Scheduler is about to execute a navigation action
-         * (a view, date, or focus change).
-         */
-        this.navigate = new EventEmitter();
-        /**
-         * Fires when the date range that is displayed in the Scheduler changes.
-         */
-        this.dateChange = new EventEmitter();
-        /**
-         * Fires when a Scheduler view slot is clicked.
-         */
-        this.slotClick = new EventEmitter();
-        /**
-         * Fires when a Scheduler view slot is double-clicked.
-         */
-        this.slotDblClick = new EventEmitter();
-        /**
-         * Fires when the user creates a new event using the `'c'` key.
-         * ([see example]({% slug keyboard_navigation_scheduler %})).
-         */
-        this.create = new EventEmitter();
-        /**
-         * Fires when a Scheduler event is clicked.
-         */
-        this.eventClick = new EventEmitter();
-        /**
-         * Fires when a Scheduler event is double-clicked.
-         */
-        this.eventDblClick = new EventEmitter();
-        /**
-         * Fires when a key is pressed on a focused Scheduler event.
-         */
-        this.eventKeydown = new EventEmitter();
-        /**
-         * Fires when the user cancels the editing by clicking the **Cancel** command button.
-         */
-        this.cancel = new EventEmitter();
-        /**
-         * Fires when the user clicks the **Save** command button to save the changes of the edited event.
-         */
-        this.save = new EventEmitter();
-        /**
-         * Fires when the user clicks the **Remove** icon of a Scheduler event.
-         */
-        this.remove = new EventEmitter();
-        /**
-         * Fires when the user starts resizing a Scheduler event.
-         */
-        this.resizeStart = new EventEmitter();
-        /**
-         * Fires when the user is resizing a Scheduler event.
-         */
-        this.resize = new EventEmitter();
-        /**
-         * Fires when the user stops resizing a Scheduler event.
-         */
-        this.resizeEnd = new EventEmitter();
-        /**
-         * Fires when the user starts dragging a Scheduler event.
-         */
-        this.dragStart = new EventEmitter();
-        /**
-         * Fires when the user is dragging a Scheduler event.
-         */
-        this.drag = new EventEmitter();
-        /**
-         * Fires when the user stops dragging a Scheduler event.
-         */
-        this.dragEnd = new EventEmitter();
-        /**
-         * Fires when the user starts drag-selecting a Scheduler slot range.
-         */
-        this.slotDragStart = new EventEmitter();
-        /**
-         * Fires when the user is drag-selecting a Scheduler slot range.
-         */
-        this.slotDrag = new EventEmitter();
-        /**
-         * Fires when the user stops drag-selecting a Scheduler slot range.
-         */
-        this.slotDragEnd = new EventEmitter();
-        /**
-         * Fires when the user clicks the **PDF export** command button.
-         */
-        this.pdfExport = new EventEmitter();
-        /**
-         * @hidden
-         */
-        this.dragEndConfirmed = new EventEmitter();
-        /**
-         * @hidden
-         */
-        this.resizeEndConfirmed = new EventEmitter();
-        /**
-         * @hidden
-         */
-        this.removeConfirmed = new EventEmitter();
-        this.viewIndex = 0;
-        this._timezone = '';
-        this._modelFields = defaultModelFields;
-        validatePackage(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 (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({}, defaultModelFields, value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    SchedulerComponent.prototype.ngOnInit = function () {
-        if (!this.selectedDate) {
-            this.selectedDate = todayDate();
-        }
-    };
-    SchedulerComponent.prototype.ngAfterContentInit = function () {
-        var _this = this;
-        if (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 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 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 (hasObservers(emitter) || (confirmedEmitter && hasObservers(confirmedEmitter))) {
-                _this.zone.run(function () {
-                    var eventInstance = new 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 (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 (hasObservers(_this.slotDrag)) {
-                _this.zone.run(function () {
-                    _this.slotDrag.emit(new SlotDragEvent(_this, value));
-                });
-            }
-        }));
-        this.subs.add(this.viewState.slotSelectionEnd
-            .subscribe(function (value) {
-            if (hasObservers(_this.slotDragEnd)) {
-                _this.zone.run(function () {
-                    _this.slotDragEnd.emit(new 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 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 (isChanged('resources', changes) && !isChanged('events', changes) && this.viewItems) {
-            this.viewItems.forEach(function (item) {
-                copyResources(item.event, _this.resources);
-            });
-        }
-        if (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 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 FormGroup;
-        if (!isFormGroup) {
-            var createControl = function (source) { return function (acc, key) {
-                acc[key] = new FormControl(source[key]);
-                return acc;
-            }; };
-            var fields = Object.keys(group).reduce(createControl(group), {});
-            group = new 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 = isPresent(this.workWeekStart) ? this.workWeekStart : (end + 1) % DAYS_IN_WEEK;
-            var weekEnd = start > 0 ? start - 1 : Day.Saturday;
-            var workWeekEnd = 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 readEvent(dataItem, fields, _this.resources); })
-            .filter(function (event) { return !isRecurrenceMaster(event); })
-            .map(function (event) {
-            var start = ZonedDate.fromLocalDate(event.start, timezone);
-            var end = 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 (!isPresent(this.workWeekStart) || !isPresent(this.workWeekEnd)) {
-            this.notifyOptionsChange();
-        }
-        this.changeDetector.detectChanges();
-        this.selectedView = currentView;
-        if (NgZone.isInAngularZone()) {
-            this.changeDetector.markForCheck();
-        }
-        else {
-            this.changeDetector.detectChanges();
-        }
-    };
-    SchedulerComponent.prototype.attachElementEventHandlers = function () {
-        var _this = this;
-        if (!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 = !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([
-        HostBinding('class.k-widget'),
-        HostBinding('class.k-scheduler'),
-        HostBinding('class.k-floatwrap'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], SchedulerComponent.prototype, "hostClasses", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-rtl'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], SchedulerComponent.prototype, "rtl", void 0);
-    tslib_1.__decorate([
-        HostBinding('attr.dir'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], SchedulerComponent.prototype, "dir", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number),
-        tslib_1.__metadata("design:paramtypes", [Number])
-    ], SchedulerComponent.prototype, "selectedViewIndex", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], SchedulerComponent.prototype, "editable", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], SchedulerComponent.prototype, "selectable", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Date)
-    ], SchedulerComponent.prototype, "min", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Date)
-    ], SchedulerComponent.prototype, "max", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], SchedulerComponent.prototype, "eventHeight", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], SchedulerComponent.prototype, "columnWidth", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], SchedulerComponent.prototype, "showWorkHours", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], SchedulerComponent.prototype, "startTime", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], SchedulerComponent.prototype, "endTime", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], SchedulerComponent.prototype, "workDayStart", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], SchedulerComponent.prototype, "workDayEnd", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], SchedulerComponent.prototype, "workWeekStart", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], SchedulerComponent.prototype, "workWeekEnd", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number),
-        tslib_1.__metadata("design:paramtypes", [Number])
-    ], SchedulerComponent.prototype, "weekStart", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], SchedulerComponent.prototype, "slotDuration", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], SchedulerComponent.prototype, "slotDivisions", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], SchedulerComponent.prototype, "slotFill", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], SchedulerComponent.prototype, "scrollTime", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], SchedulerComponent.prototype, "group", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], SchedulerComponent.prototype, "resources", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], SchedulerComponent.prototype, "loading", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], SchedulerComponent.prototype, "timezone", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Array),
-        tslib_1.__metadata("design:paramtypes", [Array])
-    ], SchedulerComponent.prototype, "events", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Date),
-        tslib_1.__metadata("design:paramtypes", [Date])
-    ], SchedulerComponent.prototype, "selectedDate", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object),
-        tslib_1.__metadata("design:paramtypes", [Object])
-    ], SchedulerComponent.prototype, "modelFields", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], SchedulerComponent.prototype, "currentTimeMarker", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], SchedulerComponent.prototype, "slotClass", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], SchedulerComponent.prototype, "eventClass", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], SchedulerComponent.prototype, "eventStyles", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], SchedulerComponent.prototype, "isSlotSelected", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], SchedulerComponent.prototype, "selectedViewIndexChange", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], SchedulerComponent.prototype, "navigate", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], SchedulerComponent.prototype, "dateChange", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], SchedulerComponent.prototype, "slotClick", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], SchedulerComponent.prototype, "slotDblClick", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], SchedulerComponent.prototype, "create", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], SchedulerComponent.prototype, "eventClick", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], SchedulerComponent.prototype, "eventDblClick", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], SchedulerComponent.prototype, "eventKeydown", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], SchedulerComponent.prototype, "cancel", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], SchedulerComponent.prototype, "save", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], SchedulerComponent.prototype, "remove", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], SchedulerComponent.prototype, "resizeStart", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], SchedulerComponent.prototype, "resize", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], SchedulerComponent.prototype, "resizeEnd", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], SchedulerComponent.prototype, "dragStart", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], SchedulerComponent.prototype, "drag", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], SchedulerComponent.prototype, "dragEnd", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], SchedulerComponent.prototype, "slotDragStart", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], SchedulerComponent.prototype, "slotDrag", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], SchedulerComponent.prototype, "slotDragEnd", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], SchedulerComponent.prototype, "pdfExport", void 0);
-    tslib_1.__decorate([
-        ContentChild(EditDialogTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", EditDialogTemplateDirective)
-    ], SchedulerComponent.prototype, "editDialogTemplate", void 0);
-    tslib_1.__decorate([
-        ContentChild(ToolbarTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", ToolbarTemplateDirective)
-    ], SchedulerComponent.prototype, "toolbarTemplate", void 0);
-    tslib_1.__decorate([
-        ContentChildren(SchedulerView),
-        tslib_1.__metadata("design:type", QueryList)
-    ], SchedulerComponent.prototype, "views", void 0);
-    tslib_1.__decorate([
-        ViewChild(ResizeSensorComponent, { static: true }),
-        tslib_1.__metadata("design:type", ResizeSensorComponent)
-    ], SchedulerComponent.prototype, "resizeSensor", void 0);
-    tslib_1.__decorate([
-        ViewChild("confirmationDialogContainer", { read: ViewContainerRef, static: true }),
-        tslib_1.__metadata("design:type", ViewContainerRef)
-    ], SchedulerComponent.prototype, "confirmationDialogContainerRef", void 0);
-    tslib_1.__decorate([
-        ViewChild(LoadingComponent, { static: true }),
-        tslib_1.__metadata("design:type", LoadingComponent)
-    ], SchedulerComponent.prototype, "loadingComponent", void 0);
-    tslib_1.__decorate([
-        ContentChildren(AllDayEventTemplateDirective),
-        tslib_1.__metadata("design:type", QueryList)
-    ], SchedulerComponent.prototype, "allDayEventTemplate", void 0);
-    tslib_1.__decorate([
-        ContentChildren(EventTemplateDirective),
-        tslib_1.__metadata("design:type", QueryList)
-    ], SchedulerComponent.prototype, "eventTemplate", void 0);
-    tslib_1.__decorate([
-        ContentChildren(TimeSlotTemplateDirective),
-        tslib_1.__metadata("design:type", QueryList)
-    ], SchedulerComponent.prototype, "timeSlotTemplate", void 0);
-    tslib_1.__decorate([
-        ContentChildren(MinorTimeHeaderTemplateDirective),
-        tslib_1.__metadata("design:type", QueryList)
-    ], SchedulerComponent.prototype, "minorTimeHeaderTemplate", void 0);
-    tslib_1.__decorate([
-        ContentChildren(MajorTimeHeaderTemplateDirective),
-        tslib_1.__metadata("design:type", QueryList)
-    ], SchedulerComponent.prototype, "majorTimeHeaderTemplate", void 0);
-    tslib_1.__decorate([
-        ContentChildren(MonthDaySlotTemplateDirective),
-        tslib_1.__metadata("design:type", QueryList)
-    ], SchedulerComponent.prototype, "monthDaySlotTemplate", void 0);
-    tslib_1.__decorate([
-        ContentChildren(DateHeaderTemplateDirective),
-        tslib_1.__metadata("design:type", QueryList)
-    ], SchedulerComponent.prototype, "dateHeaderTemplate", void 0);
-    tslib_1.__decorate([
-        ContentChildren(AllDaySlotTemplateDirective),
-        tslib_1.__metadata("design:type", QueryList)
-    ], SchedulerComponent.prototype, "allDaySlotTemplate", void 0);
-    tslib_1.__decorate([
-        ContentChildren(GroupHeaderTemplateDirective),
-        tslib_1.__metadata("design:type", QueryList)
-    ], SchedulerComponent.prototype, "groupHeaderTemplate", void 0);
-    tslib_1.__decorate([
-        ContentChildren(AgendaDateTemplateDirective),
-        tslib_1.__metadata("design:type", QueryList)
-    ], SchedulerComponent.prototype, "agendaDateTemplate", void 0);
-    tslib_1.__decorate([
-        ContentChildren(AgendaTimeTemplateDirective),
-        tslib_1.__metadata("design:type", QueryList)
-    ], SchedulerComponent.prototype, "agendaTimeTemplate", void 0);
-    SchedulerComponent = tslib_1.__decorate([
-        Component({
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            selector: 'kendo-scheduler',
-            providers: [
-                EditService,
-                DialogsService,
-                DomEventsService,
-                LocalDataChangesService,
-                FocusService,
-                SchedulerLocalizationService,
-                {
-                    provide: LocalizationService,
-                    useExisting: SchedulerLocalizationService
-                },
-                {
-                    provide: L10N_PREFIX,
-                    useValue: 'kendo.scheduler'
-                },
-                ToolbarService,
-                ViewContextService,
-                ViewStateService,
-                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: 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", [ElementRef,
-            ViewContextService,
-            ViewStateService,
-            EditService,
-            DialogsService,
-            IntlService,
-            ChangeDetectorRef,
-            NgZone,
-            PDFService,
-            LocalizationService,
-            DomEventsService,
-            Renderer2,
-            FocusService])
-    ], SchedulerComponent);
-    return SchedulerComponent;
-}());
-export { SchedulerComponent };
-export { ɵ0 };