@syncfusion/ej2-angular-schedule 30.1.37-ngcc → 30.1.38-ngcc

package/@syncfusion/ej2-angular-schedule.js

@@ -3,890 +3,890 @@ import { ArrayBase, ComplexBase, ComponentBase, ComponentMixins, Template, setVa
 import { Agenda, Day, DragAndDrop, ExcelExport, ICalendarExport, ICalendarImport, Month, MonthAgenda, Print, RecurrenceEditor, Resize, Schedule, TimelineMonth, TimelineViews, TimelineYear, Week, WorkWeek, Year } from '@syncfusion/ej2-schedule';
 import { CommonModule } from '@angular/common';
 
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-let input = ['allowOverlap', 'allowVirtualScrolling', 'cellHeaderTemplate', 'cellTemplate', 'dateFormat', 'dateHeaderTemplate', 'dateRangeTemplate', 'dayHeaderTemplate', 'displayDate', 'displayName', 'enableLazyLoading', 'endHour', 'eventTemplate', 'firstDayOfWeek', 'firstMonthOfYear', 'group', 'headerIndentTemplate', 'headerRows', 'interval', 'isSelected', 'maxEventsPerRow', 'monthHeaderTemplate', 'monthsCount', 'numberOfWeeks', 'option', 'orientation', 'overscanCount', 'readonly', 'resourceHeaderTemplate', 'showWeekNumber', 'showWeekend', 'startHour', 'timeFormat', 'timeScale', 'workDays'];
-let outputs = [];
-/**
- * `e-views` directive represent a view of the Angular Schedule.
- * It must be contained in a Schedule component(`ejs-schedule`).
- * ```html
- * <ejs-schedule>
- *   <e-views>
- *    <e-view option='day' dateFormat='dd MMM'></e-view>
- *    <e-view option='week'></e-view>
- *   </e-views>
- * </ejs-schedule>
- * ```
- */
-class ViewDirective extends ComplexBase {
-    /**
-     * @param {?} viewContainerRef
-     */
-    constructor(viewContainerRef) {
-        super();
-        this.viewContainerRef = viewContainerRef;
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.registerEvents(outputs);
-        this.directivePropList = input;
-    }
-}
-ViewDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'e-views>e-view',
-                inputs: input,
-                outputs: outputs,
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-ViewDirective.ctorParameters = () => [
-    { type: ViewContainerRef, },
-];
-ViewDirective.propDecorators = {
-    'dateHeaderTemplate': [{ type: ContentChild, args: ['dateHeaderTemplate',] },],
-    'dateRangeTemplate': [{ type: ContentChild, args: ['dateRangeTemplate',] },],
-    'dayHeaderTemplate': [{ type: ContentChild, args: ['dayHeaderTemplate',] },],
-    'cellHeaderTemplate': [{ type: ContentChild, args: ['cellHeaderTemplate',] },],
-    'cellTemplate': [{ type: ContentChild, args: ['cellTemplate',] },],
-    'eventTemplate': [{ type: ContentChild, args: ['eventTemplate',] },],
-    'monthHeaderTemplate': [{ type: ContentChild, args: ['monthHeaderTemplate',] },],
-    'resourceHeaderTemplate': [{ type: ContentChild, args: ['resourceHeaderTemplate',] },],
-    'headerIndentTemplate': [{ type: ContentChild, args: ['headerIndentTemplate',] },],
-    'timeScale_minorSlotTemplate': [{ type: ContentChild, args: ['timeScaleMinorSlotTemplate',] },],
-    'timeScale_majorSlotTemplate': [{ type: ContentChild, args: ['timeScaleMajorSlotTemplate',] },],
-    'group_headerTooltipTemplate': [{ type: ContentChild, args: ['groupHeaderTooltipTemplate',] },],
-};
-__decorate([
-    Template(),
-    __metadata("design:type", Object)
-], ViewDirective.prototype, "dateHeaderTemplate", void 0);
-__decorate([
-    Template(),
-    __metadata("design:type", Object)
-], ViewDirective.prototype, "dateRangeTemplate", void 0);
-__decorate([
-    Template(),
-    __metadata("design:type", Object)
-], ViewDirective.prototype, "dayHeaderTemplate", void 0);
-__decorate([
-    Template(),
-    __metadata("design:type", Object)
-], ViewDirective.prototype, "cellHeaderTemplate", void 0);
-__decorate([
-    Template(),
-    __metadata("design:type", Object)
-], ViewDirective.prototype, "cellTemplate", void 0);
-__decorate([
-    Template(),
-    __metadata("design:type", Object)
-], ViewDirective.prototype, "eventTemplate", void 0);
-__decorate([
-    Template(),
-    __metadata("design:type", Object)
-], ViewDirective.prototype, "monthHeaderTemplate", void 0);
-__decorate([
-    Template(),
-    __metadata("design:type", Object)
-], ViewDirective.prototype, "resourceHeaderTemplate", void 0);
-__decorate([
-    Template(),
-    __metadata("design:type", Object)
-], ViewDirective.prototype, "headerIndentTemplate", void 0);
-__decorate([
-    Template(),
-    __metadata("design:type", Object)
-], ViewDirective.prototype, "timeScale_minorSlotTemplate", void 0);
-__decorate([
-    Template(),
-    __metadata("design:type", Object)
-], ViewDirective.prototype, "timeScale_majorSlotTemplate", void 0);
-__decorate([
-    Template(),
-    __metadata("design:type", Object)
-], ViewDirective.prototype, "group_headerTooltipTemplate", void 0);
-/**
- * View Array Directive
- */
-class ViewsDirective extends ArrayBase {
-    constructor() {
-        super('views');
-    }
-}
-ViewsDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'ejs-schedule>e-views',
-                queries: {
-                    children: new ContentChildren(ViewDirective)
-                },
-            },] },
-];
-/**
- * @nocollapse
- */
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+let input = ['allowOverlap', 'allowVirtualScrolling', 'cellHeaderTemplate', 'cellTemplate', 'dateFormat', 'dateHeaderTemplate', 'dateRangeTemplate', 'dayHeaderTemplate', 'displayDate', 'displayName', 'enableLazyLoading', 'endHour', 'eventTemplate', 'firstDayOfWeek', 'firstMonthOfYear', 'group', 'headerIndentTemplate', 'headerRows', 'interval', 'isSelected', 'maxEventsPerRow', 'monthHeaderTemplate', 'monthsCount', 'numberOfWeeks', 'option', 'orientation', 'overscanCount', 'readonly', 'resourceHeaderTemplate', 'showWeekNumber', 'showWeekend', 'startHour', 'timeFormat', 'timeScale', 'workDays'];
+let outputs = [];
+/**
+ * `e-views` directive represent a view of the Angular Schedule.
+ * It must be contained in a Schedule component(`ejs-schedule`).
+ * ```html
+ * <ejs-schedule>
+ *   <e-views>
+ *    <e-view option='day' dateFormat='dd MMM'></e-view>
+ *    <e-view option='week'></e-view>
+ *   </e-views>
+ * </ejs-schedule>
+ * ```
+ */
+class ViewDirective extends ComplexBase {
+    /**
+     * @param {?} viewContainerRef
+     */
+    constructor(viewContainerRef) {
+        super();
+        this.viewContainerRef = viewContainerRef;
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.registerEvents(outputs);
+        this.directivePropList = input;
+    }
+}
+ViewDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-views>e-view',
+                inputs: input,
+                outputs: outputs,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+ViewDirective.ctorParameters = () => [
+    { type: ViewContainerRef, },
+];
+ViewDirective.propDecorators = {
+    'dateHeaderTemplate': [{ type: ContentChild, args: ['dateHeaderTemplate',] },],
+    'dateRangeTemplate': [{ type: ContentChild, args: ['dateRangeTemplate',] },],
+    'dayHeaderTemplate': [{ type: ContentChild, args: ['dayHeaderTemplate',] },],
+    'cellHeaderTemplate': [{ type: ContentChild, args: ['cellHeaderTemplate',] },],
+    'cellTemplate': [{ type: ContentChild, args: ['cellTemplate',] },],
+    'eventTemplate': [{ type: ContentChild, args: ['eventTemplate',] },],
+    'monthHeaderTemplate': [{ type: ContentChild, args: ['monthHeaderTemplate',] },],
+    'resourceHeaderTemplate': [{ type: ContentChild, args: ['resourceHeaderTemplate',] },],
+    'headerIndentTemplate': [{ type: ContentChild, args: ['headerIndentTemplate',] },],
+    'timeScale_minorSlotTemplate': [{ type: ContentChild, args: ['timeScaleMinorSlotTemplate',] },],
+    'timeScale_majorSlotTemplate': [{ type: ContentChild, args: ['timeScaleMajorSlotTemplate',] },],
+    'group_headerTooltipTemplate': [{ type: ContentChild, args: ['groupHeaderTooltipTemplate',] },],
+};
+__decorate([
+    Template(),
+    __metadata("design:type", Object)
+], ViewDirective.prototype, "dateHeaderTemplate", void 0);
+__decorate([
+    Template(),
+    __metadata("design:type", Object)
+], ViewDirective.prototype, "dateRangeTemplate", void 0);
+__decorate([
+    Template(),
+    __metadata("design:type", Object)
+], ViewDirective.prototype, "dayHeaderTemplate", void 0);
+__decorate([
+    Template(),
+    __metadata("design:type", Object)
+], ViewDirective.prototype, "cellHeaderTemplate", void 0);
+__decorate([
+    Template(),
+    __metadata("design:type", Object)
+], ViewDirective.prototype, "cellTemplate", void 0);
+__decorate([
+    Template(),
+    __metadata("design:type", Object)
+], ViewDirective.prototype, "eventTemplate", void 0);
+__decorate([
+    Template(),
+    __metadata("design:type", Object)
+], ViewDirective.prototype, "monthHeaderTemplate", void 0);
+__decorate([
+    Template(),
+    __metadata("design:type", Object)
+], ViewDirective.prototype, "resourceHeaderTemplate", void 0);
+__decorate([
+    Template(),
+    __metadata("design:type", Object)
+], ViewDirective.prototype, "headerIndentTemplate", void 0);
+__decorate([
+    Template(),
+    __metadata("design:type", Object)
+], ViewDirective.prototype, "timeScale_minorSlotTemplate", void 0);
+__decorate([
+    Template(),
+    __metadata("design:type", Object)
+], ViewDirective.prototype, "timeScale_majorSlotTemplate", void 0);
+__decorate([
+    Template(),
+    __metadata("design:type", Object)
+], ViewDirective.prototype, "group_headerTooltipTemplate", void 0);
+/**
+ * View Array Directive
+ */
+class ViewsDirective extends ArrayBase {
+    constructor() {
+        super('views');
+    }
+}
+ViewsDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ejs-schedule>e-views',
+                queries: {
+                    children: new ContentChildren(ViewDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
 ViewsDirective.ctorParameters = () => [];
 
-let input$1 = ['allowMultiple', 'colorField', 'cssClassField', 'dataSource', 'endHourField', 'expandedField', 'field', 'groupIDField', 'idField', 'name', 'query', 'startHourField', 'textField', 'title', 'workDaysField'];
-let outputs$1 = [];
-/**
- * `e-resources` directive represent a resources of the Angular Schedule.
- * It must be contained in a Schedule component(`ejs-schedule`).
- * ```html
- * <ejs-schedule>
- *   <e-resources>
- *    <e-resource field='RoomId' name='Rooms'></e-resource>
- *    <e-resource field='OwnerId' name='Owners'></e-resource>
- *   </e-resources>
- * </ejs-schedule>
- * ```
- */
-class ResourceDirective extends ComplexBase {
-    /**
-     * @param {?} viewContainerRef
-     */
-    constructor(viewContainerRef) {
-        super();
-        this.viewContainerRef = viewContainerRef;
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.registerEvents(outputs$1);
-        this.directivePropList = input$1;
-    }
-}
-ResourceDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'e-resources>e-resource',
-                inputs: input$1,
-                outputs: outputs$1,
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-ResourceDirective.ctorParameters = () => [
-    { type: ViewContainerRef, },
-];
-/**
- * Resource Array Directive
- */
-class ResourcesDirective extends ArrayBase {
-    constructor() {
-        super('resources');
-    }
-}
-ResourcesDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'ejs-schedule>e-resources',
-                queries: {
-                    children: new ContentChildren(ResourceDirective)
-                },
-            },] },
-];
-/**
- * @nocollapse
- */
+let input$1 = ['allowMultiple', 'colorField', 'cssClassField', 'dataSource', 'endHourField', 'expandedField', 'field', 'groupIDField', 'idField', 'name', 'query', 'startHourField', 'textField', 'title', 'workDaysField'];
+let outputs$1 = [];
+/**
+ * `e-resources` directive represent a resources of the Angular Schedule.
+ * It must be contained in a Schedule component(`ejs-schedule`).
+ * ```html
+ * <ejs-schedule>
+ *   <e-resources>
+ *    <e-resource field='RoomId' name='Rooms'></e-resource>
+ *    <e-resource field='OwnerId' name='Owners'></e-resource>
+ *   </e-resources>
+ * </ejs-schedule>
+ * ```
+ */
+class ResourceDirective extends ComplexBase {
+    /**
+     * @param {?} viewContainerRef
+     */
+    constructor(viewContainerRef) {
+        super();
+        this.viewContainerRef = viewContainerRef;
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.registerEvents(outputs$1);
+        this.directivePropList = input$1;
+    }
+}
+ResourceDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-resources>e-resource',
+                inputs: input$1,
+                outputs: outputs$1,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+ResourceDirective.ctorParameters = () => [
+    { type: ViewContainerRef, },
+];
+/**
+ * Resource Array Directive
+ */
+class ResourcesDirective extends ArrayBase {
+    constructor() {
+        super('resources');
+    }
+}
+ResourcesDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ejs-schedule>e-resources',
+                queries: {
+                    children: new ContentChildren(ResourceDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
 ResourcesDirective.ctorParameters = () => [];
 
-var __decorate$1 = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata$1 = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-let input$2 = ['option', 'template'];
-let outputs$2 = [];
-/**
- * `e-header-rows` directive represent a header rows of the Schedule.
- * It must be contained in a Schedule component(`ejs-schedule`).
- * ```html
- * <ejs-schedule>
- *   <e-header-rows>
- *    <e-header-row option='Week'></e-header-row>
- *    <e-header-row option='Date'></e-header-row>
- *   </e-header-rows>
- * </ejs-schedule>
- * ```
- */
-class HeaderRowDirective extends ComplexBase {
-    /**
-     * @param {?} viewContainerRef
-     */
-    constructor(viewContainerRef) {
-        super();
-        this.viewContainerRef = viewContainerRef;
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.registerEvents(outputs$2);
-        this.directivePropList = input$2;
-    }
-}
-HeaderRowDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'e-header-rows>e-header-row',
-                inputs: input$2,
-                outputs: outputs$2,
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-HeaderRowDirective.ctorParameters = () => [
-    { type: ViewContainerRef, },
-];
-HeaderRowDirective.propDecorators = {
-    'template': [{ type: ContentChild, args: ['template',] },],
-};
-__decorate$1([
-    Template(),
-    __metadata$1("design:type", Object)
-], HeaderRowDirective.prototype, "template", void 0);
-/**
- * HeaderRow Array Directive
- */
-class HeaderRowsDirective extends ArrayBase {
-    constructor() {
-        super('headerrows');
-    }
-}
-HeaderRowsDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'ejs-schedule>e-header-rows',
-                queries: {
-                    children: new ContentChildren(HeaderRowDirective)
-                },
-            },] },
-];
-/**
- * @nocollapse
- */
+var __decorate$1 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata$1 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+let input$2 = ['option', 'template'];
+let outputs$2 = [];
+/**
+ * `e-header-rows` directive represent a header rows of the Schedule.
+ * It must be contained in a Schedule component(`ejs-schedule`).
+ * ```html
+ * <ejs-schedule>
+ *   <e-header-rows>
+ *    <e-header-row option='Week'></e-header-row>
+ *    <e-header-row option='Date'></e-header-row>
+ *   </e-header-rows>
+ * </ejs-schedule>
+ * ```
+ */
+class HeaderRowDirective extends ComplexBase {
+    /**
+     * @param {?} viewContainerRef
+     */
+    constructor(viewContainerRef) {
+        super();
+        this.viewContainerRef = viewContainerRef;
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.registerEvents(outputs$2);
+        this.directivePropList = input$2;
+    }
+}
+HeaderRowDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-header-rows>e-header-row',
+                inputs: input$2,
+                outputs: outputs$2,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+HeaderRowDirective.ctorParameters = () => [
+    { type: ViewContainerRef, },
+];
+HeaderRowDirective.propDecorators = {
+    'template': [{ type: ContentChild, args: ['template',] },],
+};
+__decorate$1([
+    Template(),
+    __metadata$1("design:type", Object)
+], HeaderRowDirective.prototype, "template", void 0);
+/**
+ * HeaderRow Array Directive
+ */
+class HeaderRowsDirective extends ArrayBase {
+    constructor() {
+        super('headerrows');
+    }
+}
+HeaderRowsDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ejs-schedule>e-header-rows',
+                queries: {
+                    children: new ContentChildren(HeaderRowDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
 HeaderRowsDirective.ctorParameters = () => [];
 
-var __decorate$2 = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata$2 = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-let input$3 = ['align', 'cssClass', 'disabled', 'htmlAttributes', 'id', 'name', 'overflow', 'prefixIcon', 'showAlwaysInPopup', 'showTextOn', 'suffixIcon', 'tabIndex', 'template', 'text', 'tooltipText', 'type', 'visible', 'width'];
-let outputs$3 = ['click'];
-/**
- * `e-toolbaritems` directive represent a custom toolbar items of the Schedule.
- * It must be contained in a Schedule component(`ejs-schedule`).
- * ```html
- * <ejs-schedule>
- *   <e-toolbaritems>
- *    <e-toolbaritem name='Today'></<e-toolbaritem>
- *    <e-toolbaritem name='DateRangeText'></e-toolbaritem>
- *    <e-toolbaritem prefixIcon='e-icons e-cut' text='Cut'></e-toolbaritem>
- *   <e-toolbaritems>
- * </ejs-schedule>
- * ```
- */
-class ToolbarItemDirective extends ComplexBase {
-    /**
-     * @param {?} viewContainerRef
-     */
-    constructor(viewContainerRef) {
-        super();
-        this.viewContainerRef = viewContainerRef;
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.registerEvents(outputs$3);
-        this.directivePropList = input$3;
-    }
-}
-ToolbarItemDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'e-toolbaritems>e-toolbaritem',
-                inputs: input$3,
-                outputs: outputs$3,
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-ToolbarItemDirective.ctorParameters = () => [
-    { type: ViewContainerRef, },
-];
-ToolbarItemDirective.propDecorators = {
-    'template': [{ type: ContentChild, args: ['template',] },],
-};
-__decorate$2([
-    Template(),
-    __metadata$2("design:type", Object)
-], ToolbarItemDirective.prototype, "template", void 0);
-/**
- * ToolbarItem Array Directive
- */
-class ToolbarItemsDirective extends ArrayBase {
-    constructor() {
-        super('toolbaritems');
-    }
-}
-ToolbarItemsDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'ejs-schedule>e-toolbaritems',
-                queries: {
-                    children: new ContentChildren(ToolbarItemDirective)
-                },
-            },] },
-];
-/**
- * @nocollapse
- */
+var __decorate$2 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata$2 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+let input$3 = ['align', 'cssClass', 'disabled', 'htmlAttributes', 'id', 'name', 'overflow', 'prefixIcon', 'showAlwaysInPopup', 'showTextOn', 'suffixIcon', 'tabIndex', 'template', 'text', 'tooltipText', 'type', 'visible', 'width'];
+let outputs$3 = ['click'];
+/**
+ * `e-toolbaritems` directive represent a custom toolbar items of the Schedule.
+ * It must be contained in a Schedule component(`ejs-schedule`).
+ * ```html
+ * <ejs-schedule>
+ *   <e-toolbaritems>
+ *    <e-toolbaritem name='Today'></<e-toolbaritem>
+ *    <e-toolbaritem name='DateRangeText'></e-toolbaritem>
+ *    <e-toolbaritem prefixIcon='e-icons e-cut' text='Cut'></e-toolbaritem>
+ *   <e-toolbaritems>
+ * </ejs-schedule>
+ * ```
+ */
+class ToolbarItemDirective extends ComplexBase {
+    /**
+     * @param {?} viewContainerRef
+     */
+    constructor(viewContainerRef) {
+        super();
+        this.viewContainerRef = viewContainerRef;
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.registerEvents(outputs$3);
+        this.directivePropList = input$3;
+    }
+}
+ToolbarItemDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-toolbaritems>e-toolbaritem',
+                inputs: input$3,
+                outputs: outputs$3,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+ToolbarItemDirective.ctorParameters = () => [
+    { type: ViewContainerRef, },
+];
+ToolbarItemDirective.propDecorators = {
+    'template': [{ type: ContentChild, args: ['template',] },],
+};
+__decorate$2([
+    Template(),
+    __metadata$2("design:type", Object)
+], ToolbarItemDirective.prototype, "template", void 0);
+/**
+ * ToolbarItem Array Directive
+ */
+class ToolbarItemsDirective extends ArrayBase {
+    constructor() {
+        super('toolbaritems');
+    }
+}
+ToolbarItemsDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ejs-schedule>e-toolbaritems',
+                queries: {
+                    children: new ContentChildren(ToolbarItemDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
 ToolbarItemsDirective.ctorParameters = () => [];
 
-var __decorate$3 = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata$3 = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-const inputs = ['agendaDaysCount', 'allowClipboard', 'allowDragAndDrop', 'allowInline', 'allowKeyboardInteraction', 'allowMultiCellSelection', 'allowMultiDrag', 'allowMultiRowSelection', 'allowOverlap', 'allowResizing', 'allowSwiping', 'calendarMode', 'cellHeaderTemplate', 'cellTemplate', 'cssClass', 'currentView', 'dateFormat', 'dateHeaderTemplate', 'dateRangeTemplate', 'dayHeaderTemplate', 'editorFooterTemplate', 'editorHeaderTemplate', 'editorTemplate', 'enableAdaptiveUI', 'enableAllDayScroll', 'enableHtmlSanitizer', 'enablePersistence', 'enableRecurrenceValidation', 'enableRtl', 'endHour', 'eventDragArea', 'eventSettings', 'firstDayOfWeek', 'firstMonthOfYear', 'group', 'headerIndentTemplate', 'headerRows', 'height', 'hideEmptyAgendaDays', 'locale', 'maxDate', 'minDate', 'monthHeaderTemplate', 'monthsCount', 'overscanCount', 'quickInfoOnSelectionEnd', 'quickInfoTemplates', 'readonly', 'resourceHeaderTemplate', 'resources', 'rowAutoHeight', 'selectedDate', 'showHeaderBar', 'showQuickInfo', 'showTimeIndicator', 'showWeekNumber', 'showWeekend', 'startHour', 'timeFormat', 'timeScale', 'timezone', 'timezoneDataSource', 'toolbarItems', 'views', 'weekRule', 'width', 'workDays', 'workHours'];
-const outputs$4 = ['actionBegin', 'actionComplete', 'actionFailure', 'beforePaste', 'beforePrint', 'cellClick', 'cellDoubleClick', 'created', 'dataBinding', 'dataBound', 'destroyed', 'drag', 'dragStart', 'dragStop', 'eventClick', 'eventDoubleClick', 'eventRendered', 'excelExport', 'hover', 'moreEventsClick', 'navigating', 'popupClose', 'popupOpen', 'renderCell', 'resizeStart', 'resizeStop', 'resizing', 'select', 'tooltipOpen', 'virtualScrollStart', 'virtualScrollStop', 'currentViewChange', 'selectedDateChange'];
-const twoWays = ['currentView', 'selectedDate'];
-/**
- * `ej-schedule` represents the Angular Schedule Component.
- * ```html
- * <ejs-schedule></ejs-schedule>
- * ```
- */
-let ScheduleComponent = class ScheduleComponent extends Schedule {
-    /**
-     * @param {?} ngEle
-     * @param {?} srenderer
-     * @param {?} viewContainerRef
-     * @param {?} injector
-     */
-    constructor(ngEle, srenderer, viewContainerRef, injector) {
-        super();
-        this.ngEle = ngEle;
-        this.srenderer = srenderer;
-        this.viewContainerRef = viewContainerRef;
-        this.injector = injector;
-        this.tags = ['views', 'resources', 'headerRows', 'toolbarItems'];
-        this.element = this.ngEle.nativeElement;
-        this.injectedModules = this.injectedModules || [];
-        try {
-            let mod = this.injector.get('ScheduleDay');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_a) { }
-        try {
-            let mod = this.injector.get('ScheduleWeek');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_b) { }
-        try {
-            let mod = this.injector.get('ScheduleWorkWeek');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_c) { }
-        try {
-            let mod = this.injector.get('ScheduleMonth');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_d) { }
-        try {
-            let mod = this.injector.get('ScheduleYear');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_e) { }
-        try {
-            let mod = this.injector.get('ScheduleAgenda');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_f) { }
-        try {
-            let mod = this.injector.get('ScheduleMonthAgenda');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_g) { }
-        try {
-            let mod = this.injector.get('ScheduleTimelineViews');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_h) { }
-        try {
-            let mod = this.injector.get('ScheduleTimelineMonth');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_j) { }
-        try {
-            let mod = this.injector.get('ScheduleTimelineYear');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_k) { }
-        try {
-            let mod = this.injector.get('ScheduleResize');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_l) { }
-        try {
-            let mod = this.injector.get('ScheduleDragAndDrop');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_m) { }
-        try {
-            let mod = this.injector.get('ScheduleExcelExport');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_o) { }
-        try {
-            let mod = this.injector.get('ScheduleICalendarExport');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_p) { }
-        try {
-            let mod = this.injector.get('ScheduleICalendarImport');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_q) { }
-        try {
-            let mod = this.injector.get('SchedulePrint');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_r) { }
-        this.registerEvents(outputs$4);
-        this.addTwoWay.call(this, twoWays);
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.context = new ComponentBase();
-    }
-    /**
-     * @return {?}
-     */
-    ngOnInit() {
-        this.context.ngOnInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterViewInit() {
-        this.context.ngAfterViewInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngOnDestroy() {
-        this.context.ngOnDestroy(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterContentChecked() {
-        this.tagObjects[0].instance = this.childViews;
-        if (this.childResources) {
-            this.tagObjects[1].instance = this.childResources;
-        }
-        if (this.childHeaderRows) {
-            this.tagObjects[2].instance = this.childHeaderRows;
-        }
-        if (this.childToolbarItems) {
-            this.tagObjects[3].instance = this.childToolbarItems;
-        }
-        this.context.ngAfterContentChecked(this);
-    }
-};
-ScheduleComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ejs-schedule',
-                inputs: inputs,
-                outputs: outputs$4,
-                template: '',
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                queries: {
-                    childViews: new ContentChild(ViewsDirective),
-                    childResources: new ContentChild(ResourcesDirective),
-                    childHeaderRows: new ContentChild(HeaderRowsDirective),
-                    childToolbarItems: new ContentChild(ToolbarItemsDirective)
-                }
-            },] },
-];
-/**
- * @nocollapse
- */
-ScheduleComponent.ctorParameters = () => [
-    { type: ElementRef, },
-    { type: Renderer2, },
-    { type: ViewContainerRef, },
-    { type: Injector, },
-];
-ScheduleComponent.propDecorators = {
-    'dateHeaderTemplate': [{ type: ContentChild, args: ['dateHeaderTemplate',] },],
-    'dateRangeTemplate': [{ type: ContentChild, args: ['dateRangeTemplate',] },],
-    'dayHeaderTemplate': [{ type: ContentChild, args: ['dayHeaderTemplate',] },],
-    'cellTemplate': [{ type: ContentChild, args: ['cellTemplate',] },],
-    'cellHeaderTemplate': [{ type: ContentChild, args: ['cellHeaderTemplate',] },],
-    'eventSettings_tooltipTemplate': [{ type: ContentChild, args: ['eventSettingsTooltipTemplate',] },],
-    'eventSettings_template': [{ type: ContentChild, args: ['eventSettingsTemplate',] },],
-    'editorTemplate': [{ type: ContentChild, args: ['editorTemplate',] },],
-    'editorHeaderTemplate': [{ type: ContentChild, args: ['editorHeaderTemplate',] },],
-    'editorFooterTemplate': [{ type: ContentChild, args: ['editorFooterTemplate',] },],
-    'monthHeaderTemplate': [{ type: ContentChild, args: ['monthHeaderTemplate',] },],
-    'timeScale_minorSlotTemplate': [{ type: ContentChild, args: ['timeScaleMinorSlotTemplate',] },],
-    'timeScale_majorSlotTemplate': [{ type: ContentChild, args: ['timeScaleMajorSlotTemplate',] },],
-    'resourceHeaderTemplate': [{ type: ContentChild, args: ['resourceHeaderTemplate',] },],
-    'headerIndentTemplate': [{ type: ContentChild, args: ['headerIndentTemplate',] },],
-    'quickInfoTemplates_header': [{ type: ContentChild, args: ['quickInfoTemplatesHeader',] },],
-    'quickInfoTemplates_content': [{ type: ContentChild, args: ['quickInfoTemplatesContent',] },],
-    'quickInfoTemplates_footer': [{ type: ContentChild, args: ['quickInfoTemplatesFooter',] },],
-    'group_headerTooltipTemplate': [{ type: ContentChild, args: ['groupHeaderTooltipTemplate',] },],
-};
-__decorate$3([
-    Template(),
-    __metadata$3("design:type", Object)
-], ScheduleComponent.prototype, "dateHeaderTemplate", void 0);
-__decorate$3([
-    Template(),
-    __metadata$3("design:type", Object)
-], ScheduleComponent.prototype, "dateRangeTemplate", void 0);
-__decorate$3([
-    Template(),
-    __metadata$3("design:type", Object)
-], ScheduleComponent.prototype, "dayHeaderTemplate", void 0);
-__decorate$3([
-    Template(),
-    __metadata$3("design:type", Object)
-], ScheduleComponent.prototype, "cellTemplate", void 0);
-__decorate$3([
-    Template(),
-    __metadata$3("design:type", Object)
-], ScheduleComponent.prototype, "cellHeaderTemplate", void 0);
-__decorate$3([
-    Template(),
-    __metadata$3("design:type", Object)
-], ScheduleComponent.prototype, "eventSettings_tooltipTemplate", void 0);
-__decorate$3([
-    Template(),
-    __metadata$3("design:type", Object)
-], ScheduleComponent.prototype, "eventSettings_template", void 0);
-__decorate$3([
-    Template(),
-    __metadata$3("design:type", Object)
-], ScheduleComponent.prototype, "editorTemplate", void 0);
-__decorate$3([
-    Template(),
-    __metadata$3("design:type", Object)
-], ScheduleComponent.prototype, "editorHeaderTemplate", void 0);
-__decorate$3([
-    Template(),
-    __metadata$3("design:type", Object)
-], ScheduleComponent.prototype, "editorFooterTemplate", void 0);
-__decorate$3([
-    Template(),
-    __metadata$3("design:type", Object)
-], ScheduleComponent.prototype, "monthHeaderTemplate", void 0);
-__decorate$3([
-    Template(),
-    __metadata$3("design:type", Object)
-], ScheduleComponent.prototype, "timeScale_minorSlotTemplate", void 0);
-__decorate$3([
-    Template(),
-    __metadata$3("design:type", Object)
-], ScheduleComponent.prototype, "timeScale_majorSlotTemplate", void 0);
-__decorate$3([
-    Template(),
-    __metadata$3("design:type", Object)
-], ScheduleComponent.prototype, "resourceHeaderTemplate", void 0);
-__decorate$3([
-    Template(),
-    __metadata$3("design:type", Object)
-], ScheduleComponent.prototype, "headerIndentTemplate", void 0);
-__decorate$3([
-    Template(),
-    __metadata$3("design:type", Object)
-], ScheduleComponent.prototype, "quickInfoTemplates_header", void 0);
-__decorate$3([
-    Template(),
-    __metadata$3("design:type", Object)
-], ScheduleComponent.prototype, "quickInfoTemplates_content", void 0);
-__decorate$3([
-    Template(),
-    __metadata$3("design:type", Object)
-], ScheduleComponent.prototype, "quickInfoTemplates_footer", void 0);
-__decorate$3([
-    Template(),
-    __metadata$3("design:type", Object)
-], ScheduleComponent.prototype, "group_headerTooltipTemplate", void 0);
-ScheduleComponent = __decorate$3([
-    ComponentMixins([ComponentBase]),
-    __metadata$3("design:paramtypes", [ElementRef,
-        Renderer2,
-        ViewContainerRef,
-        Injector])
+var __decorate$3 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata$3 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+const inputs = ['agendaDaysCount', 'allowClipboard', 'allowDragAndDrop', 'allowInline', 'allowKeyboardInteraction', 'allowMultiCellSelection', 'allowMultiDrag', 'allowMultiRowSelection', 'allowOverlap', 'allowResizing', 'allowSwiping', 'calendarMode', 'cellHeaderTemplate', 'cellTemplate', 'cssClass', 'currentView', 'dateFormat', 'dateHeaderTemplate', 'dateRangeTemplate', 'dayHeaderTemplate', 'editorFooterTemplate', 'editorHeaderTemplate', 'editorTemplate', 'enableAdaptiveUI', 'enableAllDayScroll', 'enableHtmlSanitizer', 'enablePersistence', 'enableRecurrenceValidation', 'enableRtl', 'endHour', 'eventDragArea', 'eventSettings', 'firstDayOfWeek', 'firstMonthOfYear', 'group', 'headerIndentTemplate', 'headerRows', 'height', 'hideEmptyAgendaDays', 'locale', 'maxDate', 'minDate', 'monthHeaderTemplate', 'monthsCount', 'overscanCount', 'quickInfoOnSelectionEnd', 'quickInfoTemplates', 'readonly', 'resourceHeaderTemplate', 'resources', 'rowAutoHeight', 'selectedDate', 'showHeaderBar', 'showQuickInfo', 'showTimeIndicator', 'showWeekNumber', 'showWeekend', 'startHour', 'timeFormat', 'timeScale', 'timezone', 'timezoneDataSource', 'toolbarItems', 'views', 'weekRule', 'width', 'workDays', 'workHours'];
+const outputs$4 = ['actionBegin', 'actionComplete', 'actionFailure', 'beforePaste', 'beforePrint', 'cellClick', 'cellDoubleClick', 'created', 'dataBinding', 'dataBound', 'destroyed', 'drag', 'dragStart', 'dragStop', 'eventClick', 'eventDoubleClick', 'eventRendered', 'excelExport', 'hover', 'moreEventsClick', 'navigating', 'popupClose', 'popupOpen', 'renderCell', 'resizeStart', 'resizeStop', 'resizing', 'select', 'tooltipOpen', 'virtualScrollStart', 'virtualScrollStop', 'currentViewChange', 'selectedDateChange'];
+const twoWays = ['currentView', 'selectedDate'];
+/**
+ * `ej-schedule` represents the Angular Schedule Component.
+ * ```html
+ * <ejs-schedule></ejs-schedule>
+ * ```
+ */
+let ScheduleComponent = class ScheduleComponent extends Schedule {
+    /**
+     * @param {?} ngEle
+     * @param {?} srenderer
+     * @param {?} viewContainerRef
+     * @param {?} injector
+     */
+    constructor(ngEle, srenderer, viewContainerRef, injector) {
+        super();
+        this.ngEle = ngEle;
+        this.srenderer = srenderer;
+        this.viewContainerRef = viewContainerRef;
+        this.injector = injector;
+        this.tags = ['views', 'resources', 'headerRows', 'toolbarItems'];
+        this.element = this.ngEle.nativeElement;
+        this.injectedModules = this.injectedModules || [];
+        try {
+            let mod = this.injector.get('ScheduleDay');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_a) { }
+        try {
+            let mod = this.injector.get('ScheduleWeek');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_b) { }
+        try {
+            let mod = this.injector.get('ScheduleWorkWeek');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_c) { }
+        try {
+            let mod = this.injector.get('ScheduleMonth');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_d) { }
+        try {
+            let mod = this.injector.get('ScheduleYear');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_e) { }
+        try {
+            let mod = this.injector.get('ScheduleAgenda');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_f) { }
+        try {
+            let mod = this.injector.get('ScheduleMonthAgenda');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_g) { }
+        try {
+            let mod = this.injector.get('ScheduleTimelineViews');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_h) { }
+        try {
+            let mod = this.injector.get('ScheduleTimelineMonth');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_j) { }
+        try {
+            let mod = this.injector.get('ScheduleTimelineYear');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_k) { }
+        try {
+            let mod = this.injector.get('ScheduleResize');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_l) { }
+        try {
+            let mod = this.injector.get('ScheduleDragAndDrop');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_m) { }
+        try {
+            let mod = this.injector.get('ScheduleExcelExport');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_o) { }
+        try {
+            let mod = this.injector.get('ScheduleICalendarExport');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_p) { }
+        try {
+            let mod = this.injector.get('ScheduleICalendarImport');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_q) { }
+        try {
+            let mod = this.injector.get('SchedulePrint');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_r) { }
+        this.registerEvents(outputs$4);
+        this.addTwoWay.call(this, twoWays);
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.context = new ComponentBase();
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        this.context.ngOnInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterViewInit() {
+        this.context.ngAfterViewInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngOnDestroy() {
+        this.context.ngOnDestroy(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterContentChecked() {
+        this.tagObjects[0].instance = this.childViews;
+        if (this.childResources) {
+            this.tagObjects[1].instance = this.childResources;
+        }
+        if (this.childHeaderRows) {
+            this.tagObjects[2].instance = this.childHeaderRows;
+        }
+        if (this.childToolbarItems) {
+            this.tagObjects[3].instance = this.childToolbarItems;
+        }
+        this.context.ngAfterContentChecked(this);
+    }
+};
+ScheduleComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-schedule',
+                inputs: inputs,
+                outputs: outputs$4,
+                template: '',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                queries: {
+                    childViews: new ContentChild(ViewsDirective),
+                    childResources: new ContentChild(ResourcesDirective),
+                    childHeaderRows: new ContentChild(HeaderRowsDirective),
+                    childToolbarItems: new ContentChild(ToolbarItemsDirective)
+                }
+            },] },
+];
+/**
+ * @nocollapse
+ */
+ScheduleComponent.ctorParameters = () => [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+];
+ScheduleComponent.propDecorators = {
+    'dateHeaderTemplate': [{ type: ContentChild, args: ['dateHeaderTemplate',] },],
+    'dateRangeTemplate': [{ type: ContentChild, args: ['dateRangeTemplate',] },],
+    'dayHeaderTemplate': [{ type: ContentChild, args: ['dayHeaderTemplate',] },],
+    'cellTemplate': [{ type: ContentChild, args: ['cellTemplate',] },],
+    'cellHeaderTemplate': [{ type: ContentChild, args: ['cellHeaderTemplate',] },],
+    'eventSettings_tooltipTemplate': [{ type: ContentChild, args: ['eventSettingsTooltipTemplate',] },],
+    'eventSettings_template': [{ type: ContentChild, args: ['eventSettingsTemplate',] },],
+    'editorTemplate': [{ type: ContentChild, args: ['editorTemplate',] },],
+    'editorHeaderTemplate': [{ type: ContentChild, args: ['editorHeaderTemplate',] },],
+    'editorFooterTemplate': [{ type: ContentChild, args: ['editorFooterTemplate',] },],
+    'monthHeaderTemplate': [{ type: ContentChild, args: ['monthHeaderTemplate',] },],
+    'timeScale_minorSlotTemplate': [{ type: ContentChild, args: ['timeScaleMinorSlotTemplate',] },],
+    'timeScale_majorSlotTemplate': [{ type: ContentChild, args: ['timeScaleMajorSlotTemplate',] },],
+    'resourceHeaderTemplate': [{ type: ContentChild, args: ['resourceHeaderTemplate',] },],
+    'headerIndentTemplate': [{ type: ContentChild, args: ['headerIndentTemplate',] },],
+    'quickInfoTemplates_header': [{ type: ContentChild, args: ['quickInfoTemplatesHeader',] },],
+    'quickInfoTemplates_content': [{ type: ContentChild, args: ['quickInfoTemplatesContent',] },],
+    'quickInfoTemplates_footer': [{ type: ContentChild, args: ['quickInfoTemplatesFooter',] },],
+    'group_headerTooltipTemplate': [{ type: ContentChild, args: ['groupHeaderTooltipTemplate',] },],
+};
+__decorate$3([
+    Template(),
+    __metadata$3("design:type", Object)
+], ScheduleComponent.prototype, "dateHeaderTemplate", void 0);
+__decorate$3([
+    Template(),
+    __metadata$3("design:type", Object)
+], ScheduleComponent.prototype, "dateRangeTemplate", void 0);
+__decorate$3([
+    Template(),
+    __metadata$3("design:type", Object)
+], ScheduleComponent.prototype, "dayHeaderTemplate", void 0);
+__decorate$3([
+    Template(),
+    __metadata$3("design:type", Object)
+], ScheduleComponent.prototype, "cellTemplate", void 0);
+__decorate$3([
+    Template(),
+    __metadata$3("design:type", Object)
+], ScheduleComponent.prototype, "cellHeaderTemplate", void 0);
+__decorate$3([
+    Template(),
+    __metadata$3("design:type", Object)
+], ScheduleComponent.prototype, "eventSettings_tooltipTemplate", void 0);
+__decorate$3([
+    Template(),
+    __metadata$3("design:type", Object)
+], ScheduleComponent.prototype, "eventSettings_template", void 0);
+__decorate$3([
+    Template(),
+    __metadata$3("design:type", Object)
+], ScheduleComponent.prototype, "editorTemplate", void 0);
+__decorate$3([
+    Template(),
+    __metadata$3("design:type", Object)
+], ScheduleComponent.prototype, "editorHeaderTemplate", void 0);
+__decorate$3([
+    Template(),
+    __metadata$3("design:type", Object)
+], ScheduleComponent.prototype, "editorFooterTemplate", void 0);
+__decorate$3([
+    Template(),
+    __metadata$3("design:type", Object)
+], ScheduleComponent.prototype, "monthHeaderTemplate", void 0);
+__decorate$3([
+    Template(),
+    __metadata$3("design:type", Object)
+], ScheduleComponent.prototype, "timeScale_minorSlotTemplate", void 0);
+__decorate$3([
+    Template(),
+    __metadata$3("design:type", Object)
+], ScheduleComponent.prototype, "timeScale_majorSlotTemplate", void 0);
+__decorate$3([
+    Template(),
+    __metadata$3("design:type", Object)
+], ScheduleComponent.prototype, "resourceHeaderTemplate", void 0);
+__decorate$3([
+    Template(),
+    __metadata$3("design:type", Object)
+], ScheduleComponent.prototype, "headerIndentTemplate", void 0);
+__decorate$3([
+    Template(),
+    __metadata$3("design:type", Object)
+], ScheduleComponent.prototype, "quickInfoTemplates_header", void 0);
+__decorate$3([
+    Template(),
+    __metadata$3("design:type", Object)
+], ScheduleComponent.prototype, "quickInfoTemplates_content", void 0);
+__decorate$3([
+    Template(),
+    __metadata$3("design:type", Object)
+], ScheduleComponent.prototype, "quickInfoTemplates_footer", void 0);
+__decorate$3([
+    Template(),
+    __metadata$3("design:type", Object)
+], ScheduleComponent.prototype, "group_headerTooltipTemplate", void 0);
+ScheduleComponent = __decorate$3([
+    ComponentMixins([ComponentBase]),
+    __metadata$3("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector])
 ], ScheduleComponent);
 
-/**
- * NgModule definition for the Schedule component.
- */
-class ScheduleModule {
-}
-ScheduleModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    ScheduleComponent,
-                    ViewDirective,
-                    ViewsDirective,
-                    ResourceDirective,
-                    ResourcesDirective,
-                    HeaderRowDirective,
-                    HeaderRowsDirective,
-                    ToolbarItemDirective,
-                    ToolbarItemsDirective
-                ],
-                exports: [
-                    ScheduleComponent,
-                    ViewDirective,
-                    ViewsDirective,
-                    ResourceDirective,
-                    ResourcesDirective,
-                    HeaderRowDirective,
-                    HeaderRowsDirective,
-                    ToolbarItemDirective,
-                    ToolbarItemsDirective
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the Schedule component.
+ */
+class ScheduleModule {
+}
+ScheduleModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    ScheduleComponent,
+                    ViewDirective,
+                    ViewsDirective,
+                    ResourceDirective,
+                    ResourcesDirective,
+                    HeaderRowDirective,
+                    HeaderRowsDirective,
+                    ToolbarItemDirective,
+                    ToolbarItemsDirective
+                ],
+                exports: [
+                    ScheduleComponent,
+                    ViewDirective,
+                    ViewsDirective,
+                    ResourceDirective,
+                    ResourcesDirective,
+                    HeaderRowDirective,
+                    HeaderRowsDirective,
+                    ToolbarItemDirective,
+                    ToolbarItemsDirective
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 ScheduleModule.ctorParameters = () => [];
 
-const DayService = { provide: 'ScheduleDay', useValue: Day };
-const WeekService = { provide: 'ScheduleWeek', useValue: Week };
-const WorkWeekService = { provide: 'ScheduleWorkWeek', useValue: WorkWeek };
-const MonthService = { provide: 'ScheduleMonth', useValue: Month };
-const YearService = { provide: 'ScheduleYear', useValue: Year };
-const AgendaService = { provide: 'ScheduleAgenda', useValue: Agenda };
-const MonthAgendaService = { provide: 'ScheduleMonthAgenda', useValue: MonthAgenda };
-const TimelineViewsService = { provide: 'ScheduleTimelineViews', useValue: TimelineViews };
-const TimelineMonthService = { provide: 'ScheduleTimelineMonth', useValue: TimelineMonth };
-const TimelineYearService = { provide: 'ScheduleTimelineYear', useValue: TimelineYear };
-const ResizeService = { provide: 'ScheduleResize', useValue: Resize };
-const DragAndDropService = { provide: 'ScheduleDragAndDrop', useValue: DragAndDrop };
-const ExcelExportService = { provide: 'ScheduleExcelExport', useValue: ExcelExport };
-const ICalendarExportService = { provide: 'ScheduleICalendarExport', useValue: ICalendarExport };
-const ICalendarImportService = { provide: 'ScheduleICalendarImport', useValue: ICalendarImport };
-const PrintService = { provide: 'SchedulePrint', useValue: Print };
-/**
- * NgModule definition for the Schedule component with providers.
- */
-class ScheduleAllModule {
-}
-ScheduleAllModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, ScheduleModule],
-                exports: [
-                    ScheduleModule
-                ],
-                providers: [
-                    DayService,
-                    WeekService,
-                    WorkWeekService,
-                    MonthService,
-                    YearService,
-                    AgendaService,
-                    MonthAgendaService,
-                    TimelineViewsService,
-                    TimelineMonthService,
-                    TimelineYearService,
-                    ResizeService,
-                    DragAndDropService,
-                    ExcelExportService,
-                    ICalendarExportService,
-                    ICalendarImportService,
-                    PrintService
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+const DayService = { provide: 'ScheduleDay', useValue: Day };
+const WeekService = { provide: 'ScheduleWeek', useValue: Week };
+const WorkWeekService = { provide: 'ScheduleWorkWeek', useValue: WorkWeek };
+const MonthService = { provide: 'ScheduleMonth', useValue: Month };
+const YearService = { provide: 'ScheduleYear', useValue: Year };
+const AgendaService = { provide: 'ScheduleAgenda', useValue: Agenda };
+const MonthAgendaService = { provide: 'ScheduleMonthAgenda', useValue: MonthAgenda };
+const TimelineViewsService = { provide: 'ScheduleTimelineViews', useValue: TimelineViews };
+const TimelineMonthService = { provide: 'ScheduleTimelineMonth', useValue: TimelineMonth };
+const TimelineYearService = { provide: 'ScheduleTimelineYear', useValue: TimelineYear };
+const ResizeService = { provide: 'ScheduleResize', useValue: Resize };
+const DragAndDropService = { provide: 'ScheduleDragAndDrop', useValue: DragAndDrop };
+const ExcelExportService = { provide: 'ScheduleExcelExport', useValue: ExcelExport };
+const ICalendarExportService = { provide: 'ScheduleICalendarExport', useValue: ICalendarExport };
+const ICalendarImportService = { provide: 'ScheduleICalendarImport', useValue: ICalendarImport };
+const PrintService = { provide: 'SchedulePrint', useValue: Print };
+/**
+ * NgModule definition for the Schedule component with providers.
+ */
+class ScheduleAllModule {
+}
+ScheduleAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, ScheduleModule],
+                exports: [
+                    ScheduleModule
+                ],
+                providers: [
+                    DayService,
+                    WeekService,
+                    WorkWeekService,
+                    MonthService,
+                    YearService,
+                    AgendaService,
+                    MonthAgendaService,
+                    TimelineViewsService,
+                    TimelineMonthService,
+                    TimelineYearService,
+                    ResizeService,
+                    DragAndDropService,
+                    ExcelExportService,
+                    ICalendarExportService,
+                    ICalendarImportService,
+                    PrintService
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 ScheduleAllModule.ctorParameters = () => [];
 
-var __decorate$4 = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata$4 = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-const inputs$1 = ['calendarMode', 'cssClass', 'dateFormat', 'enablePersistence', 'enableRtl', 'endTypes', 'firstDayOfWeek', 'frequencies', 'locale', 'maxDate', 'minDate', 'selectedType', 'startDate', 'value'];
-const outputs$5 = ['change', 'created', 'destroyed'];
-const twoWays$1 = [];
-/**
- * `ejs-recurrenceeditor` represents the Angular RecurrenceEditor Component.
- * ```html
- * <ejs-recurrenceeditor></ejs-recurrenceeditor>
- * ```
- */
-let RecurrenceEditorComponent = class RecurrenceEditorComponent extends RecurrenceEditor {
-    /**
-     * @param {?} ngEle
-     * @param {?} srenderer
-     * @param {?} viewContainerRef
-     * @param {?} injector
-     */
-    constructor(ngEle, srenderer, viewContainerRef, injector) {
-        super();
-        this.ngEle = ngEle;
-        this.srenderer = srenderer;
-        this.viewContainerRef = viewContainerRef;
-        this.injector = injector;
-        this.element = this.ngEle.nativeElement;
-        this.injectedModules = this.injectedModules || [];
-        this.registerEvents(outputs$5);
-        this.addTwoWay.call(this, twoWays$1);
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.context = new ComponentBase();
-    }
-    /**
-     * @return {?}
-     */
-    ngOnInit() {
-        this.context.ngOnInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterViewInit() {
-        this.context.ngAfterViewInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngOnDestroy() {
-        this.context.ngOnDestroy(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterContentChecked() {
-        this.context.ngAfterContentChecked(this);
-    }
-};
-RecurrenceEditorComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ejs-recurrenceeditor',
-                inputs: inputs$1,
-                outputs: outputs$5,
-                template: '',
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-RecurrenceEditorComponent.ctorParameters = () => [
-    { type: ElementRef, },
-    { type: Renderer2, },
-    { type: ViewContainerRef, },
-    { type: Injector, },
-];
-RecurrenceEditorComponent = __decorate$4([
-    ComponentMixins([ComponentBase]),
-    __metadata$4("design:paramtypes", [ElementRef,
-        Renderer2,
-        ViewContainerRef,
-        Injector])
+var __decorate$4 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata$4 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+const inputs$1 = ['calendarMode', 'cssClass', 'dateFormat', 'enablePersistence', 'enableRtl', 'endTypes', 'firstDayOfWeek', 'frequencies', 'locale', 'maxDate', 'minDate', 'selectedType', 'startDate', 'value'];
+const outputs$5 = ['change', 'created', 'destroyed'];
+const twoWays$1 = [];
+/**
+ * `ejs-recurrenceeditor` represents the Angular RecurrenceEditor Component.
+ * ```html
+ * <ejs-recurrenceeditor></ejs-recurrenceeditor>
+ * ```
+ */
+let RecurrenceEditorComponent = class RecurrenceEditorComponent extends RecurrenceEditor {
+    /**
+     * @param {?} ngEle
+     * @param {?} srenderer
+     * @param {?} viewContainerRef
+     * @param {?} injector
+     */
+    constructor(ngEle, srenderer, viewContainerRef, injector) {
+        super();
+        this.ngEle = ngEle;
+        this.srenderer = srenderer;
+        this.viewContainerRef = viewContainerRef;
+        this.injector = injector;
+        this.element = this.ngEle.nativeElement;
+        this.injectedModules = this.injectedModules || [];
+        this.registerEvents(outputs$5);
+        this.addTwoWay.call(this, twoWays$1);
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.context = new ComponentBase();
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        this.context.ngOnInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterViewInit() {
+        this.context.ngAfterViewInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngOnDestroy() {
+        this.context.ngOnDestroy(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterContentChecked() {
+        this.context.ngAfterContentChecked(this);
+    }
+};
+RecurrenceEditorComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-recurrenceeditor',
+                inputs: inputs$1,
+                outputs: outputs$5,
+                template: '',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+RecurrenceEditorComponent.ctorParameters = () => [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+];
+RecurrenceEditorComponent = __decorate$4([
+    ComponentMixins([ComponentBase]),
+    __metadata$4("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector])
 ], RecurrenceEditorComponent);
 
-/**
- * NgModule definition for the RecurrenceEditor component.
- */
-class RecurrenceEditorModule {
-}
-RecurrenceEditorModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    RecurrenceEditorComponent
-                ],
-                exports: [
-                    RecurrenceEditorComponent
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the RecurrenceEditor component.
+ */
+class RecurrenceEditorModule {
+}
+RecurrenceEditorModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    RecurrenceEditorComponent
+                ],
+                exports: [
+                    RecurrenceEditorComponent
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 RecurrenceEditorModule.ctorParameters = () => [];
 
-/**
- * NgModule definition for the RecurrenceEditor component with providers.
- */
-class RecurrenceEditorAllModule {
-}
-RecurrenceEditorAllModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, RecurrenceEditorModule],
-                exports: [
-                    RecurrenceEditorModule
-                ],
-                providers: []
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the RecurrenceEditor component with providers.
+ */
+class RecurrenceEditorAllModule {
+}
+RecurrenceEditorAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, RecurrenceEditorModule],
+                exports: [
+                    RecurrenceEditorModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
 RecurrenceEditorAllModule.ctorParameters = () => [];
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { ViewDirective, ViewsDirective, ResourceDirective, ResourcesDirective, HeaderRowDirective, HeaderRowsDirective, ToolbarItemDirective, ToolbarItemsDirective, ScheduleComponent, ScheduleModule, ScheduleAllModule, DayService, WeekService, WorkWeekService, MonthService, YearService, AgendaService, MonthAgendaService, TimelineViewsService, TimelineMonthService, TimelineYearService, ResizeService, DragAndDropService, ExcelExportService, ICalendarExportService, ICalendarImportService, PrintService, RecurrenceEditorComponent, RecurrenceEditorModule, RecurrenceEditorAllModule, inputs$1 as ɵc, outputs$5 as ɵd, inputs as ɵa, outputs$4 as ɵb };