@syncfusion/ej2-vue-spreadsheet 19.2.59 → 19.3.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/CHANGELOG.md +67 -0
  2. package/dist/ej2-vue-spreadsheet.umd.min.js +2 -2
  3. package/dist/ej2-vue-spreadsheet.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-vue-spreadsheet.es2015.js +10 -3
  5. package/dist/es6/ej2-vue-spreadsheet.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-spreadsheet.es5.js +10 -3
  7. package/dist/es6/ej2-vue-spreadsheet.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-spreadsheet.min.js +2 -2
  9. package/package.json +8 -8
  10. package/src/spreadsheet/spreadsheet.component.d.ts +3 -1
  11. package/src/spreadsheet/spreadsheet.component.js +10 -3
  12. package/styles/bootstrap-dark.css +147 -13
  13. package/styles/bootstrap.css +148 -13
  14. package/styles/bootstrap4.css +150 -15
  15. package/styles/bootstrap5-dark.css +5463 -0
  16. package/styles/bootstrap5-dark.scss +2 -0
  17. package/styles/bootstrap5.css +5463 -0
  18. package/styles/bootstrap5.scss +2 -0
  19. package/styles/fabric-dark.css +147 -13
  20. package/styles/fabric.css +144 -13
  21. package/styles/highcontrast-light.css +140 -13
  22. package/styles/highcontrast.css +151 -13
  23. package/styles/material-dark.css +162 -28
  24. package/styles/material.css +129 -14
  25. package/styles/ribbon/bootstrap5-dark.css +225 -0
  26. package/styles/ribbon/bootstrap5-dark.scss +1 -0
  27. package/styles/ribbon/bootstrap5.css +225 -0
  28. package/styles/ribbon/bootstrap5.scss +1 -0
  29. package/styles/spreadsheet/bootstrap-dark.css +147 -13
  30. package/styles/spreadsheet/bootstrap.css +148 -13
  31. package/styles/spreadsheet/bootstrap4.css +150 -15
  32. package/styles/spreadsheet/bootstrap5-dark.css +5237 -0
  33. package/styles/spreadsheet/bootstrap5-dark.scss +1 -0
  34. package/styles/spreadsheet/bootstrap5.css +5237 -0
  35. package/styles/spreadsheet/bootstrap5.scss +1 -0
  36. package/styles/spreadsheet/fabric-dark.css +147 -13
  37. package/styles/spreadsheet/fabric.css +144 -13
  38. package/styles/spreadsheet/highcontrast-light.css +140 -13
  39. package/styles/spreadsheet/highcontrast.css +151 -13
  40. package/styles/spreadsheet/material-dark.css +162 -28
  41. package/styles/spreadsheet/material.css +129 -14
  42. package/styles/spreadsheet/tailwind-dark.css +172 -52
  43. package/styles/spreadsheet/tailwind.css +180 -43
  44. package/styles/tailwind-dark.css +172 -52
  45. package/styles/tailwind.css +180 -43
@@ -152,11 +152,11 @@
152
152
  }
153
153
 
154
154
  .e-spreadsheet .e-findtool-dlg .e-prev-icon::before {
155
- content: '\e651';
155
+ content: '\e734';
156
156
  }
157
157
 
158
158
  .e-spreadsheet .e-findtool-dlg .e-next-icon::before {
159
- content: '\e652';
159
+ content: '\e705';
160
160
  }
161
161
 
162
162
  .e-spreadsheet .e-findtool-dlg .e-option-icon::before {
@@ -341,6 +341,10 @@
341
341
  content: '\e703';
342
342
  }
343
343
 
344
+ .e-dragfill-ddb .e-dragfill-icon::before {
345
+ content: '\e92a';
346
+ }
347
+
344
348
  .e-chart-ddb .e-chart-icon::before,
345
349
  .e-chart-ddb .e-chart-type-icon::before,
346
350
  .e-chart-type-ddb .e-chart-icon::before,
@@ -848,6 +852,65 @@
848
852
  width: 281px;
849
853
  }
850
854
 
855
+ .e-spreadsheet .e-protect-dlg .e-sheet-password-content .e-header {
856
+ font-size: 14px;
857
+ line-height: 28px;
858
+ margin-bottom: 4px;
859
+ }
860
+
861
+ .e-spreadsheet .e-custom-format-dlg {
862
+ height: 510px !important;
863
+ width: 530px !important;
864
+ }
865
+
866
+ .e-spreadsheet .e-unprotectworksheet-dlg {
867
+ left: 0 !important;
868
+ }
869
+
870
+ .e-spreadsheet .e-unprotectworksheet-dlg .e-dlg-header-content .e-dlg-header {
871
+ font-size: 18px;
872
+ line-height: 21px;
873
+ }
874
+
875
+ .e-spreadsheet .e-unprotectworksheet-dlg .e-dlg-content .e-unprotectsheetpwd-alert-span {
876
+ color: #dd2c2c;
877
+ font-size: 12px;
878
+ padding-top: 7px;
879
+ }
880
+
881
+ .e-spreadsheet .e-unprotectworksheet-dlg .e-dlg-content .e-unprotectsheetpwd-content .e-header {
882
+ font-size: 14px;
883
+ line-height: 16px;
884
+ }
885
+
886
+ .e-spreadsheet .e-unprotectworksheet-dlg .e-dlg-content .e-unprotectsheetpwd-content .e-input {
887
+ margin-top: 10px;
888
+ }
889
+
890
+ .e-spreadsheet .e-reenterpwd-dlg {
891
+ left: 0 !important;
892
+ }
893
+
894
+ .e-spreadsheet .e-reenterpwd-dlg .e-dlg-header-content .e-dlg-header {
895
+ font-size: 18px;
896
+ line-height: 21px;
897
+ }
898
+
899
+ .e-spreadsheet .e-reenterpwd-dlg .e-dlg-content .e-reenterpwd-alert-span {
900
+ color: #dd2c2c;
901
+ font-size: 12px;
902
+ padding-top: 7px;
903
+ }
904
+
905
+ .e-spreadsheet .e-reenterpwd-dlg .e-dlg-content .e-reenterpwd-content .e-header {
906
+ font-size: 14px;
907
+ line-height: 16px;
908
+ }
909
+
910
+ .e-spreadsheet .e-reenterpwd-dlg .e-dlg-content .e-reenterpwd-content .e-input {
911
+ margin-top: 10px;
912
+ }
913
+
851
914
  .e-spreadsheet .e-goto-dlg {
852
915
  height: auto;
853
916
  }
@@ -890,23 +953,40 @@
890
953
  .e-spreadsheet .e-protect-option-list {
891
954
  border: rgba(0, 0, 0, 0.13);
892
955
  cursor: default;
893
- margin-top: 6px;
956
+ margin-top: 20px;
894
957
  overflow-y: auto;
895
958
  }
896
959
 
897
960
  .e-spreadsheet .e-protect-checkbox {
898
961
  height: 30px;
899
- padding-top: 10px;
962
+ padding-top: 20px;
900
963
  }
901
964
 
902
965
  .e-spreadsheet .e-protect-checkbox .e-label {
903
966
  font-size: 14px;
904
967
  }
905
968
 
969
+ .e-spreadsheet .e-dlg-content .e-custom-dialog .e-input.e-dialog-input {
970
+ float: left;
971
+ margin-right: 2.8%;
972
+ margin-right: 2.8%;
973
+ width: 80%;
974
+ }
975
+
976
+ .e-spreadsheet .e-dlg-content .e-custom-dialog .e-custom-sample {
977
+ margin: 10px 10px 10px 0;
978
+ }
979
+
980
+ .e-spreadsheet .e-dlg-content .e-custom-dialog .e-custom-listview {
981
+ border: 1px solid #ddd;
982
+ border-radius: 3px;
983
+ height: 300px;
984
+ }
985
+
906
986
  .e-spreadsheet .e-protect-content {
907
987
  font-size: 13px;
908
988
  height: 30px;
909
- padding-top: 10px;
989
+ padding-top: 20px;
910
990
  width: 100%;
911
991
  }
912
992
 
@@ -1632,7 +1712,7 @@
1632
1712
  cursor: cell;
1633
1713
  pointer-events: none;
1634
1714
  position: absolute;
1635
- z-index: 2;
1715
+ z-index: 1;
1636
1716
  border-width: 1px;
1637
1717
  }
1638
1718
 
@@ -1642,7 +1722,7 @@
1642
1722
  cursor: cell;
1643
1723
  pointer-events: none;
1644
1724
  position: absolute;
1645
- z-index: 2;
1725
+ z-index: 1;
1646
1726
  }
1647
1727
 
1648
1728
  .e-spreadsheet .e-formularef-indicator {
@@ -1652,6 +1732,24 @@
1652
1732
  z-index: 1;
1653
1733
  }
1654
1734
 
1735
+ .e-spreadsheet .e-autofill {
1736
+ background-clip: content-box;
1737
+ background-color: #007bff;
1738
+ border: 1px solid #fff;
1739
+ cursor: crosshair;
1740
+ height: 8px;
1741
+ position: absolute;
1742
+ width: 8px;
1743
+ z-index: 3;
1744
+ }
1745
+
1746
+ .e-spreadsheet .e-filloption {
1747
+ height: 30px;
1748
+ position: absolute;
1749
+ width: 47px;
1750
+ z-index: 3;
1751
+ }
1752
+
1655
1753
  .e-spreadsheet .e-active-cell {
1656
1754
  border: 2px solid #007bff;
1657
1755
  pointer-events: none;
@@ -2019,11 +2117,8 @@
2019
2117
  }
2020
2118
 
2021
2119
  .e-spreadsheet .e-validation-list {
2022
- border: 1px solid #fff;
2023
- bottom: 1px;
2024
2120
  float: right;
2025
2121
  height: 18px;
2026
- margin-right: 1px;
2027
2122
  padding: 0;
2028
2123
  position: relative;
2029
2124
  right: 0;
@@ -2032,8 +2127,17 @@
2032
2127
  z-index: 2;
2033
2128
  }
2034
2129
 
2130
+ .e-spreadsheet .e-validation-list .e-input-group {
2131
+ border: 0;
2132
+ box-shadow: none !important;
2133
+ }
2134
+
2035
2135
  .e-spreadsheet .e-validation-list .e-ddl-icon {
2036
2136
  bottom: 5px;
2137
+ height: 18px;
2138
+ min-height: 0;
2139
+ min-width: 0;
2140
+ width: 20px;
2037
2141
  }
2038
2142
 
2039
2143
  .e-spreadsheet .e-rtl .e-spreadsheet-edit {
@@ -2630,8 +2734,6 @@
2630
2734
 
2631
2735
  .e-menu-wrapper.e-popup.e-menu-popup.e-databars ul .e-menu-item,
2632
2736
  .e-menu-wrapper.e-popup.e-menu-popup.e-databars ul .e-menu-item.e-focused {
2633
- background-color: #616161;
2634
- background-color: #fff;
2635
2737
  height: auto;
2636
2738
  line-height: 0;
2637
2739
  padding: 0;
@@ -2682,8 +2784,6 @@
2682
2784
 
2683
2785
  .e-menu-wrapper.e-popup.e-menu-popup.e-colorscales ul .e-menu-item,
2684
2786
  .e-menu-wrapper.e-popup.e-menu-popup.e-colorscales ul .e-menu-item.e-focused {
2685
- background-color: #616161;
2686
- background-color: #fff;
2687
2787
  height: auto;
2688
2788
  line-height: 0;
2689
2789
  padding: 0;
@@ -3326,7 +3426,7 @@
3326
3426
 
3327
3427
  .e-spreadsheet:not(.e-mobile-view) .e-add-sheet-tab.e-btn.e-icon-btn.e-css,
3328
3428
  .e-spreadsheet:not(.e-mobile-view) .e-sheets-list.e-dropdown-btn {
3329
- height: 33px;
3429
+ height: 32px;
3330
3430
  padding: 0;
3331
3431
  width: 32px;
3332
3432
  }
@@ -3503,6 +3603,13 @@
3503
3603
  height: 78px;
3504
3604
  }
3505
3605
 
3606
+ .e-bigger .e-spreadsheet .e-dlg-content .e-custom-dialog .e-input.e-dialog-input,
3607
+ .e-bigger.e-spreadsheet .e-dlg-content .e-custom-dialog .e-input.e-dialog-input {
3608
+ float: left;
3609
+ margin-right: 2.8%;
3610
+ width: 77%;
3611
+ }
3612
+
3506
3613
  .e-bigger .e-spreadsheet .e-customsort-dlg,
3507
3614
  .e-bigger.e-spreadsheet .e-customsort-dlg {
3508
3615
  width: 590px !important;
@@ -3706,6 +3813,14 @@
3706
3813
  background: #007bff;
3707
3814
  }
3708
3815
 
3816
+ .e-spreadsheet .e-sheet-tab-panel .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text {
3817
+ color: #007bff;
3818
+ }
3819
+
3820
+ .e-spreadsheet .e-sheet-tab-panel .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text {
3821
+ color: #007bff;
3822
+ }
3823
+
3709
3824
  .e-spreadsheet .e-sheet-tab-panel .e-tab-header .e-tab-wrap:hover {
3710
3825
  background: #e9ecef;
3711
3826
  }
@@ -3730,6 +3845,18 @@
3730
3845
  color: #212529;
3731
3846
  }
3732
3847
 
3848
+ .e-spreadsheet .e-dragfill-ddb {
3849
+ box-shadow: none;
3850
+ }
3851
+
3852
+ .e-spreadsheet .e-dragfill-ddb:focus {
3853
+ background: rgba(0, 123, 255, 0.18);
3854
+ }
3855
+
3856
+ .e-spreadsheet .e-dragfill-ddb:focus {
3857
+ background: #6c757d;
3858
+ }
3859
+
3733
3860
  .e-spreadsheet .e-aggregate-list.e-flat {
3734
3861
  background-color: transparent;
3735
3862
  border-color: transparent;
@@ -4151,6 +4278,10 @@
4151
4278
  border-right: 1px dashed #dd2c2c;
4152
4279
  }
4153
4280
 
4281
+ .e-popup.e-menu-popup.e-databars ul .e-db {
4282
+ background-color: #fff;
4283
+ }
4284
+
4154
4285
  .e-popup.e-menu-popup.e-databars ul .e-bdatabar:hover,
4155
4286
  .e-popup.e-menu-popup.e-databars ul .e-gdatabar:hover,
4156
4287
  .e-popup.e-menu-popup.e-databars ul .e-rdatabar:hover,
@@ -4184,6 +4315,10 @@
4184
4315
  background: transparent url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDI4IDI4Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICB9CgogICAgICAuY2xzLTIgewogICAgICAgIGZpbGw6ICNiM2IzYjM7CiAgICAgIH0KCiAgICAgIC5jbHMtMyB7CiAgICAgICAgZmlsbDogbm9uZTsKICAgICAgICBzdHJva2U6IGdyYXk7CiAgICAgICAgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOwogICAgICB9CgogICAgICAuY2xzLTQgewogICAgICAgIGZpbGw6ICNkNjAwN2I7CiAgICAgIH0KCiAgICAgIC5jbHMtNSB7CiAgICAgICAgZmlsbDogZ3JheTsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHRpdGxlPkRhdGFiYXJzIDEyPC90aXRsZT4KICA8cmVjdCBjbGFzcz0iY2xzLTEiIHk9IjEiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyNiIvPgogIDxnPgogICAgPHJlY3QgY2xhc3M9ImNscy0yIiB4PSItNS41IiB5PSIxMy41IiB3aWR0aD0iMjQiIGhlaWdodD0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcuNSAyMC41KSByb3RhdGUoLTkwKSIvPgogICAgPHJlY3QgY2xhc3M9ImNscy0zIiB4PSIwLjUiIHk9IjEuNSIgd2lkdGg9IjI3IiBoZWlnaHQ9IjI1Ii8+CiAgICA8cmVjdCBjbGFzcz0iY2xzLTIiIHg9IjEiIHk9IjYiIHdpZHRoPSIyNiIgaGVpZ2h0PSIxIi8+CiAgICA8cmVjdCBjbGFzcz0iY2xzLTIiIHg9IjEiIHk9IjExIiB3aWR0aD0iMjYiIGhlaWdodD0iMSIvPgogICAgPHJlY3QgY2xhc3M9ImNscy0yIiB4PSIxIiB5PSIxNiIgd2lkdGg9IjI2IiBoZWlnaHQ9IjEiLz4KICAgIDxyZWN0IGNsYXNzPSJjbHMtMiIgeD0iMSIgeT0iMjEiIHdpZHRoPSIyNiIgaGVpZ2h0PSIxIi8+CiAgICA8cmVjdCBjbGFzcz0iY2xzLTIiIHg9IjkuNSIgeT0iMTMuNSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuNSAzNS41KSByb3RhdGUoLTkwKSIvPgogICAgPHJlY3QgY2xhc3M9ImNscy00IiB4PSI3IiB5PSI3IiB3aWR0aD0iMTQiIGhlaWdodD0iNCIvPgogICAgPHJlY3QgY2xhc3M9ImNscy00IiB4PSI3IiB5PSIyIiB3aWR0aD0iNSIgaGVpZ2h0PSI0Ii8+CiAgICA8cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjciIHk9IjEyIiB3aWR0aD0iMyIgaGVpZ2h0PSI0Ii8+CiAgICA8cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjciIHk9IjE3IiB3aWR0aD0iOCIgaGVpZ2h0PSI0Ii8+CiAgICA8cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjciIHk9IjIyIiB3aWR0aD0iMTIiIGhlaWdodD0iNCIvPgogICAgPHJlY3QgY2xhc3M9ImNscy01IiB4PSIxNyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMSIvPgogICAgPHJlY3QgY2xhc3M9ImNscy01IiB4PSIxNyIgeT0iOCIgd2lkdGg9IjMiIGhlaWdodD0iMSIvPgogICAgPHJlY3QgY2xhc3M9ImNscy01IiB4PSIxNyIgeT0iMTMiIHdpZHRoPSIzIiBoZWlnaHQ9IjEiLz4KICAgIDxyZWN0IGNsYXNzPSJjbHMtNSIgeD0iMTciIHk9IjE4IiB3aWR0aD0iMyIgaGVpZ2h0PSIxIi8+CiAgICA8cmVjdCBjbGFzcz0iY2xzLTUiIHg9IjE3IiB5PSIyMyIgd2lkdGg9IjMiIGhlaWdodD0iMSIvPgogIDwvZz4KPC9zdmc+Cg==") no-repeat 50% 50%;
4185
4316
  }
4186
4317
 
4318
+ .e-popup.e-menu-popup.e-colorscales ul .e-cs {
4319
+ background-color: #fff;
4320
+ }
4321
+
4187
4322
  .e-popup.e-menu-popup.e-colorscales ul .e-gyr:hover,
4188
4323
  .e-popup.e-menu-popup.e-colorscales ul .e-ryg:hover,
4189
4324
  .e-popup.e-menu-popup.e-colorscales ul .e-gwr:hover,