From 2fe6ce232b9e40bb1b9f6788c16df47c37282ee6 Mon Sep 17 00:00:00 2001
From: Hristo Hristov <HHristov@infragistics.com>
Date: Fri, 27 Feb 2026 14:03:33 +0200
Subject: [PATCH 01/16] fix(igx-ts): update the template

---
 .../projects/_base/files/__dot__editorconfig  |   1 +
 .../projects/_base/files/__dot__gitignore     |   3 +-
 .../igx-ts/projects/_base/files/angular.json  | 239 +++++++++---------
 .../igx-ts/projects/_base/files/messages.xlf  |   7 +
 .../igx-ts/projects/_base/files/package.json  |  20 +-
 .../_base/files/src/app/app.component.spec.ts |  23 --
 .../_base/files/src/app/app.component.ts      |  14 -
 .../_base/files/src/app/app.config.ts         |  35 +--
 .../src/app/{app.component.html => app.html}  |   0
 .../src/app/{app.component.scss => app.scss}  |   0
 .../projects/_base/files/src/app/app.spec.ts  |  16 ++
 .../projects/_base/files/src/app/app.ts       |  12 +
 .../error/global-error-handler.service.ts     |  23 --
 .../error/uncaught-error.component.ts         |   3 +-
 .../not-found/not-found.component.ts          |   3 +-
 .../environments/environment.development.ts   |   1 +
 .../src/environments/environment.prod.ts      |   3 -
 .../files/src/environments/environment.ts     |   4 +-
 .../projects/_base/files/src/index.html       |   2 -
 .../igx-ts/projects/_base/files/src/main.ts   |  13 +-
 .../projects/_base/files/tsconfig.app.json    |   7 +-
 .../igx-ts/projects/_base/files/tsconfig.json |  11 +-
 .../projects/_base/files/tsconfig.spec.json   |   4 +-
 23 files changed, 218 insertions(+), 226 deletions(-)
 create mode 100644 packages/igx-templates/igx-ts/projects/_base/files/messages.xlf
 delete mode 100644 packages/igx-templates/igx-ts/projects/_base/files/src/app/app.component.spec.ts
 delete mode 100644 packages/igx-templates/igx-ts/projects/_base/files/src/app/app.component.ts
 rename packages/igx-templates/igx-ts/projects/_base/files/src/app/{app.component.html => app.html} (100%)
 rename packages/igx-templates/igx-ts/projects/_base/files/src/app/{app.component.scss => app.scss} (100%)
 create mode 100644 packages/igx-templates/igx-ts/projects/_base/files/src/app/app.spec.ts
 create mode 100644 packages/igx-templates/igx-ts/projects/_base/files/src/app/app.ts
 delete mode 100644 packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/error/global-error-handler.service.ts
 create mode 100644 packages/igx-templates/igx-ts/projects/_base/files/src/environments/environment.development.ts
 delete mode 100644 packages/igx-templates/igx-ts/projects/_base/files/src/environments/environment.prod.ts

diff --git a/packages/igx-templates/igx-ts/projects/_base/files/__dot__editorconfig b/packages/igx-templates/igx-ts/projects/_base/files/__dot__editorconfig
index 59d9a3a3e..f166060da 100644
--- a/packages/igx-templates/igx-ts/projects/_base/files/__dot__editorconfig
+++ b/packages/igx-templates/igx-ts/projects/_base/files/__dot__editorconfig
@@ -10,6 +10,7 @@ trim_trailing_whitespace = true
 
 [*.ts]
 quote_type = single
+ij_typescript_use_double_quotes = false
 
 [*.md]
 max_line_length = off
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/__dot__gitignore b/packages/igx-templates/igx-ts/projects/_base/files/__dot__gitignore
index 0711527ef..b1d225e26 100644
--- a/packages/igx-templates/igx-ts/projects/_base/files/__dot__gitignore
+++ b/packages/igx-templates/igx-ts/projects/_base/files/__dot__gitignore
@@ -1,4 +1,4 @@
-# See http://help.github.com/ignore-files/ for more about ignoring files.
+# See https://docs.github.com/get-started/getting-started-with-git/ignoring-files for more about ignoring files.
 
 # Compiled output
 /dist
@@ -36,6 +36,7 @@ yarn-error.log
 /libpeerconnection.log
 testem.log
 /typings
+__screenshots__/
 
 # System files
 .DS_Store
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/angular.json b/packages/igx-templates/igx-ts/projects/_base/files/angular.json
index d05b7415f..550168105 100644
--- a/packages/igx-templates/igx-ts/projects/_base/files/angular.json
+++ b/packages/igx-templates/igx-ts/projects/_base/files/angular.json
@@ -1,127 +1,138 @@
 {
-	"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
-	"version": 1,
-	"newProjectRoot": "projects",
-	"projects": {
-		"<%=dashName%>": {
-			"projectType": "application",
-			"schematics": {
-				"@schematics/angular:component": {
-					"style": "scss"
-				}
-			},
-			"root": "",
-			"sourceRoot": "src",
-			"prefix": "app",
-			"architect": {
-				"build": {
-					"builder": "@angular/build:application",
-					"options": {
-						"outputPath": "dist/<%=dashName%>",
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "<%=dashName%>": {
+      "projectType": "application",
+      "schematics": {
+        "@schematics/angular:component": {
+          "style": "scss"
+        }
+      },
+      "root": "",
+      "sourceRoot": "src",
+      "prefix": "app",
+      "architect": {
+        "build": {
+          "builder": "@angular/build:application",
+          "options": {
+            "outputPath": "dist/<%=dashName%>",
 						"index": "src/index.html",
-						"browser": "src/main.ts",
-						"polyfills": [
-							"zone.js"
-						],
-						"tsConfig": "tsconfig.app.json",
-						"inlineStyleLanguage": "scss",
-						"assets": [
-							"src/favicon.ico",
-							"src/assets"
-						],
-						"styles": [
-							"src/styles.scss"<%=DefaultTheme%>
-						],
-						"scripts": [
+            "browser": "src/main.ts",
+            "polyfills": [
+              "zone.js",
+              "@angular/localize/init"
+            ],
+            "tsConfig": "tsconfig.app.json",
+            "inlineStyleLanguage": "scss",
+            "assets": [
+              {
+                "glob": "**/*",
+                "input": "public"
+              }
+            ],
+            "styles": [
+              "src/styles.scss"<%=DefaultTheme%>
+            ],
+            "scripts": [
 							"./node_modules/hammerjs/hammer.min.js"
 						],
-						"stylePreprocessorOptions": {
-							"includePaths": [
-								"node_modules"
-							]
-						}
-					},
-					"configurations": {
-						"production": {
-							"budgets": [
-								{
-									"type": "initial",
-									"maximumWarning": "5mb",
-									"maximumError": "40mb"
-								},
-								{
-									"type": "anyComponentStyle",
-                  "maximumWarning": "8kb",
+            "stylePreprocessorOptions": {
+              "includePaths": [
+                "node_modules"
+              ]
+            }
+          },
+          "configurations": {
+            "production": {
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "5mb",
+                  "maximumError": "40mb"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "8kB",
                   "maximumError": "2mb"
-								}
-							],
-							"outputHashing": "all"
-						},
-						"development": {
-							"optimization": false,
-							"extractLicenses": false,
-							"sourceMap": true
-						}
-					},
-					"defaultConfiguration": "production"
-				},
-				"serve": {
-					"builder": "@angular/build:dev-server",
-					"configurations": {
-						"production": {
-							"buildTarget": "<%=dashName%>:build:production"
-						},
-						"development": {
-							"buildTarget": "<%=dashName%>:build:development"
-						}
-					},
-					"defaultConfiguration": "development"
-				},
-				"extract-i18n": {
-					"builder": "@angular-devkit/build-angular:extract-i18n",
-					"options": {
+                }
+              ],
+              "outputHashing": "all"
+            },
+            "development": {
+              "optimization": false,
+              "extractLicenses": false,
+              "sourceMap": true,
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.development.ts"
+                }
+              ]
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "serve": {
+          "builder": "@angular/build:dev-server",
+          "configurations": {
+            "production": {
+              "buildTarget": "<%=dashName%>:build:production"
+            },
+            "development": {
+              "buildTarget": "<%=dashName%>:build:development"
+            }
+          },
+          "defaultConfiguration": "development"
+        },
+        "extract-i18n": {
+          "builder": "@angular/build:extract-i18n",
+          "options": {
 						"buildTarget": "<%=dashName%>:build"
 					}
-				},
-				"test": {
-					"builder": "@angular-devkit/build-angular:karma",
-					"options": {
-						"polyfills": [
-							"zone.js",
-							"zone.js/testing"
-						],
-						"tsConfig": "tsconfig.spec.json",
-						"inlineStyleLanguage": "scss",
-						"assets": [
-							"src/favicon.ico",
-							"src/assets"
-						],
-						"styles": [
-							"src/styles.scss"
-						],
-						"scripts": [],
+        },
+        "test": {
+          "builder": "@angular/build:karma",
+          "options": {
+            "polyfills": [
+              "zone.js",
+              "zone.js/testing",
+              "@angular/localize/init"
+            ],
+            "tsConfig": "tsconfig.spec.json",
+            "inlineStyleLanguage": "scss",
+            "assets": [
+              {
+                "glob": "**/*",
+                "input": "public"
+              }
+            ],
+            "styles": [
+              "src/styles.scss"
+            ],
             "stylePreprocessorOptions": {
-							"includePaths": [
-								"node_modules"
-							]
-						}
-					}
-				},
-				"lint": {
-				  "builder": "@angular-eslint/builder:lint",
-				  "options": {
-					  "lintFilePatterns": [
-					    "src/**/*.ts",
-					    "src/**/*.html"
-					  ]
-				  }
-				}
-			}
-		}
-	},
+              "includePaths": [
+                "node_modules"
+              ]
+            }
+          }
+        },
+        "lint": {
+          "builder": "@angular-eslint/builder:lint",
+          "options": {
+            "lintFilePatterns": [
+              "src/**/*.ts",
+              "src/**/*.html"
+            ]
+          }
+        }
+      }
+    }
+  },
   "cli": {
     "schematicCollections": [
-      "@angular-eslint/schematics"
+      "angular-eslint"
     ]
   }
 }
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/messages.xlf b/packages/igx-templates/igx-ts/projects/_base/files/messages.xlf
new file mode 100644
index 000000000..b0c2d1120
--- /dev/null
+++ b/packages/igx-templates/igx-ts/projects/_base/files/messages.xlf
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
+  <file source-language="en-US" datatype="plaintext" original="ng2.template">
+    <body>
+    </body>
+  </file>
+</xliff>
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/package.json b/packages/igx-templates/igx-ts/projects/_base/files/package.json
index 28ec3d456..459120c12 100644
--- a/packages/igx-templates/igx-ts/projects/_base/files/package.json
+++ b/packages/igx-templates/igx-ts/projects/_base/files/package.json
@@ -3,12 +3,24 @@
   "version": "0.0.0",
   "scripts": {
     "ng": "ng",
-    "start": "ng serve -o",
+    "start": "ng serve -о",
     "build": "ng build",
     "watch": "ng build --watch --configuration development",
     "test": "node --max-old-space-size=8192 ./node_modules/@angular/cli/bin/ng test",
     "lint": "ng lint"
   },
+  "prettier": {
+    "printWidth": 100,
+    "singleQuote": true,
+    "overrides": [
+      {
+        "files": "*.html",
+        "options": {
+          "parser": "angular"
+        }
+      }
+    ]
+  },
   "private": true,
   "dependencies": {
     "@angular/animations": "~21.1.5",
@@ -19,7 +31,9 @@
     "@angular/platform-browser": "~21.1.5",
     "@angular/platform-browser-dynamic": "~21.1.5",
     "@angular/router": "~21.1.5",
+    "@igniteui/material-icons-extended": "^3.1.0",
     "hammerjs": "~2.0.8",
+    "fflate": "~0.8.1",
     "igniteui-angular": "~21.1.0",
     "minireset.css": "~0.0.7",
     "rxjs": "~7.8.1",
@@ -28,9 +42,11 @@
   },
   "devDependencies": {
     "@angular/build": "~21.1.5",
-    "@angular-devkit/build-angular": "~21.1.5",
     "@angular/cli": "~21.1.5",
     "@angular/compiler-cli": "~21.1.5",
+    "@angular/localize": "~21.1.5",
+    "@igniteui/angular-schematics": "~21.1.1490",
+    "@types/hammerjs": "~2.0.40",
     "@types/jasmine": "~5.1.4",
     "angular-eslint": "~21.2.0",
     "eslint": "~9.39.1",
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.component.spec.ts b/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.component.spec.ts
deleted file mode 100644
index bfeb5b1f4..000000000
--- a/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.component.spec.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-import { RouterModule } from '@angular/router';
-import { AppComponent } from './app.component';
-
-describe('AppComponent', () => {
-  let component: AppComponent;
-  let fixture: ComponentFixture<AppComponent>;
-
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      imports: [ AppComponent, RouterModule.forRoot([]) ]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(AppComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  }));
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.component.ts b/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.component.ts
deleted file mode 100644
index 23437c8ae..000000000
--- a/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.component.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Component } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { RouterOutlet } from '@angular/router';
-
-@Component({
-  selector: 'app-root',
-  standalone: true,
-  imports: [CommonModule, RouterOutlet],
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.scss']
-})
-export class AppComponent {
-  title = 'Home - IgniteUI for Angular';
-}
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.config.ts b/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.config.ts
index 59085a03d..e4c6a7019 100644
--- a/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.config.ts
+++ b/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.config.ts
@@ -1,27 +1,14 @@
-import { ApplicationConfig, EnvironmentProviders, ErrorHandler, Provider, importProvidersFrom, provideZoneChangeDetection } from '@angular/core';
-import { BrowserModule, HammerModule } from '@angular/platform-browser';
-import { provideAnimations } from '@angular/platform-browser/animations';
+import { ApplicationConfig, provideBrowserGlobalErrorListeners, provideZoneChangeDetection } from '@angular/core';
 import { provideRouter } from '@angular/router';
 
-import { environment } from '../environments/environment';
 import { routes } from './app.routes';
-import { GlobalErrorHandlerService } from './error-routing/error/global-error-handler.service';
-
-// provide the HAMMER_GESTURE_CONFIG token
-// to override the default settings of the HammerModule
-// { provide: HAMMER_GESTURE_CONFIG, useClass: MyHammerConfig }
-const providers: (EnvironmentProviders | Provider)[] = [
-  provideZoneChangeDetection({ eventCoalescing: true }),
-  provideRouter(routes),
-  importProvidersFrom(BrowserModule, HammerModule),
-  provideAnimations()
-];
-
-if (environment.production) {
-  providers.push({
-    provide: ErrorHandler,
-    useClass: GlobalErrorHandlerService
-  });
-}
-
-export const appConfig: ApplicationConfig = { providers };
+import { provideAnimations } from "@angular/platform-browser/animations";
+
+export const appConfig: ApplicationConfig = {
+	providers: [
+		provideBrowserGlobalErrorListeners(),
+		provideZoneChangeDetection({ eventCoalescing: true }),
+		provideRouter(routes),
+    provideAnimations()
+	]
+};
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.component.html b/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.html
similarity index 100%
rename from packages/igx-templates/igx-ts/projects/_base/files/src/app/app.component.html
rename to packages/igx-templates/igx-ts/projects/_base/files/src/app/app.html
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.component.scss b/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.scss
similarity index 100%
rename from packages/igx-templates/igx-ts/projects/_base/files/src/app/app.component.scss
rename to packages/igx-templates/igx-ts/projects/_base/files/src/app/app.scss
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.spec.ts b/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.spec.ts
new file mode 100644
index 000000000..75753d688
--- /dev/null
+++ b/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.spec.ts
@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+import { App } from './app';
+
+describe('App', () => {
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [App],
+    }).compileComponents();
+  });
+
+  it('should create the app', () => {
+    const fixture = TestBed.createComponent(App);
+    const app = fixture.componentInstance;
+    expect(app).toBeTruthy();
+  });
+});
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.ts b/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.ts
new file mode 100644
index 000000000..917b1f40f
--- /dev/null
+++ b/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.ts
@@ -0,0 +1,12 @@
+import { Component, signal } from '@angular/core';
+import { RouterOutlet } from '@angular/router';
+
+@Component({
+  selector: 'app-root',
+  imports: [RouterOutlet],
+  templateUrl: './app.html',
+  styleUrl: './app.scss'
+})
+export class App {
+  protected readonly title = signal('Home - IgniteUI for Angular');
+}
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/error/global-error-handler.service.ts b/packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/error/global-error-handler.service.ts
deleted file mode 100644
index 3aba8811a..000000000
--- a/packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/error/global-error-handler.service.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ErrorHandler, Injectable, Injector, NgZone } from '@angular/core';
-import { Router } from '@angular/router';
-
-@Injectable()
-export class GlobalErrorHandlerService implements ErrorHandler {
-
-  constructor(private injector: Injector, private zone: NgZone) { }
-
-  handleError(error: any) {
-    // handle and/or log error, for example:
-    console.error(error);
-
-    // show error page
-    const router = this.injector.get(Router);
-    if (router) {
-      this.zone.run(() => {
-        router
-          .navigate(['error'])
-          .catch((err: any) => console.error(err));
-      });
-    }
-  }
-}
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/error/uncaught-error.component.ts b/packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/error/uncaught-error.component.ts
index b1f7a6421..8a1bfcb92 100644
--- a/packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/error/uncaught-error.component.ts
+++ b/packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/error/uncaught-error.component.ts
@@ -1,7 +1,6 @@
 import { Component } from '@angular/core';
 
 @Component({
-  standalone: true,
-  template: '<h2>Error 500: Internal Server Error</h2>',
+  template: '<h2>Error 500: Internal Server Error</h2>'
 })
 export class UncaughtErrorComponent  { }
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/not-found/not-found.component.ts b/packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/not-found/not-found.component.ts
index 36f0bd418..4f027a808 100644
--- a/packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/not-found/not-found.component.ts
+++ b/packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/not-found/not-found.component.ts
@@ -1,7 +1,6 @@
 import { Component } from '@angular/core';
 
 @Component({
-  template: '<h2>Error 404: Page not found</h2>',
-  standalone: true
+  template: '<h2>Error 404: Page not found</h2>'
 })
 export class PageNotFoundComponent { }
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/src/environments/environment.development.ts b/packages/igx-templates/igx-ts/projects/_base/files/src/environments/environment.development.ts
new file mode 100644
index 000000000..f274e5edf
--- /dev/null
+++ b/packages/igx-templates/igx-ts/projects/_base/files/src/environments/environment.development.ts
@@ -0,0 +1 @@
+export const environment = {};
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/src/environments/environment.prod.ts b/packages/igx-templates/igx-ts/projects/_base/files/src/environments/environment.prod.ts
deleted file mode 100644
index 3612073bc..000000000
--- a/packages/igx-templates/igx-ts/projects/_base/files/src/environments/environment.prod.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export const environment = {
-  production: true
-};
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/src/environments/environment.ts b/packages/igx-templates/igx-ts/projects/_base/files/src/environments/environment.ts
index ffe8aed76..f274e5edf 100644
--- a/packages/igx-templates/igx-ts/projects/_base/files/src/environments/environment.ts
+++ b/packages/igx-templates/igx-ts/projects/_base/files/src/environments/environment.ts
@@ -1,3 +1 @@
-export const environment = {
-  production: false
-};
+export const environment = {};
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/src/index.html b/packages/igx-templates/igx-ts/projects/_base/files/src/index.html
index 0fb952946..fcc9c9bcf 100644
--- a/packages/igx-templates/igx-ts/projects/_base/files/src/index.html
+++ b/packages/igx-templates/igx-ts/projects/_base/files/src/index.html
@@ -4,10 +4,8 @@
   <meta charset="utf-8">
   <title>Ignite UI for Angular</title>
   <base href="/">
-
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
-
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 </head>
 <body class="ig-typography ig-scrollbar">
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/src/main.ts b/packages/igx-templates/igx-ts/projects/_base/files/src/main.ts
index 88b06b346..6bb4616d5 100644
--- a/packages/igx-templates/igx-ts/projects/_base/files/src/main.ts
+++ b/packages/igx-templates/igx-ts/projects/_base/files/src/main.ts
@@ -1,13 +1,8 @@
-import { enableProdMode } from '@angular/core';
-import { bootstrapApplication } from '@angular/platform-browser';
+/// <reference types="@angular/localize" />
 
+import { bootstrapApplication } from '@angular/platform-browser';
 import { appConfig } from './app/app.config';
-import { AppComponent } from './app/app.component';
-import { environment } from './environments/environment';
-
-if (environment.production) {
-  enableProdMode();
-}
+import { App } from './app/app';
 
-bootstrapApplication(AppComponent, appConfig)
+bootstrapApplication(App, appConfig)
   .catch((err) => console.error(err));
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/tsconfig.app.json b/packages/igx-templates/igx-ts/projects/_base/files/tsconfig.app.json
index 374cc9d29..2f05a2e13 100644
--- a/packages/igx-templates/igx-ts/projects/_base/files/tsconfig.app.json
+++ b/packages/igx-templates/igx-ts/projects/_base/files/tsconfig.app.json
@@ -3,12 +3,17 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "outDir": "./out-tsc/app",
-    "types": []
+    "types": [
+      "@angular/localize"
+    ]
   },
   "files": [
     "src/main.ts"
   ],
   "include": [
     "src/**/*.d.ts"
+  ],
+  "exclude": [
+    "src/**/*.spec.ts"
   ]
 }
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/tsconfig.json b/packages/igx-templates/igx-ts/projects/_base/files/tsconfig.json
index 30b933646..bc26da497 100644
--- a/packages/igx-templates/igx-ts/projects/_base/files/tsconfig.json
+++ b/packages/igx-templates/igx-ts/projects/_base/files/tsconfig.json
@@ -35,5 +35,14 @@
         "optionalChainNotNullable": "suppress"
       }
     }
-  }
+  },
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.app.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ]
 }
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/tsconfig.spec.json b/packages/igx-templates/igx-ts/projects/_base/files/tsconfig.spec.json
index be7e9da76..91567ac52 100644
--- a/packages/igx-templates/igx-ts/projects/_base/files/tsconfig.spec.json
+++ b/packages/igx-templates/igx-ts/projects/_base/files/tsconfig.spec.json
@@ -8,7 +8,7 @@
     ]
   },
   "include": [
-    "src/**/*.spec.ts",
-    "src/**/*.d.ts"
+    "src/**/*.d.ts",
+    "src/**/*.spec.ts"
   ]
 }

From 7bb05d80e4207e5906bcd97be6f46b6bfb256163 Mon Sep 17 00:00:00 2001
From: Hristo Hristov <HHristov@infragistics.com>
Date: Fri, 27 Feb 2026 14:08:49 +0200
Subject: [PATCH 02/16] fix: typo

---
 packages/igx-templates/igx-ts/projects/_base/files/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/igx-templates/igx-ts/projects/_base/files/package.json b/packages/igx-templates/igx-ts/projects/_base/files/package.json
index 459120c12..f9f50d02c 100644
--- a/packages/igx-templates/igx-ts/projects/_base/files/package.json
+++ b/packages/igx-templates/igx-ts/projects/_base/files/package.json
@@ -3,7 +3,7 @@
   "version": "0.0.0",
   "scripts": {
     "ng": "ng",
-    "start": "ng serve -о",
+    "start": "ng serve -o",
     "build": "ng build",
     "watch": "ng build --watch --configuration development",
     "test": "node --max-old-space-size=8192 ./node_modules/@angular/cli/bin/ng test",

From c12357187d5766d3f0456729999f41f2fce5510f Mon Sep 17 00:00:00 2001
From: Hristo Hristov <HHristov@infragistics.com>
Date: Sat, 28 Feb 2026 14:06:19 +0200
Subject: [PATCH 03/16] fix(igx-ts): update the templates

---
 .../_base/files/src/app/app.config.ts         |  6 ++-
 .../files/src/app/app.config.ts               | 24 +++++-----
 .../files/src/app/home/home.component.ts      |  3 +-
 .../_base_with_home/files/src/index.html      |  2 -
 .../igx-ts/projects/base/files/src/index.html |  2 -
 .../empty/files/src/app/app.config.ts         | 24 +++++-----
 .../src/app/{app.component.html => app.html}  |  0
 .../src/app/{app.component.scss => app.scss}  |  0
 .../src/app/{app.component.ts => app.ts}      |  5 +-
 .../files/src/app/home/home.component.ts      |  3 +-
 .../side-nav-auth/files/src/app/app.config.ts | 46 +++++++++----------
 .../src/app/{app.component.html => app.html}  |  0
 .../{app.component.spec.ts => app.spec.ts}    |  2 +-
 .../src/app/{app.component.ts => app.ts}      |  3 +-
 .../login-bar/login-bar.component.ts          |  3 +-
 .../login-dialog/login-dialog.component.ts    |  3 +-
 .../authentication/login/login.component.ts   |  3 +-
 .../profile/profile.component.ts              |  3 +-
 .../redirect/redirect.component.ts            |  3 +-
 .../register/register.component.ts            |  3 +-
 .../side-nav-auth/files/src/index.html        |  6 ---
 .../side-nav/files/src/app/app.config.ts      | 40 ++++++++--------
 .../src/app/{app.component.html => app.html}  |  0
 .../src/app/{app.component.scss => app.scss}  |  0
 .../{app.component.spec.ts => app.spec.ts}    |  2 +-
 .../src/app/{app.component.ts => app.ts}      |  3 +-
 26 files changed, 81 insertions(+), 108 deletions(-)
 rename packages/igx-templates/igx-ts/projects/empty/files/src/app/{app.component.html => app.html} (100%)
 rename packages/igx-templates/igx-ts/projects/empty/files/src/app/{app.component.scss => app.scss} (100%)
 rename packages/igx-templates/igx-ts/projects/empty/files/src/app/{app.component.ts => app.ts} (74%)
 rename packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/{app.component.html => app.html} (100%)
 rename packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/{app.component.spec.ts => app.spec.ts} (95%)
 rename packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/{app.component.ts => app.ts} (96%)
 rename packages/igx-templates/igx-ts/projects/side-nav/files/src/app/{app.component.html => app.html} (100%)
 rename packages/igx-templates/igx-ts/projects/side-nav/files/src/app/{app.component.scss => app.scss} (100%)
 rename packages/igx-templates/igx-ts/projects/side-nav/files/src/app/{app.component.spec.ts => app.spec.ts} (93%)
 rename packages/igx-templates/igx-ts/projects/side-nav/files/src/app/{app.component.ts => app.ts} (96%)

diff --git a/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.config.ts b/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.config.ts
index e4c6a7019..8d86ca343 100644
--- a/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.config.ts
+++ b/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.config.ts
@@ -1,14 +1,16 @@
-import { ApplicationConfig, provideBrowserGlobalErrorListeners, provideZoneChangeDetection } from '@angular/core';
+import { ApplicationConfig, importProvidersFrom, provideBrowserGlobalErrorListeners, provideZoneChangeDetection } from '@angular/core';
+import { BrowserModule, HammerModule } from '@angular/platform-browser';
+import { provideAnimations } from "@angular/platform-browser/animations";
 import { provideRouter } from '@angular/router';
 
 import { routes } from './app.routes';
-import { provideAnimations } from "@angular/platform-browser/animations";
 
 export const appConfig: ApplicationConfig = {
 	providers: [
 		provideBrowserGlobalErrorListeners(),
 		provideZoneChangeDetection({ eventCoalescing: true }),
 		provideRouter(routes),
+    importProvidersFrom(BrowserModule, HammerModule),
     provideAnimations()
 	]
 };
diff --git a/packages/igx-templates/igx-ts/projects/_base_with_home/files/src/app/app.config.ts b/packages/igx-templates/igx-ts/projects/_base_with_home/files/src/app/app.config.ts
index f082ba0b6..46f0e259e 100644
--- a/packages/igx-templates/igx-ts/projects/_base_with_home/files/src/app/app.config.ts
+++ b/packages/igx-templates/igx-ts/projects/_base_with_home/files/src/app/app.config.ts
@@ -1,18 +1,16 @@
-import { ApplicationConfig, EnvironmentProviders, Provider, importProvidersFrom, provideZoneChangeDetection } from '@angular/core';
+import { ApplicationConfig, importProvidersFrom, provideBrowserGlobalErrorListeners, provideZoneChangeDetection } from '@angular/core';
 import { BrowserModule, HammerModule } from '@angular/platform-browser';
-import { provideAnimations } from '@angular/platform-browser/animations';
+import { provideAnimations } from "@angular/platform-browser/animations";
 import { provideRouter } from '@angular/router';
 
 import { routes } from './app.routes';
 
-// provide the HAMMER_GESTURE_CONFIG token
-// to override the default settings of the HammerModule
-// { provide: HAMMER_GESTURE_CONFIG, useClass: MyHammerConfig }
-const providers: (EnvironmentProviders | Provider)[] = [
-  provideZoneChangeDetection({ eventCoalescing: true }),
-  provideRouter(routes),
-  importProvidersFrom(BrowserModule, HammerModule),
-  provideAnimations()
-];
-
-export const appConfig: ApplicationConfig = { providers };
+export const appConfig: ApplicationConfig = {
+  providers: [
+    provideBrowserGlobalErrorListeners(),
+    provideZoneChangeDetection({ eventCoalescing: true }),
+    provideRouter(routes),
+    importProvidersFrom(BrowserModule, HammerModule),
+    provideAnimations()
+  ]
+};
diff --git a/packages/igx-templates/igx-ts/projects/_base_with_home/files/src/app/home/home.component.ts b/packages/igx-templates/igx-ts/projects/_base_with_home/files/src/app/home/home.component.ts
index 0d54789c1..070a0385f 100644
--- a/packages/igx-templates/igx-ts/projects/_base_with_home/files/src/app/home/home.component.ts
+++ b/packages/igx-templates/igx-ts/projects/_base_with_home/files/src/app/home/home.component.ts
@@ -2,9 +2,8 @@ import { Component } from '@angular/core';
 
 @Component({
   selector: 'app-home',
-  standalone: true,
   templateUrl: './home.component.html',
-  styleUrls: ['./home.component.scss']
+  styleUrl: './home.component.scss'
 })
 export class HomeComponent  {
   title = 'Welcome to Ignite UI for Angular!';
diff --git a/packages/igx-templates/igx-ts/projects/_base_with_home/files/src/index.html b/packages/igx-templates/igx-ts/projects/_base_with_home/files/src/index.html
index 298b4b419..f052edc80 100644
--- a/packages/igx-templates/igx-ts/projects/_base_with_home/files/src/index.html
+++ b/packages/igx-templates/igx-ts/projects/_base_with_home/files/src/index.html
@@ -4,10 +4,8 @@
   <meta charset="utf-8">
   <title>Ignite UI for Angular</title>
   <base href="/">
-
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
-
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <link href="https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700" rel="stylesheet">
 </head>
diff --git a/packages/igx-templates/igx-ts/projects/base/files/src/index.html b/packages/igx-templates/igx-ts/projects/base/files/src/index.html
index 082d7e8bb..5feb782aa 100644
--- a/packages/igx-templates/igx-ts/projects/base/files/src/index.html
+++ b/packages/igx-templates/igx-ts/projects/base/files/src/index.html
@@ -4,10 +4,8 @@
   <meta charset="utf-8">
   <title><%=ApplicationTitle%></title>
   <base href="/">
-
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
-
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <link href="https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700" rel="stylesheet">
 </head>
diff --git a/packages/igx-templates/igx-ts/projects/empty/files/src/app/app.config.ts b/packages/igx-templates/igx-ts/projects/empty/files/src/app/app.config.ts
index f082ba0b6..8d86ca343 100644
--- a/packages/igx-templates/igx-ts/projects/empty/files/src/app/app.config.ts
+++ b/packages/igx-templates/igx-ts/projects/empty/files/src/app/app.config.ts
@@ -1,18 +1,16 @@
-import { ApplicationConfig, EnvironmentProviders, Provider, importProvidersFrom, provideZoneChangeDetection } from '@angular/core';
+import { ApplicationConfig, importProvidersFrom, provideBrowserGlobalErrorListeners, provideZoneChangeDetection } from '@angular/core';
 import { BrowserModule, HammerModule } from '@angular/platform-browser';
-import { provideAnimations } from '@angular/platform-browser/animations';
+import { provideAnimations } from "@angular/platform-browser/animations";
 import { provideRouter } from '@angular/router';
 
 import { routes } from './app.routes';
 
-// provide the HAMMER_GESTURE_CONFIG token
-// to override the default settings of the HammerModule
-// { provide: HAMMER_GESTURE_CONFIG, useClass: MyHammerConfig }
-const providers: (EnvironmentProviders | Provider)[] = [
-  provideZoneChangeDetection({ eventCoalescing: true }),
-  provideRouter(routes),
-  importProvidersFrom(BrowserModule, HammerModule),
-  provideAnimations()
-];
-
-export const appConfig: ApplicationConfig = { providers };
+export const appConfig: ApplicationConfig = {
+	providers: [
+		provideBrowserGlobalErrorListeners(),
+		provideZoneChangeDetection({ eventCoalescing: true }),
+		provideRouter(routes),
+    importProvidersFrom(BrowserModule, HammerModule),
+    provideAnimations()
+	]
+};
diff --git a/packages/igx-templates/igx-ts/projects/empty/files/src/app/app.component.html b/packages/igx-templates/igx-ts/projects/empty/files/src/app/app.html
similarity index 100%
rename from packages/igx-templates/igx-ts/projects/empty/files/src/app/app.component.html
rename to packages/igx-templates/igx-ts/projects/empty/files/src/app/app.html
diff --git a/packages/igx-templates/igx-ts/projects/empty/files/src/app/app.component.scss b/packages/igx-templates/igx-ts/projects/empty/files/src/app/app.scss
similarity index 100%
rename from packages/igx-templates/igx-ts/projects/empty/files/src/app/app.component.scss
rename to packages/igx-templates/igx-ts/projects/empty/files/src/app/app.scss
diff --git a/packages/igx-templates/igx-ts/projects/empty/files/src/app/app.component.ts b/packages/igx-templates/igx-ts/projects/empty/files/src/app/app.ts
similarity index 74%
rename from packages/igx-templates/igx-ts/projects/empty/files/src/app/app.component.ts
rename to packages/igx-templates/igx-ts/projects/empty/files/src/app/app.ts
index fff7934cc..7e8c30445 100644
--- a/packages/igx-templates/igx-ts/projects/empty/files/src/app/app.component.ts
+++ b/packages/igx-templates/igx-ts/projects/empty/files/src/app/app.ts
@@ -3,10 +3,9 @@ import { RouterOutlet } from '@angular/router';
 
 @Component({
   selector: 'app-root',
+  imports: [RouterOutlet],
   templateUrl: './app.component.html',
-  styleUrls: ['./app.component.scss'],
-  standalone: true,
-  imports: [RouterOutlet]
+  styleUrl: './app.component.scss'
 })
 export class AppComponent {
   title = 'Home - IgniteUI for Angular';
diff --git a/packages/igx-templates/igx-ts/projects/empty/files/src/app/home/home.component.ts b/packages/igx-templates/igx-ts/projects/empty/files/src/app/home/home.component.ts
index 5e0ada951..b41085415 100644
--- a/packages/igx-templates/igx-ts/projects/empty/files/src/app/home/home.component.ts
+++ b/packages/igx-templates/igx-ts/projects/empty/files/src/app/home/home.component.ts
@@ -2,9 +2,8 @@ import { Component } from '@angular/core';
 
 @Component({
   selector: 'app-home',
-  standalone: true,
   templateUrl: './home.component.html',
-  styleUrls: ['./home.component.scss']
+  styleUrl: './home.component.scss'
 })
 export class HomeComponent {
 }
diff --git a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.config.ts b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.config.ts
index 6f1c6d4f9..6afd9d3be 100644
--- a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.config.ts
+++ b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.config.ts
@@ -1,34 +1,32 @@
-import { ApplicationConfig, EnvironmentProviders, Provider, importProvidersFrom, provideZoneChangeDetection } from '@angular/core';
-import { provideRouter } from '@angular/router';
+import { ApplicationConfig, importProvidersFrom, provideBrowserGlobalErrorListeners, provideZoneChangeDetection } from '@angular/core';
 import { BrowserModule, HammerModule } from '@angular/platform-browser';
 import { provideAnimations } from '@angular/platform-browser/animations';
+import { provideRouter } from '@angular/router';
 import {
-  IgxNavigationDrawerModule,
-  IgxNavbarModule,
   IgxLayoutModule,
+  IgxNavbarModule,
+  IgxNavigationDrawerModule,
   IgxRippleModule,
 } from '<%=igxPackage%>';
 
 import { AuthenticationModule, ExternalAuthService } from './authentication';
 import { routes } from './app.routes';
 
-// provide the HAMMER_GESTURE_CONFIG token
-// to override the default settings of the HammerModule
-// { provide: HAMMER_GESTURE_CONFIG, useClass: MyHammerConfig }
-const providers: (EnvironmentProviders | Provider)[] = [
-  provideZoneChangeDetection({ eventCoalescing: true }),
-  provideRouter(routes),
-  importProvidersFrom(
-    BrowserModule,
-    HammerModule,
-    IgxLayoutModule,
-    IgxNavbarModule,
-    IgxNavigationDrawerModule,
-    IgxRippleModule,
-    AuthenticationModule
-  ),
-  provideAnimations(),
-  ExternalAuthService
-];
-
-export const appConfig: ApplicationConfig = { providers };
+export const appConfig: ApplicationConfig = {
+  providers: [
+    provideBrowserGlobalErrorListeners(),
+    provideZoneChangeDetection({ eventCoalescing: true }),
+    provideRouter(routes),
+    importProvidersFrom(
+      BrowserModule,
+      HammerModule,
+      IgxLayoutModule,
+      IgxNavbarModule,
+      IgxNavigationDrawerModule,
+      IgxRippleModule,
+      AuthenticationModule
+    ),
+    provideAnimations(),
+    ExternalAuthService
+  ]
+};
diff --git a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.component.html b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.html
similarity index 100%
rename from packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.component.html
rename to packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.html
diff --git a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.component.spec.ts b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.spec.ts
similarity index 95%
rename from packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.component.spec.ts
rename to packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.spec.ts
index 0266ab3ab..1ef83aa79 100644
--- a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.component.spec.ts
+++ b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.spec.ts
@@ -2,7 +2,7 @@ import { TestBed, waitForAsync } from '@angular/core/testing';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { RouterModule } from '@angular/router';
 import { IgxLayoutModule, IgxNavbarModule, IgxNavigationDrawerModule, IgxRippleModule } from 'igniteui-angular';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 import { AuthenticationModule } from './authentication';
 
 describe('AppComponent', () => {
diff --git a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.component.ts b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.ts
similarity index 96%
rename from packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.component.ts
rename to packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.ts
index b23924ed3..7e354e503 100644
--- a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.component.ts
+++ b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.ts
@@ -17,9 +17,8 @@ import { LoginBarComponent } from './authentication/login-bar/login-bar.componen
 
 @Component({
   selector: 'app-root',
-  standalone: true,
   templateUrl: './app.component.html',
-  styleUrls: ['./app.component.scss'],
+  styleUrl: './app.component.scss',
   encapsulation: ViewEncapsulation.None,
   imports: [
     LoginBarComponent,
diff --git a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/login-bar/login-bar.component.ts b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/login-bar/login-bar.component.ts
index bc2c854c8..30c77cb58 100644
--- a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/login-bar/login-bar.component.ts
+++ b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/login-bar/login-bar.component.ts
@@ -10,8 +10,7 @@ import { UserService } from '../services/user.service';
 @Component({
   selector: 'app-login-bar',
   templateUrl: './login-bar.component.html',
-  styleUrls: ['./login-bar.component.scss'],
-  standalone: true,
+  styleUrl: './login-bar.component.scss',
   imports: [NgIf, IgxRippleDirective, IgxButtonDirective, IgxToggleActionDirective, IgxAvatarComponent, IgxIconComponent,
     IgxDropDownComponent, IgxDropDownItemComponent, LoginDialogComponent]
 })
diff --git a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/login-dialog/login-dialog.component.ts b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/login-dialog/login-dialog.component.ts
index d685bb867..b4b9602ba 100644
--- a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/login-dialog/login-dialog.component.ts
+++ b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/login-dialog/login-dialog.component.ts
@@ -8,8 +8,7 @@ import { LoginComponent } from '../login/login.component';
 @Component({
   selector: 'app-login-dialog',
   templateUrl: './login-dialog.component.html',
-  styleUrls: ['./login-dialog.component.scss'],
-  standalone: true,
+  styleUrl: './login-dialog.component.scss',
   imports: [IgxDialogComponent, NgIf, LoginComponent, RegisterComponent]
 })
 export class LoginDialogComponent {
diff --git a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/login/login.component.ts b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/login/login.component.ts
index 2bba95799..d434c3f8f 100644
--- a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/login/login.component.ts
+++ b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/login/login.component.ts
@@ -13,8 +13,7 @@ import { UserService } from '../services/user.service';
 @Component({
   selector: 'app-login',
   templateUrl: './login.component.html',
-  styleUrls: ['./login.component.scss'],
-  standalone: true,
+  styleUrl: './login.component.scss',
   imports: [ReactiveFormsModule, IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, IgxLabelDirective,
     IgxInputDirective, IgxButtonDirective, IgxRippleDirective, NgIf]
 })
diff --git a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/profile/profile.component.ts b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/profile/profile.component.ts
index b747f420a..61479a929 100644
--- a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/profile/profile.component.ts
+++ b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/profile/profile.component.ts
@@ -4,8 +4,7 @@ import { UserService } from '../services/user.service';
 @Component({
   selector: 'app-profile',
   templateUrl: './profile.component.html',
-  styleUrls: ['./profile.component.scss'],
-  standalone: true
+  styleUrl: './profile.component.scss'
 })
 export class ProfileComponent {
   constructor(public userService: UserService) { }
diff --git a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/redirect/redirect.component.ts b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/redirect/redirect.component.ts
index daa058c98..9d99269db 100644
--- a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/redirect/redirect.component.ts
+++ b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/redirect/redirect.component.ts
@@ -9,8 +9,7 @@ import { UserService } from '../services/user.service';
 const routeData = 'value';
 
 @Component({
-  template: '<p>Signing in...</p>',
-  standalone: true
+  template: '<p>Signing in...</p>'
 })
 export class RedirectComponent implements OnInit {
   private provider: ExternalAuthProvider;
diff --git a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/register/register.component.ts b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/register/register.component.ts
index f5b8f921d..62fae2409 100644
--- a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/register/register.component.ts
+++ b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/register/register.component.ts
@@ -10,8 +10,7 @@ import { UserService } from '../services/user.service';
 @Component({
   selector: 'app-register',
   templateUrl: './register.component.html',
-  styleUrls: ['./register.component.scss'],
-  standalone: true,
+  styleUrl: './register.component.scss',
   imports: [ReactiveFormsModule, IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, IgxLabelDirective,
 	IgxInputDirective, IgxButtonDirective, IgxRippleDirective]
 })
diff --git a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/index.html b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/index.html
index db41bee76..44b97bf2a 100644
--- a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/index.html
+++ b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/index.html
@@ -1,22 +1,16 @@
 <!doctype html>
 <html lang="en">
-
 <head>
   <meta charset="utf-8">
   <title>Ignite UI for Angular</title>
   <base href="/" />
-
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
-
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <link href="https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700" rel="stylesheet">
-
   <script src="https://connect.facebook.net/en_US/sdk.js"></script>
 </head>
-
 <body class="ig-typography ig-scrollbar">
   <app-root></app-root>
 </body>
-
 </html>
diff --git a/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.config.ts b/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.config.ts
index f09c04b8f..8daca65ff 100644
--- a/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.config.ts
+++ b/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.config.ts
@@ -1,31 +1,29 @@
-import { ApplicationConfig, EnvironmentProviders, Provider, importProvidersFrom, provideZoneChangeDetection } from '@angular/core';
-import { provideRouter } from '@angular/router';
+import { ApplicationConfig, importProvidersFrom, provideBrowserGlobalErrorListeners, provideZoneChangeDetection } from '@angular/core';
 import { BrowserModule, HammerModule } from '@angular/platform-browser';
 import { provideAnimations } from '@angular/platform-browser/animations';
+import { provideRouter } from '@angular/router';
 import {
   IgxNavigationDrawerModule,
   IgxNavbarModule,
   IgxLayoutModule,
-  IgxRippleModule,
+  IgxRippleModule
 } from '<%=igxPackage%>';
 
 import { routes } from './app.routes';
 
-// provide the HAMMER_GESTURE_CONFIG token
-// to override the default settings of the HammerModule
-// { provide: HAMMER_GESTURE_CONFIG, useClass: MyHammerConfig }
-const providers: (EnvironmentProviders | Provider)[] = [
-  provideZoneChangeDetection({ eventCoalescing: true }),
-  provideRouter(routes),
-  importProvidersFrom(
-    BrowserModule,
-    HammerModule,
-    IgxLayoutModule,
-    IgxNavbarModule,
-    IgxNavigationDrawerModule,
-    IgxRippleModule
-  ),
-  provideAnimations()
-];
-
-export const appConfig: ApplicationConfig = { providers };
+export const appConfig: ApplicationConfig = {
+  providers: [
+    provideBrowserGlobalErrorListeners(),
+    provideZoneChangeDetection({ eventCoalescing: true }),
+    provideRouter(routes),
+    importProvidersFrom(
+      BrowserModule,
+      HammerModule,
+      IgxLayoutModule,
+      IgxNavbarModule,
+      IgxNavigationDrawerModule,
+      IgxRippleModule
+    ),
+    provideAnimations()
+  ]
+};
diff --git a/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.component.html b/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.html
similarity index 100%
rename from packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.component.html
rename to packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.html
diff --git a/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.component.scss b/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.scss
similarity index 100%
rename from packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.component.scss
rename to packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.scss
diff --git a/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.component.spec.ts b/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.spec.ts
similarity index 93%
rename from packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.component.spec.ts
rename to packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.spec.ts
index ed9865f27..72dbf34e7 100644
--- a/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.component.spec.ts
+++ b/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.spec.ts
@@ -1,7 +1,7 @@
 import { TestBed, waitForAsync } from '@angular/core/testing';
 import { RouterModule } from '@angular/router';
 import { IgxLayoutModule, IgxNavbarModule, IgxNavigationDrawerModule, IgxRippleModule } from 'igniteui-angular';
-import { AppComponent } from './app.component';
+import { AppComponent } from './app';
 
 describe('AppComponent', () => {
   beforeEach(waitForAsync(() => {
diff --git a/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.component.ts b/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.ts
similarity index 96%
rename from packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.component.ts
rename to packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.ts
index d053c95f0..1210035d1 100644
--- a/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.component.ts
+++ b/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.ts
@@ -15,9 +15,8 @@ import { routes } from './app.routes';
 
 @Component({
   selector: 'app-root',
-  standalone: true,
   templateUrl: './app.component.html',
-  styleUrls: ['./app.component.scss'],
+  styleUrl: './app.component.scss',
   encapsulation: ViewEncapsulation.None,
   imports: [
     IgxLayoutDirective,

From 9722a1cbf8d6b06050ce24e33731e2402274c0ac Mon Sep 17 00:00:00 2001
From: Hristo Hristov <HHristov@infragistics.com>
Date: Sat, 28 Feb 2026 14:53:34 +0200
Subject: [PATCH 04/16] fix(igx-ts): update the templates

---
 .../igx-ts/projects/_base/files/angular.json   |  6 ++----
 .../igx-ts/projects/_base/files/messages.xlf   |  7 -------
 .../igx-ts/projects/_base/files/package.json   |  3 +--
 .../igx-ts/projects/_base/files/src/main.ts    |  2 --
 .../projects/_base/files/tsconfig.app.json     |  4 +---
 .../projects/side-nav-auth/files/package.json  | 18 ++++++++++++++++--
 .../side-nav-auth/files/tsconfig.app.json      |  6 ++++--
 .../side-nav-auth/files/tsconfig.spec.json     |  7 ++-----
 8 files changed, 26 insertions(+), 27 deletions(-)
 delete mode 100644 packages/igx-templates/igx-ts/projects/_base/files/messages.xlf

diff --git a/packages/igx-templates/igx-ts/projects/_base/files/angular.json b/packages/igx-templates/igx-ts/projects/_base/files/angular.json
index 550168105..e3565fbb4 100644
--- a/packages/igx-templates/igx-ts/projects/_base/files/angular.json
+++ b/packages/igx-templates/igx-ts/projects/_base/files/angular.json
@@ -21,8 +21,7 @@
 						"index": "src/index.html",
             "browser": "src/main.ts",
             "polyfills": [
-              "zone.js",
-              "@angular/localize/init"
+              "zone.js"
             ],
             "tsConfig": "tsconfig.app.json",
             "inlineStyleLanguage": "scss",
@@ -97,8 +96,7 @@
           "options": {
             "polyfills": [
               "zone.js",
-              "zone.js/testing",
-              "@angular/localize/init"
+              "zone.js/testing"
             ],
             "tsConfig": "tsconfig.spec.json",
             "inlineStyleLanguage": "scss",
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/messages.xlf b/packages/igx-templates/igx-ts/projects/_base/files/messages.xlf
deleted file mode 100644
index b0c2d1120..000000000
--- a/packages/igx-templates/igx-ts/projects/_base/files/messages.xlf
+++ /dev/null
@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" ?>
-<xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
-  <file source-language="en-US" datatype="plaintext" original="ng2.template">
-    <body>
-    </body>
-  </file>
-</xliff>
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/package.json b/packages/igx-templates/igx-ts/projects/_base/files/package.json
index f9f50d02c..62ed808e5 100644
--- a/packages/igx-templates/igx-ts/projects/_base/files/package.json
+++ b/packages/igx-templates/igx-ts/projects/_base/files/package.json
@@ -44,9 +44,8 @@
     "@angular/build": "~21.1.5",
     "@angular/cli": "~21.1.5",
     "@angular/compiler-cli": "~21.1.5",
-    "@angular/localize": "~21.1.5",
     "@igniteui/angular-schematics": "~21.1.1490",
-    "@types/hammerjs": "~2.0.40",
+    "@types/hammerjs": "~2.0.46",
     "@types/jasmine": "~5.1.4",
     "angular-eslint": "~21.2.0",
     "eslint": "~9.39.1",
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/src/main.ts b/packages/igx-templates/igx-ts/projects/_base/files/src/main.ts
index 6bb4616d5..5df75f9c8 100644
--- a/packages/igx-templates/igx-ts/projects/_base/files/src/main.ts
+++ b/packages/igx-templates/igx-ts/projects/_base/files/src/main.ts
@@ -1,5 +1,3 @@
-/// <reference types="@angular/localize" />
-
 import { bootstrapApplication } from '@angular/platform-browser';
 import { appConfig } from './app/app.config';
 import { App } from './app/app';
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/tsconfig.app.json b/packages/igx-templates/igx-ts/projects/_base/files/tsconfig.app.json
index 2f05a2e13..ccd30356f 100644
--- a/packages/igx-templates/igx-ts/projects/_base/files/tsconfig.app.json
+++ b/packages/igx-templates/igx-ts/projects/_base/files/tsconfig.app.json
@@ -3,9 +3,7 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "outDir": "./out-tsc/app",
-    "types": [
-      "@angular/localize"
-    ]
+    "types": []
   },
   "files": [
     "src/main.ts"
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
index 5842c01d2..980a8ed21 100644
--- 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
@@ -9,6 +9,18 @@
     "test": "node --max-old-space-size=8192 ./node_modules/@angular/cli/bin/ng test",
     "lint": "ng lint"
   },
+  "prettier": {
+    "printWidth": 100,
+    "singleQuote": true,
+    "overrides": [
+      {
+        "files": "*.html",
+        "options": {
+          "parser": "angular"
+        }
+      }
+    ]
+  },
   "private": true,
   "dependencies": {
     "@angular/animations": "~21.1.5",
@@ -19,20 +31,22 @@
     "@angular/platform-browser": "~21.1.5",
     "@angular/platform-browser-dynamic": "~21.1.5",
     "@angular/router": "~21.1.5",
+    "@igniteui/material-icons-extended": "^3.1.0",
     "angular-auth-oidc-client": "~15.0.4",
     "hammerjs": "~2.0.8",
+    "fflate": "~0.8.1",
     "igniteui-angular": "~21.1.0",
     "minireset.css": "~0.0.7",
-    "rxjs": "~7.8.0",
+    "rxjs": "~7.8.1",
     "tslib": "~2.8.1",
     "zone.js": "~0.15.0"
   },
   "devDependencies": {
     "@angular/build": "~21.1.5",
-    "@angular-devkit/build-angular": "~21.1.5",
     "@angular/cli": "~21.1.5",
     "@angular/compiler-cli": "~21.1.5",
     "@angular/language-service": "~21.1.5",
+    "@igniteui/angular-schematics": "~21.1.1490",
     "@types/facebook-js-sdk": "~3.3.6",
     "@types/hammerjs": "~2.0.46",
     "@types/jasmine": "~5.1.4",
diff --git a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/tsconfig.app.json b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/tsconfig.app.json
index d64c58cf6..26e4d2235 100644
--- a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/tsconfig.app.json
+++ b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/tsconfig.app.json
@@ -12,10 +12,12 @@
     ]
   },
   "files": [
-    "src/main.ts",
-    "src/polyfills.ts"
+    "src/main.ts"
   ],
   "include": [
     "src/**/*.d.ts"
+  ],
+  "exclude": [
+    "src/**/*.spec.ts"
   ]
 }
diff --git a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/tsconfig.spec.json b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/tsconfig.spec.json
index 92c4c685a..3c5320282 100644
--- a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/tsconfig.spec.json
+++ b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/tsconfig.spec.json
@@ -10,11 +10,8 @@
     ],
     "module": "commonjs"
   },
-  "files": [
-    "src/polyfills.ts"
-  ],
   "include": [
-    "src/**/*.spec.ts",
-    "src/**/*.d.ts"
+    "src/**/*.d.ts",
+    "src/**/*.spec.ts"
   ]
 }

From 00fc8ecc58e8587a2d86d9fc141e328f8b9f97c0 Mon Sep 17 00:00:00 2001
From: Hristo Hristov <HHristov@infragistics.com>
Date: Sat, 28 Feb 2026 15:20:46 +0200
Subject: [PATCH 05/16] fix(igx-ts): clean package json files

---
 .../igx-templates/igx-ts/projects/_base/files/package.json    | 4 ----
 .../igx-ts/projects/side-nav-auth/files/package.json          | 3 ---
 2 files changed, 7 deletions(-)

diff --git a/packages/igx-templates/igx-ts/projects/_base/files/package.json b/packages/igx-templates/igx-ts/projects/_base/files/package.json
index 62ed808e5..32de2d0b4 100644
--- a/packages/igx-templates/igx-ts/projects/_base/files/package.json
+++ b/packages/igx-templates/igx-ts/projects/_base/files/package.json
@@ -31,9 +31,7 @@
     "@angular/platform-browser": "~21.1.5",
     "@angular/platform-browser-dynamic": "~21.1.5",
     "@angular/router": "~21.1.5",
-    "@igniteui/material-icons-extended": "^3.1.0",
     "hammerjs": "~2.0.8",
-    "fflate": "~0.8.1",
     "igniteui-angular": "~21.1.0",
     "minireset.css": "~0.0.7",
     "rxjs": "~7.8.1",
@@ -44,8 +42,6 @@
     "@angular/build": "~21.1.5",
     "@angular/cli": "~21.1.5",
     "@angular/compiler-cli": "~21.1.5",
-    "@igniteui/angular-schematics": "~21.1.1490",
-    "@types/hammerjs": "~2.0.46",
     "@types/jasmine": "~5.1.4",
     "angular-eslint": "~21.2.0",
     "eslint": "~9.39.1",
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
index 980a8ed21..55e09c3cd 100644
--- 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
@@ -31,10 +31,8 @@
     "@angular/platform-browser": "~21.1.5",
     "@angular/platform-browser-dynamic": "~21.1.5",
     "@angular/router": "~21.1.5",
-    "@igniteui/material-icons-extended": "^3.1.0",
     "angular-auth-oidc-client": "~15.0.4",
     "hammerjs": "~2.0.8",
-    "fflate": "~0.8.1",
     "igniteui-angular": "~21.1.0",
     "minireset.css": "~0.0.7",
     "rxjs": "~7.8.1",
@@ -46,7 +44,6 @@
     "@angular/cli": "~21.1.5",
     "@angular/compiler-cli": "~21.1.5",
     "@angular/language-service": "~21.1.5",
-    "@igniteui/angular-schematics": "~21.1.1490",
     "@types/facebook-js-sdk": "~3.3.6",
     "@types/hammerjs": "~2.0.46",
     "@types/jasmine": "~5.1.4",

From 329bb6c43fd993ddc7a0e9d62820f65f921e7e04 Mon Sep 17 00:00:00 2001
From: Hristo Hristov <HHristov@infragistics.com>
Date: Sat, 28 Feb 2026 15:47:17 +0200
Subject: [PATCH 06/16] fix(igx-ts): update app component names

---
 .../igx-ts/projects/empty/files/src/app/app.ts              | 6 +++---
 .../igx-ts/projects/side-nav-auth/files/src/app/app.ts      | 6 +++---
 .../igx-ts/projects/side-nav/files/src/app/app.ts           | 6 +++---
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/packages/igx-templates/igx-ts/projects/empty/files/src/app/app.ts b/packages/igx-templates/igx-ts/projects/empty/files/src/app/app.ts
index 7e8c30445..1e652f4b0 100644
--- a/packages/igx-templates/igx-ts/projects/empty/files/src/app/app.ts
+++ b/packages/igx-templates/igx-ts/projects/empty/files/src/app/app.ts
@@ -4,9 +4,9 @@ import { RouterOutlet } from '@angular/router';
 @Component({
   selector: 'app-root',
   imports: [RouterOutlet],
-  templateUrl: './app.component.html',
-  styleUrl: './app.component.scss'
+  templateUrl: './app.html',
+  styleUrl: './app.scss'
 })
-export class AppComponent {
+export class App {
   title = 'Home - IgniteUI for Angular';
 }
diff --git a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.ts b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.ts
index 7e354e503..3d10467c1 100644
--- a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.ts
+++ b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.ts
@@ -17,8 +17,8 @@ import { LoginBarComponent } from './authentication/login-bar/login-bar.componen
 
 @Component({
   selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrl: './app.component.scss',
+  templateUrl: './app.html',
+  styleUrl: './app.scss',
   encapsulation: ViewEncapsulation.None,
   imports: [
     LoginBarComponent,
@@ -34,7 +34,7 @@ import { LoginBarComponent } from './authentication/login-bar/login-bar.componen
     IgxNavbarComponent,
     RouterOutlet]
 })
-export class AppComponent implements OnInit {
+export class App implements OnInit {
   public topNavLinks: {
     path: string,
     name: string
diff --git a/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.ts b/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.ts
index 1210035d1..f80461d99 100644
--- a/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.ts
+++ b/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.ts
@@ -15,8 +15,8 @@ import { routes } from './app.routes';
 
 @Component({
   selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrl: './app.component.scss',
+  templateUrl: './app..html',
+  styleUrl: './app.scss',
   encapsulation: ViewEncapsulation.None,
   imports: [
     IgxLayoutDirective,
@@ -32,7 +32,7 @@ import { routes } from './app.routes';
     RouterOutlet
   ]
 })
-export class AppComponent implements OnInit {
+export class App implements OnInit {
   public topNavLinks: {
     path: string,
     name: string

From 04007adff6a39ac7705024cfde27331d6658437e Mon Sep 17 00:00:00 2001
From: Hristo Hristov <HHristov@infragistics.com>
Date: Sat, 28 Feb 2026 16:12:17 +0200
Subject: [PATCH 07/16] fix(igx-ts): update templates

---
 .../default/files/src/app/__path__/__filePrefix__.component.ts | 3 +--
 .../files/src/app/__path__/__filePrefix__.component.ts         | 3 +--
 .../files/src/app/__path__/__filePrefix__.component.ts         | 3 +--
 .../default/files/src/app/__path__/__filePrefix__.component.ts | 3 +--
 .../default/files/src/app/__path__/__filePrefix__.component.ts | 3 +--
 .../default/files/src/app/__path__/__filePrefix__.component.ts | 3 +--
 .../default/files/src/app/__path__/__filePrefix__.component.ts | 3 +--
 .../default/files/src/app/__path__/__filePrefix__.component.ts | 3 +--
 .../default/files/src/app/__path__/__filePrefix__.component.ts | 3 +--
 .../files/src/app/__path__/__filePrefix__.component.ts         | 3 +--
 .../files/src/app/__path__/__filePrefix__.component.ts         | 3 +--
 .../files/src/app/__path__/__filePrefix__.component.ts         | 3 +--
 .../files/src/app/__path__/__filePrefix__.component.ts         | 3 +--
 .../login/files/src/app/__path__/__filePrefix__.component.ts   | 3 +--
 .../files/src/app/__path__/__filePrefix__.component.ts         | 3 +--
 .../default/files/src/app/__path__/__filePrefix__.component.ts | 3 +--
 .../default/files/src/app/__path__/__filePrefix__.component.ts | 3 +--
 .../default/files/src/app/__path__/__filePrefix__.component.ts | 3 +--
 .../default/files/src/app/__path__/__filePrefix__.component.ts | 3 +--
 .../default/files/src/app/__path__/__filePrefix__.component.ts | 3 +--
 .../files/src/app/__path__/__filePrefix__.component.ts         | 3 +--
 .../default/files/src/app/__path__/__filePrefix__.component.ts | 3 +--
 .../files/src/app/__path__/__filePrefix__.component.ts         | 3 +--
 .../files/src/app/__path__/__filePrefix__.component.ts         | 3 +--
 .../files/src/app/__path__/__filePrefix__.component.ts         | 3 +--
 .../files/src/app/__path__/__filePrefix__.component.ts         | 3 +--
 .../default/files/src/app/__path__/__filePrefix__.component.ts | 3 +--
 .../files/src/app/__path__/__filePrefix__.component.ts         | 3 +--
 .../files/src/app/__path__/__filePrefix__.component.ts         | 3 +--
 .../files/src/app/__path__/__filePrefix__.component.ts         | 3 +--
 .../default/files/src/app/__path__/__filePrefix__.component.ts | 3 +--
 .../default/files/src/app/__path__/__filePrefix__.component.ts | 3 +--
 .../default/files/src/app/__path__/__filePrefix__.component.ts | 3 +--
 .../default/files/src/app/__path__/__filePrefix__.component.ts | 3 +--
 .../default/files/src/app/__path__/__filePrefix__.component.ts | 3 +--
 .../default/files/src/app/__path__/__filePrefix__.component.ts | 3 +--
 .../default/files/src/app/__path__/__filePrefix__.component.ts | 3 +--
 .../files/src/app/__path__/__filePrefix__.component.ts         | 3 +--
 .../files/src/app/__path__/__filePrefix__.component.ts         | 3 +--
 .../default/files/src/app/__path__/__filePrefix__.component.ts | 3 +--
 .../default/files/src/app/__path__/__filePrefix__.component.ts | 3 +--
 .../default/files/src/app/__path__/__filePrefix__.component.ts | 3 +--
 .../default/files/src/app/__path__/__filePrefix__.component.ts | 3 +--
 .../default/files/src/app/__path__/__filePrefix__.component.ts | 3 +--
 .../files/src/app/__path__/__filePrefix__.component.ts         | 3 +--
 .../default/files/src/app/__path__/__filePrefix__.component.ts | 3 +--
 46 files changed, 46 insertions(+), 92 deletions(-)

diff --git a/packages/igx-templates/igx-ts/accordion/default/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/accordion/default/files/src/app/__path__/__filePrefix__.component.ts
index a04710827..08aa28fe6 100644
--- a/packages/igx-templates/igx-ts/accordion/default/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/accordion/default/files/src/app/__path__/__filePrefix__.component.ts
@@ -12,8 +12,7 @@ import {
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true,
+  styleUrl: './<%=filePrefix%>.component.scss',
   imports: [
     IgxSwitchComponent,
     ReactiveFormsModule,
diff --git a/packages/igx-templates/igx-ts/autocomplete/autocomplete-custom/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/autocomplete/autocomplete-custom/files/src/app/__path__/__filePrefix__.component.ts
index 8d56f424c..81c727119 100644
--- a/packages/igx-templates/igx-ts/autocomplete/autocomplete-custom/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/autocomplete/autocomplete-custom/files/src/app/__path__/__filePrefix__.component.ts
@@ -14,8 +14,7 @@ import {
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true,
+  styleUrl: './<%=filePrefix%>.component.scss',
   imports: [
     ReactiveFormsModule,
     FormsModule,
diff --git a/packages/igx-templates/igx-ts/autocomplete/autocomplete-extended/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/autocomplete/autocomplete-extended/files/src/app/__path__/__filePrefix__.component.ts
index c1ce68289..dbfc4170f 100644
--- a/packages/igx-templates/igx-ts/autocomplete/autocomplete-extended/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/autocomplete/autocomplete-extended/files/src/app/__path__/__filePrefix__.component.ts
@@ -20,8 +20,7 @@ import { ReactiveFormsModule, FormsModule } from '@angular/forms';
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true,
+  styleUrl: './<%=filePrefix%>.component.scss',
   imports: [
     IgxInputGroupComponent,
     IgxLabelDirective,
diff --git a/packages/igx-templates/igx-ts/bullet-graph/default/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/bullet-graph/default/files/src/app/__path__/__filePrefix__.component.ts
index f1c6fee38..598553f7b 100644
--- a/packages/igx-templates/igx-ts/bullet-graph/default/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/bullet-graph/default/files/src/app/__path__/__filePrefix__.component.ts
@@ -14,9 +14,8 @@ import {
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
+  styleUrl: './<%=filePrefix%>.component.scss',
   encapsulation: ViewEncapsulation.None,
-  standalone: true,
   imports: [IgxLayoutDirective, IgxButtonDirective, IgxBulletGraphCoreModule]
 })
 export class <%=ClassName%>Component implements AfterViewInit {
diff --git a/packages/igx-templates/igx-ts/calendar/default/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/calendar/default/files/src/app/__path__/__filePrefix__.component.ts
index 76ee8eca4..06acd0dfb 100644
--- a/packages/igx-templates/igx-ts/calendar/default/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/calendar/default/files/src/app/__path__/__filePrefix__.component.ts
@@ -4,9 +4,8 @@ import { IgxLayoutDirective, IgxCalendarComponent } from '<%=igxPackage%>';
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
+  styleUrl: './<%=filePrefix%>.component.scss',
   encapsulation: ViewEncapsulation.None,
-  standalone: true,
   imports: [IgxLayoutDirective, IgxCalendarComponent]
 })
 export class <%=ClassName%>Component { }
diff --git a/packages/igx-templates/igx-ts/carousel/default/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/carousel/default/files/src/app/__path__/__filePrefix__.component.ts
index 04ee71006..bdb64cd52 100644
--- a/packages/igx-templates/igx-ts/carousel/default/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/carousel/default/files/src/app/__path__/__filePrefix__.component.ts
@@ -5,8 +5,7 @@ import { IgxCarouselComponent, IgxSlideComponent } from '<%=igxPackage%>';
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true,
+  styleUrl: './<%=filePrefix%>.component.scss',
   imports: [IgxCarouselComponent, NgFor, IgxSlideComponent]
 })
 export class <%=ClassName%>Component implements OnInit {
diff --git a/packages/igx-templates/igx-ts/category-chart/default/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/category-chart/default/files/src/app/__path__/__filePrefix__.component.ts
index 410c6ff52..7cd080ba3 100644
--- a/packages/igx-templates/igx-ts/category-chart/default/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/category-chart/default/files/src/app/__path__/__filePrefix__.component.ts
@@ -5,8 +5,7 @@ import { FormsModule } from '@angular/forms';
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true,
+  styleUrl: './<%=filePrefix%>.component.scss',
   imports: [FormsModule, IgxCategoryChartModule]
 })
 export class <%=ClassName%>Component {
diff --git a/packages/igx-templates/igx-ts/chip/default/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/chip/default/files/src/app/__path__/__filePrefix__.component.ts
index 1b80dc971..4e29f3c55 100644
--- a/packages/igx-templates/igx-ts/chip/default/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/chip/default/files/src/app/__path__/__filePrefix__.component.ts
@@ -24,9 +24,8 @@ interface NamedEntry {
 
 @Component({
  selector: 'app-<%=filePrefix%>',
- styleUrls: ['./<%=filePrefix%>.component.scss'],
  templateUrl: './<%=filePrefix%>.component.html',
- standalone: true,
+ styleUrl: './<%=filePrefix%>.component.scss',
  imports: [
     IgxLayoutDirective,
     IgxChipsAreaComponent,
diff --git a/packages/igx-templates/igx-ts/combo/default/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/combo/default/files/src/app/__path__/__filePrefix__.component.ts
index 16110ac22..3ac764520 100644
--- a/packages/igx-templates/igx-ts/combo/default/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/combo/default/files/src/app/__path__/__filePrefix__.component.ts
@@ -10,8 +10,7 @@ import {
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true,
+  styleUrl: './<%=filePrefix%>.component.scss',
   imports: [
     IgxComboComponent,
     IgxComboItemDirective,
diff --git a/packages/igx-templates/igx-ts/custom-templates/awesome-grid/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/custom-templates/awesome-grid/files/src/app/__path__/__filePrefix__.component.ts
index 4424c78f6..31a198aba 100644
--- a/packages/igx-templates/igx-ts/custom-templates/awesome-grid/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/custom-templates/awesome-grid/files/src/app/__path__/__filePrefix__.component.ts
@@ -38,8 +38,7 @@ import { ReactiveFormsModule, FormsModule } from '@angular/forms';
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true,
+  styleUrl: './<%=filePrefix%>.component.scss',
   imports: [
     IgxSwitchComponent,
     ReactiveFormsModule,
diff --git a/packages/igx-templates/igx-ts/custom-templates/crm-grid/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/custom-templates/crm-grid/files/src/app/__path__/__filePrefix__.component.ts
index 9de06eca0..444a1519d 100644
--- a/packages/igx-templates/igx-ts/custom-templates/crm-grid/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/custom-templates/crm-grid/files/src/app/__path__/__filePrefix__.component.ts
@@ -50,8 +50,7 @@ import { NgIf } from '@angular/common';
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true,
+  styleUrl: './<%=filePrefix%>.component.scss',
   imports: [
     IgxGridComponent,
     IgxGridToolbarComponent,
diff --git a/packages/igx-templates/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.component.ts
index ffb16822d..ce3a1148b 100644
--- a/packages/igx-templates/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.component.ts
@@ -53,8 +53,7 @@ import { ReactiveFormsModule, FormsModule } from '@angular/forms';
   providers: [LocalDataService],
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true,
+  styleUrl: './<%=filePrefix%>.component.scss',
   imports: [
     IgxSwitchComponent,
     ReactiveFormsModule,
diff --git a/packages/igx-templates/igx-ts/custom-templates/fintech-tree-grid/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/custom-templates/fintech-tree-grid/files/src/app/__path__/__filePrefix__.component.ts
index 6fc43626f..e983f437c 100644
--- a/packages/igx-templates/igx-ts/custom-templates/fintech-tree-grid/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/custom-templates/fintech-tree-grid/files/src/app/__path__/__filePrefix__.component.ts
@@ -42,8 +42,7 @@ import { ReactiveFormsModule, FormsModule } from '@angular/forms';
   providers: [LocalDataService],
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true,
+  styleUrl: './<%=filePrefix%>.component.scss',
   imports: [
     IgxSwitchComponent,
     ReactiveFormsModule,
diff --git a/packages/igx-templates/igx-ts/custom-templates/login/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/custom-templates/login/files/src/app/__path__/__filePrefix__.component.ts
index 92b852cd1..ee39ea8d0 100644
--- a/packages/igx-templates/igx-ts/custom-templates/login/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/custom-templates/login/files/src/app/__path__/__filePrefix__.component.ts
@@ -19,8 +19,7 @@ import {
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true,
+  styleUrl: './<%=filePrefix%>.component.scss',
   imports: [
     ReactiveFormsModule,
     IgxInputGroupComponent,
diff --git a/packages/igx-templates/igx-ts/custom-templates/weather-forecast/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/custom-templates/weather-forecast/files/src/app/__path__/__filePrefix__.component.ts
index 26a7da5f5..5b1a8ef84 100644
--- a/packages/igx-templates/igx-ts/custom-templates/weather-forecast/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/custom-templates/weather-forecast/files/src/app/__path__/__filePrefix__.component.ts
@@ -15,8 +15,7 @@ import { NgIf, NgFor, NgClass } from '@angular/common';
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true,
+  styleUrl: './<%=filePrefix%>.component.scss',
   imports: [
     IgxCardComponent,
     IgxCardHeaderComponent,
diff --git a/packages/igx-templates/igx-ts/date-picker/default/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/date-picker/default/files/src/app/__path__/__filePrefix__.component.ts
index 808769b59..c72a313b3 100644
--- a/packages/igx-templates/igx-ts/date-picker/default/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/date-picker/default/files/src/app/__path__/__filePrefix__.component.ts
@@ -4,9 +4,8 @@ import { IgxLayoutDirective, IgxDatePickerComponent } from '<%=igxPackage%>';;
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
+  styleUrl: './<%=filePrefix%>.component.scss',
   encapsulation: ViewEncapsulation.Emulated,
-  standalone: true,
   imports: [IgxLayoutDirective, IgxDatePickerComponent],
 })
 export class <%=ClassName%>Component {
diff --git a/packages/igx-templates/igx-ts/dialog/default/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/dialog/default/files/src/app/__path__/__filePrefix__.component.ts
index d59543b7b..0098b17ff 100644
--- a/packages/igx-templates/igx-ts/dialog/default/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/dialog/default/files/src/app/__path__/__filePrefix__.component.ts
@@ -4,8 +4,7 @@ import { IDialogEventArgs, IgxButtonDirective, IgxDialogComponent } from '<%=igx
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true,
+  styleUrl: './<%=filePrefix%>.component.scss',
   imports: [IgxButtonDirective, IgxDialogComponent]
 })
 export class <%=ClassName%>Component {
diff --git a/packages/igx-templates/igx-ts/dock-manager/default/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/dock-manager/default/files/src/app/__path__/__filePrefix__.component.ts
index cdcdbba3d..35f822ebf 100644
--- a/packages/igx-templates/igx-ts/dock-manager/default/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/dock-manager/default/files/src/app/__path__/__filePrefix__.component.ts
@@ -11,8 +11,7 @@ defineCustomElements();
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true,
+  styleUrl: './<%=filePrefix%>.component.scss',
   schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class <%=ClassName%>Component {
diff --git a/packages/igx-templates/igx-ts/dropdown/default/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/dropdown/default/files/src/app/__path__/__filePrefix__.component.ts
index 1f7569664..d19e25bd5 100644
--- a/packages/igx-templates/igx-ts/dropdown/default/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/dropdown/default/files/src/app/__path__/__filePrefix__.component.ts
@@ -13,8 +13,7 @@ import { NgFor } from '@angular/common';
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true,
+  styleUrl: './<%=filePrefix%>.component.scss',
   imports: [
     IgxButtonDirective,
     IgxRippleDirective,
diff --git a/packages/igx-templates/igx-ts/financial-chart/default/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/financial-chart/default/files/src/app/__path__/__filePrefix__.component.ts
index a2b565beb..95ed25bb1 100644
--- a/packages/igx-templates/igx-ts/financial-chart/default/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/financial-chart/default/files/src/app/__path__/__filePrefix__.component.ts
@@ -5,8 +5,7 @@ import { IgxFinancialChartModule } from 'igniteui-angular-charts';
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true,
+  styleUrl: './<%=filePrefix%>.component.scss',
   imports: [IgxFinancialChartModule]
 })
 export class <%=ClassName%>Component {
diff --git a/packages/igx-templates/igx-ts/generate/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/generate/files/src/app/__path__/__filePrefix__.component.ts
index 9bed78fa8..ae082d200 100644
--- a/packages/igx-templates/igx-ts/generate/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/generate/files/src/app/__path__/__filePrefix__.component.ts
@@ -3,8 +3,7 @@ import { Component } from '@angular/core';
 @Component({
   selector: "<%=filePrefix%>",
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true
+  styleUrl: './<%=filePrefix%>.component.scss'
 })
 export class <%=ClassName%>Component {
   title = '<%=name%>';
diff --git a/packages/igx-templates/igx-ts/grid/default/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/grid/default/files/src/app/__path__/__filePrefix__.component.ts
index 99b674da6..4b11041bf 100644
--- a/packages/igx-templates/igx-ts/grid/default/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/grid/default/files/src/app/__path__/__filePrefix__.component.ts
@@ -5,8 +5,7 @@ import { Employee, employeesData } from './localData';
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true,
+  styleUrl: './<%=filePrefix%>.component.scss',
   imports: [IgxGridComponent, IgxPaginatorComponent]
 })
 export class <%=ClassName%>Component implements OnInit {
diff --git a/packages/igx-templates/igx-ts/grid/grid-batch-editing/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/grid/grid-batch-editing/files/src/app/__path__/__filePrefix__.component.ts
index 857774513..c716c5957 100644
--- a/packages/igx-templates/igx-ts/grid/grid-batch-editing/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/grid/grid-batch-editing/files/src/app/__path__/__filePrefix__.component.ts
@@ -17,9 +17,8 @@ import { ReactiveFormsModule, FormsModule } from '@angular/forms';
 
 @Component({
   selector: 'app-<%=filePrefix%>',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
   templateUrl: './<%=filePrefix%>.component.html',
-  standalone: true,
+  styleUrl: './<%=filePrefix%>.component.scss',
   imports: [
     IgxGridComponent,
     IgxColumnComponent,
diff --git a/packages/igx-templates/igx-ts/grid/grid-custom/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/grid/grid-custom/files/src/app/__path__/__filePrefix__.component.ts
index b7ead1864..bbec67173 100644
--- a/packages/igx-templates/igx-ts/grid/grid-custom/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/grid/grid-custom/files/src/app/__path__/__filePrefix__.component.ts
@@ -4,8 +4,7 @@ import { Employee, employeesData } from './localData';
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true
+  styleUrl: './<%=filePrefix%>.component.scss'
 })
 export class <%=ClassName%>Component implements OnInit {
   public localData: Employee[] = [];
diff --git a/packages/igx-templates/igx-ts/grid/grid-summaries/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/grid/grid-summaries/files/src/app/__path__/__filePrefix__.component.ts
index 8356a0cad..664979cd1 100644
--- a/packages/igx-templates/igx-ts/grid/grid-summaries/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/grid/grid-summaries/files/src/app/__path__/__filePrefix__.component.ts
@@ -14,8 +14,7 @@ import { Employee, employeesData } from './localData';
   encapsulation: ViewEncapsulation.None,
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true,
+  styleUrl: './<%=filePrefix%>.component.scss',
   imports: [
     IgxGridComponent,
     IgxColumnComponent,
diff --git a/packages/igx-templates/igx-ts/grid/multi-column-headers/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/grid/multi-column-headers/files/src/app/__path__/__filePrefix__.component.ts
index 4c5e476a7..f74db93f8 100644
--- a/packages/igx-templates/igx-ts/grid/multi-column-headers/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/grid/multi-column-headers/files/src/app/__path__/__filePrefix__.component.ts
@@ -5,8 +5,7 @@ import { IgxGridComponent, IgxColumnComponent, IgxColumnGroupComponent, IgxPagin
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true,
+  styleUrl: './<%=filePrefix%>.component.scss',
   imports: [IgxGridComponent, IgxColumnComponent, IgxColumnGroupComponent, IgxPaginatorComponent]
 })
 export class <%=ClassName%>Component implements OnInit {
diff --git a/packages/igx-templates/igx-ts/hierarchical-grid/default/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/hierarchical-grid/default/files/src/app/__path__/__filePrefix__.component.ts
index 7ccf09b6b..82801d726 100644
--- a/packages/igx-templates/igx-ts/hierarchical-grid/default/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/hierarchical-grid/default/files/src/app/__path__/__filePrefix__.component.ts
@@ -5,8 +5,7 @@ import { IgxHierarchicalGridComponent, IgxColumnComponent, IgxRowIslandComponent
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true,
+  styleUrl: './<%=filePrefix%>.component.scss',
   imports: [IgxHierarchicalGridComponent, IgxColumnComponent, IgxRowIslandComponent]
 })
 export class <%=ClassName%>Component {
diff --git a/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-batch-editing/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-batch-editing/files/src/app/__path__/__filePrefix__.component.ts
index dfa6859fe..e264955ed 100644
--- a/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-batch-editing/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-batch-editing/files/src/app/__path__/__filePrefix__.component.ts
@@ -23,8 +23,7 @@ import { Singer } from './singer';
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true,
+  styleUrl: './<%=filePrefix%>.component.scss',
   imports: [
     IgxButtonDirective,
     IgxHierarchicalGridComponent,
diff --git a/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-custom/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-custom/files/src/app/__path__/__filePrefix__.component.ts
index 4a406f72e..d46adc18e 100644
--- a/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-custom/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-custom/files/src/app/__path__/__filePrefix__.component.ts
@@ -5,8 +5,7 @@ import { ARTISTS, Artist } from './data';
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true
+  styleUrl: './<%=filePrefix%>.component.scss'
 })
 export class <%=ClassName%>Component {
   public localData: Artist[] = ARTISTS;
diff --git a/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-summaries/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-summaries/files/src/app/__path__/__filePrefix__.component.ts
index 3efb2f71d..8097ef179 100644
--- a/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-summaries/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-summaries/files/src/app/__path__/__filePrefix__.component.ts
@@ -6,8 +6,7 @@ import { IgxHierarchicalGridComponent, IgxColumnComponent, IgxRowIslandComponent
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true,
+  styleUrl: './<%=filePrefix%>.component.scss',
   imports: [IgxHierarchicalGridComponent, IgxColumnComponent, IgxRowIslandComponent]
 })
 export class <%=ClassName%>Component {
diff --git a/packages/igx-templates/igx-ts/input-group/default/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/input-group/default/files/src/app/__path__/__filePrefix__.component.ts
index 25468155a..3f27c1218 100644
--- a/packages/igx-templates/igx-ts/input-group/default/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/input-group/default/files/src/app/__path__/__filePrefix__.component.ts
@@ -29,8 +29,7 @@ interface Genre {
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true,
+  styleUrl: './<%=filePrefix%>.component.scss',
   imports: [
     ReactiveFormsModule,
     IgxSelectComponent,
diff --git a/packages/igx-templates/igx-ts/linear-gauge/default/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/linear-gauge/default/files/src/app/__path__/__filePrefix__.component.ts
index d8ffdb16d..4dece2ac0 100644
--- a/packages/igx-templates/igx-ts/linear-gauge/default/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/linear-gauge/default/files/src/app/__path__/__filePrefix__.component.ts
@@ -10,9 +10,8 @@ import {
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
+  styleUrl: './<%=filePrefix%>.component.scss',
   encapsulation: ViewEncapsulation.None,
-  standalone: true,
   imports: [IgxLayoutDirective, IgxButtonDirective, IgxLinearGaugeCoreModule]
 })
 export class <%=ClassName%>Component implements AfterViewInit {
diff --git a/packages/igx-templates/igx-ts/list/default/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/list/default/files/src/app/__path__/__filePrefix__.component.ts
index f24137b7e..ee885966b 100644
--- a/packages/igx-templates/igx-ts/list/default/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/list/default/files/src/app/__path__/__filePrefix__.component.ts
@@ -24,8 +24,7 @@ interface Contact {
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true,
+  styleUrl: './<%=filePrefix%>.component.scss',
   imports: [
     IgxFilterPipe,
     IgxListItemComponent,
diff --git a/packages/igx-templates/igx-ts/map/default/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/map/default/files/src/app/__path__/__filePrefix__.component.ts
index 6b0025a1b..a8d30b5cf 100644
--- a/packages/igx-templates/igx-ts/map/default/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/map/default/files/src/app/__path__/__filePrefix__.component.ts
@@ -4,8 +4,7 @@ import { IgxGeographicMapComponent, IgxGeographicMapCoreModule } from 'igniteui-
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true,
+  styleUrl: './<%=filePrefix%>.component.scss',
   imports: [IgxGeographicMapCoreModule]
 })
 export class <%=ClassName%>Component implements AfterViewInit {
diff --git a/packages/igx-templates/igx-ts/pivot-grid/default/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/pivot-grid/default/files/src/app/__path__/__filePrefix__.component.ts
index 80fa24511..8e56a4a54 100644
--- a/packages/igx-templates/igx-ts/pivot-grid/default/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/pivot-grid/default/files/src/app/__path__/__filePrefix__.component.ts
@@ -5,8 +5,7 @@ import { IPivotConfiguration, IgxPivotNumericAggregate, IgxPivotGridComponent }
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true,
+  styleUrl: './<%=filePrefix%>.component.scss',
   imports: [IgxPivotGridComponent]
 })
 export class <%=ClassName%>Component {
diff --git a/packages/igx-templates/igx-ts/radial-gauge/default/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/radial-gauge/default/files/src/app/__path__/__filePrefix__.component.ts
index 3ada97253..b2ba8040f 100644
--- a/packages/igx-templates/igx-ts/radial-gauge/default/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/radial-gauge/default/files/src/app/__path__/__filePrefix__.component.ts
@@ -15,9 +15,8 @@ import { IgxLayoutDirective, IgxButtonDirective } from '<%=igxPackage%>';
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
+  styleUrl: './<%=filePrefix%>.component.scss',
   encapsulation: ViewEncapsulation.None,
-  standalone: true,
   imports: [IgxLayoutDirective, IgxButtonDirective, IgxRadialGaugeCoreModule]
 })
 export class <%=ClassName%>Component implements AfterViewInit {
diff --git a/packages/igx-templates/igx-ts/select/default/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/select/default/files/src/app/__path__/__filePrefix__.component.ts
index cc76a428c..a92e1ce11 100644
--- a/packages/igx-templates/igx-ts/select/default/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/select/default/files/src/app/__path__/__filePrefix__.component.ts
@@ -5,8 +5,7 @@ import { IgxSelectComponent, IgxLabelDirective, IgxSelectItemComponent } from '<
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true,
+  styleUrl: './<%=filePrefix%>.component.scss',
   imports: [IgxSelectComponent, IgxLabelDirective, NgFor, IgxSelectItemComponent]
 })
 export class <%=ClassName%>Component {
diff --git a/packages/igx-templates/igx-ts/select/select-groups/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/select/select-groups/files/src/app/__path__/__filePrefix__.component.ts
index 469461d79..888122f0a 100644
--- a/packages/igx-templates/igx-ts/select/select-groups/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/select/select-groups/files/src/app/__path__/__filePrefix__.component.ts
@@ -4,9 +4,8 @@ import { IgxSelectComponent, IgxLabelDirective, IgxSelectGroupComponent, IgxSele
 
 @Component({
   selector: 'app-<%=filePrefix%>',
-  styleUrls: ['<%=filePrefix%>.component.scss'],
   templateUrl: '<%=filePrefix%>.component.html',
-  standalone: true,
+  styleUrl: '<%=filePrefix%>.component.scss',
   imports: [IgxSelectComponent, IgxLabelDirective, NgFor, IgxSelectGroupComponent, IgxSelectItemComponent]
 })
 export class <%=ClassName%>Component {
diff --git a/packages/igx-templates/igx-ts/select/select-in-form/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/select/select-in-form/files/src/app/__path__/__filePrefix__.component.ts
index b99542f65..ba24dbb5c 100644
--- a/packages/igx-templates/igx-ts/select/select-in-form/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/select/select-in-form/files/src/app/__path__/__filePrefix__.component.ts
@@ -15,9 +15,8 @@ import { ReactiveFormsModule, FormsModule } from '@angular/forms';
 
 @Component({
   selector: 'app-<%=filePrefix%>',
-  styleUrls: ['<%=filePrefix%>.component.scss'],
   templateUrl: '<%=filePrefix%>.component.html',
-  standalone: true,
+  styleUrl: '<%=filePrefix%>.component.scss',
   imports: [
     ReactiveFormsModule,
     FormsModule,
diff --git a/packages/igx-templates/igx-ts/stepper/default/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/stepper/default/files/src/app/__path__/__filePrefix__.component.ts
index 152f74f29..c3f50dec0 100644
--- a/packages/igx-templates/igx-ts/stepper/default/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/stepper/default/files/src/app/__path__/__filePrefix__.component.ts
@@ -13,8 +13,7 @@ import {
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true,
+  styleUrl: './<%=filePrefix%>.component.scss',
   imports: [
     IgxButtonGroupComponent,
     IgxStepperComponent,
diff --git a/packages/igx-templates/igx-ts/tabbar/default/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/tabbar/default/files/src/app/__path__/__filePrefix__.component.ts
index ec4e867f3..6d2bd07d6 100644
--- a/packages/igx-templates/igx-ts/tabbar/default/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/tabbar/default/files/src/app/__path__/__filePrefix__.component.ts
@@ -10,9 +10,8 @@ import {
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
+  styleUrl: './<%=filePrefix%>.component.scss',
   encapsulation: ViewEncapsulation.None,
-  standalone: true,
   imports: [
     IgxBottomNavComponent,
     IgxBottomNavItemComponent,
diff --git a/packages/igx-templates/igx-ts/tabs/default/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/tabs/default/files/src/app/__path__/__filePrefix__.component.ts
index 58e96e138..ddfe390d8 100644
--- a/packages/igx-templates/igx-ts/tabs/default/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/tabs/default/files/src/app/__path__/__filePrefix__.component.ts
@@ -12,8 +12,7 @@ import {
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true,
+  styleUrl: './<%=filePrefix%>.component.scss',
   imports: [
     IgxTabsComponent,
     IgxTabItemComponent,
diff --git a/packages/igx-templates/igx-ts/time-picker/default/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/time-picker/default/files/src/app/__path__/__filePrefix__.component.ts
index 79d0ba548..c7886d130 100644
--- a/packages/igx-templates/igx-ts/time-picker/default/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/time-picker/default/files/src/app/__path__/__filePrefix__.component.ts
@@ -4,9 +4,8 @@ import { IgxLayoutDirective, IgxTimePickerComponent } from '<%=igxPackage%>';
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
+  styleUrl: './<%=filePrefix%>.component.scss',
   encapsulation: ViewEncapsulation.None,
-  standalone: true,
   imports: [IgxLayoutDirective, IgxTimePickerComponent]
 })
 export class <%=ClassName%>Component {
diff --git a/packages/igx-templates/igx-ts/tooltip/default/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/tooltip/default/files/src/app/__path__/__filePrefix__.component.ts
index 5b3bf2662..3befdd362 100644
--- a/packages/igx-templates/igx-ts/tooltip/default/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/tooltip/default/files/src/app/__path__/__filePrefix__.component.ts
@@ -9,9 +9,8 @@ import {
 
 @Component({
   selector: 'app-<%=filePrefix%>',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
   templateUrl: './<%=filePrefix%>.component.html',
-  standalone: true,
+  styleUrl: './<%=filePrefix%>.component.scss',
   imports: [
     IgxAvatarComponent,
     IgxTooltipTargetDirective,
diff --git a/packages/igx-templates/igx-ts/tree-grid/tree-grid-custom/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/tree-grid/tree-grid-custom/files/src/app/__path__/__filePrefix__.component.ts
index 68be9154e..de1545d16 100644
--- a/packages/igx-templates/igx-ts/tree-grid/tree-grid-custom/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/tree-grid/tree-grid-custom/files/src/app/__path__/__filePrefix__.component.ts
@@ -4,8 +4,7 @@ import { Employee, EMPLOYEE_DATA } from './localData';
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true
+  styleUrl: './<%=filePrefix%>.component.scss'
 })
 export class <%=ClassName%>Component implements OnInit {
   public localData: Employee[] = [];
diff --git a/packages/igx-templates/igx-ts/tree/default/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/tree/default/files/src/app/__path__/__filePrefix__.component.ts
index d11a86bed..58e1fa8c9 100644
--- a/packages/igx-templates/igx-ts/tree/default/files/src/app/__path__/__filePrefix__.component.ts
+++ b/packages/igx-templates/igx-ts/tree/default/files/src/app/__path__/__filePrefix__.component.ts
@@ -15,9 +15,8 @@ import { DataService } from './services/data.service';
 @Component({
   selector: 'app-<%=filePrefix%>',
   templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
+  styleUrl: './<%=filePrefix%>.component.scss',
   providers: [DataService],
-  standalone: true,
   imports: [
     IgxTreeComponent,
     NgFor,

From 5f3f6ef33a83c67b907ca9eca2afc271e314c8a2 Mon Sep 17 00:00:00 2001
From: Hristo Hristov <HHristov@infragistics.com>
Date: Sat, 28 Feb 2026 16:40:49 +0200
Subject: [PATCH 08/16] fix(igx-ts): update templates

---
 .../igx-ts/projects/_base/files/angular.json         | 12 ++++--------
 .../side-nav-auth/files/src/app/app.module.ts        |  6 +++---
 .../projects/side-nav-auth/files/src/app/app.spec.ts |  8 ++++----
 .../projects/side-nav/files/src/app/app.spec.ts      |  8 ++++----
 4 files changed, 15 insertions(+), 19 deletions(-)

diff --git a/packages/igx-templates/igx-ts/projects/_base/files/angular.json b/packages/igx-templates/igx-ts/projects/_base/files/angular.json
index e3565fbb4..a59498c6d 100644
--- a/packages/igx-templates/igx-ts/projects/_base/files/angular.json
+++ b/packages/igx-templates/igx-ts/projects/_base/files/angular.json
@@ -26,10 +26,8 @@
             "tsConfig": "tsconfig.app.json",
             "inlineStyleLanguage": "scss",
             "assets": [
-              {
-                "glob": "**/*",
-                "input": "public"
-              }
+                "src/favicon.ico",
+                "src/assets"
             ],
             "styles": [
               "src/styles.scss"<%=DefaultTheme%>
@@ -101,10 +99,8 @@
             "tsConfig": "tsconfig.spec.json",
             "inlineStyleLanguage": "scss",
             "assets": [
-              {
-                "glob": "**/*",
-                "input": "public"
-              }
+                "src/favicon.ico",
+                "src/assets"
             ],
             "styles": [
               "src/styles.scss"
diff --git a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.module.ts b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.module.ts
index 22fc8f489..1ed959c7a 100644
--- a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.module.ts
+++ b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.module.ts
@@ -6,13 +6,13 @@ import {
   IgxLayoutModule, IgxNavbarModule, IgxNavigationDrawerModule, IgxRippleModule
 } from 'igniteui-angular';
 import { AppRoutingModule } from './app-routing.module';
-import { AppComponent } from './app.component';
+import { App } from './app';
 import { AuthenticationModule, ExternalAuthService } from './authentication';
 import { HomeComponent } from './home/home.component';
 
 @NgModule({
   declarations: [
-    AppComponent,
+    App,
     HomeComponent
   ],
   imports: [
@@ -29,7 +29,7 @@ import { HomeComponent } from './home/home.component';
     IgxRippleModule
   ],
   providers: [],
-  bootstrap: [AppComponent]
+  bootstrap: [App]
 })
 export class AppModule {
 
diff --git a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.spec.ts b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.spec.ts
index 1ef83aa79..86308d2be 100644
--- a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.spec.ts
+++ b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.spec.ts
@@ -2,10 +2,10 @@ import { TestBed, waitForAsync } from '@angular/core/testing';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { RouterModule } from '@angular/router';
 import { IgxLayoutModule, IgxNavbarModule, IgxNavigationDrawerModule, IgxRippleModule } from 'igniteui-angular';
-import { AppComponent } from './app';
+import { App } from './app';
 import { AuthenticationModule } from './authentication';
 
-describe('AppComponent', () => {
+describe('App', () => {
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [
@@ -16,13 +16,13 @@ describe('AppComponent', () => {
         IgxNavbarModule,
         IgxLayoutModule,
         IgxRippleModule,
-        AppComponent
+        App
       ]
     }).compileComponents();
   }));
 
   it('should create the app', waitForAsync(() => {
-    const fixture = TestBed.createComponent(AppComponent);
+    const fixture = TestBed.createComponent(App);
     const app = fixture.componentInstance;
     expect(app).toBeTruthy();
   }));
diff --git a/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.spec.ts b/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.spec.ts
index 72dbf34e7..586d0d9dc 100644
--- a/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.spec.ts
+++ b/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.spec.ts
@@ -1,9 +1,9 @@
 import { TestBed, waitForAsync } from '@angular/core/testing';
 import { RouterModule } from '@angular/router';
 import { IgxLayoutModule, IgxNavbarModule, IgxNavigationDrawerModule, IgxRippleModule } from 'igniteui-angular';
-import { AppComponent } from './app';
+import { App } from './app';
 
-describe('AppComponent', () => {
+describe('App', () => {
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [
@@ -12,13 +12,13 @@ describe('AppComponent', () => {
         IgxNavbarModule,
         IgxNavigationDrawerModule,
         IgxRippleModule,
-        AppComponent
+        App
       ]
     }).compileComponents();
   }));
 
   it('should create the app', waitForAsync(() => {
-    const fixture = TestBed.createComponent(AppComponent);
+    const fixture = TestBed.createComponent(App);
     const app = fixture.componentInstance;
     expect(app).toBeTruthy();
   }));

From c4bda637d49acf5166ce0056b9beac155e9674be Mon Sep 17 00:00:00 2001
From: Hristo Hristov <HHristov@infragistics.com>
Date: Sat, 28 Feb 2026 16:55:05 +0200
Subject: [PATCH 09/16] fix(igx-ts): update templates

---
 .../app/authentication/login-bar/login-bar.component.spec.ts    | 1 -
 .../authentication/login-dialog/login-dialog.component.spec.ts  | 1 -
 .../igx-templates/igx-ts/projects/side-nav/files/src/app/app.ts | 2 +-
 3 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/login-bar/login-bar.component.spec.ts b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/login-bar/login-bar.component.spec.ts
index 8525eae25..0895941e2 100644
--- a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/login-bar/login-bar.component.spec.ts
+++ b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/login-bar/login-bar.component.spec.ts
@@ -23,7 +23,6 @@ import { LoginBarComponent } from './login-bar.component';
 @Component({
   selector: 'app-login-dialog',
   template: '',
-  standalone: true,
   imports: [RouterTestingModule,
 	  IgxAvatarModule,
 	  IgxButtonModule,
diff --git a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/login-dialog/login-dialog.component.spec.ts b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/login-dialog/login-dialog.component.spec.ts
index ab662c873..8e5570642 100644
--- a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/login-dialog/login-dialog.component.spec.ts
+++ b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/login-dialog/login-dialog.component.spec.ts
@@ -8,7 +8,6 @@ import { LoginDialogComponent } from './login-dialog.component';
 @Component({
   selector: 'app-login, app-register',
   template: '',
-  standalone: true,
   imports: [IgxDialogModule]
 })
 class TestSignViewComponent {
diff --git a/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.ts b/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.ts
index f80461d99..3e8732f6a 100644
--- a/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.ts
+++ b/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.ts
@@ -15,7 +15,7 @@ import { routes } from './app.routes';
 
 @Component({
   selector: 'app-root',
-  templateUrl: './app..html',
+  templateUrl: './app.html',
   styleUrl: './app.scss',
   encapsulation: ViewEncapsulation.None,
   imports: [

From 507b493e8e313526c8c158ad54857008b7838273 Mon Sep 17 00:00:00 2001
From: Hristo Hristov <HHristov@infragistics.com>
Date: Mon, 2 Mar 2026 12:00:13 +0200
Subject: [PATCH 10/16] fix(igx-ts): revert global error service logic

---
 .../_base/files/src/app/app.config.ts         |  7 ++++--
 .../error/global-error-handler.service.ts     | 23 +++++++++++++++++++
 .../environments/environment.development.ts   |  4 +++-
 .../files/src/environments/environment.ts     |  4 +++-
 4 files changed, 34 insertions(+), 4 deletions(-)
 create mode 100644 packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/error/global-error-handler.service.ts

diff --git a/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.config.ts b/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.config.ts
index 8d86ca343..0f8029b59 100644
--- a/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.config.ts
+++ b/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.config.ts
@@ -1,9 +1,11 @@
-import { ApplicationConfig, importProvidersFrom, provideBrowserGlobalErrorListeners, provideZoneChangeDetection } from '@angular/core';
+import { ApplicationConfig, ErrorHandler, importProvidersFrom, provideBrowserGlobalErrorListeners, provideZoneChangeDetection } from '@angular/core';
 import { BrowserModule, HammerModule } from '@angular/platform-browser';
 import { provideAnimations } from "@angular/platform-browser/animations";
 import { provideRouter } from '@angular/router';
 
+import { environment } from '../environments/environment';
 import { routes } from './app.routes';
+import { GlobalErrorHandlerService } from './error-routing/error/global-error-handler.service';
 
 export const appConfig: ApplicationConfig = {
 	providers: [
@@ -11,6 +13,7 @@ export const appConfig: ApplicationConfig = {
 		provideZoneChangeDetection({ eventCoalescing: true }),
 		provideRouter(routes),
     importProvidersFrom(BrowserModule, HammerModule),
-    provideAnimations()
+    provideAnimations(),
+    ...(environment.production ? [{ provide: ErrorHandler, useClass: GlobalErrorHandlerService }] : [])
 	]
 };
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/error/global-error-handler.service.ts b/packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/error/global-error-handler.service.ts
new file mode 100644
index 000000000..392139de4
--- /dev/null
+++ b/packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/error/global-error-handler.service.ts
@@ -0,0 +1,23 @@
+import { ErrorHandler, Injectable, Injector, NgZone, inject } from '@angular/core';
+import { Router } from '@angular/router';
+
+@Injectable()
+export class GlobalErrorHandlerService implements ErrorHandler {
+  private injector = inject(Injector);
+  private zone = inject(NgZone);
+
+  handleError(error: unknown) {
+    // handle and/or log error, for example:
+    console.error(error);
+
+    // show error page
+    const router = this.injector.get(Router);
+    if (router) {
+      this.zone.run(() => {
+        router
+          .navigate(['error'])
+          .catch((err: unknown) => console.error(err));
+      });
+    }
+  }
+}
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/src/environments/environment.development.ts b/packages/igx-templates/igx-ts/projects/_base/files/src/environments/environment.development.ts
index f274e5edf..ffe8aed76 100644
--- a/packages/igx-templates/igx-ts/projects/_base/files/src/environments/environment.development.ts
+++ b/packages/igx-templates/igx-ts/projects/_base/files/src/environments/environment.development.ts
@@ -1 +1,3 @@
-export const environment = {};
+export const environment = {
+  production: false
+};
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/src/environments/environment.ts b/packages/igx-templates/igx-ts/projects/_base/files/src/environments/environment.ts
index f274e5edf..3612073bc 100644
--- a/packages/igx-templates/igx-ts/projects/_base/files/src/environments/environment.ts
+++ b/packages/igx-templates/igx-ts/projects/_base/files/src/environments/environment.ts
@@ -1 +1,3 @@
-export const environment = {};
+export const environment = {
+  production: true
+};

From c7e1c792e82b706bb42f76798770f7ab2f6dbd1f Mon Sep 17 00:00:00 2001
From: Hristo Hristov <HHristov@infragistics.com>
Date: Mon, 2 Mar 2026 12:51:43 +0200
Subject: [PATCH 11/16] fix(igx-ts): update angular to 21.2.0

---
 .../ig-ts/projects/empty/files/package.json   | 24 +++++++++----------
 .../igx-ts/projects/_base/files/package.json  | 22 ++++++++---------
 .../projects/side-nav-auth/files/package.json | 24 +++++++++----------
 3 files changed, 35 insertions(+), 35 deletions(-)

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
index c9fb23d58..07bf07c47 100644
--- a/packages/cli/templates/angular/ig-ts/projects/empty/files/package.json
+++ b/packages/cli/templates/angular/ig-ts/projects/empty/files/package.json
@@ -10,14 +10,14 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "~21.1.5",
-    "@angular/common": "~21.1.5",
-    "@angular/compiler": "~21.1.5",
-    "@angular/core": "~21.1.5",
-    "@angular/forms": "~21.1.5",
-    "@angular/platform-browser": "~21.1.5",
-    "@angular/platform-browser-dynamic": "~21.1.5",
-    "@angular/router": "~21.1.5",
+    "@angular/animations": "~21.2.0",
+    "@angular/common": "~21.2.0",
+    "@angular/compiler": "~21.2.0",
+    "@angular/core": "~21.2.0",
+    "@angular/forms": "~21.2.0",
+    "@angular/platform-browser": "~21.2.0",
+    "@angular/platform-browser-dynamic": "~21.2.0",
+    "@angular/router": "~21.2.0",
     "jquery": "^3.7.1",
     "jquery-ui": "^1.13.3",
     "igniteui-angular-wrappers": "~21.0.1",
@@ -27,10 +27,10 @@
     "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular/build": "~21.1.5",
-    "@angular-devkit/build-angular": "~21.1.5",
-    "@angular/cli": "~21.1.5",
-    "@angular/compiler-cli": "~21.1.5",
+    "@angular/build": "~21.2.0",
+    "@angular-devkit/build-angular": "~21.2.0",
+    "@angular/cli": "~21.2.0",
+    "@angular/compiler-cli": "~21.2.0",
     "@types/jasmine": "~5.1.4",
     "@types/node": "^18.16.0",
     "igniteui-cli": "^$(cliVersion)",
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/package.json b/packages/igx-templates/igx-ts/projects/_base/files/package.json
index 32de2d0b4..dface91c2 100644
--- a/packages/igx-templates/igx-ts/projects/_base/files/package.json
+++ b/packages/igx-templates/igx-ts/projects/_base/files/package.json
@@ -23,14 +23,14 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "~21.1.5",
-    "@angular/common": "~21.1.5",
-    "@angular/compiler": "~21.1.5",
-    "@angular/core": "~21.1.5",
-    "@angular/forms": "~21.1.5",
-    "@angular/platform-browser": "~21.1.5",
-    "@angular/platform-browser-dynamic": "~21.1.5",
-    "@angular/router": "~21.1.5",
+    "@angular/animations": "~21.2.0",
+    "@angular/common": "~21.2.0",
+    "@angular/compiler": "~21.2.0",
+    "@angular/core": "~21.2.0",
+    "@angular/forms": "~21.2.0",
+    "@angular/platform-browser": "~21.2.0",
+    "@angular/platform-browser-dynamic": "~21.2.0",
+    "@angular/router": "~21.2.0",
     "hammerjs": "~2.0.8",
     "igniteui-angular": "~21.1.0",
     "minireset.css": "~0.0.7",
@@ -39,9 +39,9 @@
     "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular/build": "~21.1.5",
-    "@angular/cli": "~21.1.5",
-    "@angular/compiler-cli": "~21.1.5",
+    "@angular/build": "~21.2.0",
+    "@angular/cli": "~21.2.0",
+    "@angular/compiler-cli": "~21.2.0",
     "@types/jasmine": "~5.1.4",
     "angular-eslint": "~21.2.0",
     "eslint": "~9.39.1",
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
index 55e09c3cd..e3e741c56 100644
--- 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
@@ -23,14 +23,14 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "~21.1.5",
-    "@angular/common": "~21.1.5",
-    "@angular/compiler": "~21.1.5",
-    "@angular/core": "~21.1.5",
-    "@angular/forms": "~21.1.5",
-    "@angular/platform-browser": "~21.1.5",
-    "@angular/platform-browser-dynamic": "~21.1.5",
-    "@angular/router": "~21.1.5",
+    "@angular/animations": "~21.2.0",
+    "@angular/common": "~21.2.0",
+    "@angular/compiler": "~21.2.0",
+    "@angular/core": "~21.2.0",
+    "@angular/forms": "~21.2.0",
+    "@angular/platform-browser": "~21.2.0",
+    "@angular/platform-browser-dynamic": "~21.2.0",
+    "@angular/router": "~21.2.0",
     "angular-auth-oidc-client": "~15.0.4",
     "hammerjs": "~2.0.8",
     "igniteui-angular": "~21.1.0",
@@ -40,10 +40,10 @@
     "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular/build": "~21.1.5",
-    "@angular/cli": "~21.1.5",
-    "@angular/compiler-cli": "~21.1.5",
-    "@angular/language-service": "~21.1.5",
+    "@angular/build": "~21.2.0",
+    "@angular/cli": "~21.2.0",
+    "@angular/compiler-cli": "~21.2.0",
+    "@angular/language-service": "~21.2.0",
     "@types/facebook-js-sdk": "~3.3.6",
     "@types/hammerjs": "~2.0.46",
     "@types/jasmine": "~5.1.4",

From a4fd5620c5e6231abf66a8e1ef25031e8aeb40fd Mon Sep 17 00:00:00 2001
From: Hristo Hristov <HHristov@infragistics.com>
Date: Mon, 2 Mar 2026 14:31:53 +0200
Subject: [PATCH 12/16] fix(igx-ts): update error components

---
 .../igx-ts/projects/_base/files/src/app/app.routes.ts     | 8 ++++----
 .../app/error-routing/error/uncaught-error.component.ts   | 6 ------
 .../app/error-routing/not-found/not-found.component.ts    | 6 ------
 .../igx-templates/igx-ts/projects/_base/files/src/main.ts | 8 +++++++-
 4 files changed, 11 insertions(+), 17 deletions(-)
 delete mode 100644 packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/error/uncaught-error.component.ts
 delete mode 100644 packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/not-found/not-found.component.ts

diff --git a/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.routes.ts b/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.routes.ts
index e0188ff53..612da4c43 100644
--- a/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.routes.ts
+++ b/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.routes.ts
@@ -1,8 +1,8 @@
 import { Routes } from '@angular/router';
-import { PageNotFoundComponent } from './error-routing/not-found/not-found.component';
-import { UncaughtErrorComponent } from './error-routing/error/uncaught-error.component';
+import { NotFound } from './error-routing/not-found/not-found';
+import { UncaughtError } from './error-routing/error/uncaught-error';
 
 export const routes: Routes = [
-  { path: 'error', component: UncaughtErrorComponent },
-  { path: '**', component: PageNotFoundComponent } // must always be last
+  { path: 'error', component: UncaughtError },
+  { path: '**', component: NotFound } // must always be last
 ];
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/error/uncaught-error.component.ts b/packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/error/uncaught-error.component.ts
deleted file mode 100644
index 8a1bfcb92..000000000
--- a/packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/error/uncaught-error.component.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  template: '<h2>Error 500: Internal Server Error</h2>'
-})
-export class UncaughtErrorComponent  { }
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/not-found/not-found.component.ts b/packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/not-found/not-found.component.ts
deleted file mode 100644
index 4f027a808..000000000
--- a/packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/not-found/not-found.component.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  template: '<h2>Error 404: Page not found</h2>'
-})
-export class PageNotFoundComponent { }
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/src/main.ts b/packages/igx-templates/igx-ts/projects/_base/files/src/main.ts
index 5df75f9c8..616c1ecdc 100644
--- a/packages/igx-templates/igx-ts/projects/_base/files/src/main.ts
+++ b/packages/igx-templates/igx-ts/projects/_base/files/src/main.ts
@@ -1,6 +1,12 @@
+import { enableProdMode } from '@angular/core';
 import { bootstrapApplication } from '@angular/platform-browser';
-import { appConfig } from './app/app.config';
 import { App } from './app/app';
+import { appConfig } from './app/app.config';
+import { environment } from './environments/environment';
+
+if (environment.production) {
+  enableProdMode();
+}
 
 bootstrapApplication(App, appConfig)
   .catch((err) => console.error(err));

From dcd71397e37b2af17fb01d93dedd005676189157 Mon Sep 17 00:00:00 2001
From: Hristo Hristov <HHristov@infragistics.com>
Date: Mon, 2 Mar 2026 14:32:45 +0200
Subject: [PATCH 13/16] fix(igx-ts): update error components

---
 .../files/src/app/error-routing/error/uncaught-error.ts     | 6 ++++++
 .../files/src/app/error-routing/not-found/not-found.ts      | 6 ++++++
 2 files changed, 12 insertions(+)
 create mode 100644 packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/error/uncaught-error.ts
 create mode 100644 packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/not-found/not-found.ts

diff --git a/packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/error/uncaught-error.ts b/packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/error/uncaught-error.ts
new file mode 100644
index 000000000..49dcbff95
--- /dev/null
+++ b/packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/error/uncaught-error.ts
@@ -0,0 +1,6 @@
+import { Component } from '@angular/core';
+
+@Component({
+  template: '<h2>Error 500: Internal Server Error</h2>'
+})
+export class UncaughtError  { }
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/not-found/not-found.ts b/packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/not-found/not-found.ts
new file mode 100644
index 000000000..e7598ce04
--- /dev/null
+++ b/packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/not-found/not-found.ts
@@ -0,0 +1,6 @@
+import { Component } from '@angular/core';
+
+@Component({
+  template: '<h2>Error 404: Page not found</h2>'
+})
+export class NotFound { }

From 9b72281741e08d77c02ef14f6da1b320696d61fa Mon Sep 17 00:00:00 2001
From: Hristo Hristov <HHristov@infragistics.com>
Date: Mon, 2 Mar 2026 16:25:52 +0200
Subject: [PATCH 14/16] fix(igx-ts): add fixes

---
 .../_base_with_home/files/src/app/app.routes.ts        |  8 ++++----
 .../igx-ts/projects/empty/files/src/app/app.ts         |  4 ++--
 .../projects/side-nav-auth/files/src/app/app.spec.ts   | 10 +++++-----
 .../igx-ts/projects/side-nav/files/src/app/app.spec.ts | 10 +++++-----
 4 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/packages/igx-templates/igx-ts/projects/_base_with_home/files/src/app/app.routes.ts b/packages/igx-templates/igx-ts/projects/_base_with_home/files/src/app/app.routes.ts
index 50ea4ae84..7380b31e2 100644
--- a/packages/igx-templates/igx-ts/projects/_base_with_home/files/src/app/app.routes.ts
+++ b/packages/igx-templates/igx-ts/projects/_base_with_home/files/src/app/app.routes.ts
@@ -1,11 +1,11 @@
 import { Routes } from '@angular/router';
 import { HomeComponent } from './home/home.component';
-import { PageNotFoundComponent } from './error-routing/not-found/not-found.component';
-import { UncaughtErrorComponent } from './error-routing/error/uncaught-error.component';
+import { NotFound } from './error-routing/not-found/not-found';
+import { UncaughtError } from './error-routing/error/uncaught-error';
 
 export const routes: Routes = [
 	{ path: '', redirectTo: '/home', pathMatch: 'full'},
 	{ path: 'home', component: HomeComponent, data: { text: 'Home' }},
-	{ path: 'error', component: UncaughtErrorComponent },
-	{ path: '**', component: PageNotFoundComponent } // must always be last
+	{ path: 'error', component: UncaughtError },
+	{ path: '**', component: NotFound } // must always be last
 ];
diff --git a/packages/igx-templates/igx-ts/projects/empty/files/src/app/app.ts b/packages/igx-templates/igx-ts/projects/empty/files/src/app/app.ts
index 1e652f4b0..917b1f40f 100644
--- a/packages/igx-templates/igx-ts/projects/empty/files/src/app/app.ts
+++ b/packages/igx-templates/igx-ts/projects/empty/files/src/app/app.ts
@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import { Component, signal } from '@angular/core';
 import { RouterOutlet } from '@angular/router';
 
 @Component({
@@ -8,5 +8,5 @@ import { RouterOutlet } from '@angular/router';
   styleUrl: './app.scss'
 })
 export class App {
-  title = 'Home - IgniteUI for Angular';
+  protected readonly title = signal('Home - IgniteUI for Angular');
 }
diff --git a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.spec.ts b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.spec.ts
index 86308d2be..98a317465 100644
--- a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.spec.ts
+++ b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.spec.ts
@@ -1,4 +1,4 @@
-import { TestBed, waitForAsync } from '@angular/core/testing';
+import { TestBed } from '@angular/core/testing';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { RouterModule } from '@angular/router';
 import { IgxLayoutModule, IgxNavbarModule, IgxNavigationDrawerModule, IgxRippleModule } from 'igniteui-angular';
@@ -6,7 +6,7 @@ import { App } from './app';
 import { AuthenticationModule } from './authentication';
 
 describe('App', () => {
-  beforeEach(waitForAsync(() => {
+  beforeEach(async () => {
     TestBed.configureTestingModule({
       imports: [
         NoopAnimationsModule,
@@ -19,11 +19,11 @@ describe('App', () => {
         App
       ]
     }).compileComponents();
-  }));
+  });
 
-  it('should create the app', waitForAsync(() => {
+  it('should create the app', () => {
     const fixture = TestBed.createComponent(App);
     const app = fixture.componentInstance;
     expect(app).toBeTruthy();
-  }));
+  });
 });
diff --git a/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.spec.ts b/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.spec.ts
index 586d0d9dc..c0a0f9b13 100644
--- a/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.spec.ts
+++ b/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.spec.ts
@@ -1,10 +1,10 @@
-import { TestBed, waitForAsync } from '@angular/core/testing';
+import { TestBed } from '@angular/core/testing';
 import { RouterModule } from '@angular/router';
 import { IgxLayoutModule, IgxNavbarModule, IgxNavigationDrawerModule, IgxRippleModule } from 'igniteui-angular';
 import { App } from './app';
 
 describe('App', () => {
-  beforeEach(waitForAsync(() => {
+  beforeEach(async () => {
     TestBed.configureTestingModule({
       imports: [
         RouterModule.forRoot([]),
@@ -15,11 +15,11 @@ describe('App', () => {
         App
       ]
     }).compileComponents();
-  }));
+  });
 
-  it('should create the app', waitForAsync(() => {
+  it('should create the app', () => {
     const fixture = TestBed.createComponent(App);
     const app = fixture.componentInstance;
     expect(app).toBeTruthy();
-  }));
+  });
 });

From 0cd722e252df5d47f09a24ab79b1f347431f10cf Mon Sep 17 00:00:00 2001
From: Hristo Hristov <HHristov@infragistics.com>
Date: Mon, 2 Mar 2026 17:32:47 +0200
Subject: [PATCH 15/16] fix(igx-ts): add missing await

---
 .../igx-ts/projects/side-nav-auth/files/src/app/app.spec.ts     | 2 +-
 .../igx-ts/projects/side-nav/files/src/app/app.spec.ts          | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.spec.ts b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.spec.ts
index 98a317465..d121755c5 100644
--- a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.spec.ts
+++ b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.spec.ts
@@ -7,7 +7,7 @@ import { AuthenticationModule } from './authentication';
 
 describe('App', () => {
   beforeEach(async () => {
-    TestBed.configureTestingModule({
+    await TestBed.configureTestingModule({
       imports: [
         NoopAnimationsModule,
         RouterModule.forRoot([]),
diff --git a/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.spec.ts b/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.spec.ts
index c0a0f9b13..7b132d9a1 100644
--- a/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.spec.ts
+++ b/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.spec.ts
@@ -5,7 +5,7 @@ import { App } from './app';
 
 describe('App', () => {
   beforeEach(async () => {
-    TestBed.configureTestingModule({
+    await TestBed.configureTestingModule({
       imports: [
         RouterModule.forRoot([]),
         IgxLayoutModule,

From 9252ef3888214093359f21e5081e5408a3bf52c8 Mon Sep 17 00:00:00 2001
From: Hristo Hristov <HHristov@infragistics.com>
Date: Mon, 2 Mar 2026 18:04:35 +0200
Subject: [PATCH 16/16] fix(igx-ts): rename app module

---
 .../side-nav-auth/files/src/app/{app.module.ts => app-module.ts}  | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/{app.module.ts => app-module.ts} (100%)

diff --git a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.module.ts b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app-module.ts
similarity index 100%
rename from packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.module.ts
rename to packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app-module.ts