@syncfusion/ej2-vue-documenteditor 19.2.60 → 19.3.45

package/styles/tailwind-dark.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-documenteditor .e-close::before {
@@ -636,6 +637,26 @@
   font-family: 'e-icons';
 }
 
+.e-item .e-de-paste-column::before {
+  content: '\e869';
+}
+
+.e-item .e-de-paste-row::before {
+  content: '\e866';
+}
+
+.e-item .e-de-paste-overwrite-cells::before {
+  content: '\e86b';
+}
+
+.e-item .e-de-paste-nested-table::before {
+  content: '\e864';
+}
+
+.e-item .e-de-paste-merge-table::before {
+  content: '\e861';
+}
+
 .e-de-blink-cursor {
   border-left: 1px solid #000;
   pointer-events: none;
@@ -779,7 +800,6 @@
 
 .e-de-ff-dlg-heading-small {
   display: block;
-  font-size: 12px;
   font-weight: 500;
   margin-bottom: 4px;
 }
@@ -1060,7 +1080,7 @@
   display: block;
   font-size: 12px;
   font-weight: 500;
-  margin-bottom: 4px;
+  margin-bottom: 12px;
   margin-top: 8px;
 }
 
@@ -1068,7 +1088,7 @@
   display: block;
   font-size: 12px;
   font-weight: 500;
-  margin-bottom: 4px;
+  margin-bottom: 12px;
   margin-top: 12px;
 }
 
@@ -1142,7 +1162,7 @@
   font-size: 12px;
   font-weight: 500;
   margin-bottom: 4px;
-  margin-top: 0;
+  margin-top: 12px;
 }
 
 .e-de-hyperlink .e-de-hyperlink-dlg-input {
@@ -1156,7 +1176,7 @@
   display: flex;
   font-size: 12px;
   font-weight: 500;
-  margin-bottom: 4px;
+  margin-bottom: 12px;
   line-height: 18px;
 }
 
@@ -1267,7 +1287,7 @@ label[for*="_wholeWord_e-de-rtl"] {
   display: inline-block;
   font-size: 12px;
   font-weight: 500;
-  margin-bottom: 4px;
+  margin-bottom: 12px;
   margin-top: 12px;
   width: 150px;
 }
@@ -1355,7 +1375,7 @@ label[for*="_wholeWord_e-de-rtl"] {
 .e-de-table-dialog-options-label {
   font-size: 14px;
   font-weight: 500;
-  padding-bottom: 8px;
+  padding-bottom: 12px;
   padding-top: 16px !important;
   color: #9ca3af;
 }
@@ -1386,10 +1406,12 @@ label[for*="_wholeWord_e-de-rtl"] {
 .e-de-row-ht-top,
 .e-de-cell-ht-top {
   padding: 0 12px;
+  width: 144px;
 }
 
 .e-de-ht-wdth-type {
   margin-top: -22px;
+  width: 120px;
 }
 
 .e-de-row-ht-top.e-de-rtl,
@@ -1432,7 +1454,7 @@ label[for*="_wholeWord_e-de-rtl"] {
   font-size: 12px;
   font-weight: 500;
   margin-bottom: 4px;
-  margin-top: 0;
+  margin-top: 12px;
 }
 
 .e-de-insert-footnote-dlg-sub-header,
@@ -1441,7 +1463,7 @@ label[for*="_wholeWord_e-de-rtl"] {
   font-size: 12px;
   font-weight: 500;
   margin-bottom: 4px;
-  margin-top: 0;
+  margin-top: 12px;
 }
 
 .e-de-insert-footnote-dlg-header {
@@ -1538,6 +1560,21 @@ label[for*="_wholeWord_e-de-rtl"] {
   top: 10px;
 }
 
+.e-bigger .e-de-table-properties-dlg {
+  width: 485px;
+}
+
+.e-bigger .e-de-table-ppty-dlg-preferred-width-div,
+.e-bigger .e-de-table-ppty-dlg-measure-drop-down-div,
+.e-bigger .e-de-ht-wdth-type {
+  width: 155px;
+}
+
+.e-bigger .e-de-row-ht-top,
+.e-bigger .e-de-cell-ht-top {
+  width: 179px;
+}
+
 .e-bigger .e-de-restrict-pane {
   width: 295px;
 }
@@ -1716,10 +1753,6 @@ label[for*="_wholeWord_e-de-rtl"] {
   margin-top: 40px;
 }
 
-.e-bigger .e-de-table-properties-dlg {
-  width: 437px;
-}
-
 .e-bigger .e-de-ht-wdth-type {
   margin-top: -18px;
 }
@@ -1791,7 +1824,7 @@ label[for*="_wholeWord_e-de-rtl"] {
 }
 
 .e-bigger .e-de-page-setup-dlg-sub-container-port {
-  margin-top: 35px;
+  margin-top: 42px;
 }
 
 .e-bigger .e-de-page-setup-dlg-first-page-prop {
@@ -1999,10 +2032,13 @@ label[for*="_wholeWord_e-de-rtl"] {
 }
 
 .e-de-restrict-pane {
-  color: #fff;
   line-height: 1.5;
 }
 
+.e-de-restrict-pane {
+  color: #fff;
+}
+
 .e-de-op.e-de-rtl .e-de-search-tab-content {
   margin-left: 12px;
   margin-right: 0;
@@ -2016,6 +2052,7 @@ label[for*="_wholeWord_e-de-rtl"] {
   font-size: 12px;
   font-weight: 500;
   display: block;
+  margin-bottom: 0;
 }
 
 .e-de-tbl-indent-lbl {
@@ -2046,7 +2083,6 @@ label[for*="_wholeWord_e-de-rtl"] {
 }
 
 .e-documenteditor .e-input {
-  color: #fff;
   font-size: 14px;
 }
 
@@ -2427,7 +2463,6 @@ label[for*="_wholeWord_e-de-rtl"] {
 }
 
 .e-de-spellcheck-btn {
-  height: 36px;
   margin-bottom: 8px;
   width: 154px;
 }
@@ -2495,10 +2530,6 @@ label[for*="_wholeWord_e-de-rtl"] {
   top: 385px;
 }
 
-.e-de-font-content-label span.e-label {
-  color: #fff;
-}
-
 .e-de-font-label span.e-label {
   color: #fff;
 }
@@ -2534,34 +2565,6 @@ label[for*="_wholeWord_e-de-rtl"] {
   border: 0;
 }
 
-.e-de-table-container-div .e-checkbox-wrapper .e-label {
-  color: #fff;
-}
-
-.e-de-table-header-div .e-checkbox-wrapper .e-label {
-  color: #fff;
-}
-
-.e-de-table-ppty-options-break .e-checkbox-wrapper .e-label {
-  color: #fff;
-}
-
-.e-de-table-ppty-options-header-row .e-checkbox-wrapper .e-label {
-  color: #fff;
-}
-
-.e-de-table-cell-header-div .e-checkbox-wrapper .e-label {
-  color: #fff;
-}
-
-.e-de-tbl-margin-sub-header .e-label {
-  color: #fff;
-}
-
-.e-de-tbl-btn-separator .e-checkbox-wrapper .e-label {
-  color: #fff;
-}
-
 .e-de-list-format-info {
   border-radius: 50% !important;
   cursor: default;
@@ -2693,7 +2696,7 @@ label[for*="_wholeWord_e-de-rtl"] {
 .e-de-style-style-based-on,
 .e-de-style-style-paragraph {
   font-weight: 500;
-  margin-bottom: 4px;
+  margin-bottom: 12px;
   font-size: 12px;
 }
 
@@ -2731,7 +2734,7 @@ label[for*="_wholeWord_e-de-rtl"] {
 }
 
 .e-style-font-fmaily-right {
-  margin-right: 4px;
+  margin-right: 12px;
 }
 
 .e-style-font {
@@ -2833,6 +2836,7 @@ label[for*="_wholeWord_e-de-rtl"] {
   float: right;
   margin-left: 12px;
   margin-top: 6px;
+  width: 120px;
 }
 
 .e-de-table-ppty-dlg-measure-drop-down-div.e-de-rtl {
@@ -2866,11 +2870,13 @@ label[for*="_wholeWord_e-de-rtl"] {
   float: right;
   margin-left: 12px;
   margin-top: 6px;
+  width: 120px;
 }
 
 .e-de-table-ppty-dlg-preferred-width-div.e-de-rtl {
   margin-left: 0;
   margin-right: 12px;
+  width: 120px;
 }
 
 .e-de-table-ppty-options-break {
@@ -3017,7 +3023,7 @@ label[for*="_wholeWord_e-de-rtl"] {
 .e-bookmark-dlgfields {
   font-weight: 500;
   font-size: 12px;
-  margin-bottom: 4px;
+  margin-bottom: 12px;
 }
 
 .e-de-ui-wfloating-menu.e-de-ui-bullets-menu .e-de-ui-wfloating-menuitem-md {
@@ -3265,19 +3271,17 @@ label[for*="_wholeWord_e-de-rtl"] {
   border-radius: 2px;
   box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
   height: 36px;
-  margin: 0 24px !important;
+  margin: 0 12px !important;
 }
 
 .e-bigger .e-de-rp-btn-enforce {
   margin: 0;
-  width: 100%;
   padding-left: 10px;
   padding-right: 10px;
 }
 
 .e-de-rp-nav-btn {
   margin: 0 24px;
-  width: 210px;
 }
 
 .e-de-rp-btn-stop-enforce {
@@ -3322,7 +3326,6 @@ label[for*="_wholeWord_e-de-rtl"] {
   font-size: 12px;
   font-weight: 500;
   margin-bottom: 4px;
-  margin-top: c;
 }
 
 .e-de-enforce .e-de-enforce-dlg-input {
@@ -3332,19 +3335,18 @@ label[for*="_wholeWord_e-de-rtl"] {
 }
 
 .e-de-user-add-btn {
-  background: #4b5563;
   border-radius: 2px;
   width: 74px;
 }
 
 .e-de-user-dlg .e-de-user-dlg-textbox-input {
-  margin-right: 12px;
+  margin-right: 24px;
   width: 304px;
 }
 
 .e-de-user-dlg-list.e-de-rtl .e-de-user-dlg-textbox-input {
   margin-right: 0;
-  margin-left: 12px;
+  margin-left: 24px;
 }
 
 .e-de-user-dlg-list {
@@ -3482,6 +3484,7 @@ label[for*="_wholeWord_e-de-rtl"] {
 }
 
 .e-de-tc-no-chng {
+  color: #fff;
   font-size: 14px;
   opacity: 65%;
   margin: 60px 0;
@@ -4008,12 +4011,12 @@ label[for*="_wholeWord_e-de-rtl"] {
 }
 
 .e-de-para-dlg-spacing-div {
-  margin-left: 12px;
+  margin-left: 40px;
 }
 
 .e-de-para-dlg-spacing-div.e-de-rtl {
   margin-left: 0;
-  margin-right: 12px;
+  margin-right: 40px;
 }
 
 .e-de-para-dlg-sub-container .e-input-group {
@@ -4579,7 +4582,7 @@ label[for*="_wholeWord_e-de-rtl"] {
 }
 
 .e-hglt-no-color:hover {
-  background-color: #d3d3d3;
+  background-color: #374151;
   cursor: pointer;
 }
 
@@ -4601,8 +4604,6 @@ label[for*="_wholeWord_e-de-rtl"] {
   border: 0;
   box-shadow: none;
   float: right;
-  height: 33px;
-  width: 33px;
 }
 
 .e-de-statusbar-pageweb:hover {
@@ -4611,16 +4612,17 @@ label[for*="_wholeWord_e-de-rtl"] {
 
 .e-de-statusbar-pageweb .e-de-printlayout,
 .e-de-statusbar-pageweb .e-de-weblayout {
-  font-size: 14px;
+  font-size: 18px;
 }
 
-.e-bigger .e-btn.e-de-statusbar-pageweb {
-  padding: 0;
+.e-de-statusbar-pageweb .e-de-printlayout:hover,
+.e-de-statusbar-pageweb .e-de-weblayout:hover {
+  font-size: 18px;
 }
 
 .e-bigger .e-de-statusbar-pageweb .e-de-printlayout,
 .e-bigger .e-de-statusbar-pageweb .e-de-weblayout {
-  font-size: 16px;
+  font-size: 18px;
 }
 
 .e-de-linespacing {
@@ -4637,8 +4639,6 @@ label[for*="_wholeWord_e-de-rtl"] {
 
 .e-de-pagenumber-text {
   border: none !important;
-  height: 22px !important;
-  margin-top: -3px !important;
 }
 
 .e-de-pagenumber-input {
@@ -4646,12 +4646,17 @@ label[for*="_wholeWord_e-de-rtl"] {
   border: 1px solid #4b5563;
   border-radius: 2px;
   color: #9ca3af;
-  height: 22px;
-  padding: 2px;
+  font-family: inherit;
+  font-size: 14px;
+  padding: 0px;
   text-align: center;
   width: 22px;
 }
 
+.e-bigger .e-de-pagenumber-input {
+  font-size: 16px;
+}
+
 .e-btn-pageweb-toggle {
   background-color: #4b5563;
   box-shadow: none;
@@ -4674,7 +4679,32 @@ label[for*="_wholeWord_e-de-rtl"] {
 
 .e-de-ctn-title {
   background-color: #22d3ee;
+  border-bottom: none !important;
   color: #000;
+  font-size: 14px !important;
+}
+
+.e-de-ctn-title button {
+  font-size: 14px !important;
+  height: 36px ​ !important;
+}
+
+.e-de-ctn-title button .e-btn-icon {
+  font-size: 16px !important;
+}
+
+.e-bigger .e-de-ctn-title {
+  font-size: 16px !important;
+  height: 40px !important;
+}
+
+.e-bigger .e-de-ctn-title button {
+  font-size: 16px !important;
+  height: auto ​ !important;
+}
+
+.e-bigger .e-de-ctn-title button .e-btn-icon {
+  font-size: 18px !important;
 }
 
 .e-de-tool-ctnr-properties-pane {
@@ -4723,7 +4753,7 @@ label[for*="_wholeWord_e-de-rtl"] {
 .e-de-ctnr-toolbar {
   display: -ms-flexbox;
   display: flex;
-  height: 75px;
+  height: 85px;
   width: 100%;
 }
 
@@ -4748,11 +4778,11 @@ label[for*="_wholeWord_e-de-rtl"] {
 }
 
 .e-de-ctnr-segment {
-  margin-bottom: 8px;
+  margin-bottom: 12px;
 }
 
 .e-de-insert-del-cell > div:last-child {
-  margin-left: 8px !important;
+  margin-left: 10px !important;
 }
 
 .e-bigger .e-de-ctnr-prop-label,
@@ -4770,11 +4800,20 @@ label[for*="_wholeWord_e-de-rtl"] {
 }
 
 .e-bigger .e-de-ctnr-group-btn .e-btn .e-btn-icon {
-  margin-left: -3px;
+  margin-left: -5px;
 }
 
-.e-de-ctnr-group-btn .e-btn .e-btn-icon {
-  margin-left: 0;
+.e-bigger .e-de-ctnr-group-btn .e-btn .e-btn-icon:not(.e-caret) {
+  font-size: 18px;
+}
+
+.e-bigger .e-de-pane-rtl .e-de-ctnr-group-btn .e-btn .e-btn-icon {
+  margin-left: 0px;
+  margin-right: -5px;
+}
+
+.e-de-ctnr-group-btn .e-btn .e-btn-icon:not(.e-caret) {
+  font-size: 16px;
 }
 
 .e-de-property-div-padding .e-de-cellmargin-text {
@@ -4787,29 +4826,29 @@ label[for*="_wholeWord_e-de-rtl"] {
 
 .e-de-font-clr-picker .e-colorpicker-wrapper:first-child,
 .e-de-font-clr-picker > .e-split-btn-wrapper {
-  margin-right: 8px;
+  margin-right: 10px;
 }
 
 .e-de-font-clr-picker.e-rtl .e-colorpicker-wrapper:first-child,
 .e-de-font-clr-picker.e-rtl > .e-split-btn-wrapper {
-  margin-left: 8px;
+  margin-left: 10px;
   margin-right: 0;
 }
 
 .e-de-ctnr-segment > div:first-child:not(.e-rtl),
 .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
-  margin-right: 8px;
+  margin-right: 10px;
 }
 
 .e-de-ctnr-segment.e-de-ctnr-segment-rtl > div:first-child,
 .e-de-ctnr-segment.e-de-ctnr-segment-rtl > button:first-child {
-  margin-left: 8px;
+  margin-left: 10px;
   margin-right: 0;
 }
 
 .e-de-tlbr-wrapper {
   background-color: #374151;
-  height: 75px;
+  height: 85px;
   width: calc(100% - 75px);
 }
 
@@ -4819,8 +4858,8 @@ label[for*="_wholeWord_e-de-rtl"] {
   font-size: 14px;
   font-weight: 500;
   letter-spacing: 0.05px;
-  margin-bottom: 12px;
   line-height: 1.5;
+  margin-bottom: 12px;
   opacity: 0.87;
 }
 
@@ -4878,7 +4917,7 @@ label[for*="_wholeWord_e-de-rtl"] {
 }
 
 .e-de-toolbar.e-toolbar .e-toolbar-items {
-  height: 75px;
+  height: 85px;
 }
 
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-separator {
@@ -4938,10 +4977,6 @@ label[for*="_wholeWord_e-de-rtl"] {
   width: 100%;
 }
 
-.de-split-button > div:first-child {
-  margin-right: 8px;
-}
-
 .e-de-ctnr-properties-pane-btn {
   width: 75px;
 }
@@ -4977,12 +5012,12 @@ label[for*="_wholeWord_e-de-rtl"] {
 
 .e-de-showhide-btn {
   border: 0;
-  height: 75px;
+  height: 85px;
 }
 
 .e-de-showhide-btn-rtl {
   border: 0;
-  height: 75px;
+  height: 85px;
 }
 
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
@@ -5134,8 +5169,9 @@ label[for*="_wholeWord_e-de-rtl"] {
 .e-de-ctnr-hglt-color {
   font-size: 12px;
   font-weight: 400;
-  height: 18px !important;
-  width: 18px !important;
+  height: 20px !important;
+  width: 20px !important;
+  border-radius: 4px;
 }
 
 .e-de-font-clr-picker > div div button,
@@ -5305,6 +5341,52 @@ label[for*="_wholeWord_e-de-rtl"] {
   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 #4b5563;
@@ -5370,7 +5452,7 @@ label[for*="_wholeWord_e-de-rtl"] {
   background-color: #374151;
   display: -ms-flexbox;
   display: flex;
-  padding-top: 3.5px;
+  padding-top: 0;
   width: 100%;
 }
 
@@ -5378,30 +5460,38 @@ label[for*="_wholeWord_e-de-rtl"] {
   color: #9ca3af;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  font-size: 12px;
+  font-size: 14px;
   height: 100%;
   padding-top: 8px;
   width: 110px;
 }
 
+.e-de-ctnr-pg-no span {
+  border: 1px solid transparent;
+}
+
 .e-de-ctnr-pg-no-spellout {
   color: #9ca3af;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  font-size: 12px;
+  font-size: 14px;
   height: 100%;
   padding-top: 8px;
-  width: calc(100% - 152px);
+  width: calc(100% - 170px);
+}
+
+.e-de-ctnr-pg-no-spellout span {
+  border: 1px solid transparent;
 }
 
 .e-bigger .e-de-ctnr-pg-no-spellout {
   color: #9ca3af;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  font-size: 14px;
+  font-size: 16px;
   height: 100%;
-  padding-top: 8px;
-  width: calc(100% - 168px);
+  padding-top: 7px;
+  width: calc(100% - 205px);
 }
 
 .e-de-statusbar-zoom-spell {
@@ -5555,7 +5645,7 @@ label[for*="_wholeWord_e-de-rtl"] {
 }
 
 .e-bigger .de-split-button > div:first-child {
-  margin-right: 16px;
+  margin-right: 0;
 }
 
 .e-bigger .e-de-border-clr-picker .e-split-btn-wrapper > button:first-child {
@@ -5698,8 +5788,8 @@ label[for*="_wholeWord_e-de-rtl"] {
   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;
 }
 
@@ -5902,8 +5992,8 @@ label[for*="_wholeWord_e-de-rtl"] {
 .e-bigger .e-de-ctnr-hglt-color {
   font-size: 12px;
   font-weight: 400;
-  height: 25px !important;
-  width: 25px !important;
+  height: 24px !important;
+  width: 24px !important;
   border-radius: 4px;
 }
 
@@ -6020,7 +6110,6 @@ label[for*="_wholeWord_e-de-rtl"] {
   background: #4b5563;
   border: none;
   border-radius: 4px;
-  color: #fff;
 }
 
 .e-de-ctn .e-de-ctnr-toolbar .e-de-bzr-button .e-btn-icon {