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

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

@@ -367,8 +367,20 @@
 .e-rte-dropdown-popup .e-image::before {
   content: "\e776";
 }
+.e-rte-toolbar .e-audio::before,
+.e-rte-dropdown-popup .e-audio::before {
+  content: "\e947";
+}
+.e-rte-toolbar .e-video::before,
+.e-rte-dropdown-popup .e-video::before {
+  content: "\e948";
+}
 .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: "\e80d";
 }
 .e-rte-toolbar .e-align::before,
@@ -380,7 +392,11 @@
   content: "\e795";
 }
 .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: "\e773";
 }
 .e-rte-toolbar .e-insert-link::before,
@@ -388,7 +404,11 @@
   content: "\e72e";
 }
 .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: "\e788";
 }
 .e-rte-toolbar .e-alt-text::before,
@@ -655,31 +675,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: 302px !important;
+  max-height: 302px !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: 378px !important;
+  max-height: 378px !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: 404px !important;
+  max-height: 404px !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: 428px !important;
+  min-height: 428px !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: 231px !important;
+  max-height: 231px !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: 312px !important;
+  max-height: 312px !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: 428px !important;
+  min-height: 428px !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-richtexteditor {
@@ -705,13 +725,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 {
@@ -721,25 +741,25 @@
   height: calc(100% - 42px);
 }
 .e-richtexteditor.e-rte-full-screen .e-rte-edit-table {
-  max-height: 264px !important;
+  max-height: 264px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-richtexteditor.e-rte-full-screen .e-rte-edit-table-prop-dialog {
-  max-height: 333px !important;
+  max-height: 333px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-richtexteditor.e-rte-full-screen .e-rte-link-dialog {
-  max-height: 368px !important;
+  max-height: 368px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-richtexteditor.e-rte-full-screen .e-rte-img-dialog {
-  max-height: 405px !important;
+  max-height: 405px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-richtexteditor.e-rte-full-screen .e-rte-img-link-dialog {
-  max-height: 204px !important;
+  max-height: 204px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-richtexteditor.e-rte-full-screen .e-rte-img-size-dialog {
-  max-height: 268px !important;
+  max-height: 268px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-richtexteditor.e-rte-full-screen .e-rte-img-alt-dialog {
-  max-height: 405px !important;
+  max-height: 405px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-richtexteditor.e-rtl .e-rte-character-count {
   left: 0;
@@ -941,6 +961,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;
@@ -977,39 +998,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,
@@ -1037,7 +1058,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 {
@@ -1205,37 +1226,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;
@@ -1252,7 +1273,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;
@@ -1262,7 +1285,9 @@
   position: relative;
 }
 
-.e-rte-image {
+.e-rte-image,
+.e-rte-audio,
+.e-rte-video {
   border: 0;
   cursor: pointer;
   display: block;
@@ -1272,7 +1297,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);
@@ -1280,7 +1307,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;
@@ -1289,14 +1317,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;
@@ -1430,7 +1460,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: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
   font-size: 15px;
   opacity: 0.87;
@@ -1438,31 +1471,49 @@
   padding-top: 14px;
 }
 .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;
@@ -1470,19 +1521,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 {
@@ -2359,12 +2422,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;
@@ -2372,14 +2451,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: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
   font-size: 15px;
   opacity: 0.87;
@@ -2536,7 +2633,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;
 }
@@ -2551,7 +2650,11 @@
   border-left: solid 2px #212529;
 }
 .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 #007bff;
 }
 .e-richtexteditor .e-rte-content .e-content a,
@@ -2631,6 +2734,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: 1px solid rgba(0, 0, 0, 0.2);
@@ -2691,7 +2831,9 @@
   border-color: #545b62;
 }
 
-.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 #adb5bd;
   border-radius: 4px;
   color: #212529;
@@ -2704,6 +2846,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;
@@ -2725,7 +2871,8 @@
   z-index: 1000;
 }
 
-span.e-rte-imageboxmark {
+span.e-rte-imageboxmark,
+span.e-rte-videoboxmark {
   background: #007bff;
   border: 1px solid #fff;
   display: block;
@@ -2735,7 +2882,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 #007bff;
   border-radius: 15px;
@@ -2743,12 +2891,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: #007bff;
   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/bootstrap4.scss

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