@syncfusion/ej2-layouts 20.1.47 → 20.1.55

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 (86) hide show
  1. package/dist/ej2-layouts.umd.min.js +2 -2
  2. package/dist/ej2-layouts.umd.min.js.map +1 -1
  3. package/dist/es6/ej2-layouts.es2015.js +8 -5
  4. package/dist/es6/ej2-layouts.es2015.js.map +1 -1
  5. package/dist/es6/ej2-layouts.es5.js +8 -5
  6. package/dist/es6/ej2-layouts.es5.js.map +1 -1
  7. package/dist/global/ej2-layouts.min.js +2 -2
  8. package/dist/global/ej2-layouts.min.js.map +1 -1
  9. package/dist/global/index.d.ts +1 -1
  10. package/package.json +6 -6
  11. package/src/splitter/splitter.js +8 -5
  12. package/styles/avatar/bootstrap-dark.css +1 -7
  13. package/styles/avatar/bootstrap.css +1 -7
  14. package/styles/avatar/bootstrap4.css +1 -7
  15. package/styles/avatar/bootstrap5-dark.css +1 -7
  16. package/styles/avatar/bootstrap5.css +1 -7
  17. package/styles/avatar/fabric-dark.css +1 -7
  18. package/styles/avatar/fabric.css +1 -7
  19. package/styles/avatar/fluent-dark.css +1 -7
  20. package/styles/avatar/fluent.css +1 -7
  21. package/styles/avatar/highcontrast-light.css +1 -7
  22. package/styles/avatar/highcontrast.css +1 -7
  23. package/styles/avatar/material-dark.css +1 -7
  24. package/styles/avatar/material.css +1 -7
  25. package/styles/avatar/tailwind-dark.css +1 -7
  26. package/styles/avatar/tailwind.css +1 -7
  27. package/styles/bootstrap-dark.css +43 -312
  28. package/styles/bootstrap.css +43 -312
  29. package/styles/bootstrap4.css +43 -314
  30. package/styles/bootstrap5-dark.css +41 -309
  31. package/styles/bootstrap5.css +41 -309
  32. package/styles/card/bootstrap-dark.css +1 -85
  33. package/styles/card/bootstrap.css +1 -85
  34. package/styles/card/bootstrap4.css +1 -87
  35. package/styles/card/bootstrap5-dark.css +1 -85
  36. package/styles/card/bootstrap5.css +1 -85
  37. package/styles/card/fabric-dark.css +1 -85
  38. package/styles/card/fabric.css +1 -87
  39. package/styles/card/fluent-dark.css +1 -85
  40. package/styles/card/fluent.css +1 -85
  41. package/styles/card/highcontrast-light.css +1 -85
  42. package/styles/card/highcontrast.css +1 -87
  43. package/styles/card/material-dark.css +1 -85
  44. package/styles/card/material.css +1 -85
  45. package/styles/card/tailwind-dark.css +1 -87
  46. package/styles/card/tailwind.css +1 -87
  47. package/styles/dashboard-layout/bootstrap-dark.css +28 -116
  48. package/styles/dashboard-layout/bootstrap.css +28 -116
  49. package/styles/dashboard-layout/bootstrap4.css +28 -116
  50. package/styles/dashboard-layout/bootstrap5-dark.css +28 -117
  51. package/styles/dashboard-layout/bootstrap5.css +28 -117
  52. package/styles/dashboard-layout/fabric-dark.css +28 -116
  53. package/styles/dashboard-layout/fabric.css +28 -116
  54. package/styles/dashboard-layout/fluent-dark.css +28 -117
  55. package/styles/dashboard-layout/fluent.css +28 -117
  56. package/styles/dashboard-layout/highcontrast-light.css +16 -85
  57. package/styles/dashboard-layout/highcontrast.css +28 -115
  58. package/styles/dashboard-layout/material-dark.css +28 -116
  59. package/styles/dashboard-layout/material.css +28 -116
  60. package/styles/dashboard-layout/tailwind-dark.css +28 -119
  61. package/styles/dashboard-layout/tailwind.css +28 -119
  62. package/styles/fabric-dark.css +43 -312
  63. package/styles/fabric.css +43 -314
  64. package/styles/fluent-dark.css +41 -309
  65. package/styles/fluent.css +41 -309
  66. package/styles/highcontrast-light.css +31 -281
  67. package/styles/highcontrast.css +43 -313
  68. package/styles/material-dark.css +53 -322
  69. package/styles/material.css +43 -312
  70. package/styles/splitter/bootstrap-dark.css +16 -107
  71. package/styles/splitter/bootstrap.css +16 -107
  72. package/styles/splitter/bootstrap4.css +16 -107
  73. package/styles/splitter/bootstrap5-dark.css +14 -103
  74. package/styles/splitter/bootstrap5.css +14 -103
  75. package/styles/splitter/fabric-dark.css +16 -107
  76. package/styles/splitter/fabric.css +16 -107
  77. package/styles/splitter/fluent-dark.css +14 -103
  78. package/styles/splitter/fluent.css +14 -103
  79. package/styles/splitter/highcontrast-light.css +16 -107
  80. package/styles/splitter/highcontrast.css +16 -107
  81. package/styles/splitter/material-dark.css +26 -117
  82. package/styles/splitter/material.css +16 -107
  83. package/styles/splitter/tailwind-dark.css +14 -103
  84. package/styles/splitter/tailwind.css +14 -103
  85. package/styles/tailwind-dark.css +41 -313
  86. package/styles/tailwind.css +41 -313
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.allPanes[i].offsetWidth < 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];
@@ -1045,12 +1045,15 @@ let Splitter = class Splitter extends Component {
1045
1045
  updatePane = this.allPanes[i];
1046
1046
  flexPane = this.allPanes[i - 1];
1047
1047
  }
1048
- const sizeDiff = minValue - this.allPanes[i].offsetWidth;
1048
+ const sizeDiff = minValue - (this.orientation === 'Horizontal' ?
1049
+ this.allPanes[i].offsetWidth : this.allPanes[i].offsetHeight);
1049
1050
  const isPercent = updatePane.style.flexBasis.indexOf('%') > -1;
1050
- updatePane.style.flexBasis = isPercent ? this.convertPixelToPercentage(updatePane.offsetWidth + sizeDiff) + '%'
1051
- : (updatePane.offsetWidth + sizeDiff) + 'px';
1051
+ let updatePaneOffset = this.orientation === 'Horizontal' ? updatePane.offsetWidth : updatePane.offsetHeight;
1052
+ updatePane.style.flexBasis = isPercent ? this.convertPixelToPercentage(updatePaneOffset + sizeDiff) + '%'
1053
+ : (updatePaneOffset + sizeDiff) + 'px';
1054
+ let flexPaneOffset = this.orientation === 'Horizontal' ? flexPane.offsetWidth : flexPane.offsetHeight;
1052
1055
  flexPane.style.flexBasis = flexPane.style.flexBasis.indexOf('%') > -1 ?
1053
- this.convertPixelToPercentage(flexPane.offsetWidth - sizeDiff) + '%' : (flexPane.offsetWidth - sizeDiff) + 'px';
1056
+ this.convertPixelToPercentage(flexPaneOffset - sizeDiff) + '%' : (flexPaneOffset - sizeDiff) + 'px';
1054
1057
  }
1055
1058
  }
1056
1059
  }