@syncfusion/ej2-layouts 20.1.55 → 20.2.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/ej2-layouts.umd.min.js +2 -2
  3. package/dist/ej2-layouts.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-layouts.es2015.js +17 -13
  5. package/dist/es6/ej2-layouts.es2015.js.map +1 -1
  6. package/dist/es6/ej2-layouts.es5.js +17 -13
  7. package/dist/es6/ej2-layouts.es5.js.map +1 -1
  8. package/dist/global/ej2-layouts.min.js +2 -2
  9. package/dist/global/ej2-layouts.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/helpers/e2e/dashboardHelper.js +112 -96
  12. package/helpers/e2e/index.js +9 -7
  13. package/helpers/e2e/splitter-helper.js +74 -58
  14. package/package.json +6 -6
  15. package/src/dashboard-layout/dashboard-layout.js +8 -2
  16. package/src/splitter/splitter.js +9 -11
  17. package/styles/avatar/_fusionnew-definition.scss +26 -0
  18. package/styles/avatar/_material3-definition.scss +26 -0
  19. package/styles/card/_fusionnew-definition.scss +121 -0
  20. package/styles/card/_material3-definition.scss +121 -0
  21. package/styles/dashboard-layout/_fusionnew-definition.scss +109 -0
  22. package/styles/dashboard-layout/_material3-definition.scss +109 -0
  23. package/styles/dashboard-layout/icons/_fusionnew.scss +81 -0
  24. package/styles/dashboard-layout/icons/_material3.scss +81 -0
  25. package/styles/splitter/_fusionnew-definition.scss +30 -0
  26. package/styles/splitter/_material3-definition.scss +30 -0
  27. package/styles/splitter/icons/_fusionnew.scss +39 -0
  28. package/styles/splitter/icons/_material3.scss +39 -0
package/dist/es6/ej2-layouts.es5.js CHANGED
@@ -1059,7 +1059,7 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
1059
1059
  paneMinRange = this.convertPercentageToPixel(this.paneSettings[i].min);
1060
1060
  }
1061
1061
  minValue = this.convertPixelToNumber((paneMinRange).toString());
1062
- if (this.orientation === 'Horizontal' ? this.allPanes[i].offsetWidth : this.allPanes[i].offsetHeight < minValue) {
1062
+ if ((this.orientation === 'Horizontal' ? this.allPanes[i].offsetWidth : this.allPanes[i].offsetHeight) < minValue) {
1063
1063
  if (i === paneIndex) {
1064
1064
  updatePane = this.allPanes[i];
1065
1065
  flexPane = this.allPanes[i + 1];
@@ -1201,22 +1201,20 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
1201
1201
  var visiblePane = collapseCount === this.allPanes.length - 2;
1202
1202
  var panes = this.allPanes;
1203
1203
  for (var i = 0; i < panes.length; i++) {
1204
- if (panes[i].classList.contains(EXPAND_PANE)) {
1205
- panes[i].style.flexGrow = '1';
1206
- }
1207
- else if (panes[i].classList.contains(COLLAPSE_PANE)) {
1208
- panes[i].style.flexGrow = '0';
1209
- }
1210
- else {
1211
- panes[i].style.flexGrow = '';
1212
- }
1204
+ panes[i].style.flexGrow = '';
1213
1205
  if (status && !this.nextPane.classList.contains(COLLAPSE_PANE)) {
1214
1206
  this.nextPane.style.flexGrow = '1';
1215
1207
  }
1216
- if (visiblePane && !this.allPanes[i].classList.contains(COLLAPSE_PANE) && this.paneSettings[i].size &&
1208
+ if (visiblePane && this.allPanes[i].classList.contains(COLLAPSE_PANE) && this.paneSettings[i].size &&
1217
1209
  i !== this.allPanes.length - 1) {
1218
1210
  panes[i].style.flexGrow = '';
1219
1211
  }
1212
+ if (panes[i].classList.contains(EXPAND_PANE)) {
1213
+ panes[i].style.flexGrow = '1';
1214
+ }
1215
+ else if (panes[i].classList.contains(COLLAPSE_PANE)) {
1216
+ panes[i].style.flexGrow = '0';
1217
+ }
1220
1218
  }
1221
1219
  };
1222
1220
  Splitter.prototype.hideTargetBarIcon = function (targetBar, targetArrow) {
@@ -3255,9 +3253,15 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
3255
3253
  var heightValue;
3256
3254
  var widthValue;
3257
3255
  if (this.checkMediaQuery()) {
3258
- heightValue = ((this.maxRow()) *
3256
+ var entirePanelsY = 0;
3257
+ for (var i = 0; i < this.panels.length; i++) {
3258
+ if (this.panels[i].sizeY) {
3259
+ entirePanelsY += this.panels[i].sizeY;
3260
+ }
3261
+ }
3262
+ heightValue = ((entirePanelsY) *
3259
3263
  (this.element.parentElement && ((this.element.parentElement.offsetWidth)) / this.cellAspectRatio) +
3260
- (this.maxRow() - 1) * this.cellSpacing[1]) + 'px';
3264
+ (entirePanelsY - 1) * this.cellSpacing[1]) + 'px';
3261
3265
  }
3262
3266
  else {
3263
3267
  heightValue = ((this.maxRow()) *