@syncfusion/ej2-schedule 20.4.38 → 20.4.42

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

@@ -19186,8 +19186,17 @@ class Resize extends ActionBase {
             return;
         }
         const pages = this.getPageCoordinates(e);
-        this.actionObj.pageX = pages.pageX;
-        this.actionObj.pageY = pages.pageY;
+        if (this.parent.currentView === 'Month' || this.parent.currentView === 'TimelineYear') {
+            const doc = document.documentElement;
+            const left = (window.pageXOffset || doc.scrollLeft) - (doc.clientLeft || 0);
+            const top = (window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0);
+            this.actionObj.pageX = pages.pageX - left;
+            this.actionObj.pageY = pages.pageY - top;
+        }
+        else {
+            this.actionObj.pageX = pages.pageX;
+            this.actionObj.pageY = pages.pageY;
+        }
         this.updateScrollPosition(e);
         this.updateResizingDirection(e);
         const eventObj = extend({}, this.actionObj.event, null, true);
@@ -19525,6 +19534,9 @@ class Resize extends ActionBase {
         clnTop = isTop ? Math.floor(clnTop / slotInterval) * slotInterval : clnTop;
         clnHeight = clnTop + clnHeight >= viewElement.scrollHeight ? viewElement.scrollHeight - clnTop :
             Math.ceil(clnHeight / slotInterval) * slotInterval;
+        if (!isTop && this.actionObj.clone.offsetTop + clnHeight >= this.parent.getContentTable().offsetHeight) {
+            clnHeight = this.parent.getContentTable().offsetHeight - this.actionObj.clone.offsetTop;
+        }
         const styles = {
             height: formatUnit(clnHeight < this.actionObj.cellHeight ? Math.floor(clnHeight / slotInterval) * slotInterval : clnHeight),
             top: formatUnit((clnHeight < this.actionObj.cellHeight && isTop) ? Math.ceil(clnTop / slotInterval) * slotInterval : clnTop),
@@ -21109,7 +21121,7 @@ class DragAndDrop extends ActionBase {
             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;
+        offsetLeft = Math.floor(offsetLeft / Math.trunc(this.actionObj.cellWidth)) * this.actionObj.cellWidth;
         let rightOffset;
         if (this.parent.enableRtl) {
             rightOffset = Math.abs(parseInt(this.actionObj.clone.style.right, 10));
@@ -21195,25 +21207,27 @@ class DragAndDrop extends ActionBase {
             eventsData = this.updatedData;
         }
         for (let dataIndex = 0; dataIndex < eventsData.length; dataIndex++) {
-            const events = this.timelineEventModule.splitEvent(eventsData[parseInt(dataIndex.toString(), 10)], this.timelineEventModule.dateRender);
-            const eventData = events[0].data;
-            const startTime = this.timelineEventModule.getStartTime(events[0], eventData);
-            const endTime = this.timelineEventModule.getEndTime(events[0], eventData);
-            // eslint-disable-next-line max-len
-            const width = this.timelineEventModule.getEventWidth(startTime, endTime, eventObj[this.parent.eventFields.isAllDay], eventData.count);
-            // eslint-disable-next-line max-len
-            let day = this.parent.getIndexOfDate(this.timelineEventModule.dateRender, resetTime(new Date(startTime.getTime())));
-            day = day < 0 ? 0 : day;
-            const left = this.timelineEventModule.getPosition(startTime, endTime, eventObj[this.parent.eventFields.isAllDay], day);
             const cloneElement = this.multiData.length > 0 ? this.actionObj.cloneElement[parseInt(dataIndex.toString(), 10)] : this.actionObj.clone;
-            if (this.parent.enableRtl) {
-                cloneElement.style.right = formatUnit(left);
-            }
-            else {
-                cloneElement.style.left = formatUnit(left);
-            }
-            if (!this.isMorePopupOpened) {
-                cloneElement.style.width = formatUnit(width);
+            if (isNullOrUndefined(this.parent.eventDragArea)) {
+                const events = this.timelineEventModule.splitEvent(eventsData[parseInt(dataIndex.toString(), 10)], this.timelineEventModule.dateRender);
+                const eventData = events[0].data;
+                const startTime = this.timelineEventModule.getStartTime(events[0], eventData);
+                const endTime = this.timelineEventModule.getEndTime(events[0], eventData);
+                // eslint-disable-next-line max-len
+                const width = this.timelineEventModule.getEventWidth(startTime, endTime, eventObj[this.parent.eventFields.isAllDay], eventData.count);
+                // eslint-disable-next-line max-len
+                let day = this.parent.getIndexOfDate(this.timelineEventModule.dateRender, resetTime(new Date(startTime.getTime())));
+                day = day < 0 ? 0 : day;
+                const left = this.timelineEventModule.getPosition(startTime, endTime, eventObj[this.parent.eventFields.isAllDay], day);
+                if (this.parent.enableRtl) {
+                    cloneElement.style.right = formatUnit(left);
+                }
+                else {
+                    cloneElement.style.left = formatUnit(left);
+                }
+                if (!this.isMorePopupOpened) {
+                    cloneElement.style.width = formatUnit(width);
+                }
             }
             if (this.parent.activeViewOptions.group.resources.length > 0) {
                 this.calculateResourceGroupingPosition(e, cloneElement);
@@ -21240,7 +21254,9 @@ class DragAndDrop extends ActionBase {
                         rightOffset = (viewEle.scrollLeft - viewEle.scrollWidth);
                     }
                 }
-                this.actionObj.clone.style.left = formatUnit(rightOffset);
+                if (isNullOrUndefined(this.parent.eventDragArea)) {
+                    this.actionObj.clone.style.left = formatUnit(rightOffset);
+                }
             }
             else {
                 if (this.scrollEdges.left) {
@@ -21257,7 +21273,9 @@ class DragAndDrop extends ActionBase {
                         this.actionObj.clone.offsetWidth) + (this.actionObj.clone.offsetWidth - this.widthUptoCursorPoint);
                 }
                 offsetLeft = offsetLeft < 0 ? 0 : offsetLeft;
-                this.actionObj.clone.style.left = formatUnit(offsetLeft);
+                if (isNullOrUndefined(this.parent.eventDragArea)) {
+                    this.actionObj.clone.style.left = formatUnit(offsetLeft);
+                }
             }
         }
         return offsetLeft;
@@ -21335,6 +21353,9 @@ class DragAndDrop extends ActionBase {
         const td = closest(this.actionObj.target, 'td');
         this.actionObj.groupIndex = (td && !isNaN(parseInt(td.getAttribute('data-group-index'), 10)))
             ? parseInt(td.getAttribute('data-group-index'), 10) : this.actionObj.groupIndex;
+        if (!isNullOrUndefined(this.parent.eventDragArea)) {
+            return;
+        }
         let top = trCollection[parseInt(rowIndex.toString(), 10)].getBoundingClientRect().height * rowIndex;
         if (this.parent.rowAutoHeight) {
             const cursorElement = this.getCursorElement(e);