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/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/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..a59498c6d 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,132 @@ { - "$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" + ], + "tsConfig": "tsconfig.app.json", + "inlineStyleLanguage": "scss", + "assets": [ + "src/favicon.ico", + "src/assets" + ], + "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" + ], + "tsConfig": "tsconfig.spec.json", + "inlineStyleLanguage": "scss", + "assets": [ + "src/favicon.ico", + "src/assets" + ], + "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/package.json b/packages/igx-templates/igx-ts/projects/_base/files/package.json index 28ec3d456..dface91c2 100644 --- a/packages/igx-templates/igx-ts/projects/_base/files/package.json +++ b/packages/igx-templates/igx-ts/projects/_base/files/package.json @@ -9,16 +9,28 @@ "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", - "@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", @@ -27,10 +39,9 @@ "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/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/_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; - - 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..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,27 +1,19 @@ -import { ApplicationConfig, EnvironmentProviders, ErrorHandler, Provider, importProvidersFrom, 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 { 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'; -// 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 }; +export const appConfig: ApplicationConfig = { + providers: [ + provideBrowserGlobalErrorListeners(), + provideZoneChangeDetection({ eventCoalescing: true }), + provideRouter(routes), + importProvidersFrom(BrowserModule, HammerModule), + provideAnimations(), + ...(environment.production ? [{ provide: ErrorHandler, useClass: GlobalErrorHandlerService }] : []) + ] +}; 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.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/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 index 3aba8811a..392139de4 100644 --- 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 @@ -1,12 +1,12 @@ -import { ErrorHandler, Injectable, Injector, NgZone } from '@angular/core'; +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); - constructor(private injector: Injector, private zone: NgZone) { } - - handleError(error: any) { + handleError(error: unknown) { // handle and/or log error, for example: console.error(error); @@ -16,7 +16,7 @@ export class GlobalErrorHandlerService implements ErrorHandler { this.zone.run(() => { router .navigate(['error']) - .catch((err: any) => console.error(err)); + .catch((err: unknown) => 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 deleted file mode 100644 index b1f7a6421..000000000 --- a/packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/error/uncaught-error.component.ts +++ /dev/null @@ -1,7 +0,0 @@ -import { Component } from '@angular/core'; - -@Component({ - standalone: true, - template: '

Error 500: Internal Server Error

', -}) -export class UncaughtErrorComponent { } 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: '

Error 500: Internal Server Error

' +}) +export class UncaughtError { } 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 36f0bd418..000000000 --- a/packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/not-found/not-found.component.ts +++ /dev/null @@ -1,7 +0,0 @@ -import { Component } from '@angular/core'; - -@Component({ - template: '

Error 404: Page not found

', - standalone: true -}) -export class PageNotFoundComponent { } 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: '

Error 404: Page not found

' +}) +export class NotFound { } 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.development.ts similarity index 61% rename from packages/igx-templates/igx-ts/projects/_base/files/src/environments/environment.prod.ts rename to packages/igx-templates/igx-ts/projects/_base/files/src/environments/environment.development.ts index 3612073bc..ffe8aed76 100644 --- 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.development.ts @@ -1,3 +1,3 @@ export const environment = { - production: true + 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 ffe8aed76..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,3 +1,3 @@ export const environment = { - production: false + production: true }; 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 @@ Ignite UI for Angular - - 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..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,13 +1,12 @@ import { enableProdMode } from '@angular/core'; import { bootstrapApplication } from '@angular/platform-browser'; - +import { App } from './app/app'; import { appConfig } from './app/app.config'; -import { AppComponent } from './app/app.component'; import { environment } from './environments/environment'; if (environment.production) { enableProdMode(); } -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..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 @@ -10,5 +10,8 @@ ], "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" ] } 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/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/_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 @@ Ignite UI for Angular - - 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 @@ <%=ApplicationTitle%> - - 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.component.ts deleted file mode 100644 index fff7934cc..000000000 --- a/packages/igx-templates/igx-ts/projects/empty/files/src/app/app.component.ts +++ /dev/null @@ -1,13 +0,0 @@ -import { Component } from '@angular/core'; -import { RouterOutlet } from '@angular/router'; - -@Component({ - selector: 'app-root', - templateUrl: './app.component.html', - styleUrls: ['./app.component.scss'], - standalone: true, - imports: [RouterOutlet] -}) -export class AppComponent { - title = 'Home - IgniteUI for Angular'; -} 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.ts b/packages/igx-templates/igx-ts/projects/empty/files/src/app/app.ts new file mode 100644 index 000000000..917b1f40f --- /dev/null +++ b/packages/igx-templates/igx-ts/projects/empty/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/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/package.json b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/package.json index 5842c01d2..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 @@ -9,30 +9,41 @@ "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", - "@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", "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", + "@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", 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 94% 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 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.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 63% 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..d121755c5 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 @@ -1,13 +1,13 @@ -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'; -import { AppComponent } from './app.component'; +import { App } from './app'; import { AuthenticationModule } from './authentication'; -describe('AppComponent', () => { - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ +describe('App', () => { + beforeEach(async () => { + await TestBed.configureTestingModule({ imports: [ NoopAnimationsModule, RouterModule.forRoot([]), @@ -16,14 +16,14 @@ describe('AppComponent', () => { IgxNavbarModule, IgxLayoutModule, IgxRippleModule, - AppComponent + App ] }).compileComponents(); - })); + }); - it('should create the app', waitForAsync(() => { - const fixture = TestBed.createComponent(AppComponent); + 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-auth/files/src/app/app.component.ts b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.ts similarity index 92% 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..3d10467c1 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'], + templateUrl: './app.html', + styleUrl: './app.scss', encapsulation: ViewEncapsulation.None, imports: [ LoginBarComponent, @@ -35,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-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-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.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-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: '

Signing in...

', - standalone: true + template: '

Signing in...

' }) 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 @@ - Ignite UI for Angular - - - - - 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" ] } 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 54% 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..7b132d9a1 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,25 +1,25 @@ -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 { AppComponent } from './app.component'; +import { App } from './app'; -describe('AppComponent', () => { - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ +describe('App', () => { + beforeEach(async () => { + await TestBed.configureTestingModule({ imports: [ RouterModule.forRoot([]), IgxLayoutModule, IgxNavbarModule, IgxNavigationDrawerModule, IgxRippleModule, - AppComponent + App ] }).compileComponents(); - })); + }); - it('should create the app', waitForAsync(() => { - const fixture = TestBed.createComponent(AppComponent); + 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.component.ts b/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.ts similarity index 92% 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..3e8732f6a 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'], + templateUrl: './app.html', + styleUrl: './app.scss', encapsulation: ViewEncapsulation.None, imports: [ IgxLayoutDirective, @@ -33,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 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,