From 8e8db7fae5fc6361479d9b657fcffaa2bddc9911 Mon Sep 17 00:00:00 2001
From: Simon Grimme <simon.grimme@t-systems.com>
Date: Tue, 10 Oct 2023 23:09:38 +0200
Subject: [PATCH] Switched to "ngx-layout" from the deprecated
 "@angular/flex-layout"

---
 frontend/package-lock.json     | 16 ++++++++++++++++
 frontend/package.json          |  3 ++-
 frontend/src/app/app.module.ts |  2 +-
 3 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 6ce244d..578b95b 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -19,6 +19,7 @@
         "@angular/platform-browser-dynamic": "^16.2.8",
         "@angular/router": "^16.2.8",
         "@angular/youtube-player": "^16.2.7",
+        "@ngbracket/ngx-layout": "^16.1.3",
         "mat-table-filter": "^15.0.0",
         "rxjs": "~7.8.1",
         "tslib": "^2.3.0",
@@ -3731,6 +3732,21 @@
         "tslib": "^2.1.0"
       }
     },
+    "node_modules/@ngbracket/ngx-layout": {
+      "version": "16.1.3",
+      "resolved": "https://registry.npmjs.org/@ngbracket/ngx-layout/-/ngx-layout-16.1.3.tgz",
+      "integrity": "sha512-N24KX2BIBYXbCfLyr8Q/wXHh5x9w8yGn2G5GLo99inOJ2BtBNu3AvBdvz1oYIsuLEdqgWZIqt0JqlBeIm4u/iQ==",
+      "dependencies": {
+        "tslib": "^2.5.0"
+      },
+      "peerDependencies": {
+        "@angular/cdk": ">=16.0.0",
+        "@angular/common": ">=16.0.0",
+        "@angular/core": ">=16.0.0",
+        "@angular/platform-browser": ">=16.0.0",
+        "rxjs": "^6.5.3 || ^7.8.0"
+      }
+    },
     "node_modules/@ngtools/webpack": {
       "version": "16.2.5",
       "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-16.2.5.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index f82e289..39d1fb5 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -21,6 +21,7 @@
     "@angular/platform-browser-dynamic": "^16.2.8",
     "@angular/router": "^16.2.8",
     "@angular/youtube-player": "^16.2.7",
+    "@ngbracket/ngx-layout": "^16.1.3",
     "mat-table-filter": "^15.0.0",
     "rxjs": "~7.8.1",
     "tslib": "^2.3.0",
@@ -39,4 +40,4 @@
     "karma-jasmine-html-reporter": "~2.0.0",
     "typescript": "^5.1.6"
   }
-}
\ No newline at end of file
+}
diff --git a/frontend/src/app/app.module.ts b/frontend/src/app/app.module.ts
index 01c3922..a765615 100644
--- a/frontend/src/app/app.module.ts
+++ b/frontend/src/app/app.module.ts
@@ -21,7 +21,7 @@ import {ErrorDialogComponent} from "./components/error-dialog/error-dialog.compo
 import {MatDialogModule} from "@angular/material/dialog";
 import {MatButtonModule} from "@angular/material/button";
 import {MatInputModule} from "@angular/material/input";
-import {FlexLayoutModule, FlexModule, GridModule} from "@angular/flex-layout";
+import {FlexLayoutModule, FlexModule, GridModule} from "@ngbracket/ngx-layout";
 import {LibraryOverviewComponent} from './components/library-overview/library-overview.component';
 import {MatProgressSpinnerModule} from "@angular/material/progress-spinner";
 import {MatTableModule} from "@angular/material/table";