@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.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.allPanes[i].offsetWidth < 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];
@@ -1068,12 +1068,15 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
1068
1068
  updatePane = this.allPanes[i];
1069
1069
  flexPane = this.allPanes[i - 1];
1070
1070
  }
1071
- var sizeDiff = minValue - this.allPanes[i].offsetWidth;
1071
+ var sizeDiff = minValue - (this.orientation === 'Horizontal' ?
1072
+ this.allPanes[i].offsetWidth : this.allPanes[i].offsetHeight);
1072
1073
  var isPercent = updatePane.style.flexBasis.indexOf('%') > -1;
1073
- updatePane.style.flexBasis = isPercent ? this.convertPixelToPercentage(updatePane.offsetWidth + sizeDiff) + '%'
1074
- : (updatePane.offsetWidth + sizeDiff) + 'px';
1074
+ var updatePaneOffset = this.orientation === 'Horizontal' ? updatePane.offsetWidth : updatePane.offsetHeight;
1075
+ updatePane.style.flexBasis = isPercent ? this.convertPixelToPercentage(updatePaneOffset + sizeDiff) + '%'
1076
+ : (updatePaneOffset + sizeDiff) + 'px';
1077
+ var flexPaneOffset = this.orientation === 'Horizontal' ? flexPane.offsetWidth : flexPane.offsetHeight;
1075
1078
  flexPane.style.flexBasis = flexPane.style.flexBasis.indexOf('%') > -1 ?
1076
- this.convertPixelToPercentage(flexPane.offsetWidth - sizeDiff) + '%' : (flexPane.offsetWidth - sizeDiff) + 'px';
1079
+ this.convertPixelToPercentage(flexPaneOffset - sizeDiff) + '%' : (flexPaneOffset - sizeDiff) + 'px';
1077
1080
  }
1078
1081
  }
1079
1082
  }