@syncfusion/ej2-layouts 28.1.33 → 28.2.4

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

@@ -4612,16 +4612,17 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
             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';
+            var panelValues = this.getCellInstance(args.element.id);
+            var shadowSize = this.calculateShadowElementSize(panelValues.sizeX, panelValues.sizeY);
+            this.shadowEle.style.height = shadowSize.height;
+            this.shadowEle.style.width = shadowSize.width;
             var panelInstance = this.getCellInstance(args.element.id);
             this.setPanelPosition(this.shadowEle, panelInstance.row, panelInstance.col);
         }
@@ -4757,12 +4758,17 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
         var heightValue = this.getCellSize()[1];
         var top = row === 0 ? 0 : (((row) * (heightValue + this.cellSpacing[1])));
         var left = col === 0 ? 0 : (((col) * (widthValue + this.cellSpacing[0])));
-        var cellSizeOne = this.getCellSize()[1];
-        var 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';
+        var shadowSize = this.calculateShadowElementSize(sizeX, sizeY);
+        this.elementRef.height = this.shadowEle.style.height = shadowSize.height;
+        this.elementRef.width = this.shadowEle.style.width = shadowSize.width;
+    };
+    DashboardLayout.prototype.calculateShadowElementSize = function (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'
+        };
     };
     DashboardLayout.prototype.getCellInstance = function (idValue) {
         var currentCellInstance;