@syncfusion/ej2-vue-grids 20.1.59 → 20.2.36

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 (85) hide show
  1. package/CHANGELOG.md +10 -73
  2. package/dist/ej2-vue-grids.umd.min.js +1 -1
  3. package/dist/es6/ej2-vue-grids.es2015.js +2 -2
  4. package/dist/es6/ej2-vue-grids.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-grids.es5.js +2 -2
  6. package/dist/es6/ej2-vue-grids.es5.js.map +1 -1
  7. package/dist/global/ej2-vue-grids.min.js +2 -2
  8. package/package.json +8 -8
  9. package/src/grid/grid.component.js +1 -1
  10. package/src/pager/pager.component.js +1 -1
  11. package/styles/bootstrap-dark.css +66 -691
  12. package/styles/bootstrap-dark.scss +0 -1
  13. package/styles/bootstrap.css +66 -691
  14. package/styles/bootstrap.scss +0 -1
  15. package/styles/bootstrap4.css +63 -690
  16. package/styles/bootstrap4.scss +0 -1
  17. package/styles/bootstrap5-dark.css +65 -727
  18. package/styles/bootstrap5-dark.scss +0 -1
  19. package/styles/bootstrap5.css +65 -727
  20. package/styles/bootstrap5.scss +0 -1
  21. package/styles/fabric-dark.css +63 -690
  22. package/styles/fabric-dark.scss +0 -1
  23. package/styles/fabric.css +63 -690
  24. package/styles/fabric.scss +0 -1
  25. package/styles/fluent-dark.css +84 -705
  26. package/styles/fluent-dark.scss +0 -1
  27. package/styles/fluent.css +84 -705
  28. package/styles/fluent.scss +0 -1
  29. package/styles/grid/bootstrap-dark.css +66 -4
  30. package/styles/grid/bootstrap.css +66 -4
  31. package/styles/grid/bootstrap4.css +63 -3
  32. package/styles/grid/bootstrap5-dark.css +65 -5
  33. package/styles/grid/bootstrap5.css +65 -5
  34. package/styles/grid/fabric-dark.css +63 -3
  35. package/styles/grid/fabric.css +63 -3
  36. package/styles/grid/fluent-dark.css +84 -16
  37. package/styles/grid/fluent.css +84 -16
  38. package/styles/grid/highcontrast-light.css +63 -3
  39. package/styles/grid/highcontrast.css +63 -3
  40. package/styles/grid/material-dark.css +63 -3
  41. package/styles/grid/material.css +63 -3
  42. package/styles/grid/tailwind-dark.css +64 -4
  43. package/styles/grid/tailwind.css +64 -4
  44. package/styles/highcontrast-light.css +63 -690
  45. package/styles/highcontrast-light.scss +0 -1
  46. package/styles/highcontrast.css +63 -690
  47. package/styles/highcontrast.scss +0 -1
  48. package/styles/material-dark.css +63 -690
  49. package/styles/material-dark.scss +0 -1
  50. package/styles/material.css +63 -690
  51. package/styles/material.scss +0 -1
  52. package/styles/tailwind-dark.css +64 -818
  53. package/styles/tailwind-dark.scss +0 -1
  54. package/styles/tailwind.css +64 -818
  55. package/styles/tailwind.scss +0 -1
  56. package/styles/pager/bootstrap-dark.css +0 -686
  57. package/styles/pager/bootstrap-dark.scss +0 -1
  58. package/styles/pager/bootstrap.css +0 -686
  59. package/styles/pager/bootstrap.scss +0 -1
  60. package/styles/pager/bootstrap4.css +0 -686
  61. package/styles/pager/bootstrap4.scss +0 -1
  62. package/styles/pager/bootstrap5-dark.css +0 -721
  63. package/styles/pager/bootstrap5-dark.scss +0 -1
  64. package/styles/pager/bootstrap5.css +0 -721
  65. package/styles/pager/bootstrap5.scss +0 -1
  66. package/styles/pager/fabric-dark.css +0 -686
  67. package/styles/pager/fabric-dark.scss +0 -1
  68. package/styles/pager/fabric.css +0 -686
  69. package/styles/pager/fabric.scss +0 -1
  70. package/styles/pager/fluent-dark.css +0 -688
  71. package/styles/pager/fluent-dark.scss +0 -1
  72. package/styles/pager/fluent.css +0 -688
  73. package/styles/pager/fluent.scss +0 -1
  74. package/styles/pager/highcontrast-light.css +0 -686
  75. package/styles/pager/highcontrast-light.scss +0 -1
  76. package/styles/pager/highcontrast.css +0 -686
  77. package/styles/pager/highcontrast.scss +0 -1
  78. package/styles/pager/material-dark.css +0 -687
  79. package/styles/pager/material-dark.scss +0 -1
  80. package/styles/pager/material.css +0 -687
  81. package/styles/pager/material.scss +0 -1
  82. package/styles/pager/tailwind-dark.css +0 -813
  83. package/styles/pager/tailwind-dark.scss +0 -1
  84. package/styles/pager/tailwind.css +0 -813
  85. package/styles/pager/tailwind.scss +0 -1
package/styles/grid/tailwind.css CHANGED
@@ -362,6 +362,26 @@
362
362
  .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
363
363
  font-size: 16px;
364
364
  }
365
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper,
366
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper {
367
+ padding: 3px 16px 3px 0;
368
+ }
369
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search,
370
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search {
371
+ width: 100%;
372
+ }
373
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input-group-icon.e-icons.e-sicon.e-clear-icon,
374
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input-group-icon.e-icons.e-sicon.e-clear-icon {
375
+ margin: 0;
376
+ }
377
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
378
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
379
+ font-size: 16px;
380
+ }
381
+ .e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon,
382
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
383
+ padding-left: 0;
384
+ }
365
385
  .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
366
386
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
367
387
  padding-bottom: 3px;
@@ -371,6 +391,22 @@
371
391
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
372
392
  min-width: 38px;
373
393
  }
394
+ .e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
395
+ .e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
396
+ margin: 0;
397
+ min-width: 38px;
398
+ padding: 7px 0 7px 12px;
399
+ }
400
+ .e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
401
+ .e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
402
+ font-size: 22px;
403
+ }
404
+ .e-bigger .e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
405
+ .e-grid.e-bigger.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
406
+ margin: 0;
407
+ min-width: 38px;
408
+ padding: 7px 6px 7px 0;
409
+ }
374
410
  .e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons,
375
411
  .e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons {
376
412
  font-size: 16px;
@@ -882,8 +918,8 @@
882
918
  .e-grid.e-bigger span.e-ungroupbutton.e-icons:hover {
883
919
  color: #374151;
884
920
  }
885
- .e-bigger .e-grid .e-groupsort,
886
- .e-grid.e-bigger .e-groupsort {
921
+ .e-bigger .e-grid span.e-groupsort.e-icons,
922
+ .e-grid.e-bigger span.e-groupsort.e-icons {
887
923
  margin-right: 0;
888
924
  margin-top: 0;
889
925
  }
@@ -1072,6 +1108,10 @@
1072
1108
  .e-grid.e-rtl .e-dropitemscount {
1073
1109
  left: -6px !important;
1074
1110
  }
1111
+ .e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
1112
+ padding: 5px 4px 5px 0;
1113
+ margin: 0;
1114
+ }
1075
1115
  .e-grid.e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop, .e-grid.e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
1076
1116
  border-top: 1px solid #e5e7eb;
1077
1117
  border-right: 1px solid #e5e7eb;
@@ -1128,6 +1168,14 @@
1128
1168
  border-top: 1px solid #e5e7eb;
1129
1169
  border-radius: 0;
1130
1170
  }
1171
+ .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
1172
+ padding: 5px 0 5px 4px;
1173
+ min-width: 33px;
1174
+ margin-right: 0;
1175
+ }
1176
+ .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1177
+ font-size: 18px;
1178
+ }
1131
1179
  .e-grid .e-res-toolbar {
1132
1180
  border-bottom: 1px solid;
1133
1181
  border-bottom-color: #e5e7eb;
@@ -1135,7 +1183,7 @@
1135
1183
  .e-grid .e-res-toolbar .e-toolbar-items {
1136
1184
  min-height: initial;
1137
1185
  }
1138
- .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:active, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:focus, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:active, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:focus {
1186
+ .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:active, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:focus, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:active, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:focus, .e-grid .e-res-toolbar .e-toolbar-items .e-sicon.e-clear-icon:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-sicon.e-clear-icon:active, .e-grid .e-res-toolbar .e-toolbar-items .e-sicon.e-clear-icon:focus {
1139
1187
  background: none;
1140
1188
  }
1141
1189
  .e-grid .e-res-toolbar .e-toolbar-items .e-icons {
@@ -1177,13 +1225,25 @@
1177
1225
  .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1178
1226
  padding-left: 0;
1179
1227
  }
1228
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1229
+ margin: 0;
1230
+ }
1231
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon::before {
1232
+ font-size: 16px;
1233
+ }
1180
1234
  .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1181
1235
  padding-left: 26px;
1182
1236
  }
1237
+ .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1238
+ margin: 0;
1239
+ }
1183
1240
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper {
1184
1241
  padding-bottom: 3px;
1185
1242
  padding-top: 3px;
1186
1243
  }
1244
+ .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search:focus {
1245
+ opacity: 1;
1246
+ }
1187
1247
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
1188
1248
  margin-bottom: 0;
1189
1249
  opacity: 0.6;
@@ -2817,7 +2877,7 @@
2817
2877
  margin-right: 0;
2818
2878
  }
2819
2879
  .e-grid.e-rtl span.e-ungroupbutton.e-icons {
2820
- margin-left: -2px;
2880
+ margin-left: 0;
2821
2881
  margin-right: -9px;
2822
2882
  padding-top: 0;
2823
2883
  }