igniteui-cli 14.3.3-beta.0 → 14.3.4

package/README.md

@@ -118,7 +118,7 @@ See the [Contribution guide](https://github.com/IgniteUI/igniteui-cli/blob/maste
 2. Install dependencies with `npm install`
 3. Open in Visual Studio Code
     
-    There is a predefined launch.config file for VS Code in the root folder, so you can use VS Code View/Debug window and choose one of the predefined actions. These include launching the step by step guide, quickstart project, create new project for a particular framework or add components.
+    There is a predefined launch.config file for VS Code in the root folder, so you can use VS Code View/Debug window and choose one of the predefined actions. These include launching the step by step guide, create new project for a particular framework or add components.
 
 4. Hit Start Debugging/F5
 

package/lib/cli.js

@@ -41,7 +41,6 @@ function run() {
         yield yargsModule
             .scriptName("") // prevent the addition of the name of the executing script in the usage output
             .usage("") // do not show any usage instructions before the commands list
-            .command(commands_1.quickstart)
             .command(commands_1.newCommand)
             .command(commands_1.add)
             .command(commands_1.build)
@@ -96,10 +95,6 @@ function run() {
             if (helpRequest) {
                 logHelp();
             }
-            if (command === commands_1.QUICKSTART_COMMAND_NAME && !helpRequest) {
-                cli_core_1.Util.log("quickstart Created");
-                return;
-            }
             // since we are providing a custom callback to `yargsModule.parseAsync`, we need to handle the output as well
             // ref - https://yargs.js.org/docs/#api-reference-parseargs-context-parsecallback
             if (output) {

package/lib/commands/add.js

@@ -62,7 +62,7 @@ const command = {
             }
             const config = cli_core_1.ProjectConfig.getConfig();
             if (config.project.isShowcase) {
-                cli_core_1.Util.error("Showcases and quickstart projects don't support the add command", "red");
+                cli_core_1.Util.error("Showcases projects don't support the add command", "red");
                 return;
             }
             const framework = command.templateManager.getFrameworkById(config.project.framework);

package/lib/commands/index.d.ts

@@ -5,7 +5,6 @@ export { default as doc } from "./doc";
 export { default as generate } from "./generate";
 export { default as list } from "./list";
 export { default as newCommand } from "./new";
-export { default as quickstart } from "./quickstart";
 export { default as start } from "./start";
 export { default as test } from "./test";
 export { default as upgrade } from "./upgrade";

package/lib/commands/index.js

@@ -17,7 +17,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.upgrade = exports.test = exports.start = exports.quickstart = exports.newCommand = exports.list = exports.generate = exports.doc = exports.config = exports.build = exports.add = void 0;
+exports.upgrade = exports.test = exports.start = exports.newCommand = exports.list = exports.generate = exports.doc = exports.config = exports.build = exports.add = void 0;
 var add_1 = require("./add");
 Object.defineProperty(exports, "add", { enumerable: true, get: function () { return __importDefault(add_1).default; } });
 var build_1 = require("./build");
@@ -32,8 +32,6 @@ var list_1 = require("./list");
 Object.defineProperty(exports, "list", { enumerable: true, get: function () { return __importDefault(list_1).default; } });
 var new_1 = require("./new");
 Object.defineProperty(exports, "newCommand", { enumerable: true, get: function () { return __importDefault(new_1).default; } });
-var quickstart_1 = require("./quickstart");
-Object.defineProperty(exports, "quickstart", { enumerable: true, get: function () { return __importDefault(quickstart_1).default; } });
 var start_1 = require("./start");
 Object.defineProperty(exports, "start", { enumerable: true, get: function () { return __importDefault(start_1).default; } });
 var test_1 = require("./test");

package/lib/commands/types.d.ts

@@ -3,7 +3,6 @@ import { TemplateManager } from "../TemplateManager";
 import { AddTemplateArgs, Template } from "@igniteui/cli-core";
 export declare const ADD_COMMAND_NAME = "add";
 export declare const NEW_COMMAND_NAME = "new";
-export declare const QUICKSTART_COMMAND_NAME = "quickstart";
 export declare const BUILD_COMMAND_NAME = "build";
 export declare const START_COMMAND_NAME = "start";
 export declare const GENERATE_COMMAND_NAME = "generate";

package/lib/commands/types.js

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ALL_COMMANDS = exports.UPGRADE_COMMAND_NAME = exports.LIST_COMMAND_NAME = exports.TEST_COMMAND_NAME = exports.DOC_COMMAND_NAME = exports.CONFIG_COMMAND_NAME = exports.GENERATE_COMMAND_NAME = exports.START_COMMAND_NAME = exports.BUILD_COMMAND_NAME = exports.QUICKSTART_COMMAND_NAME = exports.NEW_COMMAND_NAME = exports.ADD_COMMAND_NAME = void 0;
+exports.ALL_COMMANDS = exports.UPGRADE_COMMAND_NAME = exports.LIST_COMMAND_NAME = exports.TEST_COMMAND_NAME = exports.DOC_COMMAND_NAME = exports.CONFIG_COMMAND_NAME = exports.GENERATE_COMMAND_NAME = exports.START_COMMAND_NAME = exports.BUILD_COMMAND_NAME = exports.NEW_COMMAND_NAME = exports.ADD_COMMAND_NAME = void 0;
 exports.ADD_COMMAND_NAME = "add";
 exports.NEW_COMMAND_NAME = "new";
-exports.QUICKSTART_COMMAND_NAME = "quickstart";
 exports.BUILD_COMMAND_NAME = "build";
 exports.START_COMMAND_NAME = "start";
 exports.GENERATE_COMMAND_NAME = "generate";
@@ -15,7 +14,6 @@ exports.UPGRADE_COMMAND_NAME = "upgrade-packages";
 exports.ALL_COMMANDS = new Set([
     exports.ADD_COMMAND_NAME,
     exports.NEW_COMMAND_NAME,
-    exports.QUICKSTART_COMMAND_NAME,
     exports.BUILD_COMMAND_NAME,
     exports.START_COMMAND_NAME,
     exports.GENERATE_COMMAND_NAME,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-cli",
-  "version": "14.3.3-beta.0",
+  "version": "14.3.4",
   "description": "CLI tool for creating Ignite UI projects",
   "keywords": [
     "CLI",
@@ -37,7 +37,6 @@
     "templates/**/*.js",
     "templates/**/files/**/*",
     "templates/**/generate/**/*",
-    "templates/quickstart/**/*",
     "templates/**/*.json",
     "migrations/**/*.d.ts",
     "migrations/**/*.js",
@@ -57,7 +56,6 @@
     "exclude": [
       "**/*.d.ts",
       "output/",
-      "templates/quickstart/",
       "templates/**/files/"
     ],
     "reporter": [
@@ -72,8 +70,8 @@
     "all": true
   },
   "dependencies": {
-    "@igniteui/angular-templates": "~19.0.1433-beta.0",
-    "@igniteui/cli-core": "~14.3.3-beta.0",
+    "@igniteui/angular-templates": "~19.0.1434",
+    "@igniteui/cli-core": "~14.3.4",
     "@inquirer/prompts": "^5.4.0",
     "@types/yargs": "^17.0.33",
     "chalk": "^5.3.0",
@@ -94,7 +92,6 @@
     "coveralls-next": "^4.2.1",
     "jasmine": "^5.3.0",
     "jasmine-spec-reporter": "^7.0.0",
-    "lite-server": "^2.6.1",
     "nyc": "^17.0.0",
     "rxjs": "^7.8.1",
     "source-map-support": "^0.5.21",

package/templates/webcomponents/igc-ts/projects/_base/files/__dot__github/workflows/github-pages.yml

@@ -30,9 +30,14 @@ jobs:
         node-version: ${{ matrix.node-version }}
         # cache: 'npm' # enable after committing lock file from first install
     - run: npm i # replace with 'npm ci' after committing lock file from first install
+    - name: Update Router Navigation
+      run: |
+        sed -i "s|Router.go(\`/|Router.go(\`/${{ github.event.repository.name }}/|g" ./src/app/app.ts
+        sed -i "s|Router.go(\`/|Router.go(\`/${{ github.event.repository.name }}/|g" ./src/app/home/home.ts
     - run: npm run build
     - name: Update base href in index.html
-      run: sed -i 's|<base href="[^"]*"|<base href="/${{ github.event.repository.name }}/">|' ./dist/index.html
+      run: |
+        sed -i 's|<base href="[^"]*">|<base href="/${{ github.event.repository.name }}/">|' ./dist/index.html
     - name: Update Resource Paths
       run: find ./dist -maxdepth 1 -type f ! -name 'sw*.js' ! -name 'workbox*.js' -name '*.js' -exec sed -i -e "s|/src/assets|/${{ github.event.repository.name }}/src/assets|g" -e "s|url('/src/assets|url('/${{ github.event.repository.name }}/src/assets|g" {} +
     - name: Copy ig-theme.css to dist

package/lib/commands/quickstart.d.ts

@@ -1,3 +0,0 @@
-import { CommandType } from "./types";
-declare const command: CommandType;
-export default command;

package/lib/commands/quickstart.js

@@ -1,116 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const cli_core_1 = require("@igniteui/cli-core");
-const path = __importStar(require("path"));
-const resolve = __importStar(require("resolve"));
-const command = {
-    command: "quickstart",
-    describe: "creates rich feature grid",
-    builder: (yargs) => {
-        return yargs
-            .option("framework", {
-            alias: "f",
-            default: "jquery",
-            describe: "Framework to setup quickstart for",
-            type: "string",
-            choices: ["jquery", "react", "angular"]
-        })
-            .usage(""); // do not show any usage instructions before the commands list
-    },
-    handler(argv) {
-        return __awaiter(this, void 0, void 0, function* () {
-            cli_core_1.GoogleAnalytics.post({
-                t: "screenview",
-                cd: "Quick Start"
-            });
-            cli_core_1.Util.log("Quick Start!");
-            const framework = argv.framework;
-            let name = "";
-            let type = "";
-            switch (framework) {
-                case "jquery":
-                    name = "jquery-quickstart";
-                    type = "js";
-                    break;
-                case "react":
-                    name = "react-quickstart";
-                    type = "es6";
-                    break;
-                case "angular":
-                    name = "angular-quickstart";
-                    type = "ig-ts";
-                    break;
-                default:
-                    cli_core_1.Util.error("The framework is not supported!", "red");
-                    return;
-            }
-            const outDir = path.join(process.cwd(), name);
-            if (cli_core_1.Util.directoryExists(path.join(__dirname, "../../templates/quickstart", argv.framework))) {
-                yield cli_core_1.Util.processTemplates(path.join(__dirname, "../../templates/quickstart", argv.framework), outDir, {}, {}, false);
-            }
-            //change folder
-            process.chdir(name);
-            cli_core_1.GoogleAnalytics.post({
-                t: "event",
-                ec: "$ig quickstart",
-                ea: `framework: ${argv.framework}`,
-                cd1: framework,
-                cd2: type,
-                cd3: name
-            });
-            if (argv.framework === "react") {
-                cli_core_1.Util.log("react-quickstart loaded");
-                cli_core_1.Util.execSync("npm install");
-                cli_core_1.Util.execSync("npm run webpack");
-                // lite-server installed per project
-                const liteServer = require(resolve.sync("lite-server", { basedir: process.cwd() }));
-                liteServer.server();
-            }
-            if (argv.framework === "angular") {
-                cli_core_1.Util.log("angular-quickstart loaded");
-                cli_core_1.Util.execSync("npm install");
-                cli_core_1.Util.execSync("npm start");
-            }
-            if (argv.framework === "jquery") {
-                cli_core_1.Util.log("jquery-quickstart loaded");
-                cli_core_1.Util.execSync("npm install");
-                // lite-server installed per project
-                const liteServer = require(resolve.sync("lite-server", { basedir: process.cwd() }));
-                liteServer.server();
-            }
-        });
-    }
-};
-exports.default = command;

package/templates/quickstart/angular/.editorconfig

@@ -1,20 +0,0 @@
-# http://editorconfig.org
-root = true
-
-[*]
-charset = utf-8
-indent_style = space
-indent_size = 2
-end_of_line = lf
-insert_final_newline = true
-trim_trailing_whitespace = true
-
-
-[*.md]
-max_line_length = 0
-trim_trailing_whitespace = false
-
-# Indentation override
-#[lib/**.js]
-#[{package.json}]
-#[**/**.js]

package/templates/quickstart/angular/LICENSE

@@ -1,21 +0,0 @@
-The MIT License
-
-Copyright (c) 2014-2016 Google, Inc.
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.

package/templates/quickstart/angular/README.md

@@ -1,44 +0,0 @@
-## Prerequisites
-
-Node.js and npm are essential to Angular development. 
-    
-<a href="https://docs.npmjs.com/getting-started/installing-node" target="_blank" title="Installing Node.js and updating npm">
-Get it now</a> if it's not already installed on your machine.
- 
-**Verify that you are running at least node `v4.x.x` and npm `3.x.x`**
-by running `node -v` and `npm -v` in a terminal/console window.
-Older versions produce errors.
-
-We recommend [nvm](https://github.com/creationix/nvm) for managing multiple versions of node and npm.
-
-## Install npm packages
-
-> See npm and nvm version notes above
-
-Install the npm packages described in the `package.json` and verify that it works:
-
-```bash
-npm install
-npm start
-```
-
-The `npm start` command first compiles the application, 
-then simultaneously re-compiles and runs the `lite-server`.
-Both the compiler and the server watch for file changes.
-
-Shut it down manually with Ctrl-C.
-
-You're ready to write your application.
-
-### npm scripts
-
-We've captured many of the most useful commands in npm scripts defined in the `package.json`:
-
-* `npm start` - runs the compiler and a server at the same time, both in "watch mode".
-* `npm run tsc` - runs the TypeScript compiler once.
-* `npm run tsc:w` - runs the TypeScript compiler in watch mode; the process keeps running, awaiting changes to TypeScript files and re-compiling when it sees them.
-* `npm run lite` - runs the [lite-server](https://www.npmjs.com/package/lite-server), a light-weight, static file server, written and maintained by
-[John Papa](https://github.com/johnpapa) and
-[Christopher Martin](https://github.com/cgmartin)
-with excellent support for Angular apps that use routing.
-

package/templates/quickstart/angular/app/app.component.ts

@@ -1,152 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'my-app',
-    template: `<h1 id="mainheader">My IgniteUI Angular App</h1>
-    <h2>igGrid</h2>
-        <ig-grid
-        widgetId="grid1"
-        [autoCommit]="true"
-        [dataSource]="data"
-        [autoGenerateColumns]="true"
-        >
-    </ig-grid>
-
-    <h2>igEditors</h2>
-    <ig-text-editor value="John"></ig-text-editor>
-    <br/>
-    <ig-date-editor value="{{currDate | date}}"></ig-date-editor>
-     <br/>
-     <ig-mask-editor value="mask edit"></ig-mask-editor>
-     <br/>
-     <ig-currency-editor value="40"></ig-currency-editor>
-     <br/>
-     <ig-numeric-editor value="40"></ig-numeric-editor>
-      <br/>
-     <ig-percent-editor value="40"></ig-percent-editor>
-      <br/>
-     <ig-date-picker value="{{currDate | date}}"></ig-date-picker>
-
-     <h2>igCombo</h2>
-     <ig-combo [dataSource]="data" textKey="Name" valueKey="ProductID" [(ngModel)]="value"></ig-combo >
-
-     <h2>igTree</h2>
-     <ig-tree widgetId="tree1" [dataSource]="treeData" [bindings]="treeBinding"></ig-tree>
-
-     <h2>igDialog</h2>
-     <ig-dialog [(state)]="dialogState" (stateChanged)="stateChanged()"></ig-dialog>
-     <button (click)="btnClicked()">Open Dialog</button>
-
-     <h2>igDataChart</h2>
-     <ig-data-chart [(options)]="chartOptions" widgetId="datachart1"></ig-data-chart>
-    `
-})
-export class AppComponent {
-    private data: any;
-    private currDate: Date;
-    private value: any;
-    private treeData: any;
-    private treeBinding: any;
-    private dialogState: string;
-    private chartOptions: any;
-
-   constructor() {
-        this.data = this.getData();
-        this.currDate = new Date();
-        this.value = 1;
-        this.treeData = this.getTreeData();
-        this.treeBinding = {
-                    textKey: 'RegionName',
-                    valueKey: 'ID',
-                    childDataProperty: 'Countries',
-                    bindings: {
-                        textKey: 'CountryName',
-                        valueKey: 'ID'
-                    }
-        };
-        this.dialogState = 'closed';
-        this.chartOptions = {
-            dataSource: this.getChartData(),
-              axes: [{
-                        name: 'NameAxis',
-                        type: 'categoryX',
-                        title: 'Country',
-                        label: 'CountryName'
-                    },
-                    {
-                        name: 'PopulationAxis',
-                        type: 'numericY',
-                        minimumValue: 0,
-                        title: 'Millions of People',
-                    }],
-                series: [{
-                        name: '2015Population',
-                        type: 'column',
-                        isHighlightingEnabled: true,
-                        isTransitionInEnabled: true,
-                        xAxis: 'NameAxis',
-                        yAxis: 'PopulationAxis',
-                        valueMemberPath: 'Pop2015'
-                    }]
-        };
-   }
-
-    btnClicked() {
-        this.dialogState = 'opened';
-   }
-
-    stateChanged() {
-         this.dialogState = 'closed';
-    }
-
-    getData() {
-        return [
-                    { 'ProductID': 1, 'Name': 'Adjustable Race', 'ProductNumber': 'AR-5381'},
-                    { 'ProductID': 2, 'Name': 'Bearing Ball', 'ProductNumber': 'BA-8327'},
-                    { 'ProductID': 3, 'Name': 'BB Ball Bearing', 'ProductNumber': 'BE-2349'},
-                    { 'ProductID': 4, 'Name': 'Headset Ball Bearings', 'ProductNumber': 'BE-2908'},
-                    { 'ProductID': 5, 'Name': 'Blade', 'ProductNumber': 'BL-2036'},
-                    { 'ProductID': 6, 'Name': 'LL Crankarm', 'ProductNumber': 'CA-5965'},
-                    { 'ProductID': 7, 'Name': 'ML Crankarm', 'ProductNumber': 'CA-6738'},
-                    { 'ProductID': 8, 'Name': 'HL Crankarm', 'ProductNumber': 'CA-7457'},
-                    { 'ProductID': 9, 'Name': 'Chainring Bolts', 'ProductNumber': 'CB-2903'}
-                ];
-    }
-    getTreeData() {
-        return [
-                {
-                    'ID': 1, 'RegionName': 'North America', 'Countries':
-                    [
-                        { 'ID': 1, 'CountryName': 'United States' },
-                        { 'ID': 2, 'CountryName': 'Canada' },
-                        { 'ID': 3, 'CountryName': 'Mexico' }
-                    ]
-                },
-                {
-                    'ID': 2, 'RegionName': 'South America', 'Countries':
-                    [
-                        { 'ID': 4, 'CountryName': 'Brazil' },
-                        { 'ID': 5, 'CountryName': 'Uruguay' }
-                    ]
-                },
-                {
-                    'ID': 3, 'RegionName': 'Europe', 'Countries':
-                    [
-                        { 'ID': 6, 'CountryName': 'United Kingdom' },
-                        { 'ID': 7, 'CountryName': 'Germany' },
-                        { 'ID': 8, 'CountryName': 'Bulgaria' }
-                    ]
-                }
-                ];
-    }
-
-    getChartData() {
-        return [
-                { '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 }
-                ];
-    }
- }

package/templates/quickstart/angular/app/app.module.ts

@@ -1,21 +0,0 @@
-import { NgModule }      from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-import { FormsModule } from '@angular/forms';
-
-import { AppComponent }  from './app.component';
-
-import { IgGridComponent, IgTextEditorComponent, IgDateEditorComponent,
-     IgMaskEditorComponent, IgCurrencyEditorComponent, IgNumericEditorComponent,
-     IgPercentEditorComponent, IgDatePickerComponent, IgComboComponent,
-     IgTreeComponent, IgDialogComponent, IgDataChartComponent
-} from 'igniteui-angular-wrappers';
-
-@NgModule({
-  imports: [ BrowserModule , FormsModule ],
-  declarations: [AppComponent, IgGridComponent, IgTextEditorComponent, IgDateEditorComponent,
-  IgMaskEditorComponent, IgCurrencyEditorComponent, IgNumericEditorComponent,
-  IgPercentEditorComponent, IgDatePickerComponent, IgComboComponent,
-  IgTreeComponent, IgDialogComponent, IgDataChartComponent],
-  bootstrap: [ AppComponent ]
-})
-export class AppModule { }

package/templates/quickstart/angular/app/main.ts

@@ -1,5 +0,0 @@
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-
-import { AppModule } from './app.module';
-
-platformBrowserDynamic().bootstrapModule(AppModule);

package/templates/quickstart/angular/ignite-ui-cli.json

@@ -1,15 +0,0 @@
-{
-  "version": "",
-  "project": {
-    "framework": "angular",
-    "projectType": "",
-    "theme": "infragistics",
-    "themePath": "./node_modules/ignite-ui/src/css/themes/infragistics/infragistics.theme.css",
-    "isBundle": false,
-    "bundleFilePath": "/igniteui/dist/ignite.js",
-    "components": [],
-    "isShowcase": true,
-    "version": ""
-  },
-  "build": {}
-}

package/templates/quickstart/angular/index.html

@@ -1,38 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <title>Angular QuickStart</title>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="styles.css">
-
-    <!-- Ignite UI Required Combined CSS Files -->
-	<link href="https://cdn-na.infragistics.com/igniteui/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet" />
-	<link href="https://cdn-na.infragistics.com/igniteui/latest/css/structure/infragistics.css" rel="stylesheet" />
-
-
-	<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
-	<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" crossorigin="anonymous"></script>
-
-    <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/core-js/client/shim.min.js"></script>
-
-    <script src="node_modules/zone.js/dist/zone.js"></script>
-    <script src="node_modules/systemjs/dist/system.src.js"></script>
-
-    <script src="systemjs.config.js"></script>
-
-    	<!-- Ignite UI Required Combined JavaScript Files -->
-	<script src="https://cdn-na.infragistics.com/igniteui/latest/js/infragistics.core.js"></script>
-	<script src="https://cdn-na.infragistics.com/igniteui/latest/js/infragistics.lob.js"></script>
-    <script src="https://cdn-na.infragistics.com/igniteui/latest/js/infragistics.dv.js"></script>
-
-    <script>
-      System.import('app').catch(function(err){ console.error(err); });
-    </script>
-  </head>
-
-  <body>
-    <my-app>Loading...</my-app>
-  </body>
-</html>

package/templates/quickstart/angular/package.json

@@ -1,46 +0,0 @@
-{
-  "name": "angular-quickstart",
-  "version": "1.0.0",
-  "description": "Ignite UI for jQuery Angular Wrappers quick start",
-  "scripts": {
-    "start": "tsc && concurrently \"tsc -w\" \"lite-server\" ",
-    "lint": "tslint ./app/**/*.ts -t verbose",
-    "lite": "lite-server",
-    "tsc": "tsc",
-    "tsc:w": "tsc -w",
-    "webdriver:update": "webdriver-manager update"
-  },
-  "keywords": [],
-  "author": "",
-  "dependencies": {
-    "@angular/common": "~14.0.0",
-    "@angular/compiler": "~14.0.0",
-    "@angular/core": "~14.0.0",
-    "@angular/forms": "~14.0.0",
-    "@angular/platform-browser": "~14.0.0",
-    "@angular/platform-browser-dynamic": "~14.0.0",
-    "@angular/router": "~14.0.0",
-    "angular-in-memory-web-api": "~0.9.0",
-    "bootstrap": "^3.3.7",
-    "systemjs": "0.19.39",
-    "core-js": "^2.4.1",
-    "rxjs": "~7.5.0",
-    "zone.js": "~0.11.4",
-    "igniteui-angular-wrappers": "~14.0.0"
-  },
-  "devDependencies": {
-    "concurrently": "^3.1.0",
-    "lite-server": "^2.5.4",
-    "typescript": "~5.5.4",
-    "canonical-path": "0.0.2",
-    "http-server": "^0.12.1",
-    "tslint": "~6.1.0",
-    "lodash": "^4.16.2",
-    "webdriver-manager": "10.2.5",
-    "rimraf": "^2.5.4",
-    "@types/core-js": "^0.9.42",
-    "@types/node": "^12.11.1",
-    "@types/selenium-webdriver": "^2.53.32"
-  },
-  "repository": {}
-}

package/templates/quickstart/angular/styles.css

@@ -1,142 +0,0 @@
-/* Master Styles */
-h1 {
-  color: #369; 
-  font-family: Arial, Helvetica, sans-serif;   
-  font-size: 250%;
-}
-h2, h3 { 
-  color: #444;
-  font-family: Arial, Helvetica, sans-serif;   
-  font-weight: lighter;
-}
-body { 
-  margin: 2em; 
-}
-body, input[text], button { 
-  color: #888; 
-  font-family: Cambria, Georgia; 
-}
-a {
-  cursor: pointer;
-  cursor: hand;
-}
-button {
-  font-family: Arial;
-  background-color: #eee;
-  border: none;
-  padding: 5px 10px;
-  border-radius: 4px;
-  cursor: pointer;
-  cursor: hand;
-}
-button:hover {
-  background-color: #cfd8dc;
-}
-button:disabled {
-  background-color: #eee;
-  color: #aaa; 
-  cursor: auto;
-}
-
-/* Navigation link styles */
-nav a {
-  padding: 5px 10px;
-  text-decoration: none;
-  margin-top: 10px;
-  display: inline-block;
-  background-color: #eee;
-  border-radius: 4px;
-}
-nav a:visited, a:link {
-  color: #607D8B;
-}
-nav a:hover {
-  color: #039be5;
-  background-color: #CFD8DC;
-}
-nav a.router-link-active {
-  color: #039be5;
-}
-
-/* items class */
-.items {
-  margin: 0 0 2em 0;
-  list-style-type: none;
-  padding: 0;
-  width: 24em;
-}
-.items li {
-  cursor: pointer;
-  position: relative;
-  left: 0;
-  background-color: #EEE;
-  margin: .5em;
-  padding: .3em 0;
-  height: 1.6em;
-  border-radius: 4px;
-}
-.items li:hover {
-  color: #607D8B;
-  background-color: #DDD;
-  left: .1em;
-}
-.items li.selected:hover {
-  background-color: #BBD8DC;
-  color: white;
-}
-.items .text {
-  position: relative;
-  top: -3px;
-}
-.items {
-  margin: 0 0 2em 0;
-  list-style-type: none;
-  padding: 0;
-  width: 24em;
-}
-.items li {
-  cursor: pointer;
-  position: relative;
-  left: 0;
-  background-color: #EEE;
-  margin: .5em;
-  padding: .3em 0;
-  height: 1.6em;
-  border-radius: 4px;
-}
-.items li:hover {
-  color: #607D8B;
-  background-color: #DDD;
-  left: .1em;
-}
-.items li.selected {
-  background-color: #CFD8DC;
-  color: white;
-}
-
-.items li.selected:hover {
-  background-color: #BBD8DC;
-}
-.items .text {
-  position: relative;
-  top: -3px;
-}
-.items .badge {
-  display: inline-block;
-  font-size: small;
-  color: white;
-  padding: 0.8em 0.7em 0 0.7em;
-  background-color: #607D8B;
-  line-height: 1em;
-  position: relative;
-  left: -1px;
-  top: -4px;
-  height: 1.8em;
-  margin-right: .8em;
-  border-radius: 4px 0 0 4px;
-}
-
-/* everywhere else */
-* { 
-  font-family: Arial, Helvetica, sans-serif; 
-}

package/templates/quickstart/angular/systemjs.config.extras.js

@@ -1,11 +0,0 @@
-/**
- * Add barrels and stuff
- * Adjust as necessary for your application needs.
- */
-// (function (global) {
-//   System.config({
-//     packages: {
-//       // add packages here
-//     }
-//   });
-// })(this);

package/templates/quickstart/angular/systemjs.config.js

@@ -1,58 +0,0 @@
-/**
- * System configuration for Angular samples
- * Adjust as necessary for your application needs.
- */
-(function (global) {
-  System.config({
-    paths: {
-      // paths serve as alias
-      'npm:': 'node_modules/'
-    },
-    // map tells the System loader where to look for things
-    map: {
-      // our app is within the app folder
-      app: 'app',
-
-      // angular bundles
-      '@angular/core': 'npm:@angular/core/bundles/core.umd.js',
-      '@angular/common': 'npm:@angular/common/bundles/common.umd.js',
-      '@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js',
-      '@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js',
-      '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',
-      '@angular/http': 'npm:@angular/http/bundles/http.umd.js',
-      '@angular/router': 'npm:@angular/router/bundles/router.umd.js',
-      '@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js',
-      '@angular/upgrade': 'npm:@angular/upgrade/bundles/upgrade.umd.js',
-
-      // other libraries
-      'rxjs':                      'npm:rxjs',
-      'angular-in-memory-web-api': 'npm:angular-in-memory-web-api',
-
-      //Ignite UI Angular wrappers library
-      'igniteui-angular-wrappers': 'npm:igniteui-angular-wrappers'
-    },
-    // packages tells the System loader how to load when no filename and/or no extension
-    packages: {
-      app: {
-        main: './main.js',
-        defaultExtension: 'js'
-      },
-      rxjs: {
-        main: './index.js',
-        defaultExtension: 'js'
-      },
-      'rxjs/operators': {
-        main: './index.js',
-        defaultExtension: 'js'
-      },
-      'angular-in-memory-web-api': {
-        main: './index.js',
-        defaultExtension: 'js'
-      },
-      'igniteui-angular-wrappers': {
-          main: 'bundles/igniteui-angular-wrappers.umd.js',
-          defaultExtension: 'js'
-      }
-    }
-  });
-})(this);

package/templates/quickstart/angular/tsconfig.json

@@ -1,22 +0,0 @@
-{
-	"compilerOptions": {
-	  "target": "es6",
-	  "module": "commonjs",
-	  "moduleResolution": "node",
-	  "sourceMap": true,
-	  "emitDecoratorMetadata": true,
-	  "experimentalDecorators": true,
-	  "removeComments": false,
-	  "noImplicitAny": false,
-	  "suppressImplicitAnyIndexErrors": true,
-	  "typeRoots": [
-		"./node_modules/@types/"
-	  ]
-	},
-	 "files": [
-	  "app/app.module.ts",
-	  "app/app.component.ts",
-	  "app/main.ts"
-	 ]
-  }
-  

package/templates/quickstart/angular/tslint.json

@@ -1,93 +0,0 @@
-{
-  "rules": {
-    "class-name": true,
-    "comment-format": [
-      true,
-      "check-space"
-    ],
-    "curly": true,
-    "eofline": true,
-    "forin": true,
-    "indent": [
-      true,
-      "spaces"
-    ],
-    "label-position": true,
-    "label-undefined": true,
-    "max-line-length": [
-      true,
-      140
-    ],
-    "member-access": false,
-    "member-ordering": [
-      true,
-      "static-before-instance",
-      "variables-before-functions"
-    ],
-    "no-arg": true,
-    "no-bitwise": true,
-    "no-console": [
-      true,
-      "debug",
-      "info",
-      "time",
-      "timeEnd",
-      "trace"
-    ],
-    "no-construct": true,
-    "no-debugger": true,
-    "no-duplicate-key": true,
-    "no-duplicate-variable": true,
-    "no-empty": false,
-    "no-eval": true,
-    "no-inferrable-types": true,
-    "no-shadowed-variable": true,
-    "no-string-literal": false,
-    "no-switch-case-fall-through": true,
-    "no-trailing-whitespace": true,
-    "no-unused-expression": true,
-    "no-unused-variable": true,
-    "no-unreachable": true,
-    "no-use-before-declare": true,
-    "no-var-keyword": true,
-    "object-literal-sort-keys": false,
-    "one-line": [
-      true,
-      "check-open-brace",
-      "check-catch",
-      "check-else",
-      "check-whitespace"
-    ],
-    "quotemark": [
-      true,
-      "single"
-    ],
-    "radix": true,
-    "semicolon": [
-      "always"
-    ],
-    "triple-equals": [
-      true,
-      "allow-null-check"
-    ],
-    "typedef-whitespace": [
-      true,
-      {
-        "call-signature": "nospace",
-        "index-signature": "nospace",
-        "parameter": "nospace",
-        "property-declaration": "nospace",
-        "variable-declaration": "nospace"
-      }
-    ],
-    "variable-name": false,
-    "whitespace": [
-      true,
-      "check-branch",
-      "check-decl",
-      "check-operator",
-      "check-separator",
-      "check-type"
-    ]
-  }
-}

package/templates/quickstart/jquery/index.html

@@ -1,99 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <title></title>
-
-    <!-- Ignite UI Required Combined CSS Files -->
-    <link href="https://cdn-na.infragistics.com/igniteui/2020.1/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet" />
-    <link href="https://cdn-na.infragistics.com/igniteui/2020.1/latest/css/structure/infragistics.css" rel="stylesheet" />
-
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js" integrity="sha512-3n19xznO0ubPpSwYCRRBgHh63DrV+bdZfHK52b1esvId4GsfwStQNPJFjeQos2h3JwCmZl0/LgLxSKMAI55hgw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-    <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
-    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" crossorigin="anonymous"></script>
-
-    <!-- Ignite UI Required Combined JavaScript Files -->
-    <script src="https://cdn-na.infragistics.com/igniteui/2020.1/latest/js/infragistics.core.js"></script>
-    <script src="https://cdn-na.infragistics.com/igniteui/2020.1/latest/js/infragistics.lob.js"></script>
-
-</head>
-<body>
-
-    <table id="grid"></table>
-
-    <script src="https://www.igniteui.com/data-files/nw-products.js"></script>
-    <script>
-        $(function () {
-            for (var i = 0; i < northwindProducts.length; i++) {
-                northwindProducts[i].ImageUrl = "https://lorempixel.com/50/50/food/" + (i % 10) + "/";
-            }
-            $("#grid").igGrid({
-            	primaryKey: "ProductID",
-            	caption : "<span> <img src=\"//www.infragistics.com/media/441501/horz_logo.png\" alt=\"Infragistics\"></span>",
-                width: '100%',
-                columns: [
-                    { headerText: "Product ID", key: "ProductID", dataType: "number", width: "15%", hidden: true },
-                    { headerText: "Image", key: "ImageUrl", dataType: "string", width: "15%", template: "<img style=\"height:50px;\" src=\"${ImageUrl}\"/>" },
-                    { headerText: "Product Name", key: "ProductName", dataType: "string", width: "25%" },
-                    { headerText: "Category", key: "CategoryName", dataType: "string", width: "25%" },
-                    { headerText: "Units In Stock", key: "InStock", dataType: "number", width: "35%" }
-                ],
-                autofitLastColumn: false,
-                autoGenerateColumns: false,
-                dataSource: northwindProducts,
-                responseDataKey: "results",
-                autoCommit: true,
-                features: [
-                    {
-                        name: "Sorting",
-                        sortingDialogContainment: "window"
-                    },
-                    {
-                        name: "Filtering",
-                        type: "local",
-                        columnSettings: [
-                            {
-                                columnKey: "ImageUrl",
-                                allowFiltering: false
-                            },
-                            {
-                                columnKey: "InStock",
-                                condition: "greaterThan"
-                            }
-                        ]
-                    },
-                    {
-                        name: "GroupBy",
-                        columnSettings: [
-                            {
-                                columnKey: "CategoryName",
-                                isGroupBy: true
-                            }
-                        ]
-                    },
-                    {
-                        name: "Selection"
-                    },
-                    {
-                        name: "Paging",
-                        pageSize: 10
-                    },
-                    {
-                        name: "Resizing"
-                    },
-                    {
-                        name: "Updating",
-                        editMode: "dialog",
-                        enableAddRow: false,
-                        columnSettings: [
-                            {
-                                columnKey: "ImageUrl",
-                                readOnly: false
-                            }
-                        ]
-                    }
-                ]
-            });
-        });
-     </script>
-</body>
-</html>

package/templates/quickstart/jquery/package.json

@@ -1,12 +0,0 @@
-{
-  "name": "igniteui-jquery-quickstart",
-  "version": "1.0.0",
-  "description": "Ignite UI for jQuery quick start",
-  "keywords": [],
-  "author": "",
-  "dependencies": {},
-  "devDependencies": {
-    "lite-server": "^2.4.0"
-  },
-  "repository": {}
-}

package/templates/quickstart/react/index.html

@@ -1,30 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <meta name="theme-color" content="#000000">
-
-    <title>React App</title>
-    	<link href="https://secure-cdn-na.infragistics.com/igniteui/2017.1/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet">
-	<link href="https://secure-cdn-na.infragistics.com/igniteui/2017.1/latest/css/structure/infragistics.css" rel="stylesheet">
-  </head>
-  <body>
-    <noscript>
-      You need to enable JavaScript to run this app.
-    </noscript>
-   
-    <div id="root"></div>
-    <script src="build/index.bundle.js"></script>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
-  </body>
-</html>

package/templates/quickstart/react/package.json

@@ -1,42 +0,0 @@
-{
-  "name": "ignite-ui-cli",
-  "version": "1.0.0",
-  "description": "Ignite UI for jQuery React Wrappers quick start",
-  "keywords": [
-    "CLI",
-    "Ignite UI"
-  ],
-  "main": "lib/cli.js",
-  "scripts": {
-    "webpack": "webpack"
-  },
-  "author": "PwnJS",
-  "license": "ISC",
-  "bin": {
-  },
-  "dependencies": {
-    "ignite-ui": "~21.2",
-    "lite-server": "^2.3.0",
-    "babel-runtime": "6.22.0",
-    "react": "15.4.2",
-    "react-dom": "15.4.2",
-    "react-router": "2.8.0",
-    "igniteui-react": "^1.3.0",
-    "jquery": "^3.2.1",
-    "jquery-ui": "^1.12.1"
-  },
-  "devDependencies": {
-    "babel-core": "6.16.0",
-    "babel-loader": "6.2.7",
-    "babel-plugin-transform-runtime": "6.15.0",
-    "babel-preset-es2015": "6.18.0",
-    "babel-preset-react": "6.22.0",
-    "css-loader": "0.14.5",
-    "extract-text-webpack-plugin": "2.0.0-beta.5",
-    "file-loader": "0.8.5",
-    "html-webpack-plugin": "2.26.0",
-    "style-loader": "0.13.1",
-    "webpack": "5.94.0",
-    "webpack-dev-server": "^5.1.0"
-  }
-}

package/templates/quickstart/react/src/App.js

@@ -1,24 +0,0 @@
-  import React, { Component } from 'react';
-  import 'jquery'; 
-  import 'jquery-ui'
-	import "ignite-ui/js/infragistics.core-lite.js";
-	import "ignite-ui/js/infragistics.lob-lite.js";
-	import IgDialog from "igniteui-react/ui/igDialog.js";
-
-class App extends Component {
-  render() {
-    return (
-      <div className="App">
-        <div className="App-header">
-          <h2>This is igDialog</h2>
-        </div>
-        <IgDialog
-        id="dialog"
-        height= "200px"
-      />
-      </div>
-    );
-  }
-}
-
-export default App;

package/templates/quickstart/react/src/index.js

@@ -1,5 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import App from './App';
-
-ReactDOM.render(<App />, document.getElementById('root'));

package/templates/quickstart/react/webpack.config.js

@@ -1,34 +0,0 @@
-var path = require('path');
-var webpack = require('webpack');
-     
- module.exports = {
-     entry: './src/index.js',
-     output: {
-         path: path.resolve(__dirname, 'build'),
-         filename: 'index.bundle.js'
-     },
-     module: {
-         loaders: [
-             {
-                 test: /\.js$/,
-                 loader: ('babel-loader'),
-                 options: {
-                    presets: ['react'],
-                    // @remove-on-eject-end
-                    // This is a feature of `babel-loader` for webpack (not Babel itself).
-                    // It enables caching results in ./node_modules/.cache/babel-loader/
-                    // directory for faster rebuilds.
-                    cacheDirectory: true,
-                },
-             },
-			 {
-				 test: /\.css$/,
-				 loader:'style!css!'
-			 }
-         ]
-     },
-     stats: {
-         colors: true
-     },
-     devtool: 'source-map'
- };