@syncfusion/ej2-angular-richtexteditor 23.2.7 → 24.1.41-581025

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 (56) hide show
  1. package/package.json +9 -9
  2. package/schematics/utils/lib-details.d.ts +2 -2
  3. package/schematics/utils/lib-details.js +2 -2
  4. package/schematics/utils/lib-details.ts +2 -2
  5. package/styles/bootstrap-dark.css +194 -52
  6. package/styles/bootstrap.css +197 -53
  7. package/styles/bootstrap4.css +194 -52
  8. package/styles/bootstrap5-dark.css +195 -53
  9. package/styles/bootstrap5.css +195 -53
  10. package/styles/fabric-dark.css +194 -52
  11. package/styles/fabric.css +194 -52
  12. package/styles/fluent-dark.css +197 -53
  13. package/styles/fluent.css +197 -53
  14. package/styles/highcontrast-light.css +194 -52
  15. package/styles/highcontrast.css +194 -52
  16. package/styles/material-dark.css +196 -53
  17. package/styles/material.css +196 -53
  18. package/styles/material3-dark.css +194 -52
  19. package/styles/material3.css +194 -52
  20. package/styles/rich-text-editor/_bootstrap5-definition.scss +1 -1
  21. package/styles/rich-text-editor/_fluent-definition.scss +1 -1
  22. package/styles/rich-text-editor/_layout.scss +78 -3
  23. package/styles/rich-text-editor/_theme.scss +1 -1
  24. package/styles/rich-text-editor/bootstrap-dark.css +194 -52
  25. package/styles/rich-text-editor/bootstrap.css +197 -53
  26. package/styles/rich-text-editor/bootstrap4.css +194 -52
  27. package/styles/rich-text-editor/bootstrap5-dark.css +195 -53
  28. package/styles/rich-text-editor/bootstrap5.css +195 -53
  29. package/styles/rich-text-editor/fabric-dark.css +194 -52
  30. package/styles/rich-text-editor/fabric.css +194 -52
  31. package/styles/rich-text-editor/fluent-dark.css +197 -53
  32. package/styles/rich-text-editor/fluent.css +197 -53
  33. package/styles/rich-text-editor/highcontrast-light.css +194 -52
  34. package/styles/rich-text-editor/highcontrast.css +194 -52
  35. package/styles/rich-text-editor/icons/_bootstrap-dark.scss +3 -3
  36. package/styles/rich-text-editor/icons/_bootstrap.scss +3 -3
  37. package/styles/rich-text-editor/icons/_bootstrap4.scss +3 -3
  38. package/styles/rich-text-editor/icons/_bootstrap5.scss +3 -3
  39. package/styles/rich-text-editor/icons/_fabric-dark.scss +3 -3
  40. package/styles/rich-text-editor/icons/_fabric.scss +3 -3
  41. package/styles/rich-text-editor/icons/_fluent.scss +3 -3
  42. package/styles/rich-text-editor/icons/_fusionnew.scss +3 -3
  43. package/styles/rich-text-editor/icons/_highcontrast-light.scss +3 -3
  44. package/styles/rich-text-editor/icons/_highcontrast.scss +3 -3
  45. package/styles/rich-text-editor/icons/_material-dark.scss +3 -3
  46. package/styles/rich-text-editor/icons/_material.scss +3 -3
  47. package/styles/rich-text-editor/icons/_material3.scss +3 -3
  48. package/styles/rich-text-editor/icons/_tailwind.scss +3 -3
  49. package/styles/rich-text-editor/material-dark.css +196 -53
  50. package/styles/rich-text-editor/material.css +196 -53
  51. package/styles/rich-text-editor/material3-dark.css +194 -52
  52. package/styles/rich-text-editor/material3.css +194 -52
  53. package/styles/rich-text-editor/tailwind-dark.css +194 -52
  54. package/styles/rich-text-editor/tailwind.css +194 -52
  55. package/styles/tailwind-dark.css +194 -52
  56. package/styles/tailwind.css +194 -52
@@ -253,7 +253,7 @@
253
253
  }
254
254
  .e-rte-toolbar .e-caption::before,
255
255
  .e-rte-dropdown-popup .e-caption::before {
256
- content: "\e82e";
256
+ content: "\e8e2";
257
257
  }
258
258
  .e-rte-toolbar .e-remove::before,
259
259
  .e-rte-toolbar .e-audio-remove::before,
@@ -335,7 +335,7 @@
335
335
  }
336
336
  .e-rte-toolbar .e-table-header::before,
337
337
  .e-rte-dropdown-popup .e-table-header::before {
338
- content: "\e7c3";
338
+ content: "\e7e9";
339
339
  }
340
340
  .e-rte-toolbar .e-table-remove::before,
341
341
  .e-rte-dropdown-popup .e-table-remove::before {
@@ -359,7 +359,7 @@
359
359
  }
360
360
  .e-rte-toolbar .e-create-table::before,
361
361
  .e-rte-dropdown-popup .e-create-table::before {
362
- content: "\e7e9";
362
+ content: "\e83f";
363
363
  }
364
364
  .e-rte-toolbar .e-align-bottom::before,
365
365
  .e-rte-dropdown-popup .e-align-bottom::before {
@@ -457,6 +457,10 @@
457
457
  .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
458
458
  margin-left: 3px;
459
459
  }
460
+ .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-item:first-child,
461
+ .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-item:first-child {
462
+ margin-left: 0;
463
+ }
460
464
  .e-bigger .e-richtexteditor.e-rtl .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
461
465
  .e-richtexteditor.e-bigger.e-rtl .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
462
466
  margin-left: 0;
@@ -698,6 +702,9 @@
698
702
  .e-richtexteditor .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos):not(.e-toolbar-multirow) .e-toolbar-item:first-child {
699
703
  margin-left: 8px;
700
704
  }
705
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-item:first-child {
706
+ margin-left: 0;
707
+ }
701
708
  .e-richtexteditor .e-rte-toolbar .e-hor-nav.e-expended-nav {
702
709
  height: auto;
703
710
  min-height: 48px;
@@ -903,7 +910,6 @@
903
910
  height: 100%;
904
911
  min-height: 100px;
905
912
  outline: 0 solid transparent;
906
- overflow-x: auto;
907
913
  padding: 16px;
908
914
  position: relative;
909
915
  text-align: inherit;
@@ -1402,7 +1408,11 @@
1402
1408
  .e-richtexteditor .e-linkheader,
1403
1409
  .e-richtexteditor .e-audioheader,
1404
1410
  .e-richtexteditor .e-videoheader,
1405
- .e-richtexteditor .e-video-url-wrap {
1411
+ .e-richtexteditor .e-video-url-wrap,
1412
+ .e-rte-elements .e-linkheader,
1413
+ .e-rte-elements .e-audioheader,
1414
+ .e-rte-elements .e-videoheader,
1415
+ .e-rte-elements .e-video-url-wrap {
1406
1416
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
1407
1417
  font-size: 10px;
1408
1418
  opacity: 0.87;
@@ -1410,13 +1420,17 @@
1410
1420
  padding-top: 20px;
1411
1421
  }
1412
1422
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
1413
- .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
1423
+ .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control,
1424
+ .e-rte-elements .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
1425
+ .e-rte-elements .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
1414
1426
  padding: 0 7px;
1415
1427
  }
1416
- .e-richtexteditor .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
1428
+ .e-richtexteditor .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon,
1429
+ .e-rte-elements .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
1417
1430
  min-width: 18px;
1418
1431
  }
1419
- .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
1432
+ .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover,
1433
+ .e-rte-elements .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
1420
1434
  padding: 0 7px;
1421
1435
  }
1422
1436
  .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-delete-btn.e-icons,
@@ -1424,45 +1438,72 @@
1424
1438
  .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-delete-btn.e-icons,
1425
1439
  .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1426
1440
  .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-delete-btn.e-icons,
1427
- .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
1441
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1442
+ .e-rte-elements .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-delete-btn.e-icons,
1443
+ .e-rte-elements .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1444
+ .e-rte-elements .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-delete-btn.e-icons,
1445
+ .e-rte-elements .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1446
+ .e-rte-elements .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-delete-btn.e-icons,
1447
+ .e-rte-elements .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
1428
1448
  margin-top: 0;
1429
1449
  }
1430
1450
  .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1431
1451
  .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1432
- .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
1452
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1453
+ .e-rte-elements .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1454
+ .e-rte-elements .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1455
+ .e-rte-elements .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
1433
1456
  margin-right: 30px;
1434
1457
  }
1435
1458
  .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
1436
1459
  .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
1437
- .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list {
1460
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
1461
+ .e-rte-elements .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
1462
+ .e-rte-elements .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
1463
+ .e-rte-elements .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list {
1438
1464
  border-bottom: 0 solid transparent;
1439
1465
  min-height: initial;
1440
1466
  }
1441
1467
  .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container,
1442
1468
  .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container,
1443
- .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container {
1469
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container,
1470
+ .e-rte-elements .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container,
1471
+ .e-rte-elements .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container,
1472
+ .e-rte-elements .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container {
1444
1473
  margin-left: 0;
1445
1474
  margin-right: 0;
1446
1475
  }
1447
1476
  .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files,
1448
1477
  .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files,
1449
- .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files {
1478
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files,
1479
+ .e-rte-elements .e-img-uploadwrap.e-droparea .e-upload .e-upload-files,
1480
+ .e-rte-elements .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files,
1481
+ .e-rte-elements .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files {
1450
1482
  border-top: 0 solid transparent;
1451
1483
  }
1452
1484
  .e-richtexteditor .e-img-uploadwrap.e-droparea .e-file-select-wrap,
1453
1485
  .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-file-select-wrap,
1454
- .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-file-select-wrap {
1486
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-file-select-wrap,
1487
+ .e-rte-elements .e-img-uploadwrap.e-droparea .e-file-select-wrap,
1488
+ .e-rte-elements .e-aud-uploadwrap.e-droparea .e-file-select-wrap,
1489
+ .e-rte-elements .e-vid-uploadwrap.e-droparea .e-file-select-wrap {
1455
1490
  display: none;
1456
1491
  }
1457
1492
  .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload,
1458
1493
  .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload,
1459
- .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload {
1494
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload,
1495
+ .e-rte-elements .e-img-uploadwrap.e-droparea .e-upload,
1496
+ .e-rte-elements .e-aud-uploadwrap.e-droparea .e-upload,
1497
+ .e-rte-elements .e-vid-uploadwrap.e-droparea .e-upload {
1460
1498
  border: 0 solid transparent;
1461
1499
  float: none;
1462
1500
  }
1463
1501
  .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
1464
1502
  .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
1465
- .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
1503
+ .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1504
+ .e-rte-elements .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
1505
+ .e-rte-elements .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
1506
+ .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
1466
1507
  display: block;
1467
1508
  height: 32px;
1468
1509
  margin: 0 auto;
@@ -1471,51 +1512,73 @@
1471
1512
  top: -50px;
1472
1513
  }
1473
1514
  .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1474
- .e-richtexteditor .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1515
+ .e-richtexteditor .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
1516
+ .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1517
+ .e-rte-elements .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1475
1518
  top: -130px;
1476
1519
  }
1477
1520
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
1478
1521
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
1479
- .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1522
+ .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
1523
+ .e-rte-elements .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
1524
+ .e-rte-elements .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
1525
+ .e-rte-elements .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1480
1526
  display: none;
1481
1527
  }
1482
1528
  .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea,
1483
1529
  .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea,
1484
- .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea {
1530
+ .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea,
1531
+ .e-rte-elements .e-dialog .e-img-uploadwrap.e-droparea,
1532
+ .e-rte-elements .e-dialog .e-aud-uploadwrap.e-droparea,
1533
+ .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea {
1485
1534
  line-height: 10;
1486
1535
  min-height: 50px;
1487
1536
  position: relative;
1488
1537
  }
1489
1538
  .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-rte-upload-text,
1490
1539
  .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-rte-upload-text,
1491
- .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-rte-upload-text {
1540
+ .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-rte-upload-text,
1541
+ .e-rte-elements .e-dialog .e-img-uploadwrap.e-droparea .e-rte-upload-text,
1542
+ .e-rte-elements .e-dialog .e-aud-uploadwrap.e-droparea .e-rte-upload-text,
1543
+ .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea .e-rte-upload-text {
1492
1544
  display: inline-block;
1493
1545
  line-height: normal;
1494
1546
  }
1495
1547
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea,
1496
1548
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea,
1497
- .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea {
1549
+ .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea,
1550
+ .e-rte-elements .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea,
1551
+ .e-rte-elements .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea,
1552
+ .e-rte-elements .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea {
1498
1553
  line-height: 4;
1499
1554
  }
1500
- .e-richtexteditor .e-rte-inline-dropdown ul {
1555
+ .e-richtexteditor .e-rte-inline-dropdown ul,
1556
+ .e-rte-elements .e-rte-inline-dropdown ul {
1501
1557
  max-height: 200px;
1502
1558
  overflow-y: auto;
1503
1559
  }
1504
- .e-richtexteditor .e-rte-dropdown-popup.e-rte-dropdown-items ul {
1560
+ .e-richtexteditor .e-rte-dropdown-popup.e-rte-dropdown-items ul,
1561
+ .e-rte-elements .e-rte-dropdown-popup.e-rte-dropdown-items ul {
1505
1562
  max-height: 280px;
1506
1563
  overflow-y: auto;
1507
1564
  }
1508
- .e-richtexteditor .e-bigger .e-rte-dropdown-popup.e-rte-dropdown-items ul {
1565
+ .e-richtexteditor .e-bigger .e-rte-dropdown-popup.e-rte-dropdown-items ul,
1566
+ .e-rte-elements .e-bigger .e-rte-dropdown-popup.e-rte-dropdown-items ul {
1509
1567
  max-height: 360px;
1510
1568
  overflow-y: auto;
1511
1569
  }
1512
1570
  .e-richtexteditor .e-dropdown-btn.e-rte-backgroundcolor-dropdown,
1513
1571
  .e-richtexteditor .e-dropdown-btn.e-rte-fontcolor-dropdown,
1514
1572
  .e-richtexteditor .e-dropdown-btn.e-rte-numberformatlist-dropdown,
1515
- .e-richtexteditor .e-dropdown-btn.e-rte-bulletformatlist-dropdown {
1573
+ .e-richtexteditor .e-dropdown-btn.e-rte-bulletformatlist-dropdown,
1574
+ .e-rte-elements .e-dropdown-btn.e-rte-backgroundcolor-dropdown,
1575
+ .e-rte-elements .e-dropdown-btn.e-rte-fontcolor-dropdown,
1576
+ .e-rte-elements .e-dropdown-btn.e-rte-numberformatlist-dropdown,
1577
+ .e-rte-elements .e-dropdown-btn.e-rte-bulletformatlist-dropdown {
1516
1578
  line-height: 14px;
1517
1579
  }
1518
- .e-richtexteditor .e-rte-table-popup.e-popup.e-popup-open {
1580
+ .e-richtexteditor .e-rte-table-popup.e-popup.e-popup-open,
1581
+ .e-rte-elements .e-rte-table-popup.e-popup.e-popup-open {
1519
1582
  border-radius: 6px;
1520
1583
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15);
1521
1584
  font-size: 14px;
@@ -1525,7 +1588,8 @@
1525
1588
  padding: 10px;
1526
1589
  border: 1px solid var(--color-sf-outline-variant);
1527
1590
  }
1528
- .e-richtexteditor .e-rte-table-popup.e-popup-open .e-rte-tablecell {
1591
+ .e-richtexteditor .e-rte-table-popup.e-popup-open .e-rte-tablecell,
1592
+ .e-rte-elements .e-rte-table-popup.e-popup-open .e-rte-tablecell {
1529
1593
  border: 1px solid rgba(var(--color-sf-outline-variant));
1530
1594
  display: inline-block;
1531
1595
  height: 20px;
@@ -1534,82 +1598,102 @@
1534
1598
  vertical-align: top;
1535
1599
  width: 20px;
1536
1600
  }
1537
- .e-richtexteditor .e-rte-table-popup.e-popup-open .e-rte-table-row {
1601
+ .e-richtexteditor .e-rte-table-popup.e-popup-open .e-rte-table-row,
1602
+ .e-rte-elements .e-rte-table-popup.e-popup-open .e-rte-table-row {
1538
1603
  height: 24px;
1539
1604
  }
1540
- .e-richtexteditor .e-rte-table-popup.e-popup-open .e-insert-table-btn {
1605
+ .e-richtexteditor .e-rte-table-popup.e-popup-open .e-insert-table-btn,
1606
+ .e-rte-elements .e-rte-table-popup.e-popup-open .e-insert-table-btn {
1541
1607
  width: 100%;
1542
1608
  }
1543
- .e-richtexteditor .e-rte-edit-table .e-rte-field {
1609
+ .e-richtexteditor .e-rte-edit-table .e-rte-field,
1610
+ .e-rte-elements .e-rte-edit-table .e-rte-field {
1544
1611
  padding-top: 20px;
1545
1612
  }
1546
- .e-richtexteditor .e-rte-edit-table .e-rte-field:first-child {
1613
+ .e-richtexteditor .e-rte-edit-table .e-rte-field:first-child,
1614
+ .e-rte-elements .e-rte-edit-table .e-rte-field:first-child {
1547
1615
  padding-top: 0;
1548
1616
  }
1549
1617
  .e-richtexteditor .e-rte-content .e-content table td.e-cell-select,
1550
- .e-richtexteditor .e-rte-content .e-content table th.e-cell-select {
1618
+ .e-richtexteditor .e-rte-content .e-content table th.e-cell-select,
1619
+ .e-rte-elements .e-rte-content .e-content table td.e-cell-select,
1620
+ .e-rte-elements .e-rte-content .e-content table th.e-cell-select {
1551
1621
  border: 1px double rgba(var(--color-sf-primary));
1552
1622
  height: 24.67px;
1553
1623
  }
1554
- .e-richtexteditor span.e-table-box {
1624
+ .e-richtexteditor span.e-table-box,
1625
+ .e-rte-elements span.e-table-box {
1555
1626
  cursor: nwse-resize;
1556
1627
  display: block;
1557
1628
  height: 10px;
1558
1629
  position: absolute;
1559
1630
  width: 10px;
1560
1631
  }
1561
- .e-richtexteditor span.e-table-box.e-hide {
1632
+ .e-richtexteditor span.e-table-box.e-hide,
1633
+ .e-rte-elements span.e-table-box.e-hide {
1562
1634
  display: none;
1563
1635
  }
1564
- .e-richtexteditor span.e-table-box.e-rmob {
1636
+ .e-richtexteditor span.e-table-box.e-rmob,
1637
+ .e-rte-elements span.e-table-box.e-rmob {
1565
1638
  height: 14px;
1566
1639
  width: 14px;
1567
1640
  }
1568
- .e-richtexteditor .e-upload .e-upload-files .e-upload-file-list .e-file-container {
1641
+ .e-richtexteditor .e-upload .e-upload-files .e-upload-file-list .e-file-container,
1642
+ .e-rte-elements .e-upload .e-upload-files .e-upload-file-list .e-file-container {
1569
1643
  margin-right: 50px;
1570
1644
  }
1571
- .e-richtexteditor .e-rte-upload-popup {
1645
+ .e-richtexteditor .e-rte-upload-popup,
1646
+ .e-rte-elements .e-rte-upload-popup {
1572
1647
  width: 250px;
1573
1648
  }
1574
- .e-richtexteditor .e-rte-dialog-upload .e-upload-files {
1649
+ .e-richtexteditor .e-rte-dialog-upload .e-upload-files,
1650
+ .e-rte-elements .e-rte-dialog-upload .e-upload-files {
1575
1651
  border-top: 0;
1576
1652
  }
1577
- .e-richtexteditor .e-rte-dialog-upload .e-upload-files .e-upload-file-list {
1653
+ .e-richtexteditor .e-rte-dialog-upload .e-upload-files .e-upload-file-list,
1654
+ .e-rte-elements .e-rte-dialog-upload .e-upload-files .e-upload-file-list {
1578
1655
  border-bottom: 0;
1579
1656
  }
1580
- .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open {
1657
+ .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open,
1658
+ .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open {
1581
1659
  border: none;
1582
1660
  min-width: 120px;
1583
1661
  height: 330px;
1584
1662
  width: 308px;
1585
1663
  }
1586
- .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item .e-tbar-btn {
1664
+ .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item .e-tbar-btn,
1665
+ .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item .e-tbar-btn {
1587
1666
  padding: 7px 3px;
1588
1667
  border-radius: 4px;
1589
1668
  }
1590
- .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
1669
+ .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item .e-tbar-btn .e-tbar-btn-text,
1670
+ .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
1591
1671
  font-size: 24px;
1592
1672
  padding: 1px;
1593
1673
  }
1594
- .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-input-group.e-control-wrapper {
1674
+ .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-input-group.e-control-wrapper,
1675
+ .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-input-group.e-control-wrapper {
1595
1676
  margin: 10px;
1596
1677
  width: 94%;
1597
1678
  }
1598
- .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn {
1679
+ .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn,
1680
+ .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn {
1599
1681
  display: block;
1600
1682
  gap: 10px;
1601
1683
  height: 240px;
1602
1684
  overflow: auto;
1603
1685
  padding: 10px;
1604
1686
  }
1605
- .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipickerbtn-group {
1687
+ .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipickerbtn-group,
1688
+ .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipickerbtn-group {
1606
1689
  display: -ms-grid;
1607
1690
  display: grid;
1608
1691
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
1609
1692
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
1610
1693
  gap: 6px;
1611
1694
  }
1612
- .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipickerbtn-group .e-btn.e-control {
1695
+ .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipickerbtn-group .e-btn.e-control,
1696
+ .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipickerbtn-group .e-btn.e-control {
1613
1697
  display: inline-block;
1614
1698
  box-shadow: none;
1615
1699
  font-size: 24px;
@@ -1619,7 +1703,8 @@
1619
1703
  border: none;
1620
1704
  line-height: 1px;
1621
1705
  }
1622
- .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojisearch-btn {
1706
+ .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojisearch-btn,
1707
+ .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojisearch-btn {
1623
1708
  display: -ms-grid;
1624
1709
  display: grid;
1625
1710
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
@@ -1627,7 +1712,8 @@
1627
1712
  gap: 6px;
1628
1713
  height: 0;
1629
1714
  }
1630
- .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojisearch-btn .e-btn.e-control {
1715
+ .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojisearch-btn .e-btn.e-control,
1716
+ .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojisearch-btn .e-btn.e-control {
1631
1717
  display: inline-block;
1632
1718
  box-shadow: none;
1633
1719
  font-size: 24px;
@@ -1637,11 +1723,13 @@
1637
1723
  border: none;
1638
1724
  line-height: 1px;
1639
1725
  }
1640
- .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipicker-name {
1726
+ .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipicker-name,
1727
+ .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipicker-name {
1641
1728
  font-weight: 500;
1642
1729
  font-size: 14px;
1643
1730
  }
1644
- .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojiSearch-noEmoji {
1731
+ .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojiSearch-noEmoji,
1732
+ .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojiSearch-noEmoji {
1645
1733
  text-align: center;
1646
1734
  }
1647
1735
 
@@ -2552,10 +2640,64 @@
2552
2640
  padding: 0;
2553
2641
  }
2554
2642
 
2555
- .e-richtexteditor .e-rte-table-popup.e-popup-open.e-dialog .e-rte-tablecell {
2643
+ .e-richtexteditor .e-rte-table-popup.e-popup-open.e-dialog .e-rte-tablecell,
2644
+ .e-rte-elements.e-rte-table-popup.e-popup-open.e-dialog .e-rte-tablecell {
2556
2645
  margin: 1px;
2557
2646
  }
2558
2647
 
2648
+ .e-rte-elements .e-rte-table-popup.e-popup-open .e-rte-table-row {
2649
+ height: 16px;
2650
+ }
2651
+ .e-rte-elements .e-rte-table-popup.e-popup-open .e-insert-table-btn {
2652
+ width: 100%;
2653
+ }
2654
+ .e-rte-elements .e-rte-table-popup.e-popup-open .e-rte-tablecell {
2655
+ border: 1px solid rgba(var(--color-sf-outline-variant));
2656
+ display: inline-block;
2657
+ height: 14px;
2658
+ margin: 1px;
2659
+ overflow: hidden;
2660
+ vertical-align: top;
2661
+ width: 14px;
2662
+ }
2663
+ .e-rte-elements .e-rte-table-popup.e-popup.e-popup-open {
2664
+ border-radius: 6px;
2665
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15);
2666
+ font-size: 14px;
2667
+ font-weight: normal;
2668
+ min-width: 120px;
2669
+ overflow: hidden;
2670
+ padding: 10px;
2671
+ }
2672
+
2673
+ .e-rte-elements.e-dialog .e-img-uploadwrap.e-droparea .e-rte-upload-text,
2674
+ .e-rte-elements.e-dialog .e-aud-uploadwrap.e-droparea .e-rte-upload-text,
2675
+ .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea .e-rte-upload-text {
2676
+ display: inline-block;
2677
+ line-height: normal;
2678
+ }
2679
+ .e-rte-elements.e-dialog .e-img-uploadwrap.e-droparea,
2680
+ .e-rte-elements.e-dialog .e-aud-uploadwrap.e-droparea,
2681
+ .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea {
2682
+ line-height: 10;
2683
+ min-height: 50px;
2684
+ position: relative;
2685
+ }
2686
+ .e-rte-elements.e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
2687
+ .e-rte-elements.e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
2688
+ .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
2689
+ display: block;
2690
+ height: 32px;
2691
+ margin: 0 auto;
2692
+ padding: 6px 16px;
2693
+ position: relative;
2694
+ top: -50px;
2695
+ }
2696
+ .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
2697
+ .e-rte-elements.e-dialog .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
2698
+ top: -130px;
2699
+ }
2700
+
2559
2701
  .e-transparent.e-rte-elements.e-tbar-btn.e-rte-fontcolor-dropdown,
2560
2702
  .e-transparent.e-rte-elements.e-tbar-btn.e-rte-backgroundcolor-dropdown {
2561
2703
  visibility: hidden;
@@ -3027,7 +3169,7 @@ span.e-rte-videoboxmark {
3027
3169
  }
3028
3170
 
3029
3171
  .e-rte-table.e-alternate-border tbody tr:nth-child(2n+0) {
3030
- background-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
3172
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
3031
3173
  }
3032
3174
 
3033
3175
  .e-rte-table th {