fix(igx-ts): update the templates

Hristo313 · Hristo313 · commit c12357187d57 · 2026-02-28T14:06:19.000+02:00
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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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.html b/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.scss b/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.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
@@ -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
@@ -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.html b/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.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.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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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.html b/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.scss b/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.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.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,
