@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
@@ -197,7 +197,7 @@
197
197
  }
198
198
  .e-rte-toolbar .e-caption::before,
199
199
  .e-rte-dropdown-popup .e-caption::before {
200
- content: "\e82e";
200
+ content: "\e8e2";
201
201
  }
202
202
  .e-rte-toolbar .e-remove::before,
203
203
  .e-rte-toolbar .e-audio-remove::before,
@@ -279,7 +279,7 @@
279
279
  }
280
280
  .e-rte-toolbar .e-table-header::before,
281
281
  .e-rte-dropdown-popup .e-table-header::before {
282
- content: "\e7c3";
282
+ content: "\e7e9";
283
283
  }
284
284
  .e-rte-toolbar .e-table-remove::before,
285
285
  .e-rte-dropdown-popup .e-table-remove::before {
@@ -303,7 +303,7 @@
303
303
  }
304
304
  .e-rte-toolbar .e-create-table::before,
305
305
  .e-rte-dropdown-popup .e-create-table::before {
306
- content: "\e7e9";
306
+ content: "\e83f";
307
307
  }
308
308
  .e-rte-toolbar .e-align-bottom::before,
309
309
  .e-rte-dropdown-popup .e-align-bottom::before {
@@ -401,6 +401,10 @@
401
401
  .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
402
402
  margin-left: 3px;
403
403
  }
404
+ .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-item:first-child,
405
+ .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-item:first-child {
406
+ margin-left: 0;
407
+ }
404
408
  .e-bigger .e-richtexteditor.e-rtl .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
405
409
  .e-richtexteditor.e-bigger.e-rtl .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
406
410
  margin-left: 0;
@@ -642,6 +646,9 @@
642
646
  .e-richtexteditor .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos):not(.e-toolbar-multirow) .e-toolbar-item:first-child {
643
647
  margin-left: 8px;
644
648
  }
649
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-item:first-child {
650
+ margin-left: 0;
651
+ }
645
652
  .e-richtexteditor .e-rte-toolbar .e-hor-nav.e-expended-nav {
646
653
  height: auto;
647
654
  min-height: 48px;
@@ -847,7 +854,6 @@
847
854
  height: 100%;
848
855
  min-height: 100px;
849
856
  outline: 0 solid transparent;
850
- overflow-x: auto;
851
857
  padding: 16px;
852
858
  position: relative;
853
859
  text-align: inherit;
@@ -1346,7 +1352,11 @@
1346
1352
  .e-richtexteditor .e-linkheader,
1347
1353
  .e-richtexteditor .e-audioheader,
1348
1354
  .e-richtexteditor .e-videoheader,
1349
- .e-richtexteditor .e-video-url-wrap {
1355
+ .e-richtexteditor .e-video-url-wrap,
1356
+ .e-rte-elements .e-linkheader,
1357
+ .e-rte-elements .e-audioheader,
1358
+ .e-rte-elements .e-videoheader,
1359
+ .e-rte-elements .e-video-url-wrap {
1350
1360
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
1351
1361
  font-size: 10px;
1352
1362
  opacity: 0.87;
@@ -1354,13 +1364,17 @@
1354
1364
  padding-top: 20px;
1355
1365
  }
1356
1366
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
1357
- .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
1367
+ .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control,
1368
+ .e-rte-elements .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
1369
+ .e-rte-elements .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
1358
1370
  padding: 0 7px;
1359
1371
  }
1360
- .e-richtexteditor .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
1372
+ .e-richtexteditor .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon,
1373
+ .e-rte-elements .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
1361
1374
  min-width: 18px;
1362
1375
  }
1363
- .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
1376
+ .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover,
1377
+ .e-rte-elements .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
1364
1378
  padding: 0 7px;
1365
1379
  }
1366
1380
  .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-delete-btn.e-icons,
@@ -1368,45 +1382,72 @@
1368
1382
  .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-delete-btn.e-icons,
1369
1383
  .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1370
1384
  .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-delete-btn.e-icons,
1371
- .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
1385
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1386
+ .e-rte-elements .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-delete-btn.e-icons,
1387
+ .e-rte-elements .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1388
+ .e-rte-elements .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-delete-btn.e-icons,
1389
+ .e-rte-elements .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1390
+ .e-rte-elements .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-delete-btn.e-icons,
1391
+ .e-rte-elements .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
1372
1392
  margin-top: 0;
1373
1393
  }
1374
1394
  .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1375
1395
  .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1376
- .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
1396
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1397
+ .e-rte-elements .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1398
+ .e-rte-elements .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1399
+ .e-rte-elements .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
1377
1400
  margin-right: 30px;
1378
1401
  }
1379
1402
  .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
1380
1403
  .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
1381
- .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list {
1404
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
1405
+ .e-rte-elements .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
1406
+ .e-rte-elements .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
1407
+ .e-rte-elements .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list {
1382
1408
  border-bottom: 0 solid transparent;
1383
1409
  min-height: initial;
1384
1410
  }
1385
1411
  .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container,
1386
1412
  .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container,
1387
- .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container {
1413
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container,
1414
+ .e-rte-elements .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container,
1415
+ .e-rte-elements .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container,
1416
+ .e-rte-elements .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container {
1388
1417
  margin-left: 0;
1389
1418
  margin-right: 0;
1390
1419
  }
1391
1420
  .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files,
1392
1421
  .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files,
1393
- .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files {
1422
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files,
1423
+ .e-rte-elements .e-img-uploadwrap.e-droparea .e-upload .e-upload-files,
1424
+ .e-rte-elements .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files,
1425
+ .e-rte-elements .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files {
1394
1426
  border-top: 0 solid transparent;
1395
1427
  }
1396
1428
  .e-richtexteditor .e-img-uploadwrap.e-droparea .e-file-select-wrap,
1397
1429
  .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-file-select-wrap,
1398
- .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-file-select-wrap {
1430
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-file-select-wrap,
1431
+ .e-rte-elements .e-img-uploadwrap.e-droparea .e-file-select-wrap,
1432
+ .e-rte-elements .e-aud-uploadwrap.e-droparea .e-file-select-wrap,
1433
+ .e-rte-elements .e-vid-uploadwrap.e-droparea .e-file-select-wrap {
1399
1434
  display: none;
1400
1435
  }
1401
1436
  .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload,
1402
1437
  .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload,
1403
- .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload {
1438
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload,
1439
+ .e-rte-elements .e-img-uploadwrap.e-droparea .e-upload,
1440
+ .e-rte-elements .e-aud-uploadwrap.e-droparea .e-upload,
1441
+ .e-rte-elements .e-vid-uploadwrap.e-droparea .e-upload {
1404
1442
  border: 0 solid transparent;
1405
1443
  float: none;
1406
1444
  }
1407
1445
  .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
1408
1446
  .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
1409
- .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
1447
+ .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1448
+ .e-rte-elements .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
1449
+ .e-rte-elements .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
1450
+ .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
1410
1451
  display: block;
1411
1452
  height: 32px;
1412
1453
  margin: 0 auto;
@@ -1415,51 +1456,73 @@
1415
1456
  top: -50px;
1416
1457
  }
1417
1458
  .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1418
- .e-richtexteditor .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1459
+ .e-richtexteditor .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
1460
+ .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1461
+ .e-rte-elements .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1419
1462
  top: -130px;
1420
1463
  }
1421
1464
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
1422
1465
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
1423
- .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1466
+ .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
1467
+ .e-rte-elements .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
1468
+ .e-rte-elements .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
1469
+ .e-rte-elements .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1424
1470
  display: none;
1425
1471
  }
1426
1472
  .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea,
1427
1473
  .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea,
1428
- .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea {
1474
+ .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea,
1475
+ .e-rte-elements .e-dialog .e-img-uploadwrap.e-droparea,
1476
+ .e-rte-elements .e-dialog .e-aud-uploadwrap.e-droparea,
1477
+ .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea {
1429
1478
  line-height: 10;
1430
1479
  min-height: 50px;
1431
1480
  position: relative;
1432
1481
  }
1433
1482
  .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-rte-upload-text,
1434
1483
  .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-rte-upload-text,
1435
- .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-rte-upload-text {
1484
+ .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-rte-upload-text,
1485
+ .e-rte-elements .e-dialog .e-img-uploadwrap.e-droparea .e-rte-upload-text,
1486
+ .e-rte-elements .e-dialog .e-aud-uploadwrap.e-droparea .e-rte-upload-text,
1487
+ .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea .e-rte-upload-text {
1436
1488
  display: inline-block;
1437
1489
  line-height: normal;
1438
1490
  }
1439
1491
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea,
1440
1492
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea,
1441
- .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea {
1493
+ .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea,
1494
+ .e-rte-elements .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea,
1495
+ .e-rte-elements .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea,
1496
+ .e-rte-elements .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea {
1442
1497
  line-height: 4;
1443
1498
  }
1444
- .e-richtexteditor .e-rte-inline-dropdown ul {
1499
+ .e-richtexteditor .e-rte-inline-dropdown ul,
1500
+ .e-rte-elements .e-rte-inline-dropdown ul {
1445
1501
  max-height: 200px;
1446
1502
  overflow-y: auto;
1447
1503
  }
1448
- .e-richtexteditor .e-rte-dropdown-popup.e-rte-dropdown-items ul {
1504
+ .e-richtexteditor .e-rte-dropdown-popup.e-rte-dropdown-items ul,
1505
+ .e-rte-elements .e-rte-dropdown-popup.e-rte-dropdown-items ul {
1449
1506
  max-height: 280px;
1450
1507
  overflow-y: auto;
1451
1508
  }
1452
- .e-richtexteditor .e-bigger .e-rte-dropdown-popup.e-rte-dropdown-items ul {
1509
+ .e-richtexteditor .e-bigger .e-rte-dropdown-popup.e-rte-dropdown-items ul,
1510
+ .e-rte-elements .e-bigger .e-rte-dropdown-popup.e-rte-dropdown-items ul {
1453
1511
  max-height: 360px;
1454
1512
  overflow-y: auto;
1455
1513
  }
1456
1514
  .e-richtexteditor .e-dropdown-btn.e-rte-backgroundcolor-dropdown,
1457
1515
  .e-richtexteditor .e-dropdown-btn.e-rte-fontcolor-dropdown,
1458
1516
  .e-richtexteditor .e-dropdown-btn.e-rte-numberformatlist-dropdown,
1459
- .e-richtexteditor .e-dropdown-btn.e-rte-bulletformatlist-dropdown {
1517
+ .e-richtexteditor .e-dropdown-btn.e-rte-bulletformatlist-dropdown,
1518
+ .e-rte-elements .e-dropdown-btn.e-rte-backgroundcolor-dropdown,
1519
+ .e-rte-elements .e-dropdown-btn.e-rte-fontcolor-dropdown,
1520
+ .e-rte-elements .e-dropdown-btn.e-rte-numberformatlist-dropdown,
1521
+ .e-rte-elements .e-dropdown-btn.e-rte-bulletformatlist-dropdown {
1460
1522
  line-height: 14px;
1461
1523
  }
1462
- .e-richtexteditor .e-rte-table-popup.e-popup.e-popup-open {
1524
+ .e-richtexteditor .e-rte-table-popup.e-popup.e-popup-open,
1525
+ .e-rte-elements .e-rte-table-popup.e-popup.e-popup-open {
1463
1526
  border-radius: 6px;
1464
1527
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15);
1465
1528
  font-size: 14px;
@@ -1469,7 +1532,8 @@
1469
1532
  padding: 10px;
1470
1533
  border: 1px solid var(--color-sf-outline-variant);
1471
1534
  }
1472
- .e-richtexteditor .e-rte-table-popup.e-popup-open .e-rte-tablecell {
1535
+ .e-richtexteditor .e-rte-table-popup.e-popup-open .e-rte-tablecell,
1536
+ .e-rte-elements .e-rte-table-popup.e-popup-open .e-rte-tablecell {
1473
1537
  border: 1px solid rgba(var(--color-sf-outline-variant));
1474
1538
  display: inline-block;
1475
1539
  height: 20px;
@@ -1478,82 +1542,102 @@
1478
1542
  vertical-align: top;
1479
1543
  width: 20px;
1480
1544
  }
1481
- .e-richtexteditor .e-rte-table-popup.e-popup-open .e-rte-table-row {
1545
+ .e-richtexteditor .e-rte-table-popup.e-popup-open .e-rte-table-row,
1546
+ .e-rte-elements .e-rte-table-popup.e-popup-open .e-rte-table-row {
1482
1547
  height: 24px;
1483
1548
  }
1484
- .e-richtexteditor .e-rte-table-popup.e-popup-open .e-insert-table-btn {
1549
+ .e-richtexteditor .e-rte-table-popup.e-popup-open .e-insert-table-btn,
1550
+ .e-rte-elements .e-rte-table-popup.e-popup-open .e-insert-table-btn {
1485
1551
  width: 100%;
1486
1552
  }
1487
- .e-richtexteditor .e-rte-edit-table .e-rte-field {
1553
+ .e-richtexteditor .e-rte-edit-table .e-rte-field,
1554
+ .e-rte-elements .e-rte-edit-table .e-rte-field {
1488
1555
  padding-top: 20px;
1489
1556
  }
1490
- .e-richtexteditor .e-rte-edit-table .e-rte-field:first-child {
1557
+ .e-richtexteditor .e-rte-edit-table .e-rte-field:first-child,
1558
+ .e-rte-elements .e-rte-edit-table .e-rte-field:first-child {
1491
1559
  padding-top: 0;
1492
1560
  }
1493
1561
  .e-richtexteditor .e-rte-content .e-content table td.e-cell-select,
1494
- .e-richtexteditor .e-rte-content .e-content table th.e-cell-select {
1562
+ .e-richtexteditor .e-rte-content .e-content table th.e-cell-select,
1563
+ .e-rte-elements .e-rte-content .e-content table td.e-cell-select,
1564
+ .e-rte-elements .e-rte-content .e-content table th.e-cell-select {
1495
1565
  border: 1px double rgba(var(--color-sf-primary));
1496
1566
  height: 24.67px;
1497
1567
  }
1498
- .e-richtexteditor span.e-table-box {
1568
+ .e-richtexteditor span.e-table-box,
1569
+ .e-rte-elements span.e-table-box {
1499
1570
  cursor: nwse-resize;
1500
1571
  display: block;
1501
1572
  height: 10px;
1502
1573
  position: absolute;
1503
1574
  width: 10px;
1504
1575
  }
1505
- .e-richtexteditor span.e-table-box.e-hide {
1576
+ .e-richtexteditor span.e-table-box.e-hide,
1577
+ .e-rte-elements span.e-table-box.e-hide {
1506
1578
  display: none;
1507
1579
  }
1508
- .e-richtexteditor span.e-table-box.e-rmob {
1580
+ .e-richtexteditor span.e-table-box.e-rmob,
1581
+ .e-rte-elements span.e-table-box.e-rmob {
1509
1582
  height: 14px;
1510
1583
  width: 14px;
1511
1584
  }
1512
- .e-richtexteditor .e-upload .e-upload-files .e-upload-file-list .e-file-container {
1585
+ .e-richtexteditor .e-upload .e-upload-files .e-upload-file-list .e-file-container,
1586
+ .e-rte-elements .e-upload .e-upload-files .e-upload-file-list .e-file-container {
1513
1587
  margin-right: 50px;
1514
1588
  }
1515
- .e-richtexteditor .e-rte-upload-popup {
1589
+ .e-richtexteditor .e-rte-upload-popup,
1590
+ .e-rte-elements .e-rte-upload-popup {
1516
1591
  width: 250px;
1517
1592
  }
1518
- .e-richtexteditor .e-rte-dialog-upload .e-upload-files {
1593
+ .e-richtexteditor .e-rte-dialog-upload .e-upload-files,
1594
+ .e-rte-elements .e-rte-dialog-upload .e-upload-files {
1519
1595
  border-top: 0;
1520
1596
  }
1521
- .e-richtexteditor .e-rte-dialog-upload .e-upload-files .e-upload-file-list {
1597
+ .e-richtexteditor .e-rte-dialog-upload .e-upload-files .e-upload-file-list,
1598
+ .e-rte-elements .e-rte-dialog-upload .e-upload-files .e-upload-file-list {
1522
1599
  border-bottom: 0;
1523
1600
  }
1524
- .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open {
1601
+ .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open,
1602
+ .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open {
1525
1603
  border: none;
1526
1604
  min-width: 120px;
1527
1605
  height: 330px;
1528
1606
  width: 308px;
1529
1607
  }
1530
- .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item .e-tbar-btn {
1608
+ .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item .e-tbar-btn,
1609
+ .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item .e-tbar-btn {
1531
1610
  padding: 7px 3px;
1532
1611
  border-radius: 4px;
1533
1612
  }
1534
- .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
1613
+ .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item .e-tbar-btn .e-tbar-btn-text,
1614
+ .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
1535
1615
  font-size: 24px;
1536
1616
  padding: 1px;
1537
1617
  }
1538
- .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-input-group.e-control-wrapper {
1618
+ .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-input-group.e-control-wrapper,
1619
+ .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-input-group.e-control-wrapper {
1539
1620
  margin: 10px;
1540
1621
  width: 94%;
1541
1622
  }
1542
- .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn {
1623
+ .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn,
1624
+ .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn {
1543
1625
  display: block;
1544
1626
  gap: 10px;
1545
1627
  height: 240px;
1546
1628
  overflow: auto;
1547
1629
  padding: 10px;
1548
1630
  }
1549
- .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipickerbtn-group {
1631
+ .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipickerbtn-group,
1632
+ .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipickerbtn-group {
1550
1633
  display: -ms-grid;
1551
1634
  display: grid;
1552
1635
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
1553
1636
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
1554
1637
  gap: 6px;
1555
1638
  }
1556
- .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 {
1639
+ .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,
1640
+ .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 {
1557
1641
  display: inline-block;
1558
1642
  box-shadow: none;
1559
1643
  font-size: 24px;
@@ -1563,7 +1647,8 @@
1563
1647
  border: none;
1564
1648
  line-height: 1px;
1565
1649
  }
1566
- .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojisearch-btn {
1650
+ .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojisearch-btn,
1651
+ .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojisearch-btn {
1567
1652
  display: -ms-grid;
1568
1653
  display: grid;
1569
1654
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
@@ -1571,7 +1656,8 @@
1571
1656
  gap: 6px;
1572
1657
  height: 0;
1573
1658
  }
1574
- .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojisearch-btn .e-btn.e-control {
1659
+ .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojisearch-btn .e-btn.e-control,
1660
+ .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojisearch-btn .e-btn.e-control {
1575
1661
  display: inline-block;
1576
1662
  box-shadow: none;
1577
1663
  font-size: 24px;
@@ -1581,11 +1667,13 @@
1581
1667
  border: none;
1582
1668
  line-height: 1px;
1583
1669
  }
1584
- .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipicker-name {
1670
+ .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipicker-name,
1671
+ .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipicker-name {
1585
1672
  font-weight: 500;
1586
1673
  font-size: 14px;
1587
1674
  }
1588
- .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojiSearch-noEmoji {
1675
+ .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojiSearch-noEmoji,
1676
+ .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojiSearch-noEmoji {
1589
1677
  text-align: center;
1590
1678
  }
1591
1679
 
@@ -2496,10 +2584,64 @@
2496
2584
  padding: 0;
2497
2585
  }
2498
2586
 
2499
- .e-richtexteditor .e-rte-table-popup.e-popup-open.e-dialog .e-rte-tablecell {
2587
+ .e-richtexteditor .e-rte-table-popup.e-popup-open.e-dialog .e-rte-tablecell,
2588
+ .e-rte-elements.e-rte-table-popup.e-popup-open.e-dialog .e-rte-tablecell {
2500
2589
  margin: 1px;
2501
2590
  }
2502
2591
 
2592
+ .e-rte-elements .e-rte-table-popup.e-popup-open .e-rte-table-row {
2593
+ height: 16px;
2594
+ }
2595
+ .e-rte-elements .e-rte-table-popup.e-popup-open .e-insert-table-btn {
2596
+ width: 100%;
2597
+ }
2598
+ .e-rte-elements .e-rte-table-popup.e-popup-open .e-rte-tablecell {
2599
+ border: 1px solid rgba(var(--color-sf-outline-variant));
2600
+ display: inline-block;
2601
+ height: 14px;
2602
+ margin: 1px;
2603
+ overflow: hidden;
2604
+ vertical-align: top;
2605
+ width: 14px;
2606
+ }
2607
+ .e-rte-elements .e-rte-table-popup.e-popup.e-popup-open {
2608
+ border-radius: 6px;
2609
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15);
2610
+ font-size: 14px;
2611
+ font-weight: normal;
2612
+ min-width: 120px;
2613
+ overflow: hidden;
2614
+ padding: 10px;
2615
+ }
2616
+
2617
+ .e-rte-elements.e-dialog .e-img-uploadwrap.e-droparea .e-rte-upload-text,
2618
+ .e-rte-elements.e-dialog .e-aud-uploadwrap.e-droparea .e-rte-upload-text,
2619
+ .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea .e-rte-upload-text {
2620
+ display: inline-block;
2621
+ line-height: normal;
2622
+ }
2623
+ .e-rte-elements.e-dialog .e-img-uploadwrap.e-droparea,
2624
+ .e-rte-elements.e-dialog .e-aud-uploadwrap.e-droparea,
2625
+ .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea {
2626
+ line-height: 10;
2627
+ min-height: 50px;
2628
+ position: relative;
2629
+ }
2630
+ .e-rte-elements.e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
2631
+ .e-rte-elements.e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
2632
+ .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
2633
+ display: block;
2634
+ height: 32px;
2635
+ margin: 0 auto;
2636
+ padding: 6px 16px;
2637
+ position: relative;
2638
+ top: -50px;
2639
+ }
2640
+ .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
2641
+ .e-rte-elements.e-dialog .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
2642
+ top: -130px;
2643
+ }
2644
+
2503
2645
  .e-transparent.e-rte-elements.e-tbar-btn.e-rte-fontcolor-dropdown,
2504
2646
  .e-transparent.e-rte-elements.e-tbar-btn.e-rte-backgroundcolor-dropdown {
2505
2647
  visibility: hidden;
@@ -2971,7 +3113,7 @@ span.e-rte-videoboxmark {
2971
3113
  }
2972
3114
 
2973
3115
  .e-rte-table.e-alternate-border tbody tr:nth-child(2n+0) {
2974
- background-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
3116
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
2975
3117
  }
2976
3118
 
2977
3119
  .e-rte-table th {