@syncfusion/ej2-vue-documenteditor 19.2.60 → 19.3.45

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

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

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

@@ -1,19 +1,7 @@
-.e-de-ctnr-close::before {
-  content: '\eb68';
-}
-
 .e-de-ctnr-linespacing::before {
   content: '\eb8a';
 }
 
-.e-de-ctnr-undo::before {
-  content: '\ebed';
-}
-
-.e-de-ctnr-find::before {
-  content: '\e275';
-}
-
 .e-de-ctnr-lock::before {
   content: '\eb7d';
 }
@@ -22,6 +10,19 @@
   content: '\eb99';
 }
 
+.e-de-ctnr-justify::before {
+  content: '\eb67';
+}
+
+.e-de-ctnr-tableofcontent::before {
+  content: '\eb98';
+}
+
+.e-de-cnt-track::before {
+  content: '\e20a';
+  font-family: 'e-icons';
+}
+
 .e-de-selected-spellcheck-item::before {
   content: '\e935';
   font-family: 'e-icons';
@@ -34,26 +35,6 @@
   font-size: 10px;
 }
 
-.e-de-ctnr-link::before {
-  content: '\e290';
-}
-
-.e-de-ctnr-table::before {
-  content: '\e294';
-}
-
-.e-de-ctnr-download::before {
-  content: '\eb97';
-}
-
-.e-de-ctnr-justify::before {
-  content: '\eb67';
-}
-
-.e-de-ctnr-tableofcontent::before {
-  content: '\eb98';
-}
-
 .e-de-ctnr-pagenumber::before {
   content: '\eb74';
 }
@@ -62,14 +43,6 @@
   content: '\eb6e';
 }
 
-.e-de-ctnr-new::before {
-  content: '\e7d5';
-}
-
-.e-de-ctnr-paste::before {
-  content: '\e601';
-}
-
 .e-de-ctnr-bold::before {
   content: '\eb77';
 }
@@ -106,10 +79,6 @@
   content: '\eb64';
 }
 
-.e-de-ctnr-redo::before {
-  content: '\ebfa';
-}
-
 .e-de-ctnr-bookmark::before {
   content: '\eb63';
 }
@@ -122,26 +91,10 @@
   content: '\eb7e';
 }
 
-.e-de-ctnr-backgroundcolor::before {
-  content: '\eb6b';
-}
-
-.e-de-ctnr-open::before {
-  content: '\ebdd';
-}
-
-.e-de-ctnr-underline::before {
-  content: '\ebf0';
-}
-
 .e-de-ctnr-superscript::before {
   content: '\eb6f';
 }
 
-.e-de-ctnr-alignleft::before {
-  content: '\ebeb';
-}
-
 .e-de-ctnr-numbering::before {
   content: '\eb9c';
 }
@@ -159,10 +112,6 @@
   font-size: 16px;
 }
 
-.e-de-ctnr-print::before {
-  content: '\eb85';
-}
-
 .e-de-ctnr-alignright::before {
   content: '\eb82';
 }
@@ -187,128 +136,184 @@
   content: '\eb88';
 }
 
-.e-de-ctnr-leftborders::before {
-  content: '\eb9b';
+.e-de-ctnr-highlightcolor::before {
+  content: '\eb6e';
 }
 
-.e-de-ctnr-insideverticalborder::before {
-  content: '\eb8c';
+.e-de-ctnr-mergecell::before {
+  content: '\eb93';
 }
 
-.e-de-ctnr-rightborder::before {
-  content: '\eb81';
+.e-de-ctnr-bullet-none::before {
+  content: '\e256';
 }
 
-.e-de-ctnr-topborder::before {
-  content: '\eb73';
+.e-de-ctnr-bullet-dot::before {
+  content: '\e270';
 }
 
-.e-de-ctnr-insidehorizondalborder::before {
-  content: '\eb9a';
+.e-de-ctnr-bullet-circle::before {
+  content: '\e254';
 }
 
-.e-de-ctnr-bottomborder::before {
-  content: '\eb8f';
+.e-de-ctnr-bullet-square::before {
+  content: '\e271';
 }
 
-.e-de-ctnr-strokesize::before {
-  content: '\eb84';
+.e-de-ctnr-bullet-flower::before {
+  content: '\e267';
 }
 
-.e-de-ctnr-highlightcolor::before {
-  content: '\eb6e';
+.e-de-ctnr-bullet-arrow::before {
+  content: '\e253';
 }
 
-.e-de-ctnr-mergecell::before {
-  content: '\eb93';
+.e-de-ctnr-bullet-tick::before {
+  content: '\e259';
+}
+
+.e-de-selected-item::before {
+  content: '\e935';
+}
+
+.e-de-ctnr-break::before {
+  content: '\e58d';
+}
+
+.e-de-ctnr-page-break::before {
+  content: '\e590';
+}
+
+.e-de-ctnr-section-break::before {
+  content: '\e58e';
+}
+
+.e-de-ctnr-upload::before {
+  content: '\e60f';
+}
+
+.e-de-ctnr-leftborders::before {
+  content: '\e291';
+}
+
+.e-de-ctnr-topborder::before {
+  content: '\e281';
+}
+
+.e-de-ctnr-rightborder::before {
+  content: '\e288';
 }
 
 .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: '\eb8d';
+.e-de-ctnr-undo::before {
+  content: '\ebed';
 }
 
-.e-de-ctnr-alignbottom::before {
-  content: '\eb6c';
+.e-de-ctnr-bottomborder::before {
+  content: '\e298';
 }
 
-.e-de-ctnr-aligncenter-table::before {
-  content: '\eb75';
+.e-de-ctnr-strokesize::before {
+  content: '\ebfe';
 }
 
-.e-de-ctnr-cellbg-clr-picker::before {
-  content: '\eb6b';
+.e-de-ctnr-download::before {
+  content: '\e603';
 }
 
-.e-de-ctnr-bullet-none::before {
-  content: '\e256';
+.e-de-ctnr-find::before {
+  content: '\e275';
 }
 
-.e-de-ctnr-bullet-dot::before {
-  content: '\e270';
+.e-de-ctnr-new::before {
+  content: '\e7d5';
 }
 
-.e-de-ctnr-bullet-circle::before {
-  content: '\e254';
+.e-de-ctnr-paste::before {
+  content: '\e601';
 }
 
-.e-de-ctnr-bullet-square::before {
-  content: '\e271';
+.e-de-ctnr-redo::before {
+  content: '\ebfa';
 }
 
-.e-de-ctnr-bullet-flower::before {
-  content: '\e267';
+.e-de-ctnr-open::before {
+  content: '\ebdd';
 }
 
-.e-de-ctnr-bullet-arrow::before {
-  content: '\e253';
+.e-de-ctnr-underline::before {
+  content: '\ebf0';
 }
 
-.e-de-ctnr-bullet-tick::before {
-  content: '\e259';
+.e-de-ctnr-insideverticalborder::before {
+  content: '\e287';
 }
 
-.e-de-selected-item::before {
-  content: '\e935';
+.e-de-ctnr-insidehorizondalborder::before {
+  content: '\e276';
 }
 
-.e-de-ctnr-break::before {
-  content: '\e58d';
+.e-de-ctnr-aligncenter-table::before {
+  content: '\ea94';
 }
 
-.e-de-ctnr-page-break::before {
-  content: '\e590';
+.e-de-ctnr-alignleft::before {
+  content: '\ebeb';
 }
 
-.e-de-ctnr-section-break::before {
-  content: '\e58e';
+.e-de-ctnr-close::before {
+  content: '\ea7f';
 }
 
-.e-de-ctnr-upload::before {
-  content: '\e60f';
+.e-de-ctnr-link::before {
+  content: '\e290';
+}
+
+.e-de-ctnr-table::before {
+  content: '\e294';
+}
+
+.e-de-ctnr-backgroundcolor::before {
+  content: '\ebf2';
+}
+
+.e-de-ctnr-print::before {
+  content: '\ebf9';
+}
+
+.e-de-ctnr-aligntop::before {
+  content: '\ea98';
+}
+
+.e-de-ctnr-alignbottom::before {
+  content: '\ea91';
+}
+
+.e-de-ctnr-cellbg-clr-picker::before {
+  content: '\ebf2';
 }
 
 .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: '\e257';
   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 {
@@ -470,7 +475,7 @@
 
 .e-bigger .e-de-statusbar-pageweb .e-de-printlayout,
 .e-bigger .e-de-statusbar-pageweb .e-de-weblayout {
-  font-size: 14px;
+  font-size: 16px;
 }
 
 .e-de-linespacing {
@@ -487,8 +492,6 @@
 
 .e-de-pagenumber-text {
   border: none !important;
-  height: 22px !important;
-  margin-top: -1px !important;
 }
 
 .e-de-pagenumber-input {
@@ -496,8 +499,7 @@
   border: 1px solid #4a4848;
   border-radius: 0;
   color: #dadada;
-  height: 22px;
-  padding: 2px;
+  padding: 0px;
   text-align: center;
   width: 22px;
 }
@@ -520,6 +522,7 @@
 
 .e-de-ctn-title {
   background-color: #0074cc;
+  border-bottom: none !important;
   color: #201f1f;
 }
 
@@ -738,10 +741,6 @@
   width: 100%;
 }
 
-.de-split-button > div:first-child {
-  margin-right: 0;
-}
-
 .e-de-ctnr-properties-pane-btn {
   width: 75px;
 }
@@ -1112,6 +1111,52 @@
   box-shadow: none !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: #282727;
   border: 1px solid #4a4848;
@@ -1190,6 +1235,10 @@
   width: 100px;
 }
 
+.e-de-ctnr-pg-no span {
+  border: 1px solid transparent;
+}
+
 .e-de-ctnr-pg-no-spellout {
   color: #dadada;
   display: -ms-inline-flexbox;
@@ -1200,6 +1249,10 @@
   width: calc(100% - 160px);
 }
 
+.e-de-ctnr-pg-no-spellout span {
+  border: 1px solid transparent;
+}
+
 .e-bigger .e-de-ctnr-pg-no-spellout {
   color: #dadada;
   display: -ms-inline-flexbox;
@@ -1483,8 +1536,8 @@
   margin-bottom: 16px;
 }
 
-.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;
 }
 
@@ -1698,7 +1751,6 @@
   font-weight: 400;
   height: 25px !important;
   width: 25px !important;
-  border-radius: 4px;
 }
 
 .e-bigger .e-de-ctnr-list {
@@ -1810,6 +1862,30 @@
   line-height: 0;
 }
 
+.e-de-ctn .e-de-bzr-button {
+  font-size: 12px;
+  font-weight: 400;
+  background: #333232;
+  height: 100%;
+  color: default;
+  box-shadow: none;
+  border: none;
+}
+
+.e-de-ctn .e-de-bzr-button:hover {
+  background: default;
+  border: default;
+  border-radius: default;
+  color: default;
+}
+
+.e-de-ctn .e-de-bzr-button:active {
+  box-shadow: none;
+  background-color: default;
+  border-color: default;
+  color: default;
+}
+
 .e-de-ctn .e-de-ctnr-toolbar .e-de-bzr-button .e-btn-icon {
   font-size: 16px;
 }

package/styles/document-editor-container/fabric.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 {
@@ -470,7 +475,7 @@
 
 .e-bigger .e-de-statusbar-pageweb .e-de-printlayout,
 .e-bigger .e-de-statusbar-pageweb .e-de-weblayout {
-  font-size: 14px;
+  font-size: 16px;
 }
 
 .e-de-linespacing {
@@ -487,8 +492,6 @@
 
 .e-de-pagenumber-text {
   border: none !important;
-  height: 22px !important;
-  margin-top: 0 !important;
 }
 
 .e-de-pagenumber-input {
@@ -496,8 +499,7 @@
   border: 1px solid #dadada;
   border-radius: 0;
   color: #333;
-  height: 22px;
-  padding: 2px;
+  padding: 0px;
   text-align: center;
   width: 22px;
 }
@@ -520,6 +522,7 @@
 
 .e-de-ctn-title {
   background-color: #0078d6;
+  border-bottom: none !important;
   color: #fff;
 }
 
@@ -740,10 +743,6 @@
   width: 100%;
 }
 
-.de-split-button > div:first-child {
-  margin-right: 0;
-}
-
 .e-de-ctnr-properties-pane-btn {
   width: 75px;
 }
@@ -1116,6 +1115,52 @@
   box-shadow: none !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: #fff;
   border: 1px solid #dadada;
@@ -1194,6 +1239,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;
@@ -1204,6 +1253,10 @@
   width: calc(100% - 160px);
 }
 
+.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;
@@ -1487,8 +1540,8 @@
   margin-bottom: 16px;
 }
 
-.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;
 }
 
@@ -1702,7 +1755,6 @@
   font-weight: 400;
   height: 25px !important;
   width: 25px !important;
-  border-radius: 4px;
 }
 
 .e-bigger .e-de-ctnr-list {
@@ -1821,6 +1873,8 @@
   font-weight: 400;
   background: #fff;
   height: 100%;
+  box-shadow: none;
+  border: none;
 }
 
 .e-de-ctn .e-de-bzr-button:focus {