@syncfusion/ej2-schedule 20.1.56 → 20.1.61

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

@@ -5785,7 +5785,7 @@ var EventBase = /** @__PURE__ @class */ (function () {
     EventBase.prototype.isAllDayAppointment = function (event) {
         var fieldMapping = this.parent.eventFields;
         var isAllDay = event[fieldMapping.isAllDay];
-        var isFullDay = ((event[fieldMapping.endTime].getTime() - event[fieldMapping.startTime].getTime())
+        var isFullDay = ((getUniversalTime(event[fieldMapping.endTime]) - getUniversalTime(event[fieldMapping.startTime]))
             / MS_PER_DAY) >= 1;
         return (isAllDay || (this.parent.eventSettings.spannedEventPlacement !== 'TimeSlot' && isFullDay)) ? true : false;
     };
@@ -5804,6 +5804,7 @@ var EventBase = /** @__PURE__ @class */ (function () {
         }
         else if (!closest(element, '.' + POPUP_OPEN)) {
             this.removeSelectedAppointmentClass();
+            this.parent.selectedElements = [];
         }
     };
     EventBase.prototype.wireAppointmentEvents = function (element, event, isPreventCrud) {
@@ -5909,6 +5910,7 @@ var EventBase = /** @__PURE__ @class */ (function () {
             this.parent.trigger(eventClick, args, function (eventClickArgs) {
                 if (eventClickArgs.cancel) {
                     _this.removeSelectedAppointmentClass();
+                    _this.parent.selectedElements = [];
                     if (_this.parent.quickPopup) {
                         _this.parent.quickPopup.quickPopupHide();
                     }
@@ -5940,6 +5942,7 @@ var EventBase = /** @__PURE__ @class */ (function () {
             this.activeEventData(e, true);
         }
         this.removeSelectedAppointmentClass();
+        this.parent.selectedElements = [];
         if (this.parent.activeEventData.element.classList.contains(INLINE_APPOINTMENT_CLASS) ||
             this.parent.activeEventData.element.querySelector('.' + INLINE_SUBJECT_CLASS)) {
             return;
@@ -6368,16 +6371,18 @@ var EventBase = /** @__PURE__ @class */ (function () {
         }
     };
     EventBase.prototype.updateEventMinimumDuration = function (startEndHours, startTime, endTime) {
-        var eventDuration = (getUniversalTime(endTime) - getUniversalTime(startTime)) / MS_PER_MINUTE;
-        if (eventDuration < this.parent.eventSettings.minimumEventDuration) {
-            var tempEnd = new Date(startTime);
-            tempEnd.setMinutes(tempEnd.getMinutes() + this.parent.eventSettings.minimumEventDuration);
-            endTime = tempEnd;
-            if (endTime.getTime() > startEndHours.endHour.getTime()) {
-                var tempStart = new Date(startEndHours.endHour.getTime());
-                tempStart.setMinutes(tempStart.getMinutes() - this.parent.eventSettings.minimumEventDuration);
-                startTime = tempStart;
-                endTime = startEndHours.endHour;
+        if (startTime.getTime() < endTime.getTime()) {
+            var eventDuration = (getUniversalTime(endTime) - getUniversalTime(startTime)) / MS_PER_MINUTE;
+            if (eventDuration < this.parent.eventSettings.minimumEventDuration) {
+                var tempEnd = new Date(startTime);
+                tempEnd.setMinutes(tempEnd.getMinutes() + this.parent.eventSettings.minimumEventDuration);
+                endTime = tempEnd;
+                if (endTime.getTime() > startEndHours.endHour.getTime()) {
+                    var tempStart = new Date(startEndHours.endHour.getTime());
+                    tempStart.setMinutes(tempStart.getMinutes() - this.parent.eventSettings.minimumEventDuration);
+                    startTime = tempStart;
+                    endTime = startEndHours.endHour;
+                }
             }
         }
         return { startDate: startTime, endDate: endTime };
@@ -7394,9 +7399,7 @@ var MonthEvent = /** @__PURE__ @class */ (function (_super) {
         this.sortByDateTime(blockList);
         if (this.parent.currentView === 'Month' && this.parent.rowAutoHeight && this.parent.activeViewOptions.group.resources.length === 0) {
             var totalCells = [].slice.call(this.parent.element.querySelectorAll('.e-content-wrap table tr td:first-child'));
-            var height_1 = this.parent.height === 'auto' ? (this.parent.element.querySelector('.e-content-wrap').clientHeight +
-                this.parent.element.querySelector('.e-date-header-wrap').clientHeight) / totalCells.length
-                : this.parent.element.querySelector('.e-schedule-table').clientHeight / totalCells.length;
+            var height_1 = this.parent.element.querySelector('.' + CONTENT_TABLE_CLASS).clientHeight / totalCells.length;
             totalCells.forEach(function (cell) {
                 setStyleAttribute(cell, { 'height': height_1 + 'px' });
             });
@@ -9295,6 +9298,7 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
         }
         else {
             var isSameTarget = this.isSameEventClick(events);
+            this.parent.selectedElements = [];
             if (isSameTarget) {
                 return;
             }
@@ -9360,7 +9364,7 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
                         ("<button class=\"" + (DELETE_CLASS + ' ' + ICON) + "\" title=\"" + this.l10n.getConstant('delete') + "\"></button>") +
                         ("<button class=\"" + CLOSE_CLASS + "\" title=\"" + this.l10n.getConstant('close') + "\"></button></div>") +
                         ("<div class=\"" + SUBJECT_WRAP + "\"><div class=\"" + SUBJECT_CLASS + " " + TEXT_ELLIPSIS + "\" ") +
-                        ("title=\"" + args.eventSubject + "\">" + args.eventSubject + "</div></div >");
+                        ("title=\"" + (args.eventSubject ? args.eventSubject.replaceAll('"', '\'') : args.eventSubject) + "\">" + args.eventSubject + "</div></div >");
                     break;
             }
             var templateWrapper = createElement('div', { innerHTML: header });
@@ -9548,11 +9552,11 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
             (endDate.getTime() - startDate.getTime()) / (60 * 60 * 1000) < 24 ? 1 : 0;
         if (eventData[fields.isAllDay]) {
             details = startDateDetails + ' (' + this.l10n.getConstant('allDay') + ')';
-            if (((endDate.getTime() - startDate.getTime()) / MS_PER_DAY) > 1) {
+            if (((getUniversalTime(endDate) - getUniversalTime(startDate)) / MS_PER_DAY) > 1) {
                 details += '&nbsp;-&nbsp;' + endDateDetails + ' (' + this.l10n.getConstant('allDay') + ')';
             }
         }
-        else if ((((endDate.getTime() - startDate.getTime()) / MS_PER_DAY) >= 1) || spanLength > 0) {
+        else if ((((getUniversalTime(endDate) - getUniversalTime(startDate)) / MS_PER_DAY) >= 1) || spanLength > 0) {
             details = startDateDetails + ' (' + startTimeDetail + ')' + '&nbsp;-&nbsp;' + endDateDetails + ' (' + endTimeDetail + ')';
         }
         else {
@@ -17160,8 +17164,12 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
                         this.refreshEvents(false);
                     }
                     break;
-                case 'showWeekend':
                 case 'workDays':
+                    if (JSON.stringify(oldProp.workDays) !== JSON.stringify(newProp.workDays)) {
+                        state.isLayout = true;
+                    }
+                    break;
+                case 'showWeekend':
                 case 'startHour':
                 case 'endHour':
                 case 'workHours':
@@ -18911,6 +18919,7 @@ var ActionBase = /** @__PURE__ @class */ (function () {
     };
     ActionBase.prototype.updateScrollPosition = function (e) {
         var _this = this;
+        this.scrollEventArgs = e;
         if (this.actionObj.scroll.enable && isNullOrUndefined(this.actionObj.scrollInterval)) {
             this.actionObj.scrollInterval = window.setInterval(function () {
                 if (_this.autoScrollValidation() && !_this.actionObj.clone.classList.contains(ALLDAY_APPOINTMENT_CLASS)) {
@@ -18920,10 +18929,10 @@ var ActionBase = /** @__PURE__ @class */ (function () {
                     }
                     _this.autoScroll();
                     if (_this.actionObj.action === 'drag') {
-                        _this.parent.dragAndDropModule.updateDraggingDateTime(e);
+                        _this.parent.dragAndDropModule.updateDraggingDateTime(_this.scrollEventArgs);
                     }
                     else {
-                        _this.parent.resizeModule.updateResizingDirection(e);
+                        _this.parent.resizeModule.updateResizingDirection(_this.scrollEventArgs);
                     }
                 }
             }, this.actionObj.scroll.timeDelay);
@@ -20728,7 +20737,7 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
         var eventObj = extend({}, this.actionObj.event, null, true);
         var eventStart = eventObj[this.parent.eventFields.startTime];
         var eventEnd = eventObj[this.parent.eventFields.endTime];
-        var eventDuration = eventEnd.getTime() - eventStart.getTime();
+        var eventDuration = getUniversalTime(eventEnd) - getUniversalTime(eventStart);
         var offsetTop = Math.floor(parseInt(this.actionObj.clone.style.top, 10) / this.actionObj.cellHeight)
             * this.actionObj.cellHeight;
         offsetTop = offsetTop < 0 ? 0 : offsetTop;
@@ -21087,8 +21096,8 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
         if (isNullOrUndefined(this.parent.eventDragArea)) {
             this.removeCloneElement();
         }
-        var eventDuration = eventObj[this.parent.eventFields.endTime].getTime() -
-            eventObj[this.parent.eventFields.startTime].getTime();
+        var eventDuration = getUniversalTime(eventObj[this.parent.eventFields.endTime]) -
+            getUniversalTime(eventObj[this.parent.eventFields.startTime]);
         var td = closest(this.actionObj.target, 'td');
         if (!isNullOrUndefined(td)) {
             var tr = td.parentElement;
@@ -21102,11 +21111,11 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
                 }
                 var timeString = new Date(currentDate.setDate(currentDate.getDate() - this.daysVariation));
                 var dragStart$$1 = new Date(timeString.getTime());
+                var startTimeDiff = getUniversalTime(eventObj[this.parent.eventFields.startTime]) -
+                    getUniversalTime(resetTime(new Date(+eventObj[this.parent.eventFields.startTime])));
+                dragStart$$1.setMilliseconds(startTimeDiff);
                 var dragEnd = new Date(dragStart$$1.getTime());
-                var startTimeDiff = eventObj[this.parent.eventFields.startTime].getTime() -
-                    (resetTime(new Date(+eventObj[this.parent.eventFields.startTime]))).getTime();
-                dragStart$$1 = new Date(dragStart$$1.getTime() + startTimeDiff);
-                dragEnd = new Date(dragStart$$1.getTime() + eventDuration);
+                dragEnd.setMilliseconds(eventDuration);
                 this.actionObj.start = new Date(dragStart$$1.getTime());
                 this.actionObj.end = new Date(dragEnd.getTime());
             }
@@ -21162,8 +21171,8 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
     };
     DragAndDrop.prototype.calculateTimelineTime = function (e) {
         var eventObj = extend({}, this.actionObj.event, null, true);
-        var eventDuration = eventObj[this.parent.eventFields.endTime].getTime() -
-            eventObj[this.parent.eventFields.startTime].getTime();
+        var eventDuration = getUniversalTime(eventObj[this.parent.eventFields.endTime]) -
+            getUniversalTime(eventObj[this.parent.eventFields.startTime]);
         var offsetLeft = this.parent.enableRtl ? Math.abs(this.actionObj.clone.offsetLeft) - this.actionObj.clone.offsetWidth :
             parseInt(this.actionObj.clone.style.left, 10);
         offsetLeft = Math.floor(offsetLeft / this.actionObj.cellWidth) * this.actionObj.cellWidth;
@@ -21396,7 +21405,7 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
             var cursorElement = this.getCursorElement(e);
             if (cursorElement) {
                 top = cursorElement.classList.contains(WORK_CELLS_CLASS) ? cursorElement.offsetTop :
-                    cursorElement.offsetParent.classList.contains(APPOINTMENT_CLASS) ?
+                    (cursorElement.offsetParent && cursorElement.offsetParent.classList.contains(APPOINTMENT_CLASS)) ?
                         cursorElement.offsetParent.offsetTop : top;
             }
         }
@@ -21945,6 +21954,14 @@ var ViewBase = /** @__PURE__ @class */ (function () {
         var tdDate = new Date(resetTime(new Date(+scrollDate)).getTime()).getTime();
         var dateElement = scrollWrap.querySelector("." + WORK_CELLS_CLASS + "[data-date=\"" + tdDate + "\"]");
         if (this.parent.currentView === 'Month' && dateElement) {
+            if (scrollWrap.scrollWidth > scrollWrap.clientWidth) {
+                if (!this.parent.enableRtl) {
+                    scrollWrap.scrollLeft = dateElement.offsetLeft;
+                }
+                else {
+                    scrollWrap.scrollLeft = -(this.parent.getContentTable().offsetWidth - dateElement.offsetLeft - dateElement.offsetWidth);
+                }
+            }
             scrollWrap.scrollTop = dateElement.offsetTop;
         }
         if (this.parent.currentView === 'TimelineMonth' && dateElement) {
@@ -22149,11 +22166,26 @@ var VerticalView = /** @__PURE__ @class */ (function (_super) {
     };
     VerticalView.prototype.scrollToHour = function (hour, scrollDate) {
         var date = this.parent.getStartEndTime(hour);
-        if (isNullOrUndefined(date) || !isNullOrUndefined(scrollDate)) {
+        if (!isNullOrUndefined(scrollDate)) {
+            var headerElement = this.element.querySelector('.' + HEADER_CELLS_CLASS + '[data-date="' + new Date(resetTime(scrollDate)).getTime() + '"]');
+            if (headerElement) {
+                if (this.parent.enableRtl) {
+                    var conWrap = this.element.querySelector('.' + CONTENT_TABLE_CLASS);
+                    this.getScrollableElement().scrollLeft = -(conWrap.offsetWidth - headerElement.offsetLeft - headerElement.offsetWidth);
+                }
+                else {
+                    this.getScrollableElement().scrollLeft = headerElement.offsetLeft;
+                }
+            }
+        }
+        if (isNullOrUndefined(date)) {
             return;
         }
         this.getScrollableElement().scrollTop = this.getTopFromDateTime(date);
     };
+    VerticalView.prototype.scrollToDate = function (scrollDate) {
+        this.scrollToHour(null, scrollDate);
+    };
     VerticalView.prototype.generateColumnLevels = function () {
         var level = this.getDateSlots(this.renderDates, this.parent.activeViewOptions.workDays);
         var columnLevels = [];
@@ -24000,6 +24032,9 @@ var AgendaBase = /** @__PURE__ @class */ (function (_super) {
                 itemClass: this.parent.activeView.viewClass,
                 template: "<div class=\"" + AGENDA_NO_EVENT_CLASS + "\">" + this.parent.localeObj.getConstant('noEvents') + "</div>"
             });
+            if (listElement.querySelector('.e-agenda-item').children.length === 0) {
+                listElement.firstElementChild.appendChild(createElement('div', { className: AGENDA_NO_EVENT_CLASS, innerHTML: this.parent.localeObj.getConstant('noEvents') }));
+            }
         }
         else {
             listElement = ListBase.createList(this.parent.createElement, listData, {