@syncfusion/ej2-schedule 20.1.56 → 20.1.61

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

@@ -5718,7 +5718,7 @@ class EventBase {
     isAllDayAppointment(event) {
         const fieldMapping = this.parent.eventFields;
         const isAllDay = event[fieldMapping.isAllDay];
-        const isFullDay = ((event[fieldMapping.endTime].getTime() - event[fieldMapping.startTime].getTime())
+        const isFullDay = ((getUniversalTime(event[fieldMapping.endTime]) - getUniversalTime(event[fieldMapping.startTime]))
             / MS_PER_DAY) >= 1;
         return (isAllDay || (this.parent.eventSettings.spannedEventPlacement !== 'TimeSlot' && isFullDay)) ? true : false;
     }
@@ -5737,6 +5737,7 @@ class EventBase {
         }
         else if (!closest(element, '.' + POPUP_OPEN)) {
             this.removeSelectedAppointmentClass();
+            this.parent.selectedElements = [];
         }
     }
     wireAppointmentEvents(element, event, isPreventCrud = false) {
@@ -5838,6 +5839,7 @@ class EventBase {
             this.parent.trigger(eventClick, args, (eventClickArgs) => {
                 if (eventClickArgs.cancel) {
                     this.removeSelectedAppointmentClass();
+                    this.parent.selectedElements = [];
                     if (this.parent.quickPopup) {
                         this.parent.quickPopup.quickPopupHide();
                     }
@@ -5869,6 +5871,7 @@ class EventBase {
             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;
@@ -6265,16 +6268,18 @@ class EventBase {
         }
     }
     updateEventMinimumDuration(startEndHours, startTime, endTime) {
-        const eventDuration = (getUniversalTime(endTime) - getUniversalTime(startTime)) / MS_PER_MINUTE;
-        if (eventDuration < this.parent.eventSettings.minimumEventDuration) {
-            const tempEnd = new Date(startTime);
-            tempEnd.setMinutes(tempEnd.getMinutes() + this.parent.eventSettings.minimumEventDuration);
-            endTime = tempEnd;
-            if (endTime.getTime() > startEndHours.endHour.getTime()) {
-                const tempStart = new Date(startEndHours.endHour.getTime());
-                tempStart.setMinutes(tempStart.getMinutes() - this.parent.eventSettings.minimumEventDuration);
-                startTime = tempStart;
-                endTime = startEndHours.endHour;
+        if (startTime.getTime() < endTime.getTime()) {
+            const eventDuration = (getUniversalTime(endTime) - getUniversalTime(startTime)) / MS_PER_MINUTE;
+            if (eventDuration < this.parent.eventSettings.minimumEventDuration) {
+                const tempEnd = new Date(startTime);
+                tempEnd.setMinutes(tempEnd.getMinutes() + this.parent.eventSettings.minimumEventDuration);
+                endTime = tempEnd;
+                if (endTime.getTime() > startEndHours.endHour.getTime()) {
+                    const tempStart = new Date(startEndHours.endHour.getTime());
+                    tempStart.setMinutes(tempStart.getMinutes() - this.parent.eventSettings.minimumEventDuration);
+                    startTime = tempStart;
+                    endTime = startEndHours.endHour;
+                }
             }
         }
         return { startDate: startTime, endDate: endTime };
@@ -7227,9 +7232,7 @@ class MonthEvent extends EventBase {
         this.sortByDateTime(blockList);
         if (this.parent.currentView === 'Month' && this.parent.rowAutoHeight && this.parent.activeViewOptions.group.resources.length === 0) {
             const totalCells = [].slice.call(this.parent.element.querySelectorAll('.e-content-wrap table tr td:first-child'));
-            const height = 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;
+            const height = this.parent.element.querySelector('.' + CONTENT_TABLE_CLASS).clientHeight / totalCells.length;
             totalCells.forEach((cell) => {
                 setStyleAttribute(cell, { 'height': height + 'px' });
             });
@@ -9078,6 +9081,7 @@ class QuickPopups {
         }
         else {
             const isSameTarget = this.isSameEventClick(events);
+            this.parent.selectedElements = [];
             if (isSameTarget) {
                 return;
             }
@@ -9143,7 +9147,7 @@ class QuickPopups {
                         `<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;
             }
             const templateWrapper = createElement('div', { innerHTML: header });
@@ -9325,11 +9329,11 @@ class QuickPopups {
             (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 {
@@ -16557,8 +16561,12 @@ let Schedule = class Schedule extends Component {
                         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':
@@ -18288,6 +18296,7 @@ class ActionBase {
         }
     }
     updateScrollPosition(e) {
+        this.scrollEventArgs = e;
         if (this.actionObj.scroll.enable && isNullOrUndefined(this.actionObj.scrollInterval)) {
             this.actionObj.scrollInterval = window.setInterval(() => {
                 if (this.autoScrollValidation() && !this.actionObj.clone.classList.contains(ALLDAY_APPOINTMENT_CLASS)) {
@@ -18297,10 +18306,10 @@ class ActionBase {
                     }
                     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);
@@ -20017,7 +20026,7 @@ class DragAndDrop extends ActionBase {
         const eventObj = extend({}, this.actionObj.event, null, true);
         const eventStart = eventObj[this.parent.eventFields.startTime];
         const eventEnd = eventObj[this.parent.eventFields.endTime];
-        const eventDuration = eventEnd.getTime() - eventStart.getTime();
+        const eventDuration = getUniversalTime(eventEnd) - getUniversalTime(eventStart);
         let offsetTop = Math.floor(parseInt(this.actionObj.clone.style.top, 10) / this.actionObj.cellHeight)
             * this.actionObj.cellHeight;
         offsetTop = offsetTop < 0 ? 0 : offsetTop;
@@ -20372,8 +20381,8 @@ class DragAndDrop extends ActionBase {
         if (isNullOrUndefined(this.parent.eventDragArea)) {
             this.removeCloneElement();
         }
-        const eventDuration = eventObj[this.parent.eventFields.endTime].getTime() -
-            eventObj[this.parent.eventFields.startTime].getTime();
+        const eventDuration = getUniversalTime(eventObj[this.parent.eventFields.endTime]) -
+            getUniversalTime(eventObj[this.parent.eventFields.startTime]);
         let td = closest(this.actionObj.target, 'td');
         if (!isNullOrUndefined(td)) {
             const tr = td.parentElement;
@@ -20386,12 +20395,12 @@ class DragAndDrop extends ActionBase {
                     this.actionObj.groupIndex = parseInt(td.getAttribute('data-group-index'), 10);
                 }
                 const timeString = new Date(currentDate.setDate(currentDate.getDate() - this.daysVariation));
-                let dragStart$$1 = new Date(timeString.getTime());
-                let dragEnd = new Date(dragStart$$1.getTime());
-                const 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);
+                const dragStart$$1 = new Date(timeString.getTime());
+                const startTimeDiff = getUniversalTime(eventObj[this.parent.eventFields.startTime]) -
+                    getUniversalTime(resetTime(new Date(+eventObj[this.parent.eventFields.startTime])));
+                dragStart$$1.setMilliseconds(startTimeDiff);
+                const dragEnd = new Date(dragStart$$1.getTime());
+                dragEnd.setMilliseconds(eventDuration);
                 this.actionObj.start = new Date(dragStart$$1.getTime());
                 this.actionObj.end = new Date(dragEnd.getTime());
             }
@@ -20446,8 +20455,8 @@ class DragAndDrop extends ActionBase {
     }
     calculateTimelineTime(e) {
         const eventObj = extend({}, this.actionObj.event, null, true);
-        const eventDuration = eventObj[this.parent.eventFields.endTime].getTime() -
-            eventObj[this.parent.eventFields.startTime].getTime();
+        const eventDuration = getUniversalTime(eventObj[this.parent.eventFields.endTime]) -
+            getUniversalTime(eventObj[this.parent.eventFields.startTime]);
         let 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;
@@ -20680,7 +20689,7 @@ class DragAndDrop extends ActionBase {
             const 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;
             }
         }
@@ -21219,6 +21228,14 @@ class ViewBase {
         const tdDate = new Date(resetTime(new Date(+scrollDate)).getTime()).getTime();
         const 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) {
@@ -21407,11 +21424,26 @@ class VerticalView extends ViewBase {
     }
     scrollToHour(hour, scrollDate) {
         const date = this.parent.getStartEndTime(hour);
-        if (isNullOrUndefined(date) || !isNullOrUndefined(scrollDate)) {
+        if (!isNullOrUndefined(scrollDate)) {
+            const headerElement = this.element.querySelector('.' + HEADER_CELLS_CLASS + '[data-date="' + new Date(resetTime(scrollDate)).getTime() + '"]');
+            if (headerElement) {
+                if (this.parent.enableRtl) {
+                    const 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);
     }
+    scrollToDate(scrollDate) {
+        this.scrollToHour(null, scrollDate);
+    }
     generateColumnLevels() {
         const level = this.getDateSlots(this.renderDates, this.parent.activeViewOptions.workDays);
         let columnLevels = [];
@@ -23139,6 +23171,9 @@ class AgendaBase extends ViewBase {
                 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, {