@syncfusion/ej2-angular-pivotview 20.4.48 → 20.4.50-ngcc

package/styles/bootstrap5-dark.css

@@ -952,9 +952,6 @@
 .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,
@@ -2093,6 +2090,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/bootstrap5.css

@@ -954,9 +954,6 @@
 .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,
@@ -2095,6 +2092,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/fabric-dark.css

@@ -559,6 +559,12 @@
 .e-pivotview .e-pivot-toolbar .e-toolbar-items {
   background: #282727;
 }
+.e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
+  background: #282727;
+}
+.e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
+  background: #414040;
+}
 .e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
 }
@@ -958,9 +964,6 @@
 .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,
@@ -2053,6 +2056,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/fabric.css

@@ -559,6 +559,9 @@
 .e-pivotview .e-pivot-toolbar .e-toolbar-items {
   background: #f4f4f4;
 }
+.e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
+  background: #f4f4f4;
+}
 .e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
 }
@@ -963,9 +966,6 @@
 .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,
@@ -2057,6 +2057,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/fluent-dark.css

@@ -977,9 +977,6 @@
 .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,
@@ -2084,6 +2081,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/fluent.css

@@ -979,9 +979,6 @@
 .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,
@@ -2086,6 +2083,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/highcontrast-light.css

@@ -558,6 +558,9 @@
 .e-pivotview .e-pivot-toolbar .e-toolbar-items {
   background: #d8d8d8;
 }
+.e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
+  background: #d8d8d8;
+}
 .e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
 }
@@ -953,10 +956,6 @@
 .e-pivotview .e-pivot-format-dialog .e-pivot-format-table {
   width: 100%;
 }
-.e-pivotview .e-toolbar .e-tbar-btn {
-  background-color: transparent;
-  border: none !important;
-}
 .e-pivotview .e-grid .e-rowsheader.e-active,
 .e-pivotview .e-grid .e-rowsheader.e-cellselectionbackground,
 .e-pivotview .e-grid .e-columnsheader.e-active,
@@ -2050,6 +2049,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/highcontrast.css

@@ -558,6 +558,9 @@
 .e-pivotview .e-pivot-toolbar .e-toolbar-items {
   background: #262626;
 }
+.e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
+  background: #262626;
+}
 .e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
 }
@@ -953,10 +956,6 @@
 .e-pivotview .e-pivot-format-dialog .e-pivot-format-table {
   width: 100%;
 }
-.e-pivotview .e-toolbar .e-tbar-btn {
-  background-color: transparent;
-  border: none !important;
-}
 .e-pivotview .e-grid .e-rowsheader.e-active,
 .e-pivotview .e-grid .e-rowsheader.e-cellselectionbackground,
 .e-pivotview .e-grid .e-columnsheader.e-active,
@@ -2050,6 +2049,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/material-dark.css

@@ -949,9 +949,6 @@
 .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,
@@ -2048,6 +2045,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/material.css

@@ -560,6 +560,12 @@
 .e-pivotview .e-pivot-toolbar .e-toolbar-items {
   background: #f5f5f5;
 }
+.e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
+  background: #f5f5f5;
+}
+.e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
+  background: rgba(0, 0, 0, 0.12);
+}
 .e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
 }
@@ -950,9 +956,6 @@
 .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,
@@ -2049,6 +2052,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/pivotfieldlist/bootstrap-dark.scss

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

package/styles/pivotfieldlist/bootstrap.scss

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

package/styles/pivotfieldlist/bootstrap4.scss

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

package/styles/pivotfieldlist/bootstrap5-dark.scss

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

package/styles/pivotfieldlist/bootstrap5.scss

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

package/styles/pivotfieldlist/fabric-dark.scss

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

package/styles/pivotfieldlist/fabric.scss

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

package/styles/pivotfieldlist/fluent-dark.scss

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

package/styles/pivotfieldlist/fluent.scss

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

package/styles/pivotfieldlist/highcontrast-light.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
-@import 'highcontrast-light-definition.scss';
-@import 'icons/highcontrast-light.scss';
-@import 'all.scss';
+@import 'ej2-pivotview/styles/pivotfieldlist/highcontrast-light.scss';

package/styles/pivotfieldlist/highcontrast.scss

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

package/styles/pivotfieldlist/material-dark.scss

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

package/styles/pivotfieldlist/material.scss

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

package/styles/pivotfieldlist/tailwind-dark.scss

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

package/styles/pivotfieldlist/tailwind.scss

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

package/styles/pivotview/bootstrap-dark.css

@@ -950,9 +950,6 @@
 .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,
@@ -2046,6 +2043,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/pivotview/bootstrap-dark.scss

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

package/styles/pivotview/bootstrap.css

@@ -949,9 +949,6 @@
 .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,
@@ -2045,6 +2042,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/pivotview/bootstrap.scss

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

package/styles/pivotview/bootstrap4.css

@@ -590,6 +590,15 @@
 .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;
 }
@@ -1004,9 +1013,6 @@
 .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,
@@ -2161,6 +2167,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/pivotview/bootstrap4.scss

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

package/styles/pivotview/bootstrap5-dark.css

@@ -952,9 +952,6 @@
 .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,
@@ -2093,6 +2090,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/pivotview/bootstrap5-dark.scss

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

package/styles/pivotview/bootstrap5.css

@@ -954,9 +954,6 @@
 .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,
@@ -2095,6 +2092,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/pivotview/bootstrap5.scss

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

package/styles/pivotview/fabric-dark.css

@@ -559,6 +559,12 @@
 .e-pivotview .e-pivot-toolbar .e-toolbar-items {
   background: #282727;
 }
+.e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
+  background: #282727;
+}
+.e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
+  background: #414040;
+}
 .e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
 }
@@ -958,9 +964,6 @@
 .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,
@@ -2053,6 +2056,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/pivotview/fabric-dark.scss

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

package/styles/pivotview/fabric.css

@@ -559,6 +559,9 @@
 .e-pivotview .e-pivot-toolbar .e-toolbar-items {
   background: #f4f4f4;
 }
+.e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
+  background: #f4f4f4;
+}
 .e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
 }
@@ -963,9 +966,6 @@
 .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,
@@ -2057,6 +2057,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/pivotview/fabric.scss

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

package/styles/pivotview/fluent-dark.css

@@ -977,9 +977,6 @@
 .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,
@@ -2084,6 +2081,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/pivotview/fluent-dark.scss

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

package/styles/pivotview/fluent.css

@@ -979,9 +979,6 @@
 .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,
@@ -2086,6 +2083,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/pivotview/fluent.scss

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