@syncfusion/ej2-angular-documenteditor 19.4.55 → 20.1.48

package/styles/document-editor-container/fluent.scss

@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/fluent.scss';

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

@@ -1379,12 +1379,12 @@ label[for='container_wholeWord'] {
 
 .e-de-font-dlg {
   height: 239px;
-  width: 380px;
+  width: max-content;
 }
 
 .e-de-hyperlink {
-  height: 175px;
-  width: 230px;
+  height: auto;
+  width: 250px;
 }
 
 .e-de-insert-table {
@@ -2501,6 +2501,15 @@ label[for='container_wholeWord'] {
   top: 100px;
 }
 
+.e-de-scrollbar-hide::-webkit-scrollbar {
+  width: 0;
+}
+
+.e-de-scrollbar-hide {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
 .e-de-toolbar {
   height: 100%;
 }
@@ -2546,6 +2555,7 @@ label[for='container_wholeWord'] {
   border: 0;
   color: #000;
   float: right;
+  font-weight: 400;
   height: 33px;
 }
 
@@ -2574,9 +2584,7 @@ label[for='container_wholeWord'] {
   border: 0;
   box-shadow: none;
   float: right;
-  height: 33px;
   margin-left: calc(100% - 362px);
-  width: 33px;
 }
 
 .e-bigger .e-btn-pageweb-spellcheck {
@@ -2612,9 +2620,8 @@ label[for='container_wholeWord'] {
 
 .e-de-statusbar-spellcheck {
   border-radius: 2px;
-  height: 34px;
+  font-weight: 400;
   margin-left: 7.5px;
-  width: 91px;
 }
 
 .e-de-ctn {
@@ -2627,9 +2634,7 @@ label[for='container_wholeWord'] {
 
 .e-bigger .e-de-statusbar-spellcheck {
   border-radius: 2px;
-  height: 34px;
   margin-left: 7.5px;
-  width: 111px;
 }
 
 .e-de-ctnr-toolbar {
@@ -2938,8 +2943,7 @@ label[for='container_wholeWord'] {
 
 .e-de-property-div-padding {
   border-bottom: 0.5px solid #e0e0e0;
-  padding-bottom: 11.5px;
-  padding-top: 12.5px;
+  padding: 12.5px;
 }
 
 .e-de-ctnr-dropdown-ftr {
@@ -2952,7 +2956,8 @@ label[for='container_wholeWord'] {
   text-indent: 1.2em;
 }
 
-.e-de-char-fmt-btn-left > button {
+.e-de-char-fmt-btn-left > button,
+.e-de-insert-del-cell button {
   width: 37.25px;
 }
 
@@ -2968,7 +2973,8 @@ label[for='container_wholeWord'] {
   width: 149px;
 }
 
-.e-bigger .e-de-char-fmt-btn-left > button {
+.e-bigger .e-de-char-fmt-btn-left > button,
+.e-bigger .e-de-insert-del-cell button {
   width: 37.25px;
 }
 
@@ -3378,37 +3384,6 @@ label[for='container_wholeWord'] {
   padding-right: 12px;
 }
 
-.e-de-border-style-div {
-  margin-left: 12px;
-}
-
-.e-de-border-style-div.e-de-rtl {
-  margin-left: 0;
-  margin-right: 12px;
-}
-
-.e-de-insert-del-cell {
-  margin-left: 12px;
-}
-
-.e-de-insert-del-cell.e-de-rtl {
-  margin-left: 0;
-  margin-right: 12px;
-}
-
-.e-de-cell-margin {
-  margin-left: 12px;
-}
-
-.e-de-align-text {
-  margin-left: 12px;
-}
-
-.e-de-align-text.e-de-rtl {
-  margin-left: 0;
-  margin-right: 12px;
-}
-
 .e-de-border-size-button {
   height: 28px;
   margin-top: 14px;
@@ -3420,27 +3395,22 @@ label[for='container_wholeWord'] {
   width: 100px;
 }
 
-.e-de-cell-div {
-  margin-left: 12px;
-}
-
-.e-de-cell-div.e-de-rtl {
-  margin-left: 0;
+.e-de-cell-text-box {
   margin-right: 12px;
 }
 
-.e-de-cell-text-box {
-  margin-right: 12px;
+.e-de-pane-rtl .e-de-cell-text-box {
+  margin-left: 12px;
+  margin-right: 0;
 }
 
 .e-de-prop-fill-label {
-  margin-left: 10.3px;
   margin-right: 8px;
 }
 
 .e-de-prop-fill-label.e-de-rtl {
   margin-left: 8px;
-  margin-right: 10.3px;
+  margin-right: 0;
 }
 
 .e-de-grp-btn-ctnr .e-de-ctnr-group-btn {
@@ -3474,35 +3444,18 @@ label[for='container_wholeWord'] {
 }
 
 .e-bigger .e-de-prop-fill-label {
-  margin-left: 14.5px;
+  margin-left: 0;
   margin-right: 9.8px;
 }
 
 .e-bigger .e-de-prop-fill-label.e-de-rtl {
   margin-left: 9.8px;
-  margin-right: 14.5px;
-}
-
-.e-bigger .e-de-cell-text-box {
-  margin-right: 16px;
+  margin-right: 0px;
 }
 
-.e-bigger .e-de-cell-div {
+.e-bigger .e-rtl .e-de-cell-text-box {
   margin-left: 16px;
-}
-
-.e-bigger .e-de-cell-div.e-de-rtl {
-  margin-left: 0;
-  margin-right: 16px;
-}
-
-.e-bigger .e-de-border-style-div {
-  margin-left: 16px;
-}
-
-.e-bigger .e-de-border-style-div.e-de-rtl {
-  margin-left: 0;
-  margin-right: 16px;
+  margin-right: 0;
 }
 
 .e-bigger .e-de-color-picker {
@@ -3516,33 +3469,6 @@ label[for='container_wholeWord'] {
   width: 96px;
 }
 
-.e-bigger .e-de-align-text {
-  margin-left: 16px;
-}
-
-.e-bigger .e-de-align-text.e-de-rtl {
-  margin-left: 0;
-  margin-right: 16px;
-}
-
-.e-bigger .e-de-insert-del-cell {
-  margin-left: 16px;
-}
-
-.e-bigger .e-de-insert-del-cell.e-de-rtl {
-  margin-left: 0;
-  margin-right: 16px;
-}
-
-.e-bigger .e-de-cell-margin {
-  margin-left: 14px;
-}
-
-.e-bigger .e-de-cell-margin.e-de-rtl {
-  margin-left: 0;
-  margin-right: 14px;
-}
-
 .e-bigger .e-de-stylediv {
   padding-left: 16px;
 }
@@ -3785,8 +3711,7 @@ label[for='container_wholeWord'] {
 
 .e-bigger .e-de-property-div-padding {
   border-bottom: 0.5px solid #e0e0e0;
-  padding-bottom: 14.5px;
-  padding-top: 15.5px;
+  padding: 16px;
 }
 
 .e-bigger .e-de-font-clr-picker > div button,

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

@@ -442,6 +442,15 @@
   top: 100px;
 }
 
+.e-de-scrollbar-hide::-webkit-scrollbar {
+  width: 0;
+}
+
+.e-de-scrollbar-hide {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
 .e-de-toolbar {
   height: 100%;
 }
@@ -487,6 +496,7 @@
   border: 0;
   color: #fff;
   float: right;
+  font-weight: 400;
   height: 33px;
 }
 
@@ -515,9 +525,7 @@
   border: 0;
   box-shadow: none;
   float: right;
-  height: 33px;
   margin-left: calc(100% - 410px);
-  width: 33px;
 }
 
 .e-bigger .e-btn-pageweb-spellcheck {
@@ -553,9 +561,8 @@
 
 .e-de-statusbar-spellcheck {
   border-radius: 2px;
-  height: 34px;
+  font-weight: 400;
   margin-left: 7.5px;
-  width: 111px;
 }
 
 .e-de-ctn {
@@ -568,9 +575,7 @@
 
 .e-bigger .e-de-statusbar-spellcheck {
   border-radius: 2px;
-  height: 34px;
   margin-left: 7.5px;
-  width: 125px;
 }
 
 .e-de-ctnr-toolbar {
@@ -879,8 +884,7 @@
 
 .e-de-property-div-padding {
   border-bottom: 0.5px solid #e0e0e0;
-  padding-bottom: 11.5px;
-  padding-top: 12.5px;
+  padding: 12.5px;
 }
 
 .e-de-ctnr-dropdown-ftr {
@@ -893,7 +897,8 @@
   text-indent: 1.2em;
 }
 
-.e-de-char-fmt-btn-left > button {
+.e-de-char-fmt-btn-left > button,
+.e-de-insert-del-cell button {
   width: 37.25px;
 }
 
@@ -909,7 +914,8 @@
   width: 149px;
 }
 
-.e-bigger .e-de-char-fmt-btn-left > button {
+.e-bigger .e-de-char-fmt-btn-left > button,
+.e-bigger .e-de-insert-del-cell button {
   width: 37.25px;
 }
 
@@ -1328,37 +1334,6 @@
   padding-right: 12px;
 }
 
-.e-de-border-style-div {
-  margin-left: 12px;
-}
-
-.e-de-border-style-div.e-de-rtl {
-  margin-left: 0;
-  margin-right: 12px;
-}
-
-.e-de-insert-del-cell {
-  margin-left: 12px;
-}
-
-.e-de-insert-del-cell.e-de-rtl {
-  margin-left: 0;
-  margin-right: 12px;
-}
-
-.e-de-cell-margin {
-  margin-left: 12px;
-}
-
-.e-de-align-text {
-  margin-left: 12px;
-}
-
-.e-de-align-text.e-de-rtl {
-  margin-left: 0;
-  margin-right: 12px;
-}
-
 .e-de-border-size-button {
   height: 28px;
   margin-top: 14px;
@@ -1370,27 +1345,22 @@
   width: 100px;
 }
 
-.e-de-cell-div {
-  margin-left: 12px;
-}
-
-.e-de-cell-div.e-de-rtl {
-  margin-left: 0;
+.e-de-cell-text-box {
   margin-right: 12px;
 }
 
-.e-de-cell-text-box {
-  margin-right: 12px;
+.e-de-pane-rtl .e-de-cell-text-box {
+  margin-left: 12px;
+  margin-right: 0;
 }
 
 .e-de-prop-fill-label {
-  margin-left: 10.3px;
   margin-right: 8px;
 }
 
 .e-de-prop-fill-label.e-de-rtl {
   margin-left: 8px;
-  margin-right: 10.3px;
+  margin-right: 0;
 }
 
 .e-de-grp-btn-ctnr .e-de-ctnr-group-btn {
@@ -1424,35 +1394,18 @@
 }
 
 .e-bigger .e-de-prop-fill-label {
-  margin-left: 14.5px;
+  margin-left: 0;
   margin-right: 9.8px;
 }
 
 .e-bigger .e-de-prop-fill-label.e-de-rtl {
   margin-left: 9.8px;
-  margin-right: 14.5px;
+  margin-right: 0px;
 }
 
-.e-bigger .e-de-cell-text-box {
-  margin-right: 16px;
-}
-
-.e-bigger .e-de-cell-div {
+.e-bigger .e-rtl .e-de-cell-text-box {
   margin-left: 16px;
-}
-
-.e-bigger .e-de-cell-div.e-de-rtl {
-  margin-left: 0;
-  margin-right: 16px;
-}
-
-.e-bigger .e-de-border-style-div {
-  margin-left: 16px;
-}
-
-.e-bigger .e-de-border-style-div.e-de-rtl {
-  margin-left: 0;
-  margin-right: 16px;
+  margin-right: 0;
 }
 
 .e-bigger .e-de-color-picker {
@@ -1466,33 +1419,6 @@
   width: 96px;
 }
 
-.e-bigger .e-de-align-text {
-  margin-left: 16px;
-}
-
-.e-bigger .e-de-align-text.e-de-rtl {
-  margin-left: 0;
-  margin-right: 16px;
-}
-
-.e-bigger .e-de-insert-del-cell {
-  margin-left: 16px;
-}
-
-.e-bigger .e-de-insert-del-cell.e-de-rtl {
-  margin-left: 0;
-  margin-right: 16px;
-}
-
-.e-bigger .e-de-cell-margin {
-  margin-left: 14px;
-}
-
-.e-bigger .e-de-cell-margin.e-de-rtl {
-  margin-left: 0;
-  margin-right: 14px;
-}
-
 .e-bigger .e-de-stylediv {
   padding-left: 16px;
 }
@@ -1735,8 +1661,7 @@
 
 .e-bigger .e-de-property-div-padding {
   border-bottom: 0.5px solid #e0e0e0;
-  padding-bottom: 14.5px;
-  padding-top: 15.5px;
+  padding: 16px;
 }
 
 .e-bigger .e-de-font-clr-picker > div button,

package/styles/document-editor-container/material-dark.css

@@ -445,6 +445,15 @@
   top: 100px;
 }
 
+.e-de-scrollbar-hide::-webkit-scrollbar {
+  width: 0;
+}
+
+.e-de-scrollbar-hide {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
 .e-de-toolbar {
   height: 100%;
 }
@@ -490,6 +499,7 @@
   border: 0;
   color: #fff;
   float: right;
+  font-weight: 400;
   height: 33px;
 }
 
@@ -518,9 +528,7 @@
   border: 0;
   box-shadow: none;
   float: right;
-  height: 33px;
   margin-left: calc(100% - 380px);
-  width: 33px;
 }
 
 .e-bigger .e-btn-pageweb-spellcheck {
@@ -556,9 +564,8 @@
 
 .e-de-statusbar-spellcheck {
   border-radius: 2px;
-  height: 34px;
+  font-weight: 400;
   margin-left: 7.5px;
-  width: 91px;
 }
 
 .e-de-ctn {
@@ -571,9 +578,7 @@
 
 .e-bigger .e-de-statusbar-spellcheck {
   border-radius: 2px;
-  height: 34px;
   margin-left: 7.5px;
-  width: 111px;
 }
 
 .e-de-ctnr-toolbar {
@@ -882,8 +887,7 @@
 
 .e-de-property-div-padding {
   border-bottom: 0.5px solid #616161;
-  padding-bottom: 11.5px;
-  padding-top: 12.5px;
+  padding: 12.5px;
 }
 
 .e-de-ctnr-dropdown-ftr {
@@ -896,7 +900,8 @@
   text-indent: 1.2em;
 }
 
-.e-de-char-fmt-btn-left > button {
+.e-de-char-fmt-btn-left > button,
+.e-de-insert-del-cell button {
   width: 38.5px;
 }
 
@@ -912,7 +917,8 @@
   width: 150px;
 }
 
-.e-bigger .e-de-char-fmt-btn-left > button {
+.e-bigger .e-de-char-fmt-btn-left > button,
+.e-bigger .e-de-insert-del-cell button {
   width: 38.5px;
 }
 
@@ -1322,37 +1328,6 @@
   padding-right: 12px;
 }
 
-.e-de-border-style-div {
-  margin-left: 12px;
-}
-
-.e-de-border-style-div.e-de-rtl {
-  margin-left: 0;
-  margin-right: 12px;
-}
-
-.e-de-insert-del-cell {
-  margin-left: 12px;
-}
-
-.e-de-insert-del-cell.e-de-rtl {
-  margin-left: 0;
-  margin-right: 12px;
-}
-
-.e-de-cell-margin {
-  margin-left: 12px;
-}
-
-.e-de-align-text {
-  margin-left: 12px;
-}
-
-.e-de-align-text.e-de-rtl {
-  margin-left: 0;
-  margin-right: 12px;
-}
-
 .e-de-border-size-button {
   height: 28px;
   margin-top: 14px;
@@ -1364,27 +1339,22 @@
   width: 100px;
 }
 
-.e-de-cell-div {
-  margin-left: 12px;
-}
-
-.e-de-cell-div.e-de-rtl {
-  margin-left: 0;
+.e-de-cell-text-box {
   margin-right: 12px;
 }
 
-.e-de-cell-text-box {
-  margin-right: 12px;
+.e-de-pane-rtl .e-de-cell-text-box {
+  margin-left: 12px;
+  margin-right: 0;
 }
 
 .e-de-prop-fill-label {
-  margin-left: 10.3px;
   margin-right: 8px;
 }
 
 .e-de-prop-fill-label.e-de-rtl {
   margin-left: 8px;
-  margin-right: 10.3px;
+  margin-right: 0;
 }
 
 .e-de-grp-btn-ctnr .e-de-ctnr-group-btn {
@@ -1418,35 +1388,18 @@
 }
 
 .e-bigger .e-de-prop-fill-label {
-  margin-left: 14.5px;
+  margin-left: 0;
   margin-right: 9.8px;
 }
 
 .e-bigger .e-de-prop-fill-label.e-de-rtl {
   margin-left: 9.8px;
-  margin-right: 14.5px;
+  margin-right: 0px;
 }
 
-.e-bigger .e-de-cell-text-box {
-  margin-right: 16px;
-}
-
-.e-bigger .e-de-cell-div {
+.e-bigger .e-rtl .e-de-cell-text-box {
   margin-left: 16px;
-}
-
-.e-bigger .e-de-cell-div.e-de-rtl {
-  margin-left: 0;
-  margin-right: 16px;
-}
-
-.e-bigger .e-de-border-style-div {
-  margin-left: 16px;
-}
-
-.e-bigger .e-de-border-style-div.e-de-rtl {
-  margin-left: 0;
-  margin-right: 16px;
+  margin-right: 0;
 }
 
 .e-bigger .e-de-color-picker {
@@ -1460,33 +1413,6 @@
   width: 96px;
 }
 
-.e-bigger .e-de-align-text {
-  margin-left: 16px;
-}
-
-.e-bigger .e-de-align-text.e-de-rtl {
-  margin-left: 0;
-  margin-right: 16px;
-}
-
-.e-bigger .e-de-insert-del-cell {
-  margin-left: 16px;
-}
-
-.e-bigger .e-de-insert-del-cell.e-de-rtl {
-  margin-left: 0;
-  margin-right: 16px;
-}
-
-.e-bigger .e-de-cell-margin {
-  margin-left: 14px;
-}
-
-.e-bigger .e-de-cell-margin.e-de-rtl {
-  margin-left: 0;
-  margin-right: 14px;
-}
-
 .e-bigger .e-de-stylediv {
   padding-left: 16px;
 }
@@ -1729,8 +1655,7 @@
 
 .e-bigger .e-de-property-div-padding {
   border-bottom: 0.5px solid #616161;
-  padding-bottom: 14.5px;
-  padding-top: 15.5px;
+  padding: 16px;
 }
 
 .e-bigger .e-de-font-clr-picker > div button,