@syncfusion/ej2-angular-pivotview 20.2.45 → 20.3.47

package/styles/pivotfieldlist/tailwind-dark.css

@@ -615,10 +615,12 @@
   color: #d1d5db;
   /* stylelint-disable */
   float: right !important;
-  margin: 0;
-  margin-right: 12px !important;
+  margin: 0 12px 0 0;
   /* stylelint-enable */
 }
+.e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon.e-edit, .e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon.e-edited, .e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon.e-remove-report {
+  margin-top: 10px;
+}
 .e-pivot-calc-dialog-div .e-treeview ul .e-fullrow {
   cursor: default;
 }
@@ -713,8 +715,8 @@
 .e-pivot-calc-dialog-div.e-rtl .e-treeview .e-list-item div.e-edit.e-icons,
 .e-pivot-calc-dialog-div.e-rtl .e-treeview .e-list-item div.e-edited.e-icons,
 .e-pivot-calc-dialog-div.e-rtl .e-treeview .e-list-item div.e-remove-report.e-icons {
-  margin-right: 0;
   transform: rotate(0deg);
+  margin: 12px 0 0 0;
 }
 .e-pivot-calc-dialog-div.e-rtl .e-treeview ul {
   margin-right: 0;
@@ -922,7 +924,7 @@
 .e-bigger.e-pivot-calc-dialog-div,
 .e-bigger .e-pivot-calc-dialog-div {
   /* stylelint-disable */
-  max-height: 600px !important;
+  max-height: 660px !important;
   min-width: 401px !important;
   /* stylelint-enable */
   /* stylelint-disable */
@@ -1049,6 +1051,18 @@
 .e-pivotfieldlist-container .e-member-editor-dialog .e-member-editor-container.e-rtl ul .e-list-icon {
   transform: rotateX(0deg) rotateY(180deg);
 }
+.e-pivotfieldlist-container .e-adaptive-field-list-dialog:not(.e-member-editor-dialog):not(.e-olap-field-list-tree) ul,
+.e-pivotfieldlist-container .e-member-editor-dialog:not(.e-member-editor-dialog):not(.e-olap-field-list-tree) ul {
+  padding-left: 29px;
+}
+.e-pivotfieldlist-container .e-adaptive-field-list-dialog:not(.e-member-editor-dialog):not(.e-olap-field-list-tree) ul li.e-pivot-parent,
+.e-pivotfieldlist-container .e-member-editor-dialog:not(.e-member-editor-dialog):not(.e-olap-field-list-tree) ul li.e-pivot-parent {
+  padding-left: 5px;
+}
+.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;
+}
 .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 {
   /* stylelint-disable */
@@ -1068,6 +1082,18 @@
 .e-pivotfieldlist-container .e-member-editor-dialog .e-disable {
   display: none !important;
 }
+.e-pivotfieldlist-container .e-adaptive-field-list-dialog.e-rtl:not(.e-member-editor-dialog):not(.e-olap-field-list-tree) ul,
+.e-pivotfieldlist-container .e-member-editor-dialog.e-rtl:not(.e-member-editor-dialog):not(.e-olap-field-list-tree) ul {
+  padding-right: 29px;
+}
+.e-pivotfieldlist-container .e-adaptive-field-list-dialog.e-rtl:not(.e-member-editor-dialog):not(.e-olap-field-list-tree) ul li.e-pivot-parent,
+.e-pivotfieldlist-container .e-member-editor-dialog.e-rtl:not(.e-member-editor-dialog):not(.e-olap-field-list-tree) ul li.e-pivot-parent {
+  padding-right: 5px;
+}
+.e-pivotfieldlist-container .e-adaptive-field-list-dialog.e-rtl: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.e-rtl: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-right: 0;
+}
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog.e-rtl .e-member-editor-outer-container ul,
 .e-pivotfieldlist-container .e-member-editor-dialog.e-rtl .e-member-editor-outer-container ul {
   margin-left: 0;
@@ -1230,7 +1256,7 @@
   margin-left: 0;
   margin-right: 10px;
 }
-.e-pivotfieldlist-container .e-adaptive-field-list-dialog ul {
+.e-pivotfieldlist-container .e-adaptive-field-list-dialog ul:first-child {
   min-height: 170px;
   overflow: auto;
 }
@@ -1606,7 +1632,7 @@
 }
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div,
 .e-bigger.e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
-  height: 110px !important;
+  height: 113px !important;
 }
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog .e-label-filter,
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog .e-value-filter,
@@ -1953,13 +1979,18 @@
   padding-left: 2px;
   width: 100%;
 }
+.e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list:not(.e-olap-field-list-tree) ul {
+  padding-left: 11px;
+}
+.e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list:not(.e-olap-field-list-tree) ul li:not(.e-pivot-parent):not(.e-pivot-child) .e-text-content {
+  padding-left: 0;
+}
 .e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list ul {
   overflow: hidden;
   /* stylelint-disable */
   /* stylelint-enable */
 }
 .e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list ul li {
-  margin-left: -30px;
   /* stylelint-disable */
   /* stylelint-enable */
 }
@@ -2015,10 +2046,6 @@
 .e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list ul li.e-disable {
   display: none !important;
 }
-.e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree ul li {
-  margin-left: 0;
-  margin-right: 0;
-}
 .e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree ul .e-list-icon {
   font-size: 14px;
   height: auto;
@@ -2542,9 +2569,13 @@
   padding-left: 0;
   padding-right: 2px;
 }
+.e-pivotfieldlist-container.e-rtl .e-field-table .e-field-list:not(.e-olap-field-list-tree) ul {
+  padding-right: 11px;
+}
+.e-pivotfieldlist-container.e-rtl .e-field-table .e-field-list:not(.e-olap-field-list-tree) ul li:not(.e-pivot-parent):not(.e-pivot-child) .e-text-content {
+  padding-right: 0;
+}
 .e-pivotfieldlist-container.e-rtl .e-field-table .e-field-list ul li {
-  margin-left: 0;
-  margin-right: -30px;
   /* stylelint-disable */
   /* stylelint-enable */
 }
@@ -3230,6 +3261,14 @@
 .e-bigger.e-pivotfieldlist-container .e-field-table .e-field-list {
   padding-left: 5px;
 }
+.e-bigger .e-pivotfieldlist-container .e-field-table .e-field-list:not(.e-olap-field-list-tree) ul,
+.e-bigger.e-pivotfieldlist-container .e-field-table .e-field-list:not(.e-olap-field-list-tree) ul {
+  padding-left: 7px;
+}
+.e-bigger .e-pivotfieldlist-container .e-field-table .e-field-list:not(.e-olap-field-list-tree) ul li:not(.e-pivot-parent):not(.e-pivot-child) .e-text-content,
+.e-bigger.e-pivotfieldlist-container .e-field-table .e-field-list:not(.e-olap-field-list-tree) ul li:not(.e-pivot-parent):not(.e-pivot-child) .e-text-content {
+  padding-left: 0;
+}
 .e-bigger .e-pivotfieldlist-container .e-field-table .e-field-list ul li,
 .e-bigger.e-pivotfieldlist-container .e-field-table .e-field-list ul li {
   padding: 0;
@@ -3465,7 +3504,7 @@
 }
 .e-bigger .e-pivotfieldlist-container.e-static,
 .e-bigger.e-pivotfieldlist-container.e-static {
-  max-height: 720px;
+  max-height: 735px;
 }
 .e-bigger .e-pivotfieldlist-container.e-static .e-field-list-container .e-center-title,
 .e-bigger.e-pivotfieldlist-container.e-static .e-field-list-container .e-center-title {
@@ -3510,6 +3549,14 @@
   padding-right: 5px;
   /* stylelint-enable */
 }
+.e-bigger .e-pivotfieldlist-container.e-rtl .e-field-table .e-field-list:not(.e-olap-field-list-tree) ul,
+.e-bigger.e-pivotfieldlist-container.e-rtl .e-field-table .e-field-list:not(.e-olap-field-list-tree) ul {
+  padding-right: 7px;
+}
+.e-bigger .e-pivotfieldlist-container.e-rtl .e-field-table .e-field-list:not(.e-olap-field-list-tree) ul li:not(.e-pivot-parent):not(.e-pivot-child) .e-text-content,
+.e-bigger.e-pivotfieldlist-container.e-rtl .e-field-table .e-field-list:not(.e-olap-field-list-tree) ul li:not(.e-pivot-parent):not(.e-pivot-child) .e-text-content {
+  padding-right: 0;
+}
 .e-bigger .e-pivotfieldlist-container.e-rtl .e-field-table .e-field-list .e-drag,
 .e-bigger.e-pivotfieldlist-container.e-rtl .e-field-table .e-field-list .e-drag {
   margin-left: 4px !important;

package/styles/pivotfieldlist/tailwind.css

@@ -616,10 +616,12 @@
   color: #6b7280;
   /* stylelint-disable */
   float: right !important;
-  margin: 0;
-  margin-right: 12px !important;
+  margin: 0 12px 0 0;
   /* stylelint-enable */
 }
+.e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon.e-edit, .e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon.e-edited, .e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon.e-remove-report {
+  margin-top: 10px;
+}
 .e-pivot-calc-dialog-div .e-treeview ul .e-fullrow {
   cursor: default;
 }
@@ -714,8 +716,8 @@
 .e-pivot-calc-dialog-div.e-rtl .e-treeview .e-list-item div.e-edit.e-icons,
 .e-pivot-calc-dialog-div.e-rtl .e-treeview .e-list-item div.e-edited.e-icons,
 .e-pivot-calc-dialog-div.e-rtl .e-treeview .e-list-item div.e-remove-report.e-icons {
-  margin-right: 0;
   transform: rotate(0deg);
+  margin: 12px 0 0 0;
 }
 .e-pivot-calc-dialog-div.e-rtl .e-treeview ul {
   margin-right: 0;
@@ -923,7 +925,7 @@
 .e-bigger.e-pivot-calc-dialog-div,
 .e-bigger .e-pivot-calc-dialog-div {
   /* stylelint-disable */
-  max-height: 600px !important;
+  max-height: 660px !important;
   min-width: 401px !important;
   /* stylelint-enable */
   /* stylelint-disable */
@@ -1050,6 +1052,18 @@
 .e-pivotfieldlist-container .e-member-editor-dialog .e-member-editor-container.e-rtl ul .e-list-icon {
   transform: rotateX(0deg) rotateY(180deg);
 }
+.e-pivotfieldlist-container .e-adaptive-field-list-dialog:not(.e-member-editor-dialog):not(.e-olap-field-list-tree) ul,
+.e-pivotfieldlist-container .e-member-editor-dialog:not(.e-member-editor-dialog):not(.e-olap-field-list-tree) ul {
+  padding-left: 29px;
+}
+.e-pivotfieldlist-container .e-adaptive-field-list-dialog:not(.e-member-editor-dialog):not(.e-olap-field-list-tree) ul li.e-pivot-parent,
+.e-pivotfieldlist-container .e-member-editor-dialog:not(.e-member-editor-dialog):not(.e-olap-field-list-tree) ul li.e-pivot-parent {
+  padding-left: 5px;
+}
+.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;
+}
 .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 {
   /* stylelint-disable */
@@ -1069,6 +1083,18 @@
 .e-pivotfieldlist-container .e-member-editor-dialog .e-disable {
   display: none !important;
 }
+.e-pivotfieldlist-container .e-adaptive-field-list-dialog.e-rtl:not(.e-member-editor-dialog):not(.e-olap-field-list-tree) ul,
+.e-pivotfieldlist-container .e-member-editor-dialog.e-rtl:not(.e-member-editor-dialog):not(.e-olap-field-list-tree) ul {
+  padding-right: 29px;
+}
+.e-pivotfieldlist-container .e-adaptive-field-list-dialog.e-rtl:not(.e-member-editor-dialog):not(.e-olap-field-list-tree) ul li.e-pivot-parent,
+.e-pivotfieldlist-container .e-member-editor-dialog.e-rtl:not(.e-member-editor-dialog):not(.e-olap-field-list-tree) ul li.e-pivot-parent {
+  padding-right: 5px;
+}
+.e-pivotfieldlist-container .e-adaptive-field-list-dialog.e-rtl: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.e-rtl: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-right: 0;
+}
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog.e-rtl .e-member-editor-outer-container ul,
 .e-pivotfieldlist-container .e-member-editor-dialog.e-rtl .e-member-editor-outer-container ul {
   margin-left: 0;
@@ -1231,7 +1257,7 @@
   margin-left: 0;
   margin-right: 10px;
 }
-.e-pivotfieldlist-container .e-adaptive-field-list-dialog ul {
+.e-pivotfieldlist-container .e-adaptive-field-list-dialog ul:first-child {
   min-height: 170px;
   overflow: auto;
 }
@@ -1607,7 +1633,7 @@
 }
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div,
 .e-bigger.e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
-  height: 110px !important;
+  height: 113px !important;
 }
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog .e-label-filter,
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog .e-value-filter,
@@ -1954,13 +1980,18 @@
   padding-left: 2px;
   width: 100%;
 }
+.e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list:not(.e-olap-field-list-tree) ul {
+  padding-left: 11px;
+}
+.e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list:not(.e-olap-field-list-tree) ul li:not(.e-pivot-parent):not(.e-pivot-child) .e-text-content {
+  padding-left: 0;
+}
 .e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list ul {
   overflow: hidden;
   /* stylelint-disable */
   /* stylelint-enable */
 }
 .e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list ul li {
-  margin-left: -30px;
   /* stylelint-disable */
   /* stylelint-enable */
 }
@@ -2016,10 +2047,6 @@
 .e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list ul li.e-disable {
   display: none !important;
 }
-.e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree ul li {
-  margin-left: 0;
-  margin-right: 0;
-}
 .e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree ul .e-list-icon {
   font-size: 14px;
   height: auto;
@@ -2543,9 +2570,13 @@
   padding-left: 0;
   padding-right: 2px;
 }
+.e-pivotfieldlist-container.e-rtl .e-field-table .e-field-list:not(.e-olap-field-list-tree) ul {
+  padding-right: 11px;
+}
+.e-pivotfieldlist-container.e-rtl .e-field-table .e-field-list:not(.e-olap-field-list-tree) ul li:not(.e-pivot-parent):not(.e-pivot-child) .e-text-content {
+  padding-right: 0;
+}
 .e-pivotfieldlist-container.e-rtl .e-field-table .e-field-list ul li {
-  margin-left: 0;
-  margin-right: -30px;
   /* stylelint-disable */
   /* stylelint-enable */
 }
@@ -3231,6 +3262,14 @@
 .e-bigger.e-pivotfieldlist-container .e-field-table .e-field-list {
   padding-left: 5px;
 }
+.e-bigger .e-pivotfieldlist-container .e-field-table .e-field-list:not(.e-olap-field-list-tree) ul,
+.e-bigger.e-pivotfieldlist-container .e-field-table .e-field-list:not(.e-olap-field-list-tree) ul {
+  padding-left: 7px;
+}
+.e-bigger .e-pivotfieldlist-container .e-field-table .e-field-list:not(.e-olap-field-list-tree) ul li:not(.e-pivot-parent):not(.e-pivot-child) .e-text-content,
+.e-bigger.e-pivotfieldlist-container .e-field-table .e-field-list:not(.e-olap-field-list-tree) ul li:not(.e-pivot-parent):not(.e-pivot-child) .e-text-content {
+  padding-left: 0;
+}
 .e-bigger .e-pivotfieldlist-container .e-field-table .e-field-list ul li,
 .e-bigger.e-pivotfieldlist-container .e-field-table .e-field-list ul li {
   padding: 0;
@@ -3466,7 +3505,7 @@
 }
 .e-bigger .e-pivotfieldlist-container.e-static,
 .e-bigger.e-pivotfieldlist-container.e-static {
-  max-height: 720px;
+  max-height: 735px;
 }
 .e-bigger .e-pivotfieldlist-container.e-static .e-field-list-container .e-center-title,
 .e-bigger.e-pivotfieldlist-container.e-static .e-field-list-container .e-center-title {
@@ -3511,6 +3550,14 @@
   padding-right: 5px;
   /* stylelint-enable */
 }
+.e-bigger .e-pivotfieldlist-container.e-rtl .e-field-table .e-field-list:not(.e-olap-field-list-tree) ul,
+.e-bigger.e-pivotfieldlist-container.e-rtl .e-field-table .e-field-list:not(.e-olap-field-list-tree) ul {
+  padding-right: 7px;
+}
+.e-bigger .e-pivotfieldlist-container.e-rtl .e-field-table .e-field-list:not(.e-olap-field-list-tree) ul li:not(.e-pivot-parent):not(.e-pivot-child) .e-text-content,
+.e-bigger.e-pivotfieldlist-container.e-rtl .e-field-table .e-field-list:not(.e-olap-field-list-tree) ul li:not(.e-pivot-parent):not(.e-pivot-child) .e-text-content {
+  padding-right: 0;
+}
 .e-bigger .e-pivotfieldlist-container.e-rtl .e-field-table .e-field-list .e-drag,
 .e-bigger.e-pivotfieldlist-container.e-rtl .e-field-table .e-field-list .e-drag {
   margin-left: 4px !important;

package/styles/pivotview/_bootstrap-dark-definition.scss

@@ -43,11 +43,10 @@ $pivotgrid-bigger-drill-margintop: $pivotgrid-drill-margintop !default;
 $pivotgrid-rtl-expand-icon-font-size: 10px !default;
 $pivotgrid-collapse-icon-fonsize: 10px !default;
 $pivotgrid-expcoldiv-fontsize: 12px !default;
-$pivotgrid-vsort-mouse-margin: -15px 0 !default;
-$pivotgrid-vsort-row-margin: 0 !default;
-$pivotgrid-vsort-mouse-wrap-margin: -30px -15px !default;
-$pivotgrid-vsort-touch-margin: -13px -11px !default;
-$pivotgrid-vsort-touch-wrap-margin: -30px -18px !default;
+$pivotgrid-vsort-column-margin: -28px 0 !default;
+$pivotgrid-vsort-column-parent-margin: -11px 0 !default;
+$pivotgrid-vsort-row-margin: -20px 0 !default;
+$pivotgrid-vsort-row-parent-margin: -12px 0 !default;
 $pivotgrid-tooltip-padding: 3px 2px !default;
 $pivotgrid-tooltip-fontcolor: $grey-base !default;
 $pivotgrid-tooltip-fontsize: 14px !default;
@@ -105,6 +104,7 @@ $pivotgrid-box-shadow-color: rgba(108, 117, 125, .5);
 $pivot-toolbar-icon-hover-color: $pivotgrid-icon-hover-color !default;
 $pivotgrid-value-sort-icon-padding: 3px 4px 4px 4px !default;
 $pivotgrid-value-sort-icon-font-size: 12px !default;
+$pivotgrid-drillthrough-header-font-color: $grey-light-font !default;
 
 //enddefault
 
@@ -129,3 +129,32 @@ $pivotgrid-grouping-bigger-padding-top: 0 !default;
 $pivotgrid-button-icon-wrapper-size: 18px !default;
 $pivotgrid-bigger-button-icon-wrapper-size: 20px !default;
 $pivotgrid-bigger-button-icon-touch-margin-size: 0 !default;
+
+/* pivot-pager */
+$pivotpager-padding: 4px 12px !default;
+$pivotpage-touch-padding: 3px 12px 4px 16px !default;
+$pivotpager-separator-border: 1px solid $grey-ad !default;
+$pivotpager-title-font-size: 12px !default;
+$pivotpager-single-title-font-size: 14px !default;
+$pivotpager-touch-single-title-font-size: 16px !default;
+$pivotpager-single-title-line-height: 2.7em !default;
+$pivotpager-touch-single-title-line-height: 2.8em !default;
+$pivotpager-axis-title-font-color: $grey-ad !default;
+$pivotpager-size-title-font-color: $grey-88 !default;
+$pivotpager-string-font-touch-size: 14px !default;
+$pivotpager-pager-number-font-weight: 400 !default;
+$pivotpager-v-separator-margin: 8px 12px !default;
+$pivotpager-touch-v-separator-margin: 8px 16px !default;
+$pivotpager-v-separator-margin-top: 5px !default;
+$pivotpager-h-separator-margin: 8px 12px !default;
+$pivotpager-page-icon-size: $pivotpager-title-font-size !default;
+$pivotpager-touch-page-icon-size: $pivotpager-string-font-touch-size !default;
+$pivotpager-page-icon-padding: 10px !default;
+$pivotpager-touch-page-icon-padding: 10px !default;
+$pivotpager-page-container-marging-top: 4px !default;
+$pivotpager-touch-page-container-marging-top: 7px !default;
+$pivotpager-adaptive-page-container-marging-top: 11px !default;
+$pivotpager-numeric-box-margin: 0 8px 0 12px !default;
+$pivotpager-adaptive-numeric-box-margin: 0 12px 0 8px !default;
+$pivotpager-touch-numeric-boc-margin: 0 12px 0 16px !default;
+$pivotpager-single-size-title-padding: 8px !default;

package/styles/pivotview/_bootstrap-definition.scss

@@ -43,11 +43,10 @@ $pivotgrid-bigger-drill-margintop: $pivotgrid-drill-margintop !default;
 $pivotgrid-rtl-expand-icon-font-size: 10px !default;
 $pivotgrid-collapse-icon-fonsize: 10px !default;
 $pivotgrid-expcoldiv-fontsize: 11px !default;
-$pivotgrid-vsort-mouse-margin: -15px 0 !default;
-$pivotgrid-vsort-row-margin: 0 !default;
-$pivotgrid-vsort-mouse-wrap-margin: -30px -15px !default;
-$pivotgrid-vsort-touch-margin: -14px -9px !default;
-$pivotgrid-vsort-touch-wrap-margin: -30px -18px !default;
+$pivotgrid-vsort-column-margin: -28px 0 !default;
+$pivotgrid-vsort-column-parent-margin: -11px 0 !default;
+$pivotgrid-vsort-row-margin: -20px 0 !default;
+$pivotgrid-vsort-row-parent-margin: -12px 0 !default;
 $pivotgrid-tooltip-padding: 3px 2px !default;
 $pivotgrid-tooltip-fontcolor: #fff !default;
 $pivotgrid-tooltip-fontsize: 14px !default;
@@ -104,6 +103,7 @@ $pivotgrid-box-shadow-color: rgba(108, 117, 125, .5);
 $pivot-toolbar-icon-hover-color: $pivotgrid-icon-hover-color !default;
 $pivotgrid-value-sort-icon-padding: 3px 4px 4px 4px !default;
 $pivotgrid-value-sort-icon-font-size: 12px !default;
+$pivotgrid-drillthrough-header-font-color: $grey-light-font !default;
 
 /*! component's common definitions and variables */
 $pivotgrid-grouping-height: 28px !default;
@@ -126,3 +126,32 @@ $pivotgrid-grouping-bigger-padding-top: 0 !default;
 $pivotgrid-button-icon-wrapper-size: 18px !default;
 $pivotgrid-bigger-button-icon-wrapper-size: 20px !default;
 $pivotgrid-bigger-button-icon-touch-margin-size: 1px !default;
+
+/* pivot-pager */
+$pivotpager-padding: 4px 12px !default;
+$pivotpage-touch-padding: 3px 12px 4px 16px !default;
+$pivotpager-separator-border: 1px solid $grey-ad !default;
+$pivotpager-title-font-size: 12px !default;
+$pivotpager-single-title-font-size: 14px !default;
+$pivotpager-touch-single-title-font-size: 16px !default;
+$pivotpager-single-title-line-height: 2.7em !default;
+$pivotpager-touch-single-title-line-height: 2.8em !default;
+$pivotpager-axis-title-font-color: $grey-ad !default;
+$pivotpager-size-title-font-color: $grey-88 !default;
+$pivotpager-string-font-touch-size: 14px !default;
+$pivotpager-pager-number-font-weight: 400 !default;
+$pivotpager-v-separator-margin: 8px 12px !default;
+$pivotpager-touch-v-separator-margin: 8px 16px !default;
+$pivotpager-v-separator-margin-top: 5px !default;
+$pivotpager-h-separator-margin: 8px 12px !default;
+$pivotpager-page-icon-size: $pivotpager-title-font-size !default;
+$pivotpager-touch-page-icon-size: $pivotpager-string-font-touch-size !default;
+$pivotpager-page-icon-padding: 10px !default;
+$pivotpager-touch-page-icon-padding: 10px !default;
+$pivotpager-page-container-marging-top: 4px !default;
+$pivotpager-touch-page-container-marging-top: 7px !default;
+$pivotpager-adaptive-page-container-marging-top: 11px !default;
+$pivotpager-numeric-box-margin: 0 8px 0 12px !default;
+$pivotpager-adaptive-numeric-box-margin: 0 12px 0 8px !default;
+$pivotpager-touch-numeric-boc-margin: 0 12px 0 16px !default;
+$pivotpager-single-size-title-padding: 8px !default;

package/styles/pivotview/_bootstrap4-definition.scss

@@ -43,11 +43,10 @@ $pivotgrid-bigger-drill-margintop: $pivotgrid-drill-margintop !default;
 $pivotgrid-rtl-expand-icon-font-size: 12px !default;
 $pivotgrid-collapse-icon-fonsize: 10px !default;
 $pivotgrid-expcoldiv-fontsize: 13px !default;
-$pivotgrid-vsort-mouse-margin: -15px 0 !default;
-$pivotgrid-vsort-row-margin: 0 !default;
-$pivotgrid-vsort-mouse-wrap-margin: -30px -15px !default;
-$pivotgrid-vsort-touch-margin: -14px -8px !default;
-$pivotgrid-vsort-touch-wrap-margin: -30px -18px !default;
+$pivotgrid-vsort-column-margin: -28px 0 !default;
+$pivotgrid-vsort-column-parent-margin: -11px 0 !default;
+$pivotgrid-vsort-row-margin: -20px 0 !default;
+$pivotgrid-vsort-row-parent-margin: -12px 0 !default;
 $pivotgrid-tooltip-padding: 3px 2px !default;
 $pivotgrid-tooltip-fontcolor: #fff !default;
 $pivotgrid-tooltip-fontsize: 14px !default;
@@ -104,6 +103,7 @@ $pivotgrid-box-shadow-color: rgba(108, 117, 125, .5);
 $pivot-toolbar-icon-hover-color: $pivotgrid-icon-hover-color !default;
 $pivotgrid-value-sort-icon-padding: 3px 0 4px 0 !default;
 $pivotgrid-value-sort-icon-font-size: 12px !default;
+$pivotgrid-drillthrough-header-font-color: #333 !default;
 
 /*! component's common definitions and variables */
 $pivotgrid-grouping-height: 30px !default;
@@ -126,3 +126,32 @@ $pivotgrid-grouping-bigger-padding-top: 0 !default;
 $pivotgrid-button-icon-wrapper-size: 18px !default;
 $pivotgrid-bigger-button-icon-wrapper-size: 20px !default;
 $pivotgrid-bigger-button-icon-touch-margin-size: 2px !default;
+
+/* pivot-pager */
+$pivotpager-padding: 8px 12px !default;
+$pivotpage-touch-padding: 8px 15px 6px 16px !default;
+$pivotpager-separator-border: 1px solid $gray-300 !default;
+$pivotpager-title-font-size: 12px !default;
+$pivotpager-single-title-font-size: 14px !default;
+$pivotpager-touch-single-title-font-size: 16px !default;
+$pivotpager-single-title-line-height: 2.2em !default;
+$pivotpager-touch-single-title-line-height: 2.2em !default;
+$pivotpager-axis-title-font-color: $gray-500 !default;
+$pivotpager-size-title-font-color: $gray-600 !default;
+$pivotpager-string-font-touch-size: 14px !default;
+$pivotpager-pager-number-font-weight: 400 !default;
+$pivotpager-v-separator-margin: 10px 16px !default;
+$pivotpager-touch-v-separator-margin: 10px 20px !default;
+$pivotpager-v-separator-margin-top: 5px !default;
+$pivotpager-h-separator-margin: 8px 8px !default;
+$pivotpager-page-icon-size: $pivotpager-title-font-size !default;
+$pivotpager-touch-page-icon-size: $pivotpager-string-font-touch-size !default;
+$pivotpager-page-icon-padding: 10px !default;
+$pivotpager-touch-page-icon-padding: 12px !default;
+$pivotpager-page-container-marging-top: 4px !default;
+$pivotpager-touch-page-container-marging-top: 4px !default;
+$pivotpager-adaptive-page-container-marging-top: 12px !default;
+$pivotpager-numeric-box-margin: 0 6px 0 12px !default;
+$pivotpager-adaptive-numeric-box-margin: 0 12px 0 6px !default;
+$pivotpager-touch-numeric-boc-margin: 0 12px 0 16px !default;
+$pivotpager-single-size-title-padding: 8px !default;

package/styles/pivotview/_bootstrap5-definition.scss

@@ -28,11 +28,10 @@ $pivotgrid-drill-margintop: 0 !default;
 $pivotgrid-bigger-drill-margintop: 0 !default;
 $pivotgrid-rtl-expand-icon-font-size: 10px !default;
 $pivotgrid-collapse-icon-fonsize: 20px !default;
-$pivotgrid-vsort-mouse-margin: -15px 0 !default;
-$pivotgrid-vsort-row-margin: 0 !default;
-$pivotgrid-vsort-mouse-wrap-margin: -18px !default;
-$pivotgrid-vsort-touch-margin: -15px -8px !default;
-$pivotgrid-vsort-touch-wrap-margin: -18px -15px !default;
+$pivotgrid-vsort-column-margin: -16px 0 !default;
+$pivotgrid-vsort-column-parent-margin: 6px 0 !default;
+$pivotgrid-vsort-row-margin: -5px 0 !default;
+$pivotgrid-vsort-row-parent-margin: 5px 0 !default;
 $pivotgrid-tooltip-padding: 3px 4px !default;
 $pivotgrid-tooltip-fontsize: 14px !default;
 $pivotgrid-tooltip-fontfamily: $font-family !default;
@@ -52,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: 600 !default;
+$pivotgrid-drillthrough-header-font-weight: 800 !default;
 $pivotgrid-menubar-height: 32px !default;
 $pivotgrid-bigger-menubar-height: 42px !default;
 $pivotgrid-sort-wrapper-padding-size: 10px !default;
@@ -112,6 +111,7 @@ $pivotgrid-header-background-color: $content-bg-color-alt1 !default;
 $pivotgrid-gtot-background-color: $content-bg-color-alt1 !default;
 $pivotgrid-gtot-font-color: $content-text-color-alt1 !default;
 $pivot-toolbar-icon-hover-color: $pivotgrid-icon-hover-color !default;
+$pivotgrid-drillthrough-header-font-color: $content-text-color-alt2 !default;
 
 /*! component's common definitions and variables */
 $pivotgrid-editor-search-padding-size: 20px !default;
@@ -131,3 +131,32 @@ $pivotgrid-grouping-bigger-padding-top: 16px !default;
 $pivotgrid-button-icon-wrapper-size: 18px !default;
 $pivotgrid-bigger-button-icon-wrapper-size: 20px !default;
 $pivotgrid-bigger-button-icon-touch-margin-size: 2px !default;
+
+/* pivot-pager */
+$pivotpager-padding: 8px 8px !default;
+$pivotpage-touch-padding: 8px 12px !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-single-title-line-height: 2.2em !default;
+$pivotpager-touch-single-title-line-height: 2.3em !default;
+$pivotpager-axis-title-font-color: $content-text-color-disabled !default;
+$pivotpager-size-title-font-color: $content-text-color-alt3 !default;
+$pivotpager-string-font-touch-size: 14px !default;
+$pivotpager-pager-number-font-weight: 600 !default;
+$pivotpager-v-separator-margin: 8px 16px !default;
+$pivotpager-touch-v-separator-margin: 8px 16px !default;
+$pivotpager-v-separator-margin-top: 3px !default;
+$pivotpager-h-separator-margin: 8px 12px !default;
+$pivotpager-page-icon-size: $pivotpager-title-font-size !default;
+$pivotpager-touch-page-icon-size: $pivotpager-string-font-touch-size !default;
+$pivotpager-page-icon-padding: 10px !default;
+$pivotpager-touch-page-icon-padding: 12px !default;
+$pivotpager-page-container-marging-top: 4px !default;
+$pivotpager-touch-page-container-marging-top: 6px !default;
+$pivotpager-adaptive-page-container-marging-top: 12px !default;
+$pivotpager-numeric-box-margin: 0 8px 0 12px !default;
+$pivotpager-adaptive-numeric-box-margin: 0 12px 0 8px !default;
+$pivotpager-touch-numeric-boc-margin: 0 12px 0 16px !default;
+$pivotpager-single-size-title-padding: 8px !default;

package/styles/pivotview/_fabric-dark-definition.scss

@@ -42,11 +42,10 @@ $pivotgrid-bigger-drill-margintop: $pivotgrid-drill-margintop !default;
 $pivotgrid-rtl-expand-icon-font-size: 10px !default;
 $pivotgrid-collapse-icon-fonsize: 10px !default;
 $pivotgrid-expcoldiv-fontsize: 10px !default;
-$pivotgrid-vsort-mouse-margin: -21px 0 !default;
-$pivotgrid-vsort-row-margin: 0 !default;
-$pivotgrid-vsort-mouse-wrap-margin: -17px 0 !default;
-$pivotgrid-vsort-touch-margin: -18px -5px !default;
-$pivotgrid-vsort-touch-wrap-margin: -17px -5px !default;
+$pivotgrid-vsort-column-margin: -15px 0 !default;
+$pivotgrid-vsort-column-parent-margin: 2px 0 !default;
+$pivotgrid-vsort-row-margin: -5px 0 !default;
+$pivotgrid-vsort-row-parent-margin: 2px 0 !default;
 $pivotgrid-tooltip-padding: 3px 3px !default;
 $pivotgrid-tooltip-fontcolor: $grey-dark-font !default;
 $pivotgrid-tooltip-fontsize: 13px !default;
@@ -74,7 +73,7 @@ $pivotgrid-editor-label-fill: $neutral-lighter-alt !default;
 $pivotgrid-editor-label-excel-width: 312px !default;
 $pivotgrid-editor-label-excel-padding-size: 15px 10px 8px 20px !default;
 $pivotgrid-editor-label-excel-opacity: 100%;
-$pivotgrid-drillthrough-header-font-weight: 600 !default;
+$pivotgrid-drillthrough-header-font-weight: 700 !default;
 $pivotgrid-drillthrough-value-opacity: 1 !default;
 $pivotgrid-header-selection-bg-color: $neutral-quintenary !default;
 $pivotgrid-header-selection-color: $neutral-light-fontalt !default;
@@ -103,6 +102,7 @@ $pivotgrid-box-shadow-color: rgba(108, 117, 125, .5);
 $pivot-toolbar-icon-hover-color: $pivotgrid-icon-hover-color !default;
 $pivotgrid-value-sort-icon-padding: 3px 4px 4px 4px !default;
 $pivotgrid-value-sort-icon-font-size: 12px !default;
+$pivotgrid-drillthrough-header-font-color: $neutral-light-font !default;
 
 //enddefault
 
@@ -128,3 +128,32 @@ $pivotgrid-grouping-bigger-padding-top: 0 !default;
 $pivotgrid-button-icon-wrapper-size: 18px !default;
 $pivotgrid-bigger-button-icon-wrapper-size: 20px !default;
 $pivotgrid-bigger-button-icon-touch-margin-size: 1px !default;
+
+/* pivot-pager */
+$pivotpager-padding: 4px 12px !default;
+$pivotpage-touch-padding: 4px 16px !default;
+$pivotpager-separator-border: 1px solid $neutral-quintenaryalt !default;
+$pivotpager-title-font-size: 12px !default;
+$pivotpager-single-title-font-size: 14px !default;
+$pivotpager-touch-single-title-font-size: 16px !default;
+$pivotpager-single-title-line-height: 2.6em !default;
+$pivotpager-touch-single-title-line-height: 2.7em !default;
+$pivotpager-axis-title-font-color: $neutral-tertiary !default;
+$pivotpager-size-title-font-color: $neutral-secondary !default;
+$pivotpager-string-font-touch-size: 14px !default;
+$pivotpager-pager-number-font-weight: 400 !default;
+$pivotpager-v-separator-margin: 10px 12px !default;
+$pivotpager-touch-v-separator-margin: 10px 16px !default;
+$pivotpager-v-separator-margin-top: 5px !default;
+$pivotpager-h-separator-margin: 7px 12px !default;
+$pivotpager-page-icon-size: $pivotpager-title-font-size !default;
+$pivotpager-touch-page-icon-size: $pivotpager-string-font-touch-size !default;
+$pivotpager-page-icon-padding: 9px !default;
+$pivotpager-touch-page-icon-padding: 9px !default;
+$pivotpager-page-container-marging-top: 5px !default;
+$pivotpager-touch-page-container-marging-top: 9px !default;
+$pivotpager-adaptive-page-container-marging-top: 8px !default;
+$pivotpager-numeric-box-margin: 0 8px 0 0 !default;
+$pivotpager-adaptive-numeric-box-margin: 0 0 0 8px !default;
+$pivotpager-touch-numeric-boc-margin: 0 10px 0 0 !default;
+$pivotpager-single-size-title-padding: 4px !default;