@syncfusion/ej2-schedule 20.3.58 → 20.4.38

package/src/schedule/actions/keyboard.js

@@ -520,7 +520,7 @@ var KeyboardInteraction = /** @class */ (function () {
         var appointmentElements = [];
         appointments.map(function (value) { return value.getAttribute('data-guid'); }).filter(function (value, index, self) {
             if (self.indexOf(value) === index) {
-                appointmentElements.push(appointments[index]);
+                appointmentElements.push(appointments[parseInt(index.toString(), 10)]);
             }
         });
         return appointmentElements;
@@ -532,7 +532,7 @@ var KeyboardInteraction = /** @class */ (function () {
     KeyboardInteraction.prototype.processViewNavigation = function (e) {
         var index = parseInt(e.key, 10) - 1;
         if (index < this.parent.views.length) {
-            var view = this.parent.viewCollections[index].option;
+            var view = this.parent.viewCollections[parseInt(index.toString(), 10)].option;
             this.parent.changeView(view, e, undefined, index);
             if (this.parent.headerModule) {
                 this.parent.headerModule.element.querySelector('.e-active-view button').focus();
@@ -645,10 +645,11 @@ var KeyboardInteraction = /** @class */ (function () {
         }
     };
     KeyboardInteraction.prototype.getYearUpDownCell = function (tableRows, rowIndex, cellIndex, isUp) {
-        while (tableRows[rowIndex] && tableRows[rowIndex].cells[cellIndex].classList.contains(cls.OTHERMONTH_CLASS)) {
+        while (tableRows[parseInt(rowIndex.toString(), 10)] &&
+            tableRows[parseInt(rowIndex.toString(), 10)].cells[parseInt(cellIndex.toString(), 10)].classList.contains(cls.OTHERMONTH_CLASS)) {
             rowIndex = rowIndex + (isUp ? -1 : 1);
         }
-        return tableRows[rowIndex].cells[cellIndex];
+        return tableRows[parseInt(rowIndex.toString(), 10)].cells[parseInt(cellIndex.toString(), 10)];
     };
     // eslint-disable-next-line max-len
     KeyboardInteraction.prototype.getHorizontalUpDownCell = function (tableRows, target, curRowIndex, isUp) {
@@ -667,7 +668,7 @@ var KeyboardInteraction = /** @class */ (function () {
         var hasRow = isUp && curRowIndex > 0 || !isUp && curRowIndex < tableRows.length - 1;
         var targetCell = hasRow ? tableRows[curRowIndex + (isUp ? -1 : 1)].cells[target.cellIndex] : undefined;
         if (!targetCell || targetCell.classList.contains(cls.OTHERMONTH_CLASS)) {
-            var column = tableRows[curRowIndex].cells[target.cellIndex - (isUp ? 1 : -1)];
+            var column = tableRows[parseInt(curRowIndex.toString(), 10)].cells[target.cellIndex - (isUp ? 1 : -1)];
             if (column) {
                 var dateAttr = +target.getAttribute('data-date') - (isUp ? util.MS_PER_DAY : -util.MS_PER_DAY);
                 return this.parent.getContentTable().querySelector('.' + cls.WORK_CELLS_CLASS + '[data-date="' + dateAttr + '"]');
@@ -683,7 +684,7 @@ var KeyboardInteraction = /** @class */ (function () {
             element: tableEle,
             rowIndex: curRowIndex,
             columnIndex: target.cellIndex,
-            maxIndex: tableEle.rows[curRowIndex].cells.length
+            maxIndex: tableEle.rows[parseInt(curRowIndex.toString(), 10)].cells.length
         };
         return key;
     };
@@ -756,7 +757,8 @@ var KeyboardInteraction = /** @class */ (function () {
                     var rowIndex = this.isInverseTableSelect() ? key.rowIndex : 0;
                     this.parent.changeDate(this.parent.activeView.getNextPreviousDate('next'), e);
                     var tableEle = this.parent.getContentTable();
-                    var cell = isMonthEnd ? tableEle.rows[rowIndex].querySelector('.' + cls.WORK_CELLS_CLASS + ':not(.' + cls.OTHERMONTH_CLASS + ')') : tableEle.rows[rowIndex].cells[0];
+                    var cell = isMonthEnd ? tableEle.rows[parseInt(rowIndex.toString(), 10)].querySelector('.' + cls.WORK_CELLS_CLASS + ':not(.' + cls.OTHERMONTH_CLASS + ')')
+                        : tableEle.rows[parseInt(rowIndex.toString(), 10)].cells[0];
                     this.selectCells(false, cell);
                 }
             }
@@ -826,7 +828,7 @@ var KeyboardInteraction = /** @class */ (function () {
                     this.parent.changeDate(this.parent.activeView.getNextPreviousDate('previous'), e);
                     var tableEle = this.parent.getContentTable();
                     var rowIndex = this.isInverseTableSelect() ? key.rowIndex : tableEle.rows.length - 1;
-                    var cell = tableEle.rows[rowIndex].cells[key.maxIndex - 1];
+                    var cell = tableEle.rows[parseInt(rowIndex.toString(), 10)].cells[key.maxIndex - 1];
                     if (isMonthStart) {
                         var tbody = this.parent.element.querySelectorAll('.' + cls.CONTENT_TABLE_CLASS + ' tbody');
                         cell = tbody.item(tbody.length - 1).querySelector(':not(.' + cls.OTHERMONTH_CLASS + ')[data-date="' + this.parent.activeView.getEndDate().getTime() + '"]');

package/src/schedule/actions/resize.js

@@ -36,9 +36,9 @@ var Resize = /** @class */ (function (_super) {
     Resize.prototype.resizeHelper = function () {
         if (this.parent.activeViewOptions.group.resources.length > 0 && this.parent.activeViewOptions.group.allowGroupEdit) {
             for (var i = 0, len = this.actionObj.originalElement.length; i < len; i++) {
-                var cloneElement = this.createCloneElement(this.actionObj.originalElement[i]);
-                this.actionObj.cloneElement[i] = cloneElement;
-                if (this.actionObj.element === this.actionObj.originalElement[i]) {
+                var cloneElement = this.createCloneElement(this.actionObj.originalElement[parseInt(i.toString(), 10)]);
+                this.actionObj.cloneElement[parseInt(i.toString(), 10)] = cloneElement;
+                if (this.actionObj.element === this.actionObj.originalElement[parseInt(i.toString(), 10)]) {
                     this.actionObj.clone = cloneElement;
                 }
             }
@@ -403,10 +403,10 @@ var Resize = /** @class */ (function (_super) {
             }
             var resizeDate = void 0;
             if (['Year', 'Month', 'Week', 'Date'].indexOf(headerName) !== -1) {
-                resizeDate = new Date(this.parent.activeView.renderDates[cellIndex].getTime());
+                resizeDate = new Date(this.parent.activeView.renderDates[parseInt(cellIndex.toString(), 10)].getTime());
             }
             else {
-                resizeDate = this.parent.getDateFromElement(tr.children[cellIndex]);
+                resizeDate = this.parent.getDateFromElement(tr.children[parseInt(cellIndex.toString(), 10)]);
             }
             if (['TimelineMonth', 'Year', 'Month', 'Week', 'Date'].indexOf(headerName) !== -1 ||
                 !this.parent.activeViewOptions.timeScale.enable) {
@@ -433,7 +433,7 @@ var Resize = /** @class */ (function (_super) {
             var tr = closest(this.actionObj.clone, 'tr');
             var dayIndex = isLeft ? cloneIndex - noOfDays : cloneIndex + noOfDays - 1;
             dayIndex = this.getIndex(dayIndex);
-            resizeTime = this.parent.getDateFromElement(tr.children[dayIndex]);
+            resizeTime = this.parent.getDateFromElement(tr.children[parseInt(dayIndex.toString(), 10)]);
             if (isLeft) {
                 resizeTime.setHours(eventStart.getHours(), eventStart.getMinutes(), eventStart.getSeconds());
             }

package/src/schedule/actions/touch.js

@@ -22,8 +22,9 @@ var ScheduleTouch = /** @class */ (function () {
     }
     ScheduleTouch.prototype.scrollHandler = function (e) {
         if (this.parent.currentView === 'Agenda' || this.parent.uiStateValues.action || !this.parent.allowSwiping ||
-            (e.originalEvent && e.originalEvent.target && (e.originalEvent.target.classList.contains(cls.APPOINTMENT_CLASS) ||
-                closest(e.originalEvent.target, '.' + cls.APPOINTMENT_CLASS)) && !this.parent.isAdaptive)) {
+            (e.originalEvent && e.originalEvent.target &&
+                (e.originalEvent.target.classList.contains(cls.APPOINTMENT_CLASS) ||
+                    closest(e.originalEvent.target, '.' + cls.APPOINTMENT_CLASS)) && !this.parent.isAdaptive)) {
             return;
         }
         if (!this.timeStampStart) {
@@ -175,7 +176,7 @@ var ScheduleTouch = /** @class */ (function () {
                 addClass([_this.element], cls.TRANSLATE_CLASS);
                 _this.element.style.transform = 'translatex(' + translateX + 'px)';
                 if (_this.parent.headerModule) {
-                    _this.parent.headerModule.updateDateRange(_this.parent.activeView.getDateRangeText());
+                    _this.parent.headerModule.updateDateRange();
                 }
                 _this.parent.renderTemplates();
                 _this.parent.crudModule.refreshDataManager();

package/src/schedule/actions/virtual-scroll.js

@@ -233,21 +233,24 @@ var VirtualScroll = /** @class */ (function () {
         var resCollection = [];
         var index = { startIndex: 0, endIndex: 0 };
         if (this.parent.activeViewOptions.group.byDate) {
-            if (lastLevel[startIndex].date.getTime() === this.parent.resourceBase.expandedResources[0].date.getTime() &&
-                lastLevel[endIndex].date.getTime() ===
+            if (lastLevel[parseInt(startIndex.toString(), 10)].date.getTime() ===
+                this.parent.resourceBase.expandedResources[0].date.getTime() &&
+                lastLevel[parseInt(endIndex.toString(), 10)].date.getTime() ===
                     this.parent.resourceBase.expandedResources[this.parent.resourceBase.expandedResources.length - 1].date.getTime()) {
                 return this.parent.resourceBase.expandedResources;
             }
-            resCollection = this.getByDateCollection(lastLevel[startIndex], lastLevel[endIndex], index);
+            resCollection =
+                this.getByDateCollection(lastLevel[parseInt(startIndex.toString(), 10)], lastLevel[parseInt(endIndex.toString(), 10)], index);
             this.setRenderedDates(resCollection);
         }
         else {
-            if (lastLevel[startIndex].groupIndex === this.parent.resourceBase.expandedResources[0].groupIndex &&
-                lastLevel[endIndex].groupIndex ===
+            if (lastLevel[parseInt(startIndex.toString(), 10)].groupIndex === this.parent.resourceBase.expandedResources[0].groupIndex &&
+                lastLevel[parseInt(endIndex.toString(), 10)].groupIndex ===
                     this.parent.resourceBase.expandedResources[this.parent.resourceBase.expandedResources.length - 1].groupIndex) {
                 return this.parent.resourceBase.expandedResources;
             }
-            resCollection = this.getByIdCollection(lastLevel[startIndex], lastLevel[endIndex], index);
+            resCollection =
+                this.getByIdCollection(lastLevel[parseInt(startIndex.toString(), 10)], lastLevel[parseInt(endIndex.toString(), 10)], index);
         }
         if (this.parent.currentView !== 'Month') {
             this.startIndex = index.startIndex;
@@ -327,7 +330,7 @@ var VirtualScroll = /** @class */ (function () {
         else {
             var col = [].slice.call(conWrap.querySelector('colgroup').children);
             for (var i = 0; i < col.length; i++) {
-                remove(col[i]);
+                remove(col[parseInt(i.toString(), 10)]);
             }
             this.parent.activeView.colLevels[this.parent.activeView.colLevels.length - 1] = resCollection;
             var contentRows = this.parent.activeView.getContentRows();

package/src/schedule/base/interface.d.ts

@@ -375,6 +375,12 @@ export interface CellTemplateArgs {
     groupIndex?: number;
 }
 /** @private */
+export interface DateRangeTemplateArgs {
+    startDate: Date;
+    endDate: Date;
+    currentView: View;
+}
+/** @private */
 export interface CrudArgs extends ActionEventArgs {
     promise?: Promise<any>;
     editParams?: SaveChanges;
@@ -396,7 +402,7 @@ export interface IRenderer {
     getStartHour(): Date;
     getEndHour(): Date;
     getLabelText(view: string): string;
-    getDateRangeText(): string;
+    getDateRangeText(date?: Date): string;
     getEndDateFromStartDate(date: Date): Date;
     addEventListener(): void;
     removeEventListener(): void;
@@ -563,6 +569,7 @@ export interface ViewsData extends ViewsModel {
     eventTemplateName?: string;
     dayHeaderTemplateName?: string;
     monthHeaderTemplateName?: string;
+    dateRangeTemplateName?: string;
 }
 /** @private */
 export interface CrudAction {

package/src/schedule/base/resource.d.ts

@@ -13,6 +13,7 @@ export declare class ResourceBase {
     private treePopup;
     private popupOverlay;
     private leftPixel;
+    resourceDateTree: TdData[][];
     constructor(parent: Schedule);
     renderResourceHeaderIndent(tr: Element): void;
     hideResourceRows(tBody: Element): void;