@syncfusion/ej2-vue-spreadsheet 20.1.61 → 20.2.39

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 (55) hide show
  1. package/CHANGELOG.md +24 -107
  2. package/dist/ej2-vue-spreadsheet.umd.min.js +2 -11
  3. package/dist/es6/ej2-vue-spreadsheet.es2015.js +3 -0
  4. package/dist/es6/ej2-vue-spreadsheet.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-spreadsheet.es5.js +3 -0
  6. package/dist/es6/ej2-vue-spreadsheet.es5.js.map +1 -1
  7. package/dist/global/ej2-vue-spreadsheet.min.js +2 -2
  8. package/package.json +8 -8
  9. package/src/spreadsheet/spreadsheet.component.d.ts +1 -0
  10. package/src/spreadsheet/spreadsheet.component.js +3 -0
  11. package/styles/bootstrap-dark.css +167 -180
  12. package/styles/bootstrap.css +167 -177
  13. package/styles/bootstrap4.css +170 -180
  14. package/styles/bootstrap5-dark.css +182 -184
  15. package/styles/bootstrap5.css +182 -184
  16. package/styles/fabric-dark.css +166 -181
  17. package/styles/fabric.css +166 -178
  18. package/styles/fluent-dark.css +203 -199
  19. package/styles/fluent.css +203 -199
  20. package/styles/highcontrast-light.css +166 -177
  21. package/styles/highcontrast.css +165 -177
  22. package/styles/material-dark.css +166 -180
  23. package/styles/material.css +166 -177
  24. package/styles/ribbon/bootstrap-dark.css +7 -0
  25. package/styles/ribbon/bootstrap.css +7 -0
  26. package/styles/ribbon/bootstrap4.css +7 -0
  27. package/styles/ribbon/bootstrap5-dark.css +15 -0
  28. package/styles/ribbon/bootstrap5.css +15 -0
  29. package/styles/ribbon/fabric-dark.css +8 -0
  30. package/styles/ribbon/fabric.css +8 -0
  31. package/styles/ribbon/fluent-dark.css +10 -0
  32. package/styles/ribbon/fluent.css +10 -0
  33. package/styles/ribbon/highcontrast-light.css +9 -0
  34. package/styles/ribbon/highcontrast.css +9 -0
  35. package/styles/ribbon/material-dark.css +7 -0
  36. package/styles/ribbon/material.css +7 -0
  37. package/styles/ribbon/tailwind-dark.css +7 -0
  38. package/styles/ribbon/tailwind.css +7 -0
  39. package/styles/spreadsheet/bootstrap-dark.css +160 -180
  40. package/styles/spreadsheet/bootstrap.css +160 -177
  41. package/styles/spreadsheet/bootstrap4.css +163 -180
  42. package/styles/spreadsheet/bootstrap5-dark.css +167 -184
  43. package/styles/spreadsheet/bootstrap5.css +167 -184
  44. package/styles/spreadsheet/fabric-dark.css +158 -181
  45. package/styles/spreadsheet/fabric.css +158 -178
  46. package/styles/spreadsheet/fluent-dark.css +193 -199
  47. package/styles/spreadsheet/fluent.css +193 -199
  48. package/styles/spreadsheet/highcontrast-light.css +157 -177
  49. package/styles/spreadsheet/highcontrast.css +156 -177
  50. package/styles/spreadsheet/material-dark.css +159 -180
  51. package/styles/spreadsheet/material.css +159 -177
  52. package/styles/spreadsheet/tailwind-dark.css +385 -184
  53. package/styles/spreadsheet/tailwind.css +175 -184
  54. package/styles/tailwind-dark.css +392 -184
  55. package/styles/tailwind.css +182 -184
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
  }