Fixing compile issue in --prod mode

package-lock.json

@@ -5267,11 +5267,6 @@
       "integrity": "sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw==",
       "dev": true
     },
-    "hammerjs": {
-      "version": "2.0.8",
-      "resolved": "https://registry.npmjs.org/hammerjs/-/hammerjs-2.0.8.tgz",
-      "integrity": "sha1-BO93hiz/K7edMPdpIJWTAiK/YPE="
-    },
     "handle-thing": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/handle-thing/-/handle-thing-2.0.1.tgz",

package.json

@@ -22,7 +22,6 @@
     "angular-auth-oidc-client": "11.2.0",
     "bootstrap": "^4.5.2",
     "detect-browser": "^5.1.1",
-    "hammerjs": "^2.0.8",
     "hls.js": "^0.14.13",
     "jquery": "^3.5.1",
     "ngx-infinite-scroll": "^9.1.0",

src/app/app.module.ts

@@ -10,7 +10,7 @@ import {MatSelectModule} from '@angular/material/select';
 import {MatSliderModule} from '@angular/material/slider';
 import {MatSnackBarModule} from '@angular/material/snack-bar';
 import {MatTooltipModule} from '@angular/material/tooltip';
-import {BrowserModule} from '@angular/platform-browser';
+import { BrowserModule, HammerModule } from "@angular/platform-browser";
 import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
 import {AppRoutingModule} from './app-routing.module';
 import {AppComponent} from './app.component';
@@ -89,7 +89,8 @@ import {MatBadgeModule} from "@angular/material/badge";
 		MatAutocompleteModule,
 		MatExpansionModule,
 		InfiniteScrollModule,
-		MatBadgeModule
+		MatBadgeModule,
+		HammerModule
 	],
 	bootstrap: [AppComponent]
 })

src/app/auth/auth.module.ts

@@ -42,7 +42,7 @@ export function loadConfig(oidcConfigService: OidcConfigService)
 
 		forbiddenRoute: "/forbidden",
 		unauthorizedRoute: "/unauthorized",
-		logLevel: LogLevel.Debug
+		logLevel: LogLevel.Warn
 	});
 }
 

src/app/misc/horizontal-scroller.ts

@@ -1,6 +1,10 @@
-import {ElementRef, ViewChild} from "@angular/core";
+import { Component, ElementRef, ViewChild } from "@angular/core";
 import {MatButton} from "@angular/material/button";
 
+// noinspection AngularMissingOrInvalidDeclarationInModule
+@Component({
+	template: ""
+})
 export class HorizontalScroller
 {
 	@ViewChild("scrollView", { static: true }) private scrollView: ElementRef;

src/main.ts

@@ -3,7 +3,6 @@ import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
 import { AppModule } from './app/app.module';
 import { environment } from './environments/environment';
-import "hammerjs"
 
 if (environment.production) {
 	enableProdMode();