@syncfusion/ej2-vue-pivotview 22.1.38 → 22.2.5

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 (38) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/ej2-vue-pivotview.umd.min.js +1 -1
  3. package/dist/global/ej2-vue-pivotview.min.js +2 -2
  4. package/package.json +8 -8
  5. package/styles/bootstrap-dark.css +25 -4
  6. package/styles/bootstrap.css +25 -4
  7. package/styles/bootstrap4.css +25 -4
  8. package/styles/bootstrap5-dark.css +25 -5
  9. package/styles/bootstrap5.css +25 -5
  10. package/styles/fabric-dark.css +25 -4
  11. package/styles/fabric.css +25 -4
  12. package/styles/fluent-dark.css +25 -5
  13. package/styles/fluent.css +25 -5
  14. package/styles/highcontrast-light.css +25 -5
  15. package/styles/highcontrast.css +25 -5
  16. package/styles/material-dark.css +25 -4
  17. package/styles/material.css +25 -4
  18. package/styles/material3-dark.css +25 -5
  19. package/styles/material3.css +25 -5
  20. package/styles/pivotview/bootstrap-dark.css +25 -4
  21. package/styles/pivotview/bootstrap.css +25 -4
  22. package/styles/pivotview/bootstrap4.css +25 -4
  23. package/styles/pivotview/bootstrap5-dark.css +25 -5
  24. package/styles/pivotview/bootstrap5.css +25 -5
  25. package/styles/pivotview/fabric-dark.css +25 -4
  26. package/styles/pivotview/fabric.css +25 -4
  27. package/styles/pivotview/fluent-dark.css +25 -5
  28. package/styles/pivotview/fluent.css +25 -5
  29. package/styles/pivotview/highcontrast-light.css +25 -5
  30. package/styles/pivotview/highcontrast.css +25 -5
  31. package/styles/pivotview/material-dark.css +25 -4
  32. package/styles/pivotview/material.css +25 -4
  33. package/styles/pivotview/material3-dark.css +25 -5
  34. package/styles/pivotview/material3.css +25 -5
  35. package/styles/pivotview/tailwind-dark.css +25 -5
  36. package/styles/pivotview/tailwind.css +25 -5
  37. package/styles/tailwind-dark.css +25 -5
  38. package/styles/tailwind.css +25 -5
@@ -567,6 +567,9 @@
567
567
  .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer .e-pivot-format-decimal-drop {
568
568
  margin-bottom: 20px;
569
569
  }
570
+ .e-pivotview.sf-pivotview .e-pivot-toolbar {
571
+ box-sizing: border-box;
572
+ }
570
573
  .e-pivotview .e-pivot-toolbar {
571
574
  background: #212121;
572
575
  border-bottom: 0;
@@ -907,6 +910,25 @@
907
910
  /* stylelint-enable */
908
911
  /* stylelint-enable */
909
912
  }
913
+ .e-pivotview .e-pivotcell-container {
914
+ display: -ms-flexbox;
915
+ display: flex;
916
+ }
917
+ .e-pivotview .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
918
+ .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
919
+ overflow: hidden;
920
+ text-overflow: ellipsis;
921
+ }
922
+ .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
923
+ -ms-flex-align: center;
924
+ align-items: center;
925
+ display: -ms-flexbox;
926
+ display: flex;
927
+ }
928
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
929
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-headertext.e-cellvalue {
930
+ text-overflow: clip;
931
+ }
910
932
  .e-pivotview .e-nextspan {
911
933
  display: inline-block;
912
934
  width: 18px;
@@ -1046,11 +1068,10 @@
1046
1068
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1047
1069
  display: none;
1048
1070
  }
1049
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1050
- margin: -15px 0 !important;
1051
- }
1052
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
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 {
1053
1072
  margin: 0 !important;
1073
+ margin-left: auto !important;
1074
+ margin-top: 5px !important;
1054
1075
  }
1055
1076
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1056
1077
  margin: -8px 0 !important;
@@ -568,6 +568,9 @@
568
568
  .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer .e-pivot-format-decimal-drop {
569
569
  margin-bottom: 20px;
570
570
  }
571
+ .e-pivotview.sf-pivotview .e-pivot-toolbar {
572
+ box-sizing: border-box;
573
+ }
571
574
  .e-pivotview .e-pivot-toolbar {
572
575
  background: #f5f5f5;
573
576
  border-bottom: 0;
@@ -908,6 +911,25 @@
908
911
  /* stylelint-enable */
909
912
  /* stylelint-enable */
910
913
  }
914
+ .e-pivotview .e-pivotcell-container {
915
+ display: -ms-flexbox;
916
+ display: flex;
917
+ }
918
+ .e-pivotview .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
919
+ .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
920
+ overflow: hidden;
921
+ text-overflow: ellipsis;
922
+ }
923
+ .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
924
+ -ms-flex-align: center;
925
+ align-items: center;
926
+ display: -ms-flexbox;
927
+ display: flex;
928
+ }
929
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
930
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-headertext.e-cellvalue {
931
+ text-overflow: clip;
932
+ }
911
933
  .e-pivotview .e-nextspan {
912
934
  display: inline-block;
913
935
  width: 18px;
@@ -1047,11 +1069,10 @@
1047
1069
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1048
1070
  display: none;
1049
1071
  }
1050
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1051
- margin: -15px 0 !important;
1052
- }
1053
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
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 {
1054
1073
  margin: 0 !important;
1074
+ margin-left: auto !important;
1075
+ margin-top: 5px !important;
1055
1076
  }
1056
1077
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1057
1078
  margin: -8px 0 !important;
@@ -639,6 +639,9 @@
639
639
  .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer .e-pivot-format-decimal-drop {
640
640
  margin-bottom: 20px;
641
641
  }
642
+ .e-pivotview.sf-pivotview .e-pivot-toolbar {
643
+ box-sizing: border-box;
644
+ }
642
645
  .e-pivotview .e-pivot-toolbar {
643
646
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
644
647
  border-bottom: 0;
@@ -980,6 +983,25 @@
980
983
  /* stylelint-enable */
981
984
  /* stylelint-enable */
982
985
  }
986
+ .e-pivotview .e-pivotcell-container {
987
+ display: -ms-flexbox;
988
+ display: flex;
989
+ }
990
+ .e-pivotview .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
991
+ .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
992
+ overflow: hidden;
993
+ text-overflow: ellipsis;
994
+ }
995
+ .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
996
+ -ms-flex-align: center;
997
+ align-items: center;
998
+ display: -ms-flexbox;
999
+ display: flex;
1000
+ }
1001
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
1002
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-headertext.e-cellvalue {
1003
+ text-overflow: clip;
1004
+ }
983
1005
  .e-pivotview .e-nextspan {
984
1006
  display: inline-block;
985
1007
  width: 18px;
@@ -1109,7 +1131,6 @@
1109
1131
  display: block;
1110
1132
  }
1111
1133
  .e-pivotview div.e-cellvalue {
1112
- margin-top: 5px;
1113
1134
  margin-top: 0;
1114
1135
  }
1115
1136
  .e-pivotview div div span.e-value-sort-icon {
@@ -1125,11 +1146,10 @@
1125
1146
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1126
1147
  display: none;
1127
1148
  }
1128
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1129
- margin: -15px 0 !important;
1130
- }
1131
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
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 {
1132
1150
  margin: 0 !important;
1151
+ margin-left: auto !important;
1152
+ margin-top: 0 !important;
1133
1153
  }
1134
1154
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1135
1155
  margin: -8px 0 !important;
@@ -696,6 +696,9 @@
696
696
  .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer .e-pivot-format-decimal-drop {
697
697
  margin-bottom: 20px;
698
698
  }
699
+ .e-pivotview.sf-pivotview .e-pivot-toolbar {
700
+ box-sizing: border-box;
701
+ }
699
702
  .e-pivotview .e-pivot-toolbar {
700
703
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
701
704
  border-bottom: 0;
@@ -1037,6 +1040,25 @@
1037
1040
  /* stylelint-enable */
1038
1041
  /* stylelint-enable */
1039
1042
  }
1043
+ .e-pivotview .e-pivotcell-container {
1044
+ display: -ms-flexbox;
1045
+ display: flex;
1046
+ }
1047
+ .e-pivotview .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
1048
+ .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
1049
+ overflow: hidden;
1050
+ text-overflow: ellipsis;
1051
+ }
1052
+ .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
1053
+ -ms-flex-align: center;
1054
+ align-items: center;
1055
+ display: -ms-flexbox;
1056
+ display: flex;
1057
+ }
1058
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
1059
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-headertext.e-cellvalue {
1060
+ text-overflow: clip;
1061
+ }
1040
1062
  .e-pivotview .e-nextspan {
1041
1063
  display: inline-block;
1042
1064
  width: 18px;
@@ -1166,7 +1188,6 @@
1166
1188
  display: block;
1167
1189
  }
1168
1190
  .e-pivotview div.e-cellvalue {
1169
- margin-top: 5px;
1170
1191
  margin-top: 0;
1171
1192
  }
1172
1193
  .e-pivotview div div span.e-value-sort-icon {
@@ -1182,11 +1203,10 @@
1182
1203
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1183
1204
  display: none;
1184
1205
  }
1185
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1186
- margin: -15px 0 !important;
1187
- }
1188
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1206
+ .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 {
1189
1207
  margin: 0 !important;
1208
+ margin-left: auto !important;
1209
+ margin-top: 0 !important;
1190
1210
  }
1191
1211
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1192
1212
  margin: -8px 0 !important;
@@ -568,6 +568,9 @@
568
568
  .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer .e-pivot-format-decimal-drop {
569
569
  margin-bottom: 20px;
570
570
  }
571
+ .e-pivotview.sf-pivotview .e-pivot-toolbar {
572
+ box-sizing: border-box;
573
+ }
571
574
  .e-pivotview .e-pivot-toolbar {
572
575
  background: #131313;
573
576
  border-bottom: 0;
@@ -908,6 +911,25 @@
908
911
  /* stylelint-enable */
909
912
  /* stylelint-enable */
910
913
  }
914
+ .e-pivotview .e-pivotcell-container {
915
+ display: -ms-flexbox;
916
+ display: flex;
917
+ }
918
+ .e-pivotview .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
919
+ .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
920
+ overflow: hidden;
921
+ text-overflow: ellipsis;
922
+ }
923
+ .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
924
+ -ms-flex-align: center;
925
+ align-items: center;
926
+ display: -ms-flexbox;
927
+ display: flex;
928
+ }
929
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
930
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-headertext.e-cellvalue {
931
+ text-overflow: clip;
932
+ }
911
933
  .e-pivotview .e-nextspan {
912
934
  display: inline-block;
913
935
  width: 24px;
@@ -1047,11 +1069,10 @@
1047
1069
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1048
1070
  display: none;
1049
1071
  }
1050
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1051
- margin: -28px 0 !important;
1052
- }
1053
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
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 {
1054
1073
  margin: -11px 0 !important;
1074
+ margin-left: auto !important;
1075
+ margin-top: 5px !important;
1055
1076
  }
1056
1077
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1057
1078
  margin: -20px 0 !important;
@@ -567,6 +567,9 @@
567
567
  .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer .e-pivot-format-decimal-drop {
568
568
  margin-bottom: 20px;
569
569
  }
570
+ .e-pivotview.sf-pivotview .e-pivot-toolbar {
571
+ box-sizing: border-box;
572
+ }
570
573
  .e-pivotview .e-pivot-toolbar {
571
574
  background: #f5f5f5;
572
575
  border-bottom: 0;
@@ -907,6 +910,25 @@
907
910
  /* stylelint-enable */
908
911
  /* stylelint-enable */
909
912
  }
913
+ .e-pivotview .e-pivotcell-container {
914
+ display: -ms-flexbox;
915
+ display: flex;
916
+ }
917
+ .e-pivotview .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
918
+ .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
919
+ overflow: hidden;
920
+ text-overflow: ellipsis;
921
+ }
922
+ .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
923
+ -ms-flex-align: center;
924
+ align-items: center;
925
+ display: -ms-flexbox;
926
+ display: flex;
927
+ }
928
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
929
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-headertext.e-cellvalue {
930
+ text-overflow: clip;
931
+ }
910
932
  .e-pivotview .e-nextspan {
911
933
  display: inline-block;
912
934
  width: 18px;
@@ -1046,11 +1068,10 @@
1046
1068
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1047
1069
  display: none;
1048
1070
  }
1049
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1050
- margin: -28px 0 !important;
1051
- }
1052
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
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 {
1053
1072
  margin: -11px 0 !important;
1073
+ margin-left: auto !important;
1074
+ margin-top: 5px !important;
1054
1075
  }
1055
1076
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1056
1077
  margin: -20px 0 !important;
@@ -601,6 +601,9 @@
601
601
  .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer .e-pivot-format-decimal-drop {
602
602
  margin-bottom: 20px;
603
603
  }
604
+ .e-pivotview.sf-pivotview .e-pivot-toolbar {
605
+ box-sizing: border-box;
606
+ }
604
607
  .e-pivotview .e-pivot-toolbar {
605
608
  background: #f2f4f6;
606
609
  border-bottom: 0;
@@ -965,6 +968,25 @@
965
968
  /* stylelint-enable */
966
969
  /* stylelint-enable */
967
970
  }
971
+ .e-pivotview .e-pivotcell-container {
972
+ display: -ms-flexbox;
973
+ display: flex;
974
+ }
975
+ .e-pivotview .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
976
+ .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
977
+ overflow: hidden;
978
+ text-overflow: ellipsis;
979
+ }
980
+ .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
981
+ -ms-flex-align: center;
982
+ align-items: center;
983
+ display: -ms-flexbox;
984
+ display: flex;
985
+ }
986
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
987
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-headertext.e-cellvalue {
988
+ text-overflow: clip;
989
+ }
968
990
  .e-pivotview .e-nextspan {
969
991
  display: inline-block;
970
992
  width: 18px;
@@ -1105,11 +1127,10 @@
1105
1127
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1106
1128
  display: none;
1107
1129
  }
1108
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1109
- margin: -28px 0 !important;
1110
- }
1111
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
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 {
1112
1131
  margin: -11px 0 !important;
1132
+ margin-left: auto !important;
1133
+ margin-top: 5px !important;
1113
1134
  }
1114
1135
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1115
1136
  margin: -20px 0 !important;
@@ -569,6 +569,9 @@
569
569
  .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer .e-pivot-format-decimal-drop {
570
570
  margin-bottom: 20px;
571
571
  }
572
+ .e-pivotview.sf-pivotview .e-pivot-toolbar {
573
+ box-sizing: border-box;
574
+ }
572
575
  .e-pivotview .e-pivot-toolbar {
573
576
  background: #282d31;
574
577
  border-bottom: 0;
@@ -908,6 +911,25 @@
908
911
  /* stylelint-enable */
909
912
  /* stylelint-enable */
910
913
  }
914
+ .e-pivotview .e-pivotcell-container {
915
+ display: -ms-flexbox;
916
+ display: flex;
917
+ }
918
+ .e-pivotview .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
919
+ .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
920
+ overflow: hidden;
921
+ text-overflow: ellipsis;
922
+ }
923
+ .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
924
+ -ms-flex-align: center;
925
+ align-items: center;
926
+ display: -ms-flexbox;
927
+ display: flex;
928
+ }
929
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
930
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-headertext.e-cellvalue {
931
+ text-overflow: clip;
932
+ }
911
933
  .e-pivotview .e-nextspan {
912
934
  display: inline-block;
913
935
  width: 18px;
@@ -1037,7 +1059,6 @@
1037
1059
  display: block;
1038
1060
  }
1039
1061
  .e-pivotview div.e-cellvalue {
1040
- margin-top: 5px;
1041
1062
  margin-top: 2px;
1042
1063
  }
1043
1064
  .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
@@ -1050,11 +1071,10 @@
1050
1071
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1051
1072
  display: none;
1052
1073
  }
1053
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1054
- margin: -16px 0 !important;
1055
- }
1056
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1074
+ .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 {
1057
1075
  margin: 6px 0 !important;
1076
+ margin-left: auto !important;
1077
+ margin-top: 2px !important;
1058
1078
  }
1059
1079
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1060
1080
  margin: -5px 0 !important;
@@ -571,6 +571,9 @@
571
571
  .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer .e-pivot-format-decimal-drop {
572
572
  margin-bottom: 20px;
573
573
  }
574
+ .e-pivotview.sf-pivotview .e-pivot-toolbar {
575
+ box-sizing: border-box;
576
+ }
574
577
  .e-pivotview .e-pivot-toolbar {
575
578
  background: #f8f9fa;
576
579
  border-bottom: 0;
@@ -910,6 +913,25 @@
910
913
  /* stylelint-enable */
911
914
  /* stylelint-enable */
912
915
  }
916
+ .e-pivotview .e-pivotcell-container {
917
+ display: -ms-flexbox;
918
+ display: flex;
919
+ }
920
+ .e-pivotview .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
921
+ .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
922
+ overflow: hidden;
923
+ text-overflow: ellipsis;
924
+ }
925
+ .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
926
+ -ms-flex-align: center;
927
+ align-items: center;
928
+ display: -ms-flexbox;
929
+ display: flex;
930
+ }
931
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
932
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-headertext.e-cellvalue {
933
+ text-overflow: clip;
934
+ }
913
935
  .e-pivotview .e-nextspan {
914
936
  display: inline-block;
915
937
  width: 18px;
@@ -1039,7 +1061,6 @@
1039
1061
  display: block;
1040
1062
  }
1041
1063
  .e-pivotview div.e-cellvalue {
1042
- margin-top: 5px;
1043
1064
  margin-top: 2px;
1044
1065
  }
1045
1066
  .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
@@ -1052,11 +1073,10 @@
1052
1073
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1053
1074
  display: none;
1054
1075
  }
1055
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1056
- margin: -16px 0 !important;
1057
- }
1058
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1076
+ .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 {
1059
1077
  margin: 6px 0 !important;
1078
+ margin-left: auto !important;
1079
+ margin-top: 2px !important;
1060
1080
  }
1061
1081
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1062
1082
  margin: -5px 0 !important;
@@ -567,6 +567,9 @@
567
567
  .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer .e-pivot-format-decimal-drop {
568
568
  margin-bottom: 20px;
569
569
  }
570
+ .e-pivotview.sf-pivotview .e-pivot-toolbar {
571
+ box-sizing: border-box;
572
+ }
570
573
  .e-pivotview .e-pivot-toolbar {
571
574
  background: #282727;
572
575
  border-bottom: 0;
@@ -911,6 +914,25 @@
911
914
  /* stylelint-enable */
912
915
  /* stylelint-enable */
913
916
  }
917
+ .e-pivotview .e-pivotcell-container {
918
+ display: -ms-flexbox;
919
+ display: flex;
920
+ }
921
+ .e-pivotview .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
922
+ .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
923
+ overflow: hidden;
924
+ text-overflow: ellipsis;
925
+ }
926
+ .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
927
+ -ms-flex-align: center;
928
+ align-items: center;
929
+ display: -ms-flexbox;
930
+ display: flex;
931
+ }
932
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
933
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-headertext.e-cellvalue {
934
+ text-overflow: clip;
935
+ }
914
936
  .e-pivotview .e-nextspan {
915
937
  display: inline-block;
916
938
  width: 18px;
@@ -1050,11 +1072,10 @@
1050
1072
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1051
1073
  display: none;
1052
1074
  }
1053
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1054
- margin: -15px 0 !important;
1055
- }
1056
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1075
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1057
1076
  margin: 2px 0 !important;
1077
+ margin-left: auto !important;
1078
+ margin-top: 5px !important;
1058
1079
  }
1059
1080
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1060
1081
  margin: -5px 0 !important;
@@ -567,6 +567,9 @@
567
567
  .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer .e-pivot-format-decimal-drop {
568
568
  margin-bottom: 20px;
569
569
  }
570
+ .e-pivotview.sf-pivotview .e-pivot-toolbar {
571
+ box-sizing: border-box;
572
+ }
570
573
  .e-pivotview .e-pivot-toolbar {
571
574
  background: #f4f4f4;
572
575
  border-bottom: 0;
@@ -911,6 +914,25 @@
911
914
  /* stylelint-enable */
912
915
  /* stylelint-enable */
913
916
  }
917
+ .e-pivotview .e-pivotcell-container {
918
+ display: -ms-flexbox;
919
+ display: flex;
920
+ }
921
+ .e-pivotview .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
922
+ .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
923
+ overflow: hidden;
924
+ text-overflow: ellipsis;
925
+ }
926
+ .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
927
+ -ms-flex-align: center;
928
+ align-items: center;
929
+ display: -ms-flexbox;
930
+ display: flex;
931
+ }
932
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
933
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-headertext.e-cellvalue {
934
+ text-overflow: clip;
935
+ }
914
936
  .e-pivotview .e-nextspan {
915
937
  display: inline-block;
916
938
  width: 18px;
@@ -1050,11 +1072,10 @@
1050
1072
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1051
1073
  display: none;
1052
1074
  }
1053
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1054
- margin: -15px 0 !important;
1055
- }
1056
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1075
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1057
1076
  margin: 2px 0 !important;
1077
+ margin-left: auto !important;
1078
+ margin-top: 5px !important;
1058
1079
  }
1059
1080
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1060
1081
  margin: -5px 0 !important;
@@ -568,6 +568,9 @@
568
568
  .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer .e-pivot-format-decimal-drop {
569
569
  margin-bottom: 20px;
570
570
  }
571
+ .e-pivotview.sf-pivotview .e-pivot-toolbar {
572
+ box-sizing: border-box;
573
+ }
571
574
  .e-pivotview .e-pivot-toolbar {
572
575
  background: #201f1e;
573
576
  border-bottom: 0;
@@ -924,6 +927,25 @@
924
927
  /* stylelint-enable */
925
928
  /* stylelint-enable */
926
929
  }
930
+ .e-pivotview .e-pivotcell-container {
931
+ display: -ms-flexbox;
932
+ display: flex;
933
+ }
934
+ .e-pivotview .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
935
+ .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
936
+ overflow: hidden;
937
+ text-overflow: ellipsis;
938
+ }
939
+ .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
940
+ -ms-flex-align: center;
941
+ align-items: center;
942
+ display: -ms-flexbox;
943
+ display: flex;
944
+ }
945
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
946
+ .e-pivotview .e-gridclip .e-pivotcell-container .e-headertext.e-cellvalue {
947
+ text-overflow: clip;
948
+ }
927
949
  .e-pivotview .e-nextspan {
928
950
  display: inline-block;
929
951
  width: 18px;
@@ -1052,7 +1074,6 @@
1052
1074
  display: block;
1053
1075
  }
1054
1076
  .e-pivotview div.e-cellvalue {
1055
- margin-top: 5px;
1056
1077
  margin-top: 1px;
1057
1078
  }
1058
1079
  .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
@@ -1065,11 +1086,10 @@
1065
1086
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1066
1087
  display: none;
1067
1088
  }
1068
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1069
- margin: -33px 0 !important;
1070
- }
1071
- .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
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: -11px 0 !important;
1091
+ margin-left: auto !important;
1092
+ margin-top: 1px !important;
1073
1093
  }
1074
1094
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1075
1095
  margin: -20px 0 !important;