@syncfusion/ej2-vue-layouts 19.4.52 → 20.1.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 (72) hide show
  1. package/CHANGELOG.md +0 -16
  2. package/dist/ej2-vue-layouts.umd.min.js +1 -1
  3. package/dist/es6/ej2-vue-layouts.es2015.js +101 -9
  4. package/dist/es6/ej2-vue-layouts.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-layouts.es5.js +68 -8
  6. package/dist/es6/ej2-vue-layouts.es5.js.map +1 -1
  7. package/dist/global/ej2-vue-layouts.min.js +2 -2
  8. package/package.json +8 -8
  9. package/src/dashboard-layout/dashboardlayout.component.d.ts +1 -0
  10. package/src/dashboard-layout/dashboardlayout.component.js +10 -1
  11. package/src/dashboard-layout/panels.directive.d.ts +3 -1
  12. package/src/dashboard-layout/panels.directive.js +24 -2
  13. package/src/splitter/panesettings.directive.d.ts +3 -1
  14. package/src/splitter/panesettings.directive.js +24 -2
  15. package/src/splitter/splitter.component.d.ts +1 -0
  16. package/src/splitter/splitter.component.js +10 -1
  17. package/styles/avatar/bootstrap5-dark.css +2 -0
  18. package/styles/avatar/bootstrap5.css +2 -0
  19. package/styles/avatar/fluent-dark.css +61 -0
  20. package/styles/avatar/fluent-dark.scss +1 -0
  21. package/styles/avatar/fluent.css +61 -0
  22. package/styles/avatar/fluent.scss +1 -0
  23. package/styles/bootstrap-dark.css +4 -4
  24. package/styles/bootstrap.css +4 -4
  25. package/styles/bootstrap4.css +4 -4
  26. package/styles/bootstrap5-dark.css +14 -10
  27. package/styles/bootstrap5.css +14 -10
  28. package/styles/card/bootstrap5-dark.css +5 -3
  29. package/styles/card/bootstrap5.css +5 -3
  30. package/styles/card/fluent-dark.css +602 -0
  31. package/styles/card/fluent-dark.scss +1 -0
  32. package/styles/card/fluent.css +602 -0
  33. package/styles/card/fluent.scss +1 -0
  34. package/styles/card/tailwind-dark.css +8 -8
  35. package/styles/card/tailwind.css +8 -8
  36. package/styles/dashboard-layout/bootstrap5-dark.css +1 -1
  37. package/styles/dashboard-layout/bootstrap5.css +1 -1
  38. package/styles/dashboard-layout/fluent-dark.css +388 -0
  39. package/styles/dashboard-layout/fluent-dark.scss +1 -0
  40. package/styles/dashboard-layout/fluent.css +388 -0
  41. package/styles/dashboard-layout/fluent.scss +1 -0
  42. package/styles/dashboard-layout/tailwind-dark.css +18 -15
  43. package/styles/dashboard-layout/tailwind.css +16 -13
  44. package/styles/fabric-dark.css +4 -4
  45. package/styles/fabric.css +4 -4
  46. package/styles/fluent-dark.css +1628 -0
  47. package/styles/fluent-dark.scss +4 -0
  48. package/styles/fluent.css +1628 -0
  49. package/styles/fluent.scss +4 -0
  50. package/styles/highcontrast-light.css +4 -4
  51. package/styles/highcontrast.css +4 -4
  52. package/styles/material-dark.css +4 -4
  53. package/styles/material.css +4 -4
  54. package/styles/splitter/bootstrap-dark.css +4 -4
  55. package/styles/splitter/bootstrap.css +4 -4
  56. package/styles/splitter/bootstrap4.css +4 -4
  57. package/styles/splitter/bootstrap5-dark.css +6 -6
  58. package/styles/splitter/bootstrap5.css +6 -6
  59. package/styles/splitter/fabric-dark.css +4 -4
  60. package/styles/splitter/fabric.css +4 -4
  61. package/styles/splitter/fluent-dark.css +574 -0
  62. package/styles/splitter/fluent-dark.scss +1 -0
  63. package/styles/splitter/fluent.css +574 -0
  64. package/styles/splitter/fluent.scss +1 -0
  65. package/styles/splitter/highcontrast-light.css +4 -4
  66. package/styles/splitter/highcontrast.css +4 -4
  67. package/styles/splitter/material-dark.css +4 -4
  68. package/styles/splitter/material.css +4 -4
  69. package/styles/splitter/tailwind-dark.css +8 -16
  70. package/styles/splitter/tailwind.css +8 -16
  71. package/styles/tailwind-dark.css +34 -39
  72. package/styles/tailwind.css +32 -37
package/styles/bootstrap5.css CHANGED
@@ -48,6 +48,7 @@
48
48
 
49
49
  .e-avatar.e-avatar-large {
50
50
  font-size: 18px;
51
+ border-radius: 4px;
51
52
  height: 48px;
52
53
  line-height: 28px;
53
54
  width: 48px;
@@ -55,6 +56,7 @@
55
56
 
56
57
  .e-avatar.e-avatar-xlarge {
57
58
  font-size: 20px;
59
+ border-radius: 4px;
58
60
  height: 56px;
59
61
  line-height: 28px;
60
62
  width: 56px;
@@ -106,6 +108,7 @@
106
108
  .e-bigger.e-card .e-card-header {
107
109
  min-height: 30px;
108
110
  padding: 16px;
111
+ padding-bottom: 0;
109
112
  }
110
113
 
111
114
  .e-bigger .e-card .e-card-header .e-card-content,
@@ -159,7 +162,7 @@
159
162
 
160
163
  .e-bigger .e-card .e-card-actions,
161
164
  .e-bigger.e-card .e-card-actions {
162
- padding: 16px 20px;
165
+ padding: 16px;
163
166
  }
164
167
 
165
168
  .e-bigger .e-card .e-card-actions.e-card-vertical,
@@ -357,6 +360,7 @@
357
360
  min-height: 22.5px;
358
361
  padding: 12px;
359
362
  width: inherit;
363
+ padding-bottom: 0;
360
364
  }
361
365
 
362
366
  .e-card .e-card-header .e-card-content {
@@ -463,7 +467,7 @@
463
467
  display: inline-block;
464
468
  -ms-flex-pack: start;
465
469
  justify-content: flex-start;
466
- padding: 16px 20px;
470
+ padding: 12px;
467
471
  }
468
472
 
469
473
  .e-card .e-card-actions.e-card-vertical {
@@ -578,7 +582,7 @@
578
582
  .e-card {
579
583
  -webkit-tap-highlight-color: #0d6efd;
580
584
  background-color: #fff;
581
- border: 1px solid #ced4da;
585
+ border: 1px solid #dee2e6;
582
586
  box-shadow: none;
583
587
  color: #212529;
584
588
  outline: none;
@@ -764,7 +768,7 @@
764
768
 
765
769
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down) {
766
770
  border-radius: 50%;
767
- bottom: 18px;
771
+ bottom: 20px;
768
772
  right: 22px;
769
773
  }
770
774
 
@@ -772,7 +776,7 @@
772
776
  border-radius: 50%;
773
777
  left: 22px;
774
778
  right: auto;
775
- top: 18px;
779
+ top: 20px;
776
780
  }
777
781
 
778
782
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
@@ -982,14 +986,14 @@
982
986
 
983
987
  .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down) {
984
988
  border-radius: 50%;
985
- bottom: 18px;
989
+ bottom: 20px;
986
990
  left: 22px;
987
991
  }
988
992
 
989
993
  .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down {
990
994
  border-radius: 50%;
991
995
  right: 22px;
992
- top: 18px;
996
+ top: 20px;
993
997
  }
994
998
 
995
999
  .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::before, .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
@@ -1111,7 +1115,7 @@
1111
1115
  }
1112
1116
 
1113
1117
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-left, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-right, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-navigate-arrow.e-arrow-left, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-navigate-arrow.e-arrow-right {
1114
- background-color: #fff;
1118
+ background-color: transparent;
1115
1119
  border-color: #0d6efd;
1116
1120
  border-width: 1px;
1117
1121
  opacity: .9;
@@ -1166,7 +1170,7 @@
1166
1170
  }
1167
1171
 
1168
1172
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-down, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-down {
1169
- background-color: #fff;
1173
+ background-color: transparent;
1170
1174
  border-color: #0d6efd;
1171
1175
  border-width: 1px;
1172
1176
  opacity: .9;
@@ -1360,7 +1364,7 @@
1360
1364
  }
1361
1365
 
1362
1366
  .e-dashboardlayout.e-control .e-panel .e-panel-header {
1363
- border-bottom: none;
1367
+ border-bottom: 1px solid #dee2e6;
1364
1368
  color: #212529;
1365
1369
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
1366
1370
  font-size: 14px;
package/styles/card/bootstrap5-dark.css CHANGED
@@ -44,6 +44,7 @@
44
44
  .e-bigger.e-card .e-card-header {
45
45
  min-height: 30px;
46
46
  padding: 16px;
47
+ padding-bottom: 0;
47
48
  }
48
49
 
49
50
  .e-bigger .e-card .e-card-header .e-card-content,
@@ -97,7 +98,7 @@
97
98
 
98
99
  .e-bigger .e-card .e-card-actions,
99
100
  .e-bigger.e-card .e-card-actions {
100
- padding: 16px 20px;
101
+ padding: 16px;
101
102
  }
102
103
 
103
104
  .e-bigger .e-card .e-card-actions.e-card-vertical,
@@ -295,6 +296,7 @@
295
296
  min-height: 22.5px;
296
297
  padding: 12px;
297
298
  width: inherit;
299
+ padding-bottom: 0;
298
300
  }
299
301
 
300
302
  .e-card .e-card-header .e-card-content {
@@ -401,7 +403,7 @@
401
403
  display: inline-block;
402
404
  -ms-flex-pack: start;
403
405
  justify-content: flex-start;
404
- padding: 16px 20px;
406
+ padding: 12px;
405
407
  }
406
408
 
407
409
  .e-card .e-card-actions.e-card-vertical {
@@ -516,7 +518,7 @@
516
518
  .e-card {
517
519
  -webkit-tap-highlight-color: #0d6efd;
518
520
  background-color: #212529;
519
- border: 1px solid #ced4da;
521
+ border: 1px solid #444c54;
520
522
  box-shadow: none;
521
523
  color: #fff;
522
524
  outline: none;
package/styles/card/bootstrap5.css CHANGED
@@ -44,6 +44,7 @@
44
44
  .e-bigger.e-card .e-card-header {
45
45
  min-height: 30px;
46
46
  padding: 16px;
47
+ padding-bottom: 0;
47
48
  }
48
49
 
49
50
  .e-bigger .e-card .e-card-header .e-card-content,
@@ -97,7 +98,7 @@
97
98
 
98
99
  .e-bigger .e-card .e-card-actions,
99
100
  .e-bigger.e-card .e-card-actions {
100
- padding: 16px 20px;
101
+ padding: 16px;
101
102
  }
102
103
 
103
104
  .e-bigger .e-card .e-card-actions.e-card-vertical,
@@ -295,6 +296,7 @@
295
296
  min-height: 22.5px;
296
297
  padding: 12px;
297
298
  width: inherit;
299
+ padding-bottom: 0;
298
300
  }
299
301
 
300
302
  .e-card .e-card-header .e-card-content {
@@ -401,7 +403,7 @@
401
403
  display: inline-block;
402
404
  -ms-flex-pack: start;
403
405
  justify-content: flex-start;
404
- padding: 16px 20px;
406
+ padding: 12px;
405
407
  }
406
408
 
407
409
  .e-card .e-card-actions.e-card-vertical {
@@ -516,7 +518,7 @@
516
518
  .e-card {
517
519
  -webkit-tap-highlight-color: #0d6efd;
518
520
  background-color: #fff;
519
- border: 1px solid #ced4da;
521
+ border: 1px solid #dee2e6;
520
522
  box-shadow: none;
521
523
  color: #212529;
522
524
  outline: none;