@syncfusion/ej2-layouts 27.2.3 → 28.2.3

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 (120) hide show
  1. package/README.md +3 -3
  2. package/dist/ej2-layouts.min.js +3 -3
  3. package/dist/ej2-layouts.umd.min.js +3 -3
  4. package/dist/ej2-layouts.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-layouts.es2015.js +25 -1
  6. package/dist/es6/ej2-layouts.es2015.js.map +1 -1
  7. package/dist/es6/ej2-layouts.es5.js +25 -1
  8. package/dist/es6/ej2-layouts.es5.js.map +1 -1
  9. package/dist/global/ej2-layouts.min.js +3 -3
  10. package/dist/global/ej2-layouts.min.js.map +1 -1
  11. package/dist/global/index.d.ts +2 -2
  12. package/package.json +7 -7
  13. package/src/splitter/splitter.js +25 -1
  14. package/styles/avatar/_layout.scss +5 -5
  15. package/styles/avatar/_tailwind3-definition.scss +26 -0
  16. package/styles/avatar/bds.css +69 -0
  17. package/styles/avatar/bds.scss +3 -0
  18. package/styles/avatar/fluent2.css +1 -1
  19. package/styles/avatar/tailwind3.css +65 -0
  20. package/styles/avatar/tailwind3.scss +3 -0
  21. package/styles/bds-lite.css +1557 -0
  22. package/styles/bds-lite.scss +14 -0
  23. package/styles/bds.css +1796 -0
  24. package/styles/bds.scss +18 -0
  25. package/styles/bootstrap-dark-lite.css +1 -1
  26. package/styles/bootstrap-dark.css +1 -1
  27. package/styles/bootstrap-lite.css +1 -1
  28. package/styles/bootstrap.css +1 -1
  29. package/styles/bootstrap4-lite.css +1 -1
  30. package/styles/bootstrap4.css +1 -1
  31. package/styles/bootstrap5-dark-lite.css +1 -1
  32. package/styles/bootstrap5-dark.css +1 -1
  33. package/styles/bootstrap5-lite.css +1 -1
  34. package/styles/bootstrap5.3-lite.css +1 -1
  35. package/styles/bootstrap5.3.css +1 -1
  36. package/styles/bootstrap5.css +1 -1
  37. package/styles/card/_bigger.scss +8 -2
  38. package/styles/card/_layout.scss +15 -4
  39. package/styles/card/_tailwind3-definition.scss +126 -0
  40. package/styles/card/bds.css +561 -0
  41. package/styles/card/bds.scss +4 -0
  42. package/styles/card/fabric.css +0 -1
  43. package/styles/card/fluent2.css +2 -3
  44. package/styles/card/highcontrast.css +0 -1
  45. package/styles/card/tailwind3.css +551 -0
  46. package/styles/card/tailwind3.scss +4 -0
  47. package/styles/dashboard-layout/_bigger.scss +1 -1
  48. package/styles/dashboard-layout/_layout.scss +3 -3
  49. package/styles/dashboard-layout/_tailwind3-definition.scss +108 -0
  50. package/styles/dashboard-layout/_theme.scss +8 -1
  51. package/styles/dashboard-layout/bds.css +328 -0
  52. package/styles/dashboard-layout/bds.scss +5 -0
  53. package/styles/dashboard-layout/fluent2.css +1 -1
  54. package/styles/dashboard-layout/icons/_tailwind3.scss +80 -0
  55. package/styles/dashboard-layout/tailwind-dark.css +3 -0
  56. package/styles/dashboard-layout/tailwind.css +3 -0
  57. package/styles/dashboard-layout/tailwind3.css +314 -0
  58. package/styles/dashboard-layout/tailwind3.scss +5 -0
  59. package/styles/fabric-dark-lite.css +1 -1
  60. package/styles/fabric-dark.css +1 -1
  61. package/styles/fabric-lite.css +1 -2
  62. package/styles/fabric.css +1 -2
  63. package/styles/fluent-dark-lite.css +1 -1
  64. package/styles/fluent-dark.css +1 -1
  65. package/styles/fluent-lite.css +1 -1
  66. package/styles/fluent.css +1 -1
  67. package/styles/fluent2-lite.css +6 -7
  68. package/styles/fluent2.css +6 -7
  69. package/styles/highcontrast-light-lite.css +1 -1
  70. package/styles/highcontrast-light.css +1 -1
  71. package/styles/highcontrast-lite.css +1 -2
  72. package/styles/highcontrast.css +1 -2
  73. package/styles/material-dark-lite.css +1 -1
  74. package/styles/material-dark.css +1 -1
  75. package/styles/material-lite.css +1 -1
  76. package/styles/material.css +1 -1
  77. package/styles/material3-dark-lite.css +1 -1
  78. package/styles/material3-dark.css +1 -1
  79. package/styles/material3-lite.css +1 -1
  80. package/styles/material3.css +1 -1
  81. package/styles/splitter/_tailwind3-definition.scss +31 -0
  82. package/styles/splitter/bds.css +547 -0
  83. package/styles/splitter/bds.scss +5 -0
  84. package/styles/splitter/fluent2.css +1 -1
  85. package/styles/splitter/icons/_tailwind3.scss +21 -0
  86. package/styles/splitter/tailwind3.css +547 -0
  87. package/styles/splitter/tailwind3.scss +5 -0
  88. package/styles/tailwind-dark-lite.css +4 -1
  89. package/styles/tailwind-dark.css +4 -1
  90. package/styles/tailwind-lite.css +4 -1
  91. package/styles/tailwind.css +4 -1
  92. package/styles/tailwind3-lite.css +1538 -0
  93. package/styles/tailwind3-lite.scss +14 -0
  94. package/styles/tailwind3.css +1767 -0
  95. package/styles/tailwind3.scss +18 -0
  96. package/styles/timeline/_layout.scss +1 -1
  97. package/styles/timeline/_tailwind3-definition.scss +18 -0
  98. package/styles/timeline/bds.css +303 -0
  99. package/styles/timeline/bds.scss +4 -0
  100. package/styles/timeline/bootstrap-dark.css +1 -1
  101. package/styles/timeline/bootstrap.css +1 -1
  102. package/styles/timeline/bootstrap4.css +1 -1
  103. package/styles/timeline/bootstrap5-dark.css +1 -1
  104. package/styles/timeline/bootstrap5.3.css +1 -1
  105. package/styles/timeline/bootstrap5.css +1 -1
  106. package/styles/timeline/fabric-dark.css +1 -1
  107. package/styles/timeline/fabric.css +1 -1
  108. package/styles/timeline/fluent-dark.css +1 -1
  109. package/styles/timeline/fluent.css +1 -1
  110. package/styles/timeline/fluent2.css +1 -1
  111. package/styles/timeline/highcontrast-light.css +1 -1
  112. package/styles/timeline/highcontrast.css +1 -1
  113. package/styles/timeline/material-dark.css +1 -1
  114. package/styles/timeline/material.css +1 -1
  115. package/styles/timeline/material3-dark.css +1 -1
  116. package/styles/timeline/material3.css +1 -1
  117. package/styles/timeline/tailwind-dark.css +1 -1
  118. package/styles/timeline/tailwind.css +1 -1
  119. package/styles/timeline/tailwind3.css +303 -0
  120. package/styles/timeline/tailwind3.scss +4 -0
@@ -2220,7 +2220,6 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
2220
2220
  while (this.element.attributes.length > 0) {
2221
2221
  this.element.removeAttribute(this.element.attributes[0].name);
2222
2222
  }
2223
- this.element.innerHTML = this.wrapper.innerHTML;
2224
2223
  for (var i = 0; i < this.wrapper.attributes.length; i++) {
2225
2224
  this.element.setAttribute(this.wrapper.attributes[i].name, this.wrapper.attributes[i].value);
2226
2225
  }
@@ -2234,11 +2233,36 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
2234
2233
  if (this.isReact) {
2235
2234
  this.clearTemplate();
2236
2235
  }
2236
+ var separators = this.element.querySelectorAll('.e-split-bar');
2237
+ if (separators.length > 0) {
2238
+ for (var i = 0; i < separators.length; i++) {
2239
+ EventHandler.remove(separators[i], 'touchstart', this.clickHandler);
2240
+ EventHandler.remove(separators[i], 'touchstart', this.onMouseDown);
2241
+ EventHandler.remove(separators[i], 'click', this.clickHandler);
2242
+ EventHandler.remove(separators[i], 'mousedown', this.onMouseDown);
2243
+ separators[i].parentNode.removeChild(separators[i]); // Use parentNode for broader compatibility
2244
+ }
2245
+ }
2246
+ var panes = this.element.querySelectorAll('.e-pane');
2247
+ if (panes.length > 0) {
2248
+ for (var i = 0; i < panes.length; i++) {
2249
+ panes[i].classList.remove(SPLIT_H_PANE, SPLIT_V_PANE, STATIC_PANE, SCROLL_PANE, PANE, RESIZABLE_PANE, HIDE_HANDLER, COLLAPSIBLE, EXPAND_PANE, PANE_HIDDEN);
2250
+ while (panes[i].attributes.length > 0) {
2251
+ panes[i].removeAttribute(panes[i].attributes[0].name);
2252
+ }
2253
+ }
2254
+ }
2237
2255
  this.allBars = [];
2256
+ this.allBars = null;
2238
2257
  this.allPanes = [];
2258
+ this.allPanes = null;
2239
2259
  this.previousPane = null;
2240
2260
  this.nextPane = null;
2241
2261
  this.currentSeparator = null;
2262
+ this.wrapper = null;
2263
+ this.prevBar = null;
2264
+ this.nextBar = null;
2265
+ this.templateElement = null;
2242
2266
  }
2243
2267
  };
2244
2268
  Splitter.prototype.restoreElem = function () {