@syncfusion/ej2-layouts 20.2.45 → 20.3.47

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 (145) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/ej2-layouts.min.js +10 -0
  3. package/dist/ej2-layouts.umd.min.js +2 -2
  4. package/dist/ej2-layouts.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-layouts.es2015.js +3 -3
  6. package/dist/es6/ej2-layouts.es2015.js.map +1 -1
  7. package/dist/es6/ej2-layouts.es5.js +5 -4
  8. package/dist/es6/ej2-layouts.es5.js.map +1 -1
  9. package/dist/global/ej2-layouts.min.js +2 -2
  10. package/dist/global/ej2-layouts.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +7 -7
  13. package/src/dashboard-layout/dashboard-layout.js +2 -3
  14. package/src/splitter/splitter.d.ts +1 -0
  15. package/src/splitter/splitter.js +3 -1
  16. package/styles/avatar/_bootstrap-dark-definition.scss +0 -1
  17. package/styles/avatar/_fabric-dark-definition.scss +0 -1
  18. package/styles/avatar/_highcontrast-light-definition.scss +0 -1
  19. package/styles/avatar/_material-dark-definition.scss +0 -1
  20. package/styles/avatar/_theme.scss +1 -0
  21. package/styles/bootstrap-dark.css +11 -9
  22. package/styles/bootstrap.css +11 -9
  23. package/styles/bootstrap4.css +11 -9
  24. package/styles/bootstrap5-dark.css +11 -9
  25. package/styles/bootstrap5.css +11 -9
  26. package/styles/card/_all.scss +1 -1
  27. package/styles/card/_bootstrap-dark-definition.scss +6 -9
  28. package/styles/card/_bootstrap-definition.scss +2 -4
  29. package/styles/card/_bootstrap4-definition.scss +2 -4
  30. package/styles/card/_bootstrap5-definition.scss +8 -2
  31. package/styles/card/_fabric-dark-definition.scss +6 -9
  32. package/styles/card/_fabric-definition.scss +2 -4
  33. package/styles/card/_fluent-definition.scss +8 -2
  34. package/styles/card/_fusionnew-definition.scss +8 -2
  35. package/styles/card/_highcontrast-definition.scss +2 -4
  36. package/styles/card/_highcontrast-light-definition.scss +6 -9
  37. package/styles/card/_layout.scss +7 -8
  38. package/styles/card/_material-dark-definition.scss +7 -8
  39. package/styles/card/_material-definition.scss +4 -5
  40. package/styles/card/_material3-definition.scss +8 -2
  41. package/styles/card/_tailwind-definition.scss +7 -2
  42. package/styles/card/_theme.scss +3 -3
  43. package/styles/card/bootstrap-dark.css +5 -4
  44. package/styles/card/bootstrap.css +5 -4
  45. package/styles/card/bootstrap4.css +5 -4
  46. package/styles/card/bootstrap5-dark.css +5 -4
  47. package/styles/card/bootstrap5.css +5 -4
  48. package/styles/card/fabric-dark.css +5 -4
  49. package/styles/card/fabric.css +5 -4
  50. package/styles/card/fluent-dark.css +5 -4
  51. package/styles/card/fluent.css +5 -4
  52. package/styles/card/highcontrast-light.css +5 -4
  53. package/styles/card/highcontrast.css +5 -4
  54. package/styles/card/material-dark.css +5 -4
  55. package/styles/card/material.css +5 -4
  56. package/styles/card/tailwind-dark.css +3 -6
  57. package/styles/card/tailwind.css +3 -6
  58. package/styles/dashboard-layout/_bootstrap-dark-definition.scss +1 -3
  59. package/styles/dashboard-layout/_bootstrap-definition.scss +1 -3
  60. package/styles/dashboard-layout/_bootstrap4-definition.scss +2 -3
  61. package/styles/dashboard-layout/_bootstrap5-definition.scss +1 -2
  62. package/styles/dashboard-layout/_fabric-dark-definition.scss +1 -3
  63. package/styles/dashboard-layout/_fabric-definition.scss +1 -3
  64. package/styles/dashboard-layout/_fluent-definition.scss +1 -2
  65. package/styles/dashboard-layout/_fusionnew-definition.scss +1 -2
  66. package/styles/dashboard-layout/_highcontrast-definition.scss +1 -3
  67. package/styles/dashboard-layout/_highcontrast-light-definition.scss +1 -3
  68. package/styles/dashboard-layout/_layout.scss +0 -5
  69. package/styles/dashboard-layout/_material-dark-definition.scss +1 -3
  70. package/styles/dashboard-layout/_material-definition.scss +1 -3
  71. package/styles/dashboard-layout/_material3-definition.scss +1 -2
  72. package/styles/dashboard-layout/_tailwind-definition.scss +1 -2
  73. package/styles/dashboard-layout/bootstrap-dark.css +1 -0
  74. package/styles/dashboard-layout/bootstrap.css +1 -0
  75. package/styles/dashboard-layout/bootstrap4.css +1 -0
  76. package/styles/dashboard-layout/bootstrap5-dark.css +1 -0
  77. package/styles/dashboard-layout/bootstrap5.css +1 -0
  78. package/styles/dashboard-layout/fabric-dark.css +1 -0
  79. package/styles/dashboard-layout/fabric.css +1 -0
  80. package/styles/dashboard-layout/fluent-dark.css +1 -0
  81. package/styles/dashboard-layout/fluent.css +1 -0
  82. package/styles/dashboard-layout/highcontrast-light.css +1 -0
  83. package/styles/dashboard-layout/highcontrast.css +1 -0
  84. package/styles/dashboard-layout/icons/_bootstrap-dark.scss +0 -1
  85. package/styles/dashboard-layout/icons/_bootstrap.scss +0 -1
  86. package/styles/dashboard-layout/icons/_bootstrap4.scss +0 -1
  87. package/styles/dashboard-layout/icons/_bootstrap5.scss +0 -1
  88. package/styles/dashboard-layout/icons/_fabric-dark.scss +0 -2
  89. package/styles/dashboard-layout/icons/_fabric.scss +0 -2
  90. package/styles/dashboard-layout/icons/_fluent.scss +0 -1
  91. package/styles/dashboard-layout/icons/_fusionnew.scss +0 -1
  92. package/styles/dashboard-layout/icons/_highcontrast.scss +0 -1
  93. package/styles/dashboard-layout/icons/_material-dark.scss +0 -1
  94. package/styles/dashboard-layout/icons/_material.scss +0 -1
  95. package/styles/dashboard-layout/icons/_material3.scss +0 -1
  96. package/styles/dashboard-layout/icons/_tailwind-dark.scss +0 -1
  97. package/styles/dashboard-layout/icons/_tailwind.scss +0 -1
  98. package/styles/dashboard-layout/material-dark.css +1 -0
  99. package/styles/dashboard-layout/material.css +1 -0
  100. package/styles/dashboard-layout/tailwind-dark.css +1 -0
  101. package/styles/dashboard-layout/tailwind.css +1 -0
  102. package/styles/fabric-dark.css +11 -9
  103. package/styles/fabric.css +11 -9
  104. package/styles/fluent-dark.css +11 -9
  105. package/styles/fluent.css +11 -9
  106. package/styles/highcontrast-light.css +11 -9
  107. package/styles/highcontrast.css +11 -9
  108. package/styles/material-dark.css +11 -9
  109. package/styles/material.css +11 -9
  110. package/styles/splitter/_all.scss +1 -1
  111. package/styles/splitter/_bootstrap-dark-definition.scss +1 -0
  112. package/styles/splitter/_bootstrap-definition.scss +1 -0
  113. package/styles/splitter/_bootstrap4-definition.scss +1 -0
  114. package/styles/splitter/_bootstrap5-definition.scss +4 -1
  115. package/styles/splitter/_definition.scss +1 -0
  116. package/styles/splitter/_fabric-dark-definition.scss +1 -0
  117. package/styles/splitter/_fabric-definition.scss +1 -0
  118. package/styles/splitter/_fluent-definition.scss +2 -0
  119. package/styles/splitter/_fusionnew-definition.scss +4 -1
  120. package/styles/splitter/_highcontrast-definition.scss +1 -0
  121. package/styles/splitter/_highcontrast-light-definition.scss +1 -0
  122. package/styles/splitter/_layout.scss +8 -9
  123. package/styles/splitter/_material-dark-definition.scss +1 -0
  124. package/styles/splitter/_material-definition.scss +1 -0
  125. package/styles/splitter/_material3-definition.scss +4 -1
  126. package/styles/splitter/_responsive.scss +1 -0
  127. package/styles/splitter/_tailwind-definition.scss +4 -1
  128. package/styles/splitter/_theme.scss +2 -2
  129. package/styles/splitter/bootstrap-dark.css +7 -5
  130. package/styles/splitter/bootstrap.css +7 -5
  131. package/styles/splitter/bootstrap4.css +7 -5
  132. package/styles/splitter/bootstrap5-dark.css +7 -5
  133. package/styles/splitter/bootstrap5.css +7 -5
  134. package/styles/splitter/fabric-dark.css +7 -5
  135. package/styles/splitter/fabric.css +7 -5
  136. package/styles/splitter/fluent-dark.css +7 -5
  137. package/styles/splitter/fluent.css +7 -5
  138. package/styles/splitter/highcontrast-light.css +7 -5
  139. package/styles/splitter/highcontrast.css +7 -5
  140. package/styles/splitter/material-dark.css +7 -5
  141. package/styles/splitter/material.css +7 -5
  142. package/styles/splitter/tailwind-dark.css +7 -5
  143. package/styles/splitter/tailwind.css +7 -5
  144. package/styles/tailwind-dark.css +9 -11
  145. package/styles/tailwind.css +9 -11
@@ -97,6 +97,7 @@ let Splitter = class Splitter extends Component {
97
97
  */
98
98
  constructor(options, element) {
99
99
  super(options, element);
100
+ this.needsID = true;
100
101
  }
101
102
  /**
102
103
  * Gets called when the model property changes.The data that describes the old and new values of the property that changed.
@@ -2416,7 +2417,6 @@ let DashboardLayout = class DashboardLayout extends Component {
2416
2417
  const td = document.createElement('td');
2417
2418
  td.classList.add('e-dashboard-gridline');
2418
2419
  this.setAttributes({ value: { row: i.toString(), col: j.toString(), sizeX: '1', sizeY: '1' } }, td);
2419
- td.setAttribute('id', '' + j);
2420
2420
  this.setPanelPosition(td, i, j);
2421
2421
  this.setHeightAndWidth(td, { row: i, col: j, sizeX: 1, sizeY: 1 });
2422
2422
  tr.appendChild(td);
@@ -2972,13 +2972,13 @@ let DashboardLayout = class DashboardLayout extends Component {
2972
2972
  }
2973
2973
  }
2974
2974
  getMinWidth(item) {
2975
- return (item.minSizeX) * this.getCellSize()[0];
2975
+ return (((item.minSizeX) * this.getCellSize()[0]) + (item.minSizeX - 1) * this.cellSpacing[0]);
2976
2976
  }
2977
2977
  getMaxWidth(item) {
2978
2978
  return (item.maxSizeX) * this.getCellSize()[0];
2979
2979
  }
2980
2980
  getMinHeight(item) {
2981
- return (item.minSizeY) * this.getCellSize()[1];
2981
+ return (((item.minSizeY) * this.getCellSize()[1]) + (item.minSizeY - 1) * this.cellSpacing[1]);
2982
2982
  }
2983
2983
  getMaxHeight(item) {
2984
2984
  return (item.maxSizeY) * this.getCellSize()[1];