@syncfusion/ej2-angular-richtexteditor 23.2.7 → 24.1.41

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
@@ -294,7 +294,7 @@
294
294
  }
295
295
  .e-rte-toolbar .e-caption::before,
296
296
  .e-rte-dropdown-popup .e-caption::before {
297
- content: "\e35b";
297
+ content: "\e11d";
298
298
  }
299
299
  .e-rte-toolbar .e-remove::before,
300
300
  .e-rte-toolbar .e-audio-remove::before,
@@ -376,7 +376,7 @@
376
376
  }
377
377
  .e-rte-toolbar .e-table-header::before,
378
378
  .e-rte-dropdown-popup .e-table-header::before {
379
- content: "\eb03";
379
+ content: "\e705";
380
380
  }
381
381
  .e-rte-toolbar .e-table-remove::before,
382
382
  .e-rte-dropdown-popup .e-table-remove::before {
@@ -400,7 +400,7 @@
400
400
  }
401
401
  .e-rte-toolbar .e-create-table::before,
402
402
  .e-rte-dropdown-popup .e-create-table::before {
403
- content: "\e705";
403
+ content: "\e294";
404
404
  }
405
405
  .e-rte-toolbar .e-align-bottom::before,
406
406
  .e-rte-dropdown-popup .e-align-bottom::before {
@@ -498,6 +498,10 @@
498
498
  .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
499
499
  margin-left: 3px;
500
500
  }
501
+ .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-item:first-child,
502
+ .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-item:first-child {
503
+ margin-left: 0;
504
+ }
501
505
  .e-bigger .e-richtexteditor.e-rtl .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
502
506
  .e-richtexteditor.e-bigger.e-rtl .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
503
507
  margin-left: 0;
@@ -739,6 +743,9 @@
739
743
  .e-richtexteditor .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos):not(.e-toolbar-multirow) .e-toolbar-item:first-child {
740
744
  margin-left: 6px;
741
745
  }
746
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-item:first-child {
747
+ margin-left: 0;
748
+ }
742
749
  .e-richtexteditor .e-rte-toolbar .e-hor-nav.e-expended-nav {
743
750
  height: auto;
744
751
  min-height: 44px;
@@ -944,7 +951,6 @@
944
951
  height: 100%;
945
952
  min-height: 100px;
946
953
  outline: 0 solid transparent;
947
- overflow-x: auto;
948
954
  padding: 16px;
949
955
  position: relative;
950
956
  text-align: inherit;
@@ -1443,7 +1449,11 @@
1443
1449
  .e-richtexteditor .e-linkheader,
1444
1450
  .e-richtexteditor .e-audioheader,
1445
1451
  .e-richtexteditor .e-videoheader,
1446
- .e-richtexteditor .e-video-url-wrap {
1452
+ .e-richtexteditor .e-video-url-wrap,
1453
+ .e-rte-elements .e-linkheader,
1454
+ .e-rte-elements .e-audioheader,
1455
+ .e-rte-elements .e-videoheader,
1456
+ .e-rte-elements .e-video-url-wrap {
1447
1457
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
1448
1458
  font-size: 15px;
1449
1459
  opacity: 0.87;
@@ -1451,13 +1461,17 @@
1451
1461
  padding-top: 20px;
1452
1462
  }
1453
1463
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
1454
- .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
1464
+ .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control,
1465
+ .e-rte-elements .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
1466
+ .e-rte-elements .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
1455
1467
  padding: 2px 3.5px;
1456
1468
  }
1457
- .e-richtexteditor .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
1469
+ .e-richtexteditor .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon,
1470
+ .e-rte-elements .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
1458
1471
  min-width: 24px;
1459
1472
  }
1460
- .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
1473
+ .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover,
1474
+ .e-rte-elements .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
1461
1475
  padding: 0 2.5px;
1462
1476
  }
1463
1477
  .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-delete-btn.e-icons,
@@ -1465,45 +1479,72 @@
1465
1479
  .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-delete-btn.e-icons,
1466
1480
  .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1467
1481
  .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-delete-btn.e-icons,
1468
- .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
1482
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1483
+ .e-rte-elements .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-delete-btn.e-icons,
1484
+ .e-rte-elements .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1485
+ .e-rte-elements .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-delete-btn.e-icons,
1486
+ .e-rte-elements .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1487
+ .e-rte-elements .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-delete-btn.e-icons,
1488
+ .e-rte-elements .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
1469
1489
  margin-top: 0;
1470
1490
  }
1471
1491
  .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1472
1492
  .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1473
- .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
1493
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1494
+ .e-rte-elements .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1495
+ .e-rte-elements .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1496
+ .e-rte-elements .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
1474
1497
  margin-right: 30px;
1475
1498
  }
1476
1499
  .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
1477
1500
  .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
1478
- .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list {
1501
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
1502
+ .e-rte-elements .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
1503
+ .e-rte-elements .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
1504
+ .e-rte-elements .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list {
1479
1505
  border-bottom: 0 solid transparent;
1480
1506
  min-height: initial;
1481
1507
  }
1482
1508
  .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container,
1483
1509
  .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container,
1484
- .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container {
1510
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container,
1511
+ .e-rte-elements .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container,
1512
+ .e-rte-elements .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container,
1513
+ .e-rte-elements .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container {
1485
1514
  margin-left: 0;
1486
1515
  margin-right: 0;
1487
1516
  }
1488
1517
  .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files,
1489
1518
  .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files,
1490
- .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files {
1519
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files,
1520
+ .e-rte-elements .e-img-uploadwrap.e-droparea .e-upload .e-upload-files,
1521
+ .e-rte-elements .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files,
1522
+ .e-rte-elements .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files {
1491
1523
  border-top: 0 solid transparent;
1492
1524
  }
1493
1525
  .e-richtexteditor .e-img-uploadwrap.e-droparea .e-file-select-wrap,
1494
1526
  .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-file-select-wrap,
1495
- .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-file-select-wrap {
1527
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-file-select-wrap,
1528
+ .e-rte-elements .e-img-uploadwrap.e-droparea .e-file-select-wrap,
1529
+ .e-rte-elements .e-aud-uploadwrap.e-droparea .e-file-select-wrap,
1530
+ .e-rte-elements .e-vid-uploadwrap.e-droparea .e-file-select-wrap {
1496
1531
  display: none;
1497
1532
  }
1498
1533
  .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload,
1499
1534
  .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload,
1500
- .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload {
1535
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload,
1536
+ .e-rte-elements .e-img-uploadwrap.e-droparea .e-upload,
1537
+ .e-rte-elements .e-aud-uploadwrap.e-droparea .e-upload,
1538
+ .e-rte-elements .e-vid-uploadwrap.e-droparea .e-upload {
1501
1539
  border: 0 solid transparent;
1502
1540
  float: none;
1503
1541
  }
1504
1542
  .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
1505
1543
  .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
1506
- .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
1544
+ .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1545
+ .e-rte-elements .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
1546
+ .e-rte-elements .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
1547
+ .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
1507
1548
  display: block;
1508
1549
  height: 36px;
1509
1550
  margin: 0 auto;
@@ -1512,51 +1553,73 @@
1512
1553
  top: -50px;
1513
1554
  }
1514
1555
  .e-richtexteditor .e-dialog .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 {
1556
+ .e-richtexteditor .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
1557
+ .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1558
+ .e-rte-elements .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1516
1559
  top: -130px;
1517
1560
  }
1518
1561
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
1519
1562
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
1520
- .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1563
+ .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
1564
+ .e-rte-elements .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
1565
+ .e-rte-elements .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
1566
+ .e-rte-elements .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1521
1567
  display: none;
1522
1568
  }
1523
1569
  .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea,
1524
1570
  .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea,
1525
- .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea {
1571
+ .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea,
1572
+ .e-rte-elements .e-dialog .e-img-uploadwrap.e-droparea,
1573
+ .e-rte-elements .e-dialog .e-aud-uploadwrap.e-droparea,
1574
+ .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea {
1526
1575
  line-height: 10;
1527
1576
  min-height: 50px;
1528
1577
  position: relative;
1529
1578
  }
1530
1579
  .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-rte-upload-text,
1531
1580
  .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-rte-upload-text,
1532
- .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-rte-upload-text {
1581
+ .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-rte-upload-text,
1582
+ .e-rte-elements .e-dialog .e-img-uploadwrap.e-droparea .e-rte-upload-text,
1583
+ .e-rte-elements .e-dialog .e-aud-uploadwrap.e-droparea .e-rte-upload-text,
1584
+ .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea .e-rte-upload-text {
1533
1585
  display: inline-block;
1534
1586
  line-height: normal;
1535
1587
  }
1536
1588
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea,
1537
1589
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea,
1538
- .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea {
1590
+ .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea,
1591
+ .e-rte-elements .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea,
1592
+ .e-rte-elements .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea,
1593
+ .e-rte-elements .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea {
1539
1594
  line-height: 4;
1540
1595
  }
1541
- .e-richtexteditor .e-rte-inline-dropdown ul {
1596
+ .e-richtexteditor .e-rte-inline-dropdown ul,
1597
+ .e-rte-elements .e-rte-inline-dropdown ul {
1542
1598
  max-height: 200px;
1543
1599
  overflow-y: auto;
1544
1600
  }
1545
- .e-richtexteditor .e-rte-dropdown-popup.e-rte-dropdown-items ul {
1601
+ .e-richtexteditor .e-rte-dropdown-popup.e-rte-dropdown-items ul,
1602
+ .e-rte-elements .e-rte-dropdown-popup.e-rte-dropdown-items ul {
1546
1603
  max-height: 280px;
1547
1604
  overflow-y: auto;
1548
1605
  }
1549
- .e-richtexteditor .e-bigger .e-rte-dropdown-popup.e-rte-dropdown-items ul {
1606
+ .e-richtexteditor .e-bigger .e-rte-dropdown-popup.e-rte-dropdown-items ul,
1607
+ .e-rte-elements .e-bigger .e-rte-dropdown-popup.e-rte-dropdown-items ul {
1550
1608
  max-height: 360px;
1551
1609
  overflow-y: auto;
1552
1610
  }
1553
1611
  .e-richtexteditor .e-dropdown-btn.e-rte-backgroundcolor-dropdown,
1554
1612
  .e-richtexteditor .e-dropdown-btn.e-rte-fontcolor-dropdown,
1555
1613
  .e-richtexteditor .e-dropdown-btn.e-rte-numberformatlist-dropdown,
1556
- .e-richtexteditor .e-dropdown-btn.e-rte-bulletformatlist-dropdown {
1614
+ .e-richtexteditor .e-dropdown-btn.e-rte-bulletformatlist-dropdown,
1615
+ .e-rte-elements .e-dropdown-btn.e-rte-backgroundcolor-dropdown,
1616
+ .e-rte-elements .e-dropdown-btn.e-rte-fontcolor-dropdown,
1617
+ .e-rte-elements .e-dropdown-btn.e-rte-numberformatlist-dropdown,
1618
+ .e-rte-elements .e-dropdown-btn.e-rte-bulletformatlist-dropdown {
1557
1619
  line-height: 30px;
1558
1620
  }
1559
- .e-richtexteditor .e-rte-table-popup.e-popup.e-popup-open {
1621
+ .e-richtexteditor .e-rte-table-popup.e-popup.e-popup-open,
1622
+ .e-rte-elements .e-rte-table-popup.e-popup.e-popup-open {
1560
1623
  border-radius: 0;
1561
1624
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
1562
1625
  font-size: 14px;
@@ -1566,7 +1629,8 @@
1566
1629
  padding: 10px;
1567
1630
  border: 1px solid #ccc;
1568
1631
  }
1569
- .e-richtexteditor .e-rte-table-popup.e-popup-open .e-rte-tablecell {
1632
+ .e-richtexteditor .e-rte-table-popup.e-popup-open .e-rte-tablecell,
1633
+ .e-rte-elements .e-rte-table-popup.e-popup-open .e-rte-tablecell {
1570
1634
  border: 1px solid #ccc;
1571
1635
  display: inline-block;
1572
1636
  height: 14px;
@@ -1575,85 +1639,107 @@
1575
1639
  vertical-align: top;
1576
1640
  width: 14px;
1577
1641
  }
1578
- .e-richtexteditor .e-rte-table-popup.e-popup-open .e-rte-table-row {
1642
+ .e-richtexteditor .e-rte-table-popup.e-popup-open .e-rte-table-row,
1643
+ .e-rte-elements .e-rte-table-popup.e-popup-open .e-rte-table-row {
1579
1644
  height: 16px;
1580
1645
  }
1581
- .e-richtexteditor .e-rte-table-popup.e-popup-open .e-insert-table-btn {
1646
+ .e-richtexteditor .e-rte-table-popup.e-popup-open .e-insert-table-btn,
1647
+ .e-rte-elements .e-rte-table-popup.e-popup-open .e-insert-table-btn {
1582
1648
  width: 100%;
1583
1649
  }
1584
- .e-richtexteditor .e-rte-edit-table .e-rte-field {
1650
+ .e-richtexteditor .e-rte-edit-table .e-rte-field,
1651
+ .e-rte-elements .e-rte-edit-table .e-rte-field {
1585
1652
  padding-top: 20px;
1586
1653
  }
1587
- .e-richtexteditor .e-rte-edit-table .e-rte-field:first-child {
1654
+ .e-richtexteditor .e-rte-edit-table .e-rte-field:first-child,
1655
+ .e-rte-elements .e-rte-edit-table .e-rte-field:first-child {
1588
1656
  padding-top: 0;
1589
1657
  }
1590
1658
  .e-richtexteditor .e-rte-content .e-content table td.e-cell-select,
1591
- .e-richtexteditor .e-rte-content .e-content table th.e-cell-select {
1659
+ .e-richtexteditor .e-rte-content .e-content table th.e-cell-select,
1660
+ .e-rte-elements .e-rte-content .e-content table td.e-cell-select,
1661
+ .e-rte-elements .e-rte-content .e-content table th.e-cell-select {
1592
1662
  border: 1px double #0478d7;
1593
1663
  height: 24.67px;
1594
1664
  }
1595
- .e-richtexteditor span.e-table-box {
1665
+ .e-richtexteditor span.e-table-box,
1666
+ .e-rte-elements span.e-table-box {
1596
1667
  cursor: nwse-resize;
1597
1668
  display: block;
1598
1669
  height: 10px;
1599
1670
  position: absolute;
1600
1671
  width: 10px;
1601
1672
  }
1602
- .e-richtexteditor span.e-table-box.e-hide {
1673
+ .e-richtexteditor span.e-table-box.e-hide,
1674
+ .e-rte-elements span.e-table-box.e-hide {
1603
1675
  display: none;
1604
1676
  }
1605
- .e-richtexteditor span.e-table-box.e-rmob {
1677
+ .e-richtexteditor span.e-table-box.e-rmob,
1678
+ .e-rte-elements span.e-table-box.e-rmob {
1606
1679
  height: 14px;
1607
1680
  width: 14px;
1608
1681
  }
1609
- .e-richtexteditor .e-upload .e-upload-files .e-upload-file-list .e-file-container {
1682
+ .e-richtexteditor .e-upload .e-upload-files .e-upload-file-list .e-file-container,
1683
+ .e-rte-elements .e-upload .e-upload-files .e-upload-file-list .e-file-container {
1610
1684
  margin-right: 50px;
1611
1685
  }
1612
- .e-richtexteditor .e-rte-upload-popup {
1686
+ .e-richtexteditor .e-rte-upload-popup,
1687
+ .e-rte-elements .e-rte-upload-popup {
1613
1688
  width: 250px;
1614
1689
  }
1615
- .e-richtexteditor .e-rte-dialog-upload .e-upload-files {
1690
+ .e-richtexteditor .e-rte-dialog-upload .e-upload-files,
1691
+ .e-rte-elements .e-rte-dialog-upload .e-upload-files {
1616
1692
  border-top: 0;
1617
1693
  }
1618
- .e-richtexteditor .e-rte-dialog-upload .e-upload-files .e-upload-file-list {
1694
+ .e-richtexteditor .e-rte-dialog-upload .e-upload-files .e-upload-file-list,
1695
+ .e-rte-elements .e-rte-dialog-upload .e-upload-files .e-upload-file-list {
1619
1696
  border-bottom: 0;
1620
1697
  }
1621
- .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open {
1698
+ .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open,
1699
+ .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open {
1622
1700
  border: 1px solid #fff;
1623
1701
  min-width: 120px;
1624
1702
  height: 330px;
1625
1703
  width: 308px;
1626
1704
  }
1627
- .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item .e-tbar-btn {
1705
+ .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item .e-tbar-btn,
1706
+ .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item .e-tbar-btn {
1628
1707
  padding: 7px 3px;
1629
1708
  border-radius: 4px;
1630
1709
  }
1631
- .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item .e-tbar-btn:hover, .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
1710
+ .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item .e-tbar-btn:hover, .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item .e-tbar-btn:focus,
1711
+ .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item .e-tbar-btn:hover,
1712
+ .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
1632
1713
  padding: 6px 2px;
1633
1714
  }
1634
- .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
1715
+ .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item .e-tbar-btn .e-tbar-btn-text,
1716
+ .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
1635
1717
  font-size: 24px;
1636
1718
  padding: 1px;
1637
1719
  }
1638
- .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-input-group.e-control-wrapper {
1720
+ .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-input-group.e-control-wrapper,
1721
+ .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-input-group.e-control-wrapper {
1639
1722
  margin: 10px;
1640
1723
  width: 94%;
1641
1724
  }
1642
- .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn {
1725
+ .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn,
1726
+ .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn {
1643
1727
  display: block;
1644
1728
  gap: 10px;
1645
1729
  height: 245px;
1646
1730
  overflow: auto;
1647
1731
  padding: 10px;
1648
1732
  }
1649
- .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipickerbtn-group {
1733
+ .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipickerbtn-group,
1734
+ .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipickerbtn-group {
1650
1735
  display: -ms-grid;
1651
1736
  display: grid;
1652
1737
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
1653
1738
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
1654
1739
  gap: 6px;
1655
1740
  }
1656
- .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 {
1741
+ .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,
1742
+ .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 {
1657
1743
  display: inline-block;
1658
1744
  box-shadow: none;
1659
1745
  font-size: 24px;
@@ -1663,7 +1749,8 @@
1663
1749
  border: none;
1664
1750
  line-height: 1px;
1665
1751
  }
1666
- .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojisearch-btn {
1752
+ .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojisearch-btn,
1753
+ .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojisearch-btn {
1667
1754
  display: -ms-grid;
1668
1755
  display: grid;
1669
1756
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
@@ -1671,7 +1758,8 @@
1671
1758
  gap: 6px;
1672
1759
  height: 0;
1673
1760
  }
1674
- .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojisearch-btn .e-btn.e-control {
1761
+ .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojisearch-btn .e-btn.e-control,
1762
+ .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojisearch-btn .e-btn.e-control {
1675
1763
  display: inline-block;
1676
1764
  box-shadow: none;
1677
1765
  font-size: 24px;
@@ -1681,11 +1769,13 @@
1681
1769
  border: none;
1682
1770
  line-height: 1px;
1683
1771
  }
1684
- .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipicker-name {
1772
+ .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipicker-name,
1773
+ .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipicker-name {
1685
1774
  font-weight: 400;
1686
1775
  font-size: 14px;
1687
1776
  }
1688
- .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojiSearch-noEmoji {
1777
+ .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojiSearch-noEmoji,
1778
+ .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojiSearch-noEmoji {
1689
1779
  text-align: center;
1690
1780
  }
1691
1781
 
@@ -2577,8 +2667,62 @@
2577
2667
  padding-right: 0;
2578
2668
  }
2579
2669
 
2580
- .e-richtexteditor .e-rte-table-popup.e-popup-open.e-dialog .e-rte-tablecell {
2670
+ .e-richtexteditor .e-rte-table-popup.e-popup-open.e-dialog .e-rte-tablecell,
2671
+ .e-rte-elements.e-rte-table-popup.e-popup-open.e-dialog .e-rte-tablecell {
2672
+ margin: 1px;
2673
+ }
2674
+
2675
+ .e-rte-elements .e-rte-table-popup.e-popup-open .e-rte-table-row {
2676
+ height: 16px;
2677
+ }
2678
+ .e-rte-elements .e-rte-table-popup.e-popup-open .e-insert-table-btn {
2679
+ width: 100%;
2680
+ }
2681
+ .e-rte-elements .e-rte-table-popup.e-popup-open .e-rte-tablecell {
2682
+ border: 1px solid #ccc;
2683
+ display: inline-block;
2684
+ height: 14px;
2581
2685
  margin: 1px;
2686
+ overflow: hidden;
2687
+ vertical-align: top;
2688
+ width: 14px;
2689
+ }
2690
+ .e-rte-elements .e-rte-table-popup.e-popup.e-popup-open {
2691
+ border-radius: 0;
2692
+ box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
2693
+ font-size: 14px;
2694
+ font-weight: normal;
2695
+ min-width: 120px;
2696
+ overflow: hidden;
2697
+ padding: 10px;
2698
+ }
2699
+
2700
+ .e-rte-elements.e-dialog .e-img-uploadwrap.e-droparea .e-rte-upload-text,
2701
+ .e-rte-elements.e-dialog .e-aud-uploadwrap.e-droparea .e-rte-upload-text,
2702
+ .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea .e-rte-upload-text {
2703
+ display: inline-block;
2704
+ line-height: normal;
2705
+ }
2706
+ .e-rte-elements.e-dialog .e-img-uploadwrap.e-droparea,
2707
+ .e-rte-elements.e-dialog .e-aud-uploadwrap.e-droparea,
2708
+ .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea {
2709
+ line-height: 10;
2710
+ min-height: 50px;
2711
+ position: relative;
2712
+ }
2713
+ .e-rte-elements.e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
2714
+ .e-rte-elements.e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
2715
+ .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
2716
+ display: block;
2717
+ height: 36px;
2718
+ margin: 0 auto;
2719
+ padding: 0 18px;
2720
+ position: relative;
2721
+ top: -50px;
2722
+ }
2723
+ .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
2724
+ .e-rte-elements.e-dialog .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
2725
+ top: -130px;
2582
2726
  }
2583
2727
 
2584
2728
  .e-transparent.e-rte-elements.e-tbar-btn.e-rte-fontcolor-dropdown,
@@ -3049,7 +3193,7 @@ span.e-rte-videoboxmark {
3049
3193
  }
3050
3194
 
3051
3195
  .e-rte-table.e-alternate-border tbody tr:nth-child(2n+0) {
3052
- background-color: #f5f5f5;
3196
+ background: #f5f5f5;
3053
3197
  }
3054
3198
 
3055
3199
  .e-rte-table th {