@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
package/styles/fluent.css CHANGED
@@ -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,
@@ -644,6 +646,9 @@
644
646
  .e-pivotview .e-frozenscrollbar {
645
647
  background: #faf9f8;
646
648
  }
649
+ .e-pivotview .e-headercontent .e-columnheader .e-headercell.e-leftfreeze {
650
+ -webkit-transform: translate3d(0, 0, 0);
651
+ }
647
652
 
648
653
  .e-pivotview-disable-icon {
649
654
  visibility: hidden;
@@ -919,7 +924,6 @@
919
924
 
920
925
  /*! PivotView theme */
921
926
  .e-pivotview {
922
- /* stylelint-enable */
923
927
  /* stylelint-enable */
924
928
  /* stylelint-disable */
925
929
  /* stylelint-enable */
@@ -930,6 +934,8 @@
930
934
  /* stylelint-enable */
931
935
  }
932
936
  .e-pivotview .e-pivotcell-container {
937
+ -ms-flex-align: center;
938
+ align-items: center;
933
939
  display: -ms-flexbox;
934
940
  display: flex;
935
941
  }
@@ -937,6 +943,7 @@
937
943
  .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
938
944
  overflow: hidden;
939
945
  text-overflow: ellipsis;
946
+ width: 100%;
940
947
  }
941
948
  .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
942
949
  -ms-flex-align: center;
@@ -975,14 +982,23 @@
975
982
  -ms-user-select: none;
976
983
  user-select: none;
977
984
  }
985
+ .e-pivotview .e-grid .e-content-virtualtable {
986
+ overflow-x: auto;
987
+ scrollbar-width: none; /* firefox */
988
+ }
989
+ .e-pivotview .e-grid .e-content-virtualtable::-webkit-scrollbar {
990
+ display: none; /* safari, chrome and edge */
991
+ }
978
992
  .e-pivotview .e-gtot,
979
993
  .e-pivotview .e-gtot.e-rowsheader,
980
994
  .e-pivotview .e-gtot.e-columnsheader,
981
995
  .e-pivotview .e-grid .e-content,
982
- .e-pivotview .e-grid .e-gridheader,
983
- .e-pivotview .e-headercell {
996
+ .e-pivotview .e-grid .e-gridheader {
984
997
  background: #faf9f8;
985
998
  }
999
+ .e-pivotview .e-headercell:not(.e-columnsheader) {
1000
+ background: #faf9f8 !important;
1001
+ }
986
1002
  .e-pivotview .e-grid .e-gridheader {
987
1003
  border-bottom-width: 1px;
988
1004
  }
@@ -1075,9 +1091,6 @@
1075
1091
  .e-pivotview .e-drop-indicator {
1076
1092
  display: block;
1077
1093
  }
1078
- .e-pivotview div.e-cellvalue {
1079
- margin-top: 1px;
1080
- }
1081
1094
  .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
1082
1095
  float: right;
1083
1096
  font-size: 14px !important;
@@ -1088,10 +1101,17 @@
1088
1101
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1089
1102
  display: none;
1090
1103
  }
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 {
1104
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1105
+ margin: -33px 0 !important;
1106
+ }
1107
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1092
1108
  margin: -11px 0 !important;
1109
+ }
1110
+ .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 {
1111
+ margin: 0 !important;
1093
1112
  margin-left: auto !important;
1094
- margin-top: 1px !important;
1113
+ padding-bottom: 0 !important;
1114
+ padding-top: 0 !important;
1095
1115
  }
1096
1116
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1097
1117
  margin: -20px 0 !important;
@@ -1126,9 +1146,26 @@
1126
1146
  }
1127
1147
  .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
1128
1148
  visibility: hidden !important;
1149
+ /* stylelint-enable */
1150
+ }
1151
+ .e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader {
1152
+ position: absolute;
1153
+ z-index: 10;
1154
+ color: #0078d4;
1155
+ font-size: 20px;
1156
+ text-align: center;
1157
+ padding: 10%;
1158
+ pointer-events: none;
1159
+ }
1160
+ .e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader.e-hide-loader {
1161
+ display: none;
1162
+ }
1163
+ .e-pivotview.sf-pivotview .e-grid .e-virtual-pivot-content {
1164
+ visibility: hidden;
1129
1165
  }
1130
1166
  .e-pivotview .e-grid .e-headercelldiv,
1131
1167
  .e-pivotview .e-grid .e-columnsheader {
1168
+ /* stylelint-disable */
1132
1169
  padding-left: 8px !important;
1133
1170
  padding-top: 0px !important;
1134
1171
  padding-bottom: 0px !important;
@@ -1151,6 +1188,14 @@
1151
1188
  border-left: 0;
1152
1189
  border-right-width: 1px;
1153
1190
  }
1191
+ .e-pivotview .e-leftfreeze.e-freezeleftborder {
1192
+ border-left-color: #edebe9 !important;
1193
+ border-right-color: #edebe9 !important;
1194
+ border-right-width: 1px !important;
1195
+ }
1196
+ .e-pivotview .e-leftfreeze.e-freezeleftborder:not(.e-gtot) {
1197
+ background: #faf9f8;
1198
+ }
1154
1199
  .e-pivotview .e-stackedheadercelldiv {
1155
1200
  display: block;
1156
1201
  }
@@ -1158,8 +1203,6 @@
1158
1203
  .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
1159
1204
  display: inline-block;
1160
1205
  padding-left: 12px !important;
1161
- margin-top: 5px;
1162
- margin-top: 1px;
1163
1206
  }
1164
1207
  .e-pivotview .e-stackedheadercelldiv {
1165
1208
  padding: 0 0 0 1px !important;
@@ -1506,6 +1549,11 @@
1506
1549
  .e-pivotview .e-group-columns {
1507
1550
  width: 100%;
1508
1551
  }
1552
+ .e-pivotview th.e-group-row .e-axis-row {
1553
+ display: inline-block;
1554
+ height: 100%;
1555
+ vertical-align: top;
1556
+ }
1509
1557
  .e-pivotview .e-group-row {
1510
1558
  padding: 0 !important;
1511
1559
  }
@@ -1658,8 +1706,6 @@
1658
1706
  cursor: pointer;
1659
1707
  display: inline-block;
1660
1708
  height: 18px;
1661
- margin-top: 0;
1662
- margin-bottom: 2px;
1663
1709
  text-align: center;
1664
1710
  width: 18px;
1665
1711
  vertical-align: middle;
@@ -1667,9 +1713,7 @@
1667
1713
  .e-pivotview th .e-expand,
1668
1714
  .e-pivotview th .e-collapse {
1669
1715
  font-size: 10px !important;
1670
- margin-left: 0px;
1671
- margin-top: 0;
1672
- margin-bottom: 2px;
1716
+ margin-left: 0;
1673
1717
  }
1674
1718
  .e-pivotview .e-expand::before {
1675
1719
  font-size: 18px;
@@ -2033,6 +2077,10 @@
2033
2077
  border-left-width: 1px;
2034
2078
  border-right: 0;
2035
2079
  }
2080
+ .e-pivotview.e-rtl .e-leftfreeze.e-freezeleftborder {
2081
+ border-left-width: 1px;
2082
+ border-right: 0;
2083
+ }
2036
2084
  .e-pivotview.e-rtl .e-rowsheader .e-cellvalue {
2037
2085
  margin-left: 0;
2038
2086
  margin-right: 7px;
@@ -2265,12 +2313,6 @@
2265
2313
  .e-bigger.e-pivotview .e-bigger .e-stackedheadercelldiv {
2266
2314
  padding-left: 16px !important;
2267
2315
  }
2268
- .e-bigger .e-pivotview th .e-expand,
2269
- .e-bigger .e-pivotview th .e-collapse,
2270
- .e-bigger.e-pivotview th .e-expand,
2271
- .e-bigger.e-pivotview th .e-collapse {
2272
- margin-top: 0;
2273
- }
2274
2316
  .e-bigger .e-pivotview .e-grouping-bar,
2275
2317
  .e-bigger.e-pivotview .e-grouping-bar {
2276
2318
  /* stylelint-enable */
@@ -3261,7 +3303,7 @@
3261
3303
  width: 100% !important;
3262
3304
  }
3263
3305
  .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
3264
- margin-left: 0;
3306
+ margin-left: 0 !important;
3265
3307
  }
3266
3308
  .e-pivot-formatting-dialog.e-device .e-format-value1,
3267
3309
  .e-pivot-formatting-dialog.e-device .e-format-value2,
@@ -4328,12 +4370,6 @@
4328
4370
  height: 36px;
4329
4371
  padding: 6px 12px;
4330
4372
  }
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
- .e-bigger.e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
4334
- .e-bigger.e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text {
4335
- line-height: 1.5em;
4336
- }
4337
4373
  .e-bigger .e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
4338
4374
  .e-bigger .e-pivot-calc.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
4339
4375
  .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,
@@ -629,6 +631,9 @@
629
631
  .e-pivotview .e-frozenscrollbar {
630
632
  background: #d8d8d8;
631
633
  }
634
+ .e-pivotview .e-headercontent .e-columnheader .e-headercell.e-leftfreeze {
635
+ -webkit-transform: translate3d(0, 0, 0);
636
+ }
632
637
 
633
638
  .e-pivotview-disable-icon {
634
639
  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: #d8d8d8;
969
982
  }
983
+ .e-pivotview .e-headercell:not(.e-columnsheader) {
984
+ background: #d8d8d8 !important;
985
+ }
970
986
  .e-pivotview .e-grid .e-gridheader {
971
987
  border-bottom-width: 1px;
972
988
  }
@@ -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: 0;
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
  }
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 {
1092
+ margin: 0 !important;
1093
+ }
1075
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 {
1076
1095
  margin: 0 !important;
1077
1096
  margin-left: auto !important;
1078
- margin-top: 0 !important;
1097
+ padding-bottom: 0 !important;
1098
+ padding-top: 0 !important;
1079
1099
  }
1080
1100
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1081
1101
  margin: -6px 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: #400074;
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: #757575 !important;
1175
+ border-right-color: #757575 !important;
1176
+ border-right-width: 1px !important;
1177
+ }
1178
+ .e-pivotview .e-leftfreeze.e-freezeleftborder:not(.e-gtot) {
1179
+ background: #d8d8d8;
1180
+ }
1136
1181
  .e-pivotview .e-stackedheadercelldiv {
1137
1182
  display: block;
1138
1183
  }
@@ -1140,8 +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: 0;
1145
1188
  }
1146
1189
  .e-pivotview .e-stackedheadercelldiv {
1147
1190
  padding: 0 0 0 1px !important;
@@ -1483,6 +1526,11 @@
1483
1526
  .e-pivotview .e-group-columns {
1484
1527
  width: 100%;
1485
1528
  }
1529
+ .e-pivotview th.e-group-row .e-axis-row {
1530
+ display: inline-block;
1531
+ height: 100%;
1532
+ vertical-align: top;
1533
+ }
1486
1534
  .e-pivotview .e-group-row {
1487
1535
  padding: 0 !important;
1488
1536
  }
@@ -1635,17 +1683,13 @@
1635
1683
  cursor: pointer;
1636
1684
  display: inline-block;
1637
1685
  height: 18px;
1638
- margin-top: 0;
1639
- margin-bottom: 0;
1640
1686
  text-align: center;
1641
1687
  width: 18px;
1642
1688
  }
1643
1689
  .e-pivotview th .e-expand,
1644
1690
  .e-pivotview th .e-collapse {
1645
1691
  font-size: 13px !important;
1646
- margin-left: 0px;
1647
- margin-top: 2px;
1648
- margin-bottom: 0;
1692
+ margin-left: 0;
1649
1693
  }
1650
1694
  .e-pivotview .e-expand::before {
1651
1695
  font-size: 10px;
@@ -2010,6 +2054,10 @@
2010
2054
  border-left-width: 1px;
2011
2055
  border-right: 0;
2012
2056
  }
2057
+ .e-pivotview.e-rtl .e-leftfreeze.e-freezeleftborder {
2058
+ border-left-width: 1px;
2059
+ border-right: 0;
2060
+ }
2013
2061
  .e-pivotview.e-rtl .e-rowsheader .e-cellvalue {
2014
2062
  margin-left: 0;
2015
2063
  margin-right: 7px;
@@ -2242,12 +2290,6 @@
2242
2290
  .e-bigger.e-pivotview .e-bigger .e-stackedheadercelldiv {
2243
2291
  padding-left: 16px !important;
2244
2292
  }
2245
- .e-bigger .e-pivotview th .e-expand,
2246
- .e-bigger .e-pivotview th .e-collapse,
2247
- .e-bigger.e-pivotview th .e-expand,
2248
- .e-bigger.e-pivotview th .e-collapse {
2249
- margin-top: 2px;
2250
- }
2251
2293
  .e-bigger .e-pivotview .e-grouping-bar,
2252
2294
  .e-bigger.e-pivotview .e-grouping-bar {
2253
2295
  /* stylelint-enable */
@@ -3217,7 +3259,7 @@
3217
3259
  width: 100% !important;
3218
3260
  }
3219
3261
  .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
3220
- margin-left: 0;
3262
+ margin-left: 0 !important;
3221
3263
  }
3222
3264
  .e-pivot-formatting-dialog.e-device .e-format-value1,
3223
3265
  .e-pivot-formatting-dialog.e-device .e-format-value2,
@@ -4136,6 +4178,7 @@
4136
4178
  border-top-right-radius: 0;
4137
4179
  padding-top: 20px;
4138
4180
  padding-bottom: 20px;
4181
+ padding: 20px;
4139
4182
  }
4140
4183
  .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-content,
4141
4184
  .e-pivotfieldlist-container .e-member-editor-dialog .e-dlg-content,
@@ -4254,12 +4297,6 @@
4254
4297
  height: 36px;
4255
4298
  padding: 6px 12px;
4256
4299
  }
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
4300
  .e-bigger .e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
4264
4301
  .e-bigger .e-pivot-calc.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
4265
4302
  .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,
@@ -629,6 +631,9 @@
629
631
  .e-pivotview .e-frozenscrollbar {
630
632
  background: #262626;
631
633
  }
634
+ .e-pivotview .e-headercontent .e-columnheader .e-headercell.e-leftfreeze {
635
+ -webkit-transform: translate3d(0, 0, 0);
636
+ }
632
637
 
633
638
  .e-pivotview-disable-icon {
634
639
  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: #000;
969
982
  }
983
+ .e-pivotview .e-headercell:not(.e-columnsheader) {
984
+ background: #000 !important;
985
+ }
970
986
  .e-pivotview .e-grid .e-gridheader {
971
987
  border-bottom-width: 1px;
972
988
  }
@@ -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: 0;
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
  }
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 {
1092
+ margin: 0 !important;
1093
+ }
1075
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 {
1076
1095
  margin: 0 !important;
1077
1096
  margin-left: auto !important;
1078
- margin-top: 0 !important;
1097
+ padding-bottom: 0 !important;
1098
+ padding-top: 0 !important;
1079
1099
  }
1080
1100
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1081
1101
  margin: -6px 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: #ffd939;
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: #969696 !important;
1175
+ border-right-color: #969696 !important;
1176
+ border-right-width: 1px !important;
1177
+ }
1178
+ .e-pivotview .e-leftfreeze.e-freezeleftborder:not(.e-gtot) {
1179
+ background: #000;
1180
+ }
1136
1181
  .e-pivotview .e-stackedheadercelldiv {
1137
1182
  display: block;
1138
1183
  }
@@ -1140,8 +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: 0;
1145
1188
  }
1146
1189
  .e-pivotview .e-stackedheadercelldiv {
1147
1190
  padding: 0 0 0 1px !important;
@@ -1483,6 +1526,11 @@
1483
1526
  .e-pivotview .e-group-columns {
1484
1527
  width: 100%;
1485
1528
  }
1529
+ .e-pivotview th.e-group-row .e-axis-row {
1530
+ display: inline-block;
1531
+ height: 100%;
1532
+ vertical-align: top;
1533
+ }
1486
1534
  .e-pivotview .e-group-row {
1487
1535
  padding: 0 !important;
1488
1536
  }
@@ -1635,17 +1683,13 @@
1635
1683
  cursor: pointer;
1636
1684
  display: inline-block;
1637
1685
  height: 18px;
1638
- margin-top: 0;
1639
- margin-bottom: 0;
1640
1686
  text-align: center;
1641
1687
  width: 18px;
1642
1688
  }
1643
1689
  .e-pivotview th .e-expand,
1644
1690
  .e-pivotview th .e-collapse {
1645
1691
  font-size: 13px !important;
1646
- margin-left: 0px;
1647
- margin-top: 2px;
1648
- margin-bottom: 0;
1692
+ margin-left: 0;
1649
1693
  }
1650
1694
  .e-pivotview .e-expand::before {
1651
1695
  font-size: 10px;
@@ -2010,6 +2054,10 @@
2010
2054
  border-left-width: 1px;
2011
2055
  border-right: 0;
2012
2056
  }
2057
+ .e-pivotview.e-rtl .e-leftfreeze.e-freezeleftborder {
2058
+ border-left-width: 1px;
2059
+ border-right: 0;
2060
+ }
2013
2061
  .e-pivotview.e-rtl .e-rowsheader .e-cellvalue {
2014
2062
  margin-left: 0;
2015
2063
  margin-right: 7px;
@@ -2242,12 +2290,6 @@
2242
2290
  .e-bigger.e-pivotview .e-bigger .e-stackedheadercelldiv {
2243
2291
  padding-left: 16px !important;
2244
2292
  }
2245
- .e-bigger .e-pivotview th .e-expand,
2246
- .e-bigger .e-pivotview th .e-collapse,
2247
- .e-bigger.e-pivotview th .e-expand,
2248
- .e-bigger.e-pivotview th .e-collapse {
2249
- margin-top: 2px;
2250
- }
2251
2293
  .e-bigger .e-pivotview .e-grouping-bar,
2252
2294
  .e-bigger.e-pivotview .e-grouping-bar {
2253
2295
  /* stylelint-enable */
@@ -3217,7 +3259,7 @@
3217
3259
  width: 100% !important;
3218
3260
  }
3219
3261
  .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
3220
- margin-left: 0;
3262
+ margin-left: 0 !important;
3221
3263
  }
3222
3264
  .e-pivot-formatting-dialog.e-device .e-format-value1,
3223
3265
  .e-pivot-formatting-dialog.e-device .e-format-value2,
@@ -4136,6 +4178,7 @@
4136
4178
  border-top-right-radius: 0;
4137
4179
  padding-top: 20px;
4138
4180
  padding-bottom: 20px;
4181
+ padding: 20px;
4139
4182
  }
4140
4183
  .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-content,
4141
4184
  .e-pivotfieldlist-container .e-member-editor-dialog .e-dlg-content,
@@ -4254,12 +4297,6 @@
4254
4297
  height: 36px;
4255
4298
  padding: 6px 12px;
4256
4299
  }
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
4300
  .e-bigger .e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
4264
4301
  .e-bigger .e-pivot-calc.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
4265
4302
  .e-bigger.e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,