@syncfusion/ej2-schedule - npm Package Compare versions

Comparing version 26.1.40 to 26.1.41

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 26.1.40
+*  version : 26.1.41
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
@@ -5,0 +5,0 @@ *  Use of this code is subject to the terms of our license.

package.json

 {
   "_from": "@syncfusion/ej2-schedule@*",
-  "_id": "@syncfusion/ej2-schedule@26.1.39",
+  "_id": "@syncfusion/ej2-schedule@26.1.40",
   "_inBundle": false,
-  "_integrity": "sha512-HEdA5xlfR6JNmY8Cmhi5wlpE9xgnyGM+t034uqJX4X+dkMEYOiGC0Oz3Emv3U2reU7VDn4vIL8kgrrRqpl6IQw==",
+  "_integrity": "sha512-r4Jf4H5P3kGPXFq2X9L2V/9VTVF8lMu0xgl9V3gf3jb88dZmpuLb+JqpDF4zYXjL4QsU9cfILvCT6Kwj8ZC/GQ==",
   "_location": "/@syncfusion/ej2-schedule",
@@ -26,4 +26,4 @@ "_phantomChildren": {},
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-26.1.39.tgz",
-  "_shasum": "17bf48a336dd3e6a1f51fe8d367eaec705a78b2b",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-26.1.40.tgz",
+  "_shasum": "16adcad2451ceb85be6257a04b55099b6cac9945",
   "_spec": "@syncfusion/ej2-schedule@*",
@@ -41,10 +41,10 @@ "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
     "@syncfusion/ej2-buttons": "~26.1.40",
-    "@syncfusion/ej2-calendars": "~26.1.40",
-    "@syncfusion/ej2-data": "~26.1.40",
-    "@syncfusion/ej2-dropdowns": "~26.1.40",
+    "@syncfusion/ej2-calendars": "~26.1.41",
+    "@syncfusion/ej2-data": "~26.1.41",
+    "@syncfusion/ej2-dropdowns": "~26.1.41",
     "@syncfusion/ej2-excel-export": "~26.1.35",
-    "@syncfusion/ej2-inputs": "~26.1.40",
+    "@syncfusion/ej2-inputs": "~26.1.41",
     "@syncfusion/ej2-lists": "~26.1.35",
-    "@syncfusion/ej2-navigations": "~26.1.40",
-    "@syncfusion/ej2-popups": "~26.1.38",
+    "@syncfusion/ej2-navigations": "~26.1.41",
+    "@syncfusion/ej2-popups": "~26.1.41",
     "@types/requirejs": "^2.1.37"
@@ -79,4 +79,4 @@ },
   "typings": "index.d.ts",
-  "version": "26.1.40",
+  "version": "26.1.41",
   "sideEffects": false
 }

src/schedule/actions/drag.d.ts

@@ -27,2 +27,4 @@ import { ActionBase } from '../actions/action-base';
     private dragArea;
+    private enableCurrentViewDrag;
+    private isPreventMultiDrag;
     wireDragEvent(element: HTMLElement): void;
@@ -29,0 +31,0 @@ setDragArea(): void;

src/schedule/actions/resize.js

@@ -89,4 +89,4 @@ var __extends = (this && this.__extends) || (function () {
             var workCell = _this.parent.element.querySelector('.' + cls.WORK_CELLS_CLASS);
-            _this.actionObj.cellWidth = util.getElementWidth(workCell);
-            _this.actionObj.cellHeight = util.getElementHeight(workCell);
+            _this.actionObj.cellWidth = _this.parent.getElementWidth(workCell);
+            _this.actionObj.cellHeight = _this.parent.getElementHeight(workCell);
             var hRows = _this.parent.activeViewOptions.headerRows.map(function (row) { return row.option; });
@@ -401,6 +401,6 @@ if (_this.parent.activeView.isTimelineView() && hRows.length > 0 && ['Date', 'Hour'].indexOf(hRows.slice(-1)[0]) < 0) {
                 if (!isLeft) {
-                    offsetValue += (util.getElementWidth(this.actionObj.clone) - this.actionObj.cellWidth);
+                    offsetValue += (this.parent.getElementWidth(this.actionObj.clone) - this.actionObj.cellWidth);
                 }
-                cellIndex = !isTimelineMonth ? Math.round(offsetValue / (util.getElementWidth(tr) / noOfDays)) :
-                    Math.floor(offsetValue / Math.floor(util.getElementWidth(tr) / noOfDays));
+                cellIndex = !isTimelineMonth ? Math.round(offsetValue / (this.parent.getElementWidth(tr) / noOfDays)) :
+                    Math.floor(offsetValue / Math.floor(this.parent.getElementWidth(tr) / noOfDays));
                 isDateHeader = isTimeViews && headerName === 'Date';
@@ -414,3 +414,3 @@ cellIndex = isLeft ? cellIndex : isTimelineMonth ? cellIndex + 1 : cellIndex;
                 cellIndex = isLeft ? Math.floor(offset / this.actionObj.cellWidth) :
-                    Math.ceil((offset + (util.getElementWidth(this.actionObj.clone) - cellWidth)) / this.actionObj.cellWidth);
+                    Math.ceil((offset + (this.parent.getElementWidth(this.actionObj.clone) - cellWidth)) / this.actionObj.cellWidth);
                 if (this.parent.enableRtl) {
@@ -423,3 +423,3 @@ var cellOffsetWidth = 0;
                     var offsetWidth = (Math.floor(offset / this.actionObj.cellWidth) *
-                        this.actionObj.cellWidth) + (isLeft ? 0 : util.getElementWidth(this.actionObj.clone) - cellOffsetWidth);
+                        this.actionObj.cellWidth) + (isLeft ? 0 : this.parent.getElementWidth(this.actionObj.clone) - cellOffsetWidth);
                     cellIndex = Math.floor(offsetWidth / this.actionObj.cellWidth);
@@ -443,3 +443,3 @@ }
                 if (!isLeft) {
-                    offset += util.getElementWidth(this.actionObj.clone);
+                    offset += this.parent.getElementWidth(this.actionObj.clone);
                 }
@@ -456,5 +456,5 @@ var spanMinutes = Math.ceil((this.actionObj.slotInterval / this.actionObj.cellWidth) *
             var cloneIndex = closest(this.actionObj.clone, 'td').cellIndex;
-            var originalWidth = Math.ceil((isLeft ? util.getElementWidth(this.actionObj.element) : 0) /
+            var originalWidth = Math.ceil((isLeft ? this.parent.getElementWidth(this.actionObj.element) : 0) /
                 this.actionObj.cellWidth) * this.actionObj.cellWidth;
-            var noOfDays = Math.ceil((util.getElementWidth(this.actionObj.clone) - originalWidth) /
+            var noOfDays = Math.ceil((this.parent.getElementWidth(this.actionObj.clone) - originalWidth) /
                 this.actionObj.cellWidth);
@@ -522,5 +522,5 @@ var tr = closest(this.actionObj.clone, 'tr');
         var targetWidth = isTimelineView ?
-            (util.getElementWidth(this.actionObj.element) / this.actionObj.cellWidth) * this.actionObj.cellWidth :
-            this.parent.currentView === 'Month' ? util.getElementWidth(this.actionObj.element) :
-                Math.ceil(util.getElementWidth(this.actionObj.element) / this.actionObj.cellWidth) * this.actionObj.cellWidth;
+            (this.parent.getElementWidth(this.actionObj.element) / this.actionObj.cellWidth) * this.actionObj.cellWidth :
+            this.parent.currentView === 'Month' ? this.parent.getElementWidth(this.actionObj.element) :
+                Math.ceil(this.parent.getElementWidth(this.actionObj.element) / this.actionObj.cellWidth) * this.actionObj.cellWidth;
         var offsetWidth = targetWidth + (Math.ceil(pageWidth / this.actionObj.cellWidth) * this.actionObj.cellWidth);
@@ -540,3 +540,3 @@ var left = (this.parent.enableRtl) ? parseInt(this.actionObj.element.style.right, 10) : this.actionObj.clone.offsetLeft;
         var width = !isLeft && ((offsetWidth + this.actionObj.clone.offsetLeft > this.scrollArgs.width)) ?
-            util.getElementWidth(this.actionObj.clone) : (offsetWidth < this.actionObj.cellWidth) ? offsetWidth : offsetWidth;
+            this.parent.getElementWidth(this.actionObj.clone) : (offsetWidth < this.actionObj.cellWidth) ? offsetWidth : offsetWidth;
         if (this.parent.enableRtl) {
@@ -555,3 +555,3 @@ var rightValue = isTimelineView ? parseInt(this.actionObj.element.style.right, 10) :
             styles.right = formatUnit(rightValue);
-            width = width + rightValue > this.scrollArgs.width ? util.getElementWidth(this.actionObj.clone) : width;
+            width = width + rightValue > this.scrollArgs.width ? this.parent.getElementWidth(this.actionObj.clone) : width;
         }
@@ -564,8 +564,8 @@ else {
                 if (this.parent.enableRtl) {
-                    offsetLeft = !isLeft ? (this.actionObj.pageX < this.actionObj.X - util.getElementWidth(this.actionObj.clone))
+                    offsetLeft = !isLeft ? (this.actionObj.pageX < this.actionObj.X - this.parent.getElementWidth(this.actionObj.clone))
                         ? parseInt(this.actionObj.clone.style.right, 10) : offsetLeft : offsetLeft;
                 }
                 else {
-                    offsetLeft = isLeft ? (this.actionObj.pageX > this.actionObj.X + util.getElementWidth(this.actionObj.clone) &&
-                        util.getElementWidth(this.actionObj.clone) === this.actionObj.cellWidth) ?
+                    offsetLeft = isLeft ? (this.actionObj.pageX > this.actionObj.X + this.parent.getElementWidth(this.actionObj.clone) &&
+                        this.parent.getElementWidth(this.actionObj.clone) === this.actionObj.cellWidth) ?
                         parseInt(this.actionObj.clone.style.left, 10) : offsetLeft : offsetLeft;
@@ -586,6 +586,6 @@ }
                     offsetLeft = 0;
-                    width = util.getElementWidth(this.actionObj.clone);
+                    width = this.parent.getElementWidth(this.actionObj.clone);
                 }
             }
-            var cloneWidth = Math.ceil(util.getElementWidth(this.actionObj.clone) / this.actionObj.cellWidth) *
+            var cloneWidth = Math.ceil(this.parent.getElementWidth(this.actionObj.clone) / this.actionObj.cellWidth) *
                 this.actionObj.cellWidth;
@@ -592,0 +592,0 @@ if (isLeft) {

src/schedule/actions/touch.js

@@ -128,2 +128,3 @@ import { addClass, removeClass, Touch, remove, EventHandler, Browser } from '@syncfusion/ej2-base';
                 if (this.parent.resizeModule && closest(e.originalEvent.target, '.' + cls.EVENT_RESIZE_CLASS)) {
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     this.parent.resizeModule.resizeStart(e.originalEvent);
@@ -130,0 +131,0 @@ }

src/schedule/actions/virtual-scroll.d.ts

@@ -19,2 +19,3 @@ import { TdData } from '../base/interface';
     private startIndex;
+    existingDataCollection: TdData[];
     constructor(parent: Schedule);
@@ -44,2 +45,5 @@ private addEventListener;
     private updateHorizontalContent;
+    private updateMonthViewContent;
+    private updateOtherViewContent;
+    private mergeNewTdData;
     private getBufferCollection;
@@ -46,0 +50,0 @@ private setTranslate;

src/schedule/actions/virtual-scroll.js

@@ -17,2 +17,3 @@ /* eslint-disable @typescript-eslint/no-explicit-any */
         this.startIndex = 0;
+        this.existingDataCollection = [];
         this.parent = parent;
@@ -90,6 +91,6 @@ this.addEventListener();
         if (this.isHorizontalScroll) {
-            this.itemSize = util.getElementWidthFromClass(this.parent.activeView.element, cls.WORK_CELLS_CLASS) || this.itemSize;
+            this.itemSize = util.getElementWidthFromClass(this.parent.activeView.element, cls.WORK_CELLS_CLASS, this.parent.uiStateValues.isTransformed) || this.itemSize;
         }
         else {
-            this.itemSize = util.getElementHeightFromClass(this.parent.activeView.element, cls.WORK_CELLS_CLASS) || this.itemSize;
+            this.itemSize = this.parent.getElementHeightFromClass(this.parent.activeView.element, cls.WORK_CELLS_CLASS) || this.itemSize;
         }
@@ -378,40 +379,88 @@ };
     VirtualScroll.prototype.updateHorizontalContent = function (conWrap, resCollection) {
+        this.existingDataCollection = this.parent.resourceBase.expandedResources;
         this.parent.resourceBase.expandedResources = resCollection;
         var selectedEle = this.parent.getSelectedCells();
         this.focusedEle = selectedEle[selectedEle.length - 1] || this.focusedEle;
-        var renderedLength = conWrap.querySelectorAll('tbody tr').length;
+        var tbody = conWrap.querySelector('tbody');
+        var renderedRows = Array.from(tbody.querySelectorAll('tr'));
+        if (this.parent.currentView === 'Month') {
+            this.updateMonthViewContent(conWrap, resCollection);
+        }
+        else {
+            this.updateOtherViewContent(conWrap, resCollection, renderedRows);
+        }
+    };
+    VirtualScroll.prototype.updateMonthViewContent = function (conWrap, resCollection) {
+        var renderedLength = conWrap.querySelectorAll(' tr').length;
         for (var i = 0; i < renderedLength; i++) {
             remove(conWrap.querySelector('tbody tr'));
         }
-        if (this.parent.currentView === 'Month') {
-            if (this.parent.activeViewOptions.group.byDate) {
-                this.parent.activeView.colLevels[0] = resCollection;
-            }
-            else {
-                this.parent.activeView.colLevels[this.parent.activeView.colLevels.length - 2] = resCollection;
-            }
-            var contentRows = this.parent.activeView.getContentRows();
-            append(contentRows, conWrap.querySelector('tbody'));
+        if (this.parent.activeViewOptions.group.byDate) {
+            this.parent.activeView.colLevels[0] = resCollection;
         }
         else {
-            var col = [].slice.call(conWrap.querySelector('colgroup').children);
-            for (var i = 0; i < col.length; i++) {
-                remove(col[parseInt(i.toString(), 10)]);
-            }
-            this.parent.activeView.colLevels[this.parent.activeView.colLevels.length - 1] = resCollection;
-            var contentRows = this.parent.activeView.getContentRows();
-            var table = conWrap.querySelector('table');
-            var thead = conWrap.querySelector('thead');
-            var colGroupEle_1 = conWrap.querySelector('colgroup');
-            resCollection.forEach(function () {
-                colGroupEle_1.appendChild(createElement('col'));
+            this.parent.activeView.colLevels[this.parent.activeView.colLevels.length - 2] = resCollection;
+        }
+        var contentRows = this.parent.activeView.getContentRows();
+        append(contentRows, conWrap.querySelector('tbody'));
+    };
+    VirtualScroll.prototype.updateOtherViewContent = function (conWrap, resCollection, renderedRows) {
+        var tbody = conWrap.querySelector('tbody');
+        var colGroup = conWrap.querySelector('colgroup');
+        var thead = conWrap.querySelector('thead');
+        var table = conWrap.querySelector('table');
+        this.parent.activeView.colLevels[this.parent.activeView.colLevels.length - 1] = resCollection;
+        var newGroupIndices = new Set(resCollection.map(function (data) { return data.groupIndex; }));
+        renderedRows.forEach(function (row) {
+            var tdElements = row.querySelectorAll('td');
+            tdElements.forEach(function (td) {
+                var groupIndex = parseInt(td.getAttribute('data-group-index'), 10);
+                if (!newGroupIndices.has(groupIndex)) {
+                    td.remove();
+                }
             });
-            thead.appendChild(this.parent.eventBase.createEventWrapper('', this.startIndex > 0 ? this.startIndex : 0));
-            if (this.parent.activeViewOptions.timeScale.enable) {
-                thead.appendChild(this.parent.eventBase.createEventWrapper('timeIndicator'));
-            }
-            prepend([thead], table);
-            append(contentRows, conWrap.querySelector('tbody'));
+        });
+        var col = [].slice.call(conWrap.querySelector('colgroup').children);
+        for (var i = 0; i < col.length; i++) {
+            remove(col[parseInt(i.toString(), 10)]);
         }
+        resCollection.forEach(function () { return colGroup.appendChild(createElement('col')); });
+        var tHead = [].slice.call(conWrap.querySelector('thead').children);
+        for (var i = 0; i < tHead.length; i++) {
+            remove(tHead[parseInt(i.toString(), 10)]);
+        }
+        thead.appendChild(this.parent.eventBase.createEventWrapper('', this.startIndex > 0 ? this.startIndex : 0));
+        if (this.parent.activeViewOptions.timeScale.enable) {
+            thead.appendChild(this.parent.eventBase.createEventWrapper('timeIndicator'));
+        }
+        prepend([thead], table);
+        var contentRows = this.parent.activeView.getContentRows();
+        this.mergeNewTdData(tbody, contentRows);
     };
+    VirtualScroll.prototype.mergeNewTdData = function (tbody, contentRows) {
+        var existingRows = Array.from(tbody.querySelectorAll('tr'));
+        existingRows.forEach(function (existingRow, rowIndex) {
+            if (rowIndex < contentRows.length) {
+                var newRow = contentRows[parseInt(rowIndex.toString(), 10)];
+                var existingTds_1 = Array.from(existingRow.querySelectorAll('td'));
+                var newTds = Array.from(newRow.querySelectorAll('td'));
+                newTds.forEach(function (newTd) {
+                    var newGroupIndex = parseInt(newTd.getAttribute('data-group-index').toString(), 10);
+                    var inserted = false;
+                    for (var _i = 0, existingTds_2 = existingTds_1; _i < existingTds_2.length; _i++) {
+                        var existingTd = existingTds_2[_i];
+                        var existingGroupIndex = parseInt(existingTd.getAttribute('data-group-index').toString(), 10);
+                        if (newGroupIndex < existingGroupIndex) {
+                            existingRow.insertBefore(newTd, existingTd);
+                            inserted = true;
+                            break;
+                        }
+                    }
+                    if (!inserted) {
+                        existingRow.appendChild(newTd);
+                    }
+                });
+            }
+        });
+    };
     VirtualScroll.prototype.getBufferCollection = function (startIndex, endIndex) {
@@ -418,0 +467,0 @@ return this.parent.resourceBase.expandedResources.slice(startIndex, endIndex);

src/schedule/base/interface.d.ts

@@ -250,2 +250,4 @@ import { BaseEventArgs } from '@syncfusion/ej2-base';
     navigation?: NavigateOptions;
+    /** Allows to drag the events outside the currently rendered date range */
+    dragWithinRange?: boolean;
 }
@@ -529,2 +531,3 @@ /** An interface that holds options of virtual scroll action. */
     isTouchScroll?: boolean;
+    isTransformed?: boolean;
 }
@@ -531,0 +534,0 @@ /**

src/schedule/base/util.d.ts

@@ -13,5 +13,6 @@ /**
  * @param {string} elementClass Accepts the element class
+ * @param {boolean} isTransformed Accepts the boolean value that indicates the status of the transform style applied to the element
  * @returns {number} Returns the height of the element
  */
-export declare function getElementHeightFromClass(container: Element, elementClass: string): number;
+export declare function getElementHeightFromClass(container: Element, elementClass: string, isTransformed?: boolean): number;
 /**
@@ -22,5 +23,6 @@ * Method to get width from element
  * @param {string} elementClass Accepts the element class
+ * @param {boolean} isTransformed Accepts the boolean value that indicates the status of the transform style applied to the element
  * @returns {number} Returns the width of the element
  */
-export declare function getElementWidthFromClass(container: Element, elementClass: string): number;
+export declare function getElementWidthFromClass(container: Element, elementClass: string, isTransformed?: boolean): number;
 /**
@@ -247,5 +249,6 @@ * Method to get translateY value
  * @param {HTMLElement} element Accepts the DOM element
+ * @param {boolean} isTransformed Accepts the boolean value that indicates the status of the transform style applied to the element
  * @returns {number} Returns the width of the given element
  */
-export declare function getElementWidth(element: HTMLElement): number;
+export declare function getElementWidth(element: HTMLElement, isTransformed?: boolean): number;
 /**
@@ -255,5 +258,6 @@ * Method to get element cell Height
  * @param {HTMLElement} element Accepts the DOM element
+ * @param {boolean} isTransformed Accepts the boolean value that indicates the status of the transform style applied to the element
  * @returns {number} Returns the Height of the given element
  */
-export declare function getElementHeight(element: HTMLElement): number;
+export declare function getElementHeight(element: HTMLElement, isTransformed?: boolean): number;
 /**
@@ -263,4 +267,5 @@ * Method to get element cell Top
  * @param {HTMLElement} element Accepts the DOM element
+ * @param {boolean} isTransformed Accepts the boolean value that indicates the status of the transform style applied to the element
  * @returns {number} Returns the top value of the given element
  */
-export declare function getElementTop(element: HTMLElement): number;
+export declare function getElementTop(element: HTMLElement, isTransformed?: boolean): number;

src/schedule/base/util.js

@@ -15,5 +15,6 @@ /* eslint-disable @typescript-eslint/no-explicit-any */
  * @param {string} elementClass Accepts the element class
+ * @param {boolean} isTransformed Accepts the boolean value that indicates the status of the transform style applied to the element
  * @returns {number} Returns the height of the element
  */
-export function getElementHeightFromClass(container, elementClass) {
+export function getElementHeightFromClass(container, elementClass, isTransformed) {
     var height = 0;
@@ -24,3 +25,3 @@ var el = createElement('div', { className: elementClass }).cloneNode();
     container.appendChild(el);
-    height = getElementHeight(el);
+    height = getElementHeight(el, isTransformed);
     remove(el);
@@ -34,5 +35,6 @@ return height;
  * @param {string} elementClass Accepts the element class
+ * @param {boolean} isTransformed Accepts the boolean value that indicates the status of the transform style applied to the element
  * @returns {number} Returns the width of the element
  */
-export function getElementWidthFromClass(container, elementClass) {
+export function getElementWidthFromClass(container, elementClass, isTransformed) {
     var width = 0;
@@ -43,3 +45,3 @@ var el = createElement('div', { className: elementClass }).cloneNode();
     container.appendChild(el);
-    width = getElementWidth(el);
+    width = getElementWidth(el, isTransformed);
     remove(el);
@@ -436,6 +438,7 @@ return width;
  * @param {HTMLElement} element Accepts the DOM element
+ * @param {boolean} isTransformed Accepts the boolean value that indicates the status of the transform style applied to the element
  * @returns {number} Returns the width of the given element
  */
-export function getElementWidth(element) {
-    return document.body.style.transform.includes('scale') ? element.offsetWidth : element.getBoundingClientRect().width;
+export function getElementWidth(element, isTransformed) {
+    return isTransformed ? element.offsetWidth : element.getBoundingClientRect().width;
 }
@@ -446,6 +449,7 @@ /**
  * @param {HTMLElement} element Accepts the DOM element
+ * @param {boolean} isTransformed Accepts the boolean value that indicates the status of the transform style applied to the element
  * @returns {number} Returns the Height of the given element
  */
-export function getElementHeight(element) {
-    return document.body.style.transform.includes('scale') ? element.offsetHeight : element.getBoundingClientRect().height;
+export function getElementHeight(element, isTransformed) {
+    return isTransformed ? element.offsetHeight : element.getBoundingClientRect().height;
 }
@@ -456,6 +460,7 @@ /**
  * @param {HTMLElement} element Accepts the DOM element
+ * @param {boolean} isTransformed Accepts the boolean value that indicates the status of the transform style applied to the element
  * @returns {number} Returns the top value of the given element
  */
-export function getElementTop(element) {
-    return document.body.style.transform.includes('scale') ? element.offsetTop : element.getBoundingClientRect().top;
+export function getElementTop(element, isTransformed) {
+    return isTransformed ? element.offsetTop : element.getBoundingClientRect().top;
 }

src/schedule/event-renderer/inline-edit.js

@@ -111,7 +111,7 @@ /* eslint-disable @typescript-eslint/no-explicit-any */
             if (allDayElements.length > 0) {
-                allDayLevel = Math.floor(util.getElementHeight(this.parent.element.querySelector('.' + cls.ALLDAY_ROW_CLASS)) /
+                allDayLevel = Math.floor(this.parent.getElementHeight(this.parent.element.querySelector('.' + cls.ALLDAY_ROW_CLASS)) /
                     allDayElements[0].offsetHeight) - 1;
             }
             verticalEvent.allDayLevel = allDayLevel;
-            var appHeight = util.getElementHeightFromClass(this.parent.element.querySelector('.' + cls.ALLDAY_APPOINTMENT_WRAPPER_CLASS), cls.APPOINTMENT_CLASS);
+            var appHeight = this.parent.getElementHeightFromClass(this.parent.element.querySelector('.' + cls.ALLDAY_APPOINTMENT_WRAPPER_CLASS), cls.APPOINTMENT_CLASS);
             var cellTop = verticalEvent.allDayElement.length > 0 ? verticalEvent.allDayElement[0].offsetTop : 0;
@@ -144,3 +144,3 @@ verticalEvent.renderAllDayEvents(saveObj, index, resIndex, daysCount, this.parent.allowInline, cellTop, appHeight);
         monthEvent.eventHeight =
-            util.getElementHeightFromClass(this.parent.monthModule.element || monthEvent.element, cls.APPOINTMENT_CLASS);
+            this.parent.getElementHeightFromClass(this.parent.monthModule.element || monthEvent.element, cls.APPOINTMENT_CLASS);
         monthEvent.getSlotDates(workDays);
@@ -169,3 +169,3 @@ var filteredDates = monthEvent.getRenderedDates(renderDates);
         timelineView.slotsPerDay = dayLength / timelineView.dateRender.length;
-        timelineView.eventHeight = util.getElementHeightFromClass(timelineView.element, cls.APPOINTMENT_CLASS);
+        timelineView.eventHeight = this.parent.getElementHeightFromClass(timelineView.element, cls.APPOINTMENT_CLASS);
         timelineView.renderEvents(saveObject, resIndex);
@@ -172,0 +172,0 @@ };

src/schedule/event-renderer/month.js

@@ -99,3 +99,3 @@ var __extends = (this && this.__extends) || (function () {
         }
-        this.eventHeight = util.getElementHeightFromClass(this.element, cls.APPOINTMENT_CLASS);
+        this.eventHeight = this.parent.getElementHeightFromClass(this.element, cls.APPOINTMENT_CLASS);
         var selector = '.' + cls.CONTENT_TABLE_CLASS + ' tbody tr';
@@ -179,4 +179,4 @@ this.addCellHeight(selector, this.eventHeight, (this.parent.currentView === 'Month' ? EVENT_GAP : 2), this.monthHeaderHeight, this.moreIndicatorHeight);
         var cellDetail = this.workCells[this.parent.activeView.isTimelineView() ? 0 : this.workCells.length - 1];
-        this.cellWidth = util.getElementWidth(cellDetail);
-        this.cellHeight = util.getElementHeight(cellDetail);
+        this.cellWidth = this.parent.getElementWidth(cellDetail);
+        this.cellHeight = this.parent.getElementHeight(cellDetail);
         this.dateRender = dateRender;
@@ -183,0 +183,0 @@ var filteredDates = this.getRenderedDates(dateRender);

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

@@ -51,3 +51,3 @@ var __extends = (this && this.__extends) || (function () {
             var workCell = this.content.querySelector('.' + cls.WORK_CELLS_CLASS);
-            this.cellWidth = util.getElementWidth(workCell) / +(workCell.getAttribute('colspan') || 1);
+            this.cellWidth = this.parent.getElementWidth(workCell) / +(workCell.getAttribute('colspan') || 1);
             this.slotsPerDay = 1;
@@ -222,3 +222,3 @@ }
                     var conWrap = this.parent.element.querySelector('.' + cls.CONTENT_WRAP_CLASS);
-                    var conWidth = util.getElementWidth(conWrap);
+                    var conWidth = this.parent.getElementWidth(conWrap);
                     var isWithoutScroll = conWrap.offsetHeight === conWrap.clientHeight &&
@@ -230,3 +230,3 @@ conWrap.offsetWidth === conWrap.clientWidth;
                     if (isWithoutScroll &&
-                        (conWrap.offsetWidth > conWrap.clientWidth || conWidth !== util.getElementWidth(conWrap))) {
+                        (conWrap.offsetWidth > conWrap.clientWidth || conWidth !== this.parent.getElementWidth(conWrap))) {
                         this.adjustAppointments(conWidth);
@@ -350,3 +350,3 @@ }
         var tr = this.parent.element.querySelector('.' + cls.CONTENT_TABLE_CLASS + ' tbody tr');
-        var actualCellWidth = util.getElementWidth(this.workCells[0]);
+        var actualCellWidth = this.parent.getElementWidth(this.workCells[0]);
         this.cellWidth = actualCellWidth / +(this.workCells[0].getAttribute('colspan') || 1);
@@ -353,0 +353,0 @@ var currentPercentage = (actualCellWidth * tr.children.length) / (conWidth / 100);

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

@@ -132,3 +132,3 @@ var __extends = (this && this.__extends) || (function () {
         this.cellHeight =
-            parseFloat(util.getElementHeight(this.parent.element.querySelector('.e-content-wrap tbody tr')).toFixed(2));
+            parseFloat(this.parent.getElementHeight(this.parent.element.querySelector('.e-content-wrap tbody tr')).toFixed(2));
         this.dateRender[0] = this.parent.activeView.renderDates;
@@ -219,3 +219,3 @@ if (this.parent.activeViewOptions.group.resources.length > 0) {
         var isRender;
-        var appHeight = eventType === 'allDayEvents' ? util.getElementHeightFromClass(this.element.querySelector('.' + cls.ALLDAY_APPOINTMENT_WRAPPER_CLASS), cls.APPOINTMENT_CLASS) : 0;
+        var appHeight = eventType === 'allDayEvents' ? this.parent.getElementHeightFromClass(this.element.querySelector('.' + cls.ALLDAY_APPOINTMENT_WRAPPER_CLASS), cls.APPOINTMENT_CLASS) : 0;
         var allDayRowTop = eventType === 'allDayEvents' && this.allDayElement.length > 0 ? this.allDayElement[0].offsetTop : 0;
@@ -222,0 +222,0 @@ var _loop_1 = function (resource) {

src/schedule/event-renderer/year.js

@@ -92,6 +92,6 @@ var __extends = (this && this.__extends) || (function () {
         var workCell = this.parent.element.querySelector('.' + cls.WORK_CELLS_CLASS + ':not(.' + cls.OTHERMONTH_CLASS + ')');
-        this.cellWidth = util.getElementWidth(workCell);
+        this.cellWidth = this.parent.getElementWidth(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);
+        this.eventHeight = this.parent.getElementHeightFromClass(eventTable, cls.APPOINTMENT_CLASS);
         var selector = "." + cls.MONTH_HEADER_WRAPPER + " tbody tr,." + cls.RESOURCE_COLUMN_TABLE_CLASS + " tbody tr,." + cls.CONTENT_TABLE_CLASS + " tbody tr";
@@ -252,6 +252,6 @@ this.addCellHeight(selector, this.eventHeight, EVENT_GAP, this.cellHeader, this.moreIndicatorHeight);
         var workCell = this.parent.element.querySelector('.' + cls.WORK_CELLS_CLASS);
-        this.cellWidth = util.getElementWidth(workCell);
+        this.cellWidth = this.parent.getElementWidth(workCell);
         this.cellHeader = 0;
         var eventTable = this.parent.element.querySelector('.' + cls.EVENT_TABLE_CLASS);
-        this.eventHeight = util.getElementHeightFromClass(eventTable, cls.APPOINTMENT_CLASS);
+        this.eventHeight = this.parent.getElementHeightFromClass(eventTable, cls.APPOINTMENT_CLASS);
         var selector = "." + cls.MONTH_HEADER_WRAPPER + " tbody tr,." + cls.RESOURCE_COLUMN_TABLE_CLASS + " tbody tr,." + cls.CONTENT_TABLE_CLASS + " tbody tr";
@@ -298,3 +298,3 @@ this.addCellHeight(selector, this.eventHeight, EVENT_GAP, this.cellHeader, this.moreIndicatorHeight);
                     var app = [].slice.call(appWrap.children);
-                    var width = util.getElementWidth(td);
+                    var width = _this.parent.getElementWidth(td);
                     var left = td.offsetLeft;
@@ -301,0 +301,0 @@ if (_this.parent.enableRtl) {

src/schedule/renderer/timeline-view.js

@@ -75,3 +75,3 @@ var __extends = (this && this.__extends) || (function () {
         if (isNullOrUndefined(hour) || !this.parent.activeViewOptions.timeScale.enable) {
-            scrollLeft = index * util.getElementWidth(this.element.querySelector('.e-work-cells'));
+            scrollLeft = index * this.parent.getElementWidth(this.element.querySelector('.e-work-cells'));
         }
@@ -163,3 +163,3 @@ else {
                     diffInDates = currentDateIndex[0] * this.parent.activeView.colLevels[parseInt(index.toString(), 10)][0].colSpan *
-                        util.getElementWidth(this.element.querySelector('.e-work-cells'));
+                        this.parent.getElementWidth(this.element.querySelector('.e-work-cells'));
                 }
@@ -174,4 +174,4 @@ else {
         }
-        return diffInDates + ((diffInMinutes * util.getElementWidth(this.element.querySelector('.e-work-cells')) * this.parent.activeViewOptions.timeScale.slotCount) /
-            this.parent.activeViewOptions.timeScale.interval);
+        return diffInDates + ((diffInMinutes * this.parent.getElementWidth(this.element.querySelector('.e-work-cells'))
+            * this.parent.activeViewOptions.timeScale.slotCount) / this.parent.activeViewOptions.timeScale.interval);
     };
@@ -178,0 +178,0 @@ TimelineViews.prototype.renderHeader = function () {

src/schedule/renderer/vertical-view.js

@@ -248,7 +248,4 @@ var __extends = (this && this.__extends) || (function () {
             var currentDateIndex = this.getCurrentTimeIndicatorIndex();
-            if (currentDateIndex.length > 0) {
-                var workCells = [].slice.call(this.element.querySelectorAll('.' + cls.WORK_CELLS_CLASS));
-                if (workCells.length > 0) {
-                    this.changeCurrentTimePosition();
-                }
+            if (currentDateIndex.length > 0 && !isNullOrUndefined(this.element.querySelector('.' + cls.WORK_CELLS_CLASS))) {
+                this.changeCurrentTimePosition();
                 if (isNullOrUndefined(this.currentTimeIndicatorTimer)) {
@@ -378,3 +375,3 @@ var interval = util.MS_PER_MINUTE - ((currentDate.getSeconds() * 1000) + currentDate.getMilliseconds());
     VerticalView.prototype.getWorkCellHeight = function () {
-        return parseFloat(util.getElementHeight(this.element.querySelector('.' + cls.WORK_CELLS_CLASS)).toFixed(2));
+        return parseFloat(this.parent.getElementHeight(this.element.querySelector('.' + cls.WORK_CELLS_CLASS)).toFixed(2));
     };
@@ -682,2 +679,7 @@ VerticalView.prototype.getTdContent = function (date, type, groupIndex) {
         var td = createElement('td', { attrs: { 'aria-selected': 'false' } });
+        var existingGroupIndices = new Set();
+        if (this.parent.virtualScrollModule && this.parent.activeViewOptions.group.resources.length > 0 &&
+            this.parent.virtualScrollModule.existingDataCollection.length > 0) {
+            existingGroupIndices = new Set(this.parent.virtualScrollModule.existingDataCollection.map(function (data) { return data.groupIndex; }));
+        }
         var handler = function (r) {
@@ -687,4 +689,12 @@ var ntr = tr.cloneNode();
                 var tdData = _a[_i];
-                var ntd = _this.createContentTd(tdData, r, td);
-                ntr.appendChild(ntd);
+                var isAllowTdCreation = true;
+                if (_this.parent.virtualScrollModule && _this.parent.activeViewOptions.group.resources.length > 0) {
+                    if (existingGroupIndices.has(tdData.groupIndex)) {
+                        isAllowTdCreation = false;
+                    }
+                }
+                if (isAllowTdCreation) {
+                    var ntd = _this.createContentTd(tdData, r, td);
+                    ntr.appendChild(ntd);
+                }
             }
@@ -691,0 +701,0 @@ rows.push(ntr);

src/schedule/renderer/view-base.js

@@ -496,3 +496,3 @@ import { createElement, append, prepend, isNullOrUndefined, getValue, getDefaultDateObject, cldrData, addClass, setStyleAttribute, formatUnit, EventHandler, remove } from '@syncfusion/ej2-base';
             var contentBody = this.element.querySelector('.' + cls.CONTENT_TABLE_CLASS + ' tbody');
-            var colWidth_1 = (util.getElementWidth(contentBody) / (colElements.length / 2));
+            var colWidth_1 = (this.parent.getElementWidth(contentBody) / (colElements.length / 2));
             if (content.offsetHeight !== content.clientHeight) {
@@ -499,0 +499,0 @@ var resourceColumn = this.parent.element.querySelector('.' + cls.RESOURCE_COLUMN_WRAP_CLASS);

No alert changes

Improved metrics

Total package byte prevSize

23510573

increased by0.37%

Lines of code

275622

increased by0.16%

Dependency changes

• Updated@syncfusion/ej2-calendars@~26.1.41

• Updated@syncfusion/ej2-data@~26.1.41

• Updated@syncfusion/ej2-dropdowns@~26.1.41

• Updated@syncfusion/ej2-inputs@~26.1.41

• Updated@syncfusion/ej2-navigations@~26.1.41

• Updated@syncfusion/ej2-popups@~26.1.41