@syncfusion/ej2-angular-richtexteditor 20.2.44-ngcc → 20.2.45

package/styles/rich-text-editor/fabric.css

@@ -120,8 +120,20 @@
 .e-rte-dropdown-popup .e-image::before {
   content: "\e335";
 }
+.e-rte-toolbar .e-audio::before,
+.e-rte-dropdown-popup .e-audio::before {
+  content: "\e940";
+}
+.e-rte-toolbar .e-video::before,
+.e-rte-dropdown-popup .e-video::before {
+  content: "\e941";
+}
 .e-rte-toolbar .e-replace::before,
-.e-rte-dropdown-popup .e-replace::before {
+.e-rte-toolbar .e-audio-replace::before,
+.e-rte-toolbar .e-video-replace::before,
+.e-rte-dropdown-popup .e-replace::before,
+.e-rte-dropdown-popup .e-audio-replace::before,
+.e-rte-dropdown-popup .e-video-replace::before {
   content: "\e359";
 }
 .e-rte-toolbar .e-align::before,
@@ -133,7 +145,11 @@
   content: "\e35b";
 }
 .e-rte-toolbar .e-remove::before,
-.e-rte-dropdown-popup .e-remove::before {
+.e-rte-toolbar .e-audio-remove::before,
+.e-rte-toolbar .e-video-remove::before,
+.e-rte-dropdown-popup .e-remove::before,
+.e-rte-dropdown-popup .e-audio-remove::before,
+.e-rte-dropdown-popup .e-video-remove::before {
   content: "\e33e";
 }
 .e-rte-toolbar .e-insert-link::before,
@@ -141,7 +157,11 @@
   content: "\e34e";
 }
 .e-rte-toolbar .e-display::before,
-.e-rte-dropdown-popup .e-display::before {
+.e-rte-toolbar .e-audio-display::before,
+.e-rte-toolbar .e-video-display::before,
+.e-rte-dropdown-popup .e-display::before,
+.e-rte-dropdown-popup .e-audio-display::before,
+.e-rte-dropdown-popup .e-video-display::before {
   content: "\e358";
 }
 .e-rte-toolbar .e-alt-text::before,
@@ -408,31 +428,31 @@
 }
 .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-edit-table,
 .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-edit-table {
-  max-height: 335px !important;
+  max-height: 335px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-edit-table-prop-dialog,
 .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-edit-table-prop-dialog {
-  max-height: 427px !important;
+  max-height: 427px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-link-dialog,
 .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-link-dialog {
-  max-height: 430px !important;
+  max-height: 430px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-dialog,
 .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-dialog {
-  min-height: 456px !important;
+  min-height: 456px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-link-dialog,
 .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-link-dialog {
-  max-height: 252px !important;
+  max-height: 252px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-size-dialog,
 .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-size-dialog {
-  max-height: 331px !important;
+  max-height: 331px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-alt-dialog,
 .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-alt-dialog {
-  min-height: 456px !important;
+  min-height: 456px !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-richtexteditor {
@@ -458,13 +478,13 @@
 }
 .e-richtexteditor.e-rte-full-screen {
   bottom: 0;
-  height: 100% !important;
+  height: 100% !important; /* stylelint-disable-line declaration-no-important */
   left: 0;
   overflow: auto;
   position: fixed;
   right: 0;
   top: 0;
-  width: 100% !important;
+  width: 100% !important; /* stylelint-disable-line declaration-no-important */
   z-index: 999;
 }
 .e-richtexteditor.e-rte-full-screen .e-resize-handle {
@@ -474,25 +494,25 @@
   height: calc(100% - 42px);
 }
 .e-richtexteditor.e-rte-full-screen .e-rte-edit-table {
-  max-height: 293px !important;
+  max-height: 293px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-richtexteditor.e-rte-full-screen .e-rte-edit-table-prop-dialog {
-  max-height: 373px !important;
+  max-height: 373px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-richtexteditor.e-rte-full-screen .e-rte-link-dialog {
-  max-height: 404px !important;
+  max-height: 404px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-richtexteditor.e-rte-full-screen .e-rte-img-dialog {
-  max-height: 431px !important;
+  max-height: 431px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-richtexteditor.e-rte-full-screen .e-rte-img-link-dialog {
-  max-height: 225px !important;
+  max-height: 225px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-richtexteditor.e-rte-full-screen .e-rte-img-size-dialog {
-  max-height: 289px !important;
+  max-height: 289px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-richtexteditor.e-rte-full-screen .e-rte-img-alt-dialog {
-  max-height: 431px !important;
+  max-height: 431px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-richtexteditor.e-rtl .e-rte-character-count {
   left: 0;
@@ -694,6 +714,7 @@
 }
 .e-richtexteditor .e-rte-content,
 .e-richtexteditor .e-source-content {
+  /* stylelint-disable property-no-vendor-prefix */
   -webkit-overflow-scrolling: touch;
   overflow: auto;
   transition: 100ms ease-out;
@@ -730,39 +751,39 @@
 .e-richtexteditor .e-rte-content .e-content h1,
 .e-richtexteditor .e-source-content .e-content h1 {
   font-size: 2.17em;
-  font-weight: 400;
+  font-weight: normal;
   line-height: 1;
   margin: 10px 0;
 }
 .e-richtexteditor .e-rte-content .e-content h2,
 .e-richtexteditor .e-source-content .e-content h2 {
   font-size: 1.74em;
-  font-weight: 400;
+  font-weight: normal;
   margin: 10px 0;
 }
 .e-richtexteditor .e-rte-content .e-content h3,
 .e-richtexteditor .e-source-content .e-content h3 {
   font-size: 1.31em;
-  font-weight: 400;
+  font-weight: normal;
   margin: 10px 0;
 }
 .e-richtexteditor .e-rte-content .e-content h4,
 .e-richtexteditor .e-source-content .e-content h4 {
   font-size: 16px;
-  font-weight: 400;
+  font-weight: normal;
   line-height: 1.5;
   margin: 0;
 }
 .e-richtexteditor .e-rte-content .e-content h5,
 .e-richtexteditor .e-source-content .e-content h5 {
   font-size: 0.8em;
-  font-weight: 400;
+  font-weight: normal;
   margin: 0;
 }
 .e-richtexteditor .e-rte-content .e-content h6,
 .e-richtexteditor .e-source-content .e-content h6 {
   font-size: 0.65em;
-  font-weight: 400;
+  font-weight: normal;
   margin: 0;
 }
 .e-richtexteditor .e-rte-content .e-content blockquote,
@@ -790,7 +811,7 @@
 .e-richtexteditor .e-rte-content .e-content b,
 .e-richtexteditor .e-source-content .e-content strong,
 .e-richtexteditor .e-source-content .e-content b {
-  font-weight: 700;
+  font-weight: bold;
 }
 .e-richtexteditor .e-rte-content .e-content a,
 .e-richtexteditor .e-source-content .e-content a {
@@ -958,37 +979,37 @@
   font-weight: bold;
 }
 .e-rte-dropdown-popup ul .e-item.e-segoe-ui {
-  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  font-family: "Segoe UI", "Tahoma", "Geneva", "Verdana", sans-serif;
 }
 .e-rte-dropdown-popup ul .e-item.e-arial {
-  font-family: Arial, Helvetica, sans-serif;
+  font-family: "Arial", "Helvetica", sans-serif;
 }
 .e-rte-dropdown-popup ul .e-item.e-courier-new {
-  font-family: Courier New, Courier, monospace;
+  font-family: "Courier New", "Courier", monospace;
 }
 .e-rte-dropdown-popup ul .e-item.e-georgia {
-  font-family: Georgia, "Times New Roman", Times, serif;
+  font-family: "Georgia", "Times New Roman", "Times", serif;
 }
 .e-rte-dropdown-popup ul .e-item.e-helvetica-neue {
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
 }
 .e-rte-dropdown-popup ul .e-item.e-impact {
-  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
+  font-family: "Impact", "Haettenschweiler", "Arial Narrow Bold", sans-serif;
 }
 .e-rte-dropdown-popup ul .e-item.e-lucida-console {
-  font-family: Lucida Console, Monaco, monospace;
+  font-family: "Lucida Console", "Monaco", monospace;
 }
 .e-rte-dropdown-popup ul .e-item.e-tahoma {
-  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  font-family: "Segoe UI", "Tahoma", "Geneva", "Verdana", sans-serif;
 }
 .e-rte-dropdown-popup ul .e-item.e-times-new-roman {
-  font-family: "Times New Roman", Times, serif;
+  font-family: "Times New Roman", "Times", serif;
 }
 .e-rte-dropdown-popup ul .e-item.e-trebuchet-ms {
-  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
+  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Arial", sans-serif;
 }
 .e-rte-dropdown-popup ul .e-item.e-verdana {
-  font-family: Verdana, Geneva, Tahoma, sans-serif;
+  font-family: "Verdana", "Geneva", "Tahoma", sans-serif;
 }
 .e-rte-dropdown-popup ul .e-item.e-roboto {
   font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif;
@@ -1005,7 +1026,9 @@
   margin: 0 6px;
 }
 
-.e-rte-image.e-imgbreak {
+.e-rte-image.e-imgbreak,
+.e-rte-audio.e-audio-break,
+.e-rte-video.e-video-break {
   border: 0;
   cursor: pointer;
   display: block;
@@ -1015,7 +1038,9 @@
   position: relative;
 }
 
-.e-rte-image {
+.e-rte-image,
+.e-rte-audio,
+.e-rte-video {
   border: 0;
   cursor: pointer;
   display: block;
@@ -1025,7 +1050,9 @@
   position: relative;
 }
 
-.e-rte-image.e-imginline {
+.e-rte-image.e-imginline,
+.e-rte-audio.e-audio-inline,
+.e-rte-video.e-video-inline {
   display: inline-block;
   float: none;
   max-width: calc(100% - 10px);
@@ -1033,7 +1060,8 @@
   vertical-align: bottom;
 }
 
-.e-rte-image.e-imgcenter {
+.e-rte-image.e-imgcenter,
+.e-rte-video.e-video-center {
   cursor: pointer;
   display: block;
   float: none;
@@ -1042,14 +1070,16 @@
   position: relative;
 }
 
-.e-rte-image.e-imgleft {
+.e-rte-image.e-imgleft,
+.e-rte-video.e-video-left {
   float: left;
   margin: 0 auto;
   margin-right: 5px;
   text-align: left;
 }
 
-.e-rte-image.e-imgright {
+.e-rte-image.e-imgright,
+.e-rte-video.e-video-right {
   float: right;
   margin: 0 auto;
   margin-left: 5px;
@@ -1183,7 +1213,10 @@
   height: 1px;
 }
 
-.e-richtexteditor .e-linkheader {
+.e-richtexteditor .e-linkheader,
+.e-richtexteditor .e-audioheader,
+.e-richtexteditor .e-videoheader,
+.e-richtexteditor .e-video-url-wrap {
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
   font-size: 15px;
   opacity: 0.87;
@@ -1191,31 +1224,49 @@
   padding-top: 20px;
 }
 .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-delete-btn.e-icons,
-.e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+.e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-delete-btn.e-icons,
+.e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-delete-btn.e-icons,
+.e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
   margin-top: 0;
 }
-.e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+.e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
   margin-right: 30px;
 }
-.e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list {
+.e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
+.e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
+.e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list {
   border-bottom: 0 solid transparent;
   min-height: initial;
 }
-.e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container {
+.e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container,
+.e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container,
+.e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container {
   margin-left: 0;
   margin-right: 0;
 }
-.e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files {
+.e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files,
+.e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files,
+.e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files {
   border-top: 0 solid transparent;
 }
-.e-richtexteditor .e-img-uploadwrap.e-droparea .e-file-select-wrap {
+.e-richtexteditor .e-img-uploadwrap.e-droparea .e-file-select-wrap,
+.e-richtexteditor .e-aud-uploadwrap.e-droparea .e-file-select-wrap,
+.e-richtexteditor .e-vid-uploadwrap.e-droparea .e-file-select-wrap {
   display: none;
 }
-.e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload {
+.e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload,
+.e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload,
+.e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload {
   border: 0 solid transparent;
   float: none;
 }
-.e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn {
+.e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
+.e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
+.e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
   display: block;
   height: 36px;
   margin: 0 auto;
@@ -1223,19 +1274,31 @@
   position: relative;
   top: -50px;
 }
-.e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn {
+.e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
+.e-richtexteditor .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
+  top: -120px;
+}
+.e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
+.e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
+.e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
   display: none;
 }
-.e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea {
+.e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea,
+.e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea,
+.e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea {
   line-height: 10;
   min-height: 50px;
   position: relative;
 }
-.e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-rte-upload-text {
+.e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-rte-upload-text,
+.e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-rte-upload-text,
+.e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-rte-upload-text {
   display: inline-block;
   line-height: normal;
 }
-.e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea {
+.e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea,
+.e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea,
+.e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea {
   line-height: 4;
 }
 .e-richtexteditor .e-rte-inline-dropdown ul {
@@ -2112,12 +2175,28 @@
   border-collapse: separate;
 }
 
-.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea {
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea,
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea,
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea {
   line-height: 10;
   min-height: 50px;
   position: relative;
 }
-.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn {
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
   display: block;
   height: 36px;
   margin: 0 auto;
@@ -2125,14 +2204,32 @@
   position: relative;
   top: -50px;
 }
-.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload {
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload,
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-upload,
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-upload,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-upload,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-upload,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-upload,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-upload {
   border: 0 solid transparent;
   float: none;
 }
-.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-file-select-wrap {
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-file-select-wrap,
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-file-select-wrap,
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-file-select-wrap,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-file-select-wrap,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-file-select-wrap,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-file-select-wrap,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-file-select-wrap,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-file-select-wrap,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-file-select-wrap {
   display: none;
 }
-.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-linkheader {
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-linkheader,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-linkheader,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-linkheader {
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
   font-size: 15px;
   opacity: 0.87;
@@ -2289,7 +2386,9 @@
 .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
   border: 0;
 }
-.e-richtexteditor img.e-img-focus::selection {
+.e-richtexteditor img.e-img-focus::selection,
+.e-richtexteditor audio.e-audio-focus::selection,
+.e-richtexteditor .e-video-focus::selection {
   background: transparent;
   color: transparent;
 }
@@ -2304,7 +2403,11 @@
   border-left: solid 2px #333;
 }
 .e-richtexteditor .e-rte-content .e-content .e-img-focus:not(.e-resize),
-.e-richtexteditor .e-source-content .e-content .e-img-focus:not(.e-resize) {
+.e-richtexteditor .e-rte-content .e-content .e-audio-focus:not(.e-resize),
+.e-richtexteditor .e-rte-content .e-content .e-video-focus:not(.e-resize),
+.e-richtexteditor .e-source-content .e-content .e-img-focus:not(.e-resize),
+.e-richtexteditor .e-source-content .e-content .e-audio-focus:not(.e-resize),
+.e-richtexteditor .e-source-content .e-content .e-video-focus:not(.e-resize) {
   border: solid 2px #4a90e2;
 }
 .e-richtexteditor .e-rte-content .e-content a,
@@ -2384,6 +2487,43 @@
 .e-richtexteditor.e-rte-tb-expand.e-rte-resize .e-source-content {
   border-bottom: 0;
 }
+.e-richtexteditor .e-audio-wrap,
+.e-richtexteditor .e-embed-video-wrap {
+  display: inline-block;
+}
+.e-richtexteditor .e-clickelem,
+.e-richtexteditor .e-video-clickelem {
+  display: block;
+  margin: 0;
+  outline: none;
+  padding: 0;
+  position: relative;
+}
+.e-richtexteditor .e-clickelem::after,
+.e-richtexteditor .e-video-clickelem::after {
+  background: transparent;
+  bottom: 0;
+  content: "";
+  cursor: default;
+  display: block;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 1;
+}
+.e-richtexteditor .e-videoheader,
+.e-richtexteditor .e-embed-videoheader,
+.e-richtexteditor .e-video-url-wrap {
+  padding-bottom: 5px;
+  padding-top: 15px;
+}
+.e-richtexteditor .e-video-url-wrap .e-radio-wrapper {
+  padding: 5px;
+}
+.e-richtexteditor .e-video-url-wrap textarea {
+  height: 80px;
+}
 
 .e-rte-quick-popup {
   border: 0;
@@ -2444,7 +2584,9 @@
   border-color: #fff;
 }
 
-.e-dialog .e-img-uploadwrap .e-droptext {
+.e-dialog .e-img-uploadwrap .e-droptext,
+.e-dialog .e-aud-uploadwrap .e-droptext,
+.e-dialog .e-vid-uploadwrap .e-droptext {
   border: dashed 2px #dadada;
   border-radius: 4px;
   color: #a6a6a6;
@@ -2457,6 +2599,10 @@
   width: 300px;
 }
 
+.e-dialog .e-vid-uploadwrap .e-droptext {
+  height: 108px;
+}
+
 .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext {
   margin: 0 auto;
   width: 250px;
@@ -2478,7 +2624,8 @@
   z-index: 1000;
 }
 
-span.e-rte-imageboxmark {
+span.e-rte-imageboxmark,
+span.e-rte-videoboxmark {
   background: #4a90e2;
   border: 1px solid #fff;
   display: block;
@@ -2488,7 +2635,8 @@ span.e-rte-imageboxmark {
   z-index: 1000;
 }
 
-.e-mob-rte span.e-rte-imageboxmark {
+.e-mob-rte span.e-rte-imageboxmark,
+.e-mob-rte span.e-rte-videoboxmark {
   background: #fff;
   border: 1px solid #4a90e2;
   border-radius: 15px;
@@ -2496,12 +2644,14 @@ span.e-rte-imageboxmark {
   width: 20px;
 }
 
-.e-mob-rte.e-mob-span span.e-rte-imageboxmark {
+.e-mob-rte.e-mob-span span.e-rte-imageboxmark,
+.e-mob-rte.e-mob-span span.e-rte-videoboxmark {
   background: #4a90e2;
   border: 1px solid #fff;
 }
 
-.e-rte-content .e-content img.e-resize {
+.e-rte-content .e-content img.e-resize,
+.e-rte-content .e-content video.e-resize {
   z-index: 1000;
 }
 

package/styles/rich-text-editor/fabric.scss

@@ -1 +1,4 @@
-@import 'ej2-richtexteditor/styles/rich-text-editor/fabric.scss';
+@import 'ej2-base/styles/fabric-definition.scss';
+@import 'fabric-definition.scss';
+@import 'icons/fabric.scss';
+@import 'all.scss';