@syncfusion/ej2-vue-documenteditor 19.2.60 → 19.3.45

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 (54) hide show
  1. package/CHANGELOG.md +134 -90
  2. package/dist/ej2-vue-documenteditor.umd.min.js +1 -1
  3. package/dist/es6/ej2-vue-documenteditor.es2015.js +4 -2
  4. package/dist/es6/ej2-vue-documenteditor.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-documenteditor.es5.js +4 -2
  6. package/dist/es6/ej2-vue-documenteditor.es5.js.map +1 -1
  7. package/dist/global/ej2-vue-documenteditor.min.js +2 -2
  8. package/package.json +8 -8
  9. package/src/document-editor/documenteditor.component.js +2 -1
  10. package/src/document-editor-container/documenteditorcontainer.component.js +2 -1
  11. package/styles/bootstrap-dark.css +284 -302
  12. package/styles/bootstrap.css +30 -110
  13. package/styles/bootstrap4.css +56 -139
  14. package/styles/bootstrap5-dark.css +5866 -0
  15. package/styles/bootstrap5-dark.scss +2 -0
  16. package/styles/bootstrap5.css +5866 -0
  17. package/styles/bootstrap5.scss +2 -0
  18. package/styles/document-editor/bootstrap-dark.css +53 -142
  19. package/styles/document-editor/bootstrap.css +10 -99
  20. package/styles/document-editor/bootstrap4.css +36 -125
  21. package/styles/document-editor/bootstrap5-dark.css +3699 -0
  22. package/styles/document-editor/bootstrap5-dark.scss +1 -0
  23. package/styles/document-editor/bootstrap5.css +3699 -0
  24. package/styles/document-editor/bootstrap5.scss +1 -0
  25. package/styles/document-editor/fabric-dark.css +31 -120
  26. package/styles/document-editor/fabric.css +10 -99
  27. package/styles/document-editor/highcontrast.css +15 -104
  28. package/styles/document-editor/material-dark.css +76 -168
  29. package/styles/document-editor/material.css +10 -99
  30. package/styles/document-editor/tailwind-dark.css +63 -61
  31. package/styles/document-editor/tailwind.css +47 -44
  32. package/styles/document-editor-container/bootstrap-dark.css +231 -160
  33. package/styles/document-editor-container/bootstrap.css +20 -11
  34. package/styles/document-editor-container/bootstrap4.css +20 -14
  35. package/styles/document-editor-container/bootstrap5-dark.css +2166 -0
  36. package/styles/document-editor-container/bootstrap5-dark.scss +1 -0
  37. package/styles/document-editor-container/bootstrap5.css +2166 -0
  38. package/styles/document-editor-container/bootstrap5.scss +1 -0
  39. package/styles/document-editor-container/fabric-dark.css +214 -138
  40. package/styles/document-editor-container/fabric.css +67 -13
  41. package/styles/document-editor-container/highcontrast-light.css +87 -13
  42. package/styles/document-editor-container/highcontrast.css +66 -13
  43. package/styles/document-editor-container/material-dark.css +232 -170
  44. package/styles/document-editor-container/material.css +67 -15
  45. package/styles/document-editor-container/tailwind-dark.css +132 -45
  46. package/styles/document-editor-container/tailwind.css +127 -40
  47. package/styles/fabric-dark.css +245 -258
  48. package/styles/fabric.css +77 -112
  49. package/styles/highcontrast-light.css +87 -13
  50. package/styles/highcontrast.css +81 -117
  51. package/styles/material-dark.css +308 -338
  52. package/styles/material.css +77 -114
  53. package/styles/tailwind-dark.css +195 -106
  54. package/styles/tailwind.css +174 -84
@@ -2520,7 +2520,12 @@ label[for='container_wholeWord'] {
2520
2520
 
2521
2521
  .e-de-statusbar-pageweb .e-de-printlayout,
2522
2522
  .e-de-statusbar-pageweb .e-de-weblayout {
2523
- font-size: 14px;
2523
+ font-size: 16px;
2524
+ }
2525
+
2526
+ .e-de-statusbar-pageweb .e-de-printlayout:hover,
2527
+ .e-de-statusbar-pageweb .e-de-weblayout:hover {
2528
+ font-size: 16px;
2524
2529
  }
2525
2530
 
2526
2531
  .e-bigger .e-btn.e-de-statusbar-pageweb {
@@ -2529,7 +2534,7 @@ label[for='container_wholeWord'] {
2529
2534
 
2530
2535
  .e-bigger .e-de-statusbar-pageweb .e-de-printlayout,
2531
2536
  .e-bigger .e-de-statusbar-pageweb .e-de-weblayout {
2532
- font-size: 14px;
2537
+ font-size: 16px;
2533
2538
  }
2534
2539
 
2535
2540
  .e-de-linespacing {
@@ -2546,8 +2551,6 @@ label[for='container_wholeWord'] {
2546
2551
 
2547
2552
  .e-de-pagenumber-text {
2548
2553
  border: none !important;
2549
- height: 22px !important;
2550
- margin-top: -3px !important;
2551
2554
  }
2552
2555
 
2553
2556
  .e-de-pagenumber-input {
@@ -2555,8 +2558,7 @@ label[for='container_wholeWord'] {
2555
2558
  border: 1px solid #000;
2556
2559
  border-radius: 2px;
2557
2560
  color: #000;
2558
- height: 22px;
2559
- padding: 2px;
2561
+ padding: 0px;
2560
2562
  text-align: center;
2561
2563
  width: 22px;
2562
2564
  }
@@ -2579,6 +2581,7 @@ label[for='container_wholeWord'] {
2579
2581
 
2580
2582
  .e-de-ctn-title {
2581
2583
  background-color: #400074;
2584
+ border-bottom: none !important;
2582
2585
  color: #fff;
2583
2586
  }
2584
2587
 
@@ -2797,10 +2800,6 @@ label[for='container_wholeWord'] {
2797
2800
  width: 100%;
2798
2801
  }
2799
2802
 
2800
- .de-split-button > div:first-child {
2801
- margin-right: 0;
2802
- }
2803
-
2804
2803
  .e-de-ctnr-properties-pane-btn {
2805
2804
  width: 75px;
2806
2805
  }
@@ -3171,6 +3170,52 @@ label[for='container_wholeWord'] {
3171
3170
  box-shadow: none !important;
3172
3171
  }
3173
3172
 
3173
+ .e-de-ctnr-group-btn-top > button:first-child {
3174
+ border-radius: 0;
3175
+ border-top-left-radius: 4px;
3176
+ }
3177
+
3178
+ .e-de-ctnr-group-btn-top.e-de-rtl > button:first-child {
3179
+ border-top-left-radius: 0;
3180
+ border-top-right-radius: 4px;
3181
+ }
3182
+
3183
+ .e-de-ctnr-group-btn-top > button:last-child {
3184
+ border-radius: 0;
3185
+ border-top-right-radius: 4px;
3186
+ }
3187
+
3188
+ .e-de-ctnr-group-btn-top.e-de-rtl > button:last-child {
3189
+ border-top-left-radius: 4px;
3190
+ border-top-right-radius: 0;
3191
+ }
3192
+
3193
+ .e-de-ctnr-group-btn-middle > button {
3194
+ border-radius: 0;
3195
+ border-top: 0;
3196
+ border-bottom: 0;
3197
+ }
3198
+
3199
+ .e-de-ctnr-group-btn-bottom > button:first-child {
3200
+ border-radius: 0;
3201
+ border-bottom-left-radius: 4px;
3202
+ }
3203
+
3204
+ .e-de-ctnr-group-btn-bottom.e-de-rtl > button:first-child {
3205
+ border-bottom-left-radius: 0;
3206
+ border-bottom-right-radius: 4px;
3207
+ }
3208
+
3209
+ .e-de-ctnr-group-btn-bottom > button:last-child {
3210
+ border-radius: 0;
3211
+ border-bottom-right-radius: 4px;
3212
+ }
3213
+
3214
+ .e-de-ctnr-group-btn-bottom.e-de-rtl > button:last-child {
3215
+ border-bottom-right-radius: 0;
3216
+ border-bottom-left-radius: 4px;
3217
+ }
3218
+
3174
3219
  .e-de-toc-template1 {
3175
3220
  background: #fff;
3176
3221
  border: 1px solid #000;
@@ -3249,6 +3294,10 @@ label[for='container_wholeWord'] {
3249
3294
  width: 100px;
3250
3295
  }
3251
3296
 
3297
+ .e-de-ctnr-pg-no span {
3298
+ border: 1px solid transparent;
3299
+ }
3300
+
3252
3301
  .e-de-ctnr-pg-no-spellout {
3253
3302
  color: #000;
3254
3303
  display: -ms-inline-flexbox;
@@ -3259,6 +3308,10 @@ label[for='container_wholeWord'] {
3259
3308
  width: calc(100% - 160px);
3260
3309
  }
3261
3310
 
3311
+ .e-de-ctnr-pg-no-spellout span {
3312
+ border: 1px solid transparent;
3313
+ }
3314
+
3262
3315
  .e-bigger .e-de-ctnr-pg-no-spellout {
3263
3316
  color: #000;
3264
3317
  display: -ms-inline-flexbox;
@@ -3542,8 +3595,8 @@ label[for='container_wholeWord'] {
3542
3595
  margin-bottom: 16px;
3543
3596
  }
3544
3597
 
3545
- .e-bigger .e-de-ctnr-segment > div:first-child,
3546
- .e-bigger .e-de-ctnr-segment > button:first-child {
3598
+ .e-bigger .e-de-ctnr-segment > div:first-child:not(.e-rtl),
3599
+ .e-bigger .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
3547
3600
  margin-right: 16px;
3548
3601
  }
3549
3602
 
@@ -3757,7 +3810,6 @@ label[for='container_wholeWord'] {
3757
3810
  font-weight: 400;
3758
3811
  height: 25px !important;
3759
3812
  width: 25px !important;
3760
- border-radius: 4px;
3761
3813
  }
3762
3814
 
3763
3815
  .e-bigger .e-de-ctnr-list {
@@ -3869,6 +3921,28 @@ label[for='container_wholeWord'] {
3869
3921
  line-height: 0;
3870
3922
  }
3871
3923
 
3924
+ .e-de-ctn .e-de-bzr-button {
3925
+ font-size: 12px;
3926
+ font-weight: 400;
3927
+ background: #000;
3928
+ height: 100%;
3929
+ color: #fff;
3930
+ }
3931
+
3932
+ .e-de-ctn .e-de-bzr-button:hover {
3933
+ background: #685708;
3934
+ border: 2px solid #fff;
3935
+ border-radius: 0;
3936
+ color: #fff;
3937
+ }
3938
+
3939
+ .e-de-ctn .e-de-bzr-button:active {
3940
+ box-shadow: none;
3941
+ background-color: #ffd939;
3942
+ border-color: #ffd939;
3943
+ color: #000;
3944
+ }
3945
+
3872
3946
  .e-de-ctn .e-de-ctnr-toolbar .e-de-bzr-button .e-btn-icon {
3873
3947
  font-size: 16px;
3874
3948
  }
@@ -461,7 +461,12 @@
461
461
 
462
462
  .e-de-statusbar-pageweb .e-de-printlayout,
463
463
  .e-de-statusbar-pageweb .e-de-weblayout {
464
- font-size: 14px;
464
+ font-size: 16px;
465
+ }
466
+
467
+ .e-de-statusbar-pageweb .e-de-printlayout:hover,
468
+ .e-de-statusbar-pageweb .e-de-weblayout:hover {
469
+ font-size: 16px;
465
470
  }
466
471
 
467
472
  .e-bigger .e-btn.e-de-statusbar-pageweb {
@@ -470,7 +475,7 @@
470
475
 
471
476
  .e-bigger .e-de-statusbar-pageweb .e-de-printlayout,
472
477
  .e-bigger .e-de-statusbar-pageweb .e-de-weblayout {
473
- font-size: 14px;
478
+ font-size: 16px;
474
479
  }
475
480
 
476
481
  .e-de-linespacing {
@@ -487,8 +492,6 @@
487
492
 
488
493
  .e-de-pagenumber-text {
489
494
  border: none !important;
490
- height: 22px !important;
491
- margin-top: -1px !important;
492
495
  }
493
496
 
494
497
  .e-de-pagenumber-input {
@@ -496,8 +499,7 @@
496
499
  border: 1px solid #fff;
497
500
  border-radius: 0;
498
501
  color: #fff;
499
- height: 22px;
500
- padding: 2px;
502
+ padding: 0px;
501
503
  text-align: center;
502
504
  width: 22px;
503
505
  }
@@ -520,6 +522,7 @@
520
522
 
521
523
  .e-de-ctn-title {
522
524
  background-color: #ffd939;
525
+ border-bottom: none !important;
523
526
  color: #000;
524
527
  }
525
528
 
@@ -738,10 +741,6 @@
738
741
  width: 100%;
739
742
  }
740
743
 
741
- .de-split-button > div:first-child {
742
- margin-right: 0;
743
- }
744
-
745
744
  .e-de-ctnr-properties-pane-btn {
746
745
  width: 75px;
747
746
  }
@@ -1121,6 +1120,52 @@
1121
1120
  color: #000 !important;
1122
1121
  }
1123
1122
 
1123
+ .e-de-ctnr-group-btn-top > button:first-child {
1124
+ border-radius: 0;
1125
+ border-top-left-radius: 4px;
1126
+ }
1127
+
1128
+ .e-de-ctnr-group-btn-top.e-de-rtl > button:first-child {
1129
+ border-top-left-radius: 0;
1130
+ border-top-right-radius: 4px;
1131
+ }
1132
+
1133
+ .e-de-ctnr-group-btn-top > button:last-child {
1134
+ border-radius: 0;
1135
+ border-top-right-radius: 4px;
1136
+ }
1137
+
1138
+ .e-de-ctnr-group-btn-top.e-de-rtl > button:last-child {
1139
+ border-top-left-radius: 4px;
1140
+ border-top-right-radius: 0;
1141
+ }
1142
+
1143
+ .e-de-ctnr-group-btn-middle > button {
1144
+ border-radius: 0;
1145
+ border-top: 0;
1146
+ border-bottom: 0;
1147
+ }
1148
+
1149
+ .e-de-ctnr-group-btn-bottom > button:first-child {
1150
+ border-radius: 0;
1151
+ border-bottom-left-radius: 4px;
1152
+ }
1153
+
1154
+ .e-de-ctnr-group-btn-bottom.e-de-rtl > button:first-child {
1155
+ border-bottom-left-radius: 0;
1156
+ border-bottom-right-radius: 4px;
1157
+ }
1158
+
1159
+ .e-de-ctnr-group-btn-bottom > button:last-child {
1160
+ border-radius: 0;
1161
+ border-bottom-right-radius: 4px;
1162
+ }
1163
+
1164
+ .e-de-ctnr-group-btn-bottom.e-de-rtl > button:last-child {
1165
+ border-bottom-right-radius: 0;
1166
+ border-bottom-left-radius: 4px;
1167
+ }
1168
+
1124
1169
  .e-de-toc-template1 {
1125
1170
  background: #000;
1126
1171
  border: 1px solid #fff;
@@ -1199,6 +1244,10 @@
1199
1244
  width: 100px;
1200
1245
  }
1201
1246
 
1247
+ .e-de-ctnr-pg-no span {
1248
+ border: 1px solid transparent;
1249
+ }
1250
+
1202
1251
  .e-de-ctnr-pg-no-spellout {
1203
1252
  color: #fff;
1204
1253
  display: -ms-inline-flexbox;
@@ -1209,6 +1258,10 @@
1209
1258
  width: calc(100% - 160px);
1210
1259
  }
1211
1260
 
1261
+ .e-de-ctnr-pg-no-spellout span {
1262
+ border: 1px solid transparent;
1263
+ }
1264
+
1212
1265
  .e-bigger .e-de-ctnr-pg-no-spellout {
1213
1266
  color: #fff;
1214
1267
  display: -ms-inline-flexbox;
@@ -1492,8 +1545,8 @@
1492
1545
  margin-bottom: 16px;
1493
1546
  }
1494
1547
 
1495
- .e-bigger .e-de-ctnr-segment > div:first-child,
1496
- .e-bigger .e-de-ctnr-segment > button:first-child {
1548
+ .e-bigger .e-de-ctnr-segment > div:first-child:not(.e-rtl),
1549
+ .e-bigger .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
1497
1550
  margin-right: 16px;
1498
1551
  }
1499
1552
 
@@ -1707,7 +1760,6 @@
1707
1760
  font-weight: 400;
1708
1761
  height: 25px !important;
1709
1762
  width: 25px !important;
1710
- border-radius: 4px;
1711
1763
  }
1712
1764
 
1713
1765
  .e-bigger .e-de-ctnr-list {
@@ -1826,6 +1878,7 @@
1826
1878
  height: 100%;
1827
1879
  color: #fff;
1828
1880
  box-shadow: none;
1881
+ border: none;
1829
1882
  border: 2px solid #000;
1830
1883
  }
1831
1884