@syncfusion/ej2-vue-spreadsheet 19.2.59 → 19.3.44

package/styles/tailwind-dark.css

@@ -1,5 +1,5 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
-/*! Tailwind-dark theme definition's */
+/*! Tailwind theme definition's */
 /*! component's theme wise override definitions and variables */
 /*! Horizontal Tab */
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
@@ -25,7 +25,7 @@
 
 /*! Material specific themes definition's */
 /*! Vertical Tab */
-/*! TreeView's tailwind-dark theme wise override definitions and variables */
+/*! TreeView's tailwind theme wise override definitions and variables */
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;
@@ -366,6 +366,10 @@
   content: '\e792';
 }
 
+.e-dragfill-ddb .e-dragfill-icon::before {
+  content: '\e926';
+}
+
 .e-chart-ddb .e-chart-icon::before,
 .e-chart-ddb .e-chart-type-icon::before,
 .e-chart-type-ddb .e-chart-icon::before,
@@ -869,14 +873,73 @@
 }
 
 .e-spreadsheet .e-protect-dlg {
-  height: 381px;
+  height: 470px;
   width: 287px;
 }
 
-.e-spreadsheet .e-protect-dlg .e-dlg-header-content {
+.e-spreadsheet .e-protect-dlg .e-sheet-password-content .e-header {
+  font-size: 14px;
+  line-height: 28px;
+  margin-bottom: 4px;
+}
+
+.e-spreadsheet .e-custom-format-dlg {
+  height: 510px !important;
+  width: 530px !important;
+}
+
+.e-spreadsheet .e-dlg-header-content {
   padding: 18px;
 }
 
+.e-spreadsheet .e-unprotectworksheet-dlg {
+  left: 0 !important;
+}
+
+.e-spreadsheet .e-unprotectworksheet-dlg .e-dlg-header-content .e-dlg-header {
+  font-size: 18px;
+  line-height: 21px;
+}
+
+.e-spreadsheet .e-unprotectworksheet-dlg .e-dlg-content .e-unprotectsheetpwd-alert-span {
+  color: #f87171;
+  font-size: 12px;
+  padding-top: 7px;
+}
+
+.e-spreadsheet .e-unprotectworksheet-dlg .e-dlg-content .e-unprotectsheetpwd-content .e-header {
+  font-size: 14px;
+  line-height: 16px;
+}
+
+.e-spreadsheet .e-unprotectworksheet-dlg .e-dlg-content .e-unprotectsheetpwd-content .e-input {
+  margin-top: 10px;
+}
+
+.e-spreadsheet .e-reenterpwd-dlg {
+  left: 0 !important;
+}
+
+.e-spreadsheet .e-reenterpwd-dlg .e-dlg-header-content .e-dlg-header {
+  font-size: 18px;
+  line-height: 21px;
+}
+
+.e-spreadsheet .e-reenterpwd-dlg .e-dlg-content .e-reenterpwd-alert-span {
+  color: #f87171;
+  font-size: 12px;
+  padding-top: 7px;
+}
+
+.e-spreadsheet .e-reenterpwd-dlg .e-dlg-content .e-reenterpwd-content .e-header {
+  font-size: 14px;
+  line-height: 16px;
+}
+
+.e-spreadsheet .e-reenterpwd-dlg .e-dlg-content .e-reenterpwd-content .e-input {
+  margin-top: 10px;
+}
+
 .e-spreadsheet .e-goto-dlg {
   height: auto;
 }
@@ -920,24 +983,41 @@
 .e-spreadsheet .e-protect-option-list {
   border: 1px solid #4b5563;
   cursor: default;
-  margin-top: 6px;
+  margin-top: 20px;
   overflow-y: auto;
   margin-top: 10px;
 }
 
 .e-spreadsheet .e-protect-checkbox {
   height: 30px;
-  padding-top: 10px;
+  padding-top: 20px;
 }
 
 .e-spreadsheet .e-protect-checkbox .e-label {
   font-size: 14px;
 }
 
+.e-spreadsheet .e-dlg-content .e-custom-dialog .e-input.e-dialog-input {
+  float: left;
+  margin-right: 2.8%;
+  margin-right: 2.8%;
+  width: 80%;
+}
+
+.e-spreadsheet .e-dlg-content .e-custom-dialog .e-custom-sample {
+  margin: 10px 10px 10px 0;
+}
+
+.e-spreadsheet .e-dlg-content .e-custom-dialog .e-custom-listview {
+  border: 1px solid #4b5563;
+  border-radius: 3px;
+  height: 300px;
+}
+
 .e-spreadsheet .e-protect-content {
   font-size: 13px;
   height: 30px;
-  padding-top: 10px;
+  padding-top: 20px;
   width: 100%;
 }
 
@@ -1182,7 +1262,7 @@
 }
 
 .e-spreadsheet .e-table tr .e-cell .e-hyperlink-style {
-  color: #00e;
+  color: #38bdf8;
   text-decoration: underline;
 }
 
@@ -1334,7 +1414,7 @@
 }
 
 .e-spreadsheet .e-sheet .e-datavisualization-chart.e-ss-overlay {
-  border: 1px solid #e0e0e0;
+  border: 1px solid #4b5563;
 }
 
 .e-spreadsheet .e-sheet .e-ss-overlay.e-ss-overlay-active {
@@ -1658,7 +1738,7 @@
   cursor: cell;
   pointer-events: none;
   position: absolute;
-  z-index: 2;
+  z-index: 1;
   border-width: 1px;
 }
 
@@ -1668,7 +1748,7 @@
   cursor: cell;
   pointer-events: none;
   position: absolute;
-  z-index: 2;
+  z-index: 1;
 }
 
 .e-spreadsheet .e-formularef-indicator {
@@ -1678,6 +1758,25 @@
   z-index: 1;
 }
 
+.e-spreadsheet .e-autofill {
+  background-clip: content-box;
+  background-color: #22d3ee;
+  border: 1px solid #fff;
+  cursor: crosshair;
+  height: 8px;
+  position: absolute;
+  width: 8px;
+  z-index: 3;
+}
+
+.e-spreadsheet .e-filloption {
+  height: 30px;
+  position: absolute;
+  width: 47px;
+  z-index: 3;
+  width: 65px;
+}
+
 .e-spreadsheet .e-active-cell {
   border: 2px solid #22d3ee;
   pointer-events: none;
@@ -2032,11 +2131,8 @@
 }
 
 .e-spreadsheet .e-validation-list {
-  border: 1px solid #fff;
-  bottom: 1px;
   float: right;
   height: 18px;
-  margin-right: 1px;
   padding: 0;
   position: relative;
   right: 0;
@@ -2045,8 +2141,18 @@
   z-index: 2;
 }
 
+.e-spreadsheet .e-validation-list .e-input-group {
+  border: 0;
+  box-shadow: none !important;
+}
+
 .e-spreadsheet .e-validation-list .e-ddl-icon {
   bottom: 5px;
+  height: 18px;
+  min-height: 0;
+  min-width: 0;
+  width: 20px;
+  padding: 0;
 }
 
 .e-spreadsheet .e-rtl .e-spreadsheet-edit {
@@ -2319,7 +2425,7 @@
 
 .e-spreadsheet .e-hyperlink-dlg .e-dlg-content .e-link-dialog .e-content .e-cont .e-refcont,
 .e-spreadsheet .e-edithyperlink-dlg .e-dlg-content .e-link-dialog .e-content .e-cont .e-refcont {
-  border: 1px solid #c8c8c8;
+  border: 1px solid #4b5563;
   height: 165px;
   margin: 8px 24px 0 0;
   overflow: auto;
@@ -2366,7 +2472,7 @@
 }
 
 .e-spreadsheet .e-protectworkbook-dlg .e-dlg-content .e-pwd-alert-span {
-  color: #dd2c2c;
+  color: #f87171;
   font-size: 12px;
   padding-top: 12px;
 }
@@ -2391,7 +2497,7 @@
 }
 
 .e-spreadsheet .e-unprotectworkbook-dlg .e-dlg-content .e-unprotectpwd-alert-span {
-  color: #dd2c2c;
+  color: #f87171;
   font-size: 12px;
   padding-top: 7px;
 }
@@ -2415,7 +2521,7 @@
 }
 
 .e-spreadsheet .e-importprotectworkbook-dlg .e-dlg-content .e-importprotectpwd-alert-span {
-  color: #dd2c2c;
+  color: #f87171;
   font-size: 12px;
   padding-top: 7px;
 }
@@ -2661,8 +2767,6 @@
 
 .e-menu-wrapper.e-popup.e-menu-popup.e-databars ul .e-menu-item,
 .e-menu-wrapper.e-popup.e-menu-popup.e-databars ul .e-menu-item.e-focused {
-  background-color: #4b5563;
-  background-color: #fff;
   height: auto;
   line-height: 0;
   padding: 0;
@@ -2713,8 +2817,6 @@
 
 .e-menu-wrapper.e-popup.e-menu-popup.e-colorscales ul .e-menu-item,
 .e-menu-wrapper.e-popup.e-menu-popup.e-colorscales ul .e-menu-item.e-focused {
-  background-color: #4b5563;
-  background-color: #fff;
   height: auto;
   line-height: 0;
   padding: 0;
@@ -3363,7 +3465,7 @@
 
 .e-spreadsheet:not(.e-mobile-view) .e-add-sheet-tab.e-btn.e-icon-btn.e-css,
 .e-spreadsheet:not(.e-mobile-view) .e-sheets-list.e-dropdown-btn {
-  height: 33px;
+  height: 32px;
   padding: 0;
   width: 32px;
 }
@@ -3548,6 +3650,13 @@
   height: 78px;
 }
 
+.e-bigger .e-spreadsheet .e-dlg-content .e-custom-dialog .e-input.e-dialog-input,
+.e-bigger.e-spreadsheet .e-dlg-content .e-custom-dialog .e-input.e-dialog-input {
+  float: left;
+  margin-right: 2.8%;
+  width: 77%;
+}
+
 .e-bigger .e-spreadsheet .e-customsort-dlg,
 .e-bigger.e-spreadsheet .e-customsort-dlg {
   width: 590px !important;
@@ -3589,7 +3698,7 @@
 
 .e-bigger .e-spreadsheet .e-protectworkbook-dlg .e-dlg-content .e-pwd-alert-span,
 .e-bigger.e-spreadsheet .e-protectworkbook-dlg .e-dlg-content .e-pwd-alert-span {
-  color: #dd2c2c;
+  color: #f87171;
   font-size: 14px;
   padding-top: 16px;
 }
@@ -3712,11 +3821,11 @@
 
 /*! spreadsheet theme */
 .e-spreadsheet .e-findtool-dlg {
-  border-bottom-color: #e0e0e0;
-  border-color: #e0e0e0;
-  border-left-color: #e0e0e0;
-  border-right-color: #e0e0e0;
-  border-top-color: #fafafa;
+  border-bottom-color: #4b5563;
+  border-color: #4b5563;
+  border-left-color: #4b5563;
+  border-right-color: #4b5563;
+  border-top-color: #4b5563;
   box-shadow: none;
 }
 
@@ -3784,6 +3893,14 @@
   background-color: transparent;
 }
 
+.e-spreadsheet .e-dragfill-ddb {
+  box-shadow: none;
+}
+
+.e-spreadsheet .e-dragfill-ddb:focus {
+  background: #374151;
+}
+
 .e-spreadsheet .e-aggregate-list.e-flat {
   background-color: transparent;
   border-color: transparent;
@@ -3874,7 +3991,7 @@
 
 .e-spreadsheet .e-cell {
   background-color: #fff;
-  border-bottom-color: #9ca3af;
+  border-bottom-color: #4b5563;
   color: #000;
 }
 
@@ -3885,7 +4002,7 @@
 
 .e-spreadsheet .e-row-header .e-header-cell,
 .e-spreadsheet .e-selectall-container tbody .e-header-cell {
-  border-bottom-color: #9ca3af;
+  border-bottom-color: #4b5563;
 }
 
 .e-spreadsheet .e-hide-gridlines .e-cell {
@@ -3907,15 +4024,15 @@
 }
 
 .e-spreadsheet .e-select-all-cell:hover .e-selectall:not(.e-highlight) {
-  border-bottom-color: #bdbdbd;
+  border-bottom-color: #374151;
 }
 
 .e-spreadsheet .e-sheet-panel:not(.e-rtl) .e-cell {
-  border-right-color: #9ca3af;
+  border-right-color: #4b5563;
 }
 
 .e-spreadsheet .e-sheet-panel:not(.e-rtl) .e-header-panel thead .e-header-cell {
-  border-right-color: #9ca3af;
+  border-right-color: #4b5563;
 }
 
 .e-spreadsheet .e-sheet-panel:not(.e-rtl) .e-row-header .e-header-cell,
@@ -3937,7 +4054,7 @@
 }
 
 .e-spreadsheet .e-sheet-panel:not(.e-rtl) .e-select-all-cell:hover .e-selectall:not(.e-highlight) {
-  border-right-color: #bdbdbd;
+  border-right-color: #374151;
 }
 
 .e-spreadsheet .e-sheet-panel:not(.e-rtl) .e-column-header .e-header-cell.e-prev-highlight,
@@ -3962,11 +4079,11 @@
 }
 
 .e-spreadsheet .e-sheet-panel.e-rtl .e-cell {
-  border-left-color: #9ca3af;
+  border-left-color: #4b5563;
 }
 
 .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell {
-  border-left-color: #9ca3af;
+  border-left-color: #4b5563;
 }
 
 .e-spreadsheet .e-sheet-panel.e-rtl .e-row-header .e-header-cell,
@@ -3984,7 +4101,7 @@
 }
 
 .e-spreadsheet .e-sheet-panel.e-rtl .e-selectall:hover {
-  border-left-color: #bdbdbd;
+  border-left-color: #374151;
 }
 
 .e-spreadsheet .e-sheet-panel.e-rtl .e-selectall.e-highlight {
@@ -4097,6 +4214,7 @@
 
 .e-spreadsheet .e-frozen-column {
   background-color: #4b5563;
+  border-right: 3px solid #4b5563;
 }
 
 .e-spreadsheet .e-frozen-row {
@@ -4106,10 +4224,11 @@
 
 .e-spreadsheet .e-validation-list {
   background: #fff;
+  background-color: #374151;
 }
 
 .e-spreadsheet .e-datavalidation-dlg .e-dlg-error {
-  color: #dd2c2c;
+  color: #f87171;
 }
 
 .e-spreadsheet .e-sheet-panel:not(.e-rtl) .e-cell.e-vborderright,
@@ -4165,14 +4284,15 @@
 }
 
 .e-spreadsheet .e-sheet-panel:not(.e-rtl) .e-cell.e-rcborderbottom {
-  border-bottom: 1px dashed #dd2c2c;
+  border-bottom: 1px dashed #f87171;
 }
 
 .e-spreadsheet .e-sheet-panel:not(.e-rtl) .e-cell.e-rcborderright {
-  border-right: 1px dashed #dd2c2c;
+  border-right: 1px dashed #f87171;
 }
 
 .e-popup.e-menu-popup.e-databars ul .e-db {
+  background-color: #fff;
   background-color: #374151;
 }
 
@@ -4182,7 +4302,7 @@
 .e-popup.e-menu-popup.e-databars ul .e-odatabar:hover,
 .e-popup.e-menu-popup.e-databars ul .e-lbdatabar:hover,
 .e-popup.e-menu-popup.e-databars ul .e-pdatabar:hover {
-  background-color: #eee;
+  background-color: #4b5563;
   background-color: #4b5563;
 }
 
@@ -4211,6 +4331,7 @@
 }
 
 .e-popup.e-menu-popup.e-colorscales ul .e-cs {
+  background-color: #fff;
   background-color: #374151;
 }
 
@@ -4226,7 +4347,7 @@
 .e-popup.e-menu-popup.e-colorscales ul .e-wg:hover,
 .e-popup.e-menu-popup.e-colorscales ul .e-gy:hover,
 .e-popup.e-menu-popup.e-colorscales ul .e-yg:hover {
-  background-color: #eee;
+  background-color: #4b5563;
   background-color: #4b5563;
 }
 
@@ -4282,7 +4403,7 @@
 .e-popup.e-menu-popup.e-iconsets ul .e-is3,
 .e-popup.e-menu-popup.e-iconsets ul .e-is5,
 .e-popup.e-menu-popup.e-iconsets ul .e-is7 {
-  background-color: #eee;
+  background-color: #4b5563;
   background-color: #4b5563;
 }
 
@@ -4295,7 +4416,7 @@
 }
 
 .e-popup.e-menu-popup.e-iconsets ul .e-is-wrapper:hover {
-  background-color: #eee;
+  background-color: #4b5563;
   background-color: #4b5563;
 }
 
@@ -4692,7 +4813,7 @@
 .e-popup.e-menu-popup.e-chart-type-menu ul .e-radar-text,
 .e-popup.e-menu-popup.e-chart-type-menu ul .e-area-text,
 .e-popup.e-menu-popup.e-chart-type-menu ul .e-scatter-text {
-  background-color: #eee;
+  background-color: #4b5563;
   background-color: #4b5563;
 }
 
@@ -4715,7 +4836,6 @@
 .e-popup.e-menu-popup.e-chart-type-menu ul .e-area-cont,
 .e-popup.e-menu-popup.e-chart-type-menu ul .e-scatter-cont {
   background-color: #fff;
-  background-color: #374151;
 }
 
 .e-popup.e-menu-popup.e-chart-menu ul .e-column1-cont .e-clusteredcolumn:hover,
@@ -5132,13 +5252,13 @@
 .e-popup.e-menu-popup.e-chart-type-menu ul .e-scatter-cont .e-stackedarea:hover,
 .e-popup.e-menu-popup.e-chart-type-menu ul .e-scatter-cont .e-stackedarea100:hover,
 .e-popup.e-menu-popup.e-chart-type-menu ul .e-scatter-cont .e-scatter:hover {
-  background-color: #eee;
+  background-color: #4b5563;
   background-color: #4b5563;
 }
 
 .e-popup.e-menu-popup.e-chart-menu ul .e-is-wrapper:hover,
 .e-popup.e-menu-popup.e-chart-type-menu ul .e-is-wrapper:hover {
-  background-color: #eee;
+  background-color: #4b5563;
   background-color: #4b5563;
 }
 
@@ -5147,7 +5267,7 @@
 }
 
 .e-dropdown-popup ul .e-item .e-menu-icon.e-selected-icon {
-  color: #317ab9;
+  color: #22d3ee;
 }
 
 .e-dropdown-popup.e-align-ddb ul .e-item:not(.e-selected) .e-menu-icon {
@@ -5163,8 +5283,8 @@
 }
 
 .e-sort-dialog .e-sort-error {
-  background-color: #fce7e9;
-  color: #333;
+  background-color: #fee2e2;
+  color: #f87171;
 }
 
 .e-dropdown-popup.e-sheets-list .e-item.e-hide {