@syncfusion/ej2-vue-documenteditor 20.4.54 → 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 (71) hide show
  1. package/CHANGELOG.md +208 -0
  2. package/README.md +1 -1
  3. package/dist/ej2-vue-documenteditor.umd.min.js +2 -2
  4. package/dist/ej2-vue-documenteditor.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-vue-documenteditor.es2015.js +240 -282
  6. package/dist/es6/ej2-vue-documenteditor.es2015.js.map +1 -1
  7. package/dist/es6/ej2-vue-documenteditor.es5.js +261 -313
  8. package/dist/es6/ej2-vue-documenteditor.es5.js.map +1 -1
  9. package/dist/global/ej2-vue-documenteditor.min.js +2 -2
  10. package/package.json +11 -10
  11. package/src/document-editor/documenteditor.component.d.ts +3 -50
  12. package/src/document-editor/documenteditor.component.js +168 -197
  13. package/src/document-editor-container/documenteditorcontainer.component.d.ts +3 -26
  14. package/src/document-editor-container/documenteditorcontainer.component.js +96 -125
  15. package/styles/bootstrap-dark.css +167 -58
  16. package/styles/bootstrap.css +167 -54
  17. package/styles/bootstrap4.css +185 -65
  18. package/styles/bootstrap5-dark.css +187 -74
  19. package/styles/bootstrap5.css +187 -74
  20. package/styles/document-editor/bootstrap-dark.css +13 -2
  21. package/styles/document-editor/bootstrap.css +17 -2
  22. package/styles/document-editor/bootstrap4.css +23 -4
  23. package/styles/document-editor/bootstrap5-dark.css +32 -17
  24. package/styles/document-editor/bootstrap5.css +32 -17
  25. package/styles/document-editor/fabric-dark.css +13 -2
  26. package/styles/document-editor/fabric.css +17 -2
  27. package/styles/document-editor/fluent-dark.css +47 -27
  28. package/styles/document-editor/fluent.css +47 -27
  29. package/styles/document-editor/highcontrast-light.css +5 -0
  30. package/styles/document-editor/highcontrast.css +13 -2
  31. package/styles/document-editor/material-dark.css +13 -2
  32. package/styles/document-editor/material.css +13 -2
  33. package/styles/document-editor/material3-dark.css +3971 -0
  34. package/styles/document-editor/material3-dark.scss +2 -0
  35. package/styles/document-editor/material3.css +4027 -0
  36. package/styles/document-editor/material3.scss +2 -0
  37. package/styles/document-editor/tailwind-dark.css +29 -17
  38. package/styles/document-editor/tailwind.css +32 -17
  39. package/styles/document-editor-container/bootstrap-dark.css +154 -56
  40. package/styles/document-editor-container/bootstrap.css +150 -52
  41. package/styles/document-editor-container/bootstrap4.css +162 -61
  42. package/styles/document-editor-container/bootstrap5-dark.css +155 -57
  43. package/styles/document-editor-container/bootstrap5.css +155 -57
  44. package/styles/document-editor-container/fabric-dark.css +154 -56
  45. package/styles/document-editor-container/fabric.css +154 -56
  46. package/styles/document-editor-container/fluent-dark.css +159 -64
  47. package/styles/document-editor-container/fluent.css +159 -64
  48. package/styles/document-editor-container/highcontrast-light.css +154 -56
  49. package/styles/document-editor-container/highcontrast.css +154 -56
  50. package/styles/document-editor-container/material-dark.css +159 -61
  51. package/styles/document-editor-container/material.css +154 -55
  52. package/styles/document-editor-container/material3-dark.css +2178 -0
  53. package/styles/document-editor-container/material3-dark.scss +2 -0
  54. package/styles/document-editor-container/material3.css +2234 -0
  55. package/styles/document-editor-container/material3.scss +2 -0
  56. package/styles/document-editor-container/tailwind-dark.css +153 -55
  57. package/styles/document-editor-container/tailwind.css +153 -55
  58. package/styles/fabric-dark.css +167 -58
  59. package/styles/fabric.css +171 -58
  60. package/styles/fluent-dark.css +206 -91
  61. package/styles/fluent.css +206 -91
  62. package/styles/highcontrast-light.css +159 -56
  63. package/styles/highcontrast.css +167 -58
  64. package/styles/material-dark.css +172 -63
  65. package/styles/material.css +167 -57
  66. package/styles/material3-dark.css +6150 -0
  67. package/styles/material3-dark.scss +3 -0
  68. package/styles/material3.css +6261 -0
  69. package/styles/material3.scss +3 -0
  70. package/styles/tailwind-dark.css +182 -72
  71. package/styles/tailwind.css +185 -72
@@ -0,0 +1,2 @@
1
+ @import 'ej2-base/styles/material3-definition.scss';
2
+ @import 'ej2-documenteditor/styles/document-editor/material3.scss';
@@ -43,6 +43,12 @@
43
43
  font-family: "e-icons";
44
44
  font-size: 13px;
45
45
  }
46
+ .e-documenteditor .e-de-multi-cmt-mark::before {
47
+ color: #d1d5db;
48
+ content: "\e8bc";
49
+ font-family: "e-icons";
50
+ font-size: 14px;
51
+ }
46
52
  .e-documenteditor .e-de-cmt-post::before {
47
53
  content: "\e71d";
48
54
  font-family: "e-icons";
@@ -124,40 +130,40 @@
124
130
  .e-de-table-left-alignment::before {
125
131
  color: #d1d5db;
126
132
  content: "\e7f6";
127
- font-size: 46px;
133
+ font-size: 48px;
128
134
  }
129
135
 
130
136
  .e-de-table-center-alignment::before {
131
137
  color: #d1d5db;
132
138
  content: "\e7f1";
133
- font-size: 46px;
139
+ font-size: 48px;
134
140
  }
135
141
 
136
142
  .e-de-table-right-alignment::before {
137
143
  color: #d1d5db;
138
144
  content: "\e703";
139
- font-size: 46px;
145
+ font-size: 48px;
140
146
  }
141
147
 
142
148
  .e-de-tablecell-top-alignment::before {
143
149
  color: #d1d5db;
144
150
  content: "\e775";
145
151
  font-family: "e-icons";
146
- font-size: 51px;
152
+ font-size: 48px;
147
153
  }
148
154
 
149
155
  .e-de-tablecell-center-alignment::before {
150
156
  color: #d1d5db;
151
157
  content: "\e7e5";
152
158
  font-family: "e-icons";
153
- font-size: 51px;
159
+ font-size: 48px;
154
160
  }
155
161
 
156
162
  .e-de-tablecell-bottom-alignment::before {
157
163
  color: #d1d5db;
158
164
  content: "\e7d9";
159
165
  font-family: "e-icons";
160
- font-size: 51px;
166
+ font-size: 48px;
161
167
  }
162
168
 
163
169
  .e-de-table-border-setting {
@@ -205,14 +211,14 @@
205
211
  .e-de-table-border-none-setting::before {
206
212
  color: #d1d5db;
207
213
  content: "\e7eb";
208
- font-size: 38px;
214
+ font-size: 36px;
209
215
  position: absolute;
210
216
  }
211
217
 
212
218
  .e-de-table-border-box-setting::before {
213
219
  color: #d1d5db;
214
220
  content: "\e834";
215
- font-size: 34px;
221
+ font-size: 36px;
216
222
  left: 2px;
217
223
  position: absolute;
218
224
  top: 2px;
@@ -222,7 +228,7 @@
222
228
  color: #d1d5db;
223
229
  content: "\e7e8";
224
230
  font-family: "e-icons";
225
- font-size: 34px;
231
+ font-size: 36px;
226
232
  left: 2px;
227
233
  position: absolute;
228
234
  top: 2px;
@@ -231,7 +237,7 @@
231
237
  .e-de-table-border-custom-setting::before {
232
238
  color: #d1d5db;
233
239
  content: "\e7d5";
234
- font-size: 34px;
240
+ font-size: 36px;
235
241
  left: 2px;
236
242
  position: absolute;
237
243
  top: 2px;
@@ -240,14 +246,14 @@
240
246
  .e-de-para-border-none-setting::before {
241
247
  color: #d1d5db;
242
248
  content: "\e890";
243
- font-size: 38px;
249
+ font-size: 36px;
244
250
  position: absolute;
245
251
  }
246
252
 
247
253
  .e-de-para-border-box-setting::before {
248
254
  color: #d1d5db;
249
255
  content: "\e891";
250
- font-size: 34px;
256
+ font-size: 36px;
251
257
  left: 2px;
252
258
  position: absolute;
253
259
  top: 2px;
@@ -256,7 +262,7 @@
256
262
  .e-de-para-border-shadow-setting::before {
257
263
  color: #d1d5db;
258
264
  content: "\e892";
259
- font-size: 34px;
265
+ font-size: 36px;
260
266
  left: 2px;
261
267
  position: absolute;
262
268
  top: 2px;
@@ -265,7 +271,7 @@
265
271
  .e-de-para-border-custom-setting::before {
266
272
  color: #d1d5db;
267
273
  content: "\e88f";
268
- font-size: 34px;
274
+ font-size: 36px;
269
275
  left: 2px;
270
276
  position: absolute;
271
277
  top: 2px;
@@ -2063,7 +2069,7 @@ label[for*=_wholeWord_e-de-rtl] {
2063
2069
 
2064
2070
  .e-de-restrict-pane,
2065
2071
  .e-de-op {
2066
- background-color: #232e3e;
2072
+ background: #232e3e;
2067
2073
  }
2068
2074
 
2069
2075
  .e-de-restrict-pane .e-tab-header .e-toolbar-items,
@@ -2693,6 +2699,11 @@ label[for*=_wholeWord_e-de-rtl] {
2693
2699
  margin-left: 12px;
2694
2700
  }
2695
2701
 
2702
+ .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
2703
+ height: 40px !important;
2704
+ width: auto !important;
2705
+ }
2706
+
2696
2707
  .e-de-style-bold-button-size {
2697
2708
  margin-left: 12px;
2698
2709
  }
@@ -2722,7 +2733,7 @@ label[for*=_wholeWord_e-de-rtl] {
2722
2733
  margin-right: 20px;
2723
2734
  }
2724
2735
 
2725
- .e-de-style-left-div .e-de-style-dlg-name-input {
2736
+ .e-de-style-dlg-name-input {
2726
2737
  height: 31px;
2727
2738
  }
2728
2739
 
@@ -3600,6 +3611,7 @@ label[for*=_wholeWord_e-de-rtl] {
3600
3611
 
3601
3612
  .e-de-cp-option.e-btn.e-icon-btn span {
3602
3613
  margin-top: 0px;
3614
+ background: #232e3e;
3603
3615
  }
3604
3616
 
3605
3617
  .e-de-cmt-view:hover .e-de-cp-option {
@@ -3631,7 +3643,7 @@ label[for*=_wholeWord_e-de-rtl] {
3631
3643
 
3632
3644
  .e-de-cmt-textarea.e-input {
3633
3645
  color: #d1d5db;
3634
- font-size: 13px;
3646
+ font-size: 14px;
3635
3647
  line-height: normal;
3636
3648
  min-height: 30px;
3637
3649
  overflow: hidden;
@@ -43,6 +43,12 @@
43
43
  font-family: "e-icons";
44
44
  font-size: 13px;
45
45
  }
46
+ .e-documenteditor .e-de-multi-cmt-mark::before {
47
+ color: #6b7280;
48
+ content: "\e8bc";
49
+ font-family: "e-icons";
50
+ font-size: 14px;
51
+ }
46
52
  .e-documenteditor .e-de-cmt-post::before {
47
53
  content: "\e71d";
48
54
  font-family: "e-icons";
@@ -124,40 +130,43 @@
124
130
  .e-de-table-left-alignment::before {
125
131
  color: #6b7280;
126
132
  content: "\e7f6";
127
- font-size: 46px;
133
+ font-size: 48px;
128
134
  }
129
135
 
130
136
  .e-de-table-center-alignment::before {
131
137
  color: #6b7280;
132
138
  content: "\e7f1";
133
- font-size: 46px;
139
+ font-size: 48px;
134
140
  }
135
141
 
136
142
  .e-de-table-right-alignment::before {
137
143
  color: #6b7280;
138
144
  content: "\e703";
139
- font-size: 46px;
145
+ font-size: 48px;
140
146
  }
141
147
 
142
148
  .e-de-tablecell-top-alignment::before {
143
149
  color: #6b7280;
144
150
  content: "\e775";
145
151
  font-family: "e-icons";
146
- font-size: 51px;
152
+ font-size: 48px;
153
+ margin: 2px;
147
154
  }
148
155
 
149
156
  .e-de-tablecell-center-alignment::before {
150
157
  color: #6b7280;
151
158
  content: "\e7e5";
152
159
  font-family: "e-icons";
153
- font-size: 51px;
160
+ font-size: 48px;
161
+ margin: 2px;
154
162
  }
155
163
 
156
164
  .e-de-tablecell-bottom-alignment::before {
157
165
  color: #6b7280;
158
166
  content: "\e7d9";
159
167
  font-family: "e-icons";
160
- font-size: 51px;
168
+ font-size: 48px;
169
+ margin: 2px;
161
170
  }
162
171
 
163
172
  .e-de-table-border-setting {
@@ -205,14 +214,14 @@
205
214
  .e-de-table-border-none-setting::before {
206
215
  color: #6b7280;
207
216
  content: "\e7eb";
208
- font-size: 38px;
217
+ font-size: 36px;
209
218
  position: absolute;
210
219
  }
211
220
 
212
221
  .e-de-table-border-box-setting::before {
213
222
  color: #6b7280;
214
223
  content: "\e834";
215
- font-size: 34px;
224
+ font-size: 36px;
216
225
  left: 2px;
217
226
  position: absolute;
218
227
  top: 2px;
@@ -222,7 +231,7 @@
222
231
  color: #6b7280;
223
232
  content: "\e7e8";
224
233
  font-family: "e-icons";
225
- font-size: 34px;
234
+ font-size: 36px;
226
235
  left: 2px;
227
236
  position: absolute;
228
237
  top: 2px;
@@ -231,7 +240,7 @@
231
240
  .e-de-table-border-custom-setting::before {
232
241
  color: #6b7280;
233
242
  content: "\e7d5";
234
- font-size: 34px;
243
+ font-size: 36px;
235
244
  left: 2px;
236
245
  position: absolute;
237
246
  top: 2px;
@@ -240,14 +249,14 @@
240
249
  .e-de-para-border-none-setting::before {
241
250
  color: #6b7280;
242
251
  content: "\e890";
243
- font-size: 38px;
252
+ font-size: 36px;
244
253
  position: absolute;
245
254
  }
246
255
 
247
256
  .e-de-para-border-box-setting::before {
248
257
  color: #6b7280;
249
258
  content: "\e891";
250
- font-size: 34px;
259
+ font-size: 36px;
251
260
  left: 2px;
252
261
  position: absolute;
253
262
  top: 2px;
@@ -256,7 +265,7 @@
256
265
  .e-de-para-border-shadow-setting::before {
257
266
  color: #6b7280;
258
267
  content: "\e892";
259
- font-size: 34px;
268
+ font-size: 36px;
260
269
  left: 2px;
261
270
  position: absolute;
262
271
  top: 2px;
@@ -265,7 +274,7 @@
265
274
  .e-de-para-border-custom-setting::before {
266
275
  color: #6b7280;
267
276
  content: "\e88f";
268
- font-size: 34px;
277
+ font-size: 36px;
269
278
  left: 2px;
270
279
  position: absolute;
271
280
  top: 2px;
@@ -2063,7 +2072,7 @@ label[for*=_wholeWord_e-de-rtl] {
2063
2072
 
2064
2073
  .e-de-restrict-pane,
2065
2074
  .e-de-op {
2066
- background-color: #f9fafb;
2075
+ background: #f9fafb;
2067
2076
  }
2068
2077
 
2069
2078
  .e-de-restrict-pane .e-tab-header .e-toolbar-items,
@@ -2693,6 +2702,11 @@ label[for*=_wholeWord_e-de-rtl] {
2693
2702
  margin-left: 12px;
2694
2703
  }
2695
2704
 
2705
+ .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
2706
+ height: 40px !important;
2707
+ width: auto !important;
2708
+ }
2709
+
2696
2710
  .e-de-style-bold-button-size {
2697
2711
  margin-left: 12px;
2698
2712
  }
@@ -2722,7 +2736,7 @@ label[for*=_wholeWord_e-de-rtl] {
2722
2736
  margin-right: 20px;
2723
2737
  }
2724
2738
 
2725
- .e-de-style-left-div .e-de-style-dlg-name-input {
2739
+ .e-de-style-dlg-name-input {
2726
2740
  height: 31px;
2727
2741
  }
2728
2742
 
@@ -3600,6 +3614,7 @@ label[for*=_wholeWord_e-de-rtl] {
3600
3614
 
3601
3615
  .e-de-cp-option.e-btn.e-icon-btn span {
3602
3616
  margin-top: 0px;
3617
+ background: #f9fafb;
3603
3618
  }
3604
3619
 
3605
3620
  .e-de-cmt-view:hover .e-de-cp-option {
@@ -3631,7 +3646,7 @@ label[for*=_wholeWord_e-de-rtl] {
3631
3646
 
3632
3647
  .e-de-cmt-textarea.e-input {
3633
3648
  color: #374151;
3634
- font-size: 13px;
3649
+ font-size: 14px;
3635
3650
  line-height: normal;
3636
3651
  min-height: 30px;
3637
3652
  overflow: hidden;