@syncfusion/ej2-layouts 28.2.3 → 28.2.4

package/dist/es6/ej2-layouts.es2015.js

@@ -4532,16 +4532,17 @@ let DashboardLayout = class DashboardLayout extends Component {
             this.updateRowsHeight(eleRowValue, eleSizeY, eleSizeY);
             this.updateDragArea();
             this.shadowEle = document.createElement('div');
-            this.shadowEle.classList.add('e-holder');
-            this.shadowEle.classList.add('e-holder-transition');
+            this.shadowEle.classList.add('e-holder', 'e-holder-transition');
             setStyleAttribute(this.shadowEle, { 'position': 'absolute' });
             addClass([this.element], [preventSelect]);
             addClass([args.element], [dragging]);
             this.element.appendChild(this.shadowEle);
             this.renderReactTemplates();
             this.shadowEle = document.querySelector('.e-holder');
-            this.shadowEle.style.height = (this.getCellInstance(args.element.id).sizeY * this.cellSize[1]) + 'px';
-            this.shadowEle.style.width = (this.getCellInstance(args.element.id).sizeX * this.cellSize[0]) + 'px';
+            const panelValues = this.getCellInstance(args.element.id);
+            const shadowSize = this.calculateShadowElementSize(panelValues.sizeX, panelValues.sizeY);
+            this.shadowEle.style.height = shadowSize.height;
+            this.shadowEle.style.width = shadowSize.width;
             const panelInstance = this.getCellInstance(args.element.id);
             this.setPanelPosition(this.shadowEle, panelInstance.row, panelInstance.col);
         }
@@ -4677,12 +4678,17 @@ let DashboardLayout = class DashboardLayout extends Component {
         const heightValue = this.getCellSize()[1];
         const top = row === 0 ? 0 : (((row) * (heightValue + this.cellSpacing[1])));
         const left = col === 0 ? 0 : (((col) * (widthValue + this.cellSpacing[0])));
-        const cellSizeOne = this.getCellSize()[1];
-        const cellSizeZero = this.getCellSize()[0];
         this.elementRef.top = this.shadowEle.style.top = top + 'px';
         this.elementRef.left = this.shadowEle.style.left = left + 'px';
-        this.elementRef.height = this.shadowEle.style.height = ((sizeY * cellSizeOne) + ((sizeY - 1) * this.cellSpacing[1])) + 'px';
-        this.elementRef.width = this.shadowEle.style.width = ((sizeX * cellSizeZero) + ((sizeX - 1) * this.cellSpacing[0])) + 'px';
+        const shadowSize = this.calculateShadowElementSize(sizeX, sizeY);
+        this.elementRef.height = this.shadowEle.style.height = shadowSize.height;
+        this.elementRef.width = this.shadowEle.style.width = shadowSize.width;
+    }
+    calculateShadowElementSize(sizeX, sizeY) {
+        return {
+            width: (sizeX * this.cellSize[0]) + ((sizeX - 1) * this.cellSpacing[0]) + 'px',
+            height: (sizeY * this.cellSize[1]) + ((sizeY - 1) * this.cellSpacing[1]) + 'px'
+        };
     }
     getCellInstance(idValue) {
         let currentCellInstance;