@syncfusion/ej2-schedule 24.2.3 → 24.2.4

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 24.2.3
+*  version : 24.2.4
 *  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@24.1.41",
+  "_id": "@syncfusion/ej2-schedule@24.2.3",
   "_inBundle": false,
-  "_integrity": "sha512-PMFUzrOa5gFauoO79WYC7vNHSJIoHrPUZJwE/aDZPIKkc0pUdaPPcJhLrxMUrKEOLJvmhVo0bqOQkMwUXLswTA==",
+  "_integrity": "sha512-Gl514rzz50QthXreUYNs3USTKmeufyBVrP23DMVahPJiR8tVS8350GXUgGOhvsVaHn5NmtgDvqcqB3StCeJZxw==",
   "_location": "/@syncfusion/ej2-schedule",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-schedule",
     "/@syncfusion/ej2-vue-schedule"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-24.1.41.tgz",
-  "_shasum": "dfaee919781c2f41866763e373d84a7f4e8b46ad",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-24.2.3.tgz",
+  "_shasum": "68cf18dacb39bf44d0164f3b73fdb185aae9fbd4",
   "_spec": "@syncfusion/ej2-schedule@*",
   "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
   "author": {
@@ -39,11 +39,11 @@
     "@syncfusion/ej2-buttons": "~24.2.3",
     "@syncfusion/ej2-calendars": "~24.2.3",
     "@syncfusion/ej2-data": "~24.2.3",
-    "@syncfusion/ej2-dropdowns": "~24.2.3",
-    "@syncfusion/ej2-excel-export": "~24.2.3",
-    "@syncfusion/ej2-inputs": "~24.2.3",
-    "@syncfusion/ej2-lists": "~24.2.3",
-    "@syncfusion/ej2-navigations": "~24.2.3",
+    "@syncfusion/ej2-dropdowns": "~24.2.4",
+    "@syncfusion/ej2-excel-export": "~24.2.4",
+    "@syncfusion/ej2-inputs": "~24.2.4",
+    "@syncfusion/ej2-lists": "~24.2.4",
+    "@syncfusion/ej2-navigations": "~24.2.4",
     "@syncfusion/ej2-popups": "~24.2.3"
   },
   "deprecated": false,
@@ -73,6 +73,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "24.2.3",
+  "version": "24.2.4",
   "sideEffects": false
 }

package/src/schedule/actions/drag.js

@@ -1057,13 +1057,20 @@ var DragAndDrop = /** @class */ (function (_super) {
         if (this.isStepDragging) {
             var widthDiff = this.getWidthDiff(tr, index);
             if (widthDiff !== 0) {
-                var timeDiff = Math.round(widthDiff / this.widthPerMinute);
+                var timeDiff = Math.ceil(widthDiff / this.widthPerMinute);
                 eventStart.setMinutes(eventStart.getMinutes() + (timeDiff * this.actionObj.interval));
                 if (this.isCursorAhead || cursorDrag) {
                     eventStart.setMilliseconds(-(eventDuration));
                 }
                 else {
                     eventStart.setMinutes(eventStart.getMinutes() - this.minDiff);
+                    var intervalInMS = this.actionObj.interval * util.MS_PER_MINUTE;
+                    timeDiff = Math.abs(eventStart.getTime() - this.actionObj.start.getTime()) / intervalInMS;
+                    var roundTimeDiff = Math.trunc(timeDiff);
+                    if (roundTimeDiff !== timeDiff) {
+                        timeDiff = (roundTimeDiff * intervalInMS) * (eventStart > this.actionObj.start ? 1 : -1);
+                        eventStart = new Date(this.actionObj.start.getTime() + timeDiff);
+                    }
                 }
             }
             else {
@@ -1084,7 +1091,9 @@ var DragAndDrop = /** @class */ (function (_super) {
                     (this.cursorPointIndex * (this.isTimelineDayProcess ? MINUTES_PER_DAY : this.actionObj.slotInterval)));
             }
         }
-        eventStart = this.calculateIntervalTime(eventStart);
+        if (!this.isStepDragging) {
+            eventStart = this.calculateIntervalTime(eventStart);
+        }
         if (this.isTimelineDayProcess) {
             var eventSrt = eventObj[this.parent.eventFields.startTime];
             eventStart.setHours(eventSrt.getHours(), eventSrt.getMinutes(), eventSrt.getSeconds());

package/src/schedule/actions/resize.js

@@ -507,7 +507,12 @@ var Resize = /** @class */ (function (_super) {
         var left = (this.parent.enableRtl) ? parseInt(this.actionObj.element.style.right, 10) : this.actionObj.clone.offsetLeft;
         if (isTimeViews) {
             offsetWidth = targetWidth + (Math.ceil(pageWidth / slotInterval) * slotInterval);
-            offsetWidth = (Math.round((left + offsetWidth) / slotInterval) * slotInterval) - left;
+            if (!isLeft) {
+                var roundedLeft = (+parseFloat(this.actionObj.element.style[this.parent.enableRtl ? 'right' : 'left'])).toFixed(1);
+                if (roundedLeft !== left.toFixed(1)) {
+                    offsetWidth = (Math.round((left + offsetWidth) / slotInterval) * slotInterval) - left;
+                }
+            }
             this.actionObj.event[this.parent.eventFields.isAllDay] = false;
         }
         var width = !isLeft && ((offsetWidth + this.actionObj.clone.offsetLeft > this.scrollArgs.width)) ?
@@ -517,9 +522,11 @@ var Resize = /** @class */ (function (_super) {
                 -(offsetWidth - this.actionObj.cellWidth);
             rightValue = isTimelineView ? rightValue : isLeft ? 0 : rightValue > 0 ? 0 : rightValue;
             if (isTimelineView && !isLeft) {
-                rightValue = Math.ceil((this.actionObj.element.offsetLeft + (this.actionObj.element.getBoundingClientRect().width +
-                    (this.actionObj.pageX - this.actionObj.X))) / slotInterval) * slotInterval;
-                rightValue = rightValue < 0 ? Math.abs(rightValue) : -rightValue;
+                rightValue = rightValue - (Math.ceil((this.actionObj.pageX - this.actionObj.X) / slotInterval) * slotInterval);
+                if (rightValue < 0) {
+                    rightValue = parseInt(this.actionObj.clone.style.right, 10);
+                    width = parseInt(this.actionObj.clone.style.width, 10);
+                }
             }
             rightValue = rightValue >= this.scrollArgs.width ? this.scrollArgs.width - this.actionObj.cellWidth : rightValue;
             styles.right = formatUnit(rightValue);
@@ -541,12 +548,19 @@ var Resize = /** @class */ (function (_super) {
                 }
             }
             var leftValue = offsetLeft;
-            offsetLeft = isTimelineView ? isTimeViews ? isLeft ? Math.floor(offsetLeft / slotInterval) * slotInterval : offsetLeft :
+            offsetLeft = isTimelineView ? isTimeViews ? isLeft ? this.actionObj.element.offsetLeft -
+                (Math.ceil((this.actionObj.element.offsetLeft - offsetLeft) / slotInterval) * slotInterval) : offsetLeft :
                 Math.floor(offsetLeft / this.actionObj.cellWidth) * this.actionObj.cellWidth :
                 Math.ceil(Math.abs(offsetLeft) / this.actionObj.cellWidth) * this.actionObj.cellWidth;
             if (offsetLeft < 0) {
-                offsetLeft = 0;
-                width = this.actionObj.clone.getBoundingClientRect().width;
+                if (isTimelineView && isLeft && (offsetLeft % slotInterval)) {
+                    offsetLeft = parseInt(this.actionObj.clone.style.left, 10);
+                    width = parseInt(this.actionObj.clone.style.width, 10);
+                }
+                else {
+                    offsetLeft = 0;
+                    width = this.actionObj.clone.getBoundingClientRect().width;
+                }
             }
             var cloneWidth = Math.ceil(this.actionObj.clone.getBoundingClientRect().width / this.actionObj.cellWidth) *
                 this.actionObj.cellWidth;

package/src/schedule/event-renderer/event-base.d.ts

@@ -89,6 +89,7 @@ export declare class EventBase {
     getPageCoordinates(e: MouseEvent & TouchEvent): (MouseEvent & TouchEvent) | Touch;
     renderSpannedIcon(element: HTMLElement, spanEvent: Record<string, any>): void;
     addCellHeight(selector: string, eventHeight: number, eventGap: number, headerHeight: number, indHeight: number, isScrollUpdate?: boolean): void;
+    getCellWidth(element: HTMLElement): number;
     private unWireEvents;
     destroy(): void;
 }

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

@@ -1354,6 +1354,9 @@ var EventBase = /** @class */ (function () {
             }
         }
     };
+    EventBase.prototype.getCellWidth = function (element) {
+        return document.body.style.transform.includes('scale') ? parseFloat(window.getComputedStyle(element).width) : element.getBoundingClientRect().width;
+    };
     EventBase.prototype.unWireEvents = function () {
         var appElements = [].slice.call(this.parent.element.querySelectorAll('.' + cls.APPOINTMENT_CLASS));
         for (var _i = 0, appElements_1 = appElements; _i < appElements_1.length; _i++) {

package/src/schedule/event-renderer/month.js

@@ -174,10 +174,9 @@ var MonthEvent = /** @class */ (function (_super) {
                 setStyleAttribute(cell, { 'height': height_1 + 'px' });
             });
         }
-        var cellDetail = this.workCells[this.parent.activeView.isTimelineView() ?
-            0 : this.workCells.length - 1].getBoundingClientRect();
-        this.cellWidth = cellDetail.width;
-        this.cellHeight = cellDetail.height;
+        var cellDetail = this.workCells[this.parent.activeView.isTimelineView() ? 0 : this.workCells.length - 1];
+        this.cellWidth = this.parent.eventBase.getCellWidth(cellDetail);
+        this.cellHeight = cellDetail.getBoundingClientRect().height;
         this.dateRender = dateRender;
         var filteredDates = this.getRenderedDates(dateRender);
         this.getSlotDates(workDays || this.parent.activeViewOptions.workDays);

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

@@ -23,6 +23,7 @@ export declare class TimelineEvent extends MonthEvent {
     getOverlapSortComparerEvents(startDate: Date, endDate: Date, appointmentsCollection: Record<string, any>[]): Record<string, any>[];
     renderResourceEvents(): void;
     renderEvents(event: Record<string, any>, resIndex: number, appointmentsList?: Record<string, any>[]): void;
+    private adjustToNearestTimeSlot;
     private renderTimelineMoreIndicator;
     updateCellHeight(cell: HTMLElement, height: number): void;
     private adjustAppointments;

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

@@ -237,8 +237,11 @@ var TimelineEvent = /** @class */ (function (_super) {
                             this.slotCount / this.interval;
                         for (var k = 0; k < slotCount; k++) {
                             startDate = (k === 0) ? new Date(startDate.getTime()) : new Date(startDate.getTime() + (60000 * interval));
+                            if (slotCount < 1) {
+                                startDate = this.adjustToNearestTimeSlot(startDate, interval);
+                            }
                             endDate = new Date(startDate.getTime() + (60000 * interval));
-                            if (endDate.getTime() > endTime.getTime()) {
+                            if (slotCount >= 1 && endDate.getTime() > endTime.getTime()) {
                                 break;
                             }
                             var position_2 = this.getPosition(startDate, endDate, false, (this.day + i));
@@ -254,6 +257,20 @@ var TimelineEvent = /** @class */ (function (_super) {
         }
         this.parent.renderTemplates();
     };
+    TimelineEvent.prototype.adjustToNearestTimeSlot = function (inputTime, interval) {
+        // Parse the input time
+        var parsedTime = new Date(inputTime);
+        // Get the minutes of the input time in milliseconds
+        var minutesInMilliseconds = parsedTime.getHours() * 60 * 60 * 1000 + parsedTime.getMinutes() * 60 * 1000;
+        // Calculate the adjusted time in milliseconds (nearest time slot)
+        var adjustedMinutesInMilliseconds = Math.floor(minutesInMilliseconds / (interval * 60 * 1000)) * (interval * 60 * 1000);
+        // Create a new Date object with the adjusted time
+        var adjustedTime = new Date(parsedTime.getTime());
+        adjustedTime.setHours(adjustedMinutesInMilliseconds / (60 * 60 * 1000) % 24);
+        adjustedTime.setMinutes((adjustedMinutesInMilliseconds % (60 * 60 * 1000)) / (60 * 1000));
+        // Return the adjusted time in string format
+        return adjustedTime;
+    };
     TimelineEvent.prototype.renderTimelineMoreIndicator = function (startTime, startDate, endDate, appHeight, interval, resIndex, appointmentsList, top, appLeft, appRight, cellTd, moreIndicator, appPos, position) {
         appLeft = (this.parent.enableRtl) ? appRight = position : position;
         appPos = (this.parent.enableRtl) ? appRight : appLeft;
@@ -313,8 +330,9 @@ var TimelineEvent = /** @class */ (function (_super) {
     TimelineEvent.prototype.adjustAppointments = function (conWidth) {
         var _this = this;
         var tr = this.parent.element.querySelector('.' + cls.CONTENT_TABLE_CLASS + ' tbody tr');
-        this.cellWidth = this.workCells[0].getBoundingClientRect().width;
-        var currentPercentage = (this.cellWidth * tr.children.length) / (conWidth / 100);
+        var actualCellWidth = this.workCells[0].getBoundingClientRect().width;
+        this.cellWidth = actualCellWidth / +(this.workCells[0].getAttribute('colspan') || 1);
+        var currentPercentage = (actualCellWidth * tr.children.length) / (conWidth / 100);
         var apps = [].slice.call(this.parent.element.querySelectorAll('.' + cls.APPOINTMENT_CLASS));
         apps.forEach(function (app) {
             if (_this.parent.enableRtl && app.style.right !== '0px') {

package/src/schedule/event-renderer/year.js

@@ -89,7 +89,7 @@ var YearEvent = /** @class */ (function (_super) {
     YearEvent.prototype.timelineYearViewEvents = function () {
         var _this = this;
         var workCell = this.parent.element.querySelector('.' + cls.WORK_CELLS_CLASS + ':not(.' + cls.OTHERMONTH_CLASS + ')');
-        this.cellWidth = workCell.getBoundingClientRect().width;
+        this.cellWidth = this.parent.eventBase.getCellWidth(workCell);
         this.cellHeader = util.getOuterHeight(workCell.querySelector('.' + cls.DATE_HEADER_CLASS));
         var eventTable = this.parent.element.querySelector('.' + cls.EVENT_TABLE_CLASS);
         this.eventHeight = util.getElementHeightFromClass(eventTable, cls.APPOINTMENT_CLASS);