feat(web): Update to Angular 18

- Updated Angular dependencies to version 18.0.6
- Updated ngx-markdown dependency to version 18.0.0
- Updated @ng-bootstrap/ng-bootstrap dependency to version 17.0.0
- Updated @microsoft/applicationinsights-angularplugin-js dependency to version 15.3.0
- Updated @microsoft/applicationinsights-web dependency to version 3.3.0
- Updated @angular-devkit/build-angular dependency to version 18.0.7
- Updated @angular/cli dependency to version 18.0.7
- Updated @angular/compiler-cli dependency to version 18.0.6
- Updated typescript devDependency to version 5.4.5

Refactored ProfileModActionsViewComponent:
- Replaced input decorator with model decorator for profileId and modActions properties.
- Replaced input() method calls with set() method calls for modActions and profileId.

Refactored ProfilePlatformBansViewComponent:
- Replaced input decorator with model decorator for profileId and platformBans properties.
- Replaced input() method calls with set() method calls for platformBans and profileId.

wowskarma.app/package.json

@@ -11,36 +11,36 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^17.3.0",
-    "@angular/common": "^17.3.0",
-    "@angular/compiler": "^17.3.0",
-    "@angular/core": "^17.3.0",
-    "@angular/forms": "^17.3.0",
-    "@angular/localize": "^17.3.0",
-    "@angular/platform-browser": "^17.3.0",
-    "@angular/platform-browser-dynamic": "^17.3.0",
-    "@angular/router": "^17.3.0",
-    "@angular/service-worker": "^17.3.0",
-    "@microsoft/applicationinsights-angularplugin-js": "^15.1.0",
-    "@microsoft/applicationinsights-web": "^3.1.1",
+    "@angular/animations": "^18.0.6",
+    "@angular/common": "^18.0.6",
+    "@angular/compiler": "^18.0.6",
+    "@angular/core": "^18.0.6",
+    "@angular/forms": "^18.0.6",
+    "@angular/localize": "^18.0.6",
+    "@angular/platform-browser": "^18.0.6",
+    "@angular/platform-browser-dynamic": "^18.0.6",
+    "@angular/router": "^18.0.6",
+    "@angular/service-worker": "^18.0.6",
+    "@microsoft/applicationinsights-angularplugin-js": "^15.3.0",
+    "@microsoft/applicationinsights-web": "^3.3.0",
     "@microsoft/signalr": "^8.0.0",
-    "@ng-bootstrap/ng-bootstrap": "^16.0.0",
+    "@ng-bootstrap/ng-bootstrap": "^17.0.0",
     "@popperjs/core": "^2.11.8",
     "@types/bootstrap": "^5.2.10",
     "bootstrap": "^5.3.3",
     "bootstrap-icons": "^1.11.3",
     "bootswatch": "^5.3.3",
     "marked": "^9.1.6",
     "ng-openapi-gen": "^0.51.0",
-    "ngx-markdown": "^17.1.1",
+    "ngx-markdown": "^18.0.0",
     "rxjs": "~7.8.1",
-    "tslib": "^2.6.2",
-    "zone.js": "~0.14.4"
+    "tslib": "^2.6.3",
+    "zone.js": "~0.14.7"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^17.3.0",
-    "@angular/cli": "~17.2.3",
-    "@angular/compiler-cli": "^17.3.0",
-    "typescript": "~5.3.3"
+    "@angular-devkit/build-angular": "^18.0.7",
+    "@angular/cli": "~18.0.7",
+    "@angular/compiler-cli": "^18.0.6",
+    "typescript": "~5.4.5"
   }
 }

wowskarma.app/src/app/shared/modals/profile-mod-actions-view/profile-mod-actions-view.component.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, inject, input, Input, signal } from '@angular/core';
+import { ChangeDetectionStrategy, Component, inject, input, Input, model, signal } from '@angular/core';
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { BehaviorSubject } from 'rxjs';
 import { map } from 'rxjs/operators';
@@ -14,8 +14,8 @@ import { PostModActionDto } from "../../../services/api/models/post-mod-action-d
   changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class ProfileModActionsViewComponent {
-  profileId = input<number>()
-  modActions = input<PostModActionDto[]>()
+  profileId = model<number>()
+  modActions = model<PostModActionDto[]>()
 
   loaded = signal(false);
 
@@ -33,8 +33,8 @@ export class ProfileModActionsViewComponent {
   static OpenModal(modalService: NgbModal, modActions?: PostModActionDto[], profileId?: number) {
     const modalRef = modalService.open(ProfileModActionsViewComponent, { size: "xl", fullscreen: "xl" });
     modalRef.componentInstance.modal = modalRef;
-    modalRef.componentInstance.modActions = input(modActions);
-    modalRef.componentInstance.profileId = input(profileId);
+    modalRef.componentInstance.modActions.set(modActions);
+    modalRef.componentInstance.profileId.set(profileId);
     console.debug(modalRef.componentInstance.profileId())
 
 

wowskarma.app/src/app/shared/modals/profile-platform-bans-view/profile-platform-bans-view.component.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, inject, input, Input, signal } from '@angular/core';
+import { ChangeDetectionStrategy, Component, inject, input, Input, model, signal } from '@angular/core';
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { BehaviorSubject, of, pipe } from 'rxjs';
 import { map } from 'rxjs/operators';
@@ -18,8 +18,8 @@ import { toObservable } from "@angular/core/rxjs-interop";
   changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class ProfilePlatformBansViewComponent {
-  profileId = input<number>()
-  platformBans = input<PlatformBanDto[]>()
+  profileId = model<number>()
+  platformBans = model<PlatformBanDto[]>()
 
   @Input() modal!: NgbModalRef;
 
@@ -38,8 +38,8 @@ export class ProfilePlatformBansViewComponent {
   static OpenModal(modalService: NgbModal, platformBans?: PlatformBanDto[], profileId?: number) {
     const modalRef = modalService.open(ProfilePlatformBansViewComponent, { size: "lg", fullscreen: "lg" });
     modalRef.componentInstance.modal = modalRef;
-    modalRef.componentInstance.platformBans = input(platformBans);
-    modalRef.componentInstance.profileId = input(profileId);
+    modalRef.componentInstance.platformBans.set(platformBans);
+    modalRef.componentInstance.profileId.set(profileId);
 
     return modalRef;
   }