@syncfusion/ej2-vue-spreadsheet 19.4.56 → 20.1.50

package/styles/spreadsheet/bootstrap-dark.css

@@ -926,10 +926,18 @@
 .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-custom-format-dlg .e-footer-content {
+  padding: 0;
+}
+
+.e-spreadsheet .e-custom-format-dlg .e-dlg-content {
+  display: inline-table;
+  padding-top: 3px;
+}
+
 .e-spreadsheet .e-dlg-content .e-custom-dialog .e-custom-sample {
   margin: 10px 10px 10px 0;
 }
@@ -1313,8 +1321,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #0070f0;
   cursor: ns-resize;
-  left: 50%;
   position: absolute;
+  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1331,8 +1339,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #0070f0;
   cursor: ns-resize;
-  left: 50%;
   position: absolute;
+  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2127,7 +2135,6 @@
 .e-spreadsheet .e-title-dlg .e-title-dlg-content .e-input {
   font-size: 14px;
   line-height: 30px;
-  padding-top: 10px;
 }
 
 .e-spreadsheet .e-datavalidation-dlg .e-validation-dlg {
@@ -2463,8 +2470,9 @@
   bottom: 0;
   float: right;
   height: 18px;
+  margin-right: -1px;
   padding: 0;
-  position: absolute;
+  position: relative;
   right: 0;
   width: 20px;
   z-index: 2;

package/styles/spreadsheet/bootstrap.css

@@ -933,10 +933,18 @@
 .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-custom-format-dlg .e-footer-content {
+  padding: 0;
+}
+
+.e-spreadsheet .e-custom-format-dlg .e-dlg-content {
+  display: inline-table;
+  padding-top: 3px;
+}
+
 .e-spreadsheet .e-dlg-content .e-custom-dialog .e-custom-sample {
   margin: 10px 10px 10px 0;
 }
@@ -1320,8 +1328,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #317ab9;
   cursor: ns-resize;
-  left: 50%;
   position: absolute;
+  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1338,8 +1346,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #317ab9;
   cursor: ns-resize;
-  left: 50%;
   position: absolute;
+  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2157,7 +2165,6 @@
 .e-spreadsheet .e-title-dlg .e-title-dlg-content .e-input {
   font-size: 14px;
   line-height: 30px;
-  padding-top: 10px;
 }
 
 .e-spreadsheet .e-datavalidation-dlg .e-validation-dlg {
@@ -2493,8 +2500,9 @@
   bottom: 0;
   float: right;
   height: 18px;
+  margin-right: -1px;
   padding: 0;
-  position: absolute;
+  position: relative;
   right: 0;
   width: 20px;
   z-index: 2;

package/styles/spreadsheet/bootstrap4.css

@@ -974,10 +974,18 @@
 .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-custom-format-dlg .e-footer-content {
+  padding: 0;
+}
+
+.e-spreadsheet .e-custom-format-dlg .e-dlg-content {
+  display: inline-table;
+  padding-top: 3px;
+}
+
 .e-spreadsheet .e-dlg-content .e-custom-dialog .e-custom-sample {
   margin: 10px 10px 10px 0;
 }
@@ -1356,8 +1364,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #007bff;
   cursor: ns-resize;
-  left: 50%;
   position: absolute;
+  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1374,8 +1382,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #007bff;
   cursor: ns-resize;
-  left: 50%;
   position: absolute;
+  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2199,7 +2207,6 @@
 .e-spreadsheet .e-title-dlg .e-title-dlg-content .e-input {
   font-size: 14px;
   line-height: 30px;
-  padding-top: 10px;
 }
 
 .e-spreadsheet .e-datavalidation-dlg .e-validation-dlg {
@@ -2540,8 +2547,9 @@
   bottom: 0;
   float: right;
   height: 18px;
+  margin-right: -1px;
   padding: 0;
-  position: absolute;
+  position: relative;
   right: 0;
   width: 20px;
   z-index: 2;

package/styles/spreadsheet/bootstrap5-dark.css

@@ -95,6 +95,13 @@
   color: #adb5bd;
 }
 
+.e-input-group.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
+.e-input-group.e-control-wrapper.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
+.e-float-input.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
+.e-float-input.e-control-wrapper.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon {
+  background: #343a40;
+}
+
 .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
 .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
 .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
@@ -863,6 +870,10 @@
   width: 530px !important;
 }
 
+.e-spreadsheet .e-dlg-header-content {
+  padding: 12px;
+}
+
 .e-spreadsheet .e-unprotectworksheet-dlg {
   left: 0 !important;
 }
@@ -969,10 +980,18 @@
 .e-spreadsheet .e-dlg-content .e-custom-dialog .e-input.e-dialog-input {
   float: left;
   margin-right: 4.8%;
-  margin-right: 2.8%;
   width: 80%;
 }
 
+.e-spreadsheet .e-custom-format-dlg .e-footer-content {
+  padding: 0;
+}
+
+.e-spreadsheet .e-custom-format-dlg .e-dlg-content {
+  display: inline-table;
+  padding-top: 3px;
+}
+
 .e-spreadsheet .e-dlg-content .e-custom-dialog .e-custom-sample {
   margin: 10px 10px 10px 0;
 }
@@ -1356,8 +1375,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #0d6efd;
   cursor: ns-resize;
-  left: 50%;
   position: absolute;
+  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1374,8 +1393,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #0d6efd;
   cursor: ns-resize;
-  left: 50%;
   position: absolute;
+  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2117,6 +2136,10 @@
   text-align: left;
 }
 
+.e-spreadsheet .e-customsort-dlg .e-dlg-header-content {
+  padding: 12px;
+}
+
 .e-spreadsheet .e-customsort-dlg .e-dlg-content {
   padding-bottom: 0;
   padding-left: 0;
@@ -2165,7 +2188,10 @@
 .e-spreadsheet .e-title-dlg .e-title-dlg-content .e-input {
   font-size: 14px;
   line-height: 30px;
-  padding-top: 10px;
+}
+
+.e-spreadsheet .e-datavalidation-dlg .e-dlg-header-content {
+  padding: 12px;
 }
 
 .e-spreadsheet .e-datavalidation-dlg .e-validation-dlg {
@@ -2314,7 +2340,7 @@
 
 .e-spreadsheet .e-hyperlink-dlg .e-dlg-content .e-link-dialog .e-tab-header,
 .e-spreadsheet .e-edithyperlink-dlg .e-dlg-content .e-link-dialog .e-tab-header {
-  padding: 0 24px 0 25px;
+  padding: 0 12px;
 }
 
 .e-spreadsheet .e-hyperlink-dlg .e-dlg-content .e-link-dialog .e-tab-header .e-toolbar-items,
@@ -2336,12 +2362,12 @@
 
 .e-spreadsheet .e-hyperlink-dlg .e-dlg-content .e-link-dialog .e-content,
 .e-spreadsheet .e-edithyperlink-dlg .e-dlg-content .e-link-dialog .e-content {
-  padding-top: 24px;
+  padding-top: 12px;
 }
 
 .e-spreadsheet .e-hyperlink-dlg .e-dlg-content .e-link-dialog .e-content .e-cont,
 .e-spreadsheet .e-edithyperlink-dlg .e-dlg-content .e-link-dialog .e-content .e-cont {
-  margin: 0 0 15.5px 24px;
+  margin: 12px 12px 15.5px;
 }
 
 .e-spreadsheet .e-hyperlink-dlg .e-dlg-content .e-link-dialog .e-content .e-cont .e-header,
@@ -2501,8 +2527,9 @@
   bottom: 0;
   float: right;
   height: 18px;
+  margin-right: -1px;
   padding: 0;
-  position: absolute;
+  position: relative;
   right: 0;
   width: 20px;
   z-index: 2;
@@ -3317,7 +3344,7 @@
 }
 
 .e-spreadsheet-function-dlg .e-dlg-header-content {
-  padding: 18px;
+  padding: 12px;
 }
 
 .e-spreadsheet-function-dlg .e-dlg-header-content .e-dlg-header {

package/styles/spreadsheet/bootstrap5.css

@@ -95,6 +95,13 @@
   color: #6c757d;
 }
 
+.e-input-group.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
+.e-input-group.e-control-wrapper.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
+.e-float-input.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
+.e-float-input.e-control-wrapper.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon {
+  background: #e9ecef;
+}
+
 .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
 .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
 .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
@@ -863,6 +870,10 @@
   width: 530px !important;
 }
 
+.e-spreadsheet .e-dlg-header-content {
+  padding: 12px;
+}
+
 .e-spreadsheet .e-unprotectworksheet-dlg {
   left: 0 !important;
 }
@@ -969,10 +980,18 @@
 .e-spreadsheet .e-dlg-content .e-custom-dialog .e-input.e-dialog-input {
   float: left;
   margin-right: 4.8%;
-  margin-right: 2.8%;
   width: 80%;
 }
 
+.e-spreadsheet .e-custom-format-dlg .e-footer-content {
+  padding: 0;
+}
+
+.e-spreadsheet .e-custom-format-dlg .e-dlg-content {
+  display: inline-table;
+  padding-top: 3px;
+}
+
 .e-spreadsheet .e-dlg-content .e-custom-dialog .e-custom-sample {
   margin: 10px 10px 10px 0;
 }
@@ -1356,8 +1375,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #0d6efd;
   cursor: ns-resize;
-  left: 50%;
   position: absolute;
+  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1374,8 +1393,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #0d6efd;
   cursor: ns-resize;
-  left: 50%;
   position: absolute;
+  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2117,6 +2136,10 @@
   text-align: left;
 }
 
+.e-spreadsheet .e-customsort-dlg .e-dlg-header-content {
+  padding: 12px;
+}
+
 .e-spreadsheet .e-customsort-dlg .e-dlg-content {
   padding-bottom: 0;
   padding-left: 0;
@@ -2165,7 +2188,10 @@
 .e-spreadsheet .e-title-dlg .e-title-dlg-content .e-input {
   font-size: 14px;
   line-height: 30px;
-  padding-top: 10px;
+}
+
+.e-spreadsheet .e-datavalidation-dlg .e-dlg-header-content {
+  padding: 12px;
 }
 
 .e-spreadsheet .e-datavalidation-dlg .e-validation-dlg {
@@ -2314,7 +2340,7 @@
 
 .e-spreadsheet .e-hyperlink-dlg .e-dlg-content .e-link-dialog .e-tab-header,
 .e-spreadsheet .e-edithyperlink-dlg .e-dlg-content .e-link-dialog .e-tab-header {
-  padding: 0 24px 0 25px;
+  padding: 0 12px;
 }
 
 .e-spreadsheet .e-hyperlink-dlg .e-dlg-content .e-link-dialog .e-tab-header .e-toolbar-items,
@@ -2336,12 +2362,12 @@
 
 .e-spreadsheet .e-hyperlink-dlg .e-dlg-content .e-link-dialog .e-content,
 .e-spreadsheet .e-edithyperlink-dlg .e-dlg-content .e-link-dialog .e-content {
-  padding-top: 24px;
+  padding-top: 12px;
 }
 
 .e-spreadsheet .e-hyperlink-dlg .e-dlg-content .e-link-dialog .e-content .e-cont,
 .e-spreadsheet .e-edithyperlink-dlg .e-dlg-content .e-link-dialog .e-content .e-cont {
-  margin: 0 0 15.5px 24px;
+  margin: 12px 12px 15.5px;
 }
 
 .e-spreadsheet .e-hyperlink-dlg .e-dlg-content .e-link-dialog .e-content .e-cont .e-header,
@@ -2501,8 +2527,9 @@
   bottom: 0;
   float: right;
   height: 18px;
+  margin-right: -1px;
   padding: 0;
-  position: absolute;
+  position: relative;
   right: 0;
   width: 20px;
   z-index: 2;
@@ -3317,7 +3344,7 @@
 }
 
 .e-spreadsheet-function-dlg .e-dlg-header-content {
-  padding: 18px;
+  padding: 12px;
 }
 
 .e-spreadsheet-function-dlg .e-dlg-header-content .e-dlg-header {

package/styles/spreadsheet/fabric-dark.css

@@ -900,10 +900,18 @@
 .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-custom-format-dlg .e-footer-content {
+  padding: 0;
+}
+
+.e-spreadsheet .e-custom-format-dlg .e-dlg-content {
+  display: inline-table;
+  padding-top: 3px;
+}
+
 .e-spreadsheet .e-dlg-content .e-custom-dialog .e-custom-sample {
   margin: 10px 10px 10px 0;
 }
@@ -1287,8 +1295,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #0074cc;
   cursor: ns-resize;
-  left: 50%;
   position: absolute;
+  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1305,8 +1313,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #0074cc;
   cursor: ns-resize;
-  left: 50%;
   position: absolute;
+  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2105,7 +2113,6 @@
 .e-spreadsheet .e-title-dlg .e-title-dlg-content .e-input {
   font-size: 14px;
   line-height: 30px;
-  padding-top: 10px;
 }
 
 .e-spreadsheet .e-datavalidation-dlg .e-validation-dlg {
@@ -2441,8 +2448,9 @@
   bottom: 0;
   float: right;
   height: 18px;
+  margin-right: -1px;
   padding: 0;
-  position: absolute;
+  position: relative;
   right: 0;
   width: 20px;
   z-index: 2;

package/styles/spreadsheet/fabric.css

@@ -903,10 +903,18 @@
 .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-custom-format-dlg .e-footer-content {
+  padding: 0;
+}
+
+.e-spreadsheet .e-custom-format-dlg .e-dlg-content {
+  display: inline-table;
+  padding-top: 3px;
+}
+
 .e-spreadsheet .e-dlg-content .e-custom-dialog .e-custom-sample {
   margin: 10px 10px 10px 0;
 }
@@ -1290,8 +1298,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #0078d6;
   cursor: ns-resize;
-  left: 50%;
   position: absolute;
+  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1308,8 +1316,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #0078d6;
   cursor: ns-resize;
-  left: 50%;
   position: absolute;
+  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2115,7 +2123,6 @@
 .e-spreadsheet .e-title-dlg .e-title-dlg-content .e-input {
   font-size: 14px;
   line-height: 30px;
-  padding-top: 10px;
 }
 
 .e-spreadsheet .e-datavalidation-dlg .e-validation-dlg {
@@ -2451,8 +2458,9 @@
   bottom: 0;
   float: right;
   height: 18px;
+  margin-right: -1px;
   padding: 0;
-  position: absolute;
+  position: relative;
   right: 0;
   width: 20px;
   z-index: 2;