@syncfusion/ej2-angular-pivotview 20.4.54 → 21.1.35-ngcc

package/styles/pivotview/bootstrap.css

@@ -787,6 +787,10 @@
 .e-bigger.e-pivotview .e-value-field-settings {
   max-height: 510px !important;
 }
+.e-bigger .e-pivotview .e-value-field-settings .e-dlg-content,
+.e-bigger.e-pivotview .e-value-field-settings .e-dlg-content {
+  padding: 0;
+}
 .e-bigger .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer,
 .e-bigger.e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer {
   padding: 0 20px 10px;
@@ -949,6 +953,9 @@
 .e-pivotview .e-pivot-format-dialog .e-pivot-format-table {
   width: 100%;
 }
+.e-pivotview .e-toolbar .e-tbar-btn {
+  background-color: transparent;
+}
 .e-pivotview .e-grid .e-rowsheader.e-active,
 .e-pivotview .e-grid .e-rowsheader.e-cellselectionbackground,
 .e-pivotview .e-grid .e-columnsheader.e-active,
@@ -1378,6 +1385,7 @@
   height: 18px;
   margin-left: 4px;
   width: 18px;
+  padding-top: 3px;
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-sort:hover,
 .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon:hover,
@@ -1415,6 +1423,7 @@
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-sort.e-descend,
 .e-pivotview .e-group-rows .e-pivot-button .e-sort.e-descend {
+  margin-top: 6px;
   transform: rotateX(180deg);
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon,
@@ -1499,7 +1508,6 @@
   height: 18px;
   margin-left: 4px !important;
   width: 18px;
-  padding-top: 2px;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort:hover,
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon:hover,
@@ -1522,7 +1530,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 {
@@ -1600,6 +1607,9 @@
 .e-pivotview .e-pivot-pager {
   padding: 4px 12px;
 }
+.e-pivotview .e-pivot-pager.sf-pager .e-pivot-pager-info-container.e-pagercontainer {
+  font-size: unset;
+}
 .e-pivotview .e-pivot-pager.e-pivot-pager-bottom {
   border-top: 0;
 }
@@ -1711,6 +1721,12 @@
   -ms-flex: none;
       flex: none;
 }
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container,
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container {
+  display: inline-table;
+}
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings .e-numeric,
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings .e-numeric,
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings .e-numeric,
@@ -2039,6 +2055,10 @@
 .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button {
   width: 155px;
 }
+.e-pivotview.e-device .e-scrollbar .e-movablescrollbar {
+  min-height: 1px !important;
+  visibility: hidden;
+}
 .e-pivotview .e-component-disable {
   display: none !important;
 }
@@ -2210,6 +2230,7 @@
   height: 20px;
   margin-top: 1px;
   width: 20px;
+  padding-top: 0;
 }
 .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-sort,
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-sort {

package/styles/pivotview/bootstrap.scss

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

package/styles/pivotview/bootstrap4.css

@@ -590,15 +590,6 @@
 .e-pivotview .e-pivot-toolbar .e-toolbar-items {
   background: #f2f4f6;
 }
-.e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
-  background: #f2f4f6;
-}
-.e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
-  background: #6c757d;
-}
-.e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:focus {
-  background: #6c757d;
-}
 .e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
 }
@@ -851,6 +842,10 @@
 .e-bigger.e-pivotview .e-value-field-settings {
   max-height: 510px !important;
 }
+.e-bigger .e-pivotview .e-value-field-settings .e-dlg-content,
+.e-bigger.e-pivotview .e-value-field-settings .e-dlg-content {
+  padding: 0;
+}
 .e-bigger .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer,
 .e-bigger.e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer {
   padding: 0 20px 10px;
@@ -1013,6 +1008,9 @@
 .e-pivotview .e-pivot-format-dialog .e-pivot-format-table {
   width: 100%;
 }
+.e-pivotview .e-toolbar .e-tbar-btn {
+  background-color: transparent;
+}
 .e-pivotview .e-grid .e-rowsheader.e-active,
 .e-pivotview .e-grid .e-rowsheader.e-cellselectionbackground,
 .e-pivotview .e-grid .e-columnsheader.e-active,
@@ -1459,7 +1457,7 @@
   height: 18px;
   margin-left: 4px;
   width: 18px;
-  margin-left: 4px;
+  padding-top: 2px;
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-sort:hover,
 .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon:hover,
@@ -1497,6 +1495,7 @@
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-sort.e-descend,
 .e-pivotview .e-group-rows .e-pivot-button .e-sort.e-descend {
+  margin-top: 3px;
   transform: rotateX(180deg);
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon,
@@ -1590,7 +1589,6 @@
   height: 18px;
   margin-left: 4px !important;
   width: 18px;
-  padding-top: 2px;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort:hover,
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon:hover,
@@ -1613,7 +1611,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 {
@@ -1691,6 +1688,9 @@
 .e-pivotview .e-pivot-pager {
   padding: 8px 12px;
 }
+.e-pivotview .e-pivot-pager.sf-pager .e-pivot-pager-info-container.e-pagercontainer {
+  font-size: unset;
+}
 .e-pivotview .e-pivot-pager.e-pivot-pager-bottom {
   border-top: 0;
 }
@@ -1802,6 +1802,12 @@
   -ms-flex: none;
       flex: none;
 }
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container,
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container {
+  display: inline-table;
+}
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings .e-numeric,
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings .e-numeric,
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings .e-numeric,
@@ -2164,6 +2170,10 @@
 .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-edit {
   margin-top: 1px;
 }
+.e-pivotview.e-device .e-scrollbar .e-movablescrollbar {
+  min-height: 1px !important;
+  visibility: hidden;
+}
 .e-pivotview .e-component-disable {
   display: none !important;
 }
@@ -2338,6 +2348,7 @@
   margin-top: 2px;
   width: 20px;
   padding-left: 12px;
+  padding-top: 0;
 }
 .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-sort,
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-sort {

package/styles/pivotview/bootstrap4.scss

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

package/styles/pivotview/bootstrap5-dark.css

@@ -693,10 +693,10 @@
 }
 .e-drillthrough-dialog .e-drillthrough-body-header {
   color: #ced4da;
-  font-weight: 800;
+  font-weight: 400;
 }
 .e-drillthrough-dialog .e-drillthrough-body-header-value {
-  color: #e9ecef;
+  color: #fff;
   margin-right: 20px;
 }
 .e-drillthrough-dialog .e-drillthrough-body-header-common {
@@ -789,6 +789,10 @@
 .e-bigger.e-pivotview .e-value-field-settings {
   max-height: 510px !important;
 }
+.e-bigger .e-pivotview .e-value-field-settings .e-dlg-content,
+.e-bigger.e-pivotview .e-value-field-settings .e-dlg-content {
+  padding: 0;
+}
 .e-bigger .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer,
 .e-bigger.e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer {
   padding: 0 20px 10px;
@@ -952,6 +956,9 @@
 .e-pivotview .e-pivot-format-dialog .e-pivot-format-table {
   width: 100%;
 }
+.e-pivotview .e-toolbar .e-tbar-btn {
+  background-color: transparent;
+}
 .e-pivotview .e-grid .e-rowsheader.e-active,
 .e-pivotview .e-grid .e-rowsheader.e-cellselectionbackground,
 .e-pivotview .e-grid .e-columnsheader.e-active,
@@ -1385,7 +1392,7 @@
   cursor: move;
   -ms-flex: auto;
       flex: auto;
-  font-size: 13px;
+  font-size: 14px;
   margin-right: 4px;
   overflow: hidden;
   text-align: left;
@@ -1423,6 +1430,7 @@
   height: 18px;
   margin-left: 4px;
   width: 18px;
+  padding-top: 1px;
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-sort:hover,
 .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon:hover,
@@ -1460,6 +1468,7 @@
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-sort.e-descend,
 .e-pivotview .e-group-rows .e-pivot-button .e-sort.e-descend {
+  margin-top: 3px;
   transform: rotateX(180deg);
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon,
@@ -1544,7 +1553,6 @@
   height: 18px;
   margin-left: 4px !important;
   width: 18px;
-  padding-top: 2px;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort:hover,
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon:hover,
@@ -1567,7 +1575,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 {
@@ -1648,6 +1655,9 @@
 .e-pivotview .e-pivot-pager {
   padding: 8px 8px;
 }
+.e-pivotview .e-pivot-pager.sf-pager .e-pivot-pager-info-container.e-pagercontainer {
+  font-size: unset;
+}
 .e-pivotview .e-pivot-pager.e-pivot-pager-bottom {
   border-top: 0;
 }
@@ -1750,7 +1760,7 @@
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-of-string-maindiv .e-pivotview-column-pagerNumber,
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-column-of-string-maindiv .e-pivotview-row-pagerNumber,
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-column-of-string-maindiv .e-pivotview-column-pagerNumber {
-  font-weight: 600;
+  font-weight: 400;
 }
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings,
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings,
@@ -1759,6 +1769,12 @@
   -ms-flex: none;
       flex: none;
 }
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container,
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container {
+  display: inline-table;
+}
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings .e-numeric,
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings .e-numeric,
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings .e-numeric,
@@ -2087,6 +2103,10 @@
 .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button {
   width: 155px;
 }
+.e-pivotview.e-device .e-scrollbar .e-movablescrollbar {
+  min-height: 1px !important;
+  visibility: hidden;
+}
 .e-pivotview .e-component-disable {
   display: none !important;
 }
@@ -2238,7 +2258,7 @@
 }
 .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-content,
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-content {
-  font-size: 13px;
+  font-size: 14px;
   margin-right: 8px;
 }
 .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-sort,
@@ -2323,7 +2343,7 @@
 }
 .e-bigger .e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-content,
 .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-content {
-  font-size: 13px;
+  font-size: 14px;
   margin-right: 8px;
 }
 .e-bigger .e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort,

package/styles/pivotview/bootstrap5-dark.scss

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

package/styles/pivotview/bootstrap5.css

@@ -695,10 +695,10 @@
 }
 .e-drillthrough-dialog .e-drillthrough-body-header {
   color: #495057;
-  font-weight: 800;
+  font-weight: 400;
 }
 .e-drillthrough-dialog .e-drillthrough-body-header-value {
-  color: #343a40;
+  color: #212529;
   margin-right: 20px;
 }
 .e-drillthrough-dialog .e-drillthrough-body-header-common {
@@ -791,6 +791,10 @@
 .e-bigger.e-pivotview .e-value-field-settings {
   max-height: 510px !important;
 }
+.e-bigger .e-pivotview .e-value-field-settings .e-dlg-content,
+.e-bigger.e-pivotview .e-value-field-settings .e-dlg-content {
+  padding: 0;
+}
 .e-bigger .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer,
 .e-bigger.e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer {
   padding: 0 20px 10px;
@@ -954,6 +958,9 @@
 .e-pivotview .e-pivot-format-dialog .e-pivot-format-table {
   width: 100%;
 }
+.e-pivotview .e-toolbar .e-tbar-btn {
+  background-color: transparent;
+}
 .e-pivotview .e-grid .e-rowsheader.e-active,
 .e-pivotview .e-grid .e-rowsheader.e-cellselectionbackground,
 .e-pivotview .e-grid .e-columnsheader.e-active,
@@ -1387,7 +1394,7 @@
   cursor: move;
   -ms-flex: auto;
       flex: auto;
-  font-size: 13px;
+  font-size: 14px;
   margin-right: 4px;
   overflow: hidden;
   text-align: left;
@@ -1425,6 +1432,7 @@
   height: 18px;
   margin-left: 4px;
   width: 18px;
+  padding-top: 1px;
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-sort:hover,
 .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon:hover,
@@ -1462,6 +1470,7 @@
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-sort.e-descend,
 .e-pivotview .e-group-rows .e-pivot-button .e-sort.e-descend {
+  margin-top: 3px;
   transform: rotateX(180deg);
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon,
@@ -1546,7 +1555,6 @@
   height: 18px;
   margin-left: 4px !important;
   width: 18px;
-  padding-top: 2px;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort:hover,
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon:hover,
@@ -1569,7 +1577,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 {
@@ -1650,6 +1657,9 @@
 .e-pivotview .e-pivot-pager {
   padding: 8px 8px;
 }
+.e-pivotview .e-pivot-pager.sf-pager .e-pivot-pager-info-container.e-pagercontainer {
+  font-size: unset;
+}
 .e-pivotview .e-pivot-pager.e-pivot-pager-bottom {
   border-top: 0;
 }
@@ -1752,7 +1762,7 @@
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-of-string-maindiv .e-pivotview-column-pagerNumber,
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-column-of-string-maindiv .e-pivotview-row-pagerNumber,
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-column-of-string-maindiv .e-pivotview-column-pagerNumber {
-  font-weight: 600;
+  font-weight: 400;
 }
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings,
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings,
@@ -1761,6 +1771,12 @@
   -ms-flex: none;
       flex: none;
 }
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container,
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container {
+  display: inline-table;
+}
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings .e-numeric,
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings .e-numeric,
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings .e-numeric,
@@ -2089,6 +2105,10 @@
 .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button {
   width: 155px;
 }
+.e-pivotview.e-device .e-scrollbar .e-movablescrollbar {
+  min-height: 1px !important;
+  visibility: hidden;
+}
 .e-pivotview .e-component-disable {
   display: none !important;
 }
@@ -2240,7 +2260,7 @@
 }
 .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-content,
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-content {
-  font-size: 13px;
+  font-size: 14px;
   margin-right: 8px;
 }
 .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-sort,
@@ -2325,7 +2345,7 @@
 }
 .e-bigger .e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-content,
 .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-content {
-  font-size: 13px;
+  font-size: 14px;
   margin-right: 8px;
 }
 .e-bigger .e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort,

package/styles/pivotview/bootstrap5.scss

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

package/styles/pivotview/fabric-dark.css

@@ -559,12 +559,6 @@
 .e-pivotview .e-pivot-toolbar .e-toolbar-items {
   background: #282727;
 }
-.e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
-  background: #282727;
-}
-.e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
-  background: #414040;
-}
 .e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
 }
@@ -583,8 +577,8 @@
   font-size: 16px;
 }
 .e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul.e-menu {
-  padding-right: 0 !important;
   padding-left: 0 !important;
+  padding-right: 0 !important;
 }
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
@@ -751,7 +745,7 @@
 }
 .e-bigger .e-pivotview .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div,
 .e-bigger.e-pivotview .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
-  height: 126px !important;
+  height: 105px !important;
 }
 .e-bigger .e-pivotview .e-member-editor-dialog .e-label-filter,
 .e-bigger .e-pivotview .e-member-editor-dialog .e-value-filter,
@@ -802,6 +796,10 @@
 .e-bigger.e-pivotview .e-value-field-settings {
   max-height: 510px !important;
 }
+.e-bigger .e-pivotview .e-value-field-settings .e-dlg-content,
+.e-bigger.e-pivotview .e-value-field-settings .e-dlg-content {
+  padding: 0;
+}
 .e-bigger .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer,
 .e-bigger.e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer {
   padding: 0 20px 10px;
@@ -964,6 +962,9 @@
 .e-pivotview .e-pivot-format-dialog .e-pivot-format-table {
   width: 100%;
 }
+.e-pivotview .e-toolbar .e-tbar-btn {
+  background-color: transparent;
+}
 .e-pivotview .e-grid .e-rowsheader.e-active,
 .e-pivotview .e-grid .e-rowsheader.e-cellselectionbackground,
 .e-pivotview .e-grid .e-columnsheader.e-active,
@@ -1392,6 +1393,7 @@
   height: 18px;
   margin-left: 4px;
   width: 18px;
+  padding-top: 2px;
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-sort:hover,
 .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon:hover,
@@ -1429,6 +1431,7 @@
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-sort.e-descend,
 .e-pivotview .e-group-rows .e-pivot-button .e-sort.e-descend {
+  margin-top: 4px;
   transform: rotateX(180deg);
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon,
@@ -1513,7 +1516,6 @@
   height: 18px;
   margin-left: 4px !important;
   width: 18px;
-  padding-top: 2px;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort:hover,
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon:hover,
@@ -1536,7 +1538,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 {
@@ -1614,6 +1615,9 @@
 .e-pivotview .e-pivot-pager {
   padding: 4px 12px;
 }
+.e-pivotview .e-pivot-pager.sf-pager .e-pivot-pager-info-container.e-pagercontainer {
+  font-size: unset;
+}
 .e-pivotview .e-pivot-pager.e-pivot-pager-bottom {
   border-top: 0;
 }
@@ -1725,6 +1729,12 @@
   -ms-flex: none;
       flex: none;
 }
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container,
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container {
+  display: inline-table;
+}
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings .e-numeric,
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings .e-numeric,
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings .e-numeric,
@@ -1887,6 +1897,7 @@
 }
 .e-pivotview .e-pivot-pager.e-device .e-pivot-pager-maindiv:not(.e-pivot-pager-single-maindiv) .e-pagercontainer {
   margin-top: 8px;
+  margin-left: 0;
 }
 @media (max-width: 400px) {
   .e-pivotview .e-pivot-pager.e-device .e-pivotview-row-size,
@@ -2053,6 +2064,10 @@
 .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button {
   width: 155px;
 }
+.e-pivotview.e-device .e-scrollbar .e-movablescrollbar {
+  min-height: 1px !important;
+  visibility: hidden;
+}
 .e-pivotview .e-component-disable {
   display: none !important;
 }

package/styles/pivotview/fabric-dark.scss

@@ -1,5 +1 @@
-@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';
+@import 'ej2-pivotview/styles/pivotview/fabric-dark.scss';