@syncfusion/ej2-pivotview 19.3.53 → 19.4.40

package/src/pivotchart/base/pivotchart.js

@@ -30,7 +30,7 @@ var PivotChart = /** @class */ (function () {
      * @private
      */
     PivotChart.prototype.getModuleName = function () {
-        return 'pivotchart';
+        return 'pivotChart';
     };
     /* eslint-disable */
     PivotChart.prototype.loadChart = function (parent, chartSettings) {
@@ -225,7 +225,9 @@ var PivotChart = /** @class */ (function () {
                     this.maxLevel = currrentLevel > this.maxLevel ? currrentLevel : this.maxLevel;
                     var name_1 = this.parent.dataType === 'olap' ? firstRowCell.formattedText :
                         (firstRowCell.actualText ? firstRowCell.actualText.toString() : firstRowCell.formattedText.toString());
-                    var text = firstRowCell.formattedText ? firstRowCell.formattedText.toString() : name_1;
+                    var values = this.engineModule.fieldList[this.currentMeasure];
+                    var text = this.parent.dataSourceSettings.rows.length === 0 ? this.parent.localeObj.getConstant('total') + ' ' + this.parent.localeObj.getConstant(values.aggregateType) + ' ' +
+                        this.parent.localeObj.getConstant('of') + ' ' + (!isNullOrUndefined(values.caption) ? values.caption : values.name) : firstRowCell.formattedText ? firstRowCell.formattedText.toString() : name_1;
                     var caption = (firstRowCell.hasChild && !firstRowCell.isNamedSet) ?
                         ((firstRowCell.isDrilled ? ' - ' : ' + ') + text) : text;
                     var levelName = tupInfo ? tupInfo.uNameCollection : firstRowCell.valueSort.levelName.toString();
@@ -401,7 +403,9 @@ var PivotChart = /** @class */ (function () {
                     this.chartSettings.palettes = currentSeries.palettes;
                 }
                 for (var i = 0; i < this.columnGroupObject[key].length; i++) {
-                    this.columnGroupObject[key][i].x = this.columnGroupObject[key][i].x === '' ? this.parent.localeObj.getConstant('blank') : this.columnGroupObject[key][i].x;
+                    var values = this.engineModule.fieldList[this.currentMeasure];
+                    this.columnGroupObject[key][i].x = (this.parent.dataSourceSettings.rows.length === 0 && !this.chartSettings.showMultiLevelLabels) ? this.parent.localeObj.getConstant('total') + ' ' + this.parent.localeObj.getConstant(values.aggregateType) + ' ' +
+                        this.parent.localeObj.getConstant('of') + ' ' + (!isNullOrUndefined(values.caption) ? values.caption : values.name) : this.columnGroupObject[key][i].x === '' ? this.parent.localeObj.getConstant('blank') : this.columnGroupObject[key][i].x;
                 }
                 currentSeries.dataSource = this.columnGroupObject[key];
                 currentSeries.xName = 'x';
@@ -557,7 +561,7 @@ var PivotChart = /** @class */ (function () {
                     enableSmartLabels: this.chartSettings.enableSmartLabels,
                     center: this.chartSettings.pieCenter,
                     enableBorderOnMouseMove: this.chartSettings.enableBorderOnMouseMove,
-                    highLightMode: this.chartSettings.highlightMode,
+                    highlightMode: this.chartSettings.highlightMode,
                     highlightPattern: this.chartSettings.highlightPattern,
                     titleStyle: this.chartSettings.titleStyle,
                     subTitle: this.chartSettings.subTitle,
@@ -685,7 +689,7 @@ var PivotChart = /** @class */ (function () {
             this.parent.chart.highlightPattern = this.parent.chartSettings.highlightPattern;
             if (this.accumulationType.indexOf(type) > -1) {
                 this.parent.chart.enableBorderOnMouseMove = this.parent.chartSettings.enableBorderOnMouseMove;
-                this.parent.chart.highLightMode = this.parent.chartSettings.highlightMode;
+                this.parent.chart.highlightMode = this.parent.chartSettings.highlightMode;
                 this.parent.chart.enableSmartLabels = this.parent.chartSettings.enableSmartLabels;
             }
             else {
@@ -794,9 +798,14 @@ var PivotChart = /** @class */ (function () {
                 currentYAxis.labelFormat = currentYAxis.labelFormat ?
                     currentYAxis.labelFormat : (percentChart ? '' : (!resFormat ? format : 'N'));
                 currentYAxis.title = currentYAxis.title ? currentYAxis.title : measureAggregatedName;
-                currentYAxis.plotOffsetTop = currentYAxis.plotOffsetTop ? currentYAxis.plotOffsetTop :
-                    this.chartSettings.chartSeries.type === 'Bar' || this.chartSettings.chartSeries.type === 'StackingBar' ||
-                        this.chartSettings.chartSeries.type === 'StackingBar100' ? 50 : 30;
+                currentYAxis.edgeLabelPlacement = this.chartSettings.primaryYAxis.edgeLabelPlacement ? this.chartSettings.primaryYAxis.edgeLabelPlacement : this.persistSettings.primaryYAxis.edgeLabelPlacement;
+                if (this.chartSettings.chartSeries.type === 'Bar' || this.chartSettings.chartSeries.type === 'StackingBar' ||
+                    this.chartSettings.chartSeries.type === 'StackingBar100') {
+                    currentYAxis.plotOffsetRight = currentYAxis.plotOffsetRight ? currentYAxis.plotOffsetRight : 30;
+                }
+                else {
+                    currentYAxis.plotOffsetTop = currentYAxis.plotOffsetTop ? currentYAxis.plotOffsetTop : 30;
+                }
                 if (!resFormat) {
                     currentYAxis.name = this.measuresNames[item.name] ? this.measuresNames[item.name] : item.name;
                 }
@@ -843,6 +852,7 @@ var PivotChart = /** @class */ (function () {
             currentYAxis = this.persistSettings.primaryYAxis ? this.frameObjectWithKeys(this.persistSettings.primaryYAxis) : currentYAxis;
             currentYAxis.rowIndex = 0;
             currentYAxis.columnIndex = 0;
+            currentYAxis.edgeLabelPlacement = this.chartSettings.primaryYAxis.edgeLabelPlacement ? this.chartSettings.primaryYAxis.edgeLabelPlacement : this.persistSettings.primaryYAxis.edgeLabelPlacement;
             if (!(this.chartSettings.chartSeries.type === 'Polar' || this.chartSettings.chartSeries.type === 'Radar')) {
                 currentYAxis.name = this.measuresNames[this.currentMeasure] ? this.measuresNames[this.currentMeasure] : this.currentMeasure;
             }
@@ -1165,6 +1175,7 @@ var PivotChart = /** @class */ (function () {
     };
     PivotChart.prototype.loaded = function (args) {
         this.parent.isChartLoaded = true;
+        var width = this.parent.grid ? this.parent.getGridWidthAsNumber().toString() : this.parent.getWidthAsNumber().toString();
         if (this.parent.chart && this.parent.showGroupingBar && this.parent.groupingBarModule &&
             this.parent.showFieldList && this.parent.currentView === 'Chart') {
             this.parent.groupingBarModule.alignIcon();
@@ -1176,13 +1187,15 @@ var PivotChart = /** @class */ (function () {
                 this.parent.element.querySelector('#' + this.parent.element.id + multilabelAxisName).setAttribute('cursor', 'pointer');
             }
         }
-        if ((['Pie', 'Funnel', 'Pyramid', 'Doughnut', 'Radar', 'Polar'].indexOf(this.parent.chartSettings.chartSeries.type) >= 0)
-            && this.parent.chartSettings.enableScrollOnMultiAxis && this.parent.chartSettings.enableMultipleAxis) {
-            this.parent.element.querySelector('.' + cls.PIVOTCHART).style.overflow = 'visible';
-        }
-        else if (this.parent.chartSettings.enableScrollOnMultiAxis && this.parent.chartSettings.enableMultipleAxis) {
-            this.parent.element.querySelector('.' + cls.PIVOTCHART).style.overflow = 'auto';
-            this.parent.element.querySelector('.' + cls.PIVOTCHART).style.overflowX = 'hidden';
+        if (this.parent.chartSettings.enableScrollOnMultiAxis && this.parent.chartSettings.enableMultipleAxis) {
+            if (['Pie', 'Funnel', 'Pyramid', 'Doughnut', 'Radar', 'Polar'].indexOf(this.parent.chartSettings.chartSeries.type) >= 0) {
+                this.parent.element.querySelector('.' + cls.PIVOTCHART).style.overflow = 'visible';
+            }
+            else {
+                this.parent.element.querySelector('.' + cls.PIVOTCHART).style.overflow = 'auto';
+                this.parent.element.querySelector('.' + cls.PIVOTCHART).style.overflowX = 'hidden';
+            }
+            this.parent.element.querySelector('.' + cls.PIVOTCHART).style.width = width + 'px';
         }
         this.parent.chart.height = ['Pie', 'Funnel', 'Pyramid', 'Doughnut', 'Radar', 'Polar'].indexOf(this.parent.chartSettings.chartSeries.type) < 0 &&
             this.parent.chartSettings.enableScrollOnMultiAxis && this.parent.chartSettings.enableMultipleAxis &&
@@ -1403,6 +1416,11 @@ var PivotChart = /** @class */ (function () {
             offSetHeight = this.parent.getHeightAsNumber() - offSetVal;
         }
         if (!isNullOrUndefined(this.parent.getHeightAsNumber())) {
+            var isNone = false;
+            if (this.parent.element.querySelector('.e-chart-grouping-bar') !== null && this.parent.element.querySelector('.e-chart-grouping-bar').style.display.toLowerCase() === 'none') {
+                isNone = true;
+                this.parent.element.querySelector('.e-chart-grouping-bar').style.display = "block";
+            }
             if (this.parent.showToolbar && this.parent.showGroupingBar) {
                 height = (offSetHeight - (this.parent.element.querySelector('.e-pivot-toolbar') ?
                     this.parent.element.querySelector('.e-pivot-toolbar').clientHeight : 42) -
@@ -1420,6 +1438,9 @@ var PivotChart = /** @class */ (function () {
             else if ((this.parent.chart && parseInt(this.parent.chart.height, 10) < 200) || offSetHeight < 200) {
                 height = '200';
             }
+            if (isNone) {
+                this.parent.element.querySelector('.e-chart-grouping-bar').style.display = "none";
+            }
         }
         else {
             height = 'auto';

package/src/pivotfieldlist/base/field-list-model.d.ts

@@ -1,4 +1,4 @@
-import { Property, Event, Component, EmitType, Internationalization, extend } from '@syncfusion/ej2-base';import { L10n, remove, addClass, Browser, Complex, ModuleDeclaration, getInstance } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, INotifyPropertyChanged, removeClass, isNullOrUndefined } from '@syncfusion/ej2-base';import { DataManager, ReturnOption, Query } from '@syncfusion/ej2-data';import { PivotEngine, IFieldListOptions, IPageSettings, IDataOptions, ICustomProperties, IDrilledItem } from '../../base/engine';import { ISort, IFilter, IFieldOptions, ICalculatedFields, IDataSet } from '../../base/engine';import * as events from '../../common/base/constant';import * as cls from '../../common/base/css-constant';import { LoadEventArgs, EnginePopulatingEventArgs, EnginePopulatedEventArgs, BeforeServiceInvokeEventArgs, FetchRawDataArgs, UpdateRawDataArgs } from '../../common/base/interface';import { AggregateEventArgs, CalculatedFieldCreateEventArgs, AggregateMenuOpenEventArgs } from '../../common/base/interface';import { FieldDroppedEventArgs, FieldListRefreshedEventArgs, FieldDropEventArgs } from '../../common/base/interface';import { FieldDragStartEventArgs, FieldRemoveEventArgs } from '../../common/base/interface';import { CommonArgs, MemberFilteringEventArgs, MemberEditorOpenEventArgs } from '../../common/base/interface';import { Mode, AggregateTypes } from '../../common/base/enum';import { PivotCommon } from '../../common/base/pivot-common';import { Render } from '../renderer/renderer';import { DialogRenderer } from '../renderer/dialog-renderer';import { TreeViewRenderer } from '../renderer/tree-renderer';import { AxisTableRenderer } from '../renderer/axis-table-renderer';import { AxisFieldRenderer } from '../renderer/axis-field-renderer';import { PivotButton } from '../../common/actions/pivot-button';import { PivotView } from '../../pivotview/base/pivotview';import { DataSourceSettingsModel, FieldOptionsModel } from '../../pivotview/model/datasourcesettings-model';import { DataSourceSettings } from '../../pivotview/model/datasourcesettings';import { CalculatedField } from '../../common/calculatedfield/calculated-field';import { PivotContextMenu } from '../../common/popups/context-menu';import { createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';import { PivotUtil } from '../../base/util';import { OlapEngine, IOlapFieldListOptions, IOlapCustomProperties, IOlapField } from '../../base/olap/engine';
+import { Property, Event, Component, EmitType, Internationalization, extend } from '@syncfusion/ej2-base';import { L10n, remove, addClass, Browser, Complex, ModuleDeclaration, getInstance } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, INotifyPropertyChanged, removeClass, isNullOrUndefined } from '@syncfusion/ej2-base';import { DataManager, ReturnOption, Query } from '@syncfusion/ej2-data';import { PivotEngine, IFieldListOptions, IPageSettings, IDataOptions, ICustomProperties, IDrilledItem } from '../../base/engine';import { ISort, IFilter, IFieldOptions, ICalculatedFields, IDataSet } from '../../base/engine';import * as events from '../../common/base/constant';import * as cls from '../../common/base/css-constant';import { LoadEventArgs, EnginePopulatingEventArgs, EnginePopulatedEventArgs, BeforeServiceInvokeEventArgs, FetchRawDataArgs, UpdateRawDataArgs, PivotActionBeginEventArgs, PivotActionCompleteEventArgs, PivotActionFailureEventArgs } from '../../common/base/interface';import { AggregateEventArgs, CalculatedFieldCreateEventArgs, AggregateMenuOpenEventArgs } from '../../common/base/interface';import { FieldDroppedEventArgs, FieldListRefreshedEventArgs, FieldDropEventArgs } from '../../common/base/interface';import { FieldDragStartEventArgs, FieldRemoveEventArgs } from '../../common/base/interface';import { CommonArgs, MemberFilteringEventArgs, MemberEditorOpenEventArgs } from '../../common/base/interface';import { Mode, AggregateTypes } from '../../common/base/enum';import { PivotCommon } from '../../common/base/pivot-common';import { Render } from '../renderer/renderer';import { DialogRenderer } from '../renderer/dialog-renderer';import { TreeViewRenderer } from '../renderer/tree-renderer';import { AxisTableRenderer } from '../renderer/axis-table-renderer';import { AxisFieldRenderer } from '../renderer/axis-field-renderer';import { PivotButton } from '../../common/actions/pivot-button';import { PivotView } from '../../pivotview/base/pivotview';import { DataSourceSettingsModel, FieldOptionsModel } from '../../pivotview/model/datasourcesettings-model';import { DataSourceSettings } from '../../pivotview/model/datasourcesettings';import { CalculatedField } from '../../common/calculatedfield/calculated-field';import { PivotContextMenu } from '../../common/popups/context-menu';import { createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';import { PivotUtil } from '../../base/util';import { OlapEngine, IOlapFieldListOptions, IOlapCustomProperties, IOlapField } from '../../base/olap/engine';
 import {ComponentModel} from '@syncfusion/ej2-base';
 
 /**
@@ -170,6 +170,15 @@ export interface PivotFieldListModel extends ComponentModel{
      */
     aggregateTypes?: AggregateTypes[];
 
+    /**
+     * Allows values with a specific country currency format to be displayed in the pivot table. 
+     * Standard currency codes referred to as ISO 4217 can be used for the formatting of currency values. 
+     * For example, to display "US Dollar($)" currency values, set the `currencyCode` to **USD**. 
+     * > It is applicable ony for Relational data.
+     * @private
+     */
+    currencyCode?: string;
+
     /**
      * It allows any customization of Pivot Field List properties on initial rendering.
      * Based on the changes, the pivot field list will be redered.
@@ -268,4 +277,43 @@ export interface PivotFieldListModel extends ComponentModel{
      */
     beforeServiceInvoke?: EmitType<BeforeServiceInvokeEventArgs>;
 
+    /**
+     * It triggers when UI action begins in the Pivot FieldList. The UI actions used to trigger this event such as
+     * sorting fields through icon click in the field list tree,
+     * [`Calculated field`](../../pivotview/field-list/#calculated-fields) UI,
+     * Button actions such as 
+     * [`editing`](../../pivotview/calculated-field/#editing-through-the-field-list-and-the-groupingbar),
+     * [`sorting`](../../pivotview/field-list/#sorting-members),
+     * [`filtering`](../../pivotview/field-list/#filtering-members) and 
+     * [`aggregation`](pivotview/field-list/#changing-aggregation-type-of-value-fields-at-runtime).
+     * @event
+     */
+    actionBegin?: EmitType<PivotActionBeginEventArgs>;
+
+    /**
+     * It triggers when UI action in the Pivot FieldList completed. The UI actions used to trigger this event such as
+     * sorting fields through icon click in the field list tree,
+     * [`Calculated field`](../../pivotview/field-list/#calculated-fields) UI,
+     * Button actions such as 
+     * [`editing`](../../pivotview/calculated-field/#editing-through-the-field-list-and-the-groupingbar),
+     * [`sorting`](../../pivotview/field-list/#sorting-members),
+     * [`filtering`](../../pivotview/field-list/#filtering-members) and 
+     * [`aggregation`](pivotview/field-list/#changing-aggregation-type-of-value-fields-at-runtime).
+     * @event
+     */
+    actionComplete?: EmitType<PivotActionCompleteEventArgs>;
+
+    /**
+     * It triggers when UI action failed to achieve the desired results in the Pivot FieldList. The UI actions used to trigger this event such as
+     * sorting fields through icon click in the field list tree,
+     * [`Calculated field`](../../pivotview/field-list/#calculated-fields) UI,
+     * Button actions such as 
+     * [`editing`](../../pivotview/calculated-field/#editing-through-the-field-list-and-the-groupingbar),
+     * [`sorting`](../../pivotview/field-list/#sorting-members),
+     * [`filtering`](../../pivotview/field-list/#filtering-members) and 
+     * [`aggregation`](pivotview/field-list/#changing-aggregation-type-of-value-fields-at-runtime).
+     * @event
+     */
+    actionFailure?: EmitType<PivotActionFailureEventArgs>;
+
 }

package/src/pivotfieldlist/base/field-list.d.ts

@@ -4,7 +4,7 @@ import { INotifyPropertyChanged } from '@syncfusion/ej2-base';
 import { PivotEngine, IFieldListOptions, IPageSettings, IDataOptions, IDrilledItem } from '../../base/engine';
 import { ISort, IFilter, IFieldOptions, ICalculatedFields, IDataSet } from '../../base/engine';
 import { PivotFieldListModel } from './field-list-model';
-import { LoadEventArgs, EnginePopulatingEventArgs, EnginePopulatedEventArgs, BeforeServiceInvokeEventArgs, FetchRawDataArgs, UpdateRawDataArgs } from '../../common/base/interface';
+import { LoadEventArgs, EnginePopulatingEventArgs, EnginePopulatedEventArgs, BeforeServiceInvokeEventArgs, FetchRawDataArgs, UpdateRawDataArgs, PivotActionBeginEventArgs, PivotActionCompleteEventArgs, PivotActionFailureEventArgs } from '../../common/base/interface';
 import { AggregateEventArgs, CalculatedFieldCreateEventArgs, AggregateMenuOpenEventArgs } from '../../common/base/interface';
 import { FieldDroppedEventArgs, FieldDropEventArgs } from '../../common/base/interface';
 import { FieldDragStartEventArgs, FieldRemoveEventArgs } from '../../common/base/interface';
@@ -109,6 +109,8 @@ export declare class PivotFieldList extends Component<HTMLElement> implements IN
     private request;
     private savedDataSourceSettings;
     private remoteData;
+    /** @hidden */
+    actionObj: PivotActionCompleteEventArgs;
     /**
      * Allows the following pivot report information such as rows, columns, values, filters, etc., that are used to render the pivot table and field list.
      * * `catalog`: Allows to set the database name of SSAS cube as string type that used to retrieve the data from the specified connection string. **Note: It is applicable only for OLAP data source.**
@@ -262,6 +264,14 @@ export declare class PivotFieldList extends Component<HTMLElement> implements IN
      * 'PercentageOfParentTotal']
      */
     aggregateTypes: AggregateTypes[];
+    /**
+     * Allows values with a specific country currency format to be displayed in the pivot table.
+     * Standard currency codes referred to as ISO 4217 can be used for the formatting of currency values.
+     * For example, to display "US Dollar($)" currency values, set the `currencyCode` to **USD**.
+     * > It is applicable ony for Relational data.
+     * @private
+     */
+    private currencyCode;
     /**
      * It allows any customization of Pivot Field List properties on initial rendering.
      * Based on the changes, the pivot field list will be redered.
@@ -344,6 +354,42 @@ export declare class PivotFieldList extends Component<HTMLElement> implements IN
      * @event
      */
     beforeServiceInvoke: EmitType<BeforeServiceInvokeEventArgs>;
+    /**
+     * It triggers when UI action begins in the Pivot FieldList. The UI actions used to trigger this event such as
+     * sorting fields through icon click in the field list tree,
+     * [`Calculated field`](../../pivotview/field-list/#calculated-fields) UI,
+     * Button actions such as
+     * [`editing`](../../pivotview/calculated-field/#editing-through-the-field-list-and-the-groupingbar),
+     * [`sorting`](../../pivotview/field-list/#sorting-members),
+     * [`filtering`](../../pivotview/field-list/#filtering-members) and
+     * [`aggregation`](pivotview/field-list/#changing-aggregation-type-of-value-fields-at-runtime).
+     * @event
+     */
+    actionBegin: EmitType<PivotActionBeginEventArgs>;
+    /**
+     * It triggers when UI action in the Pivot FieldList completed. The UI actions used to trigger this event such as
+     * sorting fields through icon click in the field list tree,
+     * [`Calculated field`](../../pivotview/field-list/#calculated-fields) UI,
+     * Button actions such as
+     * [`editing`](../../pivotview/calculated-field/#editing-through-the-field-list-and-the-groupingbar),
+     * [`sorting`](../../pivotview/field-list/#sorting-members),
+     * [`filtering`](../../pivotview/field-list/#filtering-members) and
+     * [`aggregation`](pivotview/field-list/#changing-aggregation-type-of-value-fields-at-runtime).
+     * @event
+     */
+    actionComplete: EmitType<PivotActionCompleteEventArgs>;
+    /**
+     * It triggers when UI action failed to achieve the desired results in the Pivot FieldList. The UI actions used to trigger this event such as
+     * sorting fields through icon click in the field list tree,
+     * [`Calculated field`](../../pivotview/field-list/#calculated-fields) UI,
+     * Button actions such as
+     * [`editing`](../../pivotview/calculated-field/#editing-through-the-field-list-and-the-groupingbar),
+     * [`sorting`](../../pivotview/field-list/#sorting-members),
+     * [`filtering`](../../pivotview/field-list/#filtering-members) and
+     * [`aggregation`](pivotview/field-list/#changing-aggregation-type-of-value-fields-at-runtime).
+     * @event
+     */
+    actionFailure: EmitType<PivotActionFailureEventArgs>;
     /**
      * Constructor for creating the widget
      * @param  {PivotFieldListModel} options - options
@@ -442,6 +488,14 @@ export declare class PivotFieldList extends Component<HTMLElement> implements IN
      * @hidden
      */
     triggerPopulateEvent(): void;
+    /** @hidden */
+    actionBeginMethod(): boolean;
+    /** @hidden */
+    actionCompleteMethod(): void;
+    /** @hidden */
+    actionFailureMethod(error: Error): void;
+    /** @hidden */
+    getActionCompleteName(): any;
     /**
      * Destroys the Field Table component.
      * @function destroy

package/src/pivotfieldlist/base/field-list.js

@@ -66,6 +66,8 @@ var PivotFieldList = /** @class */ (function (_super) {
         _this.enableValueSorting = false;
         _this.request = new XMLHttpRequest();
         _this.remoteData = [];
+        /** @hidden */
+        _this.actionObj = {};
         return _this;
     }
     /**
@@ -297,7 +299,9 @@ var PivotFieldList = /** @class */ (function (_super) {
                 enableValueSorting: enableValueSorting,
                 isDrillThrough: isDrillThrough,
                 localeObj: localeObj,
-                clonedReport: this.clonedReport
+                clonedReport: this.clonedReport,
+                globalize: this.globalize,
+                currenyCode: this.currencyCode
             };
         }
         return customProperties;
@@ -989,6 +993,11 @@ var PivotFieldList = /** @class */ (function (_super) {
                 pivot.pivotGridModule.fieldListSpinnerElement = pivot.fieldListSpinnerElement;
             }
         });
+        var actionName = this.getActionCompleteName();
+        this.actionObj.actionName = actionName;
+        if (this.actionObj.actionName) {
+            this.actionCompleteMethod();
+        }
     };
     PivotFieldList.prototype.updateOlapDataSource = function (pivot, isSorted, isCalcChange, isOlapDataRefreshed) {
         var customProperties = pivot.frameCustomProperties(pivot.olapEngineModule.fieldListData, pivot.olapEngineModule.fieldList);
@@ -1022,6 +1031,7 @@ var PivotFieldList = /** @class */ (function (_super) {
     PivotFieldList.prototype.update = function (control) {
         if (control) {
             this.clonedDataSet = control.clonedDataSet;
+            this.clonedReport = control.clonedReport;
             this.setProperties({ dataSourceSettings: control.dataSourceSettings, showValuesButton: control.showValuesButton }, true);
             this.engineModule = control.engineModule;
             this.olapEngineModule = control.olapEngineModule;
@@ -1056,6 +1066,7 @@ var PivotFieldList = /** @class */ (function (_super) {
     PivotFieldList.prototype.updateView = function (control) {
         if (control) {
             control.clonedDataSet = this.clonedDataSet;
+            control.clonedReport = this.clonedReport;
             control.setProperties({ dataSourceSettings: this.dataSourceSettings, showValuesButton: this.showValuesButton }, true);
             control.engineModule = this.engineModule;
             control.olapEngineModule = this.olapEngineModule;
@@ -1099,6 +1110,47 @@ var PivotFieldList = /** @class */ (function (_super) {
             }
         });
     };
+    /** @hidden */
+    PivotFieldList.prototype.actionBeginMethod = function () {
+        var eventArgs = {
+            dataSourceSettings: PivotUtil.getClonedDataSourceSettings(this.dataSourceSettings),
+            actionName: this.actionObj.actionName,
+            fieldInfo: this.actionObj.fieldInfo,
+            cancel: false
+        };
+        var control = this.isPopupView ? this.pivotGridModule : this;
+        control.trigger(events.actionBegin, eventArgs);
+        return eventArgs.cancel;
+    };
+    /** @hidden */
+    PivotFieldList.prototype.actionCompleteMethod = function () {
+        var eventArgs = {
+            dataSourceSettings: PivotUtil.getClonedDataSourceSettings(this.dataSourceSettings),
+            actionName: this.actionObj.actionName,
+            fieldInfo: this.actionObj.fieldInfo,
+            actionInfo: this.actionObj.actionInfo
+        };
+        var control = this.isPopupView ? this.pivotGridModule : this;
+        control.trigger(events.actionComplete, eventArgs);
+        this.actionObj.actionName = '';
+        this.actionObj.actionInfo = undefined;
+        this.actionObj.fieldInfo = undefined;
+    };
+    /** @hidden */
+    PivotFieldList.prototype.actionFailureMethod = function (error) {
+        var eventArgs = {
+            actionName: this.actionObj.actionName,
+            errorInfo: error
+        };
+        var control = this.isPopupView ? this.pivotGridModule : this;
+        control.trigger(events.actionFailure, eventArgs);
+    };
+    /** @hidden */
+    PivotFieldList.prototype.getActionCompleteName = function () {
+        var actionName = (this.actionObj.actionName == events.openCalculatedField) ? events.calculatedFieldApplied : (this.actionObj.actionName == events.editCalculatedField) ? events.calculatedFieldEdited : (this.actionObj.actionName == events.sortField) ? events.fieldSorted
+            : (this.actionObj.actionName == events.filterField) ? events.fieldFiltered : (this.actionObj.actionName == events.removeField) ? events.fieldRemoved : (this.actionObj.actionName == events.aggregateField) ? events.fieldAggregated : this.actionObj.actionName == events.sortFieldTree ? events.fieldTreeSorted : this.actionObj.actionName;
+        return actionName;
+    };
     /**
      * Destroys the Field Table component.
      * @function destroy
@@ -1173,6 +1225,9 @@ var PivotFieldList = /** @class */ (function (_super) {
         if (this.clonedDataSet) {
             this.clonedDataSet = null;
         }
+        if (this.clonedReport) {
+            this.clonedReport = null;
+        }
         if (this.clonedFieldList) {
             this.clonedFieldList = null;
         }
@@ -1220,6 +1275,9 @@ var PivotFieldList = /** @class */ (function (_super) {
     __decorate([
         Property(['Sum', 'Count', 'DistinctCount', 'Product', 'Min', 'Max', 'Avg', 'Median', 'Index', 'PopulationVar', 'SampleVar', 'PopulationStDev', 'SampleStDev', 'RunningTotals', 'PercentageOfGrandTotal', 'PercentageOfColumnTotal', 'PercentageOfRowTotal', 'PercentageOfParentColumnTotal', 'PercentageOfParentRowTotal', 'DifferenceFrom', 'PercentageOfDifferenceFrom', 'PercentageOfParentTotal'])
     ], PivotFieldList.prototype, "aggregateTypes", void 0);
+    __decorate([
+        Property('USD')
+    ], PivotFieldList.prototype, "currencyCode", void 0);
     __decorate([
         Event()
     ], PivotFieldList.prototype, "load", void 0);
@@ -1268,6 +1326,15 @@ var PivotFieldList = /** @class */ (function (_super) {
     __decorate([
         Event()
     ], PivotFieldList.prototype, "beforeServiceInvoke", void 0);
+    __decorate([
+        Event()
+    ], PivotFieldList.prototype, "actionBegin", void 0);
+    __decorate([
+        Event()
+    ], PivotFieldList.prototype, "actionComplete", void 0);
+    __decorate([
+        Event()
+    ], PivotFieldList.prototype, "actionFailure", void 0);
     PivotFieldList = __decorate([
         NotifyPropertyChanges
     ], PivotFieldList);

package/src/pivotfieldlist/renderer/dialog-renderer.js

@@ -460,31 +460,50 @@ var DialogRenderer = /** @class */ (function () {
         return axisWrapper;
     };
     DialogRenderer.prototype.showCalculatedField = function (event) {
-        if (!this.parent.isAdaptive) {
-            if (this.parent.dialogRenderer.fieldListDialog) {
-                this.parent.dialogRenderer.fieldListDialog.hide();
-                addClass([this.parent.element.querySelector('.' + cls.TOGGLE_FIELD_LIST_CLASS)], cls.ICON_HIDDEN);
+        try {
+            if (!this.parent.isAdaptive) {
+                this.parent.actionObj.actionName = events.openCalculatedField;
+                if (this.parent.actionBeginMethod()) {
+                    return;
+                }
+                if (this.parent.dialogRenderer.fieldListDialog) {
+                    this.parent.dialogRenderer.fieldListDialog.hide();
+                    addClass([this.parent.element.querySelector('.' + cls.TOGGLE_FIELD_LIST_CLASS)], cls.ICON_HIDDEN);
+                }
             }
+            this.parent.notify(events.initCalculatedField, {});
+        }
+        catch (execption) {
+            this.parent.actionFailureMethod(execption);
         }
-        this.parent.notify(events.initCalculatedField, {});
     };
     DialogRenderer.prototype.showFieldListDialog = function (event) {
         var activeindex = this.adaptiveElement.selectedItem;
         this.parent.treeViewModule.render(activeindex);
     };
     DialogRenderer.prototype.onShowFieldList = function () {
-        if (this.parent.allowDeferLayoutUpdate) {
-            if (this.parent.isAdaptive) {
-                this.parent.axisFieldModule.render();
+        this.parent.actionObj.actionName = events.showFieldList;
+        if (this.parent.actionBeginMethod()) {
+            return;
+        }
+        this.parent.actionObj.actionName = '';
+        try {
+            if (this.parent.allowDeferLayoutUpdate) {
+                if (this.parent.isAdaptive) {
+                    this.parent.axisFieldModule.render();
+                }
+                this.parent.clonedDataSource = extend({}, this.parent.dataSourceSettings, null, true);
+                this.parent.clonedFieldList = extend({}, this.parent.pivotFieldList, null, true);
             }
-            this.parent.clonedDataSource = extend({}, this.parent.dataSourceSettings, null, true);
-            this.parent.clonedFieldList = extend({}, this.parent.pivotFieldList, null, true);
+            addClass([this.parent.element.querySelector('.' + cls.TOGGLE_FIELD_LIST_CLASS)], cls.ICON_HIDDEN);
+            this.parent.dialogRenderer.fieldListDialog.show();
+            this.parent.dialogRenderer.fieldListDialog.element.style.top =
+                parseInt(this.parent.dialogRenderer.fieldListDialog.element.style.top, 10) < 0 ?
+                    '0px' : this.parent.dialogRenderer.fieldListDialog.element.style.top;
+        }
+        catch (execption) {
+            this.parent.actionFailureMethod(execption);
         }
-        addClass([this.parent.element.querySelector('.' + cls.TOGGLE_FIELD_LIST_CLASS)], cls.ICON_HIDDEN);
-        this.parent.dialogRenderer.fieldListDialog.show();
-        this.parent.dialogRenderer.fieldListDialog.element.style.top =
-            parseInt(this.parent.dialogRenderer.fieldListDialog.element.style.top, 10) < 0 ?
-                '0px' : this.parent.dialogRenderer.fieldListDialog.element.style.top;
     };
     DialogRenderer.prototype.onCloseFieldList = function () {
         if (this.parent.allowDeferLayoutUpdate) {
@@ -512,6 +531,10 @@ var DialogRenderer = /** @class */ (function () {
             }
         }
         this.parent.dialogRenderer.fieldListDialog.hide();
+        this.parent.actionObj.actionName = events.closeFieldlist;
+        if (this.parent.actionObj.actionName) {
+            this.parent.actionCompleteMethod();
+        }
     };
     DialogRenderer.prototype.removeFieldListIcon = function () {
         if (this.parent.isAdaptive && this.parent.allowCalculatedField && this.parent.calculatedFieldModule) {

package/src/pivotfieldlist/renderer/tree-renderer.js

@@ -827,28 +827,41 @@ var TreeViewRenderer = /** @class */ (function () {
     TreeViewRenderer.prototype.updateSorting = function (args) {
         var target = args.target;
         var option = target.getAttribute('data-sort');
-        if (target.className.indexOf('e-selected') === -1) {
-            switch (option) {
-                case 'None':
-                    this.fieldListSort = 'None';
-                    addClass([target], 'e-selected');
-                    removeClass([this.parentElement.querySelector('.e-sort-ascend')], 'e-selected');
-                    removeClass([this.parentElement.querySelector('.e-sort-descend')], 'e-selected');
-                    break;
-                case 'Ascend':
-                    this.fieldListSort = 'Ascend';
-                    addClass([target], 'e-selected');
-                    removeClass([this.parentElement.querySelector('.e-sort-none')], 'e-selected');
-                    removeClass([this.parentElement.querySelector('.e-sort-descend')], 'e-selected');
-                    break;
-                case 'Descend':
-                    this.fieldListSort = 'Descend';
-                    addClass([target], 'e-selected');
-                    removeClass([this.parentElement.querySelector('.e-sort-ascend')], 'e-selected');
-                    removeClass([this.parentElement.querySelector('.e-sort-none')], 'e-selected');
-                    break;
-            }
-            this.refreshTreeView();
+        this.parent.actionObj.actionName = events.sortFieldTree;
+        if (this.parent.actionBeginMethod()) {
+            return;
+        }
+        try {
+            if (target.className.indexOf('e-selected') === -1) {
+                switch (option) {
+                    case 'None':
+                        this.fieldListSort = 'None';
+                        addClass([target], 'e-selected');
+                        removeClass([this.parentElement.querySelector('.e-sort-ascend')], 'e-selected');
+                        removeClass([this.parentElement.querySelector('.e-sort-descend')], 'e-selected');
+                        break;
+                    case 'Ascend':
+                        this.fieldListSort = 'Ascend';
+                        addClass([target], 'e-selected');
+                        removeClass([this.parentElement.querySelector('.e-sort-none')], 'e-selected');
+                        removeClass([this.parentElement.querySelector('.e-sort-descend')], 'e-selected');
+                        break;
+                    case 'Descend':
+                        this.fieldListSort = 'Descend';
+                        addClass([target], 'e-selected');
+                        removeClass([this.parentElement.querySelector('.e-sort-ascend')], 'e-selected');
+                        removeClass([this.parentElement.querySelector('.e-sort-none')], 'e-selected');
+                        break;
+                }
+                this.refreshTreeView();
+            }
+        }
+        catch (execption) {
+            this.parent.actionFailureMethod(execption);
+        }
+        this.parent.actionObj.actionName = this.parent.getActionCompleteName();
+        if (this.parent.actionObj.actionName) {
+            this.parent.actionCompleteMethod();
         }
     };
     /* eslint-disable */

package/src/pivotview/actions/drill-through.js

@@ -22,7 +22,7 @@ var DrillThrough = /** @class */ (function () {
      * @hidden
      */
     DrillThrough.prototype.getModuleName = function () {
-        return 'drillthrough';
+        return 'drillThrough';
     };
     DrillThrough.prototype.addInternalEvents = function () {
         this.parent.on(contentReady, this.wireEvents, this);

package/src/pivotview/actions/excel-export.js

@@ -1,7 +1,7 @@
 import { Workbook } from '@syncfusion/ej2-excel-export';
 import * as events from '../../common/base/constant';
 import { isNullOrUndefined } from '@syncfusion/ej2-base';
-import { PivotUtil } from '../../base/util';
+import { PivotExportUtil } from '../../base/export-util';
 /**
  * @hidden
  * `ExcelExport` module is used to handle the Excel export action.
@@ -69,7 +69,7 @@ var ExcelExport = /** @class */ (function () {
         this.engine = this.parent.dataType === 'olap' ? this.parent.olapEngineModule : this.parent.engineModule;
         /** Event trigerring */
         var clonedValues;
-        var currentPivotValues = PivotUtil.getClonedPivotValues(this.engine.pivotValues);
+        var currentPivotValues = PivotExportUtil.getClonedPivotValues(this.engine.pivotValues);
         var customFileName = isFileNameSet ? exportProperties.fileName : 'default.xlsx';
         if (isHeaderSet) {
             this.addHeaderAndFooter(exportProperties.header, '', 'header', exportProperties.header.headerRows);
@@ -79,7 +79,7 @@ var ExcelExport = /** @class */ (function () {
             this.engine.pageSettings = null;
             this.engine.generateGridData(this.parent.dataSourceSettings, true);
             this.parent.applyFormatting(this.engine.pivotValues);
-            clonedValues = PivotUtil.getClonedPivotValues(this.engine.pivotValues);
+            clonedValues = PivotExportUtil.getClonedPivotValues(this.engine.pivotValues);
             this.engine.pivotValues = currentPivotValues;
             this.engine.pageSettings = pageSettings;
         }
@@ -123,15 +123,17 @@ var ExcelExport = /** @class */ (function () {
                             var pivotCell = pivotValues[rCnt][cCnt];
                             if (!(pivotCell.level === -1 && !pivotCell.rowSpan)) {
                                 var cellValue = pivotCell.axis === 'value' ? pivotCell.value : pivotCell.formattedText;
-                                if (pivotCell.type === 'grand sum') {
-                                    cellValue = (this.parent.dataSourceSettings.rows.length === 0 || this.parent.dataSourceSettings.columns.length === 0) ? this.parent.getValuesHeader(pivotCell, 'grandTotal') :
-                                        this.parent.localeObj.getConstant('grandTotal');
+                                var isgetValuesHeader = ((this.parent.dataSourceSettings.rows.length === 0 && this.parent.dataSourceSettings.valueAxis === 'row')
+                                    || (this.parent.dataSourceSettings.columns.length === 0 && this.parent.dataSourceSettings.valueAxis === 'column'));
+                                if (pivotCell.type === 'grand sum' && !(this.parent.dataSourceSettings.values.length === 1 && this.parent.dataSourceSettings.valueAxis === 'row' && pivotCell.axis === 'column')) {
+                                    cellValue = isgetValuesHeader ? this.parent.getValuesHeader(pivotCell, 'grandTotal') : this.parent.localeObj.getConstant('grandTotal');
                                 }
                                 else if (pivotCell.type === 'sum') {
                                     cellValue = cellValue.toString().replace('Total', this.parent.localeObj.getConstant('total'));
                                 }
                                 else {
-                                    cellValue = (this.parent.dataSourceSettings.rows.length === 0 || this.parent.dataSourceSettings.columns.length === 0) ? this.parent.getValuesHeader(pivotCell, 'value') : cellValue;
+                                    cellValue = (!isNullOrUndefined(pivotCell.valueSort) && (this.parent.localeObj.getConstant('grandTotal') + this.parent.dataSourceSettings.valueSortSettings.headerDelimiter + pivotCell.formattedText
+                                        === pivotCell.valueSort.levelName) && isgetValuesHeader) ? this.parent.getValuesHeader(pivotCell, 'value') : cellValue;
                                 }
                                 if (!(pivotCell.level === -1 && !pivotCell.rowSpan)) {
                                     cells.push({