@syncfusion/ej2-react-documenteditor 20.3.60 → 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 -234
  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
@@ -399,6 +399,71 @@
399
399
  font-family: "e-icons";
400
400
  }
401
401
 
402
+ .e-de-ctnr-columns::before {
403
+ content: "\e968";
404
+ font-family: "e-icons";
405
+ }
406
+
407
+ .e-de-ctnr-page-size::before {
408
+ content: "\e947";
409
+ font-family: "e-icons";
410
+ }
411
+
412
+ .e-de-ctnr-page-break-column::before {
413
+ content: "\e970";
414
+ font-family: "e-icons";
415
+ }
416
+
417
+ .e-de-ctnr-page-break-text-wrapping::before {
418
+ content: "\e94a";
419
+ font-family: "e-icons";
420
+ }
421
+
422
+ .e-de-ctnr-section-break-continuous::before {
423
+ content: "\e971";
424
+ font-family: "e-icons";
425
+ }
426
+
427
+ .e-de-ctnr-section-break-even-page::before {
428
+ content: "\e964";
429
+ font-family: "e-icons";
430
+ }
431
+
432
+ .e-de-ctnr-section-break-odd-page::before {
433
+ content: "\e967";
434
+ font-family: "e-icons";
435
+ }
436
+
437
+ .e-de-ctnr-columns-one::before {
438
+ content: "\e977";
439
+ font-family: "e-icons";
440
+ font-size: 60px;
441
+ }
442
+
443
+ .e-de-ctnr-columns-two::before {
444
+ content: "\e978";
445
+ font-family: "e-icons";
446
+ font-size: 60px;
447
+ }
448
+
449
+ .e-de-ctnr-columns-three::before {
450
+ content: "\e979";
451
+ font-family: "e-icons";
452
+ font-size: 60px;
453
+ }
454
+
455
+ .e-de-ctnr-columns-right::before {
456
+ content: "\e974";
457
+ font-family: "e-icons";
458
+ font-size: 60px;
459
+ }
460
+
461
+ .e-de-ctnr-columns-left::before {
462
+ content: "\e975";
463
+ font-family: "e-icons";
464
+ font-size: 60px;
465
+ }
466
+
402
467
  .e-de-toolbar {
403
468
  height: 100%;
404
469
  }
@@ -402,6 +402,71 @@
402
402
  font-family: "e-icons";
403
403
  }
404
404
 
405
+ .e-de-ctnr-columns::before {
406
+ content: "\e955";
407
+ font-family: "e-icons";
408
+ }
409
+
410
+ .e-de-ctnr-page-size::before {
411
+ content: "\e952";
412
+ font-family: "e-icons";
413
+ }
414
+
415
+ .e-de-ctnr-page-break-column::before {
416
+ content: "\e970";
417
+ font-family: "e-icons";
418
+ }
419
+
420
+ .e-de-ctnr-page-break-text-wrapping::before {
421
+ content: "\e972";
422
+ font-family: "e-icons";
423
+ }
424
+
425
+ .e-de-ctnr-section-break-continuous::before {
426
+ content: "\e971";
427
+ font-family: "e-icons";
428
+ }
429
+
430
+ .e-de-ctnr-section-break-even-page::before {
431
+ content: "\e96e";
432
+ font-family: "e-icons";
433
+ }
434
+
435
+ .e-de-ctnr-section-break-odd-page::before {
436
+ content: "\e96f";
437
+ font-family: "e-icons";
438
+ }
439
+
440
+ .e-de-ctnr-columns-one::before {
441
+ content: "\e976";
442
+ font-family: "e-icons";
443
+ font-size: 60px;
444
+ }
445
+
446
+ .e-de-ctnr-columns-two::before {
447
+ content: "\e978";
448
+ font-family: "e-icons";
449
+ font-size: 60px;
450
+ }
451
+
452
+ .e-de-ctnr-columns-three::before {
453
+ content: "\e979";
454
+ font-family: "e-icons";
455
+ font-size: 60px;
456
+ }
457
+
458
+ .e-de-ctnr-columns-right::before {
459
+ content: "\e973";
460
+ font-family: "e-icons";
461
+ font-size: 60px;
462
+ }
463
+
464
+ .e-de-ctnr-columns-left::before {
465
+ content: "\e975";
466
+ font-family: "e-icons";
467
+ font-size: 60px;
468
+ }
469
+
405
470
  .e-de-toolbar {
406
471
  height: 100%;
407
472
  }
@@ -402,6 +402,71 @@
402
402
  font-family: "e-icons";
403
403
  }
404
404
 
405
+ .e-de-ctnr-columns::before {
406
+ content: "\e955";
407
+ font-family: "e-icons";
408
+ }
409
+
410
+ .e-de-ctnr-page-size::before {
411
+ content: "\e952";
412
+ font-family: "e-icons";
413
+ }
414
+
415
+ .e-de-ctnr-page-break-column::before {
416
+ content: "\e970";
417
+ font-family: "e-icons";
418
+ }
419
+
420
+ .e-de-ctnr-page-break-text-wrapping::before {
421
+ content: "\e972";
422
+ font-family: "e-icons";
423
+ }
424
+
425
+ .e-de-ctnr-section-break-continuous::before {
426
+ content: "\e971";
427
+ font-family: "e-icons";
428
+ }
429
+
430
+ .e-de-ctnr-section-break-even-page::before {
431
+ content: "\e96e";
432
+ font-family: "e-icons";
433
+ }
434
+
435
+ .e-de-ctnr-section-break-odd-page::before {
436
+ content: "\e96f";
437
+ font-family: "e-icons";
438
+ }
439
+
440
+ .e-de-ctnr-columns-one::before {
441
+ content: "\e976";
442
+ font-family: "e-icons";
443
+ font-size: 60px;
444
+ }
445
+
446
+ .e-de-ctnr-columns-two::before {
447
+ content: "\e978";
448
+ font-family: "e-icons";
449
+ font-size: 60px;
450
+ }
451
+
452
+ .e-de-ctnr-columns-three::before {
453
+ content: "\e979";
454
+ font-family: "e-icons";
455
+ font-size: 60px;
456
+ }
457
+
458
+ .e-de-ctnr-columns-right::before {
459
+ content: "\e973";
460
+ font-family: "e-icons";
461
+ font-size: 60px;
462
+ }
463
+
464
+ .e-de-ctnr-columns-left::before {
465
+ content: "\e975";
466
+ font-family: "e-icons";
467
+ font-size: 60px;
468
+ }
469
+
405
470
  .e-de-toolbar {
406
471
  height: 100%;
407
472
  }
@@ -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
  }