@syncfusion/ej2-vue-pivotview 20.2.38 → 20.2.45

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-pivotview@*",
-  "_id": "@syncfusion/ej2-vue-pivotview@20.2.36",
+  "_id": "@syncfusion/ej2-vue-pivotview@20.2.43",
   "_inBundle": false,
-  "_integrity": "sha512-5TAOA0kxMhgCXHhP5erJsOUNnLxL/VcNHMnZjCu6HTU7/sOhwYpTNIT/FZA1VJM7SnQC38WG5FkdH1hSdKjeTA==",
+  "_integrity": "sha512-6bCrb/NcifZQEToOVle5ZaVzHsIX4yNuHiTh3IDLsrMcYGy4HEi7WB9FFGvVT32WKiOIKMmsE6bMNqehpIr+nw==",
   "_location": "/@syncfusion/ej2-vue-pivotview",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-pivotview/-/ej2-vue-pivotview-20.2.36.tgz",
-  "_shasum": "288f4426213ff1e5baa076905311113ffab52698",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-pivotview/-/ej2-vue-pivotview-20.2.43.tgz",
+  "_shasum": "3fdfdd8dbb9d8029d5b2b57949b612b8376f238f",
   "_spec": "@syncfusion/ej2-vue-pivotview@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.2.38",
-    "@syncfusion/ej2-pivotview": "20.2.38",
-    "@syncfusion/ej2-vue-base": "~20.2.38"
+    "@syncfusion/ej2-base": "~20.2.45",
+    "@syncfusion/ej2-pivotview": "20.2.45",
+    "@syncfusion/ej2-vue-base": "~20.2.45"
   },
   "deprecated": false,
   "description": "The pivot grid, or pivot table, is used to visualize large sets of relational data in a cross-tabular format, similar to an Excel pivot table. for Vue",
@@ -61,6 +61,9 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-vue-ui-components.git"
   },
-  "version": "20.2.38",
+  "scripts": {
+    "postinstall": "node ../ej2-vue-base/postinstall.js"
+  },
+  "version": "20.2.45",
   "sideEffects": false
 }

package/src/pivotfieldlist/pivotfieldlist.component.js

@@ -27,7 +27,7 @@ export var testProp = getProps({ props: properties });
 export var props = testProp[0];
 export var watch = testProp[1];
 export var emitProbs = Object.keys(watch);
-emitProbs.push('modelchanged');
+emitProbs.push('modelchanged', 'update:modelValue');
 for (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {
     var props_1 = modelProps_1[_i];
     emitProbs.push('update:' + props_1);

package/src/pivotview/pivotview.component.js

@@ -21,13 +21,13 @@ import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/e
 import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { PivotView } from '@syncfusion/ej2-pivotview';
 import { Options } from 'vue-class-component';
-export var properties = ['isLazyUpdate', 'plugins', 'aggregateTypes', 'allowCalculatedField', 'allowConditionalFormatting', 'allowDataCompression', 'allowDeferLayoutUpdate', 'allowDrillThrough', 'allowExcelExport', 'allowGrouping', 'allowNumberFormatting', 'allowPdfExport', 'cellTemplate', 'chartSettings', 'chartTypes', 'cssClass', 'currencyCode', 'dataSourceSettings', 'displayOption', 'editSettings', 'enableFieldSearching', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableValueSorting', 'enableVirtualization', 'exportAllPages', 'gridSettings', 'groupingBarSettings', 'height', 'hyperlinkSettings', 'loadOnDemandInMemberEditor', 'locale', 'maxNodeLimitInMemberEditor', 'maxRowsInDrillThrough', 'pivotValues', 'showFieldList', 'showGroupingBar', 'showToolbar', 'showTooltip', 'showValuesButton', 'spinnerTemplate', 'toolbar', 'toolbarTemplate', 'tooltipTemplate', 'width', 'actionBegin', 'actionComplete', 'actionFailure', 'aggregateCellInfo', 'aggregateMenuOpen', 'beforeExport', 'beforeServiceInvoke', 'beginDrillThrough', 'calculatedFieldCreate', 'cellClick', 'cellSelected', 'cellSelecting', 'chartSeriesCreated', 'conditionalFormatting', 'created', 'dataBound', 'destroyed', 'drill', 'drillThrough', 'editCompleted', 'enginePopulated', 'enginePopulating', 'fetchReport', 'fieldDragStart', 'fieldDrop', 'fieldListRefreshed', 'fieldRemove', 'hyperlinkCellClick', 'load', 'loadReport', 'memberEditorOpen', 'memberFiltering', 'newReport', 'numberFormatting', 'onFieldDropped', 'onHeadersSort', 'onPdfCellRender', 'removeReport', 'renameReport', 'saveReport', 'toolbarClick', 'toolbarRender'];
+export var properties = ['isLazyUpdate', 'plugins', 'aggregateTypes', 'allowCalculatedField', 'allowConditionalFormatting', 'allowDataCompression', 'allowDeferLayoutUpdate', 'allowDrillThrough', 'allowExcelExport', 'allowGrouping', 'allowNumberFormatting', 'allowPdfExport', 'cellTemplate', 'chartSettings', 'chartTypes', 'cssClass', 'currencyCode', 'dataSourceSettings', 'displayOption', 'editSettings', 'enableFieldSearching', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableValueSorting', 'enableVirtualization', 'exportAllPages', 'gridSettings', 'groupingBarSettings', 'height', 'hyperlinkSettings', 'loadOnDemandInMemberEditor', 'locale', 'maxNodeLimitInMemberEditor', 'maxRowsInDrillThrough', 'pivotValues', 'showFieldList', 'showGroupingBar', 'showToolbar', 'showTooltip', 'showValuesButton', 'spinnerTemplate', 'toolbar', 'toolbarTemplate', 'tooltipTemplate', 'width', 'actionBegin', 'actionComplete', 'actionFailure', 'aggregateCellInfo', 'aggregateMenuOpen', 'beforeExport', 'beforeServiceInvoke', 'beginDrillThrough', 'calculatedFieldCreate', 'cellClick', 'cellSelected', 'cellSelecting', 'chartSeriesCreated', 'conditionalFormatting', 'created', 'dataBound', 'destroyed', 'drill', 'drillThrough', 'editCompleted', 'enginePopulated', 'enginePopulating', 'exportComplete', 'fetchReport', 'fieldDragStart', 'fieldDrop', 'fieldListRefreshed', 'fieldRemove', 'hyperlinkCellClick', 'load', 'loadReport', 'memberEditorOpen', 'memberFiltering', 'newReport', 'numberFormatting', 'onFieldDropped', 'onHeadersSort', 'onPdfCellRender', 'removeReport', 'renameReport', 'saveReport', 'toolbarClick', 'toolbarRender'];
 export var modelProps = [];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];
 export var watch = testProp[1];
 export var emitProbs = Object.keys(watch);
-emitProbs.push('modelchanged');
+emitProbs.push('modelchanged', 'update:modelValue');
 for (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {
     var props_1 = modelProps_1[_i];
     emitProbs.push('update:' + props_1);

package/styles/bootstrap-dark.css

@@ -1028,11 +1028,11 @@
   border-right-width: 1px;
 }
 .e-pivotview .e-stackedheadercelldiv {
-  display: block;
+  display: inline;
 }
 .e-pivotview .e-stackedheadertext.e-cellvalue,
 .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
-  display: inline-block;
+  display: inline;
   padding-left: 12px !important;
   margin-top: 5px;
 }
@@ -1527,7 +1527,7 @@
 .e-pivotview .e-expand,
 .e-pivotview .e-collapse {
   cursor: pointer;
-  display: inline-block;
+  display: inline;
   height: 18px;
   margin-top: 5px;
   text-align: center;
@@ -2513,7 +2513,7 @@
 }
 
 .e-pivot-calc-dialog-div {
-  max-height: 550px !important;
+  max-height: 600px !important;
   min-width: 290px;
 }
 .e-pivot-calc-dialog-div .e-dlg-header-content,
@@ -2523,11 +2523,14 @@
 .e-pivot-calc-dialog-div .e-dlg-content {
   padding-bottom: 15px;
 }
+.e-pivot-calc-dialog-div .e-dlg-content .e-pivot-calc-custom-format-div {
+  margin-top: 15px;
+}
 .e-pivot-calc-dialog-div .e-pivot-all-field-title,
 .e-pivot-calc-dialog-div .e-pivot-field-name-title,
 .e-pivot-calc-dialog-div .e-pivot-formula-title,
 .e-pivot-calc-dialog-div .e-olap-hierarchy-title,
-.e-pivot-calc-dialog-div .e-olap-format-title,
+.e-pivot-calc-dialog-div .e-pivot-format-title,
 .e-pivot-calc-dialog-div .e-olap-member-title {
   color: #f0f0f0;
   font-size: 13px;
@@ -2717,7 +2720,7 @@
   display: inline-block;
   height: 437px;
   overflow: auto;
-  width: 310px;
+  width: 100% !important;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
   display: inline-table;
@@ -2805,26 +2808,26 @@
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-pivot-all-field-title-container .e-info:hover {
   color: #0070f0;
 }
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div {
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div {
   -ms-flex: auto;
       flex: auto;
   margin-left: 18px;
 }
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-pivot-formula {
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-formula {
   height: 100px;
 }
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-olap-calc-custom-format-div {
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-calc-custom-format-div {
   margin-top: 15px;
 }
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-pivot-formula-title,
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-pivot-field-name-title,
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-olap-hierarchy-title,
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-olap-format-title,
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-olap-member-title {
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-formula-title,
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-field-name-title,
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-olap-hierarchy-title,
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-format-title,
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-olap-member-title {
   padding-left: 0;
   padding-right: 0;
 }
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-pivot-field-name-title {
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-field-name-title {
   margin-top: 0;
   padding-top: 0;
 }
@@ -2835,7 +2838,7 @@
   float: left;
   margin: 0;
 }
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-olap-calculated-div {
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-pivot-calculated-div {
   margin-left: 0;
   margin-right: 18px;
 }
@@ -2852,13 +2855,13 @@
 .e-bigger.e-pivot-calc-dialog-div .e-pivot-field-name-title,
 .e-bigger.e-pivot-calc-dialog-div .e-pivot-formula-title,
 .e-bigger.e-pivot-calc-dialog-div .e-olap-hierarchy-title,
-.e-bigger.e-pivot-calc-dialog-div .e-olap-format-title,
+.e-bigger.e-pivot-calc-dialog-div .e-pivot-format-title,
 .e-bigger.e-pivot-calc-dialog-div .e-olap-member-title,
 .e-bigger .e-pivot-calc-dialog-div .e-pivot-all-field-title,
 .e-bigger .e-pivot-calc-dialog-div .e-pivot-field-name-title,
 .e-bigger .e-pivot-calc-dialog-div .e-pivot-formula-title,
 .e-bigger .e-pivot-calc-dialog-div .e-olap-hierarchy-title,
-.e-bigger .e-pivot-calc-dialog-div .e-olap-format-title,
+.e-bigger .e-pivot-calc-dialog-div .e-pivot-format-title,
 .e-bigger .e-pivot-calc-dialog-div .e-olap-member-title {
   font-size: 14px;
   padding: 6px 0;
@@ -2912,12 +2915,12 @@
 .e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview ul .e-list-icon {
   font-size: 16px;
 }
-.e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div,
-.e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div {
+.e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div,
+.e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div {
   margin-left: 24px;
 }
-.e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-olap-calculated-div,
-.e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-olap-calculated-div {
+.e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-pivot-calculated-div,
+.e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-pivot-calculated-div {
   margin-left: 0;
   margin-right: 24px;
 }
@@ -4797,8 +4800,7 @@
 }
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-pivot-calc-input-div,
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-member-options,
-.e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-pivot-calc-custom-format-div,
-.e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-olap-calc-custom-format-div {
+.e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-pivot-calc-custom-format-div {
   margin-left: 20px;
   margin-right: 20px;
   margin-top: 20px;

package/styles/bootstrap.css

@@ -1027,11 +1027,11 @@
   border-right-width: 1px;
 }
 .e-pivotview .e-stackedheadercelldiv {
-  display: block;
+  display: inline;
 }
 .e-pivotview .e-stackedheadertext.e-cellvalue,
 .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
-  display: inline-block;
+  display: inline;
   padding-left: 12px !important;
   margin-top: 5px;
 }
@@ -1526,7 +1526,7 @@
 .e-pivotview .e-expand,
 .e-pivotview .e-collapse {
   cursor: pointer;
-  display: inline-block;
+  display: inline;
   height: 18px;
   margin-top: 5px;
   text-align: center;
@@ -2510,7 +2510,7 @@
 }
 
 .e-pivot-calc-dialog-div {
-  max-height: 550px !important;
+  max-height: 600px !important;
   min-width: 290px;
 }
 .e-pivot-calc-dialog-div .e-dlg-header-content,
@@ -2520,11 +2520,14 @@
 .e-pivot-calc-dialog-div .e-dlg-content {
   padding-bottom: 15px;
 }
+.e-pivot-calc-dialog-div .e-dlg-content .e-pivot-calc-custom-format-div {
+  margin-top: 15px;
+}
 .e-pivot-calc-dialog-div .e-pivot-all-field-title,
 .e-pivot-calc-dialog-div .e-pivot-field-name-title,
 .e-pivot-calc-dialog-div .e-pivot-formula-title,
 .e-pivot-calc-dialog-div .e-olap-hierarchy-title,
-.e-pivot-calc-dialog-div .e-olap-format-title,
+.e-pivot-calc-dialog-div .e-pivot-format-title,
 .e-pivot-calc-dialog-div .e-olap-member-title {
   color: #333;
   font-size: 13px;
@@ -2714,7 +2717,7 @@
   display: inline-block;
   height: 437px;
   overflow: auto;
-  width: 310px;
+  width: 100% !important;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
   display: inline-table;
@@ -2802,26 +2805,26 @@
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-pivot-all-field-title-container .e-info:hover {
   color: #317ab9;
 }
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div {
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div {
   -ms-flex: auto;
       flex: auto;
   margin-left: 18px;
 }
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-pivot-formula {
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-formula {
   height: 100px;
 }
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-olap-calc-custom-format-div {
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-calc-custom-format-div {
   margin-top: 15px;
 }
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-pivot-formula-title,
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-pivot-field-name-title,
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-olap-hierarchy-title,
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-olap-format-title,
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-olap-member-title {
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-formula-title,
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-field-name-title,
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-olap-hierarchy-title,
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-format-title,
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-olap-member-title {
   padding-left: 0;
   padding-right: 0;
 }
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-pivot-field-name-title {
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-field-name-title {
   margin-top: 0;
   padding-top: 0;
 }
@@ -2832,7 +2835,7 @@
   float: left;
   margin: 0;
 }
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-olap-calculated-div {
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-pivot-calculated-div {
   margin-left: 0;
   margin-right: 18px;
 }
@@ -2849,13 +2852,13 @@
 .e-bigger.e-pivot-calc-dialog-div .e-pivot-field-name-title,
 .e-bigger.e-pivot-calc-dialog-div .e-pivot-formula-title,
 .e-bigger.e-pivot-calc-dialog-div .e-olap-hierarchy-title,
-.e-bigger.e-pivot-calc-dialog-div .e-olap-format-title,
+.e-bigger.e-pivot-calc-dialog-div .e-pivot-format-title,
 .e-bigger.e-pivot-calc-dialog-div .e-olap-member-title,
 .e-bigger .e-pivot-calc-dialog-div .e-pivot-all-field-title,
 .e-bigger .e-pivot-calc-dialog-div .e-pivot-field-name-title,
 .e-bigger .e-pivot-calc-dialog-div .e-pivot-formula-title,
 .e-bigger .e-pivot-calc-dialog-div .e-olap-hierarchy-title,
-.e-bigger .e-pivot-calc-dialog-div .e-olap-format-title,
+.e-bigger .e-pivot-calc-dialog-div .e-pivot-format-title,
 .e-bigger .e-pivot-calc-dialog-div .e-olap-member-title {
   font-size: 14px;
   padding: 6px 0;
@@ -2909,12 +2912,12 @@
 .e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview ul .e-list-icon {
   font-size: 16px;
 }
-.e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div,
-.e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div {
+.e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div,
+.e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div {
   margin-left: 24px;
 }
-.e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-olap-calculated-div,
-.e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-olap-calculated-div {
+.e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-pivot-calculated-div,
+.e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-pivot-calculated-div {
   margin-left: 0;
   margin-right: 24px;
 }
@@ -4794,8 +4797,7 @@
 }
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-pivot-calc-input-div,
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-member-options,
-.e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-pivot-calc-custom-format-div,
-.e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-olap-calc-custom-format-div {
+.e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-pivot-calc-custom-format-div {
   margin-left: 20px;
   margin-right: 20px;
   margin-top: 20px;

package/styles/bootstrap4.css

@@ -1087,11 +1087,11 @@
   border-right-width: 1px;
 }
 .e-pivotview .e-stackedheadercelldiv {
-  display: block;
+  display: inline;
 }
 .e-pivotview .e-stackedheadertext.e-cellvalue,
 .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
-  display: inline-block;
+  display: inline;
   padding-left: 12px !important;
   margin-top: 5px;
 }
@@ -1609,7 +1609,7 @@
 .e-pivotview .e-expand,
 .e-pivotview .e-collapse {
   cursor: pointer;
-  display: inline-block;
+  display: inline;
   height: 18px;
   margin-top: 5px;
   text-align: center;
@@ -2673,7 +2673,7 @@
 }
 
 .e-pivot-calc-dialog-div {
-  max-height: 550px !important;
+  max-height: 600px !important;
   min-width: 290px;
 }
 .e-pivot-calc-dialog-div .e-dlg-header-content,
@@ -2683,11 +2683,14 @@
 .e-pivot-calc-dialog-div .e-dlg-content {
   padding-bottom: 14px;
 }
+.e-pivot-calc-dialog-div .e-dlg-content .e-pivot-calc-custom-format-div {
+  margin-top: 15px;
+}
 .e-pivot-calc-dialog-div .e-pivot-all-field-title,
 .e-pivot-calc-dialog-div .e-pivot-field-name-title,
 .e-pivot-calc-dialog-div .e-pivot-formula-title,
 .e-pivot-calc-dialog-div .e-olap-hierarchy-title,
-.e-pivot-calc-dialog-div .e-olap-format-title,
+.e-pivot-calc-dialog-div .e-pivot-format-title,
 .e-pivot-calc-dialog-div .e-olap-member-title {
   color: #212529;
   font-size: 13px;
@@ -2877,7 +2880,7 @@
   display: inline-block;
   height: 437px;
   overflow: auto;
-  width: 310px;
+  width: 100% !important;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
   display: inline-table;
@@ -2965,26 +2968,26 @@
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-pivot-all-field-title-container .e-info:hover {
   color: #007bff;
 }
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div {
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div {
   -ms-flex: auto;
       flex: auto;
   margin-left: 18px;
 }
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-pivot-formula {
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-formula {
   height: 100px;
 }
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-olap-calc-custom-format-div {
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-calc-custom-format-div {
   margin-top: 15px;
 }
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-pivot-formula-title,
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-pivot-field-name-title,
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-olap-hierarchy-title,
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-olap-format-title,
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-olap-member-title {
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-formula-title,
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-field-name-title,
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-olap-hierarchy-title,
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-format-title,
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-olap-member-title {
   padding-left: 0;
   padding-right: 0;
 }
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-pivot-field-name-title {
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-field-name-title {
   margin-top: 0;
   padding-top: 0;
 }
@@ -2995,7 +2998,7 @@
   float: left;
   margin: 0;
 }
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-olap-calculated-div {
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-pivot-calculated-div {
   margin-left: 0;
   margin-right: 18px;
 }
@@ -3012,13 +3015,13 @@
 .e-bigger.e-pivot-calc-dialog-div .e-pivot-field-name-title,
 .e-bigger.e-pivot-calc-dialog-div .e-pivot-formula-title,
 .e-bigger.e-pivot-calc-dialog-div .e-olap-hierarchy-title,
-.e-bigger.e-pivot-calc-dialog-div .e-olap-format-title,
+.e-bigger.e-pivot-calc-dialog-div .e-pivot-format-title,
 .e-bigger.e-pivot-calc-dialog-div .e-olap-member-title,
 .e-bigger .e-pivot-calc-dialog-div .e-pivot-all-field-title,
 .e-bigger .e-pivot-calc-dialog-div .e-pivot-field-name-title,
 .e-bigger .e-pivot-calc-dialog-div .e-pivot-formula-title,
 .e-bigger .e-pivot-calc-dialog-div .e-olap-hierarchy-title,
-.e-bigger .e-pivot-calc-dialog-div .e-olap-format-title,
+.e-bigger .e-pivot-calc-dialog-div .e-pivot-format-title,
 .e-bigger .e-pivot-calc-dialog-div .e-olap-member-title {
   font-size: 14px;
   padding: 6px 0;
@@ -3072,12 +3075,12 @@
 .e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview ul .e-list-icon {
   font-size: 16px;
 }
-.e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div,
-.e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div {
+.e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div,
+.e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div {
   margin-left: 24px;
 }
-.e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-olap-calculated-div,
-.e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-olap-calculated-div {
+.e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-pivot-calculated-div,
+.e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-pivot-calculated-div {
   margin-left: 0;
   margin-right: 24px;
 }
@@ -5012,8 +5015,7 @@
 }
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-pivot-calc-input-div,
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-member-options,
-.e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-pivot-calc-custom-format-div,
-.e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-olap-calc-custom-format-div {
+.e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-pivot-calc-custom-format-div {
   margin-left: 20px;
   margin-right: 20px;
   margin-top: 20px;

package/styles/bootstrap5-dark.css

@@ -1045,11 +1045,11 @@
   border-right-width: 1px;
 }
 .e-pivotview .e-stackedheadercelldiv {
-  display: block;
+  display: inline;
 }
 .e-pivotview .e-stackedheadertext.e-cellvalue,
 .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
-  display: inline-block;
+  display: inline;
   padding-left: 12px !important;
   margin-top: 5px;
   margin-top: 2px;
@@ -1579,7 +1579,7 @@
 .e-pivotview .e-expand,
 .e-pivotview .e-collapse {
   cursor: pointer;
-  display: inline-block;
+  display: inline;
   height: 18px;
   margin-top: 5px;
   text-align: center;
@@ -2594,7 +2594,7 @@
 }
 
 .e-pivot-calc-dialog-div {
-  max-height: 550px !important;
+  max-height: 600px !important;
   min-width: 290px;
 }
 .e-pivot-calc-dialog-div .e-dlg-header-content,
@@ -2604,11 +2604,14 @@
 .e-pivot-calc-dialog-div .e-dlg-content {
   padding-bottom: 18px;
 }
+.e-pivot-calc-dialog-div .e-dlg-content .e-pivot-calc-custom-format-div {
+  margin-top: 15px;
+}
 .e-pivot-calc-dialog-div .e-pivot-all-field-title,
 .e-pivot-calc-dialog-div .e-pivot-field-name-title,
 .e-pivot-calc-dialog-div .e-pivot-formula-title,
 .e-pivot-calc-dialog-div .e-olap-hierarchy-title,
-.e-pivot-calc-dialog-div .e-olap-format-title,
+.e-pivot-calc-dialog-div .e-pivot-format-title,
 .e-pivot-calc-dialog-div .e-olap-member-title {
   color: #ced4da;
   font-size: 14px;
@@ -2802,7 +2805,7 @@
   display: inline-block;
   height: 460px;
   overflow: auto;
-  width: 310px;
+  width: 100% !important;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
   display: inline-table;
@@ -2890,26 +2893,26 @@
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-pivot-all-field-title-container .e-info:hover {
   color: #adb5bd;
 }
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div {
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div {
   -ms-flex: auto;
       flex: auto;
   margin-left: 18px;
 }
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-pivot-formula {
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-formula {
   height: 100px;
 }
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-olap-calc-custom-format-div {
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-calc-custom-format-div {
   margin-top: 15px;
 }
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-pivot-formula-title,
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-pivot-field-name-title,
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-olap-hierarchy-title,
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-olap-format-title,
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-olap-member-title {
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-formula-title,
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-field-name-title,
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-olap-hierarchy-title,
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-format-title,
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-olap-member-title {
   padding-left: 0;
   padding-right: 0;
 }
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div .e-pivot-field-name-title {
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div .e-pivot-field-name-title {
   margin-top: 0;
   padding-top: 0;
 }
@@ -2920,7 +2923,7 @@
   float: left;
   margin: 0;
 }
-.e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-olap-calculated-div {
+.e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-pivot-calculated-div {
   margin-left: 0;
   margin-right: 18px;
 }
@@ -2937,13 +2940,13 @@
 .e-bigger.e-pivot-calc-dialog-div .e-pivot-field-name-title,
 .e-bigger.e-pivot-calc-dialog-div .e-pivot-formula-title,
 .e-bigger.e-pivot-calc-dialog-div .e-olap-hierarchy-title,
-.e-bigger.e-pivot-calc-dialog-div .e-olap-format-title,
+.e-bigger.e-pivot-calc-dialog-div .e-pivot-format-title,
 .e-bigger.e-pivot-calc-dialog-div .e-olap-member-title,
 .e-bigger .e-pivot-calc-dialog-div .e-pivot-all-field-title,
 .e-bigger .e-pivot-calc-dialog-div .e-pivot-field-name-title,
 .e-bigger .e-pivot-calc-dialog-div .e-pivot-formula-title,
 .e-bigger .e-pivot-calc-dialog-div .e-olap-hierarchy-title,
-.e-bigger .e-pivot-calc-dialog-div .e-olap-format-title,
+.e-bigger .e-pivot-calc-dialog-div .e-pivot-format-title,
 .e-bigger .e-pivot-calc-dialog-div .e-olap-member-title {
   font-size: 14px;
   padding: 6px 0;
@@ -3002,12 +3005,12 @@
 .e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview ul .e-list-icon {
   font-size: 20px;
 }
-.e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div,
-.e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-calculated-div {
+.e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div,
+.e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-pivot-calculated-div {
   margin-left: 24px;
 }
-.e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-olap-calculated-div,
-.e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-olap-calculated-div {
+.e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-pivot-calculated-div,
+.e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div.e-rtl .e-pivot-calc-outer-div .e-pivot-calculated-div {
   margin-left: 0;
   margin-right: 24px;
 }
@@ -4916,8 +4919,7 @@
 }
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-pivot-calc-input-div,
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-member-options,
-.e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-pivot-calc-custom-format-div,
-.e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-olap-calc-custom-format-div {
+.e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-pivot-calc-custom-format-div {
   margin-left: 20px;
   margin-right: 20px;
   margin-top: 20px;