@syncfusion/ej2-angular-pivotview 31.1.20 → 31.1.21

package/CHANGELOG.md

@@ -6,11 +6,9 @@
 
 #### Bug Fixes
 
-- `#I759062`, `#I758017` - The pivot table and chart are now rendered correctly in the tabular layout when subtotals and grand totals are disabled.
-- `#I759663` - The column header in the pivot table is now displayed correctly when grand totals are disabled.
-- `#I757793` - The calculated field option now functions correctly when the `allowCalculatedField` property is toggled.
-- `#I765620` - The pivot table is now rendered correctly when a numeric field is mapped as a string.
-- `#I763919` - The date field is now displayed correctly with the appropriate aggregation type in the pivot table.
+- `#I758017` - The pivot chart now renders correctly with the tabular layout when subtotals and grand totals are disabled.
+- `#I757830` - The pivot table now updates correctly when culture settings are changed dynamically.  
+- `#I747426` - The pivot table now renders properly when a calculated field is added to the value axis in the server-side engine.
 
 ## 31.1.17 (2025-09-05)
 

package/README.md

@@ -143,4 +143,4 @@ Check the changelog [here](https://github.com/syncfusion/ej2-angular-ui-componen
 
 See [LICENSE FILE](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/license?utm_source=npm&utm_medium=listing&utm_campaign=angular-pivot-table-npm) for more info.
 
-&copy; Copyright 2022 Syncfusion<sup>®</sup> Inc. All Rights Reserved. The Syncfusion<sup>®</sup> Essential<sup>®</sup> Studio license and copyright applies to this distribution.
+© Copyright 2025 Syncfusion<sup>®</sup> Inc. All Rights Reserved. The Syncfusion<sup>®</sup> Essential Studio<sup>®</sup> license and copyright applies to this distribution.

package/package.json

@@ -1,44 +1,30 @@
 {
-  "_from": "@syncfusion/ej2-angular-pivotview@*",
-  "_id": "@syncfusion/ej2-angular-pivotview@29.2.0",
-  "_inBundle": false,
-  "_integrity": "sha512-NoyKSIMFgBx5BN3MesjKE6ihkgdGxjszGR0x/ZJoj0nI0C1Lswx2ZcV4pB0gM6MxFV729JgVxzrwhUpnnInziA==",
-  "_location": "/@syncfusion/ej2-angular-pivotview",
-  "_phantomChildren": {},
-  "_requested": {
-    "type": "range",
-    "registry": true,
-    "raw": "@syncfusion/ej2-angular-pivotview@*",
-    "name": "@syncfusion/ej2-angular-pivotview",
-    "escapedName": "@syncfusion%2fej2-angular-pivotview",
-    "scope": "@syncfusion",
-    "rawSpec": "*",
-    "saveSpec": null,
-    "fetchSpec": "*"
-  },
-  "_requiredBy": [
-    "/"
-  ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-angular-development/@syncfusion/ej2-angular-pivotview/-/ej2-angular-pivotview-29.2.0.tgz",
-  "_shasum": "66f61a4ab4f32374bf3635c6ccd3a2df5ac93263",
-  "_spec": "@syncfusion/ej2-angular-pivotview@*",
-  "_where": "D:\\SF3992\\WFH\\Nexus\\release",
-  "author": {
-    "name": "Syncfusion Inc."
-  },
-  "bugs": {
-    "url": "https://github.com/syncfusion/ej2-angular-ui-components/issues"
-  },
-  "bundleDependencies": false,
+  "name": "@syncfusion/ej2-angular-pivotview",
+  "version": "31.1.21",
+  "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 Angular",
+  "author": "Syncfusion Inc.",
+  "license": "SEE LICENSE IN license",
+  "schematics": "./schematics/collection.json",
   "dependencies": {
-    "@syncfusion/ej2-angular-base": "~31.1.17",
     "@syncfusion/ej2-base": "~31.1.20",
-    "@syncfusion/ej2-pivotview": "31.1.20"
+    "@syncfusion/ej2-angular-base": "~31.1.17",
+    "@syncfusion/ej2-pivotview": "31.1.21"
   },
-  "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 Angular",
+  "keywords": [
+    "angular",
+    "angular-pivotview"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/syncfusion/ej2-angular-ui-components.git"
+  },
+  "sideEffects": false,
+  "module": "fesm2015/syncfusion-ej2-angular-pivotview.mjs",
   "es2020": "fesm2020/syncfusion-ej2-angular-pivotview.mjs",
   "esm2020": "esm2020/syncfusion-ej2-angular-pivotview.mjs",
+  "fesm2020": "fesm2020/syncfusion-ej2-angular-pivotview.mjs",
+  "fesm2015": "fesm2015/syncfusion-ej2-angular-pivotview.mjs",
+  "typings": "syncfusion-ej2-angular-pivotview.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
@@ -52,22 +38,5 @@
       "default": "./fesm2020/syncfusion-ej2-angular-pivotview.mjs"
     }
   },
-  "fesm2015": "fesm2015/syncfusion-ej2-angular-pivotview.mjs",
-  "fesm2020": "fesm2020/syncfusion-ej2-angular-pivotview.mjs",
-  "homepage": "https://www.syncfusion.com/angular-components",
-  "keywords": [
-    "angular",
-    "angular-pivotview"
-  ],
-  "license": "SEE LICENSE IN license",
-  "module": "fesm2015/syncfusion-ej2-angular-pivotview.mjs",
-  "name": "@syncfusion/ej2-angular-pivotview",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/syncfusion/ej2-angular-ui-components.git"
-  },
-  "schematics": "./schematics/collection.json",
-  "sideEffects": false,
-  "typings": "syncfusion-ej2-angular-pivotview.d.ts",
-  "version": "31.1.20"
+  "homepage": "https://www.syncfusion.com/angular-components"
 }

package/schematics/collection.json

@@ -1,20 +1,11 @@
 {
-  "$schema": "./node_modules/@angular-devkit/schematics/collection-schema.json",
-  "schematics": {
-    "ng-add": {
-      "description": "Adds Essential JS 2 specific Angular package to an application",
-      "factory": "./ng-add",
-      "schema": "./ng-add/schema.json"
-    },
-    "pivotview-default": {
-      "description": "Create an Angular PivotView component with simple pivot table",
-      "factory": "./generators/pivotview-default",
-      "schema": "./generators/pivotview-default/schema.json"
-    },
-    "pivotview-fieldlist": {
-      "description": "Create an Angular component with EJ2 pivotview with fieldlist",
-      "factory": "./generators/pivotview-fieldlist",
-      "schema": "./generators/pivotview-fieldlist/schema.json"
-    }
-  }
-}
+                "$schema": "./node_modules/@angular-devkit/schematics/collection-schema.json",
+                "schematics": {
+                  "ng-add": {
+                    "description": "Adds Essential JS 2 specific Angular package to an application",
+                    "factory": "./ng-add",
+                    "schema": "./ng-add/schema.json"
+                  }
+                }
+              }
+              

package/schematics/ng-add/index.js

@@ -4,6 +4,6 @@ const lib_details_1 = require("./../utils/lib-details");
 const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
 function default_1(options) {
     const libOptions = Object.assign({}, { 'pkgName': lib_details_1.pkgName, 'pkgVer': lib_details_1.pkgVer, 'moduleName': lib_details_1.moduleName, 'themeVer': lib_details_1.themeVer });
-    return (0, schematics_1.install)(options, libOptions);
+    return schematics_1.install(options, libOptions);
 }
 exports.default = default_1;

package/schematics/ng-add/index.ts

@@ -1,10 +1,10 @@
-import { pkgName, pkgVer, moduleName, themeVer } from './../utils/lib-details';
-import { install } from '@syncfusion/ej2-angular-base/schematics';
-import { OptionsSchema, LibOptionsSchema } from './schema';
-import { Rule } from '@angular-devkit/schematics';
-
-export default function (options: OptionsSchema): Rule {
-	const libOptions: LibOptionsSchema = Object.assign({},
-		{ 'pkgName': pkgName, 'pkgVer': pkgVer, 'moduleName': moduleName, 'themeVer': themeVer });
-	return install(options, libOptions);
-}
+import { pkgName, pkgVer, moduleName, themeVer } from './../utils/lib-details';
+import { install } from '@syncfusion/ej2-angular-base/schematics';
+import { OptionsSchema, LibOptionsSchema } from './schema';
+import { Rule } from '@angular-devkit/schematics';
+
+export default function (options: OptionsSchema): Rule {
+	const libOptions: LibOptionsSchema = Object.assign({},
+		{ 'pkgName': pkgName, 'pkgVer': pkgVer, 'moduleName': moduleName, 'themeVer': themeVer });
+	return install(options, libOptions);
+}

package/schematics/ng-add/schema.json

@@ -1,34 +1,34 @@
-{
-  "$schema": "http://json-schema.org/schema",
-  "$id": "ngAdd",
-  "title": "Add Essential JS 2 Angular packages",
-  "type": "object",
-  "properties": {
-    "skipPackageJson": {
-      "type": "boolean",
-      "default": false,
-      "description": "Do not add add Essential JS 2 Angular packages dependencies to package.json (e.g., --skipPackageJson)"
-    },
-    "modules": {
-      "type": "string",
-      "default": "",
-      "description": "Add only specific Essential JS 2 modules to the app.module file (eg: --modules=slider, grid)"
-    },
-    "modulePath": {
-      "type": "string",
-      "default": "",
-      "description": "Used to specify the path of the module file where the EJ2 module needs to be imported"
-    },
-    "theme": {
-      "enum": [
-        "material",
-        "fabric",
-        "bootstrap",
-        "highcontrast"
-      ],
-      "default": "material",
-      "description": "Used to change the theme that needs to be imported"
-    }
-  },
-  "required": []
-}
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "ngAdd",
+  "title": "Add Essential JS 2 Angular packages",
+  "type": "object",
+  "properties": {
+    "skipPackageJson": {
+      "type": "boolean",
+      "default": false,
+      "description": "Do not add add Essential JS 2 Angular packages dependencies to package.json (e.g., --skipPackageJson)"
+    },
+    "modules": {
+      "type": "string",
+      "default": "",
+      "description": "Add only specific Essential JS 2 modules to the app.module file (eg: --modules=slider, grid)"
+    },
+    "modulePath": {
+      "type": "string",
+      "default": "",
+      "description": "Used to specify the path of the module file where the EJ2 module needs to be imported"
+    },
+    "theme": {
+      "enum": [
+        "material",
+        "fabric",
+        "bootstrap",
+        "highcontrast"
+      ],
+      "default": "material",
+      "description": "Used to change the theme that needs to be imported"
+    }
+  },
+  "required": []
+}

package/schematics/ng-add/schema.ts

@@ -1,30 +1,30 @@
-export interface OptionsSchema {
-    // Whether to skip package.json install.
-    skipPackageJson: boolean;
-
-    // Used to specify required module names
-    modules: string;
-
-    // Used to specify custom module path
-    modulePath: string;
-
-    // Used to specify theme name
-    theme:  'material' | 'fabric' | 'bootstrap' | 'highcontrast';
-
-    // Name of the project to target.
-    project?: string;
-}
-
-export interface LibOptionsSchema {
-    // Package name
-    pkgName: string;
-
-    // Package version
-    pkgVer: string;
-
-    // Library base module name
-    moduleName: string;
-
-    // Theme version
-    themeVer: string;
-}
+export interface OptionsSchema {
+    // Whether to skip package.json install.
+    skipPackageJson: boolean;
+
+    // Used to specify required module names
+    modules: string;
+
+    // Used to specify custom module path
+    modulePath: string;
+
+    // Used to specify theme name
+    theme:  'material' | 'fabric' | 'bootstrap' | 'highcontrast';
+
+    // Name of the project to target.
+    project?: string;
+}
+
+export interface LibOptionsSchema {
+    // Package name
+    pkgName: string;
+
+    // Package version
+    pkgVer: string;
+
+    // Library base module name
+    moduleName: string;
+
+    // Theme version
+    themeVer: string;
+}

package/schematics/tsconfig.json

@@ -1,25 +1,25 @@
-{
-    "compilerOptions": {
-        "lib": ["es2017", "dom"],
-        "module": "commonjs",
-        "moduleResolution": "node",
-        "noEmitOnError": false,
-        "skipDefaultLibCheck": true,
-        "skipLibCheck": true,
-        "sourceMap": true,
-        "target": "es6",
-        "declaration": true,
-        "types": [
-            "jasmine",
-            "node"
-        ]
-    },
-    "exclude": [
-        "node_modules",
-        "src",
-        "src/**/*.ts",
-        "spec",
-        "spec/**/*.ts",
-        "@typings"
-    ]
-}
+{
+    "compilerOptions": {
+        "lib": ["es2017", "dom"],
+        "module": "commonjs",
+        "moduleResolution": "node",
+        "noEmitOnError": false,
+        "skipDefaultLibCheck": true,
+        "skipLibCheck": true,
+        "sourceMap": true,
+        "target": "es6",
+        "declaration": true,
+        "types": [
+            "jasmine",
+            "node"
+        ]
+    },
+    "exclude": [
+        "node_modules",
+        "src",
+        "src/**/*.ts",
+        "spec",
+        "spec/**/*.ts",
+        "@typings"
+    ]
+}

package/schematics/utils/lib-details.d.ts

@@ -1,4 +1,4 @@
 export declare const pkgName = "@syncfusion/ej2-angular-pivotview";
-export declare const pkgVer = "^31.1.17";
+export declare const pkgVer = "^29.1.33";
 export declare const moduleName = "PivotViewModule, PivotFieldListModule";
-export declare const themeVer = "~31.1.17";
+export declare const themeVer = "~29.1.33";

package/schematics/utils/lib-details.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.themeVer = exports.moduleName = exports.pkgVer = exports.pkgName = void 0;
 exports.pkgName = '@syncfusion/ej2-angular-pivotview';
-exports.pkgVer = '^31.1.17';
+exports.pkgVer = '^31.1.21';
 exports.moduleName = 'PivotViewModule, PivotFieldListModule';
-exports.themeVer = '~31.1.17';
+exports.themeVer = '~31.1.21';

package/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
-export const pkgName = '@syncfusion/ej2-angular-pivotview';
-export const pkgVer = '^31.1.17';
-export const moduleName = 'PivotViewModule, PivotFieldListModule';
-export const themeVer = '~31.1.17';
+export const pkgName = '@syncfusion/ej2-angular-pivotview';
+export const pkgVer = '^31.1.21';
+export const moduleName = 'PivotViewModule, PivotFieldListModule';
+export const themeVer = '~31.1.21';

package/styles/pivotfieldlist/material3-dark.scss

@@ -1,2 +1,2 @@
-@import 'ej2-base/styles/definition/material3-dark.scss';
+
 @import 'ej2-pivotview/styles/pivotfieldlist/material3-dark.scss';

package/styles/pivotfieldlist/material3.scss

@@ -1,2 +1,2 @@
-@import 'ej2-base/styles/definition/material3.scss';
+
 @import 'ej2-pivotview/styles/pivotfieldlist/material3.scss';

package/styles/pivotview/material3-dark.scss

@@ -1,2 +1,2 @@
-@import 'ej2-base/styles/definition/material3-dark.scss';
+
 @import 'ej2-pivotview/styles/pivotview/material3-dark.scss';

package/styles/pivotview/material3.scss

@@ -1,2 +1,2 @@
-@import 'ej2-base/styles/definition/material3.scss';
+
 @import 'ej2-pivotview/styles/pivotview/material3.scss';

package/schematics/generators/pivotview-default/index.d.ts

@@ -1,3 +0,0 @@
-import { Rule } from '@angular-devkit/schematics';
-import { Schema } from './schema';
-export default function (options: Schema): Rule;

package/schematics/generators/pivotview-default/index.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
-const sampleDetails = require("./sample-details");
-function default_1(options) {
-    return (0, schematics_1.componentBuilder)(options, sampleDetails);
-}
-exports.default = default_1;

package/schematics/generators/pivotview-default/index.ts

@@ -1,8 +0,0 @@
-import { Rule } from '@angular-devkit/schematics';
-import { componentBuilder } from "@syncfusion/ej2-angular-base/schematics";
-import { Schema } from './schema';
-import * as sampleDetails from './sample-details';
-
-export default function (options: Schema): Rule {
-  return componentBuilder(options, sampleDetails);
-}

package/schematics/generators/pivotview-default/sample-details.d.ts

@@ -1,5 +0,0 @@
-export declare const componentName: string;
-export declare const sampleName: string;
-export declare const diModules: string;
-export declare const packageName: string;
-export declare const libModules: string;

package/schematics/generators/pivotview-default/sample-details.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.libModules = exports.packageName = exports.diModules = exports.sampleName = exports.componentName = void 0;
-exports.componentName = 'pivotview';
-exports.sampleName = 'default';
-exports.diModules = null;
-exports.packageName = '@syncfusion/ej2-angular-pivotview';
-exports.libModules = 'PivotViewModule';

package/schematics/generators/pivotview-default/sample-details.ts

@@ -1,5 +0,0 @@
-export const componentName: string = 'pivotview';
-export const sampleName: string = 'default';
-export const diModules: string =  null;
-export const packageName: string = '@syncfusion/ej2-angular-pivotview';
-export const libModules: string = 'PivotViewModule';

package/schematics/generators/pivotview-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css

@@ -1,4 +0,0 @@
-.control-section {
-    overflow: auto;
-    padding-bottom: 10px;
-  }  

package/schematics/generators/pivotview-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html

@@ -1,4 +0,0 @@
-<div class="control-section">
-    <ejs-pivotview #pivotview id='PivotView' [dataSource]=dataSource width='100%' height='300' [gridSettings]='gridSettings'>
-    </ejs-pivotview>
-</div>