chore: update to angular v15

.stylelintrc.json

@@ -6,9 +6,7 @@
             true,
             {
                 "ignoreTypes": [
-                    "mat-selection-list",
+                    "/^mat-/"
-                    "mat-nav-list",
-                    "mat-list-item"
                 ]
             }
         ],

package.json

@@ -51,14 +51,14 @@
         "build-pwa": "ng build -c production --base-href /iptvnator --deploy-url /iptvnator/"
     },
     "dependencies": {
-        "@angular/animations": "14.0.6",
+        "@angular/animations": "15.1.1",
         "@angular/cdk": "14.0.5",
         "@angular/material": "14.0.5",
         "@electron/remote": "2.0.8",
-        "@ngrx/effects": "14.3.2",
+        "@ngrx/effects": "15.1.0",
-        "@ngrx/store": "14.3.2",
+        "@ngrx/store": "15.1.0",
-        "@ngrx/store-devtools": "14.3.2",
+        "@ngrx/store-devtools": "15.1.0",
-        "@ngx-pwa/local-storage": "13.0.5",
+        "@ngx-pwa/local-storage": "15.0.0",
         "@videojs/http-streaming": "2.15.0",
         "@yangkghjh/videojs-aspect-ratio-panel": "0.0.1",
         "about-window": "1.15.2",
@@ -85,24 +85,24 @@
         "zone.js": "~0.11.4"
     },
     "devDependencies": {
-        "@angular-builders/custom-webpack": "14.0.0",
+        "@angular-builders/custom-webpack": "15.0.0",
-        "@angular-devkit/build-angular": "14.0.6",
+        "@angular-devkit/build-angular": "15.1.2",
-        "@angular-eslint/builder": "14.0.2",
+        "@angular-eslint/builder": "15.2.0",
-        "@angular-eslint/eslint-plugin": "14.0.2",
+        "@angular-eslint/eslint-plugin": "15.2.0",
-        "@angular-eslint/eslint-plugin-template": "14.0.2",
+        "@angular-eslint/eslint-plugin-template": "15.2.0",
-        "@angular-eslint/schematics": "14.0.2",
+        "@angular-eslint/schematics": "15.2.0",
-        "@angular-eslint/template-parser": "14.0.2",
+        "@angular-eslint/template-parser": "15.2.0",
-        "@angular/cli": "14.0.6",
+        "@angular/cli": "15.1.2",
-        "@angular/common": "14.0.6",
+        "@angular/common": "15.1.1",
-        "@angular/compiler": "14.0.6",
+        "@angular/compiler": "15.1.1",
-        "@angular/compiler-cli": "14.0.6",
+        "@angular/compiler-cli": "15.1.1",
-        "@angular/core": "14.0.6",
+        "@angular/core": "15.1.1",
-        "@angular/forms": "14.0.6",
+        "@angular/forms": "15.1.1",
-        "@angular/language-service": "14.0.6",
+        "@angular/language-service": "15.1.1",
-        "@angular/platform-browser": "14.0.6",
+        "@angular/platform-browser": "15.1.1",
-        "@angular/platform-browser-dynamic": "14.0.6",
+        "@angular/platform-browser-dynamic": "15.1.1",
-        "@angular/router": "14.0.6",
+        "@angular/router": "15.1.1",
-        "@angular/service-worker": "14.0.6",
+        "@angular/service-worker": "15.1.1",
         "@commitlint/cli": "16.0.1",
         "@commitlint/config-conventional": "16.0.0",
         "@ngrx/eslint-plugin": "^14.3.2",
@@ -114,7 +114,7 @@
         "@semantic-release/npm": "9.0.0",
         "@types/jest": "28.1.5",
         "@types/mocha": "9.0.0",
-        "@types/node": "16.11.7",
+        "@types/node": "18.11.18",
         "@types/video.js": "7.3.29",
         "@types/videojs-hls-quality-selector": "1.1.0",
         "@typescript-eslint/eslint-plugin": "5.40.1",
@@ -128,7 +128,7 @@
         "husky": "5.0.9",
         "jest": "28.1.3",
         "jest-preset-angular": "12.2.5",
-        "ng-mocks": "14.0.2",
+        "ng-mocks": "14.6.0",
         "node-polyfill-webpack-plugin": "1.1.4",
         "npm-run-all": "4.1.5",
         "playwright": "1.29.1",
@@ -141,7 +141,7 @@
         "ts-jest": "28.0.6",
         "ts-node": "8.10.2",
         "tslib": "2.3.0",
-        "typescript": "4.7.4",
+        "typescript": "4.9.4",
         "wait-on": "6.0.0"
     },
     "engines": {

src/app/app-routing.module.ts

@@ -24,7 +24,7 @@ const routes: Routes = [
 ];
 
 @NgModule({
-    imports: [RouterModule.forRoot(routes, { relativeLinkResolution: 'legacy' })],
+    imports: [RouterModule.forRoot(routes, {})],
     exports: [RouterModule],
 })
 export class AppRoutingModule {}

src/app/player/components/epg-list/epg-list.component.scss

@@ -13,7 +13,6 @@
     border-bottom: 1px dashed #666;
 }
 
-
 #channel-header {
     flex-direction: column;
     box-sizing: border-box;

src/app/settings/settings.component.scss

@@ -14,7 +14,7 @@ button {
 
     :nth-child(2) {
         text-align: right;
-        
+
         mat-form-field {
             font-size: 14px;
         }
@@ -26,7 +26,7 @@ button {
 
     p {
         font-size: 0.9em;
-        opacity: .6;
+        opacity: 0.6;
         padding: 2px 0;
         margin: 0;
     }
@@ -38,4 +38,4 @@ button {
     button {
         margin: 0 10px;
     }
-}
+}

src/styles.scss

@@ -1,11 +1,11 @@
 $material-icons-font-path: '~material-icons/iconfont/';
 
 /* You can add global styles to this file, and also import other style files */
-@import '~@angular/material/prebuilt-themes/indigo-pink.css';
+@import '@angular/material/prebuilt-themes/indigo-pink.css';
-@import '~material-icons/iconfont/material-icons.scss';
+@import 'material-icons/iconfont/material-icons.scss';
-@import '~@angular/material/theming';
+@import '@angular/material/theming';
 @import 'themes/';
-@import '~@yangkghjh/videojs-aspect-ratio-panel/dist/videojs-aspect-ratio-panel.css';
+@import '@yangkghjh/videojs-aspect-ratio-panel/dist/videojs-aspect-ratio-panel.css';
 
 @include mat-core();
 

tsconfig.json

@@ -8,12 +8,13 @@
         "moduleResolution": "node",
         "emitDecoratorMetadata": true,
         "experimentalDecorators": true,
-        "target": "es2020",
+        "target": "ES2022",
         "typeRoots": ["node_modules/@types"],
         "lib": ["es2017", "es2016", "es2015", "dom"],
         "resolveJsonModule": true,
         "strict": false,
-        "skipLibCheck": true
+        "skipLibCheck": true,
+        "useDefineForClassFields": false
     },
     "files": ["src/main.ts", "src/polyfills.ts"],
     "include": ["src/**/*.d.ts"],