@syncfusion/ej2-react-pivotview 20.4.48 → 20.4.50

package/CHANGELOG.md

@@ -6,6 +6,14 @@
 
 #### Bug Fixes
 
+- The tooltip template will now work properly in the pivot table.
+
+## 20.4.48 (2023-02-01)
+
+### Pivot Table
+
+#### Bug Fixes
+
 - `#I431116` - The "clipMode" property now works properly in pivot table row headers.
 
 ## 20.4.44 (2023-01-18)

package/diConfig.json

@@ -1678,7 +1678,8 @@
                 }
             ],
             "templateProperties": [
-                "cellTemplate"
+                "cellTemplate",
+                "tooltipTemplate"
             ],
             "blazorTemplates": [
                 "cellTemplate"

package/dist/ej2-react-pivotview.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-pivotview.min.js
-*  version : 20.4.48
+*  version : 20.4.50
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/dist/ej2-react-pivotview.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-pivotview.umd.min.js
-*  version : 20.4.48
+*  version : 20.4.50
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-react-pivotview@*",
-  "_id": "@syncfusion/ej2-react-pivotview@20.4.44",
+  "_id": "@syncfusion/ej2-react-pivotview@20.4.48",
   "_inBundle": false,
-  "_integrity": "sha512-akiRtMPLEnTBATFY+B2nDM1FZxCcG96fti2GI+o+pQyUz/uXIzzMK5+AdTtqZih6G9PuD2g5Ie97HfFYHGlz8g==",
+  "_integrity": "sha512-K6pBBtHQhkE539vdb9fHJIjDUkV9R887kwh4wgQz4v6qRu7osHbI/jxQXkCXVgk1kPdx07B4rmAuYAuz5qYGNA==",
   "_location": "/@syncfusion/ej2-react-pivotview",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-pivotview/-/ej2-react-pivotview-20.4.44.tgz",
-  "_shasum": "41d26e100336c717c864694031bad14d0009bbba",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-pivotview/-/ej2-react-pivotview-20.4.48.tgz",
+  "_shasum": "6824dde952e5d5b8ea4f21fd2e1e74490c8a0238",
   "_spec": "@syncfusion/ej2-react-pivotview@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -32,7 +32,7 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~20.4.48",
-    "@syncfusion/ej2-pivotview": "20.4.48",
+    "@syncfusion/ej2-pivotview": "20.4.50",
     "@syncfusion/ej2-react-base": "~20.4.48"
   },
   "deprecated": false,
@@ -53,6 +53,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "20.4.48",
+  "version": "20.4.50",
   "sideEffects": false
 }

package/src/pivotview/pivotview.component.d.ts

@@ -3,6 +3,7 @@ import { PivotView, PivotViewModel } from '@syncfusion/ej2-pivotview';
 import { DefaultHtmlAttributes } from '@syncfusion/ej2-react-base';
 export interface PivotViewTypecast {
     cellTemplate?: string | Function | any;
+    tooltipTemplate?: string | Function | any;
 }
 /**
  * `PivotViewComponent` represents the react PivotView.

package/styles/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/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/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/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/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.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/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/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.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/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.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/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.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/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/pivotview/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/pivotview/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/pivotview/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/pivotview/tailwind-dark.css

@@ -2080,6 +2080,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/tailwind.css

@@ -2082,6 +2082,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/tailwind-dark.css

@@ -2081,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/tailwind.css

@@ -2083,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 {