@syncfusion/ej2-angular-pivotview 20.4.54 → 21.1.35

package/styles/pivotview/_material-definition.scss

@@ -15,7 +15,7 @@ $pivotgrid-grp-bg-color: $grey-100 !default;
 $pivotgrid-grp-bg-hover-color: rgba(0, 0, 0, .12) !default;
 $pivotgrid-cell-hover-color: rgba(0, 0, 0, 0) !default;
 $pivotgrid-drag-clone-color: $grey-200 !default;
-$pivotgrid-drop-hover-color: $grey-500 !default;
+$pivotgrid-drop-hover-color: #9e9e9e !default;
 $pivotview-grid-content-opacity: .87 !default;
 $pivotview-grid-header-font-size: 13px !default;
 $pivotview-bigger-grid-header-font-size: 13px !default;
@@ -44,7 +44,7 @@ $pivotgrid-bigger-drill-margintop: $pivotgrid-drill-margintop !default;
 $pivotgrid-rtl-expand-icon-font-size: 10px !default;
 $pivotgrid-collapse-icon-fonsize: 10px !default;
 $pivotgrid-hover-color: $grey-400 !default;
-$pivotgrid-focus-color: $grey-500 !default;
+$pivotgrid-focus-color: #9e9e9e !default;
 $pivotgrid-button-icon-color: rgba($grey-black, .54) !default;
 $pivotgrid-button-active-icon-color: $pivotgrid-button-icon-color !default;
 $pivotgrid-icon-hover-color: rgba($grey-black, .87) !default;
@@ -95,6 +95,9 @@ $pivotgrid-report-label-margin-top: 8px !default;
 $pivotgrid-bigger-report-label-margin-top: 12px !default;
 $pivotview-value-sort-rtl-padding: 1.8em !default;
 $pivotgrid-drillthrough-header-font-color: $grey-light-font !default;
+$pivotgrid-drillthrough-header-value-font-color: $pivotview-grid-header-font-color !default;
+$pivotgrid-group-button-icon-wrapper-padding-top: 1px !default;
+$pivotgrid-group-button-icon-wrapper-marigin-top: 2px !default;
 
 // $pivotview-filter-toolbar-indicator-margin-left: 20px !default;
 $pivotview-filter-toolbar-items-margin-left: 20px !default;
@@ -139,8 +142,8 @@ $pivotpager-single-title-font-size: 14px !default;
 $pivotpager-touch-single-title-font-size: 16px !default;
 $pivotpager-single-title-line-height: 2.4em !default;
 $pivotpager-touch-single-title-line-height: 2.8em !default;
-$pivotpager-axis-title-font-color: $grey-500 !default;
-$pivotpager-size-title-font-color: $grey-800 !default;
+$pivotpager-axis-title-font-color: #9e9e9e !default;
+$pivotpager-size-title-font-color: #424242 !default;
 $pivotpager-string-font-touch-size: 14px !default;
 $pivotpager-pager-number-font-weight: 400 !default;
 $pivotpager-v-separator-margin: 8px 16px !default;

package/styles/pivotview/_tailwind-definition.scss

@@ -9,14 +9,14 @@ $field-list-font-family: Inter !default;
 $pivotview-grid-content-opacity: .87 !default;
 $pivotview-grid-header-font-size: $text-xs !default;
 $pivotview-bigger-grid-header-font-size: $text-sm !default;
-$pivotview-grid-header-font-weight: 500 !default;
+$pivotview-grid-header-font-weight: $font-weight-medium !default;
 $pivotgrid-horizontal-button-padding: 8px !default;
 $pivotgrid-vertical-button-padding: 3px !default;
 $pivotgrid-grouping-height: 30px !default;
 $pivotgrid-summary-font-weight: $font-weight-medium !default;
 $pivotgrid-prompt-line-height: 22px !default;
 $field-list-toggle-size: 40px !default;
-$pivotgrid-drag-clone-font-size: 12px !default;
+$pivotgrid-drag-clone-font-size: $text-xs !default;
 $pivotgrid-default-border-radius: 4px !default;
 $pivotgrid-button-icon-size: 12px !default;
 $pivotgrid-bigger-button-icon-size: 14px !default;
@@ -26,7 +26,7 @@ $pivotgrid-expand-icon-fontsize: 18px !default;
 $pivotgrid-expcoldiv-fontsize: 10px !default;
 $pivotgrid-drill-margintop: 0 !default;
 $pivotgrid-bigger-drill-margintop: $pivotgrid-drill-margintop !default;
-$pivotgrid-rtl-expand-icon-font-size: 10px !default;
+$pivotgrid-rtl-expand-icon-font-size: $text-xxs !default;
 $pivotgrid-collapse-icon-fonsize: 18px !default;
 $pivotgrid-vsort-column-margin: -18px 0 !default;
 $pivotgrid-vsort-column-parent-margin: 0 !default;
@@ -51,7 +51,7 @@ $pivotgrid-editor-label-opacity: .87 !default;
 $pivotgrid-editor-label-excel-width: 280px !default;
 $pivotgrid-editor-label-excel-padding-size: 14px 10px 9px 20px !default;
 $pivotgrid-editor-label-excel-opacity: 56%;
-$pivotgrid-drillthrough-header-font-weight: 900 !default;
+$pivotgrid-drillthrough-header-font-weight: $font-weight-normal !default;
 $pivotgrid-menubar-height: 32px !default;
 $pivotgrid-bigger-menubar-height: 42px !default;
 $pivotgrid-sort-wrapper-padding-size: 10px !default;
@@ -69,7 +69,7 @@ $pivotview-filter-toolbar-items-margin-right: 20px !default;
 $pivotgrid-header-text-margin-top: 3px !default;
 $pivotgrid-border: $content-bg-color-alt3 !default;
 $pivotgrid-value-sort-icon-padding: 4px 0 0 0 !default;
-$pivotgrid-value-sort-icon-font-size: 12px !default;
+$pivotgrid-value-sort-icon-font-size: $text-xs !default;
 
 // normal
 $pivotgrid-active-color: $icon-color !default;
@@ -113,14 +113,17 @@ $pivotgrid-active-border-color: $border-light;
 $pivotgrid-box-shadow-color: rgba(108, 117, 125, .5);
 $pivot-toolbar-icon-hover-color: $content-bg-color-alt3 !default;
 $pivotgrid-drillthrough-header-font-color: $content-text-color-alt2 !default;
+$pivotgrid-drillthrough-header-value-font-color: $content-text-color !default;
+$pivotgrid-group-button-icon-wrapper-padding-top: 1px !default;
+$pivotgrid-group-button-icon-wrapper-marigin-top: 2px !default;
 
 /*! component's common definitions and variables */
 $pivotgrid-editor-search-padding-size: 12px !default;
 $pivotgrid-member-filter-list-padding-size: -22px !default;
 $pivotview-axis-indent-padding: $pivotview-grid-indent-padding !default;
 $pivotview-axis-bigger-indent-padding: $pivotview-grid-bigger-indent-padding !default;
-$pivotgrid-button-font-size: 13px !default;
-$pivotgrid-bigger-button-font-size: 13px !default;
+$pivotgrid-button-font-size: $text-sm !default;
+$pivotgrid-bigger-button-font-size: $text-sm !default;
 $pivotgrid-button-inner-padding: 4px !default;
 $pivotgrid-bigger-button-inner-padding: 5px !default;
 $pivotgrid-bigger-excel-dialog-min-width: 350px !default;
@@ -137,15 +140,15 @@ $pivotgrid-bigger-button-icon-touch-margin-size: 1px !default;
 $pivotpager-padding: 8px 18px !default;
 $pivotpage-touch-padding: 8px 24px !default;
 $pivotpager-separator-border: 1px solid $border-light !default;
-$pivotpager-title-font-size: 12px !default;
-$pivotpager-single-title-font-size: 14px !default;
-$pivotpager-touch-single-title-font-size: 16px !default;
+$pivotpager-title-font-size: $text-xs !default;
+$pivotpager-single-title-font-size: $text-sm !default;
+$pivotpager-touch-single-title-font-size: $text-base !default;
 $pivotpager-single-title-line-height: 2.5em !default;
 $pivotpager-touch-single-title-line-height: 2.7em !default;
 $pivotpager-axis-title-font-color: $content-text-color-disabled !default;
 $pivotpager-size-title-font-color: $content-text-color-alt2 !default;
 $pivotpager-string-font-touch-size: 14px !default;
-$pivotpager-pager-number-font-weight: 600 !default;
+$pivotpager-pager-number-font-weight: $font-weight-normal !default;
 $pivotpager-v-separator-margin: 8px 16px !default;
 $pivotpager-touch-v-separator-margin: 8px 20px !default;
 $pivotpager-v-separator-margin-top: 3px !default;

package/styles/pivotview/_theme.scss

@@ -111,8 +111,10 @@
     }
 
     .e-toolbar .e-tbar-btn {
-      @if ($skin-name == 'tailwind') {
-        background-color: transparent;
+      background-color: transparent;
+
+      @if ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+        border: none !important;
       }
 
       &:hover {
@@ -685,9 +687,7 @@
           height: $pivotgrid-button-icon-wrapper-size;
           margin-left: 4px;
           width: $pivotgrid-button-icon-wrapper-size;
-          @if ($pivotgrid-skin == 'bootstrap4') {
-            margin-left: 4px;
-          }
+          padding-top: $pivotgrid-group-button-icon-wrapper-padding-top;
 
           &:hover {
             color: $pivotgrid-icon-hover-color;
@@ -705,6 +705,7 @@
           transition: transform 200ms ease-in-out;
 
           &.e-descend {
+            margin-top: $pivotgrid-group-button-icon-wrapper-marigin-top;
             transform: rotateX(180deg);
           }
         }
@@ -826,7 +827,6 @@
               height: $pivotgrid-button-icon-wrapper-size;
               margin-left: 4px !important;
               width: $pivotgrid-button-icon-wrapper-size;
-              padding-top: 2px;
     
               &:hover {
                 color: $pivotgrid-icon-hover-color;
@@ -842,11 +842,7 @@
               width: 18px;
     
               &.e-descend {
-                margin-top: 3px;
                 transform: rotateX(180deg);
-                @if ($skin-name == 'FluentUI' or $skin-name == 'tailwind' or $skin-name == 'fabric') {
-                  margin-top: 4px !important;
-                }
               }
             }
     
@@ -972,6 +968,14 @@
     .e-pivot-pager {
       padding: $pivotpager-padding;
 
+      &.sf-pager {
+        .e-pivot-pager-info-container{
+          &.e-pagercontainer {
+            font-size: unset;
+          }
+        }
+      }
+
       &.e-pivot-pager-bottom {
         border-top: 0;
       }
@@ -1073,6 +1077,10 @@
           .e-pivot-column-pager-settings {
             flex: none;
 
+            &.e-pivot-pager-axis-container {
+              display: inline-table;
+            }
+
             .e-numeric {
               margin: $pivotpager-numeric-box-margin;
               vertical-align: top;
@@ -1238,6 +1246,10 @@
           &:not(.e-pivot-pager-single-maindiv) {
             .e-pagercontainer {
               margin-top: $pivotpager-adaptive-page-container-marging-top;
+
+              @if ($skin-name == 'fabric') or ($skin-name == 'fabric-dark') or ($skin-name == 'highcontrast-light') or ($pivotgrid-skin == 'highcontrast')  {
+                margin-left: 0;
+              }
             }
           }
         }
@@ -1528,6 +1540,11 @@
           }
         }
       }
+
+      .e-scrollbar .e-movablescrollbar {
+        min-height: 1px !important;
+        visibility: hidden;
+      }
     }
 
     .e-component-disable {
@@ -1702,6 +1719,9 @@
             @if ($pivotgrid-skin == 'bootstrap4') {
               padding-left: 12px;
             }
+            @if ($skin-name == "bootstrap") or ($skin-name == "bootstrap4") or ($skin-name == "FluentUI") {
+              padding-top: 0;
+            }
           }
 
           .e-sort {

package/styles/pivotview/bootstrap-dark.css

@@ -788,6 +788,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;
@@ -950,6 +954,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,
@@ -1379,6 +1386,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,
@@ -1416,6 +1424,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: 5px;
   transform: rotateX(180deg);
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon,
@@ -1500,7 +1509,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,
@@ -1523,7 +1531,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 {
@@ -1601,6 +1608,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;
 }
@@ -1712,6 +1722,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,
@@ -2040,6 +2056,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/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/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/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,