@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
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /*! component's theme wise override definitions and variables */
3
2
  /*! component's common definitions and variables */
4
3
  /*! field-list component icons */
@@ -447,7 +446,7 @@
447
446
  width: 100% !important;
448
447
  }
449
448
  .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
450
- margin-left: 0;
449
+ margin-left: 0 !important;
451
450
  }
452
451
  .e-pivot-formatting-dialog.e-device .e-format-value1,
453
452
  .e-pivot-formatting-dialog.e-device .e-format-value2,
@@ -1520,12 +1519,6 @@
1520
1519
  height: 36px;
1521
1520
  padding: 6px 12px;
1522
1521
  }
1523
- .e-bigger .e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
1524
- .e-bigger .e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text,
1525
- .e-bigger.e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
1526
- .e-bigger.e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text {
1527
- line-height: 1.5em;
1528
- }
1529
1522
  .e-bigger .e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
1530
1523
  .e-bigger .e-pivot-calc.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
1531
1524
  .e-bigger.e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
@@ -162,6 +162,8 @@
162
162
  /* stylelint-disable */
163
163
  /* stylelint-enable */
164
164
  /* stylelint-enable */
165
+ /* stylelint-disable */
166
+ /* stylelint-enable */
165
167
  }
166
168
  .e-pivotview .e-value-field-settings,
167
169
  .e-pivotview .e-member-editor-dialog,
@@ -627,6 +629,9 @@
627
629
  .e-pivotview .e-frozenscrollbar {
628
630
  background: #131313;
629
631
  }
632
+ .e-pivotview .e-headercontent .e-columnheader .e-headercell.e-leftfreeze {
633
+ -webkit-transform: translate3d(0, 0, 0);
634
+ }
630
635
 
631
636
  .e-pivotview-disable-icon {
632
637
  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: #131313;
967
980
  }
981
+ .e-pivotview .e-headercell:not(.e-columnsheader) {
982
+ background: #131313 !important;
983
+ }
968
984
  .e-pivotview .e-grid .e-gridheader {
969
985
  border-bottom-width: 1px;
970
986
  }
@@ -1057,9 +1073,6 @@
1057
1073
  .e-pivotview .e-drop-indicator {
1058
1074
  display: block;
1059
1075
  }
1060
- .e-pivotview div.e-cellvalue {
1061
- margin-top: 5px;
1062
- }
1063
1076
  .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
1064
1077
  float: right;
1065
1078
  }
@@ -1069,10 +1082,17 @@
1069
1082
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1070
1083
  display: none;
1071
1084
  }
1072
- .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 {
1085
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1086
+ margin: -28px 0 !important;
1087
+ }
1088
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1073
1089
  margin: -11px 0 !important;
1090
+ }
1091
+ .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 {
1092
+ margin: 0 !important;
1074
1093
  margin-left: auto !important;
1075
- margin-top: 5px !important;
1094
+ padding-bottom: 0 !important;
1095
+ padding-top: 0 !important;
1076
1096
  }
1077
1097
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1078
1098
  margin: -20px 0 !important;
@@ -1107,9 +1127,26 @@
1107
1127
  }
1108
1128
  .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
1109
1129
  visibility: hidden !important;
1130
+ /* stylelint-enable */
1131
+ }
1132
+ .e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader {
1133
+ position: absolute;
1134
+ z-index: 10;
1135
+ color: #0070f0;
1136
+ font-size: 20px;
1137
+ text-align: center;
1138
+ padding: 10%;
1139
+ pointer-events: none;
1140
+ }
1141
+ .e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader.e-hide-loader {
1142
+ display: none;
1143
+ }
1144
+ .e-pivotview.sf-pivotview .e-grid .e-virtual-pivot-content {
1145
+ visibility: hidden;
1110
1146
  }
1111
1147
  .e-pivotview .e-grid .e-headercelldiv,
1112
1148
  .e-pivotview .e-grid .e-columnsheader {
1149
+ /* stylelint-disable */
1113
1150
  padding-left: 8px !important;
1114
1151
  }
1115
1152
  .e-pivotview .sf-grid .e-spinner-pane {
@@ -1130,6 +1167,14 @@
1130
1167
  border-left: 0;
1131
1168
  border-right-width: 1px;
1132
1169
  }
1170
+ .e-pivotview .e-leftfreeze.e-freezeleftborder {
1171
+ border-left-color: #414141 !important;
1172
+ border-right-color: #414141 !important;
1173
+ border-right-width: 1px !important;
1174
+ }
1175
+ .e-pivotview .e-leftfreeze.e-freezeleftborder:not(.e-gtot) {
1176
+ background: #131313;
1177
+ }
1133
1178
  .e-pivotview .e-stackedheadercelldiv {
1134
1179
  display: block;
1135
1180
  }
@@ -1137,7 +1182,6 @@
1137
1182
  .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
1138
1183
  display: inline-block;
1139
1184
  padding-left: 12px !important;
1140
- margin-top: 5px;
1141
1185
  }
1142
1186
  .e-pivotview .e-headercelldiv.e-cellvalue {
1143
1187
  margin-left: 0px;
@@ -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: 6px;
1647
- margin-bottom: 0;
1692
+ margin-left: 0;
1648
1693
  }
1649
1694
  .e-pivotview .e-expand::before {
1650
1695
  font-size: 10px;
@@ -2008,6 +2053,10 @@
2008
2053
  border-left-width: 1px;
2009
2054
  border-right: 0;
2010
2055
  }
2056
+ .e-pivotview.e-rtl .e-leftfreeze.e-freezeleftborder {
2057
+ border-left-width: 1px;
2058
+ border-right: 0;
2059
+ }
2011
2060
  .e-pivotview.e-rtl .e-rowsheader .e-cellvalue {
2012
2061
  margin-left: 0;
2013
2062
  margin-right: 7px;
@@ -2240,12 +2289,6 @@
2240
2289
  .e-bigger.e-pivotview .e-bigger .e-stackedheadercelldiv {
2241
2290
  padding-left: 16px !important;
2242
2291
  }
2243
- .e-bigger .e-pivotview th .e-expand,
2244
- .e-bigger .e-pivotview th .e-collapse,
2245
- .e-bigger.e-pivotview th .e-expand,
2246
- .e-bigger.e-pivotview th .e-collapse {
2247
- margin-top: 6px;
2248
- }
2249
2292
  .e-bigger .e-pivotview .e-grouping-bar,
2250
2293
  .e-bigger.e-pivotview .e-grouping-bar {
2251
2294
  /* stylelint-enable */
@@ -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,
@@ -626,6 +628,9 @@
626
628
  .e-pivotview .e-frozenscrollbar {
627
629
  background: #f5f5f5;
628
630
  }
631
+ .e-pivotview .e-headercontent .e-columnheader .e-headercell.e-leftfreeze {
632
+ -webkit-transform: translate3d(0, 0, 0);
633
+ }
629
634
 
630
635
  .e-pivotview-disable-icon {
631
636
  visibility: hidden;
@@ -900,7 +905,6 @@
900
905
 
901
906
  /*! PivotView theme */
902
907
  .e-pivotview {
903
- /* stylelint-enable */
904
908
  /* stylelint-enable */
905
909
  /* stylelint-disable */
906
910
  /* stylelint-enable */
@@ -911,6 +915,8 @@
911
915
  /* stylelint-enable */
912
916
  }
913
917
  .e-pivotview .e-pivotcell-container {
918
+ -ms-flex-align: center;
919
+ align-items: center;
914
920
  display: -ms-flexbox;
915
921
  display: flex;
916
922
  }
@@ -918,6 +924,7 @@
918
924
  .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
919
925
  overflow: hidden;
920
926
  text-overflow: ellipsis;
927
+ width: 100%;
921
928
  }
922
929
  .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
923
930
  -ms-flex-align: center;
@@ -956,14 +963,23 @@
956
963
  -ms-user-select: none;
957
964
  user-select: none;
958
965
  }
966
+ .e-pivotview .e-grid .e-content-virtualtable {
967
+ overflow-x: auto;
968
+ scrollbar-width: none; /* firefox */
969
+ }
970
+ .e-pivotview .e-grid .e-content-virtualtable::-webkit-scrollbar {
971
+ display: none; /* safari, chrome and edge */
972
+ }
959
973
  .e-pivotview .e-gtot,
960
974
  .e-pivotview .e-gtot.e-rowsheader,
961
975
  .e-pivotview .e-gtot.e-columnsheader,
962
976
  .e-pivotview .e-grid .e-content,
963
- .e-pivotview .e-grid .e-gridheader,
964
- .e-pivotview .e-headercell {
977
+ .e-pivotview .e-grid .e-gridheader {
965
978
  background: #f5f5f5;
966
979
  }
980
+ .e-pivotview .e-headercell:not(.e-columnsheader) {
981
+ background: #f5f5f5 !important;
982
+ }
967
983
  .e-pivotview .e-grid .e-gridheader {
968
984
  border-bottom-width: 1px;
969
985
  }
@@ -1056,9 +1072,6 @@
1056
1072
  .e-pivotview .e-drop-indicator {
1057
1073
  display: block;
1058
1074
  }
1059
- .e-pivotview div.e-cellvalue {
1060
- margin-top: 5px;
1061
- }
1062
1075
  .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
1063
1076
  float: right;
1064
1077
  }
@@ -1068,10 +1081,17 @@
1068
1081
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1069
1082
  display: none;
1070
1083
  }
1071
- .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 {
1084
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1085
+ margin: -28px 0 !important;
1086
+ }
1087
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1072
1088
  margin: -11px 0 !important;
1089
+ }
1090
+ .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 {
1091
+ margin: 0 !important;
1073
1092
  margin-left: auto !important;
1074
- margin-top: 5px !important;
1093
+ padding-bottom: 0 !important;
1094
+ padding-top: 0 !important;
1075
1095
  }
1076
1096
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1077
1097
  margin: -20px 0 !important;
@@ -1106,9 +1126,26 @@
1106
1126
  }
1107
1127
  .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
1108
1128
  visibility: hidden !important;
1129
+ /* stylelint-enable */
1130
+ }
1131
+ .e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader {
1132
+ position: absolute;
1133
+ z-index: 10;
1134
+ color: #317ab9;
1135
+ font-size: 20px;
1136
+ text-align: center;
1137
+ padding: 10%;
1138
+ pointer-events: none;
1139
+ }
1140
+ .e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader.e-hide-loader {
1141
+ display: none;
1142
+ }
1143
+ .e-pivotview.sf-pivotview .e-grid .e-virtual-pivot-content {
1144
+ visibility: hidden;
1109
1145
  }
1110
1146
  .e-pivotview .e-grid .e-headercelldiv,
1111
1147
  .e-pivotview .e-grid .e-columnsheader {
1148
+ /* stylelint-disable */
1112
1149
  padding-left: 8px !important;
1113
1150
  }
1114
1151
  .e-pivotview .sf-grid .e-spinner-pane {
@@ -1129,6 +1166,14 @@
1129
1166
  border-left: 0;
1130
1167
  border-right-width: 1px;
1131
1168
  }
1169
+ .e-pivotview .e-leftfreeze.e-freezeleftborder {
1170
+ border-left-color: #e6e6e6 !important;
1171
+ border-right-color: #e6e6e6 !important;
1172
+ border-right-width: 1px !important;
1173
+ }
1174
+ .e-pivotview .e-leftfreeze.e-freezeleftborder:not(.e-gtot) {
1175
+ background: #f9f9f9;
1176
+ }
1132
1177
  .e-pivotview .e-stackedheadercelldiv {
1133
1178
  display: block;
1134
1179
  }
@@ -1136,7 +1181,6 @@
1136
1181
  .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
1137
1182
  display: inline-block;
1138
1183
  padding-left: 12px !important;
1139
- margin-top: 5px;
1140
1184
  }
1141
1185
  .e-pivotview .e-headercelldiv.e-cellvalue {
1142
1186
  margin-left: 0px;
@@ -1481,6 +1525,11 @@
1481
1525
  .e-pivotview .e-group-columns {
1482
1526
  width: 100%;
1483
1527
  }
1528
+ .e-pivotview th.e-group-row .e-axis-row {
1529
+ display: inline-block;
1530
+ height: 100%;
1531
+ vertical-align: top;
1532
+ }
1484
1533
  .e-pivotview .e-group-row {
1485
1534
  padding: 0 !important;
1486
1535
  }
@@ -1633,17 +1682,13 @@
1633
1682
  cursor: pointer;
1634
1683
  display: inline-block;
1635
1684
  height: 18px;
1636
- margin-top: 5px;
1637
- margin-bottom: 0;
1638
1685
  text-align: center;
1639
1686
  width: 18px;
1640
1687
  }
1641
1688
  .e-pivotview th .e-expand,
1642
1689
  .e-pivotview th .e-collapse {
1643
1690
  font-size: 11px !important;
1644
- margin-left: 0px;
1645
- margin-top: 6px;
1646
- margin-bottom: 0;
1691
+ margin-left: 0;
1647
1692
  }
1648
1693
  .e-pivotview .e-expand::before {
1649
1694
  font-size: 10px;
@@ -2007,6 +2052,10 @@
2007
2052
  border-left-width: 1px;
2008
2053
  border-right: 0;
2009
2054
  }
2055
+ .e-pivotview.e-rtl .e-leftfreeze.e-freezeleftborder {
2056
+ border-left-width: 1px;
2057
+ border-right: 0;
2058
+ }
2010
2059
  .e-pivotview.e-rtl .e-rowsheader .e-cellvalue {
2011
2060
  margin-left: 0;
2012
2061
  margin-right: 7px;
@@ -2139,7 +2188,7 @@
2139
2188
  }
2140
2189
 
2141
2190
  .e-pivottooltip p {
2142
- color: #333;
2191
+ color: #fff;
2143
2192
  display: inline-block;
2144
2193
  font-family: Helvetica;
2145
2194
  font-size: 14px;
@@ -2239,12 +2288,6 @@
2239
2288
  .e-bigger.e-pivotview .e-bigger .e-stackedheadercelldiv {
2240
2289
  padding-left: 16px !important;
2241
2290
  }
2242
- .e-bigger .e-pivotview th .e-expand,
2243
- .e-bigger .e-pivotview th .e-collapse,
2244
- .e-bigger.e-pivotview th .e-expand,
2245
- .e-bigger.e-pivotview th .e-collapse {
2246
- margin-top: 6px;
2247
- }
2248
2291
  .e-bigger .e-pivotview .e-grouping-bar,
2249
2292
  .e-bigger.e-pivotview .e-grouping-bar {
2250
2293
  /* stylelint-enable */
@@ -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 */