@syncfusion/ej2-vue-pivotview 22.2.12 → 23.1.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 (61) hide show
  1. package/CHANGELOG.md +20 -69
  2. package/dist/ej2-vue-pivotview.umd.min.js +2 -2
  3. package/dist/global/ej2-vue-pivotview.min.js +3 -3
  4. package/package.json +9 -9
  5. package/src/pivotfieldlist/pivotfieldlist.component.d.ts +3 -1
  6. package/src/pivotview/pivotview.component.d.ts +3 -1
  7. package/styles/bootstrap-dark.css +64 -27
  8. package/styles/bootstrap.css +65 -28
  9. package/styles/bootstrap4.css +66 -27
  10. package/styles/bootstrap5-dark.css +64 -29
  11. package/styles/bootstrap5.css +64 -29
  12. package/styles/fabric-dark.css +65 -29
  13. package/styles/fabric.css +65 -27
  14. package/styles/fluent-dark.css +64 -28
  15. package/styles/fluent.css +64 -28
  16. package/styles/highcontrast-light.css +64 -27
  17. package/styles/highcontrast.css +64 -27
  18. package/styles/material-dark.css +63 -27
  19. package/styles/material.css +63 -27
  20. package/styles/material3-dark.css +63 -29
  21. package/styles/material3.css +63 -28
  22. package/styles/pivotfieldlist/bootstrap-dark.css +1 -7
  23. package/styles/pivotfieldlist/bootstrap.css +1 -7
  24. package/styles/pivotfieldlist/bootstrap4.css +1 -7
  25. package/styles/pivotfieldlist/bootstrap5-dark.css +1 -7
  26. package/styles/pivotfieldlist/bootstrap5.css +1 -7
  27. package/styles/pivotfieldlist/fabric-dark.css +2 -7
  28. package/styles/pivotfieldlist/fabric.css +2 -7
  29. package/styles/pivotfieldlist/fluent-dark.css +1 -7
  30. package/styles/pivotfieldlist/fluent.css +1 -7
  31. package/styles/pivotfieldlist/highcontrast-light.css +2 -7
  32. package/styles/pivotfieldlist/highcontrast.css +2 -7
  33. package/styles/pivotfieldlist/material-dark.css +1 -8
  34. package/styles/pivotfieldlist/material.css +1 -8
  35. package/styles/pivotfieldlist/material3-dark.css +1 -8
  36. package/styles/pivotfieldlist/material3-dark.scss +1 -1
  37. package/styles/pivotfieldlist/material3.css +1 -8
  38. package/styles/pivotfieldlist/material3.scss +1 -1
  39. package/styles/pivotfieldlist/tailwind-dark.css +1 -8
  40. package/styles/pivotfieldlist/tailwind.css +1 -8
  41. package/styles/pivotview/bootstrap-dark.css +63 -20
  42. package/styles/pivotview/bootstrap.css +64 -21
  43. package/styles/pivotview/bootstrap4.css +65 -20
  44. package/styles/pivotview/bootstrap5-dark.css +63 -22
  45. package/styles/pivotview/bootstrap5.css +63 -22
  46. package/styles/pivotview/fabric-dark.css +63 -22
  47. package/styles/pivotview/fabric.css +63 -20
  48. package/styles/pivotview/fluent-dark.css +63 -21
  49. package/styles/pivotview/fluent.css +63 -21
  50. package/styles/pivotview/highcontrast-light.css +62 -20
  51. package/styles/pivotview/highcontrast.css +62 -20
  52. package/styles/pivotview/material-dark.css +62 -20
  53. package/styles/pivotview/material.css +62 -20
  54. package/styles/pivotview/material3-dark.css +62 -21
  55. package/styles/pivotview/material3-dark.scss +1 -1
  56. package/styles/pivotview/material3.css +62 -21
  57. package/styles/pivotview/material3.scss +1 -1
  58. package/styles/pivotview/tailwind-dark.css +62 -22
  59. package/styles/pivotview/tailwind.css +62 -22
  60. package/styles/tailwind-dark.css +63 -30
  61. package/styles/tailwind.css +63 -30
@@ -161,6 +161,8 @@
161
161
  /* stylelint-disable */
162
162
  /* stylelint-enable */
163
163
  /* stylelint-enable */
164
+ /* stylelint-disable */
165
+ /* stylelint-enable */
164
166
  }
165
167
  .e-pivotview .e-value-field-settings,
166
168
  .e-pivotview .e-member-editor-dialog,
@@ -676,6 +678,9 @@
676
678
  .e-pivotview .e-frozenscrollbar {
677
679
  background: #f2f4f6;
678
680
  }
681
+ .e-pivotview .e-headercontent .e-columnheader .e-headercell.e-leftfreeze {
682
+ -webkit-transform: translate3d(0, 0, 0);
683
+ }
679
684
 
680
685
  .e-pivotview-disable-icon {
681
686
  visibility: hidden;
@@ -958,7 +963,6 @@
958
963
 
959
964
  /*! PivotView theme */
960
965
  .e-pivotview {
961
- /* stylelint-enable */
962
966
  /* stylelint-enable */
963
967
  /* stylelint-disable */
964
968
  /* stylelint-enable */
@@ -969,6 +973,8 @@
969
973
  /* stylelint-enable */
970
974
  }
971
975
  .e-pivotview .e-pivotcell-container {
976
+ -ms-flex-align: center;
977
+ align-items: center;
972
978
  display: -ms-flexbox;
973
979
  display: flex;
974
980
  }
@@ -976,6 +982,7 @@
976
982
  .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
977
983
  overflow: hidden;
978
984
  text-overflow: ellipsis;
985
+ width: 100%;
979
986
  }
980
987
  .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
981
988
  -ms-flex-align: center;
@@ -1014,14 +1021,23 @@
1014
1021
  -ms-user-select: none;
1015
1022
  user-select: none;
1016
1023
  }
1024
+ .e-pivotview .e-grid .e-content-virtualtable {
1025
+ overflow-x: auto;
1026
+ scrollbar-width: none; /* firefox */
1027
+ }
1028
+ .e-pivotview .e-grid .e-content-virtualtable::-webkit-scrollbar {
1029
+ display: none; /* safari, chrome and edge */
1030
+ }
1017
1031
  .e-pivotview .e-gtot,
1018
1032
  .e-pivotview .e-gtot.e-rowsheader,
1019
1033
  .e-pivotview .e-gtot.e-columnsheader,
1020
1034
  .e-pivotview .e-grid .e-content,
1021
- .e-pivotview .e-grid .e-gridheader,
1022
- .e-pivotview .e-headercell {
1035
+ .e-pivotview .e-grid .e-gridheader {
1023
1036
  background: #f2f4f6;
1024
1037
  }
1038
+ .e-pivotview .e-headercell:not(.e-columnsheader) {
1039
+ background: #f2f4f6 !important;
1040
+ }
1025
1041
  .e-pivotview .e-grid .e-gridheader {
1026
1042
  border-bottom-width: 1px;
1027
1043
  }
@@ -1114,9 +1130,6 @@
1114
1130
  .e-pivotview .e-drop-indicator {
1115
1131
  display: block;
1116
1132
  }
1117
- .e-pivotview div.e-cellvalue {
1118
- margin-top: 5px;
1119
- }
1120
1133
  .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
1121
1134
  float: right;
1122
1135
  font-size: 10px !important;
@@ -1127,10 +1140,17 @@
1127
1140
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1128
1141
  display: none;
1129
1142
  }
1130
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1143
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1144
+ margin: -28px 0 !important;
1145
+ }
1146
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1131
1147
  margin: -11px 0 !important;
1148
+ }
1149
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1150
+ margin: 0 !important;
1132
1151
  margin-left: auto !important;
1133
- margin-top: 5px !important;
1152
+ padding-bottom: 0 !important;
1153
+ padding-top: 0 !important;
1134
1154
  }
1135
1155
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1136
1156
  margin: -20px 0 !important;
@@ -1168,9 +1188,26 @@
1168
1188
  }
1169
1189
  .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
1170
1190
  visibility: hidden !important;
1191
+ /* stylelint-enable */
1192
+ }
1193
+ .e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader {
1194
+ position: absolute;
1195
+ z-index: 10;
1196
+ color: #007bff;
1197
+ font-size: 20px;
1198
+ text-align: center;
1199
+ padding: 10%;
1200
+ pointer-events: none;
1201
+ }
1202
+ .e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader.e-hide-loader {
1203
+ display: none;
1204
+ }
1205
+ .e-pivotview.sf-pivotview .e-grid .e-virtual-pivot-content {
1206
+ visibility: hidden;
1171
1207
  }
1172
1208
  .e-pivotview .e-grid .e-headercelldiv,
1173
1209
  .e-pivotview .e-grid .e-columnsheader {
1210
+ /* stylelint-disable */
1174
1211
  padding-left: 8px !important;
1175
1212
  }
1176
1213
  .e-pivotview .sf-grid .e-spinner-pane {
@@ -1191,6 +1228,14 @@
1191
1228
  border-left: 0;
1192
1229
  border-right-width: 1px;
1193
1230
  }
1231
+ .e-pivotview .e-leftfreeze.e-freezeleftborder {
1232
+ border-left-color: #dee2e6 !important;
1233
+ border-right-color: #dee2e6 !important;
1234
+ border-right-width: 1px !important;
1235
+ }
1236
+ .e-pivotview .e-leftfreeze.e-freezeleftborder:not(.e-gtot) {
1237
+ background: #f8f9fa;
1238
+ }
1194
1239
  .e-pivotview .e-stackedheadercelldiv {
1195
1240
  display: block;
1196
1241
  }
@@ -1198,7 +1243,6 @@
1198
1243
  .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
1199
1244
  display: inline-block;
1200
1245
  padding-left: 12px !important;
1201
- margin-top: 5px;
1202
1246
  }
1203
1247
  .e-pivotview .e-headercelldiv.e-cellvalue {
1204
1248
  margin-left: 0px;
@@ -1555,6 +1599,11 @@
1555
1599
  .e-pivotview .e-group-columns {
1556
1600
  width: 100%;
1557
1601
  }
1602
+ .e-pivotview th.e-group-row .e-axis-row {
1603
+ display: inline-block;
1604
+ height: 100%;
1605
+ vertical-align: top;
1606
+ }
1558
1607
  .e-pivotview .e-group-row {
1559
1608
  padding: 0 !important;
1560
1609
  }
@@ -1716,17 +1765,15 @@
1716
1765
  cursor: pointer;
1717
1766
  display: inline-block;
1718
1767
  height: 18px;
1719
- margin-top: 5px;
1720
- margin-bottom: 0;
1721
1768
  text-align: center;
1722
1769
  width: 18px;
1723
1770
  }
1724
1771
  .e-pivotview th .e-expand,
1725
1772
  .e-pivotview th .e-collapse {
1726
1773
  font-size: 13px !important;
1727
- margin-left: 0px;
1728
- margin-top: 4px;
1729
- margin-bottom: 0;
1774
+ margin-left: 0;
1775
+ display: -ms-flexbox;
1776
+ display: flex;
1730
1777
  }
1731
1778
  .e-pivotview .e-expand::before {
1732
1779
  font-size: 10px;
@@ -2090,6 +2137,10 @@
2090
2137
  border-left-width: 1px;
2091
2138
  border-right: 0;
2092
2139
  }
2140
+ .e-pivotview.e-rtl .e-leftfreeze.e-freezeleftborder {
2141
+ border-left-width: 1px;
2142
+ border-right: 0;
2143
+ }
2093
2144
  .e-pivotview.e-rtl .e-rowsheader .e-cellvalue {
2094
2145
  margin-left: 0;
2095
2146
  margin-right: 7px;
@@ -2323,12 +2374,6 @@
2323
2374
  .e-bigger.e-pivotview .e-bigger .e-stackedheadercelldiv {
2324
2375
  padding-left: 16px !important;
2325
2376
  }
2326
- .e-bigger .e-pivotview th .e-expand,
2327
- .e-bigger .e-pivotview th .e-collapse,
2328
- .e-bigger.e-pivotview th .e-expand,
2329
- .e-bigger.e-pivotview th .e-collapse {
2330
- margin-top: 4px;
2331
- }
2332
2377
  .e-bigger .e-pivotview .e-grouping-bar,
2333
2378
  .e-bigger.e-pivotview .e-grouping-bar {
2334
2379
  /* stylelint-enable */
@@ -3334,7 +3379,7 @@
3334
3379
  width: 100% !important;
3335
3380
  }
3336
3381
  .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
3337
- margin-left: 0;
3382
+ margin-left: 0 !important;
3338
3383
  }
3339
3384
  .e-pivot-formatting-dialog.e-device .e-format-value1,
3340
3385
  .e-pivot-formatting-dialog.e-device .e-format-value2,
@@ -4416,12 +4461,6 @@
4416
4461
  padding: 6px 12px;
4417
4462
  padding: 9px 10px;
4418
4463
  }
4419
- .e-bigger .e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
4420
- .e-bigger .e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text,
4421
- .e-bigger.e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
4422
- .e-bigger.e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text {
4423
- line-height: 1.5em;
4424
- }
4425
4464
  .e-bigger .e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
4426
4465
  .e-bigger .e-pivot-calc.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
4427
4466
  .e-bigger.e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
@@ -158,6 +158,8 @@
158
158
  /* stylelint-disable */
159
159
  /* stylelint-enable */
160
160
  /* stylelint-enable */
161
+ /* stylelint-disable */
162
+ /* stylelint-enable */
161
163
  }
162
164
  .e-pivotview .e-value-field-settings,
163
165
  .e-pivotview .e-member-editor-dialog,
@@ -631,6 +633,9 @@
631
633
  .e-pivotview .e-frozenscrollbar {
632
634
  background: #282d31;
633
635
  }
636
+ .e-pivotview .e-headercontent .e-columnheader .e-headercell.e-leftfreeze {
637
+ -webkit-transform: translate3d(0, 0, 0);
638
+ }
634
639
 
635
640
  .e-pivotview-disable-icon {
636
641
  visibility: hidden;
@@ -901,7 +906,6 @@
901
906
 
902
907
  /*! PivotView theme */
903
908
  .e-pivotview {
904
- /* stylelint-enable */
905
909
  /* stylelint-enable */
906
910
  /* stylelint-disable */
907
911
  /* stylelint-enable */
@@ -912,6 +916,8 @@
912
916
  /* stylelint-enable */
913
917
  }
914
918
  .e-pivotview .e-pivotcell-container {
919
+ -ms-flex-align: center;
920
+ align-items: center;
915
921
  display: -ms-flexbox;
916
922
  display: flex;
917
923
  }
@@ -919,6 +925,7 @@
919
925
  .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
920
926
  overflow: hidden;
921
927
  text-overflow: ellipsis;
928
+ width: 100%;
922
929
  }
923
930
  .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
924
931
  -ms-flex-align: center;
@@ -957,14 +964,23 @@
957
964
  -ms-user-select: none;
958
965
  user-select: none;
959
966
  }
967
+ .e-pivotview .e-grid .e-content-virtualtable {
968
+ overflow-x: auto;
969
+ scrollbar-width: none; /* firefox */
970
+ }
971
+ .e-pivotview .e-grid .e-content-virtualtable::-webkit-scrollbar {
972
+ display: none; /* safari, chrome and edge */
973
+ }
960
974
  .e-pivotview .e-gtot,
961
975
  .e-pivotview .e-gtot.e-rowsheader,
962
976
  .e-pivotview .e-gtot.e-columnsheader,
963
977
  .e-pivotview .e-grid .e-content,
964
- .e-pivotview .e-grid .e-gridheader,
965
- .e-pivotview .e-headercell {
978
+ .e-pivotview .e-grid .e-gridheader {
966
979
  background: #282d31;
967
980
  }
981
+ .e-pivotview .e-headercell:not(.e-columnsheader) {
982
+ background: #282d31 !important;
983
+ }
968
984
  .e-pivotview .e-grid .e-gridheader {
969
985
  border-bottom-width: 1px;
970
986
  border-bottom-color: #444c54;
@@ -1058,9 +1074,6 @@
1058
1074
  .e-pivotview .e-drop-indicator {
1059
1075
  display: block;
1060
1076
  }
1061
- .e-pivotview div.e-cellvalue {
1062
- margin-top: 2px;
1063
- }
1064
1077
  .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
1065
1078
  float: right;
1066
1079
  font-size: 12px !important;
@@ -1071,10 +1084,17 @@
1071
1084
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1072
1085
  display: none;
1073
1086
  }
1074
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1087
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1088
+ margin: -16px 0 !important;
1089
+ }
1090
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1075
1091
  margin: 6px 0 !important;
1092
+ }
1093
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1094
+ margin: 0 !important;
1076
1095
  margin-left: auto !important;
1077
- margin-top: 2px !important;
1096
+ padding-bottom: 0 !important;
1097
+ padding-top: 0 !important;
1078
1098
  }
1079
1099
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1080
1100
  margin: -5px 0 !important;
@@ -1112,9 +1132,26 @@
1112
1132
  }
1113
1133
  .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
1114
1134
  visibility: hidden !important;
1135
+ /* stylelint-enable */
1136
+ }
1137
+ .e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader {
1138
+ position: absolute;
1139
+ z-index: 10;
1140
+ color: #0d6efd;
1141
+ font-size: 20px;
1142
+ text-align: center;
1143
+ padding: 10%;
1144
+ pointer-events: none;
1145
+ }
1146
+ .e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader.e-hide-loader {
1147
+ display: none;
1148
+ }
1149
+ .e-pivotview.sf-pivotview .e-grid .e-virtual-pivot-content {
1150
+ visibility: hidden;
1115
1151
  }
1116
1152
  .e-pivotview .e-grid .e-headercelldiv,
1117
1153
  .e-pivotview .e-grid .e-columnsheader {
1154
+ /* stylelint-disable */
1118
1155
  padding-left: 8px !important;
1119
1156
  padding-top: 0px !important;
1120
1157
  padding-bottom: 0px !important;
@@ -1137,6 +1174,14 @@
1137
1174
  border-left: 0;
1138
1175
  border-right-width: 1px;
1139
1176
  }
1177
+ .e-pivotview .e-leftfreeze.e-freezeleftborder {
1178
+ border-left-color: #495057 !important;
1179
+ border-right-color: #495057 !important;
1180
+ border-right-width: 1px !important;
1181
+ }
1182
+ .e-pivotview .e-leftfreeze.e-freezeleftborder:not(.e-gtot) {
1183
+ background: #282d31;
1184
+ }
1140
1185
  .e-pivotview .e-stackedheadercelldiv {
1141
1186
  display: block;
1142
1187
  }
@@ -1144,9 +1189,6 @@
1144
1189
  .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
1145
1190
  display: inline-block;
1146
1191
  padding-left: 12px !important;
1147
- margin-top: 5px;
1148
- margin-top: 2px;
1149
- padding-left: 8px !important;
1150
1192
  }
1151
1193
  .e-pivotview .e-stackedheadercelldiv {
1152
1194
  padding: 0 0 0 1px !important;
@@ -1492,6 +1534,11 @@
1492
1534
  .e-pivotview .e-group-columns {
1493
1535
  width: 100%;
1494
1536
  }
1537
+ .e-pivotview th.e-group-row .e-axis-row {
1538
+ display: inline-block;
1539
+ height: 100%;
1540
+ vertical-align: top;
1541
+ }
1495
1542
  .e-pivotview .e-group-row {
1496
1543
  padding: 0 !important;
1497
1544
  }
@@ -1644,8 +1691,6 @@
1644
1691
  cursor: pointer;
1645
1692
  display: inline-block;
1646
1693
  height: 18px;
1647
- margin-top: 0;
1648
- margin-bottom: 2px;
1649
1694
  text-align: center;
1650
1695
  width: 18px;
1651
1696
  vertical-align: middle;
@@ -1653,9 +1698,7 @@
1653
1698
  .e-pivotview th .e-expand,
1654
1699
  .e-pivotview th .e-collapse {
1655
1700
  font-size: 10px !important;
1656
- margin-left: 0px;
1657
- margin-top: 0;
1658
- margin-bottom: 2px;
1701
+ margin-left: 0;
1659
1702
  }
1660
1703
  .e-pivotview .e-expand::before {
1661
1704
  font-size: 20px;
@@ -2019,6 +2062,10 @@
2019
2062
  border-left-width: 1px;
2020
2063
  border-right: 0;
2021
2064
  }
2065
+ .e-pivotview.e-rtl .e-leftfreeze.e-freezeleftborder {
2066
+ border-left-width: 1px;
2067
+ border-right: 0;
2068
+ }
2022
2069
  .e-pivotview.e-rtl .e-rowsheader .e-cellvalue {
2023
2070
  margin-left: 0;
2024
2071
  margin-right: 7px;
@@ -2251,12 +2298,6 @@
2251
2298
  .e-bigger.e-pivotview .e-bigger .e-stackedheadercelldiv {
2252
2299
  padding-left: 16px !important;
2253
2300
  }
2254
- .e-bigger .e-pivotview th .e-expand,
2255
- .e-bigger .e-pivotview th .e-collapse,
2256
- .e-bigger.e-pivotview th .e-expand,
2257
- .e-bigger.e-pivotview th .e-collapse {
2258
- margin-top: 0;
2259
- }
2260
2301
  .e-bigger .e-pivotview .e-grouping-bar,
2261
2302
  .e-bigger.e-pivotview .e-grouping-bar {
2262
2303
  /* stylelint-enable */
@@ -3260,7 +3301,7 @@
3260
3301
  width: 100% !important;
3261
3302
  }
3262
3303
  .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
3263
- margin-left: 0;
3304
+ margin-left: 0 !important;
3264
3305
  }
3265
3306
  .e-pivot-formatting-dialog.e-device .e-format-value1,
3266
3307
  .e-pivot-formatting-dialog.e-device .e-format-value2,
@@ -4319,12 +4360,6 @@
4319
4360
  height: 36px;
4320
4361
  padding: 6px 12px;
4321
4362
  }
4322
- .e-bigger .e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
4323
- .e-bigger .e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text,
4324
- .e-bigger.e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
4325
- .e-bigger.e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text {
4326
- line-height: 1.5em;
4327
- }
4328
4363
  .e-bigger .e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
4329
4364
  .e-bigger .e-pivot-calc.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
4330
4365
  .e-bigger.e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
@@ -160,6 +160,8 @@
160
160
  /* stylelint-disable */
161
161
  /* stylelint-enable */
162
162
  /* stylelint-enable */
163
+ /* stylelint-disable */
164
+ /* stylelint-enable */
163
165
  }
164
166
  .e-pivotview .e-value-field-settings,
165
167
  .e-pivotview .e-member-editor-dialog,
@@ -633,6 +635,9 @@
633
635
  .e-pivotview .e-frozenscrollbar {
634
636
  background: #f8f9fa;
635
637
  }
638
+ .e-pivotview .e-headercontent .e-columnheader .e-headercell.e-leftfreeze {
639
+ -webkit-transform: translate3d(0, 0, 0);
640
+ }
636
641
 
637
642
  .e-pivotview-disable-icon {
638
643
  visibility: hidden;
@@ -903,7 +908,6 @@
903
908
 
904
909
  /*! PivotView theme */
905
910
  .e-pivotview {
906
- /* stylelint-enable */
907
911
  /* stylelint-enable */
908
912
  /* stylelint-disable */
909
913
  /* stylelint-enable */
@@ -914,6 +918,8 @@
914
918
  /* stylelint-enable */
915
919
  }
916
920
  .e-pivotview .e-pivotcell-container {
921
+ -ms-flex-align: center;
922
+ align-items: center;
917
923
  display: -ms-flexbox;
918
924
  display: flex;
919
925
  }
@@ -921,6 +927,7 @@
921
927
  .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
922
928
  overflow: hidden;
923
929
  text-overflow: ellipsis;
930
+ width: 100%;
924
931
  }
925
932
  .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
926
933
  -ms-flex-align: center;
@@ -959,14 +966,23 @@
959
966
  -ms-user-select: none;
960
967
  user-select: none;
961
968
  }
969
+ .e-pivotview .e-grid .e-content-virtualtable {
970
+ overflow-x: auto;
971
+ scrollbar-width: none; /* firefox */
972
+ }
973
+ .e-pivotview .e-grid .e-content-virtualtable::-webkit-scrollbar {
974
+ display: none; /* safari, chrome and edge */
975
+ }
962
976
  .e-pivotview .e-gtot,
963
977
  .e-pivotview .e-gtot.e-rowsheader,
964
978
  .e-pivotview .e-gtot.e-columnsheader,
965
979
  .e-pivotview .e-grid .e-content,
966
- .e-pivotview .e-grid .e-gridheader,
967
- .e-pivotview .e-headercell {
980
+ .e-pivotview .e-grid .e-gridheader {
968
981
  background: #f8f9fa;
969
982
  }
983
+ .e-pivotview .e-headercell:not(.e-columnsheader) {
984
+ background: #f8f9fa !important;
985
+ }
970
986
  .e-pivotview .e-grid .e-gridheader {
971
987
  border-bottom-width: 1px;
972
988
  border-bottom-color: #dee2e6;
@@ -1060,9 +1076,6 @@
1060
1076
  .e-pivotview .e-drop-indicator {
1061
1077
  display: block;
1062
1078
  }
1063
- .e-pivotview div.e-cellvalue {
1064
- margin-top: 2px;
1065
- }
1066
1079
  .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
1067
1080
  float: right;
1068
1081
  font-size: 12px !important;
@@ -1073,10 +1086,17 @@
1073
1086
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1074
1087
  display: none;
1075
1088
  }
1076
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1089
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1090
+ margin: -16px 0 !important;
1091
+ }
1092
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1077
1093
  margin: 6px 0 !important;
1094
+ }
1095
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1096
+ margin: 0 !important;
1078
1097
  margin-left: auto !important;
1079
- margin-top: 2px !important;
1098
+ padding-bottom: 0 !important;
1099
+ padding-top: 0 !important;
1080
1100
  }
1081
1101
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1082
1102
  margin: -5px 0 !important;
@@ -1114,9 +1134,26 @@
1114
1134
  }
1115
1135
  .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
1116
1136
  visibility: hidden !important;
1137
+ /* stylelint-enable */
1138
+ }
1139
+ .e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader {
1140
+ position: absolute;
1141
+ z-index: 10;
1142
+ color: #0d6efd;
1143
+ font-size: 20px;
1144
+ text-align: center;
1145
+ padding: 10%;
1146
+ pointer-events: none;
1147
+ }
1148
+ .e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader.e-hide-loader {
1149
+ display: none;
1150
+ }
1151
+ .e-pivotview.sf-pivotview .e-grid .e-virtual-pivot-content {
1152
+ visibility: hidden;
1117
1153
  }
1118
1154
  .e-pivotview .e-grid .e-headercelldiv,
1119
1155
  .e-pivotview .e-grid .e-columnsheader {
1156
+ /* stylelint-disable */
1120
1157
  padding-left: 8px !important;
1121
1158
  padding-top: 0px !important;
1122
1159
  padding-bottom: 0px !important;
@@ -1139,6 +1176,14 @@
1139
1176
  border-left: 0;
1140
1177
  border-right-width: 1px;
1141
1178
  }
1179
+ .e-pivotview .e-leftfreeze.e-freezeleftborder {
1180
+ border-left-color: #dee2e6 !important;
1181
+ border-right-color: #dee2e6 !important;
1182
+ border-right-width: 1px !important;
1183
+ }
1184
+ .e-pivotview .e-leftfreeze.e-freezeleftborder:not(.e-gtot) {
1185
+ background: #f8f9fa;
1186
+ }
1142
1187
  .e-pivotview .e-stackedheadercelldiv {
1143
1188
  display: block;
1144
1189
  }
@@ -1146,9 +1191,6 @@
1146
1191
  .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
1147
1192
  display: inline-block;
1148
1193
  padding-left: 12px !important;
1149
- margin-top: 5px;
1150
- margin-top: 2px;
1151
- padding-left: 8px !important;
1152
1194
  }
1153
1195
  .e-pivotview .e-stackedheadercelldiv {
1154
1196
  padding: 0 0 0 1px !important;
@@ -1494,6 +1536,11 @@
1494
1536
  .e-pivotview .e-group-columns {
1495
1537
  width: 100%;
1496
1538
  }
1539
+ .e-pivotview th.e-group-row .e-axis-row {
1540
+ display: inline-block;
1541
+ height: 100%;
1542
+ vertical-align: top;
1543
+ }
1497
1544
  .e-pivotview .e-group-row {
1498
1545
  padding: 0 !important;
1499
1546
  }
@@ -1646,8 +1693,6 @@
1646
1693
  cursor: pointer;
1647
1694
  display: inline-block;
1648
1695
  height: 18px;
1649
- margin-top: 0;
1650
- margin-bottom: 2px;
1651
1696
  text-align: center;
1652
1697
  width: 18px;
1653
1698
  vertical-align: middle;
@@ -1655,9 +1700,7 @@
1655
1700
  .e-pivotview th .e-expand,
1656
1701
  .e-pivotview th .e-collapse {
1657
1702
  font-size: 10px !important;
1658
- margin-left: 0px;
1659
- margin-top: 0;
1660
- margin-bottom: 2px;
1703
+ margin-left: 0;
1661
1704
  }
1662
1705
  .e-pivotview .e-expand::before {
1663
1706
  font-size: 20px;
@@ -2021,6 +2064,10 @@
2021
2064
  border-left-width: 1px;
2022
2065
  border-right: 0;
2023
2066
  }
2067
+ .e-pivotview.e-rtl .e-leftfreeze.e-freezeleftborder {
2068
+ border-left-width: 1px;
2069
+ border-right: 0;
2070
+ }
2024
2071
  .e-pivotview.e-rtl .e-rowsheader .e-cellvalue {
2025
2072
  margin-left: 0;
2026
2073
  margin-right: 7px;
@@ -2253,12 +2300,6 @@
2253
2300
  .e-bigger.e-pivotview .e-bigger .e-stackedheadercelldiv {
2254
2301
  padding-left: 16px !important;
2255
2302
  }
2256
- .e-bigger .e-pivotview th .e-expand,
2257
- .e-bigger .e-pivotview th .e-collapse,
2258
- .e-bigger.e-pivotview th .e-expand,
2259
- .e-bigger.e-pivotview th .e-collapse {
2260
- margin-top: 0;
2261
- }
2262
2303
  .e-bigger .e-pivotview .e-grouping-bar,
2263
2304
  .e-bigger.e-pivotview .e-grouping-bar {
2264
2305
  /* stylelint-enable */
@@ -3262,7 +3303,7 @@
3262
3303
  width: 100% !important;
3263
3304
  }
3264
3305
  .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
3265
- margin-left: 0;
3306
+ margin-left: 0 !important;
3266
3307
  }
3267
3308
  .e-pivot-formatting-dialog.e-device .e-format-value1,
3268
3309
  .e-pivot-formatting-dialog.e-device .e-format-value2,
@@ -4321,12 +4362,6 @@
4321
4362
  height: 36px;
4322
4363
  padding: 6px 12px;
4323
4364
  }
4324
- .e-bigger .e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
4325
- .e-bigger .e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text,
4326
- .e-bigger.e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
4327
- .e-bigger.e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text {
4328
- line-height: 1.5em;
4329
- }
4330
4365
  .e-bigger .e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
4331
4366
  .e-bigger .e-pivot-calc.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
4332
4367
  .e-bigger.e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,