@syncfusion/ej2-layouts 20.2.45 → 20.3.47

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

@@ -115,7 +115,9 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
      * @param element  - Specifies the element that is rendered as an Splitter.
      */
     function Splitter(options, element) {
-        return _super.call(this, options, element) || this;
+        var _this = _super.call(this, options, element) || this;
+        _this.needsID = true;
+        return _this;
     }
     /**
      * Gets called when the model property changes.The data that describes the old and new values of the property that changed.
@@ -2463,7 +2465,6 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
                 var td = document.createElement('td');
                 td.classList.add('e-dashboard-gridline');
                 this.setAttributes({ value: { row: i.toString(), col: j.toString(), sizeX: '1', sizeY: '1' } }, td);
-                td.setAttribute('id', '' + j);
                 this.setPanelPosition(td, i, j);
                 this.setHeightAndWidth(td, { row: i, col: j, sizeX: 1, sizeY: 1 });
                 tr.appendChild(td);
@@ -3020,13 +3021,13 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
         }
     };
     DashboardLayout.prototype.getMinWidth = function (item) {
-        return (item.minSizeX) * this.getCellSize()[0];
+        return (((item.minSizeX) * this.getCellSize()[0]) + (item.minSizeX - 1) * this.cellSpacing[0]);
     };
     DashboardLayout.prototype.getMaxWidth = function (item) {
         return (item.maxSizeX) * this.getCellSize()[0];
     };
     DashboardLayout.prototype.getMinHeight = function (item) {
-        return (item.minSizeY) * this.getCellSize()[1];
+        return (((item.minSizeY) * this.getCellSize()[1]) + (item.minSizeY - 1) * this.cellSpacing[1]);
     };
     DashboardLayout.prototype.getMaxHeight = function (item) {
         return (item.maxSizeY) * this.getCellSize()[1];