@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/material-dark.css CHANGED
@@ -29,6 +29,9 @@
29
29
  .e-avatar.e-avatar-circle {
30
30
  border-radius: 50%;
31
31
  }
32
+ .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
33
+ border-radius: 50%;
34
+ }
32
35
  .e-avatar.e-avatar-xsmall {
33
36
  font-size: 0.6em;
34
37
  }
@@ -474,6 +477,7 @@
474
477
  font-size: 14px;
475
478
  line-height: normal;
476
479
  padding: 16px;
480
+ word-wrap: break-word;
477
481
  }
478
482
  .e-card .e-card-content + :not(.e-card-content),
479
483
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -491,7 +495,7 @@
491
495
  /* stylelint-disable property-no-vendor-prefix */
492
496
  .e-card {
493
497
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
494
- background-color: #303030;
498
+ background: #303030;
495
499
  border: 1px solid #000;
496
500
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.4);
497
501
  color: #000;
@@ -926,6 +930,7 @@
926
930
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
927
931
  background: #303030;
928
932
  color: rgba(255, 255, 255, 0.7);
933
+ z-index: 10;
929
934
  }
930
935
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
931
936
  background-color: transparent;
@@ -987,6 +992,7 @@
987
992
  .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
988
993
  background: #303030;
989
994
  color: rgba(255, 255, 255, 0.7);
995
+ z-index: 12;
990
996
  }
991
997
  .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 {
992
998
  background: #00b0ff;
package/styles/material.css CHANGED
@@ -29,6 +29,9 @@
29
29
  .e-avatar.e-avatar-circle {
30
30
  border-radius: 50%;
31
31
  }
32
+ .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
33
+ border-radius: 50%;
34
+ }
32
35
  .e-avatar.e-avatar-xsmall {
33
36
  font-size: 0.6em;
34
37
  }
@@ -473,6 +476,7 @@
473
476
  font-size: 14px;
474
477
  line-height: normal;
475
478
  padding: 12px;
479
+ word-wrap: break-word;
476
480
  }
477
481
  .e-card .e-card-content + :not(.e-card-content),
478
482
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -490,7 +494,7 @@
490
494
  /* stylelint-disable property-no-vendor-prefix */
491
495
  .e-card {
492
496
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
493
- background-color: #fff;
497
+ background: #fff;
494
498
  border: 1px none #000;
495
499
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
496
500
  color: rgba(0, 0, 0, 0.87);
@@ -927,6 +931,7 @@
927
931
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
928
932
  background: #fff;
929
933
  color: rgba(0, 0, 0, 0.54);
934
+ z-index: 10;
930
935
  }
931
936
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
932
937
  background-color: transparent;
@@ -988,6 +993,7 @@
988
993
  .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
989
994
  background: #fff;
990
995
  color: rgba(0, 0, 0, 0.54);
996
+ z-index: 12;
991
997
  }
992
998
  .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 {
993
999
  background: #e3165b;