diff --git a/packages/igx-templates/igx-ts/accordion/default/files/src/app/__path__/__filePrefix__.component.spec.ts b/packages/igx-templates/igx-ts/accordion/default/files/src/app/__path__/__filePrefix__.component.spec.ts deleted file mode 100644 index 91d206182..000000000 --- a/packages/igx-templates/igx-ts/accordion/default/files/src/app/__path__/__filePrefix__.component.spec.ts +++ /dev/null @@ -1,26 +0,0 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; -import { NoopAnimationsModule } from '@angular/platform-browser/animations'; -import { <%=ClassName%>Component } from './<%=filePrefix%>.component'; -import { IgxAccordionModule, IgxSwitchModule } from '<%=igxPackage%>'; - -describe('<%=ClassName%>Component', () => { - let component: <%=ClassName%>Component; - let fixture: ComponentFixture<<%=ClassName%>Component>; - - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ - imports: [NoopAnimationsModule, IgxAccordionModule, IgxSwitchModule, <%=ClassName%>Component] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(<%=ClassName%>Component); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/packages/igx-templates/igx-ts/accordion/default/files/src/app/__path__/__filePrefix__.component.html b/packages/igx-templates/igx-ts/accordion/default/files/src/app/__path__/__filePrefix__.html similarity index 100% rename from packages/igx-templates/igx-ts/accordion/default/files/src/app/__path__/__filePrefix__.component.html rename to packages/igx-templates/igx-ts/accordion/default/files/src/app/__path__/__filePrefix__.html diff --git a/packages/igx-templates/igx-ts/accordion/default/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/accordion/default/files/src/app/__path__/__filePrefix__.scss similarity index 100% rename from packages/igx-templates/igx-ts/accordion/default/files/src/app/__path__/__filePrefix__.component.scss rename to packages/igx-templates/igx-ts/accordion/default/files/src/app/__path__/__filePrefix__.scss diff --git a/packages/igx-templates/igx-ts/accordion/default/files/src/app/__path__/__filePrefix__.spec.ts b/packages/igx-templates/igx-ts/accordion/default/files/src/app/__path__/__filePrefix__.spec.ts new file mode 100644 index 000000000..f7343ae32 --- /dev/null +++ b/packages/igx-templates/igx-ts/accordion/default/files/src/app/__path__/__filePrefix__.spec.ts @@ -0,0 +1,26 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { NoopAnimationsModule } from '@angular/platform-browser/animations'; +import { <%=ClassName%> } from './<%=filePrefix%>'; +import { IgxAccordionModule, IgxSwitchModule } from '<%=igxPackage%>'; + +describe('<%=ClassName%>', () => { + let component: <%=ClassName%>; + let fixture: ComponentFixture<<%=ClassName%>>; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [NoopAnimationsModule, IgxAccordionModule, IgxSwitchModule, <%=ClassName%>] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(<%=ClassName%>); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); 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__.ts similarity index 80% rename from packages/igx-templates/igx-ts/accordion/default/files/src/app/__path__/__filePrefix__.component.ts rename to packages/igx-templates/igx-ts/accordion/default/files/src/app/__path__/__filePrefix__.ts index a04710827..031ac7f30 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__.ts @@ -11,9 +11,8 @@ import { @Component({ selector: 'app-<%=filePrefix%>', - templateUrl: './<%=filePrefix%>.component.html', - styleUrls: ['./<%=filePrefix%>.component.scss'], - standalone: true, + templateUrl: './<%=filePrefix%>.html', + styleUrl: './<%=filePrefix%>.scss', imports: [ IgxSwitchComponent, ReactiveFormsModule, @@ -25,6 +24,6 @@ import { IgxExpansionPanelBodyComponent, ], }) -export class <%=ClassName%>Component { +export class <%=ClassName%> { public singleBranchExpand = false; } diff --git a/packages/igx-templates/igx-ts/autocomplete/autocomplete-custom/files/src/app/__path__/__filePrefix__.component.spec.ts b/packages/igx-templates/igx-ts/autocomplete/autocomplete-custom/files/src/app/__path__/__filePrefix__.component.spec.ts deleted file mode 100644 index 17811aa40..000000000 --- a/packages/igx-templates/igx-ts/autocomplete/autocomplete-custom/files/src/app/__path__/__filePrefix__.component.spec.ts +++ /dev/null @@ -1,28 +0,0 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; -import { FormsModule } from '@angular/forms'; -import { NoopAnimationsModule } from '@angular/platform-browser/animations'; -import { IgxAutocompleteModule, IgxDropDownModule, IgxInputGroupModule } from '<%=igxPackage%>'; -import { <%=ClassName%>Component, <%=ClassName%>PipeStartsWith } from './<%=filePrefix%>.component'; - -describe('<%=ClassName%>Component', () => { - let component: <%=ClassName%>Component; - let fixture: ComponentFixture<<%=ClassName%>Component>; - - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ - imports: [FormsModule, IgxDropDownModule, IgxAutocompleteModule, NoopAnimationsModule, - IgxInputGroupModule, <%=ClassName%>Component, <%=ClassName%>PipeStartsWith] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(<%=ClassName%>Component); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/packages/igx-templates/igx-ts/autocomplete/autocomplete-custom/files/src/app/__path__/__filePrefix__.component.html b/packages/igx-templates/igx-ts/autocomplete/autocomplete-custom/files/src/app/__path__/__filePrefix__.html similarity index 100% rename from packages/igx-templates/igx-ts/autocomplete/autocomplete-custom/files/src/app/__path__/__filePrefix__.component.html rename to packages/igx-templates/igx-ts/autocomplete/autocomplete-custom/files/src/app/__path__/__filePrefix__.html diff --git a/packages/igx-templates/igx-ts/autocomplete/autocomplete-custom/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/autocomplete/autocomplete-custom/files/src/app/__path__/__filePrefix__.scss similarity index 100% rename from packages/igx-templates/igx-ts/autocomplete/autocomplete-custom/files/src/app/__path__/__filePrefix__.component.scss rename to packages/igx-templates/igx-ts/autocomplete/autocomplete-custom/files/src/app/__path__/__filePrefix__.scss diff --git a/packages/igx-templates/igx-ts/autocomplete/autocomplete-custom/files/src/app/__path__/__filePrefix__.spec.ts b/packages/igx-templates/igx-ts/autocomplete/autocomplete-custom/files/src/app/__path__/__filePrefix__.spec.ts new file mode 100644 index 000000000..5cd5c4696 --- /dev/null +++ b/packages/igx-templates/igx-ts/autocomplete/autocomplete-custom/files/src/app/__path__/__filePrefix__.spec.ts @@ -0,0 +1,28 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { FormsModule } from '@angular/forms'; +import { NoopAnimationsModule } from '@angular/platform-browser/animations'; +import { IgxAutocompleteModule, IgxDropDownModule, IgxInputGroupModule } from '<%=igxPackage%>'; +import { <%=ClassName%>, <%=ClassName%>PipeStartsWith } from './<%=filePrefix%>'; + +describe('<%=ClassName%>', () => { + let component: <%=ClassName%>; + let fixture: ComponentFixture<<%=ClassName%>>; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [FormsModule, IgxDropDownModule, IgxAutocompleteModule, NoopAnimationsModule, + IgxInputGroupModule, <%=ClassName%>, <%=ClassName%>PipeStartsWith] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(<%=ClassName%>); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); 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__.ts similarity index 87% rename from packages/igx-templates/igx-ts/autocomplete/autocomplete-custom/files/src/app/__path__/__filePrefix__.component.ts rename to packages/igx-templates/igx-ts/autocomplete/autocomplete-custom/files/src/app/__path__/__filePrefix__.ts index 8d56f424c..db17b2674 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__.ts @@ -13,9 +13,8 @@ import { @Component({ selector: 'app-<%=filePrefix%>', - templateUrl: './<%=filePrefix%>.component.html', - styleUrls: ['./<%=filePrefix%>.component.scss'], - standalone: true, + templateUrl: './<%=filePrefix%>.html', + styleUrl: './<%=filePrefix%>.scss', imports: [ ReactiveFormsModule, FormsModule, @@ -29,7 +28,7 @@ import { forwardRef(() => <%=ClassName%>PipeStartsWith), ], }) -export class <%=ClassName%>Component { +export class <%=ClassName%> { public towns: string[]; public townSelected = ''; diff --git a/packages/igx-templates/igx-ts/autocomplete/autocomplete-extended/files/src/app/__path__/__filePrefix__.component.html b/packages/igx-templates/igx-ts/autocomplete/autocomplete-extended/files/src/app/__path__/__filePrefix__.html similarity index 100% rename from packages/igx-templates/igx-ts/autocomplete/autocomplete-extended/files/src/app/__path__/__filePrefix__.component.html rename to packages/igx-templates/igx-ts/autocomplete/autocomplete-extended/files/src/app/__path__/__filePrefix__.html diff --git a/packages/igx-templates/igx-ts/autocomplete/autocomplete-extended/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/autocomplete/autocomplete-extended/files/src/app/__path__/__filePrefix__.scss similarity index 100% rename from packages/igx-templates/igx-ts/autocomplete/autocomplete-extended/files/src/app/__path__/__filePrefix__.component.scss rename to packages/igx-templates/igx-ts/autocomplete/autocomplete-extended/files/src/app/__path__/__filePrefix__.scss diff --git a/packages/igx-templates/igx-ts/autocomplete/autocomplete-extended/files/src/app/__path__/__filePrefix__.component.spec.ts b/packages/igx-templates/igx-ts/autocomplete/autocomplete-extended/files/src/app/__path__/__filePrefix__.spec.ts similarity index 62% rename from packages/igx-templates/igx-ts/autocomplete/autocomplete-extended/files/src/app/__path__/__filePrefix__.component.spec.ts rename to packages/igx-templates/igx-ts/autocomplete/autocomplete-extended/files/src/app/__path__/__filePrefix__.spec.ts index 557bc70a6..8ffc1c8eb 100644 --- a/packages/igx-templates/igx-ts/autocomplete/autocomplete-extended/files/src/app/__path__/__filePrefix__.component.spec.ts +++ b/packages/igx-templates/igx-ts/autocomplete/autocomplete-extended/files/src/app/__path__/__filePrefix__.spec.ts @@ -1,21 +1,21 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; +import { ComponentFixture, TestBed } from '@angular/core/testing'; import { FormsModule } from '@angular/forms'; import { NoopAnimationsModule } from '@angular/platform-browser/animations'; import { IgxAutocompleteModule, IgxDropDownModule, IgxInputGroupModule, IgxToastModule } from '<%=igxPackage%>'; import { - <%=ClassName%>Component, + <%=ClassName%>, <%=ClassName%>PipeStartsWith, <%=ClassName%>RegionContains -} from './<%=filePrefix%>.component'; +} from './<%=filePrefix%>'; -describe('<%=ClassName%>Component', () => { - let component: <%=ClassName%>Component; - let fixture: ComponentFixture<<%=ClassName%>Component>; +describe('<%=ClassName%>', () => { + let component: <%=ClassName%>; + let fixture: ComponentFixture<<%=ClassName%>>; - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ + beforeEach(async () => { + await TestBed.configureTestingModule({ imports: [ - <%=ClassName%>Component, + <%=ClassName%>, <%=ClassName%>PipeStartsWith, <%=ClassName%>RegionContains, FormsModule, @@ -27,10 +27,10 @@ describe('<%=ClassName%>Component', () => { ] }) .compileComponents(); - })); + }); beforeEach(() => { - fixture = TestBed.createComponent(<%=ClassName%>Component); + fixture = TestBed.createComponent(<%=ClassName%>); component = fixture.componentInstance; fixture.detectChanges(); }); 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__.ts similarity index 94% rename from packages/igx-templates/igx-ts/autocomplete/autocomplete-extended/files/src/app/__path__/__filePrefix__.component.ts rename to packages/igx-templates/igx-ts/autocomplete/autocomplete-extended/files/src/app/__path__/__filePrefix__.ts index c1ce68289..50c314459 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__.ts @@ -19,9 +19,8 @@ import { ReactiveFormsModule, FormsModule } from '@angular/forms'; @Component({ selector: 'app-<%=filePrefix%>', - templateUrl: './<%=filePrefix%>.component.html', - styleUrls: ['./<%=filePrefix%>.component.scss'], - standalone: true, + templateUrl: './<%=filePrefix%>.html', + styleUrl: './<%=filePrefix%>.scss', imports: [ IgxInputGroupComponent, IgxLabelDirective, @@ -38,7 +37,7 @@ import { ReactiveFormsModule, FormsModule } from '@angular/forms'; forwardRef(() => <%=ClassName%>RegionContains) ] }) -export class <%=ClassName%>Component { +export class <%=ClassName%> { public regions!: Region[]; public townSelected!: string; public postalCode?: number; diff --git a/packages/igx-templates/igx-ts/bullet-graph/default/files/src/app/__path__/__filePrefix__.component.html b/packages/igx-templates/igx-ts/bullet-graph/default/files/src/app/__path__/__filePrefix__.html similarity index 100% rename from packages/igx-templates/igx-ts/bullet-graph/default/files/src/app/__path__/__filePrefix__.component.html rename to packages/igx-templates/igx-ts/bullet-graph/default/files/src/app/__path__/__filePrefix__.html diff --git a/packages/igx-templates/igx-ts/bullet-graph/default/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/bullet-graph/default/files/src/app/__path__/__filePrefix__.scss similarity index 100% rename from packages/igx-templates/igx-ts/bullet-graph/default/files/src/app/__path__/__filePrefix__.component.scss rename to packages/igx-templates/igx-ts/bullet-graph/default/files/src/app/__path__/__filePrefix__.scss diff --git a/packages/igx-templates/igx-ts/bullet-graph/default/files/src/app/__path__/__filePrefix__.component.spec.ts b/packages/igx-templates/igx-ts/bullet-graph/default/files/src/app/__path__/__filePrefix__.spec.ts similarity index 51% rename from packages/igx-templates/igx-ts/bullet-graph/default/files/src/app/__path__/__filePrefix__.component.spec.ts rename to packages/igx-templates/igx-ts/bullet-graph/default/files/src/app/__path__/__filePrefix__.spec.ts index 54e498899..8e2decb6d 100644 --- a/packages/igx-templates/igx-ts/bullet-graph/default/files/src/app/__path__/__filePrefix__.component.spec.ts +++ b/packages/igx-templates/igx-ts/bullet-graph/default/files/src/app/__path__/__filePrefix__.spec.ts @@ -1,21 +1,21 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; +import { ComponentFixture, TestBed } from '@angular/core/testing'; import { NoopAnimationsModule } from '@angular/platform-browser/animations'; import { IgxBulletGraphModule } from 'igniteui-angular-gauges'; -import { <%=ClassName%>Component } from './<%=filePrefix%>.component'; +import { <%=ClassName%> } from './<%=filePrefix%>'; -describe('<%=ClassName%>Component', () => { - let component: <%=ClassName%>Component; - let fixture: ComponentFixture<<%=ClassName%>Component>; +describe('<%=ClassName%>', () => { + let component: <%=ClassName%>; + let fixture: ComponentFixture<<%=ClassName%>>; - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ - imports: [IgxBulletGraphModule, NoopAnimationsModule, <%=ClassName%>Component] + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [IgxBulletGraphModule, NoopAnimationsModule, <%=ClassName%>] }) .compileComponents(); - })); + }); beforeEach(() => { - fixture = TestBed.createComponent(<%=ClassName%>Component); + fixture = TestBed.createComponent(<%=ClassName%>); component = fixture.componentInstance; fixture.detectChanges(); // disable animation 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__.ts similarity index 97% rename from packages/igx-templates/igx-ts/bullet-graph/default/files/src/app/__path__/__filePrefix__.component.ts rename to packages/igx-templates/igx-ts/bullet-graph/default/files/src/app/__path__/__filePrefix__.ts index f1c6fee38..9cff4af47 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__.ts @@ -13,13 +13,12 @@ import { @Component({ selector: 'app-<%=filePrefix%>', - templateUrl: './<%=filePrefix%>.component.html', - styleUrls: ['./<%=filePrefix%>.component.scss'], + templateUrl: './<%=filePrefix%>.html', + styleUrl: './<%=filePrefix%>.scss', encapsulation: ViewEncapsulation.None, - standalone: true, imports: [IgxLayoutDirective, IgxButtonDirective, IgxBulletGraphCoreModule] }) -export class <%=ClassName%>Component implements AfterViewInit { +export class <%=ClassName%> implements AfterViewInit { @ViewChild('bulletGraph', { static: true }) public bulletGraph!: IgxBulletGraphComponent; diff --git a/packages/igx-templates/igx-ts/calendar/default/files/src/app/__path__/__filePrefix__.component.spec.ts b/packages/igx-templates/igx-ts/calendar/default/files/src/app/__path__/__filePrefix__.component.spec.ts deleted file mode 100644 index e57589047..000000000 --- a/packages/igx-templates/igx-ts/calendar/default/files/src/app/__path__/__filePrefix__.component.spec.ts +++ /dev/null @@ -1,26 +0,0 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; -import { NoopAnimationsModule } from '@angular/platform-browser/animations'; -import { IgxCalendarModule } from '<%=igxPackage%>'; -import { <%=ClassName%>Component } from './<%=filePrefix%>.component'; - -describe('<%=ClassName%>Component', () => { - let component: <%=ClassName%>Component; - let fixture: ComponentFixture<<%=ClassName%>Component>; - - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ - imports: [IgxCalendarModule, NoopAnimationsModule, <%=ClassName%>Component] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(<%=ClassName%>Component); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/packages/igx-templates/igx-ts/calendar/default/files/src/app/__path__/__filePrefix__.component.html b/packages/igx-templates/igx-ts/calendar/default/files/src/app/__path__/__filePrefix__.html similarity index 100% rename from packages/igx-templates/igx-ts/calendar/default/files/src/app/__path__/__filePrefix__.component.html rename to packages/igx-templates/igx-ts/calendar/default/files/src/app/__path__/__filePrefix__.html diff --git a/packages/igx-templates/igx-ts/calendar/default/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/calendar/default/files/src/app/__path__/__filePrefix__.scss similarity index 100% rename from packages/igx-templates/igx-ts/calendar/default/files/src/app/__path__/__filePrefix__.component.scss rename to packages/igx-templates/igx-ts/calendar/default/files/src/app/__path__/__filePrefix__.scss diff --git a/packages/igx-templates/igx-ts/calendar/default/files/src/app/__path__/__filePrefix__.spec.ts b/packages/igx-templates/igx-ts/calendar/default/files/src/app/__path__/__filePrefix__.spec.ts new file mode 100644 index 000000000..80815a9e9 --- /dev/null +++ b/packages/igx-templates/igx-ts/calendar/default/files/src/app/__path__/__filePrefix__.spec.ts @@ -0,0 +1,26 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { NoopAnimationsModule } from '@angular/platform-browser/animations'; +import { IgxCalendarModule } from '<%=igxPackage%>'; +import { <%=ClassName%> } from './<%=filePrefix%>'; + +describe('<%=ClassName%>', () => { + let component: <%=ClassName%>; + let fixture: ComponentFixture<<%=ClassName%>>; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [IgxCalendarModule, NoopAnimationsModule, <%=ClassName%>] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(<%=ClassName%>); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); 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__.ts similarity index 63% rename from packages/igx-templates/igx-ts/calendar/default/files/src/app/__path__/__filePrefix__.component.ts rename to packages/igx-templates/igx-ts/calendar/default/files/src/app/__path__/__filePrefix__.ts index 76ee8eca4..296277045 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__.ts @@ -3,10 +3,9 @@ import { IgxLayoutDirective, IgxCalendarComponent } from '<%=igxPackage%>'; @Component({ selector: 'app-<%=filePrefix%>', - templateUrl: './<%=filePrefix%>.component.html', - styleUrls: ['./<%=filePrefix%>.component.scss'], + templateUrl: './<%=filePrefix%>.html', + styleUrl: './<%=filePrefix%>.scss', encapsulation: ViewEncapsulation.None, - standalone: true, imports: [IgxLayoutDirective, IgxCalendarComponent] }) -export class <%=ClassName%>Component { } +export class <%=ClassName%> { } diff --git a/packages/igx-templates/igx-ts/carousel/default/files/src/app/__path__/__filePrefix__.component.spec.ts b/packages/igx-templates/igx-ts/carousel/default/files/src/app/__path__/__filePrefix__.component.spec.ts deleted file mode 100644 index 34d38cd59..000000000 --- a/packages/igx-templates/igx-ts/carousel/default/files/src/app/__path__/__filePrefix__.component.spec.ts +++ /dev/null @@ -1,26 +0,0 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; -import { NoopAnimationsModule } from '@angular/platform-browser/animations'; -import { IgxCarouselModule } from '<%=igxPackage%>'; -import { <%=ClassName%>Component } from './<%=filePrefix%>.component'; - -describe('<%=ClassName%>Component', () => { - let component: <%=ClassName%>Component; - let fixture: ComponentFixture<<%=ClassName%>Component>; - - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ - imports: [NoopAnimationsModule, IgxCarouselModule, <%=ClassName%>Component] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(<%=ClassName%>Component); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/packages/igx-templates/igx-ts/carousel/default/files/src/app/__path__/__filePrefix__.component.html b/packages/igx-templates/igx-ts/carousel/default/files/src/app/__path__/__filePrefix__.html similarity index 100% rename from packages/igx-templates/igx-ts/carousel/default/files/src/app/__path__/__filePrefix__.component.html rename to packages/igx-templates/igx-ts/carousel/default/files/src/app/__path__/__filePrefix__.html diff --git a/packages/igx-templates/igx-ts/carousel/default/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/carousel/default/files/src/app/__path__/__filePrefix__.scss similarity index 100% rename from packages/igx-templates/igx-ts/carousel/default/files/src/app/__path__/__filePrefix__.component.scss rename to packages/igx-templates/igx-ts/carousel/default/files/src/app/__path__/__filePrefix__.scss diff --git a/packages/igx-templates/igx-ts/carousel/default/files/src/app/__path__/__filePrefix__.spec.ts b/packages/igx-templates/igx-ts/carousel/default/files/src/app/__path__/__filePrefix__.spec.ts new file mode 100644 index 000000000..83db426e6 --- /dev/null +++ b/packages/igx-templates/igx-ts/carousel/default/files/src/app/__path__/__filePrefix__.spec.ts @@ -0,0 +1,26 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { NoopAnimationsModule } from '@angular/platform-browser/animations'; +import { IgxCarouselModule } from '<%=igxPackage%>'; +import { <%=ClassName%> } from './<%=filePrefix%>'; + +describe('<%=ClassName%>', () => { + let component: <%=ClassName%>; + let fixture: ComponentFixture<<%=ClassName%>>; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [NoopAnimationsModule, IgxCarouselModule, <%=ClassName%>] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(<%=ClassName%>); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); 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__.ts similarity index 79% rename from packages/igx-templates/igx-ts/carousel/default/files/src/app/__path__/__filePrefix__.component.ts rename to packages/igx-templates/igx-ts/carousel/default/files/src/app/__path__/__filePrefix__.ts index 04ee71006..877b6e299 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__.ts @@ -4,12 +4,11 @@ import { IgxCarouselComponent, IgxSlideComponent } from '<%=igxPackage%>'; @Component({ selector: 'app-<%=filePrefix%>', - templateUrl: './<%=filePrefix%>.component.html', - styleUrls: ['./<%=filePrefix%>.component.scss'], - standalone: true, + templateUrl: './<%=filePrefix%>.html', + styleUrl: './<%=filePrefix%>.scss', imports: [IgxCarouselComponent, NgFor, IgxSlideComponent] }) -export class <%=ClassName%>Component implements OnInit { +export class <%=ClassName%> implements OnInit { public slides: Slide[] = []; public interval = 3000; public pause = true; diff --git a/packages/igx-templates/igx-ts/category-chart/default/files/src/app/__path__/__filePrefix__.component.spec.ts b/packages/igx-templates/igx-ts/category-chart/default/files/src/app/__path__/__filePrefix__.component.spec.ts deleted file mode 100644 index f4b7497b5..000000000 --- a/packages/igx-templates/igx-ts/category-chart/default/files/src/app/__path__/__filePrefix__.component.spec.ts +++ /dev/null @@ -1,27 +0,0 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; -import { FormsModule } from '@angular/forms'; -import { IgxCategoryChartModule } from 'igniteui-angular-charts'; -import { <%=ClassName%>Component } from './<%=filePrefix%>.component'; - -describe('<%=ClassName%>Component', () => { - let component: <%=ClassName%>Component; - let fixture: ComponentFixture<<%=ClassName%>Component>; - - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ - imports: [FormsModule, IgxCategoryChartModule, <%=ClassName%>Component], - teardown: { destroyAfterEach: false } - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(<%=ClassName%>Component); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/packages/igx-templates/igx-ts/category-chart/default/files/src/app/__path__/__filePrefix__.component.html b/packages/igx-templates/igx-ts/category-chart/default/files/src/app/__path__/__filePrefix__.html similarity index 100% rename from packages/igx-templates/igx-ts/category-chart/default/files/src/app/__path__/__filePrefix__.component.html rename to packages/igx-templates/igx-ts/category-chart/default/files/src/app/__path__/__filePrefix__.html diff --git a/packages/igx-templates/igx-ts/category-chart/default/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/category-chart/default/files/src/app/__path__/__filePrefix__.scss similarity index 100% rename from packages/igx-templates/igx-ts/category-chart/default/files/src/app/__path__/__filePrefix__.component.scss rename to packages/igx-templates/igx-ts/category-chart/default/files/src/app/__path__/__filePrefix__.scss diff --git a/packages/igx-templates/igx-ts/category-chart/default/files/src/app/__path__/__filePrefix__.spec.ts b/packages/igx-templates/igx-ts/category-chart/default/files/src/app/__path__/__filePrefix__.spec.ts new file mode 100644 index 000000000..150fe33ba --- /dev/null +++ b/packages/igx-templates/igx-ts/category-chart/default/files/src/app/__path__/__filePrefix__.spec.ts @@ -0,0 +1,27 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { FormsModule } from '@angular/forms'; +import { IgxCategoryChartModule } from 'igniteui-angular-charts'; +import { <%=ClassName%> } from './<%=filePrefix%>'; + +describe('<%=ClassName%>', () => { + let component: <%=ClassName%>; + let fixture: ComponentFixture<<%=ClassName%>>; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [FormsModule, IgxCategoryChartModule, <%=ClassName%>], + teardown: { destroyAfterEach: false } + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(<%=ClassName%>); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); 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__.ts similarity index 80% rename from packages/igx-templates/igx-ts/category-chart/default/files/src/app/__path__/__filePrefix__.component.ts rename to packages/igx-templates/igx-ts/category-chart/default/files/src/app/__path__/__filePrefix__.ts index 410c6ff52..c69fca74a 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__.ts @@ -4,12 +4,11 @@ import { FormsModule } from '@angular/forms'; @Component({ selector: 'app-<%=filePrefix%>', - templateUrl: './<%=filePrefix%>.component.html', - styleUrls: ['./<%=filePrefix%>.component.scss'], - standalone: true, + templateUrl: './<%=filePrefix%>.html', + styleUrl: './<%=filePrefix%>.scss', imports: [FormsModule, IgxCategoryChartModule] }) -export class <%=ClassName%>Component { +export class <%=ClassName%> { public chartType = CategoryChartType.Auto; public data = [ diff --git a/packages/igx-templates/igx-ts/chip/default/files/src/app/__path__/__filePrefix__.component.spec.ts b/packages/igx-templates/igx-ts/chip/default/files/src/app/__path__/__filePrefix__.component.spec.ts deleted file mode 100644 index 650759d7e..000000000 --- a/packages/igx-templates/igx-ts/chip/default/files/src/app/__path__/__filePrefix__.component.spec.ts +++ /dev/null @@ -1,26 +0,0 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; -import { NoopAnimationsModule } from '@angular/platform-browser/animations'; -import { IgxChipsModule } from '<%=igxPackage%>'; -import { <%=ClassName%>Component } from './<%=filePrefix%>.component'; - -describe('<%=ClassName%>Component', () => { - let component: <%=ClassName%>Component; - let fixture: ComponentFixture<<%=ClassName%>Component>; - - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ - imports: [NoopAnimationsModule, IgxChipsModule, <%=ClassName%>Component] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(<%=ClassName%>Component); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/packages/igx-templates/igx-ts/chip/default/files/src/app/__path__/__filePrefix__.component.html b/packages/igx-templates/igx-ts/chip/default/files/src/app/__path__/__filePrefix__.html similarity index 100% rename from packages/igx-templates/igx-ts/chip/default/files/src/app/__path__/__filePrefix__.component.html rename to packages/igx-templates/igx-ts/chip/default/files/src/app/__path__/__filePrefix__.html diff --git a/packages/igx-templates/igx-ts/chip/default/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/chip/default/files/src/app/__path__/__filePrefix__.scss similarity index 100% rename from packages/igx-templates/igx-ts/chip/default/files/src/app/__path__/__filePrefix__.component.scss rename to packages/igx-templates/igx-ts/chip/default/files/src/app/__path__/__filePrefix__.scss diff --git a/packages/igx-templates/igx-ts/chip/default/files/src/app/__path__/__filePrefix__.spec.ts b/packages/igx-templates/igx-ts/chip/default/files/src/app/__path__/__filePrefix__.spec.ts new file mode 100644 index 000000000..36bc7be9f --- /dev/null +++ b/packages/igx-templates/igx-ts/chip/default/files/src/app/__path__/__filePrefix__.spec.ts @@ -0,0 +1,26 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { NoopAnimationsModule } from '@angular/platform-browser/animations'; +import { IgxChipsModule } from '<%=igxPackage%>'; +import { <%=ClassName%> } from './<%=filePrefix%>'; + +describe('<%=ClassName%>', () => { + let component: <%=ClassName%>; + let fixture: ComponentFixture<<%=ClassName%>>; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [NoopAnimationsModule, IgxChipsModule, <%=ClassName%>] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(<%=ClassName%>); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); 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__.ts similarity index 94% rename from packages/igx-templates/igx-ts/chip/default/files/src/app/__path__/__filePrefix__.component.ts rename to packages/igx-templates/igx-ts/chip/default/files/src/app/__path__/__filePrefix__.ts index 1b80dc971..3b65733a1 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__.ts @@ -24,9 +24,8 @@ interface NamedEntry { @Component({ selector: 'app-<%=filePrefix%>', - styleUrls: ['./<%=filePrefix%>.component.scss'], - templateUrl: './<%=filePrefix%>.component.html', - standalone: true, + templateUrl: './<%=filePrefix%>.html', + styleUrl: './<%=filePrefix%>.scss', imports: [ IgxLayoutDirective, IgxChipsAreaComponent, @@ -38,7 +37,7 @@ interface NamedEntry { IgxDropDownItemComponent, ] }) -export class <%=ClassName%>Component { +export class <%=ClassName%> { public dropDownList: NamedEntry[] = [ { id: '1', diff --git a/packages/igx-templates/igx-ts/combo/default/files/src/app/__path__/__filePrefix__.component.spec.ts b/packages/igx-templates/igx-ts/combo/default/files/src/app/__path__/__filePrefix__.component.spec.ts deleted file mode 100644 index 9a43321dc..000000000 --- a/packages/igx-templates/igx-ts/combo/default/files/src/app/__path__/__filePrefix__.component.spec.ts +++ /dev/null @@ -1,26 +0,0 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; -import { NoopAnimationsModule } from '@angular/platform-browser/animations'; -import { IgxComboModule } from '<%=igxPackage%>'; -import { <%=ClassName%>Component } from './<%=filePrefix%>.component'; - -describe('<%=ClassName%>Component', () => { - let component: <%=ClassName%>Component; - let fixture: ComponentFixture<<%=ClassName%>Component>; - - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ - imports: [IgxComboModule, NoopAnimationsModule, <%=ClassName%>Component] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(<%=ClassName%>Component); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/packages/igx-templates/igx-ts/combo/default/files/src/app/__path__/__filePrefix__.component.html b/packages/igx-templates/igx-ts/combo/default/files/src/app/__path__/__filePrefix__.html similarity index 100% rename from packages/igx-templates/igx-ts/combo/default/files/src/app/__path__/__filePrefix__.component.html rename to packages/igx-templates/igx-ts/combo/default/files/src/app/__path__/__filePrefix__.html diff --git a/packages/igx-templates/igx-ts/combo/default/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/combo/default/files/src/app/__path__/__filePrefix__.scss similarity index 100% rename from packages/igx-templates/igx-ts/combo/default/files/src/app/__path__/__filePrefix__.component.scss rename to packages/igx-templates/igx-ts/combo/default/files/src/app/__path__/__filePrefix__.scss diff --git a/packages/igx-templates/igx-ts/combo/default/files/src/app/__path__/__filePrefix__.spec.ts b/packages/igx-templates/igx-ts/combo/default/files/src/app/__path__/__filePrefix__.spec.ts new file mode 100644 index 000000000..a29591b5f --- /dev/null +++ b/packages/igx-templates/igx-ts/combo/default/files/src/app/__path__/__filePrefix__.spec.ts @@ -0,0 +1,26 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { NoopAnimationsModule } from '@angular/platform-browser/animations'; +import { IgxComboModule } from '<%=igxPackage%>'; +import { <%=ClassName%> } from './<%=filePrefix%>'; + +describe('<%=ClassName%>', () => { + let component: <%=ClassName%>; + let fixture: ComponentFixture<<%=ClassName%>>; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [IgxComboModule, NoopAnimationsModule, <%=ClassName%>] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(<%=ClassName%>); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); 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__.ts similarity index 73% rename from packages/igx-templates/igx-ts/combo/default/files/src/app/__path__/__filePrefix__.component.ts rename to packages/igx-templates/igx-ts/combo/default/files/src/app/__path__/__filePrefix__.ts index 16110ac22..4f2299809 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__.ts @@ -9,9 +9,8 @@ import { @Component({ selector: 'app-<%=filePrefix%>', - templateUrl: './<%=filePrefix%>.component.html', - styleUrls: ['./<%=filePrefix%>.component.scss'], - standalone: true, + templateUrl: './<%=filePrefix%>.html', + styleUrl: './<%=filePrefix%>.scss', imports: [ IgxComboComponent, IgxComboItemDirective, @@ -19,6 +18,6 @@ import { IgxComboFooterDirective, ] }) -export class <%=ClassName%>Component { +export class <%=ClassName%> { public localData: State[] = localData; } diff --git a/packages/igx-templates/igx-ts/custom-templates/awesome-grid/files/src/app/__path__/__filePrefix__.component.html b/packages/igx-templates/igx-ts/custom-templates/awesome-grid/files/src/app/__path__/__filePrefix__.html similarity index 100% rename from packages/igx-templates/igx-ts/custom-templates/awesome-grid/files/src/app/__path__/__filePrefix__.component.html rename to packages/igx-templates/igx-ts/custom-templates/awesome-grid/files/src/app/__path__/__filePrefix__.html diff --git a/packages/igx-templates/igx-ts/custom-templates/awesome-grid/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/custom-templates/awesome-grid/files/src/app/__path__/__filePrefix__.scss similarity index 100% rename from packages/igx-templates/igx-ts/custom-templates/awesome-grid/files/src/app/__path__/__filePrefix__.component.scss rename to packages/igx-templates/igx-ts/custom-templates/awesome-grid/files/src/app/__path__/__filePrefix__.scss diff --git a/packages/igx-templates/igx-ts/custom-templates/awesome-grid/files/src/app/__path__/__filePrefix__.component.spec.ts b/packages/igx-templates/igx-ts/custom-templates/awesome-grid/files/src/app/__path__/__filePrefix__.spec.ts similarity index 66% rename from packages/igx-templates/igx-ts/custom-templates/awesome-grid/files/src/app/__path__/__filePrefix__.component.spec.ts rename to packages/igx-templates/igx-ts/custom-templates/awesome-grid/files/src/app/__path__/__filePrefix__.spec.ts index ed9de28d7..a6a0bbfb3 100644 --- a/packages/igx-templates/igx-ts/custom-templates/awesome-grid/files/src/app/__path__/__filePrefix__.component.spec.ts +++ b/packages/igx-templates/igx-ts/custom-templates/awesome-grid/files/src/app/__path__/__filePrefix__.spec.ts @@ -1,4 +1,4 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; +import { ComponentFixture, TestBed } from '@angular/core/testing'; import { FormsModule } from '@angular/forms'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { @@ -11,14 +11,14 @@ import { IgxSwitchModule } from '<%=igxPackage%>'; import { IgxSparklineCoreModule, IgxSparklineModule } from 'igniteui-angular-charts'; -import { <%=ClassName%>Component } from './<%=filePrefix%>.component'; +import { <%=ClassName%> } from './<%=filePrefix%>'; -describe('<%=ClassName%>Component', () => { - let component: <%=ClassName%>Component; - let fixture: ComponentFixture<<%=ClassName%>Component>; +describe('<%=ClassName%>', () => { + let component: <%=ClassName%>; + let fixture: ComponentFixture<<%=ClassName%>>; - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ + beforeEach(async () => { + await TestBed.configureTestingModule({ imports: [ FormsModule, BrowserAnimationsModule, @@ -31,14 +31,14 @@ describe('<%=ClassName%>Component', () => { IgxInputGroupModule, IgxSparklineModule, IgxSparklineCoreModule, - <%=ClassName%>Component + <%=ClassName%> ] }) .compileComponents(); - })); + }); beforeEach(() => { - fixture = TestBed.createComponent(<%=ClassName%>Component); + fixture = TestBed.createComponent(<%=ClassName%>); component = fixture.componentInstance; fixture.detectChanges(); }); 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__.ts similarity index 97% rename from packages/igx-templates/igx-ts/custom-templates/awesome-grid/files/src/app/__path__/__filePrefix__.component.ts rename to packages/igx-templates/igx-ts/custom-templates/awesome-grid/files/src/app/__path__/__filePrefix__.ts index 4424c78f6..901412189 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__.ts @@ -37,9 +37,8 @@ import { ReactiveFormsModule, FormsModule } from '@angular/forms'; @Component({ selector: 'app-<%=filePrefix%>', - templateUrl: './<%=filePrefix%>.component.html', - styleUrls: ['./<%=filePrefix%>.component.scss'], - standalone: true, + templateUrl: './<%=filePrefix%>.html', + styleUrl: './<%=filePrefix%>.scss', imports: [ IgxSwitchComponent, ReactiveFormsModule, @@ -60,7 +59,7 @@ import { ReactiveFormsModule, FormsModule } from '@angular/forms'; DecimalPipe, ], }) -export class <%=ClassName%>Component implements OnInit, OnDestroy, AfterViewInit { +export class <%=ClassName%> implements OnInit, OnDestroy, AfterViewInit { @ViewChild('grid1', { read: IgxGridComponent, static: true }) public grid1!: IgxGridComponent; diff --git a/packages/igx-templates/igx-ts/custom-templates/crm-grid/files/src/app/__path__/__filePrefix__.component.html b/packages/igx-templates/igx-ts/custom-templates/crm-grid/files/src/app/__path__/__filePrefix__.html similarity index 100% rename from packages/igx-templates/igx-ts/custom-templates/crm-grid/files/src/app/__path__/__filePrefix__.component.html rename to packages/igx-templates/igx-ts/custom-templates/crm-grid/files/src/app/__path__/__filePrefix__.html diff --git a/packages/igx-templates/igx-ts/custom-templates/crm-grid/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/custom-templates/crm-grid/files/src/app/__path__/__filePrefix__.scss similarity index 100% rename from packages/igx-templates/igx-ts/custom-templates/crm-grid/files/src/app/__path__/__filePrefix__.component.scss rename to packages/igx-templates/igx-ts/custom-templates/crm-grid/files/src/app/__path__/__filePrefix__.scss diff --git a/packages/igx-templates/igx-ts/custom-templates/crm-grid/files/src/app/__path__/__filePrefix__.component.spec.ts b/packages/igx-templates/igx-ts/custom-templates/crm-grid/files/src/app/__path__/__filePrefix__.spec.ts similarity index 72% rename from packages/igx-templates/igx-ts/custom-templates/crm-grid/files/src/app/__path__/__filePrefix__.component.spec.ts rename to packages/igx-templates/igx-ts/custom-templates/crm-grid/files/src/app/__path__/__filePrefix__.spec.ts index 55f3ed9c2..51adb6cb2 100644 --- a/packages/igx-templates/igx-ts/custom-templates/crm-grid/files/src/app/__path__/__filePrefix__.component.spec.ts +++ b/packages/igx-templates/igx-ts/custom-templates/crm-grid/files/src/app/__path__/__filePrefix__.spec.ts @@ -1,10 +1,10 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; +import { ComponentFixture, TestBed } from '@angular/core/testing'; import { FormsModule } from '@angular/forms'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { IgxExcelExporterService, IgxCsvExporterService } from '<%=igxPackage%>'; import { IgxSparklineModule, IgxSparklineCoreModule } from 'igniteui-angular-charts'; -import { <%=ClassName%>Component } from './<%=filePrefix%>.component'; +import { <%=ClassName%> } from './<%=filePrefix%>'; import { IgxGridModule, @@ -19,12 +19,12 @@ import { IgxToggleModule, IgxCheckboxModule } from '<%=igxPackage%>'; -describe('<%=ClassName%>Component', () => { - let component: <%=ClassName%>Component; - let fixture: ComponentFixture<<%=ClassName%>Component>; +describe('<%=ClassName%>', () => { + let component: <%=ClassName%>; + let fixture: ComponentFixture<<%=ClassName%>>; - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ + beforeEach(async () => { + await TestBed.configureTestingModule({ imports: [ FormsModule, BrowserAnimationsModule, @@ -41,15 +41,15 @@ describe('<%=ClassName%>Component', () => { IgxCheckboxModule, IgxSparklineModule, IgxSparklineCoreModule, - <%=ClassName%>Component + <%=ClassName%> ], providers: [IgxExcelExporterService, IgxCsvExporterService] }) .compileComponents(); - })); + }); beforeEach(() => { - fixture = TestBed.createComponent(<%=ClassName%>Component); + fixture = TestBed.createComponent(<%=ClassName%>); component = fixture.componentInstance; fixture.detectChanges(); }); 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__.ts similarity index 97% rename from packages/igx-templates/igx-ts/custom-templates/crm-grid/files/src/app/__path__/__filePrefix__.component.ts rename to packages/igx-templates/igx-ts/custom-templates/crm-grid/files/src/app/__path__/__filePrefix__.ts index 9de06eca0..5b32b7642 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__.ts @@ -49,9 +49,8 @@ import { NgIf } from '@angular/common'; @Component({ selector: 'app-<%=filePrefix%>', - templateUrl: './<%=filePrefix%>.component.html', - styleUrls: ['./<%=filePrefix%>.component.scss'], - standalone: true, + templateUrl: './<%=filePrefix%>.html', + styleUrl: './<%=filePrefix%>.scss', imports: [ IgxGridComponent, IgxGridToolbarComponent, @@ -77,7 +76,7 @@ import { NgIf } from '@angular/common'; IgxSparklineCoreModule, ] }) -export class <%=ClassName%>Component implements OnInit, AfterViewInit { +export class <%=ClassName%> implements OnInit, AfterViewInit { @ViewChild('grid1', { read: IgxGridComponent, static: true }) public grid1!: IgxGridComponent; diff --git a/packages/igx-templates/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.component.html b/packages/igx-templates/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.html similarity index 100% rename from packages/igx-templates/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.component.html rename to packages/igx-templates/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.html diff --git a/packages/igx-templates/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.scss similarity index 100% rename from packages/igx-templates/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.component.scss rename to packages/igx-templates/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.scss diff --git a/packages/igx-templates/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.component.spec.ts b/packages/igx-templates/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.spec.ts similarity index 61% rename from packages/igx-templates/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.component.spec.ts rename to packages/igx-templates/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.spec.ts index 462cdd01e..891d14355 100644 --- a/packages/igx-templates/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.component.spec.ts +++ b/packages/igx-templates/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.spec.ts @@ -1,16 +1,16 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; +import { ComponentFixture, TestBed } from '@angular/core/testing'; import { FormsModule } from '@angular/forms'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; -import { <%=ClassName%>Component } from './<%=filePrefix%>.component'; +import { <%=ClassName%> } from './<%=filePrefix%>'; import { IgxGridModule, IgxButtonModule, IgxSwitchModule, IgxSliderModule, IgxCheckboxModule, IgxDialogModule } from '<%=igxPackage%>'; import { IgxCategoryChartModule } from 'igniteui-angular-charts'; -describe('<%=ClassName%>Component', () => { - let component: <%=ClassName%>Component; - let fixture: ComponentFixture<<%=ClassName%>Component>; +describe('<%=ClassName%>', () => { + let component: <%=ClassName%>; + let fixture: ComponentFixture<<%=ClassName%>>; - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ + beforeEach(async () => { + await TestBed.configureTestingModule({ imports: [ FormsModule, BrowserAnimationsModule, @@ -21,14 +21,14 @@ describe('<%=ClassName%>Component', () => { IgxSwitchModule, IgxSliderModule, IgxCheckboxModule, - <%=ClassName%>Component, + <%=ClassName%>, ] }) .compileComponents(); - })); + }); beforeEach(() => { - fixture = TestBed.createComponent(<%=ClassName%>Component); + fixture = TestBed.createComponent(<%=ClassName%>); component = fixture.componentInstance; fixture.detectChanges(); }); 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__.ts similarity index 98% rename from packages/igx-templates/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.component.ts rename to packages/igx-templates/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.ts index ffb16822d..782bc1163 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__.ts @@ -52,9 +52,8 @@ import { ReactiveFormsModule, FormsModule } from '@angular/forms'; @Component({ providers: [LocalDataService], selector: 'app-<%=filePrefix%>', - templateUrl: './<%=filePrefix%>.component.html', - styleUrls: ['./<%=filePrefix%>.component.scss'], - standalone: true, + templateUrl: './<%=filePrefix%>.html', + styleUrl: './<%=filePrefix%>.scss', imports: [ IgxSwitchComponent, ReactiveFormsModule, @@ -84,7 +83,7 @@ import { ReactiveFormsModule, FormsModule } from '@angular/forms'; CurrencyPipe, ] }) -export class <%=ClassName%>Component implements OnInit, AfterViewInit, OnDestroy { +export class <%=ClassName%> implements OnInit, AfterViewInit, OnDestroy { @ViewChild('grid1', { static: true }) public grid1!: IgxGridComponent; @ViewChild('buttonGroup1', { static: true }) public buttonGroup1!: IgxButtonGroupComponent; @ViewChild('buttonGroup2', { static: true }) public buttonGroup2!: IgxButtonGroupComponent; diff --git a/packages/igx-templates/igx-ts/custom-templates/fintech-tree-grid/files/src/app/__path__/__filePrefix__.component.html b/packages/igx-templates/igx-ts/custom-templates/fintech-tree-grid/files/src/app/__path__/__filePrefix__.html similarity index 100% rename from packages/igx-templates/igx-ts/custom-templates/fintech-tree-grid/files/src/app/__path__/__filePrefix__.component.html rename to packages/igx-templates/igx-ts/custom-templates/fintech-tree-grid/files/src/app/__path__/__filePrefix__.html diff --git a/packages/igx-templates/igx-ts/custom-templates/fintech-tree-grid/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/custom-templates/fintech-tree-grid/files/src/app/__path__/__filePrefix__.scss similarity index 100% rename from packages/igx-templates/igx-ts/custom-templates/fintech-tree-grid/files/src/app/__path__/__filePrefix__.component.scss rename to packages/igx-templates/igx-ts/custom-templates/fintech-tree-grid/files/src/app/__path__/__filePrefix__.scss diff --git a/packages/igx-templates/igx-ts/custom-templates/fintech-tree-grid/files/src/app/__path__/__filePrefix__.component.spec.ts b/packages/igx-templates/igx-ts/custom-templates/fintech-tree-grid/files/src/app/__path__/__filePrefix__.spec.ts similarity index 62% rename from packages/igx-templates/igx-ts/custom-templates/fintech-tree-grid/files/src/app/__path__/__filePrefix__.component.spec.ts rename to packages/igx-templates/igx-ts/custom-templates/fintech-tree-grid/files/src/app/__path__/__filePrefix__.spec.ts index caf913ecc..15dac2c15 100644 --- a/packages/igx-templates/igx-ts/custom-templates/fintech-tree-grid/files/src/app/__path__/__filePrefix__.component.spec.ts +++ b/packages/igx-templates/igx-ts/custom-templates/fintech-tree-grid/files/src/app/__path__/__filePrefix__.spec.ts @@ -1,16 +1,16 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; +import { ComponentFixture, TestBed } from '@angular/core/testing'; import { FormsModule } from '@angular/forms'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; -import { <%=ClassName%>Component } from './<%=filePrefix%>.component'; +import { <%=ClassName%> } from './<%=filePrefix%>'; import { <%=ClassName%>TreeGridGroupingPipe } from './tree-grid-grouping.pipe'; import { IgxTreeGridModule, IgxCheckboxModule, IgxButtonModule, IgxSliderModule, IgxSwitchModule } from '<%=igxPackage%>'; -describe('<%=ClassName%>Component', () => { - let component: <%=ClassName%>Component; - let fixture: ComponentFixture<<%=ClassName%>Component>; +describe('<%=ClassName%>', () => { + let component: <%=ClassName%>; + let fixture: ComponentFixture<<%=ClassName%>>; - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ + beforeEach(async () => { + await TestBed.configureTestingModule({ imports: [ FormsModule, BrowserAnimationsModule, @@ -19,15 +19,15 @@ describe('<%=ClassName%>Component', () => { IgxButtonModule, IgxSliderModule, IgxSwitchModule, - <%=ClassName%>Component, + <%=ClassName%>, <%=ClassName%>TreeGridGroupingPipe ] }) .compileComponents(); - })); + }); beforeEach(() => { - fixture = TestBed.createComponent(<%=ClassName%>Component); + fixture = TestBed.createComponent(<%=ClassName%>); component = fixture.componentInstance; fixture.detectChanges(); }); 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__.ts similarity index 97% rename from packages/igx-templates/igx-ts/custom-templates/fintech-tree-grid/files/src/app/__path__/__filePrefix__.component.ts rename to packages/igx-templates/igx-ts/custom-templates/fintech-tree-grid/files/src/app/__path__/__filePrefix__.ts index 6fc43626f..982f5b65c 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__.ts @@ -41,9 +41,8 @@ import { ReactiveFormsModule, FormsModule } from '@angular/forms'; @Component({ providers: [LocalDataService], selector: 'app-<%=filePrefix%>', - templateUrl: './<%=filePrefix%>.component.html', - styleUrls: ['./<%=filePrefix%>.component.scss'], - standalone: true, + templateUrl: './<%=filePrefix%>.html', + styleUrl: './<%=filePrefix%>.scss', imports: [ IgxSwitchComponent, ReactiveFormsModule, @@ -64,7 +63,7 @@ import { ReactiveFormsModule, FormsModule } from '@angular/forms'; <%=ClassName%>TreeGridGroupingPipe ] }) -export class <%=ClassName%>Component implements OnInit, AfterViewInit, OnDestroy { +export class <%=ClassName%> implements OnInit, AfterViewInit, OnDestroy { @ViewChild('grid1', { static: true }) public grid1!: IgxTreeGridComponent; @ViewChild('buttonGroup1', { static: true }) public buttonGroup1!: IgxButtonGroupComponent; @ViewChild('slider1', { static: true }) public volumeSlider!: IgxSliderComponent; diff --git a/packages/igx-templates/igx-ts/custom-templates/login/files/src/app/__path__/__filePrefix__.component.html b/packages/igx-templates/igx-ts/custom-templates/login/files/src/app/__path__/__filePrefix__.html similarity index 100% rename from packages/igx-templates/igx-ts/custom-templates/login/files/src/app/__path__/__filePrefix__.component.html rename to packages/igx-templates/igx-ts/custom-templates/login/files/src/app/__path__/__filePrefix__.html diff --git a/packages/igx-templates/igx-ts/custom-templates/login/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/custom-templates/login/files/src/app/__path__/__filePrefix__.scss similarity index 100% rename from packages/igx-templates/igx-ts/custom-templates/login/files/src/app/__path__/__filePrefix__.component.scss rename to packages/igx-templates/igx-ts/custom-templates/login/files/src/app/__path__/__filePrefix__.scss diff --git a/packages/igx-templates/igx-ts/custom-templates/login/files/src/app/__path__/__filePrefix__.component.spec.ts b/packages/igx-templates/igx-ts/custom-templates/login/files/src/app/__path__/__filePrefix__.spec.ts similarity index 82% rename from packages/igx-templates/igx-ts/custom-templates/login/files/src/app/__path__/__filePrefix__.component.spec.ts rename to packages/igx-templates/igx-ts/custom-templates/login/files/src/app/__path__/__filePrefix__.spec.ts index 976c67ef1..7d33c6eab 100644 --- a/packages/igx-templates/igx-ts/custom-templates/login/files/src/app/__path__/__filePrefix__.component.spec.ts +++ b/packages/igx-templates/igx-ts/custom-templates/login/files/src/app/__path__/__filePrefix__.spec.ts @@ -1,8 +1,8 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; +import { ComponentFixture, TestBed } from '@angular/core/testing'; import { ReactiveFormsModule } from '@angular/forms'; import { RouterTestingModule } from '@angular/router/testing'; import { NoopAnimationsModule } from '@angular/platform-browser/animations'; -import { <%=ClassName%>Component } from './<%=filePrefix%>.component'; +import { <%=ClassName%> } from './<%=filePrefix%>'; import { IgxInputGroupModule, IgxIconModule, IgxButtonModule, IgxRippleModule } from '<%=igxPackage%>'; const MAIL_GROUP_NAME = 'email'; @@ -12,12 +12,12 @@ const NEW_PASSWORD_GROUP_NAME = 'newPassword'; const FIRST_NAME_GROUP_NAME = 'firstName'; const LAST_NAME_GROUP_NAME = 'lastName'; -describe('<%=ClassName%>Component', () => { - let component: <%=ClassName%>Component; - let fixture: ComponentFixture<<%=ClassName%>Component>; +describe('<%=ClassName%>', () => { + let component: <%=ClassName%>; + let fixture: ComponentFixture<<%=ClassName%>>; - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ + beforeEach(async () => { + await TestBed.configureTestingModule({ imports: [ ReactiveFormsModule, RouterTestingModule, @@ -26,7 +26,7 @@ describe('<%=ClassName%>Component', () => { IgxButtonModule, IgxIconModule, IgxRippleModule, - <%=ClassName%>Component, + <%=ClassName%>, ], providers: [ { provide: ExternalAuthService, useValue: extAuthSpy }, @@ -35,10 +35,10 @@ describe('<%=ClassName%>Component', () => { ], }) .compileComponents(); - })); + }); beforeEach(() => { - fixture = TestBed.createComponent(<%=ClassName%>Component); + fixture = TestBed.createComponent(<%=ClassName%>); component = fixture.componentInstance; fixture.detectChanges(); }); 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__.ts similarity index 92% rename from packages/igx-templates/igx-ts/custom-templates/login/files/src/app/__path__/__filePrefix__.component.ts rename to packages/igx-templates/igx-ts/custom-templates/login/files/src/app/__path__/__filePrefix__.ts index 92b852cd1..d6cb3d46a 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__.ts @@ -18,9 +18,8 @@ import { @Component({ selector: 'app-<%=filePrefix%>', - templateUrl: './<%=filePrefix%>.component.html', - styleUrls: ['./<%=filePrefix%>.component.scss'], - standalone: true, + templateUrl: './<%=filePrefix%>.html', + styleUrl: './<%=filePrefix%>.scss', imports: [ ReactiveFormsModule, IgxInputGroupComponent, @@ -33,7 +32,7 @@ import { NgIf ] }) -export class <%=ClassName%>Component { +export class <%=ClassName%> { public loginForm: FormGroup; public registrationForm: FormGroup; public showLogin = true; diff --git a/packages/igx-templates/igx-ts/custom-templates/weather-forecast/files/src/app/__path__/__filePrefix__.component.html b/packages/igx-templates/igx-ts/custom-templates/weather-forecast/files/src/app/__path__/__filePrefix__.html similarity index 100% rename from packages/igx-templates/igx-ts/custom-templates/weather-forecast/files/src/app/__path__/__filePrefix__.component.html rename to packages/igx-templates/igx-ts/custom-templates/weather-forecast/files/src/app/__path__/__filePrefix__.html diff --git a/packages/igx-templates/igx-ts/custom-templates/weather-forecast/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/custom-templates/weather-forecast/files/src/app/__path__/__filePrefix__.scss similarity index 100% rename from packages/igx-templates/igx-ts/custom-templates/weather-forecast/files/src/app/__path__/__filePrefix__.component.scss rename to packages/igx-templates/igx-ts/custom-templates/weather-forecast/files/src/app/__path__/__filePrefix__.scss diff --git a/packages/igx-templates/igx-ts/custom-templates/weather-forecast/files/src/app/__path__/__filePrefix__.component.spec.ts b/packages/igx-templates/igx-ts/custom-templates/weather-forecast/files/src/app/__path__/__filePrefix__.spec.ts similarity index 55% rename from packages/igx-templates/igx-ts/custom-templates/weather-forecast/files/src/app/__path__/__filePrefix__.component.spec.ts rename to packages/igx-templates/igx-ts/custom-templates/weather-forecast/files/src/app/__path__/__filePrefix__.spec.ts index 6c1d2cbee..1297701ca 100644 --- a/packages/igx-templates/igx-ts/custom-templates/weather-forecast/files/src/app/__path__/__filePrefix__.component.spec.ts +++ b/packages/igx-templates/igx-ts/custom-templates/weather-forecast/files/src/app/__path__/__filePrefix__.spec.ts @@ -1,32 +1,32 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; +import { ComponentFixture, TestBed } from '@angular/core/testing'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; -import { <%=ClassName%>Component } from './<%=filePrefix%>.component'; +import { <%=ClassName%> } from './<%=filePrefix%>'; import { IgxButtonModule, IgxCardModule, IgxExpansionPanelModule, IgxIconModule } from '<%=igxPackage%>'; -describe('<%=ClassName%>Component', () => { - let component: <%=ClassName%>Component; - let fixture: ComponentFixture<<%=ClassName%>Component>; +describe('<%=ClassName%>', () => { + let component: <%=ClassName%>; + let fixture: ComponentFixture<<%=ClassName%>>; - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ + beforeEach(async () => { + await TestBed.configureTestingModule({ imports: [ BrowserAnimationsModule, IgxButtonModule, IgxCardModule, IgxExpansionPanelModule, IgxIconModule, - <%=ClassName%>Component + <%=ClassName%> ] }) .compileComponents(); - })); + }); beforeEach(() => { - fixture = TestBed.createComponent(<%=ClassName%>Component); + fixture = TestBed.createComponent(<%=ClassName%>); component = fixture.componentInstance; fixture.detectChanges(); }); 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__.ts similarity index 84% rename from packages/igx-templates/igx-ts/custom-templates/weather-forecast/files/src/app/__path__/__filePrefix__.component.ts rename to packages/igx-templates/igx-ts/custom-templates/weather-forecast/files/src/app/__path__/__filePrefix__.ts index 26a7da5f5..2305fbcc3 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__.ts @@ -14,9 +14,8 @@ import { NgIf, NgFor, NgClass } from '@angular/common'; @Component({ selector: 'app-<%=filePrefix%>', - templateUrl: './<%=filePrefix%>.component.html', - styleUrls: ['./<%=filePrefix%>.component.scss'], - standalone: true, + templateUrl: './<%=filePrefix%>.html', + styleUrl: './<%=filePrefix%>.scss', imports: [ IgxCardComponent, IgxCardHeaderComponent, @@ -31,7 +30,7 @@ import { NgIf, NgFor, NgClass } from '@angular/common'; NgClass ] }) -export class <%=ClassName%>Component { +export class <%=ClassName%> { @ViewChild(IgxExpansionPanelComponent, { static: true }) public panel!: IgxExpansionPanelComponent; public data = weatherData; diff --git a/packages/igx-templates/igx-ts/date-picker/default/files/src/app/__path__/__filePrefix__.component.spec.ts b/packages/igx-templates/igx-ts/date-picker/default/files/src/app/__path__/__filePrefix__.component.spec.ts deleted file mode 100644 index 7ddb38e4a..000000000 --- a/packages/igx-templates/igx-ts/date-picker/default/files/src/app/__path__/__filePrefix__.component.spec.ts +++ /dev/null @@ -1,26 +0,0 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; -import { NoopAnimationsModule } from '@angular/platform-browser/animations'; -import { IgxDatePickerModule } from '<%=igxPackage%>'; -import { <%=ClassName%>Component } from './<%=filePrefix%>.component'; - -describe('<%=ClassName%>Component', () => { - let component: <%=ClassName%>Component; - let fixture: ComponentFixture<<%=ClassName%>Component>; - - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ - imports: [IgxDatePickerModule, NoopAnimationsModule, <%=ClassName%>Component] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(<%=ClassName%>Component); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/packages/igx-templates/igx-ts/date-picker/default/files/src/app/__path__/__filePrefix__.component.html b/packages/igx-templates/igx-ts/date-picker/default/files/src/app/__path__/__filePrefix__.html similarity index 100% rename from packages/igx-templates/igx-ts/date-picker/default/files/src/app/__path__/__filePrefix__.component.html rename to packages/igx-templates/igx-ts/date-picker/default/files/src/app/__path__/__filePrefix__.html diff --git a/packages/igx-templates/igx-ts/date-picker/default/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/date-picker/default/files/src/app/__path__/__filePrefix__.scss similarity index 100% rename from packages/igx-templates/igx-ts/date-picker/default/files/src/app/__path__/__filePrefix__.component.scss rename to packages/igx-templates/igx-ts/date-picker/default/files/src/app/__path__/__filePrefix__.scss diff --git a/packages/igx-templates/igx-ts/date-picker/default/files/src/app/__path__/__filePrefix__.spec.ts b/packages/igx-templates/igx-ts/date-picker/default/files/src/app/__path__/__filePrefix__.spec.ts new file mode 100644 index 000000000..96e45b29e --- /dev/null +++ b/packages/igx-templates/igx-ts/date-picker/default/files/src/app/__path__/__filePrefix__.spec.ts @@ -0,0 +1,26 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { NoopAnimationsModule } from '@angular/platform-browser/animations'; +import { IgxDatePickerModule } from '<%=igxPackage%>'; +import { <%=ClassName%> } from './<%=filePrefix%>'; + +describe('<%=ClassName%>', () => { + let component: <%=ClassName%>; + let fixture: ComponentFixture<<%=ClassName%>>; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [IgxDatePickerModule, NoopAnimationsModule, <%=ClassName%>] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(<%=ClassName%>); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); 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__.ts similarity index 67% rename from packages/igx-templates/igx-ts/date-picker/default/files/src/app/__path__/__filePrefix__.component.ts rename to packages/igx-templates/igx-ts/date-picker/default/files/src/app/__path__/__filePrefix__.ts index 808769b59..27a44b141 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__.ts @@ -3,12 +3,11 @@ import { IgxLayoutDirective, IgxDatePickerComponent } from '<%=igxPackage%>';; @Component({ selector: 'app-<%=filePrefix%>', - templateUrl: './<%=filePrefix%>.component.html', - styleUrls: ['./<%=filePrefix%>.component.scss'], + templateUrl: './<%=filePrefix%>.html', + styleUrl: './<%=filePrefix%>.scss', encapsulation: ViewEncapsulation.Emulated, - standalone: true, imports: [IgxLayoutDirective, IgxDatePickerComponent], }) -export class <%=ClassName%>Component { +export class <%=ClassName%> { public today: Date = new Date(Date.now()); } diff --git a/packages/igx-templates/igx-ts/dialog/default/files/src/app/__path__/__filePrefix__.component.spec.ts b/packages/igx-templates/igx-ts/dialog/default/files/src/app/__path__/__filePrefix__.component.spec.ts deleted file mode 100644 index eae194593..000000000 --- a/packages/igx-templates/igx-ts/dialog/default/files/src/app/__path__/__filePrefix__.component.spec.ts +++ /dev/null @@ -1,26 +0,0 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; -import { NoopAnimationsModule } from '@angular/platform-browser/animations'; -import { IgxDialogModule } from '<%=igxPackage%>'; -import { <%=ClassName%>Component } from './<%=filePrefix%>.component'; - -describe('<%=ClassName%>Component', () => { - let component: <%=ClassName%>Component; - let fixture: ComponentFixture<<%=ClassName%>Component>; - - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ - imports: [IgxDialogModule, NoopAnimationsModule, <%=ClassName%>Component] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(<%=ClassName%>Component); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/packages/igx-templates/igx-ts/dialog/default/files/src/app/__path__/__filePrefix__.component.html b/packages/igx-templates/igx-ts/dialog/default/files/src/app/__path__/__filePrefix__.html similarity index 100% rename from packages/igx-templates/igx-ts/dialog/default/files/src/app/__path__/__filePrefix__.component.html rename to packages/igx-templates/igx-ts/dialog/default/files/src/app/__path__/__filePrefix__.html diff --git a/packages/igx-templates/igx-ts/dialog/default/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/dialog/default/files/src/app/__path__/__filePrefix__.scss similarity index 100% rename from packages/igx-templates/igx-ts/dialog/default/files/src/app/__path__/__filePrefix__.component.scss rename to packages/igx-templates/igx-ts/dialog/default/files/src/app/__path__/__filePrefix__.scss diff --git a/packages/igx-templates/igx-ts/dialog/default/files/src/app/__path__/__filePrefix__.spec.ts b/packages/igx-templates/igx-ts/dialog/default/files/src/app/__path__/__filePrefix__.spec.ts new file mode 100644 index 000000000..87d3e12ff --- /dev/null +++ b/packages/igx-templates/igx-ts/dialog/default/files/src/app/__path__/__filePrefix__.spec.ts @@ -0,0 +1,26 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { NoopAnimationsModule } from '@angular/platform-browser/animations'; +import { IgxDialogModule } from '<%=igxPackage%>'; +import { <%=ClassName%> } from './<%=filePrefix%>'; + +describe('<%=ClassName%>', () => { + let component: <%=ClassName%>; + let fixture: ComponentFixture<<%=ClassName%>>; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [IgxDialogModule, NoopAnimationsModule, <%=ClassName%>] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(<%=ClassName%>); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); 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__.ts similarity index 66% rename from packages/igx-templates/igx-ts/dialog/default/files/src/app/__path__/__filePrefix__.component.ts rename to packages/igx-templates/igx-ts/dialog/default/files/src/app/__path__/__filePrefix__.ts index d59543b7b..908bfd11d 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__.ts @@ -3,12 +3,11 @@ import { IDialogEventArgs, IgxButtonDirective, IgxDialogComponent } from '<%=igx @Component({ selector: 'app-<%=filePrefix%>', - templateUrl: './<%=filePrefix%>.component.html', - styleUrls: ['./<%=filePrefix%>.component.scss'], - standalone: true, + templateUrl: './<%=filePrefix%>.html', + styleUrl: './<%=filePrefix%>.scss', imports: [IgxButtonDirective, IgxDialogComponent] }) -export class <%=ClassName%>Component { +export class <%=ClassName%> { dialogOKSelected(args: IDialogEventArgs) { args.dialog.close(); } diff --git a/packages/igx-templates/igx-ts/dock-manager/default/files/src/app/__path__/__filePrefix__.component.html b/packages/igx-templates/igx-ts/dock-manager/default/files/src/app/__path__/__filePrefix__.html similarity index 100% rename from packages/igx-templates/igx-ts/dock-manager/default/files/src/app/__path__/__filePrefix__.component.html rename to packages/igx-templates/igx-ts/dock-manager/default/files/src/app/__path__/__filePrefix__.html diff --git a/packages/igx-templates/igx-ts/dock-manager/default/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/dock-manager/default/files/src/app/__path__/__filePrefix__.scss similarity index 100% rename from packages/igx-templates/igx-ts/dock-manager/default/files/src/app/__path__/__filePrefix__.component.scss rename to packages/igx-templates/igx-ts/dock-manager/default/files/src/app/__path__/__filePrefix__.scss diff --git a/packages/igx-templates/igx-ts/dock-manager/default/files/src/app/__path__/__filePrefix__.component.spec.ts b/packages/igx-templates/igx-ts/dock-manager/default/files/src/app/__path__/__filePrefix__.spec.ts similarity index 53% rename from packages/igx-templates/igx-ts/dock-manager/default/files/src/app/__path__/__filePrefix__.component.spec.ts rename to packages/igx-templates/igx-ts/dock-manager/default/files/src/app/__path__/__filePrefix__.spec.ts index a087f07c2..356f5b220 100644 --- a/packages/igx-templates/igx-ts/dock-manager/default/files/src/app/__path__/__filePrefix__.component.spec.ts +++ b/packages/igx-templates/igx-ts/dock-manager/default/files/src/app/__path__/__filePrefix__.spec.ts @@ -1,25 +1,25 @@ import { CommonModule } from '@angular/common'; import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; +import { ComponentFixture, TestBed } from '@angular/core/testing'; import { defineCustomElements } from '<%=dockManagerPackage%>/loader'; -import { <%=ClassName%>Component } from './<%=filePrefix%>.component'; +import { <%=ClassName%> } from './<%=filePrefix%>'; defineCustomElements(); -describe('<%=ClassName%>Component', () => { - let component: <%=ClassName%>Component; - let fixture: ComponentFixture<<%=ClassName%>Component>; +describe('<%=ClassName%>', () => { + let component: <%=ClassName%>; + let fixture: ComponentFixture<<%=ClassName%>>; - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ - imports: [CommonModule, <%=ClassName%>Component], + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [CommonModule, <%=ClassName%>], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) .compileComponents(); - })); + }); beforeEach(() => { - fixture = TestBed.createComponent(<%=ClassName%>Component); + fixture = TestBed.createComponent(<%=ClassName%>); component = fixture.componentInstance; fixture.detectChanges(); }); 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__.ts similarity index 95% rename from packages/igx-templates/igx-ts/dock-manager/default/files/src/app/__path__/__filePrefix__.component.ts rename to packages/igx-templates/igx-ts/dock-manager/default/files/src/app/__path__/__filePrefix__.ts index cdcdbba3d..cd4fae593 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__.ts @@ -10,12 +10,11 @@ defineCustomElements(); @Component({ selector: 'app-<%=filePrefix%>', - templateUrl: './<%=filePrefix%>.component.html', - styleUrls: ['./<%=filePrefix%>.component.scss'], - standalone: true, + templateUrl: './<%=filePrefix%>.html', + styleUrl: './<%=filePrefix%>.scss', schemas: [CUSTOM_ELEMENTS_SCHEMA] }) -export class <%=ClassName%>Component { +export class <%=ClassName%> { public layout: IgcDockManagerLayout = { rootPane: { type: IgcDockManagerPaneType.splitPane, diff --git a/packages/igx-templates/igx-ts/dropdown/default/files/src/app/__path__/__filePrefix__.component.spec.ts b/packages/igx-templates/igx-ts/dropdown/default/files/src/app/__path__/__filePrefix__.component.spec.ts deleted file mode 100644 index 6ec06b1bc..000000000 --- a/packages/igx-templates/igx-ts/dropdown/default/files/src/app/__path__/__filePrefix__.component.spec.ts +++ /dev/null @@ -1,26 +0,0 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; -import { NoopAnimationsModule } from '@angular/platform-browser/animations'; -import { IgxDropDownModule, IgxToggleModule } from '<%=igxPackage%>'; -import { <%=ClassName%>Component } from './<%=filePrefix%>.component'; - -describe('<%=ClassName%>Component', () => { - let component: <%=ClassName%>Component; - let fixture: ComponentFixture<<%=ClassName%>Component>; - - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ - imports: [IgxDropDownModule, NoopAnimationsModule, IgxToggleModule, <%=ClassName%>Component] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(<%=ClassName%>Component); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/packages/igx-templates/igx-ts/dropdown/default/files/src/app/__path__/__filePrefix__.component.html b/packages/igx-templates/igx-ts/dropdown/default/files/src/app/__path__/__filePrefix__.html similarity index 100% rename from packages/igx-templates/igx-ts/dropdown/default/files/src/app/__path__/__filePrefix__.component.html rename to packages/igx-templates/igx-ts/dropdown/default/files/src/app/__path__/__filePrefix__.html diff --git a/packages/igx-templates/igx-ts/dropdown/default/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/dropdown/default/files/src/app/__path__/__filePrefix__.scss similarity index 100% rename from packages/igx-templates/igx-ts/dropdown/default/files/src/app/__path__/__filePrefix__.component.scss rename to packages/igx-templates/igx-ts/dropdown/default/files/src/app/__path__/__filePrefix__.scss diff --git a/packages/igx-templates/igx-ts/dropdown/default/files/src/app/__path__/__filePrefix__.spec.ts b/packages/igx-templates/igx-ts/dropdown/default/files/src/app/__path__/__filePrefix__.spec.ts new file mode 100644 index 000000000..b4218bfed --- /dev/null +++ b/packages/igx-templates/igx-ts/dropdown/default/files/src/app/__path__/__filePrefix__.spec.ts @@ -0,0 +1,26 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { NoopAnimationsModule } from '@angular/platform-browser/animations'; +import { IgxDropDownModule, IgxToggleModule } from '<%=igxPackage%>'; +import { <%=ClassName%> } from './<%=filePrefix%>'; + +describe('<%=ClassName%>', () => { + let component: <%=ClassName%>; + let fixture: ComponentFixture<<%=ClassName%>>; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [IgxDropDownModule, NoopAnimationsModule, IgxToggleModule, <%=ClassName%>] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(<%=ClassName%>); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); 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__.ts similarity index 79% rename from packages/igx-templates/igx-ts/dropdown/default/files/src/app/__path__/__filePrefix__.component.ts rename to packages/igx-templates/igx-ts/dropdown/default/files/src/app/__path__/__filePrefix__.ts index 1f7569664..20ee8642c 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__.ts @@ -12,9 +12,8 @@ import { NgFor } from '@angular/common'; @Component({ selector: 'app-<%=filePrefix%>', - templateUrl: './<%=filePrefix%>.component.html', - styleUrls: ['./<%=filePrefix%>.component.scss'], - standalone: true, + templateUrl: './<%=filePrefix%>.html', + styleUrl: './<%=filePrefix%>.scss', imports: [ IgxButtonDirective, IgxRippleDirective, @@ -26,6 +25,6 @@ import { NgFor } from '@angular/common'; ] }) -export class <%=ClassName%>Component { +export class <%=ClassName%> { public items: Country[] = data; } diff --git a/packages/igx-templates/igx-ts/financial-chart/default/files/src/app/__path__/__filePrefix__.component.spec.ts b/packages/igx-templates/igx-ts/financial-chart/default/files/src/app/__path__/__filePrefix__.component.spec.ts deleted file mode 100644 index 31dc844f5..000000000 --- a/packages/igx-templates/igx-ts/financial-chart/default/files/src/app/__path__/__filePrefix__.component.spec.ts +++ /dev/null @@ -1,26 +0,0 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; -import { IgxFinancialChartModule } from 'igniteui-angular-charts'; -import { <%=ClassName%>Component } from './<%=filePrefix%>.component'; - -describe('<%=ClassName%>Component', () => { - let component: <%=ClassName%>Component; - let fixture: ComponentFixture<<%=ClassName%>Component>; - - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ - imports: [IgxFinancialChartModule, <%=ClassName%>Component], - teardown: { destroyAfterEach: false } - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(<%=ClassName%>Component); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/packages/igx-templates/igx-ts/financial-chart/default/files/src/app/__path__/__filePrefix__.component.html b/packages/igx-templates/igx-ts/financial-chart/default/files/src/app/__path__/__filePrefix__.html similarity index 100% rename from packages/igx-templates/igx-ts/financial-chart/default/files/src/app/__path__/__filePrefix__.component.html rename to packages/igx-templates/igx-ts/financial-chart/default/files/src/app/__path__/__filePrefix__.html diff --git a/packages/igx-templates/igx-ts/financial-chart/default/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/financial-chart/default/files/src/app/__path__/__filePrefix__.scss similarity index 100% rename from packages/igx-templates/igx-ts/financial-chart/default/files/src/app/__path__/__filePrefix__.component.scss rename to packages/igx-templates/igx-ts/financial-chart/default/files/src/app/__path__/__filePrefix__.scss diff --git a/packages/igx-templates/igx-ts/financial-chart/default/files/src/app/__path__/__filePrefix__.spec.ts b/packages/igx-templates/igx-ts/financial-chart/default/files/src/app/__path__/__filePrefix__.spec.ts new file mode 100644 index 000000000..092b9e859 --- /dev/null +++ b/packages/igx-templates/igx-ts/financial-chart/default/files/src/app/__path__/__filePrefix__.spec.ts @@ -0,0 +1,26 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { IgxFinancialChartModule } from 'igniteui-angular-charts'; +import { <%=ClassName%> } from './<%=filePrefix%>'; + +describe('<%=ClassName%>', () => { + let component: <%=ClassName%>; + let fixture: ComponentFixture<<%=ClassName%>>; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [IgxFinancialChartModule, <%=ClassName%>], + teardown: { destroyAfterEach: false } + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(<%=ClassName%>); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); 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__.ts similarity index 63% rename from packages/igx-templates/igx-ts/financial-chart/default/files/src/app/__path__/__filePrefix__.component.ts rename to packages/igx-templates/igx-ts/financial-chart/default/files/src/app/__path__/__filePrefix__.ts index a2b565beb..80001e75e 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__.ts @@ -4,11 +4,10 @@ import { IgxFinancialChartModule } from 'igniteui-angular-charts'; @Component({ selector: 'app-<%=filePrefix%>', - templateUrl: './<%=filePrefix%>.component.html', - styleUrls: ['./<%=filePrefix%>.component.scss'], - standalone: true, + templateUrl: './<%=filePrefix%>.html', + styleUrl: './<%=filePrefix%>.scss', imports: [IgxFinancialChartModule] }) -export class <%=ClassName%>Component { +export class <%=ClassName%> { public data: Stock[] = AMZNData; } diff --git a/packages/igx-templates/igx-ts/generate/files/src/app/__path__/__filePrefix__.component.spec.ts b/packages/igx-templates/igx-ts/generate/files/src/app/__path__/__filePrefix__.component.spec.ts deleted file mode 100644 index 1931e64d1..000000000 --- a/packages/igx-templates/igx-ts/generate/files/src/app/__path__/__filePrefix__.component.spec.ts +++ /dev/null @@ -1,24 +0,0 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; -import { <%=ClassName%>Component } from './<%=filePrefix%>.component'; - -describe('<%=ClassName%>Component', () => { - let component: <%=ClassName%>Component; - let fixture: ComponentFixture<<%=ClassName%>Component>; - - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ - imports: [IgxCarouselModule, <%=ClassName%>Component] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(<%=ClassName%>Component); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it("should create", () => { - expect(component).toBeTruthy(); - }); -}); 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 deleted file mode 100644 index 9bed78fa8..000000000 --- a/packages/igx-templates/igx-ts/generate/files/src/app/__path__/__filePrefix__.component.ts +++ /dev/null @@ -1,11 +0,0 @@ -import { Component } from '@angular/core'; - -@Component({ - selector: "<%=filePrefix%>", - templateUrl: './<%=filePrefix%>.component.html', - styleUrls: ['./<%=filePrefix%>.component.scss'], - standalone: true -}) -export class <%=ClassName%>Component { - title = '<%=name%>'; -} diff --git a/packages/igx-templates/igx-ts/generate/files/src/app/__path__/__filePrefix__.component.html b/packages/igx-templates/igx-ts/generate/files/src/app/__path__/__filePrefix__.html similarity index 100% rename from packages/igx-templates/igx-ts/generate/files/src/app/__path__/__filePrefix__.component.html rename to packages/igx-templates/igx-ts/generate/files/src/app/__path__/__filePrefix__.html diff --git a/packages/igx-templates/igx-ts/generate/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/generate/files/src/app/__path__/__filePrefix__.scss similarity index 100% rename from packages/igx-templates/igx-ts/generate/files/src/app/__path__/__filePrefix__.component.scss rename to packages/igx-templates/igx-ts/generate/files/src/app/__path__/__filePrefix__.scss diff --git a/packages/igx-templates/igx-ts/generate/files/src/app/__path__/__filePrefix__.spec.ts b/packages/igx-templates/igx-ts/generate/files/src/app/__path__/__filePrefix__.spec.ts new file mode 100644 index 000000000..f3d620fd9 --- /dev/null +++ b/packages/igx-templates/igx-ts/generate/files/src/app/__path__/__filePrefix__.spec.ts @@ -0,0 +1,24 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { <%=ClassName%> } from './<%=filePrefix%>'; + +describe('<%=ClassName%>', () => { + let component: <%=ClassName%>; + let fixture: ComponentFixture<<%=ClassName%>>; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [IgxCarouselModule, <%=ClassName%>] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(<%=ClassName%>); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it("should create", () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/packages/igx-templates/igx-ts/generate/files/src/app/__path__/__filePrefix__.ts b/packages/igx-templates/igx-ts/generate/files/src/app/__path__/__filePrefix__.ts new file mode 100644 index 000000000..5b7b5607c --- /dev/null +++ b/packages/igx-templates/igx-ts/generate/files/src/app/__path__/__filePrefix__.ts @@ -0,0 +1,10 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: "<%=filePrefix%>", + templateUrl: './<%=filePrefix%>.html', + styleUrl: './<%=filePrefix%>.scss' +}) +export class <%=ClassName%> { + title = '<%=name%>'; +} diff --git a/packages/igx-templates/igx-ts/grid/default/files/src/app/__path__/__filePrefix__.component.spec.ts b/packages/igx-templates/igx-ts/grid/default/files/src/app/__path__/__filePrefix__.component.spec.ts deleted file mode 100644 index cb9e0e7e4..000000000 --- a/packages/igx-templates/igx-ts/grid/default/files/src/app/__path__/__filePrefix__.component.spec.ts +++ /dev/null @@ -1,26 +0,0 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; -import { NoopAnimationsModule } from '@angular/platform-browser/animations'; -import { IgxGridModule } from '<%=igxPackage%>'; -import { <%=ClassName%>Component } from './<%=filePrefix%>.component'; - -describe('<%=ClassName%>Component', () => { - let component: <%=ClassName%>Component; - let fixture: ComponentFixture<<%=ClassName%>Component>; - - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ - imports: [NoopAnimationsModule, IgxGridModule, <%=ClassName%>Component] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(<%=ClassName%>Component); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/packages/igx-templates/igx-ts/grid/default/files/src/app/__path__/__filePrefix__.component.html b/packages/igx-templates/igx-ts/grid/default/files/src/app/__path__/__filePrefix__.html similarity index 100% rename from packages/igx-templates/igx-ts/grid/default/files/src/app/__path__/__filePrefix__.component.html rename to packages/igx-templates/igx-ts/grid/default/files/src/app/__path__/__filePrefix__.html diff --git a/packages/igx-templates/igx-ts/grid/default/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/grid/default/files/src/app/__path__/__filePrefix__.scss similarity index 100% rename from packages/igx-templates/igx-ts/grid/default/files/src/app/__path__/__filePrefix__.component.scss rename to packages/igx-templates/igx-ts/grid/default/files/src/app/__path__/__filePrefix__.scss diff --git a/packages/igx-templates/igx-ts/grid/default/files/src/app/__path__/__filePrefix__.spec.ts b/packages/igx-templates/igx-ts/grid/default/files/src/app/__path__/__filePrefix__.spec.ts new file mode 100644 index 000000000..f626ac7a4 --- /dev/null +++ b/packages/igx-templates/igx-ts/grid/default/files/src/app/__path__/__filePrefix__.spec.ts @@ -0,0 +1,26 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { NoopAnimationsModule } from '@angular/platform-browser/animations'; +import { IgxGridModule } from '<%=igxPackage%>'; +import { <%=ClassName%> } from './<%=filePrefix%>'; + +describe('<%=ClassName%>', () => { + let component: <%=ClassName%>; + let fixture: ComponentFixture<<%=ClassName%>>; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [NoopAnimationsModule, IgxGridModule, <%=ClassName%>] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(<%=ClassName%>); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); 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__.ts similarity index 76% rename from packages/igx-templates/igx-ts/grid/default/files/src/app/__path__/__filePrefix__.component.ts rename to packages/igx-templates/igx-ts/grid/default/files/src/app/__path__/__filePrefix__.ts index 99b674da6..4172c1443 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__.ts @@ -4,12 +4,11 @@ import { Employee, employeesData } from './localData'; @Component({ selector: 'app-<%=filePrefix%>', - templateUrl: './<%=filePrefix%>.component.html', - styleUrls: ['./<%=filePrefix%>.component.scss'], - standalone: true, + templateUrl: './<%=filePrefix%>.html', + styleUrl: './<%=filePrefix%>.scss', imports: [IgxGridComponent, IgxPaginatorComponent] }) -export class <%=ClassName%>Component implements OnInit { +export class <%=ClassName%> implements OnInit { public localData: Employee[] = []; title = '<%=name%>'; diff --git a/packages/igx-templates/igx-ts/grid/grid-batch-editing/files/src/app/__path__/__filePrefix__.component.html b/packages/igx-templates/igx-ts/grid/grid-batch-editing/files/src/app/__path__/__filePrefix__.html similarity index 100% rename from packages/igx-templates/igx-ts/grid/grid-batch-editing/files/src/app/__path__/__filePrefix__.component.html rename to packages/igx-templates/igx-ts/grid/grid-batch-editing/files/src/app/__path__/__filePrefix__.html diff --git a/packages/igx-templates/igx-ts/grid/grid-batch-editing/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/grid/grid-batch-editing/files/src/app/__path__/__filePrefix__.scss similarity index 100% rename from packages/igx-templates/igx-ts/grid/grid-batch-editing/files/src/app/__path__/__filePrefix__.component.scss rename to packages/igx-templates/igx-ts/grid/grid-batch-editing/files/src/app/__path__/__filePrefix__.scss diff --git a/packages/igx-templates/igx-ts/grid/grid-batch-editing/files/src/app/__path__/__filePrefix__.component.spec.ts b/packages/igx-templates/igx-ts/grid/grid-batch-editing/files/src/app/__path__/__filePrefix__.spec.ts similarity index 55% rename from packages/igx-templates/igx-ts/grid/grid-batch-editing/files/src/app/__path__/__filePrefix__.component.spec.ts rename to packages/igx-templates/igx-ts/grid/grid-batch-editing/files/src/app/__path__/__filePrefix__.spec.ts index 398ee4a37..286028e8c 100644 --- a/packages/igx-templates/igx-ts/grid/grid-batch-editing/files/src/app/__path__/__filePrefix__.component.spec.ts +++ b/packages/igx-templates/igx-ts/grid/grid-batch-editing/files/src/app/__path__/__filePrefix__.spec.ts @@ -1,4 +1,4 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; +import { ComponentFixture, TestBed } from '@angular/core/testing'; import { FormsModule } from '@angular/forms'; import { NoopAnimationsModule } from '@angular/platform-browser/animations'; import { @@ -8,21 +8,21 @@ import { IgxGridModule, IgxRippleModule } from '<%=igxPackage%>'; -import { <%=ClassName%>Component } from './<%=filePrefix%>.component'; +import { <%=ClassName%> } from './<%=filePrefix%>'; -describe('<%=ClassName%>Component', () => { - let component: <%=ClassName%>Component; - let fixture: ComponentFixture<<%=ClassName%>Component>; +describe('<%=ClassName%>', () => { + let component: <%=ClassName%>; + let fixture: ComponentFixture<<%=ClassName%>>; - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ - imports: [FormsModule, NoopAnimationsModule, IgxDialogModule, IgxGridModule, IgxFocusModule, IgxButtonModule, IgxRippleModule, <%=ClassName%>Component] + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [FormsModule, NoopAnimationsModule, IgxDialogModule, IgxGridModule, IgxFocusModule, IgxButtonModule, IgxRippleModule, <%=ClassName%>] }) .compileComponents(); - })); + }); beforeEach(() => { - fixture = TestBed.createComponent(<%=ClassName%>Component); + fixture = TestBed.createComponent(<%=ClassName%>); component = fixture.componentInstance; fixture.detectChanges(); }); 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__.ts similarity index 94% rename from packages/igx-templates/igx-ts/grid/grid-batch-editing/files/src/app/__path__/__filePrefix__.component.ts rename to packages/igx-templates/igx-ts/grid/grid-batch-editing/files/src/app/__path__/__filePrefix__.ts index 857774513..b2a8a1bbe 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__.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, + templateUrl: './<%=filePrefix%>.html', + styleUrl: './<%=filePrefix%>.scss', imports: [ IgxGridComponent, IgxColumnComponent, @@ -33,7 +32,7 @@ import { ReactiveFormsModule, FormsModule } from '@angular/forms'; IgxDialogComponent ] }) -export class <%=ClassName%>Component implements OnInit { +export class <%=ClassName%> implements OnInit { @ViewChild('gridRowEditTransaction', { static: true, read: IgxGridComponent }) public grid!: IgxGridComponent; @ViewChild(IgxDialogComponent, { static: true }) public dialog!: IgxDialogComponent; @ViewChild('dialogGrid', { static: true, read: IgxGridComponent }) public dialogGrid!: IgxGridComponent; diff --git a/packages/igx-templates/igx-ts/grid/grid-custom/files/src/app/__path__/__filePrefix__.component.spec.ts b/packages/igx-templates/igx-ts/grid/grid-custom/files/src/app/__path__/__filePrefix__.component.spec.ts deleted file mode 100644 index 51cd7e0d4..000000000 --- a/packages/igx-templates/igx-ts/grid/grid-custom/files/src/app/__path__/__filePrefix__.component.spec.ts +++ /dev/null @@ -1,27 +0,0 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; -import { FormsModule } from '@angular/forms'; -import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; -import { IgxCheckboxModule, IgxDatePickerModule, IgxGridModule } from '<%=igxPackage%>'; -import { <%=ClassName%>Component } from './<%=filePrefix%>.component'; - -describe('<%=ClassName%>Component', () => { - let component: <%=ClassName%>Component; - let fixture: ComponentFixture<<%=ClassName%>Component>; - - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ - imports: [FormsModule, BrowserAnimationsModule, IgxGridModule, IgxDatePickerModule, IgxCheckboxModule, <%=ClassName%>Component] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(<%=ClassName%>Component); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/packages/igx-templates/igx-ts/grid/grid-custom/files/src/app/__path__/__filePrefix__.component.html b/packages/igx-templates/igx-ts/grid/grid-custom/files/src/app/__path__/__filePrefix__.html similarity index 100% rename from packages/igx-templates/igx-ts/grid/grid-custom/files/src/app/__path__/__filePrefix__.component.html rename to packages/igx-templates/igx-ts/grid/grid-custom/files/src/app/__path__/__filePrefix__.html diff --git a/packages/igx-templates/igx-ts/grid/grid-custom/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/grid/grid-custom/files/src/app/__path__/__filePrefix__.scss similarity index 100% rename from packages/igx-templates/igx-ts/grid/grid-custom/files/src/app/__path__/__filePrefix__.component.scss rename to packages/igx-templates/igx-ts/grid/grid-custom/files/src/app/__path__/__filePrefix__.scss diff --git a/packages/igx-templates/igx-ts/grid/grid-custom/files/src/app/__path__/__filePrefix__.spec.ts b/packages/igx-templates/igx-ts/grid/grid-custom/files/src/app/__path__/__filePrefix__.spec.ts new file mode 100644 index 000000000..738cf609d --- /dev/null +++ b/packages/igx-templates/igx-ts/grid/grid-custom/files/src/app/__path__/__filePrefix__.spec.ts @@ -0,0 +1,27 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { FormsModule } from '@angular/forms'; +import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; +import { IgxCheckboxModule, IgxDatePickerModule, IgxGridModule } from '<%=igxPackage%>'; +import { <%=ClassName%> } from './<%=filePrefix%>'; + +describe('<%=ClassName%>', () => { + let component: <%=ClassName%>; + let fixture: ComponentFixture<<%=ClassName%>>; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [FormsModule, BrowserAnimationsModule, IgxGridModule, IgxDatePickerModule, IgxCheckboxModule, <%=ClassName%>] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(<%=ClassName%>); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); 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__.ts similarity index 61% rename from packages/igx-templates/igx-ts/grid/grid-custom/files/src/app/__path__/__filePrefix__.component.ts rename to packages/igx-templates/igx-ts/grid/grid-custom/files/src/app/__path__/__filePrefix__.ts index b7ead1864..ba5cdcb22 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__.ts @@ -3,11 +3,10 @@ import { Employee, employeesData } from './localData'; @Component({ selector: 'app-<%=filePrefix%>', - templateUrl: './<%=filePrefix%>.component.html', - styleUrls: ['./<%=filePrefix%>.component.scss'], - standalone: true + templateUrl: './<%=filePrefix%>.html', + styleUrl: './<%=filePrefix%>.scss' }) -export class <%=ClassName%>Component implements OnInit { +export class <%=ClassName%> implements OnInit { public localData: Employee[] = []; title = '<%=name%>'; diff --git a/packages/igx-templates/igx-ts/grid/grid-summaries/files/src/app/__path__/__filePrefix__.component.spec.ts b/packages/igx-templates/igx-ts/grid/grid-summaries/files/src/app/__path__/__filePrefix__.component.spec.ts deleted file mode 100644 index 1fb490019..000000000 --- a/packages/igx-templates/igx-ts/grid/grid-summaries/files/src/app/__path__/__filePrefix__.component.spec.ts +++ /dev/null @@ -1,25 +0,0 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; -import { NoopAnimationsModule } from '@angular/platform-browser/animations'; -import { IgxGridModule } from '<%=igxPackage%>'; -import { <%=ClassName%>Component } from './<%=filePrefix%>.component'; - -describe('<%=ClassName%>Component', () => { - let component: <%=ClassName%>Component; - let fixture: ComponentFixture<<%=ClassName%>Component>; - - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ - imports: [NoopAnimationsModule, IgxGridModule, <%=ClassName%>Component] - }).compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(<%=ClassName%>Component); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/packages/igx-templates/igx-ts/grid/grid-summaries/files/src/app/__path__/__filePrefix__.component.html b/packages/igx-templates/igx-ts/grid/grid-summaries/files/src/app/__path__/__filePrefix__.html similarity index 100% rename from packages/igx-templates/igx-ts/grid/grid-summaries/files/src/app/__path__/__filePrefix__.component.html rename to packages/igx-templates/igx-ts/grid/grid-summaries/files/src/app/__path__/__filePrefix__.html diff --git a/packages/igx-templates/igx-ts/grid/grid-summaries/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/grid/grid-summaries/files/src/app/__path__/__filePrefix__.scss similarity index 100% rename from packages/igx-templates/igx-ts/grid/grid-summaries/files/src/app/__path__/__filePrefix__.component.scss rename to packages/igx-templates/igx-ts/grid/grid-summaries/files/src/app/__path__/__filePrefix__.scss diff --git a/packages/igx-templates/igx-ts/grid/grid-summaries/files/src/app/__path__/__filePrefix__.spec.ts b/packages/igx-templates/igx-ts/grid/grid-summaries/files/src/app/__path__/__filePrefix__.spec.ts new file mode 100644 index 000000000..b5459ec46 --- /dev/null +++ b/packages/igx-templates/igx-ts/grid/grid-summaries/files/src/app/__path__/__filePrefix__.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { NoopAnimationsModule } from '@angular/platform-browser/animations'; +import { IgxGridModule } from '<%=igxPackage%>'; +import { <%=ClassName%> } from './<%=filePrefix%>'; + +describe('<%=ClassName%>', () => { + let component: <%=ClassName%>; + let fixture: ComponentFixture<<%=ClassName%>>; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [NoopAnimationsModule, IgxGridModule, <%=ClassName%>] + }).compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(<%=ClassName%>); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); 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__.ts similarity index 90% rename from packages/igx-templates/igx-ts/grid/grid-summaries/files/src/app/__path__/__filePrefix__.component.ts rename to packages/igx-templates/igx-ts/grid/grid-summaries/files/src/app/__path__/__filePrefix__.ts index 8356a0cad..19b019a3f 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__.ts @@ -13,9 +13,8 @@ import { Employee, employeesData } from './localData'; @Component({ encapsulation: ViewEncapsulation.None, selector: 'app-<%=filePrefix%>', - templateUrl: './<%=filePrefix%>.component.html', - styleUrls: ['./<%=filePrefix%>.component.scss'], - standalone: true, + templateUrl: './<%=filePrefix%>.html', + styleUrl: './<%=filePrefix%>.scss', imports: [ IgxGridComponent, IgxColumnComponent, @@ -24,7 +23,7 @@ import { Employee, employeesData } from './localData'; IgxPaginatorComponent, ] }) -export class <%=ClassName%>Component implements OnInit { +export class <%=ClassName%> implements OnInit { @ViewChild('sampleGrid', { static: true, read: IgxGridComponent }) public sampleGrid!: IgxGridComponent; public customDateSummary = CustomDateSummary; diff --git a/packages/igx-templates/igx-ts/grid/multi-column-headers/files/src/app/__path__/__filePrefix__.component.spec.ts b/packages/igx-templates/igx-ts/grid/multi-column-headers/files/src/app/__path__/__filePrefix__.component.spec.ts deleted file mode 100644 index f951e21bf..000000000 --- a/packages/igx-templates/igx-ts/grid/multi-column-headers/files/src/app/__path__/__filePrefix__.component.spec.ts +++ /dev/null @@ -1,27 +0,0 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; -import { FormsModule } from '@angular/forms'; -import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; -import { IgxCheckboxModule, IgxDatePickerModule, IgxGridModule } from '<%=igxPackage%>'; -import { <%=ClassName%>Component } from './<%=filePrefix%>.component'; - -describe('<%=ClassName%>Component', () => { - let component: <%=ClassName%>Component; - let fixture: ComponentFixture<<%=ClassName%>Component>; - - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ - imports: [FormsModule, BrowserAnimationsModule, IgxGridModule, IgxDatePickerModule, IgxCheckboxModule, <%=ClassName%>Component] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(<%=ClassName%>Component); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/packages/igx-templates/igx-ts/grid/multi-column-headers/files/src/app/__path__/__filePrefix__.component.html b/packages/igx-templates/igx-ts/grid/multi-column-headers/files/src/app/__path__/__filePrefix__.html similarity index 100% rename from packages/igx-templates/igx-ts/grid/multi-column-headers/files/src/app/__path__/__filePrefix__.component.html rename to packages/igx-templates/igx-ts/grid/multi-column-headers/files/src/app/__path__/__filePrefix__.html diff --git a/packages/igx-templates/igx-ts/grid/multi-column-headers/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/grid/multi-column-headers/files/src/app/__path__/__filePrefix__.scss similarity index 100% rename from packages/igx-templates/igx-ts/grid/multi-column-headers/files/src/app/__path__/__filePrefix__.component.scss rename to packages/igx-templates/igx-ts/grid/multi-column-headers/files/src/app/__path__/__filePrefix__.scss diff --git a/packages/igx-templates/igx-ts/grid/multi-column-headers/files/src/app/__path__/__filePrefix__.spec.ts b/packages/igx-templates/igx-ts/grid/multi-column-headers/files/src/app/__path__/__filePrefix__.spec.ts new file mode 100644 index 000000000..ca8a28146 --- /dev/null +++ b/packages/igx-templates/igx-ts/grid/multi-column-headers/files/src/app/__path__/__filePrefix__.spec.ts @@ -0,0 +1,27 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { FormsModule } from '@angular/forms'; +import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; +import { IgxCheckboxModule, IgxDatePickerModule, IgxGridModule } from '<%=igxPackage%>'; +import { <%=ClassName%> } from './<%=filePrefix%>'; + +describe('<%=ClassName%>', () => { + let component: <%=ClassName%>; + let fixture: ComponentFixture<<%=ClassName%>>; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [FormsModule, BrowserAnimationsModule, IgxGridModule, IgxDatePickerModule, IgxCheckboxModule, <%=ClassName%>] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(<%=ClassName%>); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); 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__.ts similarity index 73% rename from packages/igx-templates/igx-ts/grid/multi-column-headers/files/src/app/__path__/__filePrefix__.component.ts rename to packages/igx-templates/igx-ts/grid/multi-column-headers/files/src/app/__path__/__filePrefix__.ts index 4c5e476a7..1c5deb697 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__.ts @@ -4,12 +4,11 @@ import { IgxGridComponent, IgxColumnComponent, IgxColumnGroupComponent, IgxPagin @Component({ selector: 'app-<%=filePrefix%>', - templateUrl: './<%=filePrefix%>.component.html', - styleUrls: ['./<%=filePrefix%>.component.scss'], - standalone: true, + templateUrl: './<%=filePrefix%>.html', + styleUrl: './<%=filePrefix%>.scss', imports: [IgxGridComponent, IgxColumnComponent, IgxColumnGroupComponent, IgxPaginatorComponent] }) -export class <%=ClassName%>Component implements OnInit { +export class <%=ClassName%> implements OnInit { public localData: Company[] = []; title = '<%=name%>'; diff --git a/packages/igx-templates/igx-ts/hierarchical-grid/default/files/src/app/__path__/__filePrefix__.component.spec.ts b/packages/igx-templates/igx-ts/hierarchical-grid/default/files/src/app/__path__/__filePrefix__.component.spec.ts deleted file mode 100644 index ffafd2f00..000000000 --- a/packages/igx-templates/igx-ts/hierarchical-grid/default/files/src/app/__path__/__filePrefix__.component.spec.ts +++ /dev/null @@ -1,26 +0,0 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; -import { NoopAnimationsModule } from '@angular/platform-browser/animations'; -import { IgxHierarchicalGridModule } from '<%=igxPackage%>'; -import { <%=ClassName%>Component } from './<%=filePrefix%>.component'; - -describe('<%=ClassName%>Component', () => { - let component: <%=ClassName%>Component; - let fixture: ComponentFixture<<%=ClassName%>Component>; - - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ - imports: [NoopAnimationsModule, IgxHierarchicalGridModule, <%=ClassName%>Component] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(<%=ClassName%>Component); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/packages/igx-templates/igx-ts/hierarchical-grid/default/files/src/app/__path__/__filePrefix__.component.html b/packages/igx-templates/igx-ts/hierarchical-grid/default/files/src/app/__path__/__filePrefix__.html similarity index 100% rename from packages/igx-templates/igx-ts/hierarchical-grid/default/files/src/app/__path__/__filePrefix__.component.html rename to packages/igx-templates/igx-ts/hierarchical-grid/default/files/src/app/__path__/__filePrefix__.html diff --git a/packages/igx-templates/igx-ts/hierarchical-grid/default/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/hierarchical-grid/default/files/src/app/__path__/__filePrefix__.scss similarity index 100% rename from packages/igx-templates/igx-ts/hierarchical-grid/default/files/src/app/__path__/__filePrefix__.component.scss rename to packages/igx-templates/igx-ts/hierarchical-grid/default/files/src/app/__path__/__filePrefix__.scss diff --git a/packages/igx-templates/igx-ts/hierarchical-grid/default/files/src/app/__path__/__filePrefix__.spec.ts b/packages/igx-templates/igx-ts/hierarchical-grid/default/files/src/app/__path__/__filePrefix__.spec.ts new file mode 100644 index 000000000..881bf94a7 --- /dev/null +++ b/packages/igx-templates/igx-ts/hierarchical-grid/default/files/src/app/__path__/__filePrefix__.spec.ts @@ -0,0 +1,26 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { NoopAnimationsModule } from '@angular/platform-browser/animations'; +import { IgxHierarchicalGridModule } from '<%=igxPackage%>'; +import { <%=ClassName%> } from './<%=filePrefix%>'; + +describe('<%=ClassName%>', () => { + let component: <%=ClassName%>; + let fixture: ComponentFixture<<%=ClassName%>>; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [NoopAnimationsModule, IgxHierarchicalGridModule, <%=ClassName%>] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(<%=ClassName%>); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); 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__.ts similarity index 69% rename from packages/igx-templates/igx-ts/hierarchical-grid/default/files/src/app/__path__/__filePrefix__.component.ts rename to packages/igx-templates/igx-ts/hierarchical-grid/default/files/src/app/__path__/__filePrefix__.ts index 7ccf09b6b..f6ac8fc4a 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__.ts @@ -4,11 +4,10 @@ import { IgxHierarchicalGridComponent, IgxColumnComponent, IgxRowIslandComponent @Component({ selector: 'app-<%=filePrefix%>', - templateUrl: './<%=filePrefix%>.component.html', - styleUrls: ['./<%=filePrefix%>.component.scss'], - standalone: true, + templateUrl: './<%=filePrefix%>.html', + styleUrl: './<%=filePrefix%>.scss', imports: [IgxHierarchicalGridComponent, IgxColumnComponent, IgxRowIslandComponent] }) -export class <%=ClassName%>Component { +export class <%=ClassName%> { public localData: Artist[] = ARTISTS; } diff --git a/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-batch-editing/files/src/app/__path__/__filePrefix__.component.html b/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-batch-editing/files/src/app/__path__/__filePrefix__.html similarity index 100% rename from packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-batch-editing/files/src/app/__path__/__filePrefix__.component.html rename to packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-batch-editing/files/src/app/__path__/__filePrefix__.html diff --git a/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-batch-editing/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-batch-editing/files/src/app/__path__/__filePrefix__.scss similarity index 100% rename from packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-batch-editing/files/src/app/__path__/__filePrefix__.component.scss rename to packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-batch-editing/files/src/app/__path__/__filePrefix__.scss diff --git a/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-batch-editing/files/src/app/__path__/__filePrefix__.component.spec.ts b/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-batch-editing/files/src/app/__path__/__filePrefix__.spec.ts similarity index 58% rename from packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-batch-editing/files/src/app/__path__/__filePrefix__.component.spec.ts rename to packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-batch-editing/files/src/app/__path__/__filePrefix__.spec.ts index 34234a8fd..dc15faffd 100644 --- a/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-batch-editing/files/src/app/__path__/__filePrefix__.component.spec.ts +++ b/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-batch-editing/files/src/app/__path__/__filePrefix__.spec.ts @@ -1,17 +1,17 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; +import { ComponentFixture, TestBed } from '@angular/core/testing'; import { FormsModule } from '@angular/forms'; import { NoopAnimationsModule } from '@angular/platform-browser/animations'; import { IgxGridModule, IgxDatePickerModule, IgxCheckboxModule, IgxDialogModule, IgxHierarchicalGridModule } from '<%=igxPackage%>'; -import { <%=ClassName%>Component } from './<%=filePrefix%>.component'; +import { <%=ClassName%> } from './<%=filePrefix%>'; -describe('<%=ClassName%>Component', () => { - let component: <%=ClassName%>Component; - let fixture: ComponentFixture<<%=ClassName%>Component>; +describe('<%=ClassName%>', () => { + let component: <%=ClassName%>; + let fixture: ComponentFixture<<%=ClassName%>>; - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ + beforeEach(async () => { + await TestBed.configureTestingModule({ imports: [ FormsModule, NoopAnimationsModule, @@ -20,14 +20,14 @@ describe('<%=ClassName%>Component', () => { IgxDatePickerModule, IgxCheckboxModule, IgxDialogModule, - <%=ClassName%>Component + <%=ClassName%> ] }) .compileComponents(); - })); + }); beforeEach(() => { - fixture = TestBed.createComponent(<%=ClassName%>Component); + fixture = TestBed.createComponent(<%=ClassName%>); component = fixture.componentInstance; fixture.detectChanges(); }); 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__.ts similarity index 96% rename from packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-batch-editing/files/src/app/__path__/__filePrefix__.component.ts rename to packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-batch-editing/files/src/app/__path__/__filePrefix__.ts index dfa6859fe..6d8fdc25e 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__.ts @@ -22,9 +22,8 @@ import { Singer } from './singer'; @Component({ selector: 'app-<%=filePrefix%>', - templateUrl: './<%=filePrefix%>.component.html', - styleUrls: ['./<%=filePrefix%>.component.scss'], - standalone: true, + templateUrl: './<%=filePrefix%>.html', + styleUrl: './<%=filePrefix%>.scss', imports: [ IgxButtonDirective, IgxHierarchicalGridComponent, @@ -43,7 +42,7 @@ import { Singer } from './singer'; IgxGridComponent ] }) -export class <%=ClassName%>Component { +export class <%=ClassName%> { public get undoEnabledParent(): boolean { return this.hierarchicalGrid.transactions.canUndo; } diff --git a/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-custom/files/src/app/__path__/__filePrefix__.component.spec.ts b/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-custom/files/src/app/__path__/__filePrefix__.component.spec.ts deleted file mode 100644 index 227ac3405..000000000 --- a/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-custom/files/src/app/__path__/__filePrefix__.component.spec.ts +++ /dev/null @@ -1,26 +0,0 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; -import { NoopAnimationsModule } from '@angular/platform-browser/animations'; -import { IgxHierarchicalGridModule } from '<%=igxPackage%>'; -import { <%=ClassName%>Component } from './<%=filePrefix%>.component'; - -describe('<%=ClassName%>Component', () => { - let component: <%=ClassName%>Component; - let fixture: ComponentFixture<<%=ClassName%>Component>; - - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ - imports: [ NoopAnimationsModule, IgxHierarchicalGridModule, <%=ClassName%>Component ] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(<%=ClassName%>Component); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-custom/files/src/app/__path__/__filePrefix__.component.html b/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-custom/files/src/app/__path__/__filePrefix__.html similarity index 100% rename from packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-custom/files/src/app/__path__/__filePrefix__.component.html rename to packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-custom/files/src/app/__path__/__filePrefix__.html diff --git a/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-custom/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-custom/files/src/app/__path__/__filePrefix__.scss similarity index 100% rename from packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-custom/files/src/app/__path__/__filePrefix__.component.scss rename to packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-custom/files/src/app/__path__/__filePrefix__.scss diff --git a/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-custom/files/src/app/__path__/__filePrefix__.spec.ts b/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-custom/files/src/app/__path__/__filePrefix__.spec.ts new file mode 100644 index 000000000..a88afcdbd --- /dev/null +++ b/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-custom/files/src/app/__path__/__filePrefix__.spec.ts @@ -0,0 +1,26 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { NoopAnimationsModule } from '@angular/platform-browser/animations'; +import { IgxHierarchicalGridModule } from '<%=igxPackage%>'; +import { <%=ClassName%> } from './<%=filePrefix%>'; + +describe('<%=ClassName%>', () => { + let component: <%=ClassName%>; + let fixture: ComponentFixture<<%=ClassName%>>; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [ NoopAnimationsModule, IgxHierarchicalGridModule, <%=ClassName%> ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(<%=ClassName%>); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); 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__.ts similarity index 71% rename from packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-custom/files/src/app/__path__/__filePrefix__.component.ts rename to packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-custom/files/src/app/__path__/__filePrefix__.ts index 4a406f72e..74ffecadd 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__.ts @@ -4,11 +4,10 @@ import { ARTISTS, Artist } from './data'; @Component({ selector: 'app-<%=filePrefix%>', - templateUrl: './<%=filePrefix%>.component.html', - styleUrls: ['./<%=filePrefix%>.component.scss'], - standalone: true + templateUrl: './<%=filePrefix%>.html', + styleUrl: './<%=filePrefix%>.scss' }) -export class <%=ClassName%>Component { +export class <%=ClassName%> { public localData: Artist[] = ARTISTS; public toggleColumn(col: ColumnType, event: MouseEvent): void { diff --git a/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-summaries/files/src/app/__path__/__filePrefix__.component.spec.ts b/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-summaries/files/src/app/__path__/__filePrefix__.component.spec.ts deleted file mode 100644 index ffafd2f00..000000000 --- a/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-summaries/files/src/app/__path__/__filePrefix__.component.spec.ts +++ /dev/null @@ -1,26 +0,0 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; -import { NoopAnimationsModule } from '@angular/platform-browser/animations'; -import { IgxHierarchicalGridModule } from '<%=igxPackage%>'; -import { <%=ClassName%>Component } from './<%=filePrefix%>.component'; - -describe('<%=ClassName%>Component', () => { - let component: <%=ClassName%>Component; - let fixture: ComponentFixture<<%=ClassName%>Component>; - - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ - imports: [NoopAnimationsModule, IgxHierarchicalGridModule, <%=ClassName%>Component] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(<%=ClassName%>Component); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-summaries/files/src/app/__path__/__filePrefix__.component.html b/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-summaries/files/src/app/__path__/__filePrefix__.html similarity index 100% rename from packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-summaries/files/src/app/__path__/__filePrefix__.component.html rename to packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-summaries/files/src/app/__path__/__filePrefix__.html diff --git a/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-summaries/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-summaries/files/src/app/__path__/__filePrefix__.scss similarity index 100% rename from packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-summaries/files/src/app/__path__/__filePrefix__.component.scss rename to packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-summaries/files/src/app/__path__/__filePrefix__.scss diff --git a/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-summaries/files/src/app/__path__/__filePrefix__.spec.ts b/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-summaries/files/src/app/__path__/__filePrefix__.spec.ts new file mode 100644 index 000000000..881bf94a7 --- /dev/null +++ b/packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-summaries/files/src/app/__path__/__filePrefix__.spec.ts @@ -0,0 +1,26 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { NoopAnimationsModule } from '@angular/platform-browser/animations'; +import { IgxHierarchicalGridModule } from '<%=igxPackage%>'; +import { <%=ClassName%> } from './<%=filePrefix%>'; + +describe('<%=ClassName%>', () => { + let component: <%=ClassName%>; + let fixture: ComponentFixture<<%=ClassName%>>; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [NoopAnimationsModule, IgxHierarchicalGridModule, <%=ClassName%>] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(<%=ClassName%>); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); 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__.ts similarity index 74% rename from packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-summaries/files/src/app/__path__/__filePrefix__.component.ts rename to packages/igx-templates/igx-ts/hierarchical-grid/hierarchical-grid-summaries/files/src/app/__path__/__filePrefix__.ts index 3efb2f71d..4ac910205 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__.ts @@ -5,12 +5,11 @@ import { IgxHierarchicalGridComponent, IgxColumnComponent, IgxRowIslandComponent @Component({ selector: 'app-<%=filePrefix%>', - templateUrl: './<%=filePrefix%>.component.html', - styleUrls: ['./<%=filePrefix%>.component.scss'], - standalone: true, + templateUrl: './<%=filePrefix%>.html', + styleUrl: './<%=filePrefix%>.scss', imports: [IgxHierarchicalGridComponent, IgxColumnComponent, IgxRowIslandComponent] }) -export class <%=ClassName%>Component { +export class <%=ClassName%> { public localData: Artist[] = ARTISTS; public customSummary = CustomSummary; } diff --git a/packages/igx-templates/igx-ts/input-group/default/files/src/app/__path__/__filePrefix__.component.html b/packages/igx-templates/igx-ts/input-group/default/files/src/app/__path__/__filePrefix__.html similarity index 100% rename from packages/igx-templates/igx-ts/input-group/default/files/src/app/__path__/__filePrefix__.component.html rename to packages/igx-templates/igx-ts/input-group/default/files/src/app/__path__/__filePrefix__.html diff --git a/packages/igx-templates/igx-ts/input-group/default/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/input-group/default/files/src/app/__path__/__filePrefix__.scss similarity index 100% rename from packages/igx-templates/igx-ts/input-group/default/files/src/app/__path__/__filePrefix__.component.scss rename to packages/igx-templates/igx-ts/input-group/default/files/src/app/__path__/__filePrefix__.scss diff --git a/packages/igx-templates/igx-ts/input-group/default/files/src/app/__path__/__filePrefix__.component.spec.ts b/packages/igx-templates/igx-ts/input-group/default/files/src/app/__path__/__filePrefix__.spec.ts similarity index 63% rename from packages/igx-templates/igx-ts/input-group/default/files/src/app/__path__/__filePrefix__.component.spec.ts rename to packages/igx-templates/igx-ts/input-group/default/files/src/app/__path__/__filePrefix__.spec.ts index a7eb57c65..3057b9367 100644 --- a/packages/igx-templates/igx-ts/input-group/default/files/src/app/__path__/__filePrefix__.component.spec.ts +++ b/packages/igx-templates/igx-ts/input-group/default/files/src/app/__path__/__filePrefix__.spec.ts @@ -1,4 +1,4 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; +import { ComponentFixture, TestBed } from '@angular/core/testing'; import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { NoopAnimationsModule } from '@angular/platform-browser/animations'; import { @@ -11,14 +11,14 @@ import { IgxSelectModule, IgxTimePickerModule } from '<%=igxPackage%>'; -import { <%=ClassName%>Component } from './<%=filePrefix%>.component'; +import { <%=ClassName%> } from './<%=filePrefix%>'; -describe('<%=ClassName%>Component', () => { - let component: <%=ClassName%>Component; - let fixture: ComponentFixture<<%=ClassName%>Component>; +describe('<%=ClassName%>', () => { + let component: <%=ClassName%>; + let fixture: ComponentFixture<<%=ClassName%>>; - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ + beforeEach(async () => { + await TestBed.configureTestingModule({ imports: [ FormsModule, ReactiveFormsModule, @@ -31,14 +31,14 @@ describe('<%=ClassName%>Component', () => { IgxDatePickerModule, IgxTimePickerModule, IgxSelectModule, - <%=ClassName%>Component + <%=ClassName%> ] }) .compileComponents(); - })); + }); beforeEach(() => { - fixture = TestBed.createComponent(<%=ClassName%>Component); + fixture = TestBed.createComponent(<%=ClassName%>); component = fixture.componentInstance; fixture.detectChanges(); }); 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__.ts similarity index 94% rename from packages/igx-templates/igx-ts/input-group/default/files/src/app/__path__/__filePrefix__.component.ts rename to packages/igx-templates/igx-ts/input-group/default/files/src/app/__path__/__filePrefix__.ts index 25468155a..beac7504d 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__.ts @@ -28,9 +28,8 @@ interface Genre { @Component({ selector: 'app-<%=filePrefix%>', - templateUrl: './<%=filePrefix%>.component.html', - styleUrls: ['./<%=filePrefix%>.component.scss'], - standalone: true, + templateUrl: './<%=filePrefix%>.html', + styleUrl: './<%=filePrefix%>.scss', imports: [ ReactiveFormsModule, IgxSelectComponent, @@ -53,7 +52,7 @@ interface Genre { IgxRippleDirective ] }) -export class <%=ClassName%>Component implements OnInit { +export class <%=ClassName%> implements OnInit { public genres!: Genre[]; public user!: FormGroup; public minTime = '06:15:30'; diff --git a/packages/igx-templates/igx-ts/linear-gauge/default/files/src/app/__path__/__filePrefix__.component.html b/packages/igx-templates/igx-ts/linear-gauge/default/files/src/app/__path__/__filePrefix__.html similarity index 100% rename from packages/igx-templates/igx-ts/linear-gauge/default/files/src/app/__path__/__filePrefix__.component.html rename to packages/igx-templates/igx-ts/linear-gauge/default/files/src/app/__path__/__filePrefix__.html diff --git a/packages/igx-templates/igx-ts/linear-gauge/default/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/linear-gauge/default/files/src/app/__path__/__filePrefix__.scss similarity index 100% rename from packages/igx-templates/igx-ts/linear-gauge/default/files/src/app/__path__/__filePrefix__.component.scss rename to packages/igx-templates/igx-ts/linear-gauge/default/files/src/app/__path__/__filePrefix__.scss diff --git a/packages/igx-templates/igx-ts/linear-gauge/default/files/src/app/__path__/__filePrefix__.component.spec.ts b/packages/igx-templates/igx-ts/linear-gauge/default/files/src/app/__path__/__filePrefix__.spec.ts similarity index 51% rename from packages/igx-templates/igx-ts/linear-gauge/default/files/src/app/__path__/__filePrefix__.component.spec.ts rename to packages/igx-templates/igx-ts/linear-gauge/default/files/src/app/__path__/__filePrefix__.spec.ts index 3af2f8ea1..b7e8031af 100644 --- a/packages/igx-templates/igx-ts/linear-gauge/default/files/src/app/__path__/__filePrefix__.component.spec.ts +++ b/packages/igx-templates/igx-ts/linear-gauge/default/files/src/app/__path__/__filePrefix__.spec.ts @@ -1,21 +1,21 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; +import { ComponentFixture, TestBed } from '@angular/core/testing'; import { NoopAnimationsModule } from '@angular/platform-browser/animations'; import { IgxLinearGaugeModule } from 'igniteui-angular-gauges'; -import { <%=ClassName%>Component } from './<%=filePrefix%>.component'; +import { <%=ClassName%> } from './<%=filePrefix%>'; -describe('<%=ClassName%>Component', () => { - let component: <%=ClassName%>Component; - let fixture: ComponentFixture<<%=ClassName%>Component>; +describe('<%=ClassName%>', () => { + let component: <%=ClassName%>; + let fixture: ComponentFixture<<%=ClassName%>>; - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ - imports: [IgxLinearGaugeModule, NoopAnimationsModule, <%=ClassName%>Component] + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [IgxLinearGaugeModule, NoopAnimationsModule, <%=ClassName%>] }) .compileComponents(); - })); + }); beforeEach(() => { - fixture = TestBed.createComponent(<%=ClassName%>Component); + fixture = TestBed.createComponent(<%=ClassName%>); component = fixture.componentInstance; fixture.detectChanges(); }); 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__.ts similarity index 97% rename from packages/igx-templates/igx-ts/linear-gauge/default/files/src/app/__path__/__filePrefix__.component.ts rename to packages/igx-templates/igx-ts/linear-gauge/default/files/src/app/__path__/__filePrefix__.ts index d8ffdb16d..e18d4400f 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__.ts @@ -9,13 +9,12 @@ import { @Component({ selector: 'app-<%=filePrefix%>', - templateUrl: './<%=filePrefix%>.component.html', - styleUrls: ['./<%=filePrefix%>.component.scss'], + templateUrl: './<%=filePrefix%>.html', + styleUrl: './<%=filePrefix%>.scss', encapsulation: ViewEncapsulation.None, - standalone: true, imports: [IgxLayoutDirective, IgxButtonDirective, IgxLinearGaugeCoreModule] }) -export class <%=ClassName%>Component implements AfterViewInit { +export class <%=ClassName%> implements AfterViewInit { public needleShape = LinearGraphNeedleShape @ViewChild('linearGauge', { static: true }) diff --git a/packages/igx-templates/igx-ts/list/default/files/src/app/__path__/__filePrefix__.component.spec.ts b/packages/igx-templates/igx-ts/list/default/files/src/app/__path__/__filePrefix__.component.spec.ts deleted file mode 100644 index 5253d8288..000000000 --- a/packages/igx-templates/igx-ts/list/default/files/src/app/__path__/__filePrefix__.component.spec.ts +++ /dev/null @@ -1,26 +0,0 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; -import { FormsModule } from '@angular/forms'; -import { IgxAvatarModule, IgxFilterModule, IgxIconModule, IgxInputGroupModule, IgxListModule } from '<%=igxPackage%>'; -import { <%=ClassName%>Component } from './<%=filePrefix%>.component'; - -describe('<%=ClassName%>Component', () => { - let component: <%=ClassName%>Component; - let fixture: ComponentFixture<<%=ClassName%>Component>; - - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ - imports: [FormsModule, IgxAvatarModule, IgxFilterModule, IgxIconModule, IgxInputGroupModule, IgxListModule, <%=ClassName%>Component] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(<%=ClassName%>Component); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/packages/igx-templates/igx-ts/list/default/files/src/app/__path__/__filePrefix__.component.html b/packages/igx-templates/igx-ts/list/default/files/src/app/__path__/__filePrefix__.html similarity index 100% rename from packages/igx-templates/igx-ts/list/default/files/src/app/__path__/__filePrefix__.component.html rename to packages/igx-templates/igx-ts/list/default/files/src/app/__path__/__filePrefix__.html diff --git a/packages/igx-templates/igx-ts/list/default/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/list/default/files/src/app/__path__/__filePrefix__.scss similarity index 100% rename from packages/igx-templates/igx-ts/list/default/files/src/app/__path__/__filePrefix__.component.scss rename to packages/igx-templates/igx-ts/list/default/files/src/app/__path__/__filePrefix__.scss diff --git a/packages/igx-templates/igx-ts/list/default/files/src/app/__path__/__filePrefix__.spec.ts b/packages/igx-templates/igx-ts/list/default/files/src/app/__path__/__filePrefix__.spec.ts new file mode 100644 index 000000000..6607f7ac5 --- /dev/null +++ b/packages/igx-templates/igx-ts/list/default/files/src/app/__path__/__filePrefix__.spec.ts @@ -0,0 +1,26 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { FormsModule } from '@angular/forms'; +import { IgxAvatarModule, IgxFilterModule, IgxIconModule, IgxInputGroupModule, IgxListModule } from '<%=igxPackage%>'; +import { <%=ClassName%> } from './<%=filePrefix%>'; + +describe('<%=ClassName%>', () => { + let component: <%=ClassName%>; + let fixture: ComponentFixture<<%=ClassName%>>; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [FormsModule, IgxAvatarModule, IgxFilterModule, IgxIconModule, IgxInputGroupModule, IgxListModule, <%=ClassName%>] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(<%=ClassName%>); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); 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__.ts similarity index 92% rename from packages/igx-templates/igx-ts/list/default/files/src/app/__path__/__filePrefix__.component.ts rename to packages/igx-templates/igx-ts/list/default/files/src/app/__path__/__filePrefix__.ts index f24137b7e..38f5cb52d 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__.ts @@ -23,9 +23,8 @@ interface Contact { @Component({ selector: 'app-<%=filePrefix%>', - templateUrl: './<%=filePrefix%>.component.html', - styleUrls: ['./<%=filePrefix%>.component.scss'], - standalone: true, + templateUrl: './<%=filePrefix%>.html', + styleUrl: './<%=filePrefix%>.scss', imports: [ IgxFilterPipe, IgxListItemComponent, @@ -43,7 +42,7 @@ interface Contact { FormsModule ] }) -export class <%=ClassName%>Component { +export class <%=ClassName%> { public title = '<%=name%>'; public searchContact = ''; public contacts: Contact[] = [ diff --git a/packages/igx-templates/igx-ts/map/default/files/src/app/__path__/__filePrefix__.component.spec.ts b/packages/igx-templates/igx-ts/map/default/files/src/app/__path__/__filePrefix__.component.spec.ts deleted file mode 100644 index 20b889344..000000000 --- a/packages/igx-templates/igx-ts/map/default/files/src/app/__path__/__filePrefix__.component.spec.ts +++ /dev/null @@ -1,26 +0,0 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; -import { NoopAnimationsModule } from '@angular/platform-browser/animations'; -import { IgxGeographicMapModule } from 'igniteui-angular-maps'; -import { <%=ClassName%>Component } from './<%=filePrefix%>.component'; - -describe('<%=ClassName%>Component', () => { - let component: <%=ClassName%>Component; - let fixture: ComponentFixture<<%=ClassName%>Component>; - - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ - imports: [IgxGeographicMapModule, NoopAnimationsModule, GeographicMapComponent] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(<%=ClassName%>Component); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/packages/igx-templates/igx-ts/map/default/files/src/app/__path__/__filePrefix__.component.html b/packages/igx-templates/igx-ts/map/default/files/src/app/__path__/__filePrefix__.html similarity index 100% rename from packages/igx-templates/igx-ts/map/default/files/src/app/__path__/__filePrefix__.component.html rename to packages/igx-templates/igx-ts/map/default/files/src/app/__path__/__filePrefix__.html diff --git a/packages/igx-templates/igx-ts/map/default/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/map/default/files/src/app/__path__/__filePrefix__.scss similarity index 100% rename from packages/igx-templates/igx-ts/map/default/files/src/app/__path__/__filePrefix__.component.scss rename to packages/igx-templates/igx-ts/map/default/files/src/app/__path__/__filePrefix__.scss diff --git a/packages/igx-templates/igx-ts/map/default/files/src/app/__path__/__filePrefix__.spec.ts b/packages/igx-templates/igx-ts/map/default/files/src/app/__path__/__filePrefix__.spec.ts new file mode 100644 index 000000000..b3cd439bd --- /dev/null +++ b/packages/igx-templates/igx-ts/map/default/files/src/app/__path__/__filePrefix__.spec.ts @@ -0,0 +1,26 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { NoopAnimationsModule } from '@angular/platform-browser/animations'; +import { IgxGeographicMapModule } from 'igniteui-angular-maps'; +import { <%=ClassName%> } from './<%=filePrefix%>'; + +describe('<%=ClassName%>', () => { + let component: <%=ClassName%>; + let fixture: ComponentFixture<<%=ClassName%>>; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [IgxGeographicMapModule, NoopAnimationsModule, GeographicMap] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(<%=ClassName%>); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); 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__.ts similarity index 70% rename from packages/igx-templates/igx-ts/map/default/files/src/app/__path__/__filePrefix__.component.ts rename to packages/igx-templates/igx-ts/map/default/files/src/app/__path__/__filePrefix__.ts index 6b0025a1b..41ead526e 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__.ts @@ -3,12 +3,11 @@ import { IgxGeographicMapComponent, IgxGeographicMapCoreModule } from 'igniteui- @Component({ selector: 'app-<%=filePrefix%>', - templateUrl: './<%=filePrefix%>.component.html', - styleUrls: ['./<%=filePrefix%>.component.scss'], - standalone: true, + templateUrl: './<%=filePrefix%>.html', + styleUrl: './<%=filePrefix%>.scss', imports: [IgxGeographicMapCoreModule] }) -export class <%=ClassName%>Component implements AfterViewInit { +export class <%=ClassName%> implements AfterViewInit { @ViewChild('map', {static: true}) public map!: IgxGeographicMapComponent; diff --git a/packages/igx-templates/igx-ts/pivot-grid/default/files/src/app/__path__/__filePrefix__.component.spec.ts b/packages/igx-templates/igx-ts/pivot-grid/default/files/src/app/__path__/__filePrefix__.component.spec.ts deleted file mode 100644 index a2fad12a0..000000000 --- a/packages/igx-templates/igx-ts/pivot-grid/default/files/src/app/__path__/__filePrefix__.component.spec.ts +++ /dev/null @@ -1,26 +0,0 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; -import { NoopAnimationsModule } from '@angular/platform-browser/animations'; -import { IgxPivotGridModule } from '<%=igxPackage%>'; -import { <%=ClassName%>Component } from './<%=filePrefix%>.component'; - -describe('<%=ClassName%>Component', () => { - let component: <%=ClassName%>Component; - let fixture: ComponentFixture<<%=ClassName%>Component>; - - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ - imports: [IgxPivotGridModule, NoopAnimationsModule, <%=ClassName%>Component] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(<%=ClassName%>Component); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/packages/igx-templates/igx-ts/pivot-grid/default/files/src/app/__path__/__filePrefix__.component.html b/packages/igx-templates/igx-ts/pivot-grid/default/files/src/app/__path__/__filePrefix__.html similarity index 100% rename from packages/igx-templates/igx-ts/pivot-grid/default/files/src/app/__path__/__filePrefix__.component.html rename to packages/igx-templates/igx-ts/pivot-grid/default/files/src/app/__path__/__filePrefix__.html diff --git a/packages/igx-templates/igx-ts/pivot-grid/default/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/pivot-grid/default/files/src/app/__path__/__filePrefix__.scss similarity index 100% rename from packages/igx-templates/igx-ts/pivot-grid/default/files/src/app/__path__/__filePrefix__.component.scss rename to packages/igx-templates/igx-ts/pivot-grid/default/files/src/app/__path__/__filePrefix__.scss diff --git a/packages/igx-templates/igx-ts/pivot-grid/default/files/src/app/__path__/__filePrefix__.spec.ts b/packages/igx-templates/igx-ts/pivot-grid/default/files/src/app/__path__/__filePrefix__.spec.ts new file mode 100644 index 000000000..2a73bedab --- /dev/null +++ b/packages/igx-templates/igx-ts/pivot-grid/default/files/src/app/__path__/__filePrefix__.spec.ts @@ -0,0 +1,26 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { NoopAnimationsModule } from '@angular/platform-browser/animations'; +import { IgxPivotGridModule } from '<%=igxPackage%>'; +import { <%=ClassName%> } from './<%=filePrefix%>'; + +describe('<%=ClassName%>', () => { + let component: <%=ClassName%>; + let fixture: ComponentFixture<<%=ClassName%>>; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [IgxPivotGridModule, NoopAnimationsModule, <%=ClassName%>] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(<%=ClassName%>); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); 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__.ts similarity index 86% rename from packages/igx-templates/igx-ts/pivot-grid/default/files/src/app/__path__/__filePrefix__.component.ts rename to packages/igx-templates/igx-ts/pivot-grid/default/files/src/app/__path__/__filePrefix__.ts index 80fa24511..fac6a0770 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__.ts @@ -4,12 +4,11 @@ import { IPivotConfiguration, IgxPivotNumericAggregate, IgxPivotGridComponent } @Component({ selector: 'app-<%=filePrefix%>', - templateUrl: './<%=filePrefix%>.component.html', - styleUrls: ['./<%=filePrefix%>.component.scss'], - standalone: true, + templateUrl: './<%=filePrefix%>.html', + styleUrl: './<%=filePrefix%>.scss', imports: [IgxPivotGridComponent] }) -export class <%=ClassName%>Component { +export class <%=ClassName%> { public data = DATA; public pivotConfigHierarchy: IPivotConfiguration = { columns: [ diff --git a/packages/igx-templates/igx-ts/projects/_base/files/.prettierrc b/packages/igx-templates/igx-ts/projects/_base/files/.prettierrc new file mode 100644 index 000000000..d6c16d7ee --- /dev/null +++ b/packages/igx-templates/igx-ts/projects/_base/files/.prettierrc @@ -0,0 +1,12 @@ +{ + "printWidth": 100, + "singleQuote": true, + "overrides": [ + { + "files": "*.html", + "options": { + "parser": "angular" + } + } + ] +} 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..b1f5d6cec 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,118 @@ { - "$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": [ - "./node_modules/hammerjs/hammer.min.js" - ], - "stylePreprocessorOptions": { - "includePaths": [ - "node_modules" - ] - } - }, - "configurations": { - "production": { - "budgets": [ - { - "type": "initial", - "maximumWarning": "5mb", - "maximumError": "40mb" - }, - { - "type": "anyComponentStyle", - "maximumWarning": "8kb", + "$schema": "./node_modules/@angular/cli/lib/config/schema.json", + "version": 1, + "cli": { + "packageManager": "npm", + "schematicCollections": ["angular-eslint"] + }, + "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": ["./node_modules/hammerjs/hammer.min.js"], + "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": { - "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": [], + } + ], + "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/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" - ] - } - } - } - } - }, - "cli": { - "schematicCollections": [ - "@angular-eslint/schematics" - ] + "includePaths": ["node_modules"] + } + } + }, + "lint": { + "builder": "@angular-eslint/builder:lint", + "options": { + "lintFilePatterns": ["src/**/*.ts", "src/**/*.html"] + } + } + } + } } } diff --git a/packages/igx-templates/igx-ts/projects/_base/files/eslint.config.js b/packages/igx-templates/igx-ts/projects/_base/files/eslint.config.js index f90dfedbb..6e56cfeb7 100644 --- a/packages/igx-templates/igx-ts/projects/_base/files/eslint.config.js +++ b/packages/igx-templates/igx-ts/projects/_base/files/eslint.config.js @@ -1,12 +1,12 @@ // @ts-check -const eslint = require("@eslint/js"); -const { defineConfig } = require("eslint/config"); -const tseslint = require("typescript-eslint"); -const angular = require("angular-eslint"); +const eslint = require('@eslint/js'); +const { defineConfig } = require('eslint/config'); +const tseslint = require('typescript-eslint'); +const angular = require('angular-eslint'); module.exports = defineConfig([ { - files: ["**/*.ts"], + files: ['**/*.ts'], extends: [ eslint.configs.recommended, tseslint.configs.recommended, @@ -15,35 +15,33 @@ module.exports = defineConfig([ ], processor: angular.processInlineTemplates, rules: { - "@angular-eslint/directive-selector": [ - "error", + '@angular-eslint/directive-selector': [ + 'error', { - type: "attribute", - prefix: "app", - style: "camelCase", + type: 'attribute', + prefix: 'app', + style: 'camelCase', }, ], - "@angular-eslint/component-selector": [ - "error", + '@angular-eslint/component-selector': [ + 'error', { - type: "element", - prefix: "app", - style: "kebab-case", + type: 'element', + prefix: 'app', + style: 'kebab-case', }, ], // Relax rules - "@typescript-eslint/no-explicit-any": "off", - "@angular-eslint/prefer-inject": "off", + '@typescript-eslint/no-explicit-any': 'off', + '@angular-eslint/prefer-inject': 'off', }, }, { - files: ["**/*.html"], - extends: [ - angular.configs.templateRecommended - ], + files: ['**/*.html'], + extends: [angular.configs.templateRecommended], rules: { // Relax rules - "@angular-eslint/template/eqeqeq": "off" + '@angular-eslint/template/eqeqeq': 'off' }, } ]); 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..6f1181253 100644 --- a/packages/igx-templates/igx-ts/projects/_base/files/package.json +++ b/packages/igx-templates/igx-ts/projects/_base/files/package.json @@ -11,29 +11,29 @@ }, "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", "rxjs": "~7.8.1", "tslib": "~2.8.1", - "zone.js": "~0.15.0" + "zone.js": "~0.16.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.1", + "@angular/cli": "~21.2.1", + "@angular/compiler-cli": "~21.2.0", + "@eslint/js": "^10.0.1", "@types/jasmine": "~5.1.4", - "angular-eslint": "~21.2.0", - "eslint": "~9.39.1", + "angular-eslint": "~21.3.0", + "eslint": "^10.0.2", "igniteui-cli": "~<%=cliVersion%>", "jasmine-core": "~5.12.1", "karma": "~6.4.4", @@ -41,7 +41,8 @@ "karma-coverage": "~2.2.1", "karma-jasmine": "~5.1.0", "karma-jasmine-html-reporter": "~2.1.0", - "typescript": "~5.9.3", - "typescript-eslint": "~8.47.0" + "prettier": "^3.8.1", + "typescript": "~5.9.2", + "typescript-eslint": "8.56.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..0c7ee82de 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.development.ts b/packages/igx-templates/igx-ts/projects/_base/files/src/environments/environment.development.ts new file mode 100644 index 000000000..f274e5edf --- /dev/null +++ b/packages/igx-templates/igx-ts/projects/_base/files/src/environments/environment.development.ts @@ -0,0 +1 @@ +export const environment = {}; 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.prod.ts deleted file mode 100644 index 3612073bc..000000000 --- a/packages/igx-templates/igx-ts/projects/_base/files/src/environments/environment.prod.ts +++ /dev/null @@ -1,3 +0,0 @@ -export const environment = { - production: true -}; 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..f274e5edf 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 @@ -export const environment = { - production: false -}; +export const environment = {}; 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..469f8ebcb 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 @@ -1,16 +1,14 @@ - - - Ignite UI for Angular - - - - - - - - - - + + + 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..40016cf7c 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,6 @@ -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..9d6d6c35a 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 @@ -1,4 +1,5 @@ -/* To learn more about this file see: https://angular.io/config/tsconfig. */ +/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */ +/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */ { "extends": "./tsconfig.json", "compilerOptions": { @@ -10,5 +11,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..2ab744275 100644 --- a/packages/igx-templates/igx-ts/projects/_base/files/tsconfig.json +++ b/packages/igx-templates/igx-ts/projects/_base/files/tsconfig.json @@ -1,8 +1,8 @@ -/* To learn more about this file see: https://angular.io/config/tsconfig. */ +/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */ +/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */ { "compileOnSave": false, "compilerOptions": { - "outDir": "./dist/out-tsc", "strict": true, "noImplicitOverride": true, "noPropertyAccessFromIndexSignature": true, @@ -10,30 +10,24 @@ "noFallthroughCasesInSwitch": true, "skipLibCheck": true, "isolatedModules": true, - "esModuleInterop": true, - "sourceMap": true, - "declaration": false, "experimentalDecorators": true, - "moduleResolution": "Bundler", "importHelpers": true, "target": "ES2022", - "module": "preserve", - "useDefineForClassFields": false, - "lib": [ - "ES2022", - "dom" - ] + "module": "preserve" }, "angularCompilerOptions": { "enableI18nLegacyMessageIdFormat": false, "strictInjectionParameters": true, "strictInputAccessModifiers": true, - "strictTemplates": true, - // TODO: Remove this option when fixing https://infragistics.visualstudio.com/Indigo_Platform/_workitems/edit/30602 - "extendedDiagnostics": { - "checks": { - "optionalChainNotNullable": "suppress" - } + "strictTemplates": true + }, + "files": [], + "references": [ + { + "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..940b30a5f 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 @@ -1,4 +1,5 @@ -/* To learn more about this file see: https://angular.io/config/tsconfig. */ +/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */ +/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */ { "extends": "./tsconfig.json", "compilerOptions": { @@ -8,7 +9,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..c829ed7fc 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 { Home } from './home/home'; +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: 'home', component: Home, data: { text: 'Home' }}, + { 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.spec.ts b/packages/igx-templates/igx-ts/projects/_base_with_home/files/src/app/home/home.component.spec.ts deleted file mode 100644 index b2bbf4df8..000000000 --- a/packages/igx-templates/igx-ts/projects/_base_with_home/files/src/app/home/home.component.spec.ts +++ /dev/null @@ -1,25 +0,0 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; -import { RouterModule } from '@angular/router'; -import { HomeComponent } from './home.component'; - -describe('HomeComponent', () => { - let component: HomeComponent; - let fixture: ComponentFixture; - - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ - imports: [ HomeComponent, RouterModule.forRoot([]) ] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(HomeComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); 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 deleted file mode 100644 index 0d54789c1..000000000 --- a/packages/igx-templates/igx-ts/projects/_base_with_home/files/src/app/home/home.component.ts +++ /dev/null @@ -1,11 +0,0 @@ -import { Component } from '@angular/core'; - -@Component({ - selector: 'app-home', - standalone: true, - templateUrl: './home.component.html', - styleUrls: ['./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/app/home/home.component.html b/packages/igx-templates/igx-ts/projects/_base_with_home/files/src/app/home/home.html similarity index 96% rename from packages/igx-templates/igx-ts/projects/_base_with_home/files/src/app/home/home.component.html rename to packages/igx-templates/igx-ts/projects/_base_with_home/files/src/app/home/home.html index e1f78eebe..9189b1228 100644 --- a/packages/igx-templates/igx-ts/projects/_base_with_home/files/src/app/home/home.component.html +++ b/packages/igx-templates/igx-ts/projects/_base_with_home/files/src/app/home/home.html @@ -1,5 +1,5 @@ -

{{title}}

+

{{title()}}

Ignite UI CLI