igniteui-cli 14.9.2 → 14.10.0-alpha.2

package/templates/angular/ig-ts/hierarchical-grid/hierarchical-grid-export/files/src/app/components/__path__/__filePrefix__.component.ts

@@ -1,99 +0,0 @@
-import { Component } from "@angular/core";
-import { northwind } from "../../assets/northwind";
-import 'file-saver';
-
-declare var $: any;
-
-@Component({
-  selector: "$(filePrefix)",
-  template: `
-    <h1>$(description)</h1>
-    <h2>Data Export Mode</h2>
-    <div>
-      <ig-combo [options]="comboOptions" widgetId="combo" [(ngModel)]="comboOptions.value"></ig-combo>
-      <input type="button" id="exportBtn" value="Export grid" (click)="export($event)" />
-    </div>
-    <ig-hierarchical-grid [options]="gridOptions" widgetId="hierarchical-grid-export"></ig-hierarchical-grid>
-    `,
-  styles: [`
-    .ui-igcombo-wrapper {
-      margin: 1px;
-      height: 30px;
-    }
-
-    #exportBtn {
-      height: 30px;
-      vertical-align: top;
-    }`
-  ]
-})
-export class $(ClassName)Component {
-  public comboOptions: IgCombo;
-  public gridOptions: IgGrid;
-  public data: any[];
-  public export: any;
-  public exportMode: string;
-
-  constructor() {
-    this.exportMode = "allRows";
-    this.comboOptions = {
-      width: "200px",
-      height: "30px",
-      mode: "dropdown",
-      dataSource: [{ text: "All Rows", value: "allRows" }, { "text": "Expanded Rows", "value": "expandedRows" }],
-      selectionChanged: function (evt, ui) {
-        this.exportMode = ui.items[0].data.value;
-      }
-    };
-
-    this.data = northwind.results;
-    this.gridOptions = {
-      width: "100%",
-      autoCommit: true,
-      autoGenerateColumns: false,
-      autofitLastColumn: false,
-      dataSource: this.data,
-      responseDataKey: "results",
-      dataSourceType: "json",
-      features: $(gridFeatures),
-      childrenDataProperty: "Orders",
-      autoGenerateLayouts: false,
-      columns: [
-        { headerText: "Employee ID", key: "EmployeeID", dataType: "string", hidden: true },
-        { headerText: "Last Name", key: "LastName", width: "15%", dataType: "string" },
-        { headerText: "Country", key: "Country", width: "15%", dataType: "string" },
-        { headerText: "Age", key: "Age", width: "15%", dataType: "number" },
-        { headerText: "Is Active", key: "IsActive", width: "15%", dataType: "bool", format: "checkbox" },
-        { headerText: "Company", key: "Company", width: "20%", dataType: "string", unbound: true, formula: function () { return "http://infragistics.com/"; } },
-        { headerText: "Register Date", key: "RegistererDate", width: "20%", dataType: "date" }
-      ],
-      columnLayouts: [
-        {
-          key: "Orders",
-          autoCommit: true,
-          autoGenerateColumns: false,
-          autofitLastColumn: false,
-          primaryKey: "OrderID",
-          width: "100%",
-          columns: [
-            { key: "OrderID", headerText: "Order ID", dataType: "number", width: "10%", hidden: true },
-            { key: "Freight", headerText: "Freight", dataType: "string", width: "15%" },
-            { key: "ShipName", headerText: "Ship Name", dataType: "string", width: "20%" },
-            { key: "ShipAddress", headerText: "Ship Address", dataType: "string", width: "25%" },
-            { key: "ShipCity", headerText: "Ship City", dataType: "string", width: "20%" },
-            { key: "ShipCountry", headerText: "Ship Country", dataType: "string", width: "20%" }
-          ],
-        }
-      ]
-    };
-
-    this.export = () => {
-      $.ig.GridExcelExporter.exportGrid($("#hierarchical-grid-export"), {
-        fileName: "igGrid",
-        worksheetName: "Page1",
-        gridStyling: "none",
-        dataExportMode: this.exportMode
-      });
-    };
-  }
-}

package/templates/angular/ig-ts/hierarchical-grid/hierarchical-grid-export/files/src/app/components/__path__/__filePrefix__.spec.ts

@@ -1,30 +0,0 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-
-import { $(ClassName)Component } from './$(filePrefix).component';
-import { IgniteUIModule } from 'igniteui-angular-wrappers';
-import { FormsModule } from '@angular/forms';
-
-declare var $: any;
-
-describe('$(ClassName)Component', () => {
-  let component: $(ClassName)Component;
-  let fixture: ComponentFixture<$(ClassName)Component>;
-
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [$(ClassName)Component],
-      imports: [IgniteUIModule, FormsModule]
-    })
-      .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent($(ClassName)Component);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/templates/angular/ig-ts/hierarchical-grid/hierarchical-grid-export/index.d.ts

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

package/templates/angular/ig-ts/hierarchical-grid/hierarchical-grid-export/index.js

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const GridHelper_1 = require("../../../../../lib/project-utility/GridHelper");
-const AngularTemplate_1 = require("../../../../../lib/templates/AngularTemplate");
-class HierarchicalGridExportTemplate extends AngularTemplate_1.AngularTemplate {
-    constructor() {
-        super(__dirname);
-        this.userExtraConfiguration = {};
-        this.id = "hierarchical-grid-export";
-        this.name = "Export Hierarchical Grid";
-        this.widget = "igHierarchicalGrid";
-        this.controlGroup = "Data Grids";
-        this.description = "igHierarchicalGrid export template for Angular";
-        this.dependencies = ["igHierarchicalGrid", "igExcel", "igGridExcelExporter"];
-        this.projectType = "ig-ts";
-        this.extraConfigurations = [];
-        this.hasExtraConfiguration = true;
-        this.listInComponentTemplates = true;
-        this.packages = ["file-saver@^2.0.5"];
-        this.gridHelper = new GridHelper_1.GridHelper();
-        this.gridHelper.hierarchical = true;
-        const featureConfiguration = {
-            choices: ["Summaries", "Hiding"],
-            default: "",
-            key: "features",
-            message: "Select features for the igHierarchicalGrid",
-            type: 1 /* ControlExtraConfigType.MultiChoice */
-        };
-        this.extraConfigurations.push(featureConfiguration);
-    }
-    setExtraConfiguration(extraConfigKeys) {
-        this.userExtraConfiguration = extraConfigKeys;
-    }
-    generateConfig(name, ...options) {
-        const features = this.gridHelper.generateFeatures(this.userExtraConfiguration["features"], 3);
-        const config = { gridFeatures: features };
-        return super.generateConfig(name, { extraConfig: config });
-    }
-    getExtraConfiguration() {
-        return this.extraConfigurations;
-    }
-}
-module.exports = new HierarchicalGridExportTemplate();

package/templates/angular/ig-ts/hierarchical-grid/index.d.ts

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

package/templates/angular/ig-ts/hierarchical-grid/index.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const cli_core_1 = require("@igniteui/cli-core");
-class HierarchicalGridComponent extends cli_core_1.BaseComponent {
-    constructor() {
-        super(__dirname);
-        this.name = "Hierarchical Grid";
-        this.group = "Data Grids";
-        this.description = "pick from hierarchical grids: basic, custom, editing, export.";
-    }
-}
-module.exports = new HierarchicalGridComponent();

package/templates/angular/ig-ts/index.d.ts

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

package/templates/angular/ig-ts/index.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const cli_core_1 = require("@igniteui/cli-core");
-class AngularFramework extends cli_core_1.BaseProjectLibrary {
-    constructor() {
-        super(__dirname);
-        this.name = "Ignite UI Angular Wrappers";
-        this.projectType = "ig-ts";
-        this.themes = ["infragistics"];
-        const groups = require("../../jquery/js/groups.json");
-        // tslint:disable-next-line:forin
-        for (const key in groups) {
-            this.groupDescriptions.set(key, groups[key]);
-        }
-    }
-}
-module.exports = new AngularFramework();

package/templates/angular/ig-ts/line-chart/default/files/src/app/assets/line-chart-data.ts

@@ -1,9 +0,0 @@
-const data: any = [
-  { "CountryName": "China", "Pop1995": 1216, "Pop2005": 1297, "Pop2015": 1361, "Pop2025": 1394 },
-  { "CountryName": "India", "Pop1995": 920, "Pop2005": 1090, "Pop2015": 1251, "Pop2025": 1396 },
-  { "CountryName": "United States", "Pop1995": 266, "Pop2005": 295, "Pop2015": 322, "Pop2025": 351 },
-  { "CountryName": "Indonesia", "Pop1995": 197, "Pop2005": 229, "Pop2015": 256, "Pop2025": 277 },
-  { "CountryName": "Brazil", "Pop1995": 161, "Pop2005": 186, "Pop2015": 204, "Pop2025": 218 }
-];
-
-export { data };

package/templates/angular/ig-ts/line-chart/default/files/src/app/components/__path__/__filePrefix__.component.ts

@@ -1,109 +0,0 @@
-import { Component } from "@angular/core";
-import { data } from "../../assets/line-chart-data";
-
-@Component({
-  selector: "$(filePrefix)",
-  template: `
-  <h1>$(description)</h1>
-  <div class="selectionOptions" (change)="selectionChanged($event)" >
-    Series type:
-    <select id="seriesType">
-      <option value="line" selected="selected">Line</option>
-      <option value="stepLine">Step Line</option>
-      <option value="spline">Spline</option>
-      <option value="splineArea">Spline Area</option>
-    </select>
-    <br>
-    <br>
-  </div>
-  <div style="float: left">
-    <ig-data-chart [options]="options" widgetId="lineChart"></ig-data-chart>
-  </div>
-  <div id="lineLegend" style="float: left"></div>`
-})
-export class $(ClassName)Component {
-  public options: IgDataChart;
-  public data: any[];
-
-  constructor() {
-    this.data = data;
-    this.options = {
-      width: "500px",
-      height: "400px",
-      legend: { element: "lineLegend" },
-      title: "Population per Country",
-      subtitle: "A comparison of population in 1995 and 2005",
-      dataSource: this.data,
-      axes: [{
-        name: "NameAxis",
-        type: "categoryX",
-        label: "CountryName"
-      },
-      {
-        name: "PopulationAxis",
-        type: "numericY",
-        minimumValue: 0,
-        title: "Millions of People"
-      }
-      ],
-      series: [
-        {
-          name: "2005Population",
-          type: "line",
-          title: "2005",
-          xAxis: "NameAxis",
-          yAxis: "PopulationAxis",
-          valueMemberPath: "Pop2005",
-          isTransitionInEnabled: true,
-          isHighlightingEnabled: true,
-          thickness: 5
-        },
-        {
-          name: "1995Population",
-          type: "line",
-          title: "1995",
-          xAxis: "NameAxis",
-          yAxis: "PopulationAxis",
-          valueMemberPath: "Pop1995",
-          isTransitionInEnabled: true,
-          isHighlightingEnabled: true,
-          thickness: 5
-        }]
-    };
-  }
-
-  updateChart(curSelection: any){
-    //Series require the whole object
-    this.options = Object.assign({}, this.options, {
-      series: [
-        {
-          name: "2005Population",
-          type: curSelection,
-          title: "2005",
-          xAxis: "NameAxis",
-          yAxis: "PopulationAxis",
-          valueMemberPath: "Pop2005",
-          isTransitionInEnabled: true,
-          isHighlightingEnabled: true,
-          thickness: 5
-        },
-        {
-          name: "1995Population",
-          type: curSelection,
-          title: "1995",
-          xAxis: "NameAxis",
-          yAxis: "PopulationAxis",
-          valueMemberPath: "Pop1995",
-          isTransitionInEnabled: true,
-          isHighlightingEnabled: true,
-          thickness: 5
-        }
-      ]
-    });
-  }
-
-  selectionChanged(event: Event){
-    //pass currently selected Option from the Select element
-    this.updateChart((<HTMLSelectElement>event.target).value);
-  }
-}

package/templates/angular/ig-ts/line-chart/default/files/src/app/components/__path__/__filePrefix__.spec.ts

@@ -1,29 +0,0 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-
-import { $(ClassName)Component } from './$(filePrefix).component';
-import { IgniteUIModule } from 'igniteui-angular-wrappers';
-
-declare var $: any;
-
-describe('$(ClassName)Component', () => {
-  let component: $(ClassName)Component;
-  let fixture: ComponentFixture<$(ClassName)Component>;
-
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [$(ClassName)Component],
-      imports: [IgniteUIModule]
-    })
-      .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent($(ClassName)Component);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/templates/angular/ig-ts/line-chart/default/index.d.ts

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

package/templates/angular/ig-ts/line-chart/default/index.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const AngularTemplate_1 = require("../../../../../lib/templates/AngularTemplate");
-class LineChartTemplate extends AngularTemplate_1.AngularTemplate {
-    constructor() {
-        super(__dirname);
-        this.components = ["Line Chart"];
-        this.controlGroup = "Charts";
-        this.listInComponentTemplates = true;
-        this.id = "line-chart";
-        this.projectType = "ig-ts";
-        this.name = "Line Chart";
-        this.description = "igDataChart line series template";
-        this.dependencies = ["igDataChart"];
-    }
-}
-module.exports = new LineChartTemplate();

package/templates/angular/ig-ts/line-chart/index.d.ts

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

package/templates/angular/ig-ts/line-chart/index.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const cli_core_1 = require("@igniteui/cli-core");
-class LineChartComponent extends cli_core_1.BaseComponent {
-    /**
-     *
-     */
-    constructor() {
-        super(__dirname);
-        this.name = "Line Chart";
-        this.group = "Charts";
-        this.description = "visualizes categorized data with a line with sharp edges on data points.";
-    }
-}
-module.exports = new LineChartComponent();

package/templates/angular/ig-ts/pie-chart/default/files/src/app/assets/data.ts

@@ -1,9 +0,0 @@
-const population = [
-  { "CountryName": "China", "Pop1990": 1141, "Pop2008": 1333, "Pop2025": 1458 },
-  { "CountryName": "India", "Pop1990": 849, "Pop2008": 1140, "Pop2025": 1398 },
-  { "CountryName": "United States", "Pop1990": 250, "Pop2008": 304, "Pop2025": 352 },
-  { "CountryName": "Indonesia", "Pop1990": 178, "Pop2008": 228, "Pop2025": 273 },
-  { "CountryName": "Brazil", "Pop1990": 150, "Pop2008": 192, "Pop2025": 223 }
-];
-
-export { population };

package/templates/angular/ig-ts/pie-chart/default/files/src/app/components/__path__/__filePrefix__.component.ts

@@ -1,28 +0,0 @@
-import { Component } from "@angular/core";
-import { population } from "../../assets/data";
-
-@Component({
-  selector: "$(filePrefix)",
-  template: `
-    <h1>$(description)</h1>
-    <div style="float: left">
-      <ig-pie-chart [options]="options" widgetId="pieChart"></ig-pie-chart>
-    </div>
-  `
-})
-export class $(ClassName)Component {
-  public options: IgPieChart;
-  public data: any[];
-
-  constructor() {
-    this.data = population;
-    this.options = {
-      width: "435px",
-      height: "435px",
-      dataSource: this.data,
-      dataValue: "Pop2008",
-      dataLabel: "CountryName",
-      labelsPosition: "bestFit"
-    };
-  }
-}

package/templates/angular/ig-ts/pie-chart/default/files/src/app/components/__path__/__filePrefix__.spec.ts

@@ -1,29 +0,0 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-
-import { $(ClassName)Component } from './$(filePrefix).component';
-import { IgniteUIModule } from 'igniteui-angular-wrappers';
-
-declare var $: any;
-
-describe('$(ClassName)Component', () => {
-  let component: $(ClassName)Component;
-  let fixture: ComponentFixture<$(ClassName)Component>;
-
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [$(ClassName)Component],
-      imports: [IgniteUIModule]
-    })
-      .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent($(ClassName)Component);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/templates/angular/ig-ts/pie-chart/default/index.d.ts

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

package/templates/angular/ig-ts/pie-chart/default/index.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const AngularTemplate_1 = require("../../../../../lib/templates/AngularTemplate");
-class PieChartTemplate extends AngularTemplate_1.AngularTemplate {
-    constructor() {
-        super(__dirname);
-        this.components = ["Pie Chart"];
-        this.controlGroup = "Charts";
-        this.listInComponentTemplates = true;
-        this.id = "pie-chart";
-        this.projectType = "ig-ts";
-        this.name = "Pie Chart";
-        this.description = "igPieChart template for Angular";
-        this.dependencies = ["igPieChart"];
-    }
-}
-module.exports = new PieChartTemplate();

package/templates/angular/ig-ts/pie-chart/index.d.ts

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

package/templates/angular/ig-ts/pie-chart/index.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const cli_core_1 = require("@igniteui/cli-core");
-class PieChartComponent extends cli_core_1.BaseComponent {
-    /**
-     *
-     */
-    constructor() {
-        super(__dirname);
-        this.name = "Pie Chart";
-        this.group = "Charts";
-        this.description = "igPieChart illustrate proportion.";
-    }
-}
-module.exports = new PieChartComponent();

package/templates/angular/ig-ts/projects/empty/files/README.md

@@ -1,39 +0,0 @@
-# $(name)
-
-This project was generated with [IgniteUI CLI](https://github.com/IgniteUI/igniteui-cli) version $(cliVersion).
-
-## Development server
-
-Run `ig start` to build the application, start a web server and open the application in the default browser. Then navigate to `http://localhost:3001/`. Default serving port can be configured in `ignite-ui-cli.json` via `defaultPort` property.
-
-## Build
-
-Run `ig build` to build the application into an output directory.
-
-## Step by step mode
-
-If you want to get a guided experience through the available options, you can initialize the step by step mode that will help you to create and setup your new application, as well as update project previously created with the Ignite UI CLI. To start the guide, simply run the `ig` command.
-
-## List templates
-
-The `ig list` lists all available templates. When you run the command within a project folder it will list all available templates, even if you have provided different ones.
-
-## Adding components
-
-Add a new component or template to the project passing component ID and choosing a name.
-
-`ig add <component/template> <component_name>`
-
-The ID matches either a component ("grid", "combo", etc) or a predefined template. Predefined templates can provide either multiple components or fulfilling a specific use case like "form-validation", "master-detail" and so on.
-
-## Running unit tests
-
-Run `ig test` to execute the unit tests via [Karma](https://karma-runner.github.io) and [Jasmine](https://jasmine.github.io/) test setup. Runs all `.spec.ts` files under `./src` folder.
-
-## Help
-
-`ig help` lists the available commands and provides a brief description of what they do.
-
-### Further help
-
-To get more help on the IgniteUI CLI go check out the [IgniteUI CLI Wiki](https://github.com/IgniteUI/igniteui-cli/wiki).

package/templates/angular/ig-ts/projects/empty/files/__dot__browserslistrc

@@ -1,17 +0,0 @@
-# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
-# For additional information regarding the format and rule options, please see:
-# https://github.com/browserslist/browserslist#queries
-
-# For the full list of supported browsers by the Angular framework, please see:
-# https://angular.io/guide/browser-support
-
-# You can see what browsers were selected by your queries by running:
-#   npx browserslist
-
-last 1 Chrome version
-last 1 Firefox version
-last 2 Edge major versions
-last 2 Safari major versions
-last 2 iOS major versions
-Firefox ESR
-

package/templates/angular/ig-ts/projects/empty/files/__dot__editorconfig

@@ -1,16 +0,0 @@
-# Editor configuration, see https://editorconfig.org
-root = true
-
-[*]
-charset = utf-8
-indent_style = space
-indent_size = 2
-insert_final_newline = true
-trim_trailing_whitespace = true
-
-[*.ts]
-quote_type = single
-
-[*.md]
-max_line_length = off
-trim_trailing_whitespace = false

package/templates/angular/ig-ts/projects/empty/files/__dot__gitignore

@@ -1,51 +0,0 @@
-# See http://help.github.com/ignore-files/ for more about ignoring files.
-
-# compiled output
-/dist
-/tmp
-/out-tsc
-# Only exists if Bazel was run
-/bazel-out
-
-# dependencies
-/node_modules
-
-# profiling files
-chrome-profiler-events*.json
-
-# IDEs and editors
-/.idea
-.project
-.classpath
-.c9/
-*.launch
-.settings/
-*.sublime-workspace
-
-# IDE - VSCode
-.vscode/*
-!.vscode/settings.json
-!.vscode/tasks.json
-!.vscode/launch.json
-!.vscode/extensions.json
-.history/*
-
-# misc
-/.angular/cache
-/.sass-cache
-/connect.lock
-/coverage
-/libpeerconnection.log
-npm-debug.log
-yarn-error.log
-testem.log
-/typings
-
-# e2e
-/e2e/*.js
-/e2e/*.map
-
-# System Files
-.DS_Store
-Thumbs.db
-