@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.es2015.js CHANGED
@@ -1036,7 +1036,7 @@ let Splitter = class Splitter extends Component {
1036
1036
  paneMinRange = this.convertPercentageToPixel(this.paneSettings[i].min);
1037
1037
  }
1038
1038
  minValue = this.convertPixelToNumber((paneMinRange).toString());
1039
- if (this.orientation === 'Horizontal' ? this.allPanes[i].offsetWidth : this.allPanes[i].offsetHeight < minValue) {
1039
+ if ((this.orientation === 'Horizontal' ? this.allPanes[i].offsetWidth : this.allPanes[i].offsetHeight) < minValue) {
1040
1040
  if (i === paneIndex) {
1041
1041
  updatePane = this.allPanes[i];
1042
1042
  flexPane = this.allPanes[i + 1];
@@ -1177,22 +1177,20 @@ let Splitter = class Splitter extends Component {
1177
1177
  const visiblePane = collapseCount === this.allPanes.length - 2;
1178
1178
  const panes = this.allPanes;
1179
1179
  for (let i = 0; i < panes.length; i++) {
1180
- if (panes[i].classList.contains(EXPAND_PANE)) {
1181
- panes[i].style.flexGrow = '1';
1182
- }
1183
- else if (panes[i].classList.contains(COLLAPSE_PANE)) {
1184
- panes[i].style.flexGrow = '0';
1185
- }
1186
- else {
1187
- panes[i].style.flexGrow = '';
1188
- }
1180
+ panes[i].style.flexGrow = '';
1189
1181
  if (status && !this.nextPane.classList.contains(COLLAPSE_PANE)) {
1190
1182
  this.nextPane.style.flexGrow = '1';
1191
1183
  }
1192
- if (visiblePane && !this.allPanes[i].classList.contains(COLLAPSE_PANE) && this.paneSettings[i].size &&
1184
+ if (visiblePane && this.allPanes[i].classList.contains(COLLAPSE_PANE) && this.paneSettings[i].size &&
1193
1185
  i !== this.allPanes.length - 1) {
1194
1186
  panes[i].style.flexGrow = '';
1195
1187
  }
1188
+ if (panes[i].classList.contains(EXPAND_PANE)) {
1189
+ panes[i].style.flexGrow = '1';
1190
+ }
1191
+ else if (panes[i].classList.contains(COLLAPSE_PANE)) {
1192
+ panes[i].style.flexGrow = '0';
1193
+ }
1196
1194
  }
1197
1195
  }
1198
1196
  hideTargetBarIcon(targetBar, targetArrow) {
@@ -3200,9 +3198,15 @@ let DashboardLayout = class DashboardLayout extends Component {
3200
3198
  let heightValue;
3201
3199
  let widthValue;
3202
3200
  if (this.checkMediaQuery()) {
3203
- heightValue = ((this.maxRow()) *
3201
+ let entirePanelsY = 0;
3202
+ for (let i = 0; i < this.panels.length; i++) {
3203
+ if (this.panels[i].sizeY) {
3204
+ entirePanelsY += this.panels[i].sizeY;
3205
+ }
3206
+ }
3207
+ heightValue = ((entirePanelsY) *
3204
3208
  (this.element.parentElement && ((this.element.parentElement.offsetWidth)) / this.cellAspectRatio) +
3205
- (this.maxRow() - 1) * this.cellSpacing[1]) + 'px';
3209
+ (entirePanelsY - 1) * this.cellSpacing[1]) + 'px';
3206
3210
  }
3207
3211
  else {
3208
3212
  heightValue = ((this.maxRow()) *