@syncfusion/ej2-react-documenteditor 20.3.59 → 20.4.38

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 (50) hide show
  1. package/CHANGELOG.md +144 -225
  2. package/diConfig.json +2 -1
  3. package/dist/ej2-react-documenteditor.min.js +1 -1
  4. package/dist/ej2-react-documenteditor.umd.min.js +1 -1
  5. package/package.json +8 -8
  6. package/styles/bootstrap-dark.css +126 -0
  7. package/styles/bootstrap.css +126 -0
  8. package/styles/bootstrap4.css +126 -0
  9. package/styles/bootstrap5-dark.css +126 -0
  10. package/styles/bootstrap5.css +126 -0
  11. package/styles/document-editor/bootstrap-dark.css +61 -0
  12. package/styles/document-editor/bootstrap.css +61 -0
  13. package/styles/document-editor/bootstrap4.css +61 -0
  14. package/styles/document-editor/bootstrap5-dark.css +61 -0
  15. package/styles/document-editor/bootstrap5.css +61 -0
  16. package/styles/document-editor/fabric-dark.css +61 -0
  17. package/styles/document-editor/fabric.css +61 -0
  18. package/styles/document-editor/fluent-dark.css +61 -0
  19. package/styles/document-editor/fluent.css +61 -0
  20. package/styles/document-editor/highcontrast-light.css +47 -0
  21. package/styles/document-editor/highcontrast.css +61 -0
  22. package/styles/document-editor/material-dark.css +61 -0
  23. package/styles/document-editor/material.css +61 -0
  24. package/styles/document-editor/tailwind-dark.css +61 -0
  25. package/styles/document-editor/tailwind.css +61 -0
  26. package/styles/document-editor-container/bootstrap-dark.css +65 -0
  27. package/styles/document-editor-container/bootstrap.css +65 -0
  28. package/styles/document-editor-container/bootstrap4.css +65 -0
  29. package/styles/document-editor-container/bootstrap5-dark.css +65 -0
  30. package/styles/document-editor-container/bootstrap5.css +65 -0
  31. package/styles/document-editor-container/fabric-dark.css +66 -0
  32. package/styles/document-editor-container/fabric.css +66 -0
  33. package/styles/document-editor-container/fluent-dark.css +65 -0
  34. package/styles/document-editor-container/fluent.css +65 -0
  35. package/styles/document-editor-container/highcontrast-light.css +65 -0
  36. package/styles/document-editor-container/highcontrast.css +65 -0
  37. package/styles/document-editor-container/material-dark.css +65 -0
  38. package/styles/document-editor-container/material.css +65 -0
  39. package/styles/document-editor-container/tailwind-dark.css +65 -0
  40. package/styles/document-editor-container/tailwind.css +65 -0
  41. package/styles/fabric-dark.css +127 -0
  42. package/styles/fabric.css +127 -0
  43. package/styles/fluent-dark.css +126 -0
  44. package/styles/fluent.css +126 -0
  45. package/styles/highcontrast-light.css +112 -0
  46. package/styles/highcontrast.css +126 -0
  47. package/styles/material-dark.css +126 -0
  48. package/styles/material.css +126 -0
  49. package/styles/tailwind-dark.css +126 -0
  50. package/styles/tailwind.css +126 -0
@@ -426,6 +426,71 @@
426
426
  font-family: "e-icons";
427
427
  }
428
428
 
429
+ .e-de-ctnr-columns::before {
430
+ content: "\e89d";
431
+ font-family: "e-icons";
432
+ }
433
+
434
+ .e-de-ctnr-page-size::before {
435
+ content: "\e89a";
436
+ font-family: "e-icons";
437
+ }
438
+
439
+ .e-de-ctnr-page-break-column::before {
440
+ content: "\e8b4";
441
+ font-family: "e-icons";
442
+ }
443
+
444
+ .e-de-ctnr-page-break-text-wrapping::before {
445
+ content: "\e8b6";
446
+ font-family: "e-icons";
447
+ }
448
+
449
+ .e-de-ctnr-section-break-continuous::before {
450
+ content: "\e8b5";
451
+ font-family: "e-icons";
452
+ }
453
+
454
+ .e-de-ctnr-section-break-even-page::before {
455
+ content: "\e8b3";
456
+ font-family: "e-icons";
457
+ }
458
+
459
+ .e-de-ctnr-section-break-odd-page::before {
460
+ content: "\e8b2";
461
+ font-family: "e-icons";
462
+ }
463
+
464
+ .e-de-ctnr-columns-one::before {
465
+ content: "\e8b9";
466
+ font-family: "e-icons";
467
+ font-size: 60px;
468
+ }
469
+
470
+ .e-de-ctnr-columns-two::before {
471
+ content: "\e8ba";
472
+ font-family: "e-icons";
473
+ font-size: 60px;
474
+ }
475
+
476
+ .e-de-ctnr-columns-three::before {
477
+ content: "\e8bb";
478
+ font-family: "e-icons";
479
+ font-size: 60px;
480
+ }
481
+
482
+ .e-de-ctnr-columns-right::before {
483
+ content: "\e8b7";
484
+ font-family: "e-icons";
485
+ font-size: 60px;
486
+ }
487
+
488
+ .e-de-ctnr-columns-left::before {
489
+ content: "\e8b8";
490
+ font-family: "e-icons";
491
+ font-size: 60px;
492
+ }
493
+
429
494
  .e-de-toolbar {
430
495
  height: 100%;
431
496
  }
@@ -426,6 +426,71 @@
426
426
  font-family: "e-icons";
427
427
  }
428
428
 
429
+ .e-de-ctnr-columns::before {
430
+ content: "\e89d";
431
+ font-family: "e-icons";
432
+ }
433
+
434
+ .e-de-ctnr-page-size::before {
435
+ content: "\e89a";
436
+ font-family: "e-icons";
437
+ }
438
+
439
+ .e-de-ctnr-page-break-column::before {
440
+ content: "\e8b4";
441
+ font-family: "e-icons";
442
+ }
443
+
444
+ .e-de-ctnr-page-break-text-wrapping::before {
445
+ content: "\e8b6";
446
+ font-family: "e-icons";
447
+ }
448
+
449
+ .e-de-ctnr-section-break-continuous::before {
450
+ content: "\e8b5";
451
+ font-family: "e-icons";
452
+ }
453
+
454
+ .e-de-ctnr-section-break-even-page::before {
455
+ content: "\e8b3";
456
+ font-family: "e-icons";
457
+ }
458
+
459
+ .e-de-ctnr-section-break-odd-page::before {
460
+ content: "\e8b2";
461
+ font-family: "e-icons";
462
+ }
463
+
464
+ .e-de-ctnr-columns-one::before {
465
+ content: "\e8b9";
466
+ font-family: "e-icons";
467
+ font-size: 60px;
468
+ }
469
+
470
+ .e-de-ctnr-columns-two::before {
471
+ content: "\e8ba";
472
+ font-family: "e-icons";
473
+ font-size: 60px;
474
+ }
475
+
476
+ .e-de-ctnr-columns-three::before {
477
+ content: "\e8bb";
478
+ font-family: "e-icons";
479
+ font-size: 60px;
480
+ }
481
+
482
+ .e-de-ctnr-columns-right::before {
483
+ content: "\e8b7";
484
+ font-family: "e-icons";
485
+ font-size: 60px;
486
+ }
487
+
488
+ .e-de-ctnr-columns-left::before {
489
+ content: "\e8b8";
490
+ font-family: "e-icons";
491
+ font-size: 60px;
492
+ }
493
+
429
494
  .e-de-toolbar {
430
495
  height: 100%;
431
496
  }
@@ -1,3 +1,4 @@
1
+ @charset "UTF-8";
1
2
  .e-documenteditor .e-close::before {
2
3
  content: "\e825";
3
4
  font-family: "e-icons";
@@ -314,6 +315,45 @@
314
315
  top: -2px;
315
316
  }
316
317
 
318
+ .e-de-columns-presets-genral {
319
+ height: 62px;
320
+ width: 62px;
321
+ margin-right: 33px;
322
+ margin-bottom: 12px;
323
+ }
324
+
325
+ .e-de-columns-padding-alignment {
326
+ padding-top: 24px;
327
+ }
328
+
329
+ .e-de-column-dlg-preview-div {
330
+ border: 1px solid #ddd;
331
+ height: 120px;
332
+ width: 120px;
333
+ }
334
+
335
+ .e-de-padding-col-prev {
336
+ padding-left: 15px;
337
+ }
338
+
339
+ .e-width-space-div {
340
+ width: 320px;
341
+ }
342
+
343
+ .e-de-columns-presets-genral.e-de-rtl {
344
+ margin-left: 33px;
345
+ }
346
+
347
+ .e-de-padding-col-prev.e-de-rtl {
348
+ padding-right: 15px;
349
+ }
350
+
351
+ .e-de-column-dlg-preview-div.e-de-rtl {
352
+ border: 1px solid #ddd;
353
+ height: 120px;
354
+ width: 120px;
355
+ }
356
+
317
357
  .e-menu-item .e-de-cmt-add::before {
318
358
  content: "\e814";
319
359
  font-family: "e-icons";
@@ -571,6 +611,14 @@
571
611
  content: "\e68a";
572
612
  }
573
613
 
614
+ .e-de-preset-container {
615
+ width: 95px;
616
+ }
617
+
618
+ .e-de-preset-container.e-de-rtl {
619
+ width: 85px;
620
+ }
621
+
574
622
  .e-de-dlg-container {
575
623
  padding-bottom: 12px;
576
624
  }
@@ -752,6 +800,20 @@
752
800
  background-color: #201f1f;
753
801
  }
754
802
 
803
+ .e-de-column-label {
804
+ font-size: 12px;
805
+ font-weight: normal;
806
+ padding-left: 20px;
807
+ padding-right: 20px;
808
+ }
809
+
810
+ .e-de-column-label.e-de-rtl {
811
+ font-size: 12px;
812
+ font-weight: normal;
813
+ padding-left: 50px;
814
+ padding-right: 50px;
815
+ }
816
+
755
817
  .e-de-ff-sub-header {
756
818
  display: block;
757
819
  font-size: 12px;
@@ -4151,6 +4213,71 @@ label[for*=_wholeWord_e-de-rtl] {
4151
4213
  font-family: "e-icons";
4152
4214
  }
4153
4215
 
4216
+ .e-de-ctnr-columns::before {
4217
+ content: "\e972";
4218
+ font-family: "e-icons";
4219
+ }
4220
+
4221
+ .e-de-ctnr-page-size::before {
4222
+ content: "\e947";
4223
+ font-family: "e-icons";
4224
+ }
4225
+
4226
+ .e-de-ctnr-page-break-column::before {
4227
+ content: "\e973";
4228
+ font-family: "e-icons";
4229
+ }
4230
+
4231
+ .e-de-ctnr-page-break-text-wrapping::before {
4232
+ content: "\e94a";
4233
+ font-family: "e-icons";
4234
+ }
4235
+
4236
+ .e-de-ctnr-section-break-continuous::before {
4237
+ content: "󩝔";
4238
+ font-family: "e-icons";
4239
+ }
4240
+
4241
+ .e-de-ctnr-section-break-even-page::before {
4242
+ content: "\e970";
4243
+ font-family: "e-icons";
4244
+ }
4245
+
4246
+ .e-de-ctnr-section-break-odd-page::before {
4247
+ content: "\e971";
4248
+ font-family: "e-icons";
4249
+ }
4250
+
4251
+ .e-de-ctnr-columns-one::before {
4252
+ content: "\e979";
4253
+ font-family: "e-icons";
4254
+ font-size: 60px;
4255
+ }
4256
+
4257
+ .e-de-ctnr-columns-two::before {
4258
+ content: "\e97a";
4259
+ font-family: "e-icons";
4260
+ font-size: 60px;
4261
+ }
4262
+
4263
+ .e-de-ctnr-columns-three::before {
4264
+ content: "\e97b";
4265
+ font-family: "e-icons";
4266
+ font-size: 60px;
4267
+ }
4268
+
4269
+ .e-de-ctnr-columns-right::before {
4270
+ content: "\e977";
4271
+ font-family: "e-icons";
4272
+ font-size: 60px;
4273
+ }
4274
+
4275
+ .e-de-ctnr-columns-left::before {
4276
+ content: "\e978";
4277
+ font-family: "e-icons";
4278
+ font-size: 60px;
4279
+ }
4280
+
4154
4281
  .e-de-toolbar {
4155
4282
  height: 100%;
4156
4283
  }
package/styles/fabric.css CHANGED
@@ -1,3 +1,4 @@
1
+ @charset "UTF-8";
1
2
  .e-documenteditor .e-close::before {
2
3
  content: "\e825";
3
4
  font-family: "e-icons";
@@ -314,6 +315,45 @@
314
315
  top: -2px;
315
316
  }
316
317
 
318
+ .e-de-columns-presets-genral {
319
+ height: 62px;
320
+ width: 62px;
321
+ margin-right: 33px;
322
+ margin-bottom: 12px;
323
+ }
324
+
325
+ .e-de-columns-padding-alignment {
326
+ padding-top: 24px;
327
+ }
328
+
329
+ .e-de-column-dlg-preview-div {
330
+ border: 1px solid rgba(0, 0, 0, 0.26);
331
+ height: 120px;
332
+ width: 120px;
333
+ }
334
+
335
+ .e-de-padding-col-prev {
336
+ padding-left: 15px;
337
+ }
338
+
339
+ .e-width-space-div {
340
+ width: 320px;
341
+ }
342
+
343
+ .e-de-columns-presets-genral.e-de-rtl {
344
+ margin-left: 33px;
345
+ }
346
+
347
+ .e-de-padding-col-prev.e-de-rtl {
348
+ padding-right: 15px;
349
+ }
350
+
351
+ .e-de-column-dlg-preview-div.e-de-rtl {
352
+ border: 1px solid rgba(0, 0, 0, 0.26);
353
+ height: 120px;
354
+ width: 120px;
355
+ }
356
+
317
357
  .e-menu-item .e-de-cmt-add::before {
318
358
  content: "\e814";
319
359
  font-family: "e-icons";
@@ -571,6 +611,14 @@
571
611
  content: "\e68a";
572
612
  }
573
613
 
614
+ .e-de-preset-container {
615
+ width: 95px;
616
+ }
617
+
618
+ .e-de-preset-container.e-de-rtl {
619
+ width: 85px;
620
+ }
621
+
574
622
  .e-de-dlg-container {
575
623
  padding-bottom: 12px;
576
624
  }
@@ -752,6 +800,20 @@
752
800
  background-color: #fff;
753
801
  }
754
802
 
803
+ .e-de-column-label {
804
+ font-size: 12px;
805
+ font-weight: normal;
806
+ padding-left: 20px;
807
+ padding-right: 20px;
808
+ }
809
+
810
+ .e-de-column-label.e-de-rtl {
811
+ font-size: 12px;
812
+ font-weight: normal;
813
+ padding-left: 50px;
814
+ padding-right: 50px;
815
+ }
816
+
755
817
  .e-de-ff-sub-header {
756
818
  display: block;
757
819
  font-size: 12px;
@@ -4151,6 +4213,71 @@ label[for*=_wholeWord_e-de-rtl] {
4151
4213
  font-family: "e-icons";
4152
4214
  }
4153
4215
 
4216
+ .e-de-ctnr-columns::before {
4217
+ content: "\e972";
4218
+ font-family: "e-icons";
4219
+ }
4220
+
4221
+ .e-de-ctnr-page-size::before {
4222
+ content: "\e947";
4223
+ font-family: "e-icons";
4224
+ }
4225
+
4226
+ .e-de-ctnr-page-break-column::before {
4227
+ content: "\e973";
4228
+ font-family: "e-icons";
4229
+ }
4230
+
4231
+ .e-de-ctnr-page-break-text-wrapping::before {
4232
+ content: "\e94a";
4233
+ font-family: "e-icons";
4234
+ }
4235
+
4236
+ .e-de-ctnr-section-break-continuous::before {
4237
+ content: "󩝔";
4238
+ font-family: "e-icons";
4239
+ }
4240
+
4241
+ .e-de-ctnr-section-break-even-page::before {
4242
+ content: "\e970";
4243
+ font-family: "e-icons";
4244
+ }
4245
+
4246
+ .e-de-ctnr-section-break-odd-page::before {
4247
+ content: "\e971";
4248
+ font-family: "e-icons";
4249
+ }
4250
+
4251
+ .e-de-ctnr-columns-one::before {
4252
+ content: "\e979";
4253
+ font-family: "e-icons";
4254
+ font-size: 60px;
4255
+ }
4256
+
4257
+ .e-de-ctnr-columns-two::before {
4258
+ content: "\e97a";
4259
+ font-family: "e-icons";
4260
+ font-size: 60px;
4261
+ }
4262
+
4263
+ .e-de-ctnr-columns-three::before {
4264
+ content: "\e97b";
4265
+ font-family: "e-icons";
4266
+ font-size: 60px;
4267
+ }
4268
+
4269
+ .e-de-ctnr-columns-right::before {
4270
+ content: "\e977";
4271
+ font-family: "e-icons";
4272
+ font-size: 60px;
4273
+ }
4274
+
4275
+ .e-de-ctnr-columns-left::before {
4276
+ content: "\e978";
4277
+ font-family: "e-icons";
4278
+ font-size: 60px;
4279
+ }
4280
+
4154
4281
  .e-de-toolbar {
4155
4282
  height: 100%;
4156
4283
  }
@@ -341,6 +341,45 @@
341
341
  top: 2px;
342
342
  }
343
343
 
344
+ .e-de-columns-presets-genral {
345
+ height: 62px;
346
+ width: 62px;
347
+ margin-right: 33px;
348
+ margin-bottom: 12px;
349
+ }
350
+
351
+ .e-de-columns-padding-alignment {
352
+ padding-top: 24px;
353
+ }
354
+
355
+ .e-de-column-dlg-preview-div {
356
+ border: 1px solid #a19f9d;
357
+ height: 120px;
358
+ width: 120px;
359
+ }
360
+
361
+ .e-de-padding-col-prev {
362
+ padding-left: 15px;
363
+ }
364
+
365
+ .e-width-space-div {
366
+ width: 320px;
367
+ }
368
+
369
+ .e-de-columns-presets-genral.e-de-rtl {
370
+ margin-left: 33px;
371
+ }
372
+
373
+ .e-de-padding-col-prev.e-de-rtl {
374
+ padding-right: 15px;
375
+ }
376
+
377
+ .e-de-column-dlg-preview-div.e-de-rtl {
378
+ border: 1px solid #a19f9d;
379
+ height: 120px;
380
+ width: 120px;
381
+ }
382
+
344
383
  .e-menu-item .e-de-cmt-add::before {
345
384
  content: "\e82c";
346
385
  }
@@ -604,6 +643,14 @@
604
643
  content: "\e882";
605
644
  }
606
645
 
646
+ .e-de-preset-container {
647
+ width: 95px;
648
+ }
649
+
650
+ .e-de-preset-container.e-de-rtl {
651
+ width: 85px;
652
+ }
653
+
607
654
  .e-de-dlg-container {
608
655
  padding-bottom: 16px;
609
656
  }
@@ -785,6 +832,20 @@
785
832
  background-color: #323130;
786
833
  }
787
834
 
835
+ .e-de-column-label {
836
+ font-size: 12px;
837
+ font-weight: 600;
838
+ padding-left: 20px;
839
+ padding-right: 20px;
840
+ }
841
+
842
+ .e-de-column-label.e-de-rtl {
843
+ font-size: 12px;
844
+ font-weight: 600;
845
+ padding-left: 50px;
846
+ padding-right: 50px;
847
+ }
848
+
788
849
  .e-de-ff-sub-header {
789
850
  display: block;
790
851
  font-size: 12px;
@@ -4210,6 +4271,71 @@ label[for*=_wholeWord_e-de-rtl] {
4210
4271
  font-family: "e-icons";
4211
4272
  }
4212
4273
 
4274
+ .e-de-ctnr-columns::before {
4275
+ content: "\e8b4";
4276
+ font-family: "e-icons";
4277
+ }
4278
+
4279
+ .e-de-ctnr-page-size::before {
4280
+ content: "\e89a";
4281
+ font-family: "e-icons";
4282
+ }
4283
+
4284
+ .e-de-ctnr-page-break-column::before {
4285
+ content: "\e8b6";
4286
+ font-family: "e-icons";
4287
+ }
4288
+
4289
+ .e-de-ctnr-page-break-text-wrapping::before {
4290
+ content: "\e89d";
4291
+ font-family: "e-icons";
4292
+ }
4293
+
4294
+ .e-de-ctnr-section-break-continuous::before {
4295
+ content: "\e8b5";
4296
+ font-family: "e-icons";
4297
+ }
4298
+
4299
+ .e-de-ctnr-section-break-even-page::before {
4300
+ content: "\e8b2";
4301
+ font-family: "e-icons";
4302
+ }
4303
+
4304
+ .e-de-ctnr-section-break-odd-page::before {
4305
+ content: "\e8b3";
4306
+ font-family: "e-icons";
4307
+ }
4308
+
4309
+ .e-de-ctnr-columns-one::before {
4310
+ content: "\e8b9";
4311
+ font-family: "e-icons";
4312
+ font-size: 60px;
4313
+ }
4314
+
4315
+ .e-de-ctnr-columns-two::before {
4316
+ content: "\e8ba";
4317
+ font-family: "e-icons";
4318
+ font-size: 60px;
4319
+ }
4320
+
4321
+ .e-de-ctnr-columns-three::before {
4322
+ content: "\e8bb";
4323
+ font-family: "e-icons";
4324
+ font-size: 60px;
4325
+ }
4326
+
4327
+ .e-de-ctnr-columns-right::before {
4328
+ content: "\e8b7";
4329
+ font-family: "e-icons";
4330
+ font-size: 60px;
4331
+ }
4332
+
4333
+ .e-de-ctnr-columns-left::before {
4334
+ content: "\e8b8";
4335
+ font-family: "e-icons";
4336
+ font-size: 60px;
4337
+ }
4338
+
4213
4339
  .e-de-toolbar {
4214
4340
  height: 100%;
4215
4341
  }