@syncfusion/ej2-vue-pivotview 19.2.55 → 19.3.44

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-pivotview@*",
-  "_id": "@syncfusion/ej2-vue-pivotview@19.2.51",
+  "_id": "@syncfusion/ej2-vue-pivotview@18.15.12",
   "_inBundle": false,
-  "_integrity": "sha512-R/tGx7DD2fRkizCIlZo2/dBHsGPp1J82LK/K2lKfUypBTIxbaGgt5ba7LUnNw6SQRoMFYnVpBcUvCAWFRrZEdg==",
+  "_integrity": "sha512-xbm9Kh+TJV/rCEyFugljiyvCw9G1CEq3GUTLoDvjWbXT6cNIkmHOtNcTfCR++ADipLn//8oQiK5dIbnOHAwq3Q==",
   "_location": "/@syncfusion/ej2-vue-pivotview",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-vue-pivotview/-/ej2-vue-pivotview-19.2.51.tgz",
-  "_shasum": "b4849bb1b9b194510b578f0550cc7a8b5d23a0f8",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-vue-pivotview/-/ej2-vue-pivotview-18.15.12.tgz",
+  "_shasum": "0dd3ce86612c7d629209cdfa4f7548a67f616968",
   "_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": "~19.2.55",
-    "@syncfusion/ej2-pivotview": "19.2.55",
-    "@syncfusion/ej2-vue-base": "~19.2.55"
+    "@syncfusion/ej2-base": "~19.3.43",
+    "@syncfusion/ej2-pivotview": "19.3.44",
+    "@syncfusion/ej2-vue-base": "~19.3.43"
   },
   "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,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-vue-ui-components.git"
   },
-  "version": "19.2.55",
+  "version": "19.3.44",
   "sideEffects": false
 }

package/src/pivotfieldlist/pivotfieldlist.component.d.ts

@@ -23,7 +23,9 @@ export declare class PivotFieldListComponent extends ComponentBase {
     };
     tagNameMapper: Object;
     isVue3: boolean;
+    templateCollection: any;
     constructor();
+    clearTemplate(templateNames?: string[]): any;
     setProperties(prop: any, muteOnChange: boolean): void;
     render(createElement: any): any;
     update(control: Object): void;

package/src/pivotfieldlist/pivotfieldlist.component.js

@@ -18,10 +18,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/ej2-vue-base';
-import { isNullOrUndefined } from '@syncfusion/ej2-base';
+import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { PivotFieldList } from '@syncfusion/ej2-pivotview';
 import { Options } from 'vue-class-component';
-export var properties = ['aggregateTypes', 'allowCalculatedField', 'allowDeferLayoutUpdate', 'cssClass', 'dataSourceSettings', 'enablePersistence', 'enableRtl', 'loadOnDemandInMemberEditor', 'locale', 'maxNodeLimitInMemberEditor', 'renderMode', 'showValuesButton', 'spinnerTemplate', 'target', 'aggregateCellInfo', 'aggregateMenuOpen', 'beforeServiceInvoke', 'calculatedFieldCreate', 'created', 'dataBound', 'destroyed', 'enginePopulated', 'enginePopulating', 'fieldDragStart', 'fieldDrop', 'fieldRemove', 'load', 'memberEditorOpen', 'memberFiltering', 'onFieldDropped'];
+export var properties = ['islazyUpdate', 'aggregateTypes', 'allowCalculatedField', 'allowDeferLayoutUpdate', 'cssClass', 'dataSourceSettings', 'enablePersistence', 'enableRtl', 'loadOnDemandInMemberEditor', 'locale', 'maxNodeLimitInMemberEditor', 'renderMode', 'showValuesButton', 'spinnerTemplate', 'target', 'aggregateCellInfo', 'aggregateMenuOpen', 'beforeServiceInvoke', 'calculatedFieldCreate', 'created', 'dataBound', 'destroyed', 'enginePopulated', 'enginePopulating', 'fieldDragStart', 'fieldDrop', 'fieldRemove', 'load', 'memberEditorOpen', 'memberFiltering', 'onFieldDropped'];
 export var modelProps = [];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];
@@ -54,8 +54,33 @@ var PivotFieldListComponent = /** @class */ (function (_super) {
         _this.bindProperties();
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
+        _this.ej2Instances.clearTemplate = _this.clearTemplate;
         return _this;
     }
+    PivotFieldListComponent.prototype.clearTemplate = function (templateNames) {
+        if (!templateNames) {
+            templateNames = Object.keys(this.templateCollection || {});
+        }
+        if (templateNames.length && this.templateCollection) {
+            for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {
+                var tempName = templateNames_1[_i];
+                var elementCollection = this.templateCollection[tempName];
+                if (elementCollection && elementCollection.length) {
+                    for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {
+                        var ele = elementCollection_1[_a];
+                        var destroy = getValue('__vue__.$destroy', ele);
+                        if (destroy) {
+                            ele.__vue__.$destroy();
+                        }
+                        if (ele.innerHTML) {
+                            ele.innerHTML = '';
+                        }
+                    }
+                    delete this.templateCollection[tempName];
+                }
+            }
+        }
+    };
     PivotFieldListComponent.prototype.setProperties = function (prop, muteOnChange) {
         var _this = this;
         if (this.isVue3) {
@@ -73,6 +98,7 @@ var PivotFieldListComponent = /** @class */ (function (_super) {
                         }
                         else {
                             _this.$emit('update:' + key, prop[key]);
+                            _this.$emit('modelchanged', prop[key]);
                         }
                     }
                 });

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

@@ -23,7 +23,9 @@ export declare class PivotViewComponent extends ComponentBase {
     };
     tagNameMapper: Object;
     isVue3: boolean;
+    templateCollection: any;
     constructor();
+    clearTemplate(templateNames?: string[]): any;
     setProperties(prop: any, muteOnChange: boolean): void;
     render(createElement: any): any;
     chartExport(type: Object, fileName: string, orientation?: Object, width?: number, height?: number): void;

package/src/pivotview/pivotview.component.js

@@ -18,10 +18,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/ej2-vue-base';
-import { isNullOrUndefined } from '@syncfusion/ej2-base';
+import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { PivotView } from '@syncfusion/ej2-pivotview';
 import { Options } from 'vue-class-component';
-export var properties = ['aggregateTypes', 'allowCalculatedField', 'allowConditionalFormatting', 'allowDataCompression', 'allowDeferLayoutUpdate', 'allowDrillThrough', 'allowExcelExport', 'allowGrouping', 'allowNumberFormatting', 'allowPdfExport', 'cellTemplate', 'chartSettings', 'chartTypes', 'currencyCode', 'dataSourceSettings', 'displayOption', 'editSettings', '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', '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', 'onPdfCellRender', 'removeReport', 'renameReport', 'saveReport', 'toolbarClick', 'toolbarRender'];
+export var properties = ['islazyUpdate', 'aggregateTypes', 'allowCalculatedField', 'allowConditionalFormatting', 'allowDataCompression', 'allowDeferLayoutUpdate', 'allowDrillThrough', 'allowExcelExport', 'allowGrouping', 'allowNumberFormatting', 'allowPdfExport', 'cellTemplate', 'chartSettings', 'chartTypes', 'currencyCode', 'dataSourceSettings', 'displayOption', 'editSettings', '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', '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', 'onPdfCellRender', 'removeReport', 'renameReport', 'saveReport', 'toolbarClick', 'toolbarRender'];
 export var modelProps = [];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];
@@ -54,8 +54,33 @@ var PivotViewComponent = /** @class */ (function (_super) {
         _this.bindProperties();
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
+        _this.ej2Instances.clearTemplate = _this.clearTemplate;
         return _this;
     }
+    PivotViewComponent.prototype.clearTemplate = function (templateNames) {
+        if (!templateNames) {
+            templateNames = Object.keys(this.templateCollection || {});
+        }
+        if (templateNames.length && this.templateCollection) {
+            for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {
+                var tempName = templateNames_1[_i];
+                var elementCollection = this.templateCollection[tempName];
+                if (elementCollection && elementCollection.length) {
+                    for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {
+                        var ele = elementCollection_1[_a];
+                        var destroy = getValue('__vue__.$destroy', ele);
+                        if (destroy) {
+                            ele.__vue__.$destroy();
+                        }
+                        if (ele.innerHTML) {
+                            ele.innerHTML = '';
+                        }
+                    }
+                    delete this.templateCollection[tempName];
+                }
+            }
+        }
+    };
     PivotViewComponent.prototype.setProperties = function (prop, muteOnChange) {
         var _this = this;
         if (this.isVue3) {
@@ -73,6 +98,7 @@ var PivotViewComponent = /** @class */ (function (_super) {
                         }
                         else {
                             _this.$emit('update:' + key, prop[key]);
+                            _this.$emit('modelchanged', prop[key]);
                         }
                     }
                 });

package/styles/bootstrap-dark.css

@@ -268,11 +268,6 @@
   padding-top: 20px;
 }
 
-.e-pivotview .e-group-field-settings .e-checkbox-wrapper .e-frame {
-  height: 18px;
-  width: 18px;
-}
-
 .e-pivotview .e-group-field-settings .e-group-field-div-content {
   margin-bottom: 10px;
 }
@@ -288,6 +283,12 @@
   padding: 0 20px 10px;
 }
 
+.e-pivotview .e-member-editor-dialog .e-editor-search-wrapper .e-clear-icon-hide,
+.e-pivotview .e-member-editor-dialog .e-editor-search-container .e-clear-icon-hide {
+  display: inline-block;
+  visibility: hidden;
+}
+
 .e-pivotview .e-member-editor-dialog .e-filter-sort {
   box-shadow: none;
   margin-left: 10px;
@@ -321,7 +322,6 @@
 
 .e-pivotview .e-member-editor-dialog .e-member-editor-container {
   display: inline-table;
-  height: 100%;
   width: 100%;
 }
 
@@ -366,7 +366,7 @@
 }
 
 .e-pivotview .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
-  height: 140px;
+  height: 154px;
 }
 
 .e-pivotview .e-member-editor-dialog .e-excelfilter .e-editor-label-wrapper,
@@ -659,11 +659,6 @@
   width: 49%;
 }
 
-.e-pivotview .e-pivotchart-type-dialog .e-icons.e-frame {
-  height: 20px;
-  width: 20px;
-}
-
 .e-pivotview .e-pivot-format-dialog {
   max-height: 500px !important;
   max-width: 350px;
@@ -692,6 +687,9 @@
 .e-pivotview .e-pivot-toolbar {
   border-bottom: 0;
   border-style: solid;
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
+  border-left: 1px solid rgba(255, 255, 255, 0.12);
+  border-right: 1px solid rgba(255, 255, 255, 0.12);
 }
 
 .e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
@@ -707,6 +705,7 @@
 .e-pivotview .e-pivot-toolbar .e-menu-wrapper ul .e-menu-item,
 .e-pivotview .e-pivot-toolbar .e-menu-container ul .e-menu-item {
   height: 40px;
+  overflow: hidden;
   padding-left: 10px;
 }
 
@@ -763,7 +762,7 @@
 
 .e-mdx-query-content {
   background-color: #6e6e6e;
-  color: #f0f0f0;
+  color: #858585;
   font-size: 14px;
   font-weight: 500;
   height: 200px;
@@ -850,7 +849,7 @@
 .e-bigger .e-pivotview .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
 .e-bigger.e-pivotview .e-member-editor-dialog .e-dlg-content .e-member-editor-wrapper .e-member-editor-container-outer-div,
 .e-bigger.e-pivotview .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
-  height: 144px;
+  height: 136px;
 }
 
 .e-bigger .e-pivotview .e-member-editor-dialog .e-editor-search-wrapper .e-filter-sort .e-member-sort .e-sort-ascend-icon,
@@ -887,7 +886,7 @@
 
 .e-bigger .e-pivotview .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div,
 .e-bigger.e-pivotview .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
-  height: 99px;
+  height: 113px !important;
 }
 
 .e-bigger .e-pivotview .e-member-editor-dialog .e-label-filter,
@@ -949,17 +948,16 @@
   top: 0;
 }
 
+.e-bigger .e-pivotview .e-value-field-settings,
+.e-bigger.e-pivotview .e-value-field-settings {
+  max-height: 510px !important;
+}
+
 .e-bigger .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer,
 .e-bigger.e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer {
   padding: 0 20px 10px;
 }
 
-.e-bigger .e-pivotview .e-group-field-settings .e-checkbox-wrapper .e-frame,
-.e-bigger.e-pivotview .e-group-field-settings .e-checkbox-wrapper .e-frame {
-  height: 22px;
-  width: 22px;
-}
-
 .e-bigger .e-pivotview .e-group-field-settings .e-caption-option-text,
 .e-bigger .e-pivotview .e-group-field-settings .e-checkbox-wrapper .e-label,
 .e-bigger.e-pivotview .e-group-field-settings .e-caption-option-text,
@@ -1058,12 +1056,6 @@
   margin-top: 8px;
 }
 
-.e-bigger .e-pivotchart-type-dialog .e-icons.e-frame,
-.e-bigger.e-pivotchart-type-dialog .e-icons.e-frame {
-  height: 22px;
-  width: 22px;
-}
-
 /*! PivotView theme */
 .e-pivotview .e-nextspan {
   display: inline-block;
@@ -1208,7 +1200,7 @@
 
 .e-pivotview .e-sortfilterdiv {
   float: right;
-  margin: -29px -15px !important;
+  margin: -23px 0px !important;
 }
 
 .e-pivotview .e-sortfilterdiv.e-value-sort-icon {
@@ -1274,7 +1266,6 @@
 }
 
 .e-pivotview .e-headercelldiv.e-cellvalue {
-  float: left;
   margin-left: 0px;
 }
 
@@ -1806,10 +1797,6 @@
   padding-bottom: 7px;
 }
 
-.e-pivotview .e-chart-grouping-bar .e-axis-row {
-  height: 50% !important;
-}
-
 .e-pivotview .e-chart-grouping-bar .e-axis-value {
   height: auto !important;
   padding-left: 6px;
@@ -1832,7 +1819,7 @@
   padding-bottom: 7px;
 }
 
-.e-pivotview .e-icons {
+.e-pivotview .e-icons:not(.e-frame) {
   height: auto;
   width: auto;
 }
@@ -2283,7 +2270,7 @@
 .e-bigger .e-pivotview .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container,
 .e-bigger.e-pivotview .e-member-editor-dialog .e-dlg-content .e-member-editor-wrapper .e-member-editor-container,
 .e-bigger.e-pivotview .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container {
-  height: 144px;
+  height: 136px;
 }
 
 .e-bigger .e-pivotview .e-stackedheadercelldiv,
@@ -3512,7 +3499,6 @@
 .e-pivotfieldlist-wrapper .e-adaptive-field-list-dialog .e-member-editor-container,
 .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-member-editor-container {
   display: inline-table;
-  height: 100%;
   width: 100%;
 }
 
@@ -3910,6 +3896,12 @@
   padding: 0 20px 10px;
 }
 
+.e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-editor-search-container .e-clear-icon-hide,
+.e-pivotfieldlist-container .e-member-editor-dialog .e-editor-search-container .e-clear-icon-hide {
+  display: inline-block;
+  visibility: hidden;
+}
+
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container-outer-div,
 .e-pivotfieldlist-container .e-member-editor-dialog .e-member-editor-container-outer-div {
   display: inline-block;
@@ -3922,7 +3914,6 @@
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container,
 .e-pivotfieldlist-container .e-member-editor-dialog .e-member-editor-container {
   display: inline-table;
-  height: 100%;
   width: 100%;
 }
 
@@ -4524,6 +4515,11 @@
   margin: 0 6px 0 0;
 }
 
+.e-bigger .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div,
+.e-bigger.e-pivotfieldlist-wrapper .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
+  height: 99px !important;
+}
+
 .e-bigger .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-label-filter,
 .e-bigger .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-value-filter,
 .e-bigger.e-pivotfieldlist-wrapper .e-member-editor-dialog .e-label-filter,
@@ -4720,7 +4716,7 @@
 
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div,
 .e-bigger.e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
-  height: 99px;
+  height: 99px !important;
 }
 
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog .e-label-filter,
@@ -4981,7 +4977,6 @@
 
 .e-pivotfieldlist-wrapper .e-title-header .e-title-content {
   font-size: 18px;
-  line-height: 0;
   -ms-flex: auto;
       flex: auto;
 }
@@ -6238,11 +6233,6 @@
   transform: rotateX(0deg) rotateY(180deg);
 }
 
-.e-pivotfieldlist-wrapper.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-checkbox-wrapper .e-icons {
-  height: 18px;
-  width: 18px;
-}
-
 .e-pivotfieldlist-wrapper.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div.e-olap-calc-outer-div {
   max-height: 350px;
   overflow: hidden;
@@ -7708,11 +7698,6 @@
   transform: rotateX(0deg) rotateY(180deg);
 }
 
-.e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-checkbox-wrapper .e-icons {
-  height: 18px;
-  width: 18px;
-}
-
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div.e-olap-calc-outer-div {
   max-height: 350px;
   overflow: hidden;