@syncfusion/ej2-layouts 21.1.37 → 21.2.6

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

@@ -341,7 +341,7 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
         var prePaneSize = this.orientation === 'Horizontal' ? this.previousPane.offsetWidth : this.previousPane.offsetHeight;
         var nextPaneSize = this.orientation === 'Horizontal' ? this.nextPane.offsetWidth : this.nextPane.offsetHeight;
         var splitBarSize = isNullOrUndefined(this.separatorSize) ? BAR_SIZE_DEFAULT : this.separatorSize;
-        if ((this.previousPane.style.flexBasis.indexOf('%') > 0 || this.nextPane.style.flexBasis.indexOf('%') > 0)) {
+        if ((this.previousPane.style.flexBasis.indexOf('%') > 0 || this.previousPane.style.flexBasis.indexOf('p') > 0 || this.nextPane.style.flexBasis.indexOf('%') > 0)) {
             var previousFlexBasis = this.updatePaneFlexBasis(this.previousPane);
             var nextFlexBasis = this.updatePaneFlexBasis(this.nextPane);
             this.totalPercent = previousFlexBasis + nextFlexBasis;
@@ -1095,8 +1095,10 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
                         updatePane.style.flexBasis = isPercent ? this.convertPixelToPercentage(updatePaneOffset + sizeDiff) + '%'
                             : (updatePaneOffset + sizeDiff) + 'px';
                         var flexPaneOffset = this.orientation === 'Horizontal' ? flexPane.offsetWidth : flexPane.offsetHeight;
-                        flexPane.style.flexBasis = flexPane.style.flexBasis.indexOf('%') > -1 ?
-                            this.convertPixelToPercentage(flexPaneOffset - sizeDiff) + '%' : (flexPaneOffset - sizeDiff) + 'px';
+                        if (flexPane.style.flexBasis !== '') {
+                            flexPane.style.flexBasis = flexPane.style.flexBasis.indexOf('%') > -1 ?
+                                this.convertPixelToPercentage(flexPaneOffset - sizeDiff) + '%' : (flexPaneOffset - sizeDiff) + 'px';
+                        }
                     }
                 }
             }
@@ -2586,7 +2588,8 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
             for (var i = 0; i < this.panels.length; i++) {
                 var panelElement = this.element.querySelector('#' + this.panels[i].id);
                 this.setMinMaxValues(this.panels[i]);
-                if (this.maxColumnValue < this.panels[i].col || this.maxColumnValue < (this.panels[i].col + this.panels[i].sizeX)) {
+                if (this.maxColumnValue < this.panels[i].col ||
+                    this.maxColumnValue < (this.panels[i].col + this.panels[i].sizeX)) {
                     var colValue = this.maxColumnValue - this.panels[i].sizeX;
                     this.panelPropertyChange(this.panels[i], { col: colValue < 0 ? 0 : colValue });
                 }
@@ -2690,7 +2693,6 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
         }
         return element;
     };
-    // eslint-disable-next-line
     DashboardLayout.prototype.templateParser = function (template) {
         if (template) {
             try {
@@ -2709,7 +2711,6 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
         return undefined;
     };
     DashboardLayout.prototype.renderTemplate = function (content, appendElement, type, isStringTemplate, prop) {
-        // eslint-disable-next-line
         var templateFn = this.templateParser(content);
         var templateElements = [];
         if ((content[0] === '.' || content[0] === '#') &&
@@ -3227,6 +3228,7 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
         else {
             if (this.element.classList.contains(responsive)) {
                 removeClass([this.element], [responsive]);
+                // eslint-disable-next-line
                 var internalPanels = this.element.querySelectorAll(((this.element.id) ? '#' + this.element.id + ' > ' : '') + '.e-panel');
                 for (var i = 0; i < internalPanels.length; i++) {
                     var ele = internalPanels[i];
@@ -3469,7 +3471,8 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
             for (var j = 0; j < cells.length; j++) {
                 this.gridPanelCollection.push(cells[j]);
                 this.setMinMaxValues(cells[j]);
-                if (this.maxColumnValue < cells[j].col || this.maxColumnValue < (cells[j].col + cells[j].sizeX)) {
+                if (this.maxColumnValue < cells[j].col ||
+                    this.maxColumnValue < (cells[j].col + cells[j].sizeX)) {
                     this.panelPropertyChange(cells[j], { col: this.maxColumnValue - cells[j].sizeX });
                 }
                 var cell = this.renderCell(cells[j], false, j);
@@ -3933,7 +3936,8 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
         }
         var isSwappable = false;
         for (var count1 = 0; count1 < collisions.length; count1++) {
-            if (collisions.length >= 1 && this.cloneObject[this.mainElement.id] && this.cloneObject[this.mainElement.id].row === this.oldRowCol[this.mainElement.id].row) {
+            if (collisions.length >= 1 && this.cloneObject[this.mainElement.id] &&
+                this.cloneObject[this.mainElement.id].row === this.oldRowCol[this.mainElement.id].row) {
                 return false;
             }
         }
@@ -4278,7 +4282,7 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
     };
     DashboardLayout.prototype.setResizingClass = function (ele, container) {
         this.availableClasses = this.resizableHandles;
-        if (!ele.querySelector(".e-resize")) {
+        if (!ele.querySelector('.e-resize')) {
             for (var j = 0; j < this.availableClasses.length; j++) {
                 var spanEle = this.createElement('span');
                 var addClassValue = void 0;
@@ -4346,7 +4350,8 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
             for (var i = 0; i < this.panels.length; i++) {
                 if (((!isNullOrUndefined(added) ? (this.panels[i].id !== added[0].id) : true) &&
                     (!isNullOrUndefined(removed) ? (this.panels[i].id !== removed[0].id) : true)) &&
-                    (this.panels[i].row !== this.panelsInitialModel[i].row || this.panels[i].col !== this.panelsInitialModel[i].col)) {
+                    (this.panels[i].row !== this.panelsInitialModel[i].row ||
+                        this.panels[i].col !== this.panelsInitialModel[i].col)) {
                     changedPanels.push(this.panels[i]);
                 }
             }
@@ -4487,6 +4492,7 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
     };
     DashboardLayout.prototype.onDraggingStart = function (args) {
         var dragArgs = args;
+        // eslint-disable-next-line
         this.trigger('dragStart', dragArgs, function (dragArgs) {
             if (isNullOrUndefined(args.cancel)) {
                 args.cancel = false;
@@ -4827,9 +4833,10 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
         var customObject = [];
         for (var i = 0; i < cloneModel.length; i++) {
             customObject.push({
-                id: cloneModel[i].id, row: cloneModel[i].row, col: cloneModel[i].col, sizeX: cloneModel[i].sizeX,
-                sizeY: cloneModel[i].sizeY, minSizeX: cloneModel[i].minSizeX, minSizeY: cloneModel[i].minSizeY,
-                maxSizeX: cloneModel[i].maxSizeX, maxSizeY: cloneModel[i].maxSizeY
+                id: cloneModel[i].id, row: cloneModel[i].row, col: cloneModel[i].col,
+                sizeX: cloneModel[i].sizeX, sizeY: cloneModel[i].sizeY, minSizeX: cloneModel[i].minSizeX,
+                minSizeY: cloneModel[i].minSizeY, maxSizeX: cloneModel[i].maxSizeX,
+                maxSizeY: cloneModel[i].maxSizeY
             });
         }
         return (customObject);