@syncfusion/ej2-angular-pivotview 20.2.36-ngcc → 20.2.36

package/styles/pivotview/bootstrap-dark.css

@@ -966,6 +966,7 @@
 }
 .e-pivotview .e-sortfilterdiv.e-value-sort-icon {
   font-size: 12px !important;
+  padding: 3px 4px 4px 4px !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -10px 0 !important;
@@ -1005,6 +1006,11 @@
 .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
   visibility: hidden !important;
 }
+.e-pivotview .e-grid.e-responsive .e-stackedheadercelldiv .e-stackedheadertext,
+.e-pivotview .e-grid.e-responsive .e-headercelldiv .e-headertext {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
   padding-left: 8px !important;
@@ -1467,7 +1473,6 @@
   width: 18px;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort.e-descend {
-  margin-top: 3px;
   transform: rotateX(180deg);
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon {
@@ -1640,12 +1645,6 @@
 .e-pivotview.e-device .e-grouping-bar .e-pivot-button {
   line-height: 1em !important;
 }
-.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-dropdown-icon,
-.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-pv-filtered,
-.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-remove,
-.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-sort {
-  margin-top: 2px !important;
-}
 .e-pivotview.e-device .e-grouping-bar .e-group-all-fields .e-pvt-btn-div .e-pivot-button {
   max-width: 155px;
 }
@@ -1656,9 +1655,6 @@
 .e-pivotview.e-device .e-grouping-bar .e-group-columns .e-pvt-btn-div .e-pivot-button {
   max-width: 200px;
 }
-.e-pivotview.e-device .e-drillthrough-dialog {
-  width: 100% !important;
-}
 .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-indent-div {
   width: 0 !important;
 }
@@ -1818,7 +1814,6 @@
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-edit {
   font-size: 14px !important;
   height: 20px;
-  margin-top: 0;
   width: 20px;
 }
 .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-sort,
@@ -1902,7 +1897,7 @@
 }
 .e-bigger .e-pivotview .e-sortfilterdiv,
 .e-bigger.e-pivotview .e-sortfilterdiv {
-  margin: -13px -11px !important;
+  margin: -30px -18px !important;
 }
 .e-bigger .e-pivotview .e-grid .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-bigger .e-pivotview .e-grid.e-wrap .e-columnheader .e-sortfilterdiv,

package/styles/pivotview/bootstrap-dark.scss

@@ -1 +1,5 @@
-@import 'ej2-pivotview/styles/pivotview/bootstrap-dark.scss';
+@import 'ej2-base/styles/bootstrap-dark-definition.scss';
+@import '../pivotfieldlist/bootstrap-dark-definition.scss';
+@import 'bootstrap-dark-definition.scss';
+@import 'icons/bootstrap-dark.scss';
+@import 'all.scss';

package/styles/pivotview/bootstrap.css

@@ -965,6 +965,7 @@
 }
 .e-pivotview .e-sortfilterdiv.e-value-sort-icon {
   font-size: 12px !important;
+  padding: 3px 4px 4px 4px !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -10px 0 !important;
@@ -1004,6 +1005,11 @@
 .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
   visibility: hidden !important;
 }
+.e-pivotview .e-grid.e-responsive .e-stackedheadercelldiv .e-stackedheadertext,
+.e-pivotview .e-grid.e-responsive .e-headercelldiv .e-headertext {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
   padding-left: 8px !important;
@@ -1466,7 +1472,6 @@
   width: 18px;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort.e-descend {
-  margin-top: 3px;
   transform: rotateX(180deg);
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon {
@@ -1639,12 +1644,6 @@
 .e-pivotview.e-device .e-grouping-bar .e-pivot-button {
   line-height: 1em !important;
 }
-.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-dropdown-icon,
-.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-pv-filtered,
-.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-remove,
-.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-sort {
-  margin-top: 2px !important;
-}
 .e-pivotview.e-device .e-grouping-bar .e-group-all-fields .e-pvt-btn-div .e-pivot-button {
   max-width: 155px;
 }
@@ -1655,9 +1654,6 @@
 .e-pivotview.e-device .e-grouping-bar .e-group-columns .e-pvt-btn-div .e-pivot-button {
   max-width: 200px;
 }
-.e-pivotview.e-device .e-drillthrough-dialog {
-  width: 100% !important;
-}
 .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-indent-div {
   width: 0 !important;
 }
@@ -1817,7 +1813,6 @@
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-edit {
   font-size: 14px !important;
   height: 20px;
-  margin-top: 1px;
   width: 20px;
 }
 .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-sort,
@@ -1901,7 +1896,7 @@
 }
 .e-bigger .e-pivotview .e-sortfilterdiv,
 .e-bigger.e-pivotview .e-sortfilterdiv {
-  margin: -14px -9px !important;
+  margin: -30px -18px !important;
 }
 .e-bigger .e-pivotview .e-grid .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-bigger .e-pivotview .e-grid.e-wrap .e-columnheader .e-sortfilterdiv,

package/styles/pivotview/bootstrap.scss

@@ -1 +1,5 @@
-@import 'ej2-pivotview/styles/pivotview/bootstrap.scss';
+@import 'ej2-base/styles/bootstrap-definition.scss';
+@import '../pivotfieldlist/bootstrap-definition.scss';
+@import 'bootstrap-definition.scss';
+@import 'icons/bootstrap.scss';
+@import 'all.scss';

package/styles/pivotview/bootstrap4.css

@@ -1022,6 +1022,7 @@
 }
 .e-pivotview .e-sortfilterdiv.e-value-sort-icon {
   font-size: 12px !important;
+  padding: 3px 0 4px 0 !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -10px 0 !important;
@@ -1064,6 +1065,11 @@
 .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
   visibility: hidden !important;
 }
+.e-pivotview .e-grid.e-responsive .e-stackedheadercelldiv .e-stackedheadertext,
+.e-pivotview .e-grid.e-responsive .e-headercelldiv .e-headertext {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
   padding-left: 8px !important;
@@ -1549,7 +1555,6 @@
   width: 18px;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort.e-descend {
-  margin-top: 3px;
   transform: rotateX(180deg);
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon {
@@ -1722,12 +1727,6 @@
 .e-pivotview.e-device .e-grouping-bar .e-pivot-button {
   line-height: 1em !important;
 }
-.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-dropdown-icon,
-.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-pv-filtered,
-.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-remove,
-.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-sort {
-  margin-top: 2px !important;
-}
 .e-pivotview.e-device .e-grouping-bar .e-group-all-fields .e-pvt-btn-div .e-pivot-button {
   max-width: 155px;
   padding: 3px 10px;
@@ -1763,9 +1762,6 @@
 .e-pivotview.e-device .e-grouping-bar .e-group-columns .e-pvt-btn-div .e-pivot-button .e-edit {
   margin-top: 2px;
 }
-.e-pivotview.e-device .e-drillthrough-dialog {
-  width: 100% !important;
-}
 .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-indent-div {
   width: 0 !important;
 }
@@ -1936,7 +1932,6 @@
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-edit {
   font-size: 12px !important;
   height: 20px;
-  margin-top: 2px;
   width: 20px;
   padding-left: 12px;
 }
@@ -2048,7 +2043,7 @@
 }
 .e-bigger .e-pivotview .e-sortfilterdiv,
 .e-bigger.e-pivotview .e-sortfilterdiv {
-  margin: -14px -8px !important;
+  margin: -28px -18px !important;
   font-size: 12px !important;
 }
 .e-bigger .e-pivotview .e-grid .e-columnheader.e-wrap .e-sortfilterdiv,

package/styles/pivotview/bootstrap4.scss

@@ -1 +1,5 @@
-@import 'ej2-pivotview/styles/pivotview/bootstrap4.scss';
+@import 'ej2-base/styles/bootstrap4-definition.scss';
+@import '../pivotfieldlist/bootstrap4-definition.scss';
+@import 'bootstrap4-definition.scss';
+@import 'icons/bootstrap4.scss';
+@import 'all.scss';

package/styles/pivotview/bootstrap5-dark.css

@@ -977,7 +977,7 @@
 }
 .e-pivotview .e-sortfilterdiv.e-value-sort-icon {
   font-size: 12px !important;
-  padding-right: 5px !important;
+  padding: 6px 0 4px 0 !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -10px 0 !important;
@@ -1020,6 +1020,11 @@
 .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
   visibility: hidden !important;
 }
+.e-pivotview .e-grid.e-responsive .e-stackedheadercelldiv .e-stackedheadertext,
+.e-pivotview .e-grid.e-responsive .e-headercelldiv .e-headertext {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
   padding-left: 8px !important;
@@ -1184,38 +1189,6 @@
   font-size: 14px;
   font-weight: normal;
 }
-.e-pivotview .e-group-values .e-pivot-button .e-sort,
-.e-pivotview .e-group-values .e-pivot-button .e-dropdown-icon,
-.e-pivotview .e-group-values .e-pivot-button .e-pv-filter,
-.e-pivotview .e-group-values .e-pivot-button .e-pv-filtered,
-.e-pivotview .e-group-values .e-pivot-button .e-remove,
-.e-pivotview .e-group-values .e-pivot-button .e-edit,
-.e-pivotview .e-group-columns .e-pivot-button .e-sort,
-.e-pivotview .e-group-columns .e-pivot-button .e-dropdown-icon,
-.e-pivotview .e-group-columns .e-pivot-button .e-pv-filter,
-.e-pivotview .e-group-columns .e-pivot-button .e-pv-filtered,
-.e-pivotview .e-group-columns .e-pivot-button .e-remove,
-.e-pivotview .e-group-columns .e-pivot-button .e-edit,
-.e-pivotview .e-group-filters .e-pivot-button .e-sort,
-.e-pivotview .e-group-filters .e-pivot-button .e-dropdown-icon,
-.e-pivotview .e-group-filters .e-pivot-button .e-pv-filter,
-.e-pivotview .e-group-filters .e-pivot-button .e-pv-filtered,
-.e-pivotview .e-group-filters .e-pivot-button .e-remove,
-.e-pivotview .e-group-filters .e-pivot-button .e-edit,
-.e-pivotview .e-group-rows .e-pivot-button .e-sort,
-.e-pivotview .e-group-rows .e-pivot-button .e-dropdown-icon,
-.e-pivotview .e-group-rows .e-pivot-button .e-pv-filter,
-.e-pivotview .e-group-rows .e-pivot-button .e-pv-filtered,
-.e-pivotview .e-group-rows .e-pivot-button .e-remove,
-.e-pivotview .e-group-rows .e-pivot-button .e-edit,
-.e-pivotview .e-group-all-fields .e-pivot-button .e-sort,
-.e-pivotview .e-group-all-fields .e-pivot-button .e-dropdown-icon,
-.e-pivotview .e-group-all-fields .e-pivot-button .e-pv-filter,
-.e-pivotview .e-group-all-fields .e-pivot-button .e-pv-filtered,
-.e-pivotview .e-group-all-fields .e-pivot-button .e-remove,
-.e-pivotview .e-group-all-fields .e-pivot-button .e-edit {
-  margin-top: 1px;
-}
 .e-pivotview .e-grouping-bar .e-pvt-btn-div,
 .e-pivotview .e-group-rows .e-pvt-btn-div {
   display: -ms-inline-flexbox;
@@ -1253,7 +1226,7 @@
   font-weight: normal;
   height: 24px;
   line-height: 0.9em;
-  padding: 3px 8px;
+  padding: 5px 8px;
   text-transform: none;
   vertical-align: bottom;
   z-index: 1;
@@ -1442,7 +1415,7 @@
   pointer-events: none;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button {
-  padding: 3px 8px;
+  padding: 5px 8px;
   width: 180px;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button:hover {
@@ -1519,7 +1492,6 @@
   width: 18px;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort.e-descend {
-  margin-top: 3px;
   transform: rotateX(180deg);
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon {
@@ -1574,7 +1546,7 @@
   width: auto;
 }
 .e-pivotview .e-collapse::before {
-  font-size: 20px;
+  font-size: 18px;
 }
 .e-pivotview .e-expand,
 .e-pivotview .e-collapse {
@@ -1695,12 +1667,6 @@
 .e-pivotview.e-device .e-grouping-bar .e-pivot-button {
   line-height: 1em !important;
 }
-.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-dropdown-icon,
-.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-pv-filtered,
-.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-remove,
-.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-sort {
-  margin-top: 2px !important;
-}
 .e-pivotview.e-device .e-grouping-bar .e-group-all-fields .e-pvt-btn-div .e-pivot-button {
   max-width: 155px;
 }
@@ -1711,9 +1677,6 @@
 .e-pivotview.e-device .e-grouping-bar .e-group-columns .e-pvt-btn-div .e-pivot-button {
   max-width: 200px;
 }
-.e-pivotview.e-device .e-drillthrough-dialog {
-  width: 100% !important;
-}
 .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-indent-div {
   width: 0 !important;
 }
@@ -1873,7 +1836,6 @@
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-edit {
   font-size: 14px !important;
   height: 20px;
-  margin-top: 2px;
   width: 20px;
 }
 .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-sort,
@@ -1969,9 +1931,8 @@
 }
 .e-bigger .e-pivotview .e-sortfilterdiv,
 .e-bigger.e-pivotview .e-sortfilterdiv {
-  margin: -15px -8px !important;
+  margin: -23px -15px !important;
   font-size: 12px !important;
-  padding-top: 28px;
 }
 .e-bigger .e-pivotview .e-grid .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-bigger .e-pivotview .e-grid.e-wrap .e-columnheader .e-sortfilterdiv,
@@ -2048,7 +2009,7 @@
 }
 .e-bigger .e-pivotview .e-collapse::before,
 .e-bigger.e-pivotview .e-collapse::before {
-  font-size: 24px;
+  font-size: 22px;
 }
 
 .e-content-placeholder.e-pivotview.e-placeholder-pivotview {

package/styles/pivotview/bootstrap5-dark.scss

@@ -1 +1,4 @@
-@import 'ej2-pivotview/styles/pivotview/bootstrap5-dark.scss';
+@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
+@import 'bootstrap5-dark-definition.scss';
+@import 'icons/bootstrap5-dark.scss';
+@import 'all.scss';

package/styles/pivotview/bootstrap5.css

@@ -979,7 +979,7 @@
 }
 .e-pivotview .e-sortfilterdiv.e-value-sort-icon {
   font-size: 12px !important;
-  padding-right: 5px !important;
+  padding: 6px 0 4px 0 !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -10px 0 !important;
@@ -1022,6 +1022,11 @@
 .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
   visibility: hidden !important;
 }
+.e-pivotview .e-grid.e-responsive .e-stackedheadercelldiv .e-stackedheadertext,
+.e-pivotview .e-grid.e-responsive .e-headercelldiv .e-headertext {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
   padding-left: 8px !important;
@@ -1186,38 +1191,6 @@
   font-size: 14px;
   font-weight: normal;
 }
-.e-pivotview .e-group-values .e-pivot-button .e-sort,
-.e-pivotview .e-group-values .e-pivot-button .e-dropdown-icon,
-.e-pivotview .e-group-values .e-pivot-button .e-pv-filter,
-.e-pivotview .e-group-values .e-pivot-button .e-pv-filtered,
-.e-pivotview .e-group-values .e-pivot-button .e-remove,
-.e-pivotview .e-group-values .e-pivot-button .e-edit,
-.e-pivotview .e-group-columns .e-pivot-button .e-sort,
-.e-pivotview .e-group-columns .e-pivot-button .e-dropdown-icon,
-.e-pivotview .e-group-columns .e-pivot-button .e-pv-filter,
-.e-pivotview .e-group-columns .e-pivot-button .e-pv-filtered,
-.e-pivotview .e-group-columns .e-pivot-button .e-remove,
-.e-pivotview .e-group-columns .e-pivot-button .e-edit,
-.e-pivotview .e-group-filters .e-pivot-button .e-sort,
-.e-pivotview .e-group-filters .e-pivot-button .e-dropdown-icon,
-.e-pivotview .e-group-filters .e-pivot-button .e-pv-filter,
-.e-pivotview .e-group-filters .e-pivot-button .e-pv-filtered,
-.e-pivotview .e-group-filters .e-pivot-button .e-remove,
-.e-pivotview .e-group-filters .e-pivot-button .e-edit,
-.e-pivotview .e-group-rows .e-pivot-button .e-sort,
-.e-pivotview .e-group-rows .e-pivot-button .e-dropdown-icon,
-.e-pivotview .e-group-rows .e-pivot-button .e-pv-filter,
-.e-pivotview .e-group-rows .e-pivot-button .e-pv-filtered,
-.e-pivotview .e-group-rows .e-pivot-button .e-remove,
-.e-pivotview .e-group-rows .e-pivot-button .e-edit,
-.e-pivotview .e-group-all-fields .e-pivot-button .e-sort,
-.e-pivotview .e-group-all-fields .e-pivot-button .e-dropdown-icon,
-.e-pivotview .e-group-all-fields .e-pivot-button .e-pv-filter,
-.e-pivotview .e-group-all-fields .e-pivot-button .e-pv-filtered,
-.e-pivotview .e-group-all-fields .e-pivot-button .e-remove,
-.e-pivotview .e-group-all-fields .e-pivot-button .e-edit {
-  margin-top: 1px;
-}
 .e-pivotview .e-grouping-bar .e-pvt-btn-div,
 .e-pivotview .e-group-rows .e-pvt-btn-div {
   display: -ms-inline-flexbox;
@@ -1255,7 +1228,7 @@
   font-weight: normal;
   height: 24px;
   line-height: 0.9em;
-  padding: 3px 8px;
+  padding: 5px 8px;
   text-transform: none;
   vertical-align: bottom;
   z-index: 1;
@@ -1444,7 +1417,7 @@
   pointer-events: none;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button {
-  padding: 3px 8px;
+  padding: 5px 8px;
   width: 180px;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button:hover {
@@ -1521,7 +1494,6 @@
   width: 18px;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort.e-descend {
-  margin-top: 3px;
   transform: rotateX(180deg);
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon {
@@ -1576,7 +1548,7 @@
   width: auto;
 }
 .e-pivotview .e-collapse::before {
-  font-size: 20px;
+  font-size: 18px;
 }
 .e-pivotview .e-expand,
 .e-pivotview .e-collapse {
@@ -1697,12 +1669,6 @@
 .e-pivotview.e-device .e-grouping-bar .e-pivot-button {
   line-height: 1em !important;
 }
-.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-dropdown-icon,
-.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-pv-filtered,
-.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-remove,
-.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-sort {
-  margin-top: 2px !important;
-}
 .e-pivotview.e-device .e-grouping-bar .e-group-all-fields .e-pvt-btn-div .e-pivot-button {
   max-width: 155px;
 }
@@ -1713,9 +1679,6 @@
 .e-pivotview.e-device .e-grouping-bar .e-group-columns .e-pvt-btn-div .e-pivot-button {
   max-width: 200px;
 }
-.e-pivotview.e-device .e-drillthrough-dialog {
-  width: 100% !important;
-}
 .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-indent-div {
   width: 0 !important;
 }
@@ -1875,7 +1838,6 @@
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-edit {
   font-size: 14px !important;
   height: 20px;
-  margin-top: 2px;
   width: 20px;
 }
 .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-sort,
@@ -1971,9 +1933,8 @@
 }
 .e-bigger .e-pivotview .e-sortfilterdiv,
 .e-bigger.e-pivotview .e-sortfilterdiv {
-  margin: -15px -8px !important;
+  margin: -23px -15px !important;
   font-size: 12px !important;
-  padding-top: 28px;
 }
 .e-bigger .e-pivotview .e-grid .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-bigger .e-pivotview .e-grid.e-wrap .e-columnheader .e-sortfilterdiv,
@@ -2050,7 +2011,7 @@
 }
 .e-bigger .e-pivotview .e-collapse::before,
 .e-bigger.e-pivotview .e-collapse::before {
-  font-size: 24px;
+  font-size: 22px;
 }
 
 .e-content-placeholder.e-pivotview.e-placeholder-pivotview {

package/styles/pivotview/bootstrap5.scss

@@ -1 +1,5 @@
-@import 'ej2-pivotview/styles/pivotview/bootstrap5.scss';
+@import 'ej2-base/styles/bootstrap5-definition.scss';
+@import '../pivotfieldlist/bootstrap5-definition.scss';
+@import 'bootstrap5-definition.scss';
+@import 'icons/bootstrap5.scss';
+@import 'all.scss';

package/styles/pivotview/fabric-dark.css

@@ -965,6 +965,7 @@
 }
 .e-pivotview .e-sortfilterdiv.e-value-sort-icon {
   font-size: 12px !important;
+  padding: 3px 4px 4px 4px !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -10px 0 !important;
@@ -1004,6 +1005,11 @@
 .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
   visibility: hidden !important;
 }
+.e-pivotview .e-grid.e-responsive .e-stackedheadercelldiv .e-stackedheadertext,
+.e-pivotview .e-grid.e-responsive .e-headercelldiv .e-headertext {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
   padding-left: 8px !important;
@@ -1465,7 +1471,6 @@
   width: 18px;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort.e-descend {
-  margin-top: 3px;
   transform: rotateX(180deg);
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon {
@@ -1638,12 +1643,6 @@
 .e-pivotview.e-device .e-grouping-bar .e-pivot-button {
   line-height: 1em !important;
 }
-.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-dropdown-icon,
-.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-pv-filtered,
-.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-remove,
-.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-sort {
-  margin-top: 2px !important;
-}
 .e-pivotview.e-device .e-grouping-bar .e-group-all-fields .e-pvt-btn-div .e-pivot-button {
   max-width: 155px;
 }
@@ -1654,9 +1653,6 @@
 .e-pivotview.e-device .e-grouping-bar .e-group-columns .e-pvt-btn-div .e-pivot-button {
   max-width: 200px;
 }
-.e-pivotview.e-device .e-drillthrough-dialog {
-  width: 100% !important;
-}
 .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-indent-div {
   width: 0 !important;
 }
@@ -1816,7 +1812,6 @@
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-edit {
   font-size: 14px !important;
   height: 20px;
-  margin-top: 1px;
   width: 20px;
 }
 .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-sort,
@@ -1900,7 +1895,7 @@
 }
 .e-bigger .e-pivotview .e-sortfilterdiv,
 .e-bigger.e-pivotview .e-sortfilterdiv {
-  margin: -18px -5px !important;
+  margin: -23px -5px !important;
 }
 .e-bigger .e-pivotview .e-grid .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-bigger .e-pivotview .e-grid.e-wrap .e-columnheader .e-sortfilterdiv,

package/styles/pivotview/fabric-dark.scss

@@ -1 +1,5 @@
-@import 'ej2-pivotview/styles/pivotview/fabric-dark.scss';
+@import 'ej2-base/styles/fabric-dark-definition.scss';
+@import '../pivotfieldlist/fabric-dark-definition.scss';
+@import 'fabric-dark-definition.scss';
+@import 'icons/fabric-dark.scss';
+@import 'all.scss';

package/styles/pivotview/fabric.css

@@ -965,6 +965,7 @@
 }
 .e-pivotview .e-sortfilterdiv.e-value-sort-icon {
   font-size: 12px !important;
+  padding: 3px 4px 4px 4px !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -10px 0 !important;
@@ -1004,6 +1005,11 @@
 .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
   visibility: hidden !important;
 }
+.e-pivotview .e-grid.e-responsive .e-stackedheadercelldiv .e-stackedheadertext,
+.e-pivotview .e-grid.e-responsive .e-headercelldiv .e-headertext {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
   padding-left: 8px !important;
@@ -1463,7 +1469,6 @@
   width: 18px;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort.e-descend {
-  margin-top: 3px;
   transform: rotateX(180deg);
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon {
@@ -1636,12 +1641,6 @@
 .e-pivotview.e-device .e-grouping-bar .e-pivot-button {
   line-height: 1em !important;
 }
-.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-dropdown-icon,
-.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-pv-filtered,
-.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-remove,
-.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-sort {
-  margin-top: 2px !important;
-}
 .e-pivotview.e-device .e-grouping-bar .e-group-all-fields .e-pvt-btn-div .e-pivot-button {
   max-width: 155px;
 }
@@ -1652,9 +1651,6 @@
 .e-pivotview.e-device .e-grouping-bar .e-group-columns .e-pvt-btn-div .e-pivot-button {
   max-width: 200px;
 }
-.e-pivotview.e-device .e-drillthrough-dialog {
-  width: 100% !important;
-}
 .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-indent-div {
   width: 0 !important;
 }
@@ -1814,7 +1810,6 @@
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-edit {
   font-size: 14px !important;
   height: 20px;
-  margin-top: 1px;
   width: 20px;
 }
 .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-sort,
@@ -1898,7 +1893,7 @@
 }
 .e-bigger .e-pivotview .e-sortfilterdiv,
 .e-bigger.e-pivotview .e-sortfilterdiv {
-  margin: -18px -5px !important;
+  margin: -23px -5px !important;
 }
 .e-bigger .e-pivotview .e-grid .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-bigger .e-pivotview .e-grid.e-wrap .e-columnheader .e-sortfilterdiv,

package/styles/pivotview/fabric.scss

@@ -1 +1,5 @@
-@import 'ej2-pivotview/styles/pivotview/fabric.scss';
+@import 'ej2-base/styles/fabric-definition.scss';
+@import '../pivotfieldlist/fabric-definition.scss';
+@import 'fabric-definition.scss';
+@import 'icons/fabric.scss';
+@import 'all.scss';