@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
@@ -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: #232323;
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;
@@ -4151,6 +4212,71 @@ label[for*=_wholeWord_e-de-rtl] {
4151
4212
  font-family: "e-icons";
4152
4213
  }
4153
4214
 
4215
+ .e-de-ctnr-columns::before {
4216
+ content: "\e955";
4217
+ font-family: "e-icons";
4218
+ }
4219
+
4220
+ .e-de-ctnr-page-size::before {
4221
+ content: "\e952";
4222
+ font-family: "e-icons";
4223
+ }
4224
+
4225
+ .e-de-ctnr-page-break-column::before {
4226
+ content: "\e980";
4227
+ font-family: "e-icons";
4228
+ }
4229
+
4230
+ .e-de-ctnr-page-break-text-wrapping::before {
4231
+ content: "\e982";
4232
+ font-family: "e-icons";
4233
+ }
4234
+
4235
+ .e-de-ctnr-section-break-continuous::before {
4236
+ content: "\e981";
4237
+ font-family: "e-icons";
4238
+ }
4239
+
4240
+ .e-de-ctnr-section-break-even-page::before {
4241
+ content: "\e97e";
4242
+ font-family: "e-icons";
4243
+ }
4244
+
4245
+ .e-de-ctnr-section-break-odd-page::before {
4246
+ content: "\e97f";
4247
+ font-family: "e-icons";
4248
+ }
4249
+
4250
+ .e-de-ctnr-columns-one::before {
4251
+ content: "\e986";
4252
+ font-family: "e-icons";
4253
+ font-size: 60px;
4254
+ }
4255
+
4256
+ .e-de-ctnr-columns-two::before {
4257
+ content: "\e987";
4258
+ font-family: "e-icons";
4259
+ font-size: 60px;
4260
+ }
4261
+
4262
+ .e-de-ctnr-columns-three::before {
4263
+ content: "\e989";
4264
+ font-family: "e-icons";
4265
+ font-size: 60px;
4266
+ }
4267
+
4268
+ .e-de-ctnr-columns-right::before {
4269
+ content: "\e983";
4270
+ font-family: "e-icons";
4271
+ font-size: 60px;
4272
+ }
4273
+
4274
+ .e-de-ctnr-columns-left::before {
4275
+ content: "\e985";
4276
+ font-family: "e-icons";
4277
+ font-size: 60px;
4278
+ }
4279
+
4154
4280
  .e-de-toolbar {
4155
4281
  height: 100%;
4156
4282
  }
@@ -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;
@@ -4148,6 +4209,71 @@ label[for*=_wholeWord_e-de-rtl] {
4148
4209
  font-family: "e-icons";
4149
4210
  }
4150
4211
 
4212
+ .e-de-ctnr-columns::before {
4213
+ content: "\e955";
4214
+ font-family: "e-icons";
4215
+ }
4216
+
4217
+ .e-de-ctnr-page-size::before {
4218
+ content: "\e952";
4219
+ font-family: "e-icons";
4220
+ }
4221
+
4222
+ .e-de-ctnr-page-break-column::before {
4223
+ content: "\e980";
4224
+ font-family: "e-icons";
4225
+ }
4226
+
4227
+ .e-de-ctnr-page-break-text-wrapping::before {
4228
+ content: "\e982";
4229
+ font-family: "e-icons";
4230
+ }
4231
+
4232
+ .e-de-ctnr-section-break-continuous::before {
4233
+ content: "\e981";
4234
+ font-family: "e-icons";
4235
+ }
4236
+
4237
+ .e-de-ctnr-section-break-even-page::before {
4238
+ content: "\e97e";
4239
+ font-family: "e-icons";
4240
+ }
4241
+
4242
+ .e-de-ctnr-section-break-odd-page::before {
4243
+ content: "\e97f";
4244
+ font-family: "e-icons";
4245
+ }
4246
+
4247
+ .e-de-ctnr-columns-one::before {
4248
+ content: "\e986";
4249
+ font-family: "e-icons";
4250
+ font-size: 60px;
4251
+ }
4252
+
4253
+ .e-de-ctnr-columns-two::before {
4254
+ content: "\e987";
4255
+ font-family: "e-icons";
4256
+ font-size: 60px;
4257
+ }
4258
+
4259
+ .e-de-ctnr-columns-three::before {
4260
+ content: "\e989";
4261
+ font-family: "e-icons";
4262
+ font-size: 60px;
4263
+ }
4264
+
4265
+ .e-de-ctnr-columns-right::before {
4266
+ content: "\e983";
4267
+ font-family: "e-icons";
4268
+ font-size: 60px;
4269
+ }
4270
+
4271
+ .e-de-ctnr-columns-left::before {
4272
+ content: "\e985";
4273
+ font-family: "e-icons";
4274
+ font-size: 60px;
4275
+ }
4276
+
4151
4277
  .e-de-toolbar {
4152
4278
  height: 100%;
4153
4279
  }
@@ -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;
@@ -4299,6 +4360,71 @@ textarea.e-de-cmt-textarea {
4299
4360
  font-family: "e-icons";
4300
4361
  }
4301
4362
 
4363
+ .e-de-ctnr-columns::before {
4364
+ content: "\e955";
4365
+ font-family: "e-icons";
4366
+ }
4367
+
4368
+ .e-de-ctnr-page-size::before {
4369
+ content: "\e952";
4370
+ font-family: "e-icons";
4371
+ }
4372
+
4373
+ .e-de-ctnr-page-break-column::before {
4374
+ content: "\e970";
4375
+ font-family: "e-icons";
4376
+ }
4377
+
4378
+ .e-de-ctnr-page-break-text-wrapping::before {
4379
+ content: "\e972";
4380
+ font-family: "e-icons";
4381
+ }
4382
+
4383
+ .e-de-ctnr-section-break-continuous::before {
4384
+ content: "\e971";
4385
+ font-family: "e-icons";
4386
+ }
4387
+
4388
+ .e-de-ctnr-section-break-even-page::before {
4389
+ content: "\e96e";
4390
+ font-family: "e-icons";
4391
+ }
4392
+
4393
+ .e-de-ctnr-section-break-odd-page::before {
4394
+ content: "\e96f";
4395
+ font-family: "e-icons";
4396
+ }
4397
+
4398
+ .e-de-ctnr-columns-one::before {
4399
+ content: "\e975";
4400
+ font-family: "e-icons";
4401
+ font-size: 60px;
4402
+ }
4403
+
4404
+ .e-de-ctnr-columns-two::before {
4405
+ content: "\e976";
4406
+ font-family: "e-icons";
4407
+ font-size: 60px;
4408
+ }
4409
+
4410
+ .e-de-ctnr-columns-three::before {
4411
+ content: "\e977";
4412
+ font-family: "e-icons";
4413
+ font-size: 60px;
4414
+ }
4415
+
4416
+ .e-de-ctnr-columns-right::before {
4417
+ content: "\e973";
4418
+ font-family: "e-icons";
4419
+ font-size: 60px;
4420
+ }
4421
+
4422
+ .e-de-ctnr-columns-left::before {
4423
+ content: "\e974";
4424
+ font-family: "e-icons";
4425
+ font-size: 60px;
4426
+ }
4427
+
4302
4428
  .e-de-toolbar {
4303
4429
  height: 100%;
4304
4430
  }
@@ -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;
@@ -4271,6 +4332,71 @@ label[for*=_wholeWord_e-de-rtl] {
4271
4332
  font-family: "e-icons";
4272
4333
  }
4273
4334
 
4335
+ .e-de-ctnr-columns::before {
4336
+ content: "\e8b4";
4337
+ font-family: "e-icons";
4338
+ }
4339
+
4340
+ .e-de-ctnr-page-size::before {
4341
+ content: "\e89a";
4342
+ font-family: "e-icons";
4343
+ }
4344
+
4345
+ .e-de-ctnr-page-break-column::before {
4346
+ content: "\e8b6";
4347
+ font-family: "e-icons";
4348
+ }
4349
+
4350
+ .e-de-ctnr-page-break-text-wrapping::before {
4351
+ content: "\e89d";
4352
+ font-family: "e-icons";
4353
+ }
4354
+
4355
+ .e-de-ctnr-section-break-continuous::before {
4356
+ content: "\e8b5";
4357
+ font-family: "e-icons";
4358
+ }
4359
+
4360
+ .e-de-ctnr-section-break-even-page::before {
4361
+ content: "\e8b2";
4362
+ font-family: "e-icons";
4363
+ }
4364
+
4365
+ .e-de-ctnr-section-break-odd-page::before {
4366
+ content: "\e8b3";
4367
+ font-family: "e-icons";
4368
+ }
4369
+
4370
+ .e-de-ctnr-columns-one::before {
4371
+ content: "\e8b9";
4372
+ font-family: "e-icons";
4373
+ font-size: 60px;
4374
+ }
4375
+
4376
+ .e-de-ctnr-columns-two::before {
4377
+ content: "\e8ba";
4378
+ font-family: "e-icons";
4379
+ font-size: 60px;
4380
+ }
4381
+
4382
+ .e-de-ctnr-columns-three::before {
4383
+ content: "\e8bb";
4384
+ font-family: "e-icons";
4385
+ font-size: 60px;
4386
+ }
4387
+
4388
+ .e-de-ctnr-columns-right::before {
4389
+ content: "\e8b7";
4390
+ font-family: "e-icons";
4391
+ font-size: 60px;
4392
+ }
4393
+
4394
+ .e-de-ctnr-columns-left::before {
4395
+ content: "\e8b8";
4396
+ font-family: "e-icons";
4397
+ font-size: 60px;
4398
+ }
4399
+
4274
4400
  .e-de-toolbar {
4275
4401
  height: 100%;
4276
4402
  }