@syncfusion/ej2-schedule 20.4.43 → 20.4.48

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

@@ -1696,7 +1696,7 @@ var ScheduleTouch = /** @__PURE__ @class */ (function () {
             if (offsetDist > time || (e.distanceX > (this.parent.element.offsetWidth / 2))) {
                 this.swapPanels(e.swipeDirection);
                 if (offsetDist > time && (e.distanceX > (this.parent.element.offsetWidth / 2))) {
-                    this.element.style.transitionDuration = ((offsetDist / time) / 10) + 's';
+                    this.element.style.transitionDuration = (((Browser.isDevice ? e.distanceX : offsetDist) / time) / 10) + 's';
                 }
                 this.confirmSwipe(e.swipeDirection);
             }
@@ -1826,6 +1826,7 @@ var ScheduleTouch = /** @__PURE__ @class */ (function () {
         this.nextPanel = null;
         this.timeStampStart = null;
         this.element.style.transform = '';
+        this.element.style.transitionDuration = '';
         removeChildren(this.element);
         removeClass([this.element], TRANSLATE_CLASS);
     };
@@ -5480,8 +5481,8 @@ var EventBase = /** @__PURE__ @class */ (function () {
         return filteredCollection;
     };
     EventBase.prototype.sortByTime = function (appointmentsCollection) {
-        if (this.parent.eventSettings.sortComparer) {
-            appointmentsCollection = this.parent.eventSettings.sortComparer.call(this.parent, appointmentsCollection);
+        if (this.parent.eventSettings.sortComparer && (typeof (this.parent.eventSettings.sortComparer) === 'function' || typeof (this.parent.eventSettings.sortComparer) === 'string')) {
+            appointmentsCollection = this.customSorting(appointmentsCollection);
         }
         else {
             var fieldMappings_1 = this.parent.eventFields;
@@ -5494,8 +5495,8 @@ var EventBase = /** @__PURE__ @class */ (function () {
         return appointmentsCollection;
     };
     EventBase.prototype.sortByDateTime = function (appointments) {
-        if (this.parent.eventSettings.sortComparer) {
-            appointments = this.parent.eventSettings.sortComparer.call(this.parent, appointments);
+        if (this.parent.eventSettings.sortComparer && (typeof (this.parent.eventSettings.sortComparer) === 'function' || typeof (this.parent.eventSettings.sortComparer) === 'string')) {
+            appointments = this.customSorting(appointments);
         }
         else {
             var fieldMapping_1 = this.parent.eventFields;
@@ -5511,6 +5512,22 @@ var EventBase = /** @__PURE__ @class */ (function () {
         }
         return appointments;
     };
+    EventBase.prototype.customSorting = function (appointments) {
+        if (typeof (this.parent.eventSettings.sortComparer) === 'function') {
+            return this.parent.eventSettings.sortComparer.call(this.parent, appointments);
+        }
+        else if (typeof (this.parent.eventSettings.sortComparer) === 'string') {
+            var splits = this.parent.eventSettings.sortComparer.split('.');
+            var sortFn = void 0;
+            if (!isNullOrUndefined(window)) {
+                sortFn = window[splits[splits.length - 1]];
+            }
+            if (sortFn) {
+                return sortFn(appointments);
+            }
+        }
+        return appointments;
+    };
     EventBase.prototype.getSmallestMissingNumber = function (array) {
         var large = Math.max.apply(Math, array);
         for (var i = 0; i < large; i++) {
@@ -6475,6 +6492,14 @@ var EventBase = /** @__PURE__ @class */ (function () {
         }
         return tr;
     };
+    EventBase.prototype.getPageCoordinates = function (e) {
+        if (isNullOrUndefined(e)) {
+            return e;
+        }
+        var eventArgs = e.event;
+        return eventArgs && eventArgs.changedTouches ? eventArgs.changedTouches[0] : e.changedTouches ? e.changedTouches[0] :
+            eventArgs || e;
+    };
     EventBase.prototype.unWireEvents = function () {
         var appElements = [].slice.call(this.parent.element.querySelectorAll('.' + APPOINTMENT_CLASS));
         for (var _i = 0, appElements_1 = appElements; _i < appElements_1.length; _i++) {
@@ -9347,7 +9372,7 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
         if (deleteIcon) {
             this.renderButton('e-flat e-round e-small', ICON + ' ' + DELETE_ICON_CLASS, deleteAction, deleteIcon, this.deleteClick);
         }
-        this.beforeQuickPopupOpen(target);
+        this.beforeQuickPopupOpen(target, this.parent.eventBase.getPageCoordinates(e));
     };
     QuickPopups.prototype.isCellBlocked = function (args) {
         var tempObj = {};
@@ -9434,7 +9459,7 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
         this.quickPopup.content = quickCellPopup;
         this.quickPopup.relateTo = target;
         this.quickPopup.dataBind();
-        this.beforeQuickPopupOpen(target);
+        this.beforeQuickPopupOpen(target, this.parent.eventBase.getPageCoordinates(args.event));
     };
     QuickPopups.prototype.isSameEventClick = function (events) {
         var isSameTarget = this.quickPopup.relateTo === closest(events.element, '.' + APPOINTMENT_CLASS);
@@ -9511,7 +9536,7 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
             this.quickPopup.relateTo = this.parent.isAdaptive ? document.body :
                 closest(events.element, '.' + APPOINTMENT_CLASS);
             this.quickPopup.dataBind();
-            this.beforeQuickPopupOpen(events.element);
+            this.beforeQuickPopupOpen(events.element, this.parent.eventBase.getPageCoordinates(events.originalEvent));
         }
     };
     QuickPopups.prototype.getPopupHeader = function (headerType, headerData) {
@@ -9792,15 +9817,16 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
                 this.morePopup.relateTo = closest(target, '.' + WORK_CELLS_CLASS);
             }
         }
-        this.parent.renderTemplates();
-        var eventProp = {
-            type: 'EventContainer', cancel: false,
-            element: this.morePopup.element, data: data
-        };
-        this.parent.trigger(popupOpen, eventProp, function (popupArgs) {
-            if (!popupArgs.cancel) {
-                _this.morePopup.show();
-            }
+        this.parent.renderTemplates(function () {
+            var eventProp = {
+                type: 'EventContainer', cancel: false,
+                element: _this.morePopup.element, data: data
+            };
+            _this.parent.trigger(popupOpen, eventProp, function (popupArgs) {
+                if (!popupArgs.cancel) {
+                    _this.morePopup.show();
+                }
+            });
         });
     };
     QuickPopups.prototype.saveClick = function (event) {
@@ -9991,71 +10017,103 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
             }
         });
     };
-    QuickPopups.prototype.beforeQuickPopupOpen = function (target) {
+    QuickPopups.prototype.beforeQuickPopupOpen = function (target, originalEvent) {
         var _this = this;
-        this.parent.renderTemplates();
-        var isEventPopup = this.quickPopup.element.querySelector('.' + EVENT_POPUP_CLASS);
-        var popupType = this.parent.isAdaptive ? isEventPopup ? 'ViewEventInfo' : 'EditEventInfo' : 'QuickInfo';
-        var eventProp = {
-            type: popupType, cancel: false, data: extend({}, this.getDataFromTarget(target), null, true),
-            target: target, element: this.quickPopup.element
-        };
-        this.parent.trigger(popupOpen, eventProp, function (popupArgs) {
-            if (popupArgs.cancel) {
-                _this.quickPopupHide();
-                _this.destroyPopupButtons('quickPopup');
-                if (popupArgs.element.classList.contains(POPUP_OPEN)) {
-                    _this.quickPopupClose();
-                }
-                removeChildren(_this.quickPopup.element);
-                _this.isMultipleEventSelect = false;
-            }
-            else {
-                var display = _this.quickPopup.element.style.display;
-                _this.quickPopup.element.style.display = 'block';
-                if (_this.parent.isAdaptive) {
-                    _this.quickPopup.element.removeAttribute('style');
-                    _this.quickPopup.element.style.display = 'block';
-                    _this.quickPopup.element.style.height = formatUnit((popupType === 'EditEventInfo') ? 65 : window.innerHeight);
+        this.parent.renderTemplates(function () {
+            var isEventPopup = _this.quickPopup.element.querySelector('.' + EVENT_POPUP_CLASS);
+            var popupType = _this.parent.isAdaptive ? isEventPopup ? 'ViewEventInfo' : 'EditEventInfo' : 'QuickInfo';
+            var eventProp = {
+                type: popupType, cancel: false, data: extend({}, _this.getDataFromTarget(target), null, true),
+                target: target, element: _this.quickPopup.element
+            };
+            _this.parent.trigger(popupOpen, eventProp, function (popupArgs) {
+                if (popupArgs.cancel) {
+                    _this.quickPopupHide();
+                    _this.destroyPopupButtons('quickPopup');
+                    if (popupArgs.element.classList.contains(POPUP_OPEN)) {
+                        _this.quickPopupClose();
+                    }
+                    removeChildren(_this.quickPopup.element);
+                    _this.isMultipleEventSelect = false;
                 }
                 else {
-                    var isVirtualScroll = _this.parent.virtualScrollModule && _this.parent.virtualScrollModule.isHorizontalScroll
-                        && !isNullOrUndefined(closest(target, '.' + CONTENT_TABLE_CLASS));
-                    var conTable = _this.parent.element.querySelector('.' + CONTENT_WRAP_CLASS + ' table');
-                    _this.quickPopup.offsetX = isVirtualScroll && !_this.parent.enableRtl ? (getTranslateX(conTable) + 10) : 10;
-                    _this.quickPopup.collision = { X: _this.parent.enableRtl ? 'flip' : 'none', Y: 'fit' };
-                    _this.quickPopup.position = { X: _this.parent.enableRtl ? 'left' : 'right', Y: _this.parent.enableRtl ? 'bottom' : 'top' };
-                    _this.quickPopup.dataBind();
-                    _this.quickPopup.refreshPosition(null, true);
-                    var collide = isCollide(_this.quickPopup.element, _this.parent.element);
-                    if (collide.indexOf(_this.parent.enableRtl ? 'left' : 'right') > -1) {
-                        _this.quickPopup.offsetX = -target.offsetWidth - 10 - _this.quickPopup.element.offsetWidth;
-                        if (isVirtualScroll && !_this.parent.enableRtl) {
-                            _this.quickPopup.offsetX = getTranslateX(conTable) + _this.quickPopup.offsetX;
-                        }
+                    var display = _this.quickPopup.element.style.display;
+                    _this.quickPopup.element.style.display = 'block';
+                    if (_this.parent.isAdaptive) {
+                        _this.quickPopup.element.removeAttribute('style');
+                        _this.quickPopup.element.style.display = 'block';
+                        _this.quickPopup.element.style.height = formatUnit((popupType === 'EditEventInfo') ? 65 : window.innerHeight);
+                    }
+                    else {
+                        var isVirtualScroll = _this.parent.virtualScrollModule && _this.parent.virtualScrollModule.isHorizontalScroll
+                            && !isNullOrUndefined(closest(target, '.' + CONTENT_TABLE_CLASS));
+                        var conTable = _this.parent.element.querySelector('.' + CONTENT_WRAP_CLASS + ' table');
+                        _this.quickPopup.offsetX = isVirtualScroll && !_this.parent.enableRtl ? (getTranslateX(conTable) + 10) : 10;
+                        _this.quickPopup.offsetY = _this.parent.virtualScrollModule && !_this.parent.virtualScrollModule.isHorizontalScroll ?
+                            _this.quickPopup.offsetY : 0;
+                        _this.quickPopup.collision = { X: _this.parent.enableRtl ? 'flip' : 'none', Y: 'fit' };
+                        _this.quickPopup.position = { X: _this.parent.enableRtl ? 'left' : 'right', Y: _this.parent.enableRtl ? 'bottom' : 'top' };
                         _this.quickPopup.dataBind();
                         _this.quickPopup.refreshPosition(null, true);
-                        var leftCollide = isCollide(_this.quickPopup.element, _this.parent.element);
-                        if (leftCollide.indexOf('left') > -1) {
-                            _this.quickPopup.position = { X: 'center', Y: 'center' };
-                            _this.quickPopup.collision = { X: 'fit', Y: 'fit' };
-                            _this.quickPopup.offsetX = -(_this.quickPopup.element.offsetWidth / 2);
+                        var collide = isCollide(_this.quickPopup.element, _this.parent.element);
+                        if (collide.indexOf(_this.parent.enableRtl ? 'left' : 'right') > -1) {
+                            _this.quickPopup.offsetX = -target.offsetWidth - 10 - _this.quickPopup.element.offsetWidth;
+                            if (isVirtualScroll && !_this.parent.enableRtl) {
+                                _this.quickPopup.offsetX = getTranslateX(conTable) + _this.quickPopup.offsetX;
+                            }
                             _this.quickPopup.dataBind();
+                            _this.quickPopup.refreshPosition(null, true);
+                            var leftCollide = isCollide(_this.quickPopup.element, _this.parent.element);
+                            if (leftCollide.indexOf('left') > -1) {
+                                _this.quickPopup.position = { X: 'center', Y: 'center' };
+                                _this.quickPopup.collision = { X: 'fit', Y: 'fit' };
+                                _this.quickPopup.offsetX = -(_this.quickPopup.element.offsetWidth / 2);
+                                _this.quickPopup.dataBind();
+                            }
+                        }
+                        if (_this.parent.virtualScrollModule && !_this.parent.virtualScrollModule.isHorizontalScroll && (collide.indexOf('top') > -1 || collide.indexOf('bottom') > -1)) {
+                            var translateY = getTranslateY(conTable);
+                            _this.quickPopup.offsetY = translateY;
+                            _this.quickPopup.dataBind();
+                            _this.quickPopup.refreshPosition(null, true);
+                        }
+                        if (_this.quickPopup.position.X === 'center' && _this.quickPopup.position.Y === 'center' && !isNullOrUndefined(originalEvent) &&
+                            originalEvent.clientX && originalEvent.clientY) {
+                            var clientX = originalEvent.clientX;
+                            var clientY = originalEvent.clientY;
+                            var targetRect = target.getBoundingClientRect();
+                            var offsetY = originalEvent.offsetY || Math.ceil(clientY - targetRect.y);
+                            var previousOffset = _this.quickPopup.offsetY;
+                            var collision = isCollide(_this.quickPopup.element, target);
+                            var popupRect = _this.quickPopup.element.getBoundingClientRect();
+                            var targetEle = document.elementFromPoint(clientX, clientY);
+                            if (collision.indexOf('top') > -1 || collision.indexOf('bottom') > -1 || closest(targetEle, '.' + POPUP_WRAPPER_CLASS)) {
+                                if (popupRect.top <= clientY &&
+                                    clientY <= popupRect.top + popupRect.height) {
+                                    _this.quickPopup.offsetY = previousOffset - popupRect.height - 10;
+                                    _this.quickPopup.dataBind();
+                                    collision = isCollide(_this.quickPopup.element, _this.parent.element);
+                                    if (collision.indexOf('top') > -1) {
+                                        _this.quickPopup.offsetY = previousOffset + offsetY + 10;
+                                        _this.quickPopup.dataBind();
+                                    }
+                                }
+                                else if (isCollide(_this.quickPopup.element, _this.parent.element).indexOf('bottom') > -1) {
+                                    _this.quickPopup.offsetY =
+                                        previousOffset - offsetY - Math.ceil(popupRect.height) - 10;
+                                    _this.quickPopup.dataBind();
+                                }
+                            }
                         }
                     }
-                    if (_this.parent.virtualScrollModule && !_this.parent.virtualScrollModule.isHorizontalScroll && (collide.indexOf('top') > -1 || collide.indexOf('bottom') > -1)) {
-                        var translateY = getTranslateY(conTable);
-                        _this.quickPopup.offsetY = translateY;
-                        _this.quickPopup.dataBind();
+                    if (isEventPopup) {
+                        _this.applyEventColor();
                     }
+                    _this.quickPopup.element.style.display = display;
+                    _this.quickPopup.dataBind();
+                    _this.quickPopup.show();
                 }
-                if (isEventPopup) {
-                    _this.applyEventColor();
-                }
-                _this.quickPopup.element.style.display = display;
-                _this.quickPopup.dataBind();
-                _this.quickPopup.show();
-            }
+            });
         });
     };
     QuickPopups.prototype.applyEventColor = function () {
@@ -11831,6 +11889,7 @@ var EventWindow = /** @__PURE__ @class */ (function () {
         return container;
     };
     EventWindow.prototype.renderFormElements = function (form, args) {
+        var _this = this;
         if (!isNullOrUndefined(this.parent.editorTemplate)) {
             if (args) {
                 if (this.recurrenceEditor) {
@@ -11847,8 +11906,9 @@ var EventWindow = /** @__PURE__ @class */ (function () {
             var templateId = this.parent.element.id + '_editorTemplate';
             var tempEle = [].slice.call(this.parent.getEditorTemplate()(args || {}, this.parent, 'editorTemplate', templateId, false));
             append(tempEle, form);
-            this.parent.renderTemplates();
-            this.applyFormValidation();
+            this.parent.renderTemplates(function () {
+                _this.applyFormValidation();
+            });
         }
         else {
             form.appendChild(this.getDefaultEventWindowContent());
@@ -12794,7 +12854,9 @@ var EventWindow = /** @__PURE__ @class */ (function () {
             }
         }
         if (this.recurrenceEditor && this.recurrenceEditor.value && this.recurrenceEditor.value !== '') {
-            alertType = this.recurrenceValidation(eventObj[this.fields.startTime], eventObj[this.fields.endTime], alert);
+            if (this.parent.currentAction !== 'EditOccurrence') {
+                alertType = this.recurrenceValidation(eventObj[this.fields.startTime], eventObj[this.fields.endTime], alert);
+            }
             var isShowAlert = true;
             if (alertType === 'seriesChangeAlert' && this.parent.uiStateValues.isIgnoreOccurrence) {
                 isShowAlert = false;
@@ -13027,53 +13089,58 @@ var EventWindow = /** @__PURE__ @class */ (function () {
         if (isNullOrUndefined(index)) {
             return false;
         }
+        var currentStartTime = new Date(+currentData[this.fields.startTime]);
+        var currentEndTime = new Date(+currentData[this.fields.endTime]);
+        if (index !== recurColl.length - 1) {
+            var nextStartTime = new Date(+recurColl[index + 1][this.fields.startTime]);
+            var nextEndTime = new Date(+recurColl[index + 1][this.fields.endTime]);
+        }
+        var lastEndTime = new Date(+recurColl[recurColl.length - 1][this.fields.endTime]);
         if (index === 0) {
             if (!isNullOrUndefined(recurColl[index + 1])) {
-                if (!(resetTime(new Date(+recurColl[index + 1][this.fields.startTime])).getTime() >
-                    resetTime(new Date(+currentData[this.fields.endTime])).getTime()) &&
-                    (resetTime(new Date(+recurColl[recurColl.length - 1][this.fields.endTime])).getTime() >=
-                        resetTime(new Date(+currentData[this.fields.startTime])).getTime())) {
-                    this.parent.quickPopup.openRecurrenceValidationAlert('sameDayAlert');
+                if (!(nextStartTime.getTime() >= currentEndTime.getTime()) &&
+                    (resetTime(lastEndTime).getTime() >=
+                        resetTime(currentStartTime).getTime()) ||
+                    resetTime(lastEndTime).getTime() < resetTime(currentStartTime).getTime()) {
+                    this.parent.quickPopup.openRecurrenceValidationAlert('occurrenceAlert');
                     return true;
                 }
-                else if (resetTime(new Date(+recurColl[recurColl.length - 1][this.fields.endTime])).getTime() <
-                    resetTime(new Date(+currentData[this.fields.startTime])).getTime()) {
-                    this.parent.quickPopup.openRecurrenceValidationAlert('occurrenceAlert');
+                else if (!(resetTime(currentStartTime).getTime() <
+                    resetTime(nextStartTime).getTime())) {
+                    this.parent.quickPopup.openRecurrenceValidationAlert('sameDayAlert');
                     return true;
                 }
             }
             return false;
         }
         else {
+            var previousStartTime = new Date(+recurColl[index - 1][this.fields.startTime]);
+            var previousEndTime = new Date(+recurColl[index - 1][this.fields.endTime]);
             if (index === recurColl.length - 1) {
-                if (!(resetTime(new Date(+recurColl[index - 1][this.fields.endTime])).getTime() <
-                    resetTime(new Date(+currentData[this.fields.startTime])).getTime()) &&
-                    (resetTime(new Date(+recurColl[(recurColl.length - 1) - index][this.fields.startTime])).getTime() <=
-                        resetTime(new Date(+currentData[this.fields.endTime])).getTime())) {
-                    this.parent.quickPopup.openRecurrenceValidationAlert('sameDayAlert');
+                if (resetTime(new Date(+recurColl[(recurColl.length - 1) - index][this.fields.startTime])).getTime() >
+                    resetTime(currentStartTime).getTime()) {
+                    this.parent.quickPopup.openRecurrenceValidationAlert('occurrenceAlert');
                     return true;
                 }
-                else if (resetTime(new Date(+recurColl[(recurColl.length - 1) - index][this.fields.endTime])).getTime() >
-                    resetTime(new Date(+currentData[this.fields.startTime])).getTime()) {
-                    this.parent.quickPopup.openRecurrenceValidationAlert('occurrenceAlert');
+                else if (!((previousEndTime.getTime() <= currentStartTime.getTime()) &&
+                    (resetTime(currentStartTime).getTime() > resetTime(previousStartTime).getTime()))) {
+                    this.parent.quickPopup.openRecurrenceValidationAlert('sameDayAlert');
                     return true;
                 }
             }
-            else if (!(((resetTime(new Date(+recurColl[index - 1][this.fields.endTime])).getTime() <
-                resetTime(new Date(+currentData[this.fields.startTime])).getTime()) ||
-                (resetTime(new Date(+recurColl[0][this.fields.startTime])).getTime() >
-                    resetTime(new Date(+currentData[this.fields.startTime])).getTime())) &&
-                ((resetTime(new Date(+recurColl[index + 1][this.fields.startTime])).getTime() >
-                    resetTime(new Date(+currentData[this.fields.endTime])).getTime()) ||
-                    (resetTime(new Date(+recurColl[recurColl.length - 1][this.fields.endTime])).getTime() <
-                        resetTime(new Date(+currentData[this.fields.startTime])).getTime())))) {
+            else if (!(((resetTime(previousStartTime).getTime() < resetTime(currentStartTime).getTime()) ||
+                resetTime(new Date(+recurColl[0][this.fields.startTime])).getTime() >
+                    resetTime(currentStartTime).getTime()) &&
+                ((resetTime(nextStartTime).getTime() > resetTime(currentStartTime).getTime()) ||
+                    (lastEndTime.getTime() < currentStartTime.getTime())))) {
                 this.parent.quickPopup.openRecurrenceValidationAlert('sameDayAlert');
                 return true;
             }
-            else if ((resetTime(new Date(+recurColl[index + 1][this.fields.endTime])).getTime() <
-                resetTime(new Date(+currentData[this.fields.startTime])).getTime()) ||
-                (resetTime(new Date(+recurColl[index - 1][this.fields.startTime])).getTime() >
-                    resetTime(new Date(+currentData[this.fields.endTime])).getTime())) {
+            else if (!(previousEndTime.getTime() <= currentStartTime.getTime() && nextStartTime.getTime() >
+                currentEndTime.getTime()) || (resetTime(nextEndTime).getTime() <
+                resetTime(currentStartTime).getTime()) ||
+                (resetTime(previousStartTime).getTime() > resetTime(currentEndTime).getTime()) ||
+                !(resetTime(currentStartTime).getTime() < resetTime(nextStartTime).getTime())) {
                 this.parent.quickPopup.openRecurrenceValidationAlert('occurrenceAlert');
                 return true;
             }
@@ -16511,12 +16578,16 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
     /**
      * Method to render react templates
      *
+     * @param {Function} callBack - specifies the callBack method
      * @returns {void}
      * @private
      */
-    Schedule.prototype.renderTemplates = function () {
+    Schedule.prototype.renderTemplates = function (callback) {
         if (this.isReact) {
-            this.renderReactTemplates();
+            this.renderReactTemplates(callback);
+        }
+        else if (callback) {
+            callback();
         }
     };
     /**
@@ -19378,11 +19449,6 @@ var ActionBase = /** @__PURE__ @class */ (function () {
         };
         return viewDimension;
     };
-    ActionBase.prototype.getPageCoordinates = function (e) {
-        var eventArgs = e.event;
-        return eventArgs && eventArgs.changedTouches ? eventArgs.changedTouches[0] : e.changedTouches ? e.changedTouches[0] :
-            eventArgs || e;
-    };
     ActionBase.prototype.getIndex = function (index) {
         var contentElements = [].slice.call(this.parent.getContentTable().querySelector('tr').children);
         var indexes = { minIndex: 0, maxIndex: contentElements.length - 1 };
@@ -19519,7 +19585,7 @@ var ActionBase = /** @__PURE__ @class */ (function () {
         }
     };
     ActionBase.prototype.getCursorElement = function (e) {
-        var pages = this.getPageCoordinates(e);
+        var pages = this.parent.eventBase.getPageCoordinates(e);
         return document.elementFromPoint(pages.clientX, pages.clientY);
     };
     ActionBase.prototype.autoScroll = function () {
@@ -19820,7 +19886,7 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
                 _this.actionObj.cellWidth = trRect.width / noOfDays;
                 _this.actionObj.cellHeight = trRect.height;
             }
-            var pages = _this.getPageCoordinates(e);
+            var pages = _this.parent.eventBase.getPageCoordinates(e);
             _this.actionObj.X = pages.pageX;
             _this.actionObj.Y = pages.pageY;
             _this.actionObj.groupIndex = parseInt(_this.actionObj.element.getAttribute('data-group-index') || '0', 10);
@@ -19849,7 +19915,7 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
         if ((!isNullOrUndefined(e.target)) && e.target.classList.contains(DISABLE_DATES)) {
             return;
         }
-        var pages = this.getPageCoordinates(e);
+        var pages = this.parent.eventBase.getPageCoordinates(e);
         if (this.parent.currentView === 'Month' || this.parent.currentView === 'TimelineYear') {
             var doc = document.documentElement;
             var left = (window.pageXOffset || doc.scrollLeft) - (doc.clientLeft || 0);
@@ -20282,7 +20348,7 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
         return styles;
     };
     Resize.prototype.resizeValidation = function (e) {
-        var pages = this.getPageCoordinates(e);
+        var pages = this.parent.eventBase.getPageCoordinates(e);
         var viewDimension = this.getContentAreaDimension();
         var isTimeScale = this.parent.activeView.isTimelineView() && this.parent.activeViewOptions.timeScale.enable;
         var cellWidth = this.actionObj.cellWidth;
@@ -21130,7 +21196,7 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
             return;
         }
         var eventObj = extend({}, this.actionObj.event, null, true);
-        var eventArgs = this.getPageCoordinates(e);
+        var eventArgs = this.parent.eventBase.getPageCoordinates(e);
         this.actionObj.Y = this.actionObj.pageY = eventArgs.pageY;
         this.actionObj.X = this.actionObj.pageX = eventArgs.pageX;
         this.actionObj.target = e.target;
@@ -21273,7 +21339,8 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
             this.timelineEventModule.dateRender = this.parent.activeView.renderDates;
             this.timelineEventModule.cellWidth = this.actionObj.cellWidth;
             this.timelineEventModule.getSlotDates();
-            this.actionObj.cellWidth = this.isHeaderRows ? this.timelineEventModule.cellWidth : this.actionObj.cellWidth;
+            this.actionObj.cellWidth = this.isHeaderRows ? this.timelineEventModule.cellWidth :
+                this.parent.element.querySelector('.' + WORK_CELLS_CLASS).getBoundingClientRect().width;
             this.calculateTimelineTime(e);
         }
         else {
@@ -22026,7 +22093,7 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
         return 0;
     };
     DragAndDrop.prototype.getColumnIndex = function (offsetLeft) {
-        var index = Math.floor(offsetLeft / this.actionObj.cellWidth);
+        var index = Math.floor(offsetLeft / Math.trunc(this.actionObj.cellWidth));
         if (this.isHeaderRows) {
             return index;
         }