@syncfusion/ej2-angular-schedule 23.2.7-ngcc → 24.1.41-ngcc

package/dist/ej2-angular-schedule.umd.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-schedule.umd.js
-*  version : 23.2.7
+*  version : 24.1.41
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing
@@ -37,7 +37,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
-var input = ['allowVirtualScrolling', 'cellHeaderTemplate', 'cellTemplate', 'dateFormat', 'dateHeaderTemplate', 'dateRangeTemplate', 'dayHeaderTemplate', 'displayDate', 'displayName', 'enableLazyLoading', 'endHour', 'eventTemplate', 'firstDayOfWeek', 'firstMonthOfYear', 'group', 'headerIndentTemplate', 'headerRows', 'interval', 'isSelected', 'monthHeaderTemplate', 'monthsCount', 'numberOfWeeks', 'option', 'orientation', 'readonly', 'resourceHeaderTemplate', 'showWeekNumber', 'showWeekend', 'startHour', 'timeFormat', 'timeScale', 'workDays'];
+var input = ['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', 'readonly', 'resourceHeaderTemplate', 'showWeekNumber', 'showWeekend', 'startHour', 'timeFormat', 'timeScale', 'workDays'];
 var outputs = [];
 /**
  * `e-views` directive represent a view of the Angular Schedule.
@@ -329,8 +329,95 @@ var __metadata$2 = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
-var inputs = ['agendaDaysCount', 'allowDragAndDrop', 'allowInline', 'allowKeyboardInteraction', 'allowMultiCellSelection', 'allowMultiDrag', 'allowMultiRowSelection', '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', 'quickInfoOnSelectionEnd', 'quickInfoTemplates', 'readonly', 'resourceHeaderTemplate', 'resources', 'rowAutoHeight', 'selectedDate', 'showHeaderBar', 'showQuickInfo', 'showTimeIndicator', 'showWeekNumber', 'showWeekend', 'startHour', 'timeFormat', 'timeScale', 'timezone', 'timezoneDataSource', 'views', 'weekRule', 'width', 'workDays', 'workHours'];
-var outputs$3 = ['actionBegin', 'actionComplete', 'actionFailure', 'cellClick', 'cellDoubleClick', 'created', 'dataBinding', 'dataBound', 'destroyed', 'drag', 'dragStart', 'dragStop', 'eventClick', 'eventDoubleClick', 'eventRendered', 'hover', 'moreEventsClick', 'navigating', 'popupClose', 'popupOpen', 'renderCell', 'resizeStart', 'resizeStop', 'resizing', 'select', 'virtualScrollStart', 'virtualScrollStop', 'currentViewChange', 'selectedDateChange'];
+var input$3 = ['align', 'cssClass', 'disabled', 'htmlAttributes', 'id', 'name', 'overflow', 'prefixIcon', 'showAlwaysInPopup', 'showTextOn', 'suffixIcon', 'tabIndex', 'template', 'text', 'tooltipText', 'type', 'visible', 'width'];
+var 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>
+ * ```
+ */
+var ToolbarItemDirective = /** @class */ (function (_super) {
+    __extends(ToolbarItemDirective, _super);
+    /**
+     * @param {?} viewContainerRef
+     */
+    function ToolbarItemDirective(viewContainerRef) {
+        var _this = _super.call(this) || this;
+        _this.viewContainerRef = viewContainerRef;
+        ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.registerEvents(outputs$3);
+        _this.directivePropList = input$3;
+        return _this;
+    }
+    return ToolbarItemDirective;
+}(ej2AngularBase.ComplexBase));
+ToolbarItemDirective.decorators = [
+    { type: core.Directive, args: [{
+                selector: 'e-toolbaritems>e-toolbaritem',
+                inputs: input$3,
+                outputs: outputs$3,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+ToolbarItemDirective.ctorParameters = function () { return [
+    { type: core.ViewContainerRef, },
+]; };
+ToolbarItemDirective.propDecorators = {
+    'template': [{ type: core.ContentChild, args: ['template',] },],
+};
+__decorate$2([
+    ej2AngularBase.Template(),
+    __metadata$2("design:type", Object)
+], ToolbarItemDirective.prototype, "template", void 0);
+/**
+ * ToolbarItem Array Directive
+ */
+var ToolbarItemsDirective = /** @class */ (function (_super) {
+    __extends(ToolbarItemsDirective, _super);
+    function ToolbarItemsDirective() {
+        return _super.call(this, 'toolbaritems') || this;
+    }
+    return ToolbarItemsDirective;
+}(ej2AngularBase.ArrayBase));
+ToolbarItemsDirective.decorators = [
+    { type: core.Directive, args: [{
+                selector: 'ejs-schedule>e-toolbaritems',
+                queries: {
+                    children: new core.ContentChildren(ToolbarItemDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
+ToolbarItemsDirective.ctorParameters = function () { return []; };
+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);
+};
+var inputs = ['agendaDaysCount', 'allowDragAndDrop', 'allowInline', 'allowKeyboardInteraction', 'allowMultiCellSelection', 'allowMultiDrag', 'allowMultiRowSelection', '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', 'quickInfoOnSelectionEnd', 'quickInfoTemplates', 'readonly', 'resourceHeaderTemplate', 'resources', 'rowAutoHeight', 'selectedDate', 'showHeaderBar', 'showQuickInfo', 'showTimeIndicator', 'showWeekNumber', 'showWeekend', 'startHour', 'timeFormat', 'timeScale', 'timezone', 'timezoneDataSource', 'toolbarItems', 'views', 'weekRule', 'width', 'workDays', 'workHours'];
+var outputs$4 = ['actionBegin', 'actionComplete', 'actionFailure', 'cellClick', 'cellDoubleClick', 'created', 'dataBinding', 'dataBound', 'destroyed', 'drag', 'dragStart', 'dragStop', 'eventClick', 'eventDoubleClick', 'eventRendered', 'hover', 'moreEventsClick', 'navigating', 'popupClose', 'popupOpen', 'renderCell', 'resizeStart', 'resizeStop', 'resizing', 'select', 'virtualScrollStart', 'virtualScrollStop', 'currentViewChange', 'selectedDateChange'];
 var twoWays = ['currentView', 'selectedDate'];
 /**
  * `ej-schedule` represents the Angular Schedule Component.
@@ -352,7 +439,7 @@ exports.ScheduleComponent = /** @class */ (function (_super) {
         _this.srenderer = srenderer;
         _this.viewContainerRef = viewContainerRef;
         _this.injector = injector;
-        _this.tags = ['views', 'resources', 'headerRows'];
+        _this.tags = ['views', 'resources', 'headerRows', 'toolbarItems'];
         _this.element = _this.ngEle.nativeElement;
         _this.injectedModules = _this.injectedModules || [];
         try {
@@ -467,7 +554,7 @@ exports.ScheduleComponent = /** @class */ (function (_super) {
             }
         }
         catch (_r) { }
-        _this.registerEvents(outputs$3);
+        _this.registerEvents(outputs$4);
         _this.addTwoWay.call(_this, twoWays);
         ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
         _this.context = new ej2AngularBase.ComponentBase();
@@ -502,6 +589,9 @@ exports.ScheduleComponent = /** @class */ (function (_super) {
         if (this.childHeaderRows) {
             this.tagObjects[2].instance = this.childHeaderRows;
         }
+        if (this.childToolbarItems) {
+            this.tagObjects[3].instance = this.childToolbarItems;
+        }
         this.context.ngAfterContentChecked(this);
     };
     return ScheduleComponent;
@@ -510,13 +600,14 @@ exports.ScheduleComponent.decorators = [
     { type: core.Component, args: [{
                 selector: 'ejs-schedule',
                 inputs: inputs,
-                outputs: outputs$3,
+                outputs: outputs$4,
                 template: '',
                 changeDetection: core.ChangeDetectionStrategy.OnPush,
                 queries: {
                     childViews: new core.ContentChild(ViewsDirective),
                     childResources: new core.ContentChild(ResourcesDirective),
-                    childHeaderRows: new core.ContentChild(HeaderRowsDirective)
+                    childHeaderRows: new core.ContentChild(HeaderRowsDirective),
+                    childToolbarItems: new core.ContentChild(ToolbarItemsDirective)
                 }
             },] },
 ];
@@ -550,85 +641,85 @@ exports.ScheduleComponent.propDecorators = {
     'quickInfoTemplates_footer': [{ type: core.ContentChild, args: ['quickInfoTemplatesFooter',] },],
     'group_headerTooltipTemplate': [{ type: core.ContentChild, args: ['groupHeaderTooltipTemplate',] },],
 };
-__decorate$2([
+__decorate$3([
     ej2AngularBase.Template(),
-    __metadata$2("design:type", Object)
+    __metadata$3("design:type", Object)
 ], exports.ScheduleComponent.prototype, "dateHeaderTemplate", void 0);
-__decorate$2([
+__decorate$3([
     ej2AngularBase.Template(),
-    __metadata$2("design:type", Object)
+    __metadata$3("design:type", Object)
 ], exports.ScheduleComponent.prototype, "dateRangeTemplate", void 0);
-__decorate$2([
+__decorate$3([
     ej2AngularBase.Template(),
-    __metadata$2("design:type", Object)
+    __metadata$3("design:type", Object)
 ], exports.ScheduleComponent.prototype, "dayHeaderTemplate", void 0);
-__decorate$2([
+__decorate$3([
     ej2AngularBase.Template(),
-    __metadata$2("design:type", Object)
+    __metadata$3("design:type", Object)
 ], exports.ScheduleComponent.prototype, "cellTemplate", void 0);
-__decorate$2([
+__decorate$3([
     ej2AngularBase.Template(),
-    __metadata$2("design:type", Object)
+    __metadata$3("design:type", Object)
 ], exports.ScheduleComponent.prototype, "cellHeaderTemplate", void 0);
-__decorate$2([
+__decorate$3([
     ej2AngularBase.Template(),
-    __metadata$2("design:type", Object)
+    __metadata$3("design:type", Object)
 ], exports.ScheduleComponent.prototype, "eventSettings_tooltipTemplate", void 0);
-__decorate$2([
+__decorate$3([
     ej2AngularBase.Template(),
-    __metadata$2("design:type", Object)
+    __metadata$3("design:type", Object)
 ], exports.ScheduleComponent.prototype, "eventSettings_template", void 0);
-__decorate$2([
+__decorate$3([
     ej2AngularBase.Template(),
-    __metadata$2("design:type", Object)
+    __metadata$3("design:type", Object)
 ], exports.ScheduleComponent.prototype, "editorTemplate", void 0);
-__decorate$2([
+__decorate$3([
     ej2AngularBase.Template(),
-    __metadata$2("design:type", Object)
+    __metadata$3("design:type", Object)
 ], exports.ScheduleComponent.prototype, "editorHeaderTemplate", void 0);
-__decorate$2([
+__decorate$3([
     ej2AngularBase.Template(),
-    __metadata$2("design:type", Object)
+    __metadata$3("design:type", Object)
 ], exports.ScheduleComponent.prototype, "editorFooterTemplate", void 0);
-__decorate$2([
+__decorate$3([
     ej2AngularBase.Template(),
-    __metadata$2("design:type", Object)
+    __metadata$3("design:type", Object)
 ], exports.ScheduleComponent.prototype, "monthHeaderTemplate", void 0);
-__decorate$2([
+__decorate$3([
     ej2AngularBase.Template(),
-    __metadata$2("design:type", Object)
+    __metadata$3("design:type", Object)
 ], exports.ScheduleComponent.prototype, "timeScale_minorSlotTemplate", void 0);
-__decorate$2([
+__decorate$3([
     ej2AngularBase.Template(),
-    __metadata$2("design:type", Object)
+    __metadata$3("design:type", Object)
 ], exports.ScheduleComponent.prototype, "timeScale_majorSlotTemplate", void 0);
-__decorate$2([
+__decorate$3([
     ej2AngularBase.Template(),
-    __metadata$2("design:type", Object)
+    __metadata$3("design:type", Object)
 ], exports.ScheduleComponent.prototype, "resourceHeaderTemplate", void 0);
-__decorate$2([
+__decorate$3([
     ej2AngularBase.Template(),
-    __metadata$2("design:type", Object)
+    __metadata$3("design:type", Object)
 ], exports.ScheduleComponent.prototype, "headerIndentTemplate", void 0);
-__decorate$2([
+__decorate$3([
     ej2AngularBase.Template(),
-    __metadata$2("design:type", Object)
+    __metadata$3("design:type", Object)
 ], exports.ScheduleComponent.prototype, "quickInfoTemplates_header", void 0);
-__decorate$2([
+__decorate$3([
     ej2AngularBase.Template(),
-    __metadata$2("design:type", Object)
+    __metadata$3("design:type", Object)
 ], exports.ScheduleComponent.prototype, "quickInfoTemplates_content", void 0);
-__decorate$2([
+__decorate$3([
     ej2AngularBase.Template(),
-    __metadata$2("design:type", Object)
+    __metadata$3("design:type", Object)
 ], exports.ScheduleComponent.prototype, "quickInfoTemplates_footer", void 0);
-__decorate$2([
+__decorate$3([
     ej2AngularBase.Template(),
-    __metadata$2("design:type", Object)
+    __metadata$3("design:type", Object)
 ], exports.ScheduleComponent.prototype, "group_headerTooltipTemplate", void 0);
-exports.ScheduleComponent = __decorate$2([
+exports.ScheduleComponent = __decorate$3([
     ej2AngularBase.ComponentMixins([ej2AngularBase.ComponentBase]),
-    __metadata$2("design:paramtypes", [core.ElementRef,
+    __metadata$3("design:paramtypes", [core.ElementRef,
         core.Renderer2,
         core.ViewContainerRef,
         core.Injector])
@@ -651,7 +742,9 @@ ScheduleModule.decorators = [
                     ResourceDirective,
                     ResourcesDirective,
                     HeaderRowDirective,
-                    HeaderRowsDirective
+                    HeaderRowsDirective,
+                    ToolbarItemDirective,
+                    ToolbarItemsDirective
                 ],
                 exports: [
                     exports.ScheduleComponent,
@@ -660,7 +753,9 @@ ScheduleModule.decorators = [
                     ResourceDirective,
                     ResourcesDirective,
                     HeaderRowDirective,
-                    HeaderRowsDirective
+                    HeaderRowsDirective,
+                    ToolbarItemDirective,
+                    ToolbarItemsDirective
                 ]
             },] },
 ];
@@ -722,7 +817,7 @@ ScheduleAllModule.decorators = [
  * @nocollapse
  */
 ScheduleAllModule.ctorParameters = function () { return []; };
-var __decorate$3 = (this && this.__decorate) || function (decorators, target, key, desc) {
+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);
@@ -732,12 +827,12 @@ var __decorate$3 = (this && this.__decorate) || function (decorators, target, ke
                 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) {
+var __metadata$4 = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
 var inputs$1 = ['calendarMode', 'cssClass', 'dateFormat', 'enablePersistence', 'enableRtl', 'endTypes', 'firstDayOfWeek', 'frequencies', 'locale', 'maxDate', 'minDate', 'selectedType', 'startDate', 'value'];
-var outputs$4 = ['change'];
+var outputs$5 = ['change'];
 var twoWays$1 = [];
 /**
  * `ejs-recurrenceeditor` represents the Angular RecurrenceEditor Component.
@@ -761,7 +856,7 @@ exports.RecurrenceEditorComponent = /** @class */ (function (_super) {
         _this.injector = injector;
         _this.element = _this.ngEle.nativeElement;
         _this.injectedModules = _this.injectedModules || [];
-        _this.registerEvents(outputs$4);
+        _this.registerEvents(outputs$5);
         _this.addTwoWay.call(_this, twoWays$1);
         ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
         _this.context = new ej2AngularBase.ComponentBase();
@@ -797,7 +892,7 @@ exports.RecurrenceEditorComponent.decorators = [
     { type: core.Component, args: [{
                 selector: 'ejs-recurrenceeditor',
                 inputs: inputs$1,
-                outputs: outputs$4,
+                outputs: outputs$5,
                 template: '',
                 changeDetection: core.ChangeDetectionStrategy.OnPush,
                 queries: {}
@@ -812,9 +907,9 @@ exports.RecurrenceEditorComponent.ctorParameters = function () { return [
     { type: core.ViewContainerRef, },
     { type: core.Injector, },
 ]; };
-exports.RecurrenceEditorComponent = __decorate$3([
+exports.RecurrenceEditorComponent = __decorate$4([
     ej2AngularBase.ComponentMixins([ej2AngularBase.ComponentBase]),
-    __metadata$3("design:paramtypes", [core.ElementRef,
+    __metadata$4("design:paramtypes", [core.ElementRef,
         core.Renderer2,
         core.ViewContainerRef,
         core.Injector])
@@ -870,6 +965,8 @@ exports.ResourceDirective = ResourceDirective;
 exports.ResourcesDirective = ResourcesDirective;
 exports.HeaderRowDirective = HeaderRowDirective;
 exports.HeaderRowsDirective = HeaderRowsDirective;
+exports.ToolbarItemDirective = ToolbarItemDirective;
+exports.ToolbarItemsDirective = ToolbarItemsDirective;
 exports.ScheduleModule = ScheduleModule;
 exports.ScheduleAllModule = ScheduleAllModule;
 exports.DayService = DayService;
@@ -891,9 +988,9 @@ exports.PrintService = PrintService;
 exports.RecurrenceEditorModule = RecurrenceEditorModule;
 exports.RecurrenceEditorAllModule = RecurrenceEditorAllModule;
 exports.ɵc = inputs$1;
-exports.ɵd = outputs$4;
+exports.ɵd = outputs$5;
 exports.ɵa = inputs;
-exports.ɵb = outputs$3;
+exports.ɵb = outputs$4;
 exports.Schedule = ej2Schedule.Schedule;
 exports.cellClick = ej2Schedule.cellClick;
 exports.cellDoubleClick = ej2Schedule.cellDoubleClick;