@syncfusion/ej2-angular-documenteditor 19.4.55 → 20.1.48

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 (58) hide show
  1. package/CHANGELOG.md +58 -0
  2. package/dist/ej2-angular-documenteditor.umd.js +1 -1
  3. package/dist/ej2-angular-documenteditor.umd.min.js +1 -1
  4. package/package.json +8 -8
  5. package/schematics/utils/lib-details.d.ts +2 -2
  6. package/schematics/utils/lib-details.js +2 -2
  7. package/schematics/utils/lib-details.ts +2 -2
  8. package/styles/bootstrap-dark.css +218 -151
  9. package/styles/bootstrap.css +218 -151
  10. package/styles/bootstrap4.css +224 -157
  11. package/styles/bootstrap5-dark.css +253 -172
  12. package/styles/bootstrap5.css +253 -172
  13. package/styles/document-editor/bootstrap-dark.css +192 -50
  14. package/styles/document-editor/bootstrap.css +192 -50
  15. package/styles/document-editor/bootstrap4.css +194 -52
  16. package/styles/document-editor/bootstrap5-dark.css +207 -61
  17. package/styles/document-editor/bootstrap5.css +207 -61
  18. package/styles/document-editor/fabric-dark.css +193 -51
  19. package/styles/document-editor/fabric.css +193 -51
  20. package/styles/document-editor/fluent-dark.css +3782 -0
  21. package/styles/document-editor/fluent-dark.scss +1 -0
  22. package/styles/document-editor/fluent.css +3782 -0
  23. package/styles/document-editor/fluent.scss +1 -0
  24. package/styles/document-editor/highcontrast-light.css +5 -9
  25. package/styles/document-editor/highcontrast.css +193 -51
  26. package/styles/document-editor/material-dark.css +193 -51
  27. package/styles/document-editor/material.css +193 -51
  28. package/styles/document-editor/tailwind-dark.css +319 -261
  29. package/styles/document-editor/tailwind.css +319 -261
  30. package/styles/document-editor-container/bootstrap-dark.css +26 -101
  31. package/styles/document-editor-container/bootstrap.css +26 -101
  32. package/styles/document-editor-container/bootstrap4.css +30 -105
  33. package/styles/document-editor-container/bootstrap5-dark.css +46 -111
  34. package/styles/document-editor-container/bootstrap5.css +46 -111
  35. package/styles/document-editor-container/fabric-dark.css +26 -101
  36. package/styles/document-editor-container/fabric.css +26 -101
  37. package/styles/document-editor-container/fluent-dark.css +1996 -0
  38. package/styles/document-editor-container/fluent-dark.scss +1 -0
  39. package/styles/document-editor-container/fluent.css +1996 -0
  40. package/styles/document-editor-container/fluent.scss +1 -0
  41. package/styles/document-editor-container/highcontrast-light.css +29 -104
  42. package/styles/document-editor-container/highcontrast.css +26 -101
  43. package/styles/document-editor-container/material-dark.css +26 -101
  44. package/styles/document-editor-container/material.css +26 -101
  45. package/styles/document-editor-container/tailwind-dark.css +134 -271
  46. package/styles/document-editor-container/tailwind.css +134 -271
  47. package/styles/fabric-dark.css +219 -152
  48. package/styles/fabric.css +219 -152
  49. package/styles/fluent-dark.css +5779 -0
  50. package/styles/fluent-dark.scss +2 -0
  51. package/styles/fluent.css +5779 -0
  52. package/styles/fluent.scss +2 -0
  53. package/styles/highcontrast-light.css +31 -110
  54. package/styles/highcontrast.css +219 -152
  55. package/styles/material-dark.css +219 -152
  56. package/styles/material.css +219 -152
  57. package/styles/tailwind-dark.css +453 -532
  58. package/styles/tailwind.css +453 -532
package/styles/document-editor-container/fabric-dark.css CHANGED
@@ -442,6 +442,15 @@
442
442
  top: 100px;
443
443
  }
444
444
 
445
+ .e-de-scrollbar-hide::-webkit-scrollbar {
446
+ width: 0;
447
+ }
448
+
449
+ .e-de-scrollbar-hide {
450
+ -ms-overflow-style: none;
451
+ scrollbar-width: none;
452
+ }
453
+
445
454
  .e-de-toolbar {
446
455
  height: 100%;
447
456
  }
@@ -487,6 +496,7 @@
487
496
  border: 0;
488
497
  color: #dadada;
489
498
  float: right;
499
+ font-weight: 400;
490
500
  height: 33px;
491
501
  }
492
502
 
@@ -515,9 +525,7 @@
515
525
  border: 0;
516
526
  box-shadow: none;
517
527
  float: right;
518
- height: 33px;
519
528
  margin-left: calc(100% - 405px);
520
- width: 33px;
521
529
  }
522
530
 
523
531
  .e-bigger .e-btn-pageweb-spellcheck {
@@ -553,9 +561,8 @@
553
561
 
554
562
  .e-de-statusbar-spellcheck {
555
563
  border-radius: 2px;
556
- height: 34px;
564
+ font-weight: 400;
557
565
  margin-left: 7.5px;
558
- width: 111px;
559
566
  }
560
567
 
561
568
  .e-de-ctn {
@@ -568,9 +575,7 @@
568
575
 
569
576
  .e-bigger .e-de-statusbar-spellcheck {
570
577
  border-radius: 2px;
571
- height: 34px;
572
578
  margin-left: 7.5px;
573
- width: 125px;
574
579
  }
575
580
 
576
581
  .e-de-ctnr-toolbar {
@@ -879,8 +884,7 @@
879
884
 
880
885
  .e-de-property-div-padding {
881
886
  border-bottom: 0.5px solid #4a4848;
882
- padding-bottom: 11.5px;
883
- padding-top: 12.5px;
887
+ padding: 12.5px;
884
888
  }
885
889
 
886
890
  .e-de-ctnr-dropdown-ftr {
@@ -893,7 +897,8 @@
893
897
  text-indent: 1.2em;
894
898
  }
895
899
 
896
- .e-de-char-fmt-btn-left > button {
900
+ .e-de-char-fmt-btn-left > button,
901
+ .e-de-insert-del-cell button {
897
902
  width: 37.25px;
898
903
  }
899
904
 
@@ -909,7 +914,8 @@
909
914
  width: 149px;
910
915
  }
911
916
 
912
- .e-bigger .e-de-char-fmt-btn-left > button {
917
+ .e-bigger .e-de-char-fmt-btn-left > button,
918
+ .e-bigger .e-de-insert-del-cell button {
913
919
  width: 37.25px;
914
920
  }
915
921
 
@@ -1319,37 +1325,6 @@
1319
1325
  padding-right: 12px;
1320
1326
  }
1321
1327
 
1322
- .e-de-border-style-div {
1323
- margin-left: 12px;
1324
- }
1325
-
1326
- .e-de-border-style-div.e-de-rtl {
1327
- margin-left: 0;
1328
- margin-right: 12px;
1329
- }
1330
-
1331
- .e-de-insert-del-cell {
1332
- margin-left: 12px;
1333
- }
1334
-
1335
- .e-de-insert-del-cell.e-de-rtl {
1336
- margin-left: 0;
1337
- margin-right: 12px;
1338
- }
1339
-
1340
- .e-de-cell-margin {
1341
- margin-left: 12px;
1342
- }
1343
-
1344
- .e-de-align-text {
1345
- margin-left: 12px;
1346
- }
1347
-
1348
- .e-de-align-text.e-de-rtl {
1349
- margin-left: 0;
1350
- margin-right: 12px;
1351
- }
1352
-
1353
1328
  .e-de-border-size-button {
1354
1329
  height: 28px;
1355
1330
  margin-top: 14px;
@@ -1361,27 +1336,22 @@
1361
1336
  width: 100px;
1362
1337
  }
1363
1338
 
1364
- .e-de-cell-div {
1365
- margin-left: 12px;
1366
- }
1367
-
1368
- .e-de-cell-div.e-de-rtl {
1369
- margin-left: 0;
1339
+ .e-de-cell-text-box {
1370
1340
  margin-right: 12px;
1371
1341
  }
1372
1342
 
1373
- .e-de-cell-text-box {
1374
- margin-right: 12px;
1343
+ .e-de-pane-rtl .e-de-cell-text-box {
1344
+ margin-left: 12px;
1345
+ margin-right: 0;
1375
1346
  }
1376
1347
 
1377
1348
  .e-de-prop-fill-label {
1378
- margin-left: 10.3px;
1379
1349
  margin-right: 8px;
1380
1350
  }
1381
1351
 
1382
1352
  .e-de-prop-fill-label.e-de-rtl {
1383
1353
  margin-left: 8px;
1384
- margin-right: 10.3px;
1354
+ margin-right: 0;
1385
1355
  }
1386
1356
 
1387
1357
  .e-de-grp-btn-ctnr .e-de-ctnr-group-btn {
@@ -1415,35 +1385,18 @@
1415
1385
  }
1416
1386
 
1417
1387
  .e-bigger .e-de-prop-fill-label {
1418
- margin-left: 14.5px;
1388
+ margin-left: 0;
1419
1389
  margin-right: 9.8px;
1420
1390
  }
1421
1391
 
1422
1392
  .e-bigger .e-de-prop-fill-label.e-de-rtl {
1423
1393
  margin-left: 9.8px;
1424
- margin-right: 14.5px;
1394
+ margin-right: 0px;
1425
1395
  }
1426
1396
 
1427
- .e-bigger .e-de-cell-text-box {
1428
- margin-right: 16px;
1429
- }
1430
-
1431
- .e-bigger .e-de-cell-div {
1397
+ .e-bigger .e-rtl .e-de-cell-text-box {
1432
1398
  margin-left: 16px;
1433
- }
1434
-
1435
- .e-bigger .e-de-cell-div.e-de-rtl {
1436
- margin-left: 0;
1437
- margin-right: 16px;
1438
- }
1439
-
1440
- .e-bigger .e-de-border-style-div {
1441
- margin-left: 16px;
1442
- }
1443
-
1444
- .e-bigger .e-de-border-style-div.e-de-rtl {
1445
- margin-left: 0;
1446
- margin-right: 16px;
1399
+ margin-right: 0;
1447
1400
  }
1448
1401
 
1449
1402
  .e-bigger .e-de-color-picker {
@@ -1457,33 +1410,6 @@
1457
1410
  width: 96px;
1458
1411
  }
1459
1412
 
1460
- .e-bigger .e-de-align-text {
1461
- margin-left: 16px;
1462
- }
1463
-
1464
- .e-bigger .e-de-align-text.e-de-rtl {
1465
- margin-left: 0;
1466
- margin-right: 16px;
1467
- }
1468
-
1469
- .e-bigger .e-de-insert-del-cell {
1470
- margin-left: 16px;
1471
- }
1472
-
1473
- .e-bigger .e-de-insert-del-cell.e-de-rtl {
1474
- margin-left: 0;
1475
- margin-right: 16px;
1476
- }
1477
-
1478
- .e-bigger .e-de-cell-margin {
1479
- margin-left: 14px;
1480
- }
1481
-
1482
- .e-bigger .e-de-cell-margin.e-de-rtl {
1483
- margin-left: 0;
1484
- margin-right: 14px;
1485
- }
1486
-
1487
1413
  .e-bigger .e-de-stylediv {
1488
1414
  padding-left: 16px;
1489
1415
  }
@@ -1726,8 +1652,7 @@
1726
1652
 
1727
1653
  .e-bigger .e-de-property-div-padding {
1728
1654
  border-bottom: 0.5px solid #4a4848;
1729
- padding-bottom: 14.5px;
1730
- padding-top: 15.5px;
1655
+ padding: 16px;
1731
1656
  }
1732
1657
 
1733
1658
  .e-bigger .e-de-font-clr-picker > div button,
package/styles/document-editor-container/fabric.css CHANGED
@@ -442,6 +442,15 @@
442
442
  top: 100px;
443
443
  }
444
444
 
445
+ .e-de-scrollbar-hide::-webkit-scrollbar {
446
+ width: 0;
447
+ }
448
+
449
+ .e-de-scrollbar-hide {
450
+ -ms-overflow-style: none;
451
+ scrollbar-width: none;
452
+ }
453
+
445
454
  .e-de-toolbar {
446
455
  height: 100%;
447
456
  }
@@ -487,6 +496,7 @@
487
496
  border: 0;
488
497
  color: #333;
489
498
  float: right;
499
+ font-weight: 400;
490
500
  height: 33px;
491
501
  }
492
502
 
@@ -515,9 +525,7 @@
515
525
  border: 0;
516
526
  box-shadow: none;
517
527
  float: right;
518
- height: 33px;
519
528
  margin-left: calc(100% - 405px);
520
- width: 33px;
521
529
  }
522
530
 
523
531
  .e-bigger .e-btn-pageweb-spellcheck {
@@ -553,9 +561,8 @@
553
561
 
554
562
  .e-de-statusbar-spellcheck {
555
563
  border-radius: 2px;
556
- height: 34px;
564
+ font-weight: 400;
557
565
  margin-left: 7.5px;
558
- width: 111px;
559
566
  }
560
567
 
561
568
  .e-de-ctn {
@@ -568,9 +575,7 @@
568
575
 
569
576
  .e-bigger .e-de-statusbar-spellcheck {
570
577
  border-radius: 2px;
571
- height: 34px;
572
578
  margin-left: 7.5px;
573
- width: 125px;
574
579
  }
575
580
 
576
581
  .e-de-ctnr-toolbar {
@@ -881,8 +886,7 @@
881
886
 
882
887
  .e-de-property-div-padding {
883
888
  border-bottom: 0.5px solid #e0e0e0;
884
- padding-bottom: 11.5px;
885
- padding-top: 12.5px;
889
+ padding: 12.5px;
886
890
  }
887
891
 
888
892
  .e-de-ctnr-dropdown-ftr {
@@ -895,7 +899,8 @@
895
899
  text-indent: 1.2em;
896
900
  }
897
901
 
898
- .e-de-char-fmt-btn-left > button {
902
+ .e-de-char-fmt-btn-left > button,
903
+ .e-de-insert-del-cell button {
899
904
  width: 37.25px;
900
905
  }
901
906
 
@@ -911,7 +916,8 @@
911
916
  width: 149px;
912
917
  }
913
918
 
914
- .e-bigger .e-de-char-fmt-btn-left > button {
919
+ .e-bigger .e-de-char-fmt-btn-left > button,
920
+ .e-bigger .e-de-insert-del-cell button {
915
921
  width: 37.25px;
916
922
  }
917
923
 
@@ -1323,37 +1329,6 @@
1323
1329
  padding-right: 12px;
1324
1330
  }
1325
1331
 
1326
- .e-de-border-style-div {
1327
- margin-left: 12px;
1328
- }
1329
-
1330
- .e-de-border-style-div.e-de-rtl {
1331
- margin-left: 0;
1332
- margin-right: 12px;
1333
- }
1334
-
1335
- .e-de-insert-del-cell {
1336
- margin-left: 12px;
1337
- }
1338
-
1339
- .e-de-insert-del-cell.e-de-rtl {
1340
- margin-left: 0;
1341
- margin-right: 12px;
1342
- }
1343
-
1344
- .e-de-cell-margin {
1345
- margin-left: 12px;
1346
- }
1347
-
1348
- .e-de-align-text {
1349
- margin-left: 12px;
1350
- }
1351
-
1352
- .e-de-align-text.e-de-rtl {
1353
- margin-left: 0;
1354
- margin-right: 12px;
1355
- }
1356
-
1357
1332
  .e-de-border-size-button {
1358
1333
  height: 28px;
1359
1334
  margin-top: 14px;
@@ -1365,27 +1340,22 @@
1365
1340
  width: 100px;
1366
1341
  }
1367
1342
 
1368
- .e-de-cell-div {
1369
- margin-left: 12px;
1370
- }
1371
-
1372
- .e-de-cell-div.e-de-rtl {
1373
- margin-left: 0;
1343
+ .e-de-cell-text-box {
1374
1344
  margin-right: 12px;
1375
1345
  }
1376
1346
 
1377
- .e-de-cell-text-box {
1378
- margin-right: 12px;
1347
+ .e-de-pane-rtl .e-de-cell-text-box {
1348
+ margin-left: 12px;
1349
+ margin-right: 0;
1379
1350
  }
1380
1351
 
1381
1352
  .e-de-prop-fill-label {
1382
- margin-left: 10.3px;
1383
1353
  margin-right: 8px;
1384
1354
  }
1385
1355
 
1386
1356
  .e-de-prop-fill-label.e-de-rtl {
1387
1357
  margin-left: 8px;
1388
- margin-right: 10.3px;
1358
+ margin-right: 0;
1389
1359
  }
1390
1360
 
1391
1361
  .e-de-grp-btn-ctnr .e-de-ctnr-group-btn {
@@ -1419,35 +1389,18 @@
1419
1389
  }
1420
1390
 
1421
1391
  .e-bigger .e-de-prop-fill-label {
1422
- margin-left: 14.5px;
1392
+ margin-left: 0;
1423
1393
  margin-right: 9.8px;
1424
1394
  }
1425
1395
 
1426
1396
  .e-bigger .e-de-prop-fill-label.e-de-rtl {
1427
1397
  margin-left: 9.8px;
1428
- margin-right: 14.5px;
1398
+ margin-right: 0px;
1429
1399
  }
1430
1400
 
1431
- .e-bigger .e-de-cell-text-box {
1432
- margin-right: 16px;
1433
- }
1434
-
1435
- .e-bigger .e-de-cell-div {
1401
+ .e-bigger .e-rtl .e-de-cell-text-box {
1436
1402
  margin-left: 16px;
1437
- }
1438
-
1439
- .e-bigger .e-de-cell-div.e-de-rtl {
1440
- margin-left: 0;
1441
- margin-right: 16px;
1442
- }
1443
-
1444
- .e-bigger .e-de-border-style-div {
1445
- margin-left: 16px;
1446
- }
1447
-
1448
- .e-bigger .e-de-border-style-div.e-de-rtl {
1449
- margin-left: 0;
1450
- margin-right: 16px;
1403
+ margin-right: 0;
1451
1404
  }
1452
1405
 
1453
1406
  .e-bigger .e-de-color-picker {
@@ -1461,33 +1414,6 @@
1461
1414
  width: 96px;
1462
1415
  }
1463
1416
 
1464
- .e-bigger .e-de-align-text {
1465
- margin-left: 16px;
1466
- }
1467
-
1468
- .e-bigger .e-de-align-text.e-de-rtl {
1469
- margin-left: 0;
1470
- margin-right: 16px;
1471
- }
1472
-
1473
- .e-bigger .e-de-insert-del-cell {
1474
- margin-left: 16px;
1475
- }
1476
-
1477
- .e-bigger .e-de-insert-del-cell.e-de-rtl {
1478
- margin-left: 0;
1479
- margin-right: 16px;
1480
- }
1481
-
1482
- .e-bigger .e-de-cell-margin {
1483
- margin-left: 14px;
1484
- }
1485
-
1486
- .e-bigger .e-de-cell-margin.e-de-rtl {
1487
- margin-left: 0;
1488
- margin-right: 14px;
1489
- }
1490
-
1491
1417
  .e-bigger .e-de-stylediv {
1492
1418
  padding-left: 16px;
1493
1419
  }
@@ -1730,8 +1656,7 @@
1730
1656
 
1731
1657
  .e-bigger .e-de-property-div-padding {
1732
1658
  border-bottom: 0.5px solid #e0e0e0;
1733
- padding-bottom: 14.5px;
1734
- padding-top: 15.5px;
1659
+ padding: 16px;
1735
1660
  }
1736
1661
 
1737
1662
  .e-bigger .e-de-font-clr-picker > div button,