fix(igx-ts): update igx-ts templates

Author: Hristo313

packages/igx-templates/igx-ts/projects/_base/files/package.json

@@ -35,7 +35,6 @@
     "angular-eslint": "~21.3.0",
     "eslint": "^10.0.2",
     "igniteui-cli": "~<%=cliVersion%>",
-    "jsdom": "^28.0.0",
     "jasmine-core": "~5.12.1",
     "karma": "~6.4.4",
     "karma-chrome-launcher": "~3.2.0",

packages/igx-templates/igx-ts/projects/_base/files/src/environments/environment.development.ts

@@ -1,3 +1 @@
-export const environment = {
-  production: false
-};
+export const environment = {};

packages/igx-templates/igx-ts/projects/_base/files/src/environments/environment.ts

@@ -1,3 +1 @@
-export const environment = {
-  production: true
-};
+export const environment = {};

packages/igx-templates/igx-ts/projects/_base/files/src/main.ts

@@ -1,12 +1,6 @@
-import { enableProdMode } from '@angular/core';
 import { bootstrapApplication } from '@angular/platform-browser';
 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));

packages/igx-templates/igx-ts/projects/_base/files/tsconfig.json

@@ -12,8 +12,6 @@
     "skipLibCheck": true,
     "isolatedModules": true,
     "esModuleInterop": true,
-    "sourceMap": true,
-    "declaration": false,
     "experimentalDecorators": true,
     "moduleResolution": "Bundler",
     "importHelpers": true,
@@ -29,13 +27,7 @@
     "enableI18nLegacyMessageIdFormat": false,
     "strictInjectionParameters": true,
     "strictInputAccessModifiers": true,
-    "strictTemplates": true,
-    // TODO: Remove this option when fixing https://infragistics.visualstudio.com/Indigo_Platform/_workitems/edit/30602
-    "extendedDiagnostics": {
-      "checks": {
-        "optionalChainNotNullable": "suppress"
-      }
-    }
+    "strictTemplates": true
   },
   "files": [],
   "references": [

packages/igx-templates/igx-ts/projects/_base_with_home/files/src/app/home/home.html

@@ -1,5 +1,5 @@
 <!--The content below is only a placeholder and can be replaced.-->
-<h1>{{title}}</h1>
+<h1>{{title()}}</h1>
 <img src="assets/responsive.gif" alt="Ignite UI CLI">
 
 <div id="linksContainer">

packages/igx-templates/igx-ts/projects/_base_with_home/files/src/app/home/home.ts

@@ -1,10 +1,10 @@
-import { Component } from '@angular/core';
+import { Component, signal } from '@angular/core';
 
 @Component({
   selector: 'app-home',
   templateUrl: './home.html',
   styleUrl: './home.scss'
 })
 export class Home  {
-  title = 'Welcome to Ignite UI for Angular!';
+  protected readonly title = signal('Welcome to Ignite UI for Angular!');
 }

packages/igx-templates/igx-ts/projects/side-nav-auth/files/package.json

@@ -39,7 +39,6 @@
     "angular-eslint": "~21.3.0",
     "eslint": "^10.0.2",
     "igniteui-cli": "~<%=cliVersion%>",
-    "jsdom": "^28.0.0",
     "jasmine-core": "~5.12.1",
     "karma": "~6.4.4",
     "karma-chrome-launcher": "~3.2.0",