fix(igx-ts): update igniteui-angular versions and remove overrides (#1508)

Hristo313 · web-flow · commit 6b4e1c87e8e7 · 2026-02-26T16:02:07.000+02:00
diff --git a/packages/cli/templates/angular/ig-ts/projects/empty/files/package.json b/packages/cli/templates/angular/ig-ts/projects/empty/files/package.json
@@ -20,7 +20,7 @@
     "@angular/router": "~21.1.5",
     "jquery": "^3.7.1",
     "jquery-ui": "^1.13.3",
-    "igniteui-angular-wrappers": "~21.0.0",
+    "igniteui-angular-wrappers": "~21.0.1",
     "ignite-ui": "~23.1",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
diff --git a/packages/igx-templates/igx-ts-legacy/bullet-graph/default/index.ts b/packages/igx-templates/igx-ts-legacy/bullet-graph/default/index.ts
@@ -14,7 +14,7 @@ class IgxBulletGraphTemplate extends IgniteUIForAngularTemplate {
 			import: ["IgxBulletGraphModule"],
 			from: "igniteui-angular-gauges"
 		}];
-		this.packages = ["igniteui-angular-core@~20.1.0", "igniteui-angular-gauges@~20.1.0"];
+		this.packages = ["igniteui-angular-core@~21.0.0", "igniteui-angular-gauges@~21.0.0"];
 	}
 }
 module.exports = new IgxBulletGraphTemplate();
diff --git a/packages/igx-templates/igx-ts-legacy/category-chart/default/index.ts b/packages/igx-templates/igx-ts-legacy/category-chart/default/index.ts
@@ -14,7 +14,7 @@ class IgxCategoryChartTemplate extends IgniteUIForAngularTemplate {
 			{ import: "IgxCategoryChartModule", from: "igniteui-angular-charts" },
 			{ import: "FormsModule", from: "@angular/forms" }
 		];
-		this.packages = ["igniteui-angular-core@~20.1.0", "igniteui-angular-charts@~20.1.0"];
+		this.packages = ["igniteui-angular-core@~21.0.0", "igniteui-angular-charts@~21.0.0"];
 	}
 }
 module.exports = new IgxCategoryChartTemplate();
diff --git a/packages/igx-templates/igx-ts-legacy/custom-templates/awesome-grid/index.ts b/packages/igx-templates/igx-ts-legacy/custom-templates/awesome-grid/index.ts
@@ -32,7 +32,7 @@ class IgxGridAwesomeTemplate extends IgniteUIForAngularTemplate {
 			},
 			{ import: "FormsModule", from: "@angular/forms" }
 		];
-		this.packages = ["igniteui-angular-core@~20.1.0", "igniteui-angular-charts@~20.1.0"];
+		this.packages = ["igniteui-angular-core@~21.0.0", "igniteui-angular-charts@~21.0.0"];
 	}
 }
 module.exports = new IgxGridAwesomeTemplate();
diff --git a/packages/igx-templates/igx-ts-legacy/custom-templates/crm-grid/index.ts b/packages/igx-templates/igx-ts-legacy/custom-templates/crm-grid/index.ts
@@ -41,7 +41,7 @@ class IgxGridCRMTemplate extends IgniteUIForAngularTemplate {
 			},
 			{ import: "FormsModule", from: "@angular/forms" }
 		];
-		this.packages = ["igniteui-angular-core@~20.1.0", "igniteui-angular-charts@~20.1.0"];
+		this.packages = ["igniteui-angular-core@~21.0.0", "igniteui-angular-charts@~21.0.0"];
 	}
 }
 module.exports = new IgxGridCRMTemplate();
diff --git a/packages/igx-templates/igx-ts-legacy/custom-templates/fintech-grid/index.ts b/packages/igx-templates/igx-ts-legacy/custom-templates/fintech-grid/index.ts
@@ -29,7 +29,7 @@ class IgxFinTechGridTemplate extends IgniteUIForAngularTemplate {
 			},
 			{ import: "FormsModule", from: "@angular/forms" }
 		];
-		this.packages = ["igniteui-angular-core@~20.1.0", "igniteui-angular-charts@~20.1.0"];
+		this.packages = ["igniteui-angular-core@~21.0.0", "igniteui-angular-charts@~21.0.0"];
 	}
 }
 module.exports = new IgxFinTechGridTemplate();
diff --git a/packages/igx-templates/igx-ts-legacy/financial-chart/default/index.ts b/packages/igx-templates/igx-ts-legacy/financial-chart/default/index.ts
@@ -12,7 +12,7 @@ class IgxFinancialChartTemplate extends IgniteUIForAngularTemplate {
 		this.dependencies = [
 			{ import: "IgxFinancialChartModule", from: "igniteui-angular-charts" }
 		];
-		this.packages = ["igniteui-angular-core@~20.1.0", "igniteui-angular-charts@~20.1.0"];
+		this.packages = ["igniteui-angular-core@~21.0.0", "igniteui-angular-charts@~21.0.0"];
 	}
 }
 module.exports = new IgxFinancialChartTemplate();
diff --git a/packages/igx-templates/igx-ts-legacy/linear-gauge/default/index.ts b/packages/igx-templates/igx-ts-legacy/linear-gauge/default/index.ts
@@ -16,7 +16,7 @@ class IgxLinearGaugeTemplate extends IgniteUIForAngularTemplate {
 				from: "igniteui-angular-gauges"
 			}
 		];
-		this.packages = ["igniteui-angular-core@~20.1.0", "igniteui-angular-gauges@~20.1.0"];
+		this.packages = ["igniteui-angular-core@~21.0.0", "igniteui-angular-gauges@~21.0.0"];
 	}
 }
 module.exports = new IgxLinearGaugeTemplate();
diff --git a/packages/igx-templates/igx-ts-legacy/map/default/index.ts b/packages/igx-templates/igx-ts-legacy/map/default/index.ts
@@ -20,7 +20,7 @@ class IgxGeographicMapTemplate extends IgniteUIForAngularTemplate {
 				from: "igniteui-angular-charts"
 			}
 		];
-		this.packages = ["igniteui-angular-core@~20.1.0", "igniteui-angular-charts@~20.1.0", "igniteui-angular-maps@~20.1.0"];
+		this.packages = ["igniteui-angular-core@~21.0.0", "igniteui-angular-charts@~21.0.0", "igniteui-angular-maps@~21.0.0"];
 	}
 }
 module.exports = new IgxGeographicMapTemplate();
diff --git a/packages/igx-templates/igx-ts-legacy/projects/_base/files/package.json b/packages/igx-templates/igx-ts-legacy/projects/_base/files/package.json
@@ -26,37 +26,6 @@
     "tslib": "~2.8.1",
     "zone.js": "~0.15.0"
   },
-  "overrides": {
-    "reveal-sdk-wrappers-angular": {
-      "@angular/core": "^21.1.5",
-      "@angular/common": "^21.1.5",
-      "rxjs": "~7.8.1"
-    },
-    "igniteui-angular-charts": {
-      "@angular/core": "^21.1.5",
-      "@angular/common": "^21.1.5",
-      "@angular/compiler": "^21.1.5",
-      "rxjs": "~7.8.1"
-    },
-    "igniteui-angular-gauges": {
-      "@angular/core": "^21.1.5",
-      "@angular/common": "^21.1.5",
-      "@angular/compiler": "^21.1.5",
-      "rxjs": "~7.8.1"
-    },
-    "igniteui-angular-maps": {
-      "@angular/core": "^21.1.5",
-      "@angular/common": "^21.1.5",
-      "@angular/compiler": "^21.1.5",
-      "rxjs": "~7.8.1"
-    },
-    "igniteui-angular-core": {
-      "@angular/core": "^21.1.5",
-      "@angular/common": "^21.1.5",
-      "@angular/compiler": "^21.1.5",
-      "rxjs": "~7.8.1"
-    }
-  },
   "devDependencies": {
     "@angular/build": "~21.1.5",
     "@angular-devkit/build-angular": "~21.1.5",
diff --git a/packages/igx-templates/igx-ts-legacy/radial-gauge/default/index.ts b/packages/igx-templates/igx-ts-legacy/radial-gauge/default/index.ts
@@ -16,7 +16,7 @@ class IgxRadialGaugeTemplate extends IgniteUIForAngularTemplate {
 				from: "igniteui-angular-gauges"
 			}
 		];
-		this.packages = ["igniteui-angular-core@~20.1.0", "igniteui-angular-gauges@~20.1.0"];
+		this.packages = ["igniteui-angular-core@~21.0.0", "igniteui-angular-gauges@~21.0.0"];
 	}
 }
 module.exports = new IgxRadialGaugeTemplate();
diff --git a/packages/igx-templates/igx-ts/bullet-graph/default/index.ts b/packages/igx-templates/igx-ts/bullet-graph/default/index.ts
@@ -11,7 +11,7 @@ class IgxBulletGraphTemplate extends IgniteUIForAngularTemplate {
 		this.projectType = "igx-ts";
 		this.name = "Bullet Graph";
 		this.description = "IgxBulletGraph with different animations.";
-		this.packages = ["igniteui-angular-core@~20.1.0", "igniteui-angular-gauges@~20.1.0", IGNITEUI_ANGULAR_PACKAGE];
+		this.packages = ["igniteui-angular-core@~21.0.0", "igniteui-angular-gauges@~21.0.0", IGNITEUI_ANGULAR_PACKAGE];
 	}
 }
 module.exports = new IgxBulletGraphTemplate();
diff --git a/packages/igx-templates/igx-ts/category-chart/default/index.ts b/packages/igx-templates/igx-ts/category-chart/default/index.ts
@@ -10,7 +10,7 @@ class IgxCategoryChartTemplate extends IgniteUIForAngularTemplate {
 		this.projectType = "igx-ts";
 		this.name = "Category Chart";
 		this.description = "basic category chart with chart type selector.";
-		this.packages = ["igniteui-angular-core@~20.1.0", "igniteui-angular-charts@~20.1.0"];
+		this.packages = ["igniteui-angular-core@~21.0.0", "igniteui-angular-charts@~21.0.0"];
 	}
 }
 module.exports = new IgxCategoryChartTemplate();
diff --git a/packages/igx-templates/igx-ts/custom-templates/awesome-grid/index.ts b/packages/igx-templates/igx-ts/custom-templates/awesome-grid/index.ts
@@ -9,7 +9,7 @@ class IgxGridAwesomeTemplate extends IgniteUIForAngularTemplate {
 		this.listInCustomTemplates = true;
 		this.name = "Awesome Grid";
 		this.description = "Awesome IgxGrid";
-		this.packages = ["igniteui-angular-core@~20.1.0", "igniteui-angular-charts@~20.1.0"];
+		this.packages = ["igniteui-angular-core@~21.0.0", "igniteui-angular-charts@~21.0.0"];
 	}
 }
 module.exports = new IgxGridAwesomeTemplate();
diff --git a/packages/igx-templates/igx-ts/custom-templates/crm-grid/index.ts b/packages/igx-templates/igx-ts/custom-templates/crm-grid/index.ts
@@ -9,7 +9,7 @@ class IgxGridCRMTemplate extends IgniteUIForAngularTemplate {
 		this.listInCustomTemplates = true;
 		this.name = "CRM Grid";
 		this.description = "CRM IgxGrid";
-		this.packages = ["igniteui-angular-core@~20.1.0", "igniteui-angular-charts@~20.1.0"];
+		this.packages = ["igniteui-angular-core@~21.0.0", "igniteui-angular-charts@~21.0.0"];
 	}
 }
 module.exports = new IgxGridCRMTemplate();
diff --git a/packages/igx-templates/igx-ts/custom-templates/fintech-grid/index.ts b/packages/igx-templates/igx-ts/custom-templates/fintech-grid/index.ts
@@ -9,7 +9,7 @@ class IgxFinTechGridTemplate extends IgniteUIForAngularTemplate {
 		this.listInCustomTemplates = true;
 		this.name = "FinTech Grid";
 		this.description = "Grid with simulated high-frequency data feed";
-		this.packages = ["igniteui-angular-core@~20.1.0", "igniteui-angular-charts@~20.1.0"];
+		this.packages = ["igniteui-angular-core@~21.0.0", "igniteui-angular-charts@~21.0.0"];
 	}
 }
 module.exports = new IgxFinTechGridTemplate();
diff --git a/packages/igx-templates/igx-ts/financial-chart/default/index.ts b/packages/igx-templates/igx-ts/financial-chart/default/index.ts
@@ -9,7 +9,7 @@ class IgxFinancialChartTemplate extends IgniteUIForAngularTemplate {
 		this.id = "financial-chart";
 		this.projectType = "igx-ts";
 		this.name = "Financial Chart";
-		this.packages = ["igniteui-angular-core@~20.1.0", "igniteui-angular-charts@~20.1.0"];
+		this.packages = ["igniteui-angular-core@~21.0.0", "igniteui-angular-charts@~21.0.0"];
 	}
 }
 module.exports = new IgxFinancialChartTemplate();
diff --git a/packages/igx-templates/igx-ts/linear-gauge/default/index.ts b/packages/igx-templates/igx-ts/linear-gauge/default/index.ts
@@ -11,7 +11,7 @@ class IgxLinearGaugeTemplate extends IgniteUIForAngularTemplate {
 		this.projectType = "igx-ts";
 		this.name = "Linear Gauge";
 		this.description = "IgxLinearGauge with different animations.";
-		this.packages = ["igniteui-angular-core@~20.1.0", "igniteui-angular-gauges@~20.1.0", IGNITEUI_ANGULAR_PACKAGE];
+		this.packages = ["igniteui-angular-core@~21.0.0", "igniteui-angular-gauges@~21.0.0", IGNITEUI_ANGULAR_PACKAGE];
 	}
 }
 module.exports = new IgxLinearGaugeTemplate();
diff --git a/packages/igx-templates/igx-ts/map/default/index.ts b/packages/igx-templates/igx-ts/map/default/index.ts
@@ -10,7 +10,7 @@ class IgxGeographicMapTemplate extends IgniteUIForAngularTemplate {
 		this.projectType = "igx-ts";
 		this.name = "Geographic Map";
 		this.description = "Basic IgxGeographicMap.";
-		this.packages = ["igniteui-angular-core@~20.1.0", "igniteui-angular-charts@~20.1.0", "igniteui-angular-maps@~20.1.0"];
+		this.packages = ["igniteui-angular-core@~21.0.0", "igniteui-angular-charts@~21.0.0", "igniteui-angular-maps@~21.0.0"];
 	}
 }
 module.exports = new IgxGeographicMapTemplate();
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/package.json b/packages/igx-templates/igx-ts/projects/_base/files/package.json
@@ -26,37 +26,6 @@
     "tslib": "~2.8.1",
     "zone.js": "~0.15.0"
   },
-  "overrides": {
-    "reveal-sdk-wrappers-angular": {
-      "@angular/core": "^21.1.5",
-      "@angular/common": "^21.1.5",
-      "rxjs": "~7.8.1"
-    },
-    "igniteui-angular-charts": {
-      "@angular/core": "^21.1.5",
-      "@angular/common": "^21.1.5",
-      "@angular/compiler": "^21.1.5",
-      "rxjs": "~7.8.1"
-    },
-    "igniteui-angular-gauges": {
-      "@angular/core": "^21.1.5",
-      "@angular/common": "^21.1.5",
-      "@angular/compiler": "^21.1.5",
-      "rxjs": "~7.8.1"
-    },
-    "igniteui-angular-maps": {
-      "@angular/core": "^21.1.5",
-      "@angular/common": "^21.1.5",
-      "@angular/compiler": "^21.1.5",
-      "rxjs": "~7.8.1"
-    },
-    "igniteui-angular-core": {
-      "@angular/core": "^21.1.5",
-      "@angular/common": "^21.1.5",
-      "@angular/compiler": "^21.1.5",
-      "rxjs": "~7.8.1"
-    }
-  },
   "devDependencies": {
     "@angular/build": "~21.1.5",
     "@angular-devkit/build-angular": "~21.1.5",
diff --git a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/package.json b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/package.json
@@ -25,7 +25,7 @@
     "minireset.css": "~0.0.7",
     "rxjs": "~7.8.0",
     "tslib": "~2.8.1",
-    "zone.js": "~0.14.0"
+    "zone.js": "~0.15.0"
   },
   "devDependencies": {
     "@angular/build": "~21.1.5",
diff --git a/packages/igx-templates/igx-ts/radial-gauge/default/index.ts b/packages/igx-templates/igx-ts/radial-gauge/default/index.ts
@@ -11,7 +11,7 @@ class IgxRadialGaugeTemplate extends IgniteUIForAngularTemplate {
 		this.projectType = "igx-ts";
 		this.name = "Radial Gauge";
 		this.description = "IgxRadialGauge with different animations";
-		this.packages = ["igniteui-angular-core@~20.1.0", "igniteui-angular-gauges@~20.1.0", IGNITEUI_ANGULAR_PACKAGE];
+		this.packages = ["igniteui-angular-core@~21.0.0", "igniteui-angular-gauges@~21.0.0", IGNITEUI_ANGULAR_PACKAGE];
 	}
 }
 module.exports = new IgxRadialGaugeTemplate();

Original file line number	Diff line number	Diff line change
`@@ -14,7 +14,7 @@ class IgxBulletGraphTemplate extends IgniteUIForAngularTemplate {`
`14`	`14`	`import: ["IgxBulletGraphModule"],`
`15`	`15`	`from: "igniteui-angular-gauges"`
`16`	`16`	`}];`
`17`		`- this.packages = ["igniteui-angular-core@~20.1.0", "igniteui-angular-gauges@~20.1.0"];`
	`17`	`+ this.packages = ["igniteui-angular-core@~21.0.0", "igniteui-angular-gauges@~21.0.0"];`
`18`	`18`	`}`
`19`	`19`	`}`
`20`	`20`	`module.exports = new IgxBulletGraphTemplate();`
Original file line number	Diff line number	Diff line change
`@@ -14,7 +14,7 @@ class IgxCategoryChartTemplate extends IgniteUIForAngularTemplate {`
`14`	`14`	`{ import: "IgxCategoryChartModule", from: "igniteui-angular-charts" },`
`15`	`15`	`{ import: "FormsModule", from: "@angular/forms" }`
`16`	`16`	`];`
`17`		`- this.packages = ["igniteui-angular-core@~20.1.0", "igniteui-angular-charts@~20.1.0"];`
	`17`	`+ this.packages = ["igniteui-angular-core@~21.0.0", "igniteui-angular-charts@~21.0.0"];`
`18`	`18`	`}`
`19`	`19`	`}`
`20`	`20`	`module.exports = new IgxCategoryChartTemplate();`
Original file line number	Diff line number	Diff line change
`@@ -32,7 +32,7 @@ class IgxGridAwesomeTemplate extends IgniteUIForAngularTemplate {`
`32`	`32`	`},`
`33`	`33`	`{ import: "FormsModule", from: "@angular/forms" }`
`34`	`34`	`];`
`35`		`- this.packages = ["igniteui-angular-core@~20.1.0", "igniteui-angular-charts@~20.1.0"];`
	`35`	`+ this.packages = ["igniteui-angular-core@~21.0.0", "igniteui-angular-charts@~21.0.0"];`
`36`	`36`	`}`
`37`	`37`	`}`
`38`	`38`	`module.exports = new IgxGridAwesomeTemplate();`
Original file line number	Diff line number	Diff line change
`@@ -41,7 +41,7 @@ class IgxGridCRMTemplate extends IgniteUIForAngularTemplate {`
`41`	`41`	`},`
`42`	`42`	`{ import: "FormsModule", from: "@angular/forms" }`
`43`	`43`	`];`
`44`		`- this.packages = ["igniteui-angular-core@~20.1.0", "igniteui-angular-charts@~20.1.0"];`
	`44`	`+ this.packages = ["igniteui-angular-core@~21.0.0", "igniteui-angular-charts@~21.0.0"];`
`45`	`45`	`}`
`46`	`46`	`}`
`47`	`47`	`module.exports = new IgxGridCRMTemplate();`
Original file line number	Diff line number	Diff line change
`@@ -29,7 +29,7 @@ class IgxFinTechGridTemplate extends IgniteUIForAngularTemplate {`
`29`	`29`	`},`
`30`	`30`	`{ import: "FormsModule", from: "@angular/forms" }`
`31`	`31`	`];`
`32`		`- this.packages = ["igniteui-angular-core@~20.1.0", "igniteui-angular-charts@~20.1.0"];`
	`32`	`+ this.packages = ["igniteui-angular-core@~21.0.0", "igniteui-angular-charts@~21.0.0"];`
`33`	`33`	`}`
`34`	`34`	`}`
`35`	`35`	`module.exports = new IgxFinTechGridTemplate();`
Original file line number	Diff line number	Diff line change
`@@ -12,7 +12,7 @@ class IgxFinancialChartTemplate extends IgniteUIForAngularTemplate {`
`12`	`12`	`this.dependencies = [`
`13`	`13`	`{ import: "IgxFinancialChartModule", from: "igniteui-angular-charts" }`
`14`	`14`	`];`
`15`		`- this.packages = ["igniteui-angular-core@~20.1.0", "igniteui-angular-charts@~20.1.0"];`
	`15`	`+ this.packages = ["igniteui-angular-core@~21.0.0", "igniteui-angular-charts@~21.0.0"];`
`16`	`16`	`}`
`17`	`17`	`}`
`18`	`18`	`module.exports = new IgxFinancialChartTemplate();`
Original file line number	Diff line number	Diff line change
`@@ -16,7 +16,7 @@ class IgxLinearGaugeTemplate extends IgniteUIForAngularTemplate {`
`16`	`16`	`from: "igniteui-angular-gauges"`
`17`	`17`	`}`
`18`	`18`	`];`
`19`		`- this.packages = ["igniteui-angular-core@~20.1.0", "igniteui-angular-gauges@~20.1.0"];`
	`19`	`+ this.packages = ["igniteui-angular-core@~21.0.0", "igniteui-angular-gauges@~21.0.0"];`
`20`	`20`	`}`
`21`	`21`	`}`
`22`	`22`	`module.exports = new IgxLinearGaugeTemplate();`
Original file line number	Diff line number	Diff line change
`@@ -20,7 +20,7 @@ class IgxGeographicMapTemplate extends IgniteUIForAngularTemplate {`
`20`	`20`	`from: "igniteui-angular-charts"`
`21`	`21`	`}`
`22`	`22`	`];`
`23`		`- this.packages = ["igniteui-angular-core@~20.1.0", "igniteui-angular-charts@~20.1.0", "igniteui-angular-maps@~20.1.0"];`
	`23`	`+ this.packages = ["igniteui-angular-core@~21.0.0", "igniteui-angular-charts@~21.0.0", "igniteui-angular-maps@~21.0.0"];`
`24`	`24`	`}`
`25`	`25`	`}`
`26`	`26`	`module.exports = new IgxGeographicMapTemplate();`