@syncfusion/ej2-vue-pivotview 22.1.39 → 22.2.5

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-pivotview@*",
-  "_id": "@syncfusion/ej2-vue-pivotview@22.1.36",
+  "_id": "@syncfusion/ej2-vue-pivotview@22.1.39",
   "_inBundle": false,
-  "_integrity": "sha512-O7lweVfpzBdsJ52Ep/gVh2x4+pPIlnEwp3U6mOUc9y5xiSnLAFbmvf+/x7oAPR+fqwWCGDz3/FRBLCN3cMl11A==",
+  "_integrity": "sha512-0k6oMZJgpfALv9nXnygOTDus8DMm6Yx6BHup5ktDPKIxiu3a0f/rOLUy21hcmxFO+YgWHlZzFVTeWETeiilxQQ==",
   "_location": "/@syncfusion/ej2-vue-pivotview",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-pivotview/-/ej2-vue-pivotview-22.1.36.tgz",
-  "_shasum": "57da4146a164de5110c7c1f3c4a3a5bcbdab220f",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-pivotview/-/ej2-vue-pivotview-22.1.39.tgz",
+  "_shasum": "19ccac5de053d8b87681330bfabdf47b269a9722",
   "_spec": "@syncfusion/ej2-vue-pivotview@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~22.1.38",
-    "@syncfusion/ej2-pivotview": "22.1.39",
-    "@syncfusion/ej2-vue-base": "~22.1.34"
+    "@syncfusion/ej2-base": "~22.2.5",
+    "@syncfusion/ej2-pivotview": "22.2.5",
+    "@syncfusion/ej2-vue-base": "~22.2.5"
   },
   "deprecated": false,
   "description": "The pivot grid, or pivot table, is used to visualize large sets of relational data in a cross-tabular format, similar to an Excel pivot table. for Vue",
@@ -57,6 +57,6 @@
     "ci-publish": "gulp ci-publish",
     "compile": "gulp ci-compile && gulp vue-global-script"
   },
-  "version": "22.1.39",
+  "version": "22.2.5",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

@@ -568,6 +568,9 @@
 .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer .e-pivot-format-decimal-drop {
   margin-bottom: 20px;
 }
+.e-pivotview.sf-pivotview .e-pivot-toolbar {
+  box-sizing: border-box;
+}
 .e-pivotview .e-pivot-toolbar {
   background: #131313;
   border-bottom: 0;
@@ -908,6 +911,25 @@
   /* stylelint-enable */
   /* stylelint-enable */
 }
+.e-pivotview .e-pivotcell-container {
+  display: -ms-flexbox;
+  display: flex;
+}
+.e-pivotview .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
+.e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
+  -ms-flex-align: center;
+      align-items: center;
+  display: -ms-flexbox;
+  display: flex;
+}
+.e-pivotview .e-gridclip .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
+.e-pivotview .e-gridclip .e-pivotcell-container .e-headertext.e-cellvalue {
+  text-overflow: clip;
+}
 .e-pivotview .e-nextspan {
   display: inline-block;
   width: 24px;
@@ -1047,11 +1069,10 @@
 .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
   display: none;
 }
-.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
-  margin: -28px 0 !important;
-}
-.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
+.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 {
   margin: -11px 0 !important;
+  margin-left: auto !important;
+  margin-top: 5px !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -20px 0 !important;

package/styles/bootstrap.css

@@ -567,6 +567,9 @@
 .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer .e-pivot-format-decimal-drop {
   margin-bottom: 20px;
 }
+.e-pivotview.sf-pivotview .e-pivot-toolbar {
+  box-sizing: border-box;
+}
 .e-pivotview .e-pivot-toolbar {
   background: #f5f5f5;
   border-bottom: 0;
@@ -907,6 +910,25 @@
   /* stylelint-enable */
   /* stylelint-enable */
 }
+.e-pivotview .e-pivotcell-container {
+  display: -ms-flexbox;
+  display: flex;
+}
+.e-pivotview .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
+.e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
+  -ms-flex-align: center;
+      align-items: center;
+  display: -ms-flexbox;
+  display: flex;
+}
+.e-pivotview .e-gridclip .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
+.e-pivotview .e-gridclip .e-pivotcell-container .e-headertext.e-cellvalue {
+  text-overflow: clip;
+}
 .e-pivotview .e-nextspan {
   display: inline-block;
   width: 18px;
@@ -1046,11 +1068,10 @@
 .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
   display: none;
 }
-.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
-  margin: -28px 0 !important;
-}
-.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
+.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 {
   margin: -11px 0 !important;
+  margin-left: auto !important;
+  margin-top: 5px !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -20px 0 !important;

package/styles/bootstrap4.css

@@ -601,6 +601,9 @@
 .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer .e-pivot-format-decimal-drop {
   margin-bottom: 20px;
 }
+.e-pivotview.sf-pivotview .e-pivot-toolbar {
+  box-sizing: border-box;
+}
 .e-pivotview .e-pivot-toolbar {
   background: #f2f4f6;
   border-bottom: 0;
@@ -965,6 +968,25 @@
   /* stylelint-enable */
   /* stylelint-enable */
 }
+.e-pivotview .e-pivotcell-container {
+  display: -ms-flexbox;
+  display: flex;
+}
+.e-pivotview .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
+.e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
+  -ms-flex-align: center;
+      align-items: center;
+  display: -ms-flexbox;
+  display: flex;
+}
+.e-pivotview .e-gridclip .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
+.e-pivotview .e-gridclip .e-pivotcell-container .e-headertext.e-cellvalue {
+  text-overflow: clip;
+}
 .e-pivotview .e-nextspan {
   display: inline-block;
   width: 18px;
@@ -1105,11 +1127,10 @@
 .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
   display: none;
 }
-.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
-  margin: -28px 0 !important;
-}
-.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
+.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 {
   margin: -11px 0 !important;
+  margin-left: auto !important;
+  margin-top: 5px !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -20px 0 !important;

package/styles/bootstrap5-dark.css

@@ -569,6 +569,9 @@
 .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer .e-pivot-format-decimal-drop {
   margin-bottom: 20px;
 }
+.e-pivotview.sf-pivotview .e-pivot-toolbar {
+  box-sizing: border-box;
+}
 .e-pivotview .e-pivot-toolbar {
   background: #282d31;
   border-bottom: 0;
@@ -908,6 +911,25 @@
   /* stylelint-enable */
   /* stylelint-enable */
 }
+.e-pivotview .e-pivotcell-container {
+  display: -ms-flexbox;
+  display: flex;
+}
+.e-pivotview .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
+.e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
+  -ms-flex-align: center;
+      align-items: center;
+  display: -ms-flexbox;
+  display: flex;
+}
+.e-pivotview .e-gridclip .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
+.e-pivotview .e-gridclip .e-pivotcell-container .e-headertext.e-cellvalue {
+  text-overflow: clip;
+}
 .e-pivotview .e-nextspan {
   display: inline-block;
   width: 18px;
@@ -1037,7 +1059,6 @@
   display: block;
 }
 .e-pivotview div.e-cellvalue {
-  margin-top: 5px;
   margin-top: 2px;
 }
 .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
@@ -1050,11 +1071,10 @@
 .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
   display: none;
 }
-.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
-  margin: -16px 0 !important;
-}
-.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
+.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 {
   margin: 6px 0 !important;
+  margin-left: auto !important;
+  margin-top: 2px !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -5px 0 !important;

package/styles/bootstrap5.css

@@ -571,6 +571,9 @@
 .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer .e-pivot-format-decimal-drop {
   margin-bottom: 20px;
 }
+.e-pivotview.sf-pivotview .e-pivot-toolbar {
+  box-sizing: border-box;
+}
 .e-pivotview .e-pivot-toolbar {
   background: #f8f9fa;
   border-bottom: 0;
@@ -910,6 +913,25 @@
   /* stylelint-enable */
   /* stylelint-enable */
 }
+.e-pivotview .e-pivotcell-container {
+  display: -ms-flexbox;
+  display: flex;
+}
+.e-pivotview .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
+.e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
+  -ms-flex-align: center;
+      align-items: center;
+  display: -ms-flexbox;
+  display: flex;
+}
+.e-pivotview .e-gridclip .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
+.e-pivotview .e-gridclip .e-pivotcell-container .e-headertext.e-cellvalue {
+  text-overflow: clip;
+}
 .e-pivotview .e-nextspan {
   display: inline-block;
   width: 18px;
@@ -1039,7 +1061,6 @@
   display: block;
 }
 .e-pivotview div.e-cellvalue {
-  margin-top: 5px;
   margin-top: 2px;
 }
 .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
@@ -1052,11 +1073,10 @@
 .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
   display: none;
 }
-.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
-  margin: -16px 0 !important;
-}
-.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
+.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 {
   margin: 6px 0 !important;
+  margin-left: auto !important;
+  margin-top: 2px !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -5px 0 !important;

package/styles/fabric-dark.css

@@ -567,6 +567,9 @@
 .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer .e-pivot-format-decimal-drop {
   margin-bottom: 20px;
 }
+.e-pivotview.sf-pivotview .e-pivot-toolbar {
+  box-sizing: border-box;
+}
 .e-pivotview .e-pivot-toolbar {
   background: #282727;
   border-bottom: 0;
@@ -911,6 +914,25 @@
   /* stylelint-enable */
   /* stylelint-enable */
 }
+.e-pivotview .e-pivotcell-container {
+  display: -ms-flexbox;
+  display: flex;
+}
+.e-pivotview .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
+.e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
+  -ms-flex-align: center;
+      align-items: center;
+  display: -ms-flexbox;
+  display: flex;
+}
+.e-pivotview .e-gridclip .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
+.e-pivotview .e-gridclip .e-pivotcell-container .e-headertext.e-cellvalue {
+  text-overflow: clip;
+}
 .e-pivotview .e-nextspan {
   display: inline-block;
   width: 18px;
@@ -1050,11 +1072,10 @@
 .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
   display: none;
 }
-.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
-  margin: -15px 0 !important;
-}
-.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
+.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 {
   margin: 2px 0 !important;
+  margin-left: auto !important;
+  margin-top: 5px !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -5px 0 !important;

package/styles/fabric.css

@@ -567,6 +567,9 @@
 .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer .e-pivot-format-decimal-drop {
   margin-bottom: 20px;
 }
+.e-pivotview.sf-pivotview .e-pivot-toolbar {
+  box-sizing: border-box;
+}
 .e-pivotview .e-pivot-toolbar {
   background: #f4f4f4;
   border-bottom: 0;
@@ -911,6 +914,25 @@
   /* stylelint-enable */
   /* stylelint-enable */
 }
+.e-pivotview .e-pivotcell-container {
+  display: -ms-flexbox;
+  display: flex;
+}
+.e-pivotview .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
+.e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
+  -ms-flex-align: center;
+      align-items: center;
+  display: -ms-flexbox;
+  display: flex;
+}
+.e-pivotview .e-gridclip .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
+.e-pivotview .e-gridclip .e-pivotcell-container .e-headertext.e-cellvalue {
+  text-overflow: clip;
+}
 .e-pivotview .e-nextspan {
   display: inline-block;
   width: 18px;
@@ -1050,11 +1072,10 @@
 .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
   display: none;
 }
-.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
-  margin: -15px 0 !important;
-}
-.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
+.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 {
   margin: 2px 0 !important;
+  margin-left: auto !important;
+  margin-top: 5px !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -5px 0 !important;

package/styles/fluent-dark.css

@@ -568,6 +568,9 @@
 .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer .e-pivot-format-decimal-drop {
   margin-bottom: 20px;
 }
+.e-pivotview.sf-pivotview .e-pivot-toolbar {
+  box-sizing: border-box;
+}
 .e-pivotview .e-pivot-toolbar {
   background: #201f1e;
   border-bottom: 0;
@@ -924,6 +927,25 @@
   /* stylelint-enable */
   /* stylelint-enable */
 }
+.e-pivotview .e-pivotcell-container {
+  display: -ms-flexbox;
+  display: flex;
+}
+.e-pivotview .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
+.e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
+  -ms-flex-align: center;
+      align-items: center;
+  display: -ms-flexbox;
+  display: flex;
+}
+.e-pivotview .e-gridclip .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
+.e-pivotview .e-gridclip .e-pivotcell-container .e-headertext.e-cellvalue {
+  text-overflow: clip;
+}
 .e-pivotview .e-nextspan {
   display: inline-block;
   width: 18px;
@@ -1052,7 +1074,6 @@
   display: block;
 }
 .e-pivotview div.e-cellvalue {
-  margin-top: 5px;
   margin-top: 1px;
 }
 .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
@@ -1065,11 +1086,10 @@
 .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
   display: none;
 }
-.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
-  margin: -33px 0 !important;
-}
-.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
+.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 {
   margin: -11px 0 !important;
+  margin-left: auto !important;
+  margin-top: 1px !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -20px 0 !important;

package/styles/fluent.css

@@ -570,6 +570,9 @@
 .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer .e-pivot-format-decimal-drop {
   margin-bottom: 20px;
 }
+.e-pivotview.sf-pivotview .e-pivot-toolbar {
+  box-sizing: border-box;
+}
 .e-pivotview .e-pivot-toolbar {
   background: #faf9f8;
   border-bottom: 0;
@@ -926,6 +929,25 @@
   /* stylelint-enable */
   /* stylelint-enable */
 }
+.e-pivotview .e-pivotcell-container {
+  display: -ms-flexbox;
+  display: flex;
+}
+.e-pivotview .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
+.e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
+  -ms-flex-align: center;
+      align-items: center;
+  display: -ms-flexbox;
+  display: flex;
+}
+.e-pivotview .e-gridclip .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
+.e-pivotview .e-gridclip .e-pivotcell-container .e-headertext.e-cellvalue {
+  text-overflow: clip;
+}
 .e-pivotview .e-nextspan {
   display: inline-block;
   width: 18px;
@@ -1054,7 +1076,6 @@
   display: block;
 }
 .e-pivotview div.e-cellvalue {
-  margin-top: 5px;
   margin-top: 1px;
 }
 .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
@@ -1067,11 +1088,10 @@
 .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
   display: none;
 }
-.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
-  margin: -33px 0 !important;
-}
-.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
+.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 {
   margin: -11px 0 !important;
+  margin-left: auto !important;
+  margin-top: 1px !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -20px 0 !important;

package/styles/highcontrast-light.css

@@ -566,6 +566,9 @@
 .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer .e-pivot-format-decimal-drop {
   margin-bottom: 20px;
 }
+.e-pivotview.sf-pivotview .e-pivot-toolbar {
+  box-sizing: border-box;
+}
 .e-pivotview .e-pivot-toolbar {
   background: #d8d8d8;
   border-bottom: 0;
@@ -910,6 +913,25 @@
   /* stylelint-enable */
   /* stylelint-enable */
 }
+.e-pivotview .e-pivotcell-container {
+  display: -ms-flexbox;
+  display: flex;
+}
+.e-pivotview .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
+.e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
+  -ms-flex-align: center;
+      align-items: center;
+  display: -ms-flexbox;
+  display: flex;
+}
+.e-pivotview .e-gridclip .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
+.e-pivotview .e-gridclip .e-pivotcell-container .e-headertext.e-cellvalue {
+  text-overflow: clip;
+}
 .e-pivotview .e-nextspan {
   display: inline-block;
   width: 24px;
@@ -1039,7 +1061,6 @@
   display: block;
 }
 .e-pivotview div.e-cellvalue {
-  margin-top: 5px;
   margin-top: 0;
 }
 .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
@@ -1051,11 +1072,10 @@
 .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
   display: none;
 }
-.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
-  margin: -15px 0 !important;
-}
-.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
+.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 {
   margin: 0 !important;
+  margin-left: auto !important;
+  margin-top: 0 !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -6px 0 !important;

package/styles/highcontrast.css

@@ -566,6 +566,9 @@
 .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer .e-pivot-format-decimal-drop {
   margin-bottom: 20px;
 }
+.e-pivotview.sf-pivotview .e-pivot-toolbar {
+  box-sizing: border-box;
+}
 .e-pivotview .e-pivot-toolbar {
   background: #262626;
   border-bottom: 0;
@@ -910,6 +913,25 @@
   /* stylelint-enable */
   /* stylelint-enable */
 }
+.e-pivotview .e-pivotcell-container {
+  display: -ms-flexbox;
+  display: flex;
+}
+.e-pivotview .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
+.e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
+  -ms-flex-align: center;
+      align-items: center;
+  display: -ms-flexbox;
+  display: flex;
+}
+.e-pivotview .e-gridclip .e-pivotcell-container .e-stackedheadertext.e-cellvalue,
+.e-pivotview .e-gridclip .e-pivotcell-container .e-headertext.e-cellvalue {
+  text-overflow: clip;
+}
 .e-pivotview .e-nextspan {
   display: inline-block;
   width: 18px;
@@ -1039,7 +1061,6 @@
   display: block;
 }
 .e-pivotview div.e-cellvalue {
-  margin-top: 5px;
   margin-top: 0;
 }
 .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
@@ -1051,11 +1072,10 @@
 .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
   display: none;
 }
-.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
-  margin: -15px 0 !important;
-}
-.e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
+.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 {
   margin: 0 !important;
+  margin-left: auto !important;
+  margin-top: 0 !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -6px 0 !important;