feat: update angular to 14

lib peerDependency minimum version to 14

Author: sheikalthaf

angular.json

@@ -176,7 +176,8 @@
   },
   "cli": {
     "analytics": false,
-    "defaultCollection": "@angular-eslint/schematics"
-  },
-  "defaultProject": "demo-app"
+    "schematicCollections": [
+      "@angular-eslint/schematics"
+    ]
+  }
 }

package-lock.json

@@ -22,30 +22,30 @@
     },
     "private": true,
     "dependencies": {
-        "@angular/animations": "~13.3.2",
-        "@angular/cdk": "~13.3.2",
-        "@angular/common": "~13.3.2",
-        "@angular/compiler": "~13.3.2",
-        "@angular/core": "~13.3.2",
-        "@angular/forms": "~13.3.2",
-        "@angular/material": "~13.3.2",
-        "@angular/platform-browser": "~13.3.2",
-        "@angular/platform-browser-dynamic": "~13.3.2",
-        "@angular/router": "~13.3.2",
-        "@swimlane/ngx-charts": "~17.0.0",
+        "@angular/animations": "^14.0.1",
+        "@angular/cdk": "^14.0.1",
+        "@angular/common": "^14.0.1",
+        "@angular/compiler": "^14.0.1",
+        "@angular/core": "^14.0.1",
+        "@angular/forms": "^14.0.1",
+        "@angular/material": "^14.0.1",
+        "@angular/platform-browser": "^14.0.1",
+        "@angular/platform-browser-dynamic": "^14.0.1",
+        "@angular/router": "^14.0.1",
+        "@swimlane/ngx-charts": "~20.1.0",
         "rxjs": "~6.6.0",
         "tslib": "^2.3.1",
         "zone.js": "~0.11.4"
     },
     "devDependencies": {
-        "@angular-devkit/build-angular": "~13.3.2",
-        "@angular-eslint/builder": "~13.2.0",
-        "@angular-eslint/eslint-plugin": "~13.2.0",
-        "@angular-eslint/eslint-plugin-template": "~13.2.0",
-        "@angular-eslint/schematics": "~13.2.0",
-        "@angular-eslint/template-parser": "~13.2.0",
-        "@angular/cli": "~13.3.2",
-        "@angular/compiler-cli": "~13.3.2",
+        "@angular-devkit/build-angular": "^14.0.1",
+        "@angular-eslint/builder": "~13.4.0",
+        "@angular-eslint/eslint-plugin": "~13.4.0",
+        "@angular-eslint/eslint-plugin-template": "~13.4.0",
+        "@angular-eslint/schematics": "~13.4.0",
+        "@angular-eslint/template-parser": "~13.4.0",
+        "@angular/cli": "^14.0.1",
+        "@angular/compiler-cli": "^14.0.1",
         "@commitlint/cli": "~11.0.0",
         "@commitlint/config-angular": "~11.0.0",
         "@commitlint/config-conventional": "~11.0.0",
@@ -66,11 +66,11 @@
         "karma-coverage": "~2.0.3",
         "karma-jasmine": "~4.0.0",
         "karma-jasmine-html-reporter": "^1.5.0",
-        "ng-packagr": "~13.3.0",
+        "ng-packagr": "^14.0.2",
         "protractor": "~7.0.0",
         "standard-version": "~9.1.0",
         "ts-node": "~8.3.0",
-        "typescript": "~4.5.5"
+        "typescript": "~4.7.3"
     },
     "config": {
         "commitizen": {

package.json

@@ -20,8 +20,8 @@
         "angular-layout"
     ],
     "peerDependencies": {
-        "@angular/common": ">=12.0.0",
-        "@angular/core": ">=12.0.0"
+        "@angular/common": ">=14.0.0",
+        "@angular/core": ">=14.0.0"
     },
     "dependencies": {
         "tslib": "^2.3.1"

projects/angular-grid-layout/package.json

@@ -3,7 +3,7 @@
     "extends": "../../tsconfig.json",
     "compilerOptions": {
         "outDir": "../../out-tsc/lib",
-        "target": "es2015",
+        "target": "es2020",
         "declaration": true,
         "declarationMap": true,
         "inlineSources": true,

projects/angular-grid-layout/tsconfig.lib.json

@@ -26,13 +26,13 @@
             <ngx-charts-bar-horizontal-2d
                 [view]="layoutSizes['1']"
                 [scheme]="colorSchemeGradientLinear"
-                [schemeType]="'linear'"
+                [schemeType]="schemeType"
                 [results]="countriesPopulationByYear"
                 [gradient]="false"
                 [xAxis]="xAxis"
                 [yAxis]="yAxis"
                 [legend]="false"
-                [legendPosition]="'below'"
+                [legendPosition]="legendBelow"
                 [showXAxisLabel]="showXAxisLabel"
                 [showYAxisLabel]="showYAxisLabel"
                 [xAxisLabel]="yAxisLabel"

projects/demo-app/src/app/real-life-example/real-life-example.component.html

@@ -3,7 +3,7 @@ import { KtdGridComponent, KtdGridLayout, ktdTrackById } from '@katoid/angular-g
 import { fromEvent, merge, Subscription } from 'rxjs';
 import { debounceTime } from 'rxjs/operators';
 import { countriesPopulation, countriesPopulationByYear } from './data/countries-population.data';
-import { AreaChartStackedComponent } from '@swimlane/ngx-charts';
+import { AreaChartStackedComponent, Color, ScaleType, LegendPosition } from '@swimlane/ngx-charts';
 import { DOCUMENT } from '@angular/common';
 
 @Component({
@@ -46,18 +46,30 @@ export class KtdRealLifeExampleComponent implements OnInit, OnDestroy {
     yAxisLabel: string = 'Population';
     timeline: boolean = true;
 
-    colorScheme = {
-        domain: ['#5AA454', '#E44D25', '#CFC0BB', '#7aa3e5', '#a8385d', '#aae3f5']
+    colorScheme: Color = {
+        domain: ['#5AA454', '#E44D25', '#CFC0BB', '#7aa3e5', '#a8385d', '#aae3f5'],
+        group: ScaleType.Ordinal,
+        selectable: true,
+        name: 'Customer Usage'
     };
 
-    colorScheme2 = {
-        domain: ['#4e79a7', '#f28e2c', '#e15759', '#76b7b2', '#59a14f', '#edc949', '#af7aa1']
+    colorScheme2: Color = {
+        domain: ['#4e79a7', '#f28e2c', '#e15759', '#76b7b2', '#59a14f', '#edc949', '#af7aa1'],
+        group: ScaleType.Ordinal,
+        selectable: true,
+        name: 'vertical stacked'
     };
 
-    colorSchemeGradientLinear = {
-        domain: ['#4e79a7', '#f28e2c', '#e15759']
+    colorSchemeGradientLinear: Color = {
+        domain: ['#4e79a7', '#f28e2c', '#e15759'],
+        group: ScaleType.Ordinal,
+        selectable: true,
+        name: 'color gradient'
     };
 
+    legendBelow = LegendPosition.Below;
+    schemeType = ScaleType.Linear;
+
 
     private resizeSubscription: Subscription;
 

projects/demo-app/src/app/real-life-example/real-life-example.component.ts

@@ -12,7 +12,7 @@
         "experimentalDecorators": true,
         "moduleResolution": "node",
         "importHelpers": true,
-        "target": "es2015",
+        "target": "es2020",
         "module": "es2020",
         "strictNullChecks": true,
         "lib": [