Skip to content

chore(*): Update the samples to Angular 22 #455

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
gedinakova merged 6 commits into from
Jul 13, 2026
Merged

chore(*): Update the samples to Angular 22 #455

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
f3c381a
chore(*): Update the samples to Angular 22
gedinakova Jun 15, 2026
5626fea
chore(*): Update to lates igniteui-webcomponents
gedinakova Jun 15, 2026
9cafcb5
Merge branch 'vnext' of https://github.com/IgniteUI/igniteui-angular-…
gedinakova Jun 15, 2026
561e083
chore(*): Updated cplat packages to 22.0.0-rc.0
gedinakova Jun 18, 2026
820b7e5
chore(*): Remove baseUrl/downlevelIteration, add strict:false in samp…
Copilot Jul 9, 2026
1aae52f
chore(*): Updated to latest igniteui angular 22 versions
gedinakova Jul 10, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
2 changes: 1 addition & 1 deletion README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -177,7 +177,7 @@ To learn more about **Ignite UI for Angular** components, check out the [Angular
NOTE Do NOT find replace version of packages in package.json files.

- open this repo in VS Code
- open [browser.js](./browser/tasks/browser.js) file
- open [browser.js](./browser/scripts/browser.js) file
- navigate to the `updateIG` function
- update version of packages in `packageUpgrades` array
- open terminal window
Expand Down
54 changes: 27 additions & 27 deletions browser/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,36 +24,36 @@
"@lit/reactive-element": "desired-version"
},
"dependencies": {
"@angular/animations": "21.1.1",
"@angular/common": "21.1.1",
"@angular/compiler": "21.1.1",
"@angular/core": "21.1.1",
"@angular/forms": "21.1.1",
"@angular/platform-browser": "21.1.1",
"@angular/platform-browser-dynamic": "21.1.1",
"@angular/router": "21.1.1",
"@angular/animations": "22.0.1",
"@angular/common": "22.0.1",
"@angular/compiler": "22.0.1",
"@angular/core": "22.0.1",
"@angular/forms": "22.0.1",
"@angular/platform-browser": "22.0.1",
"@angular/platform-browser-dynamic": "22.0.1",
"@angular/router": "22.0.1",
"@ionic/angular": "5.6.3",
"@types/file-saver": "2.0.5",
"@types/hammerjs": "2.0.46",
"ajv": "8.17.1",
"angular-in-memory-web-api": "0.21.0",
"angular-in-memory-web-api": "0.22.0",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
"file-saver": "2.0.5",
"hammerjs": "2.0.8",
"igniteui-angular": "21.2.3",
"igniteui-angular-charts": "21.1.0",
"igniteui-angular-core": "21.1.0",
"igniteui-angular-dashboards": "21.1.0",
"igniteui-angular-data-grids": "21.1.0",
"igniteui-angular-excel": "21.1.0",
"igniteui-angular-gauges": "21.1.0",
"igniteui-angular-inputs": "21.1.0",
"igniteui-angular-layouts": "21.1.0",
"igniteui-angular-maps": "21.1.0",
"igniteui-angular-spreadsheet": "21.1.0",
"igniteui-angular-spreadsheet-chart-adapter": "21.1.0",
"igniteui-webcomponents": "7.2.1",
"igniteui-angular": "22.0.2",
"igniteui-angular-charts": "22.0.0",
"igniteui-angular-core": "22.0.0",
"igniteui-angular-dashboards": "22.0.0",
"igniteui-angular-data-grids": "22.0.0",
"igniteui-angular-excel": "22.0.0",
"igniteui-angular-gauges": "22.0.0",
"igniteui-angular-inputs": "22.0.0",
"igniteui-angular-layouts": "22.0.0",
"igniteui-angular-maps": "22.0.0",
"igniteui-angular-spreadsheet": "22.0.0",
"igniteui-angular-spreadsheet-chart-adapter": "22.0.0",
"igniteui-webcomponents": "7.2.4",
"immediate": "3.2.3",
"intl": "1.2.5",
"jszip": "3.8.0",
Expand All @@ -66,10 +66,10 @@
"zone.js": "~0.15.0"
},
"devDependencies": {
"@angular-devkit/build-angular": "21.1.1",
"@angular/cli": "21.1.1",
"@angular/compiler-cli": "21.1.1",
"@angular/language-service": "21.1.1",
"@angular-devkit/build-angular": "22.0.1",
"@angular/cli": "22.0.1",
"@angular/compiler-cli": "22.0.1",
"@angular/language-service": "22.0.1",
"@types/jasmine": "3.10.2",
"@types/jasminewd2": "2.0.9",
"@types/node": "18.17.0",
Expand All @@ -94,6 +94,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
"typescript": "5.9.3"
"typescript": "6.0.3"
}
}
62 changes: 31 additions & 31 deletions browser/scripts/browser.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -266,8 +266,8 @@ function getSampleModules(fileContent, info) {
if (importLine.indexOf(',') >= 0) {
//var importModules = importLine.replace('import {');

var package = importLine.split(' from ')[1];
//console.log( package );
var pkg = importLine.split(' from ')[1];
//console.log( pkg );

var words = importLine.split(' ');
for (const word of words) {
Expand All @@ -285,7 +285,7 @@ function getSampleModules(fileContent, info) {
info.ImportsModules.push(module);
// console.log(module);

info.ImportsLines.push('import { ' + module + ' } from ' + package + ';');
info.ImportsLines.push('import { ' + module + ' } from ' + pkg + ';');
}
}
}
Expand Down Expand Up @@ -1238,28 +1238,28 @@ function updateIG(cb) {
// { version: "14.1.0", name: "igniteui-angular-charts" }, // NPM
let packageUpgrades = [
// these IG packages are often updated:
{ version: "21.1.0", name: "igniteui-angular-core" },
{ version: "21.1.0", name: "igniteui-angular-charts" },
{ version: "21.1.0", name: "igniteui-angular-excel" },
{ version: "21.1.0", name: "igniteui-angular-gauges" },
{ version: "21.1.0", name: "igniteui-angular-data-grids" },
{ version: "21.1.0", name: "igniteui-angular-inputs" },
{ version: "21.1.0", name: "igniteui-angular-layouts" },
{ version: "21.1.0", name: "igniteui-angular-maps" },
{ version: "21.1.0", name: "igniteui-angular-spreadsheet-chart-adapter" },
{ version: "21.1.0", name: "igniteui-angular-spreadsheet" },
{ version: "21.1.0", name: "igniteui-angular-datasources" },
{ version: "21.1.0", name: "igniteui-angular-dashboards" },
{ version: "22.0.0", name: "igniteui-angular-core" },
{ version: "22.0.0", name: "igniteui-angular-charts" },
{ version: "22.0.0", name: "igniteui-angular-excel" },
{ version: "22.0.0", name: "igniteui-angular-gauges" },
{ version: "22.0.0", name: "igniteui-angular-data-grids" },
{ version: "22.0.0", name: "igniteui-angular-inputs" },
{ version: "22.0.0", name: "igniteui-angular-layouts" },
{ version: "22.0.0", name: "igniteui-angular-maps" },
{ version: "22.0.0", name: "igniteui-angular-spreadsheet-chart-adapter" },
{ version: "22.0.0", name: "igniteui-angular-spreadsheet" },
{ version: "22.0.0", name: "igniteui-angular-datasources" },
{ version: "22.0.0", name: "igniteui-angular-dashboards" },
// these IG packages are sometimes updated:
{ version: "7.2.1" , name: "igniteui-webcomponents" },
{ version: "21.2.3", name: "igniteui-angular" },
{ version: "21.1.1", name: "@angular/animations" },
{ version: "21.1.1", name: "@angular/common" },
{ version: "21.1.1", name: "@angular/compiler" },
{ version: "21.1.1", name: "@angular/core" },
{ version: "21.1.1", name: "@angular/forms" },
{ version: "21.1.1", name: "@angular/platform-browser" },
{ version: "21.1.1", name: "@angular/platform-browser-dynamic" },
{ version: "7.2.4" , name: "igniteui-webcomponents" },
{ version: "22.0.2", name: "igniteui-angular" },
{ version: "22.0.1", name: "@angular/animations" },
{ version: "22.0.1", name: "@angular/common" },
{ version: "22.0.1", name: "@angular/compiler" },
{ version: "22.0.1", name: "@angular/core" },
{ version: "22.0.1", name: "@angular/forms" },
{ version: "22.0.1", name: "@angular/platform-browser" },
{ version: "22.0.1", name: "@angular/platform-browser-dynamic" },
{ version: "2.0.46", name: "@types/hammerjs" },
{ version: "1.1.20150312", name: "classlist-js" },
{ version: "3.21.0" , name: "core-js" },
Expand All @@ -1271,18 +1271,18 @@ function updateIG(cb) {
{ version: "2.3.2" , name: "web-animations-js", },
{ version: "~0.15.0", name: "zone.js" },
// dev packages:
{ version: "21.1.1" , name: "@angular/cli" },
{ version: "21.1.1" , name: "@angular/compiler-cli" },
{ version: "21.1.1" , name: "@angular/language-service" },
{ version: "21.1.1" , name: "@angular-devkit/build-angular" },
{ version: "22.0.1" , name: "@angular/cli" },
{ version: "22.0.1" , name: "@angular/compiler-cli" },
{ version: "22.0.1" , name: "@angular/language-service" },
{ version: "22.0.1" , name: "@angular-devkit/build-angular" },
{ version: "18.17.0", name: "@types/node" },
{ version: "6.0.2" , name: "codelyzer" },
{ version: "5.1.1" , name: "jasmine-core" },
{ version: "~4.2.1" , name: "jasmine-spec-reporter" },
{ version: "0.11.1" , name: "sass.js" },
{ version: "~6.1.3" , name: "tslint" },
{ version: "10.9.1" , name: "ts-node" },
{ version: "5.9.3" , name: "typescript" },
{ version: "6.0.3" , name: "typescript" },
];

// NOTE you can comment out strings in this array to run these function only on a subset of samples
Expand Down Expand Up @@ -1446,8 +1446,8 @@ function logVersionIgniteUI(cb) {
let packageName = packagePair[0].trim();

console.log('>> using package: ' + packageVersion + ' ' + packageName);
let package = { ver: packageVersion, name: packageName };
igPackages.push(package);
let pkg = { ver: packageVersion, name: packageName };
igPackages.push(pkg);
}
}

Expand Down
4 changes: 2 additions & 2 deletions browser/scripts/utils.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -188,8 +188,8 @@ var lintPackageNames = [
'igniteui-angular-spreadsheet-chart-adapter'
];
function lintSourceCode(content) {
for (const package of lintPackageNames) {
content = replace(content, "'" + package + "'", '"' + package + '"');
for (const pkg of lintPackageNames) {
content = replace(content, "'" + pkg + "'", '"' + pkg + '"');
}
return content;
} exports.lintSourceCode = lintSourceCode;
Expand Down
26 changes: 13 additions & 13 deletions browser/src/browser-info.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
[
{"ver":"21.0.8","name":"igniteui-angular"},
{"ver":"21.0.1-beta.0","name":"igniteui-angular-charts"},
{"ver":"21.0.1-beta.0","name":"igniteui-angular-core"},
{"ver":"21.0.1-beta.0","name":"igniteui-angular-dashboards"},
{"ver":"21.0.1-beta.0","name":"igniteui-angular-data-grids"},
{"ver":"21.0.1-beta.0","name":"igniteui-angular-excel"},
{"ver":"21.0.1-beta.0","name":"igniteui-angular-gauges"},
{"ver":"21.0.1-beta.0","name":"igniteui-angular-inputs"},
{"ver":"21.0.1-beta.0","name":"igniteui-angular-layouts"},
{"ver":"21.0.1-beta.0","name":"igniteui-angular-maps"},
{"ver":"21.0.1-beta.0","name":"igniteui-angular-spreadsheet"},
{"ver":"21.0.1-beta.0","name":"igniteui-angular-spreadsheet-chart-adapter"},
{"ver":"6.3.1","name":"igniteui-webcomponents"}
{"ver":"22.0.0-beta.2","name":"igniteui-angular"},
{"ver":"22.0.0-rc.0","name":"igniteui-angular-charts"},
{"ver":"22.0.0-rc.0","name":"igniteui-angular-core"},
{"ver":"22.0.0-rc.0","name":"igniteui-angular-dashboards"},
{"ver":"22.0.0-rc.0","name":"igniteui-angular-data-grids"},
{"ver":"22.0.0-rc.0","name":"igniteui-angular-excel"},
{"ver":"22.0.0-rc.0","name":"igniteui-angular-gauges"},
{"ver":"22.0.0-rc.0","name":"igniteui-angular-inputs"},
{"ver":"22.0.0-rc.0","name":"igniteui-angular-layouts"},
{"ver":"22.0.0-rc.0","name":"igniteui-angular-maps"},
{"ver":"22.0.0-rc.0","name":"igniteui-angular-spreadsheet"},
{"ver":"22.0.0-rc.0","name":"igniteui-angular-spreadsheet-chart-adapter"},
{"ver":"7.2.2","name":"igniteui-webcomponents"}
]
6 changes: 6 additions & 0 deletions browser/tsconfig.base.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
{
"compileOnSave": false,
"compilerOptions": {
"ignoreDeprecations": "6.0",
"resolveJsonModule": true,
"importHelpers": true,
"module": "ES2022",
Expand All @@ -10,6 +11,11 @@
"moduleResolution": "bundler",
"experimentalDecorators": true,
"esModuleInterop": true,
"skipLibCheck": true,
"strictPropertyInitialization": false,
"strictNullChecks": false,
"noImplicitAny": false,
"noImplicitThis": false,
"downlevelIteration": true, // required for excel library
"target": "ES2022",
"typeRoots": [
Expand Down
8 changes: 6 additions & 2 deletions browser/tsconfig.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,15 +6,19 @@
*/
{
"compilerOptions": {
"ignoreDeprecations": "6.0",
"sourceMap": false,
"declaration": false,
"esModuleInterop": true,
"experimentalDecorators": true,
"target": "es2022",
"target": "es2022",
"module": "esnext",
"moduleResolution": "node",
"rootDir": ".",
"importHelpers": true,
"useDefineForClassFields": false,
"strictPropertyInitialization": false,
"strictNullChecks": false,
"typeRoots": [
"node_modules/@types"
]
Expand All @@ -35,4 +39,4 @@
"path": "./src/tsconfig.spec.json"
}
]
}
}
34 changes: 17 additions & 17 deletions samples/charts/category-chart/annotations-all/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,21 +7,21 @@
"lint": "ng lint"
},
"dependencies": {
"@angular/animations": "21.1.1",
"@angular/common": "21.1.1",
"@angular/compiler": "21.1.1",
"@angular/core": "21.1.1",
"@angular/forms": "21.1.1",
"@angular/platform-browser": "21.1.1",
"@angular/platform-browser-dynamic": "21.1.1",
"@angular/animations": "22.0.1",
"@angular/common": "22.0.1",
"@angular/compiler": "22.0.1",
"@angular/core": "22.0.1",
"@angular/forms": "22.0.1",
"@angular/platform-browser": "22.0.1",
"@angular/platform-browser-dynamic": "22.0.1",
"@types/hammerjs": "2.0.46",
"classlist.js": "1.1.20150312",
"hammerjs": "2.0.8",
"igniteui-angular-charts": "21.1.0",
"igniteui-angular-core": "21.1.0",
"igniteui-angular-inputs": "21.1.0",
"igniteui-angular-layouts": "21.1.0",
"igniteui-webcomponents": "7.2.1",
"igniteui-angular-charts": "22.0.0",
"igniteui-angular-core": "22.0.0",
"igniteui-angular-inputs": "22.0.0",
"igniteui-angular-layouts": "22.0.0",
"igniteui-webcomponents": "7.2.4",
"intl": "1.2.5",
"jszip": "3.8.0",
"rxjs": "7.8.1",
Expand All @@ -30,17 +30,17 @@
"zone.js": "~0.15.0"
},
"devDependencies": {
"@angular/cli": "21.1.1",
"@angular/compiler-cli": "21.1.1",
"@angular/language-service": "21.1.1",
"@angular-devkit/build-angular": "21.1.1",
"@angular/cli": "22.0.1",
"@angular/compiler-cli": "22.0.1",
"@angular/language-service": "22.0.1",
"@angular-devkit/build-angular": "22.0.1",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
"jasmine-spec-reporter": "~4.2.1",
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
"typescript": "5.9.3"
"typescript": "6.0.3"
}
}
3 changes: 1 addition & 2 deletions samples/charts/category-chart/annotations-all/tsconfig.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,17 +1,16 @@
{
"compileOnSave": false,
"compilerOptions": {
"strict": false,
"importHelpers": true,
"module": "esnext",
"baseUrl": "./",
"outDir": "./dist/out-tsc",
"sourceMap": false,
"declaration": false,
"moduleResolution": "bundler",
"experimentalDecorators": true,
"resolveJsonModule": true,
"esModuleInterop": true,
"downlevelIteration": true,
"target": "es2022",
"typeRoots": [
"node_modules/@types"
Expand Down
Loading
Loading