fix(igx-ts): update templates

Hristo313 · Hristo313 · commit 04007adff6a3 · 2026-02-28T16:12:17.000+02:00
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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
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
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
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
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
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
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
