@syncfusion/ej2-angular-richtexteditor 20.4.53 → 21.1.35

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

@@ -295,6 +295,10 @@
 .e-rte-dropdown-popup .e-rte-file-manager::before {
   content: "\e609";
 }
+.e-rte-toolbar .e-rte-format-painter::before,
+.e-rte-dropdown-popup .e-rte-format-painter::before {
+  content: "\e97b";
+}
 
 .e-richtexteditor .e-south-east::before,
 .e-richtexteditor .e-south-west::before {
@@ -317,6 +321,10 @@
   content: "\e89c";
 }
 
+.e-rte-cursor-brush {
+  cursor: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 9H4V3H16V5H20V13H12V20C12 20.55 11.5508 21 11 21H10C9.44922 21 9 20.55 9 20V11H18V7H16V9ZM6 7H14V5H6V7Z" fill="white"/><path d="M14 7H6V5H14V7Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4 9V3H16V5H20V13H12V20C12 20.55 11.5508 21 11 21H10C9.44922 21 9 20.55 9 20V11H18V7H16V9H4ZM7 11H2V1H18V3H22V15H14V20C14 21.6536 12.6564 23 11 23H10C8.34364 23 7 21.6536 7 20V11Z" fill="black"/></svg>'), text;
+}
+
 /*! tab layout */
 .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
 .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
@@ -1407,6 +1415,7 @@
 }
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
+  display: inline-block;
 }
 .e-rte-quick-popup .e-rte-quick-toolbar.e-remove-white-space .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
@@ -2279,6 +2288,11 @@
   margin: 1px;
 }
 
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-fontcolor-dropdown,
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-backgroundcolor-dropdown {
+  visibility: hidden;
+}
+
 /*! tab layout */
 .e-richtexteditor .e-rte-toolbar {
   border: 1px solid rgba(0, 0, 0, 0.12);
@@ -2371,6 +2385,9 @@
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
   color: #000;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
+  color: #000;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
   color: #000;
 }
@@ -2389,6 +2406,9 @@
 .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
   border: 0;
 }
+.e-richtexteditor .e-toolbar-wrapper {
+  background: #fafafa;
+}
 .e-richtexteditor img.e-img-focus::selection,
 .e-richtexteditor audio.e-audio-focus::selection,
 .e-richtexteditor .e-video-focus::selection {
@@ -2587,7 +2607,8 @@
 
 .e-dialog .e-img-uploadwrap .e-droptext,
 .e-dialog .e-aud-uploadwrap .e-droptext,
-.e-dialog .e-vid-uploadwrap .e-droptext {
+.e-dialog .e-vid-uploadwrap .e-droptext,
+.e-dialog.e-device .e-vid-uploadwrap .e-droptext {
   border: dashed 2px rgba(0, 0, 0, 0.12);
   border-radius: 4px;
   color: rgba(0, 0, 0, 0.38);
@@ -2600,6 +2621,10 @@
   width: 300px;
 }
 
+.e-dialog .e-vid-uploadwrap .e-droptext {
+  height: 108px;
+}
+
 .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {

package/styles/rich-text-editor/tailwind-dark.css

@@ -295,6 +295,10 @@
 .e-rte-dropdown-popup .e-rte-file-manager::before {
   content: "\e83c";
 }
+.e-rte-toolbar .e-rte-format-painter::before,
+.e-rte-dropdown-popup .e-rte-format-painter::before {
+  content: "\e8bd";
+}
 
 .e-richtexteditor .e-south-east::before,
 .e-richtexteditor .e-south-west::before {
@@ -317,6 +321,10 @@
   content: "\e7c2";
 }
 
+.e-rte-cursor-brush {
+  cursor: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.0561 9V4C10.0561 2.35001 11.4057 1 13.0561 1C14.7065 1 16.0561 2.35001 16.0561 4V9H19.0463C20.1459 9 21.0463 9.89999 21.0463 11V22C21.0463 23.1 20.1459 24 19.0561 24H5.4057C4.77484 24 4.185 23.71 3.80609 23.2C3.42523 22.7 3.30609 22.07 3.47601 21.47C4.685 17.21 4.96625 12.67 5.02484 10.92C5.06586 9.84 5.94476 9 7.02484 9H10.0561ZM16.0561 22.0044V19C16.0561 18.45 15.6069 18 15.0561 18C14.5053 18 14.0561 18.45 14.0561 19V22.0073L11.0561 22.0117V20C11.0561 19.45 10.6069 19 10.0561 19C9.50531 19 9.05609 19.45 9.05609 20V22.0146L5.4057 22.02C5.98969 19.9657 6.36469 17.8564 6.60883 16H19.0561V22L16.0561 22.0044ZM14.0561 9V4C14.0561 3.45 13.6069 3 13.0561 3C12.5053 3 12.0561 3.45 12.0561 4V9H14.0561ZM7.03461 11C7.00922 11.664 6.95453 12.7153 6.83344 14H19.0561V11H7.03461Z" fill="black"/><path d="M6.83344 14C6.95453 12.7153 7.00922 11.664 7.03461 11H19.0561V14H6.83344Z" fill="white"/><path d="M14.0561 4V9H12.0561V4C12.0561 3.45 12.5053 3 13.0561 3C13.6069 3 14.0561 3.45 14.0561 4Z" fill="white"/><path d="M16.0561 19V22.0044L19.0561 22V16H6.60883C6.36469 17.8564 5.98969 19.9657 5.4057 22.02L9.05609 22.0146V20C9.05609 19.45 9.50531 19 10.0561 19C10.6069 19 11.0561 19.45 11.0561 20V22.0117L14.0561 22.0073V19C14.0561 18.45 14.5053 18 15.0561 18C15.6069 18 16.0561 18.45 16.0561 19Z" fill="white"/></svg>'), text;
+}
+
 /*! tab layout */
 .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
 .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
@@ -1412,6 +1420,7 @@
 }
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
+  display: inline-block;
 }
 .e-rte-quick-popup .e-rte-quick-toolbar.e-remove-white-space .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
@@ -2305,6 +2314,11 @@
   margin: 1px;
 }
 
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-fontcolor-dropdown,
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-backgroundcolor-dropdown {
+  visibility: hidden;
+}
+
 /*! tab layout */
 .e-richtexteditor .e-rte-toolbar {
   border: 1px solid #4b5563;
@@ -2400,6 +2414,9 @@
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
   color: #d1d5db;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
+  color: #d1d5db;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
   color: #d1d5db;
 }
@@ -2418,6 +2435,9 @@
 .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
   border: 0;
 }
+.e-richtexteditor .e-toolbar-wrapper {
+  background: #374151;
+}
 .e-richtexteditor img.e-img-focus::selection,
 .e-richtexteditor audio.e-audio-focus::selection,
 .e-richtexteditor .e-video-focus::selection {
@@ -2616,7 +2636,8 @@
 
 .e-dialog .e-img-uploadwrap .e-droptext,
 .e-dialog .e-aud-uploadwrap .e-droptext,
-.e-dialog .e-vid-uploadwrap .e-droptext {
+.e-dialog .e-vid-uploadwrap .e-droptext,
+.e-dialog.e-device .e-vid-uploadwrap .e-droptext {
   border: dashed 2px #9ca3af;
   border-radius: 4px;
   color: #9ca3af;
@@ -2629,6 +2650,10 @@
   width: 300px;
 }
 
+.e-dialog .e-vid-uploadwrap .e-droptext {
+  height: 108px;
+}
+
 .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {

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

@@ -295,6 +295,10 @@
 .e-rte-dropdown-popup .e-rte-file-manager::before {
   content: "\e83c";
 }
+.e-rte-toolbar .e-rte-format-painter::before,
+.e-rte-dropdown-popup .e-rte-format-painter::before {
+  content: "\e8bd";
+}
 
 .e-richtexteditor .e-south-east::before,
 .e-richtexteditor .e-south-west::before {
@@ -317,6 +321,10 @@
   content: "\e7c2";
 }
 
+.e-rte-cursor-brush {
+  cursor: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.0561 9V4C10.0561 2.35001 11.4057 1 13.0561 1C14.7065 1 16.0561 2.35001 16.0561 4V9H19.0463C20.1459 9 21.0463 9.89999 21.0463 11V22C21.0463 23.1 20.1459 24 19.0561 24H5.4057C4.77484 24 4.185 23.71 3.80609 23.2C3.42523 22.7 3.30609 22.07 3.47601 21.47C4.685 17.21 4.96625 12.67 5.02484 10.92C5.06586 9.84 5.94476 9 7.02484 9H10.0561ZM16.0561 22.0044V19C16.0561 18.45 15.6069 18 15.0561 18C14.5053 18 14.0561 18.45 14.0561 19V22.0073L11.0561 22.0117V20C11.0561 19.45 10.6069 19 10.0561 19C9.50531 19 9.05609 19.45 9.05609 20V22.0146L5.4057 22.02C5.98969 19.9657 6.36469 17.8564 6.60883 16H19.0561V22L16.0561 22.0044ZM14.0561 9V4C14.0561 3.45 13.6069 3 13.0561 3C12.5053 3 12.0561 3.45 12.0561 4V9H14.0561ZM7.03461 11C7.00922 11.664 6.95453 12.7153 6.83344 14H19.0561V11H7.03461Z" fill="black"/><path d="M6.83344 14C6.95453 12.7153 7.00922 11.664 7.03461 11H19.0561V14H6.83344Z" fill="white"/><path d="M14.0561 4V9H12.0561V4C12.0561 3.45 12.5053 3 13.0561 3C13.6069 3 14.0561 3.45 14.0561 4Z" fill="white"/><path d="M16.0561 19V22.0044L19.0561 22V16H6.60883C6.36469 17.8564 5.98969 19.9657 5.4057 22.02L9.05609 22.0146V20C9.05609 19.45 9.50531 19 10.0561 19C10.6069 19 11.0561 19.45 11.0561 20V22.0117L14.0561 22.0073V19C14.0561 18.45 14.5053 18 15.0561 18C15.6069 18 16.0561 18.45 16.0561 19Z" fill="white"/></svg>'), text;
+}
+
 /*! tab layout */
 .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
 .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
@@ -1412,6 +1420,7 @@
 }
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
+  display: inline-block;
 }
 .e-rte-quick-popup .e-rte-quick-toolbar.e-remove-white-space .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
@@ -2305,6 +2314,11 @@
   margin: 1px;
 }
 
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-fontcolor-dropdown,
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-backgroundcolor-dropdown {
+  visibility: hidden;
+}
+
 /*! tab layout */
 .e-richtexteditor .e-rte-toolbar {
   border: 1px solid #e5e7eb;
@@ -2400,6 +2414,9 @@
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
   color: #6b7280;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
+  color: #6b7280;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
   color: #6b7280;
 }
@@ -2418,6 +2435,9 @@
 .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
   border: 0;
 }
+.e-richtexteditor .e-toolbar-wrapper {
+  background: #f3f4f6;
+}
 .e-richtexteditor img.e-img-focus::selection,
 .e-richtexteditor audio.e-audio-focus::selection,
 .e-richtexteditor .e-video-focus::selection {
@@ -2616,7 +2636,8 @@
 
 .e-dialog .e-img-uploadwrap .e-droptext,
 .e-dialog .e-aud-uploadwrap .e-droptext,
-.e-dialog .e-vid-uploadwrap .e-droptext {
+.e-dialog .e-vid-uploadwrap .e-droptext,
+.e-dialog.e-device .e-vid-uploadwrap .e-droptext {
   border: dashed 2px #9ca3af;
   border-radius: 4px;
   color: #6b7280;
@@ -2629,6 +2650,10 @@
   width: 300px;
 }
 
+.e-dialog .e-vid-uploadwrap .e-droptext {
+  height: 108px;
+}
+
 .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {

package/styles/tailwind-dark.css

@@ -295,6 +295,10 @@
 .e-rte-dropdown-popup .e-rte-file-manager::before {
   content: "\e83c";
 }
+.e-rte-toolbar .e-rte-format-painter::before,
+.e-rte-dropdown-popup .e-rte-format-painter::before {
+  content: "\e8bd";
+}
 
 .e-richtexteditor .e-south-east::before,
 .e-richtexteditor .e-south-west::before {
@@ -317,6 +321,10 @@
   content: "\e7c2";
 }
 
+.e-rte-cursor-brush {
+  cursor: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.0561 9V4C10.0561 2.35001 11.4057 1 13.0561 1C14.7065 1 16.0561 2.35001 16.0561 4V9H19.0463C20.1459 9 21.0463 9.89999 21.0463 11V22C21.0463 23.1 20.1459 24 19.0561 24H5.4057C4.77484 24 4.185 23.71 3.80609 23.2C3.42523 22.7 3.30609 22.07 3.47601 21.47C4.685 17.21 4.96625 12.67 5.02484 10.92C5.06586 9.84 5.94476 9 7.02484 9H10.0561ZM16.0561 22.0044V19C16.0561 18.45 15.6069 18 15.0561 18C14.5053 18 14.0561 18.45 14.0561 19V22.0073L11.0561 22.0117V20C11.0561 19.45 10.6069 19 10.0561 19C9.50531 19 9.05609 19.45 9.05609 20V22.0146L5.4057 22.02C5.98969 19.9657 6.36469 17.8564 6.60883 16H19.0561V22L16.0561 22.0044ZM14.0561 9V4C14.0561 3.45 13.6069 3 13.0561 3C12.5053 3 12.0561 3.45 12.0561 4V9H14.0561ZM7.03461 11C7.00922 11.664 6.95453 12.7153 6.83344 14H19.0561V11H7.03461Z" fill="black"/><path d="M6.83344 14C6.95453 12.7153 7.00922 11.664 7.03461 11H19.0561V14H6.83344Z" fill="white"/><path d="M14.0561 4V9H12.0561V4C12.0561 3.45 12.5053 3 13.0561 3C13.6069 3 14.0561 3.45 14.0561 4Z" fill="white"/><path d="M16.0561 19V22.0044L19.0561 22V16H6.60883C6.36469 17.8564 5.98969 19.9657 5.4057 22.02L9.05609 22.0146V20C9.05609 19.45 9.50531 19 10.0561 19C10.6069 19 11.0561 19.45 11.0561 20V22.0117L14.0561 22.0073V19C14.0561 18.45 14.5053 18 15.0561 18C15.6069 18 16.0561 18.45 16.0561 19Z" fill="white"/></svg>'), text;
+}
+
 /*! tab layout */
 .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
 .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
@@ -1412,6 +1420,7 @@
 }
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
+  display: inline-block;
 }
 .e-rte-quick-popup .e-rte-quick-toolbar.e-remove-white-space .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
@@ -2305,6 +2314,11 @@
   margin: 1px;
 }
 
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-fontcolor-dropdown,
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-backgroundcolor-dropdown {
+  visibility: hidden;
+}
+
 /*! tab layout */
 .e-richtexteditor .e-rte-toolbar {
   border: 1px solid #4b5563;
@@ -2400,6 +2414,9 @@
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
   color: #d1d5db;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
+  color: #d1d5db;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
   color: #d1d5db;
 }
@@ -2418,6 +2435,9 @@
 .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
   border: 0;
 }
+.e-richtexteditor .e-toolbar-wrapper {
+  background: #374151;
+}
 .e-richtexteditor img.e-img-focus::selection,
 .e-richtexteditor audio.e-audio-focus::selection,
 .e-richtexteditor .e-video-focus::selection {
@@ -2616,7 +2636,8 @@
 
 .e-dialog .e-img-uploadwrap .e-droptext,
 .e-dialog .e-aud-uploadwrap .e-droptext,
-.e-dialog .e-vid-uploadwrap .e-droptext {
+.e-dialog .e-vid-uploadwrap .e-droptext,
+.e-dialog.e-device .e-vid-uploadwrap .e-droptext {
   border: dashed 2px #9ca3af;
   border-radius: 4px;
   color: #9ca3af;
@@ -2629,6 +2650,10 @@
   width: 300px;
 }
 
+.e-dialog .e-vid-uploadwrap .e-droptext {
+  height: 108px;
+}
+
 .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {

package/styles/tailwind.css

@@ -295,6 +295,10 @@
 .e-rte-dropdown-popup .e-rte-file-manager::before {
   content: "\e83c";
 }
+.e-rte-toolbar .e-rte-format-painter::before,
+.e-rte-dropdown-popup .e-rte-format-painter::before {
+  content: "\e8bd";
+}
 
 .e-richtexteditor .e-south-east::before,
 .e-richtexteditor .e-south-west::before {
@@ -317,6 +321,10 @@
   content: "\e7c2";
 }
 
+.e-rte-cursor-brush {
+  cursor: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.0561 9V4C10.0561 2.35001 11.4057 1 13.0561 1C14.7065 1 16.0561 2.35001 16.0561 4V9H19.0463C20.1459 9 21.0463 9.89999 21.0463 11V22C21.0463 23.1 20.1459 24 19.0561 24H5.4057C4.77484 24 4.185 23.71 3.80609 23.2C3.42523 22.7 3.30609 22.07 3.47601 21.47C4.685 17.21 4.96625 12.67 5.02484 10.92C5.06586 9.84 5.94476 9 7.02484 9H10.0561ZM16.0561 22.0044V19C16.0561 18.45 15.6069 18 15.0561 18C14.5053 18 14.0561 18.45 14.0561 19V22.0073L11.0561 22.0117V20C11.0561 19.45 10.6069 19 10.0561 19C9.50531 19 9.05609 19.45 9.05609 20V22.0146L5.4057 22.02C5.98969 19.9657 6.36469 17.8564 6.60883 16H19.0561V22L16.0561 22.0044ZM14.0561 9V4C14.0561 3.45 13.6069 3 13.0561 3C12.5053 3 12.0561 3.45 12.0561 4V9H14.0561ZM7.03461 11C7.00922 11.664 6.95453 12.7153 6.83344 14H19.0561V11H7.03461Z" fill="black"/><path d="M6.83344 14C6.95453 12.7153 7.00922 11.664 7.03461 11H19.0561V14H6.83344Z" fill="white"/><path d="M14.0561 4V9H12.0561V4C12.0561 3.45 12.5053 3 13.0561 3C13.6069 3 14.0561 3.45 14.0561 4Z" fill="white"/><path d="M16.0561 19V22.0044L19.0561 22V16H6.60883C6.36469 17.8564 5.98969 19.9657 5.4057 22.02L9.05609 22.0146V20C9.05609 19.45 9.50531 19 10.0561 19C10.6069 19 11.0561 19.45 11.0561 20V22.0117L14.0561 22.0073V19C14.0561 18.45 14.5053 18 15.0561 18C15.6069 18 16.0561 18.45 16.0561 19Z" fill="white"/></svg>'), text;
+}
+
 /*! tab layout */
 .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
 .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
@@ -1412,6 +1420,7 @@
 }
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
+  display: inline-block;
 }
 .e-rte-quick-popup .e-rte-quick-toolbar.e-remove-white-space .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
@@ -2305,6 +2314,11 @@
   margin: 1px;
 }
 
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-fontcolor-dropdown,
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-backgroundcolor-dropdown {
+  visibility: hidden;
+}
+
 /*! tab layout */
 .e-richtexteditor .e-rte-toolbar {
   border: 1px solid #e5e7eb;
@@ -2400,6 +2414,9 @@
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
   color: #6b7280;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
+  color: #6b7280;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
   color: #6b7280;
 }
@@ -2418,6 +2435,9 @@
 .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
   border: 0;
 }
+.e-richtexteditor .e-toolbar-wrapper {
+  background: #f3f4f6;
+}
 .e-richtexteditor img.e-img-focus::selection,
 .e-richtexteditor audio.e-audio-focus::selection,
 .e-richtexteditor .e-video-focus::selection {
@@ -2616,7 +2636,8 @@
 
 .e-dialog .e-img-uploadwrap .e-droptext,
 .e-dialog .e-aud-uploadwrap .e-droptext,
-.e-dialog .e-vid-uploadwrap .e-droptext {
+.e-dialog .e-vid-uploadwrap .e-droptext,
+.e-dialog.e-device .e-vid-uploadwrap .e-droptext {
   border: dashed 2px #9ca3af;
   border-radius: 4px;
   color: #6b7280;
@@ -2629,6 +2650,10 @@
   width: 300px;
 }
 
+.e-dialog .e-vid-uploadwrap .e-droptext {
+  height: 108px;
+}
+
 .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {

package/styles/rich-text-editor/_material3-definition.scss

@@ -1,196 +0,0 @@
-$skin-name: 'bootstrap5' !default;
-
-//Layout Variables Start
-$rte-border-size: 1px !default;
-$rte-2px-border-size: 2px !default;
-$rte-border-type: solid !default;
-$rte-list-btn-flex: column !default;
-$rte-list-btn-line-height: 1 !default;
-$rte-split-btn-line-height: 20px !default;
-$rte-big-split-btn-line-height: 30px !default;
-$rte-big-quick-item-btn-width: 39px !default;
-$rte-quick-item-btn-width: 27px !default;
-$rte-big-quick-item-btn-height: 34px !default;
-$rte-quick-item-btn-height: 26px !default;
-$rte-big-quick-item-padding: 0 !default;
-$rte-quick-item-padding: 0 !default;
-$rte-quick-item-icon-min-width: 24px !default; // Clarify
-$rte-big-quick-item-line-height: $leading-normal !default;
-$rte-content-padding: 16px !default;
-$rte-toolbar-icon-size: $text-base !default;
-$rte-toolbar-big-icon-size: $text-lg !default;
-$rte-big-quick-drop-btn-line-height: 33px !default;
-$rte-quick-drop-btn-line-height: 24px !default;
-$rte-big-quick-drop-btn-margin: 4px 0 !default;
-$rte-quick-drop-btn-margin: 4px 0 !default;
-$rte-big-quick-drop-btn-padding: 0 !default;
-$rte-quick-drop-btn-padding: 1px 0 !default;
-$rte-big-quick-drop-btn-icon-size: 16px !default;
-$rte-quick-drop-btn-icon-size: 14px !default;
-$rte-big-quick-drop-btn-caret-icon-size: 10px !default;
-$rte-quick-drop-btn-caret-icon-size: 12px !default;
-$rte-big-quick-drop-btn-caret-font-size: 12px !default;
-$rte-quick-drop-btn-caret-font-size: 10px !default;
-$rte-big-tb-items-margin-left: 3px !default;
-$rte-tb-items-margin-left: 7px !default;
-$rte-big-tb-items-padding-left: 3px !default;
-$rte-tb-items-padding-left: 7px !default;
-$rte-active-tb-item-btn-padding: 0 !default;
-$rte-split-btn-bar-size: 0 !default;
-$rte-split-btn-active-color-icon-line-height: 30px !default;
-$rte-big-split-btn-active-color-icon-line-height: 37px !default;
-$rte-format-btn-min-width: 75px !default;
-$rte-font-name-btn-min-width: 67px !default;
-$rte-font-size-btn-min-width: 36px !default;
-$rte-drop-btn-padding-left: 7px !default;
-$dropdown-btn-font-size: $text-sm;
-$dropdown-btn-big-font-size: $text-base;
-$rte-drop-btn-padding-right: 7px !default;
-$rte-drop-btn-action-padding-left: 7px !default;
-$rte-drop-btn-action-padding-right: 7px !default;
-$rte-big-drop-btn-padding-left: 10px !default;
-$rte-big-drop-btn-padding-right: 6px !default;
-$rte-big-drop-btn-action-padding-left: 10px !default;
-$rte-big-drop-btn-action-padding-right: 6px !default;
-$rte-colorpicker-parent-padding: 0 !default;
-$rte-colorpicker-parent-padding-hover: 0 !default;
-$rte-colorpicker-parent-padding-active-hover: 0 !default;
-$rte-font-icon-width: 30px !default;
-$rte-font-arrow-width: 18px !default;
-$rte-font-arrow-touch-width: 20px !default;
-$rte-font-icon-line-height: $leading-tight !default;
-$rte-placeholder-line-height: $leading-normal !default;
-$rte-big-active-tb-item-btn-padding: 0 6px !default;
-$rte-table-popup-padding: 10px !default;
-$rte-insert-dialog-label-padding-top: 12px !default;
-$rte-insert-dialog-label-padding-bottom: 12px !default;
-$rte-big-quick-tbar-item-min-height: 34px !default;
-$rte-big-quick-tbar-item-min-width: 39px !default;
-$rte-content-font-size: $text-sm !default;
-$rte-dropdown-caret-icon-size: $text-xs !default;
-$rte-big-dropdown-caret-icon-size: $text-sm !default;
-$font-weight: $font-weight-normal !default;
-$rte-table-popup-bdr-radius: 6px !default;
-$rte-resize-handler-width: 15px;
-$rte-resize-handler-height: 15px;
-$rte-resize-handler-position: 0;
-$rte-big-inline-tmp-min-width: 48px;
-$rte-inline-tmp-min-width: 55px;
-$rte-big-inline-tmp-size-min-width: 59px;
-$rte-inline-tmp-size-min-width: 66px;
-$rte-big-inline-tmp-color-min-width: 50px;
-$rte-inline-tmp-color-min-width: 55px;
-$rte-big-color-list-span-common-padding-left-right: 0;
-$rte-default-character-count-opacity: 1;
-
-//Layout Variables End
-
-//Theme Variables Start
-$rte-split-btn-active-border: 0 !default;
-$rte-border-color: $border-light !default;
-$rte-content-bg: $content-bg-color !default;
-$rte-full-screen-bg: $content-bg-color !default;
-$rte-content-font-color: $content-text-color !default;
-$rte-item-color: $content-text-color !default;
-$rte-icons-color: $icon-color !default;
-$rte-img-popup-border: 1px solid $border-light !default;
-$rte-img-popup-box-shadow: $shadow !default;
-$rte-img-popup-color: $border-light !default;
-$rte-quick-item-active-bg: $secondary-bg-color-pressed !default;
-$rte-quick-item-active-font-color: $secondary-text-color-hover !default;
-$rte-quick-item-border: 0 !default;
-$rte-quick-item-hover-border-color: $secondary-border-color-hover !default;
-$rte-quick-item-active-border-color: $secondary-border-color-pressed !default;
-$rte-quick-drop-btn-border-color: $content-bg-color-alt2 !default;
-$rte-quick-drop-btn-hover-border-color: $content-bg-color-alt2 !default;
-$rte-extended-toolbar-background: $content-bg-color-alt2 !default;
-$rte-quick-pop-border: none !default;
-$rte-quick-tb-border: 1px solid $border-light !default;
-$rte-quick-pop-bg: $content-bg-color-alt2 !default;
-$rte-quick-vr-line-color: $border-light !default;
-$rte-quick-pop-shadow: none !default;
-$rte-quick-pop-item-focus-bg: $secondary-bg-color-pressed !default;
-$rte-quick-tb-btn-hover: $secondary-bg-color-hover !default;
-$rte-tb-item-active-bg: $secondary-bg-color-pressed !default;
-$rte-tb-active-font-color: $white !default;
-$rte-tb-item-active-border: 1px solid $secondary-border-color-pressed !default;
-$rte-expand-tb-border-bottom: $rte-border-size $rte-border-type $border-light !default;
-$rte-color-picker-active-bg: inherit !default;
-$rte-drop-btn-active-bg: $secondary-bg-color-pressed !default;
-$rte-drop-btn-active-color: $white !default;
-$rte-drop-btn-active-border-color: $secondary-border-color-pressed !default;
-$rte-split-btn-active-hover-font-color: $white !default;
-$rte-split-btn-color: $secondary-bg-color-pressed !default;
-$rte-split-btn-active-color: $white !default;
-$rte-split-btn-hover-bg: $secondary-bg-color-hover !default;
-$rte-split-btn-active-bg: $secondary-bg-color-pressed !default;
-$rte-split-btn-span-hover-bg: $secondary-bg-color-hover !default;
-$rte-split-btn-span-focus-bg: $secondary-bg-color-pressed !default;
-$rte-split-btn-span-active-bg: $secondary-bg-color-pressed !default;
-$rte-split-btn-bar-bg: $content-bg-color !default;
-$rte-split-btn-active-bar-bg: $content-bg-color !default;
-$rte-split-btn-bar-size: 0 !default;
-$rte-split-btn-active-border: 0 !default;
-$rte-split-btn-active-color-icon-line-height: 30px !default;
-$rte-big-split-btn-active-color-icon-line-height: 38px !default;
-
-$rte-link-valid-color: $danger !default;
-$rte-upload-drag-border-clr: $border-dark !default;
-$rte-img-header-clr: $content-text-color !default;
-$rte-drop-text-clr: $content-text-color-alt2 !default;
-$rte-default-character-count-color: $placeholder-text-color !default;
-$rte-warning-character-count-color: $warning !default;
-$rte-error-character-count-color: $danger !default;
-$rte-img-border: dashed 2px $primary !default;
-$rte-font-family: $font-family !default;
-$rte-content-color: $content-text-color !default;
-$rte-content-blockquote-border-left-color: solid 2px $content-text-color !default;
-$rte-dropdown-selection-bgcolor: $secondary-bg-color-pressed !default;
-$rte-ext-tbar-overlay-icons-color: $icon-color-disabled !default;
-$rte-overlay-color: $overlay-bg-color !default;
-$rte-dropdown-selection-color: $secondary-text-color-pressed !default;
-$rte-anchor-color: $primary !default;
-$rte-ext-tbar-overlay-dropdown-color: $content-bg-color-alt4 !default;
-$rte-img-resize-back-color: $primary !default;
-$rte-img-resize-color: $primary-text-color !default;
-$rte-table-header-color: $content-text-color-alt1 !default;
-$rte-table-span-bg-color: $content-bg-color !default;
-$rte-table-span-border: 1px solid $border-light !default;
-$rte-table-span-active-bg-color: $primary-lighter !default;
-$rte-table-span-active-border-color: $primary !default;
-$rte-table-select-border-color: $primary !default;
-$rte-table-popup-bg: $flyout-bg-color !default;
-$rte-table-popup-color: $border-light !default;
-$rte-table-popup-box: $shadow !default;
-$rte-table-border-color: $border-light !default;
-$rte-table-alternate-color: $content-bg-color-alt1 !default;
-$rte-table-header-bg: $content-bg-color-alt1 !default;
-$rte-toolbar-hor-nav-border-width: 0 0 0 1px !default;
-
-//Theme Variables End
-
-$rte-tb-hover-font-color: $secondary-text-color-hover;
-$transparent: $transparent;
-$rte-placeholder-padding: 16px !default;
-
-$rte-img-dlg-max-height: 390px !default;
-$rte-img-alt-dlg-max-height: 390px !default;
-$rte-img-link-dlg-max-height: 191px !default;
-$rte-img-size-dlg-max-height: 256px !default;
-$rte-link-dlg-max-height: 353px !default;
-$rte-file-browser-dlg-max-height: 557px !default;
-$rte-table-dlg-max-height: 252px !default;
-$rte-edit-table-dlg-max-height: 320px !default;
-
-$rte-big-img-dlg-max-height: 425px !default;
-$rte-big-img-alt-dlg-max-height: 425px !default;
-$rte-big-img-link-dlg-max-height: 229px !default;
-$rte-big-img-size-dlg-max-height: 309px !default;
-$rte-big-link-dlg-max-height: 400px !default;
-$rte-big-file-browser-dlg-max-height: 557px !default;
-$rte-big-table-dlg-max-height: 299px !default;
-$rte-big-edit-table-dlg-max-height: 373px !default;
-$toolbar-expand-icon-min-height: 40px !default;
-$rte-align-caret-icon-min-width: 24px !default;
-$rte-drop-text-width: 300px !default;
-$rte-drop-text-mobile-width: 250px !default;