@syncfusion/ej2-vue-documenteditor 20.1.47 → 20.1.48

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

@@ -2,340 +2,403 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-de-ctnr-close::before {
   color: #6b7280;
-  content: '\e7e7';
+  content: '\e771';
   font-size: 16px;
 }
 
 .e-de-ctnr-linespacing::before {
-  content: '\e78d';
+  color: #6b7280;
+  content: '\e7de';
 }
 
 .e-de-ctnr-undo::before {
-  content: '\e713';
+  color: #6b7280;
+  content: '\e7bd';
 }
 
 .e-de-ctnr-find::before {
-  content: '\e754';
+  color: #6b7280;
+  content: '\e737';
 }
 
 .e-de-ctnr-lock::before {
-  content: '\e7ff';
+  color: #6b7280;
+  content: '\e753';
 }
 
 .e-de-ctnr-italic::before {
-  content: '\e75a';
+  color: #6b7280;
+  content: '\e722';
 }
 
 .e-de-selected-spellcheck-item::before {
   color: #6b7280;
-  content: '\e774';
+  content: '\e75d';
   font-family: 'e-icons';
   font-size: 10px;
 }
 
 .e-de-selected-underline-item::before {
   color: #6b7280;
-  content: '\e774';
+  content: '\e75d';
   font-family: 'e-icons';
   font-size: 10px;
 }
 
 .e-de-ctnr-link::before {
-  content: '\e757';
+  color: #6b7280;
+  content: '\e74a';
 }
 
 .e-de-ctnr-table::before {
-  content: '\e7d1';
+  color: #6b7280;
+  content: '\e79f';
 }
 
 .e-de-ctnr-download::before {
   color: #6b7280;
-  content: '\e7a1';
+  content: '\e794';
 }
 
 .e-de-ctnr-justify::before {
-  content: '\e721';
+  color: #6b7280;
+  content: '\e723';
 }
 
 .e-de-ctnr-tableofcontent::before {
-  content: '\e73d';
+  color: #6b7280;
+  content: '\e733';
 }
 
 .e-de-ctnr-pagenumber::before {
-  content: '\e77d';
+  color: #6b7280;
+  content: '\e7cf';
 }
 
 .e-de-ctnr-highlight::before {
-  content: '\e739';
+  color: #6b7280;
+  content: '\e7c1';
 }
 
 .e-de-ctnr-new::before {
-  content: '\e805';
+  color: #6b7280;
+  content: '\e78a';
 }
 
 .e-de-ctnr-paste::before {
-  content: '\e70b';
+  color: #6b7280;
+  content: '\e75e';
 }
 
 .e-de-ctnr-bold::before {
-  content: '\e737';
+  color: #6b7280;
+  content: '\e79d';
 }
 
 .e-de-ctnr-subscript::before {
-  content: '\e80a';
+  color: #6b7280;
+  content: '\e7b4';
 }
 
 .e-de-ctnr-aligncenter::before {
-  content: '\e813';
+  color: #6b7280;
+  content: '\e74f';
 }
 
 .e-de-ctnr-fontcolor::before {
-  content: '\e79f';
+  color: #6b7280;
+  content: '\e775';
 }
 
 .e-de-ctnr-change-case::before {
-  content: '\e7f5';
+  color: #6b7280;
+  content: '\e86a';
 }
 
 .e-de-ctnr-pagesetup::before {
-  content: '\e794';
+  color: #6b7280;
+  content: '\e79a';
 }
 
 .e-de-ctnr-strokestyle::before {
+  color: #6b7280;
   content: '\eb62';
 }
 
 .e-de-ctnr-strikethrough::before {
-  content: '\e758';
+  color: #6b7280;
+  content: '\e760';
 }
 
 .e-de-ctnr-image::before {
-  content: '\e786';
+  color: #6b7280;
+  content: '\e7da';
 }
 
 .e-de-ctnr-redo::before {
-  content: '\e755';
+  color: #6b7280;
+  content: '\e7b9';
 }
 
 .e-de-ctnr-bookmark::before {
-  content: '\e750';
+  color: #6b7280;
+  content: '\e793';
 }
 
 .e-de-ctnr-increaseindent::before {
-  content: '\e810';
+  color: #6b7280;
+  content: '\e7ac';
 }
 
 .e-de-ctnr-header::before {
-  content: '\e704';
+  color: #6b7280;
+  content: '\e739';
 }
 
 .e-de-ctnr-backgroundcolor::before {
+  color: #6b7280;
   content: '\eb6b';
 }
 
 .e-de-ctnr-open::before {
-  content: '\e760';
+  color: #6b7280;
+  content: '\e749';
 }
 
 .e-de-ctnr-underline::before {
-  content: '\e82f';
+  color: #6b7280;
+  content: '\e7d4';
 }
 
 .e-de-ctnr-superscript::before {
-  content: '\e7a7';
+  color: #6b7280;
+  content: '\e7cb';
 }
 
 .e-de-ctnr-alignleft::before {
-  content: '\e7b8';
+  color: #6b7280;
+  content: '\e7ae';
 }
 
 .e-de-ctnr-numbering::before {
-  content: '\e7cb';
+  color: #6b7280;
+  content: '\e71f';
 }
 
 .e-de-ctnr-bullets::before {
-  content: '\e77e';
+  color: #6b7280;
+  content: '\e743';
 }
 
 .e-de-ctnr-decreaseindent::before {
-  content: '\e72a';
+  color: #6b7280;
+  content: '\e735';
 }
 
 .e-de-ctnr-showhide::before {
-  content: '\e71a';
+  content: '\e75f';
   font-size: 16px;
 }
 
 .e-de-ctnr-print::before {
-  content: '\e75d';
+  color: #6b7280;
+  content: '\e76c';
 }
 
 .e-de-ctnr-alignright::before {
-  content: '\e719';
+  color: #6b7280;
+  content: '\e772';
 }
 
 .e-de-ctnr-footer::before {
-  content: '\e7bb';
+  color: #6b7280;
+  content: '\e78c';
 }
 
 .e-de-ctnr-clearall::before {
-  content: '\e7cc';
+  color: #6b7280;
+  content: '\e792';
 }
 
 .e-de-ctnr-outsideborder::before {
-  content: '\e7ad';
+  color: #6b7280;
+  content: '\e7c4';
 }
 
 .e-de-ctnr-allborders::before {
-  content: '\e7d1';
+  color: #6b7280;
+  content: '\e79f';
 }
 
 .e-de-ctnr-insideborders::before {
-  content: '\e78f';
+  color: #6b7280;
+  content: '\e79c';
 }
 
 .e-de-ctnr-leftborders::before {
-  content: '\e806';
+  color: #6b7280;
+  content: '\e784';
 }
 
 .e-de-ctnr-insideverticalborder::before {
-  content: '\e792';
+  color: #6b7280;
+  content: '\e702';
 }
 
 .e-de-ctnr-rightborder::before {
-  content: '\e7ab';
+  color: #6b7280;
+  content: '\e72e';
 }
 
 .e-de-ctnr-topborder::before {
-  content: '\e7e0';
+  color: #6b7280;
+  content: '\e7a7';
 }
 
 .e-de-ctnr-insidehorizondalborder::before {
-  content: '\e83b';
+  color: #6b7280;
+  content: '\e73b';
 }
 
 .e-de-ctnr-bottomborder::before {
-  content: '\e766';
+  color: #6b7280;
+  content: '\e791';
 }
 
 .e-de-ctnr-strokesize::before {
-  content: '\e7bf';
+  color: #6b7280;
+  content: '\e754';
 }
 
 .e-de-ctnr-highlightcolor::before {
-  content: '\e739';
+  color: #6b7280;
+  content: '\e7c1';
 }
 
 .e-de-ctnr-mergecell::before {
-  content: '\e71e';
+  color: #6b7280;
+  content: '\e73f';
 }
 
 .e-de-ctnr-insertleft::before {
-  content: '\e78b';
+  color: #6b7280;
+  content: '\e7db';
 }
 
 .e-de-ctnr-insertright::before {
-  content: '\e70e';
+  color: #6b7280;
+  content: '\e710';
 }
 
 .e-de-ctnr-insertabove::before {
-  content: '\e836';
+  color: #6b7280;
+  content: '\e7dd';
 }
 
 .e-de-ctnr-insertbelow::before {
-  content: '\e801';
+  color: #6b7280;
+  content: '\e757';
 }
 
 .e-de-ctnr-deleterows::before {
-  content: '\e7f2';
+  color: #6b7280;
+  content: '\e75a';
 }
 
 .e-de-ctnr-deletecolumns::before {
-  content: '\e714';
+  color: #6b7280;
+  content: '\e721';
 }
 
 .e-de-ctnr-aligntop::before {
-  content: '\e707';
+  color: #6b7280;
+  content: '\e709';
 }
 
 .e-de-ctnr-alignbottom::before {
-  content: '\e7a0';
+  color: #6b7280;
+  content: '\e73e';
 }
 
 .e-de-ctnr-aligncenter-table::before {
-  content: '\e74f';
+  color: #6b7280;
+  content: '\e7cc';
 }
 
 .e-de-ctnr-cellbg-clr-picker::before {
-  content: '\e783';
+  color: #6b7280;
+  content: '\e782';
 }
 
 .e-de-ctnr-bullet-none::before {
   color: #6b7280;
-  content: '\e7f3';
+  content: '\e7e1';
   font-size: 20px;
   line-height: 28px;
 }
 
 .e-de-ctnr-bullet-dot::before {
   color: #6b7280;
-  content: '\e747';
+  content: '\e7e8';
   font-size: 8px;
   line-height: 28px;
 }
 
 .e-de-ctnr-bullet-circle::before {
   color: #6b7280;
-  content: '\e7d0';
+  content: '\e803';
   font-size: 8px;
   line-height: 28px;
 }
 
 .e-de-ctnr-bullet-square::before {
   color: #6b7280;
-  content: '\e7be';
+  content: '\e804';
   font-size: 8px;
   line-height: 28px;
 }
 
 .e-de-ctnr-bullet-flower::before {
   color: #6b7280;
-  content: '\e79b';
+  content: '\e7e4';
   line-height: 28px;
 }
 
 .e-de-ctnr-bullet-arrow::before {
   color: #6b7280;
-  content: '\e763';
+  content: '\e7e9';
   line-height: 28px;
 }
 
 .e-de-ctnr-bullet-tick::before {
   color: #6b7280;
-  content: '\e7fc';
+  content: '\e7ec';
   line-height: 28px;
 }
 
 .e-de-selected-item::before {
   color: #6b7280;
-  content: '\e774';
+  content: '\e75d';
 }
 
 .e-de-ctnr-break::before {
-  content: '\e7bc';
+  color: #6b7280;
+  content: '\e777';
 }
 
 .e-de-ctnr-page-break::before {
-  content: '\e742';
+  color: #6b7280;
+  content: '\e708';
 }
 
 .e-de-ctnr-section-break::before {
-  content: '\e762';
+  color: #6b7280;
+  content: '\e74c';
 }
 
 .e-de-ctnr-upload::before {
   color: #6b7280;
-  content: '\e712';
+  content: '\e7b5';
 }
 
 .e-de-flip {
@@ -343,78 +406,86 @@
 }
 
 .e-de-cnt-cmt-add::before {
-  content: '\e82c';
+  color: #6b7280;
+  content: '\e82a';
 }
 
 .e-de-cnt-track::before {
-  content: '\e80b';
+  color: #6b7280;
+  content: '\e81f';
 }
 
 .e-de-printlayout::before {
-  content: '\e73a';
+  color: #6b7280;
+  content: '\e822';
 }
 
 .e-de-weblayout::before {
-  content: '\e7d3';
+  color: #6b7280;
+  content: '\e82e';
 }
 
 .e-de-textform::before {
   color: #6b7280;
-  content: '\e830';
+  content: '\e860';
   font-family: 'e-icons';
 }
 
 .e-de-formproperties::before {
   color: #6b7280;
-  content: '\e83e';
+  content: '\e8f1';
   font-family: 'e-icons';
 }
 
 .e-de-clearform::before {
   color: #6b7280;
-  content: '\e7f8';
+  content: '\e8f2';
   font-family: 'e-icons';
 }
 
 .e-de-dropdownform::before {
   color: #6b7280;
-  content: '\e7a6';
+  content: '\e865';
   font-family: 'e-icons';
 }
 
 .e-de-formfield::before {
-  content: '\e7cd';
+  color: #6b7280;
+  content: '\e867';
   font-family: 'e-icons';
 }
 
 .e-de-checkbox-form::before {
   color: #6b7280;
-  content: '\e7e4';
+  content: '\e85f';
   font-family: 'e-icons';
 }
 
 .e-de-arrow-up::before {
-  content: '\e776';
+  content: '\e768';
   font-family: 'e-icons';
 }
 
 .e-de-arrow-down::before {
-  content: '\e729';
+  content: '\e732';
   font-family: 'e-icons';
 }
 
 .e-de-update-field::before {
-  content: '\e828';
+  color: #6b7280;
+  content: '\e838';
   font-family: 'e-icons';
 }
 
 .e-de-footnote::before {
-  content: '\e7af';
+  color: #6b7280;
+  content: '\e868';
   font-family: 'e-icons';
 }
 
 .e-de-endnote::before {
-  content: '\e7af';
+  color: #6b7280;
+  content: '\e868';
   font-family: 'e-icons';
 }
 
@@ -470,15 +541,6 @@
   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%;
 }
@@ -518,7 +580,6 @@
   border: 0;
   color: #6b7280;
   float: right;
-  font-weight: 400;
   height: 33px;
 }
 
@@ -553,11 +614,13 @@
   border: 0;
   box-shadow: none;
   float: right;
-  margin-left: calc(100% - 400px);
+  height: 33px;
+  margin-left: calc(100% - 420px);
+  width: 33px;
 }
 
 .e-bigger .e-btn-pageweb-spellcheck {
-  margin-left: calc(100% - 460px);
+  margin-left: calc(100% - 480px);
 }
 
 .e-de-ctn-title {
@@ -569,7 +632,7 @@
 
 .e-de-ctn-title button {
   font-size: 14px !important;
-  height: 36px !important;
+  height: 36px ​ !important;
 }
 
 .e-de-ctn-title button .e-btn-icon {
@@ -613,8 +676,9 @@
 
 .e-de-statusbar-spellcheck {
   border-radius: 2px;
-  font-weight: 400;
+  height: 34px;
   margin-left: 7.5px;
+  width: 106px;
 }
 
 .e-de-ctn {
@@ -627,7 +691,9 @@
 
 .e-bigger .e-de-statusbar-spellcheck {
   border-radius: 2px;
+  height: 34px;
   margin-left: 7.5px;
+  width: 145px;
 }
 
 .e-de-ctnr-toolbar {
@@ -671,7 +737,8 @@
 }
 
 .e-bigger .e-de-property-div-padding {
-  padding: 16px;
+  padding-bottom: 16px;
+  padding-top: 16px;
 }
 
 .e-bigger .e-de-insert-del-cell > div:last-child {
@@ -679,7 +746,7 @@
 }
 
 .e-bigger .e-de-ctnr-group-btn .e-btn .e-btn-icon {
-  margin-left: -3px;
+  margin-left: -5px;
 }
 
 .e-bigger .e-de-ctnr-group-btn .e-btn .e-btn-icon:not(.e-caret) {
@@ -951,7 +1018,7 @@
   height: 100%;
   min-height: 200px;
   overflow: auto;
-  width: 300px;
+  width: 290px;
 }
 
 .e-bigger .e-de-prop-sub-label {
@@ -999,7 +1066,8 @@
 
 .e-de-property-div-padding {
   border-bottom: 0.5px solid #e5e7eb;
-  padding: 12px;
+  padding-bottom: 12px;
+  padding-top: 12px;
 }
 
 .e-de-ctnr-dropdown-ftr {
@@ -1012,8 +1080,7 @@
   text-indent: 1.2em;
 }
 
-.e-de-char-fmt-btn-left > button,
-.e-de-insert-del-cell button {
+.e-de-char-fmt-btn-left > button {
   width: 38.75px;
 }
 
@@ -1026,27 +1093,17 @@
 }
 
 .e-bigger .e-de-panel-left-width {
-  width: 166px;
+  width: 153px;
 }
 
-.e-bigger .e-de-char-fmt-btn-left > button,
-.e-bigger .e-de-insert-del-cell button {
-  width: 43px;
+.e-bigger .e-de-char-fmt-btn-left > button {
+  width: 38.75px;
 }
 
 .e-de-panel-right-width {
   width: 73px;
 }
 
-.e-bigger .e-de-panel-right-width {
-  width: 86px;
-}
-
-.e-bigger .e-de-char-fmt-btn-left > button,
-.e-bigger .e-de-char-fmt-btn-right > button {
-  width: 43px;
-}
-
 .e-de-cntr-highlight-pane {
   border: 1px solid #e5e7eb;
 }
@@ -1388,7 +1445,7 @@
   color: #6b7280;
   float: right;
   height: 34px;
-  margin-left: calc(100% - 400px);
+  margin-left: calc(100% - 420px);
 }
 
 .e-bigger .e-de-statusbar-zoom-spell {
@@ -1397,7 +1454,7 @@
   color: #6b7280;
   float: right;
   height: 34px;
-  margin-left: calc(100% - 460px);
+  margin-left: calc(100% - 480px);
 }
 
 .e-de-btn-cancel {
@@ -1435,6 +1492,37 @@
   padding-right: 8px;
 }
 
+.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: 31px;
   margin-top: 8px;
@@ -1446,22 +1534,27 @@
   width: 99px;
 }
 
-.e-de-cell-text-box {
+.e-de-cell-div {
+  margin-left: 8px;
+}
+
+.e-de-cell-div.e-de-rtl {
+  margin-left: 0;
   margin-right: 8px;
 }
 
-.e-de-pane-rtl .e-de-cell-text-box {
-  margin-left: 8px;
-  margin-right: 0;
+.e-de-cell-text-box {
+  margin-right: 8px;
 }
 
 .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: 0;
+  margin-right: 10.3px;
 }
 
 .e-de-grp-btn-ctnr .e-de-ctnr-group-btn {
@@ -1505,18 +1598,35 @@
 }
 
 .e-bigger .e-de-prop-fill-label {
-  margin-left: 0;
+  margin-left: 14.5px;
   margin-right: 9.8px;
 }
 
 .e-bigger .e-de-prop-fill-label.e-de-rtl {
   margin-left: 9.8px;
-  margin-right: 0px;
+  margin-right: 14.5px;
+}
+
+.e-bigger .e-de-cell-text-box {
+  margin-right: 16px;
 }
 
-.e-bigger .e-rtl .e-de-cell-text-box {
+.e-bigger .e-de-cell-div {
   margin-left: 16px;
-  margin-right: 0;
+}
+
+.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;
 }
 
 .e-bigger .e-de-color-picker {
@@ -1530,6 +1640,33 @@
   width: 95px;
 }
 
+.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;
 }