@syncfusion/ej2-schedule 27.1.50 → 27.1.52

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

@@ -2028,6 +2028,9 @@ var ScheduleTouch = /** @__PURE__ @class */ (function () {
         this.element.style.transform = 'translatex(' + (this.parent.enableRtl ? prevWidth : -this.currentPanel.element.offsetLeft) + 'px)';
     };
     ScheduleTouch.prototype.onTransitionEnd = function () {
+        if (!isNullOrUndefined(this.element) && !this.element.classList.contains(TRANSLATE_CLASS)) {
+            return;
+        }
         removeClass([this.element], TRANSLATE_CLASS);
         this.element.style.transitionDuration = '';
         this.element.style.transform = '';
@@ -6972,8 +6975,8 @@ var VerticalEvent = /** @__PURE__ @class */ (function (_super) {
         _this.slotCount = _this.parent.activeViewOptions.timeScale.slotCount;
         _this.interval = _this.parent.activeViewOptions.timeScale.interval;
         _this.allDayLevel = 0;
-        _this.startHour = _this.parent.activeView.getStartHour();
-        _this.endHour = _this.parent.activeView.getEndHour();
+        _this.startHour = _this.getStartEndHours(_this.parent.activeViewOptions.startHour);
+        _this.endHour = _this.getStartEndHours(_this.parent.activeViewOptions.endHour);
         _this.element = _this.parent.activeView.getPanel();
         _this.fields = _this.parent.eventFields;
         _this.animation = new Animation({ progress: _this.animationUiUpdate.bind(_this) });
@@ -7107,7 +7110,7 @@ var VerticalEvent = /** @__PURE__ @class */ (function (_super) {
             var renderDates = this.dateRender[parseInt(resource.toString(), 10)];
             for (var day = 0, length_1 = renderDates.length; day < length_1; day++) {
                 var startDate = new Date(renderDates[parseInt(day.toString(), 10)].getTime());
-                var endDate = addDays(renderDates[parseInt(day.toString(), 10)], 1);
+                var endDate = resetTime(addDays(renderDates[parseInt(day.toString(), 10)], 1));
                 var filterEvents = this.filterEvents(startDate, endDate, this.parent.blockProcessed, this.resources[parseInt(resource.toString(), 10)]);
                 for (var _a = 0, filterEvents_1 = filterEvents; _a < filterEvents_1.length; _a++) {
                     var event_1 = filterEvents_1[_a];
@@ -7138,7 +7141,7 @@ var VerticalEvent = /** @__PURE__ @class */ (function (_super) {
             }
             else {
                 blockHeight = formatUnit(this.getHeight(eStart, eEnd));
-                blockTop = formatUnit(this.getTopValue(eStart, dayIndex, resource));
+                blockTop = formatUnit(this.getTopValue(eStart));
             }
             var appointmentElement = this.createBlockAppointmentElement(eventObj, resource, this.isResourceEventTemplate);
             setStyleAttribute(appointmentElement, { 'width': '100%', 'height': blockHeight, 'top': blockTop });
@@ -7171,7 +7174,7 @@ var VerticalEvent = /** @__PURE__ @class */ (function (_super) {
                 renderDates[parseInt(day.toString(), 10)] <= renderedDate[renderedDate.length - 1]; day++) {
                 this_1.renderedEvents = [];
                 var startDate = new Date(renderDates[parseInt(day.toString(), 10)].getTime());
-                var endDate = addDays(renderDates[parseInt(day.toString(), 10)], 1);
+                var endDate = resetTime(addDays(renderDates[parseInt(day.toString(), 10)], 1));
                 var filterEvents = this_1.filterEvents(startDate, endDate, eventCollection, this_1.resources[parseInt(resource.toString(), 10)]);
                 if (isRender) {
                     for (var _i = 0, filterEvents_2 = filterEvents; _i < filterEvents_2.length; _i++) {
@@ -7516,7 +7519,7 @@ var VerticalEvent = /** @__PURE__ @class */ (function (_super) {
         if (eStart <= eEnd && isValidEvent && this.isWorkDayAvailable(resource, eStart)) {
             var appHeight = record.isSpanned.isSameDuration ? this.cellHeight : this.getHeight(eStart, eEnd);
             if (eStart.getTime() >= schedule.startHour.getTime()) {
-                topValue = this.getTopValue(eStart, dayIndex, resource);
+                topValue = this.getTopValue(eStart);
             }
             var appIndex = this.getOverlapIndex(record, dayIndex, false, resource);
             record.Index = appIndex;
@@ -7577,13 +7580,20 @@ var VerticalEvent = /** @__PURE__ @class */ (function (_super) {
         var tempLeft = (parseFloat(appWidth) + 1) * index;
         return (tempLeft > 99 ? 99 : tempLeft) + '%';
     };
-    VerticalEvent.prototype.getTopValue = function (date, day, resource) {
-        var viewDate = resetTime(this.dateRender[parseInt(resource.toString(), 10)][parseInt(day.toString(), 10)]);
-        var startEndHours = getStartEndHours(viewDate, this.startHour, this.endHour);
-        var startHour = startEndHours.startHour;
-        var adjustedStartHour = isDaylightSavingTime(viewDate) && (startHour.getHours() !== this.startHour.getHours()) ?
-            this.startHour.getHours() : startHour.getHours();
-        var diffInMinutes = ((date.getHours() - adjustedStartHour) * 60) + (date.getMinutes() - startHour.getMinutes());
+    VerticalEvent.prototype.getStartEndHours = function (startEndTime) {
+        if (!isNullOrUndefined(startEndTime) && startEndTime !== '') {
+            var startEndDate = new Date(2000, 0, 0, 0);
+            var timeString = startEndTime.split(':');
+            if (timeString.length === 2) {
+                startEndDate.setHours(parseInt(timeString[0], 10), parseInt(timeString[1], 10), 0);
+            }
+            return startEndDate;
+        }
+        return null;
+    };
+    VerticalEvent.prototype.getTopValue = function (date) {
+        var startHour = this.getStartEndHours(this.parent.activeViewOptions.startHour);
+        var diffInMinutes = ((date.getHours() - startHour.getHours()) * 60) + (date.getMinutes() - startHour.getMinutes());
         return (this.parent.activeViewOptions.timeScale.enable) ? ((diffInMinutes * this.cellHeight * this.slotCount) / this.interval) : 0;
     };
     VerticalEvent.prototype.getOverlapIndex = function (record, day, isAllDay, resource) {
@@ -11040,7 +11050,7 @@ var EventTooltip = /** @__PURE__ @class */ (function () {
         this.parent.resetTemplates(['tooltipTemplate', 'headerTooltipTemplate']);
     };
     EventTooltip.prototype.setContent = function (content) {
-        this.tooltipObj.setProperties({ content: content }, true);
+        this.tooltipObj.setProperties({ content: content, windowCollision: true }, true);
     };
     EventTooltip.prototype.close = function () {
         this.tooltipObj.close();
@@ -22345,14 +22355,17 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
         _this.isCursorAhead = false;
         _this.enableCurrentViewDrag = false;
         _this.isPreventMultiDrag = false;
+        _this.slotsUptoCursor = -1;
+        _this.eleTop = 0;
         return _this;
     }
     DragAndDrop.prototype.wireDragEvent = function (element) {
+        var isVerticalView = ['Day', 'Week', 'WorkWeek'].indexOf(this.parent.currentView) > -1;
         new Draggable(element, {
             abort: '.' + EVENT_RESIZE_CLASS,
             clone: true,
             isDragScroll: true,
-            enableTailMode: (this.parent.eventDragArea) ? true : false,
+            enableTailMode: (this.parent.eventDragArea || isVerticalView) ? true : false,
             cursorAt: (this.parent.eventDragArea) ? { left: -20, top: -20 } : { left: 0, top: 0 },
             dragArea: this.dragArea,
             dragStart: this.dragStart.bind(this),
@@ -22376,6 +22389,8 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
         }
         this.setDragActionDefaultValues();
         this.actionObj.element = e.element;
+        this.eleTop = parseFloat(this.actionObj.element.style.top);
+        this.slotsUptoCursor = -1;
         this.actionObj.action = 'drag';
         var elements = [];
         if (!this.parent.allowMultiDrag || isNullOrUndefined(this.parent.selectedElements) || this.parent.selectedElements.length === 0 ||
@@ -22454,7 +22469,13 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
             }
             var top_1 = parseInt(e.top, 10);
             top_1 = top_1 < 0 ? 0 : top_1;
-            topValue = formatUnit(Math.floor(top_1 / cellHeight) * cellHeight);
+            if (this.slotsUptoCursor < 0) {
+                var cellsCountUptoCursor = Math.floor(top_1 / cellHeight);
+                var cellsCountUptoEleTop = Math.floor(this.eleTop / cellHeight);
+                this.slotsUptoCursor = cellsCountUptoCursor - cellsCountUptoEleTop;
+            }
+            top_1 = (Math.floor((top_1 + 1) / cellHeight) - this.slotsUptoCursor) * cellHeight;
+            topValue = formatUnit(top_1 < 0 ? 0 : top_1);
             var scrollHeight = this.parent.element.querySelector('.e-content-wrap').scrollHeight;
             var cloneBottom = parseInt(topValue, 10) + this.actionObj.clone.offsetHeight;
             if (cloneBottom > scrollHeight) {
@@ -22889,7 +22910,7 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
                 (dragArea.scrollTop + dragArea.offsetHeight - this.actionObj.clone.offsetHeight + window.pageYOffset) +
                     (this.actionObj.clone.offsetHeight - this.heightUptoCursorPoint);
             offsetTop = Math.round(offsetTop / this.actionObj.cellHeight) * this.actionObj.cellHeight;
-            if (dragArea.scrollTop > 0) {
+            if (dragArea.scrollTop > 0 && offsetTop < dragArea.scrollHeight) {
                 this.actionObj.clone.style.top = formatUnit(offsetTop);
             }
         }
@@ -23137,7 +23158,7 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
                     var appHeight = this.parent.activeViewOptions.timeScale.enable ? this.verticalEvent.getHeight(eStart, eEnd) :
                         this.actionObj.element.offsetHeight;
                     var topValue = this.parent.activeViewOptions.timeScale.enable ?
-                        this.verticalEvent.getTopValue(eStart, dayIndex, indexGroup) : this.actionObj.element.offsetTop;
+                        this.verticalEvent.getTopValue(eStart) : this.actionObj.element.offsetTop;
                     if (isNullOrUndefined(index)) {
                         if (i === 0) {
                             this.actionObj.clone.style.top = formatUnit(topValue);
@@ -23936,6 +23957,10 @@ var ViewBase = /** @__PURE__ @class */ (function () {
         }
         startHour.setMilliseconds(0);
         endHour.setMilliseconds(0);
+        if (resetTime(date).getTime() !== resetTime(startHour).getTime()) {
+            startHour = new Date(2000, 0, 0, startHour.getHours(), startHour.getMinutes(), startHour.getMilliseconds());
+            endHour = new Date(2000, 0, 0, endHour.getHours(), endHour.getMinutes(), endHour.getMilliseconds());
+        }
         return !(getDateInMs(date) < getDateInMs(startHour) || getDateInMs(date) >= getDateInMs(endHour) ||
             !this.isWorkDay(date, workDays));
     };
@@ -24680,7 +24705,7 @@ var VerticalView = /** @__PURE__ @class */ (function (_super) {
         }
     };
     VerticalView.prototype.getTopFromDateTime = function (date) {
-        var startHour = this.getStartHour();
+        var startHour = this.getStartEndHours(this.parent.activeViewOptions.startHour);
         var diffInMinutes = ((date.getHours() - startHour.getHours()) * 60) + (date.getMinutes() - startHour.getMinutes());
         return (diffInMinutes * this.getWorkCellHeight() * this.parent.activeViewOptions.timeScale.slotCount) /
             this.parent.activeViewOptions.timeScale.interval;