@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
@@ -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
  /* pivot-pager */
@@ -159,6 +158,8 @@
159
158
  /* stylelint-disable */
160
159
  /* stylelint-enable */
161
160
  /* stylelint-enable */
161
+ /* stylelint-disable */
162
+ /* stylelint-enable */
162
163
  }
163
164
  .e-pivotview .e-value-field-settings,
164
165
  .e-pivotview .e-member-editor-dialog,
@@ -636,6 +637,9 @@
636
637
  .e-pivotview .e-frozenscrollbar {
637
638
  background: #232e3e;
638
639
  }
640
+ .e-pivotview .e-headercontent .e-columnheader .e-headercell.e-leftfreeze {
641
+ -webkit-transform: translate3d(0, 0, 0);
642
+ }
639
643
 
640
644
  .e-pivotview-disable-icon {
641
645
  visibility: hidden;
@@ -916,7 +920,6 @@
916
920
 
917
921
  /*! PivotView theme */
918
922
  .e-pivotview {
919
- /* stylelint-enable */
920
923
  /* stylelint-enable */
921
924
  /* stylelint-disable */
922
925
  /* stylelint-enable */
@@ -927,6 +930,8 @@
927
930
  /* stylelint-enable */
928
931
  }
929
932
  .e-pivotview .e-pivotcell-container {
933
+ -ms-flex-align: center;
934
+ align-items: center;
930
935
  display: -ms-flexbox;
931
936
  display: flex;
932
937
  }
@@ -934,6 +939,7 @@
934
939
  .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
935
940
  overflow: hidden;
936
941
  text-overflow: ellipsis;
942
+ width: 100%;
937
943
  }
938
944
  .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
939
945
  -ms-flex-align: center;
@@ -972,14 +978,23 @@
972
978
  -ms-user-select: none;
973
979
  user-select: none;
974
980
  }
981
+ .e-pivotview .e-grid .e-content-virtualtable {
982
+ overflow-x: auto;
983
+ scrollbar-width: none; /* firefox */
984
+ }
985
+ .e-pivotview .e-grid .e-content-virtualtable::-webkit-scrollbar {
986
+ display: none; /* safari, chrome and edge */
987
+ }
975
988
  .e-pivotview .e-gtot,
976
989
  .e-pivotview .e-gtot.e-rowsheader,
977
990
  .e-pivotview .e-gtot.e-columnsheader,
978
991
  .e-pivotview .e-grid .e-content,
979
- .e-pivotview .e-grid .e-gridheader,
980
- .e-pivotview .e-headercell {
992
+ .e-pivotview .e-grid .e-gridheader {
981
993
  background: #232e3e;
982
994
  }
995
+ .e-pivotview .e-headercell:not(.e-columnsheader) {
996
+ background: #232e3e !important;
997
+ }
983
998
  .e-pivotview .e-grid .e-gridheader {
984
999
  border-bottom-width: 1px;
985
1000
  }
@@ -1076,9 +1091,6 @@
1076
1091
  .e-pivotview .e-drop-indicator {
1077
1092
  display: block;
1078
1093
  }
1079
- .e-pivotview div.e-cellvalue {
1080
- margin-top: 2px;
1081
- }
1082
1094
  .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
1083
1095
  float: right;
1084
1096
  }
@@ -1088,10 +1100,17 @@
1088
1100
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1089
1101
  display: none;
1090
1102
  }
1103
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1104
+ margin: -18px 0 !important;
1105
+ }
1106
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1107
+ margin: 0 !important;
1108
+ }
1091
1109
  .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
1110
  margin: 0 !important;
1093
1111
  margin-left: auto !important;
1094
- margin-top: 2px !important;
1112
+ padding-bottom: 0 !important;
1113
+ padding-top: 0 !important;
1095
1114
  }
1096
1115
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1097
1116
  margin: -4px 0 !important;
@@ -1127,9 +1146,26 @@
1127
1146
  }
1128
1147
  .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
1129
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: #22d3ee;
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;
1130
1165
  }
1131
1166
  .e-pivotview .e-grid .e-headercelldiv,
1132
1167
  .e-pivotview .e-grid .e-columnsheader {
1168
+ /* stylelint-disable */
1133
1169
  padding-left: 8px !important;
1134
1170
  text-transform: none;
1135
1171
  padding-top: 0px !important;
@@ -1153,6 +1189,14 @@
1153
1189
  border-left: 0;
1154
1190
  border-right-width: 1px;
1155
1191
  }
1192
+ .e-pivotview .e-leftfreeze.e-freezeleftborder {
1193
+ border-left-color: #4b5563 !important;
1194
+ border-right-color: #4b5563 !important;
1195
+ border-right-width: 1px !important;
1196
+ }
1197
+ .e-pivotview .e-leftfreeze.e-freezeleftborder:not(.e-gtot) {
1198
+ background: #232e3e;
1199
+ }
1156
1200
  .e-pivotview .e-stackedheadercelldiv {
1157
1201
  display: block;
1158
1202
  }
@@ -1160,9 +1204,6 @@
1160
1204
  .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
1161
1205
  display: inline-block;
1162
1206
  padding-left: 12px !important;
1163
- margin-top: 5px;
1164
- margin-top: 2px;
1165
- padding-left: 8px !important;
1166
1207
  }
1167
1208
  .e-pivotview .e-stackedheadercelldiv {
1168
1209
  padding: 0 0 0 1px !important;
@@ -1507,6 +1548,11 @@
1507
1548
  .e-pivotview .e-group-columns {
1508
1549
  width: 100%;
1509
1550
  }
1551
+ .e-pivotview th.e-group-row .e-axis-row {
1552
+ display: inline-block;
1553
+ height: 100%;
1554
+ vertical-align: top;
1555
+ }
1510
1556
  .e-pivotview .e-group-row {
1511
1557
  padding: 0 !important;
1512
1558
  }
@@ -1659,8 +1705,6 @@
1659
1705
  cursor: pointer;
1660
1706
  display: inline-block;
1661
1707
  height: 18px;
1662
- margin-top: 0;
1663
- margin-bottom: 0;
1664
1708
  text-align: center;
1665
1709
  width: 18px;
1666
1710
  vertical-align: middle;
@@ -1668,9 +1712,7 @@
1668
1712
  .e-pivotview th .e-expand,
1669
1713
  .e-pivotview th .e-collapse {
1670
1714
  font-size: 10px !important;
1671
- margin-left: 0px;
1672
- margin-top: 0;
1673
- margin-bottom: 0;
1715
+ margin-left: 0;
1674
1716
  }
1675
1717
  .e-pivotview .e-expand::before {
1676
1718
  font-size: 18px;
@@ -2034,6 +2076,10 @@
2034
2076
  border-left-width: 1px;
2035
2077
  border-right: 0;
2036
2078
  }
2079
+ .e-pivotview.e-rtl .e-leftfreeze.e-freezeleftborder {
2080
+ border-left-width: 1px;
2081
+ border-right: 0;
2082
+ }
2037
2083
  .e-pivotview.e-rtl .e-rowsheader .e-cellvalue {
2038
2084
  margin-left: 0;
2039
2085
  margin-right: 7px;
@@ -2268,12 +2314,6 @@
2268
2314
  .e-bigger.e-pivotview .e-bigger .e-stackedheadercelldiv {
2269
2315
  padding-left: 16px !important;
2270
2316
  }
2271
- .e-bigger .e-pivotview th .e-expand,
2272
- .e-bigger .e-pivotview th .e-collapse,
2273
- .e-bigger.e-pivotview th .e-expand,
2274
- .e-bigger.e-pivotview th .e-collapse {
2275
- margin-top: 0;
2276
- }
2277
2317
  .e-bigger .e-pivotview .e-grouping-bar,
2278
2318
  .e-bigger.e-pivotview .e-grouping-bar {
2279
2319
  /* stylelint-enable */
@@ -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
  /*! component's theme wise override definitions and variables */
@@ -161,6 +160,8 @@
161
160
  /* stylelint-disable */
162
161
  /* stylelint-enable */
163
162
  /* stylelint-enable */
163
+ /* stylelint-disable */
164
+ /* stylelint-enable */
164
165
  }
165
166
  .e-pivotview .e-value-field-settings,
166
167
  .e-pivotview .e-member-editor-dialog,
@@ -638,6 +639,9 @@
638
639
  .e-pivotview .e-frozenscrollbar {
639
640
  background: #f9fafb;
640
641
  }
642
+ .e-pivotview .e-headercontent .e-columnheader .e-headercell.e-leftfreeze {
643
+ -webkit-transform: translate3d(0, 0, 0);
644
+ }
641
645
 
642
646
  .e-pivotview-disable-icon {
643
647
  visibility: hidden;
@@ -918,7 +922,6 @@
918
922
 
919
923
  /*! PivotView theme */
920
924
  .e-pivotview {
921
- /* stylelint-enable */
922
925
  /* stylelint-enable */
923
926
  /* stylelint-disable */
924
927
  /* stylelint-enable */
@@ -929,6 +932,8 @@
929
932
  /* stylelint-enable */
930
933
  }
931
934
  .e-pivotview .e-pivotcell-container {
935
+ -ms-flex-align: center;
936
+ align-items: center;
932
937
  display: -ms-flexbox;
933
938
  display: flex;
934
939
  }
@@ -936,6 +941,7 @@
936
941
  .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
937
942
  overflow: hidden;
938
943
  text-overflow: ellipsis;
944
+ width: 100%;
939
945
  }
940
946
  .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
941
947
  -ms-flex-align: center;
@@ -974,14 +980,23 @@
974
980
  -ms-user-select: none;
975
981
  user-select: none;
976
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
+ }
977
990
  .e-pivotview .e-gtot,
978
991
  .e-pivotview .e-gtot.e-rowsheader,
979
992
  .e-pivotview .e-gtot.e-columnsheader,
980
993
  .e-pivotview .e-grid .e-content,
981
- .e-pivotview .e-grid .e-gridheader,
982
- .e-pivotview .e-headercell {
994
+ .e-pivotview .e-grid .e-gridheader {
983
995
  background: #f9fafb;
984
996
  }
997
+ .e-pivotview .e-headercell:not(.e-columnsheader) {
998
+ background: #f9fafb !important;
999
+ }
985
1000
  .e-pivotview .e-grid .e-gridheader {
986
1001
  border-bottom-width: 1px;
987
1002
  }
@@ -1078,9 +1093,6 @@
1078
1093
  .e-pivotview .e-drop-indicator {
1079
1094
  display: block;
1080
1095
  }
1081
- .e-pivotview div.e-cellvalue {
1082
- margin-top: 2px;
1083
- }
1084
1096
  .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
1085
1097
  float: right;
1086
1098
  }
@@ -1090,10 +1102,17 @@
1090
1102
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1091
1103
  display: none;
1092
1104
  }
1105
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1106
+ margin: -18px 0 !important;
1107
+ }
1108
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1109
+ margin: 0 !important;
1110
+ }
1093
1111
  .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
1112
  margin: 0 !important;
1095
1113
  margin-left: auto !important;
1096
- margin-top: 2px !important;
1114
+ padding-bottom: 0 !important;
1115
+ padding-top: 0 !important;
1097
1116
  }
1098
1117
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1099
1118
  margin: -4px 0 !important;
@@ -1129,9 +1148,26 @@
1129
1148
  }
1130
1149
  .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
1131
1150
  visibility: hidden !important;
1151
+ /* stylelint-enable */
1152
+ }
1153
+ .e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader {
1154
+ position: absolute;
1155
+ z-index: 10;
1156
+ color: #4f46e5;
1157
+ font-size: 20px;
1158
+ text-align: center;
1159
+ padding: 10%;
1160
+ pointer-events: none;
1161
+ }
1162
+ .e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader.e-hide-loader {
1163
+ display: none;
1164
+ }
1165
+ .e-pivotview.sf-pivotview .e-grid .e-virtual-pivot-content {
1166
+ visibility: hidden;
1132
1167
  }
1133
1168
  .e-pivotview .e-grid .e-headercelldiv,
1134
1169
  .e-pivotview .e-grid .e-columnsheader {
1170
+ /* stylelint-disable */
1135
1171
  padding-left: 8px !important;
1136
1172
  text-transform: none;
1137
1173
  padding-top: 0px !important;
@@ -1155,6 +1191,14 @@
1155
1191
  border-left: 0;
1156
1192
  border-right-width: 1px;
1157
1193
  }
1194
+ .e-pivotview .e-leftfreeze.e-freezeleftborder {
1195
+ border-left-color: #e5e7eb !important;
1196
+ border-right-color: #e5e7eb !important;
1197
+ border-right-width: 1px !important;
1198
+ }
1199
+ .e-pivotview .e-leftfreeze.e-freezeleftborder:not(.e-gtot) {
1200
+ background: #f9fafb;
1201
+ }
1158
1202
  .e-pivotview .e-stackedheadercelldiv {
1159
1203
  display: block;
1160
1204
  }
@@ -1162,9 +1206,6 @@
1162
1206
  .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
1163
1207
  display: inline-block;
1164
1208
  padding-left: 12px !important;
1165
- margin-top: 5px;
1166
- margin-top: 2px;
1167
- padding-left: 8px !important;
1168
1209
  }
1169
1210
  .e-pivotview .e-stackedheadercelldiv {
1170
1211
  padding: 0 0 0 1px !important;
@@ -1509,6 +1550,11 @@
1509
1550
  .e-pivotview .e-group-columns {
1510
1551
  width: 100%;
1511
1552
  }
1553
+ .e-pivotview th.e-group-row .e-axis-row {
1554
+ display: inline-block;
1555
+ height: 100%;
1556
+ vertical-align: top;
1557
+ }
1512
1558
  .e-pivotview .e-group-row {
1513
1559
  padding: 0 !important;
1514
1560
  }
@@ -1661,8 +1707,6 @@
1661
1707
  cursor: pointer;
1662
1708
  display: inline-block;
1663
1709
  height: 18px;
1664
- margin-top: 0;
1665
- margin-bottom: 0;
1666
1710
  text-align: center;
1667
1711
  width: 18px;
1668
1712
  vertical-align: middle;
@@ -1670,9 +1714,7 @@
1670
1714
  .e-pivotview th .e-expand,
1671
1715
  .e-pivotview th .e-collapse {
1672
1716
  font-size: 10px !important;
1673
- margin-left: 0px;
1674
- margin-top: 0;
1675
- margin-bottom: 0;
1717
+ margin-left: 0;
1676
1718
  }
1677
1719
  .e-pivotview .e-expand::before {
1678
1720
  font-size: 18px;
@@ -2036,6 +2078,10 @@
2036
2078
  border-left-width: 1px;
2037
2079
  border-right: 0;
2038
2080
  }
2081
+ .e-pivotview.e-rtl .e-leftfreeze.e-freezeleftborder {
2082
+ border-left-width: 1px;
2083
+ border-right: 0;
2084
+ }
2039
2085
  .e-pivotview.e-rtl .e-rowsheader .e-cellvalue {
2040
2086
  margin-left: 0;
2041
2087
  margin-right: 7px;
@@ -2270,12 +2316,6 @@
2270
2316
  .e-bigger.e-pivotview .e-bigger .e-stackedheadercelldiv {
2271
2317
  padding-left: 16px !important;
2272
2318
  }
2273
- .e-bigger .e-pivotview th .e-expand,
2274
- .e-bigger .e-pivotview th .e-collapse,
2275
- .e-bigger.e-pivotview th .e-expand,
2276
- .e-bigger.e-pivotview th .e-collapse {
2277
- margin-top: 0;
2278
- }
2279
2319
  .e-bigger .e-pivotview .e-grouping-bar,
2280
2320
  .e-bigger.e-pivotview .e-grouping-bar {
2281
2321
  /* stylelint-enable */
@@ -1,8 +1,6 @@
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
  /* pivot-pager */
5
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
6
4
  .e-pivotview .e-expand::before {
7
5
  content: "\e75c";
8
6
  }
@@ -160,6 +158,8 @@
160
158
  /* stylelint-disable */
161
159
  /* stylelint-enable */
162
160
  /* stylelint-enable */
161
+ /* stylelint-disable */
162
+ /* stylelint-enable */
163
163
  }
164
164
  .e-pivotview .e-value-field-settings,
165
165
  .e-pivotview .e-member-editor-dialog,
@@ -637,6 +637,9 @@
637
637
  .e-pivotview .e-frozenscrollbar {
638
638
  background: #232e3e;
639
639
  }
640
+ .e-pivotview .e-headercontent .e-columnheader .e-headercell.e-leftfreeze {
641
+ -webkit-transform: translate3d(0, 0, 0);
642
+ }
640
643
 
641
644
  .e-pivotview-disable-icon {
642
645
  visibility: hidden;
@@ -917,7 +920,6 @@
917
920
 
918
921
  /*! PivotView theme */
919
922
  .e-pivotview {
920
- /* stylelint-enable */
921
923
  /* stylelint-enable */
922
924
  /* stylelint-disable */
923
925
  /* stylelint-enable */
@@ -928,6 +930,8 @@
928
930
  /* stylelint-enable */
929
931
  }
930
932
  .e-pivotview .e-pivotcell-container {
933
+ -ms-flex-align: center;
934
+ align-items: center;
931
935
  display: -ms-flexbox;
932
936
  display: flex;
933
937
  }
@@ -935,6 +939,7 @@
935
939
  .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
936
940
  overflow: hidden;
937
941
  text-overflow: ellipsis;
942
+ width: 100%;
938
943
  }
939
944
  .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
940
945
  -ms-flex-align: center;
@@ -973,14 +978,23 @@
973
978
  -ms-user-select: none;
974
979
  user-select: none;
975
980
  }
981
+ .e-pivotview .e-grid .e-content-virtualtable {
982
+ overflow-x: auto;
983
+ scrollbar-width: none; /* firefox */
984
+ }
985
+ .e-pivotview .e-grid .e-content-virtualtable::-webkit-scrollbar {
986
+ display: none; /* safari, chrome and edge */
987
+ }
976
988
  .e-pivotview .e-gtot,
977
989
  .e-pivotview .e-gtot.e-rowsheader,
978
990
  .e-pivotview .e-gtot.e-columnsheader,
979
991
  .e-pivotview .e-grid .e-content,
980
- .e-pivotview .e-grid .e-gridheader,
981
- .e-pivotview .e-headercell {
992
+ .e-pivotview .e-grid .e-gridheader {
982
993
  background: #232e3e;
983
994
  }
995
+ .e-pivotview .e-headercell:not(.e-columnsheader) {
996
+ background: #232e3e !important;
997
+ }
984
998
  .e-pivotview .e-grid .e-gridheader {
985
999
  border-bottom-width: 1px;
986
1000
  }
@@ -1077,9 +1091,6 @@
1077
1091
  .e-pivotview .e-drop-indicator {
1078
1092
  display: block;
1079
1093
  }
1080
- .e-pivotview div.e-cellvalue {
1081
- margin-top: 2px;
1082
- }
1083
1094
  .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
1084
1095
  float: right;
1085
1096
  }
@@ -1089,10 +1100,17 @@
1089
1100
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1090
1101
  display: none;
1091
1102
  }
1103
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1104
+ margin: -18px 0 !important;
1105
+ }
1106
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1107
+ margin: 0 !important;
1108
+ }
1092
1109
  .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 {
1093
1110
  margin: 0 !important;
1094
1111
  margin-left: auto !important;
1095
- margin-top: 2px !important;
1112
+ padding-bottom: 0 !important;
1113
+ padding-top: 0 !important;
1096
1114
  }
1097
1115
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1098
1116
  margin: -4px 0 !important;
@@ -1128,9 +1146,26 @@
1128
1146
  }
1129
1147
  .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
1130
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: #22d3ee;
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;
1131
1165
  }
1132
1166
  .e-pivotview .e-grid .e-headercelldiv,
1133
1167
  .e-pivotview .e-grid .e-columnsheader {
1168
+ /* stylelint-disable */
1134
1169
  padding-left: 8px !important;
1135
1170
  text-transform: none;
1136
1171
  padding-top: 0px !important;
@@ -1154,6 +1189,14 @@
1154
1189
  border-left: 0;
1155
1190
  border-right-width: 1px;
1156
1191
  }
1192
+ .e-pivotview .e-leftfreeze.e-freezeleftborder {
1193
+ border-left-color: #4b5563 !important;
1194
+ border-right-color: #4b5563 !important;
1195
+ border-right-width: 1px !important;
1196
+ }
1197
+ .e-pivotview .e-leftfreeze.e-freezeleftborder:not(.e-gtot) {
1198
+ background: #232e3e;
1199
+ }
1157
1200
  .e-pivotview .e-stackedheadercelldiv {
1158
1201
  display: block;
1159
1202
  }
@@ -1161,9 +1204,6 @@
1161
1204
  .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
1162
1205
  display: inline-block;
1163
1206
  padding-left: 12px !important;
1164
- margin-top: 5px;
1165
- margin-top: 2px;
1166
- padding-left: 8px !important;
1167
1207
  }
1168
1208
  .e-pivotview .e-stackedheadercelldiv {
1169
1209
  padding: 0 0 0 1px !important;
@@ -1508,6 +1548,11 @@
1508
1548
  .e-pivotview .e-group-columns {
1509
1549
  width: 100%;
1510
1550
  }
1551
+ .e-pivotview th.e-group-row .e-axis-row {
1552
+ display: inline-block;
1553
+ height: 100%;
1554
+ vertical-align: top;
1555
+ }
1511
1556
  .e-pivotview .e-group-row {
1512
1557
  padding: 0 !important;
1513
1558
  }
@@ -1660,8 +1705,6 @@
1660
1705
  cursor: pointer;
1661
1706
  display: inline-block;
1662
1707
  height: 18px;
1663
- margin-top: 0;
1664
- margin-bottom: 0;
1665
1708
  text-align: center;
1666
1709
  width: 18px;
1667
1710
  vertical-align: middle;
@@ -1669,9 +1712,7 @@
1669
1712
  .e-pivotview th .e-expand,
1670
1713
  .e-pivotview th .e-collapse {
1671
1714
  font-size: 10px !important;
1672
- margin-left: 0px;
1673
- margin-top: 0;
1674
- margin-bottom: 0;
1715
+ margin-left: 0;
1675
1716
  }
1676
1717
  .e-pivotview .e-expand::before {
1677
1718
  font-size: 18px;
@@ -2035,6 +2076,10 @@
2035
2076
  border-left-width: 1px;
2036
2077
  border-right: 0;
2037
2078
  }
2079
+ .e-pivotview.e-rtl .e-leftfreeze.e-freezeleftborder {
2080
+ border-left-width: 1px;
2081
+ border-right: 0;
2082
+ }
2038
2083
  .e-pivotview.e-rtl .e-rowsheader .e-cellvalue {
2039
2084
  margin-left: 0;
2040
2085
  margin-right: 7px;
@@ -2269,12 +2314,6 @@
2269
2314
  .e-bigger.e-pivotview .e-bigger .e-stackedheadercelldiv {
2270
2315
  padding-left: 16px !important;
2271
2316
  }
2272
- .e-bigger .e-pivotview th .e-expand,
2273
- .e-bigger .e-pivotview th .e-collapse,
2274
- .e-bigger.e-pivotview th .e-expand,
2275
- .e-bigger.e-pivotview th .e-collapse {
2276
- margin-top: 0;
2277
- }
2278
2317
  .e-bigger .e-pivotview .e-grouping-bar,
2279
2318
  .e-bigger.e-pivotview .e-grouping-bar {
2280
2319
  /* stylelint-enable */
@@ -3269,7 +3308,7 @@
3269
3308
  width: 100% !important;
3270
3309
  }
3271
3310
  .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
3272
- margin-left: 0;
3311
+ margin-left: 0 !important;
3273
3312
  }
3274
3313
  .e-pivot-formatting-dialog.e-device .e-format-value1,
3275
3314
  .e-pivot-formatting-dialog.e-device .e-format-value2,
@@ -4342,12 +4381,6 @@
4342
4381
  height: 36px;
4343
4382
  padding: 6px 12px;
4344
4383
  }
4345
- .e-bigger .e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
4346
- .e-bigger .e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text,
4347
- .e-bigger.e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
4348
- .e-bigger.e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text {
4349
- line-height: 1.5em;
4350
- }
4351
4384
  .e-bigger .e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
4352
4385
  .e-bigger .e-pivot-calc.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
4353
4386
  .e-bigger.e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,