@igniteui/angular-templates 17.0.1302 → 17.0.1310-beta.2

package/igx-ts-legacy/grid/grid-summaries/index.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const IgniteUIForAngularTemplate_1 = require("../../../IgniteUIForAngularTemplate");
+class IgxGridTemplate extends IgniteUIForAngularTemplate_1.IgniteUIForAngularTemplate {
+    constructor() {
+        super(__dirname);
+        this.components = ["Grid"];
+        this.controlGroup = "Grids & Lists";
+        this.listInComponentTemplates = true;
+        this.id = "grid-summaries";
+        this.projectType = "igx-ts";
+        this.name = "Grid Summaries";
+        this.description = "Sample IgxGrid with summaries feature";
+        this.dependencies = [
+            { import: "IgxGridModule", from: "<%=igxPackage%>" },
+            { import: "IgxIconModule", from: "<%=igxPackage%>" }
+        ];
+    }
+}
+module.exports = new IgxGridTemplate();

package/igx-ts-legacy/grid/index.d.ts

@@ -0,0 +1 @@
+export {};

package/igx-ts-legacy/grid/index.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const cli_core_1 = require("@igniteui/cli-core");
+class IgxGridComponent extends cli_core_1.BaseComponent {
+    constructor() {
+        super(__dirname);
+        this.name = "Grid";
+        this.group = "Grids & Lists";
+        this.description = "pick from grids: basic or custom";
+        this.groupPriority = 10;
+    }
+}
+module.exports = new IgxGridComponent();

package/igx-ts-legacy/grid/multi-column-headers/files/src/app/__path__/__filePrefix__.component.html

@@ -0,0 +1,30 @@
+<p><%=description%></p>
+<p>You can read more about configuring the igx-grid component in the
+  <a href="https://github.com/IgniteUI/igniteui-angular/blob/master/projects/igniteui-angular/src/lib/grids/README.md" target="_blank">README</a> or the
+  <a href="https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/multi-column-headers" target="_blank">official documentation</a>.
+</p>
+
+<p>Active features: <%=selectedFeatures%></p>
+<igx-grid #grid1 [data]="localData" width="960px" height="550px" <%=gridFeatures%> >
+  <igx-column <%=columnFeatures%> field="ID"></igx-column>
+  <igx-column-group <%=columnFeatures%> header="General Information">
+    <igx-column <%=columnFeatures%> field="CompanyName"></igx-column>
+    <igx-column-group <%=columnFeatures%> header="Person Details">
+      <igx-column <%=columnFeatures%> field="ContactName"></igx-column>
+      <igx-column <%=columnFeatures%> field="ContactTitle"></igx-column>
+    </igx-column-group>
+  </igx-column-group>
+  <igx-column-group header="Address Information">
+    <igx-column-group <%=columnFeatures%> header="Location">
+      <igx-column <%=columnFeatures%> field="Country"></igx-column>
+      <igx-column <%=columnFeatures%> field="Region"></igx-column>
+      <igx-column <%=columnFeatures%> field="City"></igx-column>
+      <igx-column <%=columnFeatures%> field="Address"></igx-column>
+    </igx-column-group>
+    <igx-column-group <%=columnFeatures%> header="Contact Information">
+        <igx-column <%=columnFeatures%> field="Phone"></igx-column>
+        <igx-column <%=columnFeatures%> [resizable]="true" field="Fax"></igx-column>
+        <igx-column <%=columnFeatures%> [resizable]="true" field="PostalCode"></igx-column>
+    </igx-column-group>
+  </igx-column-group><%=additionalMarkup%>
+</igx-grid>

package/igx-ts-legacy/grid/multi-column-headers/files/src/app/__path__/__filePrefix__.component.spec.ts

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

package/igx-ts-legacy/grid/multi-column-headers/files/src/app/__path__/__filePrefix__.component.ts

@@ -0,0 +1,16 @@
+import { Component, OnInit } from '@angular/core';
+import { Company, localData } from './localData';
+
+@Component({
+  selector: 'app-<%=filePrefix%>',
+  templateUrl: './<%=filePrefix%>.component.html',
+  styleUrls: ['./<%=filePrefix%>.component.scss']
+})
+export class <%=ClassName%>Component implements OnInit {
+  public localData: Company[] = [];
+  title = '<%=name%>';
+
+  ngOnInit(): void {
+    this.localData = localData;
+  }
+}

package/igx-ts-legacy/grid/multi-column-headers/files/src/app/__path__/localData.ts

@@ -0,0 +1,367 @@
+export interface Company {
+  ID: string;
+  CompanyName: string;
+  ContactName: string;
+  ContactTitle: string;
+  Address: string;
+  City: string;
+  Region: string | null;
+  PostalCode: string;
+  Country: string;
+  Phone: string;
+  Fax: string | null;
+}
+
+export const localData: Company[] = [
+  {
+    ID: 'ALFKI',
+    CompanyName: 'Alfreds Futterkiste',
+    ContactName: 'Maria Anders',
+    ContactTitle: 'Sales Representative',
+    Address: 'Obere Str. 57',
+    City: 'Berlin',
+    Region: null,
+    PostalCode: '12209',
+    Country: 'Germany',
+    Phone: '030-0074321',
+    Fax: '030-0076545'
+  },
+  {
+    ID: 'ANATR',
+    CompanyName: 'Ana Trujillo Emparedados y helados',
+    ContactName: 'Ana Trujillo',
+    ContactTitle: 'Owner',
+    Address: 'Avda. de la Constitución 2222',
+    City: 'México D.F.',
+    Region: null,
+    PostalCode: '05021',
+    Country: 'Mexico',
+    Phone: '(5) 555-4729',
+    Fax: '(5) 555-3745'
+  },
+  {
+    ID: 'ANTON',
+    CompanyName: 'Antonio Moreno Taquería',
+    ContactName: 'Antonio Moreno',
+    ContactTitle: 'Owner',
+    Address: 'Mataderos 2312',
+    City: 'México D.F.',
+    Region: null,
+    PostalCode: '05023',
+    Country: 'Mexico',
+    Phone: '(5) 555-3932',
+    Fax: null
+  },
+  {
+    ID: 'AROUT',
+    CompanyName: 'Around the Horn',
+    ContactName: 'Thomas Hardy',
+    ContactTitle: 'Sales Representative',
+    Address: '120 Hanover Sq.',
+    City: 'London',
+    Region: null,
+    PostalCode: 'WA1 1DP',
+    Country: 'UK',
+    Phone: '(171) 555-7788',
+    Fax: '(171) 555-6750'
+  },
+  {
+    ID: 'BERGS',
+    CompanyName: 'Berglunds snabbköp',
+    ContactName: 'Christina Berglund',
+    ContactTitle: 'Order Administrator',
+    Address: 'Berguvsvägen 8',
+    City: 'Luleå',
+    Region: null,
+    PostalCode: 'S-958 22',
+    Country: 'Sweden',
+    Phone: '0921-12 34 65',
+    Fax: '0921-12 34 67'
+  },
+  {
+    ID: 'BLAUS',
+    CompanyName: 'Blauer See Delikatessen',
+    ContactName: 'Hanna Moos',
+    ContactTitle: 'Sales Representative',
+    Address: 'Forsterstr. 57',
+    City: 'Mannheim',
+    Region: null,
+    PostalCode: '68306',
+    Country: 'Germany',
+    Phone: '0621-08460',
+    Fax: '0621-08924'
+  },
+  {
+    ID: 'BLONP',
+    CompanyName: 'Blondesddsl père et fils',
+    ContactName: 'Frédérique Citeaux',
+    ContactTitle: 'Marketing Manager',
+    Address: '24,place Kléber',
+    City: 'Strasbourg',
+    Region: null,
+    PostalCode: '67000',
+    Country: 'France',
+    Phone: '88.60.15.31',
+    Fax: '88.60.15.32'
+  },
+  {
+    ID: 'BOLID',
+    CompanyName: 'Bólido Comidas preparadas',
+    ContactName: 'Martín Sommer',
+    ContactTitle: 'Owner',
+    Address: 'C/ Araquil,67',
+    City: 'Madrid',
+    Region: null,
+    PostalCode: '28023',
+    Country: 'Spain',
+    Phone: '(91) 555 22 82',
+    Fax: '(91) 555 91 99'
+  },
+  {
+    ID: 'BONAP',
+    CompanyName: 'Bon app\'',
+    ContactName: 'Laurence Lebihan',
+    ContactTitle: 'Owner',
+    Address: '12,rue des Bouchers',
+    City: 'Marseille',
+    Region: null,
+    PostalCode: '13008',
+    Country: 'France',
+    Phone: '91.24.45.40',
+    Fax: '91.24.45.41'
+  },
+  {
+    ID: 'BOTTM',
+    CompanyName: 'Bottom-Dollar Markets',
+    ContactName: 'Elizabeth Lincoln',
+    ContactTitle: 'Accounting Manager',
+    Address: '23 Tsawassen Blvd.',
+    City: 'Tsawassen',
+    Region: 'BC',
+    PostalCode: 'T2F 8M4',
+    Country: 'Canada',
+    Phone: '(604) 555-4729',
+    Fax: '(604) 555-3745'
+  },
+  {
+    ID: 'BSBEV',
+    CompanyName: 'B\'s Beverages',
+    ContactName: 'Victoria Ashworth',
+    ContactTitle: 'Sales Representative',
+    Address: 'Fauntleroy Circus',
+    City: 'London',
+    Region: null,
+    PostalCode: 'EC2 5NT',
+    Country: 'UK',
+    Phone: '(171) 555-1212',
+    Fax: null
+  },
+  {
+    ID: 'CACTU',
+    CompanyName: 'Cactus Comidas para llevar',
+    ContactName: 'Patricio Simpson',
+    ContactTitle: 'Sales Agent',
+    Address: 'Cerrito 333',
+    City: 'Buenos Aires',
+    Region: null,
+    PostalCode: '1010',
+    Country: 'Argentina',
+    Phone: '(1) 135-5555',
+    Fax: '(1) 135-4892'
+  },
+  {
+    ID: 'CENTC',
+    CompanyName: 'Centro comercial Moctezuma',
+    ContactName: 'Francisco Chang',
+    ContactTitle: 'Marketing Manager',
+    Address: 'Sierras de Granada 9993',
+    City: 'México D.F.',
+    Region: null,
+    PostalCode: '05022',
+    Country: 'Mexico',
+    Phone: '(5) 555-3392',
+    Fax: '(5) 555-7293'
+  },
+  {
+    ID: 'CHOPS',
+    CompanyName: 'Chop-suey Chinese',
+    ContactName: 'Yang Wang',
+    ContactTitle: 'Owner',
+    Address: 'Hauptstr. 29',
+    City: 'Bern',
+    Region: null,
+    PostalCode: '3012',
+    Country: 'Switzerland',
+    Phone: '0452-076545',
+    Fax: null
+  },
+  {
+    ID: 'COMMI',
+    CompanyName: 'Comércio Mineiro',
+    ContactName: 'Pedro Afonso',
+    ContactTitle: 'Sales Associate',
+    Address: 'Av. dos Lusíadas,23',
+    City: 'Sao Paulo',
+    Region: 'SP',
+    PostalCode: '05432-043',
+    Country: 'Brazil',
+    Phone: '(11) 555-7647',
+    Fax: null
+  },
+  {
+    ID: 'CONSH',
+    CompanyName: 'Consolidated Holdings',
+    ContactName: 'Elizabeth Brown',
+    ContactTitle: 'Sales Representative',
+    Address: 'Berkeley Gardens 12 Brewery',
+    City: 'London',
+    Region: null,
+    PostalCode: 'WX1 6LT',
+    Country: 'UK',
+    Phone: '(171) 555-2282',
+    Fax: '(171) 555-9199'
+  },
+  {
+    ID: 'DRACD',
+    CompanyName: 'Drachenblut Delikatessen',
+    ContactName: 'Sven Ottlieb',
+    ContactTitle: 'Order Administrator',
+    Address: 'Walserweg 21',
+    City: 'Aachen',
+    Region: null,
+    PostalCode: '52066',
+    Country: 'Germany',
+    Phone: '0241-039123',
+    Fax: '0241-059428'
+  },
+  {
+    ID: 'DUMON',
+    CompanyName: 'Du monde entier',
+    ContactName: 'Janine Labrune',
+    ContactTitle: 'Owner',
+    Address: '67, rue des Cinquante Otages',
+    City: 'Nantes',
+    Region: null,
+    PostalCode: '44000',
+    Country: 'France',
+    Phone: '40.67.88.88',
+    Fax: '40.67.89.89'
+  },
+  {
+    ID: 'EASTC',
+    CompanyName: 'Eastern Connection',
+    ContactName: 'Ann Devon',
+    ContactTitle: 'Sales Agent',
+    Address: '35 King George',
+    City: 'London',
+    Region: null,
+    PostalCode: 'WX3 6FW',
+    Country: 'UK',
+    Phone: '(171) 555-0297',
+    Fax: '(171) 555-3373'
+  },
+  {
+    ID: 'ERNSH',
+    CompanyName: 'Ernst Handel',
+    ContactName: 'Roland Mendel',
+    ContactTitle: 'Sales Manager',
+    Address: 'Kirchgasse 6',
+    City: 'Graz',
+    Region: null,
+    PostalCode: '8010',
+    Country: 'Austria',
+    Phone: '7675-3425',
+    Fax: '7675-3426'
+  },
+  {
+    ID: 'FAMIA',
+    CompanyName: 'Familia Arquibaldo',
+    ContactName: 'Aria Cruz',
+    ContactTitle: 'Marketing Assistant',
+    Address: 'Rua Orós, 92',
+    City: 'Sao Paulo',
+    Region: 'SP',
+    PostalCode: '05442-030',
+    Country: 'Brazil',
+    Phone: '(11) 555-9857',
+    Fax: null
+  },
+  {
+    ID: 'FISSA',
+    CompanyName: 'FISSA Fabrica Inter. Salchichas S.A.',
+    ContactName: 'Diego Roel',
+    ContactTitle: 'Accounting Manager',
+    Address: 'C/ Moralzarzal, 86',
+    City: 'Madrid',
+    Region: null,
+    PostalCode: '28034',
+    Country: 'Spain',
+    Phone: '(91) 555 94 44',
+    Fax: '(91) 555 55 93'
+  },
+  {
+    ID: 'FOLIG',
+    CompanyName: 'Folies gourmandes',
+    ContactName: 'Martine Rancé',
+    ContactTitle: 'Assistant Sales Agent',
+    Address: '184, chaussée de Tournai',
+    City: 'Lille',
+    Region: null,
+    PostalCode: '59000',
+    Country: 'France',
+    Phone: '20.16.10.16',
+    Fax: '20.16.10.17'
+  },
+  {
+    ID: 'FOLKO',
+    CompanyName: 'Folk och fä HB',
+    ContactName: 'Maria Larsson',
+    ContactTitle: 'Owner',
+    Address: 'Åkergatan 24',
+    City: 'Bräcke',
+    Region: null,
+    PostalCode: 'S-844 67',
+    Country: 'Sweden',
+    Phone: '0695-34 67 21',
+    Fax: null
+  },
+  {
+    ID: 'FRANK',
+    CompanyName: 'Frankenversand',
+    ContactName: 'Peter Franken',
+    ContactTitle: 'Marketing Manager',
+    Address: 'Berliner Platz 43',
+    City: 'München',
+    Region: null,
+    PostalCode: '80805',
+    Country: 'Germany',
+    Phone: '089-0877310',
+    Fax: '089-0877451'
+  },
+  {
+    ID: 'FRANR',
+    CompanyName: 'France restauration',
+    ContactName: 'Carine Schmitt',
+    ContactTitle: 'Marketing Manager',
+    Address: '54, rue Royale',
+    City: 'Nantes',
+    Region: null,
+    PostalCode: '44000',
+    Country: 'France',
+    Phone: '40.32.21.21',
+    Fax: '40.32.21.20'
+  },
+  {
+    ID: 'FRANS',
+    CompanyName: 'Franchi S.p.A.',
+    ContactName: 'Paolo Accorti',
+    ContactTitle: 'Sales Representative',
+    Address: 'Via Monte Bianco 34',
+    City: 'Torino',
+    Region: null,
+    PostalCode: '10100',
+    Country: 'Italy',
+    Phone: '011-4988260',
+    Fax: '011-4988261'
+  }
+];

package/igx-ts-legacy/grid/multi-column-headers/index.d.ts

@@ -0,0 +1 @@
+export {};

package/igx-ts-legacy/grid/multi-column-headers/index.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const IgniteUIForAngularTemplate_1 = require("../../../IgniteUIForAngularTemplate");
+class IgxMultiColumnHeadersTemplate extends IgniteUIForAngularTemplate_1.IgniteUIForAngularTemplate {
+    constructor() {
+        super(__dirname);
+        this.userExtraConfiguration = {};
+        this.components = ["Grid"];
+        this.controlGroup = "Grids & Lists";
+        this.listInComponentTemplates = true;
+        this.id = "grid-multi-column-headers";
+        this.projectType = "igx-ts";
+        this.name = "Multi Column Headers";
+        this.description = "IgxGrid with multiple header columns.";
+        this.dependencies = [
+            { import: "IgxGridModule", from: "<%=igxPackage%>" },
+            { import: "IgxCheckboxModule", from: "<%=igxPackage%>" },
+            { import: "FormsModule", from: "@angular/forms" }
+        ];
+        this.hasExtraConfiguration = true;
+    }
+    setExtraConfiguration(extraConfigKeys) {
+        this.userExtraConfiguration = extraConfigKeys;
+    }
+    getExtraConfiguration() {
+        return [{
+                choices: ["Sorting", "Filtering", "Resizing", "Paging", "Column Pinning", "Moving"],
+                default: "",
+                key: "columnFeatures",
+                message: "Choose features for the igx-grid",
+                type: 1 /* MultiChoice */
+            }];
+    }
+    generateConfig(name, ...options) {
+        const columnFeatures = [];
+        const columnBoolFeatures = [];
+        const gridFeatures = [];
+        /** starts with empty string to create a new line on join when something else is added */
+        const additionalElements = [""];
+        let additionalMarkup = "";
+        const checkBoxBind = `[checked]="cell.value" [disabled]="true"`;
+        let selectedFeatures = "";
+        if (this.userExtraConfiguration["columnFeatures"]) {
+            const features = this.userExtraConfiguration["columnFeatures"];
+            for (const feature of this.userExtraConfiguration["columnFeatures"]) {
+                switch (feature) {
+                    case "Sorting":
+                    case "Filtering":
+                    case "Resizing":
+                    case "Moving":
+                        const text = `[${feature.toLowerCase().replace("ing", "able")}]="true"`;
+                        columnFeatures.push(text);
+                        columnBoolFeatures.push(text);
+                        break;
+                    case "Row Selection":
+                        const gridFeatureText = `rowSelection="multiple"`;
+                        gridFeatures.push(gridFeatureText);
+                        break;
+                    case "Paging":
+                        additionalElements.push(`  <igx-paginator></igx-paginator>`);
+                        break;
+                }
+            }
+            selectedFeatures = features.join(", ");
+            additionalMarkup = additionalElements.join("\n");
+        }
+        const extraConfig = {
+            additionalMarkup,
+            checkBoxBind,
+            selectedFeatures,
+            columnBoolFeatures: columnBoolFeatures.join(" "),
+            columnFeatures: columnFeatures.join(" "),
+            gridFeatures: gridFeatures.join(" ")
+        };
+        return super.generateConfig(name, { extraConfig });
+    }
+}
+module.exports = new IgxMultiColumnHeadersTemplate();

package/igx-ts-legacy/groups.json

@@ -0,0 +1,10 @@
+{
+	"Grids & Lists": "display data sets with feature rich Grids, Combo or List.",
+	"Charts": "high-performance data visualization for category and financial data.",
+	"Maps": "display data that contains geographic locations from view models or geo-spatial data.",
+	"Gauges": "scale measure Controls including Linear and Radial Gauge and Bullet Graph.",
+	"Data Entry & Display": "contains Progress Bars, Button, Drop Down, Checkbox, Label & Input, etc.",
+	"Interactions": "includes Dialog Window, Slider, Toggle, Overlay, Ripple, etc.",
+	"Layouts": "content layout building blocks such as Dock Manager, Bottom Navigation and Carousel.",
+	"Scheduling": "date and time controls including Calendar, Date and Time pickers."
+}

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

@@ -0,0 +1,25 @@
+<p>IgxHierarchicalGrid with basic configuration. </p>
+<p>You can read more about configuring the igx-hierarchical-gird component in the 
+  <a href="https://github.com/IgniteUI/igniteui-angular/tree/master/projects/igniteui-angular/src/lib/grids/hierarchical-grid/README.md" target="_blank">README</a> or the 
+  <a href="https://www.infragistics.com/products/ignite-ui-angular/angular/components/hierarchicalgrid/hierarchical-grid" target="_blank">official documentation</a>.</p>
+<igx-hierarchical-grid #hGrid [data]="localData" [autoGenerate]="false" height="600px" width="1000px">
+  <igx-column field="Artist" [editable]="true" dataType="string"></igx-column>
+  <igx-column field="HasGrammyAward" [editable]="true" dataType="boolean">
+  </igx-column>
+  <igx-column field="Debut" [editable]="true" dataType="number"></igx-column>
+  <igx-column field="GrammyNominations" [editable]="true" dataType="number"></igx-column>
+  <igx-column field="GrammyAwards" [editable]="true" dataType="number"></igx-column>
+
+  <igx-row-island key="Albums" [autoGenerate]="false">
+    <igx-column field="Album" [editable]="true" dataType="string"></igx-column>
+    <igx-column field="Launch Date" [editable]="true" dataType="date"></igx-column>
+    <igx-column field="Billboard Review" [editable]="true" dataType="number"></igx-column>
+    <igx-column field="US Billboard 200" [editable]="true" dataType="number"></igx-column>
+    <igx-row-island key="Songs" [autoGenerate]="false">
+      <igx-column field="TrackNumber"></igx-column>
+      <igx-column field="Title"></igx-column>
+      <igx-column field="Released"></igx-column>
+      <igx-column field="Genre"></igx-column>
+    </igx-row-island>
+  </igx-row-island>
+</igx-hierarchical-grid>

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

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

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

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+import { ARTISTS, Artist } from './data';
+
+@Component({
+  selector: 'app-<%=filePrefix%>',
+  templateUrl: './<%=filePrefix%>.component.html',
+  styleUrls: ['./<%=filePrefix%>.component.scss']
+})
+export class <%=ClassName%>Component {
+  public localData: Artist[] = ARTISTS;
+}