@igniteui/angular-templates 21.1.1492 → 21.1.1500-rc.0

package/igx-ts/linear-gauge/default/files/src/app/__path__/__filePrefix__.component.ts

@@ -1,243 +0,0 @@
-import { AfterViewInit, Component, ViewChild, ViewEncapsulation } from '@angular/core';
-import { IgxLayoutDirective, IgxButtonDirective } from '<%=igxPackage%>';
-import {
-  IgxLinearGaugeComponent,
-  IgxLinearGraphRangeComponent,
-  LinearGraphNeedleShape,
-  IgxLinearGaugeCoreModule,
-} from 'igniteui-angular-gauges';
-
-@Component({
-  selector: 'app-<%=filePrefix%>',
-  templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  encapsulation: ViewEncapsulation.None,
-  standalone: true,
-  imports: [IgxLayoutDirective, IgxButtonDirective, IgxLinearGaugeCoreModule]
-})
-export class <%=ClassName%>Component implements AfterViewInit {
-  public needleShape = LinearGraphNeedleShape
-
-  @ViewChild('linearGauge', { static: true })
-  public linearGauge!: IgxLinearGaugeComponent;
-
-  public ngAfterViewInit(): void {
-    // enabling animation duration (in milliseconds)
-    this.linearGauge.transitionDuration = 500;
-    this.animateToGauge3();
-  }
-
-  public animateToGauge3(): void {
-    // linear gauge requires settings for these properties:
-    this.linearGauge.minimumValue = 0;
-    this.linearGauge.maximumValue = 100;
-    this.linearGauge.value = 50;
-    this.linearGauge.interval = 10;
-
-    // setting custom appearance of labels
-    this.linearGauge.labelInterval = 10;
-    this.linearGauge.labelExtent = 0.05;
-
-    // setting custom appearance of needle
-    this.linearGauge.isNeedleDraggingEnabled = true;
-    this.linearGauge.needleShape = LinearGraphNeedleShape.Needle;
-    this.linearGauge.needleBrush = '#79797a';
-    this.linearGauge.needleOutline = '#ffffffff';
-    this.linearGauge.needleStrokeThickness = 1;
-    this.linearGauge.needleOuterExtent = 0.9;
-    this.linearGauge.needleInnerExtent = 0.3;
-
-    // setting custom appearance of major/minor ticks
-    this.linearGauge.minorTickCount = 5;
-    this.linearGauge.minorTickEndExtent = 0.10;
-    this.linearGauge.minorTickStartExtent = 0.20;
-    this.linearGauge.minorTickStrokeThickness = 1;
-    this.linearGauge.tickStartExtent = 0.25;
-    this.linearGauge.tickEndExtent = 0.05;
-    this.linearGauge.tickStrokeThickness = 2;
-
-    // setting custom gauge ranges
-    const range1 = new IgxLinearGraphRangeComponent();
-    range1.startValue = 0;
-    range1.endValue = 30;
-    const range2 = new IgxLinearGraphRangeComponent();
-    range2.startValue = 30;
-    range2.endValue = 70;
-    const range3 = new IgxLinearGraphRangeComponent();
-    range3.startValue = 70;
-    range3.endValue = 100;
-
-    this.linearGauge.rangeBrushes = ['#9FB328', '#438C47', '#3F51B5'];
-    this.linearGauge.rangeOutlines = ['#9FB328', '#438C47', '#3F51B5'];
-    this.linearGauge.ranges.clear();
-    this.linearGauge.ranges.add(range1);
-    this.linearGauge.ranges.add(range2);
-    this.linearGauge.ranges.add(range3);
-
-    // setting extent of all gauge ranges
-    for(let i = 0; i <this.linearGauge.ranges.count; i++) {
-      const range = this.linearGauge.ranges.item(i);
-      range.innerStartExtent = 0.075;
-      range.innerEndExtent = 0.075;
-      range.outerStartExtent = 0.65;
-      range.outerEndExtent = 0.65;
-    }
-
-    // setting extent of gauge scale
-    this.linearGauge.scaleStrokeThickness = 0;
-    this.linearGauge.scaleBrush = '#ffffff';
-    this.linearGauge.scaleOutline = '#dbdbdb';
-    this.linearGauge.scaleInnerExtent = 0.075;
-    this.linearGauge.scaleOuterExtent = 0.85;
-    this.linearGauge.scaleStartExtent = 0.05;
-    this.linearGauge.scaleEndExtent = 0.95;
-
-    // setting appearance of backing fill and outline
-    this.linearGauge.backingBrush = '#ffffff';
-    this.linearGauge.backingOutline = '#d1d1d1';
-    this.linearGauge.backingStrokeThickness = 0;
-  }
-
-
-  public animateToGauge2(): void {
-    // linear gauge requires settings for these properties:
-    this.linearGauge.minimumValue = 100;
-    this.linearGauge.maximumValue = 200;
-    this.linearGauge.value = 150;
-    this.linearGauge.interval = 20;
-
-    // setting custom appearance of labels
-    this.linearGauge.labelInterval = 20;
-    this.linearGauge.labelExtent = 0.05;
-
-    // setting custom appearance of needle
-    this.linearGauge.isNeedleDraggingEnabled = true;
-    this.linearGauge.needleShape = LinearGraphNeedleShape.Triangle;
-    this.linearGauge.needleBrush = '#79797a';
-    this.linearGauge.needleOutline = '#ffffffff';
-    this.linearGauge.needleStrokeThickness = 1;
-    this.linearGauge.needleOuterExtent = 0.9;
-    this.linearGauge.needleInnerExtent = 0.3;
-
-    // setting custom appearance of major/minor ticks
-    this.linearGauge.minorTickCount = 4;
-    this.linearGauge.minorTickEndExtent = 0.10;
-    this.linearGauge.minorTickStartExtent = 0.20;
-    this.linearGauge.minorTickStrokeThickness = 1;
-    this.linearGauge.tickStartExtent = 0.25;
-    this.linearGauge.tickEndExtent = 0.05;
-    this.linearGauge.tickStrokeThickness = 2;
-
-    // setting custom gauge ranges
-    const range1 = new IgxLinearGraphRangeComponent();
-    range1.startValue = 100;
-    range1.endValue = 125;
-    const range2 = new IgxLinearGraphRangeComponent();
-    range2.startValue = 125;
-    range2.endValue = 150;
-    const range3 = new IgxLinearGraphRangeComponent();
-    range3.startValue = 150;
-    range3.endValue = 175;
-    const range4 = new IgxLinearGraphRangeComponent();
-    range4.startValue = 175;
-    range4.endValue = 200;
-
-    this.linearGauge.rangeBrushes = ['#0078C8', '#0099FF', '#21A7FF', '#4FB9FF'];
-    this.linearGauge.rangeOutlines = ['#0078C8', '#0099FF', '#21A7FF', '#4FB9FF'];
-    this.linearGauge.ranges.clear();
-    this.linearGauge.ranges.add(range1);
-    this.linearGauge.ranges.add(range2);
-    this.linearGauge.ranges.add(range3);
-    this.linearGauge.ranges.add(range4);
-
-    // setting extent of all gauge ranges
-    for(let i = 0; i <this.linearGauge.ranges.count; i++) {
-      const range = this.linearGauge.ranges.item(i);
-      range.innerStartExtent = 0.075;
-      range.innerEndExtent = 0.075;
-      range.outerStartExtent = 0.65;
-      range.outerEndExtent = 0.65;
-    }
-
-    // setting extent of gauge scale
-    this.linearGauge.scaleStrokeThickness = 0;
-    this.linearGauge.scaleBrush = '#ffffff';
-    this.linearGauge.scaleOutline = '#dbdbdb';
-    this.linearGauge.scaleInnerExtent = 0.075;
-    this.linearGauge.scaleOuterExtent = 0.85;
-    this.linearGauge.scaleStartExtent = 0.05;
-    this.linearGauge.scaleEndExtent = 0.95;
-
-    // setting appearance of backing fill and outline
-    this.linearGauge.backingBrush = '#ffffff';
-    this.linearGauge.backingOutline = '#d1d1d1';
-    this.linearGauge.backingStrokeThickness = 0;
-  }
-
-  public animateToGauge1(): void {
-    // linear gauge requires settings for these properties:
-    this.linearGauge.minimumValue = 0;
-    this.linearGauge.maximumValue = 80;
-    this.linearGauge.value = 60;
-    this.linearGauge.interval = 20;
-
-    // setting custom appearance of labels
-    this.linearGauge.labelInterval = 20;
-    this.linearGauge.labelExtent = 0.05;
-
-    // setting custom appearance of needle
-    this.linearGauge.isNeedleDraggingEnabled = true;
-    this.linearGauge.needleShape = LinearGraphNeedleShape.Trapezoid;
-    this.linearGauge.needleBrush = '#79797a';
-    this.linearGauge.needleOutline = '#ffffffff';
-    this.linearGauge.needleStrokeThickness = 1;
-    this.linearGauge.needleOuterExtent = 0.9;
-    this.linearGauge.needleInnerExtent = 0.3;
-
-    // setting custom appearance of major/minor ticks
-    this.linearGauge.minorTickCount = 5;
-    this.linearGauge.minorTickEndExtent = 0.10;
-    this.linearGauge.minorTickStartExtent = 0.20;
-    this.linearGauge.minorTickStrokeThickness = 1;
-    this.linearGauge.tickStartExtent = 0.25;
-    this.linearGauge.tickEndExtent = 0.05;
-    this.linearGauge.tickStrokeThickness = 2;
-
-    // setting custom gauge ranges
-    const range1 = new IgxLinearGraphRangeComponent();
-    range1.startValue = 0;
-    range1.endValue = 40;
-    const range2 = new IgxLinearGraphRangeComponent();
-    range2.startValue = 40;
-    range2.endValue = 80;
-
-    this.linearGauge.rangeBrushes = ['#a4bd29', '#F86232'];
-    this.linearGauge.rangeOutlines = ['#a4bd29', '#F86232'];
-    this.linearGauge.ranges.clear();
-    this.linearGauge.ranges.add(range1);
-    this.linearGauge.ranges.add(range2);
-
-    // setting extent of all gauge ranges
-    for(let i = 0; i <this.linearGauge.ranges.count; i++) {
-      const range = this.linearGauge.ranges.item(i);
-      range.innerStartExtent = 0.075;
-      range.innerEndExtent = 0.075;
-      range.outerStartExtent = 0.65;
-      range.outerEndExtent = 0.65;
-    }
-
-    // setting extent of gauge scale
-    this.linearGauge.scaleStrokeThickness = 0;
-    this.linearGauge.scaleBrush = '#ffffff';
-    this.linearGauge.scaleOutline = '#dbdbdb';
-    this.linearGauge.scaleInnerExtent = 0.075;
-    this.linearGauge.scaleOuterExtent = 0.85;
-    this.linearGauge.scaleStartExtent = 0.05;
-    this.linearGauge.scaleEndExtent = 0.95;
-
-    // setting appearance of backing fill and outline
-    this.linearGauge.backingBrush = '#ffffff';
-    this.linearGauge.backingOutline = '#d1d1d1';
-    this.linearGauge.backingStrokeThickness = 0;
-  }
-}

package/igx-ts/list/default/files/src/app/__path__/__filePrefix__.component.html

@@ -1,32 +0,0 @@
-<p>igx-list component with filtering.</p>
-<p>You can read more about configuring the igx-list component in the
-  <a href="https://github.com/IgniteUI/igniteui-angular/blob/master/projects/igniteui-angular/src/lib/list/README.md"
-    target="_blank">README</a> or the
-  <a href="https://www.infragistics.com/products/ignite-ui-angular/angular/components/list" target="_blank">official
-    documentation</a>.
-</p>
-<igx-input-group type="search" class="search">
-  <igx-prefix>
-    <igx-icon>search</igx-icon>
-  </igx-prefix>
-  <input #search igxInput placeholder="Search Contacts" [(ngModel)]="searchContact">
-  <igx-suffix *ngIf="search.value.length > 0" (click)="searchContact = ''">
-    <igx-icon>clear</igx-icon>
-  </igx-suffix>
-</igx-input-group>
-<igx-list>
-  <igx-list-item [isHeader]="true"> Contacts </igx-list-item>
-  <igx-list-item #item *ngFor="let contact of contacts | igxFilter: filterContacts;">
-    <div class="item-container">
-      <div class="contact">
-        <igx-avatar [src]="contact.photo" [shape]="'square'"></igx-avatar>
-        <div class="contact__info">
-          <span class="name">{{ contact.name }}</span>
-          <span class="phone">{{ contact.phone }}</span>
-        </div>
-      </div>
-      <igx-icon class="icon" [ngClass]="{ 'icon--favorite': contact.isFavorite }" (click)="toggleFavorite(item)">star
-      </igx-icon>
-    </div>
-  </igx-list-item>
-</igx-list>

package/igx-ts/list/default/files/src/app/__path__/__filePrefix__.component.scss

@@ -1,42 +0,0 @@
-igx-icon {
-  cursor: pointer;
-  user-select: none;
-}
-
-.search {
-  margin-bottom: 8px;
-}
-
-.item-container {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-.icon {
-  color: lightgray;
-}
-
-.icon.icon--favorite {
-  color: orange;
-}
-
-.contact {
-  display: flex;
-  flex: 1 0 240px;
-  align-items: center;
-}
-
-.contact__info {
-  display: flex;
-  flex-flow: column nowrap;
-  margin-left: 24px;
-}
-
-.name {
-  font-weight: 600;
-}
-
-.phone {
-  font-size: 0.875em;
-}

package/igx-ts/list/default/files/src/app/__path__/__filePrefix__.component.spec.ts

@@ -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();
-  });
-});

package/igx-ts/list/default/files/src/app/__path__/__filePrefix__.component.ts

@@ -1,93 +0,0 @@
-import { Component } from '@angular/core';
-import {
-  IgxFilterOptions,
-  IgxListItemComponent,
-  IgxInputGroupComponent,
-  IgxPrefixDirective,
-  IgxIconComponent,
-  IgxInputDirective,
-  IgxSuffixDirective,
-  IgxListComponent,
-  IgxAvatarComponent,
-  IgxFilterPipe,
-} from '<%=igxPackage%>';
-import { NgIf, NgFor, NgClass } from '@angular/common';
-import { ReactiveFormsModule, FormsModule } from '@angular/forms';
-
-interface Contact {
-  isFavorite: boolean;
-  name: string;
-  phone: string;
-  photo: string;
-}
-
-@Component({
-  selector: 'app-<%=filePrefix%>',
-  templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true,
-  imports: [
-    IgxFilterPipe,
-    IgxListItemComponent,
-    IgxInputGroupComponent,
-    IgxPrefixDirective,
-    IgxIconComponent,
-    IgxInputDirective,
-    IgxSuffixDirective,
-    IgxListComponent,
-    IgxAvatarComponent,
-    NgIf,
-    NgFor,
-    NgClass,
-    ReactiveFormsModule,
-    FormsModule
-  ]
-})
-export class <%=ClassName%>Component {
-  public title = '<%=name%>';
-  public searchContact = '';
-  public contacts: Contact[] = [
-    {
-      isFavorite: false,
-      name: 'Terrance Orta',
-      phone: '770-504-2217',
-      photo: 'https://randomuser.me/api/portraits/men/27.jpg'
-    },
-    {
-      isFavorite: true,
-      name: 'Richard Mahoney',
-      phone: '423-676-2869',
-      photo: 'https://randomuser.me/api/portraits/men/1.jpg'
-    },
-    {
-      isFavorite: false,
-      name: 'Donna Price',
-      phone: '859-496-2817',
-      photo: 'https://randomuser.me/api/portraits/women/50.jpg'
-    },
-    {
-      isFavorite: false,
-      name: 'Lisa Landers',
-      phone: '901-747-3428',
-      photo: 'https://randomuser.me/api/portraits/women/3.jpg'
-    },
-    {
-      isFavorite: true,
-      name: 'Dorothy H. Spencer',
-      phone: '573-394-9254',
-      photo: 'https://randomuser.me/api/portraits/women/67.jpg'
-    }
-  ];
-
-  public get filterContacts(): IgxFilterOptions {
-    const fo = new IgxFilterOptions();
-    fo.key = 'name';
-    fo.inputValue = this.searchContact;
-    return fo;
-  }
-
-  public toggleFavorite(item: IgxListItemComponent): void {
-    const contact = this.contacts[item.index - 1];
-    contact.isFavorite = !contact.isFavorite;
-  }
-}

package/igx-ts/map/default/files/src/app/__path__/__filePrefix__.component.html

@@ -1,11 +0,0 @@
-<div class="info">
-  <p>You can read more about configuring the map component in the
-    <a href="https://www.infragistics.com/products/ignite-ui-angular/angular/components/geo-map" target="_blank">official documentation page
-    </a>.
-  </p>
-</div>
-<igx-geographic-map #map
-  width="100%"
-  height="calc(100% - 60px)"
-  [zoomable]="true" >
-</igx-geographic-map>

package/igx-ts/map/default/files/src/app/__path__/__filePrefix__.component.scss

@@ -1,7 +0,0 @@
-:host {
-  flex: 1 1 auto;
-}
-.info {
-  margin: auto;
-  width: 50%;
-}

package/igx-ts/map/default/files/src/app/__path__/__filePrefix__.component.spec.ts

@@ -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();
-  });
-});

package/igx-ts/map/default/files/src/app/__path__/__filePrefix__.component.ts

@@ -1,19 +0,0 @@
-import { AfterViewInit, Component, ViewChild } from '@angular/core';
-import { IgxGeographicMapComponent, IgxGeographicMapCoreModule } from 'igniteui-angular-maps';
-
-@Component({
-  selector: 'app-<%=filePrefix%>',
-  templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true,
-  imports: [IgxGeographicMapCoreModule]
-})
-export class <%=ClassName%>Component implements AfterViewInit {
-
-  @ViewChild('map', {static: true})
-  public map!: IgxGeographicMapComponent;
-
-  public ngAfterViewInit(): void {
-    this.map.windowRect = { left: 0.2, top: 0.1, width: 0.7, height: 0.7 };
-  }
-}

package/igx-ts/pivot-grid/default/files/src/app/__path__/__filePrefix__.component.html

@@ -1,7 +0,0 @@
-<p>Basic pivot grid.</p>
-<p>You can read more about configuring the igx-pivot-grid component in the
-  <a href="https://www.infragistics.com/products/ignite-ui-angular/angular/components/pivotGrid/pivot-grid"
-    target="_blank">official documentation</a>.
-</p>
-<igx-pivot-grid #grid1 [data]="data" [pivotConfiguration]="pivotConfigHierarchy" height="500px">
-</igx-pivot-grid>

package/igx-ts/pivot-grid/default/files/src/app/__path__/__filePrefix__.component.scss

@@ -1,3 +0,0 @@
-:host {
-  width: 100%;
-}

package/igx-ts/pivot-grid/default/files/src/app/__path__/__filePrefix__.component.spec.ts

@@ -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();
-  });
-});

package/igx-ts/pivot-grid/default/files/src/app/__path__/__filePrefix__.component.ts

@@ -1,46 +0,0 @@
-import { Component } from '@angular/core';
-import { DATA } from './data';
-import { IPivotConfiguration, IgxPivotNumericAggregate, IgxPivotGridComponent } from '<%=igxPackage%>';
-
-@Component({
-  selector: 'app-<%=filePrefix%>',
-  templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
-  standalone: true,
-  imports: [IgxPivotGridComponent]
-})
-export class <%=ClassName%>Component {
-  public data = DATA;
-  public pivotConfigHierarchy: IPivotConfiguration = {
-      columns: [
-          {
-
-              memberName: 'Product',
-              memberFunction: (data) => data.Product.Name,
-              enabled: true
-          }
-
-      ],
-      rows: [
-          {
-              memberName: 'Seller',
-              memberFunction: (data) => data.Seller.Name,
-              enabled: true
-          }
-      ],
-      values: [
-          {
-              member: 'NumberOfUnits',
-              aggregate: {
-                  aggregator: IgxPivotNumericAggregate.sum,
-                  key: 'sum',
-                  label: 'Sum'
-              },
-              enabled: true
-
-          }
-      ],
-      filters: null
-  };
-}
-

package/igx-ts/projects/_base/files/src/app/app.component.html

@@ -1,3 +0,0 @@
-<div class="outer-wrapper">
-  <router-outlet></router-outlet>
-</div>

package/igx-ts/projects/_base/files/src/app/app.component.scss

@@ -1,5 +0,0 @@
-.outer-wrapper {
-  display: flex;
-  justify-content: center;
-  height: 100%;
-}

package/igx-ts/projects/_base/files/src/app/app.component.spec.ts

@@ -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<AppComponent>;
-
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      imports: [ AppComponent, RouterModule.forRoot([]) ]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(AppComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  }));
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/igx-ts/projects/_base/files/src/app/app.component.ts

@@ -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';
-}

package/igx-ts/projects/_base/files/src/app/error-routing/error/global-error-handler.service.ts

@@ -1,23 +0,0 @@
-import { ErrorHandler, Injectable, Injector, NgZone } from '@angular/core';
-import { Router } from '@angular/router';
-
-@Injectable()
-export class GlobalErrorHandlerService implements ErrorHandler {
-
-  constructor(private injector: Injector, private zone: NgZone) { }
-
-  handleError(error: any) {
-    // handle and/or log error, for example:
-    console.error(error);
-
-    // show error page
-    const router = this.injector.get(Router);
-    if (router) {
-      this.zone.run(() => {
-        router
-          .navigate(['error'])
-          .catch((err: any) => console.error(err));
-      });
-    }
-  }
-}

package/igx-ts/projects/_base/files/src/app/error-routing/error/uncaught-error.component.ts

@@ -1,7 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  standalone: true,
-  template: '<h2>Error 500: Internal Server Error</h2>',
-})
-export class UncaughtErrorComponent  { }