@syncfusion/ej2-vue-layouts 19.2.48 → 19.3.44

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 (61) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/ej2-vue-layouts.umd.min.js +20 -2
  3. package/dist/ej2-vue-layouts.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-vue-layouts.es2015.js +49 -1
  5. package/dist/es6/ej2-vue-layouts.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-layouts.es5.js +53 -1
  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 +8 -8
  10. package/src/dashboard-layout/dashboardlayout.component.d.ts +2 -0
  11. package/src/dashboard-layout/dashboardlayout.component.js +27 -1
  12. package/src/splitter/splitter.component.d.ts +2 -0
  13. package/src/splitter/splitter.component.js +27 -1
  14. package/styles/avatar/bootstrap5-dark.css +61 -0
  15. package/styles/avatar/bootstrap5-dark.scss +1 -0
  16. package/styles/avatar/bootstrap5.css +61 -0
  17. package/styles/avatar/bootstrap5.scss +1 -0
  18. package/styles/bootstrap-dark.css +8 -0
  19. package/styles/bootstrap.css +8 -0
  20. package/styles/bootstrap4.css +8 -0
  21. package/styles/bootstrap5-dark.css +1618 -0
  22. package/styles/bootstrap5-dark.scss +4 -0
  23. package/styles/bootstrap5.css +1618 -0
  24. package/styles/bootstrap5.scss +4 -0
  25. package/styles/card/bootstrap5-dark.css +593 -0
  26. package/styles/card/bootstrap5-dark.scss +1 -0
  27. package/styles/card/bootstrap5.css +593 -0
  28. package/styles/card/bootstrap5.scss +1 -0
  29. package/styles/card/fabric-dark.css +12 -12
  30. package/styles/card/tailwind-dark.css +2 -3
  31. package/styles/card/tailwind.css +0 -1
  32. package/styles/dashboard-layout/bootstrap5-dark.css +393 -0
  33. package/styles/dashboard-layout/bootstrap5-dark.scss +1 -0
  34. package/styles/dashboard-layout/bootstrap5.css +393 -0
  35. package/styles/dashboard-layout/bootstrap5.scss +1 -0
  36. package/styles/dashboard-layout/material-dark.css +3 -3
  37. package/styles/dashboard-layout/tailwind-dark.css +10 -8
  38. package/styles/dashboard-layout/tailwind.css +5 -3
  39. package/styles/fabric-dark.css +20 -12
  40. package/styles/fabric.css +8 -0
  41. package/styles/highcontrast-light.css +8 -0
  42. package/styles/highcontrast.css +8 -0
  43. package/styles/material-dark.css +19 -11
  44. package/styles/material.css +8 -0
  45. package/styles/splitter/bootstrap-dark.css +8 -0
  46. package/styles/splitter/bootstrap.css +8 -0
  47. package/styles/splitter/bootstrap4.css +8 -0
  48. package/styles/splitter/bootstrap5-dark.css +568 -0
  49. package/styles/splitter/bootstrap5-dark.scss +1 -0
  50. package/styles/splitter/bootstrap5.css +568 -0
  51. package/styles/splitter/bootstrap5.scss +1 -0
  52. package/styles/splitter/fabric-dark.css +8 -0
  53. package/styles/splitter/fabric.css +8 -0
  54. package/styles/splitter/highcontrast-light.css +8 -0
  55. package/styles/splitter/highcontrast.css +8 -0
  56. package/styles/splitter/material-dark.css +16 -8
  57. package/styles/splitter/material.css +8 -0
  58. package/styles/splitter/tailwind-dark.css +14 -7
  59. package/styles/splitter/tailwind.css +8 -1
  60. package/styles/tailwind-dark.css +26 -18
  61. package/styles/tailwind.css +13 -5
package/styles/material-dark.css CHANGED
@@ -650,12 +650,20 @@
650
650
  font-size: 14px;
651
651
  }
652
652
 
653
+ .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler.e-template-resize-handler::before {
654
+ content: '';
655
+ }
656
+
653
657
  .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler::before {
654
658
  content: '\eb04';
655
659
  font-family: 'e-icons';
656
660
  font-size: 14px;
657
661
  }
658
662
 
663
+ .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler.e-template-resize-handler::before {
664
+ content: '';
665
+ }
666
+
659
667
  .e-bigger .e-splitter .e-split-bar .e-resize-handler::before {
660
668
  font-size: 16px;
661
669
  }
@@ -1088,12 +1096,12 @@
1088
1096
  }
1089
1097
 
1090
1098
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active {
1091
- background: #ff80ab;
1099
+ background: #00b0ff;
1092
1100
  }
1093
1101
 
1094
1102
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-resize-handler, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-resize-handler {
1095
1103
  background: #303030;
1096
- color: #ff80ab;
1104
+ color: #00b0ff;
1097
1105
  }
1098
1106
 
1099
1107
  .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 {
@@ -1128,12 +1136,12 @@
1128
1136
  }
1129
1137
 
1130
1138
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active {
1131
- background: #ff80ab;
1139
+ background: #00b0ff;
1132
1140
  }
1133
1141
 
1134
1142
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-resize-handler {
1135
1143
  background: #303030;
1136
- color: #ff80ab;
1144
+ color: #00b0ff;
1137
1145
  }
1138
1146
 
1139
1147
  .e-splitter .e-split-bar.e-split-bar-vertical {
@@ -1146,7 +1154,7 @@
1146
1154
  }
1147
1155
 
1148
1156
  .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 {
1149
- background: #ff80ab;
1157
+ background: #00b0ff;
1150
1158
  }
1151
1159
 
1152
1160
  .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 {
@@ -1158,7 +1166,7 @@
1158
1166
 
1159
1167
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-resize-handler, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-resize-handler {
1160
1168
  background: #303030;
1161
- color: #ff80ab;
1169
+ color: #00b0ff;
1162
1170
  }
1163
1171
 
1164
1172
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-up::before, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-up::before {
@@ -1200,12 +1208,12 @@
1200
1208
  }
1201
1209
 
1202
1210
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active {
1203
- background: #ff80ab;
1211
+ background: #00b0ff;
1204
1212
  }
1205
1213
 
1206
1214
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-resize-handler {
1207
1215
  background: #303030;
1208
- color: #ff80ab;
1216
+ color: #00b0ff;
1209
1217
  }
1210
1218
 
1211
1219
  .e-splitter.e-disabled {
@@ -1330,7 +1338,7 @@
1330
1338
  }
1331
1339
 
1332
1340
  .e-dashboardlayout.e-control .e-panel:active {
1333
- border: 1px #ff80ab solid;
1341
+ border: 1px #00b0ff solid;
1334
1342
  }
1335
1343
 
1336
1344
  .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-dl-icon {
@@ -1465,8 +1473,8 @@
1465
1473
  }
1466
1474
 
1467
1475
  .e-dashboardlayout.e-control .e-holder {
1468
- background: rgba(255, 128, 171, 0.25);
1469
- border: 2px rgba(255, 128, 171, 0.25) dotted;
1476
+ background: rgba(0, 176, 255, 0.25);
1477
+ border: 2px rgba(0, 176, 255, 0.25) dotted;
1470
1478
  border-radius: 0;
1471
1479
  position: absolute;
1472
1480
  border-radius: 2px;
package/styles/material.css CHANGED
@@ -651,12 +651,20 @@
651
651
  font-size: 14px;
652
652
  }
653
653
 
654
+ .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler.e-template-resize-handler::before {
655
+ content: '';
656
+ }
657
+
654
658
  .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler::before {
655
659
  content: '\eb04';
656
660
  font-family: 'e-icons';
657
661
  font-size: 14px;
658
662
  }
659
663
 
664
+ .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler.e-template-resize-handler::before {
665
+ content: '';
666
+ }
667
+
660
668
  .e-bigger .e-splitter .e-split-bar .e-resize-handler::before {
661
669
  font-size: 16px;
662
670
  }
package/styles/splitter/bootstrap-dark.css CHANGED
@@ -4,6 +4,10 @@
4
4
  font-size: 14px;
5
5
  }
6
6
 
7
+ .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler.e-template-resize-handler::before {
8
+ content: '';
9
+ }
10
+
7
11
  .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler::before {
8
12
  content: '\e984';
9
13
  font-family: 'e-icons';
@@ -11,6 +15,10 @@
11
15
  transform: rotate(90deg);
12
16
  }
13
17
 
18
+ .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler.e-template-resize-handler::before {
19
+ content: '';
20
+ }
21
+
14
22
  .e-bigger .e-splitter .e-split-bar .e-resize-handler::before {
15
23
  font-size: 16px;
16
24
  }
package/styles/splitter/bootstrap.css CHANGED
@@ -4,6 +4,10 @@
4
4
  font-size: 14px;
5
5
  }
6
6
 
7
+ .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler.e-template-resize-handler::before {
8
+ content: '';
9
+ }
10
+
7
11
  .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler::before {
8
12
  content: '\e984';
9
13
  font-family: 'e-icons';
@@ -11,6 +15,10 @@
11
15
  transform: rotate(90deg);
12
16
  }
13
17
 
18
+ .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler.e-template-resize-handler::before {
19
+ content: '';
20
+ }
21
+
14
22
  .e-bigger .e-splitter .e-split-bar .e-resize-handler::before {
15
23
  font-size: 16px;
16
24
  }
package/styles/splitter/bootstrap4.css CHANGED
@@ -4,12 +4,20 @@
4
4
  font-size: 14px;
5
5
  }
6
6
 
7
+ .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler.e-template-resize-handler::before {
8
+ content: '';
9
+ }
10
+
7
11
  .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler::before {
8
12
  content: '\e71b';
9
13
  font-family: 'e-icons';
10
14
  font-size: 14px;
11
15
  }
12
16
 
17
+ .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler.e-template-resize-handler::before {
18
+ content: '';
19
+ }
20
+
13
21
  .e-bigger .e-splitter .e-split-bar .e-resize-handler::before {
14
22
  font-size: 16px;
15
23
  }