@syncfusion/ej2-vue-layouts 20.4.53 → 21.1.36

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 (97) hide show
  1. package/CHANGELOG.md +19 -3
  2. package/dist/ej2-vue-layouts.umd.min.js +2 -2
  3. package/dist/ej2-vue-layouts.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-vue-layouts.es2015.js +226 -336
  5. package/dist/es6/ej2-vue-layouts.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-layouts.es5.js +257 -401
  7. package/dist/es6/ej2-vue-layouts.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-layouts.min.js +2 -2
  9. package/package.json +11 -10
  10. package/src/dashboard-layout/dashboardlayout.component.d.ts +3 -30
  11. package/src/dashboard-layout/dashboardlayout.component.js +107 -136
  12. package/src/dashboard-layout/panels.directive.d.ts +2 -12
  13. package/src/dashboard-layout/panels.directive.js +22 -71
  14. package/src/splitter/panesettings.directive.d.ts +2 -12
  15. package/src/splitter/panesettings.directive.js +22 -71
  16. package/src/splitter/splitter.component.d.ts +3 -26
  17. package/src/splitter/splitter.component.js +95 -124
  18. package/styles/avatar/bootstrap-dark.css +3 -0
  19. package/styles/avatar/bootstrap.css +3 -0
  20. package/styles/avatar/bootstrap4.css +3 -0
  21. package/styles/avatar/bootstrap5-dark.css +3 -0
  22. package/styles/avatar/bootstrap5.css +3 -0
  23. package/styles/avatar/fabric-dark.css +3 -0
  24. package/styles/avatar/fabric.css +3 -0
  25. package/styles/avatar/fluent-dark.css +3 -0
  26. package/styles/avatar/fluent.css +3 -0
  27. package/styles/avatar/highcontrast-light.css +3 -0
  28. package/styles/avatar/highcontrast.css +3 -0
  29. package/styles/avatar/material-dark.css +3 -0
  30. package/styles/avatar/material.css +3 -0
  31. package/styles/avatar/material3-dark.css +114 -0
  32. package/styles/avatar/material3-dark.scss +2 -0
  33. package/styles/avatar/material3.css +170 -0
  34. package/styles/avatar/material3.scss +2 -0
  35. package/styles/avatar/tailwind-dark.css +3 -0
  36. package/styles/avatar/tailwind.css +3 -0
  37. package/styles/bootstrap-dark.css +7 -1
  38. package/styles/bootstrap.css +7 -1
  39. package/styles/bootstrap4.css +10 -3
  40. package/styles/bootstrap5-dark.css +7 -1
  41. package/styles/bootstrap5.css +7 -1
  42. package/styles/card/bootstrap-dark.css +2 -1
  43. package/styles/card/bootstrap.css +2 -1
  44. package/styles/card/bootstrap4.css +5 -3
  45. package/styles/card/bootstrap5-dark.css +2 -1
  46. package/styles/card/bootstrap5.css +2 -1
  47. package/styles/card/fabric-dark.css +2 -1
  48. package/styles/card/fabric.css +3 -2
  49. package/styles/card/fluent-dark.css +2 -1
  50. package/styles/card/fluent.css +2 -1
  51. package/styles/card/highcontrast-light.css +2 -1
  52. package/styles/card/highcontrast.css +3 -2
  53. package/styles/card/material-dark.css +2 -1
  54. package/styles/card/material.css +2 -1
  55. package/styles/card/material3-dark.css +567 -0
  56. package/styles/card/material3-dark.scss +2 -0
  57. package/styles/card/material3.css +623 -0
  58. package/styles/card/material3.scss +2 -0
  59. package/styles/card/tailwind-dark.css +2 -1
  60. package/styles/card/tailwind.css +2 -1
  61. package/styles/dashboard-layout/material3-dark.css +357 -0
  62. package/styles/dashboard-layout/material3-dark.scss +2 -0
  63. package/styles/dashboard-layout/material3.css +413 -0
  64. package/styles/dashboard-layout/material3.scss +2 -0
  65. package/styles/fabric-dark.css +7 -1
  66. package/styles/fabric.css +8 -2
  67. package/styles/fluent-dark.css +7 -1
  68. package/styles/fluent.css +7 -1
  69. package/styles/highcontrast-light.css +7 -1
  70. package/styles/highcontrast.css +8 -2
  71. package/styles/material-dark.css +7 -1
  72. package/styles/material.css +7 -1
  73. package/styles/material3-dark.css +1585 -0
  74. package/styles/material3-dark.scss +5 -0
  75. package/styles/material3.css +1806 -0
  76. package/styles/material3.scss +5 -0
  77. package/styles/splitter/bootstrap-dark.css +2 -0
  78. package/styles/splitter/bootstrap.css +2 -0
  79. package/styles/splitter/bootstrap4.css +2 -0
  80. package/styles/splitter/bootstrap5-dark.css +2 -0
  81. package/styles/splitter/bootstrap5.css +2 -0
  82. package/styles/splitter/fabric-dark.css +2 -0
  83. package/styles/splitter/fabric.css +2 -0
  84. package/styles/splitter/fluent-dark.css +2 -0
  85. package/styles/splitter/fluent.css +2 -0
  86. package/styles/splitter/highcontrast-light.css +2 -0
  87. package/styles/splitter/highcontrast.css +2 -0
  88. package/styles/splitter/material-dark.css +2 -0
  89. package/styles/splitter/material.css +2 -0
  90. package/styles/splitter/material3-dark.css +545 -0
  91. package/styles/splitter/material3-dark.scss +2 -0
  92. package/styles/splitter/material3.css +601 -0
  93. package/styles/splitter/material3.scss +2 -0
  94. package/styles/splitter/tailwind-dark.css +2 -0
  95. package/styles/splitter/tailwind.css +2 -0
  96. package/styles/tailwind-dark.css +7 -1
  97. package/styles/tailwind.css +7 -1
package/styles/tailwind.css CHANGED
@@ -33,6 +33,9 @@
33
33
  .e-avatar.e-avatar-circle {
34
34
  border-radius: 50%;
35
35
  }
36
+ .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
37
+ border-radius: 50%;
38
+ }
36
39
  .e-avatar.e-avatar-xsmall {
37
40
  font-size: 10px;
38
41
  height: 24px;
@@ -488,6 +491,7 @@
488
491
  font-size: 14px;
489
492
  line-height: 1.5;
490
493
  padding: 0 18px 12px 18px;
494
+ word-wrap: break-word;
491
495
  }
492
496
  .e-card .e-card-content + :not(.e-card-content),
493
497
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -508,7 +512,7 @@
508
512
  /* stylelint-disable property-no-vendor-prefix */
509
513
  .e-card {
510
514
  -webkit-tap-highlight-color: #4f46e5;
511
- background-color: #fff;
515
+ background: #fff;
512
516
  border: 1px solid #e5e7eb;
513
517
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
514
518
  color: #111827;
@@ -937,6 +941,7 @@
937
941
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
938
942
  background: #fff;
939
943
  color: #6b7280;
944
+ z-index: 10;
940
945
  }
941
946
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
942
947
  background-color: transparent;
@@ -998,6 +1003,7 @@
998
1003
  .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
999
1004
  background: #fff;
1000
1005
  color: #6b7280;
1006
+ z-index: 12;
1001
1007
  }
1002
1008
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active {
1003
1009
  background: #4f46e5;