@syncfusion/ej2-richtexteditor 24.2.4 → 24.2.8

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 (100) hide show
  1. package/CHANGELOG.md +34 -0
  2. package/dist/ej2-richtexteditor.min.js +2 -2
  3. package/dist/ej2-richtexteditor.umd.min.js +2 -2
  4. package/dist/ej2-richtexteditor.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-richtexteditor.es2015.js +669 -272
  6. package/dist/es6/ej2-richtexteditor.es2015.js.map +1 -1
  7. package/dist/es6/ej2-richtexteditor.es5.js +662 -269
  8. package/dist/es6/ej2-richtexteditor.es5.js.map +1 -1
  9. package/dist/global/ej2-richtexteditor.min.js +2 -2
  10. package/dist/global/ej2-richtexteditor.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +12 -12
  13. package/src/common/util.js +4 -1
  14. package/src/editor-manager/plugin/dom-node.js +3 -1
  15. package/src/editor-manager/plugin/format-painter-actions.d.ts +1 -0
  16. package/src/editor-manager/plugin/format-painter-actions.js +18 -0
  17. package/src/editor-manager/plugin/formats.d.ts +1 -0
  18. package/src/editor-manager/plugin/formats.js +37 -2
  19. package/src/editor-manager/plugin/inserthtml.js +15 -2
  20. package/src/editor-manager/plugin/lists.js +85 -63
  21. package/src/editor-manager/plugin/ms-word-clean-up.js +87 -18
  22. package/src/editor-manager/plugin/nodecutter.js +1 -1
  23. package/src/editor-manager/plugin/selection-commands.d.ts +1 -0
  24. package/src/editor-manager/plugin/selection-commands.js +56 -1
  25. package/src/editor-manager/plugin/table.js +1 -1
  26. package/src/rich-text-editor/actions/base-quick-toolbar.js +4 -4
  27. package/src/rich-text-editor/actions/color-picker.d.ts +1 -0
  28. package/src/rich-text-editor/actions/color-picker.js +10 -0
  29. package/src/rich-text-editor/actions/enter-key.js +2 -2
  30. package/src/rich-text-editor/actions/html-editor.js +25 -12
  31. package/src/rich-text-editor/actions/paste-clean-up.d.ts +1 -0
  32. package/src/rich-text-editor/actions/paste-clean-up.js +26 -5
  33. package/src/rich-text-editor/actions/toolbar-action.js +1 -1
  34. package/src/rich-text-editor/actions/toolbar.js +4 -1
  35. package/src/rich-text-editor/base/constant.d.ts +5 -0
  36. package/src/rich-text-editor/base/constant.js +5 -0
  37. package/src/rich-text-editor/base/interface.d.ts +0 -8
  38. package/src/rich-text-editor/base/rich-text-editor-model.d.ts +1 -1
  39. package/src/rich-text-editor/base/rich-text-editor.d.ts +1 -1
  40. package/src/rich-text-editor/base/rich-text-editor.js +33 -7
  41. package/src/rich-text-editor/base/util.js +3 -0
  42. package/src/rich-text-editor/models/default-locale.js +3 -2
  43. package/src/rich-text-editor/renderer/dialog-renderer.js +5 -1
  44. package/src/rich-text-editor/renderer/iframe-content-renderer.js +1 -1
  45. package/src/rich-text-editor/renderer/image-module.js +31 -10
  46. package/src/rich-text-editor/renderer/table-module.d.ts +4 -1
  47. package/src/rich-text-editor/renderer/table-module.js +200 -131
  48. package/src/rich-text-editor/renderer/toolbar-renderer.js +13 -13
  49. package/styles/bootstrap-dark.css +57 -22
  50. package/styles/bootstrap.css +61 -29
  51. package/styles/bootstrap4.css +48 -17
  52. package/styles/bootstrap5-dark.css +47 -18
  53. package/styles/bootstrap5.css +47 -18
  54. package/styles/fabric-dark.css +43 -12
  55. package/styles/fabric.css +43 -12
  56. package/styles/fluent-dark.css +51 -14
  57. package/styles/fluent.css +51 -14
  58. package/styles/highcontrast-light.css +43 -12
  59. package/styles/highcontrast.css +46 -12
  60. package/styles/material-dark.css +47 -12
  61. package/styles/material.css +47 -12
  62. package/styles/material3-dark.css +45 -14
  63. package/styles/material3.css +45 -14
  64. package/styles/rich-text-editor/_bootstrap-dark-definition.scss +12 -10
  65. package/styles/rich-text-editor/_bootstrap-definition.scss +18 -16
  66. package/styles/rich-text-editor/_bootstrap4-definition.scss +8 -6
  67. package/styles/rich-text-editor/_bootstrap5-definition.scss +4 -2
  68. package/styles/rich-text-editor/_fabric-dark-definition.scss +4 -2
  69. package/styles/rich-text-editor/_fabric-definition.scss +4 -2
  70. package/styles/rich-text-editor/_fluent-definition.scss +5 -3
  71. package/styles/rich-text-editor/_fusionnew-definition.scss +4 -2
  72. package/styles/rich-text-editor/_highcontrast-definition.scss +4 -2
  73. package/styles/rich-text-editor/_highcontrast-light-definition.scss +4 -2
  74. package/styles/rich-text-editor/_layout.scss +46 -6
  75. package/styles/rich-text-editor/_material-dark-definition.scss +4 -2
  76. package/styles/rich-text-editor/_material-definition.scss +4 -2
  77. package/styles/rich-text-editor/_material3-definition.scss +6 -4
  78. package/styles/rich-text-editor/_tailwind-definition.scss +21 -19
  79. package/styles/rich-text-editor/_theme.scss +65 -16
  80. package/styles/rich-text-editor/bootstrap-dark.css +57 -22
  81. package/styles/rich-text-editor/bootstrap.css +61 -29
  82. package/styles/rich-text-editor/bootstrap4.css +48 -17
  83. package/styles/rich-text-editor/bootstrap5-dark.css +47 -18
  84. package/styles/rich-text-editor/bootstrap5.css +47 -18
  85. package/styles/rich-text-editor/fabric-dark.css +43 -12
  86. package/styles/rich-text-editor/fabric.css +43 -12
  87. package/styles/rich-text-editor/fluent-dark.css +51 -14
  88. package/styles/rich-text-editor/fluent.css +51 -14
  89. package/styles/rich-text-editor/highcontrast-light.css +43 -12
  90. package/styles/rich-text-editor/highcontrast.css +46 -12
  91. package/styles/rich-text-editor/material-dark.css +47 -12
  92. package/styles/rich-text-editor/material.css +47 -12
  93. package/styles/rich-text-editor/material3-dark.css +45 -14
  94. package/styles/rich-text-editor/material3.css +45 -14
  95. package/styles/rich-text-editor/tailwind-dark.css +98 -35
  96. package/styles/rich-text-editor/tailwind.css +98 -35
  97. package/styles/tailwind-dark.css +98 -35
  98. package/styles/tailwind.css +98 -35
  99. package/.github/PULL_REQUEST_TEMPLATE/Bug.md +0 -41
  100. package/.github/PULL_REQUEST_TEMPLATE/Feature.md +0 -27
package/styles/rich-text-editor/highcontrast.css CHANGED
@@ -522,6 +522,14 @@
522
522
  .e-richtexteditor.e-bigger .e-rte-content .e-content {
523
523
  font-size: 16px;
524
524
  }
525
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
526
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
527
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
528
+ .e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
529
+ .e-richtexteditor.e-bigger .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
530
+ .e-richtexteditor.e-bigger .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
531
+ top: -120px;
532
+ }
525
533
 
526
534
  .e-richtexteditor {
527
535
  color: #fff;
@@ -1161,6 +1169,8 @@
1161
1169
  .e-rte-image.e-imginline,
1162
1170
  .e-rte-audio.e-audio-inline,
1163
1171
  .e-rte-video.e-video-inline {
1172
+ margin-left: 5px;
1173
+ margin-right: 5px;
1164
1174
  display: inline-block;
1165
1175
  float: none;
1166
1176
  max-width: calc(100% - 10px);
@@ -1218,19 +1228,19 @@
1218
1228
  }
1219
1229
 
1220
1230
  .e-rte-img-caption.e-imgcenter {
1221
- display: block;
1231
+ display: contents;
1222
1232
  margin-left: auto;
1223
1233
  margin-right: auto;
1224
1234
  }
1225
1235
 
1226
1236
  .e-rte-img-caption.e-imgright {
1227
- display: block;
1237
+ display: contents;
1228
1238
  margin-left: auto;
1229
1239
  margin-right: 0;
1230
1240
  }
1231
1241
 
1232
1242
  .e-rte-img-caption.e-imgleft {
1233
- display: block;
1243
+ display: contents;
1234
1244
  margin-left: 0;
1235
1245
  margin-right: auto;
1236
1246
  }
@@ -1247,7 +1257,7 @@
1247
1257
  }
1248
1258
 
1249
1259
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1250
- display: block;
1260
+ display: contents;
1251
1261
  }
1252
1262
 
1253
1263
  .e-rte-table {
@@ -1432,13 +1442,13 @@
1432
1442
  margin: 0 auto;
1433
1443
  padding: 0 18px;
1434
1444
  position: relative;
1435
- top: -50px;
1445
+ top: -120px;
1436
1446
  }
1437
1447
  .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1438
1448
  .e-richtexteditor .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
1439
1449
  .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1440
1450
  .e-rte-elements .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1441
- top: -130px;
1451
+ top: -120px;
1442
1452
  }
1443
1453
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
1444
1454
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
@@ -1755,6 +1765,14 @@
1755
1765
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
1756
1766
  min-height: 48px;
1757
1767
  }
1768
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
1769
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
1770
+ height: 45px;
1771
+ }
1772
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
1773
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
1774
+ height: 45px;
1775
+ }
1758
1776
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
1759
1777
  margin: 0 6px;
1760
1778
  min-height: 48px;
@@ -2587,7 +2605,7 @@
2587
2605
  margin: 0 auto;
2588
2606
  padding: 0 18px;
2589
2607
  position: relative;
2590
- top: -50px;
2608
+ top: -120px;
2591
2609
  }
2592
2610
  .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
2593
2611
  .e-rte-elements.e-dialog .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
@@ -2691,9 +2709,6 @@
2691
2709
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
2692
2710
  color: #fff;
2693
2711
  }
2694
- .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons {
2695
- color: #fff;
2696
- }
2697
2712
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
2698
2713
  color: #000;
2699
2714
  }
@@ -2873,6 +2888,19 @@
2873
2888
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
2874
2889
  background: #000;
2875
2890
  }
2891
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
2892
+ padding-top: 0;
2893
+ height: 36px;
2894
+ }
2895
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
2896
+ background: #685708;
2897
+ }
2898
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
2899
+ background: #685708;
2900
+ }
2901
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown.e-tbar-btn:hover {
2902
+ background: inherit;
2903
+ }
2876
2904
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
2877
2905
  border: 0.5px solid rgba(255, 255, 255, 0.05);
2878
2906
  }
@@ -2931,14 +2959,20 @@
2931
2959
  display: block;
2932
2960
  font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
2933
2961
  font-size: 14px;
2934
- height: 185px;
2962
+ height: 128px;
2935
2963
  margin: 0 auto;
2936
2964
  text-align: center;
2937
2965
  width: auto;
2938
2966
  }
2939
2967
 
2940
2968
  .e-dialog .e-vid-uploadwrap .e-droptext {
2941
- height: 108px;
2969
+ height: 128px;
2970
+ }
2971
+
2972
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap .e-droptext,
2973
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap .e-droptext,
2974
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap .e-droptext {
2975
+ height: 140px;
2942
2976
  }
2943
2977
 
2944
2978
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
package/styles/rich-text-editor/material-dark.css CHANGED
@@ -522,6 +522,14 @@
522
522
  .e-richtexteditor.e-bigger .e-rte-content .e-content {
523
523
  font-size: 16px;
524
524
  }
525
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
526
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
527
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
528
+ .e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
529
+ .e-richtexteditor.e-bigger .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
530
+ .e-richtexteditor.e-bigger .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
531
+ top: -120px;
532
+ }
525
533
 
526
534
  .e-richtexteditor {
527
535
  color: #fff;
@@ -1161,6 +1169,8 @@
1161
1169
  .e-rte-image.e-imginline,
1162
1170
  .e-rte-audio.e-audio-inline,
1163
1171
  .e-rte-video.e-video-inline {
1172
+ margin-left: 5px;
1173
+ margin-right: 5px;
1164
1174
  display: inline-block;
1165
1175
  float: none;
1166
1176
  max-width: calc(100% - 10px);
@@ -1218,19 +1228,19 @@
1218
1228
  }
1219
1229
 
1220
1230
  .e-rte-img-caption.e-imgcenter {
1221
- display: block;
1231
+ display: contents;
1222
1232
  margin-left: auto;
1223
1233
  margin-right: auto;
1224
1234
  }
1225
1235
 
1226
1236
  .e-rte-img-caption.e-imgright {
1227
- display: block;
1237
+ display: contents;
1228
1238
  margin-left: auto;
1229
1239
  margin-right: 0;
1230
1240
  }
1231
1241
 
1232
1242
  .e-rte-img-caption.e-imgleft {
1233
- display: block;
1243
+ display: contents;
1234
1244
  margin-left: 0;
1235
1245
  margin-right: auto;
1236
1246
  }
@@ -1247,7 +1257,7 @@
1247
1257
  }
1248
1258
 
1249
1259
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1250
- display: block;
1260
+ display: contents;
1251
1261
  }
1252
1262
 
1253
1263
  .e-rte-table {
@@ -1432,13 +1442,13 @@
1432
1442
  margin: 0 auto;
1433
1443
  padding: 0 18px;
1434
1444
  position: relative;
1435
- top: -50px;
1445
+ top: -120px;
1436
1446
  }
1437
1447
  .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1438
1448
  .e-richtexteditor .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
1439
1449
  .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1440
1450
  .e-rte-elements .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1441
- top: -130px;
1451
+ top: -120px;
1442
1452
  }
1443
1453
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
1444
1454
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
@@ -1760,6 +1770,14 @@
1760
1770
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
1761
1771
  min-height: 48px;
1762
1772
  }
1773
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
1774
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
1775
+ height: 35px;
1776
+ }
1777
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
1778
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
1779
+ height: 35px;
1780
+ }
1763
1781
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
1764
1782
  margin: 0 6px;
1765
1783
  min-height: 48px;
@@ -2593,7 +2611,7 @@
2593
2611
  margin: 0 auto;
2594
2612
  padding: 0 18px;
2595
2613
  position: relative;
2596
- top: -50px;
2614
+ top: -120px;
2597
2615
  }
2598
2616
  .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
2599
2617
  .e-rte-elements.e-dialog .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
@@ -2700,9 +2718,6 @@
2700
2718
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
2701
2719
  color: #fff;
2702
2720
  }
2703
- .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons {
2704
- color: #fff;
2705
- }
2706
2721
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
2707
2722
  color: #fff;
2708
2723
  }
@@ -2885,6 +2900,16 @@
2885
2900
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
2886
2901
  background: #424242;
2887
2902
  }
2903
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
2904
+ padding-top: 1px;
2905
+ height: 24px;
2906
+ }
2907
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
2908
+ background: rgba(255, 255, 255, 0.12);
2909
+ }
2910
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
2911
+ background: rgba(255, 255, 255, 0.12);
2912
+ }
2888
2913
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
2889
2914
  border: 0.5px solid #616161;
2890
2915
  }
@@ -2932,6 +2957,10 @@
2932
2957
  border-color: #616161;
2933
2958
  }
2934
2959
 
2960
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
2961
+ padding-top: 8px;
2962
+ }
2963
+
2935
2964
  .e-dialog .e-img-uploadwrap .e-droptext,
2936
2965
  .e-dialog .e-aud-uploadwrap .e-droptext,
2937
2966
  .e-dialog .e-vid-uploadwrap .e-droptext,
@@ -2942,14 +2971,20 @@
2942
2971
  display: block;
2943
2972
  font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
2944
2973
  font-size: 14px;
2945
- height: 185px;
2974
+ height: 128px;
2946
2975
  margin: 0 auto;
2947
2976
  text-align: center;
2948
2977
  width: auto;
2949
2978
  }
2950
2979
 
2951
2980
  .e-dialog .e-vid-uploadwrap .e-droptext {
2952
- height: 108px;
2981
+ height: 128px;
2982
+ }
2983
+
2984
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap .e-droptext,
2985
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap .e-droptext,
2986
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap .e-droptext {
2987
+ height: 140px;
2953
2988
  }
2954
2989
 
2955
2990
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
package/styles/rich-text-editor/material.css CHANGED
@@ -522,6 +522,14 @@
522
522
  .e-richtexteditor.e-bigger .e-rte-content .e-content {
523
523
  font-size: 16px;
524
524
  }
525
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
526
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
527
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
528
+ .e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
529
+ .e-richtexteditor.e-bigger .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
530
+ .e-richtexteditor.e-bigger .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
531
+ top: -120px;
532
+ }
525
533
 
526
534
  .e-richtexteditor {
527
535
  color: #333;
@@ -1161,6 +1169,8 @@
1161
1169
  .e-rte-image.e-imginline,
1162
1170
  .e-rte-audio.e-audio-inline,
1163
1171
  .e-rte-video.e-video-inline {
1172
+ margin-left: 5px;
1173
+ margin-right: 5px;
1164
1174
  display: inline-block;
1165
1175
  float: none;
1166
1176
  max-width: calc(100% - 10px);
@@ -1218,19 +1228,19 @@
1218
1228
  }
1219
1229
 
1220
1230
  .e-rte-img-caption.e-imgcenter {
1221
- display: block;
1231
+ display: contents;
1222
1232
  margin-left: auto;
1223
1233
  margin-right: auto;
1224
1234
  }
1225
1235
 
1226
1236
  .e-rte-img-caption.e-imgright {
1227
- display: block;
1237
+ display: contents;
1228
1238
  margin-left: auto;
1229
1239
  margin-right: 0;
1230
1240
  }
1231
1241
 
1232
1242
  .e-rte-img-caption.e-imgleft {
1233
- display: block;
1243
+ display: contents;
1234
1244
  margin-left: 0;
1235
1245
  margin-right: auto;
1236
1246
  }
@@ -1247,7 +1257,7 @@
1247
1257
  }
1248
1258
 
1249
1259
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1250
- display: block;
1260
+ display: contents;
1251
1261
  }
1252
1262
 
1253
1263
  .e-rte-table {
@@ -1432,13 +1442,13 @@
1432
1442
  margin: 0 auto;
1433
1443
  padding: 0 18px;
1434
1444
  position: relative;
1435
- top: -50px;
1445
+ top: -120px;
1436
1446
  }
1437
1447
  .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1438
1448
  .e-richtexteditor .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
1439
1449
  .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1440
1450
  .e-rte-elements .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1441
- top: -130px;
1451
+ top: -120px;
1442
1452
  }
1443
1453
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
1444
1454
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
@@ -1760,6 +1770,14 @@
1760
1770
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
1761
1771
  min-height: 48px;
1762
1772
  }
1773
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
1774
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
1775
+ height: 36px;
1776
+ }
1777
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
1778
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
1779
+ height: 36px;
1780
+ }
1763
1781
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
1764
1782
  margin: 0 6px;
1765
1783
  min-height: 48px;
@@ -2593,7 +2611,7 @@
2593
2611
  margin: 0 auto;
2594
2612
  padding: 0 18px;
2595
2613
  position: relative;
2596
- top: -50px;
2614
+ top: -120px;
2597
2615
  }
2598
2616
  .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
2599
2617
  .e-rte-elements.e-dialog .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
@@ -2700,9 +2718,6 @@
2700
2718
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
2701
2719
  color: #000;
2702
2720
  }
2703
- .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons {
2704
- color: #000;
2705
- }
2706
2721
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
2707
2722
  color: #000;
2708
2723
  }
@@ -2885,6 +2900,16 @@
2885
2900
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
2886
2901
  background: #fff;
2887
2902
  }
2903
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
2904
+ padding-top: 1px;
2905
+ height: 24px;
2906
+ }
2907
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
2908
+ background: rgba(0, 0, 0, 0.12);
2909
+ }
2910
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
2911
+ background: rgba(0, 0, 0, 0.12);
2912
+ }
2888
2913
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
2889
2914
  border: 0.5px solid rgba(0, 0, 0, 0.05);
2890
2915
  }
@@ -2932,6 +2957,10 @@
2932
2957
  border-color: #fff;
2933
2958
  }
2934
2959
 
2960
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
2961
+ padding-top: 8px;
2962
+ }
2963
+
2935
2964
  .e-dialog .e-img-uploadwrap .e-droptext,
2936
2965
  .e-dialog .e-aud-uploadwrap .e-droptext,
2937
2966
  .e-dialog .e-vid-uploadwrap .e-droptext,
@@ -2942,14 +2971,20 @@
2942
2971
  display: block;
2943
2972
  font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
2944
2973
  font-size: 14px;
2945
- height: 185px;
2974
+ height: 128px;
2946
2975
  margin: 0 auto;
2947
2976
  text-align: center;
2948
2977
  width: auto;
2949
2978
  }
2950
2979
 
2951
2980
  .e-dialog .e-vid-uploadwrap .e-droptext {
2952
- height: 108px;
2981
+ height: 128px;
2982
+ }
2983
+
2984
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap .e-droptext,
2985
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap .e-droptext,
2986
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap .e-droptext {
2987
+ height: 140px;
2953
2988
  }
2954
2989
 
2955
2990
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
package/styles/rich-text-editor/material3-dark.css CHANGED
@@ -577,6 +577,14 @@
577
577
  .e-richtexteditor.e-bigger .e-rte-content .e-content {
578
578
  font-size: 16px;
579
579
  }
580
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
581
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
582
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
583
+ .e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
584
+ .e-richtexteditor.e-bigger .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
585
+ .e-richtexteditor.e-bigger .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
586
+ top: -120px;
587
+ }
580
588
 
581
589
  .e-richtexteditor {
582
590
  color: rgba(var(--color-sf-on-surface));
@@ -1216,6 +1224,8 @@
1216
1224
  .e-rte-image.e-imginline,
1217
1225
  .e-rte-audio.e-audio-inline,
1218
1226
  .e-rte-video.e-video-inline {
1227
+ margin-left: 5px;
1228
+ margin-right: 5px;
1219
1229
  display: inline-block;
1220
1230
  float: none;
1221
1231
  max-width: calc(100% - 10px);
@@ -1273,19 +1283,19 @@
1273
1283
  }
1274
1284
 
1275
1285
  .e-rte-img-caption.e-imgcenter {
1276
- display: block;
1286
+ display: contents;
1277
1287
  margin-left: auto;
1278
1288
  margin-right: auto;
1279
1289
  }
1280
1290
 
1281
1291
  .e-rte-img-caption.e-imgright {
1282
- display: block;
1292
+ display: contents;
1283
1293
  margin-left: auto;
1284
1294
  margin-right: 0;
1285
1295
  }
1286
1296
 
1287
1297
  .e-rte-img-caption.e-imgleft {
1288
- display: block;
1298
+ display: contents;
1289
1299
  margin-left: 0;
1290
1300
  margin-right: auto;
1291
1301
  }
@@ -1302,7 +1312,7 @@
1302
1312
  }
1303
1313
 
1304
1314
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1305
- display: block;
1315
+ display: contents;
1306
1316
  }
1307
1317
 
1308
1318
  .e-rte-table {
@@ -1487,13 +1497,13 @@
1487
1497
  margin: 0 auto;
1488
1498
  padding: 6px 16px;
1489
1499
  position: relative;
1490
- top: -50px;
1500
+ top: -120px;
1491
1501
  }
1492
1502
  .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1493
1503
  .e-richtexteditor .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
1494
1504
  .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1495
1505
  .e-rte-elements .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1496
- top: -130px;
1506
+ top: -120px;
1497
1507
  }
1498
1508
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
1499
1509
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
@@ -1810,6 +1820,14 @@
1810
1820
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
1811
1821
  min-height: 48px;
1812
1822
  }
1823
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
1824
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
1825
+ height: 40px;
1826
+ }
1827
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
1828
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
1829
+ height: 40px;
1830
+ }
1813
1831
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
1814
1832
  margin: 0 8px;
1815
1833
  min-height: 48px;
@@ -2671,7 +2689,7 @@
2671
2689
  margin: 0 auto;
2672
2690
  padding: 6px 16px;
2673
2691
  position: relative;
2674
- top: -50px;
2692
+ top: -120px;
2675
2693
  }
2676
2694
  .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
2677
2695
  .e-rte-elements.e-dialog .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
@@ -2778,9 +2796,6 @@
2778
2796
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
2779
2797
  color: rgba(var(--color-sf-on-surface-variant));
2780
2798
  }
2781
- .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons {
2782
- color: rgba(var(--color-sf-on-surface-variant));
2783
- }
2784
2799
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
2785
2800
  color: rgba(var(--color-sf-on-surface-variant));
2786
2801
  }
@@ -2832,7 +2847,7 @@
2832
2847
  .e-richtexteditor .e-rte-content .e-content .e-video-focus:not(.e-resize),
2833
2848
  .e-richtexteditor .e-source-content .e-content .e-img-focus:not(.e-resize),
2834
2849
  .e-richtexteditor .e-source-content .e-content .e-video-focus:not(.e-resize) {
2835
- border: dashed 2px rgba(var(--color-sf-primary));
2850
+ border: solid 2px rgba(var(--color-sf-primary));
2836
2851
  }
2837
2852
  .e-richtexteditor .e-rte-content .e-content a,
2838
2853
  .e-richtexteditor .e-source-content .e-content a {
@@ -2967,6 +2982,16 @@
2967
2982
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
2968
2983
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
2969
2984
  }
2985
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
2986
+ padding-top: 5.5px;
2987
+ height: 30px;
2988
+ }
2989
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
2990
+ background: rgba(var(--color-sf-on-surface), 0.05);
2991
+ }
2992
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
2993
+ background: rgba(var(--color-sf-on-surface), 0.05);
2994
+ }
2970
2995
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
2971
2996
  border: 0.5px solid transparent;
2972
2997
  }
@@ -3024,14 +3049,20 @@
3024
3049
  display: block;
3025
3050
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
3026
3051
  font-size: 14px;
3027
- height: 185px;
3052
+ height: 128px;
3028
3053
  margin: 0 auto;
3029
3054
  text-align: center;
3030
3055
  width: auto;
3031
3056
  }
3032
3057
 
3033
3058
  .e-dialog .e-vid-uploadwrap .e-droptext {
3034
- height: 108px;
3059
+ height: 128px;
3060
+ }
3061
+
3062
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap .e-droptext,
3063
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap .e-droptext,
3064
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap .e-droptext {
3065
+ height: 140px;
3035
3066
  }
3036
3067
 
3037
3068
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -3126,7 +3157,7 @@ span.e-rte-videoboxmark {
3126
3157
  .e-richtexteditor .e-rte-toolbar .e-hor-nav:hover {
3127
3158
  border: solid rgba(0, 0, 0, 0.12);
3128
3159
  border-width: 0 0 0 1px;
3129
- padding-left: 0;
3160
+ padding-left: 1px;
3130
3161
  }
3131
3162
 
3132
3163
  .e-rte-table-popup .e-span-border {