@syncfusion/ej2-schedule 19.3.44 → 19.3.55

package/dist/es6/ej2-schedule.es5.js

@@ -2999,7 +2999,6 @@ var Islamic = /** @__PURE__ @class */ (function () {
     return Islamic;
 }());
 
-/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * Time zone
  */
@@ -3577,8 +3576,8 @@ function weeklyType(startDate, endDate, data, ruleObject) {
             var weekstartDate = addDays(tempDate, -startDateDiff);
             var weekendDate = addDays(weekstartDate, 6);
             var compareTempDate = new Date(tempDate.getTime());
-            resetTime(weekendDate);
-            resetTime(compareTempDate);
+            weekendDate = resetTime(weekendDate);
+            compareTempDate = resetTime(compareTempDate);
             while (weekendDate >= compareTempDate) {
                 if (expectedDays.indexOf(DAYINDEX[tempDate.getDay()]) > -1) {
                     weekCollection.push([tempDate.getTime()]);
@@ -3588,7 +3587,7 @@ function weeklyType(startDate, endDate, data, ruleObject) {
                 }
                 tempDate.setDate(tempDate.getDate() + 1);
                 compareTempDate = new Date(tempDate.getTime());
-                resetTime(compareTempDate);
+                compareTempDate = resetTime(compareTempDate);
             }
             tempDate.setDate(tempDate.getDate() - 1);
             if (expectedCount && (data.length + ruleObject.recExceptionCount) >= expectedCount) {
@@ -4958,12 +4957,7 @@ var EventBase = /** @__PURE__ @class */ (function () {
             if (generateID) {
                 event_1[fields.id] = temp++;
             }
-            if (typeof event_1[fields.startTime] === 'string') {
-                event_1[fields.startTime] = getDateFromString(event_1[fields.startTime]);
-            }
-            if (typeof event_1[fields.endTime] === 'string') {
-                event_1[fields.endTime] = getDateFromString(event_1[fields.endTime]);
-            }
+            event_1 = this_1.updateEventDateTime(event_1);
             if (timeZonePropChanged) {
                 this_1.processTimezoneChange(event_1, oldTimezone);
             }
@@ -5040,6 +5034,15 @@ var EventBase = /** @__PURE__ @class */ (function () {
         this.parent.blockProcessed = blockData;
         return eventData;
     };
+    EventBase.prototype.updateEventDateTime = function (eventData) {
+        if (typeof eventData[this.parent.eventFields.startTime] === 'string') {
+            eventData[this.parent.eventFields.startTime] = getDateFromString(eventData[this.parent.eventFields.startTime]);
+        }
+        if (typeof eventData[this.parent.eventFields.endTime] === 'string') {
+            eventData[this.parent.eventFields.endTime] = getDateFromString(eventData[this.parent.eventFields.endTime]);
+        }
+        return eventData;
+    };
     EventBase.prototype.getProcessedEvents = function (eventCollection) {
         if (eventCollection === void 0) { eventCollection = this.parent.eventsData; }
         var processed = [];
@@ -5557,7 +5560,7 @@ var EventBase = /** @__PURE__ @class */ (function () {
         var isAllDay = event[fieldMapping.isAllDay];
         var isFullDay = ((event[fieldMapping.endTime].getTime() - event[fieldMapping.startTime].getTime())
             / MS_PER_DAY) >= 1;
-        return (isAllDay || isFullDay) ? true : false;
+        return (isAllDay || (this.parent.eventSettings.spannedEventPlacement !== 'TimeSlot' && isFullDay)) ? true : false;
     };
     EventBase.prototype.addEventListener = function () {
         this.parent.on(documentClick, this.appointmentBorderRemove, this);
@@ -7094,10 +7097,10 @@ var MonthEvent = /** @__PURE__ @class */ (function (_super) {
                     this.parent.virtualScrollModule.updateVirtualScrollHeight();
                 }
             }
-            this.parent.notify(scrollUiUpdate, data);
             if (!this.parent.enablePersistence) {
                 this.parent.notify(contentReady, {});
             }
+            this.parent.notify(scrollUiUpdate, data);
             if (this.parent.currentView === 'Month' && this.parent.showWeekNumber) {
                 var totalCells_1 = [].slice.call(this.parent.element.querySelectorAll('.e-content-wrap table tr td:first-child'));
                 var weekNumberCells = [].slice.call(this.parent.element.querySelectorAll('.' + WEEK_NUMBER_CLASS));
@@ -8454,6 +8457,9 @@ var FieldValidator = /** @__PURE__ @class */ (function () {
         if (!elem && !this.ignoreError) {
             this.createTooltip(inputElement, error, id, '');
         }
+        if (!isNullOrUndefined(elem)) {
+            elem.querySelector('.e-error').innerHTML = error.innerHTML;
+        }
     };
     FieldValidator.prototype.createTooltip = function (element, error, name, display) {
         var dlgContent;
@@ -11115,7 +11121,6 @@ var EventWindow = /** @__PURE__ @class */ (function () {
         this.parent = parent;
         this.l10n = this.parent.localeObj;
         this.fields = this.parent.eventFields;
-        this.timezoneData = this.parent.tzModule.timezoneData;
         this.eventWindowTime = { startTime: new Date(), endTime: new Date() };
         this.renderEventWindow();
     }
@@ -11553,14 +11558,15 @@ var EventWindow = /** @__PURE__ @class */ (function () {
             allowFiltering: true,
             change: this.onTimezoneChange.bind(this),
             cssClass: this.parent.cssClass || '',
-            dataSource: this.timezoneData,
+            dataSource: this.parent.timezoneDataSource,
             enableRtl: this.parent.enableRtl,
             fields: { text: 'Text', value: 'Value' },
-            filterBarPlaceholder: 'Search Timezone',
+            filterBarPlaceholder: this.parent.localeObj.getConstant('searchTimezone'),
+            noRecordsTemplate: this.parent.localeObj.getConstant('noRecords'),
             filtering: function (e) {
                 var query = new Query();
                 query = (e.text !== '') ? query.where('Text', 'contains', e.text, true) : query;
-                e.updateData(_this.timezoneData, query);
+                e.updateData(_this.parent.timezoneDataSource, query);
             },
             htmlAttributes: { 'title': this.getFieldLabel(value), 'name': fieldName },
             floatLabelType: 'Always',
@@ -12886,7 +12892,6 @@ var EventWindow = /** @__PURE__ @class */ (function () {
             this.fields = null;
             this.buttonObj = null;
             this.repeatStatus = null;
-            this.timezoneData = null;
             this.eventWindowTime = null;
         }
     };
@@ -13049,6 +13054,7 @@ var VirtualScroll = /** @__PURE__ @class */ (function () {
         }
         else {
             var height = (this.parent.rowAutoHeight) ? this.averageRowHeight : this.itemSize;
+            height = (height > 0) ? height : this.itemSize;
             this.translateY = (conWrap.scrollTop - (this.bufferCount * height) > 0) ?
                 conWrap.scrollTop - (this.bufferCount * height) : 0;
         }
@@ -13565,6 +13571,7 @@ var Crud = /** @__PURE__ @class */ (function () {
                     if (addArgs.addedRecords instanceof Array) {
                         for (var _i = 0, _a = addArgs.addedRecords; _i < _a.length; _i++) {
                             var event_1 = _a[_i];
+                            event_1 = _this.parent.eventBase.updateEventDateTime(event_1);
                             var eventData_1 = extend({}, _this.parent.eventBase.processTimezone(event_1, true), null, true);
                             editParams.addedRecords.push(eventData_1);
                         }
@@ -13622,6 +13629,7 @@ var Crud = /** @__PURE__ @class */ (function () {
                         if (saveArgs.changedRecords instanceof Array) {
                             for (var _i = 0, _a = saveArgs.changedRecords; _i < _a.length; _i++) {
                                 var event_3 = _a[_i];
+                                event_3 = _this.parent.eventBase.updateEventDateTime(event_3);
                                 var eventData_2 = extend({}, _this.parent.eventBase.processTimezone(event_3, true), null, true);
                                 editParams.changedRecords.push(eventData_2);
                             }
@@ -14405,6 +14413,9 @@ var EventSettings = /** @__PURE__ @class */ (function (_super) {
     __decorate$6([
         Property()
     ], EventSettings.prototype, "tooltipTemplate", void 0);
+    __decorate$6([
+        Property('AllDayRow')
+    ], EventSettings.prototype, "spannedEventPlacement", void 0);
     __decorate$6([
         Property()
     ], EventSettings.prototype, "resourceColorField", void 0);
@@ -15227,8 +15238,11 @@ var ResourceBase = /** @__PURE__ @class */ (function () {
                 var currentLevelChilds = _a[_i];
                 for (var _b = 0, currentLevelChilds_1 = currentLevelChilds; _b < currentLevelChilds_1.length; _b++) {
                     var currentLevelChild = currentLevelChilds_1[_b];
-                    if (resTreeGroup[i + 1]) {
+                    if (resTreeGroup[i + 1] && resTreeGroup[i + 1].length > 0) {
                         var nextLevelChilds = resTreeGroup[i + 1][temp];
+                        if (!nextLevelChilds) {
+                            continue;
+                        }
                         var colSpan = 0;
                         for (var _c = 0, nextLevelChilds_1 = nextLevelChilds; _c < nextLevelChilds_1.length; _c++) {
                             var nextLevelChild = nextLevelChilds_1[_c];
@@ -16277,7 +16291,9 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
             beginFrom: 'Begin From',
             endAt: 'Ends At',
             expandAllDaySection: 'Expand-all-day-section',
-            collapseAllDaySection: 'Collapse-all-day-section'
+            collapseAllDaySection: 'Collapse-all-day-section',
+            searchTimezone: 'Search Timezone',
+            noRecords: 'No records found'
         };
     };
     Schedule.prototype.wireEvents = function () {
@@ -16996,6 +17012,11 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
                     this.keyboardInteractionModule = new KeyboardInteraction(this);
                 }
                 break;
+            case 'timezoneDataSource':
+                if (this.eventWindow) {
+                    this.eventWindow.refresh();
+                }
+                break;
             case 'editorTemplate':
                 if (!isNullOrUndefined(this.editorTemplate)) {
                     this.editorTemplateFn = this.templateParser(this.editorTemplate);
@@ -17139,6 +17160,7 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
                         this.eventWindow.refresh();
                     }
                     break;
+                case 'spannedEventPlacement':
                 case 'enableMaxHeight':
                 case 'enableIndicator':
                     this.refreshEvents(false);
@@ -18166,6 +18188,9 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
     __decorate([
         Complex({}, EventSettings)
     ], Schedule.prototype, "eventSettings", void 0);
+    __decorate([
+        Property(timezoneData)
+    ], Schedule.prototype, "timezoneDataSource", void 0);
     __decorate([
         Property()
     ], Schedule.prototype, "resourceHeaderTemplate", void 0);
@@ -18923,6 +18948,9 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
     };
     Resize.prototype.monthResizing = function () {
         this.removeCloneElement();
+        if (isNullOrUndefined(this.actionObj.pageX) || isNullOrUndefined(this.actionObj.pageY)) {
+            return;
+        }
         var td = document.elementFromPoint(this.actionObj.pageX, this.actionObj.pageY);
         if (isNullOrUndefined(td)) {
             return;
@@ -19056,13 +19084,16 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
         var eventEnd = new Date(this.actionObj.event[this.parent.eventFields.endTime].getTime());
         var resizeTime;
         var isDateHeader = false;
+        var isTimeViews = ['TimelineDay', 'TimelineWeek', 'TimelineWorkWeek'].indexOf(this.parent.currentView) > -1;
+        var isTimelineMonth = this.parent.currentView === 'TimelineMonth';
+        var isWithoutScale = isTimelineMonth || isTimeViews && !this.parent.activeViewOptions.timeScale.enable;
         if (this.parent.activeView.isTimelineView()) {
             var tr = this.parent.getContentTable().querySelector('tr');
             var headerName = this.parent.currentView;
             if (this.parent.activeViewOptions.headerRows.length > 0) {
                 var rows = this.parent.activeViewOptions.headerRows.map(function (row) { return row.option; });
                 headerName = rows.slice(-1)[0];
-                if (this.parent.currentView === 'TimelineMonth' && headerName === 'Hour') {
+                if (isTimelineMonth && headerName === 'Hour') {
                     headerName = rows.slice(-2)[0] || 'Month';
                 }
             }
@@ -19082,9 +19113,8 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
                     offsetValue += (this.actionObj.clone.offsetWidth - this.actionObj.cellWidth);
                 }
                 cellIndex = Math.floor(offsetValue / Math.floor(tr.offsetWidth / noOfDays));
-                isDateHeader =
-                    ['TimelineDay', 'TimelineWeek', 'TimelineWorkWeek'].indexOf(this.parent.currentView) > -1 && headerName === 'Date';
-                cellIndex = isLeft ? cellIndex : (this.parent.currentView === 'TimelineMonth' || isDateHeader) ? cellIndex + 1 : cellIndex;
+                isDateHeader = isTimeViews && headerName === 'Date';
+                cellIndex = isLeft ? cellIndex : (isTimelineMonth || isDateHeader) ? cellIndex + 1 : cellIndex;
                 isLastCell = cellIndex === tdCollections.length;
                 cellIndex = (cellIndex < 0) ? 0 : (cellIndex >= noOfDays) ? noOfDays - 1 : cellIndex;
             }
@@ -19096,7 +19126,7 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
                 if (this.parent.enableRtl) {
                     var cellOffsetWidth = 0;
                     if (headerName === 'TimelineMonth' || (!this.parent.activeViewOptions.timeScale.enable &&
-                        this.parent.currentView !== 'TimelineMonth')) {
+                        !isTimelineMonth)) {
                         cellOffsetWidth = this.actionObj.cellWidth;
                     }
                     var offsetWidth = (Math.floor(parseInt(this.actionObj.clone.style.right, 10) / this.actionObj.cellWidth) *
@@ -19148,16 +19178,18 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
             }
         }
         if (isLeft) {
-            if ((this.actionObj.event[this.parent.eventFields.endTime].getTime() - resizeTime.getTime()) <= 0) {
-                resizeTime = new Date(this.actionObj.event[this.parent.eventFields.startTime].getTime());
+            if ((eventEnd.getTime() - resizeTime.getTime()) <= 0) {
+                resizeTime = isWithoutScale ? resetTime(eventEnd) : eventStart;
             }
             this.actionObj.start = this.parent.activeViewOptions.timeScale.enable ? this.calculateIntervalTime(resizeTime) : resizeTime;
         }
         else {
-            var isTimeViews = ['TimelineDay', 'TimelineWeek', 'TimelineWorkWeek'].indexOf(this.parent.currentView) > -1 &&
-                this.parent.activeViewOptions.timeScale.enable;
-            var resizeEnd = ((!isTimeViews || isDateHeader) && resizeTime.getHours() === 0 && resizeTime.getMinutes() === 0) ?
+            var isTimeScaleViews = isTimeViews && this.parent.activeViewOptions.timeScale.enable;
+            var resizeEnd = ((!isTimeScaleViews || isDateHeader) && resizeTime.getHours() === 0 && resizeTime.getMinutes() === 0) ?
                 addDays(resizeTime, 1) : resizeTime;
+            if (isWithoutScale && (resizeEnd.getTime() - eventStart.getTime()) <= 0) {
+                resizeEnd = addDays(resetTime(eventStart), 1);
+            }
             this.actionObj.end = this.parent.activeViewOptions.timeScale.enable && this.parent.currentView !== 'Month' ?
                 this.calculateIntervalTime(resizeEnd) : resizeEnd;
         }
@@ -20477,18 +20509,20 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
         var eventData = [];
         var startTime = event[eventFields.startTime];
         var endTime = event[eventFields.endTime];
-        var isDifferentDate = resetTime(new Date(startTime.getTime())) < resetTime(new Date(endTime.getTime()));
-        if (isDifferentDate) {
-            var scheduleStartHour = this.parent.activeView.getStartHour();
-            var scheduleEndHour = this.parent.activeView.getEndHour();
-            var startDate = getStartEndHours(resetTime(startTime), scheduleStartHour, scheduleEndHour);
-            var endDate = getStartEndHours(resetTime(endTime), scheduleStartHour, scheduleEndHour);
-            var firstEventObj = extend({}, event, null, true);
-            firstEventObj[eventFields.endTime] = startDate.endHour;
-            eventData.push(firstEventObj);
-            var secondEventObj = extend({}, event, null, true);
-            secondEventObj[eventFields.startTime] = endDate.startHour;
-            eventData.push(secondEventObj);
+        if (resetTime(new Date(startTime.getTime())) < resetTime(new Date(endTime.getTime()))) {
+            var startReferenceDate = resetTime(new Date(startTime.getTime()));
+            var endReferenceDate = new Date(startReferenceDate.getTime());
+            for (var i = 0; startReferenceDate < new Date(endTime.getTime()); i++) {
+                endReferenceDate = new Date(endReferenceDate.setDate(startReferenceDate.getDate() + 1));
+                var eventObj = extend({}, event, null, true);
+                eventObj[eventFields.startTime] = new Date(startReferenceDate);
+                eventObj[eventFields.endTime] = new Date(endReferenceDate);
+                startReferenceDate = new Date(startReferenceDate.setDate(startReferenceDate.getDate() + 1));
+                eventData.push(eventObj);
+            }
+            var index = eventData.length - 1;
+            eventData[0][eventFields.startTime] = startTime;
+            eventData[index][eventFields.endTime] = endTime;
         }
         else {
             eventData.push(event);
@@ -20559,8 +20593,8 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
                 // eslint-disable-next-line max-len
                 this.parent.getDateFromElement(isNullOrUndefined(index) ? this.actionObj.target : this.targetTd)));
             var splitEvents = this.splitEvent(event);
-            var events_1 = event[this.parent.eventFields.isAllDay] ||
-                this.parent.eventBase.isAllDayAppointment(event) || splitEvents.length > 2 ? [event] : splitEvents;
+            var events_1 = this.parent.eventBase.isAllDayAppointment(event) || splitEvents.length > 2 ||
+                this.parent.eventSettings.spannedEventPlacement !== 'TimeSlot' ? [event] : splitEvents;
             for (var i = 0; i < events_1.length; i++) {
                 if (i > 0) {
                     var filterQuery = ".e-day-wrapper[data-date=\"" + resetTime(events_1[i][this.parent.eventFields.startTime]).getTime() + "\"]";
@@ -23912,7 +23946,7 @@ var Agenda = /** @__PURE__ @class */ (function (_super) {
             var event_1 = _a[_i];
             delete event_1.generatedDates;
         }
-        var eventCollection = args.processedData;
+        var eventCollection = this.parent.activeViewOptions.allowVirtualScrolling ? args.processedData : this.parent.eventsProcessed;
         if (this.parent.uiStateValues.isGroupAdaptive) {
             var resource = this.parent.resourceBase.lastResourceLevel[this.parent.uiStateValues.groupIndex];
             this.dataSource = this.parent.eventBase.filterEventsByResource(resource, this.dataSource);
@@ -24016,6 +24050,7 @@ var Agenda = /** @__PURE__ @class */ (function (_super) {
                     var filterData = this.appointmentFiltering(agendaDate);
                     var nTr = this.createTableRowElement(agendaDate, 'data');
                     if (this.element.querySelector('tr[aria-rowindex="' + parseInt(nTr.getAttribute('aria-rowindex'), 10) + '"]')) {
+                        agendaDate = addDays(agendaDate, 1);
                         continue;
                     }
                     var dTd = nTr.children[0];