fix(igx-ts-legacy): update igx ts legacy templates

packages/cli/lib/templates/AngularTemplate.ts

@@ -45,7 +45,7 @@ export class AngularTemplate implements Template {
 	}
 
 	public registerInProject(projectPath: string, name: string, options?: AddTemplateArgs) {
-		let modulePath = "app.module.ts";
+		let modulePath = "app-module.ts";
 		if (options && options.modulePath) {
 			modulePath = options.modulePath;
 		}
@@ -84,7 +84,7 @@ export class AngularTemplate implements Template {
 		mainModule.addNgModuleMeta({
 			declare: [className],
 			from: relativePath,
-			export: modulePath !== "app.module.ts" ? [className] : []
+			export: modulePath !== "app-module.ts" ? [className] : []
 		});
 		mainModule.finalize();
 

packages/igx-templates/IgniteUIForAngularTemplate.ts

@@ -50,7 +50,7 @@ export class IgniteUIForAngularTemplate implements Template {
 
 	//TODO: rename name to fullName for clarity + in all other places fileName to fullName
 	public registerInProject(projectPath: string, name: string, options?: AddTemplateArgs) {
-		let modulePath = "app.module.ts";
+		let modulePath = "app-module.ts";
 		if (options && options.modulePath) {
 			modulePath = options.modulePath;
 		}
@@ -66,8 +66,8 @@ export class IgniteUIForAngularTemplate implements Template {
 		const mainModulePath = path.join(projectPath, `src/app/${modulePath}`);
 		const folderName = this.folderName(name);
 		const fileName = this.fileName(name);
-		const componentFilePath = path.join(projectPath, `src/app/${folderName}/${fileName}.component.ts`);
-		const className = `${Util.className(Util.nameFromPath(name))}Component`;
+		const componentFilePath = path.join(projectPath, `src/app/${folderName}/${fileName}.ts`);
+		const className = `${Util.className(Util.nameFromPath(name))}`;
 		// standalone components
 		if (!this.fileExists(mainModulePath)) {
 			const appRoutesPath = "src/app/app.routes.ts";
@@ -130,7 +130,7 @@ export class IgniteUIForAngularTemplate implements Template {
 		mainModule.addNgModuleMeta({
 				declare: this.addAsNgModelDeclaration ? [className] : [],
 				from: Util.relativePath(mainModulePath, componentFilePath, true, true),
-				export: modulePath !== "app.module.ts" ? [className] : []
+				export: modulePath !== "app-module.ts" ? [className] : []
 			},
 			Util.applyDelimiters(this.getBaseVariables(name), this.delimiters.content),
 			true // multiline

packages/igx-templates/igx-ts-legacy/accordion/default/files/src/app/__path__/__filePrefix__.spec.ts

@@ -0,0 +1,27 @@
+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({
+      declarations: [<%=ClassName%>],
+      imports: [ NoopAnimationsModule, IgxAccordionModule, IgxSwitchModule ]
+    })
+      .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(<%=ClassName%>);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

packages/igx-templates/igx-ts-legacy/accordion/default/files/src/app/__path__/__filePrefix__.component.ts → packages/igx-templates/igx-ts-legacy/accordion/default/files/src/app/__path__/__filePrefix__.ts

@@ -2,10 +2,10 @@ import { Component } from '@angular/core';
 
 @Component({
   selector: 'app-<%=filePrefix%>',
-  templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
+  templateUrl: './<%=filePrefix%>.html',
+  styleUrl: './<%=filePrefix%>.scss',
   standalone: false
 })
-export class <%=ClassName%>Component {
+export class <%=ClassName%> {
   public singleBranchExpand = false;
 }

packages/igx-templates/igx-ts-legacy/autocomplete/autocomplete-custom/files/src/app/__path__/__filePrefix__.component.spec.ts → packages/igx-templates/igx-ts-legacy/autocomplete/autocomplete-custom/files/src/app/__path__/__filePrefix__.spec.ts

@@ -1,23 +1,23 @@
-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 } from '<%=igxPackage%>';
-import { <%=ClassName%>Component, <%=ClassName%>PipeStartsWith } from './<%=filePrefix%>.component';
+import { <%=ClassName%>, <%=ClassName%>PipeStartsWith } 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({
-      declarations: [<%=ClassName%>Component, <%=ClassName%>PipeStartsWith],
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [<%=ClassName%>, <%=ClassName%>PipeStartsWith],
       imports: [FormsModule, IgxDropDownModule, IgxAutocompleteModule, NoopAnimationsModule, IgxInputGroupModule]
     })
       .compileComponents();
-  }));
+  });
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(<%=ClassName%>Component);
+    fixture = TestBed.createComponent(<%=ClassName%>);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

packages/igx-templates/igx-ts-legacy/autocomplete/autocomplete-custom/files/src/app/__path__/__filePrefix__.component.ts → packages/igx-templates/igx-ts-legacy/autocomplete/autocomplete-custom/files/src/app/__path__/__filePrefix__.ts

@@ -3,11 +3,11 @@ import { Towns } from './towns-data';
 
 @Component({
   selector: 'app-<%=filePrefix%>',
-  templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
+  templateUrl: './<%=filePrefix%>.html',
+  styleUrl: './<%=filePrefix%>.scss',
   standalone: false
 })
-export class <%=ClassName%>Component {
+export class <%=ClassName%> {
   public towns: string[];
   public townSelected = '';
 

packages/igx-templates/igx-ts-legacy/autocomplete/autocomplete-custom/index.ts

@@ -18,7 +18,7 @@ class IgxAutocompleteTemplate extends IgniteUIForAngularTemplate {
 			from: "@angular/forms"
 		}, {
 			declare: ["<%=ClassName%>PipeStartsWith"],
-			from: "./src/app/<%=path%>/<%=filePrefix%>.component.ts"
+			from: "./src/app/<%=path%>/<%=filePrefix%>.ts"
 		}];
 	}
 }

packages/igx-templates/igx-ts-legacy/autocomplete/autocomplete-extended/files/src/app/__path__/__filePrefix__.component.spec.ts → packages/igx-templates/igx-ts-legacy/autocomplete/autocomplete-extended/files/src/app/__path__/__filePrefix__.spec.ts

@@ -1,27 +1,27 @@
-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({
-      declarations: [<%=ClassName%>Component, <%=ClassName%>PipeStartsWith, <%=ClassName%>RegionContains],
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [<%=ClassName%>, <%=ClassName%>PipeStartsWith, <%=ClassName%>RegionContains],
       imports: [FormsModule, IgxDropDownModule, IgxAutocompleteModule, NoopAnimationsModule, IgxInputGroupModule, IgxToastModule]
     })
       .compileComponents();
-  }));
+  });
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(<%=ClassName%>Component);
+    fixture = TestBed.createComponent(<%=ClassName%>);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

packages/igx-templates/igx-ts-legacy/autocomplete/autocomplete-extended/files/src/app/__path__/__filePrefix__.component.ts → packages/igx-templates/igx-ts-legacy/autocomplete/autocomplete-extended/files/src/app/__path__/__filePrefix__.ts

@@ -4,11 +4,11 @@ import { Region, Town, townsExtended } from './towns-data-extended';
 
 @Component({
   selector: 'app-<%=filePrefix%>',
-  templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
+  templateUrl: './<%=filePrefix%>.html',
+  styleUrl: './<%=filePrefix%>.scss',
   standalone: false
 })
-export class <%=ClassName%>Component {
+export class <%=ClassName%> {
   public regions!: Region[];
   public townSelected!: string;
   public postalCode?: number;

packages/igx-templates/igx-ts-legacy/autocomplete/autocomplete-extended/index.ts

@@ -18,10 +18,10 @@ class IgxAutocompleteTemplate extends IgniteUIForAngularTemplate {
 			from: "@angular/forms"
 		}, {
 			declare: ["<%=ClassName%>PipeStartsWith"],
-			from: "./src/app/<%=path%>/<%=filePrefix%>.component.ts"
+			from: "./src/app/<%=path%>/<%=filePrefix%>.ts"
 		}, {
 			declare: ["<%=ClassName%>RegionContains"],
-			from: "./src/app/<%=path%>/<%=filePrefix%>.component.ts"
+			from: "./src/app/<%=path%>/<%=filePrefix%>.ts"
 		}];
 	}
 }

packages/igx-templates/igx-ts-legacy/bullet-graph/default/files/src/app/__path__/__filePrefix__.component.spec.ts → packages/igx-templates/igx-ts-legacy/bullet-graph/default/files/src/app/__path__/__filePrefix__.spec.ts

@@ -1,22 +1,22 @@
-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({
-      declarations: [<%=ClassName%>Component],
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [<%=ClassName%>],
       imports: [IgxBulletGraphModule, NoopAnimationsModule]
     })
       .compileComponents();
-  }));
+  });
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(<%=ClassName%>Component);
+    fixture = TestBed.createComponent(<%=ClassName%>);
     component = fixture.componentInstance;
     fixture.detectChanges();
     // disable animation

packages/igx-templates/igx-ts-legacy/bullet-graph/default/files/src/app/__path__/__filePrefix__.component.ts → packages/igx-templates/igx-ts-legacy/bullet-graph/default/files/src/app/__path__/__filePrefix__.ts

@@ -4,12 +4,12 @@ import { IgxBulletGraphComponent, IgxLinearGraphRangeComponent } from 'igniteui-
 
 @Component({
   selector: 'app-<%=filePrefix%>',
-  templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
+  templateUrl: './<%=filePrefix%>.html',
+  styleUrl: './<%=filePrefix%>.scss',
   encapsulation: ViewEncapsulation.None,
   standalone: false
 })
-export class <%=ClassName%>Component implements AfterViewInit {
+export class <%=ClassName%> implements AfterViewInit {
   @ViewChild('bulletGraph', { static: true })
   public bulletGraph!: IgxBulletGraphComponent;
 

packages/igx-templates/igx-ts-legacy/calendar/default/files/src/app/__path__/__filePrefix__.spec.ts

@@ -0,0 +1,27 @@
+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({
+      declarations: [<%=ClassName%>],
+      imports: [IgxCalendarModule, NoopAnimationsModule]
+    })
+      .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(<%=ClassName%>);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

packages/igx-templates/igx-ts-legacy/calendar/default/files/src/app/__path__/__filePrefix__.component.ts → packages/igx-templates/igx-ts-legacy/calendar/default/files/src/app/__path__/__filePrefix__.ts

@@ -2,9 +2,9 @@ import { Component, ViewEncapsulation } from '@angular/core';
 
 @Component({
   selector: 'app-<%=filePrefix%>',
-  templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
+  templateUrl: './<%=filePrefix%>.html',
+  styleUrl: './<%=filePrefix%>.scss',
   encapsulation: ViewEncapsulation.None,
   standalone: false
 })
-export class <%=ClassName%>Component { }
+export class <%=ClassName%> { }