From 7ac922614e6e95137fcfeb14b45e4aa362f5230c Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 14 Jul 2026 15:41:20 +0000
Subject: [PATCH 1/2] refactor(igc-ts): centralize webcomponents package
 versions

---
 .../templates/webcomponents/igc-ts/constants.ts    |  6 ++++++
 .../igc-ts/financial-chart/default/index.ts        |  5 +++--
 .../webcomponents/igc-ts/grid/default/index.ts     |  3 ++-
 .../igc-ts/grid/grid-editing/index.ts              |  3 ++-
 .../igc-ts/grid/grid-summaries/index.ts            |  3 ++-
 .../igc-ts/hierarchical-grid/basic/index.ts        |  3 ++-
 .../igc-ts/linear-gauge/default/index.ts           |  5 +++--
 .../igc-ts/pie-chart/default/index.ts              |  5 +++--
 .../webcomponents/igc-ts/pivot-grid/basic/index.ts |  3 ++-
 .../igc-ts/radial-gauge/default/index.ts           |  5 +++--
 .../webcomponents/igc-ts/tree-grid/basic/index.ts  |  3 ++-
 .../webcomponents/igc-ts/tree/default/index.ts     | 14 ++++++++++----
 12 files changed, 40 insertions(+), 18 deletions(-)
 create mode 100644 packages/cli/templates/webcomponents/igc-ts/constants.ts

diff --git a/packages/cli/templates/webcomponents/igc-ts/constants.ts b/packages/cli/templates/webcomponents/igc-ts/constants.ts
new file mode 100644
index 000000000..d80db2bd9
--- /dev/null
+++ b/packages/cli/templates/webcomponents/igc-ts/constants.ts
@@ -0,0 +1,6 @@
+export const IGNITEUI_WEBCOMPONENTS_CORE_PACKAGE = "igniteui-webcomponents-core@~7.0.0";
+export const IGNITEUI_WEBCOMPONENTS_CHARTS_PACKAGE = "igniteui-webcomponents-charts@~7.0.0";
+export const IGNITEUI_WEBCOMPONENTS_GAUGES_PACKAGE = "igniteui-webcomponents-gauges@~7.0.0";
+export const IGNITEUI_WEBCOMPONENTS_GRIDS_PACKAGE = "igniteui-webcomponents-grids@~7.2.1";
+export const IGNITEUI_WEBCOMPONENTS_INPUTS_PACKAGE = "igniteui-webcomponents-inputs@~7.0.0";
+export const IGNITEUI_WEBCOMPONENTS_LAYOUTS_PACKAGE = "igniteui-webcomponents-layouts@~7.0.0";
diff --git a/packages/cli/templates/webcomponents/igc-ts/financial-chart/default/index.ts b/packages/cli/templates/webcomponents/igc-ts/financial-chart/default/index.ts
index 0e2e919e3..3c19358c8 100644
--- a/packages/cli/templates/webcomponents/igc-ts/financial-chart/default/index.ts
+++ b/packages/cli/templates/webcomponents/igc-ts/financial-chart/default/index.ts
@@ -1,4 +1,5 @@
 import { IgniteUIForWebComponentsTemplate } from "../../../../../lib/templates/IgniteUIForWebComponentsTemplate";
+import { IGNITEUI_WEBCOMPONENTS_CHARTS_PACKAGE, IGNITEUI_WEBCOMPONENTS_CORE_PACKAGE } from "../../constants";
 
 class IgcFinancialChartTemplate extends IgniteUIForWebComponentsTemplate {
 	constructor() {
@@ -11,8 +12,8 @@ class IgcFinancialChartTemplate extends IgniteUIForWebComponentsTemplate {
 		this.name = "Financial Chart";
 		this.description = "IgcFinancialChart";
 		this.packages = [
-			"igniteui-webcomponents-core@~7.0.0",
-			"igniteui-webcomponents-charts@~7.0.0"
+			IGNITEUI_WEBCOMPONENTS_CORE_PACKAGE,
+			IGNITEUI_WEBCOMPONENTS_CHARTS_PACKAGE
 		];
 	}
 }
diff --git a/packages/cli/templates/webcomponents/igc-ts/grid/default/index.ts b/packages/cli/templates/webcomponents/igc-ts/grid/default/index.ts
index 0a3104e4b..dd9b84786 100644
--- a/packages/cli/templates/webcomponents/igc-ts/grid/default/index.ts
+++ b/packages/cli/templates/webcomponents/igc-ts/grid/default/index.ts
@@ -1,4 +1,5 @@
 import { IgniteUIForWebComponentsTemplate } from "../../../../../lib/templates/IgniteUIForWebComponentsTemplate";
+import { IGNITEUI_WEBCOMPONENTS_GRIDS_PACKAGE } from "../../constants";
 import * as path from "path";
 
 const SHARED_DATA_ROOT = path.join(path.dirname(require.resolve("@igniteui/angular-templates/package.json")), "shared-data");
@@ -13,7 +14,7 @@ class IgcGridTemplate extends IgniteUIForWebComponentsTemplate {
                 this.projectType = "igc-ts";
                 this.name = "Grid";
                 this.description = "IgcGrid with local data";
-                this.packages = [ "igniteui-webcomponents-grids@~7.2.1" ];
+                this.packages = [ IGNITEUI_WEBCOMPONENTS_GRIDS_PACKAGE ];
         }
 
         public get templatePaths(): string[] {
diff --git a/packages/cli/templates/webcomponents/igc-ts/grid/grid-editing/index.ts b/packages/cli/templates/webcomponents/igc-ts/grid/grid-editing/index.ts
index 5d7137424..963627a4d 100644
--- a/packages/cli/templates/webcomponents/igc-ts/grid/grid-editing/index.ts
+++ b/packages/cli/templates/webcomponents/igc-ts/grid/grid-editing/index.ts
@@ -1,4 +1,5 @@
 import { IgniteUIForWebComponentsTemplate } from "../../../../../lib/templates/IgniteUIForWebComponentsTemplate";
+import { IGNITEUI_WEBCOMPONENTS_GRIDS_PACKAGE } from "../../constants";
 
 class IgcGridEditingTemplate extends IgniteUIForWebComponentsTemplate {
 	constructor() {
@@ -10,7 +11,7 @@ class IgcGridEditingTemplate extends IgniteUIForWebComponentsTemplate {
 		this.projectType = "igc-ts";
 		this.name = "Grid Editing";
 		this.description = "IgcGrid with editing enabled";
-		this.packages = [ "igniteui-webcomponents-grids@~7.2.1" ];
+		this.packages = [ IGNITEUI_WEBCOMPONENTS_GRIDS_PACKAGE ];
 	}
 }
 module.exports = new IgcGridEditingTemplate();
diff --git a/packages/cli/templates/webcomponents/igc-ts/grid/grid-summaries/index.ts b/packages/cli/templates/webcomponents/igc-ts/grid/grid-summaries/index.ts
index 27ec9551b..53b4ea2cd 100644
--- a/packages/cli/templates/webcomponents/igc-ts/grid/grid-summaries/index.ts
+++ b/packages/cli/templates/webcomponents/igc-ts/grid/grid-summaries/index.ts
@@ -1,4 +1,5 @@
 import { IgniteUIForWebComponentsTemplate } from "../../../../../lib/templates/IgniteUIForWebComponentsTemplate";
+import { IGNITEUI_WEBCOMPONENTS_GRIDS_PACKAGE } from "../../constants";
 
 class IgcGridSummariesTemplate extends IgniteUIForWebComponentsTemplate {
 	constructor() {
@@ -10,7 +11,7 @@ class IgcGridSummariesTemplate extends IgniteUIForWebComponentsTemplate {
 		this.projectType = "igc-ts";
 		this.name = "Grid Summaries";
 		this.description = "IgcGrid with column summaries";
-		this.packages = [ "igniteui-webcomponents-grids@~7.2.1" ];
+		this.packages = [ IGNITEUI_WEBCOMPONENTS_GRIDS_PACKAGE ];
 	}
 }
 module.exports = new IgcGridSummariesTemplate();
diff --git a/packages/cli/templates/webcomponents/igc-ts/hierarchical-grid/basic/index.ts b/packages/cli/templates/webcomponents/igc-ts/hierarchical-grid/basic/index.ts
index 196a350c7..94d281d67 100644
--- a/packages/cli/templates/webcomponents/igc-ts/hierarchical-grid/basic/index.ts
+++ b/packages/cli/templates/webcomponents/igc-ts/hierarchical-grid/basic/index.ts
@@ -1,4 +1,5 @@
 import { IgniteUIForWebComponentsTemplate } from "../../../../../lib/templates/IgniteUIForWebComponentsTemplate";
+import { IGNITEUI_WEBCOMPONENTS_GRIDS_PACKAGE } from "../../constants";
 import * as path from "path";
 
 const SHARED_DATA_ROOT = path.join(path.dirname(require.resolve("@igniteui/angular-templates/package.json")), "shared-data");
@@ -13,7 +14,7 @@ class IgcHierarchicalGridTemplate extends IgniteUIForWebComponentsTemplate {
 		this.projectType = "igc-ts";
 		this.name = "Hierarchical Grid";
 		this.description = "IgcHierarchicalGrid with basic configuration";
-		this.packages = [ "igniteui-webcomponents-grids@~7.2.1" ];
+		this.packages = [ IGNITEUI_WEBCOMPONENTS_GRIDS_PACKAGE ];
 	}
 
 	public get templatePaths(): string[] {
diff --git a/packages/cli/templates/webcomponents/igc-ts/linear-gauge/default/index.ts b/packages/cli/templates/webcomponents/igc-ts/linear-gauge/default/index.ts
index 959104e8f..19bca1666 100644
--- a/packages/cli/templates/webcomponents/igc-ts/linear-gauge/default/index.ts
+++ b/packages/cli/templates/webcomponents/igc-ts/linear-gauge/default/index.ts
@@ -1,4 +1,5 @@
 import { IgniteUIForWebComponentsTemplate } from "../../../../../lib/templates/IgniteUIForWebComponentsTemplate";
+import { IGNITEUI_WEBCOMPONENTS_CORE_PACKAGE, IGNITEUI_WEBCOMPONENTS_GAUGES_PACKAGE } from "../../constants";
 
 class IgcLinearGaugeTemplate extends IgniteUIForWebComponentsTemplate {
 	constructor() {
@@ -11,8 +12,8 @@ class IgcLinearGaugeTemplate extends IgniteUIForWebComponentsTemplate {
 		this.name = "Linear Gauge";
 		this.description = "IgcLinearGauge";
 		this.packages = [
-			"igniteui-webcomponents-core@~7.0.0",
-			"igniteui-webcomponents-gauges@~7.0.0"
+			IGNITEUI_WEBCOMPONENTS_CORE_PACKAGE,
+			IGNITEUI_WEBCOMPONENTS_GAUGES_PACKAGE
 		];
 	}
 }
diff --git a/packages/cli/templates/webcomponents/igc-ts/pie-chart/default/index.ts b/packages/cli/templates/webcomponents/igc-ts/pie-chart/default/index.ts
index 10a5378ba..d2f053857 100644
--- a/packages/cli/templates/webcomponents/igc-ts/pie-chart/default/index.ts
+++ b/packages/cli/templates/webcomponents/igc-ts/pie-chart/default/index.ts
@@ -1,4 +1,5 @@
 import { IgniteUIForWebComponentsTemplate } from "../../../../../lib/templates/IgniteUIForWebComponentsTemplate";
+import { IGNITEUI_WEBCOMPONENTS_CHARTS_PACKAGE, IGNITEUI_WEBCOMPONENTS_CORE_PACKAGE } from "../../constants";
 
 class IgcPieChartTemplate extends IgniteUIForWebComponentsTemplate {
 	constructor() {
@@ -11,8 +12,8 @@ class IgcPieChartTemplate extends IgniteUIForWebComponentsTemplate {
 		this.name = "Pie Chart";
 		this.description = "IgcPieChart with local data";
 		this.packages = [
-			"igniteui-webcomponents-core@~7.0.0",
-			"igniteui-webcomponents-charts@~7.0.0"
+			IGNITEUI_WEBCOMPONENTS_CORE_PACKAGE,
+			IGNITEUI_WEBCOMPONENTS_CHARTS_PACKAGE
 		];
 	}
 }
diff --git a/packages/cli/templates/webcomponents/igc-ts/pivot-grid/basic/index.ts b/packages/cli/templates/webcomponents/igc-ts/pivot-grid/basic/index.ts
index 0a22d29fd..e942d6422 100644
--- a/packages/cli/templates/webcomponents/igc-ts/pivot-grid/basic/index.ts
+++ b/packages/cli/templates/webcomponents/igc-ts/pivot-grid/basic/index.ts
@@ -1,4 +1,5 @@
 import { IgniteUIForWebComponentsTemplate } from "../../../../../lib/templates/IgniteUIForWebComponentsTemplate";
+import { IGNITEUI_WEBCOMPONENTS_GRIDS_PACKAGE } from "../../constants";
 import * as path from "path";
 
 const SHARED_DATA_ROOT = path.join(path.dirname(require.resolve("@igniteui/angular-templates/package.json")), "shared-data");
@@ -13,7 +14,7 @@ class IgcPivotGridTemplate extends IgniteUIForWebComponentsTemplate {
 		this.projectType = "igc-ts";
 		this.name = "Pivot Grid";
 		this.description = "Basic IgcPivotGrid component";
-		this.packages = [ "igniteui-webcomponents-grids@~7.2.1" ];
+		this.packages = [ IGNITEUI_WEBCOMPONENTS_GRIDS_PACKAGE ];
 	}
 
 	public get templatePaths(): string[] {
diff --git a/packages/cli/templates/webcomponents/igc-ts/radial-gauge/default/index.ts b/packages/cli/templates/webcomponents/igc-ts/radial-gauge/default/index.ts
index 1037db5f2..52dfb9132 100644
--- a/packages/cli/templates/webcomponents/igc-ts/radial-gauge/default/index.ts
+++ b/packages/cli/templates/webcomponents/igc-ts/radial-gauge/default/index.ts
@@ -1,4 +1,5 @@
 import { IgniteUIForWebComponentsTemplate } from "../../../../../lib/templates/IgniteUIForWebComponentsTemplate";
+import { IGNITEUI_WEBCOMPONENTS_CORE_PACKAGE, IGNITEUI_WEBCOMPONENTS_GAUGES_PACKAGE } from "../../constants";
 
 class IgcradialGaugeTemplate extends IgniteUIForWebComponentsTemplate {
 	constructor() {
@@ -11,8 +12,8 @@ class IgcradialGaugeTemplate extends IgniteUIForWebComponentsTemplate {
 		this.name = "Radial Gauge";
 		this.description = "IgcRadialGauge";
 		this.packages = [
-			"igniteui-webcomponents-core@~7.0.0",
-			"igniteui-webcomponents-gauges@~7.0.0"
+			IGNITEUI_WEBCOMPONENTS_CORE_PACKAGE,
+			IGNITEUI_WEBCOMPONENTS_GAUGES_PACKAGE
 		];
 	}
 }
diff --git a/packages/cli/templates/webcomponents/igc-ts/tree-grid/basic/index.ts b/packages/cli/templates/webcomponents/igc-ts/tree-grid/basic/index.ts
index fa8e9a678..35dbb4f69 100644
--- a/packages/cli/templates/webcomponents/igc-ts/tree-grid/basic/index.ts
+++ b/packages/cli/templates/webcomponents/igc-ts/tree-grid/basic/index.ts
@@ -1,4 +1,5 @@
 import { IgniteUIForWebComponentsTemplate } from "../../../../../lib/templates/IgniteUIForWebComponentsTemplate";
+import { IGNITEUI_WEBCOMPONENTS_GRIDS_PACKAGE } from "../../constants";
 import * as path from "path";
 
 const SHARED_DATA_ROOT = path.join(path.dirname(require.resolve("@igniteui/angular-templates/package.json")), "shared-data");
@@ -13,7 +14,7 @@ class IgcTreeGridTemplate extends IgniteUIForWebComponentsTemplate {
 		this.projectType = "igc-ts";
 		this.name = "Tree Grid";
 		this.description = "IgcTreeGrid with hierarchical data";
-		this.packages = [ "igniteui-webcomponents-grids@~7.2.1" ];
+		this.packages = [ IGNITEUI_WEBCOMPONENTS_GRIDS_PACKAGE ];
 	}
 
 	public get templatePaths(): string[] {
diff --git a/packages/cli/templates/webcomponents/igc-ts/tree/default/index.ts b/packages/cli/templates/webcomponents/igc-ts/tree/default/index.ts
index 2c9ab4912..f06594400 100644
--- a/packages/cli/templates/webcomponents/igc-ts/tree/default/index.ts
+++ b/packages/cli/templates/webcomponents/igc-ts/tree/default/index.ts
@@ -1,4 +1,10 @@
 import { IgniteUIForWebComponentsTemplate } from "../../../../../lib/templates/IgniteUIForWebComponentsTemplate";
+import {
+	IGNITEUI_WEBCOMPONENTS_CORE_PACKAGE,
+	IGNITEUI_WEBCOMPONENTS_GRIDS_PACKAGE,
+	IGNITEUI_WEBCOMPONENTS_INPUTS_PACKAGE,
+	IGNITEUI_WEBCOMPONENTS_LAYOUTS_PACKAGE
+} from "../../constants";
 
 class IgcTreeTemplate extends IgniteUIForWebComponentsTemplate {
 	constructor() {
@@ -11,10 +17,10 @@ class IgcTreeTemplate extends IgniteUIForWebComponentsTemplate {
 		this.name = "Tree";
 		this.description = "basic IgcTree";
 		this.packages = [
-			"igniteui-webcomponents-core@~7.0.0",
-			"igniteui-webcomponents-grids@~7.2.1",
-			"igniteui-webcomponents-inputs@~7.0.0",
-			"igniteui-webcomponents-layouts@~7.0.0"
+			IGNITEUI_WEBCOMPONENTS_CORE_PACKAGE,
+			IGNITEUI_WEBCOMPONENTS_GRIDS_PACKAGE,
+			IGNITEUI_WEBCOMPONENTS_INPUTS_PACKAGE,
+			IGNITEUI_WEBCOMPONENTS_LAYOUTS_PACKAGE
 		];
 	}
 }

From 15283d407b9d57605cd157399753d346bf5b6f6f Mon Sep 17 00:00:00 2001
From: damyanpetev <damyanpetev@users.noreply.github.com>
Date: Tue, 14 Jul 2026 19:22:15 +0300
Subject: [PATCH 2/2] chore: missed package.json update

---
 .../igc-ts/projects/_base_with_home/files/package.json          | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/cli/templates/webcomponents/igc-ts/projects/_base_with_home/files/package.json b/packages/cli/templates/webcomponents/igc-ts/projects/_base_with_home/files/package.json
index a6aecdaf8..1617dac31 100644
--- a/packages/cli/templates/webcomponents/igc-ts/projects/_base_with_home/files/package.json
+++ b/packages/cli/templates/webcomponents/igc-ts/projects/_base_with_home/files/package.json
@@ -19,7 +19,7 @@
     "igniteui-webcomponents-charts": "~7.0.0",
     "igniteui-webcomponents-core": "~7.0.0",
     "igniteui-webcomponents-gauges": "~7.0.0",
-    "igniteui-webcomponents-grids": "~7.1.0",
+    "igniteui-webcomponents-grids": "~7.2.1",
     "igniteui-webcomponents-inputs": "~7.0.0",
     "igniteui-webcomponents-layouts": "~7.0.0",
     "lit": "^3.3.2"