@syncfusion/ej2-pivotview 20.1.58 → 20.2.38

package/styles/pivotview/fluent.css

@@ -563,13 +563,14 @@
 }
 .e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
+  margin: 4px;
 }
 .e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu {
   background-color: transparent;
   border: none;
 }
 .e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul .e-menu-item {
-  height: 30px !important;
+  height: 26px !important;
   overflow: hidden;
   padding-left: 10px;
 }
@@ -578,11 +579,11 @@
   margin-right: 0;
   font-size: 16px;
   color: #605e5c;
-  line-height: 30px;
+  line-height: 26px;
 }
 .e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul .e-menu-item .e-caret {
   color: #605e5c;
-  line-height: 30px;
+  line-height: 26px;
 }
 .e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul .e-menu-item.e-focused .e-menu-icon,
 .e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul .e-menu-item.e-focused .e-icons {
@@ -652,7 +653,7 @@
 
 .e-pivotview-report-label {
   float: left;
-  margin-top: 8px;
+  margin-top: 4px;
   width: 40%;
 }
 
@@ -704,7 +705,7 @@
 
 .e-bigger .e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul .e-menu-item,
 .e-bigger.e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul .e-menu-item {
-  height: 42px !important;
+  height: 26px !important;
 }
 .e-bigger .e-pivotview .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
 .e-bigger.e-pivotview .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
@@ -859,18 +860,6 @@
   margin-top: 5px;
 }
 
-.e-bigger .e-dialog .e-footer-content {
-  height: 62px;
-}
-
-.e-bigger .e-dialog .e-dlg-header-content {
-  padding-left: 10px;
-}
-
-.e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active {
-  margin-left: 24px !important;
-}
-
 /*! PivotView theme */
 .e-pivotview .e-nextspan {
   display: inline-block;
@@ -928,6 +917,8 @@
 }
 .e-pivotview .e-member-editor-dialog,
 .e-pivotview .e-olap-editor-dialog {
+  min-height: 385px !important;
+  min-width: 350px !important;
   visibility: hidden;
 }
 .e-pivotview .e-member-editor-dialog .e-toolbar .e-toolbar-items {
@@ -999,7 +990,6 @@
   font-size: 14px !important;
 }
 .e-pivotview .e-sortfilterdiv.e-value-sort-icon {
-  padding: 1px 4px !important;
   font-size: 14px !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
@@ -1038,12 +1028,7 @@
   z-index: 1 !important;
 }
 .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
-  visibility: hidden;
-}
-.e-pivotview .e-grid.e-responsive .e-stackedheadercelldiv .e-stackedheadertext,
-.e-pivotview .e-grid.e-responsive .e-headercelldiv .e-headertext {
-  text-overflow: ellipsis;
-  white-space: nowrap;
+  visibility: hidden !important;
 }
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
@@ -1239,7 +1224,7 @@
   border: 1px solid #f3f2f1;
   border-radius: 2px;
   box-shadow: none;
-  color: #323130;
+  color: #323130 !important;
   cursor: default;
   display: -ms-flexbox;
   display: flex;
@@ -1487,8 +1472,9 @@
   color: #605e5c !important;
   font-size: 12px;
   height: 18px;
-  margin-left: 4px;
+  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,
@@ -1511,6 +1497,7 @@
   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 {
@@ -1565,7 +1552,7 @@
   width: auto;
 }
 .e-pivotview .e-collapse::before {
-  font-size: 16px;
+  font-size: 18px;
 }
 .e-pivotview .e-expand,
 .e-pivotview .e-collapse {
@@ -1583,7 +1570,7 @@
 .e-pivotview th .e-collapse {
   font-size: 10px !important;
   margin-left: 0px;
-  margin-top: 3px;
+  margin-top: 0;
 }
 .e-pivotview .e-expand::before {
   font-size: 18px;
@@ -1686,6 +1673,12 @@
 .e-pivotview.e-device .e-grouping-bar .e-pivot-button {
   line-height: 1em !important;
 }
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-dropdown-icon,
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-pv-filtered,
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-remove,
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-sort {
+  margin-top: 2px !important;
+}
 .e-pivotview.e-device .e-grouping-bar .e-group-all-fields .e-pvt-btn-div .e-pivot-button {
   max-width: 155px;
 }
@@ -1696,6 +1689,9 @@
 .e-pivotview.e-device .e-grouping-bar .e-group-columns .e-pvt-btn-div .e-pivot-button {
   max-width: 200px;
 }
+.e-pivotview.e-device .e-drillthrough-dialog {
+  width: 100% !important;
+}
 .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-indent-div {
   width: 0 !important;
 }
@@ -1811,7 +1807,7 @@
 .e-bigger .e-pivotview th .e-collapse,
 .e-bigger.e-pivotview th .e-expand,
 .e-bigger.e-pivotview th .e-collapse {
-  margin-top: 4px;
+  margin-top: 0;
 }
 .e-bigger .e-pivotview .e-grouping-bar .e-all-fields-axis,
 .e-bigger.e-pivotview .e-grouping-bar .e-all-fields-axis {
@@ -1855,6 +1851,7 @@
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-edit {
   font-size: 14px !important;
   height: 20px;
+  margin-top: 2px;
   width: 20px;
 }
 .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-sort,
@@ -1950,7 +1947,8 @@
 }
 .e-bigger .e-pivotview .e-sortfilterdiv,
 .e-bigger.e-pivotview .e-sortfilterdiv {
-  margin: -26px -10px !important;
+  margin: -14px -10px !important;
+  padding-top: 28px;
 }
 .e-bigger .e-pivotview .e-grid .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-bigger .e-pivotview .e-grid.e-wrap .e-columnheader .e-sortfilterdiv,
@@ -2027,7 +2025,7 @@
 }
 .e-bigger .e-pivotview .e-collapse::before,
 .e-bigger.e-pivotview .e-collapse::before {
-  font-size: 20px;
+  font-size: 24px;
 }
 
 .e-content-placeholder.e-pivotview.e-placeholder-pivotview {

package/styles/pivotview/highcontrast-light.css

@@ -835,18 +835,6 @@
   margin-top: 4px;
 }
 
-.e-bigger .e-dialog .e-footer-content {
-  height: 62px;
-}
-
-.e-bigger .e-dialog .e-dlg-header-content {
-  padding-left: 10px;
-}
-
-.e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active {
-  margin-left: 24px !important;
-}
-
 /*! PivotView theme */
 .e-pivotview .e-nextspan {
   display: inline-block;
@@ -905,6 +893,8 @@
 }
 .e-pivotview .e-member-editor-dialog,
 .e-pivotview .e-olap-editor-dialog {
+  min-height: 385px !important;
+  min-width: 350px !important;
   visibility: hidden;
 }
 .e-pivotview .e-member-editor-dialog .e-toolbar .e-toolbar-items {
@@ -975,7 +965,7 @@
   margin: -21px 0 !important;
 }
 .e-pivotview .e-sortfilterdiv.e-value-sort-icon {
-  padding: 1px 4px !important;
+  font-size: 12px !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -10px 0 !important;
@@ -1013,12 +1003,7 @@
   z-index: 1 !important;
 }
 .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
-  visibility: hidden;
-}
-.e-pivotview .e-grid.e-responsive .e-stackedheadercelldiv .e-stackedheadertext,
-.e-pivotview .e-grid.e-responsive .e-headercelldiv .e-headertext {
-  text-overflow: ellipsis;
-  white-space: nowrap;
+  visibility: hidden !important;
 }
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
@@ -1208,7 +1193,7 @@
   border: 1px solid #000;
   border-radius: 0;
   box-shadow: none;
-  color: #000;
+  color: #000 !important;
   cursor: default;
   display: -ms-flexbox;
   display: flex;
@@ -1455,8 +1440,9 @@
   color: #000 !important;
   font-size: 14px;
   height: 18px;
-  margin-left: 4px;
+  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,
@@ -1479,6 +1465,7 @@
   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 {
@@ -1652,6 +1639,12 @@
 .e-pivotview.e-device .e-grouping-bar .e-pivot-button {
   line-height: 1em !important;
 }
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-dropdown-icon,
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-pv-filtered,
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-remove,
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-sort {
+  margin-top: 2px !important;
+}
 .e-pivotview.e-device .e-grouping-bar .e-group-all-fields .e-pvt-btn-div .e-pivot-button {
   max-width: 155px;
 }
@@ -1662,6 +1655,9 @@
 .e-pivotview.e-device .e-grouping-bar .e-group-columns .e-pvt-btn-div .e-pivot-button {
   max-width: 200px;
 }
+.e-pivotview.e-device .e-drillthrough-dialog {
+  width: 100% !important;
+}
 .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-indent-div {
   width: 0 !important;
 }
@@ -1821,6 +1817,7 @@
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-edit {
   font-size: 16px !important;
   height: 20px;
+  margin-top: 0;
   width: 20px;
 }
 .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-sort,
@@ -1904,7 +1901,7 @@
 }
 .e-bigger .e-pivotview .e-sortfilterdiv,
 .e-bigger.e-pivotview .e-sortfilterdiv {
-  margin: -23px -6px !important;
+  margin: -17px -6px !important;
 }
 .e-bigger .e-pivotview .e-grid .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-bigger .e-pivotview .e-grid.e-wrap .e-columnheader .e-sortfilterdiv,

package/styles/pivotview/highcontrast.css

@@ -835,18 +835,6 @@
   margin-top: 4px;
 }
 
-.e-bigger .e-dialog .e-footer-content {
-  height: 62px;
-}
-
-.e-bigger .e-dialog .e-dlg-header-content {
-  padding-left: 10px;
-}
-
-.e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active {
-  margin-left: 24px !important;
-}
-
 /*! PivotView theme */
 .e-pivotview .e-nextspan {
   display: inline-block;
@@ -905,6 +893,8 @@
 }
 .e-pivotview .e-member-editor-dialog,
 .e-pivotview .e-olap-editor-dialog {
+  min-height: 385px !important;
+  min-width: 350px !important;
   visibility: hidden;
 }
 .e-pivotview .e-member-editor-dialog .e-toolbar .e-toolbar-items {
@@ -975,7 +965,7 @@
   margin: -21px 0 !important;
 }
 .e-pivotview .e-sortfilterdiv.e-value-sort-icon {
-  padding: 1px 4px !important;
+  font-size: 12px !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -10px 0 !important;
@@ -1013,12 +1003,7 @@
   z-index: 1 !important;
 }
 .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
-  visibility: hidden;
-}
-.e-pivotview .e-grid.e-responsive .e-stackedheadercelldiv .e-stackedheadertext,
-.e-pivotview .e-grid.e-responsive .e-headercelldiv .e-headertext {
-  text-overflow: ellipsis;
-  white-space: nowrap;
+  visibility: hidden !important;
 }
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
@@ -1208,7 +1193,7 @@
   border: 1px solid #fff;
   border-radius: 0;
   box-shadow: none;
-  color: #fff;
+  color: #fff !important;
   cursor: default;
   display: -ms-flexbox;
   display: flex;
@@ -1455,8 +1440,9 @@
   color: #fff !important;
   font-size: 12px;
   height: 18px;
-  margin-left: 4px;
+  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,
@@ -1479,6 +1465,7 @@
   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 {
@@ -1652,6 +1639,12 @@
 .e-pivotview.e-device .e-grouping-bar .e-pivot-button {
   line-height: 1em !important;
 }
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-dropdown-icon,
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-pv-filtered,
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-remove,
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-sort {
+  margin-top: 2px !important;
+}
 .e-pivotview.e-device .e-grouping-bar .e-group-all-fields .e-pvt-btn-div .e-pivot-button {
   max-width: 155px;
 }
@@ -1662,6 +1655,9 @@
 .e-pivotview.e-device .e-grouping-bar .e-group-columns .e-pvt-btn-div .e-pivot-button {
   max-width: 200px;
 }
+.e-pivotview.e-device .e-drillthrough-dialog {
+  width: 100% !important;
+}
 .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-indent-div {
   width: 0 !important;
 }
@@ -1821,6 +1817,7 @@
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-edit {
   font-size: 14px !important;
   height: 20px;
+  margin-top: 0;
   width: 20px;
 }
 .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-sort,
@@ -1904,7 +1901,7 @@
 }
 .e-bigger .e-pivotview .e-sortfilterdiv,
 .e-bigger.e-pivotview .e-sortfilterdiv {
-  margin: -23px -6px !important;
+  margin: -18px -6px !important;
 }
 .e-bigger .e-pivotview .e-grid .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-bigger .e-pivotview .e-grid.e-wrap .e-columnheader .e-sortfilterdiv,

package/styles/pivotview/icons/_fusionnew.scss

@@ -0,0 +1,183 @@
+@include export-module('pivotview-icons') {
+  .e-pivotview {
+    .e-expand::before {
+      content: '\e75c';
+    }
+
+    .e-collapse::before {
+      content: '\e734';
+    }
+
+    &.e-rtl {
+      .e-expand::before {
+        content: '\e738';
+      }
+    }
+
+    .e-sort::before {
+      content: '\e7df';
+    }
+
+    .e-pv-filter::before {
+      content: '\e7f7';
+    }
+
+    .e-pv-filtered::before {
+      content: '\e735';
+    }
+
+    .e-remove::before {
+      content: '\e7e7';
+    }
+
+    .e-selected-option-icon::before {
+      content: '\e72b';
+    }
+
+    .e-clear-filter-icon::before {
+      content: '\e72c';
+    }
+
+    .e-dropdown-icon::before {
+      content: '\e729';
+    }
+
+    .e-export::before {
+      content: '\e72e';
+    }
+
+    .e-new-report::before {
+      content: '\e7dc';
+    }
+
+    .e-save-report::before {
+      content: '\e7c8';
+    }
+
+    .e-saveas-report::before {
+      content: '\e7ae';
+    }
+
+    .e-rename-report::before {
+      content: '\e76d';
+    }
+
+    .e-remove-report::before {
+      content: '\e820';
+    }
+
+    .e-sub-total::before {
+      content: '\e702';
+    }
+
+    .e-grand-total::before {
+      content: '\e74d';
+    }
+
+    .e-toolbar-fieldlist::before {
+      content: '\e751';
+    }
+
+    .e-toolbar-grid::before {
+      content: '\e7e9';
+    }
+
+    .e-toolbar-chart::before {
+      content: '\e826';
+    }
+
+    .e-toolbar-formatting::before {
+      content: '\e71b';
+    }
+
+    .e-pivot-button .e-edit::before {
+      content: '\e730';
+    }
+
+    .e-sort-ascend-icon::before {
+      content: '\e7a3';
+    }
+
+    .e-sort-descend-icon::before {
+      content: '\e7b6';
+    }
+  }
+
+  .e-pivotview-pdf-export::before {
+    content: '\e700';
+  }
+
+  .e-pivotview-excel-export::before {
+    content: '\e7c1';
+  }
+
+  .e-pivotview-csv-export::before {
+    content: '\e7ba';
+  }
+
+  .e-pivotview-png-export::before {
+    content: '\e7ee';
+  }
+
+  .e-pivotview-jpeg-export::before {
+    content: '\e786';
+  }
+
+  .e-pivotview-svg-export::before {
+    content: '\e7cf';
+  }
+
+  .e-mdx::before {
+    content: '\e7ac';
+  }
+
+  .e-pivotview-select-icon::before {
+    content: '\e774';
+  }
+
+  .e-pivotview-export::before {
+    content: '\e72e';
+  }
+
+  .e-pivotview-grid::before {
+    content: '\e7e9';
+  }
+
+  .e-pivotview-expand::before {
+    content: '\e7c9';
+  }
+
+  .e-pivotview-collapse::before {
+    content: '\e80f';
+  }
+
+  .e-pivot-format-menu::before {
+    content: '\e76d';
+  }
+
+  .e-pivot-number-format-menu::before {
+    content: '\e787';
+  }
+
+  .e-pivot-conditional-format-menu::before {
+    content: '\e71b';
+  }
+
+  .e-pivot-format-toolbar::before {
+    content: '\e787';
+  }
+
+  .e-pivotview-group::before {
+    content: '\e7a5';
+  }
+
+  .e-pivotview-ungroup::before {
+    content: '\e779';
+  }
+
+  .e-level-options {
+    .e-selected-level-icon::before {
+      content: '\e774';
+    }
+  }
+}