@syncfusion/ej2-vue-documenteditor 20.4.54 → 21.1.36

package/styles/material3.scss

@@ -0,0 +1,3 @@
+
+@import 'document-editor/material3.scss';
+@import 'document-editor-container/material3.scss';

package/styles/tailwind-dark.css

@@ -44,6 +44,12 @@
   font-family: "e-icons";
   font-size: 13px;
 }
+.e-documenteditor .e-de-multi-cmt-mark::before {
+  color: #d1d5db;
+  content: "\e8bc";
+  font-family: "e-icons";
+  font-size: 14px;
+}
 .e-documenteditor .e-de-cmt-post::before {
   content: "\e71d";
   font-family: "e-icons";
@@ -125,40 +131,40 @@
 .e-de-table-left-alignment::before {
   color: #d1d5db;
   content: "\e7f6";
-  font-size: 46px;
+  font-size: 48px;
 }
 
 .e-de-table-center-alignment::before {
   color: #d1d5db;
   content: "\e7f1";
-  font-size: 46px;
+  font-size: 48px;
 }
 
 .e-de-table-right-alignment::before {
   color: #d1d5db;
   content: "\e703";
-  font-size: 46px;
+  font-size: 48px;
 }
 
 .e-de-tablecell-top-alignment::before {
   color: #d1d5db;
   content: "\e775";
   font-family: "e-icons";
-  font-size: 51px;
+  font-size: 48px;
 }
 
 .e-de-tablecell-center-alignment::before {
   color: #d1d5db;
   content: "\e7e5";
   font-family: "e-icons";
-  font-size: 51px;
+  font-size: 48px;
 }
 
 .e-de-tablecell-bottom-alignment::before {
   color: #d1d5db;
   content: "\e7d9";
   font-family: "e-icons";
-  font-size: 51px;
+  font-size: 48px;
 }
 
 .e-de-table-border-setting {
@@ -206,14 +212,14 @@
 .e-de-table-border-none-setting::before {
   color: #d1d5db;
   content: "\e7eb";
-  font-size: 38px;
+  font-size: 36px;
   position: absolute;
 }
 
 .e-de-table-border-box-setting::before {
   color: #d1d5db;
   content: "\e834";
-  font-size: 34px;
+  font-size: 36px;
   left: 2px;
   position: absolute;
   top: 2px;
@@ -223,7 +229,7 @@
   color: #d1d5db;
   content: "\e7e8";
   font-family: "e-icons";
-  font-size: 34px;
+  font-size: 36px;
   left: 2px;
   position: absolute;
   top: 2px;
@@ -232,7 +238,7 @@
 .e-de-table-border-custom-setting::before {
   color: #d1d5db;
   content: "\e7d5";
-  font-size: 34px;
+  font-size: 36px;
   left: 2px;
   position: absolute;
   top: 2px;
@@ -241,14 +247,14 @@
 .e-de-para-border-none-setting::before {
   color: #d1d5db;
   content: "\e890";
-  font-size: 38px;
+  font-size: 36px;
   position: absolute;
 }
 
 .e-de-para-border-box-setting::before {
   color: #d1d5db;
   content: "\e891";
-  font-size: 34px;
+  font-size: 36px;
   left: 2px;
   position: absolute;
   top: 2px;
@@ -257,7 +263,7 @@
 .e-de-para-border-shadow-setting::before {
   color: #d1d5db;
   content: "\e892";
-  font-size: 34px;
+  font-size: 36px;
   left: 2px;
   position: absolute;
   top: 2px;
@@ -266,7 +272,7 @@
 .e-de-para-border-custom-setting::before {
   color: #d1d5db;
   content: "\e88f";
-  font-size: 34px;
+  font-size: 36px;
   left: 2px;
   position: absolute;
   top: 2px;
@@ -2064,7 +2070,7 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-restrict-pane,
 .e-de-op {
-  background-color: #232e3e;
+  background: #232e3e;
 }
 
 .e-de-restrict-pane .e-tab-header .e-toolbar-items,
@@ -2694,6 +2700,11 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-left: 12px;
 }
 
+.e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
+  height: 40px !important;
+  width: auto !important;
+}
+
 .e-de-style-bold-button-size {
   margin-left: 12px;
 }
@@ -2723,7 +2734,7 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-right: 20px;
 }
 
-.e-de-style-left-div .e-de-style-dlg-name-input {
+.e-de-style-dlg-name-input {
   height: 31px;
 }
 
@@ -3601,6 +3612,7 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-cp-option.e-btn.e-icon-btn span {
   margin-top: 0px;
+  background: #232e3e;
 }
 
 .e-de-cmt-view:hover .e-de-cp-option {
@@ -3632,7 +3644,7 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-cmt-textarea.e-input {
   color: #d1d5db;
-  font-size: 13px;
+  font-size: 14px;
   line-height: normal;
   min-height: 30px;
   overflow: hidden;
@@ -4547,6 +4559,21 @@ label[for*=_wholeWord_e-de-rtl] {
   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";
   font-family: "e-icons";
@@ -4679,8 +4706,48 @@ label[for*=_wholeWord_e-de-rtl] {
   height: 100%;
 }
 
+.e-de-prop-pane .e-de-ctnr-group-btn.e-btn-group:not(.e-outline) {
+  box-shadow: none;
+  height: 31px;
+}
+.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: 31px;
+}
+.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-color: #374151;
+  background: #374151;
   border: 0;
   box-shadow: none;
   float: right;
@@ -4704,12 +4771,25 @@ label[for*=_wholeWord_e-de-rtl] {
   font-size: 18px;
 }
 
+.e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-right: 10px;
+}
+
+.e-de-listview-icon {
+  height: auto;
+  width: auto;
+  line-height: 22px;
+  margin-right: 10px;
+}
+
 .e-de-linespacing {
   margin-top: 8px;
 }
 
 .e-de-statusbar-zoom {
-  background-color: #374151;
+  background: #374151;
   border: 0;
   color: #9ca3af;
   float: right;
@@ -4798,14 +4878,22 @@ label[for*=_wholeWord_e-de-rtl] {
 .e-de-statusbar-separator {
   border-left: 1px solid #4b5563;
   height: 16px;
-  margin-left: 0;
+  margin-left: 7.5px;
+  margin-right: 7.5px;
+  margin-top: 6px;
+}
+
+.e-bigger .e-de-statusbar-separator {
+  border-left: 1px solid #4b5563;
+  height: 16px;
+  margin-left: 7.5px;
+  margin-right: 7.5px;
   margin-top: 6px;
 }
 
 .e-de-statusbar-spellcheck {
   border-radius: 2px;
   font-weight: 400;
-  margin-left: 7.5px;
 }
 
 .e-de-ctn {
@@ -4818,7 +4906,6 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-bigger .e-de-statusbar-spellcheck {
   border-radius: 2px;
-  margin-left: 7.5px;
 }
 
 .e-de-ctnr-toolbar {
@@ -4843,7 +4930,7 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-tool-ctnr-properties-pane,
 .e-de-ctnr-properties-pane {
-  background-color: #232e3e;
+  background: #232e3e;
   border-bottom: 1px solid #4b5563;
   border-top: 1px solid #4b5563;
 }
@@ -4991,7 +5078,7 @@ label[for*=_wholeWord_e-de-rtl] {
   margin: 0 8px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-start {
-  margin-left: 8px;
+  margin-left: 8px !important;
   margin-right: 8px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-middle {
@@ -5007,20 +5094,23 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn {
+  -ms-flex-direction: column;
+      flex-direction: column;
+  height: calc(100% - 10px);
   padding: 0;
-  padding-bottom: 14px;
+  padding-bottom: 10px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus {
   padding: 0;
-  padding-bottom: 14px;
+  padding-bottom: 10px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active {
   padding: 0;
-  padding-bottom: 14px;
+  padding-bottom: 10px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover {
   padding: 0;
-  padding-bottom: 14px;
+  padding-bottom: 10px;
 }
 
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
@@ -5049,7 +5139,7 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-de-ctnr-properties-pane-btn .e-btn {
-  background-color: #374151;
+  background: #374151;
   border-radius: 0;
   box-shadow: none;
   color: #22d3ee;
@@ -5091,6 +5181,7 @@ label[for*=_wholeWord_e-de-rtl] {
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-btn-icon,
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
   padding: 0 !important;
+  min-height: 16px;
 }
 
 .e-de-hdr-ftr-frst-div {
@@ -5113,6 +5204,7 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-de-review-pane {
+  background: #232e3e;
   border-left: 1px solid #6b7280;
   height: 100%;
   min-height: 200px;
@@ -5137,34 +5229,6 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-bottom: 16px;
 }
 
-.e-de-ctnr-group-btn.e-btn-group:not(.e-outline) {
-  box-shadow: none;
-  height: 31px;
-}
-.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: 31px;
-}
-.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 #4b5563;
   padding: 12px;
@@ -5206,7 +5270,7 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-bigger .e-de-panel-right-width {
-  width: 86px;
+  width: 96px;
 }
 .e-bigger .e-de-char-fmt-btn-left > button,
 .e-bigger .e-de-char-fmt-btn-right > button {
@@ -5298,7 +5362,7 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-de-list-header-presetmenu .e-de-list-line {
-  border-bottom: 1px solid #d1d5db;
+  border-bottom: 1px solid #d1d5db !important;
   margin-left: 5px;
   width: 100%;
 }
@@ -5444,8 +5508,8 @@ label[for*=_wholeWord_e-de-rtl] {
   border: 1px solid #4b5563;
   color: #9ca3af;
   height: 129px;
-  margin-left: 78px;
   width: 94px;
+  margin-left: 78px;
 }
 
 .e-de-toc-template1.e-de-rtl {
@@ -5501,7 +5565,7 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-de-status-bar {
-  background-color: #374151;
+  background: #374151;
   display: -ms-flexbox;
   display: flex;
   padding-top: 0;
@@ -5626,7 +5690,7 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .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 {
@@ -5634,8 +5698,8 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-de-grp-btn-ctnr .e-de-ctnr-group-btn > button {
-  height: 38px;
   width: 38px;
+  height: 38px;
 }
 
 .e-bigger .e-de-grp-btn-ctnr .e-de-ctnr-group-btn > button {
@@ -5657,6 +5721,18 @@ label[for*=_wholeWord_e-de-rtl] {
   padding: 0;
 }
 
+.e-rtl .e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-left: 10px;
+}
+.e-rtl .e-de-listview-icon {
+  height: auto;
+  width: auto;
+  line-height: 22px;
+  margin-left: 10px;
+}
+
 .e-bigger .de-split-button > div:first-child {
   margin-right: 0;
 }
@@ -5775,11 +5851,10 @@ label[for*=_wholeWord_e-de-rtl] {
   height: 81px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-separator {
-  height: 25px;
   margin: 0 12px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-start {
-  margin-left: 12px;
+  margin-left: 12px !important;
   margin-right: 12px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-middle {
@@ -5796,22 +5871,22 @@ label[for*=_wholeWord_e-de-rtl] {
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
   padding: 0;
-  padding-bottom: 14px;
+  padding-bottom: 10px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:focus {
   padding: 0;
-  padding-bottom: 14px;
+  padding-bottom: 10px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:active {
   padding: 0;
-  padding-bottom: 14px;
+  padding-bottom: 10px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
   padding: 0;
-  padding-bottom: 14px;
+  padding-bottom: 10px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
   padding: 0 !important;
@@ -5827,7 +5902,7 @@ label[for*=_wholeWord_e-de-rtl] {
   width: 75px;
 }
 .e-bigger .e-de-ctnr-properties-pane-btn .e-btn {
-  background-color: #374151;
+  background: #374151;
   border-radius: 0;
   box-shadow: none;
   min-height: 100%;
@@ -5878,6 +5953,19 @@ label[for*=_wholeWord_e-de-rtl] {
 .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;
@@ -5983,18 +6071,40 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-left: 10px;
 }
 .e-bigger .e-de-status-bar {
-  background-color: #374151;
+  background: #374151;
   display: -ms-flexbox;
   display: flex;
   padding-top: 6px;
   width: 100%;
 }
 .e-bigger .e-de-statusbar-zoom {
-  background-color: #374151;
   border: 0;
   color: #9ca3af;
   float: right;
   height: 34px;
+  background-color: #374151;
+}
+.e-bigger .e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  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;
+  width: 16px;
+  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 {