@syncfusion/ej2-schedule 27.1.50 → 27.1.51

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 27.1.50
+*  version : 27.1.51
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-schedule@*",
-  "_id": "@syncfusion/ej2-schedule@27.1.48",
+  "_id": "@syncfusion/ej2-schedule@27.1.50",
   "_inBundle": false,
-  "_integrity": "sha512-GQffkT4ABTCmTBf9pPJpeeK5ygE2veOdOPvSKFQOGA0ydZXSzDDbYhNSvfLGyHcybcJWj6NxNyNbbJ7kHI3deg==",
+  "_integrity": "sha512-gZRE4byvqUJ1Vl5mWybcZuVP1XRw92DCfRM/UiWrjtAbAUX+zHCDVjwyuIJtz8lbR+JrrSpIRFn/kTqkxKZEmQ==",
   "_location": "/@syncfusion/ej2-schedule",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-schedule",
     "/@syncfusion/ej2-vue-schedule"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-27.1.48.tgz",
-  "_shasum": "e574faa7c52c4a0332da422baa23137a282c4c42",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-27.1.50.tgz",
+  "_shasum": "9017f33d1852c653a865ac22eda7ed0c76a4032a",
   "_spec": "@syncfusion/ej2-schedule@*",
   "_where": "/jenkins/workspace/elease-automation_release_27.1.1/packages/included",
   "author": {
@@ -36,14 +36,14 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~27.1.50",
-    "@syncfusion/ej2-buttons": "~27.1.50",
-    "@syncfusion/ej2-calendars": "~27.1.50",
-    "@syncfusion/ej2-data": "~27.1.50",
-    "@syncfusion/ej2-dropdowns": "~27.1.50",
+    "@syncfusion/ej2-buttons": "~27.1.51",
+    "@syncfusion/ej2-calendars": "~27.1.51",
+    "@syncfusion/ej2-data": "~27.1.51",
+    "@syncfusion/ej2-dropdowns": "~27.1.51",
     "@syncfusion/ej2-excel-export": "~27.1.50",
     "@syncfusion/ej2-inputs": "~27.1.50",
     "@syncfusion/ej2-lists": "~27.1.50",
-    "@syncfusion/ej2-navigations": "~27.1.50",
+    "@syncfusion/ej2-navigations": "~27.1.51",
     "@syncfusion/ej2-popups": "~27.1.50"
   },
   "deprecated": false,
@@ -73,6 +73,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "27.1.50",
+  "version": "27.1.51",
   "sideEffects": false
 }

package/src/schedule/actions/drag.d.ts

@@ -26,6 +26,8 @@ export declare class DragAndDrop extends ActionBase {
     private dragArea;
     private enableCurrentViewDrag;
     private isPreventMultiDrag;
+    private slotsUptoCursor;
+    private eleTop;
     wireDragEvent(element: HTMLElement): void;
     setDragArea(): void;
     private dragHelper;

package/src/schedule/actions/drag.js

@@ -51,14 +51,17 @@ var DragAndDrop = /** @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: '.' + cls.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),
@@ -82,6 +85,8 @@ var DragAndDrop = /** @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 ||
@@ -160,7 +165,13 @@ var DragAndDrop = /** @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) {
@@ -595,7 +606,7 @@ var DragAndDrop = /** @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);
             }
         }
@@ -843,7 +854,7 @@ var DragAndDrop = /** @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);

package/src/schedule/actions/touch.js

@@ -212,6 +212,9 @@ var ScheduleTouch = /** @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(cls.TRANSLATE_CLASS)) {
+            return;
+        }
         removeClass([this.element], cls.TRANSLATE_CLASS);
         this.element.style.transitionDuration = '';
         this.element.style.transform = '';

package/src/schedule/event-renderer/vertical-view.d.ts

@@ -44,7 +44,8 @@ export declare class VerticalEvent extends EventBase {
     renderNormalEvents(eventObj: Record<string, any>, dayIndex: number, resource: number, dayCount: number, inline?: boolean): void;
     private getEventWidth;
     private getEventLeft;
-    getTopValue(date: Date, day: number, resource: number): number;
+    private getStartEndHours;
+    getTopValue(date: Date): number;
     private getOverlapIndex;
     private adjustOverlapElements;
     private setAllDayRowHeight;

package/src/schedule/event-renderer/vertical-view.js

@@ -35,8 +35,8 @@ var VerticalEvent = /** @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) });
@@ -170,7 +170,7 @@ var VerticalEvent = /** @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 = util.addDays(renderDates[parseInt(day.toString(), 10)], 1);
+                var endDate = util.resetTime(util.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];
@@ -201,7 +201,7 @@ var VerticalEvent = /** @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 });
@@ -234,7 +234,7 @@ var VerticalEvent = /** @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 = util.addDays(renderDates[parseInt(day.toString(), 10)], 1);
+                var endDate = util.resetTime(util.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++) {
@@ -579,7 +579,7 @@ var VerticalEvent = /** @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;
@@ -640,13 +640,20 @@ var VerticalEvent = /** @class */ (function (_super) {
         var tempLeft = (parseFloat(appWidth) + 1) * index;
         return (tempLeft > 99 ? 99 : tempLeft) + '%';
     };
-    VerticalEvent.prototype.getTopValue = function (date, day, resource) {
-        var viewDate = util.resetTime(this.dateRender[parseInt(resource.toString(), 10)][parseInt(day.toString(), 10)]);
-        var startEndHours = util.getStartEndHours(viewDate, this.startHour, this.endHour);
-        var startHour = startEndHours.startHour;
-        var adjustedStartHour = util.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) {

package/src/schedule/renderer/vertical-view.js

@@ -369,7 +369,7 @@ var VerticalView = /** @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;

package/src/schedule/renderer/view-base.js

@@ -264,6 +264,10 @@ var ViewBase = /** @class */ (function () {
         }
         startHour.setMilliseconds(0);
         endHour.setMilliseconds(0);
+        if (util.resetTime(date).getTime() !== util.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 !(util.getDateInMs(date) < util.getDateInMs(startHour) || util.getDateInMs(date) >= util.getDateInMs(endHour) ||
             !this.isWorkDay(date, workDays));
     };