Added Chart Demos

package.json

@@ -10,6 +10,12 @@
     "start:hr": "ng serve --project=hr-portal -o",
     "start:sales": "ng serve --project=sales-grid -o",
     "start:fleet": "ng serve --project=fleet-management -o",
+    "start:column-chart": "ng serve --project=column-chart -o",
+    "start:bar-chart": "ng serve --project=bar-chart -o",
+    "start:line-chart": "ng serve --project=line-chart -o",
+    "start:pie-chart": "ng serve --project=pie-chart -o",
+    "start:step-chart": "ng serve --project=step-chart -o",
+    "start:polar-chart": "ng serve --project=polar-chart -o",
     "test": "ng test",
     "_": "",
     "ISS Deploy Scripts": "For use only with deployment on IIS. Make sure `base-href` matches the alias of you app",
@@ -23,6 +29,12 @@
     "build:fin": "ng build finance-grid",
     "build:hr": "ng build hr-portal",
     "build:sales": "ng build sales-grid",
+    "build:column-chart": "ng build column-chart",
+    "build:bar-chart": "ng build bar-chart",
+    "build:line-chart": "ng build line-chart",
+    "build:pie-chart": "ng build pie-chart",
+    "build:step-chart": "ng build step-chart",
+    "build:polar-chart": "ng build polar-chart",
     "ssr:erp": "node dist/erp-hgrid/server/server.mjs",
     "ssr:fin": "node dist/finance-grid/server/server.mjs",
     "ssr:hr": "node dist/hr-portal/server/server.mjs",

projects/charts/bar-chart/.eslintrc.json

@@ -0,0 +1,50 @@
+{
+  "root": true,
+  "ignorePatterns": [
+    "projects/**/*"
+  ],
+  "overrides": [
+      {
+        "files": [
+          "*.ts"
+        ],
+        "parserOptions": {
+          "project": [
+          "tsconfig.json"
+          ],
+          "createDefaultProgram": true
+        },
+        "extends": [
+          "plugin:@angular-eslint/recommended",
+          "plugin:@angular-eslint/template/process-inline-templates"
+        ],
+        "rules": {
+          "@angular-eslint/directive-selector": [
+          "error",
+          {
+            "type": "attribute",
+            "prefix": "app",
+            "style": "camelCase"
+          }
+          ],
+          "@angular-eslint/component-selector": [
+          "error",
+          {
+            "type": "element",
+            "prefix": "app",
+            "style": "kebab-case"
+          }
+          ]
+        }
+      },
+    {
+    "files": [
+      "*.html"
+    ],
+    "extends": [
+      "plugin:@angular-eslint/template/recommended"
+    ],
+    "rules": {}
+    }
+  ]
+}

projects/charts/bar-chart/.npmrc

@@ -0,0 +1 @@
+legacy-peer-deps=true

projects/charts/bar-chart/README.md

@@ -0,0 +1,46 @@
+# bar-chart
+
+This project was generated with [Ignite UI CLI](https://github.com/IgniteUI/igniteui-cli) version 14.2.3.
+
+## 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:4200/`. 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). Runs all `.spec.ts` files under `./src` folder.
+
+## Running end-to-end tests
+
+Run `ig test --e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
+
+## 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).
+
+## Angular CLI compatibility
+You can run all of the supported Angular CLI commands. More details at [Angular CLI](https://github.com/angular/angular-cli).

projects/charts/bar-chart/angular.json

@@ -0,0 +1,144 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "bar-chart": {
+      "projectType": "application",
+      "schematics": {
+        "@schematics/angular:component": {
+          "style": "scss"
+        }
+      },
+      "root": "",
+      "sourceRoot": "src",
+      "prefix": "app",
+      "architect": {
+        "build": {
+          "builder": "@angular/build:application",
+          "options": {
+            "outputPath": "dist/bar-chart-app",
+            "index": "src/index.html",
+            "browser": "src/main.ts",
+            "polyfills": ["zone.js"],
+            "tsConfig": "tsconfig.app.json",
+            "inlineStyleLanguage": "scss",
+            "assets": [
+              {
+                "glob": "**/*",
+                "input": "public"
+              }
+            ],
+            "styles": ["src/styles.scss"],
+            "scripts": ["./node_modules/hammerjs/hammer.min.js"],
+            "stylePreprocessorOptions": {
+              "includePaths": ["node_modules"]
+            },
+            "server": "src/main.server.ts",
+            "prerender": true,
+            "ssr": {
+              "entry": "src/server.ts"
+            },
+            "outputMode": "static"
+          },
+          "configurations": {
+            "production": {
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "5mb",
+                  "maximumError": "10mb"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb",
+                  "maximumError": "2mb"
+                }
+              ],
+              "outputHashing": "all"
+            },
+            "development": {
+              "optimization": false,
+              "extractLicenses": false,
+              "sourceMap": true
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "serve": {
+          "builder": "@angular/build:dev-server",
+          "configurations": {
+            "production": {
+              "buildTarget": "bar-chart:build:production"
+            },
+            "development": {
+              "buildTarget": "bar-chart:build:development"
+            }
+          },
+          "defaultConfiguration": "development"
+        },
+        "extract-i18n": {
+          "builder": "@angular/build:extract-i18n",
+          "options": {
+            "buildTarget": "bar-chart:build"
+          }
+        },
+        "test": {
+          "builder": "@angular/build:karma",
+          "options": {
+            "polyfills": ["zone.js", "zone.js/testing"],
+            "tsConfig": "tsconfig.spec.json",
+            "inlineStyleLanguage": "scss",
+            "assets": [
+              {
+                "glob": "**/*",
+                "input": "public"
+              }
+            ],
+            "styles": ["src/styles.scss"],
+            "scripts": [],
+            "stylePreprocessorOptions": {
+              "includePaths": ["node_modules"]
+            }
+          }
+        },
+        "lint": {
+          "builder": "@angular-eslint/builder:lint",
+          "options": {
+            "lintFilePatterns": ["src/**/*.ts", "src/**/*.html"]
+          }
+        }
+      }
+    }
+  },
+  "cli": {
+    "schematicCollections": ["@angular-eslint/schematics"],
+    "analytics": false
+  },
+  "schematics": {
+    "@schematics/angular:component": {
+      "type": "component"
+    },
+    "@schematics/angular:directive": {
+      "type": "directive"
+    },
+    "@schematics/angular:service": {
+      "type": "service"
+    },
+    "@schematics/angular:guard": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:interceptor": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:module": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:pipe": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:resolver": {
+      "typeSeparator": "."
+    }
+  }
+}