fix(igx-ts): update the templates

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)",

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,

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,

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,

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 {

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 { }

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 {

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 {

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,

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,

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,

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,

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,

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,

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,

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,

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 {

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 {

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 {

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,

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 {

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%>';

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 {

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,

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[] = [];

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,

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 {

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 {

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,

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;

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 {

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,

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 {

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,

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 {

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 {