@syncfusion/ej2-angular-richtexteditor 20.4.38 → 20.4.40

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 (50) hide show
  1. package/README.md +109 -53
  2. package/package.json +12 -17
  3. package/schematics/utils/lib-details.d.ts +2 -2
  4. package/schematics/utils/lib-details.js +2 -2
  5. package/schematics/utils/lib-details.ts +2 -2
  6. package/styles/bootstrap-dark.css +13 -6
  7. package/styles/bootstrap.css +13 -6
  8. package/styles/bootstrap4.css +13 -6
  9. package/styles/bootstrap5-dark.css +13 -6
  10. package/styles/bootstrap5.css +13 -6
  11. package/styles/fabric-dark.css +13 -6
  12. package/styles/fabric.css +13 -6
  13. package/styles/fluent-dark.css +13 -6
  14. package/styles/fluent.css +13 -6
  15. package/styles/highcontrast-light.css +13 -6
  16. package/styles/highcontrast.css +13 -6
  17. package/styles/material-dark.css +13 -6
  18. package/styles/material.css +13 -6
  19. package/styles/rich-text-editor/_bootstrap-dark-definition.scss +1 -0
  20. package/styles/rich-text-editor/_bootstrap-definition.scss +1 -0
  21. package/styles/rich-text-editor/_bootstrap4-definition.scss +1 -0
  22. package/styles/rich-text-editor/_bootstrap5-definition.scss +1 -0
  23. package/styles/rich-text-editor/_fabric-dark-definition.scss +1 -0
  24. package/styles/rich-text-editor/_fabric-definition.scss +1 -0
  25. package/styles/rich-text-editor/_fluent-definition.scss +1 -0
  26. package/styles/rich-text-editor/_fusionnew-definition.scss +1 -0
  27. package/styles/rich-text-editor/_highcontrast-definition.scss +1 -0
  28. package/styles/rich-text-editor/_highcontrast-light-definition.scss +1 -0
  29. package/styles/rich-text-editor/_material-dark-definition.scss +1 -0
  30. package/styles/rich-text-editor/_material-definition.scss +1 -0
  31. package/styles/rich-text-editor/_material3-definition.scss +1 -0
  32. package/styles/rich-text-editor/_tailwind-definition.scss +1 -0
  33. package/styles/rich-text-editor/_theme.scss +11 -6
  34. package/styles/rich-text-editor/bootstrap-dark.css +13 -6
  35. package/styles/rich-text-editor/bootstrap.css +13 -6
  36. package/styles/rich-text-editor/bootstrap4.css +13 -6
  37. package/styles/rich-text-editor/bootstrap5-dark.css +13 -6
  38. package/styles/rich-text-editor/bootstrap5.css +13 -6
  39. package/styles/rich-text-editor/fabric-dark.css +13 -6
  40. package/styles/rich-text-editor/fabric.css +13 -6
  41. package/styles/rich-text-editor/fluent-dark.css +13 -6
  42. package/styles/rich-text-editor/fluent.css +13 -6
  43. package/styles/rich-text-editor/highcontrast-light.css +13 -6
  44. package/styles/rich-text-editor/highcontrast.css +13 -6
  45. package/styles/rich-text-editor/material-dark.css +13 -6
  46. package/styles/rich-text-editor/material.css +13 -6
  47. package/styles/rich-text-editor/tailwind-dark.css +13 -6
  48. package/styles/rich-text-editor/tailwind.css +13 -6
  49. package/styles/tailwind-dark.css +13 -6
  50. package/styles/tailwind.css +13 -6
@@ -737,7 +737,7 @@
737
737
  }
738
738
  @media screen and (min-width: 992px) {
739
739
  .e-richtexteditor .e-rte-content .e-content,
740
- .e-richtexteditor .e-source-content .e-content {
740
+ .e-richtexteditor .e-source-content .e-content {
741
741
  font-size: 14px;
742
742
  }
743
743
  }
@@ -2599,15 +2599,17 @@
2599
2599
  width: 290px;
2600
2600
  }
2601
2601
 
2602
- .e-dialog .e-vid-uploadwrap .e-droptext {
2603
- height: 108px;
2604
- }
2605
-
2606
- .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext {
2602
+ .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
2603
+ .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
2604
+ .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
2607
2605
  margin: 0 auto;
2608
2606
  width: 240px;
2609
2607
  }
2610
2608
 
2609
+ .e-dialog.e-device .e-video-url-wrap .e-radio-wrapper {
2610
+ padding: 8px 4px;
2611
+ }
2612
+
2611
2613
  .e-linkheader {
2612
2614
  color: #333;
2613
2615
  }
@@ -2686,6 +2688,11 @@ span.e-rte-videoboxmark {
2686
2688
  color: #000;
2687
2689
  }
2688
2690
 
2691
+ .e-richtexteditor .e-rte-toolbar .e-hor-nav:hover {
2692
+ border: solid rgba(0, 0, 0, 0.12);
2693
+ border-width: 0 0 0 1px;
2694
+ }
2695
+
2689
2696
  .e-rte-table-popup .e-span-border {
2690
2697
  border: 1px solid #dadada;
2691
2698
  display: block;
@@ -740,7 +740,7 @@
740
740
  }
741
741
  @media screen and (min-width: 992px) {
742
742
  .e-richtexteditor .e-rte-content .e-content,
743
- .e-richtexteditor .e-source-content .e-content {
743
+ .e-richtexteditor .e-source-content .e-content {
744
744
  font-size: 14px;
745
745
  }
746
746
  }
@@ -2661,15 +2661,17 @@
2661
2661
  width: 292px;
2662
2662
  }
2663
2663
 
2664
- .e-dialog .e-vid-uploadwrap .e-droptext {
2665
- height: 108px;
2666
- }
2667
-
2668
- .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext {
2664
+ .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
2665
+ .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
2666
+ .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
2669
2667
  margin: 0 auto;
2670
2668
  width: 242px;
2671
2669
  }
2672
2670
 
2671
+ .e-dialog.e-device .e-video-url-wrap .e-radio-wrapper {
2672
+ padding: 8px 4px;
2673
+ }
2674
+
2673
2675
  .e-linkheader {
2674
2676
  color: #f3f2f1;
2675
2677
  }
@@ -2748,6 +2750,11 @@ span.e-rte-videoboxmark {
2748
2750
  color: #a19f9d;
2749
2751
  }
2750
2752
 
2753
+ .e-richtexteditor .e-rte-toolbar .e-hor-nav:hover {
2754
+ border: solid rgba(0, 0, 0, 0.12);
2755
+ border-width: 0 0 0 1px;
2756
+ }
2757
+
2751
2758
  .e-rte-table-popup .e-span-border {
2752
2759
  border: 1px solid #292827;
2753
2760
  display: block;
@@ -740,7 +740,7 @@
740
740
  }
741
741
  @media screen and (min-width: 992px) {
742
742
  .e-richtexteditor .e-rte-content .e-content,
743
- .e-richtexteditor .e-source-content .e-content {
743
+ .e-richtexteditor .e-source-content .e-content {
744
744
  font-size: 14px;
745
745
  }
746
746
  }
@@ -2661,15 +2661,17 @@
2661
2661
  width: 292px;
2662
2662
  }
2663
2663
 
2664
- .e-dialog .e-vid-uploadwrap .e-droptext {
2665
- height: 108px;
2666
- }
2667
-
2668
- .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext {
2664
+ .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
2665
+ .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
2666
+ .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
2669
2667
  margin: 0 auto;
2670
2668
  width: 242px;
2671
2669
  }
2672
2670
 
2671
+ .e-dialog.e-device .e-video-url-wrap .e-radio-wrapper {
2672
+ padding: 8px 4px;
2673
+ }
2674
+
2673
2675
  .e-linkheader {
2674
2676
  color: #201f1e;
2675
2677
  }
@@ -2748,6 +2750,11 @@ span.e-rte-videoboxmark {
2748
2750
  color: #605e5c;
2749
2751
  }
2750
2752
 
2753
+ .e-richtexteditor .e-rte-toolbar .e-hor-nav:hover {
2754
+ border: solid rgba(0, 0, 0, 0.12);
2755
+ border-width: 0 0 0 1px;
2756
+ }
2757
+
2751
2758
  .e-rte-table-popup .e-span-border {
2752
2759
  border: 1px solid #edebe9;
2753
2760
  display: block;
@@ -737,7 +737,7 @@
737
737
  }
738
738
  @media screen and (min-width: 992px) {
739
739
  .e-richtexteditor .e-rte-content .e-content,
740
- .e-richtexteditor .e-source-content .e-content {
740
+ .e-richtexteditor .e-source-content .e-content {
741
741
  font-size: 14px;
742
742
  }
743
743
  }
@@ -2599,15 +2599,17 @@
2599
2599
  width: 288px;
2600
2600
  }
2601
2601
 
2602
- .e-dialog .e-vid-uploadwrap .e-droptext {
2603
- height: 108px;
2604
- }
2605
-
2606
- .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext {
2602
+ .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
2603
+ .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
2604
+ .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
2607
2605
  margin: 0 auto;
2608
2606
  width: 238px;
2609
2607
  }
2610
2608
 
2609
+ .e-dialog.e-device .e-video-url-wrap .e-radio-wrapper {
2610
+ padding: 8px 4px;
2611
+ }
2612
+
2611
2613
  .e-linkheader {
2612
2614
  color: #000;
2613
2615
  }
@@ -2686,6 +2688,11 @@ span.e-rte-videoboxmark {
2686
2688
  color: #000;
2687
2689
  }
2688
2690
 
2691
+ .e-richtexteditor .e-rte-toolbar .e-hor-nav:hover {
2692
+ border: solid rgba(0, 0, 0, 0.12);
2693
+ border-width: 0 0 0 1px;
2694
+ }
2695
+
2689
2696
  .e-rte-table-popup .e-span-border {
2690
2697
  border: 1px solid #000;
2691
2698
  display: block;
@@ -737,7 +737,7 @@
737
737
  }
738
738
  @media screen and (min-width: 992px) {
739
739
  .e-richtexteditor .e-rte-content .e-content,
740
- .e-richtexteditor .e-source-content .e-content {
740
+ .e-richtexteditor .e-source-content .e-content {
741
741
  font-size: 14px;
742
742
  }
743
743
  }
@@ -2594,15 +2594,17 @@
2594
2594
  width: 288px;
2595
2595
  }
2596
2596
 
2597
- .e-dialog .e-vid-uploadwrap .e-droptext {
2598
- height: 108px;
2599
- }
2600
-
2601
- .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext {
2597
+ .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
2598
+ .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
2599
+ .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
2602
2600
  margin: 0 auto;
2603
2601
  width: 238px;
2604
2602
  }
2605
2603
 
2604
+ .e-dialog.e-device .e-video-url-wrap .e-radio-wrapper {
2605
+ padding: 8px 4px;
2606
+ }
2607
+
2606
2608
  .e-linkheader {
2607
2609
  color: #fff;
2608
2610
  }
@@ -2681,6 +2683,11 @@ span.e-rte-videoboxmark {
2681
2683
  color: #fff;
2682
2684
  }
2683
2685
 
2686
+ .e-richtexteditor .e-rte-toolbar .e-hor-nav:hover {
2687
+ border: solid rgba(0, 0, 0, 0.12);
2688
+ border-width: 0 0 0 1px;
2689
+ }
2690
+
2684
2691
  .e-rte-table-popup .e-span-border {
2685
2692
  border: 1px solid #fff;
2686
2693
  display: block;
@@ -738,7 +738,7 @@
738
738
  }
739
739
  @media screen and (min-width: 992px) {
740
740
  .e-richtexteditor .e-rte-content .e-content,
741
- .e-richtexteditor .e-source-content .e-content {
741
+ .e-richtexteditor .e-source-content .e-content {
742
742
  font-size: 14px;
743
743
  }
744
744
  }
@@ -2600,15 +2600,17 @@
2600
2600
  width: 300px;
2601
2601
  }
2602
2602
 
2603
- .e-dialog .e-vid-uploadwrap .e-droptext {
2604
- height: 108px;
2605
- }
2606
-
2607
- .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext {
2603
+ .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
2604
+ .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
2605
+ .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
2608
2606
  margin: 0 auto;
2609
2607
  width: 250px;
2610
2608
  }
2611
2609
 
2610
+ .e-dialog.e-device .e-video-url-wrap .e-radio-wrapper {
2611
+ padding: 8px 4px;
2612
+ }
2613
+
2612
2614
  .e-linkheader {
2613
2615
  color: #fff;
2614
2616
  }
@@ -2687,6 +2689,11 @@ span.e-rte-videoboxmark {
2687
2689
  color: #fff;
2688
2690
  }
2689
2691
 
2692
+ .e-richtexteditor .e-rte-toolbar .e-hor-nav:hover {
2693
+ border: solid rgba(0, 0, 0, 0.12);
2694
+ border-width: 0 0 0 1px;
2695
+ }
2696
+
2690
2697
  .e-rte-table-popup .e-span-border {
2691
2698
  border: 1px solid #616161;
2692
2699
  display: block;
@@ -738,7 +738,7 @@
738
738
  }
739
739
  @media screen and (min-width: 992px) {
740
740
  .e-richtexteditor .e-rte-content .e-content,
741
- .e-richtexteditor .e-source-content .e-content {
741
+ .e-richtexteditor .e-source-content .e-content {
742
742
  font-size: 14px;
743
743
  }
744
744
  }
@@ -2600,15 +2600,17 @@
2600
2600
  width: 300px;
2601
2601
  }
2602
2602
 
2603
- .e-dialog .e-vid-uploadwrap .e-droptext {
2604
- height: 108px;
2605
- }
2606
-
2607
- .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext {
2603
+ .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
2604
+ .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
2605
+ .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
2608
2606
  margin: 0 auto;
2609
2607
  width: 250px;
2610
2608
  }
2611
2609
 
2610
+ .e-dialog.e-device .e-video-url-wrap .e-radio-wrapper {
2611
+ padding: 8px 4px;
2612
+ }
2613
+
2612
2614
  .e-linkheader {
2613
2615
  color: rgba(0, 0, 0, 0.87);
2614
2616
  }
@@ -2687,6 +2689,11 @@ span.e-rte-videoboxmark {
2687
2689
  color: #000;
2688
2690
  }
2689
2691
 
2692
+ .e-richtexteditor .e-rte-toolbar .e-hor-nav:hover {
2693
+ border: solid rgba(0, 0, 0, 0.12);
2694
+ border-width: 0 0 0 1px;
2695
+ }
2696
+
2690
2697
  .e-rte-table-popup .e-span-border {
2691
2698
  border: 1px solid rgba(0, 0, 0, 0.12);
2692
2699
  display: block;
@@ -743,7 +743,7 @@
743
743
  }
744
744
  @media screen and (min-width: 992px) {
745
745
  .e-richtexteditor .e-rte-content .e-content,
746
- .e-richtexteditor .e-source-content .e-content {
746
+ .e-richtexteditor .e-source-content .e-content {
747
747
  font-size: 14px;
748
748
  }
749
749
  }
@@ -2629,15 +2629,17 @@
2629
2629
  width: 300px;
2630
2630
  }
2631
2631
 
2632
- .e-dialog .e-vid-uploadwrap .e-droptext {
2633
- height: 108px;
2634
- }
2635
-
2636
- .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext {
2632
+ .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
2633
+ .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
2634
+ .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
2637
2635
  margin: 0 auto;
2638
2636
  width: 250px;
2639
2637
  }
2640
2638
 
2639
+ .e-dialog.e-device .e-video-url-wrap .e-radio-wrapper {
2640
+ padding: 8px 4px;
2641
+ }
2642
+
2641
2643
  .e-linkheader {
2642
2644
  color: #d1d5db;
2643
2645
  }
@@ -2716,6 +2718,11 @@ span.e-rte-videoboxmark {
2716
2718
  color: #fff;
2717
2719
  }
2718
2720
 
2721
+ .e-richtexteditor .e-rte-toolbar .e-hor-nav:hover {
2722
+ border: solid rgba(0, 0, 0, 0.12);
2723
+ border-width: 0 0 0 1px;
2724
+ }
2725
+
2719
2726
  .e-rte-table-popup .e-span-border {
2720
2727
  border: 1px solid #4b5563;
2721
2728
  display: block;
@@ -743,7 +743,7 @@
743
743
  }
744
744
  @media screen and (min-width: 992px) {
745
745
  .e-richtexteditor .e-rte-content .e-content,
746
- .e-richtexteditor .e-source-content .e-content {
746
+ .e-richtexteditor .e-source-content .e-content {
747
747
  font-size: 14px;
748
748
  }
749
749
  }
@@ -2629,15 +2629,17 @@
2629
2629
  width: 300px;
2630
2630
  }
2631
2631
 
2632
- .e-dialog .e-vid-uploadwrap .e-droptext {
2633
- height: 108px;
2634
- }
2635
-
2636
- .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext {
2632
+ .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
2633
+ .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
2634
+ .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
2637
2635
  margin: 0 auto;
2638
2636
  width: 250px;
2639
2637
  }
2640
2638
 
2639
+ .e-dialog.e-device .e-video-url-wrap .e-radio-wrapper {
2640
+ padding: 8px 4px;
2641
+ }
2642
+
2641
2643
  .e-linkheader {
2642
2644
  color: #374151;
2643
2645
  }
@@ -2716,6 +2718,11 @@ span.e-rte-videoboxmark {
2716
2718
  color: #111827;
2717
2719
  }
2718
2720
 
2721
+ .e-richtexteditor .e-rte-toolbar .e-hor-nav:hover {
2722
+ border: solid rgba(0, 0, 0, 0.12);
2723
+ border-width: 0 0 0 1px;
2724
+ }
2725
+
2719
2726
  .e-rte-table-popup .e-span-border {
2720
2727
  border: 1px solid #e5e7eb;
2721
2728
  display: block;
@@ -743,7 +743,7 @@
743
743
  }
744
744
  @media screen and (min-width: 992px) {
745
745
  .e-richtexteditor .e-rte-content .e-content,
746
- .e-richtexteditor .e-source-content .e-content {
746
+ .e-richtexteditor .e-source-content .e-content {
747
747
  font-size: 14px;
748
748
  }
749
749
  }
@@ -2629,15 +2629,17 @@
2629
2629
  width: 300px;
2630
2630
  }
2631
2631
 
2632
- .e-dialog .e-vid-uploadwrap .e-droptext {
2633
- height: 108px;
2634
- }
2635
-
2636
- .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext {
2632
+ .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
2633
+ .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
2634
+ .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
2637
2635
  margin: 0 auto;
2638
2636
  width: 250px;
2639
2637
  }
2640
2638
 
2639
+ .e-dialog.e-device .e-video-url-wrap .e-radio-wrapper {
2640
+ padding: 8px 4px;
2641
+ }
2642
+
2641
2643
  .e-linkheader {
2642
2644
  color: #d1d5db;
2643
2645
  }
@@ -2716,6 +2718,11 @@ span.e-rte-videoboxmark {
2716
2718
  color: #fff;
2717
2719
  }
2718
2720
 
2721
+ .e-richtexteditor .e-rte-toolbar .e-hor-nav:hover {
2722
+ border: solid rgba(0, 0, 0, 0.12);
2723
+ border-width: 0 0 0 1px;
2724
+ }
2725
+
2719
2726
  .e-rte-table-popup .e-span-border {
2720
2727
  border: 1px solid #4b5563;
2721
2728
  display: block;
@@ -743,7 +743,7 @@
743
743
  }
744
744
  @media screen and (min-width: 992px) {
745
745
  .e-richtexteditor .e-rte-content .e-content,
746
- .e-richtexteditor .e-source-content .e-content {
746
+ .e-richtexteditor .e-source-content .e-content {
747
747
  font-size: 14px;
748
748
  }
749
749
  }
@@ -2629,15 +2629,17 @@
2629
2629
  width: 300px;
2630
2630
  }
2631
2631
 
2632
- .e-dialog .e-vid-uploadwrap .e-droptext {
2633
- height: 108px;
2634
- }
2635
-
2636
- .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext {
2632
+ .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
2633
+ .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
2634
+ .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
2637
2635
  margin: 0 auto;
2638
2636
  width: 250px;
2639
2637
  }
2640
2638
 
2639
+ .e-dialog.e-device .e-video-url-wrap .e-radio-wrapper {
2640
+ padding: 8px 4px;
2641
+ }
2642
+
2641
2643
  .e-linkheader {
2642
2644
  color: #374151;
2643
2645
  }
@@ -2716,6 +2718,11 @@ span.e-rte-videoboxmark {
2716
2718
  color: #111827;
2717
2719
  }
2718
2720
 
2721
+ .e-richtexteditor .e-rte-toolbar .e-hor-nav:hover {
2722
+ border: solid rgba(0, 0, 0, 0.12);
2723
+ border-width: 0 0 0 1px;
2724
+ }
2725
+
2719
2726
  .e-rte-table-popup .e-span-border {
2720
2727
  border: 1px solid #e5e7eb;
2721
2728
  display: block;