@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
@@ -314,6 +314,45 @@
314
314
  top: 2px;
315
315
  }
316
316
 
317
+ .e-de-columns-presets-genral {
318
+ height: 62px;
319
+ width: 62px;
320
+ margin-right: 33px;
321
+ margin-bottom: 12px;
322
+ }
323
+
324
+ .e-de-columns-padding-alignment {
325
+ padding-top: 24px;
326
+ }
327
+
328
+ .e-de-column-dlg-preview-div {
329
+ border: 1px solid rgba(0, 0, 0, 0.26);
330
+ height: 120px;
331
+ width: 120px;
332
+ }
333
+
334
+ .e-de-padding-col-prev {
335
+ padding-left: 15px;
336
+ }
337
+
338
+ .e-width-space-div {
339
+ width: 320px;
340
+ }
341
+
342
+ .e-de-columns-presets-genral.e-de-rtl {
343
+ margin-left: 33px;
344
+ }
345
+
346
+ .e-de-padding-col-prev.e-de-rtl {
347
+ padding-right: 15px;
348
+ }
349
+
350
+ .e-de-column-dlg-preview-div.e-de-rtl {
351
+ border: 1px solid rgba(0, 0, 0, 0.26);
352
+ height: 120px;
353
+ width: 120px;
354
+ }
355
+
317
356
  .e-menu-item .e-de-cmt-add::before {
318
357
  content: "\e814";
319
358
  font-family: "e-icons";
@@ -571,6 +610,14 @@
571
610
  content: "\e68a";
572
611
  }
573
612
 
613
+ .e-de-preset-container {
614
+ width: 95px;
615
+ }
616
+
617
+ .e-de-preset-container.e-de-rtl {
618
+ width: 85px;
619
+ }
620
+
574
621
  .e-de-dlg-container {
575
622
  padding-bottom: 12px;
576
623
  }
@@ -752,6 +799,20 @@
752
799
  background-color: #fff;
753
800
  }
754
801
 
802
+ .e-de-column-label {
803
+ font-size: 12px;
804
+ font-weight: normal;
805
+ padding-left: 20px;
806
+ padding-right: 20px;
807
+ }
808
+
809
+ .e-de-column-label.e-de-rtl {
810
+ font-size: 12px;
811
+ font-weight: normal;
812
+ padding-left: 50px;
813
+ padding-right: 50px;
814
+ }
815
+
755
816
  .e-de-ff-sub-header {
756
817
  display: block;
757
818
  font-size: 12px;
@@ -405,6 +405,45 @@
405
405
  top: 2px;
406
406
  }
407
407
 
408
+ .e-de-columns-presets-genral {
409
+ height: 62px;
410
+ width: 62px;
411
+ margin-right: 33px;
412
+ margin-bottom: 12px;
413
+ }
414
+
415
+ .e-de-columns-padding-alignment {
416
+ padding-top: 24px;
417
+ }
418
+
419
+ .e-de-column-dlg-preview-div {
420
+ border: 1px solid rgba(0, 0, 0, 0.26);
421
+ height: 120px;
422
+ width: 120px;
423
+ }
424
+
425
+ .e-de-padding-col-prev {
426
+ padding-left: 15px;
427
+ }
428
+
429
+ .e-width-space-div {
430
+ width: 320px;
431
+ }
432
+
433
+ .e-de-columns-presets-genral.e-de-rtl {
434
+ margin-left: 33px;
435
+ }
436
+
437
+ .e-de-padding-col-prev.e-de-rtl {
438
+ padding-right: 15px;
439
+ }
440
+
441
+ .e-de-column-dlg-preview-div.e-de-rtl {
442
+ border: 1px solid rgba(0, 0, 0, 0.26);
443
+ height: 120px;
444
+ width: 120px;
445
+ }
446
+
408
447
  .e-de-table-border-diagionalup-alignment::before {
409
448
  content: "\e7ca";
410
449
  font-size: 16px;
@@ -568,6 +607,14 @@
568
607
  content: "\e91f";
569
608
  }
570
609
 
610
+ .e-de-preset-container {
611
+ width: 95px;
612
+ }
613
+
614
+ .e-de-preset-container.e-de-rtl {
615
+ width: 85px;
616
+ }
617
+
571
618
  .e-de-dlg-container {
572
619
  padding-bottom: 12px;
573
620
  }
@@ -749,6 +796,20 @@
749
796
  background-color: #e9ecef;
750
797
  }
751
798
 
799
+ .e-de-column-label {
800
+ font-size: 12px;
801
+ font-weight: normal;
802
+ padding-left: 20px;
803
+ padding-right: 20px;
804
+ }
805
+
806
+ .e-de-column-label.e-de-rtl {
807
+ font-size: 12px;
808
+ font-weight: normal;
809
+ padding-left: 50px;
810
+ padding-right: 50px;
811
+ }
812
+
752
813
  .e-de-ff-sub-header {
753
814
  display: block;
754
815
  font-size: 12px;
@@ -343,6 +343,45 @@
343
343
  top: 2px;
344
344
  }
345
345
 
346
+ .e-de-columns-presets-genral {
347
+ height: 62px;
348
+ width: 62px;
349
+ margin-right: 33px;
350
+ margin-bottom: 12px;
351
+ }
352
+
353
+ .e-de-columns-padding-alignment {
354
+ padding-top: 24px;
355
+ }
356
+
357
+ .e-de-column-dlg-preview-div {
358
+ border: 1px solid #adb5bd;
359
+ height: 120px;
360
+ width: 120px;
361
+ }
362
+
363
+ .e-de-padding-col-prev {
364
+ padding-left: 15px;
365
+ }
366
+
367
+ .e-width-space-div {
368
+ width: 320px;
369
+ }
370
+
371
+ .e-de-columns-presets-genral.e-de-rtl {
372
+ margin-left: 33px;
373
+ }
374
+
375
+ .e-de-padding-col-prev.e-de-rtl {
376
+ padding-right: 15px;
377
+ }
378
+
379
+ .e-de-column-dlg-preview-div.e-de-rtl {
380
+ border: 1px solid #adb5bd;
381
+ height: 120px;
382
+ width: 120px;
383
+ }
384
+
346
385
  .e-menu-item .e-de-cmt-add::before {
347
386
  content: "\e82c";
348
387
  }
@@ -606,6 +645,14 @@
606
645
  content: "\e882";
607
646
  }
608
647
 
648
+ .e-de-preset-container {
649
+ width: 95px;
650
+ }
651
+
652
+ .e-de-preset-container.e-de-rtl {
653
+ width: 85px;
654
+ }
655
+
609
656
  .e-de-dlg-container {
610
657
  padding-bottom: 12px;
611
658
  }
@@ -787,6 +834,20 @@
787
834
  background-color: #282d31;
788
835
  }
789
836
 
837
+ .e-de-column-label {
838
+ font-size: 12px;
839
+ font-weight: 500;
840
+ padding-left: 20px;
841
+ padding-right: 20px;
842
+ }
843
+
844
+ .e-de-column-label.e-de-rtl {
845
+ font-size: 12px;
846
+ font-weight: 500;
847
+ padding-left: 50px;
848
+ padding-right: 50px;
849
+ }
850
+
790
851
  .e-de-ff-sub-header {
791
852
  display: block;
792
853
  font-size: 12px;
@@ -343,6 +343,45 @@
343
343
  top: 2px;
344
344
  }
345
345
 
346
+ .e-de-columns-presets-genral {
347
+ height: 62px;
348
+ width: 62px;
349
+ margin-right: 33px;
350
+ margin-bottom: 12px;
351
+ }
352
+
353
+ .e-de-columns-padding-alignment {
354
+ padding-top: 24px;
355
+ }
356
+
357
+ .e-de-column-dlg-preview-div {
358
+ border: 1px solid #6c757d;
359
+ height: 120px;
360
+ width: 120px;
361
+ }
362
+
363
+ .e-de-padding-col-prev {
364
+ padding-left: 15px;
365
+ }
366
+
367
+ .e-width-space-div {
368
+ width: 320px;
369
+ }
370
+
371
+ .e-de-columns-presets-genral.e-de-rtl {
372
+ margin-left: 33px;
373
+ }
374
+
375
+ .e-de-padding-col-prev.e-de-rtl {
376
+ padding-right: 15px;
377
+ }
378
+
379
+ .e-de-column-dlg-preview-div.e-de-rtl {
380
+ border: 1px solid #6c757d;
381
+ height: 120px;
382
+ width: 120px;
383
+ }
384
+
346
385
  .e-menu-item .e-de-cmt-add::before {
347
386
  content: "\e82c";
348
387
  }
@@ -606,6 +645,14 @@
606
645
  content: "\e882";
607
646
  }
608
647
 
648
+ .e-de-preset-container {
649
+ width: 95px;
650
+ }
651
+
652
+ .e-de-preset-container.e-de-rtl {
653
+ width: 85px;
654
+ }
655
+
609
656
  .e-de-dlg-container {
610
657
  padding-bottom: 12px;
611
658
  }
@@ -787,6 +834,20 @@
787
834
  background-color: #f8f9fa;
788
835
  }
789
836
 
837
+ .e-de-column-label {
838
+ font-size: 12px;
839
+ font-weight: 500;
840
+ padding-left: 20px;
841
+ padding-right: 20px;
842
+ }
843
+
844
+ .e-de-column-label.e-de-rtl {
845
+ font-size: 12px;
846
+ font-weight: 500;
847
+ padding-left: 50px;
848
+ padding-right: 50px;
849
+ }
850
+
790
851
  .e-de-ff-sub-header {
791
852
  display: block;
792
853
  font-size: 12px;
@@ -314,6 +314,45 @@
314
314
  top: -2px;
315
315
  }
316
316
 
317
+ .e-de-columns-presets-genral {
318
+ height: 62px;
319
+ width: 62px;
320
+ margin-right: 33px;
321
+ margin-bottom: 12px;
322
+ }
323
+
324
+ .e-de-columns-padding-alignment {
325
+ padding-top: 24px;
326
+ }
327
+
328
+ .e-de-column-dlg-preview-div {
329
+ border: 1px solid #ddd;
330
+ height: 120px;
331
+ width: 120px;
332
+ }
333
+
334
+ .e-de-padding-col-prev {
335
+ padding-left: 15px;
336
+ }
337
+
338
+ .e-width-space-div {
339
+ width: 320px;
340
+ }
341
+
342
+ .e-de-columns-presets-genral.e-de-rtl {
343
+ margin-left: 33px;
344
+ }
345
+
346
+ .e-de-padding-col-prev.e-de-rtl {
347
+ padding-right: 15px;
348
+ }
349
+
350
+ .e-de-column-dlg-preview-div.e-de-rtl {
351
+ border: 1px solid #ddd;
352
+ height: 120px;
353
+ width: 120px;
354
+ }
355
+
317
356
  .e-menu-item .e-de-cmt-add::before {
318
357
  content: "\e814";
319
358
  font-family: "e-icons";
@@ -571,6 +610,14 @@
571
610
  content: "\e68a";
572
611
  }
573
612
 
613
+ .e-de-preset-container {
614
+ width: 95px;
615
+ }
616
+
617
+ .e-de-preset-container.e-de-rtl {
618
+ width: 85px;
619
+ }
620
+
574
621
  .e-de-dlg-container {
575
622
  padding-bottom: 12px;
576
623
  }
@@ -752,6 +799,20 @@
752
799
  background-color: #201f1f;
753
800
  }
754
801
 
802
+ .e-de-column-label {
803
+ font-size: 12px;
804
+ font-weight: normal;
805
+ padding-left: 20px;
806
+ padding-right: 20px;
807
+ }
808
+
809
+ .e-de-column-label.e-de-rtl {
810
+ font-size: 12px;
811
+ font-weight: normal;
812
+ padding-left: 50px;
813
+ padding-right: 50px;
814
+ }
815
+
755
816
  .e-de-ff-sub-header {
756
817
  display: block;
757
818
  font-size: 12px;
@@ -314,6 +314,45 @@
314
314
  top: -2px;
315
315
  }
316
316
 
317
+ .e-de-columns-presets-genral {
318
+ height: 62px;
319
+ width: 62px;
320
+ margin-right: 33px;
321
+ margin-bottom: 12px;
322
+ }
323
+
324
+ .e-de-columns-padding-alignment {
325
+ padding-top: 24px;
326
+ }
327
+
328
+ .e-de-column-dlg-preview-div {
329
+ border: 1px solid rgba(0, 0, 0, 0.26);
330
+ height: 120px;
331
+ width: 120px;
332
+ }
333
+
334
+ .e-de-padding-col-prev {
335
+ padding-left: 15px;
336
+ }
337
+
338
+ .e-width-space-div {
339
+ width: 320px;
340
+ }
341
+
342
+ .e-de-columns-presets-genral.e-de-rtl {
343
+ margin-left: 33px;
344
+ }
345
+
346
+ .e-de-padding-col-prev.e-de-rtl {
347
+ padding-right: 15px;
348
+ }
349
+
350
+ .e-de-column-dlg-preview-div.e-de-rtl {
351
+ border: 1px solid rgba(0, 0, 0, 0.26);
352
+ height: 120px;
353
+ width: 120px;
354
+ }
355
+
317
356
  .e-menu-item .e-de-cmt-add::before {
318
357
  content: "\e814";
319
358
  font-family: "e-icons";
@@ -571,6 +610,14 @@
571
610
  content: "\e68a";
572
611
  }
573
612
 
613
+ .e-de-preset-container {
614
+ width: 95px;
615
+ }
616
+
617
+ .e-de-preset-container.e-de-rtl {
618
+ width: 85px;
619
+ }
620
+
574
621
  .e-de-dlg-container {
575
622
  padding-bottom: 12px;
576
623
  }
@@ -752,6 +799,20 @@
752
799
  background-color: #fff;
753
800
  }
754
801
 
802
+ .e-de-column-label {
803
+ font-size: 12px;
804
+ font-weight: normal;
805
+ padding-left: 20px;
806
+ padding-right: 20px;
807
+ }
808
+
809
+ .e-de-column-label.e-de-rtl {
810
+ font-size: 12px;
811
+ font-weight: normal;
812
+ padding-left: 50px;
813
+ padding-right: 50px;
814
+ }
815
+
755
816
  .e-de-ff-sub-header {
756
817
  display: block;
757
818
  font-size: 12px;
@@ -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;
@@ -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 #605e5c;
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 #605e5c;
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: #e1dfdd;
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;
@@ -2360,6 +2360,45 @@ label[for=container_wholeWord] {
2360
2360
  top: -2px;
2361
2361
  }
2362
2362
 
2363
+ .e-de-columns-presets-genral {
2364
+ height: 62px;
2365
+ width: 62px;
2366
+ margin-right: 33px;
2367
+ margin-bottom: 12px;
2368
+ }
2369
+
2370
+ .e-de-columns-padding-alignment {
2371
+ padding-top: 24px;
2372
+ }
2373
+
2374
+ .e-de-column-dlg-preview-div {
2375
+ border: 1px solid rgba(0, 0, 0, 0.26);
2376
+ height: 120px;
2377
+ width: 120px;
2378
+ }
2379
+
2380
+ .e-de-padding-col-prev {
2381
+ padding-left: 15px;
2382
+ }
2383
+
2384
+ .e-width-space-div {
2385
+ width: 320px;
2386
+ }
2387
+
2388
+ .e-de-columns-presets-genral.e-de-rtl {
2389
+ margin-left: 33px;
2390
+ }
2391
+
2392
+ .e-de-padding-col-prev.e-de-rtl {
2393
+ padding-right: 15px;
2394
+ }
2395
+
2396
+ .e-de-column-dlg-preview-div.e-de-rtl {
2397
+ border: 1px solid rgba(0, 0, 0, 0.26);
2398
+ height: 120px;
2399
+ width: 120px;
2400
+ }
2401
+
2363
2402
  .e-menu-item .e-de-cmt-add::before {
2364
2403
  content: "\e814";
2365
2404
  font-family: "e-icons";
@@ -2612,6 +2651,14 @@ label[for=container_wholeWord] {
2612
2651
  content: "\e68a";
2613
2652
  }
2614
2653
 
2654
+ .e-de-preset-container {
2655
+ width: 95px;
2656
+ }
2657
+
2658
+ .e-de-preset-container.e-de-rtl {
2659
+ width: 85px;
2660
+ }
2661
+
2615
2662
  .e-bigger {
2616
2663
  /* stylelint-disable */
2617
2664
  /* stylelint-enable */