Update to Angular14 & PrimeNG 14

CHANGELOG.md

@@ -5,6 +5,7 @@
 - Folder structure updated.
 - Replace app.config.service by layout.service.
 - Updated to PrimeNG 14.
+- Updated to Angular 14.
 - Strict mode support added.
 - Documentation updated.
 - Added max-width in large screens for landing.

angular.json

@@ -108,5 +108,8 @@
             }
         }
     },
-    "defaultProject": "sakai"
+    "defaultProject": "sakai",
+    "cli": {
+      "analytics": false
+    }
 }

package.json

@@ -10,29 +10,29 @@
     },
     "private": true,
     "dependencies": {
-        "@angular/animations": "~13.0.0",
+        "@angular/animations": "~14.0.0",
-        "@angular/cdk": "~13.0.0",
+        "@angular/cdk": "~14.0.0",
-        "@angular/common": "~13.0.0",
+        "@angular/common": "~14.0.0",
-        "@angular/compiler": "~13.0.0",
+        "@angular/compiler": "~14.0.0",
-        "@angular/core": "~13.0.0",
+        "@angular/core": "~14.0.0",
-        "@angular/forms": "~13.0.0",
+        "@angular/forms": "~14.0.0",
-        "@angular/platform-browser": "~13.0.0",
+        "@angular/platform-browser": "~14.0.0",
-        "@angular/platform-browser-dynamic": "~13.0.0",
+        "@angular/platform-browser-dynamic": "~14.0.0",
-        "@angular/router": "~13.0.0",
+        "@angular/router": "~14.0.0",
         "chart.js": "^3.3.2",
         "primeflex": "^3.2.0",
         "primeicons": "5.0.0",
-        "primeng": "13.4.0",
+        "primeng": "14.0.0",
         "prismjs": "1.9.0",
-        "rxjs": "~7.4.0",
+        "rxjs": "~7.5.0",
         "tslib": "^2.3.0",
         "web-animations-js": "^2.3.2",
         "zone.js": "~0.11.4"
     },
     "devDependencies": {
-        "@angular-devkit/build-angular": "~13.0.4",
+        "@angular-devkit/build-angular": "~14.0.3",
-        "@angular/cli": "~13.0.4",
+        "@angular/cli": "~14.0.3",
-        "@angular/compiler-cli": "~13.0.0",
+        "@angular/compiler-cli": "~14.0.0",
         "@types/jasmine": "~3.10.0",
         "@types/jasminewd2": "~2.0.8",
         "@types/node": "^12.11.1",
@@ -41,13 +41,13 @@
         "jasmine-spec-reporter": "~5.0.0",
         "karma": "~6.3.0",
         "karma-chrome-launcher": "~3.1.0",
-        "karma-coverage": "~2.0.3",
+        "karma-coverage": "~2.2.0",
         "karma-coverage-istanbul-reporter": "~3.0.3",
         "karma-jasmine": "~4.0.0",
         "karma-jasmine-html-reporter": "~1.7.0",
         "protractor": "~7.0.0",
         "ts-node": "~8.3.0",
         "tslint": "~6.1.0",
-        "typescript": "~4.4.3"
+        "typescript": "~4.7.2"
     }
 }

src/app/demo/components/uikit/input/inputdemo.component.html

@@ -203,7 +203,7 @@
 				</div>
 				<div class="col-12 md:col-6">
 					<div class="p-inputgroup">
-						<span class="p-inputgroup-addon"><p-checkbox></p-checkbox></span>
+						<span class="p-inputgroup-addon"><p-checkbox [(ngModel)]="valCheck2" [binary]="true"></p-checkbox></span>
 						<input type="text" pInputText placeholder="Username">
 					</div>
 				</div>

src/app/demo/components/uikit/input/inputdemo.component.ts

@@ -67,6 +67,8 @@ export class InputDemoComponent implements OnInit {
 
     valCheck: string[] = [];
 
+    valCheck2: boolean = false;
+
     valSwitch: boolean = false;
 
     cities: SelectItem[] = [];

src/assets/layout/styles/layout/_utils.scss

@@ -22,6 +22,6 @@
     &.p-toast-top-right,
     &.p-toast-top-left,
     &.p-toast-top-center {
-        top: 70px;
+        top: 75px;
     }
 }