@igniteui/angular-templates 21.1.1492 → 21.1.14100-alpha.1

package/igx-ts/select/select-in-form/files/src/app/__path__/{__filePrefix__.component.ts → __filePrefix__.ts}

@@ -15,9 +15,8 @@ import { ReactiveFormsModule, FormsModule } from '@angular/forms';
 
 @Component({
   selector: 'app-<%=filePrefix%>',
-  styleUrls: ['<%=filePrefix%>.component.scss'],
-  templateUrl: '<%=filePrefix%>.component.html',
-  standalone: true,
+  templateUrl: '<%=filePrefix%>.html',
+  styleUrl: '<%=filePrefix%>.scss',
   imports: [
     ReactiveFormsModule,
     FormsModule,
@@ -30,7 +29,7 @@ import { ReactiveFormsModule, FormsModule } from '@angular/forms';
     IgxToastComponent
   ]
 })
-export class <%=ClassName%>Component {
+export class <%=ClassName%> {
   @ViewChild(IgxSelectComponent, { static: true })
   public igxSelect!: IgxSelectComponent;
 

package/igx-ts/stepper/default/files/src/app/__path__/{__filePrefix__.component.spec.ts → __filePrefix__.spec.ts}

@@ -1,21 +1,21 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-import { <%=ClassName%>Component } from './<%=filePrefix%>.component';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { <%=ClassName%> } from './<%=filePrefix%>';
 import { IgxStepperModule, IgxButtonModule, IgxButtonGroupModule } from '<%=igxPackage%>';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 
-describe('<%=ClassName%>Component', () => {
-  let component: <%=ClassName%>Component;
-  let fixture: ComponentFixture<<%=ClassName%>Component>;
+describe('<%=ClassName%>', () => {
+  let component: <%=ClassName%>;
+  let fixture: ComponentFixture<<%=ClassName%>>;
 
-  beforeEach(waitForAsync(() => {
+  beforeEach(async () => {
     TestBed.configureTestingModule({
-	  imports: [NoopAnimationsModule, IgxStepperModule, IgxButtonModule, IgxButtonGroupModule, <%=ClassName%>Component]
+	  imports: [NoopAnimationsModule, IgxStepperModule, IgxButtonModule, IgxButtonGroupModule, <%=ClassName%>]
     })
       .compileComponents();
-  }));
+  });
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(<%=ClassName%>Component);
+    fixture = TestBed.createComponent(<%=ClassName%>);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

package/igx-ts/stepper/default/files/src/app/__path__/{__filePrefix__.component.ts → __filePrefix__.ts}

@@ -12,9 +12,8 @@ import {
 
 @Component({
   selector: 'app-<%=filePrefix%>',
-  templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true,
+  templateUrl: './<%=filePrefix%>.html',
+  styleUrl: './<%=filePrefix%>.scss',
   imports: [
     IgxButtonGroupComponent,
     IgxStepperComponent,
@@ -24,7 +23,7 @@ import {
     IgxButtonDirective
   ]
 })
-export class <%=ClassName%>Component {
+export class <%=ClassName%> {
     public orientation: IgxStepperOrientation = 'horizontal';
     public stepperOrientations: any[] = [
     {

package/igx-ts/tabbar/default/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 { <%=ClassName%> } from './<%=filePrefix%>';
+
+describe('<%=ClassName%>', () => {
+  let component: <%=ClassName%>;
+  let fixture: ComponentFixture<<%=ClassName%>>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+	  imports: [NoopAnimationsModule, <%=ClassName%>]
+    })
+      .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(<%=ClassName%>);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/igx-ts/tabbar/default/files/src/app/__path__/{__filePrefix__.component.ts → __filePrefix__.ts}

@@ -9,10 +9,9 @@ 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: [
     IgxBottomNavComponent,
     IgxBottomNavItemComponent,
@@ -21,5 +20,5 @@ import {
     IgxBottomNavContentComponent,
   ],
 })
-export class <%=ClassName%>Component {
+export class <%=ClassName%> {
 }

package/igx-ts/tabs/default/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 { <%=ClassName%> } from './<%=filePrefix%>';
+
+describe('<%=ClassName%>', () => {
+  let component: <%=ClassName%>;
+  let fixture: ComponentFixture<<%=ClassName%>>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+	  imports: [NoopAnimationsModule, <%=ClassName%>]
+    })
+      .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(<%=ClassName%>);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/igx-ts/tabs/default/files/src/app/__path__/{__filePrefix__.component.ts → __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: [
     IgxTabsComponent,
     IgxTabItemComponent,
@@ -24,5 +23,5 @@ import {
     IgxTabContentComponent
   ]
 })
-export class <%=ClassName%>Component {
+export class <%=ClassName%> {
 }

package/igx-ts/time-picker/default/files/src/app/__path__/{__filePrefix__.component.spec.ts → __filePrefix__.spec.ts}

@@ -1,24 +1,24 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { 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%>>;
   const date: Date = new Date();
   const hours: number = date.getHours();
   const minutes: number = date.getMinutes();
 
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-	  imports: [IgxTimePickerModule, NoopAnimationsModule, <%=ClassName%>Component]
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+	  imports: [IgxTimePickerModule, NoopAnimationsModule, <%=ClassName%>]
     })
       .compileComponents();
-  }));
+  });
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(<%=ClassName%>Component);
+    fixture = TestBed.createComponent(<%=ClassName%>);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

package/igx-ts/time-picker/default/files/src/app/__path__/{__filePrefix__.component.ts → __filePrefix__.ts}

@@ -3,12 +3,11 @@ import { IgxLayoutDirective, IgxTimePickerComponent } 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, IgxTimePickerComponent]
 })
-export class <%=ClassName%>Component {
+export class <%=ClassName%> {
   public date: Date = new Date(Date.now());
 }

package/igx-ts/tooltip/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 { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { IgxAvatarModule, IgxSwitchModule, IgxTooltipModule } from '<%=igxPackage%>';
+import { <%=ClassName%> } from './<%=filePrefix%>';
+
+describe('<%=ClassName%>', () => {
+  let component: <%=ClassName%>;
+  let fixture: ComponentFixture<<%=ClassName%>>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+	  imports: [NoopAnimationsModule, FormsModule, IgxTooltipModule, IgxAvatarModule, IgxSwitchModule, <%=ClassName%>]
+    })
+      .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(<%=ClassName%>);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/igx-ts/tooltip/default/files/src/app/__path__/{__filePrefix__.component.ts → __filePrefix__.ts}

@@ -9,9 +9,8 @@ import {
 
 @Component({
   selector: 'app-<%=filePrefix%>',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  templateUrl: './<%=filePrefix%>.component.html',
-  standalone: true,
+  templateUrl: './<%=filePrefix%>.html',
+  styleUrl: './<%=filePrefix%>.scss',
   imports: [
     IgxAvatarComponent,
     IgxTooltipTargetDirective,
@@ -22,5 +21,5 @@ import {
   ]
 })
 
-export class <%=ClassName%>Component {
+export class <%=ClassName%> {
 }

package/igx-ts/tree/default/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 { <%=ClassName%> } from './<%=filePrefix%>';
+
+describe('<%=ClassName%>', () => {
+  let component: <%=ClassName%>;
+  let fixture: ComponentFixture<<%=ClassName%>>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+	  imports: [NoopAnimationsModule, <%=ClassName%>]
+    })
+      .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(<%=ClassName%>);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/igx-ts/tree/default/files/src/app/__path__/{__filePrefix__.component.ts → __filePrefix__.ts}

@@ -10,14 +10,13 @@ import {
 import { Subject } from 'rxjs';
 import { take, takeUntil } from 'rxjs/operators';
 import { DATA, NodeData, REMOTE_ROOT, SelectableNodeData } from './local-data';
-import { DataService } from './services/data.service';
+import { Data } from './services/data';
 
 @Component({
   selector: 'app-<%=filePrefix%>',
-  templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  providers: [DataService],
-  standalone: true,
+  templateUrl: './<%=filePrefix%>.html',
+  styleUrl: './<%=filePrefix%>.scss',
+  providers: [Data],
   imports: [
     IgxTreeComponent,
     NgFor,
@@ -30,7 +29,7 @@ import { DataService } from './services/data.service';
   ]
 })
 
-export class <%=ClassName%>Component implements OnDestroy {
+export class <%=ClassName%> implements OnDestroy {
   public data = DATA;
   public loading = false;
   public showRefresh = false;
@@ -38,7 +37,7 @@ export class <%=ClassName%>Component implements OnDestroy {
   public remoteData: SelectableNodeData[] = [];
   private destroy$ = new Subject<void>();
 
-  constructor(private dataService: DataService) {
+  constructor(private dataService: Data) {
     this.dataService.data.pipe(takeUntil(this.destroy$)).subscribe((data) => {
       this.loading = false;
       this.remoteData = data;

package/igx-ts/tree/default/files/src/app/__path__/services/{data.service.ts → data.ts}

@@ -3,7 +3,7 @@ import { Observable, ReplaySubject } from 'rxjs';
 import { NodeData, REMOTE_DATA, SelectableNodeData } from '../local-data';
 
 @Injectable()
-export class DataService {
+export class Data {
   private nodeData: SelectableNodeData[] = [];
   private selectedNode: Set<string> = new Set<string>();
   private deselectedNode: Set<string> = new Set<string>();

package/igx-ts/tree-grid/tree-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 { IgxTreeGridModule } from '<%=igxPackage%>';
+import { <%=ClassName%> } from './<%=filePrefix%>';
+
+describe('<%=ClassName%>', () => {
+  let component: <%=ClassName%>;
+  let fixture: ComponentFixture<<%=ClassName%>>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [NoopAnimationsModule, IgxTreeGridModule, <%=ClassName%>]
+    })
+      .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(<%=ClassName%>);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/igx-ts/tree-grid/tree-grid-custom/files/src/app/__path__/{__filePrefix__.component.ts → __filePrefix__.ts}

@@ -3,11 +3,10 @@ import { Employee, EMPLOYEE_DATA } 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%>';
 

package/igx-ts-legacy/accordion/default/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 { <%=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, FormsModule ]
+    })
+      .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(<%=ClassName%>);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/igx-ts-legacy/accordion/default/files/src/app/__path__/{__filePrefix__.component.ts → __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;
 }

package/igx-ts-legacy/autocomplete/autocomplete-custom/files/src/app/__path__/{__filePrefix__.component.spec.ts → __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();
   });

package/igx-ts-legacy/autocomplete/autocomplete-custom/files/src/app/__path__/{__filePrefix__.component.ts → __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 = '';
 

package/igx-ts-legacy/autocomplete/autocomplete-custom/index.js

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

package/igx-ts-legacy/autocomplete/autocomplete-extended/files/src/app/__path__/{__filePrefix__.component.spec.ts → __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();
   });

package/igx-ts-legacy/autocomplete/autocomplete-extended/files/src/app/__path__/{__filePrefix__.component.ts → __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;

package/igx-ts-legacy/autocomplete/autocomplete-extended/index.js

@@ -19,10 +19,10 @@ class IgxAutocompleteTemplate extends IgniteUIForAngularTemplate_1.IgniteUIForAn
                 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"
             }];
     }
 }

package/igx-ts-legacy/bullet-graph/default/files/src/app/__path__/__filePrefix__.spec.ts

@@ -0,0 +1,28 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { IgxBulletGraphModule } from 'igniteui-angular-gauges';
+import { <%=ClassName%> } from './<%=filePrefix%>';
+
+describe('<%=ClassName%>', () => {
+  let component: <%=ClassName%>;
+  let fixture: ComponentFixture<<%=ClassName%>>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [<%=ClassName%>],
+      imports: [IgxBulletGraphModule]
+    })
+      .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(<%=ClassName%>);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+    // disable animation
+    component.bulletGraph.transitionDuration = 0;
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/igx-ts-legacy/bullet-graph/default/files/src/app/__path__/{__filePrefix__.component.ts → __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;
 

package/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();
+  });
+});

package/igx-ts-legacy/calendar/default/files/src/app/__path__/{__filePrefix__.component.ts → __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%> { }