@syncfusion/ej2-schedule 20.1.59 → 20.1.61

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

@@ -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;
@@ -7229,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' });
             });
@@ -9080,6 +9081,7 @@ class QuickPopups {
         }
         else {
             const isSameTarget = this.isSameEventClick(events);
+            this.parent.selectedElements = [];
             if (isSameTarget) {
                 return;
             }
@@ -9145,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 });
@@ -18294,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)) {
@@ -18303,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);
@@ -20686,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;
             }
         }
@@ -21225,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) {
@@ -21413,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 = [];