@syncfusion/ej2-layouts 21.1.37 → 21.2.6

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 21.1.37
+*  version : 21.2.6
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-layouts@*",
-  "_id": "@syncfusion/ej2-layouts@21.1.35",
+  "_id": "@syncfusion/ej2-layouts@21.2.3",
   "_inBundle": false,
-  "_integrity": "sha512-WCamq1AhfBRIlju3dyNuJ5x9eT9/P0PNdsAlEFrhzYhry5KiQLT/sN/dy3R0CetUOGqpcvB0BG3Fn6LLYhzykA==",
+  "_integrity": "sha512-5Y1k2bCEewBOxotcUlKSaK1QQe62BJyxVGfBiHjvcrW6ul8xbyw9fjrJ39BKPeP0yRQ2oc8x2hT04MzbPv6Hcw==",
   "_location": "/@syncfusion/ej2-layouts",
   "_phantomChildren": {},
   "_requested": {
@@ -27,8 +27,8 @@
     "/@syncfusion/ej2-react-layouts",
     "/@syncfusion/ej2-vue-layouts"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-layouts/-/ej2-layouts-21.1.35.tgz",
-  "_shasum": "52257837007f6efda4fc56e10cdaf802710f1267",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-layouts/-/ej2-layouts-21.2.3.tgz",
+  "_shasum": "cb31dfc8902d90e3f641ab42286a5e21c8fb6e0a",
   "_spec": "@syncfusion/ej2-layouts@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -36,7 +36,7 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~21.1.37"
+    "@syncfusion/ej2-base": "~21.2.3"
   },
   "deprecated": false,
   "description": "A package of Essential JS 2 layout pure CSS components such as card and avatar. The card is used as small container to show content in specific structure, whereas the avatars are icons, initials or figures representing particular person.",
@@ -76,7 +76,7 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/layouts"
   },
   "typings": "index.d.ts",
-  "version": "21.1.37",
+  "version": "21.2.6",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/dashboard-layout/dashboard-layout.js

@@ -24,7 +24,6 @@ import { setStyleAttribute as setStyle, addClass, detach, removeClass, EventHand
 // constant class definitions
 var preventSelect = 'e-prevent';
 var dragging = 'e-dragging';
-var draggable = 'e-draggable';
 var dragRestrict = 'e-drag-restrict';
 var drag = 'e-drag';
 var resize = 'e-resize';
@@ -239,7 +238,8 @@ var DashboardLayout = /** @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 });
                 }
@@ -343,7 +343,6 @@ var DashboardLayout = /** @class */ (function (_super) {
         }
         return element;
     };
-    // eslint-disable-next-line
     DashboardLayout.prototype.templateParser = function (template) {
         if (template) {
             try {
@@ -362,7 +361,6 @@ var DashboardLayout = /** @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] === '#') &&
@@ -880,6 +878,7 @@ var DashboardLayout = /** @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];
@@ -1122,7 +1121,8 @@ var DashboardLayout = /** @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);
@@ -1586,7 +1586,8 @@ var DashboardLayout = /** @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;
             }
         }
@@ -1931,7 +1932,7 @@ var DashboardLayout = /** @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;
@@ -1999,7 +2000,8 @@ var DashboardLayout = /** @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]);
                 }
             }
@@ -2140,6 +2142,7 @@ var DashboardLayout = /** @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;
@@ -2480,9 +2483,10 @@ var DashboardLayout = /** @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);

package/src/splitter/splitter.js

@@ -344,7 +344,7 @@ var Splitter = /** @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;
@@ -1098,8 +1098,10 @@ var Splitter = /** @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';
+                        }
                     }
                 }
             }