@syncfusion/ej2-react-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 (59) hide show
  1. package/CHANGELOG.md +20 -69
  2. package/dist/ej2-react-pivotview.min.js +2 -2
  3. package/dist/ej2-react-pivotview.umd.min.js +2 -2
  4. package/package.json +9 -9
  5. package/styles/bootstrap-dark.css +64 -27
  6. package/styles/bootstrap.css +65 -28
  7. package/styles/bootstrap4.css +66 -27
  8. package/styles/bootstrap5-dark.css +64 -29
  9. package/styles/bootstrap5.css +64 -29
  10. package/styles/fabric-dark.css +65 -29
  11. package/styles/fabric.css +65 -27
  12. package/styles/fluent-dark.css +64 -28
  13. package/styles/fluent.css +64 -28
  14. package/styles/highcontrast-light.css +64 -27
  15. package/styles/highcontrast.css +64 -27
  16. package/styles/material-dark.css +63 -27
  17. package/styles/material.css +63 -27
  18. package/styles/material3-dark.css +63 -29
  19. package/styles/material3.css +63 -28
  20. package/styles/pivotfieldlist/bootstrap-dark.css +1 -7
  21. package/styles/pivotfieldlist/bootstrap.css +1 -7
  22. package/styles/pivotfieldlist/bootstrap4.css +1 -7
  23. package/styles/pivotfieldlist/bootstrap5-dark.css +1 -7
  24. package/styles/pivotfieldlist/bootstrap5.css +1 -7
  25. package/styles/pivotfieldlist/fabric-dark.css +2 -7
  26. package/styles/pivotfieldlist/fabric.css +2 -7
  27. package/styles/pivotfieldlist/fluent-dark.css +1 -7
  28. package/styles/pivotfieldlist/fluent.css +1 -7
  29. package/styles/pivotfieldlist/highcontrast-light.css +2 -7
  30. package/styles/pivotfieldlist/highcontrast.css +2 -7
  31. package/styles/pivotfieldlist/material-dark.css +1 -8
  32. package/styles/pivotfieldlist/material.css +1 -8
  33. package/styles/pivotfieldlist/material3-dark.css +1 -8
  34. package/styles/pivotfieldlist/material3-dark.scss +1 -1
  35. package/styles/pivotfieldlist/material3.css +1 -8
  36. package/styles/pivotfieldlist/material3.scss +1 -1
  37. package/styles/pivotfieldlist/tailwind-dark.css +1 -8
  38. package/styles/pivotfieldlist/tailwind.css +1 -8
  39. package/styles/pivotview/bootstrap-dark.css +63 -20
  40. package/styles/pivotview/bootstrap.css +64 -21
  41. package/styles/pivotview/bootstrap4.css +65 -20
  42. package/styles/pivotview/bootstrap5-dark.css +63 -22
  43. package/styles/pivotview/bootstrap5.css +63 -22
  44. package/styles/pivotview/fabric-dark.css +63 -22
  45. package/styles/pivotview/fabric.css +63 -20
  46. package/styles/pivotview/fluent-dark.css +63 -21
  47. package/styles/pivotview/fluent.css +63 -21
  48. package/styles/pivotview/highcontrast-light.css +62 -20
  49. package/styles/pivotview/highcontrast.css +62 -20
  50. package/styles/pivotview/material-dark.css +62 -20
  51. package/styles/pivotview/material.css +62 -20
  52. package/styles/pivotview/material3-dark.css +62 -21
  53. package/styles/pivotview/material3-dark.scss +1 -1
  54. package/styles/pivotview/material3.css +62 -21
  55. package/styles/pivotview/material3.scss +1 -1
  56. package/styles/pivotview/tailwind-dark.css +62 -22
  57. package/styles/pivotview/tailwind.css +62 -22
  58. package/styles/tailwind-dark.css +63 -30
  59. 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,
@@ -630,6 +632,9 @@
630
632
  .e-pivotview .e-frozenscrollbar {
631
633
  background: #282727;
632
634
  }
635
+ .e-pivotview .e-headercontent .e-columnheader .e-headercell.e-leftfreeze {
636
+ -webkit-transform: translate3d(0, 0, 0);
637
+ }
633
638
 
634
639
  .e-pivotview-disable-icon {
635
640
  visibility: hidden;
@@ -904,7 +909,6 @@
904
909
 
905
910
  /*! PivotView theme */
906
911
  .e-pivotview {
907
- /* stylelint-enable */
908
912
  /* stylelint-enable */
909
913
  /* stylelint-disable */
910
914
  /* stylelint-enable */
@@ -915,6 +919,8 @@
915
919
  /* stylelint-enable */
916
920
  }
917
921
  .e-pivotview .e-pivotcell-container {
922
+ -ms-flex-align: center;
923
+ align-items: center;
918
924
  display: -ms-flexbox;
919
925
  display: flex;
920
926
  }
@@ -922,6 +928,7 @@
922
928
  .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
923
929
  overflow: hidden;
924
930
  text-overflow: ellipsis;
931
+ width: 100%;
925
932
  }
926
933
  .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
927
934
  -ms-flex-align: center;
@@ -960,14 +967,23 @@
960
967
  -ms-user-select: none;
961
968
  user-select: none;
962
969
  }
970
+ .e-pivotview .e-grid .e-content-virtualtable {
971
+ overflow-x: auto;
972
+ scrollbar-width: none; /* firefox */
973
+ }
974
+ .e-pivotview .e-grid .e-content-virtualtable::-webkit-scrollbar {
975
+ display: none; /* safari, chrome and edge */
976
+ }
963
977
  .e-pivotview .e-gtot,
964
978
  .e-pivotview .e-gtot.e-rowsheader,
965
979
  .e-pivotview .e-gtot.e-columnsheader,
966
980
  .e-pivotview .e-grid .e-content,
967
- .e-pivotview .e-grid .e-gridheader,
968
- .e-pivotview .e-headercell {
981
+ .e-pivotview .e-grid .e-gridheader {
969
982
  background: #282727;
970
983
  }
984
+ .e-pivotview .e-headercell:not(.e-columnsheader) {
985
+ background: #282727 !important;
986
+ }
971
987
  .e-pivotview .e-grid .e-gridheader {
972
988
  border-bottom-width: 1px;
973
989
  }
@@ -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: 5px;
1065
- }
1066
1079
  .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
1067
1080
  float: right;
1068
1081
  }
@@ -1072,10 +1085,17 @@
1072
1085
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1073
1086
  display: none;
1074
1087
  }
1075
- .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 {
1088
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1089
+ margin: -15px 0 !important;
1090
+ }
1091
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1076
1092
  margin: 2px 0 !important;
1093
+ }
1094
+ .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 {
1095
+ margin: 0 !important;
1077
1096
  margin-left: auto !important;
1078
- margin-top: 5px !important;
1097
+ padding-bottom: 0 !important;
1098
+ padding-top: 0 !important;
1079
1099
  }
1080
1100
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1081
1101
  margin: -5px 0 !important;
@@ -1110,9 +1130,26 @@
1110
1130
  }
1111
1131
  .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
1112
1132
  visibility: hidden !important;
1133
+ /* stylelint-enable */
1134
+ }
1135
+ .e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader {
1136
+ position: absolute;
1137
+ z-index: 10;
1138
+ color: #0074cc;
1139
+ font-size: 20px;
1140
+ text-align: center;
1141
+ padding: 10%;
1142
+ pointer-events: none;
1143
+ }
1144
+ .e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader.e-hide-loader {
1145
+ display: none;
1146
+ }
1147
+ .e-pivotview.sf-pivotview .e-grid .e-virtual-pivot-content {
1148
+ visibility: hidden;
1113
1149
  }
1114
1150
  .e-pivotview .e-grid .e-headercelldiv,
1115
1151
  .e-pivotview .e-grid .e-columnsheader {
1152
+ /* stylelint-disable */
1116
1153
  padding-left: 8px !important;
1117
1154
  }
1118
1155
  .e-pivotview .sf-grid .e-spinner-pane {
@@ -1133,6 +1170,14 @@
1133
1170
  border-left: 0;
1134
1171
  border-right-width: 1px;
1135
1172
  }
1173
+ .e-pivotview .e-leftfreeze.e-freezeleftborder {
1174
+ border-left-color: #414040 !important;
1175
+ border-right-color: #414040 !important;
1176
+ border-right-width: 1px !important;
1177
+ }
1178
+ .e-pivotview .e-leftfreeze.e-freezeleftborder:not(.e-gtot) {
1179
+ background: #282727;
1180
+ }
1136
1181
  .e-pivotview .e-stackedheadercelldiv {
1137
1182
  display: block;
1138
1183
  }
@@ -1140,9 +1185,6 @@
1140
1185
  .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
1141
1186
  display: inline-block;
1142
1187
  padding-left: 12px !important;
1143
- margin-top: 5px;
1144
- margin-top: 2px;
1145
- padding-left: 8px !important;
1146
1188
  }
1147
1189
  .e-pivotview .e-stackedheadercelldiv {
1148
1190
  padding: 0 0 0 1px !important;
@@ -1484,6 +1526,11 @@
1484
1526
  .e-pivotview .e-group-columns {
1485
1527
  width: 100%;
1486
1528
  }
1529
+ .e-pivotview th.e-group-row .e-axis-row {
1530
+ display: inline-block;
1531
+ height: 100%;
1532
+ vertical-align: top;
1533
+ }
1487
1534
  .e-pivotview .e-group-row {
1488
1535
  padding: 0 !important;
1489
1536
  }
@@ -1636,17 +1683,13 @@
1636
1683
  cursor: pointer;
1637
1684
  display: inline-block;
1638
1685
  height: 18px;
1639
- margin-top: 5px;
1640
- margin-bottom: 0;
1641
1686
  text-align: center;
1642
1687
  width: 18px;
1643
1688
  }
1644
1689
  .e-pivotview th .e-expand,
1645
1690
  .e-pivotview th .e-collapse {
1646
1691
  font-size: 10px !important;
1647
- margin-left: 0px;
1648
- margin-top: 7px;
1649
- margin-bottom: 0;
1692
+ margin-left: 0;
1650
1693
  }
1651
1694
  .e-pivotview .e-expand::before {
1652
1695
  font-size: 10px;
@@ -2011,6 +2054,10 @@
2011
2054
  border-left-width: 1px;
2012
2055
  border-right: 0;
2013
2056
  }
2057
+ .e-pivotview.e-rtl .e-leftfreeze.e-freezeleftborder {
2058
+ border-left-width: 1px;
2059
+ border-right: 0;
2060
+ }
2014
2061
  .e-pivotview.e-rtl .e-rowsheader .e-cellvalue {
2015
2062
  margin-left: 0;
2016
2063
  margin-right: 7px;
@@ -2243,12 +2290,6 @@
2243
2290
  .e-bigger.e-pivotview .e-bigger .e-stackedheadercelldiv {
2244
2291
  padding-left: 16px !important;
2245
2292
  }
2246
- .e-bigger .e-pivotview th .e-expand,
2247
- .e-bigger .e-pivotview th .e-collapse,
2248
- .e-bigger.e-pivotview th .e-expand,
2249
- .e-bigger.e-pivotview th .e-collapse {
2250
- margin-top: 7px;
2251
- }
2252
2293
  .e-bigger .e-pivotview .e-grouping-bar,
2253
2294
  .e-bigger.e-pivotview .e-grouping-bar {
2254
2295
  /* stylelint-enable */
@@ -3220,7 +3261,7 @@
3220
3261
  width: 100% !important;
3221
3262
  }
3222
3263
  .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
3223
- margin-left: 0;
3264
+ margin-left: 0 !important;
3224
3265
  }
3225
3266
  .e-pivot-formatting-dialog.e-device .e-format-value1,
3226
3267
  .e-pivot-formatting-dialog.e-device .e-format-value2,
@@ -4139,6 +4180,7 @@
4139
4180
  border-top-right-radius: 0;
4140
4181
  padding-top: 20px;
4141
4182
  padding-bottom: 20px;
4183
+ padding: 20px;
4142
4184
  }
4143
4185
  .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-content,
4144
4186
  .e-pivotfieldlist-container .e-member-editor-dialog .e-dlg-content,
@@ -4257,12 +4299,6 @@
4257
4299
  height: 36px;
4258
4300
  padding: 6px 12px;
4259
4301
  }
4260
- .e-bigger .e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
4261
- .e-bigger .e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text,
4262
- .e-bigger.e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
4263
- .e-bigger.e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text {
4264
- line-height: 1.5em;
4265
- }
4266
4302
  .e-bigger .e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
4267
4303
  .e-bigger .e-pivot-calc.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
4268
4304
  .e-bigger.e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
package/styles/fabric.css CHANGED
@@ -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,
@@ -630,6 +632,9 @@
630
632
  .e-pivotview .e-frozenscrollbar {
631
633
  background: #f4f4f4;
632
634
  }
635
+ .e-pivotview .e-headercontent .e-columnheader .e-headercell.e-leftfreeze {
636
+ -webkit-transform: translate3d(0, 0, 0);
637
+ }
633
638
 
634
639
  .e-pivotview-disable-icon {
635
640
  visibility: hidden;
@@ -904,7 +909,6 @@
904
909
 
905
910
  /*! PivotView theme */
906
911
  .e-pivotview {
907
- /* stylelint-enable */
908
912
  /* stylelint-enable */
909
913
  /* stylelint-disable */
910
914
  /* stylelint-enable */
@@ -915,6 +919,8 @@
915
919
  /* stylelint-enable */
916
920
  }
917
921
  .e-pivotview .e-pivotcell-container {
922
+ -ms-flex-align: center;
923
+ align-items: center;
918
924
  display: -ms-flexbox;
919
925
  display: flex;
920
926
  }
@@ -922,6 +928,7 @@
922
928
  .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
923
929
  overflow: hidden;
924
930
  text-overflow: ellipsis;
931
+ width: 100%;
925
932
  }
926
933
  .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
927
934
  -ms-flex-align: center;
@@ -960,14 +967,23 @@
960
967
  -ms-user-select: none;
961
968
  user-select: none;
962
969
  }
970
+ .e-pivotview .e-grid .e-content-virtualtable {
971
+ overflow-x: auto;
972
+ scrollbar-width: none; /* firefox */
973
+ }
974
+ .e-pivotview .e-grid .e-content-virtualtable::-webkit-scrollbar {
975
+ display: none; /* safari, chrome and edge */
976
+ }
963
977
  .e-pivotview .e-gtot,
964
978
  .e-pivotview .e-gtot.e-rowsheader,
965
979
  .e-pivotview .e-gtot.e-columnsheader,
966
980
  .e-pivotview .e-grid .e-content,
967
- .e-pivotview .e-grid .e-gridheader,
968
- .e-pivotview .e-headercell {
981
+ .e-pivotview .e-grid .e-gridheader {
969
982
  background: #f4f4f4;
970
983
  }
984
+ .e-pivotview .e-headercell:not(.e-columnsheader) {
985
+ background: #f4f4f4 !important;
986
+ }
971
987
  .e-pivotview .e-grid .e-gridheader {
972
988
  border-bottom-width: 1px;
973
989
  }
@@ -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: 5px;
1065
- }
1066
1079
  .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
1067
1080
  float: right;
1068
1081
  }
@@ -1072,10 +1085,17 @@
1072
1085
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1073
1086
  display: none;
1074
1087
  }
1075
- .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 {
1088
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1089
+ margin: -15px 0 !important;
1090
+ }
1091
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1076
1092
  margin: 2px 0 !important;
1093
+ }
1094
+ .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 {
1095
+ margin: 0 !important;
1077
1096
  margin-left: auto !important;
1078
- margin-top: 5px !important;
1097
+ padding-bottom: 0 !important;
1098
+ padding-top: 0 !important;
1079
1099
  }
1080
1100
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1081
1101
  margin: -5px 0 !important;
@@ -1110,9 +1130,26 @@
1110
1130
  }
1111
1131
  .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
1112
1132
  visibility: hidden !important;
1133
+ /* stylelint-enable */
1134
+ }
1135
+ .e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader {
1136
+ position: absolute;
1137
+ z-index: 10;
1138
+ color: #0078d6;
1139
+ font-size: 20px;
1140
+ text-align: center;
1141
+ padding: 10%;
1142
+ pointer-events: none;
1143
+ }
1144
+ .e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader.e-hide-loader {
1145
+ display: none;
1146
+ }
1147
+ .e-pivotview.sf-pivotview .e-grid .e-virtual-pivot-content {
1148
+ visibility: hidden;
1113
1149
  }
1114
1150
  .e-pivotview .e-grid .e-headercelldiv,
1115
1151
  .e-pivotview .e-grid .e-columnsheader {
1152
+ /* stylelint-disable */
1116
1153
  padding-left: 8px !important;
1117
1154
  }
1118
1155
  .e-pivotview .sf-grid .e-spinner-pane {
@@ -1133,6 +1170,14 @@
1133
1170
  border-left: 0;
1134
1171
  border-right-width: 1px;
1135
1172
  }
1173
+ .e-pivotview .e-leftfreeze.e-freezeleftborder {
1174
+ border-left-color: #dadada !important;
1175
+ border-right-color: #dadada !important;
1176
+ border-right-width: 1px !important;
1177
+ }
1178
+ .e-pivotview .e-leftfreeze.e-freezeleftborder:not(.e-gtot) {
1179
+ background: #f8f8f8;
1180
+ }
1136
1181
  .e-pivotview .e-stackedheadercelldiv {
1137
1182
  display: block;
1138
1183
  }
@@ -1140,7 +1185,6 @@
1140
1185
  .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
1141
1186
  display: inline-block;
1142
1187
  padding-left: 12px !important;
1143
- margin-top: 5px;
1144
1188
  }
1145
1189
  .e-pivotview .e-stackedheadercelldiv {
1146
1190
  padding: 0 0 0 1px !important;
@@ -1482,6 +1526,11 @@
1482
1526
  .e-pivotview .e-group-columns {
1483
1527
  width: 100%;
1484
1528
  }
1529
+ .e-pivotview th.e-group-row .e-axis-row {
1530
+ display: inline-block;
1531
+ height: 100%;
1532
+ vertical-align: top;
1533
+ }
1485
1534
  .e-pivotview .e-group-row {
1486
1535
  padding: 0 !important;
1487
1536
  }
@@ -1634,17 +1683,13 @@
1634
1683
  cursor: pointer;
1635
1684
  display: inline-block;
1636
1685
  height: 18px;
1637
- margin-top: 5px;
1638
- margin-bottom: 0;
1639
1686
  text-align: center;
1640
1687
  width: 18px;
1641
1688
  }
1642
1689
  .e-pivotview th .e-expand,
1643
1690
  .e-pivotview th .e-collapse {
1644
1691
  font-size: 12px !important;
1645
- margin-left: 0px;
1646
- margin-top: 7px;
1647
- margin-bottom: 0;
1692
+ margin-left: 0;
1648
1693
  }
1649
1694
  .e-pivotview .e-expand::before {
1650
1695
  font-size: 10px;
@@ -2009,6 +2054,10 @@
2009
2054
  border-left-width: 1px;
2010
2055
  border-right: 0;
2011
2056
  }
2057
+ .e-pivotview.e-rtl .e-leftfreeze.e-freezeleftborder {
2058
+ border-left-width: 1px;
2059
+ border-right: 0;
2060
+ }
2012
2061
  .e-pivotview.e-rtl .e-rowsheader .e-cellvalue {
2013
2062
  margin-left: 0;
2014
2063
  margin-right: 7px;
@@ -2241,12 +2290,6 @@
2241
2290
  .e-bigger.e-pivotview .e-bigger .e-stackedheadercelldiv {
2242
2291
  padding-left: 16px !important;
2243
2292
  }
2244
- .e-bigger .e-pivotview th .e-expand,
2245
- .e-bigger .e-pivotview th .e-collapse,
2246
- .e-bigger.e-pivotview th .e-expand,
2247
- .e-bigger.e-pivotview th .e-collapse {
2248
- margin-top: 7px;
2249
- }
2250
2293
  .e-bigger .e-pivotview .e-grouping-bar,
2251
2294
  .e-bigger.e-pivotview .e-grouping-bar {
2252
2295
  /* stylelint-enable */
@@ -3217,7 +3260,7 @@
3217
3260
  width: 100% !important;
3218
3261
  }
3219
3262
  .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
3220
- margin-left: 0;
3263
+ margin-left: 0 !important;
3221
3264
  }
3222
3265
  .e-pivot-formatting-dialog.e-device .e-format-value1,
3223
3266
  .e-pivot-formatting-dialog.e-device .e-format-value2,
@@ -4136,6 +4179,7 @@
4136
4179
  border-top-right-radius: 0;
4137
4180
  padding-top: 20px;
4138
4181
  padding-bottom: 20px;
4182
+ padding: 20px;
4139
4183
  }
4140
4184
  .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-content,
4141
4185
  .e-pivotfieldlist-container .e-member-editor-dialog .e-dlg-content,
@@ -4254,12 +4298,6 @@
4254
4298
  height: 36px;
4255
4299
  padding: 6px 12px;
4256
4300
  }
4257
- .e-bigger .e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
4258
- .e-bigger .e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text,
4259
- .e-bigger.e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
4260
- .e-bigger.e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text {
4261
- line-height: 1.5em;
4262
- }
4263
4301
  .e-bigger .e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
4264
4302
  .e-bigger .e-pivot-calc.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
4265
4303
  .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,
@@ -642,6 +644,9 @@
642
644
  .e-pivotview .e-frozenscrollbar {
643
645
  background: #201f1e;
644
646
  }
647
+ .e-pivotview .e-headercontent .e-columnheader .e-headercell.e-leftfreeze {
648
+ -webkit-transform: translate3d(0, 0, 0);
649
+ }
645
650
 
646
651
  .e-pivotview-disable-icon {
647
652
  visibility: hidden;
@@ -917,7 +922,6 @@
917
922
 
918
923
  /*! PivotView theme */
919
924
  .e-pivotview {
920
- /* stylelint-enable */
921
925
  /* stylelint-enable */
922
926
  /* stylelint-disable */
923
927
  /* stylelint-enable */
@@ -928,6 +932,8 @@
928
932
  /* stylelint-enable */
929
933
  }
930
934
  .e-pivotview .e-pivotcell-container {
935
+ -ms-flex-align: center;
936
+ align-items: center;
931
937
  display: -ms-flexbox;
932
938
  display: flex;
933
939
  }
@@ -935,6 +941,7 @@
935
941
  .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
936
942
  overflow: hidden;
937
943
  text-overflow: ellipsis;
944
+ width: 100%;
938
945
  }
939
946
  .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
940
947
  -ms-flex-align: center;
@@ -973,14 +980,23 @@
973
980
  -ms-user-select: none;
974
981
  user-select: none;
975
982
  }
983
+ .e-pivotview .e-grid .e-content-virtualtable {
984
+ overflow-x: auto;
985
+ scrollbar-width: none; /* firefox */
986
+ }
987
+ .e-pivotview .e-grid .e-content-virtualtable::-webkit-scrollbar {
988
+ display: none; /* safari, chrome and edge */
989
+ }
976
990
  .e-pivotview .e-gtot,
977
991
  .e-pivotview .e-gtot.e-rowsheader,
978
992
  .e-pivotview .e-gtot.e-columnsheader,
979
993
  .e-pivotview .e-grid .e-content,
980
- .e-pivotview .e-grid .e-gridheader,
981
- .e-pivotview .e-headercell {
994
+ .e-pivotview .e-grid .e-gridheader {
982
995
  background: #201f1e;
983
996
  }
997
+ .e-pivotview .e-headercell:not(.e-columnsheader) {
998
+ background: #201f1e !important;
999
+ }
984
1000
  .e-pivotview .e-grid .e-gridheader {
985
1001
  border-bottom-width: 1px;
986
1002
  }
@@ -1073,9 +1089,6 @@
1073
1089
  .e-pivotview .e-drop-indicator {
1074
1090
  display: block;
1075
1091
  }
1076
- .e-pivotview div.e-cellvalue {
1077
- margin-top: 1px;
1078
- }
1079
1092
  .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
1080
1093
  float: right;
1081
1094
  font-size: 14px !important;
@@ -1086,10 +1099,17 @@
1086
1099
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1087
1100
  display: none;
1088
1101
  }
1089
- .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 {
1102
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1103
+ margin: -33px 0 !important;
1104
+ }
1105
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1090
1106
  margin: -11px 0 !important;
1107
+ }
1108
+ .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 {
1109
+ margin: 0 !important;
1091
1110
  margin-left: auto !important;
1092
- margin-top: 1px !important;
1111
+ padding-bottom: 0 !important;
1112
+ padding-top: 0 !important;
1093
1113
  }
1094
1114
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1095
1115
  margin: -20px 0 !important;
@@ -1124,9 +1144,26 @@
1124
1144
  }
1125
1145
  .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
1126
1146
  visibility: hidden !important;
1147
+ /* stylelint-enable */
1148
+ }
1149
+ .e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader {
1150
+ position: absolute;
1151
+ z-index: 10;
1152
+ color: #0078d4;
1153
+ font-size: 20px;
1154
+ text-align: center;
1155
+ padding: 10%;
1156
+ pointer-events: none;
1157
+ }
1158
+ .e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader.e-hide-loader {
1159
+ display: none;
1160
+ }
1161
+ .e-pivotview.sf-pivotview .e-grid .e-virtual-pivot-content {
1162
+ visibility: hidden;
1127
1163
  }
1128
1164
  .e-pivotview .e-grid .e-headercelldiv,
1129
1165
  .e-pivotview .e-grid .e-columnsheader {
1166
+ /* stylelint-disable */
1130
1167
  padding-left: 8px !important;
1131
1168
  padding-top: 0px !important;
1132
1169
  padding-bottom: 0px !important;
@@ -1149,6 +1186,14 @@
1149
1186
  border-left: 0;
1150
1187
  border-right-width: 1px;
1151
1188
  }
1189
+ .e-pivotview .e-leftfreeze.e-freezeleftborder {
1190
+ border-left-color: #292827 !important;
1191
+ border-right-color: #292827 !important;
1192
+ border-right-width: 1px !important;
1193
+ }
1194
+ .e-pivotview .e-leftfreeze.e-freezeleftborder:not(.e-gtot) {
1195
+ background: #201f1e;
1196
+ }
1152
1197
  .e-pivotview .e-stackedheadercelldiv {
1153
1198
  display: block;
1154
1199
  }
@@ -1156,8 +1201,6 @@
1156
1201
  .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
1157
1202
  display: inline-block;
1158
1203
  padding-left: 12px !important;
1159
- margin-top: 5px;
1160
- margin-top: 1px;
1161
1204
  }
1162
1205
  .e-pivotview .e-stackedheadercelldiv {
1163
1206
  padding: 0 0 0 1px !important;
@@ -1504,6 +1547,11 @@
1504
1547
  .e-pivotview .e-group-columns {
1505
1548
  width: 100%;
1506
1549
  }
1550
+ .e-pivotview th.e-group-row .e-axis-row {
1551
+ display: inline-block;
1552
+ height: 100%;
1553
+ vertical-align: top;
1554
+ }
1507
1555
  .e-pivotview .e-group-row {
1508
1556
  padding: 0 !important;
1509
1557
  }
@@ -1656,8 +1704,6 @@
1656
1704
  cursor: pointer;
1657
1705
  display: inline-block;
1658
1706
  height: 18px;
1659
- margin-top: 0;
1660
- margin-bottom: 2px;
1661
1707
  text-align: center;
1662
1708
  width: 18px;
1663
1709
  vertical-align: middle;
@@ -1665,9 +1711,7 @@
1665
1711
  .e-pivotview th .e-expand,
1666
1712
  .e-pivotview th .e-collapse {
1667
1713
  font-size: 10px !important;
1668
- margin-left: 0px;
1669
- margin-top: 0;
1670
- margin-bottom: 2px;
1714
+ margin-left: 0;
1671
1715
  }
1672
1716
  .e-pivotview .e-expand::before {
1673
1717
  font-size: 18px;
@@ -2031,6 +2075,10 @@
2031
2075
  border-left-width: 1px;
2032
2076
  border-right: 0;
2033
2077
  }
2078
+ .e-pivotview.e-rtl .e-leftfreeze.e-freezeleftborder {
2079
+ border-left-width: 1px;
2080
+ border-right: 0;
2081
+ }
2034
2082
  .e-pivotview.e-rtl .e-rowsheader .e-cellvalue {
2035
2083
  margin-left: 0;
2036
2084
  margin-right: 7px;
@@ -2263,12 +2311,6 @@
2263
2311
  .e-bigger.e-pivotview .e-bigger .e-stackedheadercelldiv {
2264
2312
  padding-left: 16px !important;
2265
2313
  }
2266
- .e-bigger .e-pivotview th .e-expand,
2267
- .e-bigger .e-pivotview th .e-collapse,
2268
- .e-bigger.e-pivotview th .e-expand,
2269
- .e-bigger.e-pivotview th .e-collapse {
2270
- margin-top: 0;
2271
- }
2272
2314
  .e-bigger .e-pivotview .e-grouping-bar,
2273
2315
  .e-bigger.e-pivotview .e-grouping-bar {
2274
2316
  /* stylelint-enable */
@@ -3259,7 +3301,7 @@
3259
3301
  width: 100% !important;
3260
3302
  }
3261
3303
  .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
3262
- margin-left: 0;
3304
+ margin-left: 0 !important;
3263
3305
  }
3264
3306
  .e-pivot-formatting-dialog.e-device .e-format-value1,
3265
3307
  .e-pivot-formatting-dialog.e-device .e-format-value2,
@@ -4326,12 +4368,6 @@
4326
4368
  height: 36px;
4327
4369
  padding: 6px 12px;
4328
4370
  }
4329
- .e-bigger .e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
4330
- .e-bigger .e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text,
4331
- .e-bigger.e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
4332
- .e-bigger.e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text {
4333
- line-height: 1.5em;
4334
- }
4335
4371
  .e-bigger .e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
4336
4372
  .e-bigger .e-pivot-calc.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
4337
4373
  .e-bigger.e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,