@syncfusion/ej2-vue-pivotview 20.4.54 → 21.1.37

package/styles/pivotfieldlist/tailwind-dark.css

@@ -394,10 +394,11 @@
 }
 .e-pivot-formatting-dialog .e-format-label,
 .e-pivot-formatting-dialog .e-format-value-label {
-  color: #fff;
-  font-size: 13px;
+  color: #9ca3af;
+  font-size: 14px;
   font-weight: 500;
   opacity: 0.87;
+  opacity: 1;
 }
 .e-pivot-formatting-dialog .e-format-value-preview {
   border: 1px solid #4b5563;
@@ -727,6 +728,8 @@
 }
 .e-pivot-calc-dialog-div.e-rtl .e-treeview ul li .e-text-content {
   padding: 0 24px 0 0;
+  display: -ms-flexbox;
+  display: flex;
 }
 .e-pivot-calc-dialog-div .e-pivot-calc-input.e-empty-field::-webkit-input-placeholder {
   color: #f87171 !important;
@@ -749,7 +752,7 @@
   border: 1px solid #4b5563;
   border-radius: 4px;
   color: #fff;
-  font-size: 13px;
+  font-size: 14px;
   height: 70px;
   padding: 5px 8px;
   resize: none;
@@ -959,6 +962,15 @@
   font-size: 16px;
   padding-top: 12px;
 }
+.e-bigger.e-pivot-calc-dialog-div .e-treeview .e-list-item .e-remove-report,
+.e-bigger.e-pivot-calc-dialog-div .e-treeview .e-list-item .e-edit,
+.e-bigger.e-pivot-calc-dialog-div .e-treeview .e-list-item .e-edited,
+.e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item .e-remove-report,
+.e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item .e-edit,
+.e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item .e-edited {
+  /* stylelint-disable */
+  /* stylelint-enable */
+}
 .e-bigger.e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon.e-edit, .e-bigger.e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon.e-edited, .e-bigger.e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon.e-remove-report,
 .e-bigger .e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon.e-edit,
 .e-bigger .e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon.e-edited,
@@ -973,7 +985,7 @@
 }
 .e-bigger.e-pivot-calc-dialog-div .e-pivot-formula,
 .e-bigger .e-pivot-calc-dialog-div .e-pivot-formula {
-  font-size: 13px;
+  font-size: 14px;
 }
 .e-bigger.e-pivot-calc-dialog-div .e-footer-content,
 .e-bigger .e-pivot-calc-dialog-div .e-footer-content {
@@ -1071,6 +1083,7 @@
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog:not(.e-member-editor-dialog):not(.e-olap-field-list-tree) ul li:not(.e-pivot-parent):not(.e-pivot-child) .e-text-content,
 .e-pivotfieldlist-container .e-member-editor-dialog:not(.e-member-editor-dialog):not(.e-olap-field-list-tree) ul li:not(.e-pivot-parent):not(.e-pivot-child) .e-text-content {
   padding-left: 0;
+  margin-left: 15px;
 }
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container ul,
 .e-pivotfieldlist-container .e-member-editor-dialog .e-member-editor-container ul {
@@ -1193,9 +1206,10 @@
 .e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter {
   padding-top: 20px;
   padding-top: 12px;
+  /* stylelint-disable */
 }
 .e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
-  height: 165px;
+  height: 165px !important;
 }
 .e-pivotfieldlist-container .e-member-editor-dialog .e-label-filter,
 .e-pivotfieldlist-container .e-member-editor-dialog .e-value-filter {
@@ -1203,7 +1217,6 @@
   overflow: auto;
   padding: 20px;
   padding-bottom: 0;
-  /* stylelint-disable */
   /* stylelint-enable */
   padding-top: 0;
 }
@@ -1824,6 +1837,50 @@
   /* stylelint-enable */
   /* stylelint-enable */
 }
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list {
+  display: block;
+  overflow-y: auto;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree.e-treeview ul:first-child {
+  padding-right: 0;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree.e-treeview li.e-no-checkbox > .e-text-content > .e-checkbox-wrapper, .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree.e-treeview li .e-measure-icon {
+  display: none;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree.e-treeview li.e-rtl ul:first-child {
+  padding-left: 0;
+  padding-right: 10px;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list li .e-drag {
+  padding: revert;
+  margin: revert;
+  width: auto;
+  height: auto;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list li .e-draggable {
+  display: contents;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list li .e-text-content {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list li .e-list-text {
+  text-overflow: ellipsis;
+  overflow-x: hidden;
+  width: 100%;
+  white-space: nowrap;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-treeview:not(.e-rtl) .e-list-text {
+  padding-right: revert;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-treeview.e-rtl .e-list-text {
+  padding-left: revert;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container li.e-no-checkbox > .e-text-content > .e-checkbox-wrapper, .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container li .e-measure-icon {
+  display: none;
+}
 .e-pivotfieldlist-container .e-layout-footer {
   display: -ms-flexbox;
   display: flex;
@@ -2570,7 +2627,7 @@
 .e-pivotfieldlist-container .e-calculated-field {
   color: #fff;
   font-size: 14px;
-  font-weight: normal;
+  font-weight: 400;
   max-width: 160px;
   min-width: 145px;
 }

package/styles/pivotfieldlist/tailwind.css

@@ -395,10 +395,11 @@
 }
 .e-pivot-formatting-dialog .e-format-label,
 .e-pivot-formatting-dialog .e-format-value-label {
-  color: #111827;
-  font-size: 13px;
+  color: #6b7280;
+  font-size: 14px;
   font-weight: 500;
   opacity: 0.87;
+  opacity: 1;
 }
 .e-pivot-formatting-dialog .e-format-value-preview {
   border: 1px solid #e5e7eb;
@@ -728,6 +729,8 @@
 }
 .e-pivot-calc-dialog-div.e-rtl .e-treeview ul li .e-text-content {
   padding: 0 24px 0 0;
+  display: -ms-flexbox;
+  display: flex;
 }
 .e-pivot-calc-dialog-div .e-pivot-calc-input.e-empty-field::-webkit-input-placeholder {
   color: #dc2626 !important;
@@ -750,7 +753,7 @@
   border: 1px solid #e5e7eb;
   border-radius: 4px;
   color: #111827;
-  font-size: 13px;
+  font-size: 14px;
   height: 70px;
   padding: 5px 8px;
   resize: none;
@@ -960,6 +963,15 @@
   font-size: 16px;
   padding-top: 12px;
 }
+.e-bigger.e-pivot-calc-dialog-div .e-treeview .e-list-item .e-remove-report,
+.e-bigger.e-pivot-calc-dialog-div .e-treeview .e-list-item .e-edit,
+.e-bigger.e-pivot-calc-dialog-div .e-treeview .e-list-item .e-edited,
+.e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item .e-remove-report,
+.e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item .e-edit,
+.e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item .e-edited {
+  /* stylelint-disable */
+  /* stylelint-enable */
+}
 .e-bigger.e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon.e-edit, .e-bigger.e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon.e-edited, .e-bigger.e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon.e-remove-report,
 .e-bigger .e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon.e-edit,
 .e-bigger .e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon.e-edited,
@@ -974,7 +986,7 @@
 }
 .e-bigger.e-pivot-calc-dialog-div .e-pivot-formula,
 .e-bigger .e-pivot-calc-dialog-div .e-pivot-formula {
-  font-size: 13px;
+  font-size: 14px;
 }
 .e-bigger.e-pivot-calc-dialog-div .e-footer-content,
 .e-bigger .e-pivot-calc-dialog-div .e-footer-content {
@@ -1072,6 +1084,7 @@
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog:not(.e-member-editor-dialog):not(.e-olap-field-list-tree) ul li:not(.e-pivot-parent):not(.e-pivot-child) .e-text-content,
 .e-pivotfieldlist-container .e-member-editor-dialog:not(.e-member-editor-dialog):not(.e-olap-field-list-tree) ul li:not(.e-pivot-parent):not(.e-pivot-child) .e-text-content {
   padding-left: 0;
+  margin-left: 15px;
 }
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container ul,
 .e-pivotfieldlist-container .e-member-editor-dialog .e-member-editor-container ul {
@@ -1194,9 +1207,10 @@
 .e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter {
   padding-top: 20px;
   padding-top: 12px;
+  /* stylelint-disable */
 }
 .e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
-  height: 165px;
+  height: 165px !important;
 }
 .e-pivotfieldlist-container .e-member-editor-dialog .e-label-filter,
 .e-pivotfieldlist-container .e-member-editor-dialog .e-value-filter {
@@ -1204,7 +1218,6 @@
   overflow: auto;
   padding: 20px;
   padding-bottom: 0;
-  /* stylelint-disable */
   /* stylelint-enable */
   padding-top: 0;
 }
@@ -1825,6 +1838,50 @@
   /* stylelint-enable */
   /* stylelint-enable */
 }
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list {
+  display: block;
+  overflow-y: auto;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree.e-treeview ul:first-child {
+  padding-right: 0;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree.e-treeview li.e-no-checkbox > .e-text-content > .e-checkbox-wrapper, .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree.e-treeview li .e-measure-icon {
+  display: none;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree.e-treeview li.e-rtl ul:first-child {
+  padding-left: 0;
+  padding-right: 10px;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list li .e-drag {
+  padding: revert;
+  margin: revert;
+  width: auto;
+  height: auto;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list li .e-draggable {
+  display: contents;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list li .e-text-content {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list li .e-list-text {
+  text-overflow: ellipsis;
+  overflow-x: hidden;
+  width: 100%;
+  white-space: nowrap;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-treeview:not(.e-rtl) .e-list-text {
+  padding-right: revert;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-treeview.e-rtl .e-list-text {
+  padding-left: revert;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container li.e-no-checkbox > .e-text-content > .e-checkbox-wrapper, .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container li .e-measure-icon {
+  display: none;
+}
 .e-pivotfieldlist-container .e-layout-footer {
   display: -ms-flexbox;
   display: flex;
@@ -2571,7 +2628,7 @@
 .e-pivotfieldlist-container .e-calculated-field {
   color: #374151;
   font-size: 14px;
-  font-weight: normal;
+  font-weight: 400;
   max-width: 160px;
   min-width: 145px;
 }

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,
@@ -1830,7 +1846,7 @@
 }
 .e-pivotview .e-pivot-pager.e-compact-view .e-pivot-pager-maindiv:not(.e-pivot-pager-single-maindiv) .e-pivot-pager-row-maindiv.e-page-size-disable .e-pivotview-text-div,
 .e-pivotview .e-pivot-pager.e-compact-view .e-pivot-pager-maindiv:not(.e-pivot-pager-single-maindiv) .e-pivot-pager-column-maindiv.e-page-size-disable .e-pivotview-text-div {
-  width: auto;
+  width: 50%;
 }
 .e-pivotview .e-pivot-pager.e-compact-view.e-rtl .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivotview-text-div .e-pivot-row-pager-settings,
 .e-pivotview .e-pivot-pager.e-compact-view.e-rtl .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivotview-text-div .e-pivot-column-pager-settings,
@@ -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,
@@ -1829,7 +1845,7 @@
 }
 .e-pivotview .e-pivot-pager.e-compact-view .e-pivot-pager-maindiv:not(.e-pivot-pager-single-maindiv) .e-pivot-pager-row-maindiv.e-page-size-disable .e-pivotview-text-div,
 .e-pivotview .e-pivot-pager.e-compact-view .e-pivot-pager-maindiv:not(.e-pivot-pager-single-maindiv) .e-pivot-pager-column-maindiv.e-page-size-disable .e-pivotview-text-div {
-  width: auto;
+  width: 50%;
 }
 .e-pivotview .e-pivot-pager.e-compact-view.e-rtl .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivotview-text-div .e-pivot-row-pager-settings,
 .e-pivotview .e-pivot-pager.e-compact-view.e-rtl .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivotview-text-div .e-pivot-column-pager-settings,
@@ -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,
@@ -1920,7 +1926,7 @@
 }
 .e-pivotview .e-pivot-pager.e-compact-view .e-pivot-pager-maindiv:not(.e-pivot-pager-single-maindiv) .e-pivot-pager-row-maindiv.e-page-size-disable .e-pivotview-text-div,
 .e-pivotview .e-pivot-pager.e-compact-view .e-pivot-pager-maindiv:not(.e-pivot-pager-single-maindiv) .e-pivot-pager-column-maindiv.e-page-size-disable .e-pivotview-text-div {
-  width: auto;
+  width: 50%;
 }
 .e-pivotview .e-pivot-pager.e-compact-view.e-rtl .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivotview-text-div .e-pivot-row-pager-settings,
 .e-pivotview .e-pivot-pager.e-compact-view.e-rtl .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivotview-text-div .e-pivot-column-pager-settings,
@@ -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 {