@syncfusion/ej2-vue-spreadsheet 20.1.60 → 20.2.38

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 (56) hide show
  1. package/CHANGELOG.md +15 -102
  2. package/dist/ej2-vue-spreadsheet.umd.min.js +2 -29
  3. package/dist/ej2-vue-spreadsheet.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-vue-spreadsheet.es2015.js +4 -1
  5. package/dist/es6/ej2-vue-spreadsheet.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-spreadsheet.es5.js +4 -1
  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 +1 -0
  11. package/src/spreadsheet/spreadsheet.component.js +4 -1
  12. package/styles/bootstrap-dark.css +166 -179
  13. package/styles/bootstrap.css +166 -176
  14. package/styles/bootstrap4.css +169 -179
  15. package/styles/bootstrap5-dark.css +181 -183
  16. package/styles/bootstrap5.css +181 -183
  17. package/styles/fabric-dark.css +165 -180
  18. package/styles/fabric.css +165 -177
  19. package/styles/fluent-dark.css +202 -198
  20. package/styles/fluent.css +202 -198
  21. package/styles/highcontrast-light.css +165 -176
  22. package/styles/highcontrast.css +164 -176
  23. package/styles/material-dark.css +165 -179
  24. package/styles/material.css +165 -176
  25. package/styles/ribbon/bootstrap-dark.css +7 -0
  26. package/styles/ribbon/bootstrap.css +7 -0
  27. package/styles/ribbon/bootstrap4.css +7 -0
  28. package/styles/ribbon/bootstrap5-dark.css +15 -0
  29. package/styles/ribbon/bootstrap5.css +15 -0
  30. package/styles/ribbon/fabric-dark.css +8 -0
  31. package/styles/ribbon/fabric.css +8 -0
  32. package/styles/ribbon/fluent-dark.css +10 -0
  33. package/styles/ribbon/fluent.css +10 -0
  34. package/styles/ribbon/highcontrast-light.css +9 -0
  35. package/styles/ribbon/highcontrast.css +9 -0
  36. package/styles/ribbon/material-dark.css +7 -0
  37. package/styles/ribbon/material.css +7 -0
  38. package/styles/ribbon/tailwind-dark.css +7 -0
  39. package/styles/ribbon/tailwind.css +7 -0
  40. package/styles/spreadsheet/bootstrap-dark.css +159 -179
  41. package/styles/spreadsheet/bootstrap.css +159 -176
  42. package/styles/spreadsheet/bootstrap4.css +162 -179
  43. package/styles/spreadsheet/bootstrap5-dark.css +166 -183
  44. package/styles/spreadsheet/bootstrap5.css +166 -183
  45. package/styles/spreadsheet/fabric-dark.css +157 -180
  46. package/styles/spreadsheet/fabric.css +157 -177
  47. package/styles/spreadsheet/fluent-dark.css +192 -198
  48. package/styles/spreadsheet/fluent.css +192 -198
  49. package/styles/spreadsheet/highcontrast-light.css +156 -176
  50. package/styles/spreadsheet/highcontrast.css +155 -176
  51. package/styles/spreadsheet/material-dark.css +158 -179
  52. package/styles/spreadsheet/material.css +158 -176
  53. package/styles/spreadsheet/tailwind-dark.css +384 -183
  54. package/styles/spreadsheet/tailwind.css +174 -183
  55. package/styles/tailwind-dark.css +391 -183
  56. package/styles/tailwind.css +181 -183
package/styles/ribbon/bootstrap-dark.css CHANGED
@@ -155,6 +155,13 @@
155
155
  .e-ribbon .e-tab .e-tab-header {
156
156
  background-color: inherit;
157
157
  }
158
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
159
+ background: #414141;
160
+ }
161
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
162
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
163
+ color: #f0f0f0;
164
+ }
158
165
  .e-ribbon .e-drop-icon {
159
166
  color: #f0f0f0;
160
167
  }
package/styles/ribbon/bootstrap.css CHANGED
@@ -176,6 +176,13 @@
176
176
  border-right-color: #e5e5e5;
177
177
  border-top-color: #e5e5e5;
178
178
  }
179
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
180
+ background: #eee;
181
+ }
182
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
183
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
184
+ color: #1f496e;
185
+ }
179
186
  .e-ribbon .e-drop-icon {
180
187
  color: #777;
181
188
  }
package/styles/ribbon/bootstrap4.css CHANGED
@@ -132,6 +132,13 @@
132
132
  .e-ribbon .e-tab .e-tab-header {
133
133
  background-color: inherit;
134
134
  }
135
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
136
+ background: #eee;
137
+ }
138
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
139
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
140
+ color: #0056b3;
141
+ }
135
142
  .e-ribbon .e-drop-icon {
136
143
  color: #6c757d;
137
144
  }
package/styles/ribbon/bootstrap5-dark.css CHANGED
@@ -118,6 +118,10 @@
118
118
  .e-bigger.e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret {
119
119
  line-height: 41px;
120
120
  }
121
+ .e-bigger .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-items,
122
+ .e-bigger.e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-items {
123
+ height: 46px;
124
+ }
121
125
  .e-bigger .e-ribbon .e-drop-icon,
122
126
  .e-bigger.e-ribbon .e-drop-icon {
123
127
  font-size: 12px;
@@ -158,6 +162,17 @@
158
162
  .e-ribbon .e-tab .e-tab-header {
159
163
  background-color: inherit;
160
164
  }
165
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
166
+ background: rgba(52, 58, 64, 0.12);
167
+ border: 1px solid #adb5bd;
168
+ }
169
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon {
170
+ color: #adb5bd;
171
+ }
172
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
173
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
174
+ color: #0a58ca;
175
+ }
161
176
  .e-ribbon .e-drop-icon {
162
177
  color: #adb5bd;
163
178
  }
package/styles/ribbon/bootstrap5.css CHANGED
@@ -118,6 +118,10 @@
118
118
  .e-bigger.e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret {
119
119
  line-height: 41px;
120
120
  }
121
+ .e-bigger .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-items,
122
+ .e-bigger.e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-items {
123
+ height: 46px;
124
+ }
121
125
  .e-bigger .e-ribbon .e-drop-icon,
122
126
  .e-bigger.e-ribbon .e-drop-icon {
123
127
  font-size: 12px;
@@ -158,6 +162,17 @@
158
162
  .e-ribbon .e-tab .e-tab-header {
159
163
  background-color: inherit;
160
164
  }
165
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
166
+ background: rgba(233, 236, 239, 0.12);
167
+ border: 1px solid #6c757d;
168
+ }
169
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon {
170
+ color: #6c757d;
171
+ }
172
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
173
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
174
+ color: #0a58ca;
175
+ }
161
176
  .e-ribbon .e-drop-icon {
162
177
  color: #6c757d;
163
178
  }
package/styles/ribbon/fabric-dark.css CHANGED
@@ -152,6 +152,14 @@
152
152
  .e-ribbon .e-tab .e-tab-header {
153
153
  background-color: inherit;
154
154
  }
155
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
156
+ background: initial;
157
+ border-color: #c8c8c8;
158
+ }
159
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
160
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
161
+ color: #fff;
162
+ }
155
163
  .e-ribbon .e-drop-icon {
156
164
  color: #dadada;
157
165
  }
package/styles/ribbon/fabric.css CHANGED
@@ -163,6 +163,14 @@
163
163
  .e-ribbon .e-tab .e-tab-header {
164
164
  background-color: inherit;
165
165
  }
166
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
167
+ background: initial;
168
+ border-color: #767676;
169
+ }
170
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
171
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
172
+ color: #333;
173
+ }
166
174
  .e-ribbon .e-drop-icon {
167
175
  color: #666;
168
176
  }
package/styles/ribbon/fluent-dark.css CHANGED
@@ -155,6 +155,16 @@
155
155
  .e-ribbon .e-tab .e-tab-header {
156
156
  background-color: inherit;
157
157
  }
158
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
159
+ background: #252423;
160
+ }
161
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon {
162
+ color: #a19f9d;
163
+ }
164
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
165
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
166
+ color: #f3f2f1;
167
+ }
158
168
  .e-ribbon .e-tab .e-toolbar, .e-ribbon .e-tab .e-toolbar-items {
159
169
  background-color: #201f1e;
160
170
  }
package/styles/ribbon/fluent.css CHANGED
@@ -155,6 +155,16 @@
155
155
  .e-ribbon .e-tab .e-tab-header {
156
156
  background-color: inherit;
157
157
  }
158
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
159
+ background: #f3f2f1;
160
+ }
161
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon {
162
+ color: #605e5c;
163
+ }
164
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
165
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
166
+ color: #201f1e;
167
+ }
158
168
  .e-ribbon .e-tab .e-toolbar, .e-ribbon .e-tab .e-toolbar-items {
159
169
  background-color: #faf9f8;
160
170
  }
package/styles/ribbon/highcontrast-light.css CHANGED
@@ -148,6 +148,15 @@
148
148
  .e-ribbon .e-tab .e-tab-header {
149
149
  background-color: inherit;
150
150
  }
151
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
152
+ background: initial;
153
+ border-color: #000;
154
+ border-style: solid;
155
+ }
156
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
157
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
158
+ color: #000;
159
+ }
151
160
  .e-ribbon .e-drop-icon {
152
161
  color: initial;
153
162
  }
package/styles/ribbon/highcontrast.css CHANGED
@@ -166,6 +166,15 @@
166
166
  .e-ribbon .e-tab .e-tab-header {
167
167
  background-color: inherit;
168
168
  }
169
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
170
+ background: initial;
171
+ border-color: #fff;
172
+ border-style: solid;
173
+ }
174
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
175
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
176
+ color: #fff;
177
+ }
169
178
  .e-ribbon .e-drop-icon {
170
179
  color: #fff;
171
180
  }
package/styles/ribbon/material-dark.css CHANGED
@@ -156,6 +156,13 @@
156
156
  .e-ribbon .e-tab .e-tab-header {
157
157
  background-color: inherit;
158
158
  }
159
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
160
+ background: rgba(0, 176, 255, 0.12);
161
+ }
162
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
163
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
164
+ color: #00b0ff;
165
+ }
159
166
  .e-ribbon .e-drop-icon {
160
167
  color: #fff;
161
168
  }
package/styles/ribbon/material.css CHANGED
@@ -162,6 +162,13 @@
162
162
  .e-ribbon .e-tab .e-tab-header {
163
163
  background-color: inherit;
164
164
  }
165
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
166
+ background: rgba(227, 22, 91, 0.12);
167
+ }
168
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
169
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
170
+ color: #e3165b;
171
+ }
165
172
  .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
166
173
  border-color: #dcdcdc;
167
174
  }
package/styles/ribbon/tailwind-dark.css CHANGED
@@ -162,6 +162,13 @@
162
162
  .e-ribbon .e-tab .e-tab-header {
163
163
  background-color: inherit;
164
164
  }
165
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
166
+ background: rgba(55, 65, 81, 0.12);
167
+ }
168
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
169
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
170
+ color: #22d3ee;
171
+ }
165
172
  .e-ribbon .e-drop-icon {
166
173
  color: #d1d5db;
167
174
  }
package/styles/ribbon/tailwind.css CHANGED
@@ -162,6 +162,13 @@
162
162
  .e-ribbon .e-tab .e-tab-header {
163
163
  background-color: inherit;
164
164
  }
165
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
166
+ background: rgba(243, 244, 246, 0.12);
167
+ }
168
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
169
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
170
+ color: #4f46e5;
171
+ }
165
172
  .e-ribbon .e-drop-icon {
166
173
  color: #6b7280;
167
174
  }