@syncfusion/ej2-vue-documenteditor 19.2.60 → 19.3.45

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

@@ -1,19 +1,7 @@
-.e-de-ctnr-close::before {
-  content: '\eb1e';
-}
-
 .e-de-ctnr-linespacing::before {
   content: '\eb30';
 }
 
-.e-de-ctnr-undo::before {
-  content: '\ebc5';
-}
-
-.e-de-ctnr-find::before {
-  content: '\e60e';
-}
-
 .e-de-ctnr-lock::before {
   content: '\eb20';
 }
@@ -26,16 +14,13 @@
   content: '\eb27';
 }
 
-.e-de-ctnr-table::before {
-  content: '\eb2b';
-}
-
-.e-de-ctnr-download::before {
-  content: '\eb2a';
+.e-de-cnt-track::before {
+  content: '\e20a';
+  font-family: 'e-icons';
 }
 
-.e-de-ctnr-justify::before {
-  content: '\e334';
+.e-de-ctnr-table::before {
+  content: '\eb2b';
 }
 
 .e-de-ctnr-tableofcontent::before {
@@ -46,26 +31,14 @@
   content: '\eb1b';
 }
 
-.e-de-ctnr-highlight::before {
-  content: '\ebc6';
-}
-
 .e-de-ctnr-new::before {
   content: '\eb0c';
 }
 
-.e-de-ctnr-paste::before {
-  content: '\e601';
-}
-
 .e-de-ctnr-bold::before {
   content: '\eb2f';
 }
 
-.e-de-ctnr-subscript::before {
-  content: '\e357';
-}
-
 .e-de-ctnr-fontcolor::before {
   content: '\eb1f';
 }
@@ -82,233 +55,265 @@
   content: '\eb1a';
 }
 
-.e-de-ctnr-strikethrough::before {
-  content: '\ebc9';
-}
-
 .e-de-ctnr-image::before {
   content: '\eb1c';
 }
 
-.e-de-ctnr-redo::before {
-  content: '\ebd3';
-}
-
 .e-de-ctnr-bookmark::before {
   content: '\eb11';
 }
 
-.e-de-ctnr-increaseindent::before {
-  content: '\e33f';
-}
-
 .e-de-ctnr-header::before {
   content: '\eb0b';
 }
 
-.e-de-ctnr-backgroundcolor::before {
-  content: '\eb31';
-}
-
 .e-de-ctnr-open::before {
   content: '\eb28';
 }
 
-.e-de-ctnr-underline::before {
-  content: '\ebc8';
+.e-de-ctnr-bullets::before {
+  content: '\eb25';
 }
 
-.e-de-ctnr-superscript::before {
-  content: '\e352';
+.e-de-ctnr-showhide::before {
+  content: '\eb23';
+  font-size: 16px;
 }
 
-.e-de-ctnr-alignleft::before {
-  content: '\e33a';
+.e-de-ctnr-footer::before {
+  content: '\eb0a';
 }
 
-.e-de-ctnr-numbering::before {
-  content: '\e346';
+.e-de-ctnr-clearall::before {
+  content: '\eb26';
 }
 
-.e-de-ctnr-decreaseindent::before {
-  content: '\e35d';
+.e-de-ctnr-outsideborder::before {
+  content: '\eb66';
 }
 
-.e-de-ctnr-aligncenter::before {
-  content: '\e35e';
+.e-de-ctnr-allborders::before {
+  content: '\eb95';
 }
 
-.e-de-ctnr-bullets::before {
-  content: '\eb25';
+.e-de-ctnr-insideborders::before {
+  content: '\eb88';
 }
 
-.e-de-ctnr-showhide::before {
-  content: '\eb23';
-  font-size: 16px;
+.e-de-ctnr-mergecell::before {
+  content: '\eb93';
 }
 
-.e-de-ctnr-print::before {
-  content: '\eb22';
+.e-de-ctnr-aligntop::before {
+  content: '\eb35';
 }
 
-.e-de-ctnr-alignright::before {
-  content: '\e34d';
+.e-de-ctnr-alignbottom::before {
+  content: '\eb0e';
 }
 
-.e-de-ctnr-footer::before {
-  content: '\eb0a';
+.e-de-ctnr-aligncenter-table::before {
+  content: '\eb0d';
 }
 
-.e-de-ctnr-clearall::before {
-  content: '\eb26';
+.e-de-ctnr-bullet-none::before {
+  content: '\e256';
 }
 
-.e-de-ctnr-outsideborder::before {
-  content: '\eb66';
+.e-de-ctnr-bullet-dot::before {
+  content: '\e270';
 }
 
-.e-de-ctnr-allborders::before {
-  content: '\eb95';
+.e-de-ctnr-bullet-circle::before {
+  content: '\e254';
 }
 
-.e-de-ctnr-insideborders::before {
-  content: '\eb88';
+.e-de-ctnr-bullet-square::before {
+  content: '\e271';
 }
 
-.e-de-ctnr-leftborders::before {
-  content: '\eb9b';
+.e-de-ctnr-bullet-flower::before {
+  content: '\e267';
 }
 
-.e-de-ctnr-insideverticalborder::before {
-  content: '\eb8c';
+.e-de-ctnr-bullet-arrow::before {
+  content: '\e253';
 }
 
-.e-de-ctnr-rightborder::before {
-  content: '\eb81';
+.e-de-ctnr-bullet-tick::before {
+  content: '\e259';
 }
 
-.e-de-ctnr-topborder::before {
-  content: '\eb73';
+.e-de-selected-item::before {
+  content: '\e935';
 }
 
-.e-de-ctnr-insidehorizondalborder::before {
-  content: '\eb9a';
+.e-de-ctnr-break::before {
+  content: '\eba1';
 }
 
-.e-de-ctnr-bottomborder::before {
-  content: '\eb8f';
+.e-de-selected-spellcheck-item::before {
+  content: '\e935';
+  font-family: 'e-icons';
+  font-size: 10px;
 }
 
-.e-de-ctnr-strokesize::before {
-  content: '\eb12';
+.e-de-selected-underline-item::before {
+  content: '\e935';
+  font-family: 'e-icons';
+  font-size: 10px;
 }
 
-.e-de-ctnr-highlightcolor::before {
-  content: '\ebc6';
+.e-de-ctnr-page-break::before {
+  content: '\eba5';
 }
 
-.e-de-ctnr-mergecell::before {
-  content: '\eb93';
+.e-de-ctnr-section-break::before {
+  content: '\eba7';
+}
+
+.e-de-ctnr-upload::before {
+  content: '\eba4';
+}
+
+.e-de-ctnr-leftborders::before {
+  content: '\e291';
+}
+
+.e-de-ctnr-rightborder::before {
+  content: '\e288';
+}
+
+.e-de-ctnr-topborder::before {
+  content: '\e281';
+}
+
+.e-de-ctnr-bottomborder::before {
+  content: '\e298';
 }
 
 .e-de-ctnr-insertleft::before {
-  content: '\eb7c';
+  content: '\e285';
 }
 
 .e-de-ctnr-insertright::before {
-  content: '\eb7a';
+  content: '\e284';
 }
 
 .e-de-ctnr-insertabove::before {
-  content: '\eb9f';
+  content: '\e506';
 }
 
 .e-de-ctnr-insertbelow::before {
-  content: '\eb72';
+  content: '\e505';
 }
 
 .e-de-ctnr-deleterows::before {
-  content: '\eb89';
+  content: '\e283';
 }
 
 .e-de-ctnr-deletecolumns::before {
-  content: '\eb94';
+  content: '\e282';
 }
 
-.e-de-ctnr-aligntop::before {
-  content: '\eb35';
+.e-de-ctnr-undo::before {
+  content: '\ebc5';
 }
 
-.e-de-ctnr-alignbottom::before {
-  content: '\eb0e';
+.e-de-ctnr-find::before {
+  content: '\e60e';
 }
 
-.e-de-ctnr-aligncenter-table::before {
-  content: '\eb0d';
+.e-de-ctnr-download::before {
+  content: '\ec32';
 }
 
-.e-de-ctnr-cellbg-clr-picker::before {
-  content: '\eb31';
+.e-de-ctnr-justify::before {
+  content: '\e334';
 }
 
-.e-de-ctnr-bullet-none::before {
-  content: '\e256';
+.e-de-ctnr-highlight::before {
+  content: '\ebc6';
 }
 
-.e-de-ctnr-bullet-dot::before {
-  content: '\e270';
+.e-de-ctnr-paste::before {
+  content: '\e601';
 }
 
-.e-de-ctnr-bullet-circle::before {
-  content: '\e254';
+.e-de-ctnr-subscript::before {
+  content: '\e357';
 }
 
-.e-de-ctnr-bullet-square::before {
-  content: '\e271';
+.e-de-ctnr-strikethrough::before {
+  content: '\ebc9';
 }
 
-.e-de-ctnr-bullet-flower::before {
-  content: '\e267';
+.e-de-ctnr-redo::before {
+  content: '\ebd3';
 }
 
-.e-de-ctnr-bullet-arrow::before {
-  content: '\e253';
+.e-de-ctnr-increaseindent::before {
+  content: '\e33f';
 }
 
-.e-de-ctnr-bullet-tick::before {
-  content: '\e259';
+.e-de-ctnr-underline::before {
+  content: '\ebc8';
 }
 
-.e-de-selected-item::before {
-  content: '\e935';
+.e-de-ctnr-superscript::before {
+  content: '\e352';
 }
 
-.e-de-selected-spellcheck-item::before {
-  content: '\e935';
-  font-family: 'e-icons';
-  font-size: 10px;
+.e-de-ctnr-alignleft::before {
+  content: '\e33a';
 }
 
-.e-de-selected-underline-item::before {
-  content: '\e935';
-  font-family: 'e-icons';
-  font-size: 10px;
+.e-de-ctnr-numbering::before {
+  content: '\e346';
 }
 
-.e-de-ctnr-break::before {
-  content: '\eba1';
+.e-de-ctnr-decreaseindent::before {
+  content: '\e35d';
 }
 
-.e-de-ctnr-page-break::before {
-  content: '\eba5';
+.e-de-ctnr-insideverticalborder::before {
+  content: '\e287';
 }
 
-.e-de-ctnr-section-break::before {
-  content: '\eba7';
+.e-de-ctnr-insidehorizondalborder::before {
+  content: '\e276';
 }
 
-.e-de-ctnr-upload::before {
-  content: '\eba4';
+.e-de-ctnr-highlightcolor::before {
+  content: '\ebc6';
+}
+
+.e-de-ctnr-close::before {
+  content: '\e361';
+}
+
+.e-de-ctnr-backgroundcolor::before {
+  content: '\ebca';
+}
+
+.e-de-ctnr-aligncenter::before {
+  content: '\e35e';
+}
+
+.e-de-ctnr-print::before {
+  content: '\ebd2';
+}
+
+.e-de-ctnr-alignright::before {
+  content: '\e34d';
+}
+
+.e-de-ctnr-strokesize::before {
+  content: '\ebd7';
+}
+
+.e-de-ctnr-cellbg-clr-picker::before {
+  content: '\ebca';
 }
 
 .e-de-flip {
@@ -320,11 +325,6 @@
   font-family: 'e-icons';
 }
 
-.e-de-cnt-track::before {
-  content: '\e20a';
-  font-family: 'e-icons';
-}
-
 .e-de-printlayout::before {
   content: '\e897';
   font-family: 'e-icons';
@@ -461,7 +461,12 @@
 
 .e-de-statusbar-pageweb .e-de-printlayout,
 .e-de-statusbar-pageweb .e-de-weblayout {
-  font-size: 14px;
+  font-size: 16px;
+}
+
+.e-de-statusbar-pageweb .e-de-printlayout:hover,
+.e-de-statusbar-pageweb .e-de-weblayout:hover {
+  font-size: 16px;
 }
 
 .e-bigger .e-btn.e-de-statusbar-pageweb {
@@ -487,8 +492,6 @@
 
 .e-de-pagenumber-text {
   border: none !important;
-  height: 22px !important;
-  margin-top: -3px !important;
 }
 
 .e-de-pagenumber-input {
@@ -496,8 +499,7 @@
   border: 1px solid #505050;
   border-radius: 2px;
   color: #fff;
-  height: 22px;
-  padding: 2px;
+  padding: 0px;
   text-align: center;
   width: 22px;
 }
@@ -520,6 +522,7 @@
 
 .e-de-ctn-title {
   background-color: #0070f0;
+  border-bottom: none !important;
   color: #fff;
 }
 
@@ -749,10 +752,6 @@
   width: 100%;
 }
 
-.de-split-button > div:first-child {
-  margin-right: 14px;
-}
-
 .e-de-ctnr-properties-pane-btn {
   width: 75px;
 }
@@ -1123,6 +1122,52 @@
   box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
 }
 
+.e-de-ctnr-group-btn-top > button:first-child {
+  border-radius: 0;
+  border-top-left-radius: 4px;
+}
+
+.e-de-ctnr-group-btn-top.e-de-rtl > button:first-child {
+  border-top-left-radius: 0;
+  border-top-right-radius: 4px;
+}
+
+.e-de-ctnr-group-btn-top > button:last-child {
+  border-radius: 0;
+  border-top-right-radius: 4px;
+}
+
+.e-de-ctnr-group-btn-top.e-de-rtl > button:last-child {
+  border-top-left-radius: 4px;
+  border-top-right-radius: 0;
+}
+
+.e-de-ctnr-group-btn-middle > button {
+  border-radius: 0;
+  border-top: 0;
+  border-bottom: 0;
+}
+
+.e-de-ctnr-group-btn-bottom > button:first-child {
+  border-radius: 0;
+  border-bottom-left-radius: 4px;
+}
+
+.e-de-ctnr-group-btn-bottom.e-de-rtl > button:first-child {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 4px;
+}
+
+.e-de-ctnr-group-btn-bottom > button:last-child {
+  border-radius: 0;
+  border-bottom-right-radius: 4px;
+}
+
+.e-de-ctnr-group-btn-bottom.e-de-rtl > button:last-child {
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 4px;
+}
+
 .e-de-toc-template1 {
   background: #1a1a1a;
   border: 1px solid #505050;
@@ -1201,6 +1246,10 @@
   width: 100px;
 }
 
+.e-de-ctnr-pg-no span {
+  border: 1px solid transparent;
+}
+
 .e-de-ctnr-pg-no-spellout {
   color: #fff;
   display: -ms-inline-flexbox;
@@ -1211,6 +1260,10 @@
   width: calc(100% - 140px);
 }
 
+.e-de-ctnr-pg-no-spellout span {
+  border: 1px solid transparent;
+}
+
 .e-bigger .e-de-ctnr-pg-no-spellout {
   color: #fff;
   display: -ms-inline-flexbox;
@@ -1505,8 +1558,8 @@
   margin-right: 0;
 }
 
-.e-bigger .e-de-ctnr-segment > div:first-child,
-.e-bigger .e-de-ctnr-segment > button:first-child {
+.e-bigger .e-de-ctnr-segment > div:first-child:not(.e-rtl),
+.e-bigger .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
   margin-right: 16px;
 }
 
@@ -1720,7 +1773,6 @@
   font-weight: 400;
   height: 25px !important;
   width: 25px !important;
-  border-radius: 4px;
 }
 
 .e-bigger .e-de-ctnr-list {
@@ -1832,6 +1884,25 @@
   line-height: 0;
 }
 
+.e-de-ctn .e-de-bzr-button {
+  font-size: 12px;
+  font-weight: 400;
+  background: inherit;
+  height: 100%;
+  color: #f0f0f0;
+  border: 1px solid inherit;
+  box-shadow: none;
+  border: none;
+  padding-bottom: 6px;
+}
+
+.e-de-ctn .e-de-bzr-button:hover {
+  background: inherit;
+  border: inherit;
+  border-radius: inherit;
+  color: #f0f0f0;
+}
+
 .e-de-ctn .e-de-ctnr-toolbar .e-de-bzr-button .e-btn-icon {
   font-size: 16px;
 }

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

@@ -461,7 +461,12 @@
 
 .e-de-statusbar-pageweb .e-de-printlayout,
 .e-de-statusbar-pageweb .e-de-weblayout {
-  font-size: 14px;
+  font-size: 16px;
+}
+
+.e-de-statusbar-pageweb .e-de-printlayout:hover,
+.e-de-statusbar-pageweb .e-de-weblayout:hover {
+  font-size: 16px;
 }
 
 .e-bigger .e-btn.e-de-statusbar-pageweb {
@@ -488,8 +493,6 @@
 
 .e-de-pagenumber-text {
   border: none !important;
-  height: 22px !important;
-  margin-top: -3px !important;
 }
 
 .e-de-pagenumber-input {
@@ -497,8 +500,7 @@
   border: 1px solid #ccc;
   border-radius: 2px;
   color: #333;
-  height: 22px;
-  padding: 2px;
+  padding: 0px;
   text-align: center;
   width: 22px;
 }
@@ -521,6 +523,7 @@
 
 .e-de-ctn-title {
   background-color: #317ab9;
+  border-bottom: none !important;
   color: #fff;
 }
 
@@ -750,10 +753,6 @@
   width: 100%;
 }
 
-.de-split-button > div:first-child {
-  margin-right: 14px;
-}
-
 .e-de-ctnr-properties-pane-btn {
   width: 75px;
 }
@@ -939,6 +938,7 @@
   font-weight: 400;
   height: 18px !important;
   width: 18px !important;
+  border-radius: 4px;
 }
 
 .e-de-font-clr-picker > div div button,
@@ -1248,6 +1248,10 @@
   width: 100px;
 }
 
+.e-de-ctnr-pg-no span {
+  border: 1px solid transparent;
+}
+
 .e-de-ctnr-pg-no-spellout {
   color: #333;
   display: -ms-inline-flexbox;
@@ -1258,6 +1262,10 @@
   width: calc(100% - 140px);
 }
 
+.e-de-ctnr-pg-no-spellout span {
+  border: 1px solid transparent;
+}
+
 .e-bigger .e-de-ctnr-pg-no-spellout {
   color: #333;
   display: -ms-inline-flexbox;
@@ -1552,8 +1560,8 @@
   margin-right: 0;
 }
 
-.e-bigger .e-de-ctnr-segment > div:first-child,
-.e-bigger .e-de-ctnr-segment > button:first-child {
+.e-bigger .e-de-ctnr-segment > div:first-child:not(.e-rtl),
+.e-bigger .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
   margin-right: 16px;
 }
 
@@ -1895,6 +1903,7 @@
   color: #333;
   border: 1px solid #fff;
   box-shadow: none;
+  border: none;
   padding-bottom: 6px;
 }