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

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

@@ -121,8 +121,20 @@
 .e-rte-dropdown-popup .e-image::before {
   content: "\e335";
 }
+.e-rte-toolbar .e-audio::before,
+.e-rte-dropdown-popup .e-audio::before {
+  content: "\e949";
+}
+.e-rte-toolbar .e-video::before,
+.e-rte-dropdown-popup .e-video::before {
+  content: "\e94b";
+}
 .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,
@@ -134,7 +146,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,
@@ -142,7 +158,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,
@@ -409,31 +429,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: 312px !important;
+  max-height: 312px !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: 385px !important;
+  max-height: 385px !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: 437px !important;
+  max-height: 437px !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: 451px !important;
+  min-height: 451px !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: 250px !important;
+  max-height: 250px !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: 451px !important;
+  min-height: 451px !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-richtexteditor {
@@ -459,13 +479,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 {
@@ -475,25 +495,25 @@
   height: calc(100% - 42px);
 }
 .e-richtexteditor.e-rte-full-screen .e-rte-edit-table {
-  max-height: 250px !important;
+  max-height: 250px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-richtexteditor.e-rte-full-screen .e-rte-edit-table-prop-dialog {
-  max-height: 321px !important;
+  max-height: 321px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-richtexteditor.e-rte-full-screen .e-rte-link-dialog {
-  max-height: 365px !important;
+  max-height: 365px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-richtexteditor.e-rte-full-screen .e-rte-img-dialog {
-  max-height: 403px !important;
+  max-height: 403px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-richtexteditor.e-rte-full-screen .e-rte-img-link-dialog {
-  max-height: 198px !important;
+  max-height: 198px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-richtexteditor.e-rte-full-screen .e-rte-img-size-dialog {
-  max-height: 260px !important;
+  max-height: 260px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-richtexteditor.e-rte-full-screen .e-rte-img-alt-dialog {
-  max-height: 403px !important;
+  max-height: 403px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-richtexteditor.e-rtl .e-rte-character-count {
   left: 0;
@@ -695,6 +715,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;
@@ -731,39 +752,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,
@@ -791,7 +812,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 {
@@ -959,37 +980,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;
@@ -1006,7 +1027,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;
@@ -1016,7 +1039,9 @@
   position: relative;
 }
 
-.e-rte-image {
+.e-rte-image,
+.e-rte-audio,
+.e-rte-video {
   border: 0;
   cursor: pointer;
   display: block;
@@ -1026,7 +1051,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);
@@ -1034,7 +1061,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;
@@ -1043,14 +1071,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;
@@ -1184,7 +1214,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: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
   font-size: 15px;
   opacity: 0.87;
@@ -1192,31 +1225,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;
@@ -1224,19 +1275,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 {
@@ -2113,12 +2176,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;
@@ -2126,14 +2205,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: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
   font-size: 15px;
   opacity: 0.87;
@@ -2290,7 +2387,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;
 }
@@ -2305,7 +2404,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,
@@ -2385,6 +2488,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;
@@ -2445,7 +2585,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 rgba(0, 0, 0, 0.12);
   border-radius: 4px;
   color: rgba(0, 0, 0, 0.38);
@@ -2458,6 +2600,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;
@@ -2479,7 +2625,8 @@
   z-index: 1000;
 }
 
-span.e-rte-imageboxmark {
+span.e-rte-imageboxmark,
+span.e-rte-videoboxmark {
   background: #4a90e2;
   border: 1px solid #fff;
   display: block;
@@ -2489,7 +2636,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;
@@ -2497,12 +2645,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/material.scss

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