@syncfusion/ej2-angular-documenteditor 21.2.10 → 22.1.34

package/styles/document-editor-container/highcontrast.css

@@ -399,6 +399,21 @@
   font-family: "e-icons";
 }
 
+.e-de-e-paragraph-style-mark::before {
+  content: "\e353";
+  font-family: "e-icons";
+}
+
+.e-de-e-character-style-mark::before {
+  content: "\e980";
+  font-family: "e-icons";
+}
+
+.e-de-e-linked-style-mark::before {
+  content: "\e981";
+  font-family: "e-icons";
+}
+
 .e-de-ctnr-columns::before {
   content: "\e968";
   font-family: "e-icons";
@@ -531,6 +546,46 @@
   height: 100%;
 }
 
+.e-de-prop-pane .e-de-ctnr-group-btn.e-btn-group:not(.e-outline) {
+  box-shadow: none;
+  height: 32px;
+}
+.e-de-prop-pane .e-de-ctnr-group-btn.e-btn-group:not(.e-outline):focus {
+  box-shadow: none;
+}
+.e-de-prop-pane .e-de-ctnr-group-btn.e-btn-group:not(.e-outline):active {
+  box-shadow: none;
+}
+.e-de-prop-pane .e-de-ctnr-group-btn.e-btn-group:not(.e-outline):hover {
+  box-shadow: none;
+}
+
+.e-de-ctnr-group-btn-middle button {
+  border-radius: 0px;
+}
+
+.de-tbl-fill-clr .e-dropdown-btn.e-btn {
+  box-shadow: none;
+}
+
+.e-de-prop-pane .e-de-ctnr-group-btn button,
+.e-de-ctn .e-de-status-bar button {
+  box-shadow: none;
+  height: 32px;
+}
+.e-de-prop-pane .e-de-ctnr-group-btn button:focus,
+.e-de-ctn .e-de-status-bar button:focus {
+  box-shadow: none;
+}
+.e-de-prop-pane .e-de-ctnr-group-btn button:active,
+.e-de-ctn .e-de-status-bar button:active {
+  box-shadow: none;
+}
+.e-de-prop-pane .e-de-ctnr-group-btn button:hover,
+.e-de-ctn .e-de-status-bar button:hover {
+  box-shadow: none;
+}
+
 .e-de-statusbar-pageweb {
   background: #000;
   border: 0;
@@ -568,7 +623,10 @@
 }
 
 .e-de-listview-icon {
+  height: auto;
+  width: auto;
   line-height: 22px;
+  margin-right: 12px;
 }
 
 .e-de-linespacing {
@@ -639,14 +697,22 @@
 .e-de-statusbar-separator {
   border-left: 1px solid #dadada;
   height: 16px;
-  margin-left: 15.5;
+  margin-left: 7.5px;
+  margin-right: 7.5px;
+  margin-top: 10px;
+}
+
+.e-bigger .e-de-statusbar-separator {
+  border-left: 1px solid #dadada;
+  height: 16px;
+  margin-left: 7.5px;
+  margin-right: 7.5px;
   margin-top: 10px;
 }
 
 .e-de-statusbar-spellcheck {
   border-radius: 2px;
   font-weight: 400;
-  margin-left: 7.5px;
 }
 
 .e-de-ctn {
@@ -659,7 +725,6 @@
 
 .e-bigger .e-de-statusbar-spellcheck {
   border-radius: 2px;
-  margin-left: 7.5px;
 }
 
 .e-de-ctnr-toolbar {
@@ -909,6 +974,7 @@
 }
 
 .e-de-review-pane {
+  background: #000;
   border-left: 1px solid #e1e1e1;
   height: 100%;
   min-height: 200px;
@@ -926,34 +992,6 @@
   width: 272px;
 }
 
-.e-de-ctnr-group-btn.e-btn-group:not(.e-outline) {
-  box-shadow: none;
-  height: 32px;
-}
-.e-de-ctnr-group-btn.e-btn-group:not(.e-outline):focus {
-  box-shadow: none;
-}
-.e-de-ctnr-group-btn.e-btn-group:not(.e-outline):active {
-  box-shadow: none;
-}
-.e-de-ctnr-group-btn.e-btn-group:not(.e-outline):hover {
-  box-shadow: none;
-}
-
-.e-de-ctnr-group-btn button {
-  box-shadow: none;
-  height: 32px;
-}
-.e-de-ctnr-group-btn button:focus {
-  box-shadow: none;
-}
-.e-de-ctnr-group-btn button:active {
-  box-shadow: none;
-}
-.e-de-ctnr-group-btn button:hover {
-  box-shadow: none;
-}
-
 .e-de-property-div-padding {
   border-bottom: 0.5px solid #e0e0e0;
   padding: 12.5px;
@@ -1077,7 +1115,7 @@
 }
 
 .e-de-list-header-presetmenu .e-de-list-line {
-  border-bottom: 1px solid #ccc;
+  border-bottom: 1px solid #ccc !important;
   margin-left: 5px;
   width: 100%;
 }
@@ -1146,10 +1184,10 @@
 }
 
 .e-de-list-container {
-  background: #000;
   border: 1px solid #ccc;
   border-radius: 2px;
   box-shadow: 0 0 14px rgba(0, 0, 0, 0.2);
+  background: #000;
   box-sizing: border-box;
   display: inline-block;
   line-height: normal;
@@ -1431,7 +1469,7 @@
 }
 
 .e-de-grp-btn-ctnr .e-de-ctnr-group-btn {
-  height: 38px !important;
+  height: 36px !important;
 }
 
 .e-bigger .e-de-grp-btn-ctnr .e-de-ctnr-group-btn {
@@ -1458,7 +1496,10 @@
   margin-left: 12px;
 }
 .e-rtl .e-de-listview-icon {
+  height: auto;
+  width: auto;
   line-height: 22px;
+  margin-left: 12px;
 }
 
 .e-bigger .de-split-button > div:first-child {
@@ -1569,7 +1610,6 @@
   height: 82px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-separator {
-  height: 25px;
   margin: 0 7.5px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-start {
@@ -1671,6 +1711,19 @@
 .e-bigger .e-de-ctnr-group-btn.e-btn-group:not(.e-outline):hover {
   box-shadow: none;
 }
+.e-bigger .e-de-status-bar button {
+  height: 38px;
+  box-shadow: none;
+}
+.e-bigger .e-de-status-bar button:focus {
+  box-shadow: none;
+}
+.e-bigger .e-de-status-bar button:active {
+  box-shadow: none;
+}
+.e-bigger .e-de-status-bar button:hover {
+  box-shadow: none;
+}
 .e-bigger .e-de-ctnr-group-btn button {
   box-shadow: none;
   height: 38px;
@@ -1784,18 +1837,18 @@
   margin-left: 10px;
 }
 .e-bigger .e-de-status-bar {
-  background-color: #000;
+  background: #000;
   display: -ms-flexbox;
   display: flex;
   padding-top: 1.5px;
   width: 100%;
 }
 .e-bigger .e-de-statusbar-zoom {
-  background-color: #000;
   border: 0;
   color: #fff;
   float: right;
   height: 34px;
+  background-color: #000;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text {
   line-height: 25px;
@@ -1811,7 +1864,10 @@
   margin-right: 16px;
 }
 .e-bigger .e-de-listview-icon {
+  height: auto;
+  width: auto;
   line-height: 22px;
+  margin-right: 16px;
 }
 .e-bigger .e-rtl .e-listview .e-list-icon {
   height: 24px;
@@ -1819,7 +1875,10 @@
   margin-left: 16px;
 }
 .e-bigger .e-rtl .e-de-listview-icon {
+  height: auto;
+  width: auto;
   line-height: 22px;
+  margin-left: 16px;
 }
 
 .e-de-ctn .e-de-bzr-button {

package/styles/document-editor-container/icons/_bootstrap-dark.scss

@@ -400,6 +400,21 @@
     font-family: 'e-icons';
   }
 
+  .e-de-e-paragraph-style-mark::before{
+    content: '\e353';
+    font-family: 'e-icons';
+  }
+
+  .e-de-e-character-style-mark::before{
+    content: '\e98e';
+    font-family: 'e-icons';
+  }
+
+  .e-de-e-linked-style-mark::before{
+    content: '\e992';
+    font-family: 'e-icons';
+  }
+
   .e-de-ctnr-columns::before {
     content: '\e955';
     font-family: 'e-icons';

package/styles/document-editor-container/icons/_bootstrap.scss

@@ -400,6 +400,21 @@
     font-family: 'e-icons';
   }
 
+  .e-de-e-paragraph-style-mark::before{
+    content: '\e353';
+    font-family: 'e-icons';
+  }
+
+  .e-de-e-character-style-mark::before{
+    content: '\e98e';
+    font-family: 'e-icons';
+  }
+
+  .e-de-e-linked-style-mark::before{
+    content: '\e992';
+    font-family: 'e-icons';
+  }
+
   .e-de-ctnr-columns::before {
     content: '\e955';
     font-family: 'e-icons';

package/styles/document-editor-container/icons/_bootstrap4.scss

@@ -399,6 +399,21 @@
     content: '\e720';
     font-family: 'e-icons';
   }
+
+  .e-de-e-paragraph-style-mark::before{
+    content: '\e720';
+    font-family: 'e-icons';
+  }
+
+  .e-de-e-character-style-mark::before{
+    content: '\e97b';
+    font-family: 'e-icons';
+  }
+
+  .e-de-e-linked-style-mark::before{
+    content: '\e97c';
+    font-family: 'e-icons';
+  }
   
   .e-de-ctnr-columns::before {
     content: '\e955';

package/styles/document-editor-container/icons/_bootstrap5.scss

@@ -425,6 +425,21 @@
     content: '\e844';
     font-family: 'e-icons';
   }
+
+  .e-de-e-paragraph-style-mark::before{
+    content: '\e844';
+    font-family: 'e-icons';
+  }
+
+  .e-de-e-character-style-mark::before{
+    content: '\e8bf';
+    font-family: 'e-icons';
+  }
+
+  .e-de-e-linked-style-mark::before{
+    content: '\e8c0';
+    font-family: 'e-icons';
+  }
   
   .e-de-ctnr-columns::before {
     content: '\e8b4';

package/styles/document-editor-container/icons/_fabric-dark.scss

@@ -399,6 +399,21 @@
     content: '\e353';
     font-family: 'e-icons';
   }
+
+  .e-de-e-paragraph-style-mark::before{
+    content: '\e353';
+    font-family: 'e-icons';
+  }
+
+  .e-de-e-character-style-mark::before{
+    content: '\e982';
+    font-family: 'e-icons';
+  }
+
+  .e-de-e-linked-style-mark::before{
+    content: '\e983';
+    font-family: 'e-icons';
+  }
   
   .e-de-ctnr-columns::before {
     content: '\e972';

package/styles/document-editor-container/icons/_fabric.scss

@@ -399,6 +399,21 @@
     content: '\e353';
     font-family: 'e-icons';
   }
+
+  .e-de-e-paragraph-style-mark::before{
+    content: '\e353';
+    font-family: 'e-icons';
+  }
+
+  .e-de-e-character-style-mark::before{
+    content: '\e982';
+    font-family: 'e-icons';
+  }
+
+  .e-de-e-linked-style-mark::before{
+    content: '\e983';
+    font-family: 'e-icons';
+  }
   
   .e-de-ctnr-columns::before {
     content: '\e972';

package/styles/document-editor-container/icons/_fluent.scss

@@ -425,6 +425,21 @@
     content: '\e844';
     font-family: 'e-icons';
   }
+
+  .e-de-e-paragraph-style-mark::before{
+    content: '\e844';
+    font-family: 'e-icons';
+  }
+
+  .e-de-e-character-style-mark::before{
+    content: '\e8bf';
+    font-family: 'e-icons';
+  }
+
+  .e-de-e-linked-style-mark::before{
+    content: '\e8c0';
+    font-family: 'e-icons';
+  }
   
   .e-de-ctnr-columns::before {
     content: '\e8b4';

package/styles/document-editor-container/icons/_fusionnew.scss

@@ -425,6 +425,21 @@
     content: '\e844';
     font-family: 'e-icons';
   }
+
+  .e-de-e-paragraph-style-mark::before{
+    content: '\e844';
+    font-family: 'e-icons';
+  }
+
+  .e-de-e-character-style-mark::before{
+    content: '\e8bf';
+    font-family: 'e-icons';
+  }
+
+  .e-de-e-linked-style-mark::before{
+    content: '\e8c0';
+    font-family: 'e-icons';
+  }
   
   .e-de-ctnr-columns::before {
     content: '\e89d';

package/styles/document-editor-container/icons/_highcontrast-light.scss

@@ -399,6 +399,21 @@
     content: '\e353';
     font-family: 'e-icons';
   }
+
+  .e-de-e-paragraph-style-mark::before{
+    content: '\e353';
+    font-family: 'e-icons';
+  }
+
+  .e-de-e-character-style-mark::before{
+    content: '\e980';
+    font-family: 'e-icons';
+  }
+
+  .e-de-e-linked-style-mark::before{
+    content: '\e981';
+    font-family: 'e-icons';
+  }
   
   .e-de-ctnr-columns::before {
     content: '\e968';

package/styles/document-editor-container/icons/_highcontrast.scss

@@ -399,6 +399,21 @@
     content: '\e353';
     font-family: 'e-icons';
   }
+
+  .e-de-e-paragraph-style-mark::before{
+    content: '\e353';
+    font-family: 'e-icons';
+  }
+
+  .e-de-e-character-style-mark::before{
+    content: '\e980';
+    font-family: 'e-icons';
+  }
+
+  .e-de-e-linked-style-mark::before{
+    content: '\e981';
+    font-family: 'e-icons';
+  }
   
   .e-de-ctnr-columns::before {
     content: '\e968';

package/styles/document-editor-container/icons/_material-dark.scss

@@ -401,6 +401,21 @@
     content: '\e353';
     font-family: 'e-icons';
   }
+
+  .e-de-e-paragraph-style-mark::before{
+    content: '\e353';
+    font-family: 'e-icons';
+  }
+
+  .e-de-e-character-style-mark::before{
+    content: '\e97d';
+    font-family: 'e-icons';
+  }
+
+  .e-de-e-linked-style-mark::before{
+    content: '\e97e';
+    font-family: 'e-icons';
+  }
   
   .e-de-ctnr-columns::before {
     content: '\e955';

package/styles/document-editor-container/icons/_material.scss

@@ -401,6 +401,21 @@
     content: '\e353';
     font-family: 'e-icons';
   }
+
+  .e-de-e-paragraph-style-mark::before{
+    content: '\e353';
+    font-family: 'e-icons';
+  }
+
+  .e-de-e-character-style-mark::before{
+    content: '\e97d';
+    font-family: 'e-icons';
+  }
+
+  .e-de-e-linked-style-mark::before{
+    content: '\e97e';
+    font-family: 'e-icons';
+  }
   
   .e-de-ctnr-columns::before {
     content: '\e955';

package/styles/document-editor-container/icons/_material3-dark.scss

@@ -0,0 +1 @@
+@import './material3.scss';

package/styles/document-editor-container/icons/_material3.scss

@@ -1,6 +1,6 @@
 @include export-module('document-editor-container-material3-icons') {
   .e-de-ctnr-close::before {
-    color: $icon-color;
+    color: rgba($icon-color);
     content: '\e7e7';
     font-size: 16px;
   }
@@ -157,7 +157,7 @@
   }
 
   .e-de-ctnr-borders::before {
-    content: '\e93b';
+    content: '\e893';
   }
 
   .e-de-ctnr-decreaseindent::before {
@@ -166,7 +166,6 @@
 
   .e-de-ctnr-showhide::before {
     content: '\e71a';
-    font-size: 16px;
   }
 
   .e-de-ctnr-print::before {
@@ -422,22 +421,37 @@
   }
 
   .e-de-e-paragraph-mark::before{
-    content: '\e353';
+    content: '\e844';
+    font-family: 'e-icons';
+  }
+
+  .e-de-e-paragraph-style-mark::before{
+    content: '\e844';
+    font-family: 'e-icons';
+  }
+
+  .e-de-e-character-style-mark::before{
+    content: '\e8bf';
+    font-family: 'e-icons';
+  }
+
+  .e-de-e-linked-style-mark::before{
+    content: '\e8c0';
     font-family: 'e-icons';
   }
   
   .e-de-ctnr-columns::before {
-    content: '\e955';
+    content: '\e8b4';
     font-family: 'e-icons';
   }
 
   .e-de-ctnr-page-size::before {
-    content: '\e952';
+    content: '\e89a';
     font-family: 'e-icons';
   }
 
   .e-de-ctnr-page-break-column::before {
-    content: '\e970';
+    content: '\e8b4';
     font-family: 'e-icons';
   }
 
@@ -447,46 +461,46 @@
   }
 
   .e-de-ctnr-section-break-continuous::before {
-    content: '\e971';
+    content: '\e8b5';
     font-family: 'e-icons';
   }
   
   .e-de-ctnr-section-break-even-page::before {
-    content: '\e96e';
+    content: '\e8b2';
     font-family: 'e-icons';
   }
 
   .e-de-ctnr-section-break-odd-page::before {
-    content: '\e96f';
+    content: '\e8b3';
     font-family: 'e-icons';
   }
 
   .e-de-ctnr-columns-one::before {
-    content: '\e976';
+    content: '\e8b9';
     font-family: 'e-icons';
     font-size: $de-column-presets-font-size;
   }
 
   .e-de-ctnr-columns-two::before {
-    content: '\e978';
+    content: '\e8ba';
     font-family: 'e-icons';
     font-size: $de-column-presets-font-size;
   }
 
   .e-de-ctnr-columns-three::before {
-    content: '\e979';
+    content: '\e8bb';
     font-family: 'e-icons';
     font-size: $de-column-presets-font-size;
   }
 
   .e-de-ctnr-columns-right::before {
-    content: '\e973';
+    content: '\e8b7';
     font-family: 'e-icons';
     font-size: $de-column-presets-font-size;
   }
 
   .e-de-ctnr-columns-left::before {
-    content: '\e975';
+    content: '\e8b8';
     font-family: 'e-icons';
     font-size: $de-column-presets-font-size;
   }

package/styles/document-editor-container/icons/_tailwind-dark.scss

@@ -425,6 +425,21 @@
     content: '\e844';
     font-family: 'e-icons';
   }
+
+  .e-de-e-paragraph-style-mark::before{
+    content: '\e844';
+    font-family: 'e-icons';
+  }
+
+  .e-de-e-character-style-mark::before{
+    content: '\e8bf';
+    font-family: 'e-icons';
+  }
+
+  .e-de-e-linked-style-mark::before{
+    content: '\e8c0';
+    font-family: 'e-icons';
+  }
   
   .e-de-ctnr-columns::before {
     content: '\e89d';

package/styles/document-editor-container/icons/_tailwind.scss

@@ -425,6 +425,21 @@
     content: '\e844';
     font-family: 'e-icons';
   }
+
+  .e-de-e-paragraph-style-mark::before{
+    content: '\e844';
+    font-family: 'e-icons';
+  }
+
+  .e-de-e-character-style-mark::before{
+    content: '\e8bf';
+    font-family: 'e-icons';
+  }
+
+  .e-de-e-linked-style-mark::before{
+    content: '\e8c0';
+    font-family: 'e-icons';
+  }
     
   .e-de-ctnr-columns::before {
     content: '\e89d';