@syncfusion/ej2-layouts 19.2.44 → 19.3.43

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 (105) hide show
  1. package/.eslintrc.json +1 -1
  2. package/CHANGELOG.md +22 -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 +103 -254
  6. package/dist/es6/ej2-layouts.es2015.js.map +1 -1
  7. package/dist/es6/ej2-layouts.es5.js +103 -255
  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/helpers/e2e/dashboardHelper.d.ts +63 -0
  13. package/helpers/e2e/dashboardHelper.js +97 -0
  14. package/helpers/e2e/index.d.ts +1 -0
  15. package/helpers/e2e/index.js +1 -0
  16. package/package.json +6 -6
  17. package/src/dashboard-layout/dashboard-layout-model.d.ts +1 -22
  18. package/src/dashboard-layout/dashboard-layout.d.ts +0 -23
  19. package/src/dashboard-layout/dashboard-layout.js +32 -105
  20. package/src/splitter/splitter-model.d.ts +1 -1
  21. package/src/splitter/splitter.d.ts +1 -1
  22. package/src/splitter/splitter.js +73 -151
  23. package/styles/avatar/_bootstrap5-dark-definition.scss +1 -0
  24. package/styles/avatar/_bootstrap5-definition.scss +25 -0
  25. package/styles/avatar/_layout.scss +5 -5
  26. package/styles/avatar/_tailwind-dark-definition.scss +1 -25
  27. package/styles/avatar/bootstrap5-dark.css +61 -0
  28. package/styles/avatar/bootstrap5-dark.scss +3 -0
  29. package/styles/avatar/bootstrap5.css +61 -0
  30. package/styles/avatar/bootstrap5.scss +3 -0
  31. package/styles/bootstrap-dark.css +8 -0
  32. package/styles/bootstrap.css +8 -0
  33. package/styles/bootstrap4.css +8 -0
  34. package/styles/bootstrap5-dark.css +1618 -0
  35. package/styles/bootstrap5-dark.scss +4 -0
  36. package/styles/bootstrap5.css +1618 -0
  37. package/styles/bootstrap5.scss +4 -0
  38. package/styles/card/_bootstrap5-dark-definition.scss +1 -0
  39. package/styles/card/_bootstrap5-definition.scss +119 -0
  40. package/styles/card/_fabric-dark-definition.scss +5 -18
  41. package/styles/card/_layout.scss +2 -2
  42. package/styles/card/_tailwind-dark-definition.scss +1 -122
  43. package/styles/card/_tailwind-definition.scss +5 -9
  44. package/styles/card/bootstrap5-dark.css +593 -0
  45. package/styles/card/bootstrap5-dark.scss +3 -0
  46. package/styles/card/bootstrap5.css +593 -0
  47. package/styles/card/bootstrap5.scss +3 -0
  48. package/styles/card/fabric-dark.css +12 -12
  49. package/styles/card/tailwind-dark.css +2 -3
  50. package/styles/card/tailwind.css +0 -1
  51. package/styles/dashboard-layout/_bootstrap5-dark-definition.scss +1 -0
  52. package/styles/dashboard-layout/_bootstrap5-definition.scss +109 -0
  53. package/styles/dashboard-layout/_layout.scss +14 -5
  54. package/styles/dashboard-layout/_tailwind-dark-definition.scss +1 -109
  55. package/styles/dashboard-layout/_tailwind-definition.scss +27 -28
  56. package/styles/dashboard-layout/_theme.scss +4 -4
  57. package/styles/dashboard-layout/bootstrap5-dark.css +393 -0
  58. package/styles/dashboard-layout/bootstrap5-dark.scss +4 -0
  59. package/styles/dashboard-layout/bootstrap5.css +393 -0
  60. package/styles/dashboard-layout/bootstrap5.scss +4 -0
  61. package/styles/dashboard-layout/icons/_bootstrap5-dark.scss +1 -0
  62. package/styles/dashboard-layout/icons/_bootstrap5.scss +81 -0
  63. package/styles/dashboard-layout/material-dark.css +3 -3
  64. package/styles/dashboard-layout/tailwind-dark.css +10 -8
  65. package/styles/dashboard-layout/tailwind.css +5 -3
  66. package/styles/fabric-dark.css +20 -12
  67. package/styles/fabric.css +8 -0
  68. package/styles/highcontrast-light.css +8 -0
  69. package/styles/highcontrast.css +8 -0
  70. package/styles/material-dark.css +19 -11
  71. package/styles/material.css +8 -0
  72. package/styles/splitter/_bootstrap5-dark-definition.scss +1 -0
  73. package/styles/splitter/_bootstrap5-definition.scss +26 -0
  74. package/styles/splitter/_tailwind-dark-definition.scss +1 -23
  75. package/styles/splitter/_tailwind-definition.scss +14 -11
  76. package/styles/splitter/bootstrap-dark.css +8 -0
  77. package/styles/splitter/bootstrap.css +8 -0
  78. package/styles/splitter/bootstrap4.css +8 -0
  79. package/styles/splitter/bootstrap5-dark.css +568 -0
  80. package/styles/splitter/bootstrap5-dark.scss +4 -0
  81. package/styles/splitter/bootstrap5.css +568 -0
  82. package/styles/splitter/bootstrap5.scss +4 -0
  83. package/styles/splitter/fabric-dark.css +8 -0
  84. package/styles/splitter/fabric.css +8 -0
  85. package/styles/splitter/highcontrast-light.css +8 -0
  86. package/styles/splitter/highcontrast.css +8 -0
  87. package/styles/splitter/icons/_bootstrap-dark.scss +12 -0
  88. package/styles/splitter/icons/_bootstrap.scss +12 -0
  89. package/styles/splitter/icons/_bootstrap4.scss +12 -0
  90. package/styles/splitter/icons/_bootstrap5-dark.scss +1 -0
  91. package/styles/splitter/icons/_bootstrap5.scss +39 -0
  92. package/styles/splitter/icons/_fabric-dark.scss +12 -0
  93. package/styles/splitter/icons/_fabric.scss +12 -0
  94. package/styles/splitter/icons/_highcontrast-light.scss +12 -0
  95. package/styles/splitter/icons/_highcontrast.scss +12 -0
  96. package/styles/splitter/icons/_material-dark.scss +12 -0
  97. package/styles/splitter/icons/_material.scss +12 -0
  98. package/styles/splitter/icons/_tailwind-dark.scss +1 -39
  99. package/styles/splitter/icons/_tailwind.scss +12 -0
  100. package/styles/splitter/material-dark.css +16 -8
  101. package/styles/splitter/material.css +8 -0
  102. package/styles/splitter/tailwind-dark.css +14 -7
  103. package/styles/splitter/tailwind.css +8 -1
  104. package/styles/tailwind-dark.css +26 -18
  105. package/styles/tailwind.css +13 -5
@@ -64,7 +64,6 @@
64
64
  width: 56px;
65
65
  }
66
66
 
67
- /*! component's theme wise override material-definitions and variables */
68
67
  /*! card layout */
69
68
  .e-bigger .e-card,
70
69
  .e-bigger.e-card {
@@ -668,19 +667,26 @@
668
667
  color: #374151;
669
668
  }
670
669
 
671
- /*! component's default definitions and variables */
672
670
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler::before {
673
671
  content: '\e855';
674
672
  font-family: 'e-icons';
675
673
  font-size: 14px;
676
674
  }
677
675
 
676
+ .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler.e-template-resize-handler::before {
677
+ content: '';
678
+ }
679
+
678
680
  .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler::before {
679
681
  content: '\e858';
680
682
  font-family: 'e-icons';
681
683
  font-size: 14px;
682
684
  }
683
685
 
686
+ .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler.e-template-resize-handler::before {
687
+ content: '';
688
+ }
689
+
684
690
  .e-bigger .e-splitter .e-split-bar .e-resize-handler::before {
685
691
  font-size: 16px;
686
692
  }
@@ -1351,7 +1357,7 @@
1351
1357
  }
1352
1358
 
1353
1359
  .e-dashboardlayout.e-control .e-panel:hover {
1354
- border: none;
1360
+ border: 1px solid #9ca3af;
1355
1361
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
1356
1362
  }
1357
1363
 
@@ -1360,7 +1366,7 @@
1360
1366
  }
1361
1367
 
1362
1368
  .e-dashboardlayout.e-control .e-panel:active {
1363
- border: none;
1369
+ border: 1px solid #4f46e5;
1364
1370
  }
1365
1371
 
1366
1372
  .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-dl-icon {
@@ -1380,6 +1386,8 @@
1380
1386
  height: 38px;
1381
1387
  padding: 8px 18px;
1382
1388
  line-height: 22px;
1389
+ border-top-left-radius: 6px;
1390
+ border-top-right-radius: 6px;
1383
1391
  }
1384
1392
 
1385
1393
  .e-dashboardlayout.e-control .e-panel .e-panel-header div {
@@ -1407,7 +1415,7 @@
1407
1415
  }
1408
1416
 
1409
1417
  .e-dashboardlayout.e-control .e-panel {
1410
- border: 1px #fff;
1418
+ border: 1px solid #e5e7eb;
1411
1419
  height: 100%;
1412
1420
  -webkit-user-select: none;
1413
1421
  -ms-user-select: none;