@syncfusion/ej2-vue-pivotview 22.2.12 → 23.1.36

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-pivotview@*",
-  "_id": "@syncfusion/ej2-vue-pivotview@22.2.11",
+  "_id": "@syncfusion/ej2-vue-pivotview@20.16.4",
   "_inBundle": false,
-  "_integrity": "sha512-Tcw5UbD1DqYEW9hD61OUCOTmCaKlhqJGQ6wQbqdCdUXVdljQllg3B9KHc3THSCzBMz67C0AkUIkwasU002Ji/g==",
+  "_integrity": "sha512-5vTcPyqaeIRGQdBd/RlcG+oOq2rXDSF9/u7iFFp2d91zui/ZF9QQJ7VSU6Kl0/nKhXsnY0j4slIZVBUccIiwTQ==",
   "_location": "/@syncfusion/ej2-vue-pivotview",
   "_phantomChildren": {},
   "_requested": {
@@ -19,10 +19,10 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-pivotview/-/ej2-vue-pivotview-22.2.11.tgz",
-  "_shasum": "bb2b29e006fd7e27f7092e22b6ed4f925f3645b8",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-vue-pivotview/-/ej2-vue-pivotview-20.16.4.tgz",
+  "_shasum": "4f3154ffef2345175cb05d7493d7fd8aa585b545",
   "_spec": "@syncfusion/ej2-vue-pivotview@*",
-  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~22.2.12",
-    "@syncfusion/ej2-pivotview": "22.2.12",
-    "@syncfusion/ej2-vue-base": "~22.2.5"
+    "@syncfusion/ej2-base": "~23.1.36",
+    "@syncfusion/ej2-pivotview": "23.1.36",
+    "@syncfusion/ej2-vue-base": "~23.1.36"
   },
   "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.2.12",
+  "version": "23.1.36",
   "sideEffects": false
 }

package/src/pivotfieldlist/pivotfieldlist.component.d.ts

@@ -1,3 +1,5 @@
+import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
+import { PivotFieldListModel } from '@syncfusion/ej2-pivotview';
 export declare const properties: string[];
 export declare const modelProps: string[];
 export declare const testProp: any;
@@ -8,7 +10,7 @@ export declare const props: any, watch: any, emitProbs: any;
  * <ejs-pivotfieldlist></ejs-pivotfieldlist>
  * ```
  */
-export declare let PivotFieldListComponent: any;
+export declare let PivotFieldListComponent: DefineVueComponent<PivotFieldListModel>;
 export declare type PivotFieldListComponent = InstanceType<typeof PivotFieldListComponent>;
 export declare const PivotFieldListPlugin: {
     name: string;

package/src/pivotview/pivotview.component.d.ts

@@ -1,3 +1,5 @@
+import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
+import { PivotViewModel } from '@syncfusion/ej2-pivotview';
 export declare const properties: string[];
 export declare const modelProps: string[];
 export declare const testProp: any;
@@ -8,7 +10,7 @@ export declare const props: any, watch: any, emitProbs: any;
  * <ejs-pivotview></ejs-pivotview>
  * ```
  */
-export declare let PivotViewComponent: any;
+export declare let PivotViewComponent: DefineVueComponent<PivotViewModel>;
 export declare type PivotViewComponent = InstanceType<typeof PivotViewComponent>;
 export declare const PivotViewPlugin: {
     name: string;

package/styles/bootstrap-dark.css

@@ -162,6 +162,8 @@
   /* stylelint-disable */
   /* stylelint-enable */
   /* stylelint-enable */
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-pivotview .e-value-field-settings,
 .e-pivotview .e-member-editor-dialog,
@@ -627,6 +629,9 @@
 .e-pivotview .e-frozenscrollbar {
   background: #131313;
 }
+.e-pivotview .e-headercontent .e-columnheader .e-headercell.e-leftfreeze {
+  -webkit-transform: translate3d(0, 0, 0);
+}
 
 .e-pivotview-disable-icon {
   visibility: hidden;
@@ -901,7 +906,6 @@
 
 /*! PivotView theme */
 .e-pivotview {
-  /* stylelint-enable */
   /* stylelint-enable */
   /* stylelint-disable */
   /* stylelint-enable */
@@ -912,6 +916,8 @@
   /* stylelint-enable */
 }
 .e-pivotview .e-pivotcell-container {
+  -ms-flex-align: center;
+      align-items: center;
   display: -ms-flexbox;
   display: flex;
 }
@@ -957,14 +963,23 @@
   -ms-user-select: none;
   user-select: none;
 }
+.e-pivotview .e-grid .e-content-virtualtable {
+  overflow-x: auto;
+  scrollbar-width: none; /* firefox */
+}
+.e-pivotview .e-grid .e-content-virtualtable::-webkit-scrollbar {
+  display: none; /* safari, chrome and edge */
+}
 .e-pivotview .e-gtot,
 .e-pivotview .e-gtot.e-rowsheader,
 .e-pivotview .e-gtot.e-columnsheader,
 .e-pivotview .e-grid .e-content,
-.e-pivotview .e-grid .e-gridheader,
-.e-pivotview .e-headercell {
+.e-pivotview .e-grid .e-gridheader {
   background: #131313;
 }
+.e-pivotview .e-headercell:not(.e-columnsheader) {
+  background: #131313 !important;
+}
 .e-pivotview .e-grid .e-gridheader {
   border-bottom-width: 1px;
 }
@@ -1057,9 +1072,6 @@
 .e-pivotview .e-drop-indicator {
   display: block;
 }
-.e-pivotview div.e-cellvalue {
-  margin-top: 5px;
-}
 .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
   float: right;
 }
@@ -1069,10 +1081,17 @@
 .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
   display: none;
 }
-.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 {
+.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 {
   margin: -11px 0 !important;
+}
+.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: 5px !important;
+  padding-bottom: 0 !important;
+  padding-top: 0 !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -20px 0 !important;
@@ -1107,9 +1126,25 @@
 }
 .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
   visibility: hidden !important;
+  /* stylelint-enable */
+}
+.e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader {
+  position: absolute;
+  z-index: 10;
+  color: #0070f0;
+  font-size: 20px;
+  text-align: center;
+  padding: 10%;
+}
+.e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader.e-hide-loader {
+  display: none;
+}
+.e-pivotview.sf-pivotview .e-grid .e-virtual-pivot-content {
+  visibility: hidden;
 }
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
+  /* stylelint-disable */
   padding-left: 8px !important;
 }
 .e-pivotview .sf-grid .e-spinner-pane {
@@ -1130,6 +1165,14 @@
   border-left: 0;
   border-right-width: 1px;
 }
+.e-pivotview .e-leftfreeze.e-freezeleftborder {
+  border-left-color: #414141 !important;
+  border-right-color: #414141 !important;
+  border-right-width: 1px !important;
+}
+.e-pivotview .e-leftfreeze.e-freezeleftborder:not(.e-gtot) {
+  background: #131313;
+}
 .e-pivotview .e-stackedheadercelldiv {
   display: block;
 }
@@ -1137,7 +1180,6 @@
 .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
   display: inline-block;
   padding-left: 12px !important;
-  margin-top: 5px;
 }
 .e-pivotview .e-headercelldiv.e-cellvalue {
   margin-left: 0px;
@@ -1634,8 +1676,6 @@
   cursor: pointer;
   display: inline-block;
   height: 18px;
-  margin-top: 5px;
-  margin-bottom: 0;
   text-align: center;
   width: 18px;
 }
@@ -1643,8 +1683,6 @@
 .e-pivotview th .e-collapse {
   font-size: 12px !important;
   margin-left: 0px;
-  margin-top: 6px;
-  margin-bottom: 0;
 }
 .e-pivotview .e-expand::before {
   font-size: 10px;
@@ -2008,6 +2046,10 @@
   border-left-width: 1px;
   border-right: 0;
 }
+.e-pivotview.e-rtl .e-leftfreeze.e-freezeleftborder {
+  border-left-width: 1px;
+  border-right: 0;
+}
 .e-pivotview.e-rtl .e-rowsheader .e-cellvalue {
   margin-left: 0;
   margin-right: 7px;
@@ -2240,12 +2282,6 @@
 .e-bigger.e-pivotview .e-bigger .e-stackedheadercelldiv {
   padding-left: 16px !important;
 }
-.e-bigger .e-pivotview th .e-expand,
-.e-bigger .e-pivotview th .e-collapse,
-.e-bigger.e-pivotview th .e-expand,
-.e-bigger.e-pivotview th .e-collapse {
-  margin-top: 6px;
-}
 .e-bigger .e-pivotview .e-grouping-bar,
 .e-bigger.e-pivotview .e-grouping-bar {
   /* stylelint-enable */
@@ -3218,7 +3254,7 @@
   width: 100% !important;
 }
 .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
-  margin-left: 0;
+  margin-left: 0 !important;
 }
 .e-pivot-formatting-dialog.e-device .e-format-value1,
 .e-pivot-formatting-dialog.e-device .e-format-value2,

package/styles/bootstrap.css

@@ -161,6 +161,8 @@
   /* stylelint-disable */
   /* stylelint-enable */
   /* stylelint-enable */
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-pivotview .e-value-field-settings,
 .e-pivotview .e-member-editor-dialog,
@@ -626,6 +628,9 @@
 .e-pivotview .e-frozenscrollbar {
   background: #f5f5f5;
 }
+.e-pivotview .e-headercontent .e-columnheader .e-headercell.e-leftfreeze {
+  -webkit-transform: translate3d(0, 0, 0);
+}
 
 .e-pivotview-disable-icon {
   visibility: hidden;
@@ -900,7 +905,6 @@
 
 /*! PivotView theme */
 .e-pivotview {
-  /* stylelint-enable */
   /* stylelint-enable */
   /* stylelint-disable */
   /* stylelint-enable */
@@ -911,6 +915,8 @@
   /* stylelint-enable */
 }
 .e-pivotview .e-pivotcell-container {
+  -ms-flex-align: center;
+      align-items: center;
   display: -ms-flexbox;
   display: flex;
 }
@@ -956,14 +962,23 @@
   -ms-user-select: none;
   user-select: none;
 }
+.e-pivotview .e-grid .e-content-virtualtable {
+  overflow-x: auto;
+  scrollbar-width: none; /* firefox */
+}
+.e-pivotview .e-grid .e-content-virtualtable::-webkit-scrollbar {
+  display: none; /* safari, chrome and edge */
+}
 .e-pivotview .e-gtot,
 .e-pivotview .e-gtot.e-rowsheader,
 .e-pivotview .e-gtot.e-columnsheader,
 .e-pivotview .e-grid .e-content,
-.e-pivotview .e-grid .e-gridheader,
-.e-pivotview .e-headercell {
+.e-pivotview .e-grid .e-gridheader {
   background: #f5f5f5;
 }
+.e-pivotview .e-headercell:not(.e-columnsheader) {
+  background: #f5f5f5 !important;
+}
 .e-pivotview .e-grid .e-gridheader {
   border-bottom-width: 1px;
 }
@@ -1056,9 +1071,6 @@
 .e-pivotview .e-drop-indicator {
   display: block;
 }
-.e-pivotview div.e-cellvalue {
-  margin-top: 5px;
-}
 .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
   float: right;
 }
@@ -1068,10 +1080,17 @@
 .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
   display: none;
 }
-.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 {
+.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 {
   margin: -11px 0 !important;
+}
+.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: 5px !important;
+  padding-bottom: 0 !important;
+  padding-top: 0 !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -20px 0 !important;
@@ -1106,9 +1125,25 @@
 }
 .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
   visibility: hidden !important;
+  /* stylelint-enable */
+}
+.e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader {
+  position: absolute;
+  z-index: 10;
+  color: #317ab9;
+  font-size: 20px;
+  text-align: center;
+  padding: 10%;
+}
+.e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader.e-hide-loader {
+  display: none;
+}
+.e-pivotview.sf-pivotview .e-grid .e-virtual-pivot-content {
+  visibility: hidden;
 }
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
+  /* stylelint-disable */
   padding-left: 8px !important;
 }
 .e-pivotview .sf-grid .e-spinner-pane {
@@ -1129,6 +1164,14 @@
   border-left: 0;
   border-right-width: 1px;
 }
+.e-pivotview .e-leftfreeze.e-freezeleftborder {
+  border-left-color: #e6e6e6 !important;
+  border-right-color: #e6e6e6 !important;
+  border-right-width: 1px !important;
+}
+.e-pivotview .e-leftfreeze.e-freezeleftborder:not(.e-gtot) {
+  background: #f9f9f9;
+}
 .e-pivotview .e-stackedheadercelldiv {
   display: block;
 }
@@ -1136,7 +1179,6 @@
 .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
   display: inline-block;
   padding-left: 12px !important;
-  margin-top: 5px;
 }
 .e-pivotview .e-headercelldiv.e-cellvalue {
   margin-left: 0px;
@@ -1633,8 +1675,6 @@
   cursor: pointer;
   display: inline-block;
   height: 18px;
-  margin-top: 5px;
-  margin-bottom: 0;
   text-align: center;
   width: 18px;
 }
@@ -1642,8 +1682,6 @@
 .e-pivotview th .e-collapse {
   font-size: 11px !important;
   margin-left: 0px;
-  margin-top: 6px;
-  margin-bottom: 0;
 }
 .e-pivotview .e-expand::before {
   font-size: 10px;
@@ -2007,6 +2045,10 @@
   border-left-width: 1px;
   border-right: 0;
 }
+.e-pivotview.e-rtl .e-leftfreeze.e-freezeleftborder {
+  border-left-width: 1px;
+  border-right: 0;
+}
 .e-pivotview.e-rtl .e-rowsheader .e-cellvalue {
   margin-left: 0;
   margin-right: 7px;
@@ -2139,7 +2181,7 @@
 }
 
 .e-pivottooltip p {
-  color: #333;
+  color: #fff;
   display: inline-block;
   font-family: Helvetica;
   font-size: 14px;
@@ -2239,12 +2281,6 @@
 .e-bigger.e-pivotview .e-bigger .e-stackedheadercelldiv {
   padding-left: 16px !important;
 }
-.e-bigger .e-pivotview th .e-expand,
-.e-bigger .e-pivotview th .e-collapse,
-.e-bigger.e-pivotview th .e-expand,
-.e-bigger.e-pivotview th .e-collapse {
-  margin-top: 6px;
-}
 .e-bigger .e-pivotview .e-grouping-bar,
 .e-bigger.e-pivotview .e-grouping-bar {
   /* stylelint-enable */
@@ -3215,7 +3251,7 @@
   width: 100% !important;
 }
 .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
-  margin-left: 0;
+  margin-left: 0 !important;
 }
 .e-pivot-formatting-dialog.e-device .e-format-value1,
 .e-pivot-formatting-dialog.e-device .e-format-value2,

package/styles/bootstrap4.css

@@ -161,6 +161,8 @@
   /* stylelint-disable */
   /* stylelint-enable */
   /* stylelint-enable */
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-pivotview .e-value-field-settings,
 .e-pivotview .e-member-editor-dialog,
@@ -676,6 +678,9 @@
 .e-pivotview .e-frozenscrollbar {
   background: #f2f4f6;
 }
+.e-pivotview .e-headercontent .e-columnheader .e-headercell.e-leftfreeze {
+  -webkit-transform: translate3d(0, 0, 0);
+}
 
 .e-pivotview-disable-icon {
   visibility: hidden;
@@ -958,7 +963,6 @@
 
 /*! PivotView theme */
 .e-pivotview {
-  /* stylelint-enable */
   /* stylelint-enable */
   /* stylelint-disable */
   /* stylelint-enable */
@@ -969,6 +973,8 @@
   /* stylelint-enable */
 }
 .e-pivotview .e-pivotcell-container {
+  -ms-flex-align: center;
+      align-items: center;
   display: -ms-flexbox;
   display: flex;
 }
@@ -1014,14 +1020,23 @@
   -ms-user-select: none;
   user-select: none;
 }
+.e-pivotview .e-grid .e-content-virtualtable {
+  overflow-x: auto;
+  scrollbar-width: none; /* firefox */
+}
+.e-pivotview .e-grid .e-content-virtualtable::-webkit-scrollbar {
+  display: none; /* safari, chrome and edge */
+}
 .e-pivotview .e-gtot,
 .e-pivotview .e-gtot.e-rowsheader,
 .e-pivotview .e-gtot.e-columnsheader,
 .e-pivotview .e-grid .e-content,
-.e-pivotview .e-grid .e-gridheader,
-.e-pivotview .e-headercell {
+.e-pivotview .e-grid .e-gridheader {
   background: #f2f4f6;
 }
+.e-pivotview .e-headercell:not(.e-columnsheader) {
+  background: #f2f4f6 !important;
+}
 .e-pivotview .e-grid .e-gridheader {
   border-bottom-width: 1px;
 }
@@ -1114,9 +1129,6 @@
 .e-pivotview .e-drop-indicator {
   display: block;
 }
-.e-pivotview div.e-cellvalue {
-  margin-top: 5px;
-}
 .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
   float: right;
   font-size: 10px !important;
@@ -1127,10 +1139,17 @@
 .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
   display: none;
 }
-.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 {
+.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 {
   margin: -11px 0 !important;
+}
+.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: 5px !important;
+  padding-bottom: 0 !important;
+  padding-top: 0 !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -20px 0 !important;
@@ -1168,9 +1187,25 @@
 }
 .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
   visibility: hidden !important;
+  /* stylelint-enable */
+}
+.e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader {
+  position: absolute;
+  z-index: 10;
+  color: #007bff;
+  font-size: 20px;
+  text-align: center;
+  padding: 10%;
+}
+.e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader.e-hide-loader {
+  display: none;
+}
+.e-pivotview.sf-pivotview .e-grid .e-virtual-pivot-content {
+  visibility: hidden;
 }
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
+  /* stylelint-disable */
   padding-left: 8px !important;
 }
 .e-pivotview .sf-grid .e-spinner-pane {
@@ -1191,6 +1226,14 @@
   border-left: 0;
   border-right-width: 1px;
 }
+.e-pivotview .e-leftfreeze.e-freezeleftborder {
+  border-left-color: #dee2e6 !important;
+  border-right-color: #dee2e6 !important;
+  border-right-width: 1px !important;
+}
+.e-pivotview .e-leftfreeze.e-freezeleftborder:not(.e-gtot) {
+  background: #f8f9fa;
+}
 .e-pivotview .e-stackedheadercelldiv {
   display: block;
 }
@@ -1198,7 +1241,6 @@
 .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
   display: inline-block;
   padding-left: 12px !important;
-  margin-top: 5px;
 }
 .e-pivotview .e-headercelldiv.e-cellvalue {
   margin-left: 0px;
@@ -1716,8 +1758,6 @@
   cursor: pointer;
   display: inline-block;
   height: 18px;
-  margin-top: 5px;
-  margin-bottom: 0;
   text-align: center;
   width: 18px;
 }
@@ -1725,8 +1765,6 @@
 .e-pivotview th .e-collapse {
   font-size: 13px !important;
   margin-left: 0px;
-  margin-top: 4px;
-  margin-bottom: 0;
 }
 .e-pivotview .e-expand::before {
   font-size: 10px;
@@ -2090,6 +2128,10 @@
   border-left-width: 1px;
   border-right: 0;
 }
+.e-pivotview.e-rtl .e-leftfreeze.e-freezeleftborder {
+  border-left-width: 1px;
+  border-right: 0;
+}
 .e-pivotview.e-rtl .e-rowsheader .e-cellvalue {
   margin-left: 0;
   margin-right: 7px;
@@ -2323,12 +2365,6 @@
 .e-bigger.e-pivotview .e-bigger .e-stackedheadercelldiv {
   padding-left: 16px !important;
 }
-.e-bigger .e-pivotview th .e-expand,
-.e-bigger .e-pivotview th .e-collapse,
-.e-bigger.e-pivotview th .e-expand,
-.e-bigger.e-pivotview th .e-collapse {
-  margin-top: 4px;
-}
 .e-bigger .e-pivotview .e-grouping-bar,
 .e-bigger.e-pivotview .e-grouping-bar {
   /* stylelint-enable */
@@ -3334,7 +3370,7 @@
   width: 100% !important;
 }
 .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
-  margin-left: 0;
+  margin-left: 0 !important;
 }
 .e-pivot-formatting-dialog.e-device .e-format-value1,
 .e-pivot-formatting-dialog.e-device .e-format-value2,