@syncfusion/ej2-vue-documenteditor 20.1.47 → 20.1.48

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 (55) hide show
  1. package/CHANGELOG.md +263 -0
  2. package/dist/ej2-vue-documenteditor.umd.min.js +2 -2
  3. package/dist/global/ej2-vue-documenteditor.min.js +2 -2
  4. package/package.json +14 -8
  5. package/styles/bootstrap-dark.css +151 -218
  6. package/styles/bootstrap.css +151 -218
  7. package/styles/bootstrap4.css +157 -224
  8. package/styles/bootstrap5-dark.css +172 -253
  9. package/styles/bootstrap5.css +172 -253
  10. package/styles/document-editor/bootstrap-dark.css +50 -192
  11. package/styles/document-editor/bootstrap.css +50 -192
  12. package/styles/document-editor/bootstrap4.css +52 -194
  13. package/styles/document-editor/bootstrap5-dark.css +61 -207
  14. package/styles/document-editor/bootstrap5.css +61 -207
  15. package/styles/document-editor/fabric-dark.css +51 -193
  16. package/styles/document-editor/fabric.css +51 -193
  17. package/styles/document-editor/highcontrast-light.css +9 -5
  18. package/styles/document-editor/highcontrast.css +51 -193
  19. package/styles/document-editor/material-dark.css +51 -193
  20. package/styles/document-editor/material.css +51 -193
  21. package/styles/document-editor/tailwind-dark.css +261 -319
  22. package/styles/document-editor/tailwind.css +261 -319
  23. package/styles/document-editor-container/bootstrap-dark.css +101 -26
  24. package/styles/document-editor-container/bootstrap.css +101 -26
  25. package/styles/document-editor-container/bootstrap4.css +105 -30
  26. package/styles/document-editor-container/bootstrap5-dark.css +111 -46
  27. package/styles/document-editor-container/bootstrap5.css +111 -46
  28. package/styles/document-editor-container/fabric-dark.css +101 -26
  29. package/styles/document-editor-container/fabric.css +101 -26
  30. package/styles/document-editor-container/highcontrast-light.css +104 -29
  31. package/styles/document-editor-container/highcontrast.css +101 -26
  32. package/styles/document-editor-container/material-dark.css +101 -26
  33. package/styles/document-editor-container/material.css +101 -26
  34. package/styles/document-editor-container/tailwind-dark.css +271 -134
  35. package/styles/document-editor-container/tailwind.css +271 -134
  36. package/styles/fabric-dark.css +152 -219
  37. package/styles/fabric.css +152 -219
  38. package/styles/highcontrast-light.css +110 -31
  39. package/styles/highcontrast.css +152 -219
  40. package/styles/material-dark.css +152 -219
  41. package/styles/material.css +152 -219
  42. package/styles/tailwind-dark.css +532 -453
  43. package/styles/tailwind.css +532 -453
  44. package/styles/document-editor/fluent-dark.css +0 -3782
  45. package/styles/document-editor/fluent-dark.scss +0 -1
  46. package/styles/document-editor/fluent.css +0 -3782
  47. package/styles/document-editor/fluent.scss +0 -1
  48. package/styles/document-editor-container/fluent-dark.css +0 -1996
  49. package/styles/document-editor-container/fluent-dark.scss +0 -1
  50. package/styles/document-editor-container/fluent.css +0 -1996
  51. package/styles/document-editor-container/fluent.scss +0 -1
  52. package/styles/fluent-dark.css +0 -5779
  53. package/styles/fluent-dark.scss +0 -2
  54. package/styles/fluent.css +0 -5779
  55. package/styles/fluent.scss +0 -2
@@ -562,86 +562,6 @@
562
562
  content: '\e68a';
563
563
  }
564
564
 
565
- .e-de-dlg-container {
566
- padding-bottom: 12px;
567
- }
568
-
569
- .e-de-dlg-row {
570
- display: -ms-flexbox;
571
- display: flex;
572
- }
573
-
574
- .e-de-container-row {
575
- display: -ms-flexbox;
576
- display: flex;
577
- padding-bottom: 12px;
578
- }
579
-
580
- .e-de-subcontainer-left {
581
- padding-right: 6px;
582
- width: 50%;
583
- }
584
-
585
- .e-de-subcontainer-right {
586
- padding-left: 6px;
587
- width: 50%;
588
- }
589
-
590
- .e-de-dlg-tab-first-child {
591
- padding-top: 6px;
592
- }
593
-
594
- .e-de-dlg-heading {
595
- display: block;
596
- font-size: 16px;
597
- font-weight: 400;
598
- margin-bottom: 12px;
599
- }
600
-
601
- .e-rtl .e-de-subcontainer-left {
602
- padding-left: 6px;
603
- padding-right: 0;
604
- }
605
-
606
- .e-rtl .e-de-subcontainer-right {
607
- padding-left: 0;
608
- padding-right: 6px;
609
- width: 50%;
610
- }
611
-
612
- .e-bigger .e-de-dlg-container {
613
- padding-bottom: 16px;
614
- }
615
-
616
- .e-bigger .e-de-container-row {
617
- padding-bottom: 16px;
618
- }
619
-
620
- .e-bigger .e-de-subcontainer-left {
621
- padding-right: 8px;
622
- width: 50%;
623
- }
624
-
625
- .e-bigger .e-de-subcontainer-right {
626
- padding-left: 8px;
627
- width: 50%;
628
- }
629
-
630
- .e-bigger .e-de-dlg-tab-first-child {
631
- padding-top: 8px;
632
- }
633
-
634
- .e-bigger .e-rtl .e-de-subcontainer-left {
635
- padding-left: 8px;
636
- padding-right: 0;
637
- }
638
-
639
- .e-bigger .e-rtl .e-de-subcontainer-right {
640
- padding-left: 0;
641
- padding-right: 8px;
642
- width: 50%;
643
- }
644
-
645
565
  .e-de-blink-cursor {
646
566
  border-left: 1px solid #000;
647
567
  pointer-events: none;
@@ -810,6 +730,7 @@
810
730
  .e-de-ff-radio-div {
811
731
  display: -ms-inline-flexbox;
812
732
  display: inline-flex;
733
+ margin-bottom: 26px;
813
734
  margin-right: 16px;
814
735
  }
815
736
 
@@ -1169,6 +1090,14 @@
1169
1090
  float: left;
1170
1091
  }
1171
1092
 
1093
+ .e-de-dlg-sub-header {
1094
+ display: block;
1095
+ font-size: 12px;
1096
+ font-weight: normal;
1097
+ margin-bottom: 8px;
1098
+ margin-top: 8px;
1099
+ }
1100
+
1172
1101
  .e-de-dlg-footer .e-btn {
1173
1102
  margin-left: 10px;
1174
1103
  }
@@ -1281,8 +1210,7 @@
1281
1210
  }
1282
1211
 
1283
1212
  .e-de-op-more-less {
1284
- display: -ms-inline-flexbox;
1285
- display: inline-flex;
1213
+ display: block;
1286
1214
  margin-top: 14px;
1287
1215
  }
1288
1216
 
@@ -1560,7 +1488,7 @@ label[for*="_wholeWord_e-de-rtl"] {
1560
1488
  }
1561
1489
 
1562
1490
  .e-documenteditor .e-de-op-close-button {
1563
- left: 250px;
1491
+ left: 260px;
1564
1492
  position: absolute;
1565
1493
  top: 18px;
1566
1494
  }
@@ -1575,7 +1503,7 @@ label[for*="_wholeWord_e-de-rtl"] {
1575
1503
  }
1576
1504
 
1577
1505
  .e-documenteditor .e-de-op-close-button.e-de-rtl {
1578
- right: 255px;
1506
+ right: 267px;
1579
1507
  }
1580
1508
 
1581
1509
  .e-de-table-measure-lbl {
@@ -1941,15 +1869,12 @@ label[for*="_wholeWord_e-de-rtl"] {
1941
1869
  }
1942
1870
 
1943
1871
  .e-de-font-dlg {
1944
- width: max-content;
1872
+ width: 380px;
1945
1873
  }
1946
1874
 
1947
1875
  .e-de-hyperlink {
1948
- width: 250px;
1949
- }
1950
-
1951
- .e-bigger .e-de-hyperlink {
1952
- width: 300px;
1876
+ height: 171px;
1877
+ width: 245px;
1953
1878
  }
1954
1879
 
1955
1880
  .e-de-insert-table {
@@ -2113,12 +2038,13 @@ label[for*="_wholeWord_e-de-rtl"] {
2113
2038
 
2114
2039
  .e-button-custom {
2115
2040
  height: 32px;
2116
- width: 100%;
2041
+ padding: 0;
2042
+ width: 70px;
2117
2043
  }
2118
2044
 
2119
2045
  .e-bigger .e-button-custom {
2120
2046
  height: 37px;
2121
- width: 100%;
2047
+ width: 88px;
2122
2048
  }
2123
2049
 
2124
2050
  .e-styles-listview,
@@ -2268,13 +2194,13 @@ label[for*="_wholeWord_e-de-rtl"] {
2268
2194
  }
2269
2195
 
2270
2196
  .e-bigger .e-de-style-bold-button-size {
2271
- margin-left: 8px;
2197
+ margin-left: 6px;
2272
2198
  margin-right: 8px;
2273
2199
  height: 35px;
2274
2200
  }
2275
2201
 
2276
2202
  .e-de-style-bold-button-size {
2277
- margin-left: 8px;
2203
+ margin-left: 6px;
2278
2204
  margin-right: 8px;
2279
2205
  height: 31px;
2280
2206
  }
@@ -2289,12 +2215,12 @@ label[for*="_wholeWord_e-de-rtl"] {
2289
2215
  }
2290
2216
 
2291
2217
  .e-de-style-icon-button-first-size {
2292
- margin-left: 8px;
2218
+ margin-left: 6px;
2293
2219
  margin-right: 3px;
2294
2220
  }
2295
2221
 
2296
2222
  .e-de-style-icon-button-last-size {
2297
- margin-right: 8px;
2223
+ margin-right: 6px;
2298
2224
  }
2299
2225
 
2300
2226
  .e-de-style-font-color-picker {
@@ -2742,7 +2668,6 @@ label[for*="_wholeWord_e-de-rtl"] {
2742
2668
  .e-de-rp-sub-content-div {
2743
2669
  line-height: none;
2744
2670
  font-size: 12px;
2745
- margin-bottom: 8px;
2746
2671
  }
2747
2672
 
2748
2673
  .e-de-bullet-icons {
@@ -2797,7 +2722,7 @@ label[for*="_wholeWord_e-de-rtl"] {
2797
2722
  }
2798
2723
 
2799
2724
  .e-bigger .e-de-font-dlg {
2800
- width: max-content;
2725
+ width: 375px;
2801
2726
  }
2802
2727
 
2803
2728
  .e-bigger .e-para-dlg-sub-height {
@@ -2827,7 +2752,6 @@ label[for*="_wholeWord_e-de-rtl"] {
2827
2752
 
2828
2753
  .e-bigger .e-de-rp-header {
2829
2754
  font-size: 16px;
2830
- width: 75%;
2831
2755
  }
2832
2756
 
2833
2757
  .e-de-restrict-format {
@@ -2855,7 +2779,6 @@ label[for*="_wholeWord_e-de-rtl"] {
2855
2779
  font-weight: normal;
2856
2780
  opacity: 0.87;
2857
2781
  color: #777;
2858
- width: 75%;
2859
2782
  }
2860
2783
 
2861
2784
  .e-de-rp-user .e-checkbox-wrapper {
@@ -2869,15 +2792,20 @@ label[for*="_wholeWord_e-de-rtl"] {
2869
2792
  opacity: 0.87;
2870
2793
  border-radius: 2px;
2871
2794
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 2px 4px 0 rgba(0, 0, 0, 0.5);
2795
+ height: 36px;
2796
+ margin: 0 24px !important;
2872
2797
  }
2873
2798
 
2874
2799
  .e-bigger .e-de-rp-btn-enforce {
2800
+ margin: 0;
2801
+ width: 100%;
2875
2802
  padding-left: 10px;
2876
2803
  padding-right: 10px;
2877
2804
  }
2878
2805
 
2879
2806
  .e-de-rp-nav-btn {
2880
- width: auto;
2807
+ margin: 0 12px;
2808
+ width: 210px;
2881
2809
  }
2882
2810
 
2883
2811
  .e-de-rp-btn-stop-enforce {
@@ -2886,6 +2814,8 @@ label[for*="_wholeWord_e-de-rtl"] {
2886
2814
  opacity: 0.87;
2887
2815
  border-radius: 2px;
2888
2816
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 2px 4px 0 rgba(0, 0, 0, 0.5);
2817
+ height: 36px;
2818
+ margin: 0 46px;
2889
2819
  }
2890
2820
 
2891
2821
  .e-de-rp-sub-div {
@@ -2896,7 +2826,6 @@ label[for*="_wholeWord_e-de-rtl"] {
2896
2826
  .e-de-restrict-pane {
2897
2827
  padding-left: 0;
2898
2828
  padding-top: 0;
2899
- padding-right: 0;
2900
2829
  }
2901
2830
 
2902
2831
  .e-de-rp-whole-header {
@@ -2909,14 +2838,15 @@ label[for*="_wholeWord_e-de-rtl"] {
2909
2838
  border-radius: 2px;
2910
2839
  font-size: 12px;
2911
2840
  height: 110px;
2841
+ width: 238px;
2912
2842
  }
2913
2843
 
2914
2844
  .e-de-rp-enforce {
2915
- padding: 12px;
2845
+ padding-top: 12px;
2916
2846
  }
2917
2847
 
2918
2848
  .e-de-rp-enforce-nav {
2919
- margin: 0 12px 12px 12px;
2849
+ margin: 12px 0;
2920
2850
  }
2921
2851
 
2922
2852
  .e-de-enforce-dlg-title {
@@ -2927,6 +2857,7 @@ label[for*="_wholeWord_e-de-rtl"] {
2927
2857
 
2928
2858
  .e-de-enforce .e-de-enforce-dlg-input {
2929
2859
  height: 32px;
2860
+ margin-bottom: 8px;
2930
2861
  width: 300px;
2931
2862
  }
2932
2863
 
@@ -2948,8 +2879,6 @@ label[for*="_wholeWord_e-de-rtl"] {
2948
2879
 
2949
2880
  .e-de-user-dlg-list {
2950
2881
  margin-bottom: 15px;
2951
- display: -ms-inline-flexbox;
2952
- display: inline-flex;
2953
2882
  }
2954
2883
 
2955
2884
  .e-de-user-listview {
@@ -2982,23 +2911,25 @@ label[for*="_wholeWord_e-de-rtl"] {
2982
2911
  padding: 12px 12px 24px;
2983
2912
  }
2984
2913
 
2914
+ .e-de-rp-stop-div3 {
2915
+ padding: 0 0 12px 12px;
2916
+ }
2917
+
2985
2918
  .e-de-rp-close-icon {
2986
2919
  float: right;
2987
2920
  position: relative;
2988
2921
  top: -7px;
2989
- right: -8px;
2990
2922
  }
2991
2923
 
2992
2924
  .e-de-restrict-pane {
2993
2925
  height: 100%;
2994
2926
  overflow: auto;
2995
- overflow-x: hidden;
2996
2927
  width: 268px;
2997
2928
  }
2998
2929
 
2999
2930
  .e-de-rp-nav-lbl {
3000
2931
  font-size: 13px;
3001
- margin: 0 12px;
2932
+ margin: 0 28px;
3002
2933
  }
3003
2934
 
3004
2935
  .e-documenteditor-optionspane {
@@ -3117,6 +3048,7 @@ label[for*="_wholeWord_e-de-rtl"] {
3117
3048
  color: #4d841e;
3118
3049
  padding: 5px 4px;
3119
3050
  text-transform: initial;
3051
+ width: 66px;
3120
3052
  }
3121
3053
 
3122
3054
  .e-btn.e-outline.e-de-track-accept-button:hover {
@@ -3125,6 +3057,7 @@ label[for*="_wholeWord_e-de-rtl"] {
3125
3057
  color: #fff;
3126
3058
  padding: 5px 4px;
3127
3059
  text-transform: initial;
3060
+ width: 66px;
3128
3061
  }
3129
3062
 
3130
3063
  .e-btn.e-outline.e-de-track-reject-button {
@@ -3134,6 +3067,7 @@ label[for*="_wholeWord_e-de-rtl"] {
3134
3067
  padding: 5px 6px;
3135
3068
  margin-left: 8px;
3136
3069
  text-transform: initial;
3070
+ width: 64px;
3137
3071
  }
3138
3072
 
3139
3073
  .e-btn.e-outline.e-de-track-reject-button:hover {
@@ -3143,6 +3077,7 @@ label[for*="_wholeWord_e-de-rtl"] {
3143
3077
  padding: 5px 6px;
3144
3078
  margin-left: 8px;
3145
3079
  text-transform: initial;
3080
+ width: 64px;
3146
3081
  }
3147
3082
 
3148
3083
  .e-de-track-chngs-count {
@@ -3261,6 +3196,7 @@ label[for*="_wholeWord_e-de-rtl"] {
3261
3196
  font-size: 13px;
3262
3197
  font-weight: normal;
3263
3198
  padding-left: 8px;
3199
+ padding-left: 8px;
3264
3200
  width: 90%;
3265
3201
  }
3266
3202
 
@@ -3419,7 +3355,6 @@ label[for*="_wholeWord_e-de-rtl"] {
3419
3355
 
3420
3356
  .e-rtl .e-de-rp-close-icon {
3421
3357
  float: left;
3422
- right: 8px;
3423
3358
  }
3424
3359
 
3425
3360
  .e-rtl .e-de-cp-option.e-btn.e-icon-btn {
@@ -3480,13 +3415,6 @@ label[for*="_wholeWord_e-de-rtl"] {
3480
3415
  padding-right: 8px;
3481
3416
  }
3482
3417
 
3483
- .e-bigger .e-de-rp-close-icon {
3484
- float: right;
3485
- position: relative;
3486
- top: -10px;
3487
- right: -10px;
3488
- }
3489
-
3490
3418
  .e-bigger .e-rtl .e-de-cmt-post-btn.e-btn.e-flat,
3491
3419
  .e-bigger .e-rtl .e-de-cmt-cancel-btn.e-btn.e-flat {
3492
3420
  margin-right: 12px;
@@ -3523,80 +3451,6 @@ label[for*="_wholeWord_e-de-rtl"] {
3523
3451
  top: 0;
3524
3452
  }
3525
3453
 
3526
- .e-de-rp-mu-btn {
3527
- margin-top: 3px;
3528
- }
3529
-
3530
- .e-rtl .e-de-cmt-author-name {
3531
- padding-left: 0%;
3532
- padding-right: 8px;
3533
- }
3534
-
3535
- .e-bigger .e-de-cmt-author-name {
3536
- padding-left: 8px;
3537
- }
3538
-
3539
- .e-bigger .e-de-cmt-rply-view {
3540
- margin-top: 12px;
3541
- }
3542
-
3543
- .e-bigger .e-de-cmt-sub-container {
3544
- padding: 8px;
3545
- }
3546
-
3547
- .e-bigger .e-de-cmt-sub-container.e-de-cmt-selection {
3548
- padding-left: 6px;
3549
- }
3550
-
3551
- .e-bigger .e-de-cmt-sub-container:not(.e-de-cmt-selection):not(.e-de-cmt-reply):hover {
3552
- padding-left: 7px;
3553
- }
3554
-
3555
- .e-bigger .e-de-cmt-sub-container.e-de-cmt-reply {
3556
- padding: 0%;
3557
- }
3558
-
3559
- .e-bigger .e-de-rp-nav-btn {
3560
- width: auto;
3561
- }
3562
-
3563
- .e-bigger .e-de-rp-whole-header {
3564
- padding: 12px;
3565
- }
3566
-
3567
- .e-bigger .e-de-rp-sub-div {
3568
- border-bottom: 1px solid #e4e4e4;
3569
- padding: 12px;
3570
- }
3571
-
3572
- .e-bigger .e-de-rp-enforce {
3573
- padding: 12px;
3574
- }
3575
-
3576
- .e-bigger .e-de-enforce .e-de-enforce-dlg-input {
3577
- width: 300px;
3578
- }
3579
-
3580
- .e-bigger .e-rtl .e-de-cmt-author-name {
3581
- padding-left: 0%;
3582
- padding-right: 8px;
3583
- }
3584
-
3585
- .e-bigger .e-rtl .e-de-cmt-sub-container.e-de-cmt-selection {
3586
- padding-left: 8px;
3587
- padding-right: 6px;
3588
- }
3589
-
3590
- .e-bigger .e-rtl .e-de-cmt-sub-container:not(.e-de-cmt-selection):not(.e-de-cmt-reply):hover {
3591
- padding-left: 8px;
3592
- padding-right: 7px;
3593
- }
3594
-
3595
- .e-bigger .e-rtl .e-de-rp-close-icon {
3596
- float: left;
3597
- right: 10px;
3598
- }
3599
-
3600
3454
  .e-bigger .e-de-para-dlg-container .e-checkbox-wrapper .e-label,
3601
3455
  .e-bigger .e-de-table-options-dlg .e-checkbox-wrapper .e-label {
3602
3456
  font-size: 14px;
@@ -3611,7 +3465,8 @@ label[for*="_wholeWord_e-de-rtl"] {
3611
3465
  display: block;
3612
3466
  font-size: 16px;
3613
3467
  font-weight: 400;
3614
- margin-bottom: 8px;
3468
+ margin-bottom: 15px;
3469
+ margin-top: 15px;
3615
3470
  }
3616
3471
 
3617
3472
  .e-bigger .e-de-para-dlg-container .e-checkbox-wrapper .e-label,
@@ -3655,6 +3510,7 @@ label[for*="_wholeWord_e-de-rtl"] {
3655
3510
  font-size: 12px;
3656
3511
  font-weight: normal;
3657
3512
  margin-bottom: 15px;
3513
+ margin-top: 0;
3658
3514
  }
3659
3515
 
3660
3516
  .e-bigger .e-de-rtl-btn-div {
@@ -3674,6 +3530,7 @@ label[for*="_wholeWord_e-de-rtl"] {
3674
3530
  font-size: 16px;
3675
3531
  font-weight: 400;
3676
3532
  margin-bottom: 15px;
3533
+ margin-top: 15px;
3677
3534
  opacity: 87%;
3678
3535
  }
3679
3536
 
@@ -3718,6 +3575,7 @@ label[for*="_wholeWord_e-de-rtl"] {
3718
3575
  font-size: 12px;
3719
3576
  font-weight: normal;
3720
3577
  margin-bottom: 15px;
3578
+ margin-top: 0;
3721
3579
  }
3722
3580
 
3723
3581
  .e-de-rtl-btn-div {