@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/css?family=Roboto:400,500,700");
2
1
  /*! component's theme wise override definitions and variables */
3
2
  /*! component's common definitions and variables */
4
3
  /*! component's common 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,
@@ -626,6 +627,9 @@
626
627
  .e-pivotview .e-frozenscrollbar {
627
628
  background: #212121;
628
629
  }
630
+ .e-pivotview .e-headercontent .e-columnheader .e-headercell.e-leftfreeze {
631
+ -webkit-transform: translate3d(0, 0, 0);
632
+ }
629
633
 
630
634
  .e-pivotview-disable-icon {
631
635
  visibility: hidden;
@@ -900,7 +904,6 @@
900
904
 
901
905
  /*! PivotView theme */
902
906
  .e-pivotview {
903
- /* stylelint-enable */
904
907
  /* stylelint-enable */
905
908
  /* stylelint-disable */
906
909
  /* stylelint-enable */
@@ -911,6 +914,8 @@
911
914
  /* stylelint-enable */
912
915
  }
913
916
  .e-pivotview .e-pivotcell-container {
917
+ -ms-flex-align: center;
918
+ align-items: center;
914
919
  display: -ms-flexbox;
915
920
  display: flex;
916
921
  }
@@ -918,6 +923,7 @@
918
923
  .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
919
924
  overflow: hidden;
920
925
  text-overflow: ellipsis;
926
+ width: 100%;
921
927
  }
922
928
  .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
923
929
  -ms-flex-align: center;
@@ -956,14 +962,23 @@
956
962
  -ms-user-select: none;
957
963
  user-select: none;
958
964
  }
965
+ .e-pivotview .e-grid .e-content-virtualtable {
966
+ overflow-x: auto;
967
+ scrollbar-width: none; /* firefox */
968
+ }
969
+ .e-pivotview .e-grid .e-content-virtualtable::-webkit-scrollbar {
970
+ display: none; /* safari, chrome and edge */
971
+ }
959
972
  .e-pivotview .e-gtot,
960
973
  .e-pivotview .e-gtot.e-rowsheader,
961
974
  .e-pivotview .e-gtot.e-columnsheader,
962
975
  .e-pivotview .e-grid .e-content,
963
- .e-pivotview .e-grid .e-gridheader,
964
- .e-pivotview .e-headercell {
976
+ .e-pivotview .e-grid .e-gridheader {
965
977
  background: #212121;
966
978
  }
979
+ .e-pivotview .e-headercell:not(.e-columnsheader) {
980
+ background: #212121 !important;
981
+ }
967
982
  .e-pivotview .e-grid .e-gridheader {
968
983
  border-bottom-width: 1px;
969
984
  }
@@ -1056,9 +1071,6 @@
1056
1071
  .e-pivotview .e-drop-indicator {
1057
1072
  display: block;
1058
1073
  }
1059
- .e-pivotview div.e-cellvalue {
1060
- margin-top: 5px;
1061
- }
1062
1074
  .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
1063
1075
  float: right;
1064
1076
  }
@@ -1068,10 +1080,17 @@
1068
1080
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1069
1081
  display: none;
1070
1082
  }
1083
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1084
+ margin: -15px 0 !important;
1085
+ }
1086
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1087
+ margin: 0 !important;
1088
+ }
1071
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 {
1072
1090
  margin: 0 !important;
1073
1091
  margin-left: auto !important;
1074
- margin-top: 5px !important;
1092
+ padding-bottom: 0 !important;
1093
+ padding-top: 0 !important;
1075
1094
  }
1076
1095
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1077
1096
  margin: -8px 0 !important;
@@ -1106,9 +1125,26 @@
1106
1125
  }
1107
1126
  .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
1108
1127
  visibility: hidden !important;
1128
+ /* stylelint-enable */
1129
+ }
1130
+ .e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader {
1131
+ position: absolute;
1132
+ z-index: 10;
1133
+ color: #3f51b5;
1134
+ font-size: 20px;
1135
+ text-align: center;
1136
+ padding: 10%;
1137
+ pointer-events: none;
1138
+ }
1139
+ .e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader.e-hide-loader {
1140
+ display: none;
1141
+ }
1142
+ .e-pivotview.sf-pivotview .e-grid .e-virtual-pivot-content {
1143
+ visibility: hidden;
1109
1144
  }
1110
1145
  .e-pivotview .e-grid .e-headercelldiv,
1111
1146
  .e-pivotview .e-grid .e-columnsheader {
1147
+ /* stylelint-disable */
1112
1148
  padding-left: 8px !important;
1113
1149
  }
1114
1150
  .e-pivotview .sf-grid .e-spinner-pane {
@@ -1129,6 +1165,14 @@
1129
1165
  border-left: 0;
1130
1166
  border-right-width: 1px;
1131
1167
  }
1168
+ .e-pivotview .e-leftfreeze.e-freezeleftborder {
1169
+ border-left-color: #616161 !important;
1170
+ border-right-color: #616161 !important;
1171
+ border-right-width: 1px !important;
1172
+ }
1173
+ .e-pivotview .e-leftfreeze.e-freezeleftborder:not(.e-gtot) {
1174
+ background: #212121;
1175
+ }
1132
1176
  .e-pivotview .e-stackedheadercelldiv {
1133
1177
  display: block;
1134
1178
  }
@@ -1136,7 +1180,6 @@
1136
1180
  .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
1137
1181
  display: inline-block;
1138
1182
  padding-left: 12px !important;
1139
- margin-top: 5px;
1140
1183
  }
1141
1184
  .e-pivotview .e-headercelldiv.e-cellvalue {
1142
1185
  margin-left: 0px;
@@ -1481,6 +1524,11 @@
1481
1524
  .e-pivotview .e-group-columns {
1482
1525
  width: 100%;
1483
1526
  }
1527
+ .e-pivotview th.e-group-row .e-axis-row {
1528
+ display: inline-block;
1529
+ height: 100%;
1530
+ vertical-align: top;
1531
+ }
1484
1532
  .e-pivotview .e-group-row {
1485
1533
  padding: 0 !important;
1486
1534
  }
@@ -1633,17 +1681,13 @@
1633
1681
  cursor: pointer;
1634
1682
  display: inline-block;
1635
1683
  height: 18px;
1636
- margin-top: 5px;
1637
- margin-bottom: 0;
1638
1684
  text-align: center;
1639
1685
  width: 18px;
1640
1686
  }
1641
1687
  .e-pivotview th .e-expand,
1642
1688
  .e-pivotview th .e-collapse {
1643
1689
  font-size: 10px !important;
1644
- margin-left: 0px;
1645
- margin-top: 8px;
1646
- margin-bottom: 0;
1690
+ margin-left: 0;
1647
1691
  }
1648
1692
  .e-pivotview .e-expand::before {
1649
1693
  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: 8px;
2250
- }
2251
2293
  .e-bigger .e-pivotview .e-grouping-bar,
2252
2294
  .e-bigger.e-pivotview .e-grouping-bar {
2253
2295
  /* stylelint-enable */
@@ -3220,7 +3262,7 @@
3220
3262
  width: 100% !important;
3221
3263
  }
3222
3264
  .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
3223
- margin-left: 0;
3265
+ margin-left: 0 !important;
3224
3266
  }
3225
3267
  .e-pivot-formatting-dialog.e-device .e-format-value1,
3226
3268
  .e-pivot-formatting-dialog.e-device .e-format-value2,
@@ -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,
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
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 */
@@ -162,6 +161,8 @@
162
161
  /* stylelint-disable */
163
162
  /* stylelint-enable */
164
163
  /* stylelint-enable */
164
+ /* stylelint-disable */
165
+ /* stylelint-enable */
165
166
  }
166
167
  .e-pivotview .e-value-field-settings,
167
168
  .e-pivotview .e-member-editor-dialog,
@@ -627,6 +628,9 @@
627
628
  .e-pivotview .e-frozenscrollbar {
628
629
  background: #f5f5f5;
629
630
  }
631
+ .e-pivotview .e-headercontent .e-columnheader .e-headercell.e-leftfreeze {
632
+ -webkit-transform: translate3d(0, 0, 0);
633
+ }
630
634
 
631
635
  .e-pivotview-disable-icon {
632
636
  visibility: hidden;
@@ -901,7 +905,6 @@
901
905
 
902
906
  /*! PivotView theme */
903
907
  .e-pivotview {
904
- /* stylelint-enable */
905
908
  /* stylelint-enable */
906
909
  /* stylelint-disable */
907
910
  /* stylelint-enable */
@@ -912,6 +915,8 @@
912
915
  /* stylelint-enable */
913
916
  }
914
917
  .e-pivotview .e-pivotcell-container {
918
+ -ms-flex-align: center;
919
+ align-items: center;
915
920
  display: -ms-flexbox;
916
921
  display: flex;
917
922
  }
@@ -919,6 +924,7 @@
919
924
  .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
920
925
  overflow: hidden;
921
926
  text-overflow: ellipsis;
927
+ width: 100%;
922
928
  }
923
929
  .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
924
930
  -ms-flex-align: center;
@@ -957,14 +963,23 @@
957
963
  -ms-user-select: none;
958
964
  user-select: none;
959
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
+ }
960
973
  .e-pivotview .e-gtot,
961
974
  .e-pivotview .e-gtot.e-rowsheader,
962
975
  .e-pivotview .e-gtot.e-columnsheader,
963
976
  .e-pivotview .e-grid .e-content,
964
- .e-pivotview .e-grid .e-gridheader,
965
- .e-pivotview .e-headercell {
977
+ .e-pivotview .e-grid .e-gridheader {
966
978
  background: #f5f5f5;
967
979
  }
980
+ .e-pivotview .e-headercell:not(.e-columnsheader) {
981
+ background: #f5f5f5 !important;
982
+ }
968
983
  .e-pivotview .e-grid .e-gridheader {
969
984
  border-bottom-width: 1px;
970
985
  }
@@ -1057,9 +1072,6 @@
1057
1072
  .e-pivotview .e-drop-indicator {
1058
1073
  display: block;
1059
1074
  }
1060
- .e-pivotview div.e-cellvalue {
1061
- margin-top: 5px;
1062
- }
1063
1075
  .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
1064
1076
  float: right;
1065
1077
  }
@@ -1069,10 +1081,17 @@
1069
1081
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1070
1082
  display: none;
1071
1083
  }
1084
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1085
+ margin: -15px 0 !important;
1086
+ }
1087
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1088
+ margin: 0 !important;
1089
+ }
1072
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 {
1073
1091
  margin: 0 !important;
1074
1092
  margin-left: auto !important;
1075
- margin-top: 5px !important;
1093
+ padding-bottom: 0 !important;
1094
+ padding-top: 0 !important;
1076
1095
  }
1077
1096
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1078
1097
  margin: -8px 0 !important;
@@ -1107,9 +1126,26 @@
1107
1126
  }
1108
1127
  .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
1109
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: #3f51b5;
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;
1110
1145
  }
1111
1146
  .e-pivotview .e-grid .e-headercelldiv,
1112
1147
  .e-pivotview .e-grid .e-columnsheader {
1148
+ /* stylelint-disable */
1113
1149
  padding-left: 8px !important;
1114
1150
  }
1115
1151
  .e-pivotview .sf-grid .e-spinner-pane {
@@ -1130,6 +1166,14 @@
1130
1166
  border-left: 0;
1131
1167
  border-right-width: 1px;
1132
1168
  }
1169
+ .e-pivotview .e-leftfreeze.e-freezeleftborder {
1170
+ border-left-color: #e0e0e0 !important;
1171
+ border-right-color: #e0e0e0 !important;
1172
+ border-right-width: 1px !important;
1173
+ }
1174
+ .e-pivotview .e-leftfreeze.e-freezeleftborder:not(.e-gtot) {
1175
+ background: #fafafa;
1176
+ }
1133
1177
  .e-pivotview .e-stackedheadercelldiv {
1134
1178
  display: block;
1135
1179
  }
@@ -1137,7 +1181,6 @@
1137
1181
  .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
1138
1182
  display: inline-block;
1139
1183
  padding-left: 12px !important;
1140
- margin-top: 5px;
1141
1184
  }
1142
1185
  .e-pivotview .e-headercelldiv.e-cellvalue {
1143
1186
  margin-left: 0px;
@@ -1482,6 +1525,11 @@
1482
1525
  .e-pivotview .e-group-columns {
1483
1526
  width: 100%;
1484
1527
  }
1528
+ .e-pivotview th.e-group-row .e-axis-row {
1529
+ display: inline-block;
1530
+ height: 100%;
1531
+ vertical-align: top;
1532
+ }
1485
1533
  .e-pivotview .e-group-row {
1486
1534
  padding: 0 !important;
1487
1535
  }
@@ -1634,17 +1682,13 @@
1634
1682
  cursor: pointer;
1635
1683
  display: inline-block;
1636
1684
  height: 18px;
1637
- margin-top: 5px;
1638
- margin-bottom: 0;
1639
1685
  text-align: center;
1640
1686
  width: 18px;
1641
1687
  }
1642
1688
  .e-pivotview th .e-expand,
1643
1689
  .e-pivotview th .e-collapse {
1644
1690
  font-size: 10px !important;
1645
- margin-left: 0px;
1646
- margin-top: 8px;
1647
- margin-bottom: 0;
1691
+ margin-left: 0;
1648
1692
  }
1649
1693
  .e-pivotview .e-expand::before {
1650
1694
  font-size: 10px;
@@ -2011,6 +2055,10 @@
2011
2055
  border-left-width: 1px;
2012
2056
  border-right: 0;
2013
2057
  }
2058
+ .e-pivotview.e-rtl .e-leftfreeze.e-freezeleftborder {
2059
+ border-left-width: 1px;
2060
+ border-right: 0;
2061
+ }
2014
2062
  .e-pivotview.e-rtl .e-rowsheader .e-cellvalue {
2015
2063
  margin-left: 0;
2016
2064
  margin-right: 7px;
@@ -2243,12 +2291,6 @@
2243
2291
  .e-bigger.e-pivotview .e-bigger .e-stackedheadercelldiv {
2244
2292
  padding-left: 16px !important;
2245
2293
  }
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: 8px;
2251
- }
2252
2294
  .e-bigger .e-pivotview .e-grouping-bar,
2253
2295
  .e-bigger.e-pivotview .e-grouping-bar {
2254
2296
  /* stylelint-enable */
@@ -3220,7 +3262,7 @@
3220
3262
  width: 100% !important;
3221
3263
  }
3222
3264
  .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
3223
- margin-left: 0;
3265
+ margin-left: 0 !important;
3224
3266
  }
3225
3267
  .e-pivot-formatting-dialog.e-device .e-format-value1,
3226
3268
  .e-pivot-formatting-dialog.e-device .e-format-value2,
@@ -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,
@@ -1,5 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
3
1
  :root {
4
2
  --color-sf-black: 0, 0, 0;
5
3
  --color-sf-white: 255, 255, 255;
@@ -215,6 +213,8 @@
215
213
  /* stylelint-disable */
216
214
  /* stylelint-enable */
217
215
  /* stylelint-enable */
216
+ /* stylelint-disable */
217
+ /* stylelint-enable */
218
218
  }
219
219
  .e-pivotview.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
220
220
  padding: 0;
@@ -699,6 +699,9 @@
699
699
  .e-pivotview .e-frozenscrollbar {
700
700
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
701
701
  }
702
+ .e-pivotview .e-headercontent .e-columnheader .e-headercell.e-leftfreeze {
703
+ -webkit-transform: translate3d(0, 0, 0);
704
+ }
702
705
 
703
706
  .e-pivotview-disable-icon {
704
707
  visibility: hidden;
@@ -973,7 +976,6 @@
973
976
 
974
977
  /*! PivotView theme */
975
978
  .e-pivotview {
976
- /* stylelint-enable */
977
979
  /* stylelint-enable */
978
980
  /* stylelint-disable */
979
981
  /* stylelint-enable */
@@ -984,6 +986,8 @@
984
986
  /* stylelint-enable */
985
987
  }
986
988
  .e-pivotview .e-pivotcell-container {
989
+ -ms-flex-align: center;
990
+ align-items: center;
987
991
  display: -ms-flexbox;
988
992
  display: flex;
989
993
  }
@@ -991,6 +995,7 @@
991
995
  .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
992
996
  overflow: hidden;
993
997
  text-overflow: ellipsis;
998
+ width: 100%;
994
999
  }
995
1000
  .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
996
1001
  -ms-flex-align: center;
@@ -1029,14 +1034,23 @@
1029
1034
  -ms-user-select: none;
1030
1035
  user-select: none;
1031
1036
  }
1037
+ .e-pivotview .e-grid .e-content-virtualtable {
1038
+ overflow-x: auto;
1039
+ scrollbar-width: none; /* firefox */
1040
+ }
1041
+ .e-pivotview .e-grid .e-content-virtualtable::-webkit-scrollbar {
1042
+ display: none; /* safari, chrome and edge */
1043
+ }
1032
1044
  .e-pivotview .e-gtot,
1033
1045
  .e-pivotview .e-gtot.e-rowsheader,
1034
1046
  .e-pivotview .e-gtot.e-columnsheader,
1035
1047
  .e-pivotview .e-grid .e-content,
1036
- .e-pivotview .e-grid .e-gridheader,
1037
- .e-pivotview .e-headercell {
1048
+ .e-pivotview .e-grid .e-gridheader {
1038
1049
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
1039
1050
  }
1051
+ .e-pivotview .e-headercell:not(.e-columnsheader) {
1052
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface)) !important;
1053
+ }
1040
1054
  .e-pivotview .e-grid .e-gridheader {
1041
1055
  border-bottom-width: 1px;
1042
1056
  }
@@ -1130,11 +1144,7 @@
1130
1144
  .e-pivotview .e-drop-indicator {
1131
1145
  display: block;
1132
1146
  }
1133
- .e-pivotview div.e-cellvalue {
1134
- margin-top: 0;
1135
- }
1136
1147
  .e-pivotview div div span.e-value-sort-icon {
1137
- /* stylelint-disable */
1138
1148
  padding: 0 !important;
1139
1149
  }
1140
1150
  .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
@@ -1146,10 +1156,17 @@
1146
1156
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1147
1157
  display: none;
1148
1158
  }
1159
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1160
+ margin: -15px 0 !important;
1161
+ }
1162
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1163
+ margin: 0 !important;
1164
+ }
1149
1165
  .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
1166
  margin: 0 !important;
1151
1167
  margin-left: auto !important;
1152
- margin-top: 0 !important;
1168
+ padding-bottom: 0 !important;
1169
+ padding-top: 0 !important;
1153
1170
  }
1154
1171
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1155
1172
  margin: -8px 0 !important;
@@ -1184,9 +1201,26 @@
1184
1201
  }
1185
1202
  .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
1186
1203
  visibility: hidden !important;
1204
+ /* stylelint-enable */
1205
+ }
1206
+ .e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader {
1207
+ position: absolute;
1208
+ z-index: 10;
1209
+ color: rgba(var(--color-sf-on-surface-variant));
1210
+ font-size: 20px;
1211
+ text-align: center;
1212
+ padding: 10%;
1213
+ pointer-events: none;
1214
+ }
1215
+ .e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader.e-hide-loader {
1216
+ display: none;
1217
+ }
1218
+ .e-pivotview.sf-pivotview .e-grid .e-virtual-pivot-content {
1219
+ visibility: hidden;
1187
1220
  }
1188
1221
  .e-pivotview .e-grid .e-headercelldiv,
1189
1222
  .e-pivotview .e-grid .e-columnsheader {
1223
+ /* stylelint-disable */
1190
1224
  padding-left: 8px !important;
1191
1225
  padding-top: 0px !important;
1192
1226
  padding-bottom: 0px !important;
@@ -1209,6 +1243,14 @@
1209
1243
  border-left: 0;
1210
1244
  border-right-width: 1px;
1211
1245
  }
1246
+ .e-pivotview .e-leftfreeze.e-freezeleftborder {
1247
+ border-left-color: rgba(var(--color-sf-outline-variant)) !important;
1248
+ border-right-color: rgba(var(--color-sf-outline-variant)) !important;
1249
+ border-right-width: 1px !important;
1250
+ }
1251
+ .e-pivotview .e-leftfreeze.e-freezeleftborder:not(.e-gtot) {
1252
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
1253
+ }
1212
1254
  .e-pivotview .e-stackedheadercelldiv {
1213
1255
  display: block;
1214
1256
  }
@@ -1216,7 +1258,6 @@
1216
1258
  .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
1217
1259
  display: inline-block;
1218
1260
  padding-left: 12px !important;
1219
- margin-top: 5px;
1220
1261
  }
1221
1262
  .e-pivotview .e-stackedheadercelldiv {
1222
1263
  padding: 0 0 0 1px !important;
@@ -1557,6 +1598,11 @@
1557
1598
  .e-pivotview .e-group-columns {
1558
1599
  width: 100%;
1559
1600
  }
1601
+ .e-pivotview th.e-group-row .e-axis-row {
1602
+ display: inline-block;
1603
+ height: 100%;
1604
+ vertical-align: top;
1605
+ }
1560
1606
  .e-pivotview .e-group-row {
1561
1607
  padding: 0 !important;
1562
1608
  }
@@ -1709,8 +1755,6 @@
1709
1755
  cursor: pointer;
1710
1756
  display: inline-block;
1711
1757
  height: 18px;
1712
- margin-top: 3px;
1713
- margin-bottom: 3px;
1714
1758
  text-align: center;
1715
1759
  width: 18px;
1716
1760
  vertical-align: middle;
@@ -1718,9 +1762,7 @@
1718
1762
  .e-pivotview th .e-expand,
1719
1763
  .e-pivotview th .e-collapse {
1720
1764
  font-size: 10px !important;
1721
- margin-left: 0px;
1722
- margin-top: 3px;
1723
- margin-bottom: 3px;
1765
+ margin-left: 0;
1724
1766
  }
1725
1767
  .e-pivotview .e-expand::before {
1726
1768
  font-size: 16px;
@@ -2110,6 +2152,10 @@
2110
2152
  border-left-width: 1px;
2111
2153
  border-right: 0;
2112
2154
  }
2155
+ .e-pivotview.e-rtl .e-leftfreeze.e-freezeleftborder {
2156
+ border-left-width: 1px;
2157
+ border-right: 0;
2158
+ }
2113
2159
  .e-pivotview.e-rtl .e-rowsheader .e-cellvalue {
2114
2160
  margin-left: 0;
2115
2161
  margin-right: 7px;
@@ -2342,12 +2388,6 @@
2342
2388
  .e-bigger.e-pivotview .e-bigger .e-stackedheadercelldiv {
2343
2389
  padding-left: 16px !important;
2344
2390
  }
2345
- .e-bigger .e-pivotview th .e-expand,
2346
- .e-bigger .e-pivotview th .e-collapse,
2347
- .e-bigger.e-pivotview th .e-expand,
2348
- .e-bigger.e-pivotview th .e-collapse {
2349
- margin-top: 4px;
2350
- }
2351
2391
  .e-bigger .e-pivotview .e-grouping-bar,
2352
2392
  .e-bigger.e-pivotview .e-grouping-bar {
2353
2393
  /* stylelint-enable */
@@ -3382,7 +3422,7 @@
3382
3422
  width: 100% !important;
3383
3423
  }
3384
3424
  .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
3385
- margin-left: 0;
3425
+ margin-left: 0 !important;
3386
3426
  }
3387
3427
  .e-pivot-formatting-dialog.e-device .e-format-value1,
3388
3428
  .e-pivot-formatting-dialog.e-device .e-format-value2,
@@ -4437,12 +4477,6 @@
4437
4477
  height: 36px;
4438
4478
  padding: 6px 12px;
4439
4479
  }
4440
- .e-bigger .e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
4441
- .e-bigger .e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text,
4442
- .e-bigger.e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
4443
- .e-bigger.e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text {
4444
- line-height: 1.5em;
4445
- }
4446
4480
  .e-bigger .e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
4447
4481
  .e-bigger .e-pivot-calc.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
4448
4482
  .e-bigger.e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,