@syncfusion/ej2-layouts 21.1.37 → 21.2.6

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

@@ -320,7 +320,7 @@ let Splitter = class Splitter extends Component {
         const prePaneSize = this.orientation === 'Horizontal' ? this.previousPane.offsetWidth : this.previousPane.offsetHeight;
         const nextPaneSize = this.orientation === 'Horizontal' ? this.nextPane.offsetWidth : this.nextPane.offsetHeight;
         const 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)) {
             const previousFlexBasis = this.updatePaneFlexBasis(this.previousPane);
             const nextFlexBasis = this.updatePaneFlexBasis(this.nextPane);
             this.totalPercent = previousFlexBasis + nextFlexBasis;
@@ -1071,8 +1071,10 @@ let Splitter = class Splitter extends Component {
                         updatePane.style.flexBasis = isPercent ? this.convertPixelToPercentage(updatePaneOffset + sizeDiff) + '%'
                             : (updatePaneOffset + sizeDiff) + 'px';
                         const 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';
+                        }
                     }
                 }
             }
@@ -2536,7 +2538,8 @@ let DashboardLayout = class DashboardLayout extends Component {
             for (let i = 0; i < this.panels.length; i++) {
                 const 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)) {
                     const colValue = this.maxColumnValue - this.panels[i].sizeX;
                     this.panelPropertyChange(this.panels[i], { col: colValue < 0 ? 0 : colValue });
                 }
@@ -2640,7 +2643,6 @@ let DashboardLayout = class DashboardLayout extends Component {
         }
         return element;
     }
-    // eslint-disable-next-line
     templateParser(template) {
         if (template) {
             try {
@@ -2659,7 +2661,6 @@ let DashboardLayout = class DashboardLayout extends Component {
         return undefined;
     }
     renderTemplate(content, appendElement, type, isStringTemplate, prop) {
-        // eslint-disable-next-line
         const templateFn = this.templateParser(content);
         const templateElements = [];
         if ((content[0] === '.' || content[0] === '#') &&
@@ -2938,9 +2939,9 @@ let DashboardLayout = class DashboardLayout extends Component {
                 currentX = this.getMaxWidth(panelModel) - this.elementWidth;
                 this.mOffX = dX - currentX;
             }
-            let initialWidth = this.elementWidth;
+            const initialWidth = this.elementWidth;
             this.elementWidth += currentX;
-            let newSizeX = this.pixelsToColumns(this.elementWidth - (panelModel.sizeX) * this.cellSpacing[1], true);
+            const newSizeX = this.pixelsToColumns(this.elementWidth - (panelModel.sizeX) * this.cellSpacing[1], true);
             if (this.columns < panelModel.col + newSizeX) {
                 this.elementWidth = initialWidth;
             }
@@ -3176,6 +3177,7 @@ let DashboardLayout = class DashboardLayout extends Component {
         else {
             if (this.element.classList.contains(responsive)) {
                 removeClass([this.element], [responsive]);
+                // eslint-disable-next-line
                 const internalPanels = this.element.querySelectorAll(((this.element.id) ? '#' + this.element.id + ' > ' : '') + '.e-panel');
                 for (let i = 0; i < internalPanels.length; i++) {
                     const ele = internalPanels[i];
@@ -3411,7 +3413,8 @@ let DashboardLayout = class DashboardLayout extends Component {
             for (let 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 });
                 }
                 const cell = this.renderCell(cells[j], false, j);
@@ -3865,7 +3868,8 @@ let DashboardLayout = class DashboardLayout extends Component {
         }
         let isSwappable = false;
         for (let 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;
             }
         }
@@ -4205,7 +4209,7 @@ let DashboardLayout = class DashboardLayout extends Component {
     }
     setResizingClass(ele, container) {
         this.availableClasses = this.resizableHandles;
-        if (!ele.querySelector(".e-resize")) {
+        if (!ele.querySelector('.e-resize')) {
             for (let j = 0; j < this.availableClasses.length; j++) {
                 const spanEle = this.createElement('span');
                 let addClassValue;
@@ -4273,7 +4277,8 @@ let DashboardLayout = class DashboardLayout extends Component {
             for (let 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]);
                 }
             }
@@ -4356,7 +4361,7 @@ let DashboardLayout = class DashboardLayout extends Component {
                             this.updateDragArea();
                         }
                         else {
-                            let currentPanel = this.getCellInstance(this.mainElement.id);
+                            const currentPanel = this.getCellInstance(this.mainElement.id);
                             for (i = 0; i < this.panels.length; i++) {
                                 if (this.panels[i].id === currentPanel.id) {
                                     args.element.setAttribute('data-col', this.panelsInitialModel[i].col.toString());
@@ -4407,6 +4412,7 @@ let DashboardLayout = class DashboardLayout extends Component {
     }
     onDraggingStart(args) {
         const dragArgs = args;
+        // eslint-disable-next-line
         this.trigger('dragStart', dragArgs, (dragArgs) => {
             if (isNullOrUndefined(args.cancel)) {
                 args.cancel = false;
@@ -4747,9 +4753,10 @@ let DashboardLayout = class DashboardLayout extends Component {
         const customObject = [];
         for (let 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);